/* MOD 2021 mf
*********************************/
#c157, #c119, #body_4 #wrapper-1 .rightcontent{display: none;}
#produkte, .tx-mf-products{
  max-width: 960px;
  margin: 0 auto;
}
#tabs-menu-scroll{
  display: none;
}
.tab-content{
  display: block;
}
#c329, #c154, #c331, #c330 {
    max-width: 960px;
    margin: 0 auto;
}
/* MOD 2021 mf
*********************************/


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


/* maven-pro-500 - latin */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/maven-pro-v21-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/maven-pro-v21-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/maven-pro-v21-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/maven-pro-v21-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/maven-pro-v21-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/maven-pro-v21-latin-500.svg#MavenPro') format('svg'); /* Legacy iOS */
}

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

/* maven-pro-700 - latin */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/maven-pro-v21-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/maven-pro-v21-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/maven-pro-v21-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/maven-pro-v21-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/maven-pro-v21-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/maven-pro-v21-latin-700.svg#MavenPro') format('svg'); /* Legacy iOS */
}

/* maven-pro-600 - latin */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/maven-pro-v21-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/maven-pro-v21-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/maven-pro-v21-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/maven-pro-v21-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/maven-pro-v21-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/maven-pro-v21-latin-600.svg#MavenPro') format('svg'); /* Legacy iOS */
}

/* maven-pro-900 - latin */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/maven-pro-v21-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/maven-pro-v21-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/maven-pro-v21-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/maven-pro-v21-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/maven-pro-v21-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/maven-pro-v21-latin-900.svg#MavenPro') format('svg'); /* Legacy iOS */
}

/* maven-pro-800 - latin */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/maven-pro-v21-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/maven-pro-v21-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/maven-pro-v21-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/maven-pro-v21-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/maven-pro-v21-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/maven-pro-v21-latin-800.svg#MavenPro') format('svg'); /* Legacy iOS */
}



#c833 {
   position: relative; 
   display:none; 
   z-index:1;
}
#content-1col {
    margin-top: -91px !important;
}


/* Flexslider css aus fileadmin/res/tpl/ext/flexslider/Css/flexslider.1483616935.css */             
                /*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* Icon Fonts
*********************************/
/* Font-face Icons */


/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { 
    margin: 0; 
    background: #fff;  
    position: relative; 
    zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {
    *height: 0;
    display:none;                  
}
@media (min-width: 768px) {
    .flex-direction-nav {
        *height: 0;
        display:block;                  
    }
#c610 {
  padding-top: 3px;
}
}
.flex-direction-nav a  { 
        text-decoration:none; display: 
        block; width: 40px; 
        height: 40px; margin: -20px 0 0; 
        position: absolute; 
        top: 50%; z-index: 10; 
        overflow: hidden; 
        opacity: 0.8; 
        cursor: pointer; 
        color: rgba(0,0,0,0.8); 
        text-shadow: 1px 1px 0 rgba(255,255,255,0.3); 
        -webkit-transition: all .3s ease; 
        -moz-transition: all .3s ease; 
        transition: all .3s ease; 
}
.flex-direction-nav .flex-prev { left: 0; }
.flex-direction-nav .flex-next { right: 0; }
.flexslider .flex-prev:hover { opacity: 1; left: 0; }
.flexslider .flex-next:hover { opacity: 1; right: 0; }
.flexslider .flex-next:hover { opacity: 0.8; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; line-height:1; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */

.flex-control-nav li {margin: 0; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

.flexslider li::before {
    display: none;
}

.flexslider .flex-control-nav li a {
    background: #ded9d8 none repeat scroll 0 0;
    border-radius: 0;
    border-right: 1px solid #fff;
    box-shadow: none;
    height: 10px;
    width: 30px;
}
@media (min-width: 768px) {
    .flexslider .flex-control-nav li a {
        background: #ded9d8 none repeat scroll 0 0;
        border-radius: 0;
        border-right: 1px solid #fff;
        box-shadow: none;
        height: 10px;
        width: 82px;
    }
}
.flex-control-nav li a.flex-active, .flex-control-nav li a:hover {
    background: #0a78bd none repeat scroll 0 0;
}

.flexslider .flex-control-nav {
    background: #ded9d8 none repeat scroll 0 0;
    bottom: 0;
    height: 10px;
    left: 0;
    width: 100%;
    z-index: 100;
    font-size: 0;
    position: absolute; 
    text-align: center;
}
.flex-direction-nav a {
    /*background: #0a78bd url("../../../../../templates/images/btn-carousel.png") no-repeat scroll 0 0;*/
    background: #0a78bd url("../images/btn-carousel.png") no-repeat scroll 0 0;
    height: 59px;
    margin: -30px 0 0;
    overflow: hidden;
    text-align: left;
    text-indent: -1000px;
    width: 55px;
}
.flex-direction-nav a.flex-next {
    background-position: right 0;
}
.flex-direction-nav a:hover {
    opacity: 0.8;
}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}

/* ENDE - Flexslider css aus fileadmin/res/tpl/ext/flexslider/Css/flexslider.1483616935.css */

/* Start - Flexslider css aus fileadmin/res/tpl/ext/flexslider/Css/mods.1513339113.css deaktiviert und über global.css eingefügt */


.tx-ws-flexslider .caption-title { font-weight: bold; }
.tx-ws-flexslider .caption-body p { margin-bottom: 0px; }
.tx-ws-flexslider .caption-text { padding: 17px; }

.flexslider .slides img { height: auto; }

.introCarousel {
    display:none;
}
#body_2 .introCarousel {
    background-color: rgba(19, 19, 20, 0.5);
    bottom: 0;
    max-height: 474px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 43%;
    z-index: 1;
    display:none;
}

@media screen and (min-width: 861px) {
  
  .slides li div.captionwrapper { position: absolute; width: 350px; top:auto; bottom: 10px; }
  .slides li div.caption span { color: #fff; display: block; }
  .slides li div.caption .captiontitle { font-size: 18px; font-weight: bold; margin-bottom: 5px; text-align: right; }
  .slides li div.caption .captiontext { font-size: 12px; line-height: 15px; }
  
  
  .tx-ws-flexslider .caption-align-left .caption-text { left: 20px; }
  .tx-ws-flexslider .caption-align-left .caption-link { left: 20px; }
  .tx-ws-flexslider .caption-align-right .caption-text { right: 20px; }
  .tx-ws-flexslider .caption-align-right .caption-link { right: 20px; }
 /* .tx-ws-flexslider .caption-link::before {
     background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(10, 120, 189, 0.6) 0%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0; 
    bottom: 0;
    content: "";
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 20%;
}
.tx-ws-flexslider .caption-link::after {
    background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(10, 120, 189, 0.6) 100%) repeat scroll 0 0; 
    bottom: 0;
    content: "";
    display: inline-block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 20%;
}
*/
/*
  #content-head .csc-textpic-image::before {
    background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(10, 120, 189, 0.6) 0%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0;
    bottom: 0;
    content: "";
    display: inline-block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 20%;
}
#content-head .csc-textpic-image::after {
    background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(10, 120, 189, 0.6) 100%) repeat scroll 0 0;
    bottom: 0;
    content: "";
    display: inline-block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 20%;
}
*/
  .tx-ws-flexslider .caption-text { 
      position: absolute; width: 350px; top: 20px; background: rgba(255,255,255,0.9); }
  
  
  
  
}
.introCarousel .edito {
    float: right;
    padding: 48px 5px 0 0;
    width: 350px;
}
.introCarousel h2 .text-color {
    color: #0e5da5;
    display: block;
    font-family: arial;
    font-size: 16px;
    letter-spacing: 0.3px;
}

.introCarousel h2 {
    color: #fff;
    font-family: 'Maven Pro';
    font-size: 44px;
    font-weight: 500;
    letter-spacing: -0.5px;
    line-height: 1;
    margin: 0 0 13px;
    text-shadow: 2px 1px 0 rgba(0, 0, 0, 0.5);
}
.introCarousel .sep {
    background: #0a78bd none repeat scroll 0 0;
    content: "";
    display: block;
    height: 12px;
    margin: 0 0 25px;
    overflow: hidden;
    width: 32px;
}
.introCarousel .sep {
    background-color: #0e5da5;
}
.introCarousel .descriptionhome p {
    color: #fff;
    font-family: arial;
    font-size: 17px;
    line-height: 19px;
    margin: 0;
}
.introCarousel .btn-plus::before {
    background-color: #0e5da5;
}
.introCarousel .btn-plus::before {
    background: #0a78bd none repeat scroll 0 0;
    line-height: 0.8;
}
.introCarousel .btn-plus::before  {
    background-color: #0e5da5;
    box-shadow: 0.996px 0.087px 10px 0 rgba(1, 1, 1, 0.25);
    color: #fff;
    content: "+";
    display: block;
    font-family: 'Maven Pro';
    font-size: 20px;
    height: 20px;

    line-height: 0.8;
    
    text-align: center;
   
    transform: translateY(90%);
    width: 31px;
}
.introCarousel .btn-plus {
    font-size: 0;
    text-decoration: none;
    display: inline-block;
    line-height: normal;
    height: 20px;
}

/* ENDE - Flexslider css aus fileadmin/res/tpl/ext/flexslider/Css/mods.1513339113.css deaktiviert und über global.css eingefügt */




* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
*::before, *::after {
    box-sizing: border-box;
}
*::before, *::after {
    box-sizing: border-box;
}
div {
    box-sizing: border-box;
    text-align: left;
}
.clearfix::before,
.clearfix::after {
    content: " ";
    display: table;
} 
.clearfix::after {
    clear: both;
}
.clearfix {
    *zoom: 1; /* Für den IE6 und IE7 */
}
html, body {
    height: 100%;
}
body {
    text-align: center;
    font-family: Arial , sans-serif;
    font-weight: normal;
    font-size: 14px;
    color: #63615B;
}
/*
body#body_4 {
    background: url("../images/products_hg.gif") repeat-x;
}
*/
#body_4 .products-content{
    background: url("../images/products-content.gif") repeat-x;
    padding:0;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4{
    margin-bottom: 10px;
}
h2, .h2 {
    font-family: 'Maven Pro',sans-serif;
    color: #3c3d3d;
    font-size: 30px;
    font-weight: 500;
    line-height: 1;
}
@media (min-width: 868px) {
    h2, .h2 {
        font-family: 'Maven Pro',sans-serif;
        color: #3c3d3d;
        font-size: 30px;
        font-weight: 500;
        line-height: 1;
        margin-bottom: 8px;
    }
}
h2 span {
    color: #0e5da5;
}
h2 span, .h2 span {
    display: block;
    font-family: arial;
    font-size: 16px;
    font-weight: normal;
    word-spacing: 0;
    margin-bottom: 6px;
}

h2 sup {
    font-family: arial;
    font-size: 14px;
    font-weight: normal;
    line-height:12px;
}
h2 span.subs {
    display: block;
    font-family: arial;
    font-size: 14px;
    font-weight: normal;
    word-spacing: 0;
    margin-top:25px;
}
@media (min-width: 768px) {
    #body_108 full-container-white, #body_108 full-container {
       padding: 30px 0 0 0;
    }
    #body_108 #content-container .col-md-4 {
       padding: 0px 15px 0px 15px;
    }
    .reihe-1 h2 {
       min-height:100px;    
    }
    .reihe-2 h2 {
       min-height:70px;   
    }
    .reihe-3 h2 {
       min-height:160px;   
    }
    .reihe-1 .autoren {
          
    }
    .reihe-5 h2 {
       min-height:100px;    
    }
    .reihe-2 .autoren {
       min-height:178px;   
    }
    .reihe-3 .autoren {
       min-height:84px;   
    }
    .reihe-4 h2 {
       min-height: 130px;
    }
    .reihe-4 .autoren {
       min-height: 105px;
    }
    .reihe-5 .autoren {
       min-height: 42px;
    }
    .reihe-6 h2 {
       min-height: 100px;
    }
    .reihe-6 .autoren {
       min-height: 46px;
    }
}
h1, .h1 {
    font-family: 'Maven Pro', sans-serif;
    color: #3c3d3d;
    font-size: 45px;
    font-weight: 500;
    text-align: center;
}

#content-1col img {
    max-width:100%;
    height:auto;
}
#wrapper-1 {
    position: absolute;
    height: auto !important;
    min-height: 100%;
    height:100%;
    width: 100%;   
    z-index: 2;  
}
span.mark {
    color:#c6840c;
    font-weight: bold;
}
#header::before {
    background-color: #fff;
    content: "";
    display: inline-block;
    height: 32px;
    left: 0;
    position: absolute;
    top: 0;
    width: 50%;
}
#header {
    background: rgba(0, 0, 0, 0) url("../images/bg_header.gif") repeat-x scroll 0 0;
    height: 129px;
    position: relative;
}

