/* Contao Open Source CMS, (c) 2005-2015 Leo Feyer, LGPL license */
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
/* Contao Open Source CMS, (c) 2005-2015 Leo Feyer, LGPL license */
@media(max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}
html {
	height: 100%; 
	width: 100%;
	background-color: #efefef
}
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 100.01%;
	height: 100%; 
	width: 100%;
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );

padding-top: 2em
}
#wrapper, #container, footer {
	margin: 0 auto
}
#wrapper {
    max-width: 100%;
    /*background-color: #f6f6f6;*/
    -webkit-box-shadow: 0px 0px 12px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 12px -5px rgba(0,0,0,0.75);
    box-shadow: none;
    text-align: center;
}
#header {
    width: 99%;
    border-bottom: 1px solid #efefef;
    height: 100%;
    margin: 6px;
}
#header .subcolumns {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c1bfea+0,d8d0ef+58,cec7ec+66,ebe9f9+100 */
background: #c1bfea; /* Old browsers */
background: -moz-linear-gradient(left,  #c1bfea 0%, #d8d0ef 58%, #cec7ec 66%, #ebe9f9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #c1bfea 0%,#d8d0ef 58%,#cec7ec 66%,#ebe9f9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #c1bfea 0%,#d8d0ef 58%,#cec7ec 66%,#ebe9f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1bfea', endColorstr='#ebe9f9',GradientType=1 ); /* IE6-9 */
height: 220px !important
}
#container {
    padding: 4em 1em 4em 2em;
    max-width: 400px;
    margin: 0 auto;
}
#main {
	margin-top: 0em
}
#footer {
    max-width: 400px;
    margin: 0 auto;
	height: 3em;
	color: #666; 
	border: 1px solid #efefef;  
	padding-top: 0.8em;
	/*-webkit-box-shadow: 0px 5px 12px -5px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 5px 12px -5px rgba(0,0,0,0.75);
	box-shadow: 0px 5px 12px -5px rgba(0,0,0,0.75);*/
}
/*Accordion*/
.toggler {
	font-size: 13px;
	color: #666; 
	padding: 0.2em 0; 
	cursor: pointer
}
/*Datenschutz*/
/*COOKIEBAR*/
.cookiebar {
    padding: 1em 1.2em;
    background-color: #efefef;
    color: #666;
    font-weight: 400;
    border-top: 1px solid #666; 
    font-size: 0.9em
}
.cookiebar a {
	color: #000; 
	font-size: 0.9em
}
.cookiebar__button {
    margin: 1em 0;
    padding: .6em 1.2em;
    background-color: #ccc;
    color: #666;
    font-weight: 500;
    text-transform: uppercase;
cursor: pointer
}
.cookiebar__button:hover {
	background-color: #fff; 
	color: #000
}
.cookiebar__message {
	line-height: 1.6em
}


/*MAP*/
#confirm-googlemaps {
    text-align: center;
    font-size: 14px;
    margin-top: 12% !important;
    max-width: 50%;
    line-height: 19px;
    border: 1px solid #ccc;
    padding: 2em;
    position: absolute;
    left: 25%;
    right: 25%;
 cursor: pointer
}
.dlh_googlemap {
	background: #eaedee; 
	border-bottom: 1px solid #fff
}


/*FORMULAR*/
/*Form-Hinweise*/
.kontakt a {
	text-decoration: underline
}
.kontakt p {
    font-weight: 400;
}
.kontakt fieldset {
	
}
.kontakt .explanation {
	font-size: 14px
}
.chbox-form .checkbox {
    width: 16px !important;
    float: left;
    height: 23px;
    margin-right: 0.6em;
}
.chbox-form {
    font-size: 13px;
    line-height: 21px;
}

