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,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.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}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.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}
@charset "UTF-8";
/* CSS Document */


* {
margin: 0;
padding: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html, body {width: 100%;}
body {padding: 0; margin:0; background-color:#fff;border:#F90004 0 dotted; max-width: 1500px;} 


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

h1, h2, h3, h4, h5, p, li, label, .ce_accordion .toggle, figcaption, .figcaption p  {margin: 0;padding: 0;font-weight: 300; color: #000; font-family: Helvetica, Arial, sans-serif; letter-spacing: 0.02rem;} 
h1 {font-size: 1.7rem;  line-height: 1.5; border:#F90004 0 solid; margin: 2rem 4rem 1rem 25px;}
h2 {font-size: 1.3rem; margin:2rem 0 -1rem 25px; line-height: 1.5;}
h3 {font-size: 1.3rem; margin:.8rem 0 0rem 25px; line-height: 1.5;}
h4 {font-size: .9375rem; margin:.8rem 0 0rem 25px; line-height: 1.3;}


p {font-family: Helvetica, Arial, sans-serif; font-size: .9375rem; line-height: 1.5; max-width: 800px; font-weight: 200; margin:0 0 0 25px; border: #E971E1 0 solid;}

a:link, a:visited {color: #000;	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 {text-decoration: none;}
strong {font-weight:600; }

#main {margin:0 0 0 0; background-color: #FFFFFF; border:#F90004 0 solid;}

figure, .mod_rocksolid_slider {margin: 10px 25px 0 25px;}

/*Gallery----------------------------------------------------------*/

div.zwei-spalten {margin: 0 25px;}
div.zwei-spalten li {width:24%;}
div.zwei-spalten li figure {margin: 10px 10px 0 0;}

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


a.button_nav {position: fixed; top:1rem; right:25px; z-index: 100;}

a.button_nav {
	width:40px;
	height:45px;
	background: url("../../files/images_system/Element 2navi_button.svg") no-repeat; background-size:100%; background-position:0 2px;
	z-index:100;
	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 {border:#00C038 0px solid; max-width: 50%;}
.mobile_menu .inner {background: rgba(255,255,255,1);overflow-y:visible;}   /* Trigger */

/*Formatierung der einliegenden main_navi*//*setzt default Einstellungen zurück*/

.mod_navigation ul {background-color:none; padding: 1.3rem 0 1rem 0; z-index:1;}
.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-color:#fff;	font-weight: 300;}
.mod_navigation ul li strong {padding-left: 25px;}/*hier beginnt der eigentliche Style*/
.mod_navigation ul li {line-height: 2; font-size: 1rem;font-wight: 300;margin-bottom: 0em; border-bottom: #000000 thin dotted;}
.mod_navigation ul li a {display: block;text-decoration: none;color: #000000;padding-left: 25px;font-weight: 300;}
.mod_navigation ul li a:hover, .mod_navigation ul li.active {padding-left: 25px;background-color:none ;color:#FF6711;}
.mod_navigation ul li.active {padding-left: 0px;}


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

.ce_vimeo, .ce_youtube {padding-top:0; margin: 0;}
div.content-player {}
video {background-color:black;} 
source {}
div.content-player figure video {max-height:500px; max-width: 100%;}
div.content-vimeo h2 {margin-bottom: -25px;}



/* IE Aktuell ---------------------------------------------------------------*/
div.aktuell {margin: 25px 0px 0px 0px}
div.aktuell p {}
div.aktuell > h2 {}



/* IE Footer ---------------------------------------------------------------*/
div.footer {position:fixed; bottom:0px; width:100%; margin:0; padding:.5rem 25px; background-color: #fff;}
div.footer p {color:lightgoldenrodyellow; max-width:100%; padding: 5px 10px 5px 10px;}


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


.ce_accordionSingle {position:relative; width:100%; height:auto;  background-color:#222; margin:0; padding:10px 20px 0 40px;}
.ce_accordionSingle.ce_text {padding-right: 20px;}
.ce_accordionSingle .toggler {font-size: 1.5em; padding-left: 0; color: #fff;}
.ce_accordionSingle .toggler.hover {cursor: pointer;}
.ce_accordionSingle .toggler.active { }

	


/* 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) {

h1, h2, h3, h4, h5, p, li, label, .ce_accordion .toggle, figcaption, .figcaption p  {margin: 0;padding: 0;font-weight: 300; color: #000; font-family: Helvetica, Arial, sans-serif; letter-spacing: 0.02rem;} 
h1 {font-size: 1.7rem;border:#F90004 0px solid; margin: 1.5rem 4rem 0 15px; line-height: 1.2;}
h2 {font-size: 1.3rem; margin:2rem 15px 0 15px;}
h3 {font-size: 1.3rem; margin:.8rem 15px 0rem 15px; line-height: 1.5;}


p {font-family: Helvetica, Arial, sans-serif; font-size: 1rem; line-height: 1.5; max-width: 800px; font-weight: 200; margin:0 15px 0 15px; border: #E971E1 0 solid;}

a:link, a:visited {color: #000;	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 {text-decoration: none;}
strong {font-weight:600; }

#main {margin:0 0 0 0; background-color: #FFFFFF; border:#F90004 0px solid;}

figure, .mod_rocksolid_slider {margin: 5px 15px 0 15px;}
	
/*Gallery----------------------------------------------------------*/

div.zwei-spalten {margin: 0 25px;}
div.zwei-spalten li {width:50%;}
div.zwei-spalten li figure {margin: 10px 10px 0 0;}


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

a.button_nav {position: fixed; top:.9rem; right:15px; z-index: 100;}

a.button_nav {
	width:40px;
	height:45px;
	background: url("../../files/images_system/Element 2navi_button.svg") no-repeat; background-size:100%; background-position:0 2px;
	z-index:100;
	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 {border:#00C038 0px solid; max-width: 84%;}
.mobile_menu .inner {background: #fff;overflow-y:visible;}   /* Trigger */

/*Formatierung der einliegenden main_navi*//*setzt default Einstellungen zurück*/

.mod_navigation ul {background-color: #fff;}
.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-color:#fff;	font-weight: 300;}
.mod_navigation ul li strong {padding-left: 10px;}/*hier beginnt der eigentliche Style*/
.mod_navigation ul li {line-height: 1.75; font-size: 1.3rem;font-wight: 300;margin-bottom: 0em}
.mod_navigation ul li a {display: block;text-decoration: none;color: #000000;padding-left: 10px;font-weight: 300;}
.mod_navigation ul li a:hover, .mod_navigation ul li.active {padding-left: 10px;background-color:none ;color:#FF6711;}
.mod_navigation ul li.active {padding-left: 0px;}

	div.content-vimeo h2 {margin-bottom: -10px;}

div.footer {position:fixed; bottom:0px; width:100%; margin:0; padding:.5rem 15px; background-color: #fff;}


}






/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */

/*

	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)

*/

/* pswp = photoswipe */

.pswp {

  display: none;

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  overflow: hidden;

  -ms-touch-action: none;

  touch-action: none;

  z-index: 1500;

  -webkit-text-size-adjust: 100%;

  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */

  -webkit-backface-visibility: hidden;

  outline: none; }

  .pswp * {

    -webkit-box-sizing: border-box;

            box-sizing: border-box; }

  .pswp img {

    max-width: none; }



/* style is added when JS option showHideOpacity is set to true */

.pswp--animate_opacity {

  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */

  opacity: 0.001;

  will-change: opacity;

  /* for open/close transition */

  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);

          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }



.pswp--open {

  display: block; }



.pswp--zoom-allowed .pswp__img {

  /* autoprefixer: off */

  cursor: -webkit-zoom-in;

  cursor: -moz-zoom-in;

  cursor: zoom-in; }



.pswp--zoomed-in .pswp__img {

  /* autoprefixer: off */

  cursor: -webkit-grab;

  cursor: -moz-grab;

  cursor: grab; }



.pswp--dragging .pswp__img {

  /* autoprefixer: off */

  cursor: -webkit-grabbing;

  cursor: -moz-grabbing;

  cursor: grabbing; }



/*

	Background is added as a separate element.

	As animating opacity is much faster than animating rgba() background-color.

*/

.pswp__bg {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: #fff;

  opacity: 0;

  transform: translateZ(0);

  -webkit-backface-visibility: hidden;

  will-change: opacity; }



.pswp__scroll-wrap {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  overflow: hidden; }



.pswp__container,

.pswp__zoom-wrap {

  -ms-touch-action: none;

  touch-action: none;

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0; }



/* Prevent selection and tap highlights */

.pswp__container,

.pswp__img {

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

      user-select: none;

  -webkit-tap-highlight-color: transparent;

  -webkit-touch-callout: none; }



.pswp__zoom-wrap {

  position: absolute;

  width: 100%;

  -webkit-transform-origin: left top;

  -ms-transform-origin: left top;

  transform-origin: left top;

  /* for open/close transition */

  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);

          transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }



.pswp__bg {

  will-change: opacity;

  /* for open/close transition */

  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);

          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }



.pswp--animated-in .pswp__bg,

.pswp--animated-in .pswp__zoom-wrap {

  -webkit-transition: none;

  transition: none; }



.pswp__container,

.pswp__zoom-wrap {

  -webkit-backface-visibility: hidden; }



.pswp__item {

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  overflow: hidden; }



.pswp__img {

  position: absolute;

  width: auto;

  height: auto;

  top: 0;

  left: 0; }



/*

	stretched thumbnail or div placeholder element (see below)

	style is added to avoid flickering in webkit/blink when layers overlap

*/

.pswp__img--placeholder {

  -webkit-backface-visibility: hidden; }



/*

	div element that matches size of large image

	large image loads on top of it

*/

.pswp__img--placeholder--blank {

  background: #666; }



.pswp--ie .pswp__img {

  width: 25% !important;

  height: auto !important;

  left: 0;

  top: 0; }



/*

	Error message appears when image is not loaded

	(JS option errorMsg controls markup)

*/

.pswp__error-msg {

  position: absolute;

  left: 0;

  top: 50%;

  width: 100%;

  text-align: center;

  font-size: 14px;

  line-height: 16px;

  margin-top: -8px;

  color: #CCC; }



.pswp__error-msg a {

  color: #CCC;

  text-decoration: underline; }



/*Hide Share-Button*/



.pswp__button--share {

    display:none!important;

}