@charset "UTF-8";
/* CSS Document */

body{
	padding:0;
	min-width:300px;
}

header .top_row, #sticky_header .top_row{
	/*background-color:#4582b4;*/
	position:relative;
	box-shadow: 0px 1px 20px #000;
}

header .row, #sticky_header .row{
	position:relative;
	
}
header .bottom_row, #sticky_header .bottom_row{
	background-color:#fbd27f;
	position:relative;
	min-height:0px;
}

header .row_alt{
	margin-left:0;
	margin-right:0;	
}
header .bottom_row{
	z-index:0;
}
header .row_alt .col-md-12, header .row_alt .col-sm-12{
	padding-left:0;
	padding-right:0;
}
/*
header .top_row{
	margin-right:0;	
	z-index:40;
}
*/
.top_row{
	margin-right: 0;
    z-index: 3;
    display: flex;
    margin-left: 0;
	background:#fff;
	height: 180px;
}


header .bottom_row .container{
	position:relative;
}
/*
.logo_wrapper{
	position:relative;
	max-width: 30%;
	margin-left:15px;
}

.logo{
	position:absolute;
	width:597px;
	max-width:100%;
	height:560px;
	background-image:url(../img/logo_hintergrund.png);
	background-size:contain;
	background-repeat:no-repeat;
}

.logo_wrapper{
	position:relative;
	float:left;
	margin-left:15px;
}
*/
.logo_wrapper { 
    flex: 1;
    width: auto;
    min-width: 200px;
}


.logo{
	position:relative;
	width:auto;
	max-width:100%;
	height:auto;
	background:#fff;
	padding-top: 22px;
	padding-bottom: 22px;
	margin-left: 80%;
}

/*
.logo a{
	width:208px;
	max-width:36%;
	height:105px;
	position:relative;
	margin-top:12px;
	margin-left:20px;
	display:block;
}
*/
.logo a {
    width: 154px;
    /* max-width: 36%; */
    /* height: 45px; */
    position: relative;
    margin-top: 6px;
    /*margin-left: 20px;*/
	margin-left:auto;
	margin-right:auto;
    margin-bottom: 6px;
    display: block;
}
/*
.navigation_wrapper{
	max-width:1520px;
	display:block;
	margin:0 auto;
}
*/
#mainnavbarSticky {
	margin-top: 98px;
	position: relative;

}

#mainnavbar {
	margin-top: 98px;
	position: relative;

}
.navigation_wrapper {
    max-width: 1110px;
    display: block;
    width: 100%;
    background: #fff;
    margin-left: auto;
    margin-right: auto;
}
.metanav_wrapper{
	flex: 1;
    /*min-width: 155px;*/
    background: #fff;
}
.metanav {
    background-color: #fff;
    border: medium none;
    float: right;
    position: relative;
    clear: both;
    top: -150px;
}

.metanav ul{
	padding:0;
}

.metanav ul li{
	float:left;
	list-style:none;
	font-size:12px;
	line-height:67px;
	color:#fbd27f;
	margin-right:7px;
	margin-left:7px;
}

.metanav ul li a:link, .metanav ul li a:visited {
	color:#fbd27f;
	text-decoration: none;
}
.metanav ul li a:hover, .metanav ul li a:focus {
	color:#bd1220;
	text-decoration: none;
}


.langnav{
	display: none;
}
.langnav span {
    float:left;
	list-style:none;
	font-size:16px;
	line-height:67px;
	color:#fff;
	margin-right:0;
	margin-left:15px;
}

.langnav span a:link, .langnav span a:visited{
    color: #fff;
    
}
.langnav span.active a:link, .langnav span.active a:visited{
	text-decoration:underline;
}

.langnav span a:hover{
	color: #000;
	text-decoration:none;
}

.navbar{
     border: medium none;
    float: right;
    font-style: italic;
    margin-bottom: 0;
}
.navbar-collapse.collapse, .navbar-collapse.collapsing{
    padding: 0;
	overflow-x:hidden;
    
}
.navbar .navbar-nav > li > a{
	line-height:57px;
	font-size:18px;
	color:#fbd27f;
	padding-top:0;
	padding-bottom:0;
	border-left: 1px solid #fff;
}
.navbar .navbar-nav > li > a {
	line-height:67px;
    font-size: 18px;
    padding-left: 8px;
    padding-right: 8px;
}