/***Global***/
#main h1 {
    margin: 0em 0 0em 0;
    font-size: 86%;
    padding: 1em;
    font-weight: 300;
    color: #666;
}
h2 {
	width: 100%;
	margin: 0 0 0 0;
	font-size: 90%;
	padding: 0.4em 0 0.4em 0;
	font-weight: 300;
	text-transform: uppercase
}
a {
	text-decoration: none;
	color: #000
}
p {
	font-size: 84%;
	font-weight: 300
}
.textbox .ce_text {
    height: 100% !important;
    border: 1px solid #ccc;
    border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    margin-right: 1em;
    padding: 0 0 1em 0;
    margin-bottom: 1em;
background: #efefef; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #efefef 0%, #ffffff 35%, #ffffff 65%, #efefef 100%);
background: -webkit-radial-gradient(center, ellipse cover,  #efefef 0%,#ffffff 35%,#ffffff 65%,#efefef 100%);
background: radial-gradient(ellipse at center,  #efefef 0%,#ffffff 35%,#ffffff 65%,#efefef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#efefef',GradientType=1 );
/*-webkit-box-shadow: 10px 14px 11px -8px rgba(0,0,0,0.22);
-moz-box-shadow: 10px 14px 11px -8px rgba(0,0,0,0.22);
box-shadow: 10px 14px 11px -8px rgba(0,0,0,0.22);*/
}
p {
	padding: 0 1em 0 1em;
	margin: 0.4em 0 0 0;
	line-height: 140%
}
/***header***/
#header .col_1 {
	width: 800px !important;
}
#header .col_2 {
	padding-left: 1em
}
#header .col_2 {
	padding-left: 1em;
}
#header h1 {
	border: none; 
	margin: 0
}
/***LOGO***/
.logo img {
    max-width: 100%;
    height: auto;
    border: 1px solid #ccc;
    border-radius: 1%;
    padding: 4em;
}
.cb-logo {
	float: right;
	z-index: -1;
	margin-top: 2em;
	width: 100%;
	/*border: 1px solid #ccc;
    border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;*/
    margin-right: 2em;
}
.cb-logo h4 { 
	color: #D52123;
	text-align: right;
	font-weight: normal; 
	margin-bottom: 0.4em;
	margin-top: 0;
	font-size: 130%
}
.cb-logo p {
	margin: 0;
	padding: 0;
	text-align: right;
	font-size: 100%
}
.cb-logo .image_container {
	width: 100%;
	height: auto;
	padding-left: 2em;
	max-width: 4em;
	min-width: 4em
}
/***Navigationen***/
.navi-main {
	width: 100%;
	background: #efefef;
	z-index: 1;
}
.navi-main .level_1 {
	list-style-type: none;
	padding-bottom: 1em;
	padding-top: 0.6em;
	text-transform: uppercase; 
	float: right
}
.navi-main .level_1 li {
	display: inline;
	float: left;
	text-align: center;
	margin-right: 1em;

}
.navi-main .level_1 li a {
	text-decoration: none;
	color: #D52123
}
.navi-main .level_1 li a:hover {
	color: #000
}
.navi-main .level_1 active {

}
.navi-recht {
	float: right
}
.navi-recht .level_1 {
	list-style-type: none;
	margin: 0.2em 2em 0 0;
	padding: 0
}
.navi-recht .level_1 li {
	float: left; 
	margin-right: 1em;
	font-size: 80%
}
.navi-recht .level_1 li a {
	text-decoration: none;
	color: #666;
}
.navi-recht .level_1 li a:hover {
	text-decoration: none;
	color: #000;
}
.sharebuttons {
    width: auto;
    max-width: 200px;
    margin: 0 auto;
}
.sharebuttons > ul.theme {
    /*margin: 0 1.6em 0 0 !important;
    padding: 0 !important;
    position: relative !important;
    right: 0 !important;
    top: 0 !important;
    float: right !important*/
	position: relative;
	left: auto;
	top: auto;
	right: auto;
	padding: 0;
	margin: 0;
	text-align: center;
	float: none;
    }
