/* -------------------------------------------------------------------- */
/* 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% Roboto, Arial, Helvetica, sans-serif;
 text-align: center;  
 line-height: 1.5;
 color: #7B7B7B;
 margin: 0;
}

header {
 position: relative;
 display:-webkit-flex;
 display: flex;
 -webkit-flex-wrap: nowrap;
 flex-wrap: nowrap;
 -webkit-justify-content: center; 
 justify-content: center; 
 background: transparent;
 border-color: transparent;
 padding: 0;
 margin: 0 auto 0 auto;
 max-width: 1920px;
 min-width: 1280px;
}

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

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

#bannerdiv_links {
 position: absolute;
 top: 0;
 left: 0;
}

#bannerdiv_rechts {
 position: absolute;
 top: 0;
 right: 0;
}

#logo {
 display: block;
 width: 85%;
 height: auto;
 margin: 0 auto 0 auto;
}

#menue_oben {
 display: flex;
 display:-webkit-flex;
 justify-content: space-around;
 -webkit-justify-content: space-around;
 font-size: 1.16em;
 list-style-type: none;
 padding: 10px 0 0 0;
 margin: 10px 15px 0 15px;
 border-top: 1px solid #B0ACAC;
}

#menue_oben li {
 display: inline;
}

/* --------------------------------------- Sliderbild ----------------------- */

@keyframes wechseln2 {
  0% {opacity: 0;}
 20% {opacity: 1;}
 40% {opacity: 1;}
 60% {opacity: 0;}
100% {opacity: 0;}
}

@-webkit-keyframes wechseln2 {
  0% {opacity: 0;}
 20% {opacity: 1;}
 40% {opacity: 1;}
 60% {opacity: 0;}
100% {opacity: 0;}
}

.sliderbild {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: auto;
  animation: wechseln2 30s infinite;
  -webkit-animation: wechseln2 30s infinite;
}

.sliderbild:nth-of-type(2), .einzelbild:nth-of-type(2) {
 animation-delay: 10s;
 -webkit-animation-delay: 10s;
 opacity: 0;
}

.sliderbild:nth-of-type(3), .einzelbild:nth-of-type(3) {
 animation-delay: 20s;
 -webkit-animation-delay: 20s;
 opacity: 0;
}

.platzhalter {
  position: relative;
  width: 100%;
  height: auto;
}

/* ---------------------------------- Ende Sliderbild ----------------------- */

#hmenue {
 display: none;
}

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

 #menue_oben {
  font-size: 0.95em;
  font-weight: bold;
 }

}

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

a:active {
 color: #838383;
}

a:hover {
 text-decoration: underline;
} 

a:visited {
 color: #838383;
}

.groesser {
 font-size: 1.2em;
 font-style: normal;
 padding-top: 0px; 
}

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

.nochkleiner{
 font-size: 0.9em;
}

.ganze_breite, .ganze_breite2 {
 width: 100%;
 padding: 10px;
}

h1, h2 {
 width: 100%;
 text-align: left;
 font-size: 1.4em;
 font-weight: bold;
 margin: 0;
 padding-top: 0;
 padding-bottom: 5px;
 color: #666;
 border-bottom: 1px solid #B0ACAC;
}

h3 {
 margin: 0;
 padding-top: 0;
 padding-bottom: 5px;
}

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

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

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

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

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

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

#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: 1em;
 text-decoration: none;
}

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

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

#kdaten_schmal {display: 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: space-between;
 justify-content: space-between; 
 margin: 20px auto 10px auto;
 max-width: 87em;
 min-width: 1260px;
}

#start_hauptbereich {
 margin: 30px auto 30px auto;
}

#lp_hauptbereich, #os_hauptbereich, #nh_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 10px auto;
 width: 65em; 
}

#firma_box1, #rf_firma_box1 {
 margin: 0;
 width: 46%;
 border: 0px solid #B0ACAC;
 background-color: #fff;
 text-align: left;
 padding: 10px;
 font-size: 1em;
}