.navbar .navbar-nav > li.first > a{
	border-left: none;
}

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

.navbar .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #bd1220;
    background-color: #fff;
}

.navbar .dropdown.hover:hover > ul{
	display:block;
}

ul.dropdown-menu .dropdown-menu {
        left: 100%;
    top: -7px;
    border-radius: 0px 4px 4px 0;
	-webkit-box-shadow: 4px 0px 6px -4px rgba(0,0,0,.175) inset;
    box-shadow: 4px 0px 6px -4px rgba(0,0,0,.175) inset;
    border-left: 1px solid #4582b4;
}
.dropdown-menu{
	border:none;
}
.dropdown-menu>li {
   	border-bottom:1px solid #fff;
}
.dropdown-menu>li.last {
   	border-bottom:none;
}
.dropdown-menu>li>a {
    font-weight: 400;
    color: #fbd27f;
	font-size:16px;
	line-height:26px;
	padding: 3px 15px;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    text-decoration: none;
    color: #bd1220;
    background-color: #fff;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #bd1220;
    text-decoration: none;
    outline: 0;
    background-color: #fff;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #bd1220;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #bd1220;
}
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #fbd27f;
}

.visual{
	display:block;
	position:relative;
}

.visual img{
	width:100%;
}

.visual .img-wrap{
	margin: 0 !important;
}
.visual .csc-space-after-20 {
    margin-bottom: 0 !important;
}

.visual_unten {
	position: absolute;
	bottom: 0px;
	width: 100%;
	z-index: 9;
	background-color: transparent;
	background-position: bottom;
	font-size: 1px;
}

.visual_unten img{
	width:100%;
}

.image > .caption, .flexslider .spresponsive_caption {
	position: absolute;
    width: 100%;
    height: auto;
    display: block;
    bottom: 0;
	color:#fff;
	margin-bottom: 80px;
	font-size: 24px;
	font-weight: normal;
	font-style: italic;
}

.ganze_breite .image > .caption, .flexslider .spresponsive_caption {
    position: absolute;
    top: 25%;
    width: 100%;
    height: auto;
    display: block;
	color:#fff;
	font-size: 24px;
	font-weight: normal;
	font-style: italic;
	text-align: center;
}

.ganze_breite .img-responsive {
    background: rgba(251,210,127,0.3);
}

.image > .caption h1, .flexslider .spresponsive_caption h1{
	font-size:3.214em;
	line-height: 1.42857;
	color:#fff;
}

.flexslider .spresponsive_caption div div{
	margin-right:120px;
}


#main{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+20,e6e6e6+40,e6e6e6+100 */
	background: #fbd27f; /* Old browsers */	
	z-index: 30;
    position: relative;
}

#main .col-md-3 .text {
	text-align: center;
}

#main .col-md-3 img {
	border-radius:50%; 
	max-width: 270px;
}

#main .col-md-4 img {
	border-radius:50%; 
	max-width: 270px;
}

#main .col-md-4 {
	text-align: center;
}

hr{
	/*background:url(../img/);*/
	/*background-repeat:repeat-x;*/
	/*background-size:8px 34px;*/
	/*height:34px;*/
	margin:30px 0;
	position:relative;	
	/*margin-right:68px;*/
}
/*
hr:after{
	background:url(../img/);
	background-size:68px 34px;
	content:"";
	height:34px;
	border:none;	
	position:absolute;
	width:68px;
	right:-68px;
}
*/
#main .csc-textpic-scalable {
    clear: left;
    overflow: hidden;
    display: block;
}

.ganze_breite{
	background-color: #fbd27f;
	color:#fff;
}

.ganze_breite .csc-space-after-20 {
    margin-bottom: 0px !important;
}

.ganze_breite h1, .ganze_breite h2, .ganze_breite h3, .ganze_breite h4, .ganze_breite h5, .ganze_breite h6{
	color:#fff;
}

footer{
	background-color:#bd1220;
	color:#fff;
	text-align: center;
}

footer .container .row {
    margin-top: 0px;
    padding-top: 20px;
    border-top: none;
}

footer .container .row > div {

}

footer a:link, footer a:visited{
	color:#fff;
}

footer a:hover{
	color:#fff;
	text-decoration:underline;
}


