/*****************************************
Inhalt:

01. Grundeinstellungen
02. Schriften und Schriftgrößen
03. Abstände und Ausrichtung
04. Links
05. Hinweiskästen
06. Nach-Oben-Button & Eye-Able
07. Kopfzeile / Header
08. Navigation / Steuerung über mmenu-js-master
09. Headline
10. Inhalt
11. Fußßzeile
******************************************/

/*****************************************
Farben:

- Body / .hintergrund / Hinweiskästen background - weiss #ffffff
- Kopfzeile .header / Fußzeile .fusszeile / Überschriften, Headline Infospalte background / Hinweiskästen Rahmen - grau-grün #4c7d83
- Kasten_rechts / Hinweiskasten background - hellgrau #F0F0F0
- Links: regulär color #333333 / .petrol - color #009999 / Kopfzeile - color #fffff
- Schrift color - dunkelgrau #333333
- Schrift .kasten_aktuell_hinweis - color #009999
- Linien color - mittelgrau #666666
******************************************/

/* HTML5 DECLARATIONS */
article, aside, details, figcaption, figure, hgroup, dialog {
display: block
}

audio[controls],canvas,video {
display: inline-block; 
*display: inline; 
zoom: 1
}

/* BASE */
html {
height: 100%; 
overflow-y: scroll; 
-webkit-text-size-adjust: 100% /* Force scrollbar in non-IE and Remove iOS text size adjust without disabling user zoom */
scroll-behavior: smooth;
}

body {
margin: 0;
padding:0; 
min-height: 100%; 
background-color:#FFFFFF;
-webkit-font-smoothing:antialiased; /* Improve default text rendering, handling of kerning pairs and ligatures */
font-smoothing:antialiased; 
text-rendering:optimizeLegibility; 
-webkit-animation: bugfix infinite 1s;  /* Tim Pietrusky advanced checkbox hack (Android <= 4.1.2) *//* CSS Document */
}
/* Tim Pietrusky advanced checkbox hack (Android <= 4.1.2) */
@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }


/* FORMS */
form {margin: 0;color:#333333}
fieldset {border: 0;padding: 0}
textarea {overflow: auto; vertical-align: top}
legend {*margin-left: -.75em}
button, input, select, textarea {vertical-align: baseline; *vertical-align: middle} /* IE7 and older */
button, input {line-height: normal; *overflow: visible}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer;-webkit-appearance: button}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box}
input[type="search"] {-webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box;	box-sizing: content-box}
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0}

/* QUOTES */
blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none}
blockquote, q, cite {font-style: italic}
blockquote {padding-left: 1.5em; border-left: 3px solid #ccc}
blockquote > p {padding: 0}

/* MEDIA */
figure {margin: 0}
img, embed, video {max-width: 100%;	_width: 100%; height: auto; } /* Fluid images */
img {border: 0;	-ms-interpolation-mode: bicubic} /* Improve IE's resizing of images */
svg:not(:root) {overflow: hidden} /* Correct IE9 overflow */

img[usemap] {
		border: none;
		height: auto;
		max-width: 100%;
		width: auto;
}

/* OTHERS */
strong, b, dt { font-weight: bold}
var, address {font-style: normal}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline} /* Position 'sub' and 'sup' without affecting line-height */
sup {top: -0.5em} /* Move superscripted text up */
sub {bottom: -0.25em} /* Move subscripted text down */
span.amp{font-family:Adobe Caslon Pro,Baskerville,"Goudy Old Style","Palatino","Palatino Linotype","Book Antiqua",Georgia,"Times New Roman",Times,serif;font-style:italic;font-size:110%;line-height:0;position:relative;vertical-align:baseline} /* Best available ampersand */

/***********************************/
/*     01. Grundeinstellungen     */
/**********************************/

#hintergrund {
	width:100%;
	max-width:1680px;
	height:auto;
	margin:0 auto 0 auto;
	padding:0;
	background-color:#FFFFFF;
}

#layoutrahmen {
	width:100%;
	margin:0;
	padding:0;
}

