/* Swipe 2.0, (C) Brad Birdsall 2012, MIT license */
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
/*stat2*/

/*###########  Mini-RESET	############*/html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td, #wrapper, #content{border:0;margin:0;padding:0;}
article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{margin:0;padding:0;display:block}

/*########### html body #################*/

html{height:100%;padding-bottom:1px;/*font-size: 100.00%;*/}
html, body, #wrapper{height:100%;}
body > #wrapper{height:auto;min-height:100%;}

html, body {
  margin: 0; 
  padding: 0; 
  font-family: 'Roboto', sans-serif;
  font-weight:400;
  -webkit-font-smoothing: antialiased;
}

body {
  background-color:#efefef;
  background-color:#fff;
  text-align:center;
  padding-bottom:1px;
  color:#61615a;
}

#wrapper {
width:96%;
max-width:1100px;
margin:0 auto;
text-align:left;
background:#fff;
box-shadow: 0px 0px 4px 2px #666;
box-shadow: 0px 0px 40px 20px #bbb;
/*x,y,blur,color*/
box-shadow: 20px 0 40px #ccc, -20px 0 40px #ccc;
font-size:0.9em;
}


*:focus {outline:none;}

/*########### ALLGEMEINE FORMATE #################*/
a:hover, a:active, a:focus, a:visited {color:#333;}

h1{ 
	font-size: 1.6em;
	text-transform:uppercase;
	font-weight:400;
	margin:0px 0 20px 0;
	color:#DED800;
	color:#c1ce2d;
	
	} 
	
h2 { 
	font-size: 1.3em;
	text-transform:uppercase;
	font-weight:400;
	margin:30px 0 10px 0 ;
	color:#61615a;
	} 
.start h2, .start2 h2 {font-size: 1.5em;}
h3{
	font-size: 1.1em;
	text-transform:uppercase;
	font-weight:400;
	margin:30px 0 10px 0 ;
	color:#61615a;
	} 
	h6 {display:none;}
p, ul,ol, table, object {margin-bottom:20px;}
ul{margin-left: 1em; }
#main ul {margin-left: 1.2em}
ul li {list-style-type:square;}
ol {margin-left: 1.4em;}
/*Formatierung für Ztate */
blockquote {margin-left:2em;}
blockquote p {margin-bottom:0;}
blockquote p:before {
	color: #999999;
    content: "“";
    display: block;
    font: italic 400%/1 Cochin,Georgia,"Times New Roman",serif;
    height: 0;
    margin-left: -0.6em;
	margin-bottom:10px;
	}
	blockquote+p {font-style:italic;margin-left:2em;}
	

#main a, #right a {color:#61615a; font-weight:600;text-decoration:none;border-bottom:1px dotted #c3ce4a!important;letter-spacing:0.05em;}
#main a:hover {border-bottom:2px solid #c3ce4a!important;}
.start #right a, .start2 #right a {color: #333; font-weight:600;text-decoration:none;border-bottom:0!important;}
#right a:hover {border-bottom:1px dotted #333!important;}

/*########### SPEZIFISCHE FORMATE #################*/

.kleiner {font-size:smaller;}.groesser {font-size:larger;}
.resp {width: 100%; height: auto;}

.resp iframe, .resp object, .resp embed {
width: 100%;

}

.resp80 {width: 80%; height: auto;}
.invisible {position:absolute; left:-300px; top:-5000px;}

.clearLi {clear:left;padding-top:15px;}
.clearRe {clear: right;}
.clearing {clear:both;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:block;}


.extern #main {width:100%;}
.wichtig {border-left:20px solid #C00;padding-left:10px;}

/*########### HEADER ##################*/

#header {	
	position:relative;
	clear:both;
	width:100%;
	height:185px;
	border-bottom:1px solid #000;}
#header .inside {padding:0;}
.headerLinie {background:#000; height:1px;width:100%;position:absolute; top:150px;}
	
#logo {
		width:125px;
		height:58px;
		position:absolute;
		right:20px;
		top:47px;
		background-image:url(../../files/files/Organiz/imagesLayout/Logo.png);
		background-image:url(../../files/Organiz/imagesLayout/Logo.png);
		background-repeat:no-repeat;
	}
#slogan {
		position:absolute;
		top: 65px;
		top:0;
		left:0;
		font-size:20px;
		text-transform:uppercase;
		font-weight:300;
		height:160px;
		width:400px;
		height:132px;
		width:385px;
		background-image:url(../../files/Organiz/imagesLayout/claim2017.png);
		background-repeat:no-repeat;
		background-size:contain;
	}
	#slogan p {margin-top:62px;margin-left:20px;display:none;}
	
	
	#tescht, #tescht2 {display:none;}
	
#banner {
position: relative;
padding-bottom: 18.9%;
height: 0;
overflow: hidden;
margin-bottom:0;
z-index:200;
}

