/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
html, body {margin:0; padding:0; font-family: 'Roboto', sans-serif; font-size:.95em; color:#555;}
.seite {width:100%; max-width:1920px; margin:0 auto; text-align:center;}
.inhalt0 {margin:0 auto; text-align:center;}
.inhalt {width:100%; max-width:990px; margin:0 auto 2% auto;line-height:1.5em; position:relative;}
.kaestel {position:absolute; bottom:-18px; left:46%; width:8%}

h1, h2 {font-size:2.5em; padding: 4% 0; line-height:1em; color:#777;font-weight:400;} 
.uduenn {margin-right:10%;font-weight:100;}
.urest {margin-left:10%;font-weight:400;}
h3 {font-size:1.5em;font-weight:300;cursor:pointer;margin:1% 2%;padding:2% 0;border-top:1px solid transparent;}
h3:hover {color:#00afc9;}
.x {float:right;margin:-7% 2% 0 0;font-weight:bold;font-size:1.4em;cursor:pointer;}
.x:hover {color:#00afc9;}

a {font-family: 'Roboto', sans-serif;text-decoration:none; color:#00afc9; font-weight:bold;}

.zu {margin:0 2%;padding:1% 0 2% 0;border-bottom:1px solid gray; display:none; text-align:justify;}

.bigbild {width:100%;}
.smallbild {width:30%;margin-bottom:-10%;position:relative;z-index:10;}
  
#buttonv {position:absolute;left:0%;top:-60px;width:12%;min-width:60px;}

.flex {display:flex; flex-direction:row; flex-wrap:wrap; justify-content: center;}
.flex2 {width:98%;display:flex;justify-content:space-between;flex-wrap:wrap;margin:1%;}
.flex3 {width:98%;display:flex;justify-content:center;flex-wrap:wrap;margin:1%;}

.buttong {display:inline-block;border:1px solid #005724;color:#005724;margin:1.2%;padding:2px 6px;}
.buttonw {display:inline-block;border:1px solid white;color:white;margin:1.2%;padding:2px 6px;box-shadow:0 0 8px #000;text-shadow:0 0 8px #000;}

.cl {clear:both;}
.mini {color:gray;font-size:.7em}

#fuss {
  width:96%;
  text-align:center; padding:24px 0; line-height:1.4em; font-size:1em;}

.us {display:none;}
  
@media all and (max-width: 639px) {
  html,body {font-size:0.9em;}
  .inhalt {margin:0 2% 2% 2%;}
  }
  
@media all and (max-width: 480px) {
 .bigbild1 {width:240%;min-width:2500px;}
 .smallbild {display:none;}
 #text_index {display:none;}
 }