/* quicksand-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/quicksand-v31-latin-regular.woff2') format('woff2'),
       url('./fonts/quicksand-v31-latin-regular.ttf') format('truetype');
}
/* quicksand-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Quicksandfett';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/quicksand-v31-latin-700.woff2') format('woff2'),
       url('./fonts/quicksand-v31-latin-700.ttf') format('truetype');
}
/*
119,183,86 altes Gruen
185,214,45 frisches Gruen
*/
body {margin:0; padding:0; background-color:white; font-family: Quicksand, Verdana, Arial, sans-serife; color:#333; font-size:.9em; text-align:center; line-height:1.5em;}
#welleoben {position:absolute;top:0;left:0;width:58%;z-index:100;max-width:1000px;border:0;}
#site {width:100%; max-width:1920px; margin:0 auto;}
#oben {position:relative;width:100%;max-width:1440px;margin:0 auto;z-index:200;}

.m_neu {width:20%;min-width:180px;cursor:pointer;margin:0 2%;font-weight:bold;} /*Logo*/
#logo {width:100%;margin-top:9%;}

#hamburger {display:block;float:right;margin:2.5% 10% 10px 0;width:7%;min-width:32px;max-width:42px;display:none;}

#sprachen_neu {float:right;margin:2% 2% 0 0;padding-bottom:3px;min-width:80px;}
 .flagge1_neu {display:inline-block;box-shadow:0 0 2px #333;margin:4px;background-color:#b3b3b3;padding:3px 5px;font-weight:bold;cursor:pointer;color:white;font-size:2em;}
 .flagge1_neu a {color:white;}
 
.menu_neu1 {max-width:1001px;margin:0 auto;}
.menu_neu1 div {min-width:140px;margin:1% 0 0 0;padding:8px;font-size:1.2em;line-height:2em:cursor:pointer;font-weight:bold}
.menu_neu1 div:hover {background-color:rgb(185,214,45);}
.menu_neu1 div a {color:rgb(180,209,40);}
.menu_neu1 div:hover a {color:white;}

.menu_neu2 {position:absolute;top:0;left:0;z-index:2000;width:100%;}
.menu_neu2 div {min-width:140px;margin:1% 0;padding:8px;font-size:1.2em;line-height:2em:cursor:pointer;background-color:#eee;font-weight:bold;}
.menu_neu2 div:hover {background-color:rgb(185,214,45);}
.menu_neu2 div a {color:rgb(180,209,40);}
.menu_neu2 div:hover a {color:white;}

.an {background-color:rgb(185,214,45) !important; color:white;}
.an a {color:white !important}

 
#banner {width:100%;max-width:1906px;margin:0 auto;position:relative;overflow:hidden;}
#banner01 {width:100%;min-width:600px;margin:0 auto;}
 #kontaktbutton {display:none;position:absolute;bottom:0;right:18%;width:138px;height:140px;border:1px solid white;background-color:rgba(185,214,45,.8);padding:1%;color:white;text-shadow: 0 0 5px #333;}
 #k {position:absolute;bottom:1px;padding-right:34px;right:18%;width:100px;cursor:pointer;border:0;}
  
.flexc {display:flex;flex-wrap:wrap;justify-content:center;gap:2%;}

#inhalt0 {width:100%;max-width:1200px;margin:-3px auto 0 auto;position:relative;z-index:100;background-color:white;}
#inhalt {margin:2%; min-height:300px;}

h1 {line-height:1.4em;margin:4% auto;}
.ctext {width:100%;max-width:600px;text-align:justify;margin:5% auto;}

#fuss {font-size:.8em;text-align:left;border-top:1px solid gray;}
 #fuss div {float:left;margin:2%;width:20%;min-width:140px;}

a {text-decoration:none; color:gray;}
a:hover {color:black;}

.version {font-size:.7em;color:silver;float:right;margin-right:2%;}

.cl {clear:both;}
.us {display:none}

/* katalog downloads */
.kat .ue {display:table-cell;height:44px;vertical-align:bottom;}
.kat .eintrag {margin:1% 1.7%;text-align:left;width:190px;}
.kat .bild1 {display:block;max-width:172px;max-height:238px;width:auto;height:auto;border:6px solid white;margin:6px 0; box-shadow:0 0 5px gray;}

.d_ruhestand{width:96%;max-width:700px;margin-left:auto;margin-right:auto;padding:20px;border:1px solid #eeeeee;}

#navi_smart {display:none;cursor:pointer;width:100%;left:0;top:30px;}
 .smart0 {width:100%;background-color:#eee;line-height:2.8em;border-bottom:1px solid gray;}
 .smart1 {width:100%;background-color:white;border-bottom:1px solid #ccc;}
 .pf {color:gray;}
 
@media all and (max-width: 630px){
 body {font-size:.7em;}
 #logo {margin-top:2%;}
 #navi_norm  {display:none;} 
 #navi_smart {display:block;}
 #hamburger {display:block;}
.m {position:relative;}
.n0 {margin-top:10px;}
 #welleoben {display:none;}
 #kontaktbutton, #k {display:none;}
}

@media all and (max-width: 430px){
 #hamburger {margin-right:1%;}
 #sprachen {min-width:66px;right:0;}
 .flagge1 {margin:4px 2px;padding:3px 8px;}
 .menustrich {display:none;}
 .n0 {margin-top:0;}
 .n {padding-right:10px;}
}

@media all and (max-width: 330px){
 body {font-size:.65em;}
 #banner01 {margin:0 0 0 -100px;}
 .n0 {margin-left:-30px;}
 .n {padding-right:20px;}
 .flagge1 {margin:4px 1px 1px 1px;}
 #fuss div {float:left;margin:2%;min-width:100px;}
}