.unsichtbar {
	position:absolute;
	left:-4000px; /*Schiebt die "unsichtbaren" Hilfen aus dem Viewport, dadurch lassen sich übereifrige Screenreader, die ausgerechnet "display:none" akustisch auswerten, täuschen, und lesen die so versteckten Hilfen dennoch vor. */
}

.bottom {
	display:none;
}

.slider {
	width:100%;
	clear:both;
}

hr {
	 border-style:dashed;	 
	 color:#666666;
	 margin-bottom:1em;
}

hr.bold {
	 border-style:double; 
      color:#666666;
  	  margin-bottom:1em;
}

.linie-aktuelles {
	display:none !important;
}


.linie-ohne-abstand {
  	  margin-bottom:0.2em !important;
}

.bold {
	font-weight:bold;
	}

/********************************************/
/*     02. Schriften und Schriftgrößen     */
/*******************************************/

html, body {
	font-family:'Open Sans', Verdana, Arial, Helvetica, sans-serif;
	font-size:100%; /*erreicht annähernd gleiche Schriftgrößen in NN, IE und OP*/
	color:#333333;
}

h1, h2, h3, h4, h5, h6, button {
	font-family:Georgia, "Times New Roman", Times, serif;	
	margin:0;
	padding:0;
	color:#333333;
}

h3.impressum {
	font-family:'Open Sans', Verdana, Arial, Helvetica, sans-serif;
}

p, form, .container_veranstaltung button {
	font-family:'Open Sans', Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	color:#333333;
}

ul, li {
	font-family:'Open Sans', Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
}

.inhalt_index p.kinder {
    font-family:Kristen ITC, Comic Sans MS, Times, MS Serif, serif !important;
	color:#333333;
}


/* - - - - - - - - - - - - Größen - - - - - - - - - - - - */

h1 {
	font-size:2.2em;
	font-weight:normal;
	line-height:150%;
	margin:0 0 1em 0;
}

h2 {
	font-size:2em;
	font-weight:normal;
	line-height:150%;
	margin:0 0 1em 0;
}

#headline h2 {
	font-size:4em;
	}

h3 {
	font-size:1.8em;
	font-weight:normal;
	line-height:125%;
	margin:0 0 1em 0;
}

h3.sitemap {
	font-size:1.6em;
	font-weight:bold;
	line-height:125%;
	margin:0 0 1em 0;
}
h3.impressum {
	font-size:1.4em;
	font-weight:normal;
	line-height:150%;
}

h4 {
	font-size:1.6em;
	font-weight:normal;
	line-height:125%;
	margin:0 0 1.5em 0;
}

h5 {
	font-size:1.5em;
	font-weight:normal;
	line-height:125%;
	margin:0 0 1em 0;
}

h6 {
	font-size:1.4em;
	font-weight:normal;
	line-height:125%;
	margin:0 0 1em 0;
}

p, form {
	font-size:1.2em;
	font-weight:normal;
	line-height:150%;
}


#pfad p {
	font-size:1.0em !important;
    font-weight:normal;
	text-align:left;
}

#impressum li {
	font-size:1em;
    font-weight:normal;
}

#socialmedia p {
   font-size:1.6em !important;
}

.inhalt_index p.kinder {
	font-size:1.6em !important;
	line-height:100%;
	font-weight:normal;
}

.medium {
	font-size:1.05em;
}

span.medium {
	font-size:90%;
}

#infospalte .medium {
	font-size:0.9em !important;
}


.medium_center {
	font-size:1.1em;
	text-align:center;
}

.medium_rechts {
	font-size:1.1em;
    text-align:right;
}

.medium_ohneabstand {
     font-size:1.1em;
     margin-bottom:-0.1em;
}

.klein {
	font-size:1em !important;
	font-weight:normal;
}

span.klein {
	font-size:83% !important;
}

.vortabelle {
	font-size:0.2em;
	margin-bottom:0.2em;
}

.vorabsatz {
	font-size:0.3em;
	margin-bottom:0.3em;
}

.social-media {
   font-size:1.8em !important;
}


#menubutton {
   	font-size:1.5em;
    text-align:right;
}

ul.sprungmenue li  {
  font-size:0.9em;
  font-weight:bold;
  text-align:center;
}

#menue_nav {
	font-size:1em;
    font-weight:normal; 
    letter-spacing:0.1em;
	text-align:right;	
}


