.inhalt {margin-top:0; padding: 0 76px; box-sizing: border-box;
         min-height: 100%; transition: padding 1s;}


/* header */
.fixed_header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index:999;
}
.fixed_header .top {
  background: url(../pics/headerbg.png) center center no-repeat;
  background-size: cover
}

.header {margin-top: 0px;}
.header h1 {width:100%; text-align: center; color:#685f61; font-size: 26px; font-weight:100; text-transform: full-width; margin: 0 0 0 0;}

/* menu */
.menu {width: 100%; margin: 0 -2px 30px 0; float: left; background: #eceaea; box-shadow: 0 5px 5px rgba(0,0,0,0.2);}
.menu .row100 {}
.menu .row100 .col20 {text-align:center;}
.menu .row100 .col20 a {display:block; text-align: center; text-decoration: none; margin:0 2px; transition:0.25s;}
.menu .row100 .titel {text-align:center; text-transform: full-width;}

.menubrowser {
  width: 100%;
  max-width: 1218px;
  margin: 0 auto;
}
.menubrowser ul {padding:0; list-style-type:none; margin:0; padding:7px 0;}
.menubrowser ul li {position: relative;}
.menubrowser ul li ul {position:absolute; position: absolute; display: none; width: 100%; padding:0px 0;}
.menubrowser ul li:hover ul {display:block}
.menubrowser ul li ul li {}

.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(pics/hamburger.png) calc(100% - 10px) center no-repeat; background-size:auto 90%;}
.hamburger .menumobil1 {height:0; overflow:hidden;}
.hamburger .menumobil1 .menumobil2 {}
.hamburger .menumobil1 .menumobil2 ul {padding:0; list-style-type:none; margin: 0;}
.hamburger .menumobil1 .menumobil2 ul li {}
.hamburger .menumobil1 .menumobil2 ul li a {padding-left:30px; font-size:23px; line-height:52px; display:block; color:#fff; text-decoration:none;}
.hamburger .menumobil1 .menumobil2 ul li ul li a {padding-left:60px;}



/* der seiten-inhalt */
.seite {
    margin-top:200px !important;
    margin-bottom: 20px !important;
    width: 100% !important;
    max-width: 1370px !important;
    color:#857e5f !important;
    min-height: 450px !important;
}

.footer {margin:20px auto; width:100%; max-width: calc(1370px - 0px); color:#857e5f; font-size:0; line-height:0;
         padding: 0 76px;  box-sizing: border-box;}
.footer .line {width: 100%; height: 11px; margin: 0 0 10px 0; float:left}
.footer .center {text-align: center; font-size: 16px; line-height: 20px; margin: 0 10px; width: calc(33% - 20px);}
.footer .left  {text-align: left;  margin-left:20px;  width: calc(33% - 20px); font-size:16px; line-height:20px;}
.footer .right {text-align: right; margin-right:20px; width: calc(33% - 20px); font-size:16px; line-height:20px; float: right;}
.footer p {margin:0;}
.footer a {text-decoration: none; color:#857e5f}
.footer a:hover {text-shadow: 0 0 2px;}
.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:20px; 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;}

/* inhalte */
.inhalt .seite p {margin:24px 0 0 0;}
/*
.inhalt .seite .col20 {width:20%;     float:left; font-size:0px; line-height:0px;}
.inhalt .seite .col20 img {width:100%;}
*/
.inhalt .seite h1 {font-size:30px; line-height:60px; font-weight:normal;}
.inhalt .seite .row100 .col100 {padding: 0 20px 0 20px; box-sizing: border-box;}

.inhalt {width:100%; max-width:1370px; margin:0px auto 0px auto;}
.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%}

.shadow {
    box-shadow: 2px 2px 10px rgba(0,0,0,0.5);
    margin: 0 0 20px 0;
  }

@media (max-width: 639px) {
    .inhalt .seite .row100.responsiv .col50 {width:100%;}
    .inhalt .seite .row100.responsiv .col50 img {margin:10px auto; float:none !important;}
    .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 .col30 {width:100%;}
    .inhalt .seite .row100.responsiv .col30 img {margin:10px auto; float:none !important; max-width:370px;}
   }

@media screen and (max-width: 799px) {
    .inhalt {margin-bottom:20px; padding: 0 20px;}
    .footer {bottom: unset; position: relative; width: 100%;}
    .footer .center {width:100%; text-align: center;}
    .footer .left   {width:100%; text-align: center; margin:20px 0 !important;}
    .footer .right  {width:100%; text-align: center; margin:20px 0 !important;}
}

/* bis 1024*/
@media (max-width: 1023px) {
    .menubrowser {display:none;}
    .hamburger {display:block;}
    .balken_left, .balken_right {display:none;}
  }