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}
@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}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.responsive{position:relative;height:0}.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.responsive.ratio-169{padding-bottom:56.25%}.responsive.ratio-1610{padding-bottom:62.5%}.responsive.ratio-219{padding-bottom:42.8571%}.responsive.ratio-43{padding-bottom:75%}.responsive.ratio-32{padding-bottom:66.6666%}
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
/* Zu überschreibende Default settings aus dem Contao Framework hier einfügen--------------------*/

html, body {position: relative;}
body {font-family: 'Roboto Slab', Helvetica, Arial, sans-serif; font-weight: 300;color: #000;font-size: 100%;background-color: #ffffff;	padding: 0;	height: 100%;} 
/*body.zeichnungen {background-color: #666;} */
a:active, a:focus {outline: none;} /* lässt die gepunktete Linie verschwinden */


/* Grundlegende Textformatierungen----------------------------------------------------------------*/

h1, h2, h3, h4, h5, p, li, label, .ce_accordion .toggler {margin: 0;padding: 0;font-weight: 300;letter-spacing: 0.02rem;}
h1 {font-size: 1.5em;line-height: 1.75;	color: #666; margin-left:30px;letter-spacing: 0.02rem;}
h2, .ce_accordion .toggler {font-size: 1.2em;line-height: 1.2 ;color: #666;	margin: 0 0 .5rem 0 ;letter-spacing: 0.02rem;}
p, .ce_vcard, #cboxTitle, td {font-size: 0.875em;line-height: 1.5;margin-bottom: .5em;font-weight: 300;color: #666;}
a:link, a:visited {color: #666;	text-decoration: underline;	-webkit-transition: all .5s ease;-moz-transition: all .5s ease;	-o-transition: all .5s ease;transition: all .5s ease;}
a:hover {color: rgba(255,124,10,1);	text-decoration: none;}
a:active {color: rgba(255,124,10,1);text-decoration: none;}
h1>a:link, h1>a:visited {color: #666;text-decoration: none;}
figcaption.caption {font-size: 0.875em;line-height: 1.5;margin-bottom: .5em;font-weight: 300;color: #666;}


/* Listen----------------------------------------------------------------*/

.ce_text ul li {background: url("../../files/images_system/arrow.svg") no-repeat;background-size: 16px auto;	background-position: 0px 5px;padding: 0 0 0 25px;margin-bottom: 0;}
.ce_text ul.arrow li {background: url("../../files/images_system/arrow.svg") no-repeat;padding: 0 0 0 40px;}


/*.home ul li {padding:0; background:none;}*//* Farben----------------------------------------------------------------*/

.blau {color: rgba(45,105,178,1);}
.rot {color: rgba(255,124,10,1);}


/* Container----------------------------------------------------------------*/
#wrapper {padding: 0; height:100%;}
#header {position: fixed;top: 0px;width: 100%;background-color: #ffffff;border-bottom: #666 solid 1px; z-index:10;}
#header div.inside {}
.pagetitle {position: fixed;top: 42px;left: 0;width: 100%;background-color: #ffffff;z-index: 3;border-top: #666 solid 1px;border-bottom: #666 solid 1px;}
body.home .pagetitle {display: none;}
#container {padding: 100px 0 0 0; height:100%;}   

/* Startseite Specials----------------------------------------------------------------*/


/* Artikel----------------------------------------------------------------

.background {z-index:1; position:absolute;}.content {z-index:2; position:relative; background:none;}*/

.mod_article {background: #ffffff;margin-bottom: 50px;}
/*body.zeichnungen .mod_article {background: #666;}*/
.home .mod_article {background: none;margin-bottom: 0px;}
.noborder {	border-bottom: none;}

/* Module----------------------------------------------------------------*/

div.uplink_wrapper {}
.mod_rocksolid_slider {z-index: 1; border-top: #666 solid 1px;}


/* Inhaltselemente----------------------------------------------------------------*/

.ce_text, .ce_download  {padding-right:30%;  padding-left: 30px; padding-bottom: 1em; padding-top:1em; border-bottom: #666 dashed 1px;}
.ce_text.titel_text {padding-bottom: 0em; padding-top:1em; border-bottom: none;}
.ce_text figure.image_container {max-width:48%; display:inline-block; float: right; margin-right:2%;}
.ce_text p {padding-right:52%; }
.ce_text.ohne_bild p {padding-right:1em; max-width:800px;}
.publikation {max-width: 600px; margin: 0 20px 0 30px;}
.publikation .image_container {border: solid 1px #666;}



/* Navi----------------------------------------------------------------*/

a.button_nav {
	position: fixed;
	top: 12px;
	right: 12px;
	font-size: 1.5em;
	width:40px;
	height:30px;
	border-radius: 0px;
	border: rgba(45,105,178,.85) solid 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1.75;
	background: url("../../files/images_system/navi_button_ohnekreis.svg") no-repeat;  
	transition: 250ms linear;
	z-index:5;
	color: #666;
	font-weight: 300;
	text-decoration: none;
	text-transform: inherit;
	letter-spacing: .05em;
	cursor: pointer;
}
a:hover.button_nav {color: rgba(255,124,10,1);}


/** * mobile_menu extension for Contao Open Source CMS * * Copyright (C) 2011-2015 Codefog * * @package mobile_menu * @author  Codefog <http://codefog.pl> * @author  Kamil Kuzminski <kamil.kuzminski@codefog.pl> * @license LGPL *//* Menu */

.mobile_menu {position: fixed;z-index: 100;display: none;}
.mobile_menu .inner {height: 100%;background: #ffffff;overflow-y: auto;}/* Trigger */
.mobile_menu_trigger {display: none;}/* Wrapper */
.mobile_menu_wrapper {position: relative;width: 100%;overflow: hidden;}/* Hide menu on IE8-9 */
body.ie8 .mobile_menu, body.ie8 .mobile_menu_trigger, body.ie9 .mobile_menu, body.ie9 .mobile_menu_trigger {display: none !important;}

/*Formatierung der einliegenden main_navi*//*setzt default Einstellungen zurück*/
.mod_navigation ul li.bg_image, .mod_navigation ul li.bg_image, .mod_navigation ul li.bg_image a, .mod_navigation ul li.bg_image .active, .mod_navigation ul li strong {background-image: none;	font-weight: 300;}
.mod_navigation ul li strong {padding-left: 20px;}/*hier beginnt der eigentliche Style*/
.mod_navigation ul li {line-height: 1.75;border-bottom: #666 solid 1px;font-size: 1.5rem;font-wight: 300;margin-bottom: 0em}
.mod_navigation ul li ul.level_2 li {border-bottom: none; padding-left:1.9rem; background: url("../../files/images_system/arrow.svg") no-repeat; background-size: 20px auto; background-position: 22px 15px;}
.mod_navigation ul li a {display: block;text-decoration: none;color: #666;padding-left: 20px;font-weight: 300;}
.mod_navigation ul li a:hover, .mod_navigation ul li.active {padding-left: 20px;background-color:none ;color: rgba(138,205,223,1.00);}
.mod_navigation ul li.active {padding-left: 0px;}
.mod_navigation ul li.impressum {line-height: 2em;border-bottom: #FFF solid 0px;font-size: .75em;padding: 10px 20px 0 0;text-transform: uppercase;letter-spacing: 0.05em;text-align: right;}
.mod_navigation ul li.impressum a:hover, .mod_navigation ul li.impressum.active {background-color: rgba(149,214,0,0);}	


/* iframe----------------------------------------------------------------*/

.iframe-container {overflow: hidden; padding-top:56.25%; position: relative;}
.iframe-container.left {margin-bottom: 40px;}
.iframe-container iframe {border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
.player .vp-text-alert-wrapper {text-align: left;}

/* video----------------------------------------------------------------*/

.ce_vimeo, .ce_youtube {padding:.5em 30px 1em 30px; max-width: 1000px;}


/* accordion----------------------------------------------------------------*/

.ce_accordion .ce_text {padding-bottom: 0em; padding-top:1em; border-bottom: #666 dashed 0px; }
.accordion {max-width:1000px;}
.accordion p {padding-right:1em; max-width:800px; }


.ce_accordionSingle.ce_text {padding-bottom: 0em; padding-top:1em; border-bottom: #666 dashed 0px; }
.ce_accordionSingle .toggler {padding: 0px 0px 0px 30px; background: url("../../files/images_system/arrow.svg") no-repeat left bottom; background-position:0px 6px; background-size: 20px auto; cursor: pointer; outline: none;}
.ce_accordionSingle .toggler.hover {/*color: rgba(255,124,10,1);*/ }
.ce_accordionSingle .toggler.active {/*color: rgba(255,124,10,1); outline: none;*/}	

	
/* Galerie (Contao Core) -----------------------------------------------------*/

.ce_gallery {line-height:0; margin-bottom:1rem; margin-top:.5rem; padding-left:30px; z-index:1;  border-top: #666 dashed 0px;}
.ce_gallery figure.image_container {margin-right:8px; margin-bottom:8px;}
.ce_gallery>ul li.col_first {clear:none;} /*unterdrückt den erzwungenen Zeilenumbruch*/
.ce_gallery figcaption {display: none;}


/* visibility----------------------------------------------------------------*/


/* Resposnsiv----------------------------------------------------------------*/


@media only screen and (max-width:1500px) {
.ce_text {padding-right:10%;}
}

@media only screen and (max-width:1000px) {
.ce_text {padding-right:0%;}
}


@media only screen and (max-width:700px) {

.ce_text, .ce_download  {padding-right:10px;  padding-left: 30px;}
.ce_text figure.image_container {max-width:100%; display:block; float:none; margin-right:0%; padding:.5em 0 1em 0; }
.ce_text p {padding-right:0%; }



}

@media only screen and (max-width:600px) {

.ce_text, .ce_download  {padding-left: 10px;}

h1 {margin-left: 10px;}
.ce_accordion .ce_text {padding: 0 10px;}
.ce_accordion .toggler {padding: 0px 0 0px 30px;}
.ce_accordion .toggler.hover {background-position: 0px 0px;}
.ce_accordion .toggler.active {background-position: 0px 6px;}
.ce_gallery {padding-left:10px;}
.publikation {margin: 0 10px 0 10px;}
    

}