/*****************************************/
/*     03. Abstände und Ausrichtung     */
/*****************************************/

.linien_abstand {
	padding-left:0.3em;
	padding-right:0.3em;
}


.rechts {
     text-align:right;
}

.eingerückt {
     margin-left:3em;
}

._125 {
	line-height:125%;
}

.lineheight150  {
	line-height:150%;
}

.center {
	text-align:center;
}

.presse{
	margin:0 0 0.5em 0 !important;
}

.pressebilder {
	margin:0 2em 1em 0;
	float:left;
}

.pressebilder-rechts {
	margin:0 0 1em 2em;
	float:right;
}

.umbruch {
	white-space:nowrap;
	font-family:inherit;
}

.absatz {
	clear:left;
}
		
.include1 {
	width:100%;
	float:left;
}

.sprungmarke {
	display: block; 
	position: relative;
	top: -120px; 
	visibility: hidden;
}

.newsletter-kasten {
	margin:0 0 3.5em 0 !important;
}

/*****************************************/
/*     04. Links     */
/*****************************************/

a,
a.schwarzlink {
	color:#333333;
	text-decoration:none;
}

a:hover, 
a:active, 
a:focus,
a.schwarzlink:hover, 
a.schwarzlink:active, 
a.schwarzlink:focus  {
     color:#009999;
     text-decoration:underline;
}

a.petrol {
    color:#009999;
	text-decoration:none;
}

a.petrol:hover, 
a.petrol:active, 
a.petrol:focus  {
     color:#009999;
     text-decoration:underline;
}

