/* -------------------------------------------------------------------- */
/* Allgemein */

/* Zurücksetzen der Auto-Schriftskalierung */
html { 
 -webkit-text-size-adjust: none; 
 box-sizing: border-box;
}

*, *::before, *::after {
 box-sizing: inherit;
}

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

@font-face {
 font-family: 'symbole';
           src: url('../fonts/fa-solid-900.woff2')  format('woff2'),
                url('../fonts/fa-solid-900.woff')  format('woff'),
                url('../fonts/fa-solid-900.eot')  format('eot'); 
}

body {
 font: 100.01% Verdana, Roboto, Arial, Helvetica, sans-serif;
 text-align: left;  
 line-height: 1.5;
 color: #7B7B7B;
 margin: 5px 0;
}

header {
 background: transparent;
 border-color: transparent;
 text-align: left;  
}

.bannerdivs {
 background-color: #fff;
 text-align: center;
}

#bannerdiv_links {
 display: none;
}

#bannerdiv_rechts {
 display: none;
}

#logo {
 width: 100%;
 height: auto;
 margin: 0 auto;
}

@media only screen and (min-width: 30em) {

 #logo {
  width: 70%;
 }

}

#menue_oben {
 display: none;
}

a:link {
 color: #838383;
 text-decoration: none;
}

a:active {
 color: #838383;
}

a:hover {
 text-decoration: underline;
} 

a:visited {
 color: #838383;
}

.groesser {
 font-size: 1.0em;
 font-weight: bold;
}

.kleiner {
 font-size: 0.90em;
 font-style: normal;
}

.nochkleiner{
 font-size: 0.9em;
}

.ganze_breite {
 width: 100%;
 padding: 0 5px;
}

h2 {
 text-align: center;
 font-size: 1.2em;
 font-weight: bold;
 margin: 0;
 padding-top: 0;
 padding-bottom: 5px;
 color: #666;
 border-bottom: 1px solid #B0ACAC;
}

@media only screen and (max-width: 30em) {

 h2 {
   font-size: 1.1em;
 }

}

h3 {
 text-align: center;
 font-size: 1.1em;
 margin: 0;
 padding-top: 0;
 padding-bottom: 10px;
}

.foto_rechts {
 float: right;
 margin: 10px;
}

.foto_links {
 float: left;
 margin: 10px 25px 10px 0;
}

#foto {
 width: 100%;
 height: auto;
 margin: 20px auto 0 auto;
}

/* Hamburger-Menue, angeregt durch www.mediaevent.de, Trick mit Checkbox-Label */

input#hamburg {display: none;}

#hmenue {
 text-align: center;
}

label.hamburg { 
 display: block;
 background: #7B7B7B; width: 65px; height: 44px; 
 margin-left: auto; 
 margin-right: auto;
 margin-bottom: 6px;
 border-radius: 4px; 
 position: relative;
}

.line { 
 position: absolute; 
 left: 10px;
 height: 4px; width: 45px; 
 background: #fff; border-radius: 2px;
 display: block; 
 transition: 0.5s; 
 transform-origin: center; 
}

.line:nth-child(1) { top: 8px; }
.line:nth-child(2) { top: 20px; }
.line:nth-child(3) { top: 32px; }

#hamburg:checked + .hamburg .line:nth-child(1){
 transform: translateY(12px) rotate(-45deg);
 -webkit-transform: translateY(12px) rotate(-45deg); 
}

#hamburg:checked + .hamburg .line:nth-child(2){
 opacity:0;
}

#hamburg:checked + .hamburg .line:nth-child(3){
 transform: translateY(-12px) rotate(45deg);
 -webkit-transform: translateY(-12px) rotate(45deg);
}

#hmenue ul { 
 height: auto; 
 max-height: 0; 
 overflow: hidden; 
 transition: 0.5s;
 text-align: center;
 font-size: 1.2em;
 font-weight: bold;
 background-color: #7B7B7B;
 padding: 0 5px;
}

