body {
  font-size:.8em;  
  line-height:180%;
  overflow-x:hidden;
  position:absolute;
  width:100%;
  color:#444;
  font-family: 'Droid Sans', sans-serif;
}

img {
  width:100%;
  height:auto;
}

.js #pageslide {
    /* These styles MUST be included. Do not change. */
    display: none;
    position: absolute;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    
    /* Specify the width of your pageslide here */
    width: 200px;
    padding: 20px;
    
    /* These styles are optional, and describe how the pageslide will look */
    background-color: #333;
    color: #FFF;
    -webkit-box-shadow: inset 0 0 5px 5px #222;
    -moz-shadow: inset 0 0 5px 5px #222;
    box-shadow: inset 0 0 5px 5px #222;
}

#pageslide ul {background:none;}

#pageslide ul li a {
  background:none;
  box-shadow:none;
  text-align:left;
}

.container {
  max-width:1125px;
  margin:0 auto;
}

header {
  float:left;
  background:#303030;
  width:100%;
  padding:0 4% 4%;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

.js .open {
  float:left;
  height:39px;
  width:46px;
  display:block;
  background:url(../open.png) 0 0 no-repeat;
  margin:16px 4% 0 0;
  text-indent:-9999px;
}

.open {
    display: none;
}

#logo {
  width:181px;
  background:url(../logo.png) top center no-repeat;
  display:block;
  height:83px;
  text-align:center;
  float:left;
  text-indent:-9999px;
  margin:0px 0 10px;
}

.js #navMain {
  display:none;
  padding:0;
  list-style:none;
}

#navMain li a {
  background:#D52D20;
  padding:4%;
  text-align:center;
  color:#FFF;
  text-decoration:none;
  width:100%;
  float:left;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  margin-bottom:1%;
}


#featuredContainer {
  float:left;
  width:100%;
  padding:4%;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}



#featuredContainer img {
  margin:4% 0;
  border: 10px solid #ece9d7;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  position:relative;
}

#content, #contentGrey {
  float:left;
  width:100%;
  padding:8% 4%;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

#contentGrey {
  background:#EAEAEA;
}

#content .row,
#contentGrey .row {clear:both;}

#content .row .col33,
#contentGrey .row .col33 {
  background:white;
  margin-bottom:8%;
  padding:4% 4% 6% 4%;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  position:relative;
  border-radius:3px;
  box-shadow:0 0 15px rgba(0,0,0,.05);
}

#content .row .col33:after,
#contentGrey .row .col33:after {
  content:'';
  height:10px;
  width:100%;
  display:block;
  background:url(../schatten.png) top center no-repeat;
  background-size:100% 100%;
  position:absolute;
  left:0;
  bottom:-10px;
}

#content .row h1,
#contentGrey .row h1 {
  font-size: 1.4em;
  margin-bottom:.2em;
}

#content .row p,
#contentGrey .row p {
  margin-top:0;
}

a.button {
  background: url("../bg_button.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
  border-color: #D94439 #CE3328 #D33429 !important;
  border-radius: 3px;
  border-style: solid !important;
  border-width: 1px !important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  color: #F5CECB !important;
  display: block;
  line-height: 19px;
  padding: 4%;
  position: relative;
  text-align:center;
  text-decoration: none;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.7);
  width: 100%;
}

#content .row a.button:hover,
#contentGrey .row a.button:hover {
  background: url("../bg_button_hover.png") repeat scroll 0 0 rgba(0, 0, 0, 0) !important;

  color: white !important;
}

#featuredContainer .container .row a,
#content .container a {
  color:#D52D20;
}

#featuredContainer .container .row a:hover,
#content .container a:hover {
  color:#EA7E76;
}

footer {
  float:left;
  border-top: 1px solid #111215;
  background:url(../bg_footer.png) repeat;
  color: #535961;  
  text-shadow: 0 1px 1px rgba(0,0,0,1);
  font-size:0.9em;
  width:100%;
  padding:4%;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  line-height:180%;
}

footer a {
    color: #535961;
    text-decoration: none;
}

footer a:hover { color:#bdc8cd; }

footer #navFooter {
  float:left;
  width:100%;
  border-top: 1px solid #282c30;
  margin-top: 2%;
  padding-top: 1%;  
}

footer #navFooter ul {
    list-style: none outside none;
    padding:0;
}
    
footer #navFooter li {
    float: left;
    border-right: 1px solid #282c30;
    margin-right: 15px;
    padding-right: 15px;
}

footer #navFooter li:last-child {border-right:0; margin-right:0; padding-right:0;}


/* Responsive */
/* TYPO3 Anpassung für Responsive */
DIV.csc-textpic-above DIV.csc-textpic-imagewrap,
DIV.csc-textpic-below DIV.csc-textpic-imagewrap,
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI,
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {
  float: none;
}

.csc-textpic-caption {
  font-size:0.85em;
  text-align:center;
}

.tab60 {
    float: left;
    width: 60px;
}

.tab140 {
    float: left;
    width: 140px;
}

.responsiveContainer {
  position: relative;
  padding-bottom: 56%;
  height: 0;
  overflow: hidden;
}

.responsiveContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


@media screen and (min-width:500px) {
  
  body {font-size:0.95em;}
  
  #navMain li a {
    padding:3%;
  }
  
  #content .row .col33,
  #contentGrey .row .col33 {
    padding:3% 3% 4% 3%;
  }

  footer {font-size:0.8em;}

}

