/*
grünblau    = #A2BBBE
marine      = #626872
hellgrau    = #F5F5F5
braungrau   = #ECEBE9
dunkelgrau  = #313233
hellschwarz = #1F1F1F
rot         = #DC391E
orange      = #ECC3B4
gelb        = #F5D526 (aus dem Bild)
*/

.nbito-client #tpl-body-content p{ text-align: justify; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }


#tpl-header{background-color:#fff;}

.nbito-fixed{position:fixed;top:0;z-index:102;left:0;right:0;}
#tpl-fixed-header{background-color:#fff;border-bottom:1px rgba(150,150,150,.7) solid;}

/*
#tpl-navigation{background-color:#ECEBE9; color:#fff; border-bottom: 3px #fff solid; min-height:40px;}
#tpl-navigation-content{background-color:inherit;}
#tpl-navigation-content a{color:#fff !important;}
*/
#tpl-slider_overlay{position:absolute; height:100%; height:auto; z-index:101; pointer-events:none; padding-bottom:0 !important; -webkit-transform:translateY(-130%); -ms-transform:translateY(-130%); transform:translateY(-130%);}
#tpl-slider_overlay-content{width:100%;}

#tpl-body{background-color:#F5F5F5;border-top: 7.5px white solid;}

#tpl-body-2{background-color:#ECEBE9;border-top: 7.5px #fff solid;}

#tpl-footer{background-color:#313233; color:#ccc; border-top: 7.5px #fff solid; border-bottom: 1px #1F1F1F solid;}
#tpl-footer a{color:#fff !important;}
#tpl-footer h1,
#tpl-footer h2,
#tpl-footer h3{color:#777777;font-size: 1.7em;}

#tpl-footer-2{background-color:#1F1F1F; color:#777777; font-size: 0.8em; border-top: 1px #313233 solid;}
#tpl-footer-2 a{color:#777777 !important; font-size: 0.8em;}


#tpl-infos{position:fixed;top:130px; right:-330px;width:auto;display:inline-block;z-index:1001;transition: all 1s;overflow:hidden;}
#tpl-infos img{margin: 7.5px !important; margin-left:0 !important;margin-right:20px !important;}
#tpl-infos:hover{right: 0;}
#tpl-infos .nbito-tile-front{height:67px;}

#tpl-container > .nbito-container{position:relative;}
#tpl-slider_overlay,
#tpl-slider_overlay-content{position:absolute;top:0;bottom:0;left:0;right:0;}

#tpl-slider_overlay-content > .nbito-container,
#tpl-slider_overlay-content > .nbito-container > .nbito-output-container,
#tpl-slider_overlay-content > .nbito-container > .nbito-output-container > div,
#tpl-slider_overlay-content .nbito-tile,
#tpl-slider_overlay-content .nbito-tile-front{ height:100%; max-height:399px; min-height:100%;}
#tpl-slider_overlay-content .nbito-tile-front{background-color: transparent;}
#tpl-slider_overlay-content > .nbito-container > .nbito-output-container:nth-of-type(2){opacity:.9;background-color:#6599FF;}
#tpl-slider_overlay{-webkit-transform:translateY(0%) !important; -ms-transform:translateY(0%) !important; transform:translateY(0%) !important;}



/* Responsive Einstellungen */

.nbito-display-s #tpl-slider_overlay,
.nbito-display-xs #tpl-slider_overlay{display:none !important;}

.nbito-display-xl .nbito-client #tpl-slider_overlay{ left:50%; margin-left: -600px !important;}
.nbito-display-l .nbito-client #tpl-slider_overlay{ left:50%; margin-left:-496px !important;}
.nbito-display-s .nbito-client #tpl-slider_overlay,
.nbito-display-xs .nbito-client #tpl-slider_overlay{ padding-bottom:0; }

.nbito-display-s .nbito-client #tpl-infos:hover,
.nbito-display-xs .nbito-client #tpl-infos:hover{right:-330px;}

.nbito-display-s .nbito-client #tpl-body-content .nbito-output-container > div,
.nbito-display-xs .nbito-client #tpl-body-content .nbito-output-container > div{ padding:0;}

.nbito-display-s h1, 
.nbito-display-xs h1,
.nbito-display-s h2, 
.nbito-display-xs h2,
.nbito-display-s h3, 
.nbito-display-xs h3,
.nbito-display-s p, 
.nbito-display-xs p{text-align:left !important;} 
.nbito-display-s .nbito-space, 
.nbito-display-xs  .nbito-space{padding:7.5px !important}
.nbito-display-s .nbito-trim, 
.nbito-display-xs  .nbito-trim{margin:-7.5px !important}
.nbito-display-s #tpl-header-content .nbito-navigation, 
.nbito-display-xs #tpl-header-content .nbito-navigation{background-color:#ECEBE9;padding:0 !important;}

/*************************************************\
 Cookie Hint
\*************************************************/

#individual-cookie-hint-container {
box-shadow: 0 -2px 2px 0 rgba(0,0,0,.16) !important;
}

#individual-cookie-hint-container .nbito-client {
    background-color: #E6441F !important;
}

#individual-cookie-hint-container .nbito-display-xl, #individual-cookie-hint-container .nbito-xl-size-xl {
    min-width: 100% !important;
    padding: 0px 35px 0px 35px !important;
}

#individual-cookie-hint-container img {
    line-height: 1;
    display: block;
    float: left; 
    margin-right: 10px;
    margin-bottom: 10px;
}

#individual-cookie-hint-container .nbito-button {
    color: #fff !important;
    border: 2px #EE7F00 solid;
    background-color: #E6441F !important;
    font-size: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 4px;
}

#individual-cookie-hint-container .nbito-button:a {
    color: #fff !important;
}

#individual-cookie-hint-container .nbito-button:hover {
    color: #fff !important;
    background-color: #EE7F00 !important;
}