/*
Theme Name: assan child
Theme URI: http://crazy-themes.com/demo/assan
Author: s11
Author URI: http://crazy-themes.com
Template: assan
Description: Assan's simple, clean, modern, professional, super flexible, responsive, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, pink, purple, white, yellow, dark, light, two-columns, three-columns, left-sidebar,right-sidebar, fixed-layout, responsive-layout,custom-background, custom-colors, featured-images, microformats, post-formats, rtl-language-support, threaded-comments, translation-ready
*/

/*@media (min-width: 992px) {
	@supports (-moz-appearance:none) {
    .navbar-default {
       position: fixed;
top: 0;    }

}
}*/

/* ######################## Aktionentausch #######################*/


/* diese zwei Zeilen auskommentieren
.page-id-11 #aktion {display: block !important;}
#aktion, #sonnenslot, .ak-da, #aktion-kh, .aktion-top.raring, #aktion-main {display: none !important;}
*/

/* diese Zeile einkommentieren*/

#sommer, .ak-weg, #mai-2, #mai, .fott2 {display: none !important;}



/* ######################## Ende Aktionentausch #######################
#aktion,  #aktion-kh, .aktion-top.raring, #aktion-main {display: none !important;}*/

@media (min-width: 1014px) {
    .two-cols {
        column-count: 2;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-gap: 60px;
        -webkit-column-gap: 60px;
        -moz-column-gap: 60px;
        column-rule: 1px solid #ccc;
        -webkit-column-rule: 1px solid #ccc;
        -moz-column-rule: 1px solid #ccc;
    }
}

/* ######################## Jubiläum & Mai 2025 #######################*/
.schiller strong, .schiller b {
    font-weight: 600;
}
img.max-mini {    max-width: 150px;
margin: 0 auto; margin-top: 20px;}
h2.mai {line-height: 1;}
.row.basics {margin-top: 40px;}
.schiller .row.basics {margin-top: 0;}