#bl_firma_box1 {
 display:-webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: left; 
 justify-content: left; 
 -webkit-align-content: flex-start;
 align-content: flex-start;
 margin: 5px 0 0 0;
 max-width: 49%;
 text-align: left;
 padding: 10px;
}

#bl_firma_box2 {
 display:-webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: left; 
 justify-content: left; 
 -webkit-align-content: flex-start;
 align-content: flex-start;
 margin: 5px 0 0 0;
 max-width: 51%;
 padding: 3px;
 text-align: left;
}

#lp_firma_box1 {
 margin: 5px 0 0 0;
 width: 100%;
 background-color: #fff;
 text-align: justify;
 padding: 10px;
 font-size: 1em;
}

#os_firma_box1, #nh_firma_box1 {
 margin: 5px 0 0 0;
 width: 100%;
 background-color: #fff;
 text-align: left;
 padding: 10px;
 font-size: 1.05em;
}

#firma_box1 h3 {
 padding-top: 5px;
 margin: 0;
} 

#firma_box1 p {
 padding: 0;
 margin: 5px 0;
} 

#os_firma_box1 ul {
 list-style-position: inside;
}

#nh_firma_box1 ul {
 overflow: auto;
 margin: 0;
 padding-top: 10px;
 padding-left: 1.3em;
}

#nh_firma_box1 p {
 margin: 0;
 padding-top: 12px;
}

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

#bl_firma_box2 p {
 margin: 5px;
 width: 100%;
}

#bl_firma_box2 hr {
 border: 0;
 height: 1px;
 margin-top: 15px;
 margin-bottom: 10px;
 background-color: #B0ACAC;
}

#lp_foto_links, #rf_foto_links, #os_foto_links, #nh_foto_links {
 float: left;
 margin: 10px 25px 10px 0;
}

.eingezogen {
 overflow: auto;
 padding-left: 1.3em;
}

.kein_float_breit {clear: both;}

.kein_float_schmal {display: none;}

#firma_box2 {
 /*display:-webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: center; 
 justify-content: center; 
 margin: 20px 0 0 0;*/
 width: 54%;
 padding: 40px 10px 0 10px;
 border: 0px solid #B0ACAC;
}

#rf_firma_box1 {
 margin: 0;
 text-align: justify;
 width: 63%; 
}

#rf_firma_box2 {
 text-align: justify;
 width: 36.5%; 
 margin: 0;
 padding: 10px;
}

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

#rf_hauptbereich p {
 margin-top: 15px;
 margin-bottom: 15px;
}


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

#marken_box, #bl_marken_box, #os_marken_box, #nh_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;
}

#os_marken_box 
/* , #nh_marken_box */
{ 
 -webkit-justify-content: flex-start; 
 justify-content: flex-start;  
}

article {
 width: 33%;
 margin-top: 5px;
 margin-bottom: 5px;
 padding: 10px;
 background-color: #EDEDED;
}

#os_marken_box article, #nh_marken_box article {
 width: 32.5%;
 margin-right: 5px;
}

#bl_marken {
 background-color: #fff;
 width: 48%;
}

#bl_marken article {
 width: 100%;
 padding: 25px;
}

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

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

#bl_kontakt {
 position: relative;
 width: 49%;
 margin: 5px 15px 5px 0;
 background-color: #fff;
 text-align: right;
}

#bl_kontakt p {
 text-align: left;
 margin: 0;
 padding: 5px 0;
}

#qr_code {
 position: absolute;
 bottom: 0;
 right: 0;
}

.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: 120px;
}


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

#firma_text, #merkzettel_text {
 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;
 -webkit-align-items: flex-start;
 align-items: flex-start;
 margin: 10px 10px 10px 0;
 max-width: 77%;
 background: transparent;
 text-align: left;
 padding: 5px 10px 20px 10px;
}

