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

/*.slide .ce_text,
.rsts-caption { display:none; }*/

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
	
header::after,
footer::after {
    clear: both;
    content: "";
    display: table;
}

.nogutter {
	margin: 0 !important;
	padding: 0 !important;
	
}
.image_container.float_left { margin-right: 30px; margin-bottom: 20px; }
.image_container.float_right { margin-left: 30px; margin-bottom: 20px; }

.ncoi---behind .ncoi---container {
   border: 1px solid #cecece;
}

.unternehmen #main .inside,
.buerger #main .inside,
.landkreis #main .inside,
.allgemein #main .inside,
.themen #main .inside {
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
/*    margin-right: -15px;
    margin-left: -15px;*/
}

.unternehmen .container,
.buerger .container,
.landkreis .container,
.allgemein .container,
.themen .container{
	width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.mod_subscribe .widget,
.mod_unsubscribe .widget { width: 100%; }

.mod_newsletterreader { border: 1px solid #000; padding-top: 30px; }

@media (max-width: 2200px) and (min-width: 1500px) {
	 #veranstaltungenstart, .interview, #energiesparchecks,	#kategorienstart, #aktuellenachricht, #klimaschutztipps, #newsletterstreifen { padding: 4% 10%; }
}

@media (max-width: 2200px) and (min-width: 1500px) {
	#eventsliderstart, .start #aktuellesstart, #main #solaroffensivestart, #main #zweithemen   { padding: 2% 10%; }
}

@media (max-width: 1499px) and (min-width: 800px) {
	 .start #aktuellesstart, #veranstaltungenstart, .interview, #energiesparchecks, #kategorienstart, #aktuellenachricht, #eventsliderstart, #klimaschutztipps, #main #solaroffensivestart, #zweithemen, #newsletterstreifen   { padding: 3% 2%; }
}


@media (max-width: 799px) and (min-width: 1px) {
	 .start #aktuellesstart, #veranstaltungenstart, #aktuellesalle, #fuss, .interview, #energiesparchecks, #kategorienstart, #aktuellenachricht, #eventsliderstart, #klimaschutztipps, #solaroffensivestart, #main #zweithemen, #newsletterstreifen    { 
		padding: 60px 15px 60px 15px; }
}



@media (max-width: 2200px) and (min-width: 1500px) {
	 #fuss   { padding: 0 10% 1% 10%; }
}
@media (max-width: 2200px) and (min-width: 1500px) {
	.mod_hofff_shariff {padding: 0 10% 1% 10%; margin: 0 15px;}
}
	
@media (max-width: 1499px) and (min-width: 800px) {
	#fuss {padding: 0 2% 1% 2%;}
}
@media (max-width: 1499px) and (min-width: 800px) {
	.mod_hofff_shariff {padding: 0 2% 0 2%; margin: 0 15px;}
}
@media (max-width: 799px) and (min-width: 1px) {
	.mod_hofff_shariff {padding: 0 15px 0 15px; margin: 0 15px; }
}


@media (max-width: 799px) and (min-width: 1px) {
	  #fuss   { 
		padding: 20px 15px 20px 15px; }
}

@media (max-width: 2200px) and (min-width: 1500px) {
	  .unternehmen .links, .buerger .links, .landkreis .links, .allgemein .links, .themen .links, .aktuelles .links { padding-left: 10%; padding-top: 4%; padding-bottom: 4%;  }
	
	  .unternehmen #rechts, .buerger #rechts, .landkreis #rechts, .allgemein #rechts, .themen #rechts, .aktuelles .links  { padding-right: 10%; padding-top: 4%; padding-bottom: 4%;  }
}
@media (max-width: 1499px) and (min-width: 768px) {
	  .unternehmen .links, .buerger .links, .landkreis .links, .allgemein .links, .themen .links { padding-left: 2%; padding-top: 3%; padding-bottom: 3%;  }
	  .unternehmen #rechts, .buerger #rechts, .landkreis #rechts, .allgemein #rechts, .themen #rechts { padding-right: 3%; padding-top: 3%; padding-bottom: 3%;  }
}
@media (max-width: 767px) and (min-width: 1px) {
	  .unternehmen .links, .buerger .links, .landkreis .links, .allgemein .links, .themen .links { padding: 15px;  }
	  .unternehmen #rechts, .buerger #rechts, .landkreis #rechts, .allgemein #rechts, .themen #rechts { padding: 20px 30px; }
}

#newsletterstreifen { 
	padding-top: 0;
}

#newsletterstreifen h2 { 
	color: #fff;
}

form button { font-size: 16px; }

#main #newsletterstreifen .newsletter { 
	padding-top: 0;
	border: 0;
}
#main #newsletterstreifen .newsletter.boxgrau {
	background-color: #96C11F !important;
}

#main #newsletterstreifen .newsletter:first-child { 
	padding-top: 30px;
	border: 0;
}

#aktuellesstart {     align-items: flex-start; }

.mod_rocksolid_slider {
	width: 100% !important;
    
}

.teilnehmerzahlenbox { 
	display: none;
	border-radius: 10px;
	background-color: #96C11F;
	padding: 15px 15px 0 15px;
}

.eventstatus { 
	border-radius: 10px;
	background-color: #96C11F;
	padding: 15px 15px 3px 15px;
	color: #fff;
}

ul.teilnehmerzahlen  { padding-left: 0; margin-bottom: 0;}

ul.teilnehmerzahlen li {
	display: inline-block;
	list-style-image: none;
	background-color: #fff;
	color: #575757;
	padding: 5px 8px;
	margin-right: 10px;
	border-radius: 5px;
	margin-bottom: 15px;
}

/* *********************** Startboxen *********************** */
.boxgruen  { 
	background-color: #95c11f;
	border: 15px solid #fff;
	padding: 15px;
	position:relative;
	min-height: 170px;
	background-image:url("../layout/bg-arrow-tuerkis.png");
	background-position: right bottom;
	background-repeat: no-repeat;
}

.boxrot  { 
	background-color: #DF1216;
}

.boxgruen h2 {  color: #fff; }
.boxgruen p { padding-right: 25%;  color: #fff; }

.boxgruen .image_container { 
	position: absolute;
	right: 20px;
	bottom: 20px;
	width: 100px;
	transform: scale(1);
    -webkit-transform: translateZ(0) scale(1,1);
    transition: all .3s ease-in-out 0s;
}
.boxgruen .image_container:hover { 
    -webkit-transform: translateZ(0) scale(1.1,1.1);
    transform: scale(1.1);
}
@media (max-width: 992px) and (min-width: 767px) {
	.boxgruen { min-height:320px; } 
}

.solarofflinks .btn { min-width: 10px; }
.solarofflinks a.btn:hover { color: #000; }
.solarofflinks  .btn-light {
     border-color:#cecece ;
}

#main #solaroffensivestart.boxgrau {
	background-color: #FFF500 !important;
	position: relative;
	overflow:visible;
	border: 3px solid #fff;
	padding-top: 30px;
	
}
#solaroffensivestart h3 {
font-family: 'Kalam';
    font-family: 'Kalam';
    font-style: normal;
    font-weight: 700;
	margin-top: 10px;
	margin-bottom: 0;
    font-size: 25px;
    /*position: absolute;
    top: 10px;
    left: 30px;*/
    width: 320px;
    height: 30px;
    transform: rotate(-3deg);
    line-height: 1;
    color: #09b4bf;
    text-shadow: 2px 1px 2px #797979;
    letter-spacing: -1px;
     overflow:visible;
}

#solaroffensivestart .ce_text>h2 { 
	color: #000;
	font-size: 34px;
    font-weight: 900;
    margin-bottom: 10px;
    margin-top: 0px;
    display: block;
}
#solaroffensivestart h4 {
    font-size: 18px;
    color: #575757;
    margin-top: 0;
}

#main #solaroffensivestartevents { 
	padding: 1% 10%;
	background-color: #09b4bf !important; 
	text-align: center;
	border: 0px solid #fff;
}
#solaroffensivestartevents h3 { color: #fff; margin-bottom: 0; }
#solaroffensivestartevents h3 a:hover { color: #000; }

/* *********************** Startboxen ENDE *********************** */

#klimaschutztipps { background-color: #199839;  }

/* *********************** News *********************** */
time { 	
	font-weight: 600;
	color: #000;
	font-size: 15px;
}

.mod_newscategories ul,
.mod_mae_event_filter ul { 
	margin: 15px 0 30px 0; 
	padding: 0;
	list-style-type: none;
	display: inline-block;
}
.mod_mae_event_filter { padding-left: 15px; }