@media (max-width: 1023px) {
    .header-top {
        background: rgba(0, 0, 0, 0) linear-gradient(135deg, #1069bb 0%, #4188ca 49%) repeat scroll 0 0;
        float: none;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
    }
    #header {
        height: auto;
    }
    #header .container {
        padding: 0;
        width: 100%;
        position:relative;
    }
    #header .container:after {
        content: " ";
        display: table;
    }
}
/* Text-Lupe */
.header-top .block {
    border-right: 0px solid #65adef;
    float: right;
    padding: 0 5px;
}
.header-top .block-block li {
    float: left;
    height: 30px;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.header-top .policeDown {
    border-right: 1px solid #65adef;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: inline-block;
    font-family: 'Maven Pro';
    font-size: 14px;
    line-height: 1.1;
    margin: 6px 5px 0;
    padding-right: 5px;
    text-align: center;
    text-transform: uppercase;
}
.header-top .policeDefault {
    border-right: 1px solid #65adef;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: inline-block;
    font-family: 'Maven Pro';
    font-size: 16px;
    line-height: 1.1;
    margin: 5px 5px 0;
    padding-right: 5px;
    text-align: center;
    text-transform: uppercase;
}
.header-top .policeUp {
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: inline-block;
    font-family: 'Maven Pro';
    font-size: 20px;
    line-height: 1.2;
    padding: 0 5px;
    text-align: center;
    text-transform: uppercase;
}
/* Suche */
.header-top .btn-search::before {
    background: rgba(0, 0, 0, 0) url("../images/sprite.png") no-repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 16px;
    left: 12px;
    position: absolute;
    top: 7px;
    width: 16px;
}
.header-top .btn-search {
    border-left: 1px solid #5091ce;
    border-right: 1px solid #5091ce;
    cursor: pointer;
    display: inline-block;
    float: right;
    height: 30px;
    position: relative;
    text-indent: -99999px;
    width: 45px;
    margin:0;
}
.header-top .french {
    border-left: 1px solid #61abf0;
    cursor: pointer;
    display: inline-block;
    float: right;
    height: 30px;
    position: relative;
    width: auto;
    margin:0;
    padding: 7px 7px 0 7px;   
}
.header-top .french a, .header-top .french a:link, .header-top .french a:visited, .header-top .french a:hover {
    color:#FFF;
}
.header-top .french img {
    position: relative;
    top: 1px;
    margin-left: 7px;
}
.logo {
    float: left;
    margin: 0 auto;
    padding: 30px 0 0 5px;
    width: 132px;
}
.logo img {
    padding: 5px 10px 10px 10px;
}
@media (min-width: 768px) {
#c734 {
    padding-top: 142px;
    
}
#c79 {
margin-top: 68px;
  padding-left: 40px;
  
}
}
@media (min-width: 940px) {
    #c83 {
      margin-top: -87px;
    }
}
@media (min-width: 1024px) {
    .logo img {
    padding: 0;
    
}
}
@media (max-width: 868px) {
    /* Hauptmenu */
    #main-menu.navigation {
        width: 100%;
        position: absolute;
        top:99px;
        z-index:10000;
    }
}
.navigation ul li a {
    background-color: #0e5da5;
    color: #FFF;
    display: block;
    font-family: 'Maven Pro';
    font-size: 20px;
    font-weight: bold;
    height: auto;
    line-height: 0.938;
    width: 100%;
    padding: 18px;
    text-align: left;
    text-decoration: none; 
}

.navigation ul li.menu16 a{
    background-color: #0e5da5; /* blau */
    color: #fff;
}
.navigation ul li.menu3 a{
    background-color: #9438a8; /* violett */
    color: #fff;
}
.navigation ul li.menu4 a{
    background-color: #65adef; /* hellblau */
    color: #fff;
}
.navigation ul li.menu5 a{
    background-color: #819f27; /* gruen */
    color: #fff;
}
.navigation ul li.menu6 a{
    background-color: #b69d5b; /* ocker */
    color: #fff;
}
.navigation ul li.menu7 a{
    background-color: #0e5da5; /* blau */
    color: #fff;
}
.navigation ul li.menu8 a{
    background-color: #dc8747; /* orange */
    color: #fff;
}
.navigation ul li.menu9 a{
    background-color: #b70f82; /* pink */
    color: #fff;
}
.navigation ul li.menu66 a{
    background-color: #65adef; /* pink */
    color: #fff;
}
.navigation ul li .second-menu li a {
    background-color: #ded9d8;
    color: #0e5da5;
    display: block;
    font-size: 18px;
    height: auto;
    line-height: 0.938;
    width: 100%;
    padding: 20px 10px 20px 50px;
    text-align: left;
    text-decoration: none; 
    
}
.navigation ul li .second-menu {
    display:none;
}
.navigation ul li.aktiv .second-menu {
    display:block;
}
.navigation ul li.subnav:hover .second-menu {
    display:block;
}
.navigation ul li.subnav:first-child:hover .second-menu {
    display:block;
}

#content-wrap-all {
    width: 100%;
    padding: 0;
}
/* Home Inhalt */
/*.focus1 {
    border-bottom: 1px solid #eae6e6;
}*/
.focus1 .item {
    border-right: 1px solid #eae6e6;
}
.focus1 .item:last-child {
    border-right: 0px solid #eae6e6;
}

.focus1 .item, #content-container .item {
    /*min-height: 281px;*/
    padding: 23px 23px 13px 23px;
}
@media (max-width: 868px) {
    .focus1 .item.easy {
        padding-right: 23px !important;
    }
}
#body_2 .focus1 .item {
   min-height: 0px;
}
@media (min-width: 768px) {
#body_2 .focus1 .item.fs-home-col {
  min-height: 430px;
}
#body_2 .focus1 .item {
  min-height: 340px;
}
#body_2 .focus1 .item.fs-home-col-2 {
  min-height: 340px;
}
}
.focus1 .item:first-child {
    border-bottom: 0px solid #eae6e6;
}
#block-drupalone-thea-home-focus1 .focus1, #block-drupalone-thea-home-focus2 .focus1 {
    border-bottom: 1px solid #eae6e6;
}
@media (min-width: 868px) {
    .focus1 .item:first-child {
        border-bottom: none;
    }
}
#block-drupalone-thea-home-focus2 .focus1 .item {
    border: none;
}
.focus1 .image {
    padding-right: 10px;
    width: 40%;
}
.pull-left {
    float: left !important;
}
.focus1 .introduction {
    width: 60%;
    padding-bottom:30px;
}
.pull-right {
    float: right !important;
}
#block-drupalone-thea-home-focus2 .focus1 .image {
    padding-right: 10px;
    width: 25%;
}
#block-drupalone-thea-home-focus2 .focus1 .introduction {
    padding-right: 10px;
    width: 75%;
}
.row {

}
#wrapper-1 .rightcontent {
    display:none;
}
@media (min-width: 868px) {
    #wrapper-1 .rightcontent {
        background-color: #4da4f3;
        bottom: 0;
        padding-top: 50px;
        position: absolute;
        right: 0;
        top: 0;
        display:block;
    }
    #wrapper-1 .rightcontent {
        background: #0e5da5; /* blau */
        padding-right:3px;
    }
}
/* Kategorie Farbe der headline */
#content-1col .parent-cat p{
    color: #65adef;
    font-size: 16px;
    text-align: center;
    margin:0;
    padding:0;
}
#body_16 #content-1col .parent-cat p{
    color: #0e5da5; /* dunkelblau */
}
p {
    color: rgb(101, 101, 101);
    font-size: 1em;
    line-height: 1.5em;
    margin: 0 0 15px;
    text-align: left;   
}
p sup, li sup {
    font-size: 10px;
    line-height: 1px;
}
#mf_products-categories-details .box p sup {
    font-size: 11px;
    line-height: 1px;
}
#container p.align-center {
    color: rgb(101, 101, 101);
    font-size: 1.39em;
    line-height: 1.111;
    text-align: center;
}
#content-1col {
    background: #fff none repeat scroll 0 0;
    margin: 0 auto;
    min-height: 230px;
    padding: 25px 0;
    position: relative;
    z-index: 10;
    width: 100%;
}
#body_4 #content-1col {
        background: transparent;
        padding: 0 0 25px 0;
        
    }
.full-container {
    padding: 30px 0;
    width: 100%;
}
@media (min-width: 868px) {
    .full-container {
        background-color: #eae6e6;
        padding: 30px 0;
        width: 100%;
    }
}
div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    float: none;
    margin:0;
}
.csc-textpic-intext-left-nowrap-350 .csc-textpic-text {
    margin-top: 20px;
    margin-left: 0;
}
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
    margin: 0 auto;
}
@media (min-width: 868px) {
    #content-1col {
        width: 720px;
    }
}
@media (min-width: 992px) {
    #content-1col{
        width: 960px;
    }
}
@media (min-width: 1024px) {
    #content-1col{
        width: 960px;
    }
    div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
        float: left;
        margin-right: 20px;
    }
    .csc-textpic-intext-left-nowrap-350 .csc-textpic-text {
        margin-top: 0;
        margin-left: 350px;
    }
    div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
        margin: 0;
    }
}
#body_5 div.csc-textpic-imagerow {
    overflow: hidden;
    width:240px;
    float:left;
    margin: 0 20px 20px 0;
}

/*RESET ALL: */

a:link {

    text-decoration: none;
}
a:visited {

    text-decoration: none;
}
a:hover {

    text-decoration: none;
}
a:active {

    text-decoration: none;
}
a:focus {
    outline:0;
}
a.internal-link, a.internal-link:link, a.internal-link:visited{

    text-decoration: none;
    font-size: 1em;
}
a.internal-link:hover{

    text-decoration: underline;
    font-size: 1em;
}
a.external-link-new-window, a.external-link-new-window:link, a.external-link-new-window:visited{

    text-decoration: underline;
    font-size: 1em;
}
a.external-link-new-window:hover{
    color: #0097be;
    text-decoration: underline;
    font-size: 1em;
}
a, a:focus {
    outline: medium none;
}
a {
    color: #0e5da5;
    text-decoration: none;
}
img {
    max-width: 100%;
    height: auto;
}
a img {
    border: 0;
}
#clearing {
    height:1px;
    line-height:1px;
    font-size:1px;
    clear:both;
    background:#525b52;
}
.align-justify{
    text-align: justify;
}
.align-center{
    text-align:center;
}
.align-right{
    text-align:right;
}
.contenttable td{
    vertical-align:top;
}
a.download, a.download:link, a.download:visited {
    position: relative;
    top: 0;
    padding-left:26px;
    background: url("../images/jpg.gif") no-repeat;
}
a.download:hover {
    text-decoration: underline;
}
ol {
    margin-left:9px; 
    padding-left:9px;
}
ul, li, ol, ul li.expanded, ul li.leaf {

    margin: 0;
    padding: 0;
}
.col-md-4 ul {
    list-style: none;
}
.leftcontent ul {
    list-style: square;
    padding-left:15px;
    margin:0;
}
.leftcontent ol {
    padding-left:15px;
    margin:0;
}
.leftcontent li {
    padding:4px;
    line-height: 1.5;
}
/*  TODO: auf 10px - css-Einstellung fur vertikale Bildabstände - normalerweise im constant editor einzustellen, geht aber nicht im IE.  */
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
    margin:0px;
}
hr {
    border-color: #868a8a;
    border-style: solid;
    border-width: 0 0 1px;
    color: #000;
    margin: 18px 0;
}
/*navi Adaptiv*/ 
#togglepos {
    position:absolute;
    top: 45px;
    right:15px;
    display:block;
    width:44px;
    height:34px;
}
#toggleNavMain {
    position:relative;
    top: 0px;
    display:block;
    cursor:pointer;
    width:44px;
    height:34px;
}
.js #topNav {
    display:none;
}
#content-container  {
    padding:0 10px;
}
#content-container .col-md-4 {
    padding:0 15px 30px 15px;
}
#wrapper-1 #content-container span.btn-plus {
    font-size: 0;
}
.class-category {
    color: #0e5da5;
    font-size: 16px;
    margin-bottom: 6px;
}
#content-container li::before {
    content: "•";
    display: inline-block;
    padding: 0 5px;
}
#content-container li {
    line-height:1.4;
}
.btn-plus {
    height: 20px;
}
#wrapper-1 .btn-plus {
    color: #3c3d3d;
    display: inline-block;
    font-family: arial;
    font-size: 0;
    line-height: normal;
    padding-left: 45px;
    position: relative;
}
#body_4 #wrapper-1 .btn-plus {
    color: #3c3d3d;
    display: inline-block;
    font-family: arial;
    font-size: 0;
    line-height: normal;
    padding-left: 46%;
    position: relative;
}
@media (min-width: 480px) {
    #body_4 #wrapper-1 .btn-plus {
        padding-left: 40%;
    } 
}
@media (min-width: 992px) {
    #body_4 #wrapper-1 .btn-plus {
        padding-left: 43%;
    } 
}
#wrapper-1 .btn-plus-no {
    color: #3c3d3d;
    display: inline-block;
    font-family: arial;
    font-size: 0;
    line-height: normal;
    padding-left: 45px;
    position: relative;
}
#wrapper-1 .btn-plus::before, #wrapper-1 .btn-plus-txt::before {
    background-color: #0e5da5;
    box-shadow: 0.996px 0.087px 10px 0 rgba(1, 1, 1, 0.25);
    color: #fff;
    content: "+";
    display: block;
    font-family: 'Maven Pro';
    font-size: 20px;
    height: 20px;
    left: 0;
    line-height: 0.8;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 31px;
}
#body_108 #wrapper-1 .btn-plus::before, #wrapper-1 .btn-plus-txt::before {
    
    box-shadow: 0.996px 0.087px 10px 0 rgba(1, 1, 1, 0.25);
    color: #fff;
    content: "+";
    display: block;
    font-family: 'Maven Pro';
    font-size: 20px;
    height: 20px;
    left: 0;
    line-height: 0.8;
    position: absolute;
    text-align: center;
    top: -5px;
    transform: translateY(-50%);
    width: 31px;
}
#body_9 #wrapper-1 .btn-plus::before, #wrapper-1 .btn-plus-txt::before {
    
    box-shadow: 0.996px 0.087px 10px 0 rgba(1, 1, 1, 0.25);
    color: #fff;
    content: "+";
    display: block;
    font-family: 'Maven Pro';
    font-size: 20px;
    height: 20px;
    left: 0;
    line-height: 0.8;
    position: absolute;
    text-align: center;
    top: -5px;
    transform: translateY(-50%);
    width: 31px;
}
span.btn-plus::before {
    content: "";
    height: 12px;
}
#wrapper-1 .btn-plus-no::before {
    background-color: #0e5da5;
    box-shadow: 0.996px 0.087px 10px 0 rgba(1, 1, 1, 0.25);
    color: #fff;
    content: "";
    display: block;
    font-family: 'Maven Pro';
    font-size: 20px;
    height: 12px;
    left: 0;
    line-height: 0.8;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 31px;
}
/* flexible Medien CSS-Snippet wie im Listing 2 einfügen */
/* flexible Medien*/
img, embed, object, video {
    max-width: 100%;
    height: auto;
    width: auto;
}
/* Headerbild auf 100% */
#content-head img {
    width: 100%;
    height: auto;
}


