/* raleway-300 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/raleway-v28-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-300.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/raleway-v28-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-500 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/raleway-v28-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-500.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-600 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/raleway-v28-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-600.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-700 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/raleway-v28-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-700.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-800 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/raleway-v28-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-800.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-900 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/raleway-v28-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-900.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/raleway-v28-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-italic.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-300italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/raleway-v28-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-300italic.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-500italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/raleway-v28-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-500italic.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-600italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/raleway-v28-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-600italic.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-700italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/raleway-v28-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-700italic.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-800italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/raleway-v28-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-800italic.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-900italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/raleway-v28-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v28-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v28-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v28-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v28-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v28-latin-900italic.svg#Raleway') format('svg'); /* Legacy iOS */
}


img { border: none; }
form {margin:0px; padding:0px;}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.svg-container {
 position: relative; 
 height: 0; 
 width: 100%; 
 padding: 0;
 padding-bottom: 100%; /* override this inline for aspect ratio other than square */
}

.svg-container svg {
 position: absolute; 
 height: 100%; 
 width: 100%; 
 left: 0; 
 top: 0;
}

/* ### HTML ###################################################################### */
html {
	margin: 0px;
	padding: 0px;
	height:100%;

}

/* ### BODY ###################################################################### */
body {
	color: #000;
	font-family: 'Raleway', sans-serif;
	margin: 0px;
	padding: 0px;
	line-height: 1;
	/*font-size:16px;*/
	font-size:62.5%; /*10px*/
	background-position:0px 0px;
	background-repeat:repeat;
	height:100%;
	

	}
	

.inner_sm {max-width:950px; width:100%; margin:auto;}
.inner_m {max-width:935px; width:100%; margin:auto;} /*verwendet - header*/
.inner_l {max-width:980px; width:100%; margin:auto;} /*verwendet*/
.inner_default {max-width:638px; width:100%; margin:auto;} /*verwendet - standard*/
.inner_xl {max-width:1050px; width:100%; margin:auto;}
.padding-outer {}

@media screen and (max-width: 970px) {
	.inner_m {padding: 0 2%;}
}

@media screen and (max-width: 668px) {
	.inner_default {padding: 0 2%;}
}

@media screen and (max-width: 970px) {
	.inner_m {padding: 0 2%;}
}

.flexbox { 
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  
  -webkit-flex-flow: wrap;
      -ms-flex-flow: wrap;
          flex-flow: wrap;
	  	  
	  }

.nowrap { 
  -webkit-flex-flow: nowrap;
      -ms-flex-flow: nowrap;
          flex-flow: nowrap;
	/*breite flexibel passt sich ein - standard*/ 
	  }	

.wrap { 
  -webkit-flex-flow: wrap;
      -ms-flex-flow: wrap;
          flex-flow: wrap;
	/*breite fix passt sich nicht ein*/
	  }
	  
.space-between { 	    
-webkit-box-pack:justify;
      -ms-flex-pack:justify;
		-webkit-justify-content:space-between;
          justify-content:space-between;
}

.horizontal-mitte {
-webkit-box-flex:1;
      -ms-flex:1 auto;
          flex:1 auto; 
		  display: -webkit-box;
		  display: -webkit-flex;
		  display: -ms-flexbox;
		  display: flex; 
		  -webkit-box-align:center;  
		  -ms-flex-align:center;  
		  align-items:center; 
		  
		  /*-webkit-box-pack:center; 
		  -ms-flex-pack:center; 
		  justify-content:center;*/
		   
		  -ms-flex-item-align:stretch; 
		  align-self:stretch; 
}

.reverse {
-webkit-box-orient:horizontal;
  -webkit-box-direction:reverse;
	 -webkit-flex-direction:row-reverse;
      -ms-flex-direction:row-reverse;
          flex-direction:row-reverse;
}


/* ### INHALT ###################################################################### */
.clear {clear:both; font-size:1px; line-height:1px; height:1px;}

.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-justify {text-align: justify;}


main {font-size:1.500em; line-height: 1.500em;}


main a {
    color: #c60751;
    text-decoration: underline;
}

main a:hover {
    color: #000;
    text-decoration: none;
}

