@font-face { font-family: 'Roboto'; src: url('fonts/Roboto-Black.eot'); src: local('Roboto Black'), local('Roboto-Black'), url('fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Black.woff2') format('woff2'), url('fonts/Roboto-Black.woff') format('woff'), url('fonts/Roboto-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; font-display: swap; }  

@font-face { font-family: 'Roboto'; src: url('fonts/Roboto-Bold.eot'); src: local('Roboto Bold'), local('Roboto-Bold'), url('fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Bold.woff2') format('woff2'), url('fonts/Roboto-Bold.woff') format('woff'), url('fonts/Roboto-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; }  

@font-face { font-family: 'Roboto'; src: url('fonts/Roboto-ExtraBold.eot'); src: local('Roboto ExtraBold'), local('Roboto-ExtraBold'), url('fonts/Roboto-ExtraBold.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-ExtraBold.woff2') format('woff2'), url('fonts/Roboto-ExtraBold.woff') format('woff'), url('fonts/Roboto-ExtraBold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; }  

@font-face { font-family: 'Roboto'; src: url('fonts/Roboto-ExtraLight.eot'); src: local('Roboto ExtraLight'), local('Roboto-ExtraLight'), url('fonts/Roboto-ExtraLight.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-ExtraLight.woff2') format('woff2'), url('fonts/Roboto-ExtraLight.woff') format('woff'), url('fonts/Roboto-ExtraLight.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; }  

@font-face { font-family: 'Roboto'; src: url('fonts/Roboto-Light.eot'); src: local('Roboto Light'), local('Roboto-Light'), url('fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Light.woff2') format('woff2'), url('fonts/Roboto-Light.woff') format('woff'), url('fonts/Roboto-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; }  

@font-face { font-family: 'Roboto'; src: url('fonts/Roboto-Medium.eot'); src: local('Roboto Medium'), local('Roboto-Medium'), url('fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Medium.woff2') format('woff2'), url('fonts/Roboto-Medium.woff') format('woff'), url('fonts/Roboto-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; }  

@font-face { font-family: 'Roboto'; src: url('fonts/Roboto-Regular.eot'); src: local('Roboto Regular'), local('Roboto-Regular'), url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Regular.woff2') format('woff2'), url('fonts/Roboto-Regular.woff') format('woff'), url('fonts/Roboto-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; }  
@font-face { font-family: 'Roboto'; src: url('fonts/Roboto-SemiBold.eot'); src: local('Roboto SemiBold'), local('Roboto-SemiBold'), url('fonts/Roboto-SemiBold.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-SemiBold.woff2') format('woff2'), url('fonts/Roboto-SemiBold.woff') format('woff'), url('fonts/Roboto-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; }  

@font-face { font-family: 'Roboto'; src: url('fonts/Roboto-Thin.eot'); src: local('Roboto Thin'), local('Roboto-Thin'), url('fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Thin.woff2') format('woff2'), url('fonts/Roboto-Thin.woff') format('woff'), url('fonts/Roboto-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; font-display: swap; }  


html, body {
background-color: #DC143C; 
min-height: 100%;
font-family: 'Roboto thin', 'Roboto Light', 'Roboto', 'Segue', 'Open Sans', 'Helvetica', 'Arial'; 
font-weight: 300; 
font-size: 1.1em; 
color: #000000; 
line-height: 1.5em; 
margin: 0px; 
padding: 0px; 
}
#redim-cookiehint-modal {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99998;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.4); 
}

#redim-cookiehint {
  background-color: #DC143C;
  color: #FFFFFF;
  width: 50%; 
  max-width: 600px; 
  height: auto; 
  max-height: 80vh; 
  overflow-y: auto;
  padding: 30px;
  border-radius: 30px;
  box-sizing: border-box; 
  margin: 0; 
  opacity: 0.95; }
#redim-cookiehint-modal .headline{font-weight: 400; }
#cookiehintsubmit, #cookiehintsubmitno{
background-color: #FFFFFF; 
color: #000000; 
padding: 10px 20px 10px 20px; border-radius: 50px; margin: 50px 0px 0px 0px; display: inline-block; 
}


body.sitemap h1{
  background: linear-gradient(90deg, rgba(240, 240, 240, 1) 0%, rgba(255, 255, 255, 1) 100%);
  padding: 8px;
  margin: 30px 0px 50px 0px;
  text-indent: 20px;
  width: calc(100% - 16px);
  position: relative;
  left: 0px;
}

body.sitemap .inhalte ul.mod-menu{list-style-type: none; 
width: 90%; padding: 0px; margin: 0px 5% 100px 5%; font-size: 1.0em; line-height: 1.3em; 
}
body.sitemap .inhalte ul.mod-menu li{width: 100%; padding: 0px; margin: 0px; display: inline-block; padding: 20px 0px 0px 0px; }
body.sitemap .inhalte ul.mod-menu li ul li{ padding: 0px 0px 0px 0px;}

body.sitemap .inhalte ul.mod-menu li ul{width: calc(100% - 20px); font-size: 1.0em; line-height: 1.3em; padding: 0px 0px 0px 20px; margin: 0px; }
body.sitemap .inhalte ul.mod-menu li a{color: #000000; font-weight: 400; }
body.sitemap .inhalte ul.mod-menu li ul li a{color: #000000; font-weight: 300; }


#alles{
background: #FFFFFF; /*background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 50%, rgba(255, 255, 255, 1) 100%);*/
display: inline-block; 
width: 86%; 
margin: 0px 7% 0px 7%; 
padding: 0px; 
}

.phone{border: 0px solid #FF0000; display: inline-block; height: 60px; width: auto; padding: 20px; margin: 20px 0px 20px 20px; position: relative; }
.phone img{height: 100%; width: auto; padding: 0px; margin: 15px 0px 0px 0px; float: left; position: relative; left: 15px;  }
.telefonnummer{font-size: 0.9em; float: right; border: 3px solid #DC143C; padding: 10px; margin: 0px 0px 0px 20px; border-radius: 15px; line-height: 1.3em; min-height: 50px;  }
.hinweis{font-size: 0.8em; float: right; }
.telcaret{border-left: 3px solid #DC143C; border-right: 0px solid #FF0000; border-top: 3px solid #DC143C; border-bottom: 0px solid #FF0000; width: 15px; height: 15px; display: inline-block; transform: rotate(-45deg); position: absolute; left: 92px; top: 55px; background-color: #FFFFFF; }

#mod-custom116{
text-align: left; 
font-weight: 300; 
padding: 15px 10px 30px 100px;  
margin: 20px 30% 20px 30%; 
border-radius: 30px; 
width: auto; 
border: 3px solid #DC143C; 
background-image: url('images/baustelle_01.png'); background-position: left 10px top 10px; background-repeat: no-repeat; background-size: 60px auto; 
background-color: #FFFFFF; 
filter: hue-rotate(180deg) saturate(5); 
white-space: nowrap; 
}


nichtverwendet{background: #DFDFDF; background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 50%, rgba(255, 255, 255, 1) 100%);}


h1, h2, h3, h4, h5, h6, b, strong{
font-weight: normal; 
}
h1{font-size: 1.4em; }
h2{font-size: 1.3em; }
h3{font-size: 1.1em; }
h4{font-size: 1.0em; }
h5{font-size: 0.9em; }
h6{font-size: 0.8em; }
strong{margin: 0px; padding: 0px;display: inline-block;}

.item-page h1{
background: #FFFFFF; background: linear-gradient(90deg, rgba(240, 240, 240, 1) 0%, rgba(255, 255, 255, 1) 100%);
padding: 8px; 
margin: 30px 0px 50px 0px; 
text-indent: 20px; 
width: calc(100% + 42px); 
position: relative; 
left: -29px;  
}

/*body.home #rechtenewsbox{ width: calc(24% - 25px); display: block; padding: 20px; margin: 0px 0px 200px 0px; 
border-left: 1px solid #999999; 
border-right: 1px solid #FFFFFF; 
border-top: 1px solid #999999; 
border-bottom: 1px solid #999999; 
border-radius: 0px 0px 0px 15px; float: right; background-color: #F1F1F1; }*/

body.home #rechtenewsbox{ width: calc(24% - 25px); display: block; padding: 20px; margin: 0px 0px 200px 0px; 
border-left: 0px solid #999999; 
border-right: 1px solid #FFFFFF; 
border-top: 0px solid #999999; 
border-bottom: 0px solid #999999; 
border-radius: 0px 0px 0px 15px; float: right; background-color: #F1F1F1; }




body.home #rechtenewsbox h2{ font-size: 1.1em; }
body #rechtenewsbox ul.mod-articles-items li{ border-top: 1px solid #DC143C; }
body #rechtenewsbox ul.mod-articles-items li:first-child{ border-top: 0px solid #DC143C; }
body.home #rechtenewsbox ul{ margin: 0px; padding: 0px; list-style-type: none; }

body.home .item-page{
width: 70%; 
float: left; 
margin: 0px 0px 200px 30px;
}
body.home .item-page h1{
padding: 8px; 
margin: 0px 0px 50px 1px; 
text-indent: 20px; 
position: relative; 
left: -29px;  
width: calc(72% - 15px);
}
.item-page{
font-size: 1.2em; 
}

.nachinhalt{
width: calc(100% - 60px);
  margin: 0px 30px 30px 30px;
  display: inline-block;
  border: 0px solid #FF0000;
}
body.home .nachinhalt{
width: calc(70% - 60px);
border: 0px solid #FF0000;
}
body.home p{border: 0px solid #FF0000; overflow-wrap: break-word;}

hr{
border-top: 1px solid #CCCCCC; 
border-left: 0px solid #999999; 
border-right: 0px solid #999999; 
border-bottom: 0px solid #999999; 
}


table{ background-color: #FFFFFF; width: auto; display: block; }
table.table td{ padding: 10px; }

#logo{
min-height: 120px; padding: 0px 20px 0px 20px; margin: 0px 7% 0px 0px; float: right; border: 0px solid #FF0000; width: calc(22% - 40px); max-width: 450px;
position:absolute; top: 20px; right: 0px; 
}
.logo{
width: 94%; height: auto; padding: 0px 0px 0px 0px; margin: 0px 3% 0px 3%; border: 0px solid #FF0000; 
}

.small{font-size: 0.8em; line-height: 1.1em; display: inline-block; }
.linieoben{border-top: 1px solid #990000; padding: 20px 0px 0px 0px;}
a{color: #DC143C; font-weight: 300; text-decoration: none; }
a:hover{text-decoration: underline;} 
ul{margin: 0px; padding: 0px 0px 0px 5px; list-style-type: circle;  list-style-position: inside; }

#responsive{background-color: #E9E9E9; background-image: url('images/nav_resp.png'); background-position: right 1% top 10px; background-repeat: no-repeat; position: absolute; top: 0px; left: 0px; width: 88%; max-height: 0px; overflow: hidden; padding: 40px 2% 40px 10%; margin: 0px; z-index: 20001; transition: 0.8s ease-in-out; border-bottom: 1px solid #999999;}
#responsive.offen{max-height: 10000px; overflow: visible; }
#responsive ul{margin: 0px 0px 20px 0px; padding: 40px 0px 40px 0px; }
#responsive ul ul{margin: 0px 0px 20px 0px; padding: 10px 0px 0px 0px; } 
#responsive ul li, #responsive ul li ul{display: block; width: 100%; border: 0px solid #FF0000; padding: 0px; margin: 0px 0px 20px 0px;}
#responsive ul li a{color: #000000; margin: 0px 0px 0px 0px; padding: 10px 0px 10px 0px; display: block; }
#responsive ul li{min-height: 40px; font-size: 1.2em; }
#responsive ul li ul li{height: 40px; font-size: 1.0em; padding: 0px 0px 0px 10px; }
#responsive{display: none;}
#responsive :where(.mod-menu__toggle-sub) {display: none;}

#nav{width: calc(75% - 15px); min-height:60px; height: 60px; margin: 40px 0% 0px 2%; padding: 0px; display: inline-block; z-index: 20000; position: relative; border: 0px solid #DFDFDF; }
#nav ul{padding: 0px; margin: 0px; display: inline-block;}
#nav ul.menu li{margin: 0px 15px 0px 0px; padding: 10px 0px 10px 0px; height: 40px; line-height: 40px; display: block; border: 0px solid #FF0000; font-size: 1.1em; float: left; position: relative; }
#nav ul.menu li a{padding: 0px 10px 0px 10px; height: 40px; color: #000000; display: block; background-color: #efefef; border-radius: 10px; }
#nav ul.menu ul li a{background-color: transparent; border-radius: 0px; }

#nav ul.menu li a:hover{text-decoration: none; }
#nav ul.menu li ul{ position: absolute; top: 60px; max-width: 500px; width: 320px; padding: 0px 10px 0px 10px; margin: 0px 0px 0px 0px; display: inline-block; 
background-color: rgba(255, 255, 255, 0.9); border-left: 0px solid #DFDFDF; border-right: 0px solid #DFDFDF; border-bottom: 0px solid #DFDFDF; border-top: 0px solid #DFDFDF; max-height: 0px; overflow: hidden; transition: 0.15s ease-out;}
#nav ul.menu li ul.auf{max-height: 10000px;  padding: 0px 10px 20px 10px; transition: 0.5s ease-in; z-index: 100; border-left: 1px solid #DFDFDF; border-right: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; border-top: 1px solid #DFDFDF; border-radius: 10px;  } 

/*#nav ul.menu li ul li{font-size: 1.0em; width: 300px; padding: 20px 0px 5px 0px; margin: 0px; line-height: 20px; height: 45px; border-top: 1px solid #CCCCCC; } */
/*#nav ul.menu li ul li a{padding: 0px 0px 0px 0px; height: 40px; margin: 0px; display: block; transition: 0.8s ease-out;}*/
#nav ul.menu li ul li a{padding: 0px 0px 0px 0px; height: 25px; margin: 0px; display: block; transition: 0.8s ease-out;}
#nav ul.menu li ul li{font-size: 1.0em; width: 300px; padding: 20px 0px 5px 0px; margin: 0px; line-height: 20px; height: auto; border-top: 1px solid #CCCCCC; } 

#nav ul.menu li ul li:first-child {border-top: 0px solid #CCCCCC;}

#nav ul.menu li ul li a:hover{color: #DC143C;}

#nav ul.menu li.deeper button{ width: 10px; height: 10px; transform: rotate(45deg); position: absolute; top: 45px; left: calc(50% - 5px); background-color: #efefef; }

#nav ul.menu li:nth-child(3) ul{
width: 640px;
max-width: 700px;
}
#nav ul.menu li:nth-child(3) ul li{
padding: 20px 0px 5px 0px;
width: 300px; 
float: left;
}
#nav ul.menu li:nth-child(3) ul li:nth-child(even){
padding: 20px 0px 5px 30px;
margin: 0px 0px 0px 10px;
width: 300px;
}
#nav ul.menu li:nth-child(3) ul li:nth-child(2){
border-top: 0px solid #DFDFDF; 
}


span.visually-hidden{display: none; }



#mod-custom111{ width: 100%; min-height: 350px; margin: 20px 0px 20px 0px; display: inline-block; border: 0px solid #FF0000; }
#bild_eins{position: relative; width: calc(24% - 1px); min-height: 590px; border-left: 1px solid #FFFFFF; display: block; margin: 0px 1% 0px 0px; padding: 0px; float: left; overflow: hidden;}
#bild_zwei{position: relative; width: calc(24% - 0px); min-height: 590px; border: 0px solid #999999; display: block; margin: 0px 1% 0px 0px; padding: 0px; float: left; overflow: hidden;}
#bild_drei{position: relative; width: calc(24% - 0px); min-height: 590px; border: 0px solid #999999; display: block; margin: 0px 1% 0px 0px; padding: 0px; float: left; overflow: hidden;}

/*#box_rechts{width: calc(24% - 28px); min-height: 550px; border-top: 1px solid #999999; border-bottom: 1px solid #999999; border-left: 1px solid #999999; border-right: 1px solid #FFFFFF; display: block; margin: 0px 0px 0px 0px; padding: 20px; float: right; hyphens: auto; background-color: #EFEFEF; }*/

#box_rechts{width: calc(24% - 28px); min-height: 550px; border-top: 0px solid #999999; border-bottom: 0px solid #999999; border-left: 0px solid #999999; border-right: 1px solid #FFFFFF; display: block; margin: 0px 0px 0px 0px; padding: 20px; float: right; hyphens: auto; background-color: #EFEFEF; }


#bild_eins img, #bild_zwei img, #bild_drei img{
max-height: 590px; height: 100%; width: auto; max-width:5000px !important; auto; border: 1px solid rgba(0, 0, 0, 0.0);position: absolute; margin: 0px; padding: 0px; top: 0px; left: 50%; transform: translate(-50%, 0%); z-index: 1; }

#bild_eins .textlink, #bild_zwei .textlink, #bild_drei .textlink{
font-weight: 700; font-size: 2.0em; 
text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.7);
z-index: 50; 
color: #ffffff; 
opacity: 0.9; text-align: center; width: 100%; position: absolute; bottom: 80px; 
}


.item-page{ width: calc(100% - 60px); min-height: 350px; margin: 0px 30px 50px 30px; display: inline-block; border: 0px solid #FF0000; }
.texte img.note-float-right{margin: 0px 0px 10px 20px; }

div.footer{background-color: #FFFFFF; padding: 10px 0px 0px 0px; margin: 0px 7% 0px 7%; width: 86%; min-height: 100px; border-top: 1px solid #CCCCCC; position: relative; bottom: 0px; left: 0px; z-index: 100; opacity: 1.0; }
div.footer .spalte.eins{font-size: 0.9em; line-height: 1.2em; width: 18%; float: left; padding: 0px 0px 0px 8%; margin: 0px; border: 0px solid #CCCCCC;}
div.footer .adresse{padding: 0px 0px 0px 30px; float: left; width: 64%; border: 0px solid #CCCCCC;} 
div.footer .spalte.zwei{
font-size: 0.8em; line-height: 1.0em; width: 62%; float: left; padding: 0px 30px 30px 30px; margin: 0px 0px 0px 26%; border: 0px solid #CCCCCC;
}
/*

#responsive ul{list-style-type: none; padding: 0px 0px 20px 0px; margin: 0px; }
#responsive ul li a{text-decoration: none; margin: 0px; padding: 0px 0px 0px 0px; color: #000000; font-weight: 300; text-transform: uppercase; color: #FFFFFF;  font-size: 0.9em;}
#responsive ul ul li a{padding: 0px 0px 0px 10px; color: #FFFFFF; }
#responsive ul li.active a{color: #999999;}
*/

/*#alles::before{position: absolute; top: 100px; left: 1%; display: block; background-color: #FFFFFF; opacity: 0.7; border: 1px solid #000000; padding: 15px; }*/

@media screen and (min-width: 320px) and (max-width: 1299px) {
/*#alles::before{content: "320 x 1299"; }*/
#nav{display: none;}
#responsive, #responsive #nav{display: inline-block;}
#mod-custom111{margin: 50px 0px 20px 0px; }
#bild_eins, #bild_zwei {margin: 0px 5px 0px 0px;} #bild_drei{margin: 0px 0px 0px 0px;}
#bild_eins, #bild_zwei, #bild_drei{width: calc(33.33333% - 4px); }
#box_rechts{width: calc(100% - 42px); margin: 0px 1px 0px 1px; min-height: auto; border-left: 0px solid #999999; border-right: 0px solid #999999;}
div.footer .adresse{font-size: 0.7em; line-height: 1.2em; width: 100%; text-align: center; padding: 0px 0px 20px 0px; margin: 0px 0px 0px 0px; background-color: #FFFFFF; }
div.footer .spalte.eins{font-size: 0.7em; width: 92%; }
div.footer .spalte.eins a{position: absolute; top: 8px; }
div.footer .spalte.eins a:nth-of-type(1){ left: 2%; width: 20%; text-align: center; border: 0px solid #999999; }
div.footer .spalte.eins a:nth-of-type(2){ left: 26%; width: 20%; text-align: center; border: 0px solid #999999; }
div.footer .spalte.eins a:nth-of-type(3){ left: 52%; width: 20%; text-align: center; border: 0px solid #999999; }
div.footer .spalte.eins a:nth-of-type(4){ left: 75%; width: 20%; text-align: center; border: 0px solid #999999; }
body.home #rechtenewsbox{width: calc(100% - 42px); border-radius: 0px 0px 0px 0px; border-left: 1px solid #FFFFFF; margin: 0px 0px 50px 0px;}
body.home .item-page { width: calc(100% - 60px); float: left; margin: 0px 0px 50px 30px; }
/*#mod-custom116{margin: 400px 55% 20px 5%; text-align: left; min-width: 300px; z-index: 1000; position: absolute; padding: 30px 10px 30px 80px;}*/
#mod-custom116{ 
font-size: 0.8em; 
z-index: 2000; 
padding: 15px 10px 30px 100px;  
margin: 320px 5% 20px 5%; 
width: calc(80% - 110px);
position: absolute; 
top: 160px; 
left: 5%;  
white-space: wrap; 
}


}


@media screen and (min-width: 320px) and (max-width: 800px) {
div.footer{background-color: #FFFFFF; padding: 10px 7% 0px 7%; margin: 0px 0px 0px 0px; width: 86%; min-height: 100px; border-top: 1px solid #CCCCCC; position: relative; bottom: 0px; left: 0px; z-index: 100; opacity: 1.0; }
#redim-cookiehint {
  background-color: #DC143C;
  color: #FFFFFF;
  width: 90%; }
}


@media screen and (min-width: 1025px) and (max-width: 1600px) {
/*#alles::before{content: "1025 x 1600";  }*/
#logo{margin: 20px 35% 20px 35%; width: calc(30% - 40px); }
.phone{margin: 20px 0px 20px 20px; float: right; }
#nav{width: calc(96% - 2px); margin: 170px 2% 0px 2%; border: 0px solid #FF0000;  }
#bild_eins, #bild_zwei, #bild_drei{width: calc(24% - 5px);}
}

@media screen and (min-width: 1024px) and (max-width: 1300px) {
/*#alles::before{content: "1024 x 1300";  }*/
#box_rechts{font-size: 0.9em; line-height: 1.2em;}
#logo{margin: 100px 35% 20px 35%; width: calc(30% - 40px); }
#mod-custom111{margin: 50px 0px 20px 0px; }
#bild_eins, #bild_zwei {margin: 0px 5px 0px 0px;} #bild_drei{margin: 0px 0px 0px 0px;}
#bild_eins, #bild_zwei, #bild_drei{width: calc(33.33333% - 4px); }
#box_rechts{width: calc(100% - 40px); min-height: auto;}
.phone{margin: 150px 0px 20px 20px; float: right; }
}

@media screen and (min-width: 769px) and (max-width: 1299px) {
#logo{margin: 100px 30% 20px 30%; width: calc(40% - 40px);}
.phone{margin: 280px 0px 20px 20px; float: right; }
table{ background-color: #FFFFFF; width: auto; display: block; }
table.table td{ padding: 10px; float: left; width: 48%; }
table.table td img{max-width: 100% !important; height: auto !important;}
}

@media screen and (min-width: 320px) and (max-width: 768px) {
#alles{ background: #FFFFFF; display: inline-block; width: 100%; margin: 0px 0% 0px 0%; padding: 0px; }



table{ background-color: #FFFFFF; width: auto; display: block; }
table.table td, table td{ padding: 10px; float: left; width: 98% !important; max-width: 70%; border: 0px solid #FF0000; }
table.table td img{max-width: 100% !important; height: auto !important;}
table.vorstand td:nth-child(even){border-bottom: 1px solid #CCCCCC; }
#bild_eins .textlink, #bild_zwei .textlink, #bild_drei .textlink{font-size: 1.05em; bottom: 30px;}
#bild_eins, #bild_zwei, #bild_drei{ min-height: 250px; }
body.home .item-page { width: calc(100% - 60px); float: left; margin: 0px 0px 50px 30px; }
#logo{margin: 100px 25% 20px 25%; width: calc(50% - 40px); min-width: 250px;  float: left; }
.phone{float: right; margin: 280px 10% 20px 0px;  }
.telcaret{display: none; }
body.home table{max-width: 70%; }
.item-page{font-size: 1.0em; }
.item-page h1 { display: inline-block; text-indent: 0px; width: calc(100% + 0px); position: relative; left: 0px; }
.footer{border: 0px solid #0000FF; }
.footer span.fhidden{display: none; }
}