#sticky_header{
	position:fixed;
	top:-180px;
	width:100%;
	transition: all ease-in 0s 0s; 
	z-index:9999;
}

#sticky_header.show_sticky{
	top:0;
	transition: all ease-in 0.5s 0s; 
}

/*
#sticky_header .logo_wrapper {
	max-width:none;
	width: 330px;
	position: absolute;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    height: 100%;
}
	
#sticky_header .logo a {
	width: 94px;
	max-width:none;
	height: auto;
	margin-top: 5px;
	margin-left: 40px;	
}
*/
.caret-r {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	border-left: 5px dashed;
	border-left: 5px solid\9;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	left:auto;
	right:0;
	position: absolute;
    margin-top: 8px;
    margin-right: 15px;
}
.navbar li{
	padding:0;
}
.col-lg-auto{
	width:auto;
}

.breadcrump{
	line-height:52px;
	color: #666666;
	font-size:14px;
	position: absolute;
    z-index: 20;
}

.breadcrump a:link, .breadcrump a:visited{
	color: #666666;
	text-decoration:underline;
	margin-right: 10px;
}

.breadcrump span {
    font-size: 12px;
    top: 0px;
    position: absolute;
    margin-left: -9px;
}

.toolbar {
    line-height: 52px;
    color: #666666;
    font-size: 20px;
	right:15px;
    position: absolute;
    z-index: 20;
}

.toolbar .icon{
    float:left;
	margin-left:16px;
}

.row.main .sidebar {
    margin-top: 42px;
}
.panel-group {
    margin-bottom: 0;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0;
    background-color:transparent; 
    border: none;
    -webkit-box-shadow:none;
    box-shadow: none;
	border-bottom:1px solid #fff;
	clear:left;
    width: 100%;
}
.panel .panel-heading {
    background-color:transparent; 
    padding: 0;
    font-size: 14px;
    border: none;
}

.panel .panel-heading h4{
    
}
.panel .panel-heading a:hover,
.panel .panel-heading a:focus {
	text-decoration:none;
    
}
.panel .panel-heading h4:after{
    content:"\f0ab";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-left:10px;
	color:#be1522;
}
.panel .panel-heading .collapsed h4:after{
    content:"\f0a9";
}
.collapsing{
	clear:both;
}

.panel .panel-body {   
    padding: 0 0 15px;
    border: none !important;
	clear:left;
}
.img-intext-left .img-wrap{
    float: left;
    margin-right: 20px;
	max-width:50%;
	margin-bottom:10px;
}
.img-intext-right .img-wrap{
    float: right;
    margin-left: 20px;
	max-width:50%;
	margin-bottom:10px;
}
.img-center.img-above .img-wrap{ 
    max-width: 100%;
    margin: auto;
    margin-bottom: 0px;
}
.img-center img{ 
    margin: auto;
}

.img-left.img-above .img-wrap{ 
    max-width: 100%;
    margin-bottom: 10px;
}

.img-right.img-above .img-wrap{ 
    max-width: 100%;
	margin-left:auto;
	margin-right:0;
    margin-bottom: 10px;
}
.img-center.img-below .img-wrap{ 
    max-width: 100%;
    margin: auto;
    margin-top: 10px;
}
.img-right.img-below .img-wrap{ 
    max-width: 100%;
	margin-left:auto;
	margin-right:0;
    margin-top: 10px;
}
.img-left.img-below .img-wrap{ 
    max-width: 100%;
    margin-top: 10px;
}
.img-right.img-above img, .img-right.img-below img{ 
    margin-left:auto;
	margin-right:0;
}

.img-beside.img-beside-right .img-wrap {
    float: right;
    margin-left: 20px;
}
.img-beside.img-beside-left .img-wrap { 
    float: left;
    margin-right: 20px;
}
.img-beside .text {
    float: none;
    width: auto;
    overflow: hidden;
}

.img-above .flexslider{
	float:left;
}

.img-above .text{
	clear:left;
}



ul.csc-menu, .csc-sitemap ul{
    padding: 0;
}

ul.csc-menu li, .csc-sitemap ul li{
    list-style:none;
}

.csc-sitemap ul li ul{
    padding: 0px 20px 8px;
}