/* CSS Styled Content Regeln überschreiben */
DIV.csc-textpic .csc-textpic-imagewrap FIGURE,
DIV.csc-textpic FIGURE.csc-textpic-imagewrap,
FIGCAPTION.csc-textpic-caption {
    display: block;
}
DIV.csc-textpic-left .csc-textpic-imagewrap {
    float: none;
}
DIV.csc-textpic DIV.csc-textpic-imagecolumn {
    display: inline-block;
    float: none;
    vertical-align: top;
}
#footer-wrapper {
    border-top: 1px solid #eae6e6;
}
#footer-wrapper .section {
    background: rgba(0, 0, 0, 0) url("https://www.theapharma.de/fileadmin/templates/images/bg_footer_mobil.jpg") no-repeat scroll center 0;
}
@media (min-width: 480px) {
    #footer-wrapper > .section {
        background: rgba(0, 0, 0, 0) url("https://www.theapharma.de/fileadmin/templates/images/bg_footer.jpg") no-repeat scroll center 40px;
    }
}
.content-bottom {
    height: 300px;
    padding-top: 20px;

}
.content-bottom .container {  
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    display:block;
}
.sec-menu .container {
    padding: 0 10px;
    width:100%;
}
article {
    display: block;
}
address {
    font-style: normal;
    line-height: 1.42857;
    margin-bottom: 20px;
}
address h3 {
    color: #0a78bd;
    font-size: 21px;
    font-weight: bold;
    padding: 0 0 15px 0;
    font-family: 'Maven Pro',sans-serif;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
}
address .headline {
    color: #0a78bd;
    font-size: 21px;
    font-weight: 700;
    padding: 0 0 15px 0;
    font-family: 'Maven Pro',sans-serif;
    font-style: normal;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
}
address p {
    font-family: "Arial";
    color: #3c3d3d;
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
    margin: 0;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
}
.btn {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: inline-block;
    font-family: 'Maven Pro';
    font-size: 15px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
}
.btn-primary, .form-submit {
    background-color: #0e5da5;
    border: 0 none;
    color: #ffffff;
}
address .btn {
    margin-top: 20px;
    text-shadow: none;
}
.sec-menu {
    background-color: #e7e4e3;
    height: 47px;
    width: 100%;
}

ul.menu {
    border: medium none;
    list-style: outside none none;
    text-align: left;
}
.sec-menu ul {
    display: inline-block;
    font-size: 0;
    text-align: center;
    width: 100%;
}
.sec-menu ul li.leaf {
    border-right: 1px solid #d2d4d5;
    display: inline-block;
    padding: 16px 4px 16px 2px;
}
.sec-menu a, .sec-menu a:link, .sec-menu a:visited {
    color: rgb(60, 61, 61);
    font-family: 'Maven Pro';
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -0.5px;
    line-height: 1.071;
    text-align: center;
}
.sec-menu a:hover {
    text-decoration: underline;
}
#footer {
    padding: 39px 0 33px;
}
ul.footer-menu {
    border: medium none;
    list-style: outside none none;
    text-align: left;
    display:table;
}
#footer .menu-block-wrapper > .footer-menu > li {
    background: rgba(0, 0, 0, 0) url("../images/bg_sep_footer.png") no-repeat scroll 0 -6px;
    display: table-cell;
    width: 125px;
}
#footer .menu-block-wrapper > .footer-menu > li:first-child {
    background: none;
    display: table-cell;
    width: 125px;
}
#footer .menu-block-wrapper > .footer-menu > li > a {
    color: rgb(234, 230, 230);
    display: inline-block;
    font-family: 'Maven Pro';
    font-size: 14px;
    font-weight: bold;
    line-height: 0.938;
    min-height: 41px;
    padding: 0 5px 15px;
    vertical-align: text-top;
}
#footer .menu-block-wrapper .footer-menu li ul {
    height: 195px;
    padding: 5px;
}
ul.footer-menu {
    border: medium none;
    list-style: outside none none;
    text-align: left;
}
#footer .menu-block-wrapper .footer-menu li ul li {
    padding-top: 5px;
    padding-bottom: 5px;
}
#footer .menu-block-wrapper .footer-menu li ul li a {
    color: rgb(255, 255, 255);
    display: inline-block;
    font-family: "Arial";
    font-size: 13px;
    line-height: 1.1;
}
/* Mail-Formular */
#body_8 h1 {
    margin-top:15px;
}
.csc-mailform {
    width:100%;
    margin:0 auto;
}
@media (min-width: 868px) {
    .csc-mailform {
        width:60%;
        margin:0 auto;
    }
}
.csc-mailform .csc-form-element {
    border-bottom: 1px solid #eae6e6;
    clear: both;
    margin: 0 0 20px;
    padding: 0 25px 22px;
    position: relative;
    width: 100%;
}
.csc-mailform .csc-form-element.csc-form-2 {
    border-top: 1px solid #eae6e6;
    padding-top:15px;
}
label {
    display: inline-block;
    font-weight: bold;
    margin-bottom: 5px;
    max-width: 100%;
}
.csc-mailform label {
    color: #3c3d3d;
    display: block;
    font-family: 'Maven Pro';
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    margin: 0;
    padding: 0 0 10px 5px;
}
div.csc-mailform li label {
    max-width: 100%;
    width: 100%;
}
.csc-mailform div.selector {
    background-color: #eae6e6;
    height: 30px;
    line-height: 30px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100% !important;
}
.csc-mailform div.selector span {
    color: #d87327;
    cursor: pointer;
    display: block;
    font-family: arial;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding: 0 33px 0 8px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100% !important;
    -moz-user-select: none;
    width: 213px;
}

.csc-mailform div.selector span::before {
    background: #dd8747 none repeat scroll 0 0;
    bottom: 0;
    color: #fff;
    content: "+";
    display: inline-block;
    font-family: 'Maven Pro';
    font-size: 20px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 31px;
}

.csc-mailform div.selector select {
    background: #eae6e6 none repeat scroll 0 0;
    border: medium none;
    cursor: pointer;
    height: 30px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100% !important;
}
div.selector select {
    font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size: 12px;
}
.csc-mailform form input[type="text"] {
    background: #eae6e6 none repeat scroll 0 0;
    border: medium none;
    box-shadow: none;
    color: #d87327;
    font-family: arial;
    font-size: 16px;
    height: 30px;
    line-height: 1;
    margin: 0;
    outline: medium none;
    padding: 5px 8px;
    width: 100%;
}
.csc-mailform textarea {
    background: #eae6e6 none repeat scroll 0 0;
    border: medium none;
    color: #d87327;
    font-family: arial;
    font-size: 16px;
    height: 219px;
    padding: 8px;
    width: 100%;
}
.csc-form-15 label {
    display:none;
}

#checkboxlabelcontainer label {
    width: 80%;
    color: #656565;
    float: left;
    font-family: arial;
    font-size: 16px;
    font-weight: normal;
    line-height: 1;
    padding: 3px 16px 0 0;
    display:block;
    margin-left: 10px;
}
#uniform-edit-submitted-condition-1 {
    float: left;
    height: 20px;
    margin: 0;
    width: 20px;
}
div.checker span {
    
    height: 20px;
    width: 20px;    
    display: inline-block;
    text-align: center;
}
div.checker span.checked {
    
}
div.checker input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    display: inline-block;
    height: 18px;
    width: 18px;
}
input[type="search"], input[type="search"]:active {
    -moz-appearance: none;
}
.csc-form-22 {
    clear: both;
    padding: 0 26px;
    width: 100%;
    margin-bottom: 1em;
    margin-top: 1em;
}
.csc-mailform .form-submit {
    background: #dd8747 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: 'Maven Pro';
    font-size: 20px;
    font-weight: bold;
    height: 75px;
    outline: medium none;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
/*
.video-js {
    width:300px!important;
    height:200px!important;
}
.vjs-default-skin .vjs-big-play-button {
    left:90px!important;
    top:60px!important;
}
@media (min-width: 540px) {
    .video-js {
        width:510px!important;
        height:383px!important;
    }
    .vjs-default-skin .vjs-big-play-button {
        left:200px!important;
        top:150px!important;
    }
}
*/
/* Menu rechts - mobil zu klein laut search console - infocenter/trockene-augen/behandlung/ */
#wrapper-1 .rightcontent .menu-block-wrapper .menu a {
  font-size: 30px;
}
#wrapper-1 .rightcontent .menu-block-wrapper .menu li ul.second-menu li a {
        font-size: 30px;
    }
#wrapper-1 .rightcontent .menu-block-wrapper .menu li li {
  padding: 30px 0 ;
}
#wrapper-1 .rightcontent .menu-block-wrapper .menu a {
  font-size: 30px;
  }

