@import 'https://fonts.googleapis.com/css?family=Dosis|Open+Sans';

html {
box-sizing: border-box;
}
*, ::before, ::after {
box-sizing: inherit;
}
 
body 
{
margin: 10px auto;
max-width: 100%;
font-family: 'Open Sans', sans-serif;
color: #555555;
font-size:14px;
text-align: justify;
}


div.uberschrift
{
font-family: 'Dosis', sans-serif;
font-size : 150%;
padding:20px 0 1px 0;
font-weight:normal;
line-height:1.4;
text-rendering: optimizelegibility;
}


div.beschreibung
{	
font-family: 'Open Sans', sans-serif;
color: #555555;
font-size:14px;
text-align: justify;
}


p 
{
text-align: justify;
}


a {
color:#80A114;
font-weight:300;
text-decoration : none;
-webkit-transition : color 0.4s linear 0.1s;
-moz-transition : color 0.4s linear 0.1s;
-ms-transition : color 0.4s linear 0.1s;
-o-transition : color 0.4s linear 0.1s;
transition : color 0.4s linear 0.1s;
}

a:hover {
color:#97BD18;
text-decoration : underline;
-webkit-transition : color 0.2s linear 0s;
-moz-transition : color 0.2s linear 0s;
-ms-transition : color 0.2s linear 0s;
-o-transition : color 0.2s linear 0s;
transition : color 0.2s linear 0s;
}
a:active, a:focus {
outline:none;
}


.zindex30 {
z-index:30;
}

.website-header.dark-shadow, .bg-image-module.dark-shadow {
box-shadow: 0px 0px 8px 7px rgba(0,0,0,0.85);
}

.website-header {
position:relative;
padding: 0 0 0 0;
background-color : #222222;
}


nav {
display: block;
max-width: 73em;
border: 1px solid;
border-color: #c4ced3;
padding: 10px;
margin: 10px;
}

main {
display: block;
max-width: 73em;
border: 1px solid;
border-color: #c4ced3;
padding: 10px;
margin: 10px;
}

 
@media (min-width: 74em)  {	/* mehrspaltiges Layout für breitere Viewports */ 
  nav {
    float: left;
    width: 35em;
  }
  main {
    margin-left: 39em;
    width: 35em;
  }	
}

img, video, .scale {
/* Part 1: Set a maxium relative to the parent */
max-width:100%;
/* Part 2: Scale the height according to the width, otherwise you get stretching */
height:auto;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}