#hamburg:checked ~ ul {
 max-height: 600px;
}

nav ul {
 list-style-type: none;
 padding: 0;
 margin: 0;
}
 
nav ul li {
 padding-bottom: 12px;
}

nav ul li:nth-child(1) {
 padding-top: 12px;
}

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

nav a:hover {
 text-decoration: underline;
}

/* -------------------------------------------------------------------- */
/* Footer, Cookie-Hinweis*/

footer {
 background-color: #494343;
 background-size: cover;
 color: #fff;
 min-width: 100%;
 min-height: 50px;
 padding: 20px 0 20px 0;
 text-align: center;
 font-size: 0.9em;
}

#hinweis-footer {
 position: fixed;
 left: 0;
 bottom: 0;
 padding: 10px 0 10px 0;
 opacity: 0.9;
}

footer a:link, footer a:visited, footer a:active {
 color: #fff;
 font-size: 1.1em;
 text-decoration: none;
}

footer a:hover {
 text-decoration: underline; 
}

#cookie-hinweis {
 width: 95%;
 margin: 0 auto;
}

#kdaten_breit {display: none;}

#kdaten_schmal {font-size: 0.8em;}

/* -------------------------------------------------------------------- */
/* Startseite-Gebietswahl */

#start_box1 {
 margin: 0;
 width: 100%;
 border-left: 0px solid #B0ACAC;
 background-color: #fff;
 text-align: left;
 padding: 5px 10px;
 font-size: 1em;
 order: 2;
 -webkit-order: 2;
}

#start_box1 p {
 margin-top: 5px;
 margin-bottom: 10px;
}

#start_foto {
 width: 98%;
 order: 1;
 -webkit-order: 1;
}

@media only screen and (min-width: 30em) {

 #start_foto {
  width: 70%;
 }

}

#plzwahl {
 display:-webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: center; 
 justify-content: center; 
 width: 100%;
 padding: 5px 10px;
 order: 3;
 -webkit-order: 3;
}

#plzwahl h3 {
 width: 100%;
 margin-bottom: 10px;
}

#ziffern {
 text-align: left;
 margin: 0 0 0 30px;
}

#unterbereich {
 text-align: left;
 line-height: 1.5em;
 margin: 0 0 0 30px;
}

#plz_aktiv {
 background-color: #E60000;
 color: #fff;
 font-size: 1.7em;
}

#plzwahl a:link, #plzwahl a:visited, #plzwahl a:active {
 background-color: #000;
 color: #fff;
 font-size: 1.7em;
 text-decoration: none;
}

#plzwahl a:hover {
 background-color: #E60000;
 color: #fff;
 font-size: 1.7em;
 text-decoration: none;
}

#unterbereich a:link, #unterbereich a:visited, #unterbereich a:active {
 background-color: #fff;
 color: #999595;
 font-size: 1.2em;
 text-decoration: none;
}

#unterbereich a:hover {
 background-color: #fff;
 color: #000;
 font-size: 1.2em;
 text-decoration: none;
}

/* -------------------------------------------------------------------- */
/* Hauptbereiche allgemein, Vertreter*/

#hauptbereich, #start_hauptbereich, #rf_hauptbereich, #bl_hauptbereich {
 display:-webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: center;
 justify-content: center; 
 margin: 10px auto 10px auto;
}

#lp_hauptbereich, #os_hauptbereich, #nh_hauptbereich {
 display:-webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: center;
 justify-content: center; 
 margin: 20px auto 10px auto;
}

#hauptbereich p {
 margin-top: 0;
}

#rf_hauptbereich p {
 margin-top: 10px;
 margin-bottom: 10px;
 text-align: left;
}

#firma_box1 {
 margin: 0;
 width: 100%;
 background-color: #fff;
 text-align: left;
 padding: 0 10px 10px 10px;
 font-size: 1em;
 order: 2;
 -webkit-order: 2;
}