/* Mail-Formular - Ende */
@media (min-width: 868px) {
    .logo {
        float: none;
        margin: 0 auto;
        padding: 30px 0 0 0;
        width: 132px;
    }
    #togglepos, #toggleNavMain {
        display: none;
    }
    #topNav, .js #topNav { 
        display:block;
        background: #FFF;
    }
    /* Hauptmenu */
    #main-menu.navigation {
        float: none;
        height: 99px;
        width: 100%;
        margin-top:-3px;
    }
    #main-menu {
        background: #ded9d8 none repeat scroll 0 0;
    }
    #main-menu .menu {
        margin: 0 auto;
        width: 870px;
    }
    .navigation ul li {
        border-right: 1px solid #d2d4d5;
        float: left;
        line-height: 1;
        list-style: outside none none;
        width: 94px; 
        height:68px;
    }
    .navigation .menu-block-wrapper ul li a {
        background-color: transparent;
        color: #3c3d3d;
        display: block;
        font-family: 'Maven Pro';
        font-size: 13px;
        font-weight: bold;
        height: 68px;
        line-height: 0.938;
        outline: medium none;
        padding: 22px 5px 0;
        text-align: center;
        text-decoration: none;
        width: 94px;
    }
    .navigation ul li:first-child {
        width: 115px;  
    }
    .navigation ul li:first-child a{
        width: 115px;  
        padding-left:24px;
    }
    /* erster Menu-Punkt */
    .navigation ul li:first-child a {
        background-image: url("../images/bg_first_item.png");
        background-repeat: no-repeat;
    }



    /* farbige Menu-Punkte  hover und Aktiv*/
    .navigation .menu-block-wrapper ul li a:hover, 
    .navigation .menu-block-wrapper ul li.aktiv a {
        background-color: #0e5da5; /* blau */
        color: #fff;
    }

    .navigation .menu-block-wrapper ul li.menu3 a:hover, 
    .navigation .menu-block-wrapper ul li.menu3.aktiv a  {
        background-color: #819f27; /* gruen */
        color: #fff;
    }
    .navigation .menu-block-wrapper ul li.menu4 a:hover, 
    .navigation .menu-block-wrapper ul li.menu4.aktiv a  {
        background-color: #9438a8; /*lila */
        color: #fff;
    }
    .navigation .menu-block-wrapper ul li.menu5 a:hover, 
    .navigation .menu-block-wrapper ul li.menu5.aktiv a  {
        background-color: #65adef; /* Hellblau */
        color: #fff;
    }
    .navigation .menu-block-wrapper ul li.menu6 a:hover, 
    .navigation .menu-block-wrapper ul li.menu6.aktiv a  {
        background-color: #b69d5b;
        color: #fff;
    }
    .navigation .menu-block-wrapper ul li.menu66 a:hover, 
    .navigation .menu-block-wrapper ul li.menu66.aktiv a  {
        background-color: #65adef; /* Hellblau */
        color: #fff;
    }
    .navigation .menu-block-wrapper ul li.menu7 a:hover, 
    .navigation .menu-block-wrapper ul li.menu7.aktiv a  {
        background-color: #0e5da5;
        color: #fff;
    }
    .navigation .menu-block-wrapper ul li.menu8 a:hover, 
    .navigation .menu-block-wrapper ul li.menu8.aktiv a  {
        background-color: #dc8747;
        color: #fff;
    }
    .navigation .menu-block-wrapper ul li.menu9 a:hover, 
    .navigation .menu-block-wrapper ul li.menu9.aktiv a  {
        background-color: #b70f82;
        color: #fff;
    }
    .navigation .menu-block-wrapper ul li.menu66 a:hover, 
    .navigation .menu-block-wrapper ul li.menu66.aktiv a  {
        background-color: #65adef;
        color: #fff;
    }
    /* 2. Hierarchie */
    .navigation .menu-block-wrapper ul li ul {
        background-color: #ded9d8;
        height: 31px;
        padding: 0;
        position: absolute;
    }
    /* 2. Hierarchie verschieben */
    .navigation .menu-block-wrapper ul li.menu16 ul {
        transform: translateX(-30%);
    }
    .navigation .menu-block-wrapper ul li.menu5 ul {
        transform: translateX(-30%);
    }
    .navigation .menu-block-wrapper ul li.menu66 ul {
        transform: translateX(-30%);
    }
    .navigation .menu-block-wrapper ul li ul.second-menu {
        display: table;
    }
    .navigation .menu-block-wrapper ul li ul.second-menu li {
        display: table-cell;
        padding: 0;
        border: none;
        width:auto;
    }
    .navigation .menu-block-wrapper ul li ul.second-menu li a {
        background-color: transparent;
        color: #3c3d3d;
        padding: 10px 10px 4px 10px;
        font-size:13px;
        font-family: arial;
        font-weight: normal;
    }
    ul.second-menu li a, ul.second-menu li.aktiv a {
        color: #3c3d3d;
        font-family: arial;
        font-size: 13px;
        text-decoration: none;
        white-space: nowrap;
        padding:0;
        font-weight: normal;
        height: auto;
        width:auto;
    }
    .navigation ul li ul.second-menu li a  {
        background-image: none;
    }
    /* 2 Hierarchie erstmal grau ohne hg */
    .navigation .menu-block-wrapper ul li.menu3.aktiv ul.second-menu li a,
    .navigation .menu-block-wrapper ul li.menu4.aktiv ul.second-menu li a,
    .navigation .menu-block-wrapper ul li.menu5.aktiv ul.second-menu li a,
    .navigation .menu-block-wrapper ul li.menu6.aktiv ul.second-menu li a,
    .navigation .menu-block-wrapper ul li.menu7.aktiv ul.second-menu li a,
    .navigation .menu-block-wrapper ul li.menu8.aktiv ul.second-menu li a,
    .navigation .menu-block-wrapper ul li.menu66.aktiv ul.second-menu li a,
    .navigation .menu-block-wrapper ul li.menu9.aktiv ul.second-menu li a {
        color: #3c3d3d;
        background-color: transparent;
        font-family: arial;
        font-weight: normal;
    }

    /* farbiges Untermenu hover und aktiv*/

    /* damit bei hover der 2. Hierarchie die 1. Hierarchie gefärbt ist. */
    .navigation .menu-block-wrapper ul li.menu16:hover ul.second-menu li a{
        color: #3c3d3d;/* grau */
        background-color: transparent;
    }
    .navigation .menu-block-wrapper ul li.menu16:hover a{
        background-color: #0e5da5; /* blau */
        color: #fff;
    }
    .navigation .menu-block-wrapper ul li.menu16 ul.second-menu li a:hover, 
    .navigation .menu-block-wrapper ul li.menu16 ul.second-menu li.aktiv a {
        color: #0e5da5;
        background-color: transparent;
    }
    /* ausgeblendete 2. Hierarchie einblenden  */
    .navigation .menu-block-wrapper ul li.menu16:hover ul.second-menu,
    .navigation .menu-block-wrapper ul li.menu16.aktiv ul.second-menu {
        display: block;
    }
    /* damit bei hover der 2. Hierarchie die 1. Hierarchie gefärbt ist. */
    .navigation .menu-block-wrapper ul li.menu3:hover ul.second-menu li a{
        color: #3c3d3d;/* grau */
        background-color: transparent;
    }
    .navigation .menu-block-wrapper ul li.menu3:hover a{
        background-color: #819f27; /* gruen */
        color: #fff;
    }
    .navigation .menu-block-wrapper ul li.menu3 ul.second-menu li a:hover, 
    .navigation .menu-block-wrapper ul li.menu3 ul.second-menu li.aktiv a {
        color: #819f27;
        background-color: transparent;
    }
    /* ausgeblendete 2. Hierarchie einblenden  */
    .navigation .menu-block-wrapper ul li.menu3:hover ul.second-menu,
    .navigation .menu-block-wrapper ul li.menu3.aktiv ul.second-menu {
        display: block;
    }
    /* damit bei hover der 2. Hierarchie die 1. Hierarchie gefärbt ist. */
    .navigation .menu-block-wrapper ul li.menu4:hover ul.second-menu li a{
        color: #3c3d3d;/* grau */
        background-color: transparent;
    }
    .navigation .menu-block-wrapper ul li.menu4:hover a{
        background-color: #9438a8; /* violett */
        color: #fff;
    }
    .navigation .menu-block-wrapper ul li.menu4 ul.second-menu li a:hover, 
    .navigation .menu-block-wrapper ul li.menu4 ul.second-menu li.aktiv a {
        color: #9438a8;
        background-color: transparent;
    }
    /* ausgeblendete 2. Hierarchie einblenden  */
    .navigation .menu-block-wrapper ul li.menu4:hover ul.second-menu,
    .navigation .menu-block-wrapper ul li.menu4.aktiv ul.second-menu {
        display: block;
    }
    /* damit bei hover der 2. Hierarchie die 1. Hierarchie gefärbt ist. */
    .navigation .menu-block-wrapper ul li.menu5:hover ul.second-menu li a{
        color: #3c3d3d;/* grau */
        background-color: transparent;
    }
    .navigation .menu-block-wrapper ul li.menu5:hover a{
        background-color: #65adef; /* hellblau */
        color: #fff;
    }
    .navigation .menu-block-wrapper ul li.menu5 ul.second-menu li a:hover, 
    .navigation .menu-block-wrapper ul li.menu5 ul.second-menu li.aktiv a {
        color: #65adef;
        background-color: transparent;
    }
    /* ausgeblendete 2. Hierarchie einblenden  */
    .navigation .menu-block-wrapper ul li.menu5:hover ul.second-menu,
    .navigation .menu-block-wrapper ul li.menu5.aktiv ul.second-menu {
        display: block;
    }
    /* damit bei hover der 2. Hierarchie die 1. Hierarchie gefärbt ist. */
    .navigation .menu-block-wrapper ul li.menu6:hover ul.second-menu li a{
        color: #3c3d3d;/* grau */
        background-color: transparent;
    }
    .navigation .menu-block-wrapper ul li.menu6:hover a{
        background-color: #b69d5b; /* ocker */
        color: #fff;
    }
    .navigation .menu-block-wrapper ul li.menu6 ul.second-menu li a:hover, 
    .navigation .menu-block-wrapper ul li.menu6 ul.second-menu li.aktiv a {
        color: #b69d5b;
        background-color: transparent;
    }
    /* ausgeblendete 2. Hierarchie einblenden  */
    .navigation .menu-block-wrapper ul li.menu6:hover ul.second-menu,
    .navigation .menu-block-wrapper ul li.menu6.aktiv ul.second-menu {
        display: block;
    }
    /* damit bei hover der 2. Hierarchie die 1. Hierarchie gefärbt ist. */
    .navigation .menu-block-wrapper ul li.menu7:hover ul.second-menu li a{
        color: #3c3d3d;/* grau */
        background-color: transparent;
    }
    .navigation .menu-block-wrapper ul li.menu7:hover a{
        background-color: #0e5da5; /* blau */
        color: #fff;
    }
    .navigation .menu-block-wrapper ul li.menu7 ul.second-menu li a:hover, 
    .navigation .menu-block-wrapper ul li.menu7 ul.second-menu li.aktiv a {
        color: #0e5da5;
        background-color: transparent;
    }
    /* ausgeblendete 2. Hierarchie einblenden  */
    .navigation .menu-block-wrapper ul li.menu7:hover ul.second-menu,
    .navigation .menu-block-wrapper ul li.menu7.aktiv ul.second-menu {
        display: block;
    }
    /* damit bei hover der 2. Hierarchie die 1. Hierarchie gefärbt ist. */
    .navigation .menu-block-wrapper ul li.menu8:hover ul.second-menu li a{
        color: #3c3d3d;/* grau */
        background-color: transparent;
    }
    .navigation .menu-block-wrapper ul li.menu8:hover a{
        background-color: #dc8747; /* orange */
        color: #fff;
    }
    .navigation .menu-block-wrapper ul li.menu8 ul.second-menu li a:hover, 
    .navigation .menu-block-wrapper ul li.menu8 ul.second-menu li.aktiv a {
        color: #dc8747;
        background-color: transparent;
    }
    /* ausgeblendete 2. Hierarchie einblenden  */
    .navigation .menu-block-wrapper ul li.menu8:hover ul.second-menu,
    .navigation .menu-block-wrapper ul li.menu8.aktiv ul.second-menu {
        display: block;
    }
    /* damit bei hover der 2. Hierarchie die 1. Hierarchie gefärbt ist. */
    .navigation .menu-block-wrapper ul li.menu9:hover ul.second-menu li a{
        color: #3c3d3d;/* grau */
        background-color: transparent;
    }
    .navigation .menu-block-wrapper ul li.menu9:hover a{
        background-color: #b70f82; /* pink */
        color: #fff;
    }
    .navigation .menu-block-wrapper ul li.menu9 ul.second-menu li a:hover, 
    .navigation .menu-block-wrapper ul li.menu9 ul.second-menu li.aktiv a {
        color: #b70f82;
        background-color: transparent;
    }
    /* ausgeblendete 2. Hierarchie einblenden  */
    .navigation .menu-block-wrapper ul li.menu9:hover ul.second-menu,
    .navigation .menu-block-wrapper ul li.menu9.aktiv ul.second-menu {
        display: block;
    }
     /* damit bei hover der 2. Hierarchie die 1. Hierarchie gefärbt ist. */
    .navigation .menu-block-wrapper ul li.menu66:hover ul.second-menu li a{
        color: #3c3d3d;/* grau */
        background-color: transparent;
    }
    .navigation .menu-block-wrapper ul li.menu66:hover a{
        background-color: #65adef; /* pink */
        color: #fff;
    }
    .navigation .menu-block-wrapper ul li.menu66 ul.second-menu li a:hover, 
    .navigation .menu-block-wrapper ul li.menu66 ul.second-menu li.aktiv a {
        color: #65adef;
        background-color: transparent;
    }
    /* ausgeblendete 2. Hierarchie einblenden  */
    .navigation .menu-block-wrapper ul li.menu66:hover ul.second-menu,
    .navigation .menu-block-wrapper ul li.menu66.aktiv ul.second-menu {
        display: block;
        width:390px;
    }
    .navigation .menu-block-wrapper ul li ul.second-menu {
        display:none;
    }
    /* Dreieck 2.Hierearchie */
    .navigation .menu-block-wrapper ul li.subnav:hover::after, 
    .navigation .menu-block-wrapper ul li.subnav.aktiv::after {
        border-color: transparent transparent #ded9d8;
        border-image: none;
        border-style: solid;
        border-width: 13px;
        bottom: 28px;
        content: " ";
        height: 0;
        left: 37%;
        pointer-events: none;
        position: absolute;
        width: 0;
        position:relative;
    }
    .navigation .menu-block-wrapper ul li ul li:hover::after,
    .navigation .menu-block-wrapper ul li ul li::after {
        display:none;
    }
    /*------- Menu rechts -------*/
    #wrapper-1 .rightcontent .menu-block-wrapper .menu li {
        color: #fff;
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 32px;
        margin-left: 0;
        padding: 0 0 0 30px;
        position: relative;
        list-style: outside none none;
    }
    #wrapper-1 .rightcontent .menu-block-wrapper .menu li::before {
        background-color: rgb(10, 120, 189);
        box-shadow: 0.996px 0.087px 10px 0 rgba(1, 1, 1, 0.25);
        color: #fff;
        content: "+";
        font-family: 'Maven Pro';
        font-size: 20px;
        font-weight: normal;
        height: 20px;
        left: -10px;
        line-height: 17px;
        position: absolute;
        text-align: center;
        top: 3px;
        width: 31px;
    }
    #wrapper-1 .rightcontent .menu-block-wrapper .menu a {
        color: #fff;
        font-size: 18px;
        font-weight: 500;
        text-decoration: none;   
    }
    #body_21 #wrapper-1 .rightcontent .menu-block-wrapper .menu a {
        color: #fff;
        font-size: 17px;
        font-weight: 500;
        text-decoration: none;   
    }
    #body_21 #wrapper-1 .rightcontent .menu-block-wrapper .menu li.aktiv a {
        color: rgba(255, 255, 255, 0.3);
        text-decoration: none;    
    }
    #wrapper-1 .rightcontent .menu-block-wrapper .menu a:hover {
        color: rgba(255, 255, 255, 0.3);
        text-decoration: none; 
    }
    #wrapper-1 .rightcontent .menu-block-wrapper .menu li.aktiv a {
        color: rgba(255, 255, 255, 0.3);
        text-decoration: none;   
    }
    #wrapper-1 .rightcontent .menu-block-wrapper .menu li ul.second-menu li a{
        color: #eae6e6;
        font-size: 14px;
        font-weight: normal;  
    }
    #wrapper-1 .rightcontent .menu-block-wrapper .menu li ul.second-menu li a:hover {
        color: rgba(255, 255, 255, 0.3);
        text-decoration: none;  
    }
    #wrapper-1 .rightcontent .menu-block-wrapper .menu li ul.second-menu li.aktiv a{
        color: rgba(255, 255, 255, 0.3);
        text-decoration: none;  
    }
    #wrapper-1 .rightcontent .menu-block-wrapper .menu li li::before {
        display:none;

    }
    #wrapper-1 .rightcontent .menu-block-wrapper .menu li li {
        padding:0;
    }
    #wrapper-1 .rightcontent .menu-block-wrapper .menu li li a {
        color: #eae6e6;
        font-size: 14px;
        font-weight: normal;
    }     
    #wrapper-1 .rightcontent .menu-block-wrapper .second-menu li {
        margin-bottom: 0;
        line-height: 17px;
    }
    /*---- Menu rechts ende -------*/
    .content-bottom .container {
        width: 720px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
        padding-right: 20px;
        display:table;
    }
    .sec-menu .container {
        padding: 0 20px;
        width:100%;
    }

} /* 868 - Ende - */
@media screen and (min-width: 992px) {
    .content-bottom .container {
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
        padding-right: 20px;
        width: 960px;
        display:table;
    }
    .sec-menu .container {
        padding: 0 20px;
        width:100%;
    }

}
@media screen and (min-width: 1024px) {
    #wrapper-1 {
        position: relative;
        margin: 0 auto;
        height: auto !important;
        min-height: 100%;
        height:100%;
        width: 100%; 
    }
    #header .container {
        width: 1050px;
    }
    .container {
        margin-left: auto;
        margin-right: auto;
        padding-left: 10px;
        padding-right: 10px;
        width: 960px;
        display:table;
        position:relative;
    }
    .header-top {
        background: rgba(0, 0, 0, 0) url("../images/bg_header_top.jpg") no-repeat scroll 0 0;
        float: left;
        height: 30px;
        position: relative;
        width: 816px;
    }
    .logo {
        float: left;
        padding: 15px 0 20px;
        position: relative;
        
    }
    #main-menu {
        background: none;
    }
    #main-menu.navigation {
        float: left;
        height: 99px;
        width: 880px;
        margin:0;
    }
    #main-menu .menu {
        margin: 0 auto;
        width: auto;
    }
    .navigation ul li {
        width: 94px;  
        
    }
    .navigation ul li:first-child {
        width: 125px;  
    }
    .navigation ul li:first-child a{
        width: 125px;  
        padding-left:26px;
    }
    .navigation ul li a {          
        font-size: 14px;
        padding: 22px 6px 0;
        width: 100px;
    }
    .navigation ul li .second-menu li a {          
        font-size: 14px;
        padding: 22px 6px 0;
        width: auto;
    }
    #content-head {
        -moz-user-select:none;
        position: relative;
        z-index: 5;
       
        overflow:hidden;
    } 
    .flexslider {
       
    }
    #content-1col {
        position:relative;
        width: 960px;
        margin: 0 auto;
        z-index:10;
        background: #FFF;
        min-height: 530px;
        padding: 25px 0;
    }
    #body_4 #content-1col {
        background: transparent;
        padding: 0 0 25px 0;
        
    }
    .full-container {
        width:100%;
        background-color: #eae6e6;
        padding: 30px 0; 
    }
    .full-container-white {
        width:100%;
        background-color: #FFF;
        padding: 30px 0; 
    }
    
    #content-container {
        margin: 0 auto;
        min-height: 300px;
        padding: 0;
        position: relative;
        width: 960px;
        z-index: 10;
    }
    /*------- Menu rechts -------*/
    #wrapper-1 .rightcontent .menu-block-wrapper .menu li {
        color: #fff;
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 32px;
        margin-left: -5px;
        padding: 0 0 0 40px;
        position: relative;
        list-style: outside none none;
    }
    #wrapper-1 .rightcontent .menu-block-wrapper .menu li::before {
        background-color: rgb(10, 120, 189);
        box-shadow: 0.996px 0.087px 10px 0 rgba(1, 1, 1, 0.25);
        color: #fff;
        content: "+";
        font-family: 'Maven Pro';
        font-size: 20px;
        font-weight: normal;
        height: 20px;
        left: -5px;
        line-height: 17px;
        position: absolute;
        text-align: center;
        top: 3px;
        width: 31px;
    }
    #wrapper-1 .rightcontent .menu-block-wrapper .menu a {
        color: #fff;
        font-size: 18px;
        font-weight: 500;
        text-decoration: none; 
        position:relative;
        padding-left:0;
        z-index:99;
    }
    #wrapper-1 .rightcontent .menu-block-wrapper .second-menu li a {
        margin-left:5px;
    }
    #body_21 #wrapper-1 .rightcontent .menu-block-wrapper .menu a, #body_3 #wrapper-1 .rightcontent .menu-block-wrapper .menu a {
        color: #fff;
        font-size: 17px;
        font-weight: 500;
        text-decoration: none;   
    }
    #body_21 #wrapper-1 .rightcontent .menu-block-wrapper .menu li.aktiv a {
        color: rgba(255, 255, 255, 0.3);
        text-decoration: none;    
    }
    #wrapper-1 .rightcontent .menu-block-wrapper .menu a:hover {
        color: rgba(255, 255, 255, 0.3);
        text-decoration: none; 
    }
    #wrapper-1 .rightcontent .menu-block-wrapper .menu li.aktiv a {
        color: rgba(255, 255, 255, 0.3);
        text-decoration: none;   
    }
    #wrapper-1 .rightcontent .menu-block-wrapper .menu li ul.second-menu li a{
        color: #eae6e6;
        font-size: 14px;
        font-weight: normal;  
    }
    #wrapper-1 .rightcontent .menu-block-wrapper .menu li ul.second-menu li a:hover {
        color: rgba(255, 255, 255, 0.3);
        text-decoration: none;  
    }
    #wrapper-1 .rightcontent .menu-block-wrapper .menu li ul.second-menu li.aktiv a{
        color: rgba(255, 255, 255, 0.3);
        text-decoration: none;  
    }
    #wrapper-1 .rightcontent .menu-block-wrapper .menu li li::before {
        display:none;

    }
    #wrapper-1 .rightcontent .menu-block-wrapper .menu li li {
        padding:0;
    }
    #wrapper-1 .rightcontent .menu-block-wrapper .menu li li a {
        color: #eae6e6;
        font-size: 14px;
        font-weight: normal;
    }     
    #wrapper-1 .rightcontent .menu-block-wrapper .second-menu li {
        margin-bottom: 0;
        line-height: 17px;
    }
    .content-bottom .container {
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
        padding-right: 20px;
        width: 960px;
        display:table;
    }
    .sec-menu .container {
        padding: 0 20px;
        width:100%;
    }
} /* - 1024 - Ende - */

