<?php
  header("Content-type: text/css; charset: UTF-8");

  include 'farbschema_emago.php';

?>


/* Schriften */

h1, h2, h3, h4, h5, h6, .section-title {
    text-transform: none;color:#444!important;
}


/* roboto-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    @import url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    @import url('../fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
    @import url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    @import url('../fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}


/* NAVIGATION */

/*  Hauptmenüpunkte / farbe / verlauf wird nicht angenommern ??!  --  */


.header-standard-2{background:#ffb200!important;}

.navbar-wp .navbar-nav > .open > a, .navbar-wp .navbar-nav > .open > a:hover, .navbar-wp .navbar-nav > .open > a:focus {
    background: #197448!important; /* Old browsers */
    background: -moz-linear-gradient(top,  #197448 0%, #4ea26e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #197448 0%,#4ea26e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #197448 0%,#4ea26e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#197448', endColorstr='#4ea26e',GradientType=0 ); /* IE6-9 */
    
/* Hintergrundfarbe Hauptmenue */
    /* background:<?php echo $menue_level_0_hintergrund; ?>!important; */
    background:#666!important;
    border-color: <?php echo $menue_level_0_linie_oben_farbe; ?>;
    color: #fff;
}

.navbar-wp .navbar-nav > li > a:hover, .navbar-wp .navbar-nav > li > a:focus {
         /* background: <?php echo $menue_level_0_hintergrund_aktiv; ?>!important; */
         
         border-color: <?php echo $menue_level_0_linie_oben_farbe; ?>;
         
}    


/* Schriftfarbe Hauptmenue */
.navbar-wp .navbar-nav > li > a {
        color: <?php echo $menue_level_0_text ?>;
}

/*
.row {
    margin: 0px;
}
*/

/* LAYOUT Weiss mit Schatten */

.white h1, .white h2, .white h3, .white h4, .white h5, .white h6 {
    color: <?php echo $weiss_ueberschrift; ?>!important;
	}
    
.white p {
    color:<?php echo $weiss_text; ?>!important;
    font-size:15px;
}

.white b {
    color: <?php echo $weiss_fett; ?>;
}

.white .feature-icon  {
    background: <?php echo $base_hintergrund; ?> none repeat scroll 0 0;
}

.white b    a {  
    color: <?php echo $weiss_link; ?>!important;
}

.base {
    background: <?php echo $base_hintergrund; ?>; 
    /*
    background:#fffaee!important;
    */
    
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#666666+0,595959+80,474747+99 */

background: rgb(102,102,102); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(102,102,102,1) 0%, rgba(89,89,89,1) 80%, rgba(71,71,71,1) 99%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(102,102,102,1) 0%,rgba(89,89,89,1) 80%,rgba(71,71,71,1) 99%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(102,102,102,1) 0%,rgba(89,89,89,1) 80%,rgba(71,71,71,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#474747',GradientType=0 ); /* IE6-9 */


}

.base .strong {
    color:       <?php echo $base_ueberschrift; ?>!important;
    font-weight: bold!important;
    
}

.base, .base h1, .base h2, .base h3, .base h4, .base h5, .base h6 {
    color: <?php echo $base_ueberschrift; ?>!important;
	}

.base p {
    color:<?php echo $base_text; ?>!important;
    font-size:15px;
}

.base b {
    color:<?php echo $base_fett; ?>!important;   
}

.base a, .base i {
   color:<?php echo $base_fett; ?>!important;
}

.base .feature-icon  {
    background: <?php echo $weiss_ueberschrift ?> none repeat scroll 0 0;
}


.base h2 {color:#ccc!important;}

.base2 {background:  /* #FCE3B0   */  #fff !important;}
.base3 {background:#ffb200!important;}
.base3 h2{color:#fff!important;}


/* DOn FOOTER */


footer {
    min-height: 30px;
    
    padding-top: 15px;
   
}

/* damit die der schwarze Balken unten steht */ 
footer {
        padding-bottom: 0px;
}

footer .col ul li  {
    color: <?php echo $footer_schriftfarbe; ?>;
}

footer a  {
    color: <?php echo $footer_schriftfarbe_link; ?>;
}

footer h1, h2, h3, h4, h5, p  {
  color:#666!important;font-weight:200!important;
}

footer hr {
    border-top: 0px solid #fff!important;
}

footer .copyright {
    color: <?php echo $footer_schriftfarbe; ?>;
}


/* don 1303-2017 test */

footer .col-md-3 {padding:0 0 15px 0!important;}


/* test don 1003-2017 */
.header-standard-2{background:#ffb200!important;border:0;


}

/* tests don intern 1003    

.don-testlinie{border:2px dotted green!important;}

*/

/* 
.nav {background:#00ff00!important;}
*/


.navbar {background:#ffb200!important;}


#c1{
    width: 1170px;

    margin-left: auto;
    margin-right: auto;
   /* padding-left: 15px;
    padding-right: 15px;
    */

   
}
#c1 p, #c1 h2{ color:#888!important;padding:20px 0!important;}

.seitentitel{background:#eee!important;}
.seitentitel p,  .seitentitel p > a{color:#444!important;}

.footer {

/* background:#222!important; */

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c4c4c+0,595959+15,4f4f4f+34,2b2b2b+100 */

background: rgb(76,76,76); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(76,76,76,1) 0%, rgba(89,89,89,1) 15%, rgba(79,79,79,1) 34%, rgba(43,43,43,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 15%,rgba(79,79,79,1) 34%,rgba(43,43,43,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 15%,rgba(79,79,79,1) 34%,rgba(43,43,43,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#2b2b2b',GradientType=0 ); /* IE6-9 */

}


.footer a:hover{color:#00ff00;}

---

li.dopdown {}

li.dropdown-submenu{background:#FFB200!important;}5
li.dropdown-submenu a:hover{background:#00ff00!important;}

#layerslider{height:550px!important;}


.bg-base {background: /* #FFB200!important; */ 

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#666666+0,595959+80,474747+99 */

background: rgb(102,102,102); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(102,102,102,1) 0%, rgba(89,89,89,1) 80%, rgba(71,71,71,1) 99%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(102,102,102,1) 0%,rgba(89,89,89,1) 80%,rgba(71,71,71,1) 99%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(102,102,102,1) 0%,rgba(89,89,89,1) 80%,rgba(71,71,71,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#474747',GradientType=0 ); /* IE6-9 */


}


.title-don-1{font-weight:100!important;}
.c-base{color:#FFB200!important;}
/* .bg-transparent{background:transparent!important;} */

/* test seitentitel 
.seitentitel {background:transparent!important;}
*/


/*
section.slice {
    padding:30px 0!important;
}
*/

h2.seitentitel {padding-bottom:0!important;}

.page5 .seitentitel {
        display:none!important;    
}


/*
ul.ce-bodytext{list-style-type:disc!important;}
ul.ce-textpic{list-style-type:disc!important;}
.ce-bodytext ul li, .ce-bodytext ul b  {color:#ff0000important;}
*/


.cta-wr h1 {
   /* 
   font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    margin: 10px 0 !important;
    text-transform: none;
    */
    letter-spacing:0.0523em!important;
    
    
}


.header-alpha .top-header {
    border-bottom: 0px solid #ffb200 !important;
    border-color: #ffb200 !important;
    background:#ffb200!important;
    opacity:0.9!important;
}

.navbar{background:transparent!important;}

.navbar-wp .navbar-nav > li > a:hover, .navbar-wp .navbar-nav > li > a:focus {
    background-color: #ffb200;
    color: #fff;
}


.header-cover .navbar-wp {
    position: absolute;
    top:42px;
    width: 100%;opacity:0.9!important;
}

.header-alpha .navbar-wp .navbar-inner {
    border-bottom:0!important;
}


.navbar-wp .navbar-nav > li > a {
    border-top:0!important;
    transition: all 0.25s ease-out 0s;
}

.header-alpha .navbar-wp .navbar-nav > li > a {
    /*
    font-family: "Roboto",sans-serif;
    font-size: 14px;
    margin-right: 0;
    padding: 28px 16px;
    text-transform: uppercase;
    */
    
    font-weight: 200;
}

.top-header .aux-text {
    font-size: 16px;
    padding: 10px 0;
}

.navbar {
    min-height:30px!important;
}

header .navbar-wp .navbar-brand img {
    height: 66px;
}


header .navbar-wp .navbar-brand {
    border: 0px solid transparent;
    border-radius: 3px;
    height: auto;
    margin-top: 1px;
    padding: 0 15px;
}


.header-alpha .navbar-wp .navbar-nav > li > a {
    /*
    font-family: "Roboto",sans-serif;
    font-size: 14px;
    margin-right: 0;
    text-transform: uppercase;
    */
     padding: 20px 14px;margin:0!important;
      font-size: 13px;
}

.navbar-toggle{background-color:#ffb200!important;color:#777!important;}
.navbar-toggle:hover, .navbar-toggle:focus {
    background-color: #ffb200;
    border-color: #ffb200;
}


.navbar-brand{margin:0!important;padding:0!important;}

.ce-bodytext{padding-bottom:1.0em!important;}
.ce-bodytext li, .base p{font-size:16px;}


 .title-lg{font-size:60px!important;color:#eee!important;} 
 
 /*
  h3.title{font-size:26px!important;letter-spacing:0.0854em!important;line-height:34px!important;border-radius:8px!important;}
*/


/*
.ls-l  c-white text-uppercase title-don-1
*/


.base .ce-bodytext p{color:#bbb!important;font-size:16px!important;}
.base .ce-bodytext b{color:#ddd!important;font-size:16px!important;letter-spacing:0.0389123em!important;font-weight:400!important;}
.base .ce-bodytext li{color:#ccc!important;font-size:16px!important;}
.base h4{color:#fff!important;}

.base2 h2{color:#666!important;}
.base2 .ce-bodytext p{color:#777!important;}
.base2 .ce-bodytext b{color:#666!important;}

.base3 .ce-bodytext p{color:#555!important;}
.base3 .ce-bodytext b{color:#777!important;}


hr{border-bottom:1px solid #ccc!important;}

footer hr{display:none!important;}

.carousel-3 .carousel-nav a.left {
    background: #ffb200!important;
}

.carousel-3 .carousel-nav a:hover {
    background: #00ff00 none repeat scroll 0 0 !important;
    color: #fff;
}


.animate-hover-slide .figure a {
    /* 
margin-top: -11px;
    position: relative;
    top: 94%;
    */
    color:#fff!important;
    
    
}


.animate-hover-slide .figure a:hover {
   
    color:#ffb200!important;
    
    
}


.estate .primary-image {
    border: 1px solid #aaa;
  
}


.estate .thumbnail-images a {
   
    border-color:#aaa!important;
   
}


.bg-base .animate-hover-slide a:hover{background:#ffb200!important;}


.animate-hover-slide .figure:hover .figcaption {background:#ffb200!important;
   
}


@media (max-width:1280px){
#c1{border:0px dotted red!important;width:98%!important;margin:0 7.0%!important;padding:30px 0!important;}

.navbar-wp .navbar-nav > li > a {
    background-color: #ffb200;
    color: #fff;opacity:1.0;
    padding:0.4em;
    font-size:11px!important;
   
}


}


@media (max-width:980px){
#c1{border:0px dotted red!important;width:98%!important;margin:0 7.0%!important;padding:30px 0!important;}

.navbar-wp .navbar-nav > li > a {
    background-color: #ffb200;
    color: #fff;opacity:1.0;
   
}


#layerslider {height:375px!important;border:0 dotted green!important;}

}


@media (max-width:761px){
#c1{border:0px dotted blue!important;width:96%!important;margin:0 10px!important;align:center!important;box-sizing:border-box!important;}


.header-alpha .top-header {
    height:40px;
}

.navbar-header{margin-top:0;padding-top:0;border:0;}

.header-cover .navbar-wp {top:40px;background:transparent!important;opacity:1.0!important;}

.navbar-wp .navbar-nav > li > a {
    background-color: #ffb200;
    color: #fff;opacity:1.0;
}


#layerslider {height:255px!important;border:0 dotted green!important;}

.navbar-brand img {width:75%!important;height:auto!important;}

.top-header{height:40px!important;}

}


@media (max-width:275px){
  #c1{border:0px dotted blue!important;width:96%!important;margin:0 10px!important;align:center!important;box-sizing:border-box!important;} 


.header-cover .navbar-wp {top:1px;background:transparent!important;}

.navbar-wp .navbar-nav > li > a {
    background-color: #ffb200;
    color: #fff;opacity:1.0;

}


.navbar-header{margin-top:0;padding-top:0;border:0;}

#layerslider {height:245px!important;border:0 dotted green!important;}


}


.base2 h2{color:#666!important;}
.base2 h3{color:#888!important;}


.slice{border:0!important;padding:15px!important;}
.footer{border:0!important;padding:15px!important;}

.animate-hover-slide{border:0 dotted green!important;margin-left:-12px!important;}