#lp_firma_box1, #rf_firma_box1, #bl_firma_box1, #bl_firma_box2, #os_firma_box1, #nh_firma_box1 {
 margin: 5px 0 0 0;
 width: 100%;
 text-align: center;
 padding: 5px 10px 0 10px;
 font-size: 1em;
}

#lp_firma_box1 p,  #bl_firma_box2 p, #os_firma_box1 p, #os_firma_box1 ul, #nh_firma_box1 p, #nh_firma_box1 ul  {
 text-align: left;
}

#firma_box2 {
 display:-webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: center; 
 justify-content: center; 
 margin: 5px 0 0 0;
 width: 100%;
 padding: 10px;
 order: 1;
 -webkit-order: 1;
 flex-direction: column;
 /* sonst keine Anpassung height: auto bei img in Safari iPhone7, 8... */
}

#firma_box2 p {
 margin-top: 7px;
 margin-bottom: 5px;
}

#rf_firma_box2 {
 text-align: center;
 width: 100%; 
 margin: 0;
 padding: 0 10px 5px 10px;
}

#lp_foto_links, #rf_foto_links {
 width: 75%;
 height: auto;
 margin: 10px auto;
}

#os_foto_links, #nh_foto_links {
 width: 65%;
 height: auto;
 margin: 10px auto;
}

#bl_foto_links {
 width: 98%;
 height: auto;
 margin: 10px auto;
}

@media only screen and (min-width: 30em) {
 #lp_foto_links, #rf_foto_links {width: 50%;}
 #bl_foto_links {width: 70%;}
}

#teamfoto {
 width: 100%;
 height: auto;
}

#bl_firma_box2 ul {
 width: 100%;
 margin: 5px;
 padding-left: 2em;
 text-align: left;
}

#bl_firma_box2 h3 {
 text-align: left;
 width: 100%;
} 

/* -------------------------------------------------------------------- */
/* Markenteil Vertreterseiten */

#ueb_marken {
 order: 3;
 -webkit-order: 3;
}

#marken_box, #bl_marken_box, #os_marken_box, #nh_marken_box, #ul_marken_box {
 display:-webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: space-between; 
 justify-content: space-between; 
 margin: 0 0 10px 0;
 width: 100%;
 padding: 10px;
 text-align: center;
 color: #6C6464;
 order: 4;
 -webkit-order: 4;
}

#bl_marken {
 width: 100%;
}

article {
 width: 100%;
 margin-top: 5px;
 margin-bottom: 5px;
 padding: 10px;
 border: 0px solid #B0ACAC; 
 background-color: #EDEDED;
 font-size: 0.9em;
}

article p, article ul {
 text-align: left;
}

article ul {
 margin-top: 10px;
 padding: 10px 10px 10px 20px;
}

.vfirmenlogo {
 display: block;
 margin: 0 auto;
}

.logo_div {
 display:-webkit-flex;
 display: flex;
 -webkit-align-items: center;
 align-items: center;
 -webkit-justify-content: space-around; 
 justify-content: space-around; 
 width: 100%;
 height: 88px;
 margin-bottom: 5px;
}

.kein_float_breit {display: none;}

.kein_float_schmal {clear: both;}

#bl_kontakt {padding: 0;}

#bl_kontakt p {
 text-align: left;
}

#bl_schoenwald {
 width: 100%;
 height: auto;
 margin: 10px auto;
}

@media only screen and (min-width: 30em) {
 #bl_schoenwald {width: 70%;}
}

#qr_code {
 width: 40%;
 height: auto;
 display: block;
 margin: 10px auto;
}

/* -------------------------------------------------------------------- */
/* Produkte, Merkzettel */

#firma_text, #merkzettel_text {
 display:-webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: center; 
 justify-content: center; 
 margin: 10px 10px 0 10px;
 width: 100%;
 background: transparent;
 text-align: left;
 padding: 10px;
 flex-direction: column;
 /* sonst keine Anpassung height: auto bei img in Safari iPhone7, 8... */
}