#main table{
    margin-bottom: 20px;
}
.table{
    width:auto;
}
table.responsive, table.stacked, table.fullwidth{
	width:100%;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th,
table>tbody>tr>td, table>tbody>tr>th, table>tfoot>tr>td, table>tfoot>tr>th, table>thead>tr>td, table>thead>tr>th {
    padding: 4px 8px 4px 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top:none;
}

.table>tbody>tr:nth-child(odd), table>tbody>tr:nth-child(odd){
	background:#fff;
}
.table>tbody>tr:nth-child(even), table>tbody>tr:nth-child(even){
	background:#e6e6e6 ;
}

.table>thead>tr>th, table>thead>tr>th {
	background:#fbd27f;
    vertical-align: bottom;
    border-bottom:none;
}

table.responsive{
	width:100%;
}

.text-red{
	color:#f00;
}

figure.image{
	position:relative;
}


/***** Powermail Formular Extension *****/
.powermail_form h3{
	display:none;
}

.powermail_form .powermail_legend{
	display:none;
}

.powermail_form .powermail_label {
    display: block;
    float: left;
    padding-bottom: 2px;
    padding-top: 5px;
	width:100%;
}

.powermail_form .powermail_input, .powermail_form .powermail_textarea {
    border: 1px solid #e6e6e6;
    padding: 5px;
    width: 95%;
	font-size: 12px;
}
.powermail_form .powermail_date{
	border: 1px solid #e6e6e6;
    padding: 5px;
	font-size: 12px;
}
.powermail_form ul.parsley-errors-list{
	list-style:none;
	color:#ff0000;
	padding: 0;
}
.powermail_form ul.parsley-errors-list li{
	padding: 4px 0 6px;
}

.powermail_form .powermail_fieldwrap{
	margin-top:5px;
}
.powermail_form .mandatory{
	padding-left:5px;
}

.powermail_form input:invalid, .powermail_form textarea:invalid{
	background-color:#fff;
}

.powermail_form .powermail_select{
    padding: 0 12px 0 2px;
	border: 1px solid #e6e6e6;
	background:#fff;
}
.powermail_form .powermail_select option{
    padding: 3px 0 3px 4px;
}

.powermail_form .powermail_submit{
	margin-top:15px;
}

.powermail_form .powermail_fieldset{
    display: table-cell;

}

.powermail_form .powermail_message.powermail_message_error{
	background:none;
	border: none;
}

.powermail_form .powermail_message {
	min-height:auto;
	background-color:transparent;
	padding: 0 !important;
	
}

.powermail_form .powermail_message li:before {
	content:"" !important;	
}



.powermail_form .powermail_fieldwrap_file{
	margin-bottom: 15px;
}

.powermail_form .powermail_fieldwrap_radio{
	margin-bottom: 15px;
}

.powermail_form .powermail_radio_legend{
	margin-bottom: 5px;
}

.powermail_form .powermail_radio_inner {
    margin-bottom: 5px;
}
.powermail_form .powermail_fieldwrap_file > label{
	margin-bottom: 5px;
}
.powermail_radio_inner > label {
    margin-left: 5px;
}
.powermail_field.powermail_submit {
    background:none;
    border: medium none;
    color: #4582b4;
    font-size: 14px;
    font-weight: bold;
    padding: 0;
}


/***** Personenregister *****/

#main table.personenregister-table {
    width: auto;
}

table.personenregister-table tr {
    background: transparent !important;
}

table.personenregister-table td {
    padding: 0 10px 0 0;
}

.personenregister-abschnitt{
	margin-bottom:30px;
}