.mod_newscategories li,
.mod_mae_event_filter li {     
	display: inline-block;
    padding-right: 10px;
    padding-bottom: 20px;
}
.mod_newscategories li strong,
.mod_newscategories li a,
.mod_mae_event_filter li strong,
.mod_mae_event_filter li a{ 
	padding: 5px 10px; 
	border: 1px solid #cecece;
	font-weight: normal;
}
.mod_newscategories .active,
.mod_mae_event_filter li.active a { color: #007695; }

.layout_latest { max-width: 25%; }
.layout_full .ce_text { padding: 0; }
.layout_full .image_container { margin-bottom: 30px; }
p.more a { font-weight: 600;
    text-align: right;
    display: block; }

.event.layout_upcoming a { /*padding-left: 15px;*/ display: block; }
.event.layout_upcoming  { padding-bottom: 10px; }

@media (max-width: 1499px) and (min-width: 800px) {
	 .layout_latest { max-width: 25%; } 
}
@media (max-width: 799px) and (min-width: 600px) {
	.layout_latest { max-width: 50%; } 
}
@media (max-width: 599px) and (min-width: 1px) {
	.layout_latest { max-width: 100%; }
}

.rechts .mod_newslist.einzel .layout_latest { width: 100%; max-width: 100%; }

#rechts .mod_newslist { margin-top: 30px; }
#rechts .mod_newslist .layout_latest { padding: 0; }

#aktuellesstart h3 { 
	width: 100%; 
	padding-left: 15px; 
	font-size: 24px;
    color: #96c11f;
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: 0px;
    display: block;
}
.start .layout_latest { max-width: 33.3%;  }


.start #klimaschutzeinzel .layout_latest,
.einzel .layout_latest {
    max-width: 100%;
}

@media (max-width: 1100px) and (min-width: 990px) {
	#aktuellesstart h3 { font-size: 18px; }
}
@media (max-width: 991px) and (min-width: 1px) {
	#aktuellesstart h3 { font-size: 24px; }
}
@media (max-width: 799px) and (min-width: 600px) {
	.start .layout_latest { max-width: 33%; } 
}
@media (max-width: 599px) and (min-width: 1px) {
	.start .layout_latest { max-width: 100%; }
}
@media (min-width: 576px) {
.offset-sm-2 {
    margin-left: 16.666667% !important;
}
}

.einzellink { padding: 15px 0 0 0; }
.einzellink a {float: right;  }

/* *********************** News ENDE  *********************** */
/* *********************** Veranstaltungen  *********************** */

#veranstaltungenstart { 
	background-color: #e9e9e9;
	margin: 0!important;
	
}

#veranstaltungenstart h2 { margin-bottom: 10px !important; }
#eventboxstart { 
	background-color: #fff;
	padding: 15px 15px 0 15px;	
}
.links .buerger #eventboxstart,
.links .unternehmen #eventboxstart,
.links .kommunen #eventboxstart {
    background-color: #f2f2f2;
    border: 15px solid #fff;
	margin-bottom: 40px;
}

#eventboxstart h3 {
    font-size: 18px;
    color: #818181;
    margin-top: 5px;
    margin-bottom: 10px;
    /*font-weight: 900;*/
}

.day:before { 
	padding-right: 10px; 
	font-family: 'Font Awesome 5 Free';
    font-weight: 900;
	content: "\f073";
	
}

#eventboxstart li {
	font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
	padding-right: 15px;
	
}

#eventboxstart li.far,
#eventboxstart li.fas { padding-left: 0; padding-right: 40px; margin-left: -20px; }

#eventboxstart li:before {
	font-size: 17px;
    padding-right: 6px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
	color: #96C11F;
}

#eventboxstart ul { padding-left: 20px; }

@media (max-width:991px)
{
	.ce_image {margin: 0 0 0 0px;}
	.image_container.float_right { margin: 0 0 20px 0; float: none; }
	.image_container.float_left { margin: 0 0 20px 0; float: none; }
}



.veranstaltungen .mod_eventlist h1 { margin-bottom: 40px !important;}
#veranstaltungenstart .mod_eventlist h2 { margin-bottom: 7px !important; color: #878787; }
#veranstaltungenstart p { line-height: 1.2; }
.start .mod_eventlist { padding-left: 30px; }
.mod_eventlist .layout_teaser h2 a { margin-bottom: 0 !important; margin-top: 4px;  }
.mod_eventlist .layout_teaser p.time { margin-bottom: 5px; margin-top: 3px;  }
.mod_eventlist .layout_teaser p.more { border-bottom: 1px solid #d6d6d6; padding-bottom:10px; }

.mod_eventlist .layout_teaser.last p.more { border-bottom: 0px solid #d6d6d6; padding-bottom: 0; }

/*.mod_eventlist .layout_teaser p.time { display: none; }*/
.mod_eventlist .layout_teaser p.more { margin-bottom: 15px; margin-top: 20px;   }
.mod_eventlist .layout_teaser p { margin-bottom: 2px;   }

@media (max-width:991px)
{
	.start .mod_eventlist {padding-left: 0; margin-top: 40px;}
}

#rechts .mod_eventlist {
    margin-top: 30px;
	padding: 20px ;
	background-color: #e9e9e9;
}

#rechts .mod_eventlist h2 {
    color: #575757;
	margin-bottom: 7px;
}

/* *********************** Veranstaltungen ENDE  *********************** */
/* *********************** Box grau  *********************** */
#main .links .boxgrau,
#main .boxgrau {
	background-color: #f6f6f6 !important;
	padding: 20px 30px 25px 30px;
	border: 15px solid #fff;
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: 25%;
}

#main .boxgrau.newsletter { 
	border-bottom: 0px;
	border-top: 0px;
	margin-top: 30px;
}

#main .boxgrau.newsletter.mod_subscribe { 
	padding-top: 0;
	margin-top: 0;
}

.boxgrau h3 { 
	margin-top: 0; 
	color: #575757;
    font-size: 20px;
	font-weight: 600;
}
#main .boxgrau ul { 
	padding-left: 20px; 
	list-style-image: url("../layout/greencaret.png");
	display: table;
}
#main .boxgrau ul li {
	margin-bottom: 5px;
	padding-left: 10px;
}

.boxgrau.bulb {	background-image: url("../images/icons/271-Bulb.svg"); }
.boxgrau.globe { background-image: url("../images/icons/272-Globe.svg"); }
.boxgrau.windmill {	background-image: url("../images/icons/273-Windmill.svg"); }
.boxgrau.atom {	background-image: url("../images/icons/274-Atom.svg"); }
.boxgrau.radiation { background-image: url("../images/icons/274-Atom.svg"); }
.boxgrau.battery { background-image: url("../images/icons/276-Battery.svg"); }
.boxgrau.flame { background-image: url("../images/icons/277-Flame.svg"); }
.boxgrau.lightning { background-image: url("../images/icons/278-Lightning.svg"); }
.boxgrau.water { background-image: url("../images/icons/279-Water.svg"); }
.boxgrau.environment { background-image: url("../images/icons/280-Environment.svg"); }
.boxgrau.charger { background-image: url("../images/icons/281-Charger.svg"); }
.boxgrau.gasstation { background-image: url("../images/icons/282-Gas-Station-Petrol-Station.svg"); }
.boxgrau.sun { background-image: url("../images/icons/283-Sun.svg"); }
.boxgrau.temperature { background-image: url("../images/icons/286-Temperature.svg"); }
.boxgrau.ledlight { background-image: url("../images/icons/287-LED-Light.svg"); }
.boxgrau.factory { background-image: url("../images/icons/288-Factory.svg"); }
.boxgrau.cloud { background-image: url("../images/icons/289-Cloud.svg"); }
.boxgrau.solarpanel { background-image: url("../images/icons/290-Solar-Panel.svg"); }
.boxgrau.electricitytower { background-image: url("../images/icons/291-Electricity-Tower.svg"); }
.boxgrau.chargingcell { background-image: url("../images/icons/292-Charging-Cell.svg"); }
.boxgrau.coalmine { background-image: url("../images/icons/293-Coal-Mine.svg"); }
.boxgrau.dieselcan { background-image: url("../images/icons/294-Diesel-Can.svg"); }
.boxgrau.socket { background-image: url("../images/icons/295-Socket.svg"); }
.boxgrau.magnet { background-image: url("../images/icons/296-Magnet.svg"); }
.boxgrau.nuclearplant { background-image: url("../images/icons/297-Nuclear-Plant.svg"); }
.boxgrau.waterdam { background-image: url("../images/icons/298-Water-Dam.svg"); }
.boxgrau.oilbarrel { background-image: url("../images/icons/299-Oil-Barrel.svg"); }
.boxgrau.gascylinder { background-image: url("../images/icons/300-Gas-Cylinder.svg"); }
.boxgrau.hydropower { background-image: url("../images/icons/301-Hydro-Power.svg"); }
.boxgrau.greenenergy { background-image: url("../images/icons/302-Green-Energy.svg"); }
.boxgrau.turbine { background-image: url("../images/icons/303-Turbine.svg"); }
.boxgrau.engine { background-image: url("../images/icons/304-Engine.svg"); }
.boxgrau.watertap { background-image: url("../images/icons/305-Water-Tap.svg"); }
.boxgrau.car { background-image: url("../images/icons/306-Car.svg"); }
.boxgrau.cellandplug { background-image: url("../images/icons/307-Cell-and-Plug.svg"); }
.boxgrau.petrol { background-image: url("../images/icons/308-Petrol.svg"); }
.boxgrau.wind { background-image: url("../images/icons/309-Wind.svg"); }
.boxgrau.plugi { background-image: url("../images/icons/310-Plug-i.svg"); }
.boxgrau.solarpanelii { background-image: url("../images/icons/312-Solar-Panel-ii.svg"); }
.boxgrau.sunii { background-image: url("../images/icons/313-Sun-ii.svg"); }
.boxgrau.batteryii { background-image: url("../images/icons/314-Battery-ii.svg"); }
.boxgrau.lighteningii { background-image: url("../images/icons/316-Lightening-ii.svg"); }
.boxgrau.windmillsii { background-image: url("../images/icons/317-Windmills-ii.svg"); }
.boxgrau.waterii { background-image: url("../images/icons/318-Water-ii.svg"); }
.boxgrau.energysaverbulb { background-image: url("../images/icons/319-Energy-Saver-Bulb.svg"); }