#text, #text2 {
 margin-top: 10px;
 width: 100%;
 order: 2;
 -webkit-order: 2;
}

.foto2_hover {display: none;} 

#bild {padding: 20px 10px 0 0;}

.firmenbild, .firmenbild2, .firmenbild3 {
 width: 100%;
 height: auto; 
 order: 1;
 -webkit-order: 1;
 margin-top: 15px;
 margin-bottom: 10px;
}

@media only screen and (min-width: 30em) {

 .firmenbild, .firmenbild2 {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
 }

 .firmenbild3 {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
 }

}

#text_breit {
 width: 100%;
 padding: 10px 0 10px 0;
}

#text_breit p {
 padding-top: 5px;
 padding-bottom: 5px;
 margin: 0;
}

.firmenbild_breit {
 width: 100%;
 height: auto; 
 margin: 10px auto 0 auto;
}

#firma_logos {
 display:-webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: center; 
 justify-content: center; 
 margin: 10px 25px;
 padding: 10px;
 font-size: 0.8em;
 border-top: 1px solid #B0ACAC;
 border-bottom: 1px solid #B0ACAC;
}

.logobereich {
 display:-webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: center; 
 justify-content: center; 
 -webkit-align-items: center; 
 align-items: center; 
 width: 190px;
 background: transparent;
 text-align: center;
}

#logobereich_aktiv, .logobereich:hover {
 display:-webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: center; 
 justify-content: center; 
 -webkit-align-items: center; 
 align-items: center; 
 width: 190px;
 background-color: #EFEFEF;
 text-align: center;
}

.firmenlogo, .firmenlogo_kleiner { 
 width: 80%;
 height: auto;
 margin: 8px auto 8px auto;
}

#logos-waagerecht {
 display:-webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: center; 
 justify-content: center; 
 -webkit-align-items: center;
 align-items: center;
 width: 100%;
 text-align: center;
 margin-top: 20px;
} 

.logobereich-waagerecht {
 background: transparent;
 padding: 6px;
 margin: 3px;
 border-bottom: 2px solid #fff;
}

#logobereich-waagerecht_aktiv, .logobereich-waagerecht:hover {
 background-color: #fff;
 padding: 6px;
 margin: 3px;
 border-bottom: 2px solid #7a7a7a;
}

.firmenlogo-waagerecht {
 width: 90%;
 height: auto;
}

#unterbereiche {
 font-size: 1.1em;
 font-weight: bold;
}

#unterbereiche li {
 padding: 3px;
}

#unterbereich_aktiv, #unterbereiche li:hover {
 background-color: #EFEFEF;
} 

#produkte, #merkzettel_produkte {
 display:-webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: center; 
 justify-content: center; 
 margin: 10px;
 padding-top: 10px;
 border-top: 1px solid #B0ACAC;
}

.merkzettel_bild {
 width: 165px;
 height: auto;
}

.produktbox { 
 position: relative;
 margin: 10px;
 text-align: center;
}

.produktbox img {
 width: 70%;
 height: auto;
}

.merkzettel_produktbox {
 display:-webkit-flex;
 display: flex;
 -webkit-flex-direction: column;
 flex-direction: column;
 -webkit-justify-content: space-between;
 justify-content: space-between; 
 width: 175px;
 position: relative;
 margin: 10px 15px 10px 10px;
 text-align: center;
 border: 1px solid #000;
}

.merkzettel_produktbox2 {
 width: 175px;
 position: relative;
 margin: 10px 15px 10px 10px;
 text-align: center;
}

.produktbox h3 {
 margin-top: 5px;
 padding-top: 0;
 margin-bottom: 3px;
 padding-bottom: 0;
 font-size: 0.9em;
}

.merkzettel_produktbox2 p {
 margin-top: 5px;
 font-size: 0.9em;
}

#merkzettel {
 position: fixed;
 top: 15%;
 right: 0;
 width: 6.5em;
 color: #fff;
 background-color: #000;
 opacity: 0.5;
 z-index: 99;
 padding: 4px 0;
 text-align: center;
 font-size: 0.8em;
 border-radius: 4px 0 0 4px; 
}

