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

/* CSS Styled Content Regeln überschreiben */
html {
   -ms-overflow-style: scrollbar;
}
body {
   background: #ececec none repeat scroll 0 0; 
}
p { hyphens: auto; }
/*#########################   Banner  ##################*/
#banner{
	position: absolute;
	top: 18px;
	left: 80%;
	z-index: 10;
	width: 360px;
	height: auto;
	background-color: #ececec;
	padding: 10px 25px;
	color: #008789;
	font-weight: 600;
}
#banner p, #banner a{
	color: #008789;
	margin: 0 !important;
}
@media (max-width: 1199px) {
	#banner{
		left: 68%;
	}
}

@media (max-width: 990px) {
	#banner{
		position: relative;
		top: 0;
		left: 0;
	}
	.teaser {
		top: 120px !important;
	}
}
.row.danke{
    text-align: center;
    padding: 25px 0 50px 0;
}
/*#########################   Klimastreikbanner  Ende ##################*/	
.copyright{font-size: 14px;font-family: "jaf-bernino-sans", sans-serif; margin-top:30px;}
.contentsection, .contentsection_impressum {background: #fff;}
.startlinks_info{display:none;}
.startrechts_info{display:none;}
.headlogos{background: #ffffff;}
.headlogos1,
.headlogos2,
.headlogos3 {height: 123px;border-top: 1px solid #ececec ; border-bottom: 1px solid #ececec ; }

.bereich{width: 29px;
height:10px;
background: yellow;}
section p{font-size: 29px;font-family: "jaf-bernino-sans-condensed", sans-serif;}
header {font-size: 22px;}
figcaption {font-size: 18px; padding-top: 10px;}
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;}
/* flexible Medien*/
img, embed, object, video {
 max-width: 100%;
 height: auto;
 width: auto;
}
hr{opacity:0.6}
hr {
    border-top: 1px solid #232323;
}

a {
    color: #008789;
    text-decoration: none;
}
a:hover, a:focus {color:#008789;}
.breadcrumb a {
    color: #676767;
    text-decoration: none;
}

.breadcrumb a:hover, a:focus {color:#676767;text-decoration: none;}
.breadcrumb {color:#008789;}
.grau{color: #676767;}
ul{list-style-image: url('../bilder/bullet.svg' ); margin-bottom: 35px !important;}
.team ul, .myrow ul{ margin-bottom: 5px !important;}
ol { margin-left: -10px;}  
div.tx-powermail {
    font-family: "jaf-bernino-sans-condensed", sans-serif;
	font-size: 21px;
    margin: 0 !important;
	
    padding: 0 !important;
    width: 100%;
}

.tx-powermail  h3{display: none;}
.powermail_fieldset_15 .powermail_fieldwrap_type_check > label{
	display: none;
}
 .powermail_fieldset {
    background: #fff none repeat scroll 0 0;
    border: 0px solid #ccc;
    clear: left;
    margin-bottom: 20px;margin-left: -22px;
    padding: 10px;}
.powermail_legend {
display:none;
    color: #eaeaea;
    float: right;
    font-size: 30px;
    font-weight: bold;
    margin: 3px 10px 10px 0;
    white-space: normal;
}
.powermail_label {
    clear: left;
    color: #232323;
    display: block;
    float: none;
    font-weight: 100;
    width: 100%;
	margin-bottom: -6px;
}
.powermail_field {
    color: #444;
    font-family: "jaf-bernino-sans-condensed", sans-serif;
    padding: 3px;
    width: 100%;
	margin-bottom: 12px;
}
legend {
       border-width: 0 0 0px;}
.powermail_check_outer {
    border: 0px solid #ccc;
    color: #444;
    font-family: "jaf-bernino-sans-condensed", sans-serif;
    font-size: 22px;
    padding: 3px;
    width: 100%;
	padding-left:0px;
}
input[type="radio"], input[type="checkbox"] {
    line-height: normal;
    margin: 4px 10px 0 0;
}
label {
    font-weight: 300 !important;}
button, input, select, textarea {
    font-size: 100%;
    margin-top: 3px;
}
input.powermail_input    , textarea.powermail_textarea {
    width: 100%;
}
.powermail_submit {
    background: rgba(2, 134, 136, 1) none repeat scroll 0 0;
    border: 0 none;
    color: white;
    cursor: pointer;
    float: left;
    font-weight: bold;
    margin: 10px 0 0;
    padding: 8px 18px;
	width:255px;
	font-size: 21px;
}
.powermail_submit:hover {background: #439497;}
.powermail_fieldset_2 .powermail_fieldwrap_marker  .powermail_label{display: none;}	
.tx-felogin-pi1 div label{min-width: 150px;}
.news-single-img {
    float: left;
    margin: 10px 0 0 10px;
    padding: 0;
}
.news-list-container {margin-left: -15px;}
.news-list-container   h2{font-size: 22px;
						font-weight:bold;
						margin-bottom:10px;
						margin-top: -5px;
						}
 .news-list-container h2 a{color:  #232323;}
 .news-list-date {
    display: block;
    float: left;
    padding-left: 0;
	font-size: 80%;
	color: #000!important;
	font-family: "jaf-bernino-sans", sans-serif !important;
}
.news-list-view .header {
    height: auto;
	background-color: #fff;
	margin-left: 0;
	margin-bottom: 14px !important;
}
.news-list-view h2 {
    font-size: 22px!important;
    font-weight: bold!important;
    margin-bottom: 10px!important;
    margin-top: -5px!important;
}
.news-list-view h2 a{
    color: #000!important;
}
.news-list-view header{
    background: #fff;	
	height: 160px;
}
.news-list-view .footer{
	margin-bottom: 32px !important;
}
.showResultsWrap, .browseLinksWrap{font-size: 14px;} 
.news-list-browse {
    text-align: left;
}
.news-single .footer {
    margin-bottom: 30px !important;
}
.news-single .header {
    height: auto !important;
	background-color: #fff;
	margin-left: 0px;
	}
.news-single .teaser-text{
		font-size: 30px;
		font-weight: 600;
		color: #000;
		line-height: 1.2em;
	}

.startrechts a, .startrechts_info a {color: #fff; text-decoration: underline;}

.startrechts a:hover{text-decoration: none;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #006189 ;
    border-color: #DDDDDD #DDDDDD rgba(0, 0, 0, 0);
    border-image: none;
    border-style: solid;
    border-width: 0px;
    color: #fff;
    cursor: default;
	font-size: 27px;
	font-weight: 600;
}
.navbar-default .navbar-nav > li > a {
    color: #676767;
	padding: 10px;
	font-size: 23px;
	font-weight: 400;
	border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}

.navbar-brand {
    float: left;
    font-size: 18px;
    line-height: 20px;
    margin-left: 0px;
	padding-top: 25px;
	padding-bottom: 26px;
	width:96px;}
.nav-tabs {
    border-bottom: 0px solid #DDDDDD;
	margin-left: 33px;
}
.nav-tabs > li {
    margin-bottom: -10px;
}
.nav-tabs > li > a {
    border: 0x solid rgba(0, 0, 0, 0);
    border-radius: 0;
   }
.nav > li > a {
    display: block;
    padding: 18px 38px;
    position: relative;
	color:#ffffff;
	font-family: "jaf-bernino-sans-condensed", sans-serif;
	font-size: 27px;
    font-weight: 600;
	outline: none; 
}
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
    xxpadding: 10px 15px 10px 25px;
	
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #fff ;
    color: #008789;
   }
 .dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #008789;
  background-color: #f5f5f5;
}  
.dropdown-menu {
    font-size: 16px;} 
.dropdown-menu > li > a {
    clear: both;
    color: #333333;
    display: block;
    font-weight: normal;
    line-height: 1.42857;
    padding: 3px 20px;
    white-space: normal;
}
.dropdown:hover .dropdown-menu{display: block;}
.navbar-nav {
   float: right;
 }

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #333333;
  background-color: red;
  border-color: #adadad;
}



.navbar-default {
    background-color: #ececec;
    border-color: #ececec;
}
.navbar {

    border-radius: 4px;
}
.navbar {
    border: 0px solid rgba(0, 0, 0, 0);
    margin-bottom: 0px;}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    background-color: #fff;
    color: #555555;
}	
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #fff;
	color: #008789;
	z-index: 100;
	 border-top: 1px solid rgba(0, 0, 0, 0.15);
	 border-left: 1px solid rgba(0, 0, 0, 0.15);
	 border-right: 1px solid rgba(0, 0, 0, 0.15);
    }	

.navbar-default .navbar-toggle .icon-bar{
	background: #6e6e6e;
    border-radius: 1px;
    display: block;
    height: 4px;
    width: 26px;
}
.navbar-nav{}
.dropdown-menu{z-index: 1;
box-shadow: 0 0px 0px rgba(0, 0, 0, 0.176);}
.navbar-nav > li > .dropdown-menu {
        margin-top: -1px;
}
/*
.dropdown-menu {
    background-clip: padding-box;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.176);}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: #ececec;
    color: #555555;
    outline: 0 none;
    text-decoration: none;
}*/

.dropdown-toggle{
    bbackground-color: #006189 ;
    color: #555555;
	bbackground: url(../bilder/plus.gif ) no-repeat  90% 50%;
}
.breadcrumb, .flagge, .en a{
	font-size: 14px;
}
.flagge, .en a:hover{
	text-decoration: none;
}
.breadcrumb{
	background-color: #FFF;
    border-radius: 0px;
    list-style: none outside none;
    margin-bottom: 0px;
	padding: 8px 45px;

	}
.en{font-size: 14px;margin-top: 6px;margin-right: 0px;}	
.en a{color: #676767;}
.management{
	background: #006189 ;
	margin-left: 14px;
    margin-right:0px;
	color: #fff;
	margin-top: 33px;
}
.management a{color: #fff; text-decoration: underline;}
.management a:hover{ text-decoration: none;}
.management .col-md-2{padding-left: 0; padding-right: 0;}
.myrow {padding-top:0px;
		padding-bottom:30px;}	
/* Space out content a bit // Webfonts */
body {   xxoverflow-x: hidden;     
		font-family: "jaf-bernino-sans", sans-serif;
		font-size: 20px;
		font-weight:300;
		
		padding-top: 0px;
		padding-bottom: 0px;
		padding:0;
		color: #232323;
		}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{        
		font-family: "jaf-bernino-sans-condensed", sans-serif;
		font-size: 22px;
		font-weight:300;
		}		
	h1{
	font-weight:600;
	font-size: 42px; 
	font-weight: 600;
	}	
	h2{font-size: 32px;
	font-weight: 600;
	}	
	h3{font-size: 26px;
	font-weight: 600;
	}	
	h4{font-family: "jaf-bernino-sans-condensed", sans-serif; font-size: 26px; font-weight:600;}
	h5{font-family: "jaf-bernino-sans-condensed", sans-serif; font-size: 20px; font-weight:300;}
	p.small{font-family: "jaf-bernino-sans", sans-serif; font-size: 18px; font-weight:300;} 
	p.big{font-family: "jaf-bernino-sans-condensed", sans-serif; font-size: 26px; font-weight:300;} 

.unterseite ul {padding-left:0px;color:#232323;
border: none;
margin-left: 1em}
.unterseite li {border: none;}
.unterseite{margin: 15px auto 15px 15px;}

/* h1, .marketing h2{
font-size: 48px;
} */ 
.marketing p{font-family: "jaf-bernino-sans", sans-serif;margin: 0 0 20px ;}
.startlinks h1, .startlinks_info h1{
	font-family: georgia, sans-serif;
	font-size: 33px;
	font-style: italic;
	font-weight: normal;
	}
.startlinks p{
	font-size: 21px;
	}
.startrechts h1, .startrechts_info h1{
	font-size: 22px;
	font-weight: 400;}
.startrechts{margin-top: 11px;margin-bottom: 41px;}	
.startrechts p, .startrechts_info p{
	font-size: 18px;}	
	
/* Everything but the jumbotron gets side spacing for mobile first views */
.header_bg{
    width: 100%; 
    position: fixed;
    left: 0;
    top: 0;
	height:140px;
	min-height: 100px;
	background: #ececec;
	z-index: 10000;
}
.navbar-brand img{height: 89px;}
.management_bg{
background: #006189  ;
}
.centerbild{position: relative;margin-bottom: -65px;}


.media2click-placeholder {
    font-size: 0.8em !important;
}
.media2click-controls .media2click-button{font-size: 1.5rem;}


.centerbild img{
margin-left: auto;
margin-right: auto;
z-index: 1;
}

  .container2 {
   	position: relative;
	
	
  }
.teaser{position:absolute;
		z-index: 1000;
		max-width: 1240px;
		background: background: rgb(2, 134, 136); /* Fall-back for browsers that don't support rgba */
		background: rgba(2, 134, 136, .8);
		top: 60px;
		height: 180px;
		width: 100%;
		color: #fff;
	
		}
.text{float:left;
width:860px;
	font-size: 25px;
    letter-spacing: -0.07em;
    word-spacing: 0.1em;
	}
.scrollbutton{float: right;padding-right: 58px;}
.scrollbutton_klein{float: right;padding-right: 58px;display: none;}
.einschub{padding-left: 81px;
			padding-top:60px;}
.footer_bg{
background: #ececec;}
.footer a{color: #232323;}


.footer_einzel{float: left;
margin-right:30px;
}
/* Custom page header */
.header {
  background:#ececec;
  height: 160px;
}
/* Make the masthead heading the same height as the navigation */
.header h3 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 40px;
  padding-bottom: 19px;
}
.footer, .impressum {font-family: "jaf-bernino-sans-condensed", sans-serif;}
/* Custom page footer */
.footer {
  display:block;
  position: relative;
  vertical-align: middle;	
  mxxargin-left: auto;
  mxxargin-right: auto;
  margin-top:15px;
  margin-bottom: 14px;
  border-top: 0px solid #e5e5e5;
  background: #ececec;
  background-color: transparent;
 xxwidth: 76%;
 wxxidth: 976px;
  pxxadding: 15px 0px 15px 0px;
  
}
#c3771 + div{
	padding-left: 0px;
}
.news .mediaelement-image{
	padding-bottom: 15px;
}
#sliderBox2 {
    background-color: #fff;
}
#sliderBox2 .caption {
    margin: 0 20px;
    color: #232323;
	padding-top: 15px;
	font-size: 1.75rem;
}
.slick-slide {
    padding-right: 25px;
}
.slick-slide p{
	margin: 0 0 5px!important;
	font-size: 2rem;
}
.slick-dots{
    margin-bottom: 18px;	
}
.slick-dots li button::before {
    color: #006189;
}
.slick-dots li.slick-active button::before {
    opacity: .75;
    color: #008789;
}
.slick-prev::before, .slick-next::before {
    font-family: 'slick', sans-serif;
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #006189 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.impressum a{color: #333333;}
.navbar-nav {    
	margin: 45px 0px 0 0;
	}
.navbar-nav2{    
	margin: 8px 53px 0 10px;
	}	
.navbar-nav2 > li {
    float: left;
}
.navbar-nav2 > li > a{padding:0;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: #008789;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #008789;
  background-color: transparent;
}
.navbar-default .navbar-nav2 > .active > a, .navbar-default .navbar-nav2 > .active > a:hover, .navbar-default .navbar-nav 2> .active > a:focus {
    background-color: rgba(0, 0, 0, 0);
    color: #008789;
}
.navbar-collapse {
     padding-left: 0;
    padding-right: 0;
}

.navbar-header{margin-left: 2px;}
.pull-left {
    float: left !important;
}
.flagge{margin-right: 12px;
		margin-top:9px;}
/*.navbar-toggle {
	font-family: "jaf-bernino-sans-condensed";
    font-size: 22px;
    font-weight: 400;
    background-color: #008789 ;
    background-image: none;
    border: 0px solid rgba(0, 0, 0, 0);
    border-radius: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-top: 8px;
    padding: 5px 0px 0 30px;
	height: 42px;
	width: 100%;
    position: relative;
	color: #fff;
	text-align:left;}*/
.navbar-toggle {
    background-color: transparent ;
	border: none;
	margin-top:48px;
	margin-right: -12px;}	
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: transparent ;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: transparent;
  color: #fff;
}
.nav-tabs > li > a:hover {
  border: none;
}	
.nav-tabs > li > a {
    border: 0px solid rgba(0, 0, 0, 0);}
.cxxontainer{padding:0;}
.btn-sm {
    border-radius: 0px;
    font-size: 21px;
    line-height: 1.5;
    padding: 8px 18px;
}
.btn-primary {
    /*background-color: #005071 ;*/ 
	background-color: #4b8ca8 ;
    border: none;
    color: #FFFFFF;
	margin-bottom: 30px;
	font-weight: bold;
	padding: 8px 35px;
	font-size: 21px;
	border-radius: 0;
}
.btn-secondary {
    /*background-color: #005071 ;*/ 
	background-color: #439497 ;
    border: none;
    color: #FFFFFF;
	margin-bottom: 30px;
	padding: 2px 12px;
	font-size: 20px;
	border-radius: 0;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active, 
.open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #257597 ;
  border: none;
}
.button_gruen{background-color: #0c7578;}
.button_gruen:hover,
.button_gruen:focus,
.button_gruen:active,
.button_gruen.active {
  color: #ffffff;
  background-color: #439497 ;
  border: none;
}
.button_blau{background-color: #005071;}
.button_blau:hover,
.button_blau:focus,
.button_blau:active,
.button_blau.active {
  color: #ffffff;
  background-color: #257597 ;
  border: none;
}
.nav-tabs > li.info > a, .nav-tabs > li.info > a:hover, .nav-tabs > li.info > a:focus{background-color:rgb(0, 97, 137);}
.impressum{
	padding-top:30px;
	padding-bottom:25px;
	color: #959595;
	}
#c5013 img, #c5012 img, #c5010 img,
#c4989 img, #c4987 img, #c5456 img,#c5455 img,#c5457 img{
	max-width: 70%;
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    float: left;
    margin-left: -20px;
    margin-top: 8px;
}
.powermail_fieldwrap_newsletterfortsetzung, .powermail_fieldwrap_pflichtfelder{
	margin-bottom: 35px;
}
.powermail_fieldwrap_newsletterfortsetzung > .powermail_field{margin: 0; font-size: 1.5rem;}
@media (max-width: 1530px) {
.xxxxbereich{background: gray;}
.teaser{top:0px;}
}	/* 


/* Customize container */
@media (min-width: 1050px) {
.bereich{background: red;}
  .container {
  wxxxidth:100%;
    max-width: 1520px;
	padding-left: 0px;
    padding-right: 0px;
	
  }
}
.container-narrow > hr {
  margin: 30px 0;
}
.contentsection{padding-top:142px;}
@media (max-width: 767px) {
	.contentsection{padding-top:70px;}
	.header_bg {
		height: 72px !important;
		min-height: 72px !important;
	}
}

/* Main marketing message and sign up button */
.jumbotron {
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
}
.jumbotron .btn {
  font-size: 21px;
  padding: 14px 24px;
}
/*   Akkordeon */
.tx-jfmulticontent-pi1 h3{}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, h3.ui-accordion-header{background-color: #f2f2f2 !important; border: 0;}
/* Supporting marketing content */
.marketing {
    margin: 0 0 15px -15px;
	
}
.marketing h2{margin-bottom:10px;}
.marketing p + h4 {
  margin-top: 28px;
}
@media screen and (max-width: 1199px) {
.footer{wxxidth:362px; text-align:center;
mxxargin: -5px auto -25px;}
}
/* Responsive: Portrait tablets and up */
@media screen and (min-width: 1050px) {
.headlogos1{ margin: 0 0px;padding:0;}
.headlogos2 {margin: 0 auto;padding:0;}
.headlogos2 img {margin: 0 auto; padding:0;} 
.headlogos3{padding:0; margin: 0 0;}
.headlogos3 img{float:right;}
  /* hover menue 
ul.nav li.dropdown:hover ul.dropdown-menu{
    display: block;
    margin-top:0px;
}*/
  .header
   {
    padding-left: 0;
   	margin-left: 12px;
    margin-right:72px; 
  }

  /* Space out the masthead */
  .header {
    margin-bottom: 30px;
  }

  /* Remove the bottom border on the jumbotron for visual effect */
  .jumbotron {
    border-bottom: 0;
  }
 
}	

@media screen and (max-width: 1049px){
.gefak_menue{margin-top: 0px;
			margin-left: -15px;
			margin-right: -15px;}
.nav > li > a {
    padding: 9px 10px;
		font-size: 18px;
		font-weight: 600;}
	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
		font-size: 18px;
		font-weight: 600;}
	.nav-tabs {
		margin-left: 0px;}
	.nav-tabs > li {
    margin-top: 23px;}
	.caret{display:none !important;
			}
.navbar-nav {
   float: none;
 }			
.dropdown{
    background-color: #fff ;
    color: #555555;
	background: url(../bilder/plus.gif ) no-repeat  97% 10px;
}
.dropdown.open{
    background-color: transparent ;
    color: blue;
	background: url(../bilder/minus.gif ) no-repeat  97% 10px;
}	
.navbar-nav {
    margin: 10px 0px 0 0;}
.gefak_menue ul li{
	border-bottom: 1px solid #008789;
	padding-left: 0px;}
 li ul li{
	border-top: 0px solid #008789;
	border-bottom: 0px solid #008789}	
.navbar-collapse{background: #fff;
				max-height: 400px;}	
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #fff;
  
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: transparent;   
	border-left: 0px solid rgba(0, 0, 0, 0.15);
    border-right: 0px solid rgba(0, 0, 0, 0.15);
    color: #red;
}
 
}





@media screen and (min-width: 80px) and (max-width: 380px) {
body{font-size:17px;}
section p{font-size: 23px;}
.bereich{background: blue;}
.text {
    font-size: 16px;
	max-width:90%;
	}
.teaser{height: 159px;
	margin-top: -279px;
	background: none repeat scroll 0 0 rgba(2, 134, 136, 1);
}
.scrollbutton{display:none;}
.scrollbutton_klein{display: inherit;padding-right: 20px;}
.scrollbutton_klein{display: none;}
.marketing{height: 450px;}
.einschub {
    padding-left: 15px;
    padding-top: 15px;
	width: 100%;
}
.management {
    background: none repeat scroll 0 0 #006189;
    color: #fff;
    margin-left: 0;
    margin-right: 15px;
    margin-top: 8px;
}	
	.footer{ wxxidth: 380px;}
	.nxxavbar-brand{margin-left: -18px;}
	.marketing {
    margin: -45px 0 -45px -15px;
	}
	.marketing h2 {
			margin-bottom: 20px;
			margin-top: 4px;}
	h1, .marketing h2 {
			font-size: 30px;}
	.xxmarketing p {
			font-size: 22px;}
	.startlinks h1{
			font-size: 23px;
	}
	.startlinks p{
		font-size: 18px;
	}
	.startrechts h1{
		font-size: 16px;
		font-weight: 400;}
	.startrechts{margin-top: 2px;}	
	.startrechts p{
	font-size: 14px;}
	.nav > li > a {
    padding: 8px 10px;
		font-size: 15px;
		font-weight: 600;}
	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
		font-size: 15px;
		font-weight: 600;}
	.nav-tabs {
		margin-left: 0px;}	
		.nav-tabs > li {
    margin-top: -5px;}
	.caret{display:none !important;
			}
.centerbild{margin-bottom: -31px}			

.en {
    margin-top: -3px;
}
.footer {
  font-size: 16px;		
  mxxargin-left: 30px;
	}
	         }
@media screen and (min-width: 381px) and (max-width: 767px){
	body{font-size:17px;}
	section p{font-size: 23px;}
	.header_bg{position : absolute;}
	.gefak_menue{
		margin-top: 8px;
	}
	.teaser{
		height: 100px;
		margin-top: -220px;
		background: none repeat scroll 0 0 rgba(2, 134, 136, 1);
	}
.einschub {
    padding-left: 15px;
    padding-top: 15px;
	width: 100%;
}
.text {
    font-size: 16px;
	max-width:90%;
	}
.scrollbutton{display:none;}
.scrollbutton_klein{display: none;padding-right: 20px}	
.management {
    background: none repeat scroll 0 0 #006189;
    color: #fff;
    margin-left: 0;
    margin-right: 15px;
    margin-top: 8px;
}	
	.bereich{background: violet;}
	
	.navbar-toggle {
    margin-right: -10px;
	}
.myrow p{	
    font-size: 17px;
    
	}	

	.marketing {
    margin: 10px 0 0 -15px;
}
	.marketing{height: 230px;}
	
	.marketing h2 {
			margin-bottom: 20px;
			margin-top: 4px;}
@media (max-width: 767px) {
	.marketing h2, h2 {
			font-size: 20px;}
  }	
	h1{
			font-size: 30px;}
	.xxmarketing p {
			font-size: 24px;}
	.startlinks h1, .startlinks_info h1{
			font-size: 23px;
	}
	.startlinks p, .startlinks_info p{
		font-size: 18px;
	}
	.startrechts h1{
		font-size: 16px;
		font-weight: 400;}
	.startrechts{margin-top: 2px;}	
	.startrechts p{
	font-size: 14px;}
/*	.nav > li > a {
    padding: 12px 30px;
    font-size: 15px;
    font-weight: 600;}
	.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 10px 15px 10px 25px;
	font-size: 22px;
    font-weight: 400;
	font-family: "jaf-bernino-sans-condensed";
}
.centerbild{margin-bottom: -47px}
*/
	
.en {
    font-size: 14px;
    margin-right: 5px;
    margin-top: -3px;
}
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #333333;}
	.unterseite{margin: 15px auto 15px 0px;}
  }	
@media screen and (min-width: 768px) and (max-width: 930px) {
.teaser{height: 123px;
margin-top: -243px;
background: none repeat scroll 0 0 rgba(2, 134, 136, 1);
}
.marketing {
    height: 265px;
}
.einschub {
    padding-left: 15px;
    padding-top: 15px;
	width: 100%;
}
.text {
    font-size: 16px;
	max-width:606px;
	}
.scrollbutton{display:none;}
.scrollbutton_klein{display: inherit;padding-right: 20px}

			
.navbar-nav {
   float: none;
 }
 
}
	/*@media screen and (min-width: 1010px) and (max-width: 1199px) {
	.bereich{background: tomato;}
	.footer{ width: 1010px;}
	
	.marketing h2 {
			margin-bottom: 30px;
			margin-top: 8px;}
	.marketing h1, .marketing h2 {
			font-size: 48px;}
	.marketing p {
			font-size: 22px;}
	.startlinks h1{
			font-size: 33px;
	}
	.startlinks p{
		font-size: 22px;
	}
	.startrechts h1{
		font-size: 19px;
		font-weight: 400;}
	.startrechts{margin-top: 8px;}	
	.startrechts p{
	font-size: 16px;}
.gefak_menue{float:right !important}
}*/
@media screen and (min-width: 931px) and (max-width: 1240px) {
.bereich{background: black;}
.teaser{height: 120px;
position: absolute;
xxxmargin-top: -120px;
xxxbackground: none repeat scroll 0 0 rgba(2, 134, 136, 1);
}

.scrollbutton{display:none;}
.scrollbutton_klein{display: unset;}
.einschub {
    padding-top: 17px;
}
.text {
    font-size: 23px;
	width:760px;
	}
.marketing{margin-left: 15px;}
	
	}
	@media screen and (min-width: 1050px) {
	.xxbereich{background: white;}
	.gefak_menue{float:right !important}
}
@media screen and (min-width: 1050px) {
.marketing{margin-left: 15px;}
}
@media screen and (max-width: 1049px)
{
.unterseite {
    margin: 14px auto 15px -15px;
}
.navbar-header{margin-left: -30px;}	
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 10px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 22px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}	
/*visible-unvisible*/
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-xs.visible-sm {
    display: block !important;
  }
  table.visible-xs.visible-sm {
    display: table;
  }
  tr.visible-xs.visible-sm {
    display: table-row !important;
  }
  th.visible-xs.visible-sm,
  td.visible-xs.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-xs.visible-md {
    display: block !important;
  }
  table.visible-xs.visible-md {
    display: table;
  }
  tr.visible-xs.visible-md {
    display: table-row !important;
  }
  th.visible-xs.visible-md,
  td.visible-xs.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-xs.visible-lg {
    display: block !important;
  }
  table.visible-xs.visible-lg {
    display: table;
  }
  tr.visible-xs.visible-lg {
    display: table-row !important;
  }
  th.visible-xs.visible-lg,
  td.visible-xs.visible-lg {
    display: table-cell !important;
  }
}

.visible-sm,
tr.visible-sm,
th.visible-sm,
td.visible-sm {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-sm.visible-xs {
    display: block !important;
  }
  table.visible-sm.visible-xs {
    display: table;
  }
  tr.visible-sm.visible-xs {
    display: table-row !important;
  }
  th.visible-sm.visible-xs,
  td.visible-sm.visible-xs {
    display: table-cell !important;
  }
  .gefak_menue li {
       padding-left: 15px;
}
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-sm.visible-md {
    display: block !important;
  }
  table.visible-sm.visible-md {
    display: table;
  }
  tr.visible-sm.visible-md {
    display: table-row !important;
  }
  th.visible-sm.visible-md,
  td.visible-sm.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-sm.visible-lg {
    display: block !important;
  }
  table.visible-sm.visible-lg {
    display: table;
  }
  tr.visible-sm.visible-lg {
    display: table-row !important;
  }
  th.visible-sm.visible-lg,
  td.visible-sm.visible-lg {
    display: table-cell !important;
  }
}

.visible-md,
tr.visible-md,
th.visible-md,
td.visible-md {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-md.visible-xs {
    display: block !important;
  }
  table.visible-md.visible-xs {
    display: table;
  }
  tr.visible-md.visible-xs {
    display: table-row !important;
  }
  th.visible-md.visible-xs,
  td.visible-md.visible-xs {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-md.visible-sm {
    display: block !important;
  }
  table.visible-md.visible-sm {
    display: table;
  }
  tr.visible-md.visible-sm {
    display: table-row !important;
  }
  th.visible-md.visible-sm,
  td.visible-md.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-md.visible-lg {
    display: block !important;
  }
  table.visible-md.visible-lg {
    display: table;
  }
  tr.visible-md.visible-lg {
    display: table-row !important;
  }
  th.visible-md.visible-lg,
  td.visible-md.visible-lg {
    display: table-cell !important;
  }
}

.visible-lg,
tr.visible-lg,
th.visible-lg,
td.visible-lg {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-lg.visible-xs {
    display: block !important;
  }
  table.visible-lg.visible-xs {
    display: table;
  }
  tr.visible-lg.visible-xs {
    display: table-row !important;
  }
  th.visible-lg.visible-xs,
  td.visible-lg.visible-xs {
    display: table-cell !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-lg.visible-sm {
    display: block !important;
  }
  table.visible-lg.visible-sm {
    display: table;
  }
  tr.visible-lg.visible-sm {
    display: table-row !important;
  }
  th.visible-lg.visible-sm,
  td.visible-lg.visible-sm {
    display: table-cell !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-lg.visible-md {
    display: block !important;
  }
  table.visible-lg.visible-md {
    display: table;
  }
  tr.visible-lg.visible-md {
    display: table-row !important;
  }
  th.visible-lg.visible-md,
  td.visible-lg.visible-md {
    display: table-cell !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}

.hidden-xs {
  display: block !important;
}

table.hidden-xs {
  display: table;
}

tr.hidden-xs {
  display: table-row !important;
}

th.hidden-xs,
td.hidden-xs {
  display: table-cell !important;
}

@media (max-width: 767px) {
  .hidden-xs,
  tr.hidden-xs,
  th.hidden-xs,
  td.hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-xs.hidden-sm,
  tr.hidden-xs.hidden-sm,
  th.hidden-xs.hidden-sm,
  td.hidden-xs.hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-xs.hidden-md,
  tr.hidden-xs.hidden-md,
  th.hidden-xs.hidden-md,
  td.hidden-xs.hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-xs.hidden-lg,
  tr.hidden-xs.hidden-lg,
  th.hidden-xs.hidden-lg,
  td.hidden-xs.hidden-lg {
    display: none !important;
  }
}

.hidden-sm {
  display: block !important;
}

table.hidden-sm {
  display: table;
}

tr.hidden-sm {
  display: table-row !important;
}

th.hidden-sm,
td.hidden-sm {
  display: table-cell !important;
}

@media (max-width: 767px) {
  .hidden-sm.hidden-xs,
  tr.hidden-sm.hidden-xs,
  th.hidden-sm.hidden-xs,
  td.hidden-sm.hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm,
  tr.hidden-sm,
  th.hidden-sm,
  td.hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-sm.hidden-md,
  tr.hidden-sm.hidden-md,
  th.hidden-sm.hidden-md,
  td.hidden-sm.hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-sm.hidden-lg,
  tr.hidden-sm.hidden-lg,
  th.hidden-sm.hidden-lg,
  td.hidden-sm.hidden-lg {
    display: none !important;
  }
}

.hidden-md {
  display: block !important;
}

table.hidden-md {
  display: table;
}

tr.hidden-md {
  display: table-row !important;
}

th.hidden-md,
td.hidden-md {
  display: table-cell !important;
}

@media (max-width: 767px) {
  .hidden-md.hidden-xs,
  tr.hidden-md.hidden-xs,
  th.hidden-md.hidden-xs,
  td.hidden-md.hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-md.hidden-sm,
  tr.hidden-md.hidden-sm,
  th.hidden-md.hidden-sm,
  td.hidden-md.hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md,
  tr.hidden-md,
  th.hidden-md,
  td.hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-md.hidden-lg,
  tr.hidden-md.hidden-lg,
  th.hidden-md.hidden-lg,
  td.hidden-md.hidden-lg {
    display: none !important;
  }
}

.hidden-lg {
  display: block !important;
}

table.hidden-lg {
  display: table;
}

tr.hidden-lg {
  display: table-row !important;
}

th.hidden-lg,
td.hidden-lg {
  display: table-cell !important;
}

@media (max-width: 767px) {
  .hidden-lg.hidden-xs,
  tr.hidden-lg.hidden-xs,
  th.hidden-lg.hidden-xs,
  td.hidden-lg.hidden-xs {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-lg.hidden-sm,
  tr.hidden-lg.hidden-sm,
  th.hidden-lg.hidden-sm,
  td.hidden-lg.hidden-sm {
    display: none !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-lg.hidden-md,
  tr.hidden-lg.hidden-md,
  th.hidden-lg.hidden-md,
  td.hidden-lg.hidden-md {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-lg,
  tr.hidden-lg,
  th.hidden-lg,
  td.hidden-lg {
    display: none !important;
  }
}

@media screen and(max-width: 525px) {
  h3.ui-accordion-header > a{
	  max-width: 85% !important;
	  display: block !important;
	  font-size: 22px !important;
  }
}





@media print {
body, section p, .marketing p, .startlinks p{font-size: 12pt !important;}
h1{font-size: 16pt !important;}
h2, h3, h4, h5, h6 {font-size: 18pt !important;}
  .centerbild, .btn-primary, .en, .flagge, .impressum {
    display: none !important;
  }  
  img, .img-responsive{
  page-break-inside:avoid !important;
    
  }
  
  img {display:block !important;
float:none !important; 
    max-width: 70% !important;
  }
 .contentsection{padding-top: 0px !important;}   
  * {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: none;
  }
  a[href]:after {
    content: "";
  }
  abbr[title]:after {
    content: "";
  }
  a[href^=""]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,


  @page  {
    margin: 0 0;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  select {
    background: #fff !important;
  }
  .navbar {
    display: none;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}  
.ce-right.ce-intext, .ce-left.ce-intext{display: flex; justify-content: space-between;}
.ce-right.ce-intext > div, .ce-left.ce-intext > div{width: 47.5%;}

#kontaktformular-7662 .form-group .input.checkbox{
	margin-top: 0px;
    margin-bottom: 30px;
}
#kontaktformular-7662 .clearfix p{
	font-weight: 600;
}
.frame-space-before-no-space {
  margin-top: 0 !important;
}
.frame-space-before-extra-small {
  margin-top: 1em;
}
.frame-space-before-small {
  margin-top: 2em;
}
.frame-space-before-medium {
  margin-top: 3em;
}
.frame-space-before-large {
  margin-top: 4em;
}
.frame-space-before-extra-large {
  margin-top: 5em;
}

.frame-space-after-no-space {
  margin-bottom: 0 !important;
}
.frame-space-after-extra-small {
  margin-bottom: 1em;
}
.frame-space-after-small {
  margin-bottom: 2em;
}
.frame-space-after-medium {
  margin-bottom: 3em;
}
.frame-space-after-large {
  margin-bottom: 4em;
}
.frame-space-after-extra-large {
  margin-bottom: 5em;
}

.linkedin {
  width: 40px;
  height: 40px;
  max-width: 40px;
  max-height: 40px;
  display: block;
  margin-left: 16px;
  position: absolute;
  right: 0;
  top: 0;
}