/****** sp_responsive *******/
.bild_text.visual{
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.bild_text.visual .bild_text_table{
	position: relative;
    display: table;
    width: 100%;
    height: 100%;
}

.bild_text.visual .bild_text_cell{
	display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.bild_text.visual h2{
	font-size: 50px; 
	font-size: 4vw;
	padding:0 5%;
}
.bild_text.visual p{
	font-size: 24px; 
	font-size: 1.92vw;
	padding:0 5%;
}

.bild_text.visual .btn {
    font-size: 24px;
    font-size: 1.92vw;
    margin-top: 1em;
    background: transparent;
    border: 1px solid #fff;
    color: #fff !important;
}
.bild_text.visual .btn:hover {
    background: #fff;
	color:#000 !important;
}

.bild_text.visual.brown h2, .bild_text.visual.brown p {
	color:#007741;
}
.bild_text.visual.green h2, .bild_text.visual.green p {
	color:#007741;
}
.bild_text.visual.white h2, .bild_text.visual.white p {
	color:#fff;
}

.bild_text.visual.yellow-white::before{
	content: "";
    background-color: #ffcf00;
	-webkit-mix-blend-mode: multiply;
	-moz-mix-blend-mode: multiply;
	-o-mix-blend-mode: multiply;
	-ms-mix-blend-mode: multiply;
	mix-blend-mode: multiply;
	-webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
	backface-visibility: hidden;
	
	
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
}

.no-background-blend-mode .bild_text.visual.yellow-white::before{
    background-color: rgba(220,179,0,0.5);
}

.bild_text.visual.yellow-white h2, .bild_text.visual.yellow-white p {
	color:#fff;
}

.bild_text.visual.blue-white::before{
	content: "";
    background-color: #4ac1ef;
    -webkit-mix-blend-mode: multiply;
	-moz-mix-blend-mode: multiply;
	-o-mix-blend-mode: multiply;
	-ms-mix-blend-mode: multiply;
	mix-blend-mode: multiply;
	-webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
	backface-visibility: hidden;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
}

.no-background-blend-mode .bild_text.visual.blue-white::before{
	background-color: rgba(74,193,239,0.6);
}

.bild_text.visual.blue-white h2, .bild_text.visual.blue-white p {
	color:#fff;
}


.navbar-toggle {
	   background-image: url(../img/menu_close.png);
    background-size: 59px;
    background-repeat: no-repeat;
    background-position: center center;
    width: 59px;
    height: 59px;
    padding: 0 !important;
    background-color: #fbd27f;
}

.navbar-toggle.collapsed {
	background-image: url(../img/menu.png);
}

.navbar-toggle .icon-bar{
	display:none;
}


@media (max-width:1500px) {
	.metanav ul li {
		font-size: 12px;	
		margin-right: 6px;
		margin-left: 5px;
	}
	.metanav {
		width: auto;
		
	}
	.metanav ul li {
		font-size: 12px;
		margin-right: 6px;
		margin-left: 5px;
	}
	
	.navbar .navbar-nav > li > a {
		font-size: 18px;
		padding-left: 8px;
		padding-right: 8px;
	}
	.dropdown-menu>li>a {
		font-size: 18px;
	}

	.logo {
    background: #fff none repeat scroll 0 0;
    height: auto;
    max-width: 50%;
    margin-left: 40%;
    padding-top: 20px;
    position: relative;
    width: auto;
}
	
}
@media (max-width:1200px) {
	.image > .caption h1, .flexslider .spresponsive_caption h1{
		font-size:2.429em;
		line-height: 1.42857;
		
	}
	.logo_wrapper {
		min-width: 170px;
	}

	.logo {
    background: #fff none repeat scroll 0 0;
    height: auto;
    max-width: 50%;
    margin-left: 40%;
    padding-top: 20px;
    position: relative;
    width: auto;
}

.ganze_breite .image > .caption, .flexslider .spresponsive_caption {
    position: absolute;
    top: 25%;
    width: 100%;
    height: auto;
    display: block;
	color:#fff;
	font-size: 18px;
	font-weight: normal;
	font-style: italic;
	text-align: center;
}

.metanav {
    background-color: #fff;
    border: medium none;
    float: right;
    position: relative;
}



}


@media (max-width:991px) {
	header .top_row {
		position: absolute;
		width: 100%;
		margin: 0;
		top: 0;
		box-shadow: 0px -9px 20px 10px #000;
		z-index: 40;
		background-color: #fff;
		display:block;
		height: 97px;
	}

	.logo {
    background: #fff none repeat scroll 0 0;
    height: auto;
    max-width: 50%;
    margin-left: 0%;
    padding-top: 0px;
    position: relative;
    width: auto;
}

	/*
	.logo_wrapper {
		max-width:none;
		width: 330px;
		margin-left:0;
		position:absolute;
		overflow:hidden;
		height:100%;
	}
	*/
	.logo_wrapper {
		max-width: none;
		width: 40px;
		margin-left: 0;
		position: absolute;
		overflow: hidden;
		height: 100%;
		background:#fff;
	}
	
	.logo a {
		width: 109px;
		max-width:none;
		height: auto;
		margin-top: 5px;
		margin-left: 40px;	
	}

	.visual {
    display: block;
    position: relative;
    margin-top: 40px;
}

.navbar {
    border: medium none;
    float: left;
    font-style: italic;
    left: 0;
    margin-bottom: 0;
}
	
	.metanav {
		top: 15px;
		right: 60px;
    position: absolute;
}
	
	#sticky_header{
		display:none;
	}
	
	header {
		padding-top: 57px;
	}
	.clear-col-sm{
		clear:left;
	}
	.image > .caption h1, .flexslider .spresponsive_caption h1{
		font-size:2.143em;
		line-height: 1.42857;		
	}


	#mainnavbar {
	left: -30%;
	margin-top: 0px;
	position: relative;
	width: 200px;
}

	.navbar{
    border: none;
    float: right;
}
.navbar .navbar-nav > li > a {
    font-size: 14px;
    padding-left: 8px;
    padding-right: 8px;
}



	.navbar-collapse.in, .navbar-collapse.collapsing{
		overflow-y: auto;
		position: absolute;
		height:auto;
		width: 80%;
		right: 0;
		padding-bottom: 94px;
		width: auto;
		background-color: #fff;
	}
	

	.navbar-collapse.in {
		overflow-y: auto;
		position: fixed;
		height:100%;
		width: 400px;
		right: 0;
	}
	.navbar li.col-sm-4{
		padding:0 15px;
	}
	.navbar .navbar-nav > li > a {
		border-left: none;
	}
	.navbar-collapse.collapsing {
		overflow: hidden;
		width: 400px;
		right: 0;
		position: fixed;
	}
	.dropdown-menu {
		display: block;
		clear:left;
		position:relative;
		background: none;
    	box-shadow: none;
	}
	.dropdown-menu>li>a {
		white-space: normal;
		
	}
	
	.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
		text-decoration: none;
		color: #bd1220;
		background-color: #fff;
	}
	.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
		color: #bd1220;
		text-decoration: none;
		outline: 0;
		background-color: #fff;
	}
	
	.navigation_wrapper {
		float: right;
		width:auto;
	}
	.metanav_wrapper {
    flex: 1;
    min-width: 0px;
    background: #4582b4;
    float: right;
    width: auto;
}
	
	ul.dropdown-menu .dropdown-menu {
		left: 0;
		top: 0;
		border-radius: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
		border-left: none;
		border-top: 1px solid #4582b4;
		border-bottom: 1px solid #4582b4;
		
	}
	.caret-r {
    	display: none;
	}
	
	.dropdown-menu>li>a {
		font-weight: 400;
		color: #fbd27f;
		font-size: 18px;
		line-height: 22px;
		padding: 3px 15px;

	}
	
	ul.dropdown-menu .dropdown-menu>li>a {
		padding: 3px 30px;
	}
	
	.navbar-nav {
		margin: 0px -15px;
		background:#fff;
		width: 220px;
	}
	
	.navbar .navbar-nav > li > a {
		font-size: 20px;
		padding-left: 8px;
		padding-right: 8px;
		width: 100%;
		line-height: 27px;
		margin-top: 0px;
	}
		
	.metanav {
		
	}
	.navbar {
		float: right;
	}
	
	.navbar-toggle {
		border:none;
		border-radius: 0;
		height: 97px;
		margin:0;
		padding-right:20px;
	}
	.navbar-toggle .icon-bar {
   	 	display: block;
		margin:auto;
	}

	.col-lg-auto{
		width:inherit;
	}
	.col-sm-4 {
		/*width: 33.33333%;*/
	}
	
	.row.main .sidebar {
		margin-top: 42px;
		clear: left;
		float: left;
		width: 100%;
	}