/***Slider***/
.subcol-slider {
	
}
.subcol-slider .c60l{
	max-width: 800px !important
}
.slider {
	/*width: 90%; 
	float: left;
	margin: 2em 2em 2em 2em*/
	width: 800px;
	height: 11em; 
	margin: 0; 
	padding: 0;
}
.slider {
	color: #fff;
	border-right: 1px solid #fff;
}
.slider h1 {
	font-variant: small-caps;
	font-size: 130%;
	color: #fff;
	background: #CFC8ED;
	padding: 0.4em 1.6em 0.4em 1.6em;
	margin-left: 1.6em !important;
	margin-bottom: 0.6em !important;
	font-weight: 400;
	float: left;
	display: block;
	opacity: 0.9
}
.slider p {
	clear: left;
	margin: 0 0 0 2.5em;
	padding: 0.4em 1em 0.4em 1em;
	background: #E9E7F8;
	color: #000;
	width: 48%;
	opacity: 0.9;
	border-left: 5px solid #CFC8ED;
}
.slider-prev, 
.slider-next {
	display: none !important
}
.slide1 {
	background-image: url("../../files/images/slider/slide1.jpg");
	background-size: 100%;
	height: 11.2em;
	width: 800px;
}
.slide2 {
	background-image: url("../../files/images/slider/slide2.jpg");
	background-size: 100%;
	height: 11.2em;
	width: 800px;
}
.slide3 {
	background-image: url("../../files/images/slider/slide3.jpg");
	background-size: 100%;
	height: 11.2em;
	width: 800px;
}
.outerbox {
	width: 100%; 
	height: 100%; 
	position: relative
}
.innerbox {
	bottom: 0;
	position: absolute;
	margin: 0 0 0 2.6em;
	padding: 0.5em 1em 0.5em 1em;
	background: #E9E7F8;
	color: #000;
	width: 48%;
	opacity: 0.9;
	border-left: 5px solid #CFC8ED;
	font-size: 80%;
	line-height: 136%
}
.slider-control,
.caroufredsel_controls {
	position: absolute;
	width: 70%;
	text-align: center;
	margin-top: -2em;	
}
.caroufredsel_pagi a {
	font-size: 120% !important;
	color: #C3C0EA !important
}
.slider-menu b {
	font-size: 120% !important;
	color: #C3C0EA !important
}
.caroufredsel_pagi .selected {
	font-size: 120% !important;
	color: #E50812 !important
}
.slider-menu .active {
	font-size: 120% !important;
	color: #E50812 !important
}
/***Formulare***/
.kontakt {
	background: #efefef;
	width: 88%;
	padding: 1em;
	font-size: 60%;
	height: 13em
}
.kontaktform form {
	
}
.kontaktform input {
	float: none !important;
	clear: both !important; 
	width: 100% !important
}
input {
	order: 1px solid #ccc;
    border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    float: left; 
    margin-right: 0.6em; 
    margin-bottom: 0.8em;
    width: 46%
}
.submit {
	
}
.captcha {
	float: none !important; 
	width: 100%
}
.widget-upload {
	float: none !important; 
	width: 100%
}
.cb-copyright {
	float: right;
	margin-right: 1.6em
}
@media only screen and (max-width: 800px) {
	.col_1,
	.col_2,
	.col_3 {
		display: block !important; 
		float: none !important;
		clear: left !important;
		width: 96% !important;
		text-align: left !important
	}
	#menu {
	   display: none !important
   }
   .slicknav_menu {
	   display: block !important
   }
   .cb-logo {
    padding-top: 72px !important;
	}
h1 {
	font-size: 100% !important;
	line-height: 116%
}
h2 {
	font-size: 96% !important
}
p {
	font-size: 84% !important;
	line-height: 125%;
}
.mod_newslist h2,
.more {
	font-size: 70% !important;
}
.bildrechts {
	float: left;
}
.caption {
	float: none !important
}
.video .mejs-container {
	width: 360px !important; 
	height: 280px !important	
}
#main {
	width: 100% !important
}
}