@media screen and (min-width: 1050px) {
    .container-body-2 {
        margin-left: auto;
        margin-right: auto;
        padding-left: 10px;
        padding-right: 10px;
        width: 1150px;
        display:table;
        position:relative;
    }
#body_2 .content-bottom .container {
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
        padding-right: 20px;
        width: 1050px;
        display:table;
    }
}
@media screen and (max-width: 600px) {

    .csc-textpic-intext-right .csc-textpic-image {
        float: none;
        margin: 0;
        width: 100%;
    }        
}
/* footer bis 868 ausblenden */
@media (max-width: 890px) {
    .hidden-xs {
        display: none !important;
    }
}
@media (min-width: 868px) and (max-width: 950px){
    /* 2. Hierarchie verschieben */
    .navigation .menu-block-wrapper ul li.menu16 ul {
        left:100px;
    }
}
/* Contentelemente farblich alternierend */
@media (max-width: 868px) {
    #content-container {
        padding: 0;
    }
    #content-container .item {
        padding: 30px;
    }
    #content-container .item:nth-child(2n+1) {
        background-color: #eae6e6;
        /*padding: 30px;*/
    }

    /* flexible Medien CSS-Snippet wie im Listing 2 einfügen */

    /* CSS Styled Content Regeln überschreiben */
    DIV.csc-textpic .csc-textpic-imagewrap FIGURE,
    DIV.csc-textpic FIGURE.csc-textpic-imagewrap,
    FIGCAPTION.csc-textpic-caption {
        display: block;
    }
    DIV.csc-textpic-left .csc-textpic-imagewrap {
        float: none;
    }
    DIV.csc-textpic DIV.csc-textpic-imagecolumn {
        display: inline-block;
        float: none;
        vertical-align: top;
    }
    .csc-default {clear: both;}

    /* optional Anpassungen wie im Beispiel 1 einfügen */
}
/* responsive Anpassung für floatende Elemente - 0% Konservierungsmittel */
@media (max-width: 1024px) {
    /*  0% Konservierungsmittel */
    div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
        float: none;
    }
    .csc-textpic-intext-right-nowrap-413 .csc-textpic-text {
        margin-right: 0;
    }

    /*  Trockene Augen  */
    .csc-textpic-intext-left-nowrap .csc-textpic-text {
        margin-left: 0;
    }
}

