html,body{padding:0;margin:0}
body{top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom left,#000,#ffed02);font-family:Source Sans Pro;color:#fff;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
.grid{float:left;padding:0;min-height:0;z-index:100}
*,:before,:after{-webkit-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.clearfix::before,.clearfix::after{content:" ";display:table}
.clearfix::after{clear:both;z-index:100}
.clearfix{*zoom:1}
.logo{top:10%;left:8%;width:45%;position:absolute;z-index:10;padding:0}
.teaser{bottom:8%;right:4%;width:45%;position:absolute;z-index:10;padding:0}
.star{bottom:8%;right:-70%;width:35%;position:relative;z-index:100;padding:0}
.youtube{bottom:45px;left:8%;width:40px;position:absolute;z-index:11;padding:0}
.facebook{bottom:45px;left:13%;width:40px;position:absolute;z-index:12;padding:0}
.cookies{right:-55px;bottom:-40px;width:101px;height:40px;background:#ffed02;color:#000000;position:fixed;-ms-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);transform: rotate(-90deg);-ms-transform-origin: left top 0;-moz-transform-origin: left top 0;-webkit-transform-origin: left top 0;transform-origin: left top 0;display:flex;align-items:center;justify-content:center;padding:0;z-index:1000;}
.presskit{bottom:45px;width:100%;position:center center;text-align:center;display:flex;flex-direction:row;align-items:center;align-content:center;justify-content:center;flex-wrap:wrap;position:absolute;z-index:13;padding:0}
.bgSizeCover{background-image:url(../img/in-sachen-du-stephanie-neigel-album-jahnkedesign-foto-marius-engel-o-tone-music-2018.jpg);background-size:cover;background-position:center center;width:100%;height:100%;text-align:center;display:flex;flex-direction:row;align-items:center;align-content:center;justify-content:center;flex-wrap:wrap;border:0px solid;color:#000;overflow:hidden;position:fixed;background-repeat:no-repeat;z-index:-9999;}
::selection{background:transparent;color:#ffed02}
::-moz-selection{background:transparent;color:#ffed02}
.border:hover{box-shadow:inset 0 0 0 15px #ffed02}
audio{display:none}
h1{font-family:Source Sans Pro;font-weight:100;color:#fff;font-size:2.5em;line-height:1.2em;padding:0}
h2{font-family:Source Sans Pro;font-weight:100;color:#fff;font-size:2em;line-height:1.2em;padding:0;text-shadow:1px 1px #000;}
h3{font-family:Source Sans Pro;font-weight:100;color:#ffed02;font-size:2em;line-height:1.2em;padding:0}
h4{font-family:Source Sans Pro;font-weight:100;color:#000;font-size:2.2em;line-height:1.2em;padding:0}
h5{font-family:Source Sans Pro;font-weight:100;color:#fff;font-size:7vh;line-height:1.2em;padding:0}
p{font-family:Source Sans Pro;font-weight:100;color:#000;font-size:1.15em;line-height:1.5em;padding:0}
p.thicker{font-weight: 900;}
ul{font-family:Source Sans Pro;font-weight:100;color:#fff;font-size:1em;line-height:1.7em;list-style-position:inside;list-style-type:decimal-leading-zero;padding:0}
li{font-family:Source Sans Pro;font-weight:100;color:#fff;font-size:1.15em;line-height:1.5em;padding:5% 10% 0 0}
#header{top:50%;left:0;width:100vw;height:100vh;position:relative;transform:translateY(-50%);-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
#header-abstand{top:0;left:0;width:100%;height:100vh;position:relative;text-align:center;display:flex;flex-direction:row;align-items:center;align-content:center;justify-content:center;flex-wrap:wrap;padding:8%;z-index:0}
.header-abstand2{top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center center;position:relative;text-align:left;display:flex;flex-direction:row;align-items:center;align-content:center;justify-content:center;flex-wrap:wrap;padding:6%;z-index:0}
#background,#background-2,#background-3,#background-4,#background-5{top:0;left:0;bottom:0;right:0;width:100%;height:100%;background:linear-gradient(to bottom left,#00577a,#009bc2);position:fixed;z-index:-1}
#background-6{top:0;left:0;bottom:0;right:0;width:100%;height:100%;background:linear-gradient(to bottom left,#ea3bae,#00b0ca);position:fixed;z-index:-1}
.imghover{display:block;position:absolute;top:0;left:0;height:100%;width:100%;background-color:rgba(0,0,0,0.6);opacity:0;cursor:pointer;text-align:center;text-transform:uppercase;z-index:10;padding-left:10px;padding-right:10px}
.abstand{width:100%;height:15vh}
.abstand25{width:100%;height:20vh}
.abstand50{width:100%;height:50vh}
.abstand100{width:100%;height:100vh}
.yellibox{width:100%;height:2%;background:linear-gradient(to bottom left,#009bc2,#00577a);padding:10px 0 10px 10px}
hr{width:100%;border:0;line-height:0;height:1px;background-image:linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0))}
.claim{top:85px;font-size:1em;line-height:0;z-index:100;position:absolute}
.schatten{-webkit-box-shadow:10px 10px 54px 0 rgba(0,0,0,0.36);-moz-box-shadow:10px 10px 54px 0 rgba(0,0,0,0.36);box-shadow:10px 10px 54px 0 rgba(0,0,0,0.36)}
a:link{text-decoration:none;color:#fff}
a:focus{color:#fff}
a:visited{color:#fff}
a:hover{color:#f9dc06}
a:active{color:#fff}
a:active,
a:focus{outline:none}
.mediaeval{-webkit-font-feature-settings:"onum" 1;-moz-font-feature-settings:"onum" 1;-moz-font-feature-settings:"onum=1";-ms-font-feature-settings: "onum" 1;-o-font-feature-settings:"onum" 1;font-feature-settings:"onum" 1;}
IMG.displayed{display:block;margin-left:auto;margin-right:auto}
.transition{-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out}
.hamburger{display:block;width:60px;height:60px;position:fixed;top:30px;right:30px;z-index:200000;padding:12px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;-ms-touch-action:manipulation;touch-action:manipulation}
.hamburger__icon{position:relative;margin-top:8px;margin-bottom:7px}
.hamburger__icon,.hamburger__icon:before,.hamburger__icon:after{display:block;width:40px;height:2px;background-color:#fff;-moz-transition-property:background-color,-moz-transform;-o-transition-property:background-color,-o-transform;-webkit-transition-property:background-color,-webkit-transform;transition-property:background-color,transform;-moz-transition-duration:.4s;-o-transition-duration:.4s;-webkit-transition-duration:.4s;transition-duration:.4s}
.hamburger__icon:before,.hamburger__icon:after{position:absolute;content:""}
.hamburger__icon:before{top:-7px}
.hamburger__icon:after{top:7px}
.hamburger.active .hamburger__icon{background-color:transparent}
.hamburger.active .hamburger__icon:before,.hamburger.active .hamburger__icon:after{background-color:#fff}
.hamburger.active .hamburger__icon:before{-moz-transform:translateY(7px) rotate(45deg);-ms-transform:translateY(7px) rotate(45deg);-webkit-transform:translateY(7px) rotate(45deg);transform:translateY(7px) rotate(45deg)}
.hamburger.active .hamburger__icon:after{-moz-transform:translateY(-7px) rotate(-45deg);-ms-transform:translateY(-7px) rotate(-45deg);-webkit-transform:translateY(-7px) rotate(-45deg);transform:translateY(-7px) rotate(-45deg)}
.fat-nav{top:0;right:0;z-index:9999;position:fixed;display:none;width:100%;height:100%;background:rgba(255,237,2,0.9);-moz-transform:scale(1.4);-ms-transform:scale(1.4);-webkit-transform:scale(1.4);transform:scale(1.4);-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-webkit-transition-property:-webkit-transform;transition-property:transform;-moz-transition-duration:.4s;-o-transition-duration:.4s;-webkit-transition-duration:.4s;transition-duration:.4s;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}
.fat-nav__wrapper{width:100%;height:100%;display:table;table-layout:fixed}
.fat-nav.active{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}
.fat-nav ul{display:table-cell;vertical-align:middle;margin:0;padding:0}
.fat-nav li{list-style-type:none;text-align:center;padding:3px;font-size:1.2em}
.fat-nav li,.fat-nav li a{color:#000}
.fat-nav li a{text-decoration:none}
.boxumbruch{clear:both}
.w5{width:5%;padding:5px}
.w10{width:10%;padding:5px}
.w15{width:15%;padding:5px}
.w20{width:20%;padding:1% 5px 0}
.w25{width:25%;padding:5px}
.w30{width:30%;padding:5px}
.w33{width:33.333333%;line-height:0;padding:2%;}
.w35{width:35%;padding:5px}
.w40{width:40%;padding:5px}
.w45{width:45%;padding:5px}
.w50{width:50%;padding:5px}
.w55{width:55%;padding:5px}
.w60{width:60%;padding:5px}
.w65{width:65%;padding:5px}
.w70{width:70%;padding:5px}
.w75{width:75%;padding:5px}
.w80{width:80%;padding:5px}
.w85{width:85%;padding:5px}
.w90{width:90%;padding:5px}
.w95{width:95%;padding:5px}
.w100{width:100%;line-height:1.5em}
video{width:100%;height:auto;line-height:0}
.fullscreen-bg__video{position:absolute;top:50%;left:50%;width:auto;height:auto;min-width:100%;min-height:100%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1}
.responsive-video iframe{position:absolute;top:0;left:0;bottom:0;width:100%;height:100%;z-index:1}
.responsive-video{position:relative;padding-bottom:56.25%;padding-top:0;height:0;overflow:hidden;z-index:1}
.schraeg{-moz-transform:rotate(-2deg);-ms-transform:rotate(-2deg);-o-transform:rotate(-2deg);-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}
.video{width:100%;padding:0}
.grow{transition:all .2s ease-in-out}
.grow:hover{transform:scale(1.05)}
.embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;width:100%;height: auto;}
.embed-container iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
.embed-container.ratio4x3{padding-bottom: 75%;}
}
@media screen and (max-width:1136px) {
.logo{top:8%;left:8%;width:75%;position:absolute;z-index:10;padding:4% 0}
.mobilenav li{padding:10px 0}
.none{display:none}
.w5,.w10,.w15,.w20,.w25,.w30,.w35,.w40,.w45,.w50,.w55,.w60,.w65,.w70,.w75,.w80,.w85,.w90,.w95{width:100%;padding:0 80px}
h1,h2,h3{padding:0}
}
@media screen and (max-width:1028px) {
html,body{padding:0;margin:0}
.mobilenav li{padding:10px 0}
.none{display:none}
.w5,.w10,.w15,.w20,.w25,.w30,.w33,.w35,.w40,.w45,.w50,.w55,.w60,.w65,.w70,.w75,.w80,.w85,.w90,.w95,.w100{width:100%;padding:20px}
h1{font-family:Source Sans Pro;font-weight:100;color:#fff;font-size:3.5em;line-height:1.1em;padding:0}
h2{font-family:Source Sans Pro;font-weight:100;color:#fff;font-size:2.5em;line-height:1.2em;padding:0}
h3{padding:0}
}
@media screen and (max-width :736px) {
.none{display:none}
h1{font-family:Source Sans Pro;font-weight:100;color:#fff;font-size:1.6em;line-height:1.2em;padding:0}
h2{font-family:Source Sans Pro;font-weight:100;color:#fff;font-size:1.8em;line-height:1.2em;padding:0}
h3{font-size:1.8em;line-height:1.2em;padding:0}
.w5,.w10,.w15,.w20,.w25,.w30,.w33,.w35,.w40,.w45,.w50,.w55,.w60,.w65,.w70,.w75,.w80,.w85,.w90,.w95,.w100{width:100%;padding:1%
.logo{top:8%;left:8%;width:32%;position:absolute;z-index:10;padding:8.5% 0}
.teaser{bottom:8%;right:4%;width:57%;position:absolute;z-index:10;padding:0}
.star{bottom:8%;right:-65%;width:35%;position:relative;z-index:100;padding:0}
}
@media screen and (max-width:568px) {
html,body{padding:0;margin:0}
.none{display:none}
.logo{top:8%;left:8%;width:65%;position:absolute;z-index:10;padding:4.5% 0}
.teaser{bottom:8%;right:4%;width:100%;position:absolute;z-index:10;padding:0}
.star{bottom:8%;right:-65%;width:35%;position:relative;z-index:100;padding:0}
.none{display:none}
.w5,.w10,.w15,.w20,.w25,.w30,.w33,.w35,.w40,.w45,.w50,.w55,.w60,.w65,.w70,.w75,.w80,.w85,.w90,.w95,.w100{width:100%;padding:2.5%}
.abstand{width:100%;height:15vh}
h1,h2{font-family:Source Sans Pro;font-weight:100;color:#fff;font-size:1.6em;line-height:1.2em;padding:0 10px}
h3{font-size:1.4em;line-height:1.2em;padding:0 10px}
p{font-family:Source Sans Pro;font-weight:100;color:#000;font-size:1em;line-height:1.4em;padding:0 10px}
.grow{transition:all .2s ease-in-out}
.grow:hover{transform:scale(1)}
}