#nach_oben {
 position: fixed;
 display: none;
 bottom: 40px;
 right: 0;
 width: 6.5em;
 color: #fff;
 background-color: #000;
 opacity: 0.5;
 z-index: 98;
 line-height: 1.0;
 padding: 4px 0;
 text-align: center;
 font-size: 0.8em;
 border-radius: 4px 0 0 4px; 
}

.symbole_maxi {
 font-family: symbole, Arial, sans-serif; 
 font-size: 1.5em;
} 

.auf_merkzettel {
 position: absolute;
 bottom: 0em;
 right: -10px;
 font-family: symbole, Arial, sans-serif; 
 font-size: 1.3em;
 color: #fff;
 background-color: #000;
 opacity: 0.6;
 width: 2.2em;
 border-radius: 4px; 
}

.neutral {
 position: absolute;
 top: 0;
 right: 0;
 width: 5em;
 height: 3.5em;
 z-index: 96;
 background: transparent;
}

.vom_merkzettel {
 position: absolute;
 top: 5px;
 right: 10px;
 font-family: symbole, Arial, sans-serif; 
 font-size: 1.3em;
 color: #fff;
 background-color: #000;
 opacity: 0.6;
 width: 2.2em;
 border-radius: 4px;
 z-index: 97;
}

.auf_merkzettel:hover, #merkzettel:hover, .vom_merkzettel:hover, #nach_oben:hover {
 opacity: 1;
}

.auf_merkzettel a, .auf_merkzettel a:link,  .auf_merkzettel a:active, .auf_merkzettel a:hover, .auf_merkzettel a:visited, 
.vom_merkzettel a, .vom_merkzettel a:link,  .vom_merkzettel a:active, .vom_merkzettel a:hover, .vom_merkzettel a:visited, 
#merkzettel a, #merkzettel a:link,  #merkzettel a:active, #merkzettel a:hover, #merkzettel a:visited,
#nach_oben a, #nach_oben a:link,  #nach_oben a:active, #nach_oben a:hover, #nach_oben a:visited {
 display: block;
 color: #fff; 
 text-decoration: none;
}

/* -------------------------------------------------------------------- */
/* Messetermine */

#messen_hauptbereich {
 display:-webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: center;
 justify-content: center; 
 margin: 20px auto 10px auto;
}

#messen_box {
 display:-webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: space-around; 
 justify-content: space-around; 
 margin: 0 0 10px 0;
 padding: 10px;
 text-align: center;
}

#messen_box article {
 margin-top: 5px;
 margin-bottom: 5px;
 padding: 10px;
 background-color: #fff;
 text-align: center;
 width: 15em;
}

#messen_box p {
 text-align: center;
}

.messelogo_div {
 display:-webkit-flex;
 display: flex;
 -webkit-align-items: center;
 align-items: center;
 -webkit-justify-content: center; 
 justify-content: center; 
 height: 160px;
}

.messelogo {
 display: block;
 margin: 0 auto;
 width: 60%;
 height: auto;
}

/* -------------------------------------------------------------------- */
/* Kontakt */

#kontakt_hauptbereich {
 display:-webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: space-between;
 justify-content: space-between; 
 margin: 20px auto 20px auto;
 min-width: 20em;
}

#kontakt_hauptbereich form {
 display:-webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: space-between;
 justify-content: space-between; 
 -webkit-align-content: flex-start;
 align-content: flex-start;
 margin: 10px;
}

#anfrageformular1, #anfrageformular2 {
 width: 100%;
 text-align: left;
}

#bestaetigung1, #bestaetigung2 {
 width: 100%;
 padding: 10px; 
 text-align: left;
}

#anfrageformular1 label {
 display: inline-block;
 width: 10em;
 text-align: left;
}

#anfrageformular1 input,select {
 margin-bottom: 5px;
}