.ganze_breite .image > .caption, .flexslider .spresponsive_caption {
    position: absolute;
    top: 25%;
    width: 100%;
    height: auto;
    display: block;
	color:#fff;
	font-size: 15px;
	font-weight: normal;
	font-style: italic;
	text-align: center;
}

}

@media (max-width:768px) {
	
	.logo a {
		width: 109px;
		max-width:none;
		height: auto;
		margin-top: 5px;
		margin-left: 20px;	
	}

	
	.image > .caption h1, .flexslider .spresponsive_caption h1{
		font-size:1.857em;
		line-height: 1.42857;
		
	}
	
	.navbar-collapse.in {
		position: absolute;
	}
	.navbar-collapse.collapsing {
		position: absolute;
	}
	
	
	/* Max width evt. auch kleiner möglich (550px) */
	

	
	#main .img-intext-left .img-wrap, #main .img-intext-right .img-wrap{
		float:none;
		margin-right: 0;
		max-width:none;
		margin-left: 0;
	}
	
	#main .img-beside.img-beside-right .img-wrap, #main .img-beside.img-beside-left .img-wrap, #main .img-beside .text  {
		margin-left:0;
		margin-right:0;
		float:none;
		overflow:auto;
	}

	#main .img-beside.img-beside-right .img-wrap, #main .img-beside.img-beside-left .img-wrap {	
		margin-bottom: 20px;
	}

	.ganze_breite .image > .caption, .flexslider .spresponsive_caption {
		display: none;
}