.link_pdf {
	background-image:url(../../bilder/pictos/icon-pdf_neu.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding:0 0 0 26px;
	line-height:inherit;
}

.link_word {
	background-image:url(../../bilder/pictos/icon-word_neu.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding:0 0 0 26px;
	line-height:inherit;
}

a.link-teaser320 {
        display: block;
		max-width:320px;
        padding:0;
      }

a.link-teaser575 {
        display: block;
		max-width:575px;
        padding:0;
      }

a.link-teaser790 {
        display: block;
		max-width:790px;
        padding:0;
      }
	  

/*****************************************/
/*     05. Hinweiskästen     */
/*****************************************/

.kasten_aktuell {
padding:0;
margin-bottom:1.4em;
-webkit-border-radius: 11px;
border-radius: 11px;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
filter:alpha(opacity=95); 
opacity: 0.95; 
-moz-opacity:0.95; 
background-color: #FFF; 
border:1px solid #4c7d83;	
}

.kasten_aktuell_feedwind {
padding:0 0.8em 0 0.8em;
margin-bottom:1.4em;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
filter:alpha(opacity=95); 
opacity: 0.95; 
-moz-opacity:0.95; 
background-color: #FFF; 	
}

.kasten_aktuell_hinweis {
paddingp:0;
margin-bottom:1.4em;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
filter:alpha(opacity=95); 
opacity: 0.95; 
-moz-opacity:0.95; 
background-color: #FFFFFF; 	
border:1px solid #ab3424 /*#f6bb06 #ffa500*/;
}

.kasten-rechts {
width:28%;
padding:0.7em 0 0.1em 0;
margin:1em 0 1em 2em;
float:right;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 5px 5px 5px #CCCCCC;
-moz-box-shadow: 5px 5px 5px #CCCCCC;
box-shadow: 5px 5px 5px #CCCCCC;
background-color:#F0F0F0;
border:1px solid #555555;
}

.hinweiskasten {
	width:auto;
	max-width:790px;
	padding:0 0 0.5em 0;
	margin-bottom:1.4em;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color:#FFF;
	border:1px solid #ab3424 /*#ffa500*/;
   	box-shadow: 2px 2px 5px 1px rgba(0,0,0,.3);
}

.hinweiskasten h3 {
	padding:0.5em 20px 0.5em 20px;
	background-color:#ab3424 /*#f6bb06*/;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	color:#FFF !important;
	}

.hinweiskasten h4, 
.hinweiskasten h5, 
.hinweiskasten h6, 
.hinweiskasten p, 
.hinweiskasten ul, 
.hinweiskasten li {
	padding:0 20px 0 20px;
	}

.hinweiskasten hr {
	margin:0 20px 1em 20px;
	color:#ab3424 /*#f6bb06*/;
	}


.hinweiskasten-zent {
background-color:#F0F0F0; 
text-align:center;
padding:0.7em 0.8em 0.1em 0.8em;
}

.kastenabstandrechts {
padding:0 2em 0 0;
}

/* Socialmedia-Kasten - kann vermutlich entfallen, wegen Aufnahme in Fußzeile */

.social-media {
   margin-top:0.7em;
}


.social-media    a {
	           color:#FFF; 
               text-decoration:none;
               width: 1.8em !important;
			   height: 1.8em !important;
			   padding:0.2em;
			   text-align: center;
			   background-color:#b3b6b6;
			   border-radius: 1.8em;
               -webkit-border-radius: 1.8em;
			   margin-left:0.1em;
	} 
	            
.social-media a:hover,
.social-media a:focus,
.social-media a:active{
	background-color:#235f96;
	text-decoration:none;
}

/********************************************/
/*     06. Nach-Oben-Button  & Eye-Able   */
/*******************************************/

.scrollup  {display: block; z-index: 101}
	
.scrollup a {
	position: fixed;  
	display: block;
	width: 42px;
	height: 40px;
	bottom: 0;
	right: 5%;
	padding:0;
	margin: 0;
	background: #fff;
	background-image:url(../../bilder/pictos/nach-oben-fix.png); 
	background-position:center;
	background-repeat:no-repeat;
	text-decoration: none;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	opacity: 0.9;
}

.scrollup a:hover,
.scrollup a:active,
.scrollup a:focus {
    background-image:url(../../bilder/pictos/nach-oben-fix-hover.png); 
	background-repeat:no-repeat;		
	border-left:2px dashed #666666;
	border-top:2px dashed #666666;
	border-right:2px dashed #666666;
}

#eye-able {display: block; z-index: 102}

#eye-able a {
	display: block;
	width: 42px;
	height: 40px;
	position: absolute;
	position: fixed;  
	bottom: 0;
	right:calc(5% - 50px);
	right: -webkit-calc(5% - 50px);
    right: -moz-calc(5% - 50px);
	margin: 0;
	background-image:url(../../bilder/pictos/eye-able-icon40_1.png); 
	background-position:left;
	background-repeat:no-repeat;
	text-decoration: none;
	padding:0;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	opacity: 0.9;
		
}

#eye-able a:hover, 
#eye-able a:active,
#eye-able a:focus {
	background-image:url(../../bilder/pictos/eye-able-icon40_2.png); 
	background-repeat:no-repeat;
	border-left:2px dashed #666666;
	border-top:2px dashed #666666;
	border-right:2px dashed #666666;
	}


/********************************************/
/*     07. Kopfzeile / Header     */
/*******************************************/

/* - - - - Funktion sticky in separater Datei - - - - - - - - - - - - */

#kopf {
   	width:95%;
   	max-width:1200px;
   	height:auto;
   	margin-left:auto;
   	margin-right:auto;
  }

/* - - - - - - - - - - - - Logo - - - - - - - - - - - - */
#kopf .logo {
   	position:absolute;
   	top:23px;
   	width:430px;
   	height:50px;
   	float:left;
   	margin:0;
   	background-image:url(../../bilder/pictos/logo430.png);
   	background-position:top left;
   	background-repeat:no-repeat;
}

#kopf .startlink {
   position:absolute;
   top:23px;
   width:430px;
   height:50px;
   z-index:100;
}

#kopf .startlink a:hover,
#kopf .startlink a:focus, 
#kopf .startlink a:active {
   position:absolute;
   top:-4px;
   width:430px;
   height:53px;
   z-index:100;
   border:1px dashed #fff;
}

/* - - - - - - - - - - - - Hamburger Menü-Button - - - - - - - - - - - - */
#menubutton {
   	position:relative;
   	color:#fff;
   	margin:-40px 0 0 0;
   	float:right;
   	width:150px;
   	height:30px;
   	z-index:101;
}

#menubutton .ohne_schrift {
/*	display:none !important; bei kleineren Bildschirmen - Entfernung von Menü*/
}

