/*********************************************************************************************
Project : rwdgrid - responsive grid system for your next project
URI: http://rwdgrid.com/
Version: 2.0
Author: Vineeth G S
Author URI: http://www.gsvineeth.com
Github URI: https://github.com/gsvineeth/rwdgrid/
*********************************************************************************************/
/*********************************************************************************************
1.  Base code
*********************************************************************************************/
*, *:after, *:before {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

[class*='grid-'] {
    float: left;
    padding: 5px;
    width: 100%;
}

.clear-grid{
    clear:both;
    float:inherit;
}
.container {
    margin:0%;
    width: 100%;
}
.container:after, .container:before {
    display: table;
    clear:both;
    content: " ";
}
.nest {
    margin:0 -10px;
    padding:0;
    width:auto;
}


/*********************************************************************************************

2.  Mobile Grid

*********************************************************************************************/

.grid-m-12 {
    width: 100%;
}
.grid-m-11 {
    width: 91.666663%;
}
.grid-m-10 {
    width: 83.33%;
}
.grid-m-9 {
    width: 74.999997%;
}
.grid-m-8 {
    width: 66.66666664%;
}
.grid-m-7 {
    width: 58.333%;
}
.grid-m-6 {
    width: 50%;
}
.grid-m-5 {
    width: 41.6665%;
}
.grid-m-4 {
    width: 33.33%;
}
.grid-m-3 {
    width: 24.99%;
}
.grid-m-2 {
    width: 16.66666%;
}
.grid-m-1 {
    width: 8.33%;
}

@media (min-width: 550px) {
    .grid-s-12 {
        width: 100%;
    }
    .grid-s-11 {
        width: 91.666663%;
    }
    .grid-s-10 {
        width: 83.33%;
    }
    .grid-s-9 {
        width: 74.999997%;
    }
    .grid-s-8 {
        width: 66.66666664%;
    }
    .grid-s-7 {
        width: 58.333%;
    }
    .grid-s-6 {
        width: 50%;
    }
    .grid-s-5 {
        width: 41.6665%;
    }
    .grid-s-4 {
        width: 33.33%;
    }
    .grid-s-3 {
        width: 24.99%;
    }
    .grid-s-2 {
        width: 16.66666%;
    }
    .grid-s-1 {
        width: 8.33%;
    }
}

/*********************************************************************************************

3.  Grid 720px+

*********************************************************************************************/


@media (min-width: 720px) {
    .grid-12 {
        width: 100%;
    }
    .grid-11 {
        width: 91.666663%;
    }
    .grid-10 {
        width: 83.33%;
    }
    .grid-9 {
        width: 74.999997%;
    }
    .grid-8 {
        width: 66.66666664%;
    }
    .grid-7 {
        width: 58.333%;
    }
    .grid-6 {
        width: 50%;
    }
    .grid-5 {
        width: 41.6665%;
    }
    .grid-4 {
        width: 33.33%;
    }
    .grid-3 {
        width: 24.99%;
    }
    .grid-2 {
        width: 16.66666%;
    }
    .grid-1 {
        width: 8.33%;
    }

    .grid-t-12 {
        width: 100%;
    }
    .grid-t-11 {
        width: 91.666663%;
    }
    .grid-t-10 {
        width: 83.33%;
    }
    .grid-t-9 {
        width: 74.999997%;
    }
    .grid-t-8 {
        width: 66.66666664%;
    }
    .grid-t-7 {
        width: 58.333%;
    }
    .grid-t-6 {
        width: 50%;
    }
    .grid-t-5 {
        width: 41.6665%;
    }
    .grid-t-4 {
        width: 33.33%;
    }
    .grid-t-3 {
        width: 24.99%;
    }
    .grid-t-2 {
        width: 16.66666%;
    }
    .grid-t-1 {
        width: 8.33%;
    }
}

/*********************************************************************************************

4.  Grid 1024px+

*********************************************************************************************/

@media only screen and (min-width: 1024px) {
    .grid-tl-12 {
        width: 100%;
    }
    .grid-tl-11 {
        width: 91.666663%;
    }
    .grid-tl-10 {
        width: 83.33%;
    }
    .grid-tl-9 {
        width: 74.999997%;
    }
    .grid-tl-8 {
        width: 66.66666664%;
    }
    .grid-tl-7 {
        width: 58.333%;
    }
    .grid-tl-6 {
        width: 50%;
    }
    .grid-tl-5 {
        width: 41.6665%;
    }
    .grid-tl-4 {
        width: 33.33%;
    }
    .grid-tl-3 {
        width: 24.99%;
    }
    .grid-tl-2 {
        width: 16.66666%;
    }
    .grid-tl-1 {
        width: 8.33%;
    }
}


/*********************************************************************************************

5.  Grid 1200px+

*********************************************************************************************/

@media only screen and (min-width: 1200px) {
    .container {
        max-width:1000px;
        margin:0 auto;
    }
    .container-fluid {
        max-width:90%;
        margin:0 5%;
    }
    .grid-d-12 {
        width: 100%;
    }
    .grid-d-11 {
        width: 91.666663%;
    }
    .grid-d-10 {
        width: 83.33%;
    }
    .grid-d-9 {
        width: 74.999997%;
    }
    .grid-d-8 {
        width: 66.66666664%;
    }
    .grid-d-7 {
        width: 58.333%;
    }
    .grid-d-6 {
        width: 50%;
    }
    .grid-d-5 {
        width: 41.6665%;
    }
    .grid-d-4 {
        width: 33.33%;
    }
    .grid-d-3 {
        width: 24.99%;
    }
    .grid-d-2 {
        width: 16.66666%;
    }
    .grid-d-1 {
        width: 8.33%;
    }
}

/*********************************************************************************************

6.  Helper classes

*********************************************************************************************/
img.scale, img.responsive {
    max-width: 100%;
    height: auto;
}
/*********************************************************************************************

7. Classes

*********************************************************************************************/
html {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	line-height: 1.5;
	color: #ff5555;
	font-weight:400;
	position: relative;
	scroll-behavior: smooth;
}
body {
	background: #000000;
	-webkit-touch-callout: none !important;
	-webkit-user-select: none !important;
	-khtml-user-select: none !important;
	-moz-user-select: -moz-none !important;
	-ms-user-select: none !important;
	user-select: none !important;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
html, body, .mein {
	height: 100%;
	width: 100%;
}
/* scroll */
.scroller {
    position: fixed;
    z-index: 100;
    width: 100%;
    top: 0;
}
.progress-container {
    width: 100%;
    height: 8px;
    z-index: 999;
}
.progress-bar {
    height: 5px;
    background: #cc6633;
    width: 0%;
}
/* Ticker */
h1 {
  border-right: .05em solid;
  animation: caret 1s steps(1) infinite;
  color:#ffffff;
}

@keyframes caret {
  50% {
    border-color: transparent;
  }
}
/* video */
video {
  object-fit: cover;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}
.viewport-header {
  position: relative;
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
main {
  background-image: linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.90));
  color: #ffffff;
  position: relative;
  padding: 1rem;
  }
.linking {
    background-color:#ffffff;
    color:#000000;
	font-size:1em;
	font-weight: 500;
	line-height:1.5em;
	margin-bottom:100px;
	border-radius: 10px;
	padding:20px;
}	
/* brand */
.mein {
	display: table;
	padding: 0px;
}
.main-inner {
	display: table-cell;
	vertical-align: middle;
}
.moon {
	text-align: center;
	font-size:0.8em;
    line-height:1.6em;
}
.mein h1 {
	font-size: 2em;
	font-weight:700;
}
.mein h2 {
	font-size: 1.6em;
	font-weight:700;
	text-align:center;
	margin-bottom:20px;
	}
.mein h3 {
	font-size: 1em;
	font-weight:700;
	line-height:3em;
}
.mein h4 {
	font-size: 2em;
	font-weight:700;
	margin-top:50px;
	margin-bottom:100px;
}
.cent  {
	text-align:center;
}
a, a:link, a:hover, a:visited, a:active {
	color: #ffffff;
	text-decoration:none;
	}
a:hover {
	opacity: 0.7;
}
a:hover img {
	opacity: 0.7;
}
.dark {font-size: 0.8em;}
 .dark a, .dark a:link, .dark a:hover, .dark a:visited, .dark a:active {
	color: #000000;
	text-decoration:underline;
	}
@media (min-width: 550px) {
.dark {font-size: 1.2em;}
}
	
/* links */
.linkinglinks {
    justify-content: center;
}
.linkinglinks a {
	transition: all 150ms ease-out
}
.linkinglinks a:hover, .linkinglinks a:focus {
	transform: scale(1.1);
}
.anfragetext {
	text-align:center;
	font-size:1.4em;
	color:#484848;
	padding-top:20px;
}
.anfragemail {
	padding-top:20px;
	color:#FF4200;
	font-size:1.6em;
}

.abstand {margin-bottom:150px;}
.abstandoben {margin-top:10px;}