/* Geschichte */
.row::before, .row::after {
    content: " ";
    display: table;
    clear: both;
}
.img-circle {
    border-radius: 50%;
}
.listActeurs .row {
    border-top: 1px solid #eae6e6;
    padding: 25px 0;
}
.listActeurs .item.col-md-4 {
    border-bottom: 1px solid #eae6e6;
    border-right: medium none;
    text-align: center;
}
.listActeurs .photoacteur {
    margin: 0 auto 15px;
    width: 165px;
}
.listActeurs .infosacteur {
    height: 175px;
    overflow: hidden;
    text-align: center;
}
.listActeurs .infosacteur .descriptionacteur {
    height: 75px;
    overflow: hidden;
}                  
.infosacteurfiche .descriptionActeur {
    color: rgb(101, 101, 101);
    font-family: "Arial";
    font-size: 1em;
    line-height: 1.3;
    margin: 0 0 15px;
}
.listActeurs .parentSep {
    clear: both;
    padding: 25px 0 35px;
}
.listActeurs .sep {
    background: #eae6e6 none repeat scroll 0 0;
    height: 1px;
    overflow: hidden;
}
.listActeurs .infosacteur h2 {
    font-size: 28px;
    margin-bottom: 5px;
}
.listActeurs .infosacteur .birthday {
    color: #b1b0b0;
    font-family: arial;
    font-size: 16px;
    padding-bottom: 5px;
}
.listActeurs .infosacteur .class-category {
    font-family: arial;
    font-size: 14px;
    font-style: italic;
    padding-top: 15px;
}
.listActeurs .descriptionacteur p {
    text-align: center;
     line-height: 18px;
}
.items-listActeur {
    background-color: #eae6e6;
    padding: 0 0 30px 0;
}
.items-listActeur .col-xs-1, .items-listActeur .col-sm-1, .items-listActeur .col-md-1, .items-listActeur .col-lg-1, .items-listActeur .col-xs-2, .items-listActeur .col-sm-2, .items-listActeur .col-md-2, .items-listActeur .col-lg-2, .items-listActeur .col-xs-3, .items-listActeur .col-sm-3, .items-listActeur .col-md-3, .items-listActeur .col-lg-3, .items-listActeur .col-xs-4, .items-listActeur .col-sm-4, .items-listActeur .col-md-4, .items-listActeur .col-lg-4, .items-listActeur .col-xs-5, .items-listActeur .col-sm-5, .items-listActeur .col-md-5, .items-listActeur .col-lg-5, .items-listActeur .col-xs-6, .items-listActeur .col-sm-6, .items-listActeur .col-md-6, .items-listActeur .col-lg-6, .items-listActeur .col-xs-7, .items-listActeur .col-sm-7, .items-listActeur .col-md-7, .items-listActeur .col-lg-7, .items-listActeur .col-xs-8, .items-listActeur .col-sm-8, .items-listActeur .col-md-8, .items-listActeur .col-lg-8, .items-listActeur .col-xs-9, .items-listActeur .col-sm-9, .items-listActeur .col-md-9, .items-listActeur .col-lg-9, .items-listActeur .col-xs-10, .items-listActeur .col-sm-10, .items-listActeur .col-md-10, .items-listActeur .col-lg-10, .items-listActeur .col-xs-11, .items-listActeur .col-sm-11, .items-listActeur .col-md-11, .items-listActeur .col-lg-11, .items-listActeur .col-xs-12, .items-listActeur .col-sm-12, .items-listActeur .col-md-12, .items-listActeur .col-lg-12 {
    padding:0;
    box-sizing: border-box;
}
.items-listActeur .listfilter .items .item {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #5e5f5f #282828 #282828;
    border-image: none;
    border-style: solid;
    border-width: 1px 0;
    cursor: pointer;
    padding: 22px 5px;
    text-align: center;
    list-style: outside none none;
}
.items-listActeur .listfilter .items .item .formgroup {
    cursor: pointer;
    text-align: center;
}
#body_10 .items-listActeur .col-md-4 {
    padding: 0 20px 0 5px;
}
.img-responsive {
    display: block;
    height: auto;
    margin: 20px auto;
    max-width: 100%;
}
.listfilter {
    position: relative;
    width: 100%;
}
#block-drupalone-thea-list-acteurs .container {
    width:100%;
    margin: 0 auto;
    padding:0 10px;
}
.items-listActeur .listfilter {
    background-color: #3c3d3d;
    padding: 0;
    margin-top: 30px;
}
@media screen and (min-width: 868px) {
    .img-responsive {
        display: block;
        height: auto;
        margin: 0 0 10px 0;
        max-width: 100%;
    }
    .img-responsive.first-img {
        padding-top: 4px;
    }
    .img-responsive.second-img {
        padding: 0 6px;
    }
    .img-responsive.third-img{
        padding: 0 5px;
    }
    .listfilter {
        position: relative;
        width: 90%;
    }
    #block-drupalone-thea-list-acteurs .container {
        width:720px;
        margin: 0 auto;
        padding:0;
    }
    .items-listActeur .listfilter {
        background-color: #3c3d3d;
        padding: 0;
        height: 1217px;
    }
}

@media screen and (min-width: 992px) {
    .listfilter {
        left: -10px;
        position: relative;
        width: 100%;
    }
    #block-drupalone-thea-list-acteurs .container {
        width:960px;
        margin: 0 auto;
    }
}
@media screen and (min-width: 1024px) {
    .listfilter {
        left: -10px;
        position: relative;
        width: 100%;
    }
    #block-drupalone-thea-list-acteurs .container {
        width:960px;
        margin: 0 auto;
    }
}


.items-listActeur .infosacteurfiche {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    padding-top:30px;
}
.gammesList .filterTitle::before, .listfilter .filterTitle::before {
    background-color: rgb(101, 173, 239);
    box-shadow: 0.996px 0.087px 10px 0 rgba(1, 1, 1, 0.25);
    color: #fff;
    content: "+";
    font-family: 'Maven Pro';
    font-size: 20px;
    font-weight: normal;
    height: 20px;
    left: -50px;
    line-height: 17px;
    position: absolute;
    text-align: center;
    top: 5px;
    width: 31px;
}
.gammesList .filterTitle, .listfilter .filterTitle {
    color: rgb(255, 255, 255);
    font-family: 'Maven Pro';
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 35px;
    position: relative;
}
.items-listActeur .listfilter .filterTitle {
    display: inline-block;
    margin: 50px 25px 35px 50px;
}
.items-listActeur .listfilter .items {
}
.items-listActeur .listfilter .items .item {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #5e5f5f #282828 #282828;
    border-image: none;
    border-style: solid;
    border-width: 1px 0;
    cursor: pointer;
    padding: 22px 5px;
    text-align: center;
}
.items-listActeur .listfilter .items .item:first-child {
    border-top: 0 none;
}
.items-listActeur .listfilter .items .item:last-child {
    border-bottom: 0 none;
}
.items-listActeur .listfilter .items .item.selected {
    background-color: #0c66ba;
}
.items-listActeur .listfilter .items .item .anneenaissance {
    color: #b1b0b0;
    cursor: pointer;
    font-family: Arial;
    font-size: 16px;
}
.items-listActeur .listfilter .items .item label {
    color: #eae6e6;
    cursor: pointer;
    display: block;
    font-family: 'Maven Pro';
    font-size: 22px;
    font-weight: 500;
}
.items-listActeur .introductionActeur {
    color: rgb(10, 120, 189);
    font-family: 'Maven Pro';
    font-size: 17px;
    font-weight: 500;
    line-height: 1.176;
    padding: 25px 0;
    text-align: left;
}
.items-listActeur .introductionActeur p {
    color: rgb(10, 120, 189);
    font-family: 'Maven Pro';
    font-size: 1em;
    font-weight: 500;
    text-align: left;
}
.logo-recycle {
    bottom: 32px;
    left: 24px;
    position: absolute;
}
#body_10 .col-md-9 {
    padding:0;
}
#c113, #c413, #c636 {
    padding:0 20px;
}
#c636 .video-js-box {
    padding:20px 0 0 0;
}
#c637 .video-js-box {
    display:none;
}
.video-js-box-caption {
    font-size: 14px;
    width: 100%;
    margin:10px 0 22px 0;
}
@media (min-width: 1024px) {
    .video-js-box-caption {
        text-align: center;
    }
}
.vjs-no-video {
    padding:0;
    margin:0;
}
@media (max-width: 1023px) {
    .logo-recycle {
        padding: 32px 0;
        position: static;
    }
}
@media (min-width: 1023px) {
    #body_10 .col-md-9 {
        padding:0;
    }
    #body_10 #content-1col {
        padding-bottom:0;
    }
    .page-node-1224 .leftcontent, .page-node-1224 .listActeurs .row, .page-node-1225 .leftcontent, .page-node-1225 .listActeurs .row {
        padding-bottom: 0;
    }
    .listActeurs .infosacteur .descriptionacteur {
        padding: 0 78px;
    }
    .listActeurs .row {
        border-left: 1px solid #eae6e6;
        border-top: 1px solid #eae6e6;
        padding: 25px 0;
    }
    .listActeurs .item.col-md-4 {
        border-bottom: 1px solid #eae6e6;
        border-right: 1px solid #eae6e6;
        text-align: center;
    }
    .listActeurs .item.col-md-4:nth-child(1) {
        height: 348px;
        text-align: right;
        width: 100%;
    }
    .listActeurs .item.col-md-4:nth-child(1)::before {
        background: rgba(0, 0, 0, 0) url("/fileadmin/templates/images/bg-item-col1.png") no-repeat scroll 0 50%;
        content: "";
        display: inline-block;
        height: 192px;
        position: absolute;
        right: 175px;
        top: 174px;
        width: 8px;
    }
    .listActeurs .item.col-md-4:nth-child(1) .photoacteur {
        float: right;
        padding: 10px 90px 121px 70px;
        width: 324px;
    }
    .listActeurs .item.col-md-4:nth-child(1) .infosacteur {
        float: left;
        padding-top: 42px;
        text-align: right;
        width: 374px;
    }
    .listActeurs .item.col-md-4:nth-child(1) .infosacteur .descriptionacteur p {
        text-align: right;
    }
    #main-wrapper .item.col-md-4:nth-child(1) .btn-plus, #main-wrapper .item.col-md-4:nth-child(1) .btn-plus-txt, #block-drupalone-thea-home-brochure .item.col-md-4:nth-child(1) .btn-plus-txt {
        padding-left: 31px;
    }
    #main-wrapper .item.col-md-4:nth-child(1) .btn-plus::before, #main-wrapper .item.col-md-4:nth-child(1) .btn-plus-txt::before, #block-drupalone-thea-home-brochure .item.col-md-4:nth-child(1) .btn-plus-txt::before {
        right: 0;
    }
    .listActeurs .item.col-md-4:nth-child(1) .infosacteur .descriptionacteur {
        padding: 0;
    }
    .listActeurs .item.col-md-4:nth-child(2) {
        height: 336px;
        width: 50%;
    }
    .listActeurs .item.col-md-4:nth-child(2)::before {
        background-color: #0d63b3;
        content: "";
        display: inline-block;
        height: 5px;
        position: absolute;
        right: -1px;
        top: -1px;
        width: 98px;
    }
    .listActeurs .item.col-md-4:nth-child(2) .photoacteur {
        transform: translateY(-50%);
    }
    .listActeurs .item.col-md-4:nth-child(2) .infosacteur {
        transform: translateY(-50%);
    }
    .listActeurs .item.col-md-4:nth-child(2) .btn-plus {
        transform: translateY(-480%);
    }
    .listActeurs .item.col-md-4:nth-child(3) {
        height: 336px;
        width: 50%;
    }
    .listActeurs .item.col-md-4:nth-child(3)::before {
        background-color: #0d63b3;
        content: "";
        display: inline-block;
        height: 5px;
        left: -1px;
        position: absolute;
        top: -1px;
        width: 98px;
    }
    .listActeurs .item.col-md-4:nth-child(3) .photoacteur {
        transform: translateY(-50%);
    }
    .listActeurs .item.col-md-4:nth-child(3) .infosacteur {
        transform: translateY(-50%);
    }
    .listActeurs .item.col-md-4:nth-child(3) .btn-plus {
        transform: translateY(-480%);
    }
    .listActeurs .item.col-md-4:nth-child(5) {
        height: 260px;
        width: 100%;
    }
    .listActeurs .item.col-md-4:nth-child(5)::before {
        background: rgba(0, 0, 0, 0) url("/fileadmin/templates/images/bg-item-col5.png") no-repeat scroll 0 0;
        content: "";
        display: inline-block;
        height: 455px;
        position: absolute;
        right: 49%;
        top: -338px;
        transform: translateX(-50%);
        width: 8px;
    }
    .listActeurs .item.col-md-4:nth-child(5) .photoacteur {
        transform: translateY(27%);
    }
    .listActeurs .item.col-md-4:nth-child(5) .infosacteur {
        float: right;
        padding-left: 55px;
        text-align: left;
        transform: translateY(-75%);
        width: 38%;
    }
    .listActeurs .item.col-md-4:nth-child(5) .btn-plus {
        transform: translateX(656%);
    }
    .listActeurs .item.col-md-4:nth-child(5) .infosacteur .descriptionacteur {
        padding: 0;
        text-align: left;
    }
    .listActeurs .item.col-md-4:nth-child(5) .descriptionacteur p {
        padding: 0;
        text-align: left;
    }
    .listActeurs .item.col-md-4:nth-child(6) {
        height: 260px;
        width: 100%;
    }
    .listActeurs .item.col-md-4:nth-child(6)::before {
        background: rgba(0, 0, 0, 0) url("/fileadmin/templates/images/bg-item-col5.png") no-repeat scroll 0 22%;
        content: "";
        display: inline-block;
        height: 96px;
        position: absolute;
        right: 49%;
        top: -51px;
        transform: translateX(-50%);
        width: 8px;
    }
    .listActeurs .item.col-md-4:nth-child(6)::after {
        background-color: #0d63b3;
        content: "";
        display: inline-block;
        height: 5px;
        position: absolute;
        right: 441px;
        top: 50%;
        transform: translateY(-50%);
        width: 98px;
    }
    .listActeurs .item.col-md-4:nth-child(6) .photoacteur {
        transform: translateY(27%);
    }
    .listActeurs .item.col-md-4:nth-child(6) .infosacteur {
        float: right;
        padding-left: 55px;
        text-align: left;
        transform: translateY(-75%);
        width: 38%;
    }
    .listActeurs .item.col-md-4:nth-child(6) .btn-plus {
        transform: translateX(656%);
    }
    .listActeurs .item.col-md-4:nth-child(6) .infosacteur .descriptionacteur {
        padding: 0;
        text-align: left;
    }
    .listActeurs .item.col-md-4:nth-child(6) .descriptionacteur p {
        padding: 0;
        text-align: left;
    }
    .listActeurs .item.col-md-4:nth-child(7) {
        border-bottom: 0 none;
        height: 260px;
        width: 100%;
    }
    .listActeurs .item.col-md-4:nth-child(7)::before {
        background: rgba(0, 0, 0, 0) url("/fileadmin/templates/images/bg-item-col5.png") no-repeat scroll 0 0;
        content: "";
        display: inline-block;
        height: 179px;
        position: absolute;
        right: 74%;
        top: -133px;
        transform: translateX(-50%);
        width: 8px;
    }
    .listActeurs .item.col-md-4:nth-child(7) .photoacteur {
        display: inline-block;
        margin: 45px 0 0 68px;
    }
    .listActeurs .item.col-md-4:nth-child(7) .infosacteur {
        vertical-align: top;
        margin-top:45px;
        display: inline-block;

        padding-left: 62px;
        text-align: left;
        width: 377px;
    }
    .listActeurs .item.col-md-4:nth-child(7) .infosacteur .descriptionacteur {
        padding: 0;
        text-align: left;
    }
    .listActeurs .item.col-md-4:nth-child(7) .infosacteur .descriptionacteur p {
        text-align: left;
    }
    .listActeurs .item.col-md-4:nth-child(7) .btn-plus {
        display: inline-block;
        transform: translateX(-318px) translateY(-25px);
    }
    .listActeurs .parentSep {
        padding: 0;
    }
    .listActeurs .sep {
        display: none;
    }
}
@media (max-width: 991px) {

    .listActeurs .infisoacteurstop {
        height: 20px;
        margin-bottom: 15px;
    }
    .listActeurs .btn-plus::before {
        top: 0 !important;
    }
    .listActeurs .parentSep {
        display: none;
    }
    .listActeurs .item.col-md-4 {
        border-bottom: 1px solid #eae6e6;
        border-right: medium none;
        margin-bottom: 20px;
        text-align: center;
        float:none;
        width:100%;
    }
    .listActeurs .infosacteur .descriptionacteur, .listActeurs .infosacteur {
        height: auto;
    }

}
@media (max-width: 1023px) {


    .listActeurs .infisoacteurstop {
        padding-left: 30px !important;
    }
    .listActeurs .item.col-md-4:last-child {
        border-bottom: medium none;
    }
}
@media (min-width: 991px) and (max-width: 1023px){
    .listActeurs .item.col-md-4 {
        border-right: 1px solid #eae6e6;
        border-bottom:0;
        text-align: center;

    }
}
.topPage {
    bottom: 20px;
    cursor: pointer;
    display: none;
    position: fixed;
    right: 20px;
    z-index: 999999;
}