#menubutton a {
  	color:#fff;
  	text-decoration:none;
}

#menubutton a:hover,
#menubutton a:focus, 
#menubutton a:active{
  	color:#333;
  	text-decoration:underline;
  	background-color:#FFF;
  	padding:0.2em;
}

/* - - - - - - - - - - - - Sprungemü - - - - - - - - - - - - */
.sprungmenue {
position:absolute;
top:-400px;
width:100%;
max-width:1200px;
text-align:center;
margin-left:auto;
margin-right:auto;
z-index:30;
}

ul.sprungmenue li a {
  color:#FFFFFF;
  left:0;
}

ul.sprungmenue li a:hover,
ul.sprungmenue li a:focus,
ul.sprungmenue li a:active {
  position:absolute;
  top:390px;
  width:25em;
  margin-left:30%;
  padding:0.3em;
  color:#333333;
  text-decoration: none;
  background-color:#FFF;
}


/* - - - - - - - - - - - - Sub-Menü - - - - - - - - - - - - */
#menue_nav {
	height:25px;
	margin-top:60px;
	padding:0.2em 0 0 0; 	
	color:#fff;
	z-index:100;
}

#menue_nav    a {
	color:#ffffff; 
	text-decoration:none;
}             
#menue_nav a:hover, 
#menue_nav a:focus, 
#menue_nav a:active {
	padding:0.2em;
	color:#333;
	text-decoration:underline;
	background-color:#FFF;
}

.menue_abstand {
padding-left:0.2em;
padding-right:0.2em;
}

/**********************************************************/
/*     08. Navigation / Steuerung über mmenu-js-master    */
/**********************************************************/
.mm-panel {
	--mm-color-background-emphasis: #e7e7e7;
}


#icon_DE30 {
	background-image:url(../../bilder/pictos/DE30-20.png);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:30px;
	line-height:inherit;
	}

#icon_FR30 {
	background-image:url(../../bilder/pictos/FR30-20.png);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:30px;
	line-height:inherit;
	}

#icon_IT30 {
	background-image:url(../../bilder/pictos/IT30-20.png);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:30px;
	line-height:inherit;
	}

#icon_EN30 {
	background-image:url(../../bilder/pictos/EN30-20a.png);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:30px;
	line-height:inherit;
	}

#icon_RUS30 {
	background-image:url(../../bilder/pictos/RUS30-20.png);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:30px;
	line-height:inherit;
	}

#icon_ES30 {
	background-image:url(../../bilder/pictos/ES30-20.png);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:30px;
	line-height:inherit;
	}

.nav_ohne {
/*	display:none !important; bei kleineren Bildschirmen - Entfernung von Begriffen wie Startseite, Eye-Able... - es bleiben nur die Icons */
}

/* nur für Internet Explorer*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

.navigation {
	position:absolute;
	top:0;
	left:-34em;
	width:34em;
	height:auto;
	z-index:999999;
}

.navigation:hover,
.navigation:focus,
.navigation:active {
	position:absolute;
	top:0;
	left:0;
	width:34em;
	height:auto;
	padding:50px 1em 1em 1em;
	background-color:#E4E4E4;
	z-index:999999;
	background-image:url(../../bilder/pictos/remove50.png);
	background-position:top right;
	background-repeat:no-repeat;
	
}
}

/********************************************/
/*     09. Headline    */
/*******************************************/


#headline {
	position:absolute;
	margin-top:-40vh;
	/*margin-top:-24em;*/
	width:100%;
	z-index:99;
	margin-bottom:-120px
	border:1px dashed #FFF;
	}
	
#headline-h2 {
	width:80%;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	}	
	
#headline h2 {
	width:15em;
	color:#fff;
	}


/********************************************/
/*     10. Inhalt    */
/*******************************************/
#container{
    width:95%;
	max-width:1200px;
	top:0;
	margin:2em auto 2.5em auto;
	padding:0;
}

#container_abstand_header {
    width:100%;
	height:110px;
}

.inhalt_index {
	min-height:500px;
}


/* - - - - - - - - - - - - Krümelpfad - - - - - - - - - - - - */

