/* oswald-200 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 200;
  src: url('fonts/oswald-v34-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/oswald-v34-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/oswald-v34-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/oswald-v34-latin-200.woff') format('woff'), /* Modern Browsers */
       url('fonts/oswald-v34-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/oswald-v34-latin-200.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* raleway-300 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/raleway-v16-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Raleway Light'), local('Raleway-Light'),
       url('fonts/raleway-v16-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/raleway-v16-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/raleway-v16-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/raleway-v16-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/raleway-v16-latin-300.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/source-sans-pro-v13-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),
       url('fonts/source-sans-pro-v13-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v13-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v13-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v13-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v13-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
*{padding:0; margin:0;}

html {min-height: 100%; margin-top: 0px; padding-top: 0px; width: 100%;}
body {
  font-size: 14px;
  font-weight: 300;
  background-color: #d1bc8a;
}
body, table, td, th, input, p, tr {font-family:'source sans','verdana','arial','tahoma'; font-weight: 300;}

.menutop {position: fixed; width: 100%; top: 0px; height: 32px;
border-bottom: 1px solid #a0a0a0; text-align: right; padding-right: 2%; box-sizing: border-box; background-color: #d1bc8a; z-index: 10000;}
.menutop a {text-decoration: none; font-size: 12px; padding: 8px; display: inline-block; color: #606060;}

.menu {position: fixed; width: 100%; top: 32px; height: 80px; background-color: #f0e9d7; -webkit-box-shadow: 0px 0px 12px 3px rgba(160,160,160,0.54);
-moz-box-shadow: 0px 0px 12px 3px rgba(160,160,160,0.54);
box-shadow: 0px 0px 12px 3px rgba(160,160,160,0.54); z-index: 10000;
border-bottom: 1px solid #808080;}

.logo {position: absolute; background-color: #f0e9d7; left: 2%; width: 24%; border: 1px solid #a0a0a0; min-width: 200px; max-width: 420px; top: 50%; transform: translate(0%,-50%);
border-radius: 8px;}
.logo img {width: 100%; padding: 8px;box-sizing: border-box;}

@media screen and (max-width: 1116px) {
  .logo {border: 0px solid #a0a0a0;}
  .logo img {width: 100%; padding: 0px;box-sizing: border-box;}
}

.menumain {position: absolute; width: 70%; right: 32px; bottom: 24px; border: 0px solid #606060; display: block; text-align: right; display: flex;}
.menumain div {flex-grow:1;}
.menumain div a {display: block; text-decoration: none; font-size: 20px; color: #404040;}
.menumain div a:hover {display: block; text-decoration: none; font-size: 20px; color: #808080;}

.menumobilesign {position: absolute; top: 16px; right: 2%; width: 60px; height: 50px; border: 0px solid #606060; transition: all 3s; display: none; cursor: pointer; z-index: 999;}
.menumobilesign img {width: 100%;}

.menumobile {position: fixed; top: 120px; right: -2px; width: 0px; overflow-x: hidden; border: 1px solid #606060;
transition: width 0.8s ease-in-out;
-webkit-transition: width 0.8s; /* Safari */
display: none; box-sizing: border-box; background-color: #f0e9d7; border-radius: 7px 0px 0px 7px;}
.menumobile a {display: block; padding: 12px 4px 12px 4px; margin: 6px; text-decoration: none; width: 100%; font-size: 19px; border: 1px solid #a0a0a0; color: white;  background-color: #005bad;
border-radius: 8px;}
.menumobile a:hover {background-color: #c0c0c0;}

.slider {margin-top: 112px; width: 100%; border-bottom: 1px solid #808080; box-sizing: border-box;}
.slider img {display: block; width: 100%; padding: 0px; margin: 0px;}

.contentwrapper {width: 100%; border: 0px solid green; box-sizing: border-box;}
.content {width: 96%; border: 0px solid red; box-sizing: border-box; margin-left: auto; margin-right: auto; margin-bottom: 8px; padding-bottom: 120px;}

.contentpic{
  width: 30%;
  float: right;
  padding: 8px 12px;
  border: 1px solid #808080;
  width: 480px; float: right; margin: 0px 0px 20px 20px; box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
  background: #756b52;
  max-width: 50%;  
}

table td {padding-right: 10px; color: #404040;}

.titel {xwidth: 100%; border: 0px solid red; box-sizing: border-box; font-size: 28px; margin-top: 32px; border-bottom: 1px solid #a0a0a0;}
.spalten {width: 100%; border: 0px solid red; box-sizing: border-box; display: flex; flex-direction: row; margin-top: 24px;}

.spalte1 {flex: 0 0 100%; box-sizing: border-box;}
.spalte2l {flex: 0 0 80%; box-sizing: border-box; padding-right: 2%;}
.spalte2r {flex: 0 0 20%; box-sizing: border-box;}
.spalte3l {flex: 0 0 24%; box-sizing: border-box; padding-right: 2%;}
.spalte3m {flex: 0 0 56%; box-sizing: border-box; padding-right: 2%;}
.spalte3r {flex: 0 0 20%; box-sizing: border-box;}

.spalte2l img {}
.spalte3m img {width: 360px; float: right; margin: 12px 0px 12px 12px; box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);}

.spalte2r img {display: block; width: 80%; margin: auto;}
.spalte3r img {display: block; width: 80%; margin: auto;}

.spalte2l ul li {margin-left: 20px; color: #444;}

.footer {width: 100%; text-align: center; padding: 12px; box-sizing: border-box; border-top: 1px solid #b0b0b0; background-color: #f0f0f0; color: #404040;display: flex; justify-content: center; flex-wrap: wrap;
background-color: #f0e9d7;}
.footer a {text-decoration: none; color: #606060;}

/* footer fixed unten */
.footer {position: fixed; bottom: 0px; z-index: 9999;
 -webkit-box-shadow: 0px 0px 12px 3px rgba(160,160,160,0.64);
-moz-box-shadow: 0px 0px 12px 3px rgba(160,160,160,0.64);
box-shadow: 0px 0px 12px 3px rgba(160,160,160,0.64);}


.footerpart { padding: 4px 12px; border: 1px solid #dddddd; margin: 0px 10px; background-color: #e1d2b1; font-size: 11px; border-radius: 7px;}

a:hover .footerpart { border: 1px solid #666; background-color: #005bad; color: #ccc; }

.contentwrapper {margin-bottom: 120px;}

div.team {position: relative; width: 100%; padding: 0%; box-sizing: border-box; margin: 0px; font-size: 0px;}
div.team div {position: relative; width: 25%; padding: 1%; display: inline-block; box-sizing: border-box;}
div.team div div {position: relative; width: 100%; padding: 0px; display: inline-block; box-sizing: border-box;box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2)}
div.team div div img {width: 100%; padding: 0%; box-sizing: border-box; display: inline-block; margin: 0px !important; border: 8px solid #756b52;
}
div.team div div div { position: absolute; bottom: 0px; left: 0%; width: 100%;
  font-size: 13px;
  text-align: center;
  box-sizing: border-box;
  opacity: 1;
  padding: 2%;
  background-color: #756b52;
  border: 0px solid gray;
  color: white; 
}
div.team div div div a {color: white;}

div.teamsingle {position: relative; float: right; width: 240px; padding: 0%; box-sizing: border-box; margin: 0px; font-size: 0px;}
div.teamsingle div {position: relative; width: 100%; padding: 1%; display: inline-block; box-sizing: border-box;}
div.teamsingle div div {position: relative; width: 100%; padding: 0px; display: inline-block; box-sizing: border-box;box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2)}
div.teamsingle div div img {width: 100%; padding: 0%; box-sizing: border-box; display: inline-block; margin: 0px !important; border: 8px solid #756b52;}
div.teamsingle div div div { position: absolute; bottom: 0px; left: 0%; width: 100%;
  font-size: 13px;
  text-align: center;
  box-sizing: border-box;
  opacity: 1;
  padding: 2%;
  background-color: #756b52;
  border: 0px solid gray;
  color: white; 
}
div.teamsingle div div div a {color: white;}

h1 {font-size: 32px; font-weight: normal; color: #404040; font-family: "Oswald"; font-weight: 200;}
h2 {font-size: 26px; font-weight: normal; margin-bottom: 12px; color: #404040; font-family: "Oswald"; font-weight: 200;}
p {text-indent: 0px; margin-bottom: 12px; color: #404040;}

div.blockwrapper{
  position: relative;
  width: 100%;
  padding: 0px;
  margin: 0px 0px 18px 0px;
  border: 1px solid #a0a0a0;
  background-color: #f0e9d7;
  box-sizing: border-box; 
  display: flex; 
}

div.blockline {width: 120px; height: 2px; box-sizing: border-box; background-color: #d1bc8a; margin-left: auto; margin-right: auto; padding: 0px; margin-top: 0px;}
div.blocktext {position: relative; width: 60%; box-sizing: border-box; border: 0px solid red;}
div.blocktext h3 {text-align: center; color: #202020; padding: 18px 2px 2px 2px; font-family: "Oswald"; font-weight: 200; font-size: 22px;}
div.blocktext p {text-align: center; color: #404040; padding: 12px;}
div.blockimage {width: 40%; box-sizing: border-box; border: 0px solid green; font-size: 0px;}
div.blockimage img {width: 100%; margin: 0px; padding: 0px;}

div.info { position: absolute; width: 100%;  text-align: center; margin-bottom: 8px; bottom: 12px;}
div.info a { color: #404040; display: block; width: 160px; text-decoration: none; padding: 6px;border-radius: 8px; background-color: #d1bc8a; border: 1px solid #a0a0a0;
margin-left: auto; margin-right: auto;}
div.info a:hover { background-color: #f0e9d7; border: 1px solid #404040}

div.bigblockwrapper{
  position: relative;
  width: 100%;
  padding: 12px;
  margin: 0px 0px 18px 0px;
  border: 1px solid #a0a0a0;
  background-color: #f0e9d7;
  box-sizing: border-box; 
  xdisplay: flex; 
}

ul.right {}
ul.right li {padding:8px 12px 4px 6px; margin-left: 32px; list-style-image:url(icons/haken.png)}

div.rightblock{
  position: relative;
  width: 100%;
  padding: 0px;
  margin: 0px 0px 18px 0px;
  border: 1px solid #a0a0a0;
  background-color: #f0e9d7;
  box-sizing: border-box; 
  xdisplay: flex; 
}
div.rightblock h2 {text-align: center; color: #202020; padding: 4px 2px 0px 2px; margin-top: 18px; margin-bottom: -16px; font-family: "Oswald"; font-weight: 200; font-size: 22px; border: 0px solid red;}
div.rightblock div.blockline {width: 120px; height: 2px; box-sizing: border-box; background-color: #d1bc8a; margin-left: auto; margin-right: auto; padding: 0px; margin-top: 0px;}

@media screen and (max-width: 976px) {
  .menumain{
    display: none;
  }
  .menumobile{
    display: block;
  }
  .menumobilesign{
    display: block;
  }
  .spalten{
    flex-direction: column;
    xdisplay: block;
  }
  .spalte2l {width: 100%; padding-right: 0%;}
  .spalte2r {width: 100%; padding-right: 0%; margin-top: 22px;}
  .spalte3l {width: 100%; padding-right: 0%; margin-top: 22px; order: 2;}
  .spalte3m {width: 100%; padding-right: 0%; order: 1;}
  .spalte3r {width: 100%; padding-right: 0%; margin-top: 22px; order: 3;}
  .menutop a {text-decoration: none; font-size: 17px; padding: 5px 2px 10px 22px; display: inline-block;}

  .spalte3m img {width: 240px;}
  
  div.team div {width: 50%;}
  
  div.info { position: relative; width: 100%;  text-align: center; margin-bottom: 8px; bottom: 12px;}
}

@media screen and (max-width: 740px) {
  .spalte2l img {max-width: 100%; width: 100%; float: none; margin: 0px; padding: 12px; box-sizing: border-box; box-shadow: none;}
  .spalte3m img {width: 100%; float: none; margin: 0px; padding: 12px; box-sizing: border-box; box-shadow: none;}
  
  div.team div {width: 100%;}
  .footer {display: none;}
}

@media screen and (max-width: 940px) {
  div.blockwrapper{display: block;}
  div.blocktext {width: 100%;}
  div.blockimage {width: 100%;}
  div.blockimage img {width: 100%;}
}