.ganze_breite {
	display: none;
}


}
@media (max-width:440px) {
	
	.col-xs-6 {
		width: 100%;
	}
	
		.metanav ul li {
    font-size: 14px;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: -5px;
}
.metanav ul li {
    font-size: 14px;
    margin-left: 2px;
    margin-right: 2px;
}
.metanav ul li {
    color: #fbd27f;
    float: left;
    font-size: 14px;
    line-height: 20px;
    list-style: outside none none;
    margin-left: 5px;
    margin-right: 0;
}
}

/*
==========
Popup
==========
*/

h2.csc-firstHeader{
    color: #bd1220 !important;
    font-weight: 700; !important;
}

.container-popup {
    display: block;
    min-width: 100%;
    min-height: 100%;
    background-color:  rgba(51, 51, 51, 0.75);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    z-index: 100;
    display: flex;
    justify-content: center; 
    align-items: center;
    position: fixed;
}

.popup-wrapper{
    max-height: 94%;
    overflow-y: auto;
    position: absolute;
    min-width: 300px;
}

.popup {
    max-width: 705px;
    max-height: 100%;
    padding: 1.2em 2.5em 0.5em;
    background-color: #FBD27F;
    position: relative;
}
.popup .section-default{
    max-width:100%;
    overflow: hidden;
}
.popup .section-default:last-child .frame-space-after-extra-small, 
.popup .section-default:last-child .frame-space-after-small, 
.popup .section-default:last-child .frame-space-after-medium,
.popup .section-default:last-child .frame-space-after-large, 
.popup .section-default:last-child .frame-space-after-extra-large{
    margin-bottom: 0;
}

.popup > div {
    padding: 0;
}
.popup div > header:first-child,
.popup div > h1:first-child,
.popup div > h2:first-child,
.popup div > h3:first-child{
    margin-top:30px;
}

.popup div h1 {
    color:#000;
}

.popup div h2 {
    color:#000;
}

.popup div h3 {
    color:#000;
}

.popup div p {
    color:#000;
}

.popup .gallery-row{
    margin:0;
}
.popup .gallery-item{
    padding:0;
}

.checkbox-cross {
    width: 33px; 
    height: 33px; 
    background-color: #FBD27F;
    position: absolute;
    top: 0;
    right: 0;
}

.checkbox-cross {
    z-index: 100;
}

.checkbox-cross::before, .checkbox-cross::after {
    content: " ";
    width: 20px; 
    height: 2px;
    background-color: #bd1220;
    position: absolute;
    top: 50%;
    left: 50%;
}

.checkbox-cross::before {
    transform: translateX(-50%) rotate(45deg); 
}

.checkbox-cross::after {
    transform: translateX(-50%) rotate(135deg);
}



@media (max-width: 1000px) {
    .popup {
        max-width: 500px;
    } 
}

@media (max-width: 550px) {
    .popup {
        max-width: 400px;
        min-height: 500px;
    }
}

@media (max-width: 430px) {
    .popup {
        max-width: 300px;
    }
}

@media (max-width: 330px) {
    .popup {
        margin-left: 20px;
        margin-right: 20px;
    }
}

.float-left.intext {
    padding-left: 0;
}

.float-right.intext {
    padding-right: 0;
}

.align-left img {
    margin-left: 0;
}

.align-right img {
    margin-right: 0;
}

@media (max-width: 768px) {
    .float-left.intext {
        padding-right: 0;
    }

    .float-right.intext {
        padding-left: 0;
    }
}