/* *********************** Box grau ENDE  *********************** */

/* *********************** Bereiche *********************** */
/* *********************** Aufklappbereiche *********************** */

.accordion img { margin: 0 10px 10px 10px; border: 10px solid #fff; }

.ce_accordion { margin-bottom: 10px; }

.toggler {
	position: relative;
    text-transform: none;
    font-weight: 400;
    color: #fff;
    font-size: 21px;
    margin-bottom: 0;
	letter-spacing: 0.5px;
	line-height: 1.2;
	background-color: #96C11F;
	min-height: 45px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-top: 8px;
	padding-right: 45px;
}
.toggler.active {
	
}

.toggler:hover { cursor: pointer; }

.toggler:focus { outline: none; }

.toggler:after {
font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    content: "\f106";
    font-size: 30px;
    /* padding-right: 14px; */
    color: #fff;
    padding-left: 0px;
    /* float: right; */
    /* margin-top: -3px; */
    position: absolute;
    top: 3px;
    right: 20px;
}
.toggler.active:after {

    content: "\f107";

}

.accordion h3 {
	text-align: left;
    font-size: 20px;
    font-weight: 400;
    margin-top: 20px;
    color: #000;
}

.accordion p,
.accordion li {
	color: #000;
	font-size: 16px;
}
.accordion { margin-bottom: 40px; }
.ui-accordion-content { 
	background-color: #f2f2f2;
	padding: 20px 15px;
   }

/* *********************** Aufklappbereiche ENDE *********************** */

.interview {
	margin-right: 0 !important;
	margin-left: 0 !important;
	background-color: #e9e9e9;
}






body { min-height: 200px; background-color: #fff;}

header { 
	position: fixed;
    left: 0;
    top: 0;
    width: 100%;
	padding: 0 0 0 0;
    z-index: 99999;
    /*border-bottom: 1px solid rgba(255,255,255,0);*/
	transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	z-index: 9999;
	background-color: #fff;
	height: 140px;
}
.shrink {
	padding:0 0;
	background: rgba(255,255,255,0.9);
	height: 110px;
}

#infozeile { 
	background-color: #e9e9e9;
	transition:all 0.4s ease-in-out;
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	opacity: 1;
	height: 30px;
	padding-top: 4px;
}

#infozeile.ausblenden { opacity: 0; height: 0; display: none; }

#infozeile ul { list-style-type: none; margin-bottom: 0; }
#infozeile ul li { display: inline; }

#infozeile .fas:before { 
	font-size: 18px;
	padding-right: 10px; 
	font-family: 'Font Awesome 5 Free';
    font-weight: 900; 
}
ul.socialsmobil {padding: 3px 15px; }
ul.socialsmobil li { padding-left: 15px; display: inline-block; }

#infozeile li a,
#infozeile li { 
	color: #626262 ; 
	font-size: 18px;
	font-family: 'Source Sans Pro';
 	font-style: normal;
	 font-weight: 400;
	padding-right: 20px;
}
.socialsmobil li a {
	font-size: 18px;
	font-family: 'Source Sans Pro';
 	font-style: normal;
	font-weight: 600;
	}
.socialsmobil .fab:before { 
	font-size: 30px;
	color:#96c11f; 
	
}

#infozeile li.last { float: right; padding-right: 0px; } 
#infozeile li.verein { float: right; } 

@media (max-width: 1350px) {
	#infozeile { position: absolute; top: 0; right: 0;}
	#infozeile .fas,
	#infozeile .facebook { 
		display: none; 
	}
	header #logo { float: none; }
	header { height: 120px; }
	
}
@media (max-width: 1100px) {	
	#wrapper .custom {	margin-top: 120px;	}
}

#slogan {
font-family: 'Kalam';
    font-family: 'Kalam';
    font-style: normal;
    font-weight: 700;
    font-size: 35px;
    position: absolute;
    top: 105px;
    right: 30px;
    width: 230px;
    height: auto;
    transform: rotate(4deg);
    line-height: 1;
    color: #09b4bf;
    text-shadow: 2px 1px 2px #797979;
    letter-spacing: -1px;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
	
	-webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;

    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
     transition-property: transform;

     overflow:hidden;
}

#slogan.ausblenden {
	top: 60px;
	font-size: 25px;
    width: 300px;
	-webkit-transform:rotate(361.5deg);
    -moz-transform:rotate(361.5deg); 
    -o-transform:rotate(361.5deg);
}

@media (max-width:1350px){ 
		#slogan { top: 45px; font-size: 30px; right: 0; }
		#slogan.ausblenden { top: 23px; }
}

@media (max-width: 1100px) {
	#infozeile { display: none; }
	header #slogan {
		top: 75px;
   		left: 100px;
    	width: 230px;
   		transform: rotate(-2deg);
		font-size: 20px;
		margin-top: 0;
	}
	header #slogan.ausblenden {
		top: 60px;
   		left: 100px;
    	width: 230px;
   		transform: rotate(-2deg);
		font-size: 20px;
		-webkit-transform:rotate(358deg);
   		-moz-transform:rotate(358deg); 
     	-o-transform:rotate(358deg);
	}
}

@media (max-width: 840px) {
	#slogan {
		top: 55px;
    	left: 35px;
    	width: 230px;
		transform: rotate(0.5deg);
		font-size: 20px;
		margin-top: 0;
	}
	#slogan.ausblenden {
	top: 60px;
    font-size: 20px;
    width: 230px;
	-webkit-transform:rotate(359deg);
    -moz-transform:rotate(359deg); 
    -o-transform:rotate(359deg);
}
}

.custom { 
	position: relative;
	margin-top: 140px;
}

#titelbild {
	position: relative;
    width: 100%;
    overflow: hidden;
    text-align: center;
    color: #fff;
	z-index: 1;
	/*background-color: rgba(136,74,137,0.8)*/
}
figure.image_container { margin-bottom: 0; }

#titelbild img {
    width: 100%;
    height: auto;
	/*opacity: 0.4;*/
}

#wrapper { min-height: 1400px; overflow: hidden; }

footer {
	background-color: #96C11F;
    border-top: 20px solid #cecece;
    padding-top: 50px;
 }
footer .image_container { margin-bottom: 0; }


#titelbild .mod_rocksolid_slider .ce_text {
	background-color: rgba(255,255,255,0.9);
	padding: 20px;
	color: #575757;
	width: 440px;
	height: auto;
}
#titelbild .mod_rocksolid_slider .ce_text.rechts {
	float: right;
	margin: 20px;
	text-align: left;
	margin-top: 30px !important;
}

#titelbild .mod_rocksolid_slider .ce_text.links {
	float: left;
	margin: 20px;
	text-align: left;
}
#titelbild .slide { margin-top: 0 !important; }

#titelbild .rsts-nav {
	display: none;
	position: absolute;
	right: 20px;
	bottom: 10px;
	height: 57px;
	width: auto;
}
#titelbild .rsts-skin-default .rsts-nav li.rsts-nav-item { display: none; }

