/* alle default Ränder entfernen */
* { padding:0; margin:0; }


/* nunito-200 - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/nunito-v16-latin-200.eot'); 
  src: local('Nunito'),
       url('fonts/nunito-v16-latin-200.eot?#iefix') format('embedded-opentype'), 
       url('fonts/nunito-v16-latin-200.woff2') format('woff2'), 
       url('fonts/nunito-v16-latin-200.woff') format('woff'), 
       url('fonts/nunito-v16-latin-200.ttf') format('truetype'), 
       url('fonts/nunito-v16-latin-200.svg#Nunito') format('svg'); 
}


/* nunito-200italic - latin */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 200;
  src: url('fonts/nunito-v16-latin-200italic.eot'); 
  src: local(''),
       url('fonts/nunito-v16-latin-200italic.eot?#iefix') format('embedded-opentype'), 
       url('fonts/nunito-v16-latin-200italic.woff2') format('woff2'), 
       url('fonts/nunito-v16-latin-200italic.woff') format('woff'), 
       url('fonts/nunito-v16-latin-200italic.ttf') format('truetype'), 
       url('fonts/nunito-v16-latin-200italic.svg#Nunito') format('svg'); 
}

/* nunito-300 - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/nunito-v16-latin-300.eot'); 
  src: local(''),
       url('fonts/nunito-v16-latin-300.eot?#iefix') format('embedded-opentype'), 
       url('fonts/nunito-v16-latin-300.woff2') format('woff2'), 
       url('fonts/nunito-v16-latin-300.woff') format('woff'), 
       url('fonts/nunito-v16-latin-300.ttf') format('truetype'), 
       url('fonts/nunito-v16-latin-300.svg#Nunito') format('svg'); 
}

/* nunito-300italic - latin */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/nunito-v16-latin-300italic.eot'); 
  src: local(''),
       url('fonts/nunito-v16-latin-300italic.eot?#iefix') format('embedded-opentype'), 
       url('fonts/nunito-v16-latin-300italic.woff2') format('woff2'), 
       url('fonts/nunito-v16-latin-300italic.woff') format('woff'), 
       url('fonts/nunito-v16-latin-300italic.ttf') format('truetype'), 
       url('fonts/nunito-v16-latin-300italic.svg#Nunito') format('svg'); 
}


/* nunito-regular - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/nunito-v16-latin-regular.eot'); 
  src: local('Nunito'),
       url('fonts/nunito-v16-latin-regular.eot?#iefix') format('embedded-opentype'), 
       url('fonts/nunito-v16-latin-regular.woff2') format('woff2'), 
       url('fonts/nunito-v16-latin-regular.woff') format('woff'), 
       url('fonts/nunito-v16-latin-regular.ttf') format('truetype'), 
       url('fonts/nunito-v16-latin-regular.svg#Nunito') format('svg'); 
}

/* nunito-italic - latin */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/nunito-v16-latin-italic.eot'); 
  src: local('Nunito'),
       url('fonts/nunito-v16-latin-italic.eot?#iefix') format('embedded-opentype'), 
       url('fonts/nunito-v16-latin-italic.woff2') format('woff2'), 
       url('fonts/nunito-v16-latin-italic.woff') format('woff'), 
       url('fonts/nunito-v16-latin-italic.ttf') format('truetype'), 
       url('fonts/nunito-v16-latin-italic.svg#Nunito') format('svg'); 
}

/* nunito-600italic - latin */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/nunito-v16-latin-600italic.eot'); 
  src: local('Nunito'),
       url('fonts/nunito-v16-latin-600italic.eot?#iefix') format('embedded-opentype'), 
       url('fonts/nunito-v16-latin-600italic.woff2') format('woff2'), 
       url('fonts/nunito-v16-latin-600italic.woff') format('woff'), 
       url('fonts/nunito-v16-latin-600italic.ttf') format('truetype'), 
       url('fonts/nunito-v16-latin-600italic.svg#Nunito') format('svg'); 
}