@media screen and (min-width:550px) {
  
  body {font-size:1em;}
  
  #featuredContainer {padding-top:2%;}
  
  #content .row .col33,
  #contentGrey .row .col33 {
    padding:2.5% 2.5% 3.5% 2.5%;
  }

}

@media screen and (min-width:620px) {

  #pageslide, .open {display:none !important;}
  
  #navMain {display:block !important;}  
  
  header {
    padding-top:15px;  
    padding-bottom:0;  
  }
  
  #logo {
    float:left;
    margin-bottom:0;  
  }
  
  
  #navMain {
    width:100%;
    float:left;  
    padding:1.5% 0 1.5%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    margin-bottom:0;
    border-radius:3px 3px 0 0 ;
  }
  
  
  
  #navMain li {
    float:left;
    width:auto;
    margin-right:1%;
  }
  
  
  
  #navMain li a {
    padding: .8em 1em .7em;
  }
  
  
  
  #featuredContainer {
    padding-bottom:0;  
  }
  
  #featuredContainer img {margin:3% 0 0;}
  
  #content {padding:2% 4% 0 4%;}
  #contentGrey {padding:4% 4% 0 4%;}
  
  
  
  #content .row .col33,
  #contentGrey .row .col33 {
    float:left;
    width:48%;  
    margin-right:4%;
    margin-bottom: 4%;
    padding:2% 2% 3% 2%;
  }
  
  #content .row .col33:nth-of-type(even),
  #contentGrey .row .col33:nth-of-type(even) {
    margin-right:0;  
  }

  footer section {
    width:48%;  
    margin-right:4%;
    float:left;  
  }
  
  footer section:last-child {margin-right:0;}
  
}

@media screen and (min-width:720px) {
  
  #featuredContainer img {margin:2% 0 0;}
  
  footer section {
    width:26%;  
    margin-right:4%;
    float:left;  
  }
  
  footer section:last-child {width:40%;margin-right:0;}
  
}

@media screen and (min-width:820px) { 
  
  
  #navMain {padding: 1% 0 .7%;}
  
  #navMain li a {padding: .8em 1.5em .7em;}

/*
  #featuredContainer .slider {
    float:left;
    width:65.33333333333333%;
    margin:1% 0 4%;
  }
  
  #featuredContainer section {
    float:right;
    width:30.666666666666664%;
    margin-top:1%;  
    padding-left:4%;
  }
*/

/* TEST CG */
  
  #featuredContainer .col66 {
    float:left;
    width:65.33333333333333%;
    margin:1% 0 4%;
  }
  
  #featuredContainer .col33 {
    float:right;
    width:30.666666666666664%;
    margin-top:1%;  
    padding-left:4%;
  }


#featuredContainer .col50 {
  float:left;
  margin:1% 4% 4% 0;
/*  min-height:1px; */
}

#featuredContainer .col50{width:48%}

#featuredContainer .last{margin-right:0}

/* TEST CG */
  
/* TEST CG */

  #content .row .col33,
  #content .row .col33:nth-of-type(even),
  #contentGrey .row .col33,
  #contentGrey .row .col33:nth-of-type(even) {
    width:30.666666666666664%;  
    float:left;
    margin-right:4%;
    padding:1.2% 1.2% 2.2% 1.2%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
  }

  #content .row .col33:nth-of-type(3n+3),
  #contentGrey .row .col33:nth-of-type(3n+3) {
    margin-right:0;  
  }

  #content .row .col50,
  #content .row .col50:nth-of-type(even),
  #contentGrey .row .col50,
  #contentGrey .row .col50:nth-of-type(even) {
    width:48%;  
    float:left;
    margin:1% 4% 4% 0;
  }

  #content .row .col50:nth-of-type(2n+2),
  #contentGrey .row .col50:nth-of-type(2n+2) {
    margin-right:0;  
  }

/* TEST CG */

  footer {padding:2% 4%;}
  
}


@media screen and (min-width:960px) {
  
  #logo {margin-bottom:20px;}
  
  #navigation {
    float:right;
    max-width:76%;
  }
  
  #navMain li {margin:0;}
  
  #navMain li a {color:#dbe4e7; background:none; /* #D52D20 */ }
  
  #navMain li a:hover {color:#FFF; background: #D52D20;}
  
  footer section {
    width:30.666666666666664%;  
    margin-right:4%;
    float:left;  
  }
  
  footer section:last-child {width:65.333333333333336%;margin-right:0;}

}





/*
.row{width:100%;margin:0 auto;overflow:hidden}

.sub5x20, .sub4x25,.twofivecol,.threecol,.threethreecol,
.fourcol,.fivecol,.sixcol,.sevencol,.sevenfivecol,
.tencol {margin-right:3.8%;float:left;min-height:1px}

.row .sub5x20{width:16.96%}
.row .sub4x25{width:22.15%}
.row .twofivecol{width:24.05%}
.row .threecol{width:28.86%}
.row .threethreecol{width:30.8%}
.row .fourcol{width:38.48%}
.row .fivecol{width:48.1%}
.row .sixcol{width:57.72%}
.row .sevencol{width:67.34%}
.row .sevenfivecol{width:72.15%}
.row .tencol{width:100%}

.last{margin-right:0}
*/


.flexslider {
    background: none repeat scroll 0 0 #fff;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin: 0 0 10px;
    position: relative;
}

.tx-ws-flexslider .caption-align-left .caption-text {
    display: none;
}

/* EFRE */
#c160 .col50 {margin-bottom: 0 !important;}
#c163 .col100 {clear:left;}




/* latin */
@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/droidsans.html') format('woff2'), /* Super Modern Browsers */
}