#titelbild .rsts-skin-default .rsts-next {
    background-image: url("../layout/pfeil-rechts.png");
	opacity: 0.6;
}
#titelbild .rsts-skin-default .rsts-prev {
    background-image: url("../layout/pfeil-links.png");
	opacity: 0.8;margin-right: 0;
}
#titelbild .rsts-skin-default a {
border: 0px solid #ccc; 
    border: 0px solid rgba(0,0,0,0.1); 
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

#titelbild .rsts-skin-default a:hover { opacity: 1;}

#titelbild .rsts-skin-default .rsts-caption {
    position: absolute;
    top:auto; 
    left: auto;
	bottom: 15px;
	right: 100px;
	opacity: 0;
	color: #96C11F;
	border-radius: 0;
	background-color: rgba(255,255,255,0.4);
    -webkit-transform: translate(0, 40px);
    -moz-transform: translate(0, 40px);
    -ms-transform: translate(0, 40px);
    -o-transform: translate(0, 40px);
    transform: translate(0, 40px);
    -webkit-transition: opacity 0.5s,-webkit-transform 0.5s;
    -moz-transition: opacity 0.5s,-moz-transform 0.5s;
    -o-transition: opacity 0.5s,-o-transform 0.5s;
    transition: opacity 0.5s,transform 0.5s;
}
#titelbild .rsts-skin-default .rsts-active .rsts-caption {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
	background-color: rgba(255,255,255,1);
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

#eventsliderstart .mod_rocksolid_slider {
	padding-left: 0;
	padding-right: 0;
}

#eventsliderstart h2 { padding-left: 0; }

#eventsliderstart .rsts-slide {
    background-color: #f2f2f2;
    padding: 20px 20px 30px 0px;
	min-height: 400px;
}
@media (max-width: 600px) and (min-width: 1px) {
	#titelbild .mod_rocksolid_slider .ce_text { display: none; }
}

/* ****************** Anlässe Startseite ****************** */

.anlaessestart .einleitung h2 { color: #0E9318; }
.anlaessestart .einleitung h3 { color: #c4c3c3; }

.anlasskarte { 
	position: relative;
	padding: 0;
    border-left: 15px solid #fff;
    border-right: 15px solid #fff;
	margin-top: 0; 
	margin-bottom: 30px; 
	    transform: scale(1);
     -webkit-transform: translateZ(0) scale(1,1);
    transition: all .3s ease-in-out 0s;
}  
.anlasskarte:hover { 
	-webkit-transform: translateZ(0) scale(1.02,1.02);
    transform: scale(1.02);
}

.anlasskarte figure { margin: 0; }
.anlasskarte .anlasstitel {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	background: rgba(0,0,0,0.2);	
}

.anlasskarte h3 { 
	text-align: left; 
	font-size: 16px;
	font-family: 'Poppins';
 	font-style: normal;
  	font-weight: 300;
	margin-bottom: 0;
	padding-left: 15px;
	
}

.anlasskarte h2 {
	text-align: left; 
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    text-transform: none;
    color: #fff;
    font-size: 20px;
    letter-spacing: 0.5px;
    margin-top: 0;
    margin-bottom: 15px;
	padding-left: 15px;
}

.anlaessestart, .freiespielortwahl, .footerflex, #einleitunganlass, #spielekindergeburtstage, #einleitungevent, #preise, #gutschein, #detailsevent, #impressionen, #anrufenbuchen, #eventkarten, #einleitungspielorte, #spielortwahl, #indooroutdoor, #einleitungteam, #teamer, #karrierekontakt, #einleitungkontakt, #kontaktformular, #gruenerstreifen, .formbody, #einleitunginfo { 
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (max-width: 2200px) and (min-width: 1500px) {
	.anlaessestart, .freiespielortwahl, #karrierestart, #einleitunganlass, #eventkarten, #einleitungspielorte, #spielortwahl, #indooroutdoor, #einleitungteam, #teamer, #karrierekontakt, #einleitungkontakt, #kontaktformular  { padding: 4% 15%; }
}

@media (max-width: 2200px) and (min-width: 1500px) {
	.footerflex, #gutschein  { padding: 5% 5%; }
}

@media (max-width: 1499px) and (min-width: 800px) {
	.anlaessestart, .freiespielortwahl, #karrierestart, .footerflex, #einleitunganlass, #spielekindergeburtstage,#einleitungevent, #preise, #gutschein, #detailsevent, #impressionen, #anrufenbuchen, #eventkarten, #einleitungspielorte, #spielortwahl, #indooroutdoor, #einleitungteam, #teamer, #karrierekontakt, #einleitungkontakt, #kontaktformular, #einleitunginfo   { padding: 5% 5%; }
}
@media (max-width: 1499px) and (min-width: 800px) {
	#gruenerstreifen {padding: 2% 2%;}
}

@media (max-width: 799px) and (min-width: 1px) {
	.anlaessestart, .freiespielortwahl, #karrierestart, .footerflex, #einleitunganlass, #spielekindergeburtstage,#einleitungevent, #preise, #gutschein, #detailsevent, #impressionen, #anrufenbuchen, #eventkarten, #einleitungspielorte, #spielortwahl, #indooroutdoor, #einleitungteam, #teamer, #karrierekontakt, #einleitungkontakt, #kontaktformular, #gruenerstreifen, #einleitunginfo    { 
		padding: 60px 15px 60px 15px; }
}
@media (max-width: 799px) and (min-width: 1px) {
	#gruenerstreifen    { 	padding: 30px 15px 30px 15px; }
}

@media (max-width: 2200px) and (min-width: 1500px) {
	#spielekindergeburtstage, #einleitungevent, #preise  { padding: 5% 10%; }
}

@media (max-width: 2200px) and (min-width: 1500px) {
	#gutschein, #detailsevent, #impressionen, #anrufenbuchen, #gruenerstreifen, #einleitunginfo   { padding: 2% 10%; }
}

/*@media (max-width: 599px) {
.anlasskarte { margin-top: 0; margin-bottom: 15px; }
}
*/
/* ****************** Anlässe Startseite ENDE ****************** */
/* ****************** Freie Spielortwahl ****************** */

.freiespielortwahl { 
	position: relative;
	background-color: #460747;
}

.freiespielortwahl .einleitung h2 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    text-transform: none;
    color: #fff;
    font-size: 35px;
    letter-spacing: 0.5px;
    margin-top: 0;
	margin-bottom: 10px;
} 

.freiespielortwahl .einleitung h3 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    color: #fff;
    font-size: 22px;
    letter-spacing: 0.5px;
    margin-top: 0;
    margin-bottom: 4%;
}

/*.freiespielortwahl ul { 
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}*/

.freiespielortwahl ul li { display: inline-block; }
.freiespielortwahl ul li {
	font-weight: 700;
    font-size: 22px;
    border-radius: 10px;
    padding: 30px 10px;
    text-align: center;
    width: 160px;
	background: #fff600;
    border: 3px solid #000;
    margin: 20px;
	-webkit-box-shadow: 0px 0px 0px 7px rgba(255,246,0,1);
	-moz-box-shadow: 0px 0px 0px 7px rgba(255,246,0,1);
	box-shadow: 0px 0px 0px 7px rgba(255,246,0,1);
}

#ortsschilder img { 
	margin: 0 auto;
    display: block;
}

.freiespielortwahl .btn-gelb {
    background-color: transparent;
    border-color: transparent;
	border-radius: 15px;
	font-size: 20px;
	position: absolute;
    right: 30px;
    bottom: 30px;
}

.freiespielortwahl .btn-gelb a { 
	color: #fff;
	font-weight: 500;
	padding: 5px 10px;
}

.freiespielortwahl .btn-gelb a:hover { 
	color: #fff600;
	}

/* ****************** Freie Spielortwahl ENDE ****************** */


/* ****************** Socials ****************** */

footer #socials { border-top: 2px solid #c2c2c2; }
footer #socials a { color: #fff; font-size: 35px; }
footer #socials a:hover { color: #c2c2c2; }

#socials ul { width: auto; float: right; color: #fff; margin-top: -50px; }

#socials ul li { display: inline-block; margin-left: 20px;   }

#socials li.facebook a:after { 
	font-family: 'Font Awesome 5 Brands';
	font-style: normal;
	font-weight: 300;
	content: "\f082"; 
	text-indent: 0 ;
	display: block;
}

#socials li.facebook  { 
	text-indent: -9999px !important; 
	display: inline-block;
	}