#pfad{
	padding:0;
	margin:0 0 2em 0;
}

#pfad a {
	padding:0.3em 0.1em 0.3em 0.1em;
	display:inline-block;
}

#pfad a:hover,
#pfad a:focus, 
#pfad a:active {
	color:#FFFFFF;
	text-decoration:underline;
	background-color:#333333;
}

/* - - - - - - - - - - - - Grid-Aufteilung - - - - - - - - - - - - */

.container_horizontal {
		width:100%;
		height:auto;
        display:flex;
        justify-content: space-between;
		margin:0;
		clear:both;
	}
	
.container_veranstaltung {
	background-color: #eee /*rgba(76,125,131,0.1)*/;
	padding:1.5em 1em 1.5em 1em !important;
	/*margin:1em 0 0.5em 0 !important;*/
   	box-shadow: 2px 2px 5px 1px rgba(0,0,0,.3);
	-webkit-border-radius: 10px;
	border-radius: 10px;
	clear:both;
}	

.container_veranstaltung button {
  	background-color: rgba(76,125,131,1);
  	border: none;
   	box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
  	width:100px;
	border-radius:5px;
	padding:0.5em;
	margin:2.5em auto 1em auto;
   width:50em;
   color:#FFF;
   text-transform:uppercase;
   letter-spacing:0.2em;
   font-size:1em;
}


.container_veranstaltung button:hover,
.container_veranstaltung button:active,
.container_veranstaltung button:focus {
  	background-color: rgba(76,125,131,.7);
	color:#FFF;
	text-decoration:underline;
	}

	
.container_360_left img,
.container_360_center img, 
.container_360_right img,
.container_575_left img,
.container_575_right img,
.container_790 img,
.container_790_hochformat img {
		margin:0 0 0.5em 0;
}

.container_790 {
		width:100%;
		max-width:790px;
        height:auto;
		padding:0;
		margin:0 25px 2.5em 0;
		float:left;
}

.container_790_hochformat {
		width:100%;
		max-width:790px;
        height:auto;
		padding:0;
		margin:0 25px 2.5em 0;
		float:left;
}

.container_790_hochformat img{
		margin:0 25px 25px 0;
		float:left;
}

.container_voll_hochformat {
		width:100%;
		max-width:1200px;
        height:auto;
		padding-left:30px !important;
		padding-right:30px !important;
		margin:0 0 2.5em 0;
}
.container_voll_hochformat img {
		margin:0 40px 20px 0;
		float:left;
		padding:0;
		height:auto;
}


.container_575_left {
		width:100%;
		max-width:575px;
        height:auto;
		padding:0;
		margin:0 25px 2.5em 0;
		float:left;
}

.container_575_right {
		width:100%;
		max-width:575px;
        height:auto;
		padding:0;
		margin:0 0 2.5em 25px;
		float:left;
}

.container_360_left	{
		width:100%;
		max-width:320px;
        height:auto;
		padding:0 auto 0 auto;
		margin:0 25px 1.5em 0;
		float:left;
}

.container_360_center	{
		width:100%;
		max-width:320px;
        height:auto;
		padding:0 auto 0 auto;
		margin:0 25px 1.5em 25px;
		float:left;
}

.container_360_right	{
		width:100%;
		max-width:320px;
        height:auto;
		padding:0 auto 0 auto;
		margin:0 0 1.5em 25px;
		float:left;
}

.container_360_left h3,
.container_360_center h3,
.container_360_right h3,
.container_575_left h3,
.container_575_right h3,
.container_790 h3,
.container_790_hochformat h3,
.container_voll_hochformat h3 {
	margin:0 0 0.5em 0 !important;
}


.inhalt_index p {
	margin-bottom:1em;
}

.readmore-link {
	display:none;
}

.feedwind {
padding-left:30px !important;
padding-right:30px !important;
margin-bottom: 2.5em;
}

.feedwind-iframe{
height: 440px;
}

/* - - - - - Toogle - - - - */ 
/*- - - - kommt vermutlich neu - - - - - -*/

.trigger {
	margin:0 0 1.5em 0;
	background:url(../../bilder/pictos/plusminus1.png) left top;
	height: 20px;
    background-repeat:no-repeat; 
    padding:0 0 0 20px;	
}

