/*globals*/
body{overflow-x: hidden}

body.noscroll{
    position: fixed;
    overflow: hidden;
    width: 100%;
}

.fltlft{float:left;}
.fltrgt{float:right;}
.clrlft{clear:left; font-size:0; line-height:0;}
.clrrgt{clear:right; font-size:0; line-height:0;}
.clrbth{clear:both; font-size:0; line-height:0;}

.anchor{font-size:0; line-height:0;}

img a{border:0; text-decoration:none;}
a, a:hover, a:active, a:focus{text-decoration:none; transition: all 0.2s ease-out;}


.pdgBot1{padding-bottom:1em;}
.pdgBot2{padding-bottom:2em;}
.pdgBot3{padding-bottom:3em;}

.pdgLft1{padding-left: 1em;}
.pdgRgt1{padding-right: 1em;}

.minus{display:none;}
.mrgBotNone{margin-bottom: 0;}
.mrgBot05{margin-bottom:0.5em;}
.mrgBot1{margin-bottom:1em;}
.mrgBot2{margin-bottom:2em !important;}
.mrgBot3{margin-bottom:3em !important;;}
.mrgBot5{margin-bottom:5em;}
.mrgBot8{margin-bottom:8em;}

.mrgTop05{margin-top:0.5em;}
.mrgTop1{margin-top:1em;}
.mrgTop2{margin-top:2em;}
.mrgTop3{margin-top:3em !important;}

.versalien{text-transform: uppercase;}
.textSpace{letter-spacing: 2px;}
.noWrapText{white-space: nowrap;}
.fontWeight400{font-weight: 400;}
.textRight{text-align: right;}
.textJustify{text-align: justify;}

.dispTable{display: table;}
.dispTableRow{display: table-row;}
.dispTableCell{display: table-cell;}

.show540{
    /*display: none;*/
}