#socials li.instagram a:after { 
	font-family: 'Font Awesome 5 Brands';
	font-style: normal;
	font-weight: 300;
	content: "\f16d"; 
	text-indent: 0 ;
	display: block;
}

#socials li.instagram  { 
	text-indent: -9999px !important; 
	display: inline-block;
	}

#socials li.youtube a:after { 
	font-family: 'Font Awesome 5 Brands';
	font-style: normal;
	font-weight: 300;
	content: "\f167"; 
	text-indent: 0 ;
	display: block;
}

#socials li.youtube  { 
	text-indent: -9999px !important; 
	display: inline-block;
	}

/* ****************** Socials ENDE ****************** */
/* ****************** Anlässe und Spielorte (Indoor/Outdoor)  ****************** */

#einleitunganlass, #einleitungspielorte {
background: url(../layout/bg/bg-bubble-7prozent.jpg) center center no-repeat;
    background-size: cover;
	background-attachment: fixed;
}

.btn-gruen {
    color: #fff;
    background-color: #0E9318;
    border-color: #0E9318;
	border-radius: 15px;
	font-size: 17px;
	float: right;
}

.btn-gruen a { 
	color: #fff;
	font-weight: 500;
	padding: 5px 10px;
}

.btn-gruen:hover { 
	background-color: #808080;
	color: #fff;
	border-color: #848484;
	}

#spielekindergeburtstage figure,
#indooroutdoor figure {margin-bottom: 20px;  }

#spielekindergeburtstage img,
#indooroutdoor img { border-radius: 15px;  }

#spielekindergeburtstage .ce_text,
#indooroutdoor .ce_text {
	background-color: #0E9318;
	color: #fff;
	padding: 20px;
	border-radius: 15px;
	margin-bottom: 20px;
}

#spielekindergeburtstage  h2,
#indooroutdoor h2 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
	text-transform: none;
	text-align: left;
    color: #fff600;
    font-size: 25px;
    /*letter-spacing: 1px;*/
    margin-top: 10px;
    margin-bottom: 0;    
}

#spielekindergeburtstage  h3,
#indooroutdoor h3 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
	text-transform: none;
	text-align: left;
    color: #fff;
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 15px;    
}

#spielekindergeburtstage  p,
#indooroutdoor p {
    font-family: 'Poppins';
    text-align: left;
    font-style: normal;
    font-weight: 300;
    text-transform: none;
    color: #fff;
    font-size: 18px;
    margin-top: 0px;
    margin-bottom: 0;
	line-height: 1.2;
}

@media (max-width: 767px) {
	#spielekindergeburtstage figure {margin-bottom: 0;  }
	#spielekindergeburtstage img { 
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
	}
	#spielekindergeburtstage .ce_image { padding: 0; } 
	#spielekindergeburtstage .ce_text { 
		border-top-right-radius: 0;
		border-top-left-radius: 0;
	}
}

/* ****************** Anlässe  ENDE ****************** */
/* ****************** Preise   ****************** */

#preise { background-color: #60096d; }

#preise h2 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    text-transform: none;
    color: #fff;
    font-size: 35px;
    letter-spacing: 0.5px;
    margin-top: 0;
    margin-bottom: 10px;
}

.preiskarte { 
	background-color: #fff;
	border-radius: 30px;
	border: 15px solid #60096d;
}
.preiskarte h3 {  
	color: #0e9318;
	text-align: left;
	font-size: 28px;
	font-weight: 600;
}

.preiskarte p {  
	font-weight: 500;
	text-align: left;
}
.preiskarte p.preis {  
	color: #0e9318;
	text-align: right;
	font-size: 40px;
	margin-top: 40px;
	margin-bottom: 0;
	line-height: 1;
}

.preiskarte p.preis+p {  
	text-align: right;
	margin: 0 0 15px 0;
}

#wunschevent.preiskarte p.preis {font-size: 25px;}

#verlaengerung { background-color: #e1e1e1; }

#verlaengerung h3 {  
	text-align: center;
}
#verlaengerung.preiskarte p {  
	font-weight: 500;
	font-size: 20px;
	text-align: center;
}

#kontaktaufnehmen {
	background-color: #0e9318;
	padding-top: 20px;
}

 #kontaktaufnehmen p { text-align: center; }

#kontaktaufnehmen a { 
	color: #fff;
	font-size: 25px;
text-align: center;
	line-height: 1;
}

#kontaktaufnehmen a:hover { color: #c1c1c1;}

@media (max-width: 767px) {
#kontaktaufnehmen {
	padding-top: 40px;
}
}

/* ****************** Preise  ENDE ****************** */
/* ****************** Gutschein ****************** */

#gutschein { 
background-color: #7e7e7e;
}

#gutschein h2 { 
	color: #fff600;
	text-align: left;
	font-size: 28px;
	font-weight: 600;
	text-transform: none;
	margin-bottom: 10px;
}

#gutschein p { 
	color: #fff;
	text-align: left;
}


/* ****************** Gutschein  ENDE ****************** */
/* ****************** Details Event  ****************** */

#detailsevent h2 { 
	color: #000;
	text-align: left;
	font-size: 24px;
	font-weight: 500;
	text-transform: none;
	margin-bottom: 0;
}

.eventdetail {
	background-color: #0e9318;
    border-radius: 30px;
    border: 15px solid #fff;
	min-height: 200px;
}

.eventdetail h3 {
	font-size: 23px;
	font-weight: 600;
    text-align: left;
    color: #fff;
    margin-top: 15px;
}

.eventdetail p {
	text-align: left;
    color: #fff;
}

#detailspielort h3:before { 
	font-family: 'Font Awesome 5 Free';
	font-style: normal;
	font-weight: 900;
	content: "\f3c5"; 
	font-size: 25px;
	padding-right: 8px;
	color: #fff600;
}
#detailwetter h3:before { 
	font-family: 'Font Awesome 5 Free';
	font-style: normal;
	font-weight: 900;
	content: "\f0e9"; 
	font-size: 25px;
	padding-right: 8px;
	color: #fff600;
}
#detailevent h3:before { 
	font-family: 'Font Awesome 5 Free';
	font-style: normal;
	font-weight: 900;
	content: "\f005"; 
	font-size: 25px;
	padding-right: 8px;
	color: #fff600;
}
#detailspieler h3:before { 
	font-family: 'Font Awesome 5 Free';
	font-style: normal;
	font-weight: 900;
	content: "\f007"; 
	font-size: 25px;
	padding-right: 8px;
	color: #fff600;
}
#detailkoordinator h3:before { 
	font-family: 'Font Awesome 5 Free';
	font-style: normal;
	font-weight: 900;
	content: "\f1ae"; 
	font-size: 25px;
	padding-right: 8px;
	color: #fff600;
}
#detailpreis h3:before { 
	font-family: 'Font Awesome 5 Free';
	font-style: normal;
	font-weight: 900;
	content: "\f51e"; 
	font-size: 25px;
	padding-right: 8px;
	color: #fff600;
}



/* ****************** Details Event  ENDE ****************** */

/* ****************** Impressionen  ****************** */

.ce_gallery { margin-top: 40px; }

#impressionen h2 {
    color: #000;
    text-align: left;
    font-size: 24px;
    font-weight: 500;
    text-transform: none;
    margin-bottom: 15px;
}

.ce_gallery li {
	/*width: 24%;*/
    overflow: hidden;
    float: left;
    display: block;
    margin-right: 1.25%;
    margin-bottom: 1.25%;
}

.ce_gallery li.col_last { margin-right: 0; }

@media (max-width: 1199px) {
.ce_gallery li {
	width: 48.2%;
	}
	.ce_gallery li.col_1,.ce_gallery li.col_3 { margin-right: 0; }
	
}

/* ****************** IImpressionen ENDE ****************** */
/* ****************** Anrufen Buchen ****************** */

#anrufenbuchen {
	
	background-color: #4b0c4c;
} 
#anrufenbuchen h2 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    text-transform: none;
    color: #fff600;
    font-size: 30px;
    letter-spacing: 0.5px;
    margin-top: 0;
    margin-bottom: 20px;
}

#anrufenbuchen h3 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    text-transform: none;
    color: #fff;
    font-size: 35px;
    letter-spacing: 0.5px;
    margin-top: 0;
    margin-bottom: 0;
	padding-right: 40px;
}
#anrufenbuchen h4 {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    text-transform: none;
    color: #fff;
    font-size: 21px;
    letter-spacing: 0.5px;
    margin-top: 0;
    margin-bottom: 10px;
	text-align: center;
}