h1 {font-size:2.867em; color:#ab0033; font-weight:900; margin-top: 0; line-height: 1.200em;}
h2 {font-size:2.533em; color:#000; font-weight: 300; margin-top: 0; line-height: 1.200em;}
h3 {font-size:1.667em; color:#ab0033; font-weight: 900; margin-top: 0; line-height: 1.200em;}
h4 {font-size:1.333em; color:#ab0033; font-weight: 900; margin-top: 0; line-height: 1.200em;}
h5 {font-size:1.133em;  font-weight: 700; margin-top: 0; line-height: 1.200em;}

h1.ohne_abstand, h2.ohne_abstand, h3.ohne_abstand, h4.ohne_abstand, h5.ohne_abstand {margin-bottom:0px;}
.ohne_abstand {margin-bottom:0px;}
.uppercase {text-transform:uppercase;}
.zentriert {text-align:center;}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}


.schwarz {color:#000000;}
.weiss {color:#ffffff;}

.rot, .cs_rot {color:#ab0033;}
.grau {color:#ededed;}
.rosa {color:#eecdd6;}
.orange, .pflege {color:#f58b1f;}
.gruen, .alzheimer {color:#bbc000;}
.pink {color:#ab2461;}
.cyan, .kiga {color:#00abc2;}
.lila, .ms {color:#896b84;}
.blau, .muki {color:#73a2d4;}

.hg_rot, .hg_cs_rot {background-color:#ab0033;}
.hg_grau {background-color:#ededed;}
.hg_rosa {background-color:#eecdd6;}
.hg_orange, .hg_pflege {background-color:#f58b1f;}
.hg_gruen, .hg_alzheimer {background-color:#bbc000;}
.hg_pink {background-color:#ab2461;}
.hg_cyan, .hg_kiga {background-color:#00abc2;}
.hg_lila, .hg_ms {background-color:#896b84;}
.hg_blau, .hg_muki {background-color:#73a2d4;}
.hg_hellrot {background-color: #faf2f4;}

.rosa_hg_section {background-color:#faf2f4; padding-top:35px; padding-bottom: 10px;}

.start_headline {margin: 15px 0;}
.start_more {margin: 16px 0 15px 0;}
.start_headline h2 {font-size:1.5em; font-weight: 700; color:#000; margin: 0; padding: 0;}
.start_more a {color:#999; font-size:1.1em; text-decoration: none;}
.start_more a:hover {color:#000; }




/*Allgemeines*/

/*main:not(.starseite) {padding-top:45px;}*/
main {padding-top:45px;}
main.no_padding {padding-top:0px;}

.banner img {width: 100%; height: auto;}
.banner {margin-bottom: 40px;}
@media screen and (max-width:970px) {
	.banner {margin-bottom: 20px;}
}

p {}
strong, b {font-weight:bold;}
i, em {font-style:italic;}

main p {
    letter-spacing: 0.3px;
}

.text-justify {text-align: justify;}
.text-center {text-align:center;}
.text-right {text-align:right;}

.klein {font-size:0.938em;}
.linie_1px {line-height:1px; font-size:1px; height:1px; background-color:#d0cfc5; display:block; margin-top:8px; margin-bottom:9px; clear:both;}


ul {list-style-position:outside; list-style-type:disc; padding-left:20px; padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:0px;}
ol {list-style-position:outside; list-style-type:decimal; padding-left:20px; padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:0px; margin-left:0px;}
ul li {padding-left:3px; padding-bottom:6px;}
ol li {padding-left:3px; padding-bottom:6px;}


.small_spacing {font-size:4px; line-height:4px; height:4px; background-color:transparent; margin:0; paddding:0; display:block; text-indent: -1000em;}
.abstand_8px {font-size:8px; line-height:8px; height:8px; background-color:transparent; clear:both;}



/*Presse News Slider*/
.start-h-gruppe {padding-left: 1%; padding-right: 1.5%;}

.slide_presse_news_full_box {padding:20px 0px; }
.presse_news-slider {text-align:center;}
.slide_presse_news_inner {max-width:930px; margin:auto;}
.presse_news-slider article {width:290px; background-color:#fff;   margin:0 10px; text-align:left;}
.presse_news-slider article a {text-decoration:none; color:#000;}
.presse_news_bild { border-radius: 10px; box-shadow:2px 2px 5px #AAAAAA;}
.presse_news_bild img {border-radius: 10px; width: 100%;}
.presse_news_content {padding:3px 8px 0px 8px; border-left: 1px solid #ab0033; margin-top: 15px; height: 100%;}
.presse_news_datum {display:inline-block; font-size:0.900em; padding:2px 3px; line-height:1; margin-bottom:0px; text-transform: uppercase;}
.presse_news-slider article h3 {font-size:1.333em; margin-bottom:15px; color:#000;}
.presse_news-slider article a:hover span.presse_news_weiter {color:#c60751;}
.presse_news_text p:last-of-type {display: inline;}
.presse_news_rubrik {color:#939597; font-size:0.733em;}
.presse_news_weiter {font-weight: 700;}

/*940 + 63 + 63 = 1066*/
@media screen and (max-width:1066px) { 
	.slide_presse_news_inner {max-width:620px; margin:auto;}
}

/*620 + 63 + 63 = 1066*/
@media screen and (max-width:746px) { 
	.slide_presse_news_inner {max-width:278px; margin:auto;}
}

/*Medien Slider*/
.medien_full_box {padding:35px 0px 55px 0px; }
.medien_inner {max-width:930px; margin:auto;}
.medium {width:162px; margin:0 10px; text-align:left; position: relative;}
.medium-bild img {border-radius: 10px; box-shadow: 2px 2px 10px #ccc;}
.medium-bild {margin-bottom: 12px;}
.medium-klein {font-size:0.9em;}
.medium-text {line-height: 1.2em;}
.medium-icon {position: absolute; /*right:-15px;*/ left:135px; top:-10px; width: 46px;}
.medium-icon img {width: 46px; height: auto;}

/*940 + 63 + 63 = 1066*/
@media screen and (max-width:1066px) { 
	.medien_inner {max-width:620px; margin:auto;}
}

/*620 + 63 + 63 = 1066*/
@media screen and (max-width:746px) { 
	.medien-slider-inner {width: 182px; margin: auto;}
	.medien_inner {max-width:278px; margin:auto;}
}



/*Medien Seite */
#medien-container {max-width:971px;  margin:auto; }
#medien-container .medium { margin:0 1.6% 35px 1.6%;}

#medien-container .medium a, .medien_full_box .medium a {text-decoration: none; color:#000;}
#medien-container .medium a:hover, .medien_full_box .medium a:hover {color:#ab0033;}

.medien-container-text {padding-left: 2%;}
.medien-container-text h1 {}

@media screen and (max-width:1100px) { 
	#medien-container {max-width: 757px; margin: auto;}
}


@media screen and (max-width:810px) { 
	#medien-container {max-width: 545px; margin: auto;}
}

@media screen and (max-width:585px) { 
	#medien-container {max-width: 380px; margin: auto;}
	#medien-container .medium {margin:0 2.5% 35px 2.5%;}
}

@media screen and (max-width:390px) { 
	#medien-container {max-width: 170px; margin: auto;}
	#medien-container .medium { margin:0 0 35px 0;}
}

.medien-container-text {margin-bottom: 45px;}
.medien-container-text a {display: inline-block; border-radius: 10px; border:1px solid #ccc; padding: 8px 25px; color:#000; font-weight: 900; text-decoration: none; margin-bottom: 6px;}
.medien-container-text a:hover, .medien-container-text a.active {background-color:#cccccc;}

/* Termine / Veranstaltungen */
#veranstaltungen-container {max-width: 768px; margin: auto; width: 100%; }
.veranstaltung-inner {padding: 0 2%;}

#veranstaltungen-container h2 {font-size:1.933em; font-weight: 900;}
.veranstaltung-hgroup h3 {text-transform: uppercase; color:#000; margin: 0; font-size:1.067em; padding: 0; font-weight: 900;}
.veranstaltung-hgroup h4 { margin: 0; color:#999; font-size:1.067em; padding: 0; font-weight: 900;}
.veranstaltung-hgroup {margin-bottom: 5px; line-height: 1.700em;}
.veranstaltung-text-group { font-size:1.067em;}
.veranstaltung-text-group p:last-of-type {display: inline;}
.veranstaltung-kreis {text-align: center; border-radius: 50%; box-shadow: 2px 2px 10px #ccc; width: 120px; height: 120px; line-height: 1;}
.datum-1 {font-size:5.000em; display: block; letter-spacing: 1px; padding-top: 15px;}
.datum-2 { display: block;}
.veranstaltung-datum {margin-right: 3%;}
.veranstaltung-text {padding-top: 20px;}
.veranstaltung-text-group a {color:#ab0033; text-decoration: none; font-weight: 700;}
.veranstaltung-text-group a:hover {color:#000;}
.veranstaltung {margin-bottom: 30px;}

@media screen and (max-width:500px) { 
	.datum-1 {font-size:2.333em;}
	.veranstaltung-kreis {width: 80px; height: 80px;}
}

.veranstaltungen_start_full_box .start-h-gruppe {font-size:1em; margin-bottom: 0px;}
.veranstaltungen_start_inner {max-width: 930px; margin: auto; padding-top: 35px;}

@media screen and (max-width:1100px) { 
	.veranstaltungen_start_inner {max-width: 757px; margin: auto;}
}


@media screen and (max-width:810px) { 
	.veranstaltungen_start_inner {max-width: 545px; margin: auto;}
}

@media screen and (max-width:585px) { 
	.veranstaltungen_start_inner {max-width: 380px; margin: auto; padding: 0 2%;}
}

.veranstaltungen_start_scroller {height: 300px; overflow: scroll; overflow-x: hidden; margin-bottom: 30px; padding-top: 15px;}


/* Aktuelles / Presse*/
#presse-container { }
#presse-inner {}

#presse-container h1 {margin-bottom:0px;}
#presse-container h2 {font-size:1.867em; font-weight: 300; margin-top: 8px;}
.presse_box {margin-bottom: 35px;}

.presse_bild img {width:100%; border-radius: 10px; box-shadow: 2px 2px 10px #ccc;}
.presse_bild {width:35%;}
.presse_info {width:60%;}
.presse_datum {color:#999999; font-weight: 900;}
.presse_info h4 {font-weight: 900; margin-top: 6px; margin-bottom: 8px; color:#000;}
.presse_info p {margin: 0;}
.presse_info p:last-of-type {display: inline;}
.presse_info a {color:#ab0033; text-decoration: none; font-weight: 700;}
.presse_info  a:hover {color:#000;}

@media screen and (max-width:530px) {
	.presse_box.flexbox {display: block;}
	.presse_bild {width:100%; max-width: 190px; margin-bottom: 5px;}
	.presse_info {width:100%;}
	
}

.aktuelles_zurueck {color:#ab0033; text-decoration: none; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; font-size:0.867em; border:1px solid #ab0033; border-radius: 5px; display: inline-block; padding: 5px 10px 5px 30px; background-image:url(../bilder/icon_aktuelles_zurueck.png); background-size: 13px auto; background-repeat: no-repeat; background-position: 7px 6px; margin-bottom: 25px;}
.aktuelles_zurueck:hover {color:#000;}

.aktuelles-datum {font-size:1.600em; font-weight: 300; line-height: 1.200em;}

/* Infokachel  */

.action_foto_hg_text_box {background-size:cover; background-position:center center; background-repeat:no-repeat; min-height:380px;  }
.schatten {box-shadow: 2px 2px 10px #ccc;}
.rund {border-radius: 10px;}
.action_foto_hg_text_box.hoch {min-height:500px;}
.action_foto_hg_text_box.foto_no {min-height:inherit;}

.action_foto_box_v2 {display:none; border-radius: 10px 10px 0 0;}
.action_text_box_v2 {max-width:620px; margin-left:45%; padding-top:75px; padding-right:5%;}
.action_text_box_v2.text-start-oben {padding-top:35px;}
.foto_hg_re .action_text_box_v2 {margin-left:20%; max-width:620px;}

.foto_hg_mitte .action_text_box_v2 {margin:auto; max-width:600px; padding-left: 11%; padding-right:0;}


.action_text_v2_h_gruppe {margin-bottom:35px;}
.action_text_box_v2 h3 {font-size:1.933em; font-weight:300; line-height:1.150em; margin: 0; color:#000;}
.action_text_box_v2 h4 {font-size:1.933em; font-weight:700; line-height:1.250em; margin: 0; color:#000;}
.action_text_box_v2 h5 {font-size:1.063em; font-weight:500; line-height:1.150em; margin-top:15px; color:#000;}
.action_text_v2_h_gruppe.rot h3, .action_text_v2_h_gruppe.rot h4, .action_text_v2_h_gruppe.rot h5 {color:#ab0033;}
.action_text_v2_h_gruppe.weiss h3, .action_text_v2_h_gruppe.weiss h4, .action_text_v2_h_gruppe.weiss h5 {color:#fff;}
.action_text_gruppe {font-size:1.067em; line-height: 1.3em;}
.action_foto_hg_text_box .action_text_gruppe {margin-bottom:20px;}
.action_text_box_button {margin-bottom:20px; display:inline-block; background-color:#fff; color:#000; text-decoration:none; font-weight:900; text-transform:uppercase; padding:15px 15px 12px 15px; letter-spacing: 1px; }

.action_text_box_button.ci_farbe_hg {background-color:#c60751; color:#fff;}
.action_text_box_button.pflege_hg {background-color:#f58b1f; color:#fff;}
.action_text_box_button.alzheimer_hg {background-color:#bbc000; color:#fff;}
.action_text_box_button.kiga_hg {background-color:#00acc2; color:#fff;}
.action_text_box_button.hospiz_hg {background-color:#ab2461; color:#fff;}
.action_text_box_button.muki_hg {background-color:#73a1d3; color:#fff;}
.action_text_box_button.ms_hg {background-color:#886b84; color:#fff;}
.action_text_box_button.info_hg {background-color:#0081bd;  color:#fff;}
.action_text_box_button.grau_hg {background-color:#efefef; color:#fff;}
.action_text_box_button.hellgrau_hg {background-color:#f9f9f9; color:#000;}

.action_text_box_button.schwarz {border: 1.5px #ccc solid;}
.action_text_box_button.rot {color:#fff; background-color: #ab0033;}
.action_text_box_button.weiss {color:#fff; background-color: #000; }
.action_text_box_button.download {position: relative; padding-left: 40px;}
.action_text_box_button.download::before {position: absolute; left:-35px; top:-20px; display: block; content: ''; width: 80px; height: 80px; background-image: url(../bilder/icon_download.png); background-repeat: no-repeat; background-size: 80px 80px;}

@media screen and (max-width:965px) {
	.action_text_box_v2 {max-width:660px; margin-left:35%;}
	.foto_hg_re .action_text_box_v2 {margin-left:8%;}
}

@media screen and (max-width:840px) {
	.action_foto_hg_text_box {background-image:none !important;}
	.action_foto_box_v2 {display:block; min-height:300px; background-size:cover; background-position:left center; background-repeat:no-repeat;}
	.foto_hg_re .action_foto_box_v2 {background-position:right center;}
	.action_foto_box_v2 img {width:100%; }
	.action_text_box_v2, .foto_hg_re .action_text_box_v2, .foto_hg_mitte .action_text_box_v2 {max-width:100%; margin-left:0; padding-right:5%; padding-left:5%; padding-top:15px;}
	.action_text_box_v2 h3 {font-size:2.4em;}
	.action_text_box_v2 h4 {font-size:2.4em; }
	.action_text_box_button {font-size:1.2em;}
	
	/*.action_text_box_v2 .action_text_v2_h_gruppe.weiss, .action_text_box_v2 .action_text_gruppe.weiss {color:#000;}*/
}

@media screen and (max-width:480px) {
		.action_foto_box_v2 { min-height:230px;}
}


.action_foto_hg_text_box {}


/* fotoslider */
.slideshow-foto {margin-bottom: 15px;}
.foto-slider-bild { }
.foto-slider-bild img {border-radius: 10px; box-shadow: 1px 1px 5px #ccc; width: 100%;}
.foto-slider-text {background-color: #f7f7f7; border-radius: 0 0 10px 10px; margin-top: -8px; padding: 3px 2% 3px 2%; color:#666666; font-size:0.933em;}

.rosa_hg_section .foto-slider-text {background-color: #fff;}

/* download */
.download-box a {color:#474747; text-decoration: none; line-height: 1.200em; padding-left: 80px; border-bottom: 1px solid #474747; display: block; margin-bottom: 35px; padding-bottom: 5px; position: relative;}
.download-box a:before {content: ''; display: block; background-image: url(../bilder/icon_download.png); position: absolute; top:-23px; left:-40px; background-position: top left; background-size: 130px auto; width: 130px; height: 130px;}
.download-box span {display: block; font-size: 0.900em;}
.download-box div {font-size:1.267em; font-weight: 900;}
.download-box span.dl_info { font-weight: 300;}
.download-box span.dl_headline {text-transform: uppercase; font-weight: 900;}

@media screen and (max-width:706px) {
	.download-box a {margin-left: 100px; padding-left:0;}
	.download-box a:before { left:-120px;}
}

/* fotogalerie */
.fotogalerie { margin-bottom:35px;}
.galleryimg {float:left; margin-right:10px; margin-bottom:10px; width: 149px; height: auto; display: block;}
.galleryimg img {width: 100%; height: auto;  border-radius: 10px; box-shadow: 2px 2px 10px #ccc;}

@media screen and (max-width:400px) {
	.galleryimg {float:inherit; width: 100%; margin-right:0px;}
}

/* wann-wo-kachel */
.wann-wo-kachel {border-radius: 10px; background-color: #e2e3e4; margin-bottom: 15px;}

.wann-wo-kachel .embed-container {
    padding-bottom: 28.25%;
}
.wann-wo-kachel iframe {border-radius: 10px 10px 0 0;}
.wann-wo-kachel-text-icon {text-align: center; width: 100%; position: absolute; top:-48px; left: 0;}
.wann-wo-kachel-text-icon img {width: 75px; height: auto;}
.wann-wo-kachel-text {position: relative; text-align: center; padding: 30px 2% 15px 2%; font-size:1.300em; line-height: 1.200em; }
.wann-wo-kachel-text-headline h5 {font-size:1.429em; font-weight: 900; text-transform: uppercase; margin-bottom: 10px;}
.wann-wo-kachel-text-download {margin-top:-8px;}
.wann-wo-kachel-text-download img {width:85px; height: auto;  }
.wann-wo-kachel-text-zusatz p:last-of-type {margin-bottom: 0;}
.wann-wo-kachel-bild img {width: 100%; height: auto; border-radius: 10px 10px 0 0;}

.wann-wo-kachel-gm {height:147px; overflow:hidden; /*border-radius:10px 10px 0px 0px;*/}

@media screen and (max-width:500px) {
	.wann-wo-kachel .embed-container {padding-bottom: 45.25%;}
}


/* kontaktperson kachel / servicebox */

.service_box {
	 display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display: flex;

	  -webkit-flex-flow: wrap;
		  -ms-flex-flow: wrap;
			  flex-flow: wrap;
	width:100%;  /*border-radius:10px;*/ margin:0 5px 25px 5px; position:relative; box-shadow:1px 1px 2px #747474; text-align: left; border-radius: 20px;}
.service_box.rot_hg {background-color: #c60751; color: #fff;}

.gm_klein {width: 25%;}
.service_kontakt_text {position:relative; font-size:0.933em; font-weight:300; line-height:1.250em; height:220px; }
.service_kontakt_name {/*height:55px;*/}
.service_kontakt_name {padding-bottom: 12px;}
.service_kontakt_name p {padding-bottom: 0px; margin-bottom: 0;}
.service_kontakt_text {height: auto; padding-left: 70px; padding-top: 15px; padding-bottom: 0px; width: 55%;}
.service_kontakt_text a {color:#fff; text-decoration:none;}
.service_kontakt_foto_box {position: absolute; left:-68px;}
.service_kontakt_foto {border-radius:50%; border:2px solid #fff; box-shadow:0px 0px 6px #000; position:relative; display:inline-block; margin-top:0px;}
.service_kontakt_text h5 {font-size:1.071em; margin-bottom:0px; font-weight:900;}
.service_kontakt_text p {margin-top: 0;}

.kontakt_icons { text-align:right; width:20%; padding-left: 5%; padding-right: 3%; padding-top: 22px;}
.icon_kontakt_mail {background-image: url(../bilder/icon_kontakt_mail.png);
	background-repeat:no-repeat; background-position:0px 0px; display:inline-block; width:50px; height:50px; margin:5px 2px; background-size: 50px auto; border-radius: 50%; box-shadow: 2px 2px 10px #616161;}

.icon_kontakt_tel {background-image: url(../bilder/icon_kontakt_tel.png);
	background-repeat:no-repeat; background-position:0px 0px; display:inline-block; width:50px; height:50px; margin:5px 2px; background-size: 50px auto; border-radius: 50%; box-shadow: 2px 2px 10px #616161;}

.icon_kontakt_vcard {background-image: url(../bilder/icon_kontakt_vcard.png);
	background-repeat:no-repeat; background-position:0px 0px; display:inline-block; width:50px; height:50px; margin:5px 2px; background-size:50px auto; border-radius: 50%; box-shadow: 2px 2px 10px #616161;}	

.icon_kontakt_loc {background-image: url(../bilder/icon_kontakt_loc.png);
	background-repeat:no-repeat; background-position:0px 0px; display:inline-block; width:50px; height:50px; margin:5px 2px; background-size: 50px auto; border-radius: 50%; box-shadow: 2px 2px 10px #616161;}


.service_box .embed-container {padding-bottom:71.25%;}
.service_box .embed-container iframe {border-radius: 20px 0 0 20px;}
.service_kontakt_adresse a {color:#fff; text-decoration: none;}
.service_kontakt_tel {display: inline-block;; padding-left: 15px; position:relative;}
.service_kontakt_tel:before {content:''; display: block; position: absolute; left:0; top:1px; width: 15px; height: 22px; background-image:url(../bilder/icon_kontakt_tel_small.png); background-size: 10px auto; background-repeat: no-repeat;}
.service_kontakt_mobil {display: inline-block; padding-left: 15px; position:relative;}
.service_kontakt_mobil:before {content:''; display: block; position: absolute; left:0; top:2px; width: 15px; height: 20px; background-image:url(../bilder/icon_kontakt_mobil_small.png); background-size: 8px auto;  background-repeat: no-repeat;}
.service_kontakt_email {display: inline-block; padding-left: 15px; position:relative;}
.service_kontakt_email:before {content:''; display: block; position: absolute; left:0; top:4px; width: 15px; height: 20px; background-image:url(../bilder/icon_kontakt_mail_small.png); background-size: 10px auto;  background-repeat: no-repeat;}


@media screen and (max-width:971px) {
	.kontakt_icons { padding-left:0;   }
	.service_box .embed-container {padding-bottom:75.25%;}
}

@media screen and (max-width:941px) {
	.service_box .embed-container {padding-bottom:80.25%;}
}

@media screen and (max-width:870px) {
	.service_box { max-width: 612.5px; display:block; margin: auto; margin-bottom:25px;}
	.service_box .embed-container iframe {border-radius: 20px 20px 0 0;}
	.service_kontakt_text {width: 100%; text-align: center; padding-left: 0;}
	.kontakt_icons {width: 100%; text-align: center; padding-top: 0px; padding-bottom: 5px;}
	.gm_klein {width: 100%;}
	.service_box .embed-container {padding-bottom:25.25%;}
	.service_kontakt_foto_box {left:calc(50% - 70px); top:-70px;}
	.service_kontakt_name {padding-top: 55px;}
	.icon_kontakt_mail, .icon_kontakt_tel, .icon_kontakt_vcard, .icon_kontakt_loc {width:35px; height:35px; background-size: 35px auto;}
}

/* bild text */
.bild-box img {border-radius:5px; box-shadow: 2px 2px 10px #ccc; width: 100%; height: auto; }
.bild-box {width: 48%;}
.text-box {width: 48%;}
@media screen and (max-width:560px) {
	.bild_text.flexbox {display: block;}
	.text-box {width: 100%;}
	.bild-box {width: 100%; margin: auto; max-width: 300px; margin-bottom: 10px;}
}

/* ### Slider Startseite ###################################################################### */
.startseite_slider {}


@media screen and (max-width:480px) {
	.startseite_slider {overflow:hidden; width:100%;}
	.startseite_slider .slick-slider {width:126%; margin-left:-13%;}

}


/* ### Header ###################################################################### */
header {box-shadow: 2px 2px 10px #494949; position: relative; z-index: 1;}
.header_top {position: relative; height: 117px;}
#logo {width:96px;}
.slogan {font-weight:800; font-size: 2.2em; padding-left: 3%; padding-top: 35px; text-transform: uppercase; letter-spacing: 2px; line-height: 26px; }
.header_button {position: absolute; right: 11%; top:10px; width: 117px; height: 105px; overflow: hidden;}
.header_button img {width: 100%; height:auto;}

.header_leiste_mobil {display: none; background-color: #f5f6f6;  height: 32px; position:relative;}




/* ### NAVI ###################################################################### */
.nav_leiste_1 {background-color: #f5f6f6;}
#nav_leiste_1_inner {position: relative;}
#ebene_1 { padding: 8px 0 0 0; height: 32px; font-size:1.5em;}
#ebene_1 li {margin: 0; padding: 0; list-style: none; display: inline-block; padding-right: 3%;}
#ebene_1 li:last-of-type {padding-right: 0;}
#ebene_1 li a {color:#ab0033; cursor: pointer; display: inline-block; height: 24px; text-decoration: none;}
#ebene_1 li a:hover, #ebene_1 li a.aktiv {font-weight: 700; border-bottom:4px solid #ab0033;}

#ebene_1 li a.menu_suche {
	background-image: url(../bilder/icon_lupe.png);
	background-repeat:no-repeat; background-position:0px 0px;
	width:21px;
	height: 15px;
	height:auto;
	background-size: 21px 15px;
	display:block;
	
}

#ebene_1 li a.menu_suche:hover, #ebene_1 li a.menu_suche.aktiv {border-bottom:none;}

.icon_cs_brasil {position: absolute; right: 0px; top:-8px;}
.icon_cs_brasil img {height: 49px; width: auto;}

.nav_leiste_2 {display: none;}
.nav_leiste_2 {background-color: #ab0032; height: 32px;}
.nav_leiste_2 ul {padding: 8px 0 0 0; height: 32px; font-size:1.5em;}
.sub_menu li {margin: 0; padding: 0; list-style: none; display: inline-block; padding-right: 2.8%;}
.sub_menu li:last-of-type {padding-right: 0;}
.sub_menu li a {color:#fff; cursor: pointer; text-decoration: none;}
.sub_menu li a:hover, .sub_menu li a.aktiv {font-weight: 700; }

.nav_leiste_3 {display: none;}
.nav_leiste_3 {height: 32px; position: absolute; bottom:-32px; width: 100%; left:0;}
.nav_leiste_3 ul {padding: 8px 0 0 0; height: 32px; font-size:1.5em;}
.nav_leiste_3_inner {background-color: #e5b2c1; height: 32px; max-width:955px; width:100%; margin:auto; padding-left: 10px; padding-right: 10px; border-radius: 0 0 5px 5px; box-shadow: 2px 2px 10px #494949;}
.nav_leiste_3 .sub_menu li a {color:#ab0032; cursor: pointer; text-decoration: none;}
.nav_leiste_3 .sub_menu li a:hover, .sub_menu li a.aktiv {font-weight: 700; }


@media screen and (max-width: 970px) {
	.nav_leiste_2 ul.inner_m {padding-left:2%; padding-right:2%;}
	.nav_leiste_3_inner {padding-left:2%; padding-right:2%;}
	.header_leiste_mobil {display: block;}
	#nav_desktop {display: none;}
}




.suche_leiste li {width: 100%;}
#query {background-color:#ab0032; color:#fff; font-size:1.000em; font-weight:900; width:100%; border:none; padding-left:35px; padding-top:0px; padding-bottom:0px;} 

#nav_desktop form {border: none;}
#nav_desktop fieldset {padding: 0; margin: 0; border: none;}


.lines-button {display:block; position:absolute; top:-6px; height:40px; right:20px; z-index:3; background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none; cursor: pointer;}

.lines-button:hover {
    opacity: 1;
    filter:alpha(opacity=100);
}
.lines-button:active {
}
.lines {
    background: #ab0032 none repeat scroll 0 0;
    border-radius: 0.28571rem;
    display: inline-block;
    height:4px;
    height: 0.25rem;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
    width:35px;
    width: 2.0rem;
}
.lines:before, .lines:after {
    background: #ab0032 none repeat scroll 0 0;
    border-radius: 0.28571rem;
    content: "";
    display: inline-block;
    height:4px;
    height: 0.25rem;
    left: 0;
    position: absolute;
    -webkit-transform-origin: 0.28571rem center 0;
        -ms-transform-origin: 0.28571rem center 0;
            transform-origin: 0.28571rem center 0;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
    width:35px;
    width: 2.0rem;
}
.lines:before {
    top:11px;
    top: 0.5rem;
}
.lines:after {
    top:-11px;
    top: -0.5rem;
}
/*.lines-button:hover .lines:before {
    top:16px;
    top: 1rem;
}
.lines-button:hover .lines:after {
    top:-16px;
    top: -1rem;
}*/
.lines-button.close {
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
            transform: scale3d(0.8, 0.8, 0.8);
}
.lines-button.arrow.close .lines:before, .lines-button.arrow.close .lines:after {
    top: 0;
    width:35px;
    width: 2.22222rem;
}
.lines-button.arrow.close .lines:before {
    -webkit-transform: rotate3d(0, 0, 1, 40deg);
            transform: rotate3d(0, 0, 1, 40deg);
}
.lines-button.arrow.close .lines:after {
    -webkit-transform: rotate3d(0, 0, 1, -40deg);
            transform: rotate3d(0, 0, 1, -40deg);
}
.lines-button.arrow-up.close {
    -webkit-transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, 90deg);
            transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, 90deg);
}
.lines-button.minus.close .lines:before, .lines-button.minus.close .lines:after {
    top: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    width:48px;
    width: 3rem;
}
.lines-button.x.close .lines {
    background: transparent none repeat scroll 0 0;
}
.lines-button.x.close .lines:before, .lines-button.x.close .lines:after {
    top: 0;
    -webkit-transform-origin: 50% 50% 0;
        -ms-transform-origin: 50% 50% 0;
            transform-origin: 50% 50% 0;
    width:48px;
    width: 2.5rem;
}
.lines-button.x.close .lines:before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
}
.lines-button.x.close .lines:after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
}

.lines-button.x.close {right: 8px; top:3px; display: none;}

@media screen and (max-width: 735px) {
	.slogan {font-size:1.8em; letter-spacing: 1px;}
	.header_button {right:2%;}
}

@media screen and (max-width: 570px) {
	.slogan {font-size:1.5em; letter-spacing: 1px;}
}

@media screen and (max-width: 520px) {
	.header_button {display: none;}
	.lines-button {right: 10px;}
}

@media screen and (max-width: 430px) {
	.slogan {font-size:1.2em; letter-spacing: 0.5px; line-height: 20px; padding-left: 5%; padding-top: 45px;}
}

#nav_mobil {display: none;}
@media screen and (min-width: 971px) {
	#nav_mobil {display: none !important;}
}

@media screen and (max-width: 970px) {
	.lines-button.x.close {display:block;}
	#nav_mobil { position: absolute; top:0; right: 0; background-color: #fff; border-left:1px solid #a4a2a2; border-bottom:1px solid #a4a2a2; z-index: 5; font-size:1.4em; }
	#nav_mobil a {text-decoration: none; cursor: pointer;}
	#nav_mobil ul, #nav_mobil li {margin: 0; padding: 0;} 
	#nav_mobil li {list-style: none;}
	
	#nav_mobil ul {font-weight:900; line-height: 25px;}
	#nav_mobil ul li a {color:#ab0032;  display: block; position: relative; padding-left: 12px;}
	#nav_mobil ul li a:before {content:'>'; font-size:700; position: absolute; left:0; top:-1px; }
	#nav_mobil ul li a:hover:before, #nav_mobil ul li a.aktiv:before {content:'v';}
	
	#nav_mobil ul ul {padding-left: 25px; font-weight:400; margin-bottom: 15px; display: none;}
	#nav_mobil ul li ul li a:before {display: none;}
	#nav_mobil ul li ul li a.aktiv, #nav_mobil ul li ul li a:hover {font-weight: 700;}
	
	#nav_mobil ul ul ul {display: block;}
	
	.nav_mobil_inner {padding: 10px 10px 10px 15px;}
	.nav_mobil_top {background-color: #f5f6f6; border-bottom:1px solid #e0e1e1; height: 53px;}
	
	.nav_sm {text-align: left; margin-top: 15px; margin-bottom: 10px;}
	.nav_sm img {width:34px; height: auto;}
	
	#suche_lupe_mobil {position: absolute; width: 38px; left:12px; top:11px; }
	#suche_lupe_mobil img {width: 100%;}
	
	.suche_mobil {display: none;}
	.suche_mobil form {border: none;}
	.suche_mobil fieldset {border:none; padding: 0px; margin: 0px;}
	
	#query_mobil {background-color:#ab0032; color:#fff; font-size:1.300em; font-weight:700; width:100%; border:none; padding-left:15px; padding-top:5px; padding-bottom:5px;} 

	
}


/* ### SM FRAME ###################################################################### */


.sm_frame {padding-top:35px; padding-bottom:35px;}
.sm_frame_li {width:48%; /*border:1px solid #939597;*/ }
.sm_frame_re {width:48%;  /*border:1px solid #939597;*/ }
.sm_frame h1 {padding:10px 10px 0px 10px;}
.sm_frame h1.mit_abstand {margin-bottom:13px;}

.sm_frame_li h1 {background-image:url(../bilder/icon_twitter_gross.png); background-size:55px auto; background-repeat:no-repeat; padding-left:58px;  background-position:0px 10px;}
.sm_frame_re h1 {background-image:url(../bilder/icon_fb_gross.png);  background-size:20px auto; background-repeat:no-repeat; padding-left:30px; background-position:0px 3px;}

.sm_boxen_3 {-webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.sm_frame_box {width:32%;}
.sm_box {border-radius:10px; border:1px solid #AAAAAA; box-shadow:2px 2px 5px #AAAAAA; margin-bottom:10px; position:relative; height: 665px;}

.instagram_frame img {width:100%; height: auto; margin-bottom: 5px;}

.sm_facebook {background-color: #005a98; text-align: center; border-radius:10px 10px 0px 0px; height: 45px; padding-top: 0px;}
.sm_twitter {/*background-color: #00adef;*/ background-color: #005a98; text-align: center; border-radius:10px 10px 0px 0px; height: 45px; padding-top: 0px;}
.sm_instagram {background-color: #ee9b30; text-align: center; border-radius:10px 10px 0px 0px; height: 45px; padding-top: 7px;}

.instagram_frame {margin: 10px; max-height:600px; overflow-y: scroll;}

@media screen and (max-width:930px) {
	.sm_boxen_3 {-webkit-flex-wrap: wrap;   -ms-flex-wrap: wrap;
      flex-wrap: wrap;}
	.sm_frame_box {width:48%;}
}

@media screen and (max-width:980px) {
		.sm_frame { padding-left:5%; padding-right:5%;}
}
@media screen and (max-width:580px) {
	.sm_frame_li {width:100%;}
	.sm_frame_re {width:100%; margin-top:25px; margin-bottom:15px;}
	.sm_frame_box {width:100%;}
}



/* ### FOOTER ###################################################################### */
footer {}
.footer_1 {background-color: #eeeeee; padding: 15px 0;}
.footer_spalte {width: 25%; border-right:1px solid #999999; padding: 0 2%;}
.footer_spalte:first-of-type {padding-left:0; width: 250px;}
.footer_spalte:last-of-type {border-right:none; padding-right: 0;}
.footer_spalte h3 {font-size:1.3em; font-weight: 700;}
.footer_spalte ul, .footer_spalte p {font-size:1.2em; line-height: 1.2em;}
.footer_spalte a {text-decoration: none; color:#000;}
.footer_spalte a:hover, .footer_spalte a.aktiv {color: #ab0032;}

.footer_bild_button {text-decoration: none; border:#fff 1px solid; border-radius: 4px; width: 100%; color:#000; background-color: #f5f6f6; box-shadow: 2px 2px 5px #ccc; margin-bottom: 5px;}
.footer_bild_button_bild {width:43px;}
.footer_bild_button_bild img {width: 100%; border-radius: 4px 0 0 4px;}
.footer_bild_button_text {font-size:1.1em; padding-left: 2%;}
.footer_bild_button_text strong {font-size:1.2em;}

.footer_spalte li {list-style:none; position:relative;}
.footer_spalte li:before {content:'»'; position:absolute; left:-12px; top:-1px; }

.footer_button {display: block; margin-bottom: 5px; background-color: #fff; text-transform: uppercase; text-align: center; border:1px solid #e1e4e4; font-size:1.2em; font-weight: 700; padding: 8px 2%;}

.footer_2 {background-color: #ab0032; padding: 10px 0; color:#fff; line-height: 1.2em;}
.footer_2 a {color:#fff; font-weight: 700; text-decoration: none;}
.footer_2 a:hover {text-decoration: underline;}
.footer_logo {width: 25%;}
.footer_text {padding: 0 3%;}
.footer_fb {width:18%; padding-top: 12px;}
.footer_fb img {width: 100%;}

@media screen and (max-width:1000px) {
	#flex_footer_2 {-webkit-flex-flow: wrap;
      -ms-flex-flow: wrap;
          flex-flow: wrap;}
	
	.footer_text {padding: 0; width: 100%;}
	.footer_fb {text-align: center; width: 100%; margin: auto; max-width: 40px; padding-top: 5px;}
	.footer_logo {text-align: center; width: 100%; margin: auto; max-width: 70px; margin-bottom: 15px; margin-top: 10px;}
}

@media screen and (max-width:830px) {
	.footer_spalte {margin-bottom: 15px;}
	.footer_spalte, .footer_spalte:first-of-type  {width: 50%; }
	.footer_spalte:nth-child(even) {border-right:none; padding-right: 0;}
	#flex_footer {
		-webkit-flex-flow: wrap;
      -ms-flex-flow: wrap;
          flex-flow: wrap;}
}

@media screen and (max-width:575px) {
	.footer_spalte, .footer_spalte:first-of-type  {width: 100%; border-right:none; padding-right: 0; border-bottom:1px solid #999999; padding-bottom: 15px; margin-bottom:0px;}
	#flex_footer {max-width: 320px;}
}

/* 
--------- Y-FORM ------------ 
*/

.alert ul {display:none;}

.alert, .has-error {
    color: #ee443c;
    
	
	}


.yform .has-error input, .yform .has-error textarea {
	border: 1px solid #ee443c;
}


.yform label {display:none;}
.yform .checkbox label {display: block;}


.yform input,
.yform textarea {
    width: 100%;
    box-sizing: border-box; 
	padding:2px 0.8em 0 0.8em;
	line-height:1.6;
	color:#424242;
	margin-bottom: 5px;
	background-color: #f1f2f1;
	border:1px solid #f1f2f1;
	}


.yform textarea {
	height: 110px;
}

.yform select {
	background-color: white;
    border: 1px solid #c8c8c7;
    color: black;
    line-height: 1.6;
    margin-bottom: 0.4em;
    padding: 0 0.8em;
	}

.yform .checkbox input {
	width: auto;
}

.yform .form-captcha {margin-top: 5px;}

.yform .form-captcha label {
	display: block;
      text-align: left;
	  border:none;
	
}

.yform .form-captcha img {
	margin-bottom: 5px;
	display: inline-block;
}

.yform button[type=submit] {
	display: inline-block; background-color:#757575; color:#fff; background-image:url(../bilder/pfeil_link_w.png); background-size: 16px auto; background-repeat: no-repeat; background-position: 5px 4px; padding: 4px 8px 2px 27px; margin: 5px 0px 8px 0px; border:none;
	
}

.yform button[type=submit]:hover {background-color:#ee443c; color:#fff;}


/*DOFORM - Formulare*/

.yform .radioblock label, .yform .selectblock label {display:inline-block;}
.yform .checkspan label {display:inline;}


.yform .fieldset legend { display: block; margin-bottom: 0.5rem; font-size: 1rem; color: #ab0033; font-weight: bold; }

.forminfo, .formerror {color:red;}
.formerror {border:1px solid red;}

.yform .radiofield {display: inline-block; margin-right: 8px;}

.yform textarea.formtextfield {height:5rem;}

.yform .zimmer_form_box .form-group.radioblock label:first-child {display: none;}

.yform input.formcheck {width: inherit;}

.submitblock {text-align: center;}
.yform .submitblock input  {margin: auto; margin-top: 20px; background-color: #ab0033; width:auto; display: inline-block; cursor: pointer; color: #fff; padding-left: 10%; padding-right: 10%;}

.yform a {color: #ab0033; text-decoration: none;}
.yform a:hover {color:#000;}

.yform fieldset {border:none;}


/*----------------------
	Suche
------------------------*/

.search_it-title a {color: #ab0033; font-weight: bold; text-decoration: none; font-size:1.200em;}
.search_it-title a:hover {color:#000;}

/*----------------------
	Share-button 
------------------------*/
#share_footer {margin-top:20px; margin-bottom:20px;}

#share_email {border:1px solid #ccc; border-radius:0 5px 5px 0;  color:#999999; display:inline-block;  text-decoration:none; text-transform: uppercase; font-weight: 900; font-size:0.800em; padding-top: 5px; width: 140px;
  }

#share_drucken {border:1px solid #ccc; border-radius:5px 0 0 5px;   color:#999999; display:inline-block; text-decoration:none; text-transform: uppercase; font-weight: 900; font-size:0.800em;  padding-top: 5px;  width: 140px;
  }
#share_drucken:hover, #share_email:hover {color:#000;}

/*.share_box_2 { float:left; margin-left:15px; margin-top:30px;}
.share_box  {position:relative; width:80px; min-height:80px; float:left; z-index:1;}*/

.inner_share {display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
    margin: auto;
    max-width: 360px;
    text-align: center;
    width: 100%;}

	.share_box_1 { display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; text-align:center; margin-left:0px; margin-bottom:15px; margin-top:28px; height:30px; width: 140px;}
	.share_box { display: -webkit-flex; 
  display: -ms-flexbox;
  display: flex;  position:relative; width:80px; min-height:80px; z-index:1; /*margin-left:5%;*/ }
	.share_box_2 { display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; text-align:center; margin-left:0px; margin-bottom:15px; margin-top:28px; height:30px; width: 140px;}
	
@media screen and (max-width:400px) {
		.inner_share {/*display:block;*/ -webkit-box-orient:vertical;
-webkit-box-direction:normal;
    -ms-flex-direction:column;
        flex-direction:column; 
-ms-flex-wrap:wrap; 
    -webkit-flex-wrap:wrap;
		flex-wrap:wrap; 
-webkit-box-pack:center; 
    -ms-flex-pack:center; 
        justify-content:center;}
		.share_box_1, .share_box, .share_box_2 { /*display:block;*/ margin:auto;}
		.share_box_1 {
			-webkit-box-ordinal-group:2;
    -ms-flex-order:1;
        order:1; 
		margin-top:5px;}
		.share_box_2 {margin-top:15px; 
		-webkit-box-ordinal-group:3;
    -ms-flex-order:2;
        order:2;
		}
	}	

.share-button {
  width: 86px;
  height: 85px;
  position: absolute;
  top: 50%;
  z-index: 1;
  left: 50%;
  -ms-transform: translateX(-50%) translateY(-50%) rotate(0deg);
  transform: translateX(-50%) translateY(-50%) rotate(0deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(0deg);
  background: #fff;
  border:#ccc 1px solid;
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
  transition: all 0.25s ease-in-out 0s;
  -webkit-transition: all 0.25s ease-in-out 0s;
  -moz-transition: all 0.25s ease-in-out 0s;
	box-shadow: 0 0 10px 1px #ccc;
}
.share-button:before {
  content: "";
  position: absolute;
  color: #757676;
  font-size: 1.4rem;
  font-family: FontAwesome;
  top: 43%;
  left: 50%;
  -ms-transform: translateX(-50%) translateY(-50%) rotate(0deg);
  transform: translateX(-50%) translateY(-50%) rotate(0deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(0deg);
	background-image: url(../bilder/icon_teilen.png);
	background-repeat: no-repeat;
	background-size: 55px 55px;
	display: block;
	width:55px;
	height: 55px;
}
.share-button:hover {
  -webkit-box-shadow: 0 0 10px 1px #494848;
  box-shadow: 0 0 10px 1px #494848;
}

/*----------------------
	Circle
------------------------*/
.circle {
  top: 50%;
  left: 50%;
  -ms-transform: translateX(-50%) translateY(-50%) rotate(0deg);
  transform: translateX(-50%) translateY(-50%) rotate(0deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(0deg);
  position: absolute;
  transition: all 0.25s ease-in-out 0s;
  -webkit-transition: all 0.25s ease-in-out 0s;
  -moz-transition: all 0.25s ease-in-out 0s;
}
.circle .button {
  width: 65px;
  height: 65px;
  position: absolute;
  top: -33px;
  right: -32px;
  z-index: -1;
  background: #fff;
  border:#a9acae 1px solid;
  border-radius: 50%;
  visibility: hidden;
  cursor: pointer;
  transition: all 0.25s ease-in-out 0s;
  -webkit-transition: all 0.25s ease-in-out 0s;
  -moz-transition: all 0.25s ease-in-out 0s;
}
.circle .button:before {
  position: absolute;
  font-size: 1.4rem;
  font-family: FontAwesome;
  top: 50%;
  left: 50%;
  cursor: pointer;
  -ms-transform: translateX(-50%) translateY(-50%) rotate(0deg);
  transform: translateX(-50%) translateY(-50%) rotate(0deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(0deg);
  transition: all 0.25s ease-in-out 0s;
  -webkit-transition: all 0.25s ease-in-out 0s;
  -moz-transition: all 0.25s ease-in-out 0s;
}
.circle .button:hover:before {
  color: #fff;
}
.circle .show {
  visibility: visible;
  top: -115px;
  transition: all 0.25s ease-in-out 0s;
  -webkit-transition: all 0.25s ease-in-out 0s;
  -moz-transition: all 0.25s ease-in-out 0s;
}

.first-circle .button:before {
  color: lightcoral;
}
.first-circle .button:hover {
  background: lightcoral;
}

.second-circle .button:before {
  color: #00ABF1;
}
.second-circle .button:hover {
  background: #00ABF1;
}

.third-circle .button:before {
  color: #4767AA;
}
.third-circle .button:hover {
  background: #4767AA;
}

.forth-circle .button:before {
  color: #4D9FCA;
}
.forth-circle .button:hover {
  background: #4D9FCA;
}

.fifth-circle .button:before {
  color: #F26798;
}
.fifth-circle .button:hover {
  background: #F26798;
}

.rotate1 {
  -ms-transform: translateX(-50%) translateY(-50%) rotate(0deg);
  transform: translateX(-50%) translateY(-50%) rotate(0deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(0deg);
}
.rotate1 .button {
  -ms-transform: translateX(0) translateY(0) rotate(0deg);
  transform: translateX(0) translateY(0) rotate(0deg);
  -webkit-transform: translateX(0) translateY(0) rotate(0deg);
  -moz-transform: translateX(0) translateY(0) rotate(0deg);
}

.rotate2 {
  -ms-transform: translateX(-50%) translateY(-50%) rotate(72deg);
  transform: translateX(-50%) translateY(-50%) rotate(72deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(72deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(72deg);
}
.rotate2 .button {
  -ms-transform: translateX(0) translateY(0) rotate(-72deg);
  transform: translateX(0) translateY(0) rotate(-72deg);
  -webkit-transform: translateX(0) translateY(0) rotate(-72deg);
  -moz-transform: translateX(0) translateY(0) rotate(-72deg);
}

.rotate3 {
  -ms-transform: translateX(-50%) translateY(-50%) rotate(144deg);
  transform: translateX(-50%) translateY(-50%) rotate(144deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(144deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(144deg);
}
.rotate3 .button {
  -ms-transform: translateX(0) translateY(0) rotate(-144deg);
  transform: translateX(0) translateY(0) rotate(-144deg);
  -webkit-transform: translateX(0) translateY(0) rotate(-144deg);
  -moz-transform: translateX(0) translateY(0) rotate(-144deg);
}

.rotate4 {
  -ms-transform: translateX(-50%) translateY(-50%) rotate(216deg);
  transform: translateX(-50%) translateY(-50%) rotate(216deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(216deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(216deg);
}
.rotate4 .button {
  -ms-transform: translateX(0) translateY(0) rotate(-216deg);
  transform: translateX(0) translateY(0) rotate(-216deg);
  -webkit-transform: translateX(0) translateY(0) rotate(-216deg);
  -moz-transform: translateX(0) translateY(0) rotate(-216deg);
}

.rotate5 {
  -ms-transform: translateX(-50%) translateY(-50%) rotate(288deg);
  transform: translateX(-50%) translateY(-50%) rotate(288deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(288deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(288deg);
}
.rotate5 .button {
  -ms-transform: translateX(0) translateY(0) rotate(72deg);
  transform: translateX(0) translateY(0) rotate(72deg);
  -webkit-transform: translateX(0) translateY(0) rotate(72deg);
  -moz-transform: translateX(0) translateY(0) rotate(72deg);
}

.first-circle .button:before {
  content: "\f0d5";
}

.second-circle .button:before {
  content: "\f099";
}

.third-circle .button:before {
  content: "\f09a";
}

.forth-circle .button:before {
  content: "\f0e1";
}

.fifth-circle .button:before {
  content: "\f231";
}


/* ### SPECIAL ###################################################################### */

#offline-404-frontend-msg {
    background: darkred none repeat scroll 0 0;
    border: 1px solid #fff;
    color: white;
    font-family: Arial,sans-serif;
    font-size: 13px;
    left: 0;
    padding: 4px;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 10000;
}


.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

@media print {
	#nav_desktop, #nav_mobil, .header_button,
	.slideshow_full_box.startseite_slider, .banner,
	#share_footer, .sm_frame,
	footer,
	.fotogalerie, .kontakt_icons, .download-box, .wann-wo-kachel-text-download {display: none !important;}
	.gm_klein {visibility: hidden;}
header, .service_box {box-shadow: none;}

	
}