/* nunito-600 - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/nunito-v16-latin-600.eot'); 
  src: local('Nunito'),
       url('fonts/nunito-v16-latin-600.eot?#iefix') format('embedded-opentype'), 
       url('fonts/nunito-v16-latin-600.woff2') format('woff2'), 
       url('fonts/nunito-v16-latin-600.woff') format('woff'), 
       url('fonts/nunito-v16-latin-600.ttf') format('truetype'), 
       url('fonts/nunito-v16-latin-600.svg#Nunito') format('svg'); 
}


/* nunito-700 - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/nunito-v16-latin-700.eot'); 
  src: local(''),
       url('fonts/nunito-v16-latin-700.eot?#iefix') format('embedded-opentype'), 
       url('fonts/nunito-v16-latin-700.woff2') format('woff2'), 
       url('fonts/nunito-v16-latin-700.woff') format('woff'), 
       url('fonts/nunito-v16-latin-700.ttf') format('truetype'), 
       url('fonts/nunito-v16-latin-700.svg#Nunito') format('svg'); 
}

/* nunito-700italic - latin */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/nunito-v16-latin-700italic.eot'); 
  src: local(''),
       url('fonts/nunito-v16-latin-700italic.eot?#iefix') format('embedded-opentype'), 
       url('fonts/nunito-v16-latin-700italic.woff2') format('woff2'), 
       url('fonts/nunito-v16-latin-700italic.woff') format('woff'), 
       url('fonts/nunito-v16-latin-700italic.ttf') format('truetype'), 
       url('fonts/nunito-v16-latin-700italic.svg#Nunito') format('svg'); 
}


/* nunito-800 - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/nunito-v16-latin-800.eot'); 
  src: local('Nunito'),
       url('fonts/nunito-v16-latin-800.eot?#iefix') format('embedded-opentype'), 
       url('fonts/nunito-v16-latin-800.woff2') format('woff2'), 
       url('fonts/nunito-v16-latin-800.woff') format('woff'), 
       url('fonts/nunito-v16-latin-800.ttf') format('truetype'), 
       url('fonts/nunito-v16-latin-800.svg#Nunito') format('svg'); 
}

/* nunito-800italic - latin */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 800;
  src: url('fonts/nunito-v16-latin-800italic.eot'); 
  src: local(''),
       url('fonts/nunito-v16-latin-800italic.eot?#iefix') format('embedded-opentype'), 
       url('fonts/nunito-v16-latin-800italic.woff2') format('woff2'), 
       url('fonts/nunito-v16-latin-800italic.woff') format('woff'), 
       url('fonts/nunito-v16-latin-800italic.ttf') format('truetype'), 
       url('fonts/nunito-v16-latin-800italic.svg#Nunito') format('svg'); 
}

/*--------------------verwendet nur  300 600 700 --------------------------------------*/


/* mobile first alles in Zeilen (flex-direction: column;), Navigation ganz unten mit order */


body {margin:0; font-family: Nunito, Arial, Helvetica, sans-serif; font-size:0.8em; font-weight: 300; }


/* wegen iPhone Textvergrößerung bei Tabellen etc  */
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6, table, tr, td {
-webkit-text-size-adjust:none;
}

.page-wrap { display:flex; flex-wrap:wrap; flex-direction:column; }

.header {order:1; width:100%; display:flex; flex-direction:row; background-color:white;}
.logo { width:86%; margin-top:18px; margin-bottom:10px;}
.logo img { width:100%; height:auto; max-width:280px; margin-left:6px;}

.rechts-oben {width:57%; display:flex; flex-direction:column; align-items:flex-end; }

/*.ueberschrift  {font-size:0.7em; text-align:right; padding-right:8px; padding-top:4px; max-width:16em;}*/

.such-und-navi {display:flex; flex-direction:row; justify-items:flex-end;}
/*.suche {width: 20px;  padding:12px; }
.suche img {width:100%; height:auto; }*/
.sprung {display:flex; padding:8px; }
.sprung img {width:100%; height:auto; }