#anrufenbuchen .btn-gruen {
    color: #fff;
    background-color: #0E9318;
    border-color: #0E9318;
    border-radius: 15px;
    font-size: 20px;
    float: none;
	margin: 40px auto 0 auto;
	display: table;
	width: auto;
	padding: 10px 30px;
}
#anrufenbuchen .btn-gruen:hover {
	background-color: #808080;
    color: #fff;
    border-color: #848484;
}

#anrufenbuchen .telefon:before {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 800;
    content: "\f095";
    font-size: 30px;
    padding-right: 10px;
	color: #0E9318;
}

/* ****************** Anrufen Buchen ENDE ****************** */
/* ****************** Events Übersicht ****************** */
#eventkarten {
	background-color: #0e9318;
}

.events .karoussellkarte { 
	border: 15px solid #0e9318;
	padding: 0;
	border-radius: 30px;
}

/* ****************** Events Übersicht ENDE ****************** */
/* ****************** Spielorte ****************** */

.spielortwahlbox {
	background-color: #0E9318;
	border-radius: 30px;
	border: 15px solid #fff;
	padding: 0 5% 10px 5%; 
}

#spielortwahl h2 {
    color: #000;
    text-align: left;
    font-size: 24px;
    font-weight: 500;
    text-transform: none;
    margin-bottom: 0;
}

#spielortwahl h3 {
    font-size: 23px;
    font-weight: 600;
    color: #FFF600;
    margin-top: 15px;
}

#spielortvorhanden h3:before {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    content: "\f058";
    font-size: 70px;
    padding-right: 8px;
    color: #fff;
	display:block;
}

#keinspielort h3:before {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    content: "\f057";
    font-size: 70px;
    padding-right: 8px;
    color: #fff;
	display:block;
}

#spielortwahl p {
    text-align: center;
    color: #fff;
    font-weight: 500;
    line-height: 1.2;
    margin-top: 20px;
}

#indooroutdoor {
    background: url(../layout/bg/bg-spielorte-1.jpg) center center no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

#indooroutdoor h2 { color: #0E9318; }

#indooroutdoor h3 { color: #0E9318; }

#indooroutdoor p { color: #000; margin-bottom: 10px; font-weight: 500; font-size: 17px;  }

#indooroutdoor .ce_text { background-color: #fff; }


/* ****************** Spielorte ENDE ****************** */
/* ****************** Team ****************** */

#teamer {
    background: url(../layout/bg/bg-team.jpg) center center no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

#teamer .image_container img {
	margin: 0 auto;
    display: block;
	border: 7px solid #fff;
	border-radius: 150px;
}
#teamer .koordinator { margin-top: 40px; }
#teamer .koordinator h2 {
	text-transform: none;
	font-weight: 900;
	color: #fff600;
	font-size: 30px;
	margin-bottom: 0;
}
#teamer .koordinator h3 {
	text-transform: none;
	font-weight: 300;
	color: #fff;
	font-size: 16px;
	margin-bottom: 15px;
	margin-top: 0;
}
#teamer .koordinator p {
	text-transform: none;
	font-weight: 400;
	font-size: 16px;
	margin-bottom: 20px;
	color: #fff;
	text-align: center;
	line-height: 1.2;
}

#teamer .koordinator.last {
	display: block;
    margin: 40px auto 0 auto;
}

/* ****************** Team ENDE ****************** */
/* ****************** Karriere ****************** */
.karriere .toggler {
    text-transform: none;
    font-weight: 900;
    color: #fff600;
    font-size: 25px;
    margin-bottom: 0;
	letter-spacing: 0.5px;
	line-height: 1.2;
}

.karriere .toggler:hover { cursor: pointer; }

.karriere .toggler:focus { outline: none; }

.karriere .toggler:before {
	font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    content: "\f106";
    font-size: 30px;
    padding-right: 8px;
    color: #fff;
}
.karriere .toggler.active:before {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    content: "\f107";
    font-size: 30px;
    padding-right: 8px;
    color: #fff;
}

.karriere .accordion h3 {
	text-align: left;
	font-size: 18px;
	font-weight: 500;
	margin-top: 20px;
}

.karriere .accordion p,
.karriere .accordion li {
	color: #fff;
	font-size: 16px;
}
.karriere .accordion { margin-bottom: 40px; }
.karriere .ui-accordion-content { padding-left: 32px; }

#karrierekontakt {
	background-color: #0e9318;}

#kontaktlutz {
	background-color: #ebebeb;
	padding: 20px;
	border-radius: 30px;
	border: 15px solid #0e9318;
}

#kontaktlutz ul { padding-left: 0;}
#kontaktlutz li {display: inline;}

.karriere #main .telefon:before {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 800;
    content: "\f2a0";
    font-size: 29px;
    padding-right: 10px;
	color: #0e9318;
}

.karriere #main .email:before {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 800;
    content: "\f0e0";
    font-size: 25px;
    padding-right: 10px;
	color: #0e9318;
}

#kontaktlutz .image_container img {
	margin: 0 auto;
    display: block;
	border: 7px solid #fff;
	border-radius: 150px;
}

#kontaktlutz p { 
	font-size: 18px;
	font-weight: 500;
	color: #0e9318;
}

#kontaktlutz li,
#kontaktlutz ul li a { 
	font-size: 20px;
	font-weight: 900;
	padding-right: 30px;
	color: #000;
}

#kontaktlutz figcaption {
    background-color: transparent;
    padding: 4px 5px;
    font-size: 20px;
    font-weight: 900;
	color: #0e9318;
	text-align: center;
	margin-bottom: 0;
}

#kontaktlutz h2 {
    text-transform: none;
    font-weight: 900;
    color: #0e9318;
    font-size: 25px;
    margin-bottom: 0;
    letter-spacing: 0.5px;
    line-height: 1.2;
	text-align: left;
}

/* ****************** Karriere ENDE ****************** */
/* ****************** Kontakt ****************** */

#gruenerstreifen { background-color: #0e9318; }
#gruenerstreifen .ce_text { 
	text-align: center;
	color: #fff;
	font-weight: 900;
	font-size: 35px;
}
#gruenerstreifen .telefon { font-size: 30px;  }
#gruenerstreifen .telefon:before {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 800;
    content: "\f2a0";
    font-size: 35px;
    padding-right: 10px;
	color: #fff600;
}
#gruenerstreifen .email { font-size: 20px;    }
#gruenerstreifen .email a { color: #fff;  }
#gruenerstreifen .email:before {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 800;
    content: "\f0e0";
    font-size: 35px;
    padding-right: 10px;
	color: #fff600;
}

#gruenerstreifen .uhrzeit { font-size: 25px;   }
#gruenerstreifen .uhrzeit:before {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 800;
    content: "\f017";
    font-size: 35px;
    padding-right: 10px;
	color: #fff600;
}

@media (max-width: 1199px) and (min-width: 1px) {
	#gruenerstreifen .uhrzeit,
	#gruenerstreifen .email { font-size: 25px;   }
	#gruenerstreifen p { margin-bottom: 0; }
	#gruenerstreifen .telefon { font-size: 30px;   }
}

.ce_form a { color: #0e9318; }
.ce_form form { padding: 0; margin: 0; }

.contactform input { float: right; }

.widget-checkbox {
	background-color: #f2f2f2;
    padding: 10px 10px 7px 10px;
    margin-bottom: 10px;
    border-radius: 10px;
    border:1px solid #e4e4e4
}
.widget-checkbox label { font-weight: normal; }

.widget p { font-size: 15px; }



input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="url"], input[type="search"], textarea, .teilnehmerauswahl {
  color: #3B3B3B;
  padding: .6em .6em;
  display: inline-block;
  font-size: 1em;
  transition: .15s linear border;
  -webkit-appearance: none;
  max-width: 100%;
  border: 1px solid #e4e4e4;
  background: #f7f7f7;
  font-family: inherit;
  width:100%;
  border-radius: 10px;
}

