/**  Google Webfonts lokal gespeichert einbinden **/

/* LORA */
/* lora-regular - latin */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../../static/assets/fonts/lora-v26-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../static/assets/fonts/lora-v26-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lora-700 - latin */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../../static/assets/fonts/lora-v26-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../static/assets/fonts/lora-v26-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lora-italic - latin */
@font-face {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('../../static/assets/fonts/lora-v26-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../static/assets/fonts/lora-v26-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lora-700italic - latin */
@font-face {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 700;
  src: local(''),
       url('../../static/assets/fonts/lora-v26-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../static/assets/fonts/lora-v26-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */

/* NUNITO SANS */)
  /* nunito-sans-200 - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 200;
  src: local(''),
       url('../fonts/nunito-sans-v12-latin-200.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/nunito-sans-v12-latin-200.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-200italic - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 200;
  src: local(''),
       url('../fonts/nunito-sans-v12-latin-200italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/nunito-sans-v12-latin-200italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-regular - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/nunito-sans-v12-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/nunito-sans-v12-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-italic - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('../fonts/nunito-sans-v12-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/nunito-sans-v12-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-700 - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/nunito-sans-v12-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/nunito-sans-v12-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-700italic - latin */
@font-face {
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 700;
  src: local(''),
       url('../fonts/nunito-sans-v12-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/nunito-sans-v12-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* MONTSERRAT */
/* montserrat-200 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  src: local(''),       
       url('../../static/assets/fonts/montserrat-v25-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../static/assets/fonts/montserrat-v25-latin-200.woff') format('woff'), /* Modern Browsers */       
}
/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local(''),       
       url('../../static/assets/fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../static/assets/fonts/montserrat-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
}
/* montserrat-700 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../../static/assets/fonts/montserrat-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../static/assets/fonts/montserrat-v25-latin-700.woff') format('woff'), /* Modern Browsers */
}

/* RALEWAY */
  /* raleway-200 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 200;
  src: local(''),
       url('../../static/assets/fonts/raleway-v28-latin-200.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../static/assets/fonts/raleway-v28-latin-200.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../../static/assets/fonts/raleway-v28-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../static/assets/fonts/raleway-v28-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* raleway-700 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../../static/assets/fonts/raleway-v28-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../static/assets/fonts/raleway-v28-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* raleway-900 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 900;
  src: local(''),
       url('../../static/assets/fonts/raleway-v28-latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../static/assets/fonts/raleway-v28-latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* raleway-200italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 200;
  src: local(''),
       url('../../static/assets/fonts/raleway-v28-latin-200italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../static/assets/fonts/raleway-v28-latin-200italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* raleway-italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('../../static/assets/fonts/raleway-v28-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../static/assets/fonts/raleway-v28-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* raleway-700italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 700;
  src: local(''),
       url('../../static/assets/fonts/raleway-v28-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../static/assets/fonts/raleway-v28-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* raleway-900italic - latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 900;
  src: local(''),
       url('../../static/assets/fonts/raleway-v28-latin-900italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../../static/assets/fonts/raleway-v28-latin-900italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


/** MEIN  CSS **/

body {
  font-family: 'Nunito Sans', sans-serif;
}

/* Einstellungen Schriften allgemein */


h4 {
  font-size: 1.25rem;
}

.container {
  max-width:1170px;
}

.headerbild {
  max-width: 100%;
  
}

.headerbild img {
  max-width: 100%;
    height: auto;
  
}

#hauptheadline-bild img {
  max-width:100%;
}

/* Einstellungen div DIVS auf der Seite - Seitengestaltung */

.mattentitel {
  margin-top: 2em;
  margin-bottom: 1em;
}
.mattentitel h3 {
  font-weight:200;
}

#images img {
  max-width:100%;
  height:auto;
}

#bildergalerie {
  margin-bottom: 1em;
}

.bildergalerie {
  border: 1px solid lightgrey;
  
}

#features-header h3 {
  margin-top: 1em;
  
  font-weight:200;
  text-align: left;
  padding-right: 10px;
}

#features-header-zahl {
  margin-top:1em;
  
  font-size: 1.75rem;
  font-weight:200;
  text-align: right;
  padding-right: 25px;
}

.features h4 {
  color: orange;
}

.features {
  margin-top: 1em;
}

.trennlinie {
  border-bottom: 1px solid lightgrey;
  margin-bottom: 1em;
}



/* gleiche Höhe für Spalten */
.equalheight {
  display: inherit;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  background-color: lightgrey;
  }
  
 .equal {
  flex: 0 0 1;
 }

@media (max-width: 767px) {
 .equalheight {
    display: block;
 }
 }


@media (min-width: 992px) {

}

.nummer {  
  font-size: 3rem;
  font-weight:bold;
  text-align: right;
  padding-right: 10px;
}

.nummerweiss {
  color: white;
  background-color: #e7e7e7;
}

.textblockgrau {  
  background-color: #e7e7e7;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 2px;
}

@media (min-width: 768px) {
  .textblockgrau {
    height: auto;
  	min-height: 420px;
  }
}

@media (max-width: 767px) {
  .textblockgrau {
    border-bottom: 10px solid white;
  }
}

div.sus-intro {
	background-image: url(../../../daten/sustainability/nachhaltigkeit-1140.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #000;
  	height: 400px;
}

.nachhaltigkeit-titel {
  margin-top: 2em;
  margin-bottom: 1em;
}
.nachhaltigkeit-titel h3 {
  font-weight:200;
  font-size:1.625rem;
}

/* Einstellungen für Texte mehrspalrig mit css-eigenschaft columncount */

.text2spalten p {
  column-count: 2; column-gap:2em; column-width: 270px;
  hyphens:auto;
}

.text3spalten p {
  column-count: 3; column-gap:2em; column-width: 270px;
  hyphens:auto;
}


/* Einstellungen für Homepage id=2 - Seitengestaltung */
.nlead h2 {
  font-weight:600;
  margin-bottom: 0.5rem;
  text-align:center;
}
.nlead h3 {
  font-weight:200;
  margin-bottom: 2rem;
  text-align:center;
}