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

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

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

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




html{scroll-behavior: smooth;}
body, .articles {hyphens:auto; font-size: 0.9em !important;  line-height: 1.75 !important;}
 
.scrolled header {
	padding-top: 15px;
	padding-bottom: 15px;
	background: rgba(255, 255, 255, 0.97);
	color: #5B3F2F;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
	-webkit-transition: padding .25s ease-in-out, background-color .25s ease-in-out, box-shadow .25s ease-in-out, -webkit-backdrop-filter 0s .25s ease-in-out;
	transition: padding .25s ease-in-out, background-color .25s ease-in-out, box-shadow .25s ease-in-out, -webkit-backdrop-filter 0s .25s ease-in-out;
	transition: padding .25s ease-in-out, background-color .25s ease-in-out, box-shadow .25s ease-in-out, backdrop-filter 0s .25s ease-in-out;
	transition: padding .25s ease-in-out, background-color .25s ease-in-out, box-shadow .25s ease-in-out, backdrop-filter 0s .25s ease-in-out, -webkit-backdrop-filter 0s .25s ease-in-out;
}

h1, h2, h3, h4, h5, h6{line-height:1.5em; /* text-transform: uppercase;*/ }

.einrichtung .dornahof {background-color:#008244; color:#fff;}
.einrichtung .erlacher {background-color:#59BCCA; color:#fff;}
.einrichtung .dornahof, .einrichtung .erlacher{padding:60px;}
/*.einrichtung .dornahof a, .einrichtung .erlacher a{color:inherit;}*/
/* .dornahof img{max-width:25%; margin:0 auto 20px auto;}
.erlacher img{max-width:35%; margin:0 auto 20px auto;}*/

a.button {
	/* background: white; */
	box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.2); 
	/* color: inherit; */
	padding: 15px;
	border-radius: 3px;
	display: inline-block;
	vertical-align: top;
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
  text-decoration: none;
  margin:0;
}
h1, h2 { margin: 0 !important; }
h3, h4, h5, h6 { margin: 1em 0 0.2em 0; }
  
/* Boxen Einrichtungen */

.einrichtung.dornahof a.button{color: #008244; border: none;}
.einrichtung.erlacher a.button{color: #59BCCA; border: none;} 

.einrichtung a.button:hover { background: rgba(0, 0, 0, 0.2); color: white; box-shadow: none;  cursor: pointer;  border: none;}


.flex-container{
display: -webkit-flex;
display: flex;
}
.flex-item{ width: 33%;	padding: 30px 30px 0 30px; }
.flex-item:nth-child(2){ background-color:#f4f4f4; }

.flex-item h2{ font-size: 1.6em; text-transform: none; }
.flex-item h3{ font-size: 1.2em; text-transform: none; }

.mitglied img{margin: 20px -30px 0px; min-width: calc( 100% + 60px); }

.einrichtung.dornahof {
	background: #008244;
	color: white;
  margin-right: 25px;
  border-radius: 3px;
  width: 50%;
  padding: 50px;
} 

.einrichtung.erlacher {
	background: #59BCCA;
	color: white;
  margin-left: 25px;
  border-radius: 3px;
	width: 50%;
  padding: 50px;
}

.einrichtungen  {
	width: 100%;
	border-radius: 3px;
	box-sizing: border-box;
	line-height: 2;
	margin-bottom: 50px;
	display: -webkit-box;
	display: flex;
	justify-content: space-around;
}

.einrichtungen .logo {
	display: block;
	width: auto;
	height: 125px;
  margin: 0 0 50px 0;
}


@media screen and ( max-width: 1000px ) {
    .einrichtungen { padding: 0; }
}

@media screen and ( max-width: 1000px ) {
  .logo {
    width: 325px; } 

.einrichtungen {
      width: 100%;
      margin: 25px 0;
      display: block; 
    } 

.einrichtung.dornahof, .einrichtung.erlacher {
      margin: 0;
      padding: 25px; 
      width: auto;}

.einrichtungen .einrichtung:first-child {
      margin-bottom: 25px; }

 }

 @media screen and (max-width: 500px) {
    .logo {
      width: 250px; } }
    
 @media screen and (max-width: 1700px) {
     .logo {
       width: 350px; } }


/* Ende Boxen Einrichtungen */

div.history {background:#0d707e; padding: 90px 0 !important;}
.history h2, .history p{color:#fff; }

.quelltext{margin: 0 !important; width: 100%;}

div.zpRow .zpColumn .quelltext .zpbreakout {
	padding: 0 !important;
}

.mapbox{margin:0; padding:0; max-width:100%; position: relative; width: 100%; height: 660px;}
.inner_map{margin:0 -15px; padding:0; position: absolute; top:0; left:0; min-width:1903px; width: 100% ; height: 660px;}

#mapid { height: 660px; }

.mapboxgl-popup strong{
  max-width: 400px;
  }
  .leaflet-popup-content > strong{font: 12px/20px 'Merriweather',Times, serif; font-weight:700; }
  #mapmenu {
    position: absolute;
    top:0;
    left:0;
    width:400px;
    background: #fff;
    padding: 10px;
    font-family: 'Open Sans', sans-serif;
    z-index:999;
    }

    /* .leaflet-control{display:none;}*/

    /*--------- CSS Datenschutz -----------*/


.datenschutzinfo{
	padding: 0;
	text-align: left;
	font-size: 0.9em;
}
 
.datenschutz h3 {
	font-size: 1.5em;
	letter-spacing: 0.02em;
	padding-bottom: 20px;
	color: #555;
	margin: 35px 0 0 0;
}
.datenschutz ol li{list-style-type: upper-alpha !important;} 

.datenschutz ul li{list-style-type: square !important;} 
    
.alertbanner.content a#close { 	top: -2400px; }
div.alertbanner.content {padding: 20px;}
.close { float: left; }
.btn-mittig{margin: 0 auto; text-align:center;}

/*------- Ende Datenschutz --------*/

a.button:hover, #banner a.button:hover, #afterfooter a.button:hover, input.button:hover, a.button.close:hover {
	color: #fff;
	text-decoration: none;
	border: 1px solid #fafafa;
	background-color: #efefef;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#efefef),color-stop(50%,#aFaFaF));
	background-image: -webkit-linear-gradient(top,#efefef 0,#aFaFaF 50%);
  background-image: linear-gradient(to bottom,#efefef 0,#aFaFaF 50%);
  opacity: 1;
}

/*-- MEDIA ANGABEN --*/

@media screen and (min-width: 421px) and (max-width: 1024px) {
  h1, h2, h3, h4, h5, h6{font-size:5vw;}
      .navbar a.brand {	max-width: 260px;}
      .einrichtung .dornahof, .einrichtung .erlacher { padding: 30px; }
      div.history {padding: 60px 0 !important;}
} 

@media screen and (min-width: 421px) and (max-width: 1024px) and (orientation:landscape) { 
      .navbar a.brand {	max-width: 420px;} 
} 


@media screen and (max-width: 420px) { 
      h1, h2, h3, h4, h5, h6{font-size:8vw;} 
      .inner_map{margin:0 -15px; width: 100%; min-width: 100vw;}
      .navbar a.brand {	max-width: 260px;}
      .navbar-inner button.btn-navbar { margin-top: 26px !important; background:#CF8D0A; color:#fff; border: none; transition: all 0.3s ease-in-out;}
      .navbar-inner button.btn-navbar:hover { margin-top: 26px !important; background:#bf8107; color:#fff; border: none;}
      .einrichtung .dornahof, .einrichtung .erlacher { padding: 20px; }
      div.history {padding: 30px 0 !important;}
}

@media all and (max-width: 768px) {
	.flex-container{ display: block;}	
	.flex-item{ max-width: 100%; width: auto; padding: 20px; margin: 0;}
	.mitglied img{width: 100%; }
	.flex-item h2{ font-size: 1.6em; text-transform: none; }
	.flex-item h3{ font-size: 1.2em; text-transform: none; }
	}

@media screen and (min-width: 220px) and (orientation: portrait) {  .inner_map{margin:0 -15px; max-width: 100%; min-width: 100vw;}  }
@media screen and (min-width: 241px) and (orientation: portrait) {  .inner_map{margin:0 -15px; max-width: 100%; min-width: 100vw;}  }
@media screen and (min-width: 375px) and (orientation: portrait) {  .inner_map{margin:0 -15px; max-width: 100%; min-width: 100vw;}  }
@media screen and (min-width: 412px) and (orientation: portrait) {  .inner_map{margin:0 -15px; max-width: 100%; min-width: 100vw;}  }


@media screen and (min-width: 568px) and (orientation: landscape) {  .inner_map{margin:0 -15px; max-width: 100%; min-width: 100vw;}  }
@media screen and (min-width: 640px) and (orientation: landscape) {  .inner_map{margin:0 -15px; max-width: 100%; min-width: 100vw;}  }
@media screen and (min-width: 667px) and (orientation: landscape) {  .inner_map{margin:0 -15px; max-width: 100%; min-width: 100vw;}  }
@media screen and (min-width: 740px) and (orientation: landscape) {  .inner_map{margin:0 -15px; max-width: 100%; min-width: 100vw;}  }
@media screen and (min-width: 768px) and (orientation: landscape) {  .inner_map{margin:0 -15px; max-width: 100%; min-width: 100vw;}  }
@media screen and (min-width: 812px) and (orientation: landscape) {  .inner_map{margin:0 -15px; max-width: 100%; min-width: 100vw;}  }
@media screen and (min-width: 1024px) and (orientation: landscape) {  .inner_map{margin:0 -15px; max-width: 100%; min-width: 100vw;} }
@media screen and (min-width: 1440px) and (orientation: landscape) {  .inner_map{margin:0 -15px; max-width: 100%; min-width: 100vw;} } 
@media screen and (min-width: 1441px) and (orientation: landscape) {  .inner_map{margin:0 -15px; max-width: 100%; min-width: 100vw;} }