#header #suche {
    background-color: #fff;
    border: 0 none;
    display:none;
    min-height: 68px;
    padding: 5px;
    position: absolute;
    right: 50px;
    top: 30px;
    z-index: 99999999;
}
#header #search-block-form {
    padding-top: 14px;
    width: 270px;
}
#header #search-block-form .form-item {
    display: inline-block;
    margin: 0;
    vertical-align: top;
    width: 68%;
}
#header input.form-text {
    background: #eae6e6 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    color: #d87327;
    font-family: arial;
    font-size: 16px;
    height: 30px;
    line-height: 1;
    margin: 0;
    outline: medium none;
    padding: 5px 8px;
    width: 100%;
    display: block;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
#header #search-block-form .form-actions {
    float: right;
    vertical-align: top;
    display:inline;
}
#header #search-block-form .form-actions input {
    background-color: #0e5da5;
    font-size: 15px;
    font-weight: bold;
    height: 30px;
    border: medium none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: 'Maven Pro';
    outline: medium none;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    border-radius: 0;
    line-height: 1.2;
    margin-bottom: 0;
    padding: 6px 12px;
    vertical-align: middle;
    white-space: nowrap;
}
#content-1col .tx-indexedsearch-icon img {
    width:18px;
    max-width:18px;
    height:16px;
}
.tx-indexedsearch-searchbox table tr td {
    padding: 5px;
}
.tx-indexedsearch-searchbox table tr td .tx-indexedsearch-searchbox-sword {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #63615b;
    font-size:16px;
    height:20px;
    color: #63615b;
    padding:2px;
}

#c324 {
    color:#ccc;
    font-size:1px;
    line-height: 10px;
}
#c324 iframe{
    display:block;
}
#content-1col #page-title img {
    margin-bottom: -8px;
}


/* Pflichttexte für Zaditen und Liquigel */
#pflichttext-zadithen {
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    margin: 0;
    padding: 8px 0 0 0;   
}

#pflichttext-zadithen p {
    color: #a8a8a8;
    font-family: 'Maven Pro',sans-serif;
    font-size: 10px;
    line-height: 11px;
    margin:0;
    padding: 0;
    text-align: justify;
}
#pflichttext-zadithen sup {
    color: #a8a8a8;
    font-family: 'Maven Pro',sans-serif;
    font-size: 7px;
    line-height: 5px;
    margin:0;
    padding: 0;
}
#pflichttext-liquigel {
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    margin: 0;
    padding: 8px 0 0 0;  
}

#pflichttext-liquigel p {
    color: #a8a8a8;
    font-family: 'Maven Pro',sans-serif;
    font-size: 10px;
    line-height: 11px;
    margin:0;
    padding: 0;
    text-align: justify;
}
#pflichttext-liquigel sup {
    color: #a8a8a8;
    font-family: 'Maven Pro',sans-serif;
    font-size: 7px;
    line-height: 5px;
    margin:0;
    padding: 0;
}
#pflichttext-zamidine {
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    margin: 0;
    padding: 8px 0 0 0;   
}

#pflichttext-zamidine p {
    color: #a8a8a8;
    font-family: 'Maven Pro',sans-serif;
    font-size: 10px;
    line-height: 11px;
    margin:0;
    padding: 0;
    text-align: justify;
}
#pflichttext-zamidine sup {
    color: #a8a8a8;
    font-family: 'Maven Pro',sans-serif;
    font-size: 7px;
    line-height: 5px;
    margin:0;
    padding: 0;
}
#pflichttext h2, #pflichttexte h2 {
    color: #a8a8a8;
    font-family: 'Maven Pro',sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    margin:0;
    padding: 20px 0 0 0; 
}
#content-1col, #content-container {
    hyphens: auto;
}
#body_4 #c555 {
    padding: 0 45px 0 145px;
}
#body_76 .full-container-white {
    display:none;
}
#container-home h2 {
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    font-size: 24px;
}


/*typo3temp/assets über Typoscript deaktiviert und dafür hier engefügt*/

/* default styles for extension "tx_indexedsearch" */
    .tx-indexedsearch .tx-indexedsearch-browsebox LI { display:inline; margin-right:5px; }
    .tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:100px; }
    .tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px; }
    .tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
    .tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }
    .tx-indexedsearch .tx-indexedsearch-noresults { text-align:center; font-weight:bold; }
    .tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr { font-style:italic; }
    .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { color:red; }
    .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#eeeeee; }
    .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
    .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px; }
    .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { background:#cccccc; vertical-align:middle; }
    .tx-indexedsearch .tx-indexedsearch-res .noResume { color:#666666; }
    .tx-indexedsearch .tx-indexedsearch-category { background:#cccccc; font-size:16px; font-weight:bold; }

    /* Additional styles, needed for the tableless template_css.tmpl (styles don't conflict with the original template) */
    .tx-indexedsearch .res-tmpl-css { clear:both; margin-bottom:1em; }
    .tx-indexedsearch .searchbox-tmpl-css LABEL { margin-right:1em; width:10em; float:left; }
    .tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css { letter-spacing:0; font-weight:normal; margin-top:-1.2em; float:right; }
    .tx-indexedsearch .info-tmpl-css dt, .tx-indexedsearch dl.info-tmpl-css dd { float:left; }
    .tx-indexedsearch .info-tmpl-css dd.item-mtime { float:none; }
    .tx-indexedsearch .info-tmpl-css dd.item-path { float:none; }
/* default styles for extension "tx_cssstyledcontent" */
  /* Headers */
  .csc-header-alignment-center { text-align: center; }
  .csc-header-alignment-right { text-align: right; }
  .csc-header-alignment-left { text-align: left; }

  div.csc-textpic-responsive, div.csc-textpic-responsive * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  }

  /* Clear floats after csc-textpic and after csc-textpic-imagerow */
  div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li { overflow: hidden; }

  /* Set padding for tables */
  div.csc-textpic .csc-textpic-imagewrap table { border-collapse: collapse; border-spacing: 0; }
  div.csc-textpic .csc-textpic-imagewrap table tr td { padding: 0; vertical-align: top; }

  /* Settings for figure and figcaption (HTML5) */
  div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap { margin: 0; display: table; }

  /* Captions */
  figcaption.csc-textpic-caption { display: table-caption; }
  .csc-textpic-caption { text-align: left; caption-side: bottom; }
  div.csc-textpic-caption-c .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-c { text-align: center; }
  div.csc-textpic-caption-r .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-r { text-align: right; }
  div.csc-textpic-caption-l .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-l { text-align: left; }

  /* Float the columns */
  div.csc-textpic div.csc-textpic-imagecolumn { float: left; }

  /* Border just around the image */
  div.csc-textpic-border div.csc-textpic-imagewrap img {
    border: 2px solid black;
    padding: 0px 0px;
  }

  div.csc-textpic .csc-textpic-imagewrap img { border: none; display: block; }

  /* Space below each image (also in-between rows) */
  div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 10px; }
        #content-head div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0px; }
  div.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image { margin-bottom: 0; }

  /* colSpace around image columns, except for last column */
  div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image { margin-right: 10px; }
  div.csc-textpic-imagecolumn.csc-textpic-lastcol, td.csc-textpic-imagecolumn.csc-textpic-lastcol .csc-textpic-image { margin-right: 0; }

  /* Add margin from image-block to text (in case of "Text & Images") */
  div.csc-textpic-intext-left .csc-textpic-imagewrap,
  div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    margin-right: 20px;
  }
  div.csc-textpic-intext-right .csc-textpic-imagewrap,
  div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    margin-left: 20px;
  }

  /* Positioning of images: */

  /* Center (above or below) */
  div.csc-textpic-center .csc-textpic-imagewrap, div.csc-textpic-center figure.csc-textpic-imagewrap { overflow: hidden; }
  div.csc-textpic-center .csc-textpic-center-outer { position: relative; float: right; right: 50%; }
  div.csc-textpic-center .csc-textpic-center-inner { position: relative; float: right; right: -50%; }

  /* Right (above or below) */
  div.csc-textpic-right .csc-textpic-imagewrap { float: right; }
  div.csc-textpic-right div.csc-textpic-text { clear: right; }

  /* Left (above or below) */
  div.csc-textpic-left .csc-textpic-imagewrap { float: left; }
        /* Franx - Headerbild auf 100% */
#content-head div.csc-textpic-left .csc-textpic-imagewrap { float: none; } 
        
        
  div.csc-textpic-left div.csc-textpic-text { clear: left; }
