/* nunito-sans-300 - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-display: swap;
  font-style: normal;
  font-weight: 300;
  src: url('fonts/nunito-sans-v12-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/nunito-sans-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/nunito-sans-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/nunito-sans-v12-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/nunito-sans-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/nunito-sans-v12-latin-300.svg#NunitoSans') format('svg'); /* Legacy iOS */
}

/* nunito-sans-300italic - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-display: swap;
  font-style: italic;
  font-weight: 300;
  src: url('fonts/nunito-sans-v12-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/nunito-sans-v12-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/nunito-sans-v12-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/nunito-sans-v12-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/nunito-sans-v12-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/nunito-sans-v12-latin-300italic.svg#NunitoSans') format('svg'); /* Legacy iOS */
}

/* nunito-sans-700 - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  src: url('fonts/nunito-sans-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/nunito-sans-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/nunito-sans-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/nunito-sans-v12-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/nunito-sans-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/nunito-sans-v12-latin-700.svg#NunitoSans') format('svg'); /* Legacy iOS */
}

/* nunito-sans-700italic - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-display: swap;
  font-style: italic;
  font-weight: 700;
  src: url('fonts/nunito-sans-v12-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/nunito-sans-v12-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/nunito-sans-v12-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/nunito-sans-v12-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/nunito-sans-v12-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/nunito-sans-v12-latin-700italic.svg#NunitoSans') format('svg'); /* Legacy iOS */
}

/* nunito-sans-900 - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-display: swap;
  font-style: normal;
  font-weight: 900;
  src: url('fonts/nunito-sans-v12-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/nunito-sans-v12-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/nunito-sans-v12-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/nunito-sans-v12-latin-900.woff') format('woff'), /* Modern Browsers */
       url('fonts/nunito-sans-v12-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/nunito-sans-v12-latin-900.svg#NunitoSans') format('svg'); /* Legacy iOS */
}

/* nunito-sans-900italic - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-display: swap;
  font-style: italic;
  font-weight: 900;
  src: url('fonts/nunito-sans-v12-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/nunito-sans-v12-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/nunito-sans-v12-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/nunito-sans-v12-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/nunito-sans-v12-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/nunito-sans-v12-latin-900italic.svg#NunitoSans') format('svg'); /* Legacy iOS */
}

body {
  background-color:#121212;
  color: #bbbbbb;
  text-align:left;
  font-family: 'Nunito Sans', sans-serif;
  font-size: 1em;
  font-weight: 300;
  margin:0;
  width:100%;
}

p {
  font-size: 18px;
  line-height: 1.3;
}

h1, h2, h3 {
  color: #e4f500;
  font-family: 'Nunito Sans', sans-serif;
  line-height: 1.3;
  font-weight: 900;
  text-transform: uppercase;
}

h1 {
  font-size: 40px;
  margin-bottom: 30px;
  text-align: left;
  clear: both;
}

h2 {
  font-size: 32px;
  clear: both;
}

h3 {
  font-size: 18px;
  text-transform: none;
  color: #bbbbbb;
}

.wrapper {
  width:100%;
  max-width:900px;
  margin:auto;
  text-align:inherit;
  padding: 3em 0 3em 0;
}

.footer {
    width:100%;
    background-color: #222222;
    padding: 0 0 5em 0;
}

.trenner {
    width:100%;
    padding:30vh 0 30vh 0;
    background-color: #222222;
    background-image: url("bilder/0002.webp");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; 
}

.doppelbildrahmen {
    width:44%;
    padding: 0 6% 0 0;
    float: left;
    display: block;
}

.doppelbild
{
    width: 100%;
    max-width: 500px;
    margin: 0 0 20px 0;
/*    border:1px solid #e4f500; */
}

.spaltelinks {
    width:55%;
    float: left;
    display: block;
}

.spalterechts {
    width:35%;
    display: inline;
}

.kleinbild
{
    width:500px;
    float:left;
    margin: 0 30px 30px 0;
/*    border:1px solid #e4f500; */
}

strong {
    font-weight: 700;
}

a:link, a:visited, a:active {
  color: #e4f500;
  text-decoration:none;
}

a:hover {
  color: #e4f500;
  text-decoration:underline;
}


img {
  width: 900px;
  max-width: 100%;
  height: auto;
  margin-bottom: 30px; 
}

img.logo {
  width: 300px;
  max-width: auto;
  height: 135px;
  margin-bottom: 30px; 
}

@media screen and (max-width: 960px) {

  body, p {
    font-size: 16px;
  }

  h1 {
    font-size: 24px;
  }
  
  h2 {
    font-size: 20px;  
  }
  
  h3 {
    font-size: 16px;
  }

  .wrapper {
    width:90%;
    margin:auto;
    text-align:inherit;
    padding: 3em 5% 3em 5%;
  }
  
  .doppelbildrahmen {
      width:100%;
      padding: 0;
      float: none;
      display: block;
  }

  .spaltelinks {
      width:90%;
      float: none;
  }
  
  .spalterechts {
      width:90%;
  }


  .footer {
      padding:0 ;
  }

  .trenner {
    padding:20vh 0 20vh 0;
    background-attachment: scroll;
  }
  
  .kleinbild {
    display: block;
    width:100%;
    max-width: 600px;
    float:none;
    margin: 0 0 30px 0;
  }

}