html {width:100%; max-width: 100%; overflow-x:hidden; overflow-y:scroll; margin:0; padding:0; height: 100%;}
body {width:100%; max-width: 100%; overflow-x:hidden; overflow-y:hidden; margin:0; padding:0; min-height: 100%;}
body {background:#f5f2ed; font-size:0px; box-sizing: border-box; font-family:verdana;}

.row100 {width:100%; float:left;}



.col100 {width:100%;                font-size:16px; line-height:26px; box-sizing:border-box;}
.col6   {width:6.25%;   float:left; font-size:20px; line-height:26px; box-sizing:border-box;}
.col10  {width:10%;     float:left; font-size:20px; line-height:26px; box-sizing:border-box;}
.col12  {width:12.5%;   float:left; font-size:20px; line-height:26px; box-sizing:border-box;}
.col20  {width:20%;     float:left; font-size:16px; line-height:26px; box-sizing:border-box;}
.col25  {width:25%;     float:left; font-size:20px; line-height:26px; box-sizing:border-box;}
.col30  {width:30%;     float:left; font-size:16px; line-height:26px; box-sizing:border-box;}
.col33  {width:33.33%;  float:left; font-size:16px; line-height:26px; box-sizing:border-box;}
.col40  {width:40%;     float:left; font-size:16px; line-height:26px; box-sizing:border-box;}
.col50  {width:50%;     float:left; font-size:16px; line-height:26px; box-sizing:border-box;}
.col60  {width:60%;     float:left; font-size:16px; line-height:26px; box-sizing:border-box;}
.col66  {width:66.66%;  float:left; font-size:20px; line-height:26px; box-sizing:border-box;}
.col70  {width:70%;     float:left; font-size:16px; line-height:26px; box-sizing:border-box;}
.col75  {width:75%;     float:left; font-size:20px; line-height:26px; box-sizing:border-box;}
.col80  {width:80%;     float:left; font-size:16px; line-height:25px; box-sizing:border-box;}

.row100 div img {box-sizing:border-box;}

.paddingleft30 {padding-left:30px;}




.zentriert {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.header {position:fixed; top:0; left:0; width:100%; padding-bottom: 5px; background:#dcd2bf}
.header .toptext {width: 100%; height:35px; margin: 0 auto; display: flex;}
.header .toptext h1 {color:#02124e; padding:0; font-size: 1.2vW; font-weight:normal; margin:0; text-align: center;}

.header .topblock {width:100%; text-align: center; background:url(img/topblockbg.png) 0 0 repeat-x; white-space:nowrap}
.header .topblock .topblockleft      {float:left;}
.header .topblock .topblocklefttext  {position: relative; display: inline-block;}
.header .topblock .topblockbild      {position: relative; display: inline-block;}
.header .topblock .topblockrightlogo {position: relative; display: inline-block;}
.header .topblock .topblockright     {float:left;}

/* menu */
.menubrowser {width:100%; max-width:1370px; height:32px; margin:5px auto 0 auto; background:#fff; }
.menubrowser ul {padding:0; list-style-type:none;}
.menubrowser ul li {width: 275px; display: inline-block; text-align: center; margin:0; box-sizing: border-box;
                    border-left: 0px solid #fff; border-right: 5px solid #fff;}
.menubrowser ul li:first-child {border-left:none; width: 275px;}
.menubrowser ul li:last-child {border-right:none; width: 270px;}
.menubrowser ul li a {font-size:20px; line-height:32px; display:block; color:#fff; background:#6e5129; text-decoration:none; transition:0.3s}
.menubrowser ul li a:hover {background:#93621f}

.menubrowser ul li ul {display:none; position:absolute; left:0; top:0; padding:0; list-style-type:none;}
.menubrowser ul li ul li {width: 275px; display: block; text-align: center; margin:0 0 0 0; box-sizing: border-box;
                    border-left: 0px solid #fff; border-right: 5px solid #fff;}
.menubrowser ul li ul li a {border-top: 1px solid #fff;}

.hamburger {display:none; box-shadow:0 0 5px rgba(0,0,0,0.25);}
.hamburger .button {font-size:23px; line-height:52px; display:block; color:#fff;  text-align:center;
                    background:url(img/hamburger.png) calc(100% - 10px) center no-repeat #6e5129; background-size:auto 90%;}
.hamburger .menumobil1 {height:0; overflow:hidden;}
.hamburger .menumobil1 .menumobil2 {}
.hamburger .menumobil1 .menumobil2 ul {padding:0; list-style-type:none;}
.hamburger .menumobil1 .menumobil2 ul li {}
.hamburger .menumobil1 .menumobil2 ul li a {padding-left:30px; font-size:23px; line-height:52px; display:block; color:#fff; background:#910308; text-decoration:none;}

/* footer */
.wrapperfooter {border-top:4px solid #6e5129; background:#e9e8e9}
.footer {width:100%; max-width:1370px; margin:0 auto 0 auto; background:#e9e8e9;
         display: grid; padding:30px 0 30px 0px; box-sizing: border-box;}

.footer .footerlinks {font-size:16px; line-height:22px; color:#542a2c;  box-sizing: border-box; padding: 0 0 0 20px;}
.footer .footerlinks a {text-decoration:none; color:#a05256;}
.footer .footerlinks a:hover {color:#000000}
.footer .footerrechts {font-size:16px; line-height:30px; color:#003466; box-sizing: border-box; padding: 0 20px 0 0;}
.footer .footermenu {width:40%; float:right}
.footer .footermenu a {font-size:16px; line-height:52px; color:#542a2c; display: block; margin: 0 0 0 0; text-align: right; text-decoration:none;}
.footer .footermenu a:hover {color:#758e94}
/* inhalt */
/* 1370 */
.wrapperinhalt {padding-top:240px; display: flex;}
.inhalt {width:100%; max-width:1370px; margin:0px auto 0px auto; background:#f5f2ed;}
.inhalt .seite {display:block; font-size:24px; color:#0e163b; margin:0; padding:0;}
.inhalt .seite .row100.responsiv {}
.inhalt .seite .row100.responsiv .col20 {width:20%; float:left;}
.inhalt .seite .row100.responsiv .col20 img {width:100%; max-width:270px; display:block;}
.inhalt .seite .row100.responsiv .col25 {}
.inhalt .seite .row100.responsiv .col25 img {width:100%; max-width:342px; display:block;}
.inhalt .seite .row100.responsiv .col30 {width:30%; float:left;}
.inhalt .seite .row100.responsiv .col30 img {width:100%; max-width:405px; display:block;}
.inhalt .seite .row100.responsiv .col40 {width:40%; float:left;}
.inhalt .seite .row100.responsiv .col40 img {width:100%; max-width:618px; display:block;}
.inhalt .seite .row100.responsiv .col60 {width:60%; float:left;}
.inhalt .seite .row100.responsiv .col60 img {width:100%; max-width:618px; display:block;}

.inhalt .seite .row100.responsiv .col50 {}
.inhalt .seite .row100.responsiv .col50 img {width:100%}
.inhalt .seite .row100.responsiv .col33 {}
.inhalt .seite .row100.responsiv .col33 img {width:100%}
.inhalt .seite .row100.responsiv .col66 {}
.inhalt .seite .row100.responsiv .col66 img {width:100%}
/* inhalte */
.inhalt .seite p {margin:24px 0 0 0;}

.inhalt .seite a {text-decoration:none; color:#910308}
.inhalt .seite a:hover {color:#758e94}

.inhalt .seite  h1 {font-size: 25px; font-weight: normal; font-family: Verdana; line-height: 25px;}
.inhalt .seite .col20 {width:20%;     float:left;}
.shadow {box-shadow:2px 2px 10px rgba(0,0,0,0.5); margin:0 0 20px 0;}
/* bis 1644*/
@media (max-width: 1643px) {
  /*.menubrowser ul li a {font-size:23px !important;}*/
  /*.header .top .links  {margin-left:10px;}*/
  /*.header .top .rechts {margin-right:10px;}*/
}

/* bis 1024*/
@media (max-width: 1369px) {
  .header .toptext h1 {font-size: 1.7vW !important;} 
  .menubrowser {display:none;}
  .hamburger {display:block;}
  .footer .footerlinks  {margin-left:20px; width: calc(50% - 20px);}
  .footer .footermenu a {margin-right:20px;}
  .topblocklefttext  {width:20.29%}
  .topblocklefttext  img {width:100%}
  .topblockbild      {width:59.42%}
  .topblockbild      img {width:100%}
  .topblockrightlogo {width:20.29%}
  .topblockrightlogo img {width:100%}
}
/* bis 960*/
@media (max-width: 1023px) {
  .header .toptext h1 {font-size: 1.7vW !important;}  
  .footer .footerlinks {width:100% !important; margin-left:20px;}
  .footer .footerrechts {width:100% !important; margin-top:20px; padding-top: 10px; border-top:5px solid #b0b0b0;}
  .footer .footermenu {width: 100%; float: left;}
  .footer .footermenu a {margin-right:20px;}
}
/* bis 640*/
@media (max-width: 639px) {
 .header .top .mitte h1 {
    font-size: 2.6vW;
    line-height: 2.6vW;
 }
 .paddingleft40 {padding:0 10px 0 10px !important}
 .inhalt .seite .row100.responsiv .col100 {width:100%;}
 .inhalt .seite .row100.responsiv .col100 img {margin:10px auto; float:none !important; width: 100%}
 .inhalt .seite .row100.responsiv .col60 {width:100%;}
 .inhalt .seite .row100.responsiv .col60 img {margin:10px auto; float:none !important; width: 100%}
 .inhalt .seite .row100.responsiv .col50 {width:100%;}
 .inhalt .seite .row100.responsiv .col50 img {margin:10px auto; float:none !important; width: 100%;}
 .inhalt .seite .row100.responsiv .col40 {width:100%;}
 .inhalt .seite .row100.responsiv .col40 img {margin:10px auto; float:none !important; max-width:370px;}
 .inhalt .seite .row100.responsiv .col33 {width:100%;}
 .inhalt .seite .row100.responsiv .col33 img {margin:10px auto; float:none !important; max-width:370px;}
 .inhalt .seite .row100.responsiv .col30 {width:100%;}
 .inhalt .seite .row100.responsiv .col30 img {margin:10px auto; float:none !important; max-width:370px;}
 .inhalt .seite .row100.responsiv .col20 {width:100%; text-align: center;}
 .inhalt .seite .row100.responsiv .col20 img {margin:10px auto; float:none !important; max-width:370px;}
 .header .toptext h1 {font-size: 2.3vW !important;}  
  .topblocklefttext  {display:none !important;}
  .topblockbild      {width:100%;}
  .topblockbild      img {width:100%}
  .topblockrightlogo {display:none !important;}
}

/* translater */
.skiptranslate {display:none}