/*########### NAVIGATIONEN ##################*/

/************ naviStart ********/

.navStart {width:55%;line-height:1.4em;padding:5px 0;margin-left:-20px;/**/position:absolute; top:155px;left:45%;z-index:9998;text-transform:uppercase;font-size:1em;} 
.navStart li {list-style-type:none;float:left;width:30%;position:relative;}
.navStart li a {display:block;}
.navStart li.first {}
.navStart a {text-decoration:none; color:#61615a;}
.navStart a:hover {color:#000;}
#home {position:absolute; right:20px; top:150px;width:25px; height:25px; background-image:url(../../files/Organiz/imagesLayout/home.png);z-index:9999;}

/*zweite Ebene navStart*/
.navStart .level_2 {
position:absolute; top:-23000px; left:-23000px;width:0; height:0; display:inline;overflow:hidden;display:none;}
.navStart .level_2 li {clear:both;font-size:0.9em;border-bottom:1px solid #000;width:100%;padding:4px; background:#fff;}
.navStart .level_2 li:hover, .navStart .level_2 li:focus {background:#c3ce4a;}
#header .mod_navigation li:hover .level_2 {position:absolute; top:20px;left:-4px;width:120%;height:50px;padding-left:10px;padding-top:6px;margin-left:-10px;display:block;overflow:visible; z-index:9999}

/************ navi Unterseiten ********/
/*Hauptnav mit Hardlimit*/
.navMain {width:55%;line-height:1.4em;padding:5px 0;margin-left:-20px;position:absolute; top:155px;left:45%;z-index:9998;text-transform:uppercase;font-size:1em;} 
.navMain li {list-style-type:none;float:left;width:30%;position:relative;}
.navMain a {text-decoration:none; color:#555;}
.navMain a:hover {color:#000;}

/*zweite Ebene navMain als dropdown falls erwünscht*/
.navMain .level_2 {
position:absolute; top:-23000px; left:-23000px;width:0; height:0; display:inline;overflow:hidden;display:none;}
.navMain .level_2 li {clear:both;font-size:0.9em;border-bottom:1px solid #000;width:100%;padding:4px; background:#fff;}
.navMain .level_2 li:hover, .navMain .level_2 li:focus {background:#c3ce4a;}


/*subnavigation für linke Seite
#left .mod_navigation{margin-left:-12px;margin-top:5px;}*/
#left .mod_navigation li{list-style-type:none;line-height:2em;}
#left .mod_navigation a{text-decoration:none; color:#61615a;}
#left .mod_navigation a:hover, #left .mod_navigation a:focus, #left .mod_navigation a:active, #left .mod_navigation li.active {color:#000;font-weight:bold;}
/* Abstand für dritte Ebene ausschalten */
#left .mod_navigation .aktNews ul {margin-bottom:0;}


/*für die Archivnavigation */
#archivauswahlMain {display:none;} /*nur in mobile anzeigen*/
#archivauswahl  {margin-left:8px;width:55%;}
 #archivauswahl li {list-style-type:none;line-height:2em;}
 #archivauswahl li:first-child {text-transform:uppercase;border-bottom:1px solid #333;}
 #archivauswahl a {text-decoration:none; color:#61615a;}
 #archivauswahl a:hover {color:#000;font-weight:bold;}

/*navi auf Nachrichtenanzeige einzeln */
#navsub-nachrichtenanzeige, #navsub-nachrichtenanzeige-fr, , #navsub-nachrichtenanzeige-en {margin-left:-12px;margin-top:5px;}
#navsub-nachrichtenanzeige li, #navsub-nachrichtenanzeige-fr li, #navsub-nachrichtenanzeige-en li  {list-style-type:none;line-height:2em;}
#navsub-nachrichtenanzeige a, #navsub-nachrichtenanzeige-fr a, #navsub-nachrichtenanzeige-en a  {text-decoration:none; color:#61615a;font-weight:400;}
#navsub-nachrichtenanzeige a:hover, #navsub-nachrichtenanzeige a:active, #navsub-nachrichtenanzeige-fr a:hover, #navsub-nachrichtenanzeige-fr a:active, #navsub-nachrichtenanzeige-en a:hover, #navsub-nachrichtenanzeige-en a:active{color:#000;font-weight:bold;}

/*mobilemenu ausschalten */
.offcanvas {display:none;}

/*sprachenwechsler */ 

.mod_changelanguage {position: absolute; top:6px; right: 20px;}
.mod_changelanguage li {display:inline;margin-right:5px;padding:2px;}
.mod_changelanguage a {text-decoration:none;text-align:center;color:#333;border:1px solid transparent;}
.mod_changelanguage a:hover {border:1px solid #C3D801;}
.mod_changelanguage li.active {border:1px solid #C3D801;text-align:center;}

/*########### CONTENT ##################*/

#container  {padding-bottom:0px; margin-right:20px;position:relative;}
.inside {padding:20px; position:relative;}	

/*########### STARTSEITE ##################*/

.start #container, .start2 #container {position:relative;background:#c3ce4a;background:#c3ce4a;margin-top:20px;padding-bottom:120px }
.start h1 {color:#333;}
.start h1 + p {font-size:1.15em;}
.start #right, .start2 #right {width:55%;float:left;background:c3ce4a;margin-top:0;}
.start #right a, .start2 #right a {border-bottom:1px dotted #333!important;}
.start #right a:hover, .start2 #right a:hover , .start #right a:focus, .start2 #right a:focus {border-bottom:1px solid #333!important;}
.start #right .inside, .start2 #right .inside{padding:0;}
.start #main, .start2 #main {width:45%;float:left; background:#fff;}
.start #main .inside, .start2 #main .inside {padding-left:20px;padding-bottom:0;}
.randabfallend {/*margin-left:-10px;margin-right:-10px;*/background:#fff; padding-bottom:1px}

.veranstaltungen {padding:0;color: #333;font-size:1.2em;}
.veranstaltungen h1 {color:#333;margin-bottom:5px!important;padding: 10px 10px 0;font-size:1.2em;}
.veranstaltungen a {margin-right:1.5em;/*white-space:nowrap;white-space-collapse: discard;*/color:#333}
.veranstaltungen a:before {content:"\203A\0020 ";font-weight:600;  font-size:1.3em;}
.seitenlink {position:absolute; right:10px;margin-right:0!important}
.start #right .seitenlink:hover {border-bottom:0!important;}
.veranstaltungen .seitenlink:before {content:"";}
/*.eventsArchiv {min-height:800px;}*/


/***** slider *****/
.teamslider h2 {margin-top:10px; height:auto;}
.slider-wrapper {margin-bottom:-20px;overflow:visible;}
.slider-control {margin-top:-20px;}
.content-slider {}
.teamslider .slider-next, .teamslider .slider-prev {display:none;}
.slider-menu {font-size:35px!important;letter-spacing:10px;}
/*Teambilder und Text im Slider als Tabelle*/
.team td{vertical-align:bottom;width:45%;padding-right: 20px;}
.team td img {}

/* ################################# 
                    NEWS 
###################################*/

#main .mod_newslist h2 {font-size:1em; text-transform:none;font-weight:600;color:#61615a;margin-top:0;margin-bottom:0; padding-bottom:0;}
.layout_short {}
#main .layout_short .teaser p {margin-bottom:0;padding-bottom:0;display:inline;}
#main .mod_newslist span.more {text-transform:lowercase; white-space:nowrap;}
#main .mod_newslist span.more:before {}
#startseite-news .more, #accueil-news .more, #welcome-news .more, #startseite2-news .more, #accueil2-news .more, #welcome2-news .more {display:none}

 

/* ################################
              twoBoxes
################################### */

.twoBoxes {width:48%; margin-top:20px;/*border:1px solid #000; min-height:180px;*/float:left;position: relative;box-sizing:border-box;background:#61615a; color:#fff; }
.twoBoxes img {
	-webkit-filter: brightness(0.98) saturate(0.81);
    filter: brightness(0.98) saturate(0.81); 
}
.twoBoxes:first-child {margin-right:4%;}
.twoBoxes:nth-child(2){border:1px solid #bbb}
.twoBoxes:nth-child(2) p{
	padding-top:30px;
}

/*.start.lang-fr .twoBoxes:nth-child(2), .start.lang-de .twoBoxes:nth-child(2){color:#61615a; background:#fff; }*/

/* ratio einstellen */
.twoBoxes:before{
	content: "";
	display: block;
	padding-top:75%;
	padding-top: 100%; 	
}
.twoBoxes p, .twoBoxes div {
	position:  absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	padding:10px;
	margin-bottom:0;
	font-size:1.3em;
}
/*.twoBoxes p {text-transform:uppercase;}*/
#main .twoBoxes a {color:#fff!important;border-bottom:0!important;font-weight:300;}
.twoBoxes div {padding:0;}
.twoBoxes div.boxZweite {}

/* #######################################
            VERANSTALTUNGEN 
#########################################*/

.terminuebersicht h2 {display:none;}/*das ist die teaserklasse*/
#right .mod_articlenav ul {display:none;} /*ausblenden der pagenavigation*/
/* vor und zurück navigation*/
#right  p.back, #right .teaser {width:40px;text-align:right;position:absolute; right:3px;margin-top:-32px!important;}
#right p.more, #right p.back {margin:0;text-align:center!important;}
#right .more a,#right .back a {font-weight:300!important;color:#fff!important;background:#c3ce4a;font-size:0px;}
#right .more a:before {content:url(../../files/Organiz/imagesLayout/weiter.png)}
#right .back a:before {content:url(../../files/Organiz/imagesLayout/zurueck.png)}
#right .teaser p.more {} /*das ist der weiterlesen link*/

/*****   accordions *****/

.toggler {padding:10px;background:#c3ce4a!important;}
.toggler:hover {cursor:pointer;cursor:default}
.ui-accordion-header  {
	font-weight:bold!important;
	border:0!important;
	border-top:1px solid #fff!important;
	padding:8px 0!important;
	position:relative;
	}
/*#veranstaltungen-zweite .ui-accordion-header {background:green}*/
.ui-accordion-header p {display:none;}
.ui-accordion-header p.fotogalerie {display:block;}
.ui-accordion-header h2{font-size:1em;font-weight:bold;margin:0;padding:0 3px;padding:0 20px 0 10px;text-transform:none;color:#333;}
.ui-accordion-header .terminangaben{font-weight:300;}
/*.ui-accordion-header h2.offen, .ui-accordion-header h2.auf  {background-image:url(../../files/Organiz/imagesLayout/open.png); background-repeat:no-repeat; background-position:center right;margin-right:10px;}*/
/*.ui-accordion-header h2.geschlossen {background-image:url(../../files/Organiz/imagesLayout/closed.png); background-repeat:no-repeat; background-position:center right;margin-right:10px;}*/
.ui-accordion-content {background:#C1CE31;background:#D7DF7D;background:#dae277;border:0!important; padding:0px 5px 1px 10px ;margin-bottom:0!important; background-image:none!important;position:relative;}
.ui-accordion-content p {padding-left:3px;}
.ui-accordion-header .toggler h2 {background-image:none!important}
.ui-icon {display:none!important;}
/*für den Spaltenfloat*/
.accSpalteLinks {clear:left; width:140px; float:left;font-weight:bold;}
/*für die  Tabelle*/
.termindetails {width:100%;}
.termindetails td {padding-right:10px!important;word-wrap:break-word!important;vertical-align:top;}
.termindetails td:first {background:red;}
.td_vBottom{vertical-align:bottom!important;width:160px;} 
/*für den letzten Abschnitt*/
.onOff {border-top:1px solid #fff; padding-top:10px;padding-left:13px;margin-bottom:10px;}



/*########### UNTERSEITEN ##################*/

/* Banner Einzelseiten */
#banner img, #banner p{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#banner p { background-image:url(../../files/Organiz/imagesLayout/banner/bannerDummy.png); background-size:cover;}
/*Unternehmen*/
.profil #banner p, .team #banner p, .kundenRef #banner p, .partner #banner p, .aktNews #banner p, .kontakt #banner p,  .jobs #banner p  { background-image:url(../../files/Organiz/imagesLayout/banner/team.jpg); background-size:cover;}
/*.team #banner p { background-image:url(../../files/files/Organiz/imagesLayout/banner/team.jpg); background-size:cover;}
.kundenRef #banner p { background-image:url(../../files/files/Organiz/imagesLayout/banner/team.jpg); background-size:cover;}
.partner #banner p { background-image:url(../../files/files/Organiz/imagesLayout/banner/team.jpg); background-size:cover;}
.aktNews #banner p { background-image:url(../../files/files/Organiz/imagesLayout/banner/team.jpg); background-size:cover;}
.kontakt #banner p { background-image:url(../../files/files/Organiz/imagesLayout/banner/team.jpg); background-size:cover;}*/

.kontaktdaten  {clear:left;margin-bottom:8px;}
.kontaktdaten:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.kontaktdatenSp1 {display:block;width:14em;float:left;}
.kontaktdatenSp2 {display:block;width:auto;float:left;}


/*Leistungen*/
.uebersicht #banner p, .projektMan #banner p, .tnRefMan #banner p, .abstrMan #banner p, .sponsMan #banner p, .kommunikation #banner p { background-image:url(../../files/Organiz/imagesLayout/banner/leistungen.jpg); background-size:cover;}
/*.projektMan #banner p { background-image:url(../../files/files/Organiz/imagesLayout/banner/leistungen.jpg); background-size:cover;}
.tnRefMan #banner p { background-image:url(../../files/files/Organiz/imagesLayout/banner/leistungen.jpg); background-size:cover;}
.abstrMan #banner p { background-image:url(../../files/files/Organiz/imagesLayout/banner/leistungen.jpg); background-size:cover;}
.sponsMan #banner p { background-image:url(../../files/files/Organiz/imagesLayout/banner/leistungen.jpg); background-size:cover;}
.kommunikation #banner p { background-image:url(../../files/files/Organiz/imagesLayout/banner/leistungen.jpg); background-size:cover;}*/

/*.verantwortung #banner p { background-image:url(../../files/files/Organiz/imagesLayout/banner/verantwortung.jpg); background-size:cover;}*/
.corporate #banner p, .compliance #banner p { background-image:url(../../files/Organiz/imagesLayout/banner/verantwortung.jpg); background-size:cover;}

/*sonstige */
.newsEinzeln #banner p { background-image:url(../../files/Organiz/imagesLayout/banner/team.jpg); background-size:cover;}
.eventsArchiv #banner p { background-image:url(../../files/Organiz/imagesLayout/banner/veranstaltungenArchiv.jpg); background-size:cover;}
.impressum #banner p { background-image:url(../../files/Organiz/imagesLayout/banner/leistungen.jpg); background-size:cover;}
.fehlerseite #banner p { background-image:url(../../files/Organiz/imagesLayout/banner/fehlerseite.jpg); background-size:cover;}
.fehlerseiteFr #banner p { background-image:url(../../files/Organiz/imagesLayout/banner/erreur.jpg); background-size:cover;}
.fehlerseiteEn #banner p { background-image:url(../../files/Organiz/imagesLayout/banner/error.jpg); background-size:cover;}

.fehlerseite #main, .fehlerseiteFr #main, .fehlerseiteEn #main {width:95%; text-align:center;font-size:1.2em;}
.fehlerseite #main p, .fehlerseiteFr #main p, .fehlerseiteEn #main p{width:75%; margin:10px auto;}

#container {background:#fff;}
#main {width:55%;float:right; background:#fff;}
#left {width:45%;float:right;background:#fff;}
#main .inside {padding-left:0;}
#left .inside {margin-right:20px;}

/*offertenanfrage*/
.kontaktLeistungen {width:80%; line-height:1.4em; padding-top:20px;}
.kontaktLeistungen h1 {font-size:1em;color:#61615a;padding-left:10px;border-left:1.4em solid #c3ce4a}
/*.kontaktLeistungen h1:before {content:"\203A\0020 ";color:#c8d724;font-size:3em; vertical-align:baseline}*/
.kontaktLeistungen a {color:#61615a; font-weight:600;text-decoration:none;border-bottom:1px dotted #c3ce4a!important;letter-spacing:0.05em;}



#left h2 {margin-top:0;font-size:1em;margin-left:15px;width:18em;border-bottom:1px solid #000;}
.aktNews .pagination ul {margin-left:0!important;}
.aktNews .pagination li {list-style-type:none;text-align:center;width:20px; height:20px; border: 1px solid #61615a;background:#E4EF64;margin-right:10px;float:left; }

.aktNews #main .pagination li a{border-bottom:0!important;}

.aktNews .pagination li.next, .aktNews .pagination li.previous {width:auto; border:0;background:transparent; margin-left:0}
.aktNews .pagination li.last, .aktNews .pagination li.first {display:none;}
.aktNews h1 {color:#61615a;font-size:1.5em;}
.aktNews h1.haupttitel {color:#c3ce4a;font-size:1.6em;}


/*Teamseite*/
.teamAbschnitt {border-top:1px solid #ccc;padding-top:5px;clear:left;}
.teamAbschnitt img {padding-right:3px; border-right:1px solid #ccc;}
.teambildLinks{width:44%;float:left; padding-right:15px;margin-bottom:-5px;}
.teambildLinks+p {margin-bottom:10px;}
.initial { font-size:4.5em; float:left; font-weight:600;padding-right:10px;padding-top:2px;line-height:0.8em;margin:0!important;color:#c3ce4a;}
.initial+p {padding-left:55px;}
.teamDetails {clear:left; padding:5px 5px 5px 5px; background:#efefef;margin-bottom:25px;margin-top:0; border-bottom:1px solid #ccc;}

/*.teamDetails:first-letter {display:block;font-size:60px; float:left; font-weight:600;padding-right:10px;color:#c8d724;}*/

/* DAS WAR DIE VARIANTE MIT DEM OVERLAY
#team1, #team2, #team3, #team4 {
position: relative;
width:100%;
padding-bottom: 72%;
height: 0;
overflow: hidden;
margin-bottom:0;
z-index:200;
}
#team1 img, #team1 div, #team2 img, #team2 div, #team3 img, #team3 div, #team4 img, #team4 div{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#team1, #team2, #team3, #team4, #team5, #team6, #team7, #team8, #team9, #team10 { background-size:cover; border-bottom: 10px solid #fff;margin-bottom:20px;}
#team1 {background-image:url(../../files/files/Organiz/imagesTeam/AndreasLampart575.jpg);}
#team2 {background-image:url(../../files/files/Organiz/imagesTeam/JensSchnabel.jpg);}
#team1:hover, #team2:hover , #team3:hover  { border-bottom: 10px solid #c8d724;}
#team1 h2, #team2 h2, #team3 h2, #team4 h2{margin-top:0; padding:5px; background:rgba(250,250,250,0.7);text-transform:none; font-size:1.2em;font-weight: 600; color: #000;}
.innerDetails {background:rgba(250,250,250,0.7); display:none;}
.innerDetails p {margin: 20px;color: #000;}
#team1:hover .innerDetails, #team2:hover .innerDetails, #team3:hover .innerDetails, #team4:hover .innerDetails{display:block;}
#team1:hover h2, #team2:hover h2, #team3:hover h2,#team4:hover h2 {display:none;}
*/

/*Veranstaltungearchiv*/
.ce_accordionSingle {margin-bottom:-20px!important;}
.eventsArchiv #main .inside {padding:0;}
tr.nOben {font-size:smaller;text-align:right;}
.start tr.nOben {display:none;}
#veranstaltungen-archiv, #archive-des-manifestations, #events-archive {color: #333;}
.eventsArchiv h1 {color:#333;margin-top:20px;margin-bottom:5px!important;}
#veranstaltungen-archiv a, #archive-des-manifestations a, #events-archive a {color:#333!important}
#veranstaltungen-archiv a:before, #archive-des-manifestations a:before, #events-archive a:before {content:"\203A\0020 ";font-weight:300;  color:#333;font-size:1.3em;}
/*#veranstaltungen-archiv h2.offen, #veranstaltungen-archiv h2.geschlossen, #archive-des-manifestations h2.offen, #archive-des-manifestations h2.geschlossen, #events-archive h2.geschlossen, #events-archive h2.offen  {background-image:none;}*/
#veranstaltungen-archiv .ce_accordionSingle {}

.fotogalerie{width:30px; height:30px;position:absolute; top:10px; right:10px;z-index:99998;/*margin:8px 10px 0 0;float:right;*/ }
#veranstaltungen-archiv .fotogalerie a:before,
#archive-des-manifestations .fotogalerie a:before,
#events-archive .fotogalerie a:before {content:"";}
.eventsAlle {}


/*########### FOOTER ##################
.start2 footer {	width:96%;
max-width:1100px;
margin:0 auto;
text-align:left;}*/

footer {position:relative;margin: 0 auto;/*background:#96B8C0;*/clear:both;background:#fff;border-top:1px solid #000;border-top:20px solid #fff;margin-top:-120px;height:120px;color:#61615a;}
footer .inside {/*x,y,blur,color*/
border-top:1px solid #000;}
footer li {list-style-type:none;margin-left:-10px; margin-bottom:8px;}
footer a {text-decoration:none;color:#61615a;display:block;}
footer a:hover {color:#000;}

/*######### SITEMAP ###########*/

.mod_sitemap, .sitemapStart {margin-top:-20px;}

.mod_sitemap a[title="Unternehmen"], .mod_sitemap a[title="Leistungen"], .mod_sitemap a[title="Verantwortung"], .mod_sitemap a[title="Entreprise"], .mod_sitemap a[title="Company"],.mod_sitemap a[title="Services"], .mod_sitemap a[title="Responsabilité"], .mod_sitemap a[title="Responsibility"],  .mod_sitemap a.impressum  {text-transform:uppercase; text-decoration:none;margin-bottom:5px;margin-left:3px;font-weight:bold;}

/* ist raus ##### .sitemapStart li.submenu.first {width:24%;margin-right:20px; float:left;}
.sitemapStart .submenu:nth-child(2) {width:18%;margin-right:20px; float:left;}
.sitemapStart .submenu:nth-child(3) {width:17%;margin-right:20px; float:left;}*/

/* neu 2018 */
.sitemapStart .submenu:nth-child(2) {width:26%;margin-right:20px; float:left;}
.sitemapStart .submenu:nth-child(3) {width:16%;margin-right:20px; float:left;}
.sitemapStart .submenu:nth-child(4) {width:26%; margin-right:20px; float:left;}

/*.sitemapUnter li.submenu.first {width:24%;margin-right:20px; float:left;}
.sitemapUnter .submenu:nth-child(2) {width:18%;margin-right:20px; float:left;}
.sitemapUnter .submenu:nth-child(3) {width:17%;margin-right:20px; float:left;}*/

/* neu 2018 */
.sitemapUnter .submenu:nth-child(2) {width:26%;margin-right:20px; float:left;}
.sitemapUnter .submenu:nth-child(3) {width:16%;margin-right:20px; float:left;}
.sitemapUnter .submenu:nth-child(4) {width:26%; margin-right:20px; float:left;}


/*.mod_sitemap a[title="Verantwortung"] {width:17%;float:left;margin-right:15px;}*/
.footerKontakt {float:left; line-height:1.5em;margin-top:-1px;}
.footerKontakt p{margin-bottom:10px;}
.footerKontakt a{display:inline;color:#555;}
.footerSM {width:110px;width:14%;width: 58px;float:right; line-height:1.5em;margin-top:-1px;}
.fb {background-image:url(../../files/Organiz/imagesLayout/fb.png);background-repeat:no-repeat; background-size:cover;}
.linkedIn {background-image:url(../../files/Organiz/imagesLayout/linkedIn.png);background-repeat:no-repeat; background-size:cover;}
.footerSM a {display:block;width:25px;height:25px; text-align:center; margin-right:8px;float:right;}



.footerSM a:first-child {margin-right:0;}
.sitemapUnter a {color:#61615a;}
.mod_sitemap .level_3 {margin-bottom:0;}

/* Start und Impressum im footer in der Sitemap ausblenden */
#footer .mod_sitemap  a.start, #footer .mod_sitemap  a.impressum {display:none;}
.mod_sitemap li.start {margin-bottom:15px;}

/*transition für sitemap*/
	.sitemap {
animation:fadein 3.0s;-moz-animation:fadein 3.0s;-webkit-animation:fadein 3.0s;	
}

@keyframes fadein{from{opacity:0;}to{opacity:1;}}@-moz-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-webkit-keyframes fadein{from{opacity:0;}to{opacity:1;}}@-o-keyframes fadein{from{opacity:0;}to{opacity:1;}}


/*schriftgrößenanhebung 2018 */
#container {font-size:1.1em;line-height:1.3em;}
.start #container {font-size:1em;}

/*Anpassungen IE8*/
.ie8 .mod_sitemap li.submenu {width:22%;float:left;margin-right:15px;}



/*######### MEDIEQUERIES ###########*/

@media only screen and (max-width: 950px){
	.footerSM a  {margin-right:0;margin-bottom:8px;}
	.twoBoxes p, .twoBoxes div {font-size:1.1em;}
} 

@media only screen and (max-width:800px){
	#wrapper {width:100%; box-shadow: 0px 0px 0px 0px #fff;}
	.start #main,.start2 #main, .start #right,.start2 #right,#main {width:100%; float:none;min-height:100px; height:auto;}
	#left{width:100%; float:none;}
	/*#main {margin-left:0px;padding-left:20px;}*/
	#main {padding-left:20px;}
	.start #main, .start2 #main {padding-left:0;}
	.start #right, .start2 #right{background:c3ce4a;}
	.start #container, .start2 #container {margin-left:0px;margin-right:0;background:#fff}
	.navStart, .navMain, .navUnter, .headerLinie, #left .mod_navigation, #sub-verantwortung, #archivauswahl, #navsub-nachrichtenanzeige  {display:none;}
	.seitenlink {position:absolute; right:30px;}
	#archivauswahlMain {display:block;}
	#header {height:150px;}
	#home { top:121px;display:none;}
	#slogan {
		height:110px;
		width:320px;
		}
	#logo {top:30px;}
	.randabfallend {display:none;}
	/*.veranstaltungen {margin-left:px; padding:10px;margin-left:0;margin-right:0;padding:10px 20px;background:#c8d724;}*/
	#veranstaltungen-navi1, #veranstaltungen-navi2 {margin-top:-20px;}
	.veranstaltungen {margin:20px;padding:10px 0 10px 0;background:#c3ce4a}
	#right  p.back, #right .teaser {right:23px;}
	 #right .teaser {margin-top:-62px!important;}
	.twoBoxes p, .twoBoxes div {font-size:1.6em;}
	.twoBoxes p {font-size:1.6em;padding:20px;}
	.teambildLinks{width:35%;}
	.kontaktdaten {line-height:1.8em;}
	footer {margin-top:0;}
	.kontaktLeistungen {width:100%;}
	.start footer, .start2 footer{margin-top:-120px;}
/* sitemap ausblenden */
	.sitemapStart li.submenu, .sitemapUnter li.submenu{width:95%!important;margin-right:30px;display:none;}
	/*.mod_sitemap a[title="Verantwortung"] {display:none;}*/
	.footerKontakt {clear:left;}
	.footerSM{width:58px;}
	.footerSM a  {margin-right:8px;margin-bottom:0;}
/* mobile menu einblenden */
.offcanvas {display:block;background:#c3ce4a;position:absolute; top:108px; top:110px;left:0;left:0;z-index:99999;height:40px; width:100%;padding:0px; font-weight:400; font-size:1.3em;text-align:right;}
.offcanvas p {margin-right:30px;margin-top:5px;}
.offcanvas a {color:#61615a; text-decoration:none;}
}

@media only screen and (max-width: 520px){
	.profil #banner p, .team #banner p, .kundenRef #banner p, .partner #banner p, .aktNews #banner p, .kontakt #banner p, .uebersicht #banner p, .projektMan #banner p, .tnRefMan #banner p, .abstrMan #banner p, .sponsMan #banner p, .kommunikation #banner p, .corporate #banner p, .compliance #banner p, .newsEinzeln #banner p, .eventsArchiv #banner p, .impressum #banner p { background-image:none;}	
	
	#slogan, #banner {display:none;}
	.fehlerseite #banner {display:block;}
	/*#slogan {background-image:none;width:65%;}
	#slogan p {margin-top:35px;font-size:0.9em;}*/
	#logo {
		width:100px;
		height:46px;
		top:27px;
		background-size:cover;}
	.twoBoxes p, .twoBoxes div {font-size:1.1em;}
	.teambildLinks{width:200px;float:none; padding-right:0;margin-bottom:10px;}
	.kontaktdatenSp1 {display:block;width:100%;float:none;}
}

@media only screen and (max-width: 420px){
	#slogan {background-image:none;width:45%;}
	.footerKontakt,.footerSM {float:none;}
		.veranstaltungen {margin:0;}
		/*#archive-des-manifestations, #events-archive, #veranstaltungen-archiv {margin-left:-20px!important}*/
		#right  p.back, #right .teaser {margin-top:-35px!important;right:0px;}
		.seitenlink {position:absolute; right:10px;}
		.twoBoxes {margin-bottom:20px;}

}
@media only screen and (max-width: 380px) and (orientation: portrait) {
	.twoBoxes {width:100%; margin-right:0; margin-top:20px;/*min-height:180px;*/ float:none;position: relative;}
	.twoBoxes p, .twoBoxes div {font-size:1.5em;}
	.twoBoxes p {padding:20px;}
	#slogan p {margin-top:35px;font-size:0.8em; }	
	.initial {display:none;}
	.initial+p {padding-left:0;}
}


/*banner-retina*/

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (min-device-pixel-ratio: 2),
only screen and (min-resolution: 192dpi),
only screen and (min-resolution: 2dppx),
only screen and (min-device-width: 2000px)
{
.profil #banner p, .team #banner p, .kundenRef #banner p, .partner #banner p, .aktNews #banner p, .kontakt #banner p  { background-image:url(../../files/Organiz/imagesLayout/banner/team@2x.jpg); background-size:cover;}
    }