.banner {order:2; background-image:url(images/landschaft_1000.jpg); border:solid gray 1px; height: 80px;}


/* overflow:auto damit nichts abgeschnitten wird  */
.content {order:4; width: 92%;   padding:0.6em 0.4em 1em 1em; overflow:auto; background-color:white; }
.content p, li { line-height:1.6em; list-style-type:square; }
.content img { width:100%; height:auto; max-width:540px;}
.content img.halb { width:50%; height:auto; max-width:270px;}
.mitte { text-align:center; }
.content strong { font-weight:600; }
.klein {font-size:80%; }
/*.text-center {text-align:center;}*/
.content a {color:black; text-decoration:none; border-bottom:1px solid #666; }
.content a:hover {background-color:#f7e8af; color:black; text-decoration:none;  border-bottom:none;}




/* footer-box transparent wegen iPhone Problem Überlagerung */
.footer-box {order:5; background-color:#666; color:white; margin-bottom:700px;}

.footer-box a.telNR {color:white;}

.totop  {float:right; text-align:right; margin-right:8px; margin-top:8px; }
.totop img {background-color:white; }
.totopbild:hover {background-color:#ddd;} 

.linkbild { display:inline-block; width:175px; height:17px; vertical-align: -4px; margin-left:-1px; background-image:url('images/schreiben3ddinv.png'); background-size: 175px 17px;}
.linkbild:hover img { display:none; }

.totop-navi  {text-align:right; margin-right:8px; margin-top:8px; }

.footer_menu {width: 150px; max-width:240px; padding-bottom:10px; margin-top:10px; margin-left:10px; }
.footer_menu li {list-style-type:none; margin-bottom:6px; border-bottom:1px solid #ffffff; max-width:220px; margin-left:-8px; }
.footer_menu li a {color:white; text-decoration: none; display:block; padding:2px 2px 2px 0px; }
.footer_menu li a:hover {color:black;  background-color:white; padding:2px;  }
.footer_menu li.l1-cur-act  {background-color:#eee; color:black; margin-left:-8px; padding:2px; }
.footer_menu ul.l2 {background-color:#666; margin-left:-2px; margin-right:-2px; }
.footer_menu ul.l2 li {border:none;  margin-left:0px; padding-left:6px;}
.footer_menu li.l2-cur-act  { background-color:#eee; color:black; margin-left:4px; padding:2px;  }
.footer-adresse { margin-left:14px; padding-bottom:20px;}  
.footer-adresse h2 {color:#eee; } 



.leer1 .leer2 {display: none; }

/* einheitliche Ränder - bessere Ausrichtung mit Bildern */
h1 {font-size: 1.5em; font-weight:700; margin-bottom:16px; margin-top:10px; }
h2 {font-size: 1.4em; font-weight:700; margin-bottom:14px; margin-top:10px; }
h3 {font-size: 1.3em; font-weight:700; margin-bottom:12px; margin-top:10px; }
h4 {font-size: 1.2em; font-weight:700; margin-bottom:10px; margin-top:10px; }
h5 {font-size: 1.1em; font-weight:700; margin-bottom:10px; margin-top:10px; }
h6 {font-size: 1em; margin-bottom:8px; }



p {margin-bottom:10px;}
/*  Listen einrückung raus, darunter Abstand */
ul { margin-left:19px;}
ol { margin-left:24px;}
ul li, ol li { margin-bottom:10px;}

hr {height:1px; background-color:#888888; border:0px; margin-bottom:8px; margin-top:6px; }

/*table.table-bordered  */
table, th, td {border:1px solid #bbb; border-collapse:collapse; padding:0.3em;}

 
 
/* --Hauptmenü-- */

.nav {order:6; padding-bottom:900px; font-size:0.8em;  border-left:1px solid #aaa; margin-left:2px; }
.nav a {color:black; text-decoration:none; }

.navi-0 {font-size: 130%;  }
.navi-0 a {display:block; border-bottom:1px solid #ddd; padding:4px 0px 6px 10px; }
.navi-0 a:hover {background-color:#f7e8af; }
.navi-0-a {font-size: 130%; border-bottom:1px solid #ddd; padding:4px 0px 6px 16px; background-color:white; }
.navi-0-a-c {font-size: 130%; margin-left:-2px;  border-left:1px solid white;  border-bottom:1px solid #ddd; padding:4px 0px 6px 16px; background-color:white; background-image:url(images/bg-cur-sprite-menue-links.gif); background-position:-160px 2px; }




/*-----------------------------------------------------------------------*/
@media screen and (min-width: 470px) {
.ueberschrift  { font-size:0.9em; margin-top:4px; max-width:20em;}


ul { margin-left:16px;}
ol { margin-left:22px;}


}

/*-----------------------------------------------------------------------*/
@media screen and (min-width: 700px) {
body { font-family: Nunito, Arial, Helvetica, sans-serif; font-size:0.9em; font-weight: 300;}

.page-wrap { display: flex; flex-wrap:wrap; flex-direction: row; }

.header {order:1; max-width:860px;  margin:auto; }


/*.ueberschrift  {font-size:1.3em; line-height:170%; margin-top:8px;}*/
.logo img {width:100%; height:auto; max-width:300px; margin-top:4px; margin-bottom:8px;}
.sprung {display:none; }
.suche {width: 26px;  padding:12px; }

.banner {order:2; background-image:url(images/landschaft1600loop.jpg); width:100%; height: 120px;}

/*
.breadcrumb-box {order:3; width:100%; background-color:white; border:none; font-size:86%;  }
.breadcrumb-align {max-width:860px; margin:auto; }
*/

/* Hilfsboxen für die Zentrierung mit dem IE */
.leer1 {order:4; flex:auto; }


.content {order:5; flex:64; max-width:540px; min-height: 500px; padding:0 0 2em 1em; margin-top:10px; margin-right:26px; overflow:visible; font-size:110%;}
.content strong { font-weight:700; }


.nav {order:5; flex:34; max-width:274px; margin-top:20px; padding-bottom:10px; margin-left:-7px; margin-bottom:20px; }
.navi-0-a-c {background-image:url(images/bg-cur-sprite80.gif); background-position:-160px 2px; }

.totop-navi  {display:none; }

.leer2  {order:7; flex:auto; }


.footer-box {order:8; width:100%; margin-bottom:0px; }
.footer {max-width:890px; margin:auto; }
.footer_menu  {float:left; margin-top:6px; font-size:1.1em;}

.footer-adresse {float:right; padding-bottom:40px; margin-right:20px; }
.footer-adresse:after {content:""; display:table; clear:both; }


/* Telefonlinks nicht auf Desktop Rechner */
a.telNR {text-decoration:none; border:none; color:#111111; cursor:text; }
a.telNR:hover {background-color:#ffffff; cursor:text; color:#111111; }
.footer-box a.telNR {text-decoration:none; border:none; cursor:text; color:white;}
.footer-box a.telNR:hover {background-color:#666; cursor:text; }

/*
div.termin_text {font-size:90%; margin-top:-2px; }
div.termin_text b {font-size:120%; }
*/

h1 {font-size: 1.6em; }
h2 {font-size: 1.5em; }
h3 {font-size: 1.4em; }
h4 {font-size: 1.3em; }
h5 {font-size: 1.2em; }
h6 {font-size: 1.1em; }

/* -----------------Hauptmenü---wie mobil ----------*/

}



/*-----------------------------------------------------------------------*/
@media screen and (min-width: 870px) {
.content {padding:0 0 2em 0; margin-right:50px;  }
.navi-0-a-c {background-image:url(images/bg-cur-sprite80.gif); background-position:-160px 4px; }


}