@media (min-width: 768px) {
  /* Left (in text) */
  div.csc-textpic-intext-left .csc-textpic-imagewrap { float: left; }
div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { float: left; }
}
  /* Right (in text) */
  div.csc-textpic-intext-right .csc-textpic-imagewrap { float: right; }

  /* Right (in text, no wrap around) */
  div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { float: right; }

  /* Left (in text, no wrap around) */
  

  div.csc-textpic div.csc-textpic-imagerow-last, div.csc-textpic div.csc-textpic-imagerow-none div.csc-textpic-last { margin-bottom: 0; }

  /* Browser fixes: */

  /* Fix for unordered and ordered list with image "In text, left" */
  .csc-textpic-intext-left ol, .csc-textpic-intext-left ul { padding-left: 40px; overflow: auto; }

  /* File Links */
  ul.csc-uploads { padding: 0; }
  ul.csc-uploads li { list-style: none outside none; margin: 1em 0; }
  ul.csc-uploads img { float: left; margin-right: 1em; vertical-align: top; }
  ul.csc-uploads span { display: block; }
  ul.csc-uploads span.csc-uploads-fileName { text-decoration: underline; }

  /* Table background colors: */

  table.contenttable-color-1 { background-color: #EDEBF1; }
  table.contenttable-color-2 { background-color: #F5FFAA; }
  table.contenttable-color-240 { background-color: black; }
  table.contenttable-color-241 { background-color: white; }
  table.contenttable-color-242 { background-color: #333333; }
  table.contenttable-color-243 { background-color: gray; }
  table.contenttable-color-244 { background-color: silver; }
/* default styles for extension "tx_form" */
    div.csc-mailform ol,
    div.csc-mailform ol li {
      margin: 0;
      padding: 0;
    }

    div.csc-mailform ol li {
      overflow: hidden;
    }

    div.csc-mailform fieldset {
      margin: 0;
      padding: 0;
      position: relative;
    }

    div.csc-mailform legend {
      margin-left: 1em;
      color: #000000;
      font-weight: bold;
    }

    div.csc-mailform fieldset ol {
      padding: 1em 1em 0 1em;
    }

    div.csc-mailform fieldset li {
      padding: 0.5em;
      margin-bottom: 0.5em;
      list-style: none;
    }

    div.csc-mailform fieldset.submit {
      border-style: none;
    }

    /**
     * Normal label
     * Left aligned, in front of input
     */
    div.csc-mailform li label {
      float: left;
      width: 13em;
      margin-right: 1em;
      vertical-align: baseline;
    }

    div.csc-mailform li input + label,
    div.csc-mailform li textarea + label,
    div.csc-mailform li select + label {
      float: none;
      width: auto;
      margin-right: 0;
      margin-left: 1em;
    }

    div.csc-mailform li textarea + label {
      vertical-align: top;
    }

    label em,
    legend em {
      display: block;
      color: #060;
      font-size: 85%;
      font-style: normal;
      text-transform: uppercase;
    }

    legend em {
      position: absolute;
    }

    label strong,
    legend strong {
      display: block;
      color: #C00;
      font-size: 85%;
      font-weight: normal;
      text-transform: uppercase;
    }

    legend strong {
      position: absolute;
      top: 1.4em;
    }

    /**
     * Labels alignment right
     */
    .labels-alignment-right label,
    .labels-alignment-right .fieldset-subgroup legend,
    .labels-alignment-right.fieldset-subgroup legend {
      text-align: right;
    }

    /**
     * Horizontal fieldset
     */
    fieldset.fieldset-horizontal {
      border-width: 0;
    }

    fieldset.fieldset-horizontal ol {
      padding: 0;
    }

    fieldset.fieldset-horizontal li {
      float: left;
      padding: 0;
      margin-right: 1em;
    }

    fieldset.fieldset-horizontal.label-below label {
      display: block;
      margin-left: 0;
      margin-top: 0.2em;
      font-size: 90%;
      color: #999999;
      text-align: left;
    }

    fieldset.fieldset-horizontal label em {
      display: inline;
    }

    /**
     * Subgroup fieldset
     */
    fieldset.fieldset-subgroup {
      margin-bottom: -2em;
      border-style: none;
    }

    fieldset.fieldset-subgroup legend {
      margin-left: 0;
      padding: 0;
      font-weight: normal;
      width: 13em;
    }

    fieldset.fieldset-subgroup ol {
      position: relative;
      top: -1.4em;
      margin: 0 0 0 14em;
      padding: 0;
    }

    fieldset.fieldset-subgroup li {
      padding: 0;
    }

    fieldset.fieldset-subgroup input + label {
      float: none;
      width: auto;
      display: inline;
      margin: 0 0 0 1em;
    }

    /**
     * Labels as block
     * Labels displayed above or below the input fields
     */
    .labels-block label {
      display: block;
      float: none;
      margin: 0 0 0.5em;
      width: auto;
    }

    .labels-block input + label,
    .labels-block textarea + label {
      margin: 0.5em 0 0;
    }

    .labels-block fieldset.fieldset-subgroup,
    fieldset.labels-block.fieldset-subgroup {
      margin-bottom: 0;
    }

    .labels-block .fieldset-subgroup legend,
    .labels-block.fieldset-subgroup legend {
      width: auto;
    }

    .labels-block .fieldset-subgroup legend em,
    .labels-block.fieldset-subgroup legend em {
      position: relative;
    }

    .labels-block .fieldset-subgroup legend strong,
    .labels-block.fieldset-subgroup legend strong {
      position: relative;
      top: 0;
    }

    .labels-block .fieldset-subgroup ol,
    .labels-block.fieldset-subgroup ol {
      top: 0;
      margin: 0;
      padding: 0.5em 0 0;
    }
/* default styles for extension "tx_felogin_pi1" */
    .tx-felogin-pi1 label {
      display: block;
    }

/*typo3temp/assets über Typoscript deaktiviert und dafür hier engefügt - End */
.logo-bootom {
    width: 80px;
}
.logo-bootom img {
    
}

#body_108 .full-container-white, #body_108 .full-container {
       padding: 30px 0 0 0;
    }
/* das Logo unten im Cookiebot Banner ausblenden */
#CybotCookiebotDialogPoweredbyImage {
    display:none !important;
}

/* Cookiebot - Datenschutzerklärung - die ersten 3 Absätze rausnehmen */
.CookieDeclarationDialogText {
  display:none;
}

.CookieDeclaration p:nth-child(2) {
  display:none;
}
.CookieDeclaration p:nth-child(3) {
  display:none;
}

/* Cookiebot - Gestaltung des Buttons Aendern Sie Ihre Einwilligung */
#CookieDeclarationChangeConsent a {
  background:#0e5da5;
  color:#FFF;
  padding: 10px;
  border-radius: 6px 6px 6px 6px;
  -moz-border-radius: 6px 6px 6px 6px;
  -webkit-border-radius: 6px 6px 6px 6px;
  border: 0px solid #000000;
}
#CookieDeclarationChangeConsent {
  margin-top:30px !important;
}
#CookieDeclarationUserStatusPanel {
  margin-bottom:30px !important;
}

/*INDEXED SEARCH*/

#tx_indexedsearch fieldset {
  border:0;
}
.tx-indexedsearch-searchbox {
  margin-bottom:10px;
}
#SPosInput{
    margin: 0 0 0 0;
}
#SPosInput input{
    padding: 0 0 0 10px;
    margin: 0;
}
.SInput {
    background: #FFF;
    border: 0;
    border: 0px solid #bebebf;
    color: #888;
    font-size: 18px;
    height: 30px;
    width: 160px;
    -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#SPosImg {
    position:absolute;
    top: 2px;
    left: 130px;
}
#SPosImg input{
    width: 25px;
    height: 25px;
    padding:3px;
}

/*IMPORTANT*/
.tx-indexedsearch-browsebox{
    padding: 5px 5px 5px 5px;
}
/*IMPORTANT*/

div.tx-indexedsearch-searchbox form#tx_indexedsearch fieldset div.tx-indexedsearch-search-submit {
  width:200px;
  float:left;
}
div.tx-indexedsearch-searchbox form#tx_indexedsearch fieldset div.tx-indexedsearch-form {
  width:300px;
  float:left;

}
div.tx-indexedsearch-searchbox form#tx_indexedsearch fieldset div.tx-indexedsearch-search-submit input#tx-indexedsearch-searchbox-button-submit.tx-indexedsearch-searchbox-button{
    
    background-color: #FFFFFF;
    color: #000;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
  padding:2px 10px;
  border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border: solid 1px #63615B;
}

.tx-indexedsearch-searchbox-sword {
    
    color: #000;
    background-color: #FFFFFF;
    font-size: 12px;
    text-decoration: none;
    text-align: left;
    width:130px;
  padding:2px 10px;
  border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border: solid 1px #63615B;
}
div.tx-indexedsearch-searchbox form#tx_indexedsearch fieldset div.tx-indexedsearch-form label{
    width: 120px;
}
div.tx-indexedsearch-searchbox form#tx_indexedsearch fieldset legend{
    display: none;
}
div.tx-indexedsearch-searchbox form#tx_indexedsearch p{
    display: none;
}
.tx-indexedsearch-rules{
    display: none;
}
.tx-indexedsearch-browsebox{
    width: 100%;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #000000;
    vertical-align: top;
    margin: 20px 0 0 0;
    padding:0;
}
.tx-indexedsearch-browsebox li{
    float: left;
    margin: 0 10px 0 0;
}



#content_left ul.tx-indexedsearch-browsebox li:before, #content ul.tx-indexedsearch-browsebox li:before{
    content: "";
    padding-right: 20px;
    color: #5DCBFF;
    font-size: 22px;
    font-weight: bold;
}


.tx-indexedsearch-res{
    float: none;
    clear: both;
    margin: 20px 0 20px 0;
}
.tx-indexedsearch-res:before,
.tx-indexedsearch-res:after {
    content: " ";
    display: inline-block;
    clear: both;
}
div#content_left div.tx-indexedsearch-res h3 span.tx-indexedsearch-title a{
    font-size: 18px;
}
.tx-indexedsearch-info{
    border-top : 1px solid #ccc;
    border-bottom : 1px solid #ccc;
    margin: 0px 0 0 0;
padding: 5px;
}


.tx-indexedsearch-info  dt.tx-indexedsearch-text-item-size{
    float: left;
  line-height: 1.5em;
}
.tx-indexedsearch-info dd.tx-indexedsearch-text-item-size{
    float: left;
    margin: 0 20px 0 0;
  line-height: 1.5em;
}
.tx-indexedsearch-info  dt.tx-indexedsearch-text-item-crdate{
    float: left;
  line-height: 1.5em;
}
.tx-indexedsearch-info dd.tx-indexedsearch-text-item-crdate{
    float: left;
    margin: 0 20px 0 0;
  line-height: 1.5em;
}
.tx-indexedsearch-info  dt.tx-indexedsearch-text-item-mtime{
    float: left;
  line-height: 1.5em;
}
.tx-indexedsearch-info dd.tx-indexedsearch-text-item-mtime{
    float: left;
    margin: 0 20px 0 0;
  line-height: 1.5em;
}

.tx-indexedsearch-info  dt.tx-indexedsearch-text-item-path{
    float: left;
  line-height: 1.5em;
}
.tx-indexedsearch-redMarkup{
    color: #1268b9;
}
.tx-indexedsearch-percent {
    display:none;
}


.tx-indexedsearch-text-item-path p {
  margin: 0;
  font-size: 14px;
line-height: 1.5em;
text-align: left;
}
/*INDEXED SEARCH END */


#coronainfo h2 {

    font-family: 'Maven Pro',sans-serif;
    color: #3c3d3d;
    font-size: 34px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 24px;

}
#coronainfo p {
    font-family: 'Maven Pro',sans-serif;
    color: #3c3d3d;
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 15px;
    text-align: left;
}

#coronainfo a {color:#000; text-decoration:none;}

#coronainfo div {padding:40px 30px 30px 30px;}
#coronainfo {
   
   text-align: left;
   border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
    
    
    -webkit-box-shadow: 0px 0px 24px -5px rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 24px -5px rgba(0,0,0,1);
box-shadow: 0px 0px 24px -5px rgba(0,0,0,1);
    
    
border: 0px solid #0a78bd;
    
   background: #FFF;
   opacity: 1;
   filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#d6e0eb', endColorstr='#f2f6f9',GradientType=0 );
   position:absolute;
   top:10%;
   left: 0;
   
   width:100%;
   height: auto;
   margin:0;   
    
   font-size:12px;
   line-height:16px;
   z-index:10000;

}
@media (min-width: 1000px) {
#coronainfo {
   
   
    
   position:fixed;
   top:50%;
   left: 50%;

   width:1000px;
   height: 600px;
margin-top:-300px;
margin-left:-500px;    
    


}
}

#coronainfoCloser {
   color: #777;
   font: 14px/100% arial, sans-serif;
   position: absolute;
   right: 5px;
   text-decoration: none;
   text-shadow: 0 1px 0 #fff;
   top: 5px;
   cursor:pointer;
   border-top:1px solid white;
   border-left:1px solid white;
   border-bottom:1px solid #7b92a9;
   border-right:1px solid #7b92a9;
   padding:4px;
   background: #e7e4e3;

   filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#ced6df', endColorstr='#f2f6f9',GradientType=0 );
 }

#coronainfoCloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #7b92a9; border-left:1px solid #7b92a9;}
#coronainfo #info-left {
    width: 50%;
    text-align: left;
    float:left;
    padding:60px 0 0 0;
}
#coronainfo #info-logo {
    width: 50%;
    text-align: right;
    float:left;
    padding:0 30px 0 0;
}
#coronainfo #info-logo img {
    max-width: 160px;
}

#c835 table tr td{
  border-bottom: 1px solid #777 !important;
  padding:6px;
}

#c835 table th {
  background: #0e5da5;
  color: #FFF;
  padding:6px;
}
#c935 table tr td{
  border-bottom: 1px solid #777 !important;
  padding:6px;
}

#c935 table th {
  background: #0e5da5;
  color: #FFF;
  padding:6px;
}
/* Menupunkt - Datenschutzinformation Marketing - Layout anpassen */
#wrapper-1 .rightcontent .menu-block-wrapper .menu .menu117 {
  margin-top:-30px;
}
#wrapper-1 .rightcontent .menu-block-wrapper .menu .menu117 a,
#wrapper-1 .rightcontent .menu-block-wrapper .menu .menu117 a:link,
#wrapper-1 .rightcontent .menu-block-wrapper .menu .menu117 a:visited, 
#wrapper-1 .rightcontent .menu-block-wrapper .menu .menu117 a:hover {
  font-size: 14px;
  margin-top:-20px;
  -webkit-hyphens: none;
   -moz-hyphens: none;
        hyphens: none;
}
#wrapper-1 .rightcontent .menu-block-wrapper .menu li.menu117::before {

    background-color: transparent;
    box-shadow: none;
    color: #fff;
    content: "";
    font-family: 'Maven Pro';
    font-size: 20px;
    font-weight: normal;
    height: 20px;
    left: -5px;
    line-height: 17px;
    position: absolute;
    text-align: center;
    top: 3px;
    width: 31px;

}