.trigger button {
	background-color:#96F;
	width:100%;
	border-radius:5px;
	padding:0.5em;
	margin:0 0 1em 0;
}

.trigger a {
	display: block;
}

.active {
	background-position: left bottom;
}

.toggle_container {
	margin:0;
	padding: 0;
	overflow: hidden;
	clear: both;
}

.toggle_container .block {
	padding:0;
}

.toggle_container .block p {
	padding:0;
}

.uebersichtskarte {
	margin-bottom:3em;
}

/* - - Dropdown - - - - - */

.select-dropdown {
	margin:0 0 1em 2em;
	float:right;
}

.select-wrapper {
  	position:relative;
  	right:0;
	background-image:url(../../bilder/pictos/dropdown_pfeil.png);
	background-position:right top;
	background-repeat:no-repeat;
	min-width:20em;
}

.select-wrapper::before {
   color: #333;
   pointer-events: none;
   position: absolute;
   right: 15px;
   top: 10px;
}



select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: rgba(76,125,131,.7);
  border: none;
  border-radius: 3px;
  box-shadow: 2px 2px 5px 1px rgba(0,0,0,.3);
  color: #fff;
  cursor: pointer;
  font-size: 1.0em;/**/
  height: 40px;
  outline: none;
  padding-left: 10px;
  width: auto;
}

select option {
  color: #333;
  background-color: #FFF;
}

select::-ms-expand {
  display: none;
}

select:focus::-ms-value {
  background-color: transparent;
}

.select-button {
  	background-color: rgba(76,125,131,1);
  	border: none;
   	box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	border-radius:5px;
	padding:0.5em;
	margin:2.5em auto 1em auto;
   width:auto;
   color:#FFF;
   font-size:1em;
}


.select-button:hover,
.select-button:active,
.select-button:focus {
  	background-color: rgba(76,125,131,.7);
	color:#FFF;
	text-decoration:underline;
	}


/* - - - - - Positionierung Übersichtsbild/Veranstaltungsräume- - - - */ 
.veranstaltungsraum {
	padding:0 0 0 0;
	margin:0 50px 0 0;
	width:auto;
	float:left;
}

.kurzbeschreibung {
	font-weight:normal;
	padding:0;
	margin:0;
}

.veranstaltungsraum1 {
	padding:0 0 0 0;
	margin:0 50px 0 0;
	width:auto;
	float:left;
}

.kurzbeschreibung1{
	font-weight:normal;
	padding:0;
	margin:0;
}


/********************************************/
/*     11. Fußzeile    */
/*******************************************/

#fusszeile{
	width:100%;
	height:14em;
	margin:1.5em auto auto auto;
	padding:0;
	clear:both;
   	background-color:#4c7d83;
}

.fusszeile_split {
	width:80%;
	max-width:1200px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}


#impressum {
	width:50%;
	height:auto;
	float:left;
}

#impressum ul {
	padding:1em 0 0 0;
	list-style:none;
}

#impressum li {
	padding:0.4em 0 0.4em 0;
   	color:#FFF;
	display:block;
}

#impressum    a {
	color:#FFFFFF; 
	text-decoration:none;
}             
#impressum   a:hover,
#impressum   a:focus,
#impressum   a:active {
	color:#333 !important;
	text-decoration:underline;
	padding:0.2em;
	background-color:#FFFFff;
}
#impressum .abstand {
	padding-left:0.3em;
	padding-right:0.3em;
}


#socialmedia {
	width:49%;
	padding:1.2em 0 0 0;
	float:left;
	text-align:right;
}

#socialmedia p {
   padding:0.4em 0 0.4em 0;
   color:#FFF;
}
#socialmedia    a {
	width: 1.6em;
	height: 1.6em;
	text-decoration:none;
	color:#FFFFFF; 
	padding:0.5em;
	text-align: center;
	border-radius: 1.6em;
	-webkit-border-radius: 1.6em;
	 margin-left:0.2em;
} 
             
#socialmedia a:hover,
#socialmedia a:focus,
#socialmedia a:active{
    color:#333333;
	text-decoration:none;
	background-color:#FFFFFF;
}