#merkzettel_text {
 width: 77%;
}

#text, #text2 {
 display:-webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 padding: 10px 0 10px 10px;
}

#text { max-width: 47%;}

#text2 { max-width: 55%;}

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

.firmenbild {
 width: 50%;
 height: auto; 
 margin: 10px;
}

.firmenbild2, .firmenbild3 {
 width: 42%;
 height: auto; 
 margin: 10px;
}

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

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

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

#firma_logos {
 margin: 10px;
 min-width: 250px;
 /* border-right: 1px solid #B0ACAC; */
 padding: 10px;
 font-size: 0.8em;
}

.logobereich {
 width: 100%;
 background: transparent;
 border-left: 4px solid #fff; 
}

.logobereich:hover {background-color: #EFEFEF;}

#logobereich_aktiv { 
 width: 100%;
 /* background-color: #EFEFEF; */
 border-left: 4px solid #494343;
}

.firmenlogo {
 margin-top: 15px;
 margin-bottom: 15px;
}

.firmenlogo_kleiner {
 max-width: 60%;
 height: auto;
 margin-top: 8px;
 margin-bottom: 8px;
}

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

.logobereich-waagerecht {
 min-width: 20%;
 background: transparent;
 padding: 4px;
 margin: 3px;
}

#logobereich-waagerecht_aktiv, .logobereich-waagerecht:hover {
 background-color: #EFEFEF;
 min-width: 20%;
 padding: 4px;
 margin: 3px;
}

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

#unterbereiche li {
 padding: 3px;
}

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

#bp-logo {
 margin-left: 15px;
 margin-top: 10px;
}

#produkte {
 display:-webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: center; 
 justify-content: center; 
 margin-top: 10px;
 margin-bottom: 20px;
 max-width: 1920px;
}

#merkzettel_produkte {
 display:-webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: flex-start; 
 justify-content: flex-start; 
 margin-top: 10px;
 margin-bottom: 20px;
 max-width: 77%;
}

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

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

.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;
 border: 0px solid #000;
}

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

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

#merkzettel {
 position: fixed;
 top: 25%;
 right: 0;
 width: 7em;
 color: #fff;
 background-color: #000;
 opacity: 0.5;
 z-index: 99;
 padding: 8px 0;
 text-align: center;
}

#nach_oben {
 position: fixed;
 display: none;
 bottom: 0;
 right: 0;
 width: 7em;
 color: #fff;
 background-color: #000;
 opacity: 0.5;
 z-index: 98;
 line-height: 1.0;
 padding: 10px 0;
 text-align: center;
}

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

.auf_merkzettel {
 position: absolute;
 bottom: 2.3em;
 right: 5px;
 width: 2.5em;
 height: 2em;
 font-family: symbole, Arial, sans-serif; 
 font-size: 1.3em;
 color: #fff;
 background-color: #000;
 opacity: 0.6;
 padding-top: 5px;
}

.neutral {display: none;}

.vom_merkzettel {
 position: absolute;
 top: 5px;
 right: 10px;
 width: 2.0em;
 height: 2em;
 font-family: symbole, Arial, sans-serif; 
 font-size: 1.3em;
 color: #fff;
 background-color: #000;
 opacity: 0.6;
 padding-top: 4px;
}

.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;
}


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

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

#start_box1 .groesser {line-height: 1.6;}

#start_foto {
 width: 45%;
}

#plzwahl {
 display:-webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: flex-start; 
 justify-content: flex-start; 
 -webkit-align-content: flex-start; 
 align-content: flex-start; 
 margin: 10px;
 width: 23%;
 padding: 5px;
 border-right: 0px solid #B0ACAC;
}

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

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

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

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

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

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

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

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


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

#messen_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 10px auto;
 max-width: 60em;
 min-width: 800px;
}