.widget.teilnehmerauswahl { padding: 10px; margin-bottom: 10px; }
label.teilnehmerauswahl { border: 0px solid #fff; }

.widget input:focus,
.widget-textarea textarea:focus {
	outline: none;
	border: 1px solid #0E9318;}

input.checkbox { float: right; }
#lbl_5_0 { max-width: 90%; padding: 10px 0 0 0; font-size: 15px; }
.widget {
  padding: 0;
  padding-right:0;
  padding-bottom: 10px;
  padding-top: 10px;
}
.feldname { padding-right:10px; }

@media (max-width: 1199px) {
	.feldname { padding-right:0px; }
}

#opt_5_0 { margin: 20px; }

.widget.abschicken {  width: 100%; }

.links .abschicken button {
	float: right;
    color: #fff;
    background-color: #96C11F;
    border-color: #e2db1e;
	border-radius: 15px;
	font-size: 18px;
	width: 170px;
	border-style: none;
}

.abschicken button  { 
	color: #5c5c5c;
	font-weight: 500;
	padding: 5px 10px;
}

.abschicken button:hover { 
	background-color: #007695;
	}
form button:hover, input[type=submit]:hover, .button:hover {
    text-decoration: none;
    background-position: 0 30px!important;
}
form button, input[type=submit], .button {
    display: inline-block;
    padding: 7px 15px 7px 14px;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    line-height: 16px;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    border: 1px solid #96C11F;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #96C11F;
    background-image: none;;
    background-image: -webkit-linear-gradient(top,#96C11F,#96C11F);
    background-image: -ms-linear-gradient(top,#96C11F,#96C11F);
    background-image: -o-linear-gradient(top,#96C11F,#96C11F);
    background-image: linear-gradient(to bottom,#96C11F,#96C11F);
    background-repeat: repeat-x;
    -moz-transition: background .15s linear;
    -webkit-transition: background .15s linear;
    -o-transition: background .15s linear;
    transition: background .15s linear;
}
.mod_registration .fields { width: 100%; }
.mod_registration .widget-submit {
	 display: block;
}

.mod_registration .widget-submit { 
	width: 100%;
}
.mod_registration .submit { float: right; }

.mod_registration .widget-checkbox {  padding: 0.6em 0.6em; }

.mod_newsletterreader .newsletter i { 
	float: none;
	font-size: 17px;
	}

div.mod_newsletterreader > h1    { 
	font-size: 17px;
	}

legend { 
	margin-bottom: 0;
    font-size: 18px;
    line-height: 1.2;
	font-size: 17px;
}

input.checkbox {
    width: 25px;
    height: 25px;
}

#lbl_22_0, #lbl_23_0 {
    max-width: 90%;
    padding: 10px 0 0 0;
    font-size: 15px;
}

#opt_22_0, #opt_23_0, #opt_27_0 {
    margin: 0 20px 20px 20px;
}

#kontaktformular {
    background: url(../layout/bg/bg-spielorte-1.jpg) center center no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

@media (max-width: 750px) {
	#lbl_5_0 { max-width: 85%; }
}

.eventstatus { margin-top: 10px; }

/* ****************** Kontakt ENDE ****************** */


@media (max-width: 1024px) {

}

@media (max-width: 1700px) and (min-width: 1301px) {

}

@media (max-width: 1300px) and (min-width: 991px) {
.anwaelte #bildzeiledesktop:before {
    width: 19%;
}
	#bildzeile-mobil { display: none; }
}


@media (max-width: 991px) and (min-width: 200px) {
	.titelanwaltdrum { display: none; }
	.anwaelte #bildzeile:before { content:none; }
	.anwaelte #bildzeile .image_container { 
		display: block !important; 
		position: relative !important;
	    z-index: 333 !important;
	}
	.anwaelte #bildzeile .image_container img  {
    	width: 100%;
    	height: auto;
    	margin: 0px auto;
    	display: block;
    	padding-top: 0px;
		position: relative;
}
	.anwaelte #bildzeiledesktop { display: none; }
	#bildzeile { height: auto; }
	#bildzeile-mobil { display: block; }
	
	/*.startseite #bildzeiledesktop p { font-size: 35px !important; }*/
}

@media only screen and (max-width: 991px) {
.startseite #bildzeiledesktop p {
	position: relative !important;
    width: 160px;
    margin: 0px auto;
    padding-top: 30px;
    display: block;
    padding-bottom: 30px;
	font-size: 35px;
	left: inherit !important;
	}
.anwaltdetails {
    padding: 30px !important;
    }
	
}

.anwaelte #bildzeile .static {
    position: static !important;
}

.anwaelte #bildzeile .image_container {
	position: absolute;
    z-index: -1;
    left: 0;
    width: 100%;
}



.anwaelte #bildzeile .image_container img {
    height: auto;
    width: 700px;
    margin-left: -16px;
    position: absolute;
    left: 50%;
    -ms-transform: translate(-74%);
    -webkit-transform: translate(-74%);
    transform: translate(-74%);
}

.startseite #bildzeiledesktop:after {
    content: "";
    position: absolute;
    background-color: #8f0038;
    height: 660px;
    width: 40%;
    top: 0;
    left: 0;
    transform: skew(-13deg) translate(-80px);
    -ms-transform: skew(-13deg) translate(-80px);
    -webkit-transform: skew(-13deg) translate(-80px);
}

.titelanwalt {
    height: 100px;
    max-width: 68%;
    vertical-align: middle;
    position: relative;
    top: 50%;
    /*margin-top: -50px;*/
    left: 178px;
	max-width: 265px;
	z-index: 555;
}

.titelanwalt p {
    color: #FFF;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: normal;
    word-break: normal !important;
    font-family: AvenirNextRegular;
    height: 100px;
    z-index: 12;
    position: relative;
    vertical-align: middle;
    display: table-cell;
}

.ueberuns .titelanwalt p { font-size: 28px; }

.titelanwalt span {
	position: relative;
    z-index: 22;
    color: white;
    text-transform: uppercase;
}

#bildzeile-mobil { background-color: #8f0038; }

#bildzeile-mobil .image_container { width: 100% !important; }

#bildzeile-mobil img {
	margin: 0 auto;
    display: block;
	max-width: 100%;
    height: auto;
	
}

@media (max-width: 1600px) and (min-width: 991px) {
.anwaelte #bildzeile:after {
    width: 45%;
     left: 55%;
}
}
@media (max-width: 1400px) and (min-width: 991px) {
.startseite #bildzeiledesktop:after {
    width: 45%;
}
}

/*@media (max-width: 1024px) {
#bildzeile {  height: 300px; }
}*/

.startseite #bildzeiledesktop p {
    position: absolute;
    z-index: 12;
    left: 34%;
    top: 44%;
    color: white !important;
    font-size: 45px;
    font-weight: normal;
    width: 245px;
    height: auto;
    word-break: normal !important;
    font-family: 'AvenirNextRegular';
	font-style: normal;
 	font-weight: 300;
    text-transform: none;
    -ms-transform: translate(0px, -50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (max-width: 991px) and (min-width: 200px) {
	#bildzeiledesktop:after {   display: none; }
	#bildzeiledesktop { 
		position: relative;
    	overflow: hidden;
    	height: 111px;
    	clear: both;
		background-color: #8f0038;
		color: #fff;
		 }
	#bildzeiledesktop p {
   		    position: relative;
    z-index: 12;
    color: white !important;
    font-size: 25px;
    font-weight: normal;
    width: 100%;
    text-align: center;
    left: unset;
	margin-top: 12px;
}
	.namemobil { display: block !important; }
}

.anwaltreihe {
	background-color: #f3f1f2;
    padding-top: 80px;
    padding-bottom: 100px;
    padding-left: 20%;
    padding-right: 20%;
    box-sizing: border-box;
    text-align: center;
}	

.anwaltbox:hover {   transform: scale(1.1); }
.anwaltbox img {
    width: 100%;
    height: auto;
    max-width: none;
    transition: all .2s ease-in-out;
}

.anwaltbox.ce_text {
    text-align: center !important;
    width: 100%;
    background-color: #fff;
    padding-top: 0;
    padding-bottom: 10px;
    color: #404040 !important;
    margin-bottom: 30px !important;
    margin-top: 0px !important;
    margin-left: 0px !important;
}

.anwaltbox figure { margin-bottom: 0;}

.anwaltdetails {
    background-color: #f3f1f2;
    padding-top: 80px;
    padding-bottom: 100px;
    padding-left: 8%;
    padding-right: 8%;
    box-sizing: border-box;
}

@media (max-width: 1060px) {
.anwaltdetails {
    padding-left: 5%;
    padding-right: 5%;
}
}

.kontakt-container {
    background-color: white;
    height: 100%;
    padding: 30px;
    padding-right: 19px;
	max-width: 330px;
}
@media (max-width: 1400px) and (min-width: 991px) {
	.kontakt-container {   max-width: 1330px; width: 100%; }
	}

.vcard {
	height: 50px;
    background-color: #8f0038;
    display: block;
    line-height: 50px;
    width: 250px;
    color: white;
    font-weight: bold;
    text-align: center;
    margin-top: 35px;
}