.mai.ms p, .mai.ms span, h2.mai.ms {color: #00316C;}
h2.mai.hl {color: #fff;}
.blaetter h2.mai.hl, .saabe h2.mai.hl, .erl h2.mai.hl {color: #555;}
.wein h2.mai.hl {color: #952D44;}
.blume h2.mai.hl {color: #EA5A06;}

.mai p {line-height: 1.3;  color: #fff;}
.mai.blaetter p, .mai.saabe p, .mai.erl p  {line-height: 1.3;  color: #555;}
.mai h2 {font-weight: 400; font-size: 1.8em;}
.mai.attendorn p, .attendorn h2.mai.hl {color: #fff;}

@media (max-width: 767px) {

.mai.ms {    padding-bottom: 80px;}
.mai.ms {background: #fbe4e9;}
.mai.gr {background: #B3CCAD;  padding-bottom: 80px;}

.mai.gr.blume {background: #DEE6E9;  padding-bottom: 80px;} 
.mai.gr.wein {background: #FCECEC;  padding-bottom: 80px;}
h2.mai {    margin-top: 0px !important;}
img.ms-btn {max-width: 220px; position: absolute;
    bottom: -62px;
    right: 40px;}

.mai.gr img.ms-btn {max-width: 200px;}

.mai.gr.blume img.ms-btn {max-width: 400px;}
.mai.ms .flexo {
        background: url(/wp-content/material/betriebe/maiaktion/mai-ms-mobil.jpg) no-repeat 92% 14%;
        padding: 200px 0;
     background-size: cover;
	 
    }
.mai.gr .flexo {
        background: url(/wp-content/material/betriebe/maiaktion/maiglo-foto-mobil.jpg) no-repeat 92% 47%;
        padding: 200px 0;
     background-size: cover;
	 
    }
.mai.gr.schiller {background: #3B7B9F; padding: 0;}

.pb-beach {padding-bottom: 200px;}
.mai.auge-mai.benning.gr .flexo {
        background: url(/wp-content/material/betriebe/maiaktion/maiglo-foto-mobil.jpg) no-repeat 92% 47%;
        padding: 200px 0;
     background-size: cover;
	 
    }
.mai.auge-mai.gr.strand .flexo {
        background: transparent;
	 
    }




.mai.wein.gr .flexo {
        background: url(/wp-content/material/betriebe/maiaktion/wein-mobil.jpg) no-repeat 92% 47%;
        padding: 200px 0;
     background-size: cover;
	 
    }
.mai.blume.gr .flexo {
        background: url(/wp-content/material/betriebe/maiaktion/blumen-mobil.jpg) no-repeat 92% 47%;
        padding: 200px 0;
     background-size: cover;
	 
    }
.mai.gr.pilz, .mai.gr.duelmen {
        background: none;
        padding: 0 0;
     background-color: #808080;	 
    }
.mai.gr.duelmen {padding: 0 0 30px;}
.pilz .row.basics {
    margin-top: 0px;
}
.pilz .row.basics.background { background: url(/wp-content/uploads/sites/26/2025/10/pilz-mobil.jpg) no-repeat 30% 70%;
        padding: 100px 0 100px; margin-bottom: 40px;
background-size: cover;}
.duelmen .row.basics.background { background: url(/wp-content/uploads/sites/26/2025/10/pilz-mobil.jpg) no-repeat 30% 70%;
        padding: 40px 0 30px; margin-bottom: 40px;
background-size: cover;}
.duelmen .row.basics {
    margin-top: 0;
}
.pilz h2, .blaetter h2, .erl h2, .saabe h2 {font-size:1.4em;}

.pilz.mai p, .blaetter.mai p, .erl.mai p {
        font-size: unset;
    }
.pilz .gr-bg {padding-bottom: 50px;}


.mai.gr.blaetter {
        background: url(/wp-content/material/betriebe/herbst/Blaetter-hg.jpg) no-repeat 0% 57%;
        padding: 40px 0 40px;
     background-size: cover;
	 
    }
img.erl-hl {        margin: 0 auto; max-width: 70%; padding-bottom: 30px;}
.mai.gr.erl img.brillo {max-width: 75%; margin: 0 auto;}
.mai.gr.erl {
        background: url(/wp-content/uploads/sites/30/2025/10/erl-hg-mobil.jpg) no-repeat 0% 78%;
        padding: 12px 0 50px;
     background-size: cover;
	 
    }
.mai.gr.saabe {
        background: url(/wp-content/uploads/sites/31/2025/11/saabe-hg.jpg) no-repeat 0% 41%;
        padding: 0 0 50px;
     background-size: cover;
	 
    }
 .greven img.glueck {max-width: 300px;
margin: 0 auto;}


.mai.gr.attendorn {
        background: url(/wp-content/uploads/sites/13/2025/10/Hintergrund_Motiv2.jpg) no-repeat 100% 100%;
        padding: 0px 0 50px;
     background-size: cover;
	 
    }
img.atten {    max-width: 64%;}
img.freeso {    max-width: 100%;}
.duelmen img.atten {max-width: 50%;}
.flex-right {display: flex; justify-content: flex-end;}
.no-plr.col-sm-3, .no-plr.col-md-3, .no-plr.col-xs-4 {padding-left: 0; padding-right: 0;}
.mai.gr.kamen {
        background:#FBFBF3;
        padding: 0px 0 20px;
     background-size: cover;
	 
    }
.kamen .row.basics {margin-top: 0;}
img.kamen {max-width: 60% !important; padding-top: 20px;}
.attendorn .visible-xs .col-xs-4, .duelmen .visible-xs .col-xs-4, .greven .visible-xs .col-xs-4 {    padding-right: 5px;
    padding-left: 5px;}

}


@media (min-width: 768px) {
img.kamen {max-width: 60% !important; margin: 0 auto; padding-bottom: 30px;}
.mai.ms {
        background: url(/wp-content/material/betriebe/maiaktion/mai-ms.jpg) no-repeat 52% 47%;
        padding: 100px 0;
     background-size: cover;
	 
    }
.herbst.ms {
        background: url(/wp-content/uploads/sites/3/2025/10/1920.jpg) no-repeat 52% 27%;
        padding: 150px 0;
     background-size: cover;
	 
    }
.mai.gr {
        background: url(/wp-content/material/betriebe/maiaktion/maiglo-foto2.jpg) no-repeat 42% 0%;
        padding: 100px 0;
     background-size: cover;
	 
    }
.mai.gr.pilz {
        background: url(/wp-content/uploads/sites/26/2025/10/pilz-bg.jpg) no-repeat 0% 57%;
        padding: 32px 0 150px;
     background-size: cover;
	 
    }
.mai.gr.duelmen {
        background: url(/wp-content/uploads/sites/26/2025/10/pilz-bg.jpg) no-repeat 0% 57%;
        padding: 0px 0 150px;
     background-size: cover;
	 
    }
.mai.gr.blaetter {
        background: url(/wp-content/material/betriebe/herbst/Blaetter-hg.jpg) no-repeat 0% 57%;
        padding: 40px 0 40px;
     background-size: cover;
	 
    }
.mai.gr.schiller {
        background: none;
        padding: 0;
        
    }

.blaetter .row.basics {
    /* margin-top: 40px; */
    display: flex;
}
.blaetter .gr-bg {justify-content: center;
    display: flex;
flex-direction: column;}
.mai.gr.saabe {
        background: url(/wp-content/uploads/sites/31/2025/11/saabe-hg.jpg) no-repeat 0% 41%;
        padding: 32px 0 0px;
     background-size: cover;
	 
    }
.mai.gr.greven {padding: 32px 0 52px;}
.saabe img.glueck {max-width: 80%;
    margin: 0 auto;
}	

.mai.gr.attendorn {
        background: url(/wp-content/uploads/sites/13/2025/10/Hintergrund_Motiv2.jpg) no-repeat 0% 41%;
        padding: 50px 0 50px;
     background-size: cover;
	 
    }
.mai.gr.kamen {
        background: url(/wp-content/uploads/sites/12/2025/10/hg-09.jpg) no-repeat 30% 41%;
        padding: 50px 0 50px;
     background-size: cover;
	 
    }
.mai.gr.erl {
        background: url(/wp-content/uploads/sites/30/2025/10/erl-hg.jpg) no-repeat 0% 58%;
        padding: 32px 0 50px;
     background-size: cover;
	 
    }	
img.erl-hl {padding: 70px 30px 0;}
.mai.gr.erl img.brillo {padding-top:80px;}
.mai.gr.auge-mai.benning {
        background: url(/wp-content/material/betriebe/maiaktion/maiglo-foto2.jpg) no-repeat 42% 0%;
        padding: 100px 0;
     background-size: cover;
	 
    }

.mai.gr.wein {
        background: url(/wp-content/material/betriebe/maiaktion/wein.jpg) no-repeat 42% 0%;
        padding: 140px 0;
     background-size: cover;
	 
    }
.mai.gr.blume {
        background: url(/wp-content/material/betriebe/maiaktion/blumen.jpg) no-repeat 42% 100%;
        padding: 140px 0;
     background-size: cover;
	 
    }

img.freeso {margin-top: 180px; max-width: 120%;}


.duelmen .gr-bg	{margin-top: 60px;}


.blume.auge-mai.mai.gr img.ms-btn {margin-top: 0; margin-bottom: 0; position: relative; right: -60px; top: -90px; max-width: 500px; }
.auge-mai .gr-bg {display: flex; flex-direction: column; justify-content: center;}

.row.flex-row {display: flex;}
.mai.gr p {font-size:unset;}
/*h2.mai {font-size: 6.6rem;}*/
.flexo {display: flex; justify-content: flex-end; align-items: flex-end;}
.flexo.two {display: flex; justify-content: center; align-items: unset;}
img.ms-btn {max-width: 250px;
    margin-top: 130px;
    margin-right: 66px;}
.mai.gr img.ms-btn {margin-bottom: 150px; max-width: 220px;}
.mai.gr.strand img.ms-btn {max-width: 400px;}
}


@media (min-width: 992px) {
.mai.gr.schiller {
        background: none;
        padding: 0;
        
    }
.schiller-text {    padding: 60px 0;}
.schiller .row.basics {display: flex;}
.schiller .col-md-6 {flex-grow: 1;}
.schiller .hintergrund {background: url(/wp-content/uploads/sites/32/2025/10/schiller-bg.jpg) no-repeat 70% 0%; background-size: cover;}
.schiller .gr-bg {background: #3B7B9F;}	
}
@media (min-width: 1600px) {
	
	.pilz .gr-bg, .saabe .gr-bg {margin-top: 120px;}
	.greven .gr-bg {margin-top: 20px;}
	
}



@media (max-width: 991px) {
	.schiller img.max-mini {margin-bottom: 30px;}
	.schiller .no-plr.col-md-1 {padding-left: 0; padding-right: 0;}
	.schiller h2.mai.hl {margin-top: 40px !important;}
	.schiller .gr-bg {background: #3B7B9F; margin-top: 0px;}	
	.auge-mai.mai.gr.strand img.ms-btn {margin: 0 auto;max-width: 400px;}
	.mai.gr.strand { padding-bottom: 80px;}
	.strand h2.mai {
        margin-top: 80px !important;
    }
	.mai.gr.strand img.ms-btn {max-width: 400px;  margin: 0 auto;       position: static;}
	.strand h2.mai.hl {padding: 0 15px;}
	.mai.gr.strand .flexo {padding: 0 0 40px;}
	.mai.auge-mai.gr.strand  {
background: #666 url(/wp-content/material/betriebe/maiaktion/strand-mobil.jpg) no-repeat 48% 50%;
        padding: 0px 0 200px;
     background-size: cover;
	 
    }
}
@media (min-width: 992px) {
	.mai.gr.strand  p {
        /*font-size: 3rem;*/
        background: #cfb59299;
        padding: 24px;
    }
	.auge-mai.strand .gr-bg {        padding: 0 40px;}
	.flexo.two {display: flex; justify-content: center; align-items: unset;}
	.mai.gr.auge-mai.strand {
        background: #666 url(/wp-content/material/betriebe/maiaktion/strand.jpg) no-repeat 64% 50%;
        padding: 60px 0;
     background-size: cover;
	 
    }
	.mai.gr.strand img.ms-btn {max-width: 610px;}
}
@media (max-width: 991px) and (min-width: 768px) {
	.schiller .visible-sm img {max-width: 80%; margin: 0 auto; margin-bottom: 25px;}
}

@media (max-width: 1199px) and (min-width: 768px) {
     .strand .row.flex-row {display: block;}
	.blume.auge-mai.mai.gr img.ms-btn {top: -230px; max-width: 280px;}
 }













    .jubi-wrap {
        background: url(/wp-content/uploads/sites/16/2025/10/16_OE_Jubilaum_Hintergrund.jpg) no-repeat 92% 83%;
        padding: 100px 0;
     background-size: cover;
    }



.jubi-wrap img.button  {margin: 0 auto;}
.jubi-slot {    line-height: 1.3;}
h2.jubi-slot {font-weight: 300; text-align: center;}
.container-fluid.no-p {
    padding-right: 0;
    padding-left: 0;}
.jubi-wrap {padding-bottom: 40px;    background-color: #CAE8EA;}
.jubi-slot.disclaimer {font-size: 1.5rem;}
@media (min-width: 768px) {
	h2.jubi-slot {
        font-size: 5.3rem; line-height: 1;
    }
   /*.jubi-slot {
        font-size: 3.3rem;
    }*/
}
 @media (max-width: 991px) and (min-width: 768px) {
	     .flexo.two {justify-content: flex-end;}

 /*.jubi-wrap {
    background: url(/wp-content/material/betriebe/jubilaeum/Konfetti.jpg) no-repeat 89% 50%;}*/
 }
@media (max-width: 767px) {
	    h2.jubi-slot{
        font-size: 4rem;}
		.jubi-wrap {
    background: url(/wp-content/uploads/sites/16/2025/10/16_OE_Jubilaum_Hintergrund.jpg) no-repeat 100% 0%; padding: 50px 0;         background-size: cover;}
		.jubi-wrap img.button {max-width: 80%;}
 
 }
 @media (min-width: 1921px) {
 
 .jubi-wrap {
    background: url(/wp-content/uploads/sites/16/2025/10/16_OE_Jubilaum_Hintergrund.jpg) no-repeat 92% 42%;
    padding: 50px 0;
    background-size: cover;
	}
}

/* ######################## End Jubiläum & Mai 2025 #######################*/


.embed-responsive-16by9 {
    padding-bottom: unset !important;
}
.embed-responsive {height: auto;}

/* ###################### Augenscreening Slot und Seite ######################## */
.container-fluid.augebild {padding-left: 0; padding-right: 0;}
.btn.sc-slot {text-transform: none; font-size: 2rem; margin-top: 30px;}
.sc-slot, ul.sc-slot li {color: #fff; font-weight: 600;}

img.sc-slot.button {max-width: 250px; margin-top: 58px;}


@media (max-width: 767px) {
h2.sc-slot {padding-bottom: 30px;
    line-height: 1;}
img.sc-slot.button {        position: absolute;
        top: -30px;
        right: 20px;
        z-index: 999;
        max-width: 220px;         visibility: hidden;}

}

@media (max-width: 550px) {
    img.sc-slot.button { top: 0; max-width: 160px;         visibility: hidden;}
}
@media (max-width: 400px) {
    img.sc-slot.button {
        top: 22px;
        max-width: 130px;
    }
}

@media (min-width: 768px) {
h2.sc-slot {font-size: 5rem;}
.sc-slot, ul.sc-slot li {font-size: 2.5rem;
    line-height: 1.3;}
img.sc-slot.button {margin-top: 30px;        visibility: hidden;}
}






.sc h1.main-headline, .sc h2.main-headline {font-weight: 600;}

.sc h1.video-hl {position: absolute;
    /* top: 0; */
    bottom: 18%;
    color: #fff;
    font-size: 5rem; padding: 0 30px;
    left: 100px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1; z-index: 99;left: 0; 
  right: 0; 
  margin-inline: auto; 
  width: fit-content;}
.sc .video-wrap:after{display: none;content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 6px;
    left: 0;
    background: url(/wp-content/material/betriebe/01-muenster/screen/screen-back2.png) no-repeat right;
    background-size: contain;
}
.sc .video-wrap{position: relative;}
.sc section.header-top {padding:0px 0 0px;}
.sc .header-top .container-fluid {
    padding-right: 0px;
    padding-left: 0px;}

.sc body {-webkit-hyphens: auto;
    hyphens: auto;
    overflow-wrap: anywhere;
    word-break: break-word;}
.sc .contact-wrap i {margin-right: 10px;}
.sc .contact-wrap {display: flex;
    flex-direction: column;
    align-items: center;}
.sc .card-body {border: 0 !important; background: #fff; padding: 0px 20px 20px;}

.sc h3.acc-hl {margin: 0;}
.sc .btn.faq:focus, .sc .btn.faq:hover {
    outline: 0;
    color: #1E2E72;
}

.sc .btn.faq.collapsed:before, .sc .btn.faq:before, .sc .verwaltung {display: none;}
.sc .btn.faq.collapsed:after {    
    transition: transform 0.33s;content: "\f063";
    font-family: FontAwesome;
        font-size: 2rem;
    color: #fff;
    position: absolute;
    right: 35px; padding-top: 5px;}
.sc .btn.faq:after {transition: transform 0.33s; transform: rotate(-360deg);
   content: "\f062";
    font-family: FontAwesome;
        font-size: 2rem;
    color: #1E2E72;
    position: absolute;
    right: 35px; padding-top: 5px;
}
.sc .btn.faq.collapsed, .sc #accordion2 .btn.faq.collapsed {color: #fff;}
.sc .btn.faq {color: #1E2E72; border: 0; border-radius: 0; line-height: 1.3;
    padding: 30px 20px;
    font-size: 2.5rem;
   font-weight: 600; 
    width: 100%; background: #fff;
}
.sc .mb50 {margin-bottom: 50px !important;}
.sc .mb25 {margin-bottom: 25px !important;}
.sc .stripe-grey {background: #F3F2EE;
}
.sc .dunkel h1, .sc .dunkel h2, .sc .dunkel p, .sc .dunkel h3 {color: #fff !important;}

.sc .divide {padding: 20px 0;}
.sc .sub-headline    { margin-bottom: 50px;}
.sc h3 {margin: 0px 0 30px; font-size: 2.5rem; line-height: 1.2;}
.sc .mb-25 {margin-bottom: 25px !important;}
.sc section {padding: 80px 0;}
.sc section.af {padding: 80px 0 0;}
.sc .mail {
    background: transparent url(/wp-content/material/shared/icons/icon--mail.svg) no-repeat center center;
    background-size: 20px;
    display: flex;
    /* flex-wrap: wrap; */
    max-width: 20px; color: transparent;}
.sc .mail a, .sc .phone a {color: transparent! important;}
.sc .phone {
    background: transparent url(/wp-content/material/shared/icons/icon--phone.svg) no-repeat center center;
    background-size: 20px;
    display: flex;
        
    max-width: 20px;
}
.sc .video1 { color: #fff; }
@media (min-width: 992px) {

.sc h1.main-headline, .sc h2.main-headline {font-size: 50px;line-height: 1;}
.sc .mail {margin-left: 15px;}
.sc .phone {margin-left: 15px !important;}
.sc .pr {padding-right:40px;}

}
@media (min-width: 1200px) {
.sc h1.video-hl {font-size: 7rem;}
}

@media (max-width: 991px) {
	.sc h1.main-headline, .sc h2.main-headline {
        font-size: 2.7rem;
	line-height: 1.1; -webkit-hyphens: auto;
    hyphens: auto;
    overflow-wrap: anywhere;
    word-break: break-word;}
	.sc h3 {font-size: 2rem;}
 .sc .video1.dunkel img {margin-bottom: 30px;}
.sc .btn.faq {    padding-right: 40px;}
.sc .mail, .sc .phone {margin-left: 10px;}
}

@media (max-width: 767px) {
.sc section {padding: 40px 0;}
.sc section.af {padding: 40px 0 0;}
}

/* ###################### End ######################## */






body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-main {
    
    display: flex !important;
    flex-direction: column !important;
}
.result {margin-bottom: 20px;}
.result-link a {

    padding: 5px 15px;
    border: 0;
    color: #fff !important;
    background: #004888;
    font-size: 17px;
	font-weight: 300;
}
.result-link {
   
    /**margin-bottom: 12px;*/
}
.result-wrap {
   padding: 20px 20px 10px;
    background: #fff;
    /* color: #fff;*/
}
.result-headline {margin-bottom: 12px;
    /*text-transform: uppercase;}
	fa-angle-right {font-size: 17px; margin-right: 2px;*/}
.result-title {/*
    font-size: 20px;
	margin-bottom: 20px;*/
}
.fa-angle-right {
    font-size: 18px;
    margin-right: 2px;
}
@media (max-width: 991px) {
.result-link {
    margin-top: 10px;
}
}
@media (min-width: 992px) {
.result {/*margin-bottom: 10px;*/}
.result-wrap {/*text-align: left; padding: 20px;*/}
.result-link {display: inline;
    float: right; }
.result-title {display: inline;
    
    
    }
}

#sb_instagram .sbi_link .sbi_caption {color: #fff !important;}

.BorlabsCookie ._brlbs-checkbox input:disabled ~ ._brlbs-checkbox-indicator::after {
    border-color: #fff !important;
}
.mtphr-dnt, .wprev_showdate_T1::before {
    display:none !important; 
}
#disclaimer {margin-bottom: -30px; display: none;}
#disclaimer p.sub-text {
    font-style: normal;
/*font-size: 18px; line-height: 21px; */text-align: center;}

.card-body {padding: 20px; border-right: 1px solid rgb(170, 170, 170); border-left: 1px solid rgb(170, 170, 170); border-bottom: 1px solid rgb(170, 170, 170);}
.accordion .card {margin-bottom: 8px;}
.card-header {background: #4B6482;}
.card-body a {color: #4B6482;}
.card-body a:hover {text-decoration: underline;}
.btn.faq {background: transparent; white-space: normal;
    width: 100%;
    padding: 13px 20px;
    font-size: 19px;
    color: #fff;
    font-weight: 300;
    text-transform: none;
    text-align: left; line-height: 23px; display: inline-flex;}
.btn.faq.collapsed:before {
    content: "\f067";
    font-family: FontAwesome;
    margin-right: 5px; font-size: 13px; color: #fff;
}
.btn.faq:before {
    content: "\f068";
    font-family: FontAwesome;
    margin-right: 5px; font-size: 13px; color: #fff;
}
.btn.faq:focus, .btn.faq:hover {
    color: #fff;
    text-decoration: none;}
.card-header h2 {margin: 0 0 0 0;}



.corona-wrap {padding: 40px 0; background: #f3f2f4; color: #fff !important; margin-bottom: 50px;}
.corona-wrap p, .corona-wrap ul li {color: #555;}

.corona-wrap .img-responsive {margin: 0 auto;}



@media only screen and (max-width : 767px) {
  .equal {
    height: auto !important;    
  } 
}
/*.navbar-brand img, .infowin img {
image-rendering:   -o-crisp-edges;        
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;  }*/


.mtphr-dnt-wrapper {background: #262d2f !important; color: #fff !important; border-bottom: 1px solid #fff !important;}


.top-bar-socials2 { position: absolute;right: 25px; top: 27px;}
 .header-socials2 {display: inline-flex;}
 .fb-social-head2, insta-social-head2 {display: inline-block;}
 .fb-social-head2 img, .insta-social-head2 img  {max-width: 30px; margin-right: 10px;}
 @media (max-width:1450px) and (min-width:992px) {
	 .top-bar-socials2 {right: unset; left: 27%;}
 }
 @media (max-width:991px){
.top-bar-socials2 {left: 35%;}	
.btn.faq, .card-body {font-size: 17px; line-height: 20px;}

 }
 @media (min-width:680px){
	 .btn.faq br {display: none;}
	 
 }
 
 @media (max-width:767px){
	.fb-social-head2 img, .insta-social-head2 img  {max-width: 25px; margin-right: 10px;}
.top-bar-socials2 {left: 56%;}	
 }

.header-socials {text-align: right;}
.fb-social-head img, .insta-social-head img {max-width: 25px;}
.fb-social-head, .insta-social-head {display: inline-block;}
.fb-social-head {margin-right: 5px;}
.top-bar-light {padding: 5px 0px 7px;}
.top-right {text-align: left; line-height: 19px;}
.top-right.visible-xs {display: block !important; padding-top: 8px;}

#cn-notice-text p, #cn-notice-text, #cn-notice-text a:hover {color: #fff !important;}
#cn-notice-text a {color: #fff !important; font-weight: 400;}
#cookie-notice {font-size: 15px !important; background-color: transparent !important; z-index: 1;}
#cn-notice-text p {margin: 5px 0; line-height: 20px !important;}
#cookie-notice .button.wp-default {z-index: 32222; font-size: 14px; line-height: 19px;  font-family: "Source Sans Pro", sans-serif; margin-top: 5px; margin-bottom:20px;}
.cookie-notice-container {padding: 5px 0 10px; background: rgba(17, 17, 17, 0.95);}

.page-template-ds .sidebar-box.margin40 {margin-bottom: 0px;}
/*.cn-bottom {bottom: 41px;}*/

.review-foot {background: #4B6482;}


 #technik-rodenstock { margin-top: 40px;}
 
 

 #technik-rodenstock {
    padding-top: 50px;
    background: #4B6482;
    margin-top: 90px;
    margin-bottom: -70px;
    color: #fff;
    padding-bottom: 20px;
}

#technik-rodenstock .dark, #technik-rodenstock .img-sub, #technik-rodenstock p.sub-text, #technik-rodenstock h1 {color: #eee;}







#technik-rodenstock h1.light {color: #aaa !important; margin-bottom: 30px;}
.ajax-content-wrap.technik  {padding-bottom: 30px; padding-top: 50px;} 
.click-technik {margin-bottom: 20px; } 

.wrapper {overflow-x: hidden;}

body {
    font-size: 19px;
    font-weight: 300;
}

strong, b {
    
    font-weight: 600;
}
a[href^=tel] { color: #fff; text-decoration: none; }
.no-hand {pointer-events: none;}

.mb-20 {margin-bottom: 20px;}
.row.row-no-margin {margin-left: 0; margin-right: 0;}


.layer-aktion {box-shadow: 0 0 25px 0 rgba(0,0,0,.2) !important;}

.layer-aktion a, .layer-aktion a:hover {color: #4B6482 !important;}


.hide-mobile {display: none;}
.abstand-handy-parallax {display: none;}

.abstand-handy-parallax.show-mobile {display: block; margin-top: 0px;}

/* ########### Pre Header Top Bar ########## */
.top-bar-light {
    background: #4B6482;
    color: #fff;
    font-size: 16px;
    line-height: 27px;
    font-weight: 400;
    padding: 8px 0px;
	min-height: 43px;
}

.top-bar-light a {
      color: #fff;
}
.service-box.wow {animation-delay: 0s !important; animation-name: none !important; pointer-events: none;}



h2.ds {
    font-size: 35px;
    color: #555;
       
    }



/* ########### Topnav ########## */

.navbar-brand {
    font-weight: 300;
	padding: 15px 0 15px 15px;}





/* ###############Navbar ###########*/

.navbar-default {background-color: rgba(255, 255, 255, 0.95);}

.navbar-default .navbar-nav>.current-menu-item>a, .navbar-default .navbar-nav>.current-menu-parent>a, .navbar-default .navbar-nav>.current-menu-item>a:hover, .navbar-default .navbar-nav>.current-menu-item>a:focus {
    color: #4B6482;    
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #4B6482;
}
.navbar-default .navbar-nav > li > a {
    font-size: 20px;
    font-weight: 300;
}

.navbar-default .navbar-nav > li > a:hover {
    color: #333;
}
.navbar-brand img {
    width: auto; 
    height: auto; 
    margin-top: -13px;
    margin-right: 10px;
    float: left;
	max-height: 45px;
}
.navbar .dropdown-menu {
    min-width: 250px;
}
.navbar .dropdown-menu li a {
    
    font-size: 17px;
   
    padding: 6px 16px;
    line-height: 27px;
    
    font-weight: 300;}
	
.navbar-default .navbar-toggle {border-color: transparent;}
.navbar-default .navbar-toggle .icon-bar {width: 24px; height: 3px;}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: #fff;}

.navbar-default .navbar-collapse {margin-top: 9px;}

.nav>li>a {padding: 10px 10px;}


.navbar-toggle .icon-bar:nth-of-type(2) {
	  top: 2px;
}

.navbar-toggle .icon-bar:nth-of-type(3) {
  	top: 1px;
}

.navbar-toggle .icon-bar {
	  position: relative;
	  transition: all 500ms ease-in-out;
}

.navbar-toggle.active .icon-bar:nth-of-type(2) {
	  top: 8px;
	  transform: rotate(45deg);
}

.navbar-toggle.active .icon-bar:nth-of-type(3) {
	  background-color: transparent;
}

.navbar-toggle.active .icon-bar:nth-of-type(4) {
	  top: -6px;
	  transform: rotate(-45deg);
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #555;
}

/* #########Breadcrumb ############# */
.breadcrumb-wrap {
    background-image: none; 
    padding: 30px 0;
    background-color: #4B6482;
    border-top: 1px solid #d2d3d4;
    border-bottom: 1px solid #d2d3d4;
}

.breadcrumb-wrap h4 {
    font-size: 25px;
    color: #eee;
    font-weight: 300;
    text-transform: none;
}
ol.breadcrumb li {
    font-size: 15px;
    color: #eee;
}
ol.breadcrumb li a {
    color: #eee;
}

ol.breadcrumb strong {
    font-weight: 600;
}

/* ################ trend-slider styley mai ################# */


#optik-trends .tp-thumb-image, #history .tp-thumb-image {border-radius: 4px;}






/* ################ Aktion OnePage ################# */


h2.headline-aktion {
    font-size: 28px;
   }



.subline-aktion {
    font-size: 38px;
    font-weight: 500;
}
.headline-aktion, .big-aktion, .subline-aktion {
    padding: 40px 30px;
}
.aktion-text {
    padding: 30px 0px;
    background: #f3f2f4;
    
}



.aktion-small {
padding: 15px 0px 15px 0px;  background: #eee;}

.aktion-small p {
    /*color: #fff; */
    font-size: 10px;
    line-height: 12px;
    
}



.btn-aktion {
    background: #4B6482;
    color: #eee;
    margin-top: 15px;
    border-color: #4B6482;
    border-radius: 3px;
}

.btn-aktion:hover {
    background: #4B6482;
    border-color: #4B6482;
    color: #eee;
}

.as {
    font-size: 16px; 
    line-height: 14px;
}
/* ################## Begrüßung ############# */

p.sub-text {
    
    font-size: 19px;
    
}

.img-sub {
    font-size: 16px;
    font-weight: 300;
    margin: 14px 0 14px 0;}
	
.zitat {font-family: 'PT Serif'; font-size: 17px; background: #f3f2f4; padding: 15px 20px; border-radius: 5px;}
.zitat-sub {display: block; text-align: right; font-size: 14px;}


/* ################## HL / span-Styles ############# */

h1.main-headline, h2.main-headline {
    font-size: 26px;
    font-weight: 300;
    line-height: 30px;
    margin: 0;
}
.light {
    color: #aaa;
}
.dark {
    color: #060606;
}

.colored-text {
    color: #aaa;
    display: block;
}

.colored-text-no {
    color: #aaa;
    
}

.sub-headline {
    font-size: 26px;
    font-weight: 300;
    line-height: 30px;
    
}

.hl-block {
    display: block;
}

.mb44 {
    margin-bottom: 44px;
}

.mb25 {
    margin-bottom: 25px;
}



/* ################ Foo Box ################# */

.foogallery-masonry-loading {
    background: transparent url() no-repeat center center;
    min-height: 32px;
}


.foogallery-masonry.masonry-layout-5col .item, .foogallery-masonry.masonry-layout-5col .masonry-item-width {width: 19.5%;}



.foogallery-masonry.masonry-layout-3col .masonry-gutter-width, .foogallery-masonry.masonry-layout-4col .masonry-gutter-width, .foogallery-masonry.masonry-layout-5col .masonry-gutter-width {
    width: 2px;
}

.foogallery-masonry.masonry-layout-3col .item, .foogallery-masonry.masonry-layout-4col .item, .foogallery-masonry.masonry-layout-5col .item {
    margin-bottom: 2px;
    }
.fbx-count {display: none;}
.fbx-btn-shadow {box-shadow: none !important;}
.fbx-desktop.fbx-light .fbx-prev, .fbx-desktop.fbx-light .fbx-prev:before, .fbx-desktop.fbx-light .fbx-next, .fbx-desktop.fbx-light .fbx-next:before, .fbx-tablet.fbx-light .fbx-prev, .fbx-tablet.fbx-light .fbx-prev:before, .fbx-tablet.fbx-light .fbx-next, .fbx-tablet.fbx-light .fbx-next:before {color: #fff !important; background-color: transparent !important;}

.foogallery-masonry a, .foogallery-masonry a:hover {
      overflow: hidden;
}


/* ################ Service Startseite ################# */






.service-box i {
    float: left;
    margin-right: 20px;
    background: #4B6482;
    color: #fff;
    width: 65px;
    height: 65px;
    line-height: 65px;
    font-size: 25px;
    -webkit-transition: none;
    transition: none;
    
}

.service-box:hover i {
    background:#4B6482;
}
.service-box p {
    display: table-cell;
}
.service-box h3 {
    text-transform: none;
    margin-bottom: 6px;
}

#anfahrt b, .service-box  b, .karriere b {font-weight: 500;}

.service-box.text-center {
    text-align: left;
    margin-bottom: 30px;
}



.btn-theme-dark {
    background-color: #4B6482;}

.btn-theme-dark:hover {
    background: #333;}

.wp-image-927 {
    opacity: 0.7;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.wp-image-927:hover {
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}



/* Make sure images don't get too big */
img {
  max-width: 100%;
}

/* no-gutters Class Rules */
.row.no-gutters {
   margin-right: 0;
   margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
   padding-right: 0;
   padding-left: 0;
}
/* ############ Team Ajax ##################################  */
.team-img {background: #8FA7BB; float: left; margin: 0 3px 3px 0;}
.team-img.grey {background: #b7b7b7;}

.four-img .team-img {width: 23%;}
.six-img .team-img  {width: 16%;}
.seven-img .team-img {width: 13.7%;}



.team-name-wrap {
    background: #4B6482;
    padding: 10px;
    color: #fff;
    margin-top: 3px;
    border-radius: 3px;
}
#team-optiker .bg-dark {
    padding: 60px 0 35px;
}

.lb-data .lb-caption, span.team-name {font-size: 23px; font-weight: normal;}
.lb-data, .fbx-caption-title {color: #eee; font-family: "Source Sans Pro", sans-serif;}


span.job-caption, span.team-job {display: block; font-size: 19px; color: #bbb; margin-bottom: 4px;}
.fbx-caption-title {
        text-align: left;
}


.grey {background: #b7b7b7;}

#team-optiker .main-headline {color: #060606 !important;}

/* ############ sections ################ */

#team-optiker, #marken-designer, #brillen-kontaktlinsen-lupen-sonnenbrillen, #ausbildung-jobs , #aktiv-abo, #parallax,  #akustik  {
    margin-bottom: -30px;
}


#optik-trends, #serviceleistungen, #optometrie {
    margin-bottom: -50px;
}
#aktion {margin-bottom: 4px; border-bottom: 1px solid #fff;}
 #willkommen {
     margin-bottom: -40px;
	 margin-top: -50px;
}
#optometrie {border-top: 2px solid #ccc;}

#history {margin-bottom: -80px}

/* ############ Brillen ################ */



/* ############ OnePage Brillen ################ */



.click-portfolio .fa, .click-marken .fa, .click-team .fa, .click-abo .fa {
    color: #aaa;
    border-radius: 50px;
    /*border: 1px solid #d4d4d4;*/
    padding: 5px 8px;
    margin-bottom: 25px;
    cursor: pointer;
    
}
/*.click-abo .fa {
    color: #4B6482;
     border: 1px solid #4B6482;
} */


#product-portfolio-big {
background: #f3f2f4;
   
    border-top: 35px solid #fff;
}

#product-portfolio-big-linse {
background: #f3f2f4;
   
    border-top: 35px solid #f3f2f4;
}

#product-portfolio h4, #product-portfolio-linse h4 {
    font-size: 27px;
}

/* .ajax-content-wrap {
       padding: 30px 0px 30px; */
.aktivabo, .marken, .port, .team {
    padding: 30px 0px 30px;
}
    

#product-portfolio, #product-portfolio-linse {
    margin-top: 10px;
}

.ajax-content-wrap h4.img-sub {
    font-size: 27px;
}

.img-sub.icon-1:before {content: url('/wp-content/material/shared/assets/icon-1.png'); display:block;}
.img-sub.icon-2:before {content: url('/wp-content/material/shared/assets/icon-2.png'); display:block;}
.img-sub.icon-3:before {content: url('/wp-content/material/shared/assets/icon-3.png'); display:block;}
.img-sub.icon-4:before {content: url('/wp-content/material/shared/assets/icon-4.png'); display:block;}
.img-sub.icon-5:before {content: url('/wp-content/material/shared/assets/icon-5.png'); display:block;}
.img-sub.icon-6:before {content: url('/wp-content/material/shared/assets/icon-6.png'); display:block;}

.icon-glasses:before {margin-bottom: 15px;}

.port-inner .main-headline {
    margin: 30px 0px 25px 0px;
}
.img-box {background: rgba(17, 17, 17, 0.4);
    padding: 10px 15px;
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #fff;
    font-size: 24px;  
    text-align: left;}






/* ############ Marken ########## */
.brand-border {
    clear: left;
    padding: 40px 0px;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    margin: 0px 15px 10px 15px;
}

#brand-portfolio img, .akustik-portfolio img {
  
    border: 3px solid #ccc;
    margin-bottom: 30px;
    border-radius: 50%;
    padding: 7px;
}

#brand-portfolio img:hover  {
     border: 5px solid #aaa;
   }
.marken {
    margin-bottom: 10px;
    
}
.marken a {
    color: #aaa;
}
.marken a:hover {
    color: #555;
}



/* ############ Aktiv Abo #######################*/
#aktiv-abo-inner {padding: 180px 0;}

.btn-abo {
    padding: 9px 15px;
    font-size: 27px;
    text-transform: none;
    font-weight: 300;
    margin-bottom: 30px;
    display: block;
    background-color: #4B6482;
    border-radius: 4px;
}
.parallax-verden {background: url(/wp-content/material/betriebe/13-verden/parallax/13-parallax2.jpg);}
.parallax-muenster {background: url(/wp-content/material/betriebe/01-muenster/parallax/01-muenster-parallax3.jpg);}
.parallax-brh {background: url(/wp-content/material/betriebe/21-bremerhaven/parallax/21-brh-parallax.jpg);}
.parallax-ronsdorf {background: url(/wp-content/material/betriebe/17-ronsdorf/parallax/17-rs-parallax.jpg);}
.parallax-nettetal {background: url(/wp-content/material/betriebe/07-nettetal/parallax/07-parallax.jpg);}
.parallax-koblenz {background: url(/wp-content/material/betriebe/15-koblenz/parallax/15-kob-parallax.jpg);}
.parallax-greven {background: url(/wp-content/material/betriebe/02-greven/parallax/02-gr-parallax.jpg);}
.parallax-gelsenkirchen {background: url(/wp-content/material/betriebe/22-gelsenkirchen/parallax/22-ge-parallax.jpg);}
.parallax-muenster-03 {background: url(/wp-content/material/betriebe/03-muenster/parallax/03-mue-parallax.jpg);}
.parallax-kamen {background: url(/wp-content/material/betriebe/09-kamen/parallax/09-parallax.jpg);}
.parallax-bad-honnef {background: url(/wp-content/material/betriebe/08-bad-honnef/parallax/08-parallax.jpg);}
.parallax-attendorn-06 {background: url(/wp-content/material/betriebe/06-attendorn/parallax/06-parallax.jpg);}
.parallax-attendorn-ng {background: url(/wp-content/material/betriebe/14-attendorn/parallax/14-parallax.jpg);}
.parallax-oelde {background: url(/wp-content/material/betriebe/16-oelde/parallax/16-parallax.jpg);}
.parallax-bad-berleburg {background: url(/wp-content/material/betriebe/04-bad-berleburg/parallax/04-parallax.jpg);}
.parallax-duelmen {background: url(/wp-content/material/betriebe/20-duelmen/parallax/parallax.jpg);}
.parallax-moenchengladbach {background: url(/wp-content/material/betriebe/12-moenchengladbach/parallax/parallax.jpg);}
.parallax-paderborn {background: url(/wp-content/material/betriebe/10-paderborn/parallax/parallax.jpg);}
.parallax-syke {background: url(/wp-content/material/betriebe/11-syke/parallax/11-parallax.jpg);}
.parallax-elsen {background: url(/wp-content/material/betriebe/05-elsen/parallax/parallax.jpg);}
.parallax-su {background: url(/wp-content/material/betriebe/25-siegburg/parallax/parallax.jpg);}
.parallax-bn {background: url(/wp-content/material/betriebe/26-bonn/parallax/parallax.jpg);}
.parallax-alf {background: url(/wp-content/material/betriebe/27-alfeld/parallax/parallax.jpg);}
.parallax-darmstadt {background: url(/wp-content/material/betriebe/28-darmstadt/parallax/parallax.jpg);}
/*.parallax-erl {background: url(/wp-content/material/betriebe/34-erlangen/parallax/parallax.jpg);}*/
.parallax-heidelberg {background: url(/wp-content/material/betriebe/35-heidelberg/parallax/parallax.jpg);}
.parallax-viehoff-gruppe {background: url(/wp-content/material/betriebe/00-gruppe/parallax/0004-parallax.jpg);}

.parallax-viehoff-karriere {background: url(/wp-content/material/betriebe/00-gruppe/parallax/00-parallax1.jpg);}


.bg-parallax-abo{
	background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    padding-top: 100px;
    padding-bottom: 70px;
    /*position: relative;*/
    overflow: hidden;
    width: 100%;
    background-position: 0 50%; }
	
.abo-box h3 {font-size: 23px; margin-bottom: 4px;}
.abo-box {margin-bottom: 23px;}
.abo-box  p {margin-bottom: 0px; display: inline-flex;}
.abo-box  .fa {margin: 5px 5px 0 0;}
.linsen .abo-box {margin-bottom: 15px;}

.linsen-snippet {display: none;}


/* ############ Karriere Startseite ############# */

.bg-dark {
    background: #f3f2f4 !important;
    padding: 35px 0px;
}
.bg-dark h2 {
    color: #fff;
    margin-bottom: 25px;
}
.bg-dark p {
    color: #555;
}

.bg-slot-grey {background: #f3f2f4; padding: 30px 0px;}

.btn-job {
    background-color: #bbb;
    color: #fff;
    margin-bottom: 25px;
}

.btn-job:hover {
    background: #666;
    
}
/*.page-id-13 a, .page-id-12 a  {font-weight: 300;} */
#anfahrt a, .impressum a, .karriere a {color: #4B6482; font-weight: 400;}



/* ############ Google Map ############### */
.mp {
    margin-bottom: 25px;
}

.map {
	width:100%;
	height:500px;	
}


.map-wrap {
	position:relative; 
    overflow-x: hidden;
	margin-bottom: 5px;
}
	
.overlay {
	width:100%;
	min-height:349px; 
	position:absolute; 
	top:0;
    overflow-x: hidden;
}

#gmap{
	display: block;
	width: 100%;
	height: 500px;
	margin: 0 auto;
}

#gmap .infowin{
    padding:10px;
}

#gmap .infowin p{
    margin-bottom:10px;
     font-size:15px;
    line-height:20px;
}

#gmap .infowin a{
   padding: 3px 6px; background: #4B6482; color: #fff; border-radius: 4px;
}


#gmap .infowin a:hover{
    text-decoration:underline;  background: #4B6482; color: #fff;
}
.page-template-imprint a:hover {color: #4B6482;}
.footer-imprint a:hover {color: #fff !important;}


/* ############ back-to-top #############*/

#back-to-top a {
    background-color: #4B6482;
    border: 2px solid #fff;
}

/* #####Footer ############### */
#kontakt .widget.margin40 {margin-bottom: 0;}

#footer {
    background: #4B6482;
    font-size: 17px;
    padding: 60px 0 0;
    margin-top: -4px;
}
#footer .margin30 {
    margin-bottom: 0px;
}

.footer-btm {
    
}
.footer-col p, .footer-col .textwidget {
    color: #fff;
}
.footer-col h3:first-letter {
    border-bottom: none;
   
}

.footer-col {margin-bottom: 40px;}
#text-5.footer-col {
    margin-bottom: 15px;
}
.footer-col h3 {
   width: 98%;
    border-bottom: 1px solid #eee;
    padding-bottom: 8px;
    margin-bottom: 15px;
	font-size: 21px;
}

.btn-footer {
width: 100%;
margin-bottom: 5px;
text-transform: none;
font-size: 16px;}
#footer .fa {
    color: #4B6482;
    margin-right: 7px;}


.footer-finish {
    background-color: #3c5068;
    padding: 8px 0;
    color: #fff;
    font-size: 17px;
	    
}
.footer-imprint {z-index: 99999;}
.footer-finish a {
    color: #fff;
}
.footer-col a {
    color: #fff;
}
.footer-col a:hover {
    color: #fff;
}

.footer-imprint {
    text-align: right;
}

.well li a  {
    color:#555;
}
.well li a:hover  {
    color:#555;
}

.footer-logo {
    float: left;
    margin-right: 15px;
}
#text-14 .fa {
    color: #fff;
}

#footer .shariff ul {margin-left: -6px !important;}

#optik-trends .tp-thumb-mask, #history .tp-thumb-mask {margin-top: 10px;}


.aktion-text.benning {
    
	background: #7E7D7F;
}

.aktion-text.benning p {color: #fff;}

/* #############Media Queries ########### */


@media only screen and (max-width : 1024px) {
    #history .tp-thumbs-inner-wrapper {
        margin-left: -100px; 
        overflow-x: hidden;} 
}


@media  
(max-width: 600px) {
    .brand-border {
        border-bottom: none;
        border-top: 0px;
        }
    .click-marken .fa {
        margin-bottom: 0px;
       
    }
    .marken {
         padding: 0px;
        
    }
    .aktivabo {
         padding-top: 20px;
        
    }
    h2.ds {
        font-size: 26px;
        line-height: 30px;
        margin: 0 0 22px 0;
    }
	.six-img .team-img  {width: 24%;}
	.seven-img .team-img {width: 20%;}
	#aktiv-abo-inner {padding: 0 0;}
	.footer-logo {margin-bottom: 15px;}
	.btn-lg {padding: 14px 20px 13px 20px;}
	.img-box {font-size: 18px !important;}
	
    
}


@media  
(max-width: 767px) {
	#cookie-notice {font-size: 13px !important;}
	#cookie-notice p {line-height: 17px !important;}
	/*.cn-bottom {bottom: 65px;}*/
	.cookie-notice-container {padding-bottom: 30px;}

	
	#willkommen .margin20 {margin-bottom: 0;}
    
    .img-sub {
    font-size: 20px;
    }
    
    .services-box-info {
        padding-left: 0px;
}
    .services-box-icon {
        display: none;
    }
    .btn-abo {
        font-size: 16px;
		
    }
    .btn-footer {
        font-size: 14px;
    }
    .fa-content-wrap {
        font-size: 40px;
    }
    
    
#history .tp-thumbs-inner-wrapper {
        margin-left: -68px; 
        overflow-x: hidden;}
    .footer-imprint {
    text-align: left;
        
} 
#team-optiker .bg-dark {
    padding: 35px 0;
}
.service-box {clear: left;} 
    
	
.img-box {font-size: 21px;}

}


#history .aktion-text {padding: 0;}
@media  (min-width: 768px) {
.marken h1.main-headline {font-size: 35px;}
h1.main-headline {
    font-size: 42px;
    font-weight: 300;
    line-height: 44px;
    margin: 0;
    }
    .sub-headline {
    font-size: 42px;
    font-weight: 300;
    line-height: 44px;
    
    }
	
h2.main-headline {
    font-size: 28px;
    font-weight: 300;
    line-height: 33px;
    margin: 0;
    }
    .service-box i {
    width: 85px;
    height: 85px;
    line-height: 85px;   
    font-size: 30px;
    }
	.shariff .orientation-horizontal li {
    width: 110px !important;}
}
   



@media  (min-width: 992px) {

    .img-sub {
    font-size: 22px;
    }
	#team-optiker h1.main-headline {margin-bottom: 20px;}
	
    #footer .col-md-4:first-child {
    width: 27%;
	padding-right: 30px;
}

/*#footer .col-md-4{
    width: 30%;
}*/

/*#footer .col-md-4:last-child {
    width: 43%;
}*/
    .footer-shariff {
        margin-top: -24px;
       
    }
    /*#text-5, #text-2 {
        padding-left: 20px;
    }*/
	/*.footer-right, .footer-shariff {
        padding-left: 20px;
    }*/
/* ################ trend-slider styley mai ################# */


    
}	

}
@media  (min-width: 1200px) {
    .undefined-sticky-wrapper {height: 80px;}
	.navbar-default {min-height: 80px;}
	.navbar-brand img {max-height: 50px;}
	.navbar-default .navbar-collapse {margin-top: 12px;}
	
	.footer-shariff {
        margin-top: 0;}
		
}
@media (max-width: 1200px){
.navbar-default .navbar-nav > li > a {font-size: 17px; padding: 10px 8px;}
}



@media (max-width: 769px) {
	#disclaimer {padding-top: 15px !important;}
	#disclaimer p.sub-text {
    font-size: 18px !important;
    line-height: 24px !important;
}
    .navbar-header {
        float: none;
    }
    .navbar-left, .navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
     .navbar-brand {
        font-size: 27px;
    }
	.bg-parallax-abo{
	background-position: 90% 50%;}
    
}
@media (max-width: 991px){
	
	/*#disclaimer p.sub-text {
    font-size: 12px;
   
    line-height: 15px;
}*/
	.corona-wrap {
    padding: 40px 0 0;}
	
	#willkommen .mb44 {margin-bottom: 15px;}
	#serviceleistungen .mb44 {margin-bottom: 20px;}
	#product-portfolio .img-sub, #kontaktlinsen .img-sub {margin-bottom: 40px;}
	#product-portfolio .img-sub.no-mb, #kontaktlinsen .img-sub.no-mb {margin-bottom: 0px;}
	#anfahrt h1.main-headline, #history h1, #team-optiker h1.main-headline {margin-bottom: 15px !important;}
	#product-portfolio-big {border-top: 25px solid #fff;}
	#kontakt {margin-top: -40px; margin-bottom: 40px;}
	
	.marken h1 {margin-top: 25px;}
	 .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
	
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
     .navbar-brand {
        font-size: 27px;
    }
	.navbar-default .navbar-nav > li > a {
    color: #060606;
}
#product-portfolio, #product-portfolio-linse {
    margin-top: 0px;
}
#history .sub-headline.dark, #optik-trends .sub-headline.dark {margin-top: 20px; color: #3E3028; font-size: 33px; font-weight: 300;}
#text-4 {
    margin-bottom:40px !important;
}
#marken-designer-2 .sub-headline.dark.hl-block {margin-top: 30px;}

}
@media (max-width: 600px){
.bg-parallax-abo{
	background-position: 90% 50%;}
}

@media screen and (max-width: 480px) {
	.w3_wprs-row-padding, .w3_wprs-row-padding>.w3_wprs-col, .w3_wprs-row-padding>.w3_wprs-half, .w3_wprs-row-padding>.w3_wprs-quarter, .w3_wprs-row-padding>.w3_wprs-third, .w3_wprs-row-padding>.w3_wprs-threequarter, .w3_wprs-row-padding>.w3_wprs-twothird {
    padding: 0 13px !important;
}
	.wprs_unslider-arrow.next {margin-right: 30px;}
	.wprs_unslider-arrow.prev {margin-left: 30px;}
	#cookie-notice .button.wp-default {font-size: 13px; line-height: 17px; margin-bottom: 5px;}
	h1.main-headline, h2.main-headline {
    font-size: 21px;    
    line-height: 30px;   
}
h1.main-headline {line-height: 22px;}
.sub-headline {
    font-size: 21px;
    line-height: 22px;
    }
	p.sub-text {
    font-size: 18px;
    line-height: 24px;
}
body, .service-box h3 {font-size: 18px;}
.service-box h3, .service-box p {
	line-height: 20px;
}
.service-box i {
	margin-right: 15px; 
	width: 50px;
    height: 50px;
    line-height: 50px;
	font-size: 18px;
	}



.foogallery-masonry.masonry-layout-4col .masonry-item-width, .foogallery-masonry.masonry-layout-2col .masonry-item-width {
    width: 24%;
}

.foogallery-masonry.masonry-layout-4col .item, .foogallery-masonry.masonry-layout-2col .item {
    width: 24%;
}
.foogallery-masonry.masonry-layout-5col .item, .foogallery-masonry.masonry-layout-5col .masonry-item-width {width: 24%;}


.foogallery-masonry.masonry-layout-3col .masonry-item-width, .foogallery-masonry.masonry-layout-3col .item {width: 32%;}

}


.mtphr-dnt {margin-top: -10px;}
.mtphr-dnt-tick-container {padding-top: 10px; padding-bottom: 10px;}
.container.corona {padding: 10px 15px 5px;}
@media (max-width: 991px){
	.container.corona {padding: 10px 15px 0;}
	
}

    

#willkommen {margin-bottom: -60px; margin-top: -70px;}
#team-optiker {padding-top: 95px !important;}
#brillen-kontaktlinsen-lupen-sonnenbrillen, #serviceleistungen, #willkommen {padding-top: 120px !important;}
#kontaktlinsen, #ausbildung-jobs {padding-top: 90px !important;}
#team-optiker, #marken-designer, #marken-designer-2, #brillen-kontaktlinsen-lupen-sonnenbrillen, #ausbildung-jobs, #aktiv-abo, #parallax, #akustik {
    margin-bottom: -50px;}
	#optik-trends, #serviceleistungen, #optometrie {
    margin-bottom: -70px;}
#instagram {margin-bottom: -30px;}
#technik-rodenstock {margin-top: 90px; margin-bottom: -90px; padding-bottom: 40px;}

.snow {
  position: relative;
  width: 100%;
  height: auto;
  pointer-events: none;
}

.flake {
  position: absolute;
  border-radius: 50%;
  transform: translateY(0) rotateX(0) rotateY(0);
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNjAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIzMyUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI1MyUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjU3JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNjUlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='), url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIzMyUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI1MyUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjU3JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNjUlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;

  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 30%, #ffffff 50%, #ffffff 60%, rgba(255, 255, 255, 0) 60%), linear-gradient(90deg, rgba(255, 255, 255, 0) 30%, #ffffff 50%, #ffffff 60%, rgba(255, 255, 255, 0) 60%), linear-gradient(45deg, rgba(255, 255, 255, 0) 33%, #ffffff 53%, #ffffff 57%, rgba(255, 255, 255, 0) 65%), linear-gradient(135deg, rgba(255, 255, 255, 0) 33%, #ffffff 53%, #ffffff 57%, rgba(255, 255, 255, 0) 65%);

}

.flake:nth-child(1) {
  width: 10px;
  height: 10px;
  top: -698px;
  left: 38%;
  opacity: 0.67;
  filter: blur(3px);
  -webkit-animation: 42s flakes linear infinite;
  animation: 42s flakes linear infinite;
}

.flake:nth-child(2) {
  width: 16px;
  height: 16px;
  top: -257px;
  left: 63%;
  opacity: 0.71;
  filter: blur(3px);
  -webkit-animation: 66s flakes linear infinite;
  animation: 66s flakes linear infinite;
}

.flake:nth-child(3) {
  width: 10px;
  height: 10px;
  top: -576px;
  left: 10%;
  opacity: 0.68;
  filter: blur(4px);
  -webkit-animation: 63s flakes linear infinite;
  animation: 63s flakes linear infinite;
}

.flake:nth-child(4) {
  width: 6px;
  height: 6px;
  top: -24px;
  left: 44%;
  opacity: 0.69;
  filter: blur(4px);
  -webkit-animation: 26s flakes linear infinite;
  animation: 26s flakes linear infinite;
}

.flake:nth-child(5) {
  width: 12px;
  height: 12px;
  top: -555px;
  left: 21%;
  opacity: 0.73;
  filter: blur(4px);
  -webkit-animation: 39s flakes linear infinite;
  animation: 39s flakes linear infinite;
}

.flake:nth-child(6) {
  width: 6px;
  height: 6px;
  top: -390px;
  left: 20%;
  opacity: 0.96;
  filter: blur(3px);
  -webkit-animation: 39s flakes linear infinite;
  animation: 39s flakes linear infinite;
}

.flake:nth-child(7) {
  width: 13px;
  height: 13px;
  top: -430px;
  left: 81%;
  opacity: 0.58;
  filter: blur(4px);
  -webkit-animation: 35s flakes linear infinite;
  animation: 35s flakes linear infinite;
}

.flake:nth-child(8) {
  width: 16px;
  height: 16px;
  top: -109px;
  left: 53%;
  opacity: 0.54;
  filter: blur(3px);
  -webkit-animation: 70s flakes linear infinite;
  animation: 70s flakes linear infinite;
}

.flake:nth-child(9) {
  width: 13px;
  height: 13px;
  top: -308px;
  left: 94%;
  opacity: 0.81;
  filter: blur(3px);
  -webkit-animation: 58s flakes linear infinite;
  animation: 58s flakes linear infinite;
}

.flake:nth-child(10) {
  width: 9px;
  height: 9px;
  top: -564px;
  left: 65%;
  opacity: 0.78;
  filter: blur(4px);
  -webkit-animation: 60s flakes linear infinite;
  animation: 60s flakes linear infinite;
}

.flake:nth-child(11) {
  width: 15px;
  height: 15px;
  top: -50px;
  left: 3%;
  opacity: 0.84;
  filter: blur(3px);
  -webkit-animation: 60s flakes linear infinite;
  animation: 60s flakes linear infinite;
}

.flake:nth-child(12) {
  width: 9px;
  height: 9px;
  top: -86px;
  left: 31%;
  opacity: 0.9;
  filter: blur(3px);
  -webkit-animation: 34s flakes linear infinite;
  animation: 34s flakes linear infinite;
}

.flake:nth-child(13) {
  width: 11px;
  height: 11px;
  top: -100px;
  left: 15%;
  opacity: 0.59;
  filter: blur(4px);
  -webkit-animation: 46s flakes linear infinite;
  animation: 46s flakes linear infinite;
}

.flake:nth-child(14) {
  width: 17px;
  height: 17px;
  top: -111px;
  left: 67%;
  opacity: 0.78;
  filter: blur(3px);
  -webkit-animation: 43s flakes linear infinite;
  animation: 43s flakes linear infinite;
}

.flake:nth-child(15) {
  width: 20px;
  height: 20px;
  top: -55px;
  left: 61%;
  opacity: 0.85;
  filter: blur(4px);
  -webkit-animation: 49s flakes linear infinite;
  animation: 49s flakes linear infinite;
}

.flake:nth-child(16) {
  width: 7px;
  height: 7px;
  top: -415px;
  left: 8%;
  opacity: 0.85;
  filter: blur(4px);
  -webkit-animation: 20s flakes linear infinite;
  animation: 20s flakes linear infinite;
}

.flake:nth-child(17) {
  width: 12px;
  height: 12px;
  top: -149px;
  left: 90%;
  opacity: 0.89;
  filter: blur(3px);
  -webkit-animation: 28s flakes linear infinite;
  animation: 28s flakes linear infinite;
}

.flake:nth-child(18) {
  width: 13px;
  height: 13px;
  top: -253px;
  left: 70%;
  opacity: 0.65;
  filter: blur(3px);
  -webkit-animation: 31s flakes linear infinite;
  animation: 31s flakes linear infinite;
}

.flake:nth-child(19) {
  width: 8px;
  height: 8px;
  top: -597px;
  left: 96%;
  opacity: 0.75;
  filter: blur(4px);
  -webkit-animation: 63s flakes linear infinite;
  animation: 63s flakes linear infinite;
}

.flake:nth-child(20) {
  width: 7px;
  height: 7px;
  top: -515px;
  left: 10%;
  opacity: 0.95;
  filter: blur(3px);
  -webkit-animation: 45s flakes linear infinite;
  animation: 45s flakes linear infinite;
}

.flake:nth-child(21) {
  width: 10px;
  height: 10px;
  top: -229px;
  left: 78%;
  opacity: 0.92;
  filter: blur(4px);
  -webkit-animation: 16s flakes linear infinite;
  animation: 16s flakes linear infinite;
}

.flake:nth-child(22) {
  width: 13px;
  height: 13px;
  top: -510px;
  left: 78%;
  opacity: 0.73;
  filter: blur(3px);
  -webkit-animation: 28s flakes linear infinite;
  animation: 28s flakes linear infinite;
}

.flake:nth-child(23) {
  width: 10px;
  height: 10px;
  top: -608px;
  left: 44%;
  opacity: 0.93;
  filter: blur(3px);
  -webkit-animation: 45s flakes linear infinite;
  animation: 45s flakes linear infinite;
}

.flake:nth-child(24) {
  width: 10px;
  height: 10px;
  top: -138px;
  left: 94%;
  opacity: 0.91;
  filter: blur(4px);
  -webkit-animation: 51s flakes linear infinite;
  animation: 51s flakes linear infinite;
}

.flake:nth-child(25) {
  width: 11px;
  height: 11px;
  top: -638px;
  left: 58%;
  opacity: 0.71;
  filter: blur(3px);
  -webkit-animation: 36s flakes linear infinite;
  animation: 36s flakes linear infinite;
}

.flake:nth-child(26) {
  width: 9px;
  height: 9px;
  top: -491px;
  left: 31%;
  opacity: 0.7;
  filter: blur(3px);
  -webkit-animation: 61s flakes linear infinite;
  animation: 61s flakes linear infinite;
}

.flake:nth-child(27) {
  width: 16px;
  height: 16px;
  top: -60px;
  left: 93%;
  opacity: 0.86;
  filter: blur(4px);
  -webkit-animation: 27s flakes linear infinite;
  animation: 27s flakes linear infinite;
}

.flake:nth-child(28) {
  width: 15px;
  height: 15px;
  top: -453px;
  left: 43%;
  opacity: 0.82;
  filter: blur(4px);
  -webkit-animation: 54s flakes linear infinite;
  animation: 54s flakes linear infinite;
}

.flake:nth-child(29) {
  width: 15px;
  height: 15px;
  top: -538px;
  left: 32%;
  opacity: 0.84;
  filter: blur(4px);
  -webkit-animation: 48s flakes linear infinite;
  animation: 48s flakes linear infinite;
}

.flake:nth-child(30) {
  width: 14px;
  height: 14px;
  top: -302px;
  left: 8%;
  opacity: 0.54;
  filter: blur(3px);
  -webkit-animation: 65s flakes linear infinite;
  animation: 65s flakes linear infinite;
}

.flake:nth-child(31) {
  width: 14px;
  height: 14px;
  top: -90px;
  left: 44%;
  opacity: 0.62;
  filter: blur(3px);
  -webkit-animation: 35s flakes linear infinite;
  animation: 35s flakes linear infinite;
}

.flake:nth-child(32) {
  width: 17px;
  height: 17px;
  top: -676px;
  left: 43%;
  opacity: 0.96;
  filter: blur(4px);
  -webkit-animation: 31s flakes linear infinite;
  animation: 31s flakes linear infinite;
}

.flake:nth-child(33) {
  width: 7px;
  height: 7px;
  top: -495px;
  left: 78%;
  opacity: 0.53;
  filter: blur(4px);
  -webkit-animation: 47s flakes linear infinite;
  animation: 47s flakes linear infinite;
}

.flake:nth-child(34) {
  width: 16px;
  height: 16px;
  top: -38px;
  left: 43%;
  opacity: 0.9;
  filter: blur(3px);
  -webkit-animation: 68s flakes linear infinite;
  animation: 68s flakes linear infinite;
}

.flake:nth-child(35) {
  width: 19px;
  height: 19px;
  top: -475px;
  left: 47%;
  opacity: 0.75;
  filter: blur(3px);
  -webkit-animation: 65s flakes linear infinite;
  animation: 65s flakes linear infinite;
}

.flake:nth-child(36) {
  width: 20px;
  height: 20px;
  top: -80px;
  left: 47%;
  opacity: 0.91;
  filter: blur(4px);
  -webkit-animation: 38s flakes linear infinite;
  animation: 38s flakes linear infinite;
}

.flake:nth-child(37) {
  width: 18px;
  height: 18px;
  top: -677px;
  left: 15%;
  opacity: 0.55;
  filter: blur(4px);
  -webkit-animation: 23s flakes linear infinite;
  animation: 23s flakes linear infinite;
}

.flake:nth-child(38) {
  width: 13px;
  height: 13px;
  top: -126px;
  left: 2%;
  opacity: 1;
  filter: blur(4px);
  -webkit-animation: 31s flakes linear infinite;
  animation: 31s flakes linear infinite;
}

.flake:nth-child(39) {
  width: 16px;
  height: 16px;
  top: -506px;
  left: 40%;
  opacity: 0.56;
  filter: blur(4px);
  -webkit-animation: 36s flakes linear infinite;
  animation: 36s flakes linear infinite;
}

.flake:nth-child(40) {
  width: 13px;
  height: 13px;
  top: -332px;
  left: 55%;
  opacity: 0.83;
  filter: blur(3px);
  -webkit-animation: 41s flakes linear infinite;
  animation: 41s flakes linear infinite;
}

.flake:nth-child(41) {
  width: 13px;
  height: 13px;
  top: -402px;
  left: 73%;
  opacity: 0.98;
  filter: blur(3px);
  -webkit-animation: 35s flakes linear infinite;
  animation: 35s flakes linear infinite;
}

.flake:nth-child(42) {
  width: 14px;
  height: 14px;
  top: -503px;
  left: 28%;
  opacity: 0.98;
  filter: blur(4px);
  -webkit-animation: 19s flakes linear infinite;
  animation: 19s flakes linear infinite;
}

.flake:nth-child(43) {
  width: 12px;
  height: 12px;
  top: -575px;
  left: 86%;
  opacity: 0.95;
  filter: blur(4px);
  -webkit-animation: 35s flakes linear infinite;
  animation: 35s flakes linear infinite;
}

.flake:nth-child(44) {
  width: 17px;
  height: 17px;
  top: -35px;
  left: 74%;
  opacity: 0.75;
  filter: blur(4px);
  -webkit-animation: 18s flakes linear infinite;
  animation: 18s flakes linear infinite;
}

.flake:nth-child(45) {
  width: 14px;
  height: 14px;
  top: -249px;
  left: 58%;
  opacity: 0.64;
  filter: blur(3px);
  -webkit-animation: 54s flakes linear infinite;
  animation: 54s flakes linear infinite;
}

.flake:nth-child(46) {
  width: 12px;
  height: 12px;
  top: -161px;
  left: 85%;
  opacity: 0.98;
  filter: blur(4px);
  -webkit-animation: 44s flakes linear infinite;
  animation: 44s flakes linear infinite;
}

.flake:nth-child(47) {
  width: 9px;
  height: 9px;
  top: -238px;
  left: 65%;
  opacity: 0.86;
  filter: blur(4px);
  -webkit-animation: 26s flakes linear infinite;
  animation: 26s flakes linear infinite;
}

.flake:nth-child(48) {
  width: 13px;
  height: 13px;
  top: -635px;
  left: 8%;
  opacity: 0.52;
  filter: blur(3px);
  -webkit-animation: 46s flakes linear infinite;
  animation: 46s flakes linear infinite;
}

.flake:nth-child(49) {
  width: 14px;
  height: 14px;
  top: -613px;
  left: 72%;
  opacity: 0.93;
  filter: blur(3px);
  -webkit-animation: 37s flakes linear infinite;
  animation: 37s flakes linear infinite;
}

.flake:nth-child(50) {
  width: 9px;
  height: 9px;
  top: -317px;
  left: 44%;
  opacity: 0.52;
  filter: blur(3px);
  -webkit-animation: 37s flakes linear infinite;
  animation: 37s flakes linear infinite;
}

.flake:nth-child(51) {
  width: 14px;
  height: 14px;
  top: -314px;
  left: 96%;
  opacity: 0.7;
  filter: blur(4px);
  -webkit-animation: 23s flakes linear infinite;
  animation: 23s flakes linear infinite;
}

.flake:nth-child(52) {
  width: 8px;
  height: 8px;
  top: -406px;
  left: 25%;
  opacity: 0.7;
  filter: blur(3px);
  -webkit-animation: 17s flakes linear infinite;
  animation: 17s flakes linear infinite;
}

.flake:nth-child(53) {
  width: 12px;
  height: 12px;
  top: -681px;
  left: 86%;
  opacity: 0.7;
  filter: blur(4px);
  -webkit-animation: 55s flakes linear infinite;
  animation: 55s flakes linear infinite;
}

.flake:nth-child(54) {
  width: 11px;
  height: 11px;
  top: -556px;
  left: 23%;
  opacity: 0.76;
  filter: blur(4px);
  -webkit-animation: 17s flakes linear infinite;
  animation: 17s flakes linear infinite;
}

.flake:nth-child(55) {
  width: 14px;
  height: 14px;
  top: -471px;
  left: 99%;
  opacity: 0.59;
  filter: blur(3px);
  -webkit-animation: 41s flakes linear infinite;
  animation: 41s flakes linear infinite;
}

.flake:nth-child(56) {
  width: 6px;
  height: 6px;
  top: -55px;
  left: 99%;
  opacity: 0.64;
  filter: blur(4px);
  -webkit-animation: 31s flakes linear infinite;
  animation: 31s flakes linear infinite;
}

.flake:nth-child(57) {
  width: 10px;
  height: 10px;
  top: -619px;
  left: 42%;
  opacity: 0.87;
  filter: blur(4px);
  -webkit-animation: 45s flakes linear infinite;
  animation: 45s flakes linear infinite;
}

.flake:nth-child(58) {
  width: 15px;
  height: 15px;
  top: -582px;
  left: 51%;
  opacity: 0.55;
  filter: blur(3px);
  -webkit-animation: 25s flakes linear infinite;
  animation: 25s flakes linear infinite;
}

.flake:nth-child(59) {
  width: 18px;
  height: 18px;
  top: -90px;
  left: 91%;
  opacity: 0.88;
  filter: blur(4px);
  -webkit-animation: 39s flakes linear infinite;
  animation: 39s flakes linear infinite;
}

.flake:nth-child(60) {
  width: 19px;
  height: 19px;
  top: -94px;
  left: 30%;
  opacity: 0.68;
  filter: blur(4px);
  -webkit-animation: 70s flakes linear infinite;
  animation: 70s flakes linear infinite;
}

.flake:nth-child(61) {
  width: 12px;
  height: 12px;
  top: -417px;
  left: 50%;
  opacity: 0.8;
  filter: blur(4px);
  -webkit-animation: 52s flakes linear infinite;
  animation: 52s flakes linear infinite;
}

.flake:nth-child(62) {
  width: 13px;
  height: 13px;
  top: -204px;
  left: 70%;
  opacity: 0.57;
  filter: blur(3px);
  -webkit-animation: 45s flakes linear infinite;
  animation: 45s flakes linear infinite;
}

.flake:nth-child(63) {
  width: 6px;
  height: 6px;
  top: -531px;
  left: 96%;
  opacity: 0.85;
  filter: blur(4px);
  -webkit-animation: 43s flakes linear infinite;
  animation: 43s flakes linear infinite;
}

.flake:nth-child(64) {
  width: 11px;
  height: 11px;
  top: -148px;
  left: 60%;
  opacity: 0.75;
  filter: blur(3px);
  -webkit-animation: 47s flakes linear infinite;
  animation: 47s flakes linear infinite;
}

.flake:nth-child(65) {
  width: 12px;
  height: 12px;
  top: -632px;
  left: 29%;
  opacity: 0.64;
  filter: blur(4px);
  -webkit-animation: 32s flakes linear infinite;
  animation: 32s flakes linear infinite;
}

.flake:nth-child(66) {
  width: 16px;
  height: 16px;
  top: -253px;
  left: 20%;
  opacity: 0.7;
  filter: blur(4px);
  -webkit-animation: 67s flakes linear infinite;
  animation: 67s flakes linear infinite;
}

.flake:nth-child(67) {
  width: 20px;
  height: 20px;
  top: -673px;
  left: 44%;
  opacity: 0.69;
  filter: blur(3px);
  -webkit-animation: 41s flakes linear infinite;
  animation: 41s flakes linear infinite;
}

.flake:nth-child(68) {
  width: 13px;
  height: 13px;
  top: -58px;
  left: 19%;
  opacity: 0.95;
  filter: blur(3px);
  -webkit-animation: 53s flakes linear infinite;
  animation: 53s flakes linear infinite;
}

.flake:nth-child(69) {
  width: 20px;
  height: 20px;
  top: -260px;
  left: 20%;
  opacity: 0.9;
  filter: blur(3px);
  -webkit-animation: 47s flakes linear infinite;
  animation: 47s flakes linear infinite;
}

.flake:nth-child(70) {
  width: 7px;
  height: 7px;
  top: -654px;
  left: 86%;
  opacity: 0.52;
  filter: blur(3px);
  -webkit-animation: 47s flakes linear infinite;
  animation: 47s flakes linear infinite;
}

.flake:nth-child(71) {
  width: 15px;
  height: 15px;
  top: -203px;
  left: 36%;
  opacity: 0.86;
  filter: blur(3px);
  -webkit-animation: 30s flakes linear infinite;
  animation: 30s flakes linear infinite;
}

.flake:nth-child(72) {
  width: 17px;
  height: 17px;
  top: -8px;
  left: 73%;
  opacity: 0.97;
  filter: blur(3px);
  -webkit-animation: 29s flakes linear infinite;
  animation: 29s flakes linear infinite;
}

.flake:nth-child(73) {
  width: 7px;
  height: 7px;
  top: -131px;
  left: 100%;
  opacity: 0.78;
  filter: blur(3px);
  -webkit-animation: 70s flakes linear infinite;
  animation: 70s flakes linear infinite;
}

.flake:nth-child(74) {
  width: 18px;
  height: 18px;
  top: -294px;
  left: 23%;
  opacity: 0.91;
  filter: blur(4px);
  -webkit-animation: 42s flakes linear infinite;
  animation: 42s flakes linear infinite;
}

.flake:nth-child(75) {
  width: 14px;
  height: 14px;
  top: -114px;
  left: 19%;
  opacity: 0.87;
  filter: blur(4px);
  -webkit-animation: 31s flakes linear infinite;
  animation: 31s flakes linear infinite;
}

.flake:nth-child(76) {
  width: 12px;
  height: 12px;
  top: -539px;
  left: 41%;
  opacity: 0.56;
  filter: blur(4px);
  -webkit-animation: 47s flakes linear infinite;
  animation: 47s flakes linear infinite;
}

.flake:nth-child(77) {
  width: 13px;
  height: 13px;
  top: -539px;
  left: 74%;
  opacity: 0.83;
  filter: blur(4px);
  -webkit-animation: 66s flakes linear infinite;
  animation: 66s flakes linear infinite;
}

.flake:nth-child(78) {
  width: 17px;
  height: 17px;
  top: -268px;
  left: 7%;
  opacity: 0.53;
  filter: blur(3px);
  -webkit-animation: 34s flakes linear infinite;
  animation: 34s flakes linear infinite;
}

.flake:nth-child(79) {
  width: 15px;
  height: 15px;
  top: -86px;
  left: 62%;
  opacity: 0.64;
  filter: blur(4px);
  -webkit-animation: 56s flakes linear infinite;
  animation: 56s flakes linear infinite;
}

.flake:nth-child(80) {
  width: 20px;
  height: 20px;
  top: -636px;
  left: 63%;
  opacity: 0.59;
  filter: blur(3px);
  -webkit-animation: 25s flakes linear infinite;
  animation: 25s flakes linear infinite;
}

.flake:nth-child(81) {
  width: 6px;
  height: 6px;
  top: -320px;
  left: 39%;
  opacity: 0.96;
  filter: blur(3px);
  -webkit-animation: 64s flakes linear infinite;
  animation: 64s flakes linear infinite;
}

.flake:nth-child(82) {
  width: 7px;
  height: 7px;
  top: -676px;
  left: 47%;
  opacity: 0.65;
  filter: blur(4px);
  -webkit-animation: 30s flakes linear infinite;
  animation: 30s flakes linear infinite;
}

.flake:nth-child(83) {
  width: 12px;
  height: 12px;
  top: -297px;
  left: 60%;
  opacity: 0.72;
  filter: blur(3px);
  -webkit-animation: 61s flakes linear infinite;
  animation: 61s flakes linear infinite;
}

.flake:nth-child(84) {
  width: 14px;
  height: 14px;
  top: -551px;
  left: 77%;
  opacity: 0.65;
  filter: blur(4px);
  -webkit-animation: 54s flakes linear infinite;
  animation: 54s flakes linear infinite;
}

.flake:nth-child(85) {
  width: 13px;
  height: 13px;
  top: -504px;
  left: 14%;
  opacity: 0.87;
  filter: blur(3px);
  -webkit-animation: 26s flakes linear infinite;
  animation: 26s flakes linear infinite;
}

.flake:nth-child(86) {
  width: 10px;
  height: 10px;
  top: -512px;
  left: 77%;
  opacity: 0.52;
  filter: blur(3px);
  -webkit-animation: 35s flakes linear infinite;
  animation: 35s flakes linear infinite;
}

.flake:nth-child(87) {
  width: 20px;
  height: 20px;
  top: -385px;
  left: 8%;
  opacity: 0.74;
  filter: blur(3px);
  -webkit-animation: 51s flakes linear infinite;
  animation: 51s flakes linear infinite;
}

.flake:nth-child(88) {
  width: 8px;
  height: 8px;
  top: -521px;
  left: 47%;
  opacity: 0.88;
  filter: blur(4px);
  -webkit-animation: 52s flakes linear infinite;
  animation: 52s flakes linear infinite;
}

.flake:nth-child(89) {
  width: 11px;
  height: 11px;
  top: -491px;
  left: 76%;
  opacity: 0.68;
  filter: blur(3px);
  -webkit-animation: 18s flakes linear infinite;
  animation: 18s flakes linear infinite;
}

.flake:nth-child(90) {
  width: 9px;
  height: 9px;
  top: -245px;
  left: 20%;
  opacity: 0.55;
  filter: blur(3px);
  -webkit-animation: 16s flakes linear infinite;
  animation: 16s flakes linear infinite;
}

.flake:nth-child(91) {
  width: 6px;
  height: 6px;
  top: -631px;
  left: 4%;
  opacity: 0.88;
  filter: blur(3px);
  -webkit-animation: 50s flakes linear infinite;
  animation: 50s flakes linear infinite;
}

.flake:nth-child(92) {
  width: 10px;
  height: 10px;
  top: -16px;
  left: 2%;
  opacity: 0.78;
  filter: blur(4px);
  -webkit-animation: 37s flakes linear infinite;
  animation: 37s flakes linear infinite;
}

.flake:nth-child(93) {
  width: 12px;
  height: 12px;
  top: -360px;
  left: 51%;
  opacity: 0.8;
  filter: blur(3px);
  -webkit-animation: 40s flakes linear infinite;
  animation: 40s flakes linear infinite;
}

.flake:nth-child(94) {
  width: 12px;
  height: 12px;
  top: -305px;
  left: 48%;
  opacity: 0.96;
  filter: blur(3px);
  -webkit-animation: 38s flakes linear infinite;
  animation: 38s flakes linear infinite;
}

.flake:nth-child(95) {
  width: 17px;
  height: 17px;
  top: -3px;
  left: 80%;
  opacity: 0.65;
  filter: blur(3px);
  -webkit-animation: 56s flakes linear infinite;
  animation: 56s flakes linear infinite;
}

.flake:nth-child(96) {
  width: 9px;
  height: 9px;
  top: -215px;
  left: 43%;
  opacity: 0.59;
  filter: blur(4px);
  -webkit-animation: 53s flakes linear infinite;
  animation: 53s flakes linear infinite;
}

.flake:nth-child(97) {
  width: 9px;
  height: 9px;
  top: -665px;
  left: 96%;
  opacity: 0.54;
  filter: blur(3px);
  -webkit-animation: 19s flakes linear infinite;
  animation: 19s flakes linear infinite;
}

.flake:nth-child(98) {
  width: 10px;
  height: 10px;
  top: -272px;
  left: 11%;
  opacity: 0.87;
  filter: blur(4px);
  -webkit-animation: 18s flakes linear infinite;
  animation: 18s flakes linear infinite;
}

.flake:nth-child(99) {
  width: 15px;
  height: 15px;
  top: -183px;
  left: 13%;
  opacity: 0.87;
  filter: blur(4px);
  -webkit-animation: 61s flakes linear infinite;
  animation: 61s flakes linear infinite;
}

.flake:nth-child(100) {
  width: 18px;
  height: 18px;
  top: -278px;
  left: 54%;
  opacity: 0.98;
  filter: blur(4px);
  -webkit-animation: 65s flakes linear infinite;
  animation: 65s flakes linear infinite;
}

.flake:nth-child(101) {
  width: 6px;
  height: 6px;
  top: -594px;
  left: 84%;
  opacity: 0.88;
  filter: blur(4px);
  -webkit-animation: 27s flakes linear infinite;
  animation: 27s flakes linear infinite;
}

.flake:nth-child(102) {
  width: 18px;
  height: 18px;
  top: -613px;
  left: 72%;
  opacity: 0.77;
  filter: blur(4px);
  -webkit-animation: 22s flakes linear infinite;
  animation: 22s flakes linear infinite;
}

.flake:nth-child(103) {
  width: 7px;
  height: 7px;
  top: -25px;
  left: 2%;
  opacity: 0.58;
  filter: blur(4px);
  -webkit-animation: 28s flakes linear infinite;
  animation: 28s flakes linear infinite;
}

.flake:nth-child(104) {
  width: 16px;
  height: 16px;
  top: -79px;
  left: 80%;
  opacity: 1;
  filter: blur(4px);
  -webkit-animation: 62s flakes linear infinite;
  animation: 62s flakes linear infinite;
}

.flake:nth-child(105) {
  width: 15px;
  height: 15px;
  top: -617px;
  left: 18%;
  opacity: 0.53;
  filter: blur(4px);
  -webkit-animation: 59s flakes linear infinite;
  animation: 59s flakes linear infinite;
}

.flake:nth-child(106) {
  width: 12px;
  height: 12px;
  top: -145px;
  left: 54%;
  opacity: 0.6;
  filter: blur(4px);
  -webkit-animation: 67s flakes linear infinite;
  animation: 67s flakes linear infinite;
}

.flake:nth-child(107) {
  width: 6px;
  height: 6px;
  top: -197px;
  left: 38%;
  opacity: 0.99;
  filter: blur(3px);
  -webkit-animation: 33s flakes linear infinite;
  animation: 33s flakes linear infinite;
}

.flake:nth-child(108) {
  width: 20px;
  height: 20px;
  top: -525px;
  left: 75%;
  opacity: 0.97;
  filter: blur(4px);
  -webkit-animation: 16s flakes linear infinite;
  animation: 16s flakes linear infinite;
}

.flake:nth-child(109) {
  width: 13px;
  height: 13px;
  top: -376px;
  left: 41%;
  opacity: 0.61;
  filter: blur(3px);
  -webkit-animation: 42s flakes linear infinite;
  animation: 42s flakes linear infinite;
}

.flake:nth-child(110) {
  width: 12px;
  height: 12px;
  top: -461px;
  left: 10%;
  opacity: 0.67;
  filter: blur(4px);
  -webkit-animation: 19s flakes linear infinite;
  animation: 19s flakes linear infinite;
}

.flake:nth-child(111) {
  width: 16px;
  height: 16px;
  top: -37px;
  left: 31%;
  opacity: 0.93;
  filter: blur(3px);
  -webkit-animation: 27s flakes linear infinite;
  animation: 27s flakes linear infinite;
}

.flake:nth-child(112) {
  width: 6px;
  height: 6px;
  top: -340px;
  left: 25%;
  opacity: 0.58;
  filter: blur(4px);
  -webkit-animation: 48s flakes linear infinite;
  animation: 48s flakes linear infinite;
}

.flake:nth-child(113) {
  width: 12px;
  height: 12px;
  top: -140px;
  left: 46%;
  opacity: 0.87;
  filter: blur(3px);
  -webkit-animation: 38s flakes linear infinite;
  animation: 38s flakes linear infinite;
}

.flake:nth-child(114) {
  width: 8px;
  height: 8px;
  top: -176px;
  left: 24%;
  opacity: 0.54;
  filter: blur(4px);
  -webkit-animation: 28s flakes linear infinite;
  animation: 28s flakes linear infinite;
}

.flake:nth-child(115) {
  width: 7px;
  height: 7px;
  top: -686px;
  left: 66%;
  opacity: 0.6;
  filter: blur(4px);
  -webkit-animation: 35s flakes linear infinite;
  animation: 35s flakes linear infinite;
}

.flake:nth-child(116) {
  width: 18px;
  height: 18px;
  top: -670px;
  left: 69%;
  opacity: 0.52;
  filter: blur(3px);
  -webkit-animation: 62s flakes linear infinite;
  animation: 62s flakes linear infinite;
}

.flake:nth-child(117) {
  width: 6px;
  height: 6px;
  top: -206px;
  left: 80%;
  opacity: 0.57;
  filter: blur(4px);
  -webkit-animation: 50s flakes linear infinite;
  animation: 50s flakes linear infinite;
}

.flake:nth-child(118) {
  width: 13px;
  height: 13px;
  top: -228px;
  left: 37%;
  opacity: 0.93;
  filter: blur(4px);
  -webkit-animation: 49s flakes linear infinite;
  animation: 49s flakes linear infinite;
}

.flake:nth-child(119) {
  width: 16px;
  height: 16px;
  top: -353px;
  left: 13%;
  opacity: 0.53;
  filter: blur(4px);
  -webkit-animation: 32s flakes linear infinite;
  animation: 32s flakes linear infinite;
}

.flake:nth-child(120) {
  width: 18px;
  height: 18px;
  top: -378px;
  left: 84%;
  opacity: 0.74;
  filter: blur(4px);
  -webkit-animation: 31s flakes linear infinite;
  animation: 31s flakes linear infinite;
}

.flake:nth-child(121) {
  width: 13px;
  height: 13px;
  top: -95px;
  left: 19%;
  opacity: 0.98;
  filter: blur(3px);
  -webkit-animation: 35s flakes linear infinite;
  animation: 35s flakes linear infinite;
}

.flake:nth-child(122) {
  width: 15px;
  height: 15px;
  top: -337px;
  left: 51%;
  opacity: 0.69;
  filter: blur(3px);
  -webkit-animation: 23s flakes linear infinite;
  animation: 23s flakes linear infinite;
}

.flake:nth-child(123) {
  width: 10px;
  height: 10px;
  top: -131px;
  left: 94%;
  opacity: 0.65;
  filter: blur(3px);
  -webkit-animation: 17s flakes linear infinite;
  animation: 17s flakes linear infinite;
}

.flake:nth-child(124) {
  width: 17px;
  height: 17px;
  top: -376px;
  left: 79%;
  opacity: 0.76;
  filter: blur(4px);
  -webkit-animation: 30s flakes linear infinite;
  animation: 30s flakes linear infinite;
}

.flake:nth-child(125) {
  width: 13px;
  height: 13px;
  top: -112px;
  left: 12%;
  opacity: 0.8;
  filter: blur(3px);
  -webkit-animation: 34s flakes linear infinite;
  animation: 34s flakes linear infinite;
}

.flake:nth-child(126) {
  width: 10px;
  height: 10px;
  top: -288px;
  left: 54%;
  opacity: 0.61;
  filter: blur(3px);
  -webkit-animation: 37s flakes linear infinite;
  animation: 37s flakes linear infinite;
}

.flake:nth-child(127) {
  width: 8px;
  height: 8px;
  top: -374px;
  left: 21%;
  opacity: 0.89;
  filter: blur(4px);
  -webkit-animation: 53s flakes linear infinite;
  animation: 53s flakes linear infinite;
}

.flake:nth-child(128) {
  width: 7px;
  height: 7px;
  top: -673px;
  left: 18%;
  opacity: 0.85;
  filter: blur(3px);
  -webkit-animation: 61s flakes linear infinite;
  animation: 61s flakes linear infinite;
}

.flake:nth-child(129) {
  width: 17px;
  height: 17px;
  top: -554px;
  left: 70%;
  opacity: 0.88;
  filter: blur(3px);
  -webkit-animation: 64s flakes linear infinite;
  animation: 64s flakes linear infinite;
}

.flake:nth-child(130) {
  width: 14px;
  height: 14px;
  top: -464px;
  left: 49%;
  opacity: 0.61;
  filter: blur(4px);
  -webkit-animation: 43s flakes linear infinite;
  animation: 43s flakes linear infinite;
}

.flake:nth-child(131) {
  width: 20px;
  height: 20px;
  top: -644px;
  left: 8%;
  opacity: 0.86;
  filter: blur(3px);
  -webkit-animation: 66s flakes linear infinite;
  animation: 66s flakes linear infinite;
}

.flake:nth-child(132) {
  width: 7px;
  height: 7px;
  top: -209px;
  left: 15%;
  opacity: 0.98;
  filter: blur(4px);
  -webkit-animation: 31s flakes linear infinite;
  animation: 31s flakes linear infinite;
}

.flake:nth-child(133) {
  width: 17px;
  height: 17px;
  top: -656px;
  left: 43%;
  opacity: 0.63;
  filter: blur(4px);
  -webkit-animation: 29s flakes linear infinite;
  animation: 29s flakes linear infinite;
}

.flake:nth-child(134) {
  width: 8px;
  height: 8px;
  top: -647px;
  left: 12%;
  opacity: 0.56;
  filter: blur(4px);
  -webkit-animation: 47s flakes linear infinite;
  animation: 47s flakes linear infinite;
}

.flake:nth-child(135) {
  width: 20px;
  height: 20px;
  top: -470px;
  left: 95%;
  opacity: 0.62;
  filter: blur(3px);
  -webkit-animation: 68s flakes linear infinite;
  animation: 68s flakes linear infinite;
}

.flake:nth-child(136) {
  width: 10px;
  height: 10px;
  top: -129px;
  left: 18%;
  opacity: 0.62;
  filter: blur(3px);
  -webkit-animation: 18s flakes linear infinite;
  animation: 18s flakes linear infinite;
}

.flake:nth-child(137) {
  width: 6px;
  height: 6px;
  top: -529px;
  left: 18%;
  opacity: 0.92;
  filter: blur(4px);
  -webkit-animation: 40s flakes linear infinite;
  animation: 40s flakes linear infinite;
}

.flake:nth-child(138) {
  width: 16px;
  height: 16px;
  top: -146px;
  left: 75%;
  opacity: 1;
  filter: blur(3px);
  -webkit-animation: 50s flakes linear infinite;
  animation: 50s flakes linear infinite;
}

.flake:nth-child(139) {
  width: 8px;
  height: 8px;
  top: -192px;
  left: 17%;
  opacity: 0.55;
  filter: blur(3px);
  -webkit-animation: 68s flakes linear infinite;
  animation: 68s flakes linear infinite;
}

.flake:nth-child(140) {
  width: 11px;
  height: 11px;
  top: -492px;
  left: 96%;
  opacity: 0.76;
  filter: blur(3px);
  -webkit-animation: 51s flakes linear infinite;
  animation: 51s flakes linear infinite;
}

.flake:nth-child(141) {
  width: 8px;
  height: 8px;
  top: -217px;
  left: 73%;
  opacity: 0.66;
  filter: blur(4px);
  -webkit-animation: 41s flakes linear infinite;
  animation: 41s flakes linear infinite;
}

.flake:nth-child(142) {
  width: 10px;
  height: 10px;
  top: -415px;
  left: 84%;
  opacity: 0.78;
  filter: blur(3px);
  -webkit-animation: 63s flakes linear infinite;
  animation: 63s flakes linear infinite;
}

.flake:nth-child(143) {
  width: 19px;
  height: 19px;
  top: -121px;
  left: 67%;
  opacity: 0.93;
  filter: blur(3px);
  -webkit-animation: 60s flakes linear infinite;
  animation: 60s flakes linear infinite;
}

.flake:nth-child(144) {
  width: 14px;
  height: 14px;
  top: -270px;
  left: 95%;
  opacity: 0.65;
  filter: blur(4px);
  -webkit-animation: 24s flakes linear infinite;
  animation: 24s flakes linear infinite;
}

.flake:nth-child(145) {
  width: 20px;
  height: 20px;
  top: -193px;
  left: 54%;
  opacity: 0.79;
  filter: blur(3px);
  -webkit-animation: 41s flakes linear infinite;
  animation: 41s flakes linear infinite;
}

.flake:nth-child(146) {
  width: 11px;
  height: 11px;
  top: -523px;
  left: 13%;
  opacity: 0.58;
  filter: blur(3px);
  -webkit-animation: 31s flakes linear infinite;
  animation: 31s flakes linear infinite;
}

.flake:nth-child(147) {
  width: 19px;
  height: 19px;
  top: -60px;
  left: 15%;
  opacity: 0.82;
  filter: blur(3px);
  -webkit-animation: 35s flakes linear infinite;
  animation: 35s flakes linear infinite;
}

.flake:nth-child(148) {
  width: 12px;
  height: 12px;
  top: -656px;
  left: 50%;
  opacity: 0.84;
  filter: blur(3px);
  -webkit-animation: 26s flakes linear infinite;
  animation: 26s flakes linear infinite;
}

.flake:nth-child(149) {
  width: 13px;
  height: 13px;
  top: -413px;
  left: 69%;
  opacity: 0.74;
  filter: blur(4px);
  -webkit-animation: 62s flakes linear infinite;
  animation: 62s flakes linear infinite;
}

.flake:nth-child(150) {
  width: 15px;
  height: 15px;
  top: -96px;
  left: 88%;
  opacity: 0.97;
  filter: blur(3px);
  -webkit-animation: 36s flakes linear infinite;
  animation: 36s flakes linear infinite;
}

.flake:nth-child(151) {
  width: 150px;
  height: 150px;
  top: -296px;
  left: 73%;
  opacity: 0.67;
  filter: blur(33px);
  -webkit-animation: 15s flakes linear infinite;
  animation: 15s flakes linear infinite;
}
.flake:nth-child(152) {
  width: 130px;
  height: 130px;
  top: -496px;
  left: 28%;
  opacity: 0.57;
  filter: blur(23px);
  -webkit-animation: 28s flakes linear infinite;
  animation: 28s flakes linear infinite;
}
/*.flake:nth-child(153) {
  width: 700px;
  height: 300px;
  top: -496px;
  left: 18%;
  opacity: 0.57;
  filter: blur(43px);
  -webkit-animation: 28s flakes linear infinite;
  animation: 18s flakes linear infinite;
}*/

@-webkit-keyframes flakes {
  100% {
    transform: translateY(1000px) rotateX(49deg) rotateY(39deg);
    opacity: 0;
  }
}

@keyframes flakes {
  100% {
    transform: translateY(1000px) rotateX(49deg) rotateY(39deg);
    opacity: 0;
  }
}
#header-loop {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I3ZTdmYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwYTNlZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: linear-gradient(to top, #b7e7fc 0%, #00a3ef 100%);
background-image: linear-gradient(to bottom, #5498c5, #68aad2, #7cbce0, #91cfed, #a7e1fb);
background-image: linear-gradient(to bottom, #43799d, #5b92b4, #74accb, #8dc6e3, #a7e1fb);
background-image: linear-gradient(to bottom, #3a6a89, #5486a5, #6fa4c1, #8bc2de, #a7e1fb);
}