#messen_box {
 display:-webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: space-between; 
 justify-content: space-between; 
 margin: 0 auto;
 width: 60%;
 padding: 10px;
 text-align: center;
}

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

#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; 
 width: 100%;
 height: 320px;
}

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

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

#aktuelles_hauptbereich, #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 10px auto;
}

#aktuelles_hauptbereich {max-width: 65em;}	

#kontakt_hauptbereich {
 width: 65em;
 max-width: 65em;
 margin-bottom: 20px;
}

#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;
}

#aktuelles, #impressum, #datenschutz {
 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%;
 min-height: 30em;
 padding: 10px;
 text-align: center;
}

#aktuelles {padding: 10px 0;}

#aktuelles article {
 width: 100%;
 margin-top: 5px;
 margin-bottom: 5px;
 padding: 20px 10px;
 background-color: #fff;
 text-align: left;
 position: relative;
 border-top: 2px solid #B0ACAC;
}

#aktuelles article:first-of-type {border: 0;} 

#aktuelles article h4 {
 width: 75%;
 margin: 15px 0 0 0;
 padding: 0;
 font-size: 1.3em;
}  

#aktuelles article h5 {
 margin: 10px 0;
 padding: 0;
 font-size: 1.2em;
}  

#aktuelles article h6 {
 margin: 10px 0;
 padding: 0;
 font-size: 1.2em;
 font-style: italic;
}

#aktuelles article .aktlogo {
 position: absolute;
 top: 20px;
 right: 10px;
} 

.aktuell_ganz {
 width: 100%;
 padding: 10px 0 20px 0;
 border-bottom: 1px solid #7B7B7B;
}

#aktuelles p {text-align: justify;}

.abstand1 {margin-top: 0px;}

.abstand2 {margin-top: 0px;}

#aktuelles article .figure1 {
 display: inline;
 margin: 15px 1.5%;
 padding: 0;
}

#aktuelles article .figure2 {
 width: 100%;
 margin: 15px 0;
 text-align: center;
 padding: 0;
}

#aktuelles article .figure1 img {
 display: inline-block;
 width: 47%;
 height: auto;
 padding-top: 20px;
} 

#aktuelles article .figure2 img {
 display: inline-block;
 width: 60%;
 height: auto;
} 

#aktuelles article .ganz {
 margin-top: 20px;
} 

#aktuelles article .flex1 {
 display:-webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-justify-content: space-between; 
 justify-content: space-between; 
 -webkit-align-items: center;
 align-items: center;
 margin: 0;
 width: 100%;
 padding: 0;
 text-align: left;	
}	

#aktuelles article .flex_links60 {
 width: 55%;
 text-align: left;
 border: 0px solid #000;
} 

#aktuelles article .flex_links60 h4 {margin-bottom: 50px;} 

#aktuelles article .flex_rechts40 {
 width: 42%;
 text-align: center;
 border: 0px solid #000;
}

.nur_schmal {display: none;}

#aktuelles article .flex_50 {
 width: 50%;
 text-align: center;
 border: 0px solid #000;
} 

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

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

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

#impressum p {
 text-align: left;
 padding-left: 10px;
 padding-right: 10px;
}

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

#datenschutz h3, #datenschutz h4 {
 margin-top: 12px;
 margin-bottom: 2px;
}

#datenschutz li {
 text-align: left;
}

.nur_rot {
 color: #ad0303;
}

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

#anfrageformular1 {
 width: 55%;
}

#anfrageformular2 {
 width: 42%;
}

#bestaetigung1, #bestaetigung2 {
 width: 48%;
 min-height: 20em;
 padding: 10px; 
 text-align: left;
}

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

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

#anfrageformular2 textarea {
 width: 30em;
 height: 14em;
}

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

#plz {
 height: 2em;
 width: 6em;
}

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

.kleiner2 {
 font-size: 0.9em;
}

.red_color1 {
 display: none;
}

.input_falsch {
 background-color: #FAAAAA;
}