.vcard a { color: #fff; }

.vcard a:before {
    content: url(../layout/icons/Download_White.svg);
    margin-right: -5px;
    color: #FFF;
    height: 22px;
    width: 22px;
    display: block;
    float: left;
    margin-top: 5px;
    margin-left: 15px;
}
	
@media (min-width: 1025px) {
.kontakt-container {
    max-width: 330px;
}
}
@media (max-width: 768px) and (min-width: 1px) {
.kontakt-container {
    max-width: none;
}
	.anwaltdetails .bereiche {
	padding-left: 0 !important;
    padding-right: 0 !important;
	}
}

#philosophie {
    padding-top: 80px;
    padding-bottom: 80px;
    padding-left: 25%;
    padding-right: 25%;
	background-color: #fff;
}
#philosophie p {
    text-align: left;
    font-size: 18px;
    line-height: 30px;
}

#kooperation {
    background-color: #e4e4e4;
    padding: 80px 5% 0 5%;
}

#kooperation p { margin-bottom: 0; }

#kontakte img {
    width: 15px;
    height: 15px;
    margin-right: 19px;
}

#kontakte {
	background-color: #e4e4e4;
	padding: 0 15px 80px 15px;}

#adresse, #kontakte img {
    display: inline-block;
}

#kontakte div {
    margin-bottom: 10px;
    clear: both;
}

#kontakte .ce_text { padding-top: 30px; }

#kontakte #adresse { margin-bottom: 0; }


.cookiebar {
	box-sizing: border-box;
	position: fixed;
	left: 0;
	width: 100%;
	padding: 1.2em 1.6em;
	background-color: rgba(55,55,55,0.8);
	color: #fff;
	font-size: 1em;
	text-align: center;
	z-index: 9999;
	line-height: 1.6;
}
.cookiebar * {
	box-sizing: border-box
}
.cookiebar--active {
	display: flex!important;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	padding-left: 70px;
	padding-right: 70px;
}
.cookiebar--position-top {
	top: 0
}
.cookiebar--position-bottom {
	bottom: 0
}
.cookiebar__message, .cookiebar__text {
	margin-right: 1.5em
}
.cookiebar__link {
	color: #fff;
	text-decoration: underline
}
.cookiebar__link:hover {
	text-decoration: none;
	color: #fff;
}
.cookiebar__button {
	margin: 10px;
	padding: 0.6em 1.2em;
	border: none;
	background-color: #4ea55e;
	color: #fff;
	font-weight: 400;
	cursor: pointer;
	border-radius: 5px;
}
.cookiebar__button:hover {
	background-color: #3e824a
}
.cookiebar__analytics {
	margin-right: 1.5em
}
.cookiebar__analytics-label {
	cursor: pointer
}
.cookiebar__analytics-checkbox {
	margin-right: 5px
}


/* *********************** Bereiche ENDE *********************** */


/* *********************** News ************************* */


.startseite .layout_latest { 
	min-height: 1px;
}

.layout_latest p.info {
	margin: 10px 0 0 0;
	color: #999;
}

.aktuelles h2 {
	margin: 0 0 5px 0;	
}

.layout_simple { 
	background-color: #9e9e9e;
	padding: 10px;
	margin-bottom: 2px;
	}

#wrapper #main .layout_simple a { 
	color: #fff;
	width: 100%;
    display: block;
}

p.back { float: right; }

.mod_eventlist .header,
.rsts-slide .header { margin-bottom: 7px; }

/* *********************** Energiechecks ************************* */

.check { 
	background-color: #007695;
	border: 15px solid #fff;
	padding: 15px;
	position:relative;
	min-height: 270px;
	background-image:url("../layout/bg-arrow.png");
	background-position: right bottom;
	background-repeat: no-repeat;
}

.start #energiesparchecks { background-color: #f2f2f2;
	padding-top: 2%;
	padding-bottom: 2%;
}
.start #energiesparchecks .check { border: 15px solid #f2f2f2; }

.start #energiesparchecks h2 { margin-bottom: 15px; }

#startinfoboxcheck.check {background-image: none;  }

.check h2, .check p { color: #fff; }

.check .image_container { 
	position: absolute;
	right: 10px;
	bottom: 0px;
	width: 120px;
	transform: scale(1);
    -webkit-transform: translateZ(0) scale(1,1);
    transition: all .3s ease-in-out 0s;
}
.check .image_container:hover { 
    -webkit-transform: translateZ(0) scale(1.1,1.1);
    transform: scale(1.1);
}
@media (max-width:991px) {
.check { 	min-height: 250px;}
	#titelbild .rsts-skin-default .rsts-caption {
		position: relative;
		width: 100%;
		left: 0;
		text-align: left;
	}
	#titelbild .rsts-skin-default .rsts-active .rsts-caption {
		    margin-top: 13px;
		display: block;
	}
}

@media (max-width:575px){
	.check { 	min-height: 170px;}
	.check p { padding-right: 120px; }
}

#foerdermittelcheck p { padding-right: 20%; }

.energiesparchecksonline .check p { 
	padding-right: 120px; 
	margin-bottom: 0 !important; 
	margin-top: 0 !important; 
}
.energiesparchecksonline .check { min-height: 200px; }

.energiesparchecksonline .check a.btn { margin-top: 20px; margin-bottom: 0; }

/* *********************** Energiechecks ENDE ************************* */

/* *********************** Datenschutz Popup ************************* */
#mb_popup { 
/*	width: 500px;
	min-height: 270px;*/
	max-width: 600px;
	
}

#cboxLoadedContent { overflow: hidden; }

#mb_popup .ce_text {
	background-color: #007695;
	padding: 20px 20px 0 20px;
}
	
#mb_popup .ce_text h3 {
	color: #fff;
	font-size: 30px;
    margin-bottom: 10px;
	margin-top:0px;
}

#mb_popup .ce_text a {
	display: block;
	color: #fff;
	text-align: right;
}

#mb_popup .ce_text p {
	color: #fff;
	
}

.ncoi---blocked {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    background: #666;
    border: 1px solid #333;
    min-width: 500px;
    min-height: 500px;
}

/* *********************** Datenschutz Popup ENDE ************************* */
.rsts-main, .rsts-main * { margin-top: 0px !important; }



.ce_downloads {
	padding: 0 15px 0px 15px;
}

.ce_downloads h3 {
	background-color: #dadada;
	color: #575757;
	font-size: 20px;
	padding: 15px 10px 12px 15px;
	margin: 0;
	font-weight: 600
}


#main .ce_downloads ul li { 
	list-style-type: none;
	border-bottom: 1px solid #ececec;
	padding: 0 20px;
	/*border-top: 1px solid #fff;*/
	/*background-color: #dadada;  */
	transition: background-color 0.3s linear 0s;
}
#main .ce_downloads ul li a:hover { 
	color: #fff !important;  
}

.ce_downloads ul {	
	background-color: #dadada;  
/*	margin-bottom: 0;*/
	padding-left: 15px;
	padding-right: 15px;
}
.ce_downloads li { padding-left: 10px;}

.ce_downloads a {
	color: #434343;
	font-size: 17px;
	display: inline-block;
	padding: 9px 10px 9px 2px;
	margin-left: 3px;
	width: 90%;
}

/*#main .mod_article.first .ce_downloads {
	padding: 0 0 0 0;
}*/


span.size { 
	font-size: 12px;
    display: block;
}


#main article#kalender.mod_article h1.ce_headline {
    margin:15px 0 5px 15px;
    color:#acacab;
    font:23px Gloria;
}

.kalenderid #main .mod_article {
    width:715px;
    padding:10px;
}

/*.rsts-view, .rsts-crop {
	height: 300px;
}
*/

.karawanebox {
	position: absolute;
	top: 20px;
	left: 20px;
}
#titelbild .mod_rocksolid_slider .ce_text.links.karawanebox a.btn-light { 
	color: #fff;
    background-color: #96C220;
    border-color: #f8f9fa;
}
@media (max-width:1250px) {
	.karawanebox {
		display:block !important; 
		position: relative;
		top: 0px;
		left: 0px;
}
	#titelbild .mod_rocksolid_slider .ce_text.links.karawanebox {
		float: none;
		padding: 20px;
	}
	#titelbild .mod_rocksolid_slider .ce_text.links.karawanebox {
		
		background-color: #F5F9EC;
		color: #575757;
		width: 100%;
		height: auto;
		float: none;
		margin: 0 0 30px 0 !important;
}
}

/* BugBuster: grid-1140-16-percent-responsive.css, LGPL license 
@media(min-width:980px) and (max-width:1160px){#wrapper{width:960px}}
@media(min-width:768px) and (max-width:979px){#wrapper{width:768px}}
@media(max-width:767px){#wrapper{width:auto}*[class*="grid"]{float:none !important;display:block !important;width:auto !important}*[class*="offset"]{margin-left:1% !important}}*/