#anfrageformular2 textarea {
 width: 90%;
 height: 14em;
}

#name, #funktion, #firma, #strasse, #branche, #branche2, #ort, #tel, #fax, #mail {
 height: 2em;
 width: 20em;
}

#plz {
 height: 2em;
 width: 6em;
 margin-right: 14em;
}

#anfrageformular2 input[type="submit"] {
 height: 2em;
}

.kleiner2 {
 font-size: 0.9em;
}

.red_color1 {
 display: none;
}

.input_falsch {
 background-color: #FAAAAA;
}

/* -------------------------------------------------------------------- */
/* Aktuelles, Kontakt, Impressum, Datenschutz */

#aktuelles_hauptbereich {
 display:-webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: center;
 justify-content: center; 
 margin: 20px auto 10px auto;
}

#aktuelles, #impressum, #datenschutz {
 display:-webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: center;
 justify-content: center; 
 margin: 0 0 10px 0;
 width: 100%;
 padding: 10px;
 text-align: center;
}

#impressum, #datenschutz {
 -webkit-justify-content: space-between;
 justify-content: space-between; 
 text-align: left;
}

#impressum p {
 padding: 10px;
 margin: 0;
}

#aktuelles article {
 width: 100%;
 margin-top: 5px;
 margin-bottom: 5px;
 padding: 10px;
 background-color: #fff;
 text-align: center;
}

#aktuelles article p {text-align: left;}

#aktuelles p {
 text-align: left;
 padding: 5px 10px;
}

#aktuelles .ganze_breite p {text-align: center;}

#aktuelles hr {
 width: 100%;
 border: 0;
 height: 1px;
 margin-top: 15px;
 margin-bottom: 15px;
 background-color: #B0ACAC;
}

#aktuelles figure {
 max-width: 98%;
 margin: 15px auto;
 padding: 0;
}

#aktuelles figure img {
 display: block;
 width: 100%;
 height: auto;
} 

#aktuelles .ganze_breite img {
 display: block;
 margin: 10px auto 25px auto;
 max-width: 80%;
 height: auto;
} 

.grosses_bild {
 width: 70%;
 height: auto;
}

.grosses_bild_breit {
 width: 90%;
 height: auto;
}

.kleines_bild {
 width: 43%;
 height: auto;
 margin: 0 10px 0 10px;
}

.aktuell_ganz {
 padding: 10px 0 15px 0;
 border-bottom: 1px solid #7B7B7B;
}

.bild_ganz {
 width: 100%;
 height: auto;
} 

#datenschutz p, #datenschutz h3, #datenschutz h4 {
 text-align: left;
 width: 100%;
 padding: 10px 10px 0 10px;
 margin: 0;
}

#datenschutz h3, #datenschutz h4 {
 margin-top: 8px;
 margin-bottom: 0;
}

#datenschutz li {
 text-align: left;
}

.nur_rot {
 color: #ad0303;
}

#order3 {
 order: 3;
 -webkit-order: 3;
}

#order4 {
 order: 4;
 -webkit-order: 4;
}

#order5 {
 order: 5;
 -webkit-order: 5;
}

#order6 {
 order: 6;
 -webkit-order: 6;
}

#order7 {
 order: 7;
 -webkit-order: 7;
}

#order8 {
 order: 8;
 -webkit-order: 8;
}

/* -------------------------------------------------------------------- */
/* spezielle Formatierungen Aktuelles */

.aktuell_ganz_2 {
 color: #fff; 
 margin-top: 15px; 
 padding: 15px; 
 font-size: 1em; 
 text-align: left;
}

.pixel_farbe {
 font-size: 1.4em;
 font-weight: bold;
 color: #fff;
 opacity: 0.6;
}

.amefa_logo {
 width: 100%;
 text-align: center;
 padding: 20px;
}
 
.amefa_download {
 width: 100%;
 text-align: center;
 padding: 10px;
 line-height: 1.8;
 font-size: 1.3em;
}