.colorAlert{color: #D05C58 !important;}
.lightBlue, a.lightBlue{color:#50A6BD;} /*6EEaFF*/
a.lightBlue:hover{color:#0F313C;}

.back-to-top {
    cursor: pointer;
    position: fixed;
    z-index: 10;
    bottom: 10px;
    right: 10px;
    display:none;
    color: #fff;
    background-color: #272727;
    border: none;
    opacity: 0.8;
}
.back-to-top:hover, .back-to-top:active, .back-to-top:focus{color: #50A6BD;}


hr.divider{
    content: " ";
    display: block;
    width: 60px;
    margin: 0 auto 40px auto;
    height: 3px;
    background: #FFF;
    border: none;
    opacity: 0.7;
}

hr.divider.color2{
    background: #50A6BD;
}

hr.divider.color3{
    background: #50A6BD;
}


h2.blockHead{
    font-family: 'Saira Semi Condensed', sans-serif;
    font-size: 4em;
    font-weight: 300;
    line-height:1.4em;
    letter-spacing: 2px;
}

h2.blockHead.biggerHead{
    font-size: 5em;
    font-weight: 200;
    margin: 1em 0;
}

h2.blockHead.smallerHead{
    font-size: 2.4em;
    font-weight: 200;
    margin: 0 0 1em 0;
}

h3.blockHead{
    font-family: 'Saira Semi Condensed', sans-serif;
    font-size: 3em;
    font-weight: 300;
    line-height:1.4em;
}

p.infoText{
    font-family: 'Muli', sans-serif;
    font-weight: 300;
    font-size: 1.4em;
    line-height: 1.6em;
    color: #666666;
    padding: 0 8.5% 5em 8.5%;
}

p.infoText.smallText, p.infoText .smallText{
    font-size: 0.8em;
    line-height: 1.6em;
}
p.infoText.smallText a{color: #10313A;}
p.infoText.smallText a:hover{color: #10657D;}

.colWhite, p.infoText.colWhite{color:#FFF;}
a.colWhite{color:#FFF;}
a.colWhite:hover{color:#666;}

a.cookiesettingsbtn{
    background-color: rgba(255,255,255,0.5);
    color: #10657D;
    border: 1px solid #10657D;
    padding: 0.5em 1em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    display: inline-block;
}
a.cookiesettingsbtn:hover, a.cookiesettingsbtn:active, a.cookiesettingsbtn:focus{
    background-color: rgba(255,255,255,0.9);
}


.arrowParallaxHome{
    bottom: 70px;
    left: 50%;
    position: absolute;
    z-index: 106;
}

.arrowParallaxHome img{
    vertical-align: middle;
}

.starSeparator{
    font-size: 3em;
    font-weight: 300;
}

.homePhone img{
    width: 100%;
    height: auto;
    margin-top: 30px;
}

/*NAVIGATION*/

.weco-navbar{
    font-family: 'Muli', sans-serif;
    font-weight: 600;
    font-size: 1.2em;
    padding:0 20px 0 0;
    border:none;
    background-color: #FFF;
    /*min-height: 1.7em;*/
    min-height: 70px;
}


.weco-navbar .navbar-collapse{
    max-width: 1800px;
    margin: 0 auto
}


.weco-navbar .navbar-nav>li>a {color:#333;}
.weco-navbar .navbar-nav>li>a:hover, .weco-navbar .navbar-nav>li>a:active, .weco-navbar .navbar-nav>li>a:focus{color:#1681A1;}

.weco-navbar .navbar-nav>li.blog a{
    color:#FFF;
    background-color: #333;
    border-radius: 5px;
    box-shadow: 0 2px 0 #aaa;
}

.weco-navbar .navbar-nav>li.blog a:hover, .weco-navbar .navbar-nav>li.blog a:active, .weco-navbar .navbar-nav>li.blog a:focus{
    background-color: #1681A1;
    color: #FFF;
    box-shadow: none;
}

.weco-navbar .navbar-brand{
    font-family: 'Saira Semi Condensed', sans-serif;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    text-align: center;
    text-transform: uppercase;
    margin: auto;
    font-size: 1.6em;
}
.weco-navbar a.navbar-brand{
    font-family: 'Muli', sans-serif;
}

.weco-navbar a.navbar-brand .bradWrp{
    display: inline-block;
    text-align: center;
}
.weco-navbar a.navbar-brand .brandTop{
    color: #50A6BD;
    font-weight: 700;
    font-size: 1.4em;
    display: block;
    margin-bottom: 8px;
}
.weco-navbar a.navbar-brand .brandLine{
    display: block;
    line-height: 0.1em;
    font-size: 0.1em;
    border-bottom: 1px solid #10657D;
    margin: 2px;
}
.weco-navbar a.navbar-brand .brandSub{
    color: #333;
    font-weight: 400;
    font-size: 0.65em;
    letter-spacing: 3px;
    display: block;
    padding-left: 3px;
}


.weco-navbar .navbar-left, .weco-navbar .navbar-right{
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 0.8em;
    margin-top: 10px;
}

.weco-navbar.shrink{
    height: 0.5em;
    background-color: #F9F9F9;
    box-shadow: 0 2px 10px #CCC;
    min-height: 50px;
}
.weco-navbar.shrink .navbar-brand {font-size: 1.2em; color: #333; margin-top: -3px;}
.weco-navbar.shrink a{padding-top: 0.4em; padding-bottom: 0.4em;}

.weco-navbar.shrink a.navbar-brand .brandTop{margin-bottom: 2px}
.weco-navbar.shrink a.navbar-brand .brandLine{margin: 0 2px}
.weco-navbar.shrink a.navbar-brand .brandSub{line-height: 1.2em;}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
    background-color: transparent;
    color: #50A6BD;
}

/*scene home*/

.section1{
    background-color: #4BA6BF;
    height: 100vh;
    max-height: 580px;
    overflow: hidden;
}
.section1phone{
    overflow: hidden;
    background: #4BA6BF;
    height: auto;
}

.parallaxcontainer{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.section1 .scene{
    height:100%;
    max-height: 617px;
    width:100%;
    overflow:hidden;
    padding: 0;
    margin: 0;
}

.section1 .scene .layer{
    height: 107vh;
    max-height: 617px;
    overflow: hidden;
    width: 120%;
}
.layer .far{
    background-image: url("../img/webcooks_bg_far.png");
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    max-height: 617px;
    left: -5%;
    position: absolute;
    top: -2%;
    width: 100%;
}

.layer .mid{
    background-image: url("../img/webcooks_bg_mid.png");
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    max-height: 617px;
    left: -5%;
    position: absolute;
    top: -2%;
    width: 100%;
}

.layer .near{
    background-image: url("../img/webcooks_bg_front.png");
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    max-height: 617px;
    left: -5%;
    position: absolute;
    top: -2%;
    width: 100%;
}

.layer .titel{
    background-color: transparent;
    position: absolute;
    display: block;
    text-align: center;
    width: 90%;
    top:30px;
    font-family: 'Saira Condensed', sans-serif;
}

.section1phone img{max-width: 100%; width: 100%; height:auto;}

.startText{background-color: #4EA5BE;}
.startText h2.blockHead{color: #FFF !important;}

/*shortinfo*/

.sectionShortinfo{
    background-color: #FFF;
    color: #FFF;
    font-size: 1.4em;
    font-family: 'Saira Semi Condensed';
    font-weight: 200;
    padding-top: 60px;
}

.sectionShortinfo .outerWrp{
    margin-bottom: 1em;
}

.sectionShortinfo .innerWrp{
    padding: 30px;
    border-radius: 5px;
    min-height: 66em;
}

.sectionShortinfo .innerWrp h2{
    text-align: center;
    margin: 0.5em 0 0 0;
    font-size: 1.8em;
    font-weight: 600;
    letter-spacing: 2px;
}

.sectionShortinfo .innerWrp img{
    filter: brightness(0%) invert(100%);
    display: inline;
    max-width: 70%;
}


.sectionShortinfo ul{
    list-style-type: none;
    margin-top: 1em;
    padding-left: 0;
}
.sectionShortinfo ul li{
    padding-bottom: 0.7em;
}

.sectionShortinfo ul li h3{
    margin: 0;
    line-height: 1.2em;
}

.sectionShortinfo ul li ul{
    list-style-type: disc;
    margin-top: 1em;
    padding-left: 2em;
}


.sectionShortinfo .info1{
    background-color: #4FA6BE;
}

.sectionShortinfo .info2{
    background-color: #0D82A3;
}

.sectionShortinfo .info3{
    /*background-color: #A84440;*/
    background-color: #357c8e;
}

.sectionShortinfo .info4{
    background-color: #0B6E8A;
}


/*section 2 - procedere, infoicons, infotext*/

.section2 .startColorLine{
    background-color: #4EA5BE;
    height: 100px;
}


#infoiconsTop{
    display: block;
    background-color: #F9F9F9;
}

.section2 h2.blockHead{color:#50A6BD;}


/*.section2.introtext{background-color: #50A6BD;}
.section2.introtext h2{
    color: #50A6BD;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 0 #1681A1;
    padding: 0.5em 0;
}*/

.carousel.slide h2.blockHead{
    color:#FFF;
    text-align: center;
    font-size: 2.4em;
    font-weight: 200;
    margin: 1em 0;
}

.section2 .starSeparator{color:#50A6BD;}

.iconLInkWrp{padding-bottom: 1em;}

.iconLInkWrp a{display: block;}

.infoicons{
    background-color: #F9F9F9;
    padding: 3em 0 5em 0;
}

.infoicons img{
    max-width: 60%;
    margin: 0 auto;
}

.icontext{
    display: inline-block;
    color:#50A6BD;
    font-family: 'Saira Condensed', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-size: 1.4em;
    padding-top: 0.5em;
}

.infocontent{display: none;}

.infocontentWrp{
    background-color: #50A6BD;
    color:#FFF;
    padding: 50px 0;
}

.infocontentWrp .carousel-control.right, .infocontentWrp .carousel-control.left{
    background-image: none;
}


.iconLInkWrp .iconTransition {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.iconLInkWrp a:hover .iconTransition {
    -webkit-backface-visibility: hidden; /*prevents safari flicker*/
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}


.iconLInkWrp.initialActive{
    -webkit-filter: brightness(50%); /* Safari */
    filter: brightness(50%);
}

/*about*/
.section3{
    /*background-color: #8DB98E;*/
    background-color: #0083a5;
    color: #F6F5F5;
}
.section3 p{
    color: #F6F5F5;
}

.section3 p a.linkColor{color: #B6D9E3;}
.section3 p a.linkColor:hover{color: #FFF;}

.section3 .zitat{
    font-family: 'Saira Condensed', sans-serif;
    font-size: 1.6em;
    font-weight: 100;
    text-transform: uppercase;
    text-shadow: 1px 2px 0 #0A667F;
}
.section3 .dark{color: #0A667F;}
.section3 .darker{color: #10313B;}
.section3 .light{color: #53A5BB;}

.section3 .darkBg{
    background-color: #1b6d85;
    padding: 3em;
    margin-bottom: 3em;
    box-shadow: 5px 5px 10px rgb(0,0,0, 0.3);
    border-radius: 10px;
}

.portraitWrp{
    padding: 0 50px 70px 50px;
    text-align: center;
}

.portraitWrp h3{
    font-family: 'Saira Condensed', sans-serif;
}

.portraitWrp p{
    font-family: 'Saira Condensed', sans-serif;
    letter-spacing: 0.15em;
}

p.infoTextPerson{
    font-family: 'Muli', sans-serif;
    font-weight: 300;
    font-size: 1.2em;
    line-height: 1.6em;
    color: #FFF;
    padding: 0;
}

p.infoTextPerson.smallText{
    font-size: 1em;
    line-height: 1.6em;
}

.section3 .dividerDottedLine{
    border-top: 1px dashed #10313B;
    line-height: 0;
    width: 80%;
    margin: 0 auto 3em auto;
    display: none;
}


/*rezepte*/
.section4{
    background-color: #0F313B;
    color:#FFF;
}

.section4 p{
    color: #FFF;
}
.colorBlockWrp{
    margin-bottom: 3em;
    border-radius: 15px;
    background-color: #27454E;
    cursor: pointer;
}

.colorBlockWrp:hover{
    filter: hue-rotate(-10deg) saturate(1.5);
}

.colorBlockColor{
    height: auto;
    border-radius: 15px;
}

.colorBlockColor.rez1, .rezColorLayer.rez_1{background:linear-gradient(-45deg,rgba(0,185,220,1),rgba(0,85,165,1))}
.colorBlockColor.rez2, .rezColorLayer.rez_2{background:linear-gradient(-45deg, rgb(93, 185, 181,1),rgba(0,185,220,1))}
.colorBlockColor.rez3, .rezColorLayer.rez_3{background:linear-gradient(-45deg, rgb(232, 222, 90,1),rgba(93, 185, 181,1))}
.colorBlockColor.rez4, .rezColorLayer.rez_4{background:linear-gradient(-45deg,rgba(254,184,64,1),rgba(232, 222, 90, 1))}
.colorBlockColor.rez5, .rezColorLayer.rez_5{background:linear-gradient(-45deg,rgba(244,91,85,1),rgba(254,167,74,1))}
.colorBlockColor.rez6, .rezColorLayer.rez_6{background:linear-gradient(-45deg,rgba(194,45,40,1),rgba(244,91,85,1))}
.colorBlockColor.rez7, .rezColorLayer.rez_7{background:linear-gradient(-45deg,rgba(112,46,35,1),rgba(194,45,40,1))}

.colorBlockText{
    padding: 3em;
    color:#FFF;
}

.colorBlockText h3{
    font-family: 'Muli', sans-serif;
    text-transform: uppercase;
    color: #FFF;
    font-weight: 300;
    letter-spacing: 5px;
    font-size: 1.8em;
    margin: 0 0 0.6em 0;
}

.colorBlockText p{
    font-family: 'Mueli', sans-serif;
    font-weight: 400;
    font-size: 1.2em;
    letter-spacing: 0.1em;
    line-height: 1.6em;
    color: #FFF;
    margin: 0;
}


.rezColorLayer{
    width: 100%;
    opacity: 1;
    position: fixed;
    top:0;
    left: 0;
    z-index: 2000; /*over navi*/
    color: #FFF;
    padding: 100px;
}


.rezColorLayerBtnClose a{
    color:#333;
    background-color: #FFF;
}

.rezColorLayerBtnClose a:hover, .rezColorLayerBtnClose a:active, .rezColorLayerBtnClose a:focus{
    color: #CCC;
}


.rezColorLayerBtnClose{
    color: #333;
    text-align: right;
    padding: 0.5em 1em;
}

.rezColorLayerContentWrp{
    background-color: #FFF;
    color: #333;
    border-radius: 10px;
    box-shadow: 2px 5px 20px #333;
    max-width: 700px;
    margin: -50px auto 0 auto;
}

.rezLayerHeadline{
    font-family: 'Saira Semi Condensed', sans-serif;
    letter-spacing: 2px;
    font-weight: 300;
    text-align: center;
    margin-bottom: 2em;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 1em;
}
.rezLayerInnerWrp{
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.rezColorLayerContent{
    padding: 1em 3em 3em 3em;
    font-family: 'Muli', sans-serif;
    font-weight: 300;
}

.rezLayerContPart{
    padding-right: 25px;
}
.rezLayerContPart h5{
    font-size: 1.4em;
    margin-top: 1.5em;
}

.rezLayerContPart ul{padding-left: 20px;}
.rezLayerContPart li{padding-bottom: 0.5em;}

/*referenzen*/
.section5{
    background-color: #FFF;
    color: #0083A5;
}

.section5 h2.blockHead{color: #50A6BD;}

.referenzenBgImg {
    background: rgb(13,130,163);
    background: linear-gradient(90deg, rgba(13,130,163,1) 0%, rgba(79,166,190,1) 50%, rgba(13,130,163,1) 100%);
    padding-bottom: 7em !important;
}
.referenzenBgImg h2.blockHead{color: #FFF;}


.section5 .referenzBox{
    background-color: #FFF;
    color:#09181D;
    padding: 15px;
    border-radius: 5px;
    opacity: 0.8;
}

.section5 .refMoreText{

}

.section5 .referenzBox h3{
    font-family: 'Saira Semi Condensed', sans-serif;
    margin-top: 0;
}
.section5 .referenzBox p{
    font-family: 'Muli', sans-serif;
    font-weight: 300;
    font-size: 1.1em;
    line-height: 1.6em;
}

.section5 .referenzButton{
    margin-top: 1em;
    background-color: #0083A5;
    color: #FFF;
    font-size: 0.9em;
    text-align: center;
    text-transform: uppercase;
    padding: 0.2em 1em;
    letter-spacing: 2px;
    font-weight: 600;
    cursor: pointer;
}

.section5 .referenzButton:hover{
    background-color: #10313B;
    transition: all 0.15s ease-in-out 0s;
}

.section5 .referenzButtonClose{
    margin-top: 1em;
    color: #10313B;
    text-align: center;
    cursor: pointer;
    font-size: 1.4em;
}

/*referenzen masonry*/
.grid{
    max-width: 100%;
    margin: 0 auto;
}

.grid:after {
    content: '';
    display: block;
    clear: both;
}

.grid-sizer{width: 33%;}

.grid-item{
    width: 31%;
    margin: 0 0.5% 15px 0.5%;
    height: auto;
    float: left;
}

/*portolio*/
.section9{background-color: #FFF;}

.section9 .blockHead.biggerHead{color: #0083A5}
.portfolioWrp{
    position: relative;
    max-width: 1800px;
    margin: 0 auto;
}
.portImgWrp{
    overflow: hidden;
    margin: 15px 0;
    border: 1px solid #ccc;
    box-shadow: 3px 3px 0 3px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}
.portImgWrp img{
    width: 100%;
    height: auto;
    transition: transform 1s ease;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    filter: grayscale(100%);
    transform: scale(1.5);
}

.portImgWrp:hover{
    border: 1px solid #0083A5;
    box-shadow: 3px 3px 0 3px rgba(78, 166, 190, 0.2);
}

.portImgWrp:hover img{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.0);
    filter: grayscale(0%);
}

/*portfolio single page*/
.portfolioSiteWrp{
    margin: 0 auto;
    margin-bottom: 10em;
}

.portfolioSiteWrp h2.blockHead{color: #0083A5}
.portfolioImage img{
    border-radius: 5px;
    box-shadow: 4px 4px 20px #ccc;
}

.portfolioSiteWrp .portfolioText{
    max-width: 80%;
    margin-left: 2%;
}

.portfolioSiteWrp .portfolioText h2{
    display: inline;
    font-family: 'Muli', sans-serif;
    font-size: 3em;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.4em;
    margin-top: 0;
    background-color: #272727;
    color: #FFF;
}

.portfolioSiteWrp .portfolioText h2 a{
    color: #FFf;
}
.portfolioSiteWrp .portfolioText h2 a:hover{
    background-color: #000;
}

.portfolioSiteWrp p{
    margin: 1em 0;
    font-family: 'Muli', sans-serif;
    font-size: 1.4em;
    line-height: 1.6em;
}

.portfolioSiteWrp p a.pageLink{
    color: #50A6BD;
    font-weight: 300;
}

.portfolioSiteWrp p a.pageLink::before{content: "[ ";}
.portfolioSiteWrp p a.pageLink::after{content: " ]";}

.portfolioSiteWrp p a.pageLink:hover{
    letter-spacing: 2px;
    transition: all 0.5s ease-in-out 0s;
}

.portfolioSiteWrp .portfolioMobileImages{
    margin-top: 10em;
}
.portfolioSiteWrp .portfolioSmallImages img, .portfolioSiteWrp .portfolioMobileImages img{
    border-radius: 5px;
    box-shadow: 4px 4px 20px #ccc;
    margin-bottom: 15px;
}

.portfolioSiteWrp .portfolioSmallImages.right{
    float: right;
    margin-top: 10em;
    margin-left: 20%;
    width: 80%;
}

/*.portSectionDivider{
    content: " ";
    display: block;
    width: 60px;
    margin: 8em auto 8em auto;
    height: 3px;
    border: none;
    opacity: 0.7;
    background: #50A6BD;
}*/


.lftPortContent.pageRpl{float: right;}
.rgtPortContent.pageRpl{float: left;}
.rgtPortContent.pageRpl .portfolioText{text-align: right; margin-left: 18%;}


.singlePortfolioContainer{
    padding-top: 8em;
    padding-bottom: 8em;
}
.singlePortfolioContainer.bg1{
    background-color: #FFF;
}
.singlePortfolioContainer.bg2{
    background-color: #EEE;
}

.singlePortfolioContainerInner{
    max-width: 1800px;
    margin: 0 auto;
}


/*kontakt*/
.section6{
    /*background-color: #333333;*/
    background-color: #50A6BD;
    color: #FFF;
}
.section6 p{
    color: #FFF;
}
.googleMapWrp{
    width: 100%;
    height: 400px;
}

/*formular*/

.formBgImg {
    background: url('../img/parallax_bg.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #50A6BD;
}

.formBgImg h2{
    color: #50A6BD;
}
.formBgImg h4{
    color: #50A6BD;
    font-family: 'Muli', sans-serif;
    font-size: 1.8em;
    font-weight: 300;
    margin-bottom: 1em;
}

.formBgImg .form-group{
    margin-bottom: 30px;
}

/*override bootstrap input focus*/
textarea:focus,
input:focus,
select:focus{
    border-color: #50A6BD;
    outline: 0;
    outline: none \9;
    /* IE6-9 */
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    -webkit-transition: border-color 0.5s;
    transition: border-color 0.5s;
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}

input.inputStd{
    font-family: 'Muli', sans-serif;
    font-weight: 300;
    font-size: 1.2em;
    border: 1px solid #0F313B;
    background-color: transparent !important;
    padding: 0.5em 1em;
    width: 100%;
    height: 46px;

    -webkit-transition: border-color 0.5s;
    transition: border-color 0.5s;
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}

input.inputStd:focus, input.inputStd:active{
    box-shadow: none !important;
    border: 1px solid #50A6BD;

    -webkit-transition: border-color 0.5s;
    transition: border-color 0.5s;
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus{
    -webkit-text-fill-color: #50A6BD !important;
}

.contactForm label{
    font-family: 'Muli', sans-serif;
    font-weight: 400;
    display: block;
    text-align: left;
    font-size: 0.8em;
    text-transform: uppercase;
    color:#50A6BD;
}

.checkBoxGroup{
    text-align: left;
    font-size: 1.4em;
    font-weight: 300;
    margin-bottom: 1em;
}

.checkBoxGroup input{
    display: none;
}

.selectBoxWrp{
    background: transparent url("../img/down_arrow_select.png") no-repeat scroll right center;
    border: 1px solid #0F313B;
    height: 46px;
    overflow: hidden;
    width: 100%;
}

.selectBoxWrp select{
    -moz-appearance: none;
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    font-size: 1.2em;
    font-weight: 300;
    height: 46px;
    line-height: 1;
    padding: 0.5em 1em;
    width: 105%;
}

.selectBoxWrp select:focus, .selectBoxWrp select:active{
    border-color: #50A6BD;
}


.textAreaStd{
    font-family: 'Muli', sans-serif;
    font-size: 1.2em;
    font-weight: 300;
    line-height: 1.8em;
    border: 1px solid #0F313B;
    background-color: transparent;
    padding: 0.5em 1em;
    width: 100%;
    height: 16em;
}

.sendenWrp{
    text-align: right;
    padding-top: 0.5em;
}

a.btnStd, button.btnStd{
    background-color: #50A6BD;
    padding: 8px 20px;
    color: #FFF;
    border: none;
    font-family: 'Muli', sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 300;
}

a.btnStd:hover, button.btnStd:hover{
    background-color:#0083A5;
}


/*impressum*/

.section8{
    background-color: #50A6BD;
    color: #FFF;
}
.section8 p{
    color: #FFF;
    font-size: 1em;
}

.section8 .textSubhead{
    font-weight: 700;
    display: block;
    padding-bottom: 0.5em;
}

.section8 .textSubheadBig{
    display: block;
    padding-bottom: 0.5em;
    font-size: 1.6em;
    text-transform: uppercase;
}

a.btnStd.color2{
    background-color: #0083A5;
    padding: 8px 20px;
    color: #FFF;
    border: none;
    font-family: 'Muli', sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 300;
}

a.btnStd.color2:hover{
    background-color:#0F313B;
}

a.btnStd.hover2:hover{
    background-color:#1F6C83;
}


/*footer*/
.footer{
    background-color: #272727;
    padding: 20px 20px 10px 20px;
    color: #50A6BD;
    font-size: 0.8em;
}






@media screen and (min-width:1920px) {
    .container1920{
        width: 100%;
        max-width: 2500px;
    }

    .col-1920{
        width: 25%;
    }
}



@media screen and (min-width:1300px) {
    /*referenzen masonry*/
    .grid{max-width: 1300px;}
}

@media (max-width: 1240px){
    .weco-navbar .navbar-nav>li>a{
        padding: 10px 10px;
        letter-spacing: 1px;
        font-size: 0.9em;
    }
    .weco-navbar.shrink .navbar-left, .weco-navbar.shrink .navbar-right{margin-top: 5px;}
}

@media (max-width: 1200px){

    .sectionShortinfo .innerWrp h2{
        font-size: 1.5em;
    }


    .portfolioSiteWrp .portfolioText{
        max-width: 98%;
    }

    .portfolioSiteWrp .portfolioText h2{
        font-size: 2.2em;
    }

    /*leistungen*/
    .sectionShortinfo ul{padding-left: 1em;}
    .sectionShortinfo ul li h3{font-size: 1em;}
}

@media (max-width: 991px) {
    /*body{border:4px solid red;}*/

    .collapse.navbar-collapse{float: right;}
    .weco-navbar.shrink .navbar-left, .weco-navbar.shrink .navbar-right{margin-top: 3px;}

    .weco-navbar .navbar-nav>li>a{padding: 10px 6px; font-size: 0.9em; letter-spacing: 0;}
    .weco-navbar .navbar-brand{
        margin-top: -5px;
        text-align: left;
    }
    .weco-navbar .navbar-left, .weco-navbar .navbar-right, .weco-navbar .navbar-brand{
       float: left !important;
    }
    .weco-navbar .navbar-left{
        margin-left: 110px;
    }

    .layer .titel{
        width: 84%;
        top:168px;
    }

    .titelBox .hairLine{
        width: 490px;
        line-height: 0;
    }

    .titelBox h1{
        font-size: 7.2em;
        font-weight: 500;
        letter-spacing: 4px;
        line-height: 0.7em;
        margin: 22px auto 20px auto;
    }

    .titelBox h2{
        font-size: 1.6em;
        font-weight: 300;
        letter-spacing: 4px;
        margin: 0 auto 12px auto;
    }


    .rs-start h1{
        font-size:2em;
    }
    .rs-start h2{
        font-size:1.2em;
    }

    .psdCentered{margin-left: 35%;}

    h2.blockHead.biggerHead, h3.blockHead{font-size: 3em; text-transform: none}
    hr.divider{margin: 0 auto 60px auto;}

    h2.blockHead{
        font-size: 2.6em;
        text-transform: uppercase;
    }
    .section2 h2.blockHead{
        font-size: 2.6em;
        text-transform: none;
    }


    .layer .mid{
        background-image: url("../img/webcooks_bg_mid_991.png");
    }

    .layer .near{
        background-image: url("../img/webcooks_bg_front_991.png");
    }


    .sectionShortinfo .innerWrp h2{
        font-size: 1.8em;
    }


    .portraitWrp{
        padding: 0 20px 70px 20px;
    }

    .img-circle{display: block; max-width: 150px; margin: 0 auto;}

    .icontext{
        font-size: 1em;
        padding-top: 0;
    }

    .colorBlockText h3{
        font-size: 1.2em;
        margin: 0.2em 0 0.6em 0;
        font-weight: 400;
        letter-spacing: 2px;
    }

    /*referenzen masonry*/
    .grid-sizer{width: 50%;}
    .grid-item{width: 48%;}


    /*portfolio seite*/
    .portfolioSiteWrp p{font-size: 1.2em;}

    /*leistungen*/
    .sectionShortinfo ul{padding-left: 2em;}
    .sectionShortinfo ul li h3{font-size: 1.2em;}
    .sectionShortinfo .innerWrp{min-height: auto;}

}

@media (max-width: 767px) { /*xs*/
    /*body{border:4px solid yellow;}*/

    .navbar-toggle{
        margin-top: 8px !important;
        margin-bottom: 3px !important;
    }

    .weco-navbar .collapse.navbar-collapse, .nav.navbar-nav.navbar-right, .nav.navbar-nav.navbar-left{float: none !important;}

    .weco-navbar{padding-right: 0; min-height: 50px;}
    .weco-navbar .navbar-brand{margin-top: 0;}
    .nav.navbar-nav.navbar-right{margin-top: 0; margin-bottom: 15px; margin-left: 0; padding-left: 15px;}
    .nav.navbar-nav.navbar-left{margin-bottom: 0; margin-left: 0; padding-left: 15px;}

    .navbar-brand{
        font-size:26px !important;
        text-align:left !important;
        width:80% !important;
    }
    .nav>li>a{padding: 10px 15px; font-size: 1em; letter-spacing: 2px;}
    .weco-navbar .navbar-nav>li.blog a{border-radius: 0; box-shadow: none; margin-right: 30px;}

    .weco-navbar.shrink{
        height: auto;
        background-color: #F9F9F9;
        box-shadow: 0 2px 10px #CCC;
    }
    .weco-navbar.shrink .navbar-brand {font-size: 1.2em; color: #50A6BD; margin-top:0;}
    .weco-navbar.shrink a{padding-bottom:0;}

    .weco-navbar a.navbar-brand .brandTop, .weco-navbar.shrink a.navbar-brand .brandTop, .weco-navbar a.navbar-brand .brandSub, .weco-navbar.shrink a.navbar-brand .brandSub{
        display: inline;
        text-align: left;
    }
    .weco-navbar a.navbar-brand .brandTop, .weco-navbar.shrink a.navbar-brand .brandTop{font-size: 1em;}
    .weco-navbar a.navbar-brand .brandSub, .weco-navbar.shrink a.navbar-brand .brandSub{font-size: 1em; letter-spacing: 0; margin-left: -5px; padding-left: 0;}
    .weco-navbar a.navbar-brand .brandLine, .weco-navbar.shrink a.navbar-brand .brandLine{
        display: none;
    }

    .titelBox .hairLine{
        width: 360px;
        line-height: 0;
    }

    .titelBox h1{
        font-size: 5em;
        font-weight: 500;
        letter-spacing: 4px;
        line-height: 0.7em;
        margin: 22px auto 20px auto;
    }

    .titelBox h2{
        font-size: 1.2em;
        font-weight: 300;
        letter-spacing: 2px;
        margin: 0 auto 12px auto;
    }



    h2.blockHead{
        font-size: 2.2em;
        text-transform: uppercase;
    }
    .section2 h2.blockHead{
        font-size: 2em;
        text-transform: none;
        margin-top:1em;
    }

    .icontext{
        font-size: 1.4em;
        padding-top: 0.5em;
    }


    .section2 p.infoText{
        padding-left: 0;
        padding-right: 0;
        text-align: left;
        padding-bottom: 0;
    }


    p.infoText{
        font-size: 1.2em;
        font-weight: 400;
        line-height: 1.6em;
    }

    .sectionShortinfo p{
        font-size: 1.4em;
        font-weight: 400;
        padding-left: 0;
        padding-right: 0;
        line-height: 1.6em;
    }

    .sectionShortinfo ul{padding-left: 0;}
    .sectionShortinfo ul li{
        font-size: 1.8rem;
    }


    .sectionShortinfo .center-block{
        width: 400px;
    }


    .img-circle{display: block; margin: 0 auto; max-width: 200px;}
    .portraitWrp{
        padding: 40px 50px 50px 50px;
        text-align: center;
        border-top: 1px dashed #0A667F;
        width: 80%;
        left: 10%;
    }


    h2.blockHead.biggerHead, h3.blockHead{
        font-size: 2.2em;
        text-transform: uppercase;
        margin-top:2em;
    }

    hr.divider{margin: 0 auto 30px auto;}

    /*.colorBlockColor{max-height: 200px; height: 200px;}
    .colorBlockText{max-height: 200px; height: 200px;}*/
    .colorBlockText p{
        font-size: 1em;
        line-height: 1.4em;

    }


    /*icons*/
    .infoicons{padding: 0;}
    .iconLInkWrp .icontext{display: none;}
    .infoicons img{max-width: 100%;}


    .sectionShortinfo .innerWrp h2{
        font-size: 1.5em;
    }

    /*ueberuns texte*/
    .section3 .dispTableCell {
        display: block;
        text-align: left;
    }

    .section3 .zitat{
        font-size: 1.2em;
    }

    .section3 .dividerDottedLine{
        display: block;
    }

    .section3 p.infoText{
        padding-left: 15px;
        padding-right: 5px;
        text-align: left;
    }



    /*rezepte layer*/
    .rezColorLayerContentWrp{
        position: absolute;
        left: 2%;
        width: 95%;
        max-width: none;
        top:25px;
        margin-top: 0;
    }
    .rezColorLayerContent{
        padding: 1em;
    }

    .rezLayerHeadline{
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .rezLayerHeadline h2{
        font-size: 1.6em;
        margin-top: 0;
    }


    .section5 .referenzBox p{
        font-weight: 400;
        font-size: 1.2em;
        line-height: 1.6em;
    }

    /*referenzen masonry*/
    .grid-sizer{width: 100%;}
    .grid-item{width: 98%;}

    /*datenschutz*/
    .section8 .textSubheadBig{
        line-height: 1.2em;
    }

    .section8 p.infoText{padding: 0 8.5% 0.5em 8.5%;}


    /*portfolio seite*/
    .lftPortContent.pageRpl, .lftPortContent{float: none;}
    .rgtPortContent.pageRpl, .rgtPortContent{float: none;}
    .lftPortContent, .rgtPortContent{padding: 0;}
    .rgtPortContent.pageRpl .portfolioText{text-align: left; margin-left: 2%;}

    .portfolioText.smlDevice{max-width: 100%; margin: 1em 15px 2em 0;}
    .portfolioText.smlDevice h2{font-size: 2em;}
    .portfolioText.smlDevice .description{font-size: 1.2em;}
    .portfolioText.smlDevice a.pageLink{font-size: 0.9em;}

    .portSectionDivider{margin: 4em auto 4em auto;}


}

@media (max-width: 540px){

    .show540{
         display: block;
     }

    .section2 h2.blockHead{
        font-size: 1.6em;
        text-transform: none;
        margin-bottom: 1.5em;

    }

    .section2.introtext h2{
        font-weight: 600;
        color: #1681A1;
    }


    .section2 p.infoText{
        /*padding-left: 15px;
        padding-right: 15px;*/
    }


    .infocontent p.infoText{
        font-size: 0.9em;
    }

    .infoicons{
        padding: 0.5em 0 0.5em 0;
    }

    .infocontentArrowNext{right: 5px;}
    .infocontentArrowPrev{left: 5px;}

    .section3 .zitat{
        font-size: 1.6em;
    }


    .section3 .portraitWrp{padding: 1em 0;}
    .section3 .darkBg{padding: 3em 1em;}
    .section3 span.darker{font-weight: 700;}

    .colorBlockText h3, .colorBlockText h3.rez7{
        font-size: 1em;
        font-weight: 700;
    }

    /*shortinfo*/

    .sectionShortinfo{
        font-size: 1em;
        font-weight: 200;
        background-color: #FFF;
    }

    .sectionShortinfo ul{
        padding-left: 0;
    }




    /*referenzen masonry*/
    .grid-sizer{width: 100%;}
    .grid-item{
        width: 100%;
        margin: 0 20px 30px 0;
    }

    .formBgImg h4{font-size: 1.2em;}


    /*portfolio seite*/
    .portfolioText.smlDevice h2 {
        font-size: 1.8em;
    }
}

@media (max-width: 420px){

    /*body{border:4px solid lightpink;}*/


    .icontext{
        font-size: 1em;
        padding-top: 0;
    }

    h2.blockHead.biggerHead, h3.blockHead{font-size: 2em; text-transform: uppercase}
    hr.divider{margin: 0 auto 30px auto;}

    /*.colorBlockColor{max-height: 240px; height: 240px;}
    .colorBlockText{max-height: 240px; height: 240px;}*/
    .colorBlockText p{
        font-size: 1em;
        line-height: 1.4em;

    }

    a.btnStd, button.btnStd{
        display: block;
        text-align: center;
        width: 100%;
    }

    /*leistungen*/
    .sectionShortinfo .innerWrp img{
        max-width: 50%;
    }


    /*portfolio seite*/
    .portfolioMobileImages .col-xs-6{
        width: 100%;
        float: none;
        padding-left: 0;
        padding-right: 0;
    }

}

/* ############################# scroll trigger css ############################# */

.fromTopIn {
    -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
    -moz-transition: transform 1s ease, opacity 1s ease, -moz-transform 1s ease;
    -o-transition: transform 1s ease, opacity 1s ease, -o-transform 1s ease;
    transition: transform 1s ease, opacity 1s ease;
    transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1
}

.fromBottomIn, .fromTopOut {
    -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
    -moz-transition: transform 1s ease, opacity 1s ease, -moz-transform 1s ease;
    -o-transition: transform 1s ease, opacity 1s ease, -o-transform 1s ease
}

.fromTopOut {
    transition: transform 1s ease, opacity 1s ease;
    transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    transform: translate(0, -10px);
    opacity: 0
}

.fromBottomIn {
    transition: transform 1s ease, opacity 1s ease;
    transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1
}

.fromBottomOut, .fromLeftIn {
    -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
    -moz-transition: transform 1s ease, opacity 1s ease, -moz-transform 1s ease;
    -o-transition: transform 1s ease, opacity 1s ease, -o-transform 1s ease
}

.fromBottomOut {
    transition: transform 1s ease, opacity 1s ease;
    transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;
    -webkit-transform: translate(0, 10px);
    -moz-transform: translate(0, 10px);
    -ms-transform: translate(0, 10px);
    -o-transform: translate(0, 10px);
    transform: translate(0, 10px);
    opacity: 0
}

.fromLeftIn {
    transition: transform 1s ease, opacity 1s ease;
    transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1
}

.fromLeftOut, .fromRightIn {
    -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
    -moz-transition: transform 1s ease, opacity 1s ease, -moz-transform 1s ease;
    -o-transition: transform 1s ease, opacity 1s ease, -o-transform 1s ease
}

.fromLeftOut {
    transition: transform 1s ease, opacity 1s ease;
    transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;
    -webkit-transform: translate(-10px, 0);
    -moz-transform: translate(-10px, 0);
    -ms-transform: translate(-10px, 0);
    -o-transform: translate(-10px, 0);
    transform: translate(-10px, 0);
    opacity: 0
}

.fromRightIn {
    transition: transform 1s ease, opacity 1s ease;
    transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1
}

.fromRightOut, .scaleUpIn {
    -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
    -moz-transition: transform 1s ease, opacity 1s ease, -moz-transform 1s ease;
    -o-transition: transform 1s ease, opacity 1s ease, -o-transform 1s ease
}

.fromRightOut {
    transition: transform 1s ease, opacity 1s ease;
    transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;
    -webkit-transform: translate(10px, 0);
    -moz-transform: translate(10px, 0);
    -ms-transform: translate(10px, 0);
    -o-transform: translate(10px, 0);
    transform: translate(10px, 0);
    opacity: 0
}

.scaleUpIn {
    transition: transform 1s ease, opacity 1s ease;
    transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1
}

.scaleDownIn, .scaleUpOut {
    -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
    -moz-transition: transform 1s ease, opacity 1s ease, -moz-transform 1s ease;
    -o-transition: transform 1s ease, opacity 1s ease, -o-transform 1s ease
}

.scaleUpOut {
    transition: transform 1s ease, opacity 1s ease;
    transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;
    -webkit-transform: scale(1.3, 1.3);
    -moz-transform: scale(1.3, 1.3);
    -ms-transform: scale(1.3, 1.3);
    -o-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
    opacity: 0
}

.scaleDownIn {
    transition: transform 1s ease, opacity 1s ease;
    transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1
}

.scaleDownOut {
    -webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
    -moz-transition: transform 1s ease, opacity 1s ease, -moz-transform 1s ease;
    -o-transition: transform 1s ease, opacity 1s ease, -o-transform 1s ease;
    transition: transform 1s ease, opacity 1s ease;
    transition: transform 1s ease, opacity 1s ease, -webkit-transform 1s ease, -moz-transform 1s ease, -o-transform 1s ease;
    -webkit-transform: scale(.7, .7);
    -moz-transform: scale(.7, .7);
    -ms-transform: scale(.7, .7);
    -o-transform: scale(.7, .7);
    transform: scale(.7, .7);
    opacity: 0
}

/* ############################# END : scroll trigger css ############################# */


/* COOKIE PLUGIN */

.divascookies {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #10313B;
    color: #FFF;
    display: none;
    z-index: 999999;
    text-transform: uppercase;
    font-size: 0.6em;
    font-weight: 600;
    box-shadow: 0 -3px 3px #000;
}

.divascookies > .divascookies-banner-container {
    position: relative;
    padding: 15px 20px;
    overflow: hidden;
    text-align: center;
}

.divascookies p.divascookies-banner-text {
    position: relative;
    line-height: 1.3em;
    font-size: 1.4em;
    display: inline-block;
    padding: 0 10px 0 0;
}

span.divascookies-policy-link {

}

span.divascookies-policy-link a {
    white-space: nowrap;
    color:#0083A5;
}

span.divascookies-policy-link a:hover {
    text-decoration: underline;
    transition: color 0.3s ease 0s;
}

.divascookies-banner-container > .divascookies-accept-button-container {
    display: inline-block;
    margin-top: 5px;
}

.divascookies-accept-button-container > .divascookies-accept-button-img {

}

.divascookies-accept-button-container > .divascookies-accept-button-text {
    font-size: 1.3em;
    cursor: pointer;
    background: #f9fafc;
    color: #313131;
    padding: 7px 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    transition: background-color 0.3s ease 0s;
}

.divascookies-accept-button-container > .divascookies-accept-button-text:hover {
    background: #e3e4e6;
}

/* muli-200 - latin */
@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/muli-v20-latin-200.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/muli-v20-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/muli-v20-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/muli-v20-latin-200.woff') format('woff'), /* Modern Browsers */
    url('../fonts/muli-v20-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/muli-v20-latin-200.svg#Muli') format('svg'); /* Legacy iOS */
}
/* muli-regular - latin */
@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/muli-v20-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/muli-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/muli-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/muli-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/muli-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/muli-v20-latin-regular.svg#Muli') format('svg'); /* Legacy iOS */
}
/* muli-600 - latin */
@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/muli-v20-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/muli-v20-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/muli-v20-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/muli-v20-latin-600.woff') format('woff'), /* Modern Browsers */
    url('../fonts/muli-v20-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/muli-v20-latin-600.svg#Muli') format('svg'); /* Legacy iOS */
}
/* muli-800 - latin */
@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/muli-v20-latin-800.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/muli-v20-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/muli-v20-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/muli-v20-latin-800.woff') format('woff'), /* Modern Browsers */
    url('../fonts/muli-v20-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/muli-v20-latin-800.svg#Muli') format('svg'); /* Legacy iOS */
}