/*Seite*/
body, html { padding: 0px; background-color: white;font-family:verdana,arial,helvetica,sans-serif; margin-left: 0.5%; margin-right:0.5%; margin-bottom:10px; margin-top:0px;}
@media only screen and (min-width:0px) and (max-width:601px){body{margin-bottom:0em}}
/*@media only screen and (min-width:602px) and (max-width:800px){body{background-color:green}}
@media only screen and (min-width:802px) and (max-width:1280px){body{background-color:red}}*/
@media only screen and (min-width:1281px) and (max-width:1000000px){body{margin-left:auto;margin-right:auto;width:1260px;}}
.inhalt{width:100%; height:auto;margin-left:0px;margin-right:0px;vertical-align:top;text-align:center; background-color:white}
/*Standard Text*/
p {font-family: Arial,verdana,helvetica; font-weight:normal; line-height: 150%;color:#555555; text-align:justify; padding-left:3%;padding-right:3%; margin-left: auto;margin-right:auto;-webkit-transition: font-size .3s; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
@media only screen and (min-width:1px) and (max-width:601px){p{font-size:1em}}
@media only screen and (min-width:602px) and (max-width:801px){p{font-size:0.95em}}
@media only screen and (min-width:802px) and (max-width:1024px){p{font-size:0.9em}}
@media only screen and (min-width:1025px) and (max-width:1279px){p{font-size:0.78em}}
@media only screen and (min-width:1280px) and (max-width:12800000000000px){p{font-size:0.8em}}
/*Fetter Text*/
b {font-family: Arial,verdana,helvetica; font-weight: bold;color: #555555; text-align:justify;-webkit-transition: font-size .3s;-moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
.corona{visibility: hidden; text-align:center; display:none}
@media only screen and (min-width:801px) and (max-width:11111111px){.corona{visibility: visible; }}
.corona_text{visibility: visible;text-align:center }
@media only screen and (min-width:802px) and (max-width:11111111px){.corona_text{visibility: hidden;display:none; }}
.versteckt800{ visibility:hidden; display:none}
@media only screen and (min-width:802px) and (max-width:111111801px){.versteckt800{ visibility:visible; display: block}}
/*text für alle Seiten oben*/
.text_startseite{ visibility:hidden ; font-size:0em; display:none}
/*Standard Ueberschrift H1 */
h1 {font-weight:normal; color:silver;font-size: 0em;display:none}
.headline {font-weight:normal; font-weight:bold;line-height: 0em;font-size: 0em;display:none}
/*Haupt Ueberschrift H2*/
h2 {font-weight:normal; color:silver;font-size: 0em;display:none;line-height: 0em}
/*Haupt Ueberschrift H3*/
h3 {font-weight:normal; color:silver;font-size: 0em;display:none;line-height: 0em }
/*Standard Ueberschrift H4*/
h4 {font-weight:bold; font-size: 0.8em;}
h5{font-weight:bold; font-size: 2em;color: red; text-align:
center}
/*Startseite Ueberschrift H5*/
.iswei {font-family: Arial,verdana,helvetica; font-weight: bold;color: red;font-size: 1.8em; text-align:center ; ;-webkit-transition: font-size .3s;-moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto}
/*Kursiv*/
i {font-weight:lighter;color:gray; text-align:center;-webkit-transition: font-size .3s;-moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
/*Kursiv zentriert*/
.iz {text-align: center;font-weight:lighter;color:gray; font-size: 0.7em;-webkit-transition: font-size .3s;-moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
.ismall {text-align: center;font-weight:lighter;color:gray; font-size: 1,0 em;-webkit-transition: font-size .3s;-moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
/*Liste*/
ul {font-size: 0.8em;color:black; font-weight:normal; list-style-type: square;-webkit-transition: font-size .3s}
@media only screen and (min-width:802px) and (max-width:1024px){ul{font-size: 75%}}
ul_standard {font-family: Arial,verdana,helvetica; font-weight:normal; line-height: 150%;color:#555555; text-align:left; padding-left:3%;padding-right:3%; margin-left: auto;margin-right:auto;-webkit-transition: font-size .3s; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: autos}
@media only screen and (min-width:1px) and (max-width:601px){ul_standard{font-size:1em}}
@media only screen and (min-width:602px) and (max-width:801px){ul_standard{font-size:0.95em}}
@media only screen and (min-width:802px) and (max-width:1024px){ul_standard{font-size:0.9em}}
@media only screen and (min-width:1025px) and (max-width:1279px){ul_standard{font-size:0.78em}}
@media only screen and (min-width:1280px) and (max-width:12800000000000px){ul_standard{font-size:0.8em}}
.ul_zentriert {font-family: Arial,verdana,helvetica; font-weight:normal; line-height: 150%;color:#555555; text-align:left; padding-left:3%;padding-right:3%; margin-left: 20%;margin-right:auto;-webkit-transition: font-size .3s; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: autos}
@media only screen and (min-width:1px) and (max-width:601px){.ul_zentriert{font-size:1em}}
@media only screen and (min-width:602px) and (max-width:801px){.ul_zentriert{font-size:0.95em}}
@media only screen and (min-width:802px) and (max-width:1024px){.ul_zentriert{font-size:0.9em}}
@media only screen and (min-width:1025px) and (max-width:1279px){.ul_zentriert{font-size:0.78em}}
@media only screen and (min-width:1280px) and (max-width:12800000000000px){.ul_zentriert{font-size:0.8em}}
em {font-weight:lighter;color:gray; -webkit-transition: font-size .3s;-moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
@media only screen and (min-width:1px) and (max-width:601px){.ul_zentriert{font-size:0,5em}}
@media only screen and (min-width:602px) and (max-width:12800000000000px){.ul_zentriert{font-size:0,7em}}
/*Links*/
a:{font-family: Arial,verdana,helvetica; color:#555555; font-weight:normal; text-decoration:none;text-align:center; -webkit-transition: font-size .3s; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
a:active {font-family: Arial,verdana,helvetica; color:#555555; font-weight:normal; text-decoration: none;text-align: center; -webkit-transition: font-size .3s;-moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
a:visited{font-family: Arial,verdana,helvetica; color: #555555; font-weight:normal; text-decoration: none;text-align: center; -webkit-transition: font-size .3s;-moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
a:link {font-family: Arial,verdana,helvetica; color: #555555; font-weight:normal; text-decoration: none;text-align: center; -webkit-transition: font-size .3s ;-moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto}
a:hover {font-family: Arial,verdana,helvetica; color: silver; font-weight:normal; text-decoration: none;text-align: center; -webkit-transition: font-size .3s ;-moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
/*Zentrierung*/
.zentrieren {text-align: center;}
.zentrieren_rot{text-align: center;font-family: Arial,verdana,helvetica; font-weight: bold;color: red;font-size: 1.3em; text-align:center;-webkit-transition: font-size .3s;-moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
.zentrieren_line{text-align: center; line-height: 1.8em}
.zentrieren_black{text-align: center;font-family: Arial,verdana,helvetica; font-weight: bold;color: black;font-size: 1.3em; text-align:center;-webkit-transition: font-size .3s;-moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}
@media only screen and (min-width:1px) and (max-width:801px){.zentrieren_line{line-height: 1.3em}}
@media only screen and (min-width:602px) and (max-width:1024px){.zentrieren_line{line-height: 1.8em; }}
.zentrieren_line_small {text-align: center; line-height:200% }
.rot {color:red;}
.zentrieren_i{text-align: center; font-family: Arial,verdana,helvetica; font-weight:lighter ;color: black;}
@media only screen and (min-width:1px) and (max-width:600 px){.zentrieren_i{font-size: 0.8em}}
@media only screen and (min-width:601 px) and (max-width:50000 px){.zentrieren_line{font-size: 1.0em }}
{vertical-align:bottom; text-align:left; text-color:margin-left:5%;color:#555555; font-size:0.8em; font-family: Arial,verdana,helvetica; font-weight: bold;color: ; -webkit-transition:
font-size .3s;-moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; border-width: 0px; position:relative;
left:10px;top:0.5em; }
.links {text-align: left;}
.justify {text-align: justify; }
.rechts {text-align: right;}
.border0_class {border-width: 0px;}
.unterstreichen {text-decoration: underline }
.mittig{vertical-align: middle;text-align:center}
.clear{clear:both;}
.clear_left{clear:left}
.clear_right{clear:right}
/*Bilder */
.img {border-width: 0px}
.img_40 { width:40%; height:auto; border-width: 0px;-webkit-box-shadow: 2px 8px 6px -6px #888 ;-moz-box-shadow: 2px 8px 6px -6px #888;box-shadow: 2px 8px 6px -6px #888;}
.img_50 { width:50%; height:auto; border-width: 0px;-webkit-box-shadow: 2px 8px 6px -6px #888 ;-moz-box-shadow: 2px 8px 6px -6px #888;box-shadow: 2px 8px 6px -6px #888;}
.img_20_no {;position:relative ;width:2em; height:2em; border-width: 0px; top:0.3em; left:10px }
.img_20 { width:20%; height:auto; border-width: 0px;-webkit-box-shadow: 2px 8px 6px -6px #888 ;-moz-box-shadow: 2px 8px 6px -6px #888;box-shadow: 2px 8px 6px -6px #888;}
.img_75 { width:75%; height:auto; border-width: 0px;-webkit-box-shadow: 2px 8px 6px -6px #888 ;-moz-box-shadow: 2px 8px 6px -6px #888;box-shadow: 2px 8px 6px -6px #888;}
.img_90 {width: 90%; height: auto;border-width: 0px;-webkit-box-shadow: 2px 8px 6px -6px #888 ;-moz-box-shadow: 2px 8px 6px -6px #888;box-shadow: 2px 8px 6px -6px #888;}
.img_90 {width: 90%; height: auto;border-width: 0px;-webkit-box-shadow: 2px 8px 6px -6px #888 ;-moz-box-shadow: 2px 8px 6px -6px #888;box-shadow: 2px 8px 6px -6px #888;}
.img_100{width: 100%;height: auto;border-width: 0px;-webkit-box-shadow: 2px 8px 6px -6px #888 ;-moz-box-shadow: 2px 8px 6px -6px #888;box-shadow: 2px 8px 6px -6px #888;}
.img_100_corona{width: 100%; height: auto;border-width: 0px;-webkit-box-shadow: 2px 8px 6px -6px #888 ;-moz-box-shadow: 2px 8px 6px -6px #888;box-shadow: 2px 8px 6px -6px #888;}
@media only screen and (min-width:1px) and (max-width:801px){.img_100_corona{ visibility:hidden; display:none}}
.img_100_corona_an{width: 100%;height: auto;border-width: 0px;-webkit-box-shadow: 2px 8px 6px -6px #888 ;-moz-box-shadow: 2px 8px 6px -6px #888;box-shadow: 2px 8px 6px -6px #888; visibility:hidden ; display:none}
@media only screen and (min-width:1px) and (max-width:801px){.img_100_corona_an{ visibility:visible ; display:block }}
.img_100_shadowfree{width: 100%;height: auto;}
@media only screen and (min-width:1px) and (max-width:801px){.img_100_shadowfree{ visibility:hidden; display:none}}
.img_100_top_5{width: 100%;height:auto; border-width: 0px;-webkit-box-shadow: 2px 8px 6px -6px #888; -moz-box-shadow: 2px 8px 6px -6px #888; box-shadow: 2px 8px 6px -6px #888;border-width: 0px;margin-top:1%; }
.img_100_flexbox { text-align:"center"; width: 100%; height: auto; -webkit-box-shadow: 2px 8px 6px -6px #888; -moz-box-shadow: 2px 8px 6px -6px #888; box-shadow: 2px 8px 6px -6px #888;border-width: 0px;margin-top:0px; border-width: 0px;}
.img_100_flexbox_shadowfree{width: 100%; ;height:auto; border-width: 0px;margin-top:0px; border-width: 0px;}
.img_logo {width:auto ; max-height:75px; border-width: 0px;top:0px;text-align:center}
/*--------------------------------------------------------------------------------------DYNAMISCHE WEBVORLAGE--------------------------------------------------------------------*/
/*Kopf*/
.schatten_oben_class {width:100%; display: table-cell;text-align:center; margin-top:0px; height: 6em; box-shadow: 0px 8px 6px -6px #888; -webkit-box-shadow:0px 8px 6px -6px #888; -moz-box-shadow:0px 8px 6px -6px #888;position:fixed;z-index : 1;top:0px; left: 0px; background-color:white}
@media only screen and (min-width:1280px) and (max-width:10000000000px){.schatten_oben_class{width: 1280px;margin-left: -640px;left:50%;outline-color:silver;outline-width:thin; outline-style:solid}}
.piontek_logo_class{display: table-cell;margin-top:0px; text-align: center; float: left;position: fixed; width:auto; max-width:212px ; height:auto; max-height:70px; top:0.8em;z-index:2;}
@media only screen and (min-width:1px) and (max-width:801px){.piontek_logo_class{left: 1%; text-align:center; }}
@media only screen and (min-width:802px) and (max-width:1024px){.piontek_logo_class{left: 30%; text-align:center; }}
@media only screen and (min-width:1025px) and (max-width:989991024px){.piontek_logo_class{left:44%; text-align:center; }}
/* Linke Seite Kopf*/
.kopf_links_class {float:left;display:table-cell;margin-top:0px; ;z-index: 2;}
@media only screen and (min-width:1px) and (max-width:601px){.kopf_links_class{ visibility:hidden}}
@media only screen and (min-width:602px) and (max-width:801px){.kopf_links_class{ visibility:hidden}}
@media only screen and (min-width:802px) and (max-width:1280px){.kopf_links_class{position:fixed; left:2% ;top:2.95em; width:50%;margin-left:1px; }}
@media only screen and (min-width:1280px) and (max-width:10000000px){.kopf_links_class{ width:640px; position:fixed;left:50%;margin-left:-600px;top:2.95em; }}
.logoimg_left{float:left; width:auto;word-spacing:1em; margin-left:1em }
@media only screen and (min-width:1px) and (max-width:601px){.logoimg_left{width:90%;word-spacing:2em;margin-left:0px;margin-bottom:20px}}
.centerimg_left{float:left;width:0px}
@media only screen and (min-width:1px) and (max-width:601px){.centerimg_left{width:5%}}
/*Rechte Seite Kopf*/
.kopf_rechts_class {float:right;display:table-cell;margin-top:0px; ;z-index: 2;}
@media only screen and (min-width:1px) and (max-width:601px){.kopf_rechts_class{visibility:hidden}}
@media only screen and (min-width:602px) and (max-width:801px){.kopf_rechts_class{ visibility:hidden}}
@media only screen and (min-width:802px) and (max-width:1280px){.kopf_rechts_class{ position: fixed; right: 5.1em; top: 2.95em; width:100%}}
@media only screen and (min-width:1280px) and (max-width:10000000px){.kopf_rechts_class{ width:640px; position: fixed; left:50%; margin-left:-81px; top: 2.95em; }}
.kopf_rechts_class_great{float:right;display:table-cell;margin-top:0px; ;z-index: 2;}
@media only screen and (min-width:1px) and (max-width:601px){.kopf_rechts_class_great{ visibility:hidden }}
@media only screen and (min-width:602px) and (max-width:801px){.kopf_rechts_class_great{ position: fixed; right: 5em; top: 1em; width:50%}}
@media only screen and (min-width:802px) and (max-width:1280px){.kopf_rechts_class_great{visibility:hidden }}
@media only screen and (min-width:1280px) and (max-width:10000000px){.kopf_rechts_class_great{ visibility:hidden }}
/*Sitemap im Kopf rechts - Pictogramme*/
.piontek_menu_class{visibility:hidden}
@media only screen and (min-width:1px) and (max-width:601px){.piontek_menu_class{ display: table-cell;height:68px; position: fixed;right: 1em; top: 1em;z-index:2; visibility:visible}}
@media only screen and (min-width:602px) and (max-width:801px){.piontek_menu_class{ display: table-cell;height:68px; position: fixed;right: 1em; top: 1em;z-index:2; visibility:visible}}
.imgmenu{;display:block;width:60px; height:60px; background-image:url('../images/menu_h.png');margin-left:auto;margin-right:auto;}
.imgmenu:hover img{display:none;}
.piontek_menu_zurueck_class{ visibility:hidden}
@media only screen and (min-width:1px) and (max-width:601px){.piontek_menu_zurueck_class{ display: table-cell;height:68px; position: fixed;right: 1em; top: 1em;z-index:2; visibility:visible}}
@media only screen and (min-width:602px) and (max-width:801px){.piontek_menu_zurueck_class{ display: table-cell;height:68px; position: fixed;right: 1em; top: 1em;z-index:2; visibility:visible}}
.imgmenuzurueck{;display:block;width:60px; height:60px; background-image:url('../images/menu.png');margin-left:auto;margin-right:auto;}
.imgmenuzurueck:hover img{display:none;}
.piontek_menu_class_small{visibility:hidden}
@media only screen and (min-width:802px) and (max-width:1279px) {.piontek_menu_class_small{ display: table-cell;height:68px; position: fixed;right: 2.5em; top: 2.95em;z-index:2; visibility:visible}}
@media only screen and (min-width:1280px) and (max-width:10000000px){.piontek_menu_class_small{ position:fixed;margin-left: 571px;left:50%; top:2.95em; visibility:visible; z-index:2 }}
.imgmenu_small{;display:block;width:30px;height:30px; background-image:url('../images/sitemap_h.png');margin-left:auto;margin-right:auto;}
.imgmenu_small:hover img{display:none;}
.piontek_menu_zurueck_class_small{visibility:hidden}
@media only screen and (min-width:802px) and (max-width:1279px) {.piontek_menu_zurueck_class_small{ display: table-cell;height:68px; position: fixed;right: 2.5em; top: 2.95em;z-index:2; visibility:visible}}
@media only screen and (min-width:1280px) and (max-width:10000000px){.piontek_menu_zurueck_class_small{ position:fixed;margin-left: 571px;left:50%;top:2.95em;visibility:visible; z-index:2 }}
.imgmenuzurueck_small{;display:block;width:30px;height:30px; background-image:url('../images/sitemap.png');margin-left:auto;margin-right:auto;}
.imgmenuzurueck_small:hover img{display:none;}
/*Sitemap im Kopf rechts*/
.sitemap{z-index:2;position:fixed; top: 6.25em;height:0px ;width:100%; text-align:center;margin-left:auto;margin-right:auto;}
@media only screen and (min-width:1280px) and (max-width:100000px){.sitemap{width:1280px;margin-left: -632px;left:50%;}}
/*Sitemap im Kopf rechts - Liste der Seiten*/
ul#navigation {margin-left: 0px; padding: 0px;list-style-type:none;margin-right:0px; margin-top:0px;margin-bottom:0px;}
ul#navigation li {Float:left;display: block; padding: 0px; margin-left:1px; margin-right:0% ;width:123.3px; height:auto;color:gray; background-color:white;border:solid;border-width: 1px ;border-color: gray; opacity:0.9; line-height:2em}
@media only screen and (min-width:1px) and (max-width:601px){ul#navigation li{Float:left;display: block; padding: 0px;width:97.7%;margin-left:0px; margin-right:0em;opacity:0.9;height:auto }}
@media only screen and (min-width:602px) and (max-width:1024px){ul#navigation li{width:48.8%;margin-left:0px; margin-right:0px;opacity:0.9;}}
@media only screen and (min-width:1025px) and (max-width:1279px){ul#navigation li{Float:left;display: block; padding: 0px; margin-left:0px; margin-right:0% ;width:9.648%; height:auto;color:gray; background-color:white;border: 1px solid gray;opacity:0.9; line-height:2em}}
ul#navigation li a:visited{Float:left;display: block; padding: 0px; margin-left:1px; margin-right:1px ; height:auto;color:gray; background-color:silver;opacity: 0.9;border: 1px solid white }
ul#navigation li a:link {display: block; border: 1px solid white; padding:10px;text-decoration: none; font-weight:bold; text-align:center;color:gray; font-size:1.1em;height:auto }
@media only screen and (min-width:1px) and (max-width:601px){ ul#navigation li a:link{font-size:1.3em;}}
@media only screen and (min-width:602px) and (max-width:801px){ ul#navigation li a:link{font-size:1.3em;}}
@media only screen and (min-width:802px) and (max-width:1024px){ ul#navigation li a:link{font-size:1.3em}}
@media only screen and (min-width:1025px) and (max-width:1280px){ ul#navigation li a:link{font-size:0.9em}}
ul#navigation li a:hover { display: block;border: 1px solid black;background-color: gray;color:white;}
@media only screen and (min-width:1px) and (max-width:801px){ul#navigation li a:hover{font-size:1.3em;height:auto}}
/*Sitemap im Kopf rechts - Pictogramme an und aus*/
#sitemap:target .navi {display:block;}
#sitemap:target .schatten_oben_class{ height:6em;}
#sitemap:target .logoimg_left{ visibility:hidden;}
#sitemap:target .logoimg_rechts{ visibility:hidden;}
#sitemap:target .piontek_menu_class{ visibility:hidden;}
#sitemap:not(:target) .navi {display: none;}
#sitemap:not(:target) .piontek_menu_zurueck_class{ visibility:hidden}
#sitemap:target .piontek_menu_class_small{ visibility:hidden;}
#sitemap:not(:target) .piontek_menu_zurueck_class_small{ visibility:hidden}
/*Pictogramme im Kopf rechts*/
.logoimg_rechts{float:right; width:45px}
@media only screen and (min-width:510px) and (max-width:801px){.logoimg_rechts{width:35%}}
@media only screen and (min-width:1px) and (max-width:510px){.logoimg_rechts{visibility:hidden; display:none}}
.centerimg_rechts{float:right;width:0px}
@media only screen and (min-width:1px) and (max-width:601px){.centerimg_rechts{width:14%}}
.imgface{display :block;width:30px; height:30px; background-image:url('../images/facebook_h.png') ;margin-left:auto;margin-right:auto}
.imgface:hover img{display:none;}
.imginsta{display :block;width:30px; height:30px; background-image:url('../images/instagram_h.png') ;margin-left:auto;margin-right:auto}
.imginsta:hover img{display:none;}
.imgmail{;display :block;width:30px; height:30px; background-image:url('../images/mail_h.png');margin-left:auto;margin-right:auto;}
.imgmail:hover img{display:none;}
.imginfo{;display :block;width:30px; height:30px; background-image:url('../images/info_h.png');margin-left:auto;margin-right:auto}
.imginfo:hover img{display:none;}
.imgface_great{display :block;width:60px; height:60px; background-image:url('../images/facebook_h_great.png') ;margin-left:auto;margin-right:auto}
.imgface_great:hover img{display:none;}
.imginsta_great{display :block;width:60px; height:60px; background-image:url('../images/instagram_h_great.png') ;margin-left:auto;margin-right:auto}
.imginsta_great:hover img{display:none;}
.spacer_oben_class {height:50px; width: 100%; z-index:-10}
.logoimg_nebeneinander1{float:right; width:auto;margin-right:25%}
@media only screen and (min-width:1px) and (max-width:601px){.logoimg_nebeneinander1{visibility:hidden; display:none}}
@media only screen and (min-width:602px) and (max-width:1280px){.logoimg_nebeneinander1{width:auto; margin-right:25%}}
.logoimg_nebeneinander2{float:left; width:auto; margin-left:25%}
@media only screen and (min-width:1px) and (max-width:601px){.logoimg_nebeneinander2{visibility:hidden; display:none}}
@media only screen and (min-width:602px) and (max-width:1280px){.logoimg_nebeneinander2{width:auto; margin-left:25%}}
.logoimg_nebeneinander1_great{float:left; width:auto; margin-left:25%; visibility:visible; display: block}
@media only screen and (min-width:601px) and (max-width:111111601px){.logoimg_nebeneinander1{visibility:hidden; display:none}}
.logoimg_nebeneinander2_great{float:right; width:auto; margin-right:25%; visibility:visible; display:block}
@media only screen and (min-width:601px) and (max-width:111111601px){.logoimg_nebeneinander2{visibility:hidden; display:none}}
/*Jetzt Termin*/
.imgtermin{;display :block;width:208px; height:30px; background-image:url('../images/termin_h.png');margin-left:auto;margin-right:auto; }
.imgtermin:hover img{display:none;}
.imgtermin_corona{;display :block;width:208px; height:30px; background-image:url('../images/termin_h.png');margin-left:auto;margin-right:auto; }
.imgtermin_corona:hover img{display:none;}
@media only screen and (min-width:802px) and (max-width:111111111801px){.imgtermin_corona{ visibility:hidden; display:none}}
@media only screen and (min-width:802px) and (max-width:111111111801px){.imgtermin_corona:hover img{ visibility:hidden; display:none}}
/*Unten*/
.top_class{ float: left; width: 40px; height:40px;text-align:center;position:relative; left: 50%;right:50%; bottom: 1.6em;z-index:1;}
.zahlen_class {float:left;text-align:right;margin-bottom :1.5em;width:98%; margin-right:2em;vertical-align:text-top;height:1em}
.footer_links_class{ float:right; background-color: #e0e0e0; width: 100%;display:table-cell; position:fixed; bottom:0px; right:0px;height:1.8em;vertical-align:middle;text-align:right; padding-top:0.3em ;box-shadow: 0px -8px 6px -6px #888;-webkit-box-shadow:0px -8px 6px -6px #888;-moz-box-shadow: 0px -8px 6px -6px #888;z-index:2;}
@media only screen and (min-width:1px) and (max-width:400px){ .footer_links_class{text-align:right;font-size:0.65em;height:3em}}
@media only screen and (min-width:400px) and (max-width:500px){ .footer_links_class{text-align:right;font-size:0.8em;height:2.5em}}
@media only screen and (min-width:500px) and (max-width:601px){ .footer_links_class{text-align:right;}}
@media only screen and (min-width:602px) and (max-width:801px){ .footer_links_class{text-align:right}}
@media only screen and (min-width:1280px) and (max-width:10000000000px){ .footer_links_class{width: 1280px;margin-left: -640px;left:50%;outline-color:silver;outline-width:thin; outline-style:solid}}
.zurueck_class{ float: left; width: 1%; height:40px;text-align:left;position: fixed; left: 2em; bottom: 0.9em;z-index:2;}
@media only screen and (min-width:1px) and (max-width:601px){.zurueck_class{bottom: 1em}}
@media only screen and (min-width:1280px) and (max-width:10000000000px){.zurueck_class{position:fixed;margin-left: -610px;}}
.imgzurueck{;display :block;width:40px; height:40px; background-image:url('../images/zurueck_h.png');margin-left:auto;margin-right:auto;}
.imgzurueck:hover img{display:none;}
.rand_class{Float:right;width: 1282px;margin-left: -641px;left:50%;height:100%;display:table-cell; position:fixed; bottom:0px; right:0px; -webkit-box-shadow: inset 0px 0px 16px -4px black;-moz-box-shadow: inset 0px 0px 16px -4px black;box-shadow: inset 0px 0px 16px -4px black;z-index:-9;}
@media only screen and (min-width:1px) and (max-width:1279px){.rand_class{visibility:hidden}}
/*Alle Seiten unten Angebot*/
.block1_index_angebot{float: left; display:block; height:auto; vertical-align: top; background-color:white; width: 21%;padding-right:5% }
.block2_index_angebot{float: left; display:block; height:auto; vertical-align: top; background-color: white; width: 24%}
.block3_index_angebot{float: left; display:block; height:auto; vertical-align: top; background-color: white; width: 25%;}
.block4_index_angebot{float: left; display:block; height:auto; vertical-align: top; background-color:white; width: 23%;padding-right:2% }
@media only screen and (min-width:1px) and (max-width:601px){.block1_index_angebot{display:none}.block2_index_angebot{width:85%; margin-left:8%; font-size:1.25em}.block3_index_angebot{width:85%; margin-left:8%;font-size:1.25em}.block4_index_angebot{width:85%; margin-left:8%;font-size:1.25em}}
@media only screen and (min-width:602px) and (max-width:801px){.block1_index_angebot{width:45%;}.block2_index_angebot{width: 42%;margin-left:8%}.block3_index_angebot{ width: 35%;margin-left:12%}.block4_index_angebot{width: 40%;margin-left:8%;padding-right:5% }}
@media only screen and (min-width:802px) and (max-width:1024px){.block1_index_angebot{width: 21%;padding-right:0% }.block2_index_angebot{width: 23%}.block3_index_angebot{width:24%}.block4_index_angebot{width: 27%;padding-right:1% }}*
.alleseitenul{padding-left: 0px;list-style-type:none; text-align:left; margin-left:5%;color:#555555 }
.alleseitenul_zentriert{text-align:center;color:#555555 }
@media only screen and (min-width:802px) and (max-width:1024px){.alleseitenul_zentriert{margin-left:0%;padding-left: 0px;}}
.alleseiten_text_spacer_oben{width:100%;background-color:white;height:0.3em}
/*-----------------------------------------------------------------------------------------ENDE DYNAMISCHE WEBVORLAGE ENDE-----------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------ALLE SEITEN STANDARD---------------------------------*/
/* Seite Ein Spaltig mit Umrahmung*/
.einspaltig_class_rahmen{float:left;width: 100%;text-align:center;margin-left:0%;margin-right:0%;margin-bottom:1em;min-height:1em; display: table-cell; vertical-align: top; ; background-color:white; border-color:silver;border-style:solid;border-width:1px;box-shadow: 2px 8px 6px -6px #888;-webkit-box-shadow:2px 8px 6px -6px #888; -moz-box-shadow:2px 8px 6px -6px #888;}
/* Seite Ein Spaltig ohne Rahmen*/
.einspaltig_class{float:left;width: 100% ;text-align:center;margin-left:0%;margin-right:0%;min-height:1em;}
/*Ternnlinien*/
.trennlinie_class {float: left; display: table-cell; width: 100%; min-height:0.5em; background-color:white;vertical-align:bottom; }
.trennlinie_class_bis_600{float: left; display: table-cell; width: 100%; background-color:white;vertical-align:bottom;}
@media only screen and (min-width:602px) and (max-width:111111801px){.trennlinie_class_bis_600 {display: none; }}
.trennlinie_class_bis_800{float: left; display: table-cell; width: 100%; background-color:white;vertical-align:bottom;}
@media only screen and (min-width:802px) and (max-width:111111801px){.trennlinie_class_bis_800 {display: none; }}
.trennlinie_class_bis_1024 {float: left; display: table-cell; width: 100%; background-color:white;vertical-align:bottom;height:0.8em;}
@media only screen and (min-width:1025px) and (max-width:100000000px){.trennlinie_class_bis_1024 {display:none; }}
.trennlinie_class_ab_600 {float: left; display: table-cell; width: 100%; background-color:white;vertical-align:bottom;}
@media only screen and (min-width:1px) and (max-width:601px){.trennlinie_class_ab_600 {display:none; }}
.trennlinie_class_ab_800 {float: left; display: table-cell; width: 100%; background-color:white;vertical-align:bottom;}
@media only screen and (min-width:1px) and (max-width:801px){.trennlinie_class_ab_800 {display:none;}}
.trennlinie_class_ab_1024 {float: left; display: table-cell; width: 100%; background-color:white;vertical-align:bottom;}
@media only screen and (min-width:1px) and (max-width:1024px){.trennlinie_class_ab_1024 {display:none; }}
/* Gutschein Button*/
.gutschein_button {padding-left:10px; padding-right:10px;padding-bottom:2px;padding-top:2px;width:200px;margin-left:auto; margin-right:auto; border-color:silver; border-width: 1px; border-style: solid; text-align:center;margin-bottom:1em; margin-top:1.5em }
.gutschein_button:hover {background-color:silver; color:white;}
/* Mehr Buttton*/
.mehr_button {padding-left:10px; padding-right:10px;padding-bottom:2px;padding-top:2px;width:150px;margin-left:auto; margin-right:auto; border-color:silver; border-width: 1px; border-style: solid; text-align:center;margin-bottom:1em;margin-top:1.5em; }
.mehr_button:hover {background-color:silver; color:white; }
.mehr_button_frost {background-color:silver; padding-left:10px; padding-right:10px;padding-bottom:2px;padding-top:2px;width:150px;margin-left:auto; margin-right:auto; border-color:silver; border-width: 1px; border-style: solid; text-align:center; position:relative; bottom:3em;margin-bottom:0em; margin-top:0em }
.mehr_button_frost:hover {background-color:black; color:red ; }
.mehr_button_aktion {background-color:white; padding-left:10px; padding-right:10px;padding-bottom:0px;padding-top:0px;width:120px;margin-left:auto; margin-right:auto; border-color:silver; border-width: 1px; border-style: solid; text-align:center; position:relative; bottom:6.5em;margin-bottom:0em; margin-top:0em }
.mehr_button_aktion:hover {background-color:black; color:red ; }
.mehr_button_randlos {padding-left:10px; padding-right:10px;padding-bottom:2px;padding-top:2px;width:150px;margin-left:1em; margin-right:auto; border-color:white; border-width: 1px; border-style: solid; text-align:center;margin-bottom:0em;margin-top:0.5em }
.mehr_button_randlos:hover {background-color:silver; }
/* Alle Button*/
a.button:hover {color:white;}
/*Flexbox */
.flexbox { Float:left;width: 100%; display: flex; flex-wrap: wrap;-ms-flex-wrap:wrap; margin-left: auto;margin-right:auto }
/*Dreispaltig mit Rahmen*/
.box1{background-color:white;outline-color:silver;outline-width:thin;outline-style:solid;border-bottom:thin;border-bottom-color:silver;border-bottom-style:solid;box-shadow:2px 8px 6px -6px #888;-webkit-box-shadow:2px 8px 6px -6px #888;-moz-box-shadow:2px 8px 6px -6px #888;width: 33%;margin-bottom:0.3em}
.box2{background-color:white;outline-color:silver;outline-width:thin; outline-style:solid;border-bottom:thin;border-bottom-color:silver;border-bottom-style:solid;box-shadow: 2px 8px 6px -6px #888; -webkit-box-shadow: 2px 8px 6px -6px #888; -moz-box-shadow: 2px 8px 6px -6px #888;width: 33%;margin-left:0.5%;margin-bottom:0.3em}
.box3{background-color:white;outline-color:silver;outline-width:thin; outline-style:solid;border-bottom:thin;border-bottom-color:silver;border-bottom-style:solid;box-shadow: 2px 8px 6px -6px #888; -webkit-box-shadow: 2px 8px 6px -6px #888; -moz-box-shadow: 2px 8px 6px -6px #888; width: 33%;margin-left:0.5%;margin-bottom:0.3em}
@media (min-width: 1px) and (max-width:801px){.box1{width:100%;margin-left:auto;margin-right:auto}.box2{width:100%;margin-top:0.6em; margin-left:auto; margin-right:auto}.box3{width:100%;margin-top:0.6em; margin-bottom:0.3em;margin-left:auto;margin-right:auto}}
@media (min-width: 802px)and (max-width:1024px) { .box1 { width: 49.5%;margin-bottom:0.3em } .box2 {width: 49.5%;margin-left:1% ;margin-bottom:0.3em }.box3 { width: 100%;margin-bottom:0.3em;margin-top:0.3em;margin-left:auto; margin-right:auto}}
/* 3 Boxen nebeneinander ohne Rahmen für Bilder weiss */
.box1_ohne_rahmen{background-color:white;width:31%;margin-left:1.5%;text-align:center}
.box2_ohne_rahmen{background-color:white;width:31%;margin-left:2%;text-align:center}
.box3_ohne_rahmen{background-color:white;width:31%;margin-left:2%;margin-right:1.5%;text-align:center}
@media (min-width: 1px) and (max-width:601px){.box1_ohne_rahmen { width: 97%;margin-left:1.5%} .box2_ohne_rahmen {width: 97%;margin-left:1.5%;} .box3_ohne_rahmen { width: 97%;margin-left:1.5%}}
@media (min-width: 602px)and (max-width:801px) {.box1_ohne_rahmen { width: 47.5%;} .box2_ohne_rahmen {width: 47.5%}.box3_ohne_rahmen { width: 97%;margin-left:1.5%}}
/* 2 Boxen nebeneinander ohne Rahmen für Bilder weiß*/
.box1von2_ohne_rahmen{background-color:white;width:47.5%;margin-bottom:0em;margin-left:1.5%;padding-bottom:0%;margin-top:-1%}
.box2von2_ohne_rahmen{background-color:white;width:47.5%;margin-bottom:0em;margin-left:2%;padding-bottom:0%;margin-top:-1%}
@media (min-width: 1px) and (max-width:801px){.box1von2_ohne_rahmen { width: 97%;margin-left:1.5%;} .box2von2_ohne_rahmen {width: 97%;margin-left:1.5%;}}
/*-------------------------------------------------------------------------------------------------------------SPEZIELLE SEITEN----------------------------------------------------------------------------------------*/
/*------------------------------------------------ Startseite-------------------------------------------*/
.adresse_mobil{Display:none}
@media only screen and (min-width:1px) and (max-width:602px){.adresse_mobil{ float:left;width: 97%;margin-left:1.5%;margin-right:1.5%;height:auto;display:table-cell;font-size:1em;text-align:center;color:gray;vertical-align: top;background-color:#e0e0e0}}
.zentrieren_startseite {text-align: center; font-size:100%;position:relative; top: 0.5em }
.zentrieren_startseite_red {text-align: center; font-size:100%;position:relative; top: 0.5em; color:red }
.zentrieren_startseite_grau{text-align: center;visibility:hidden;display:none}
@media only screen and (min-width:601px) and (max-width:800px){.zentrieren_startseite_grau{background-color:#e0e0e0; vertical-align:middle;height:3.5em; font-size:75%; visibility:visible; color:red;position:relative; top:0em; display:block }}
@media only screen and (min-width:801px) and (max-width:999999999900px){.zentrieren_startseite_grau{background-color:#e0e0e0; vertical-align:middle;height:3.5em;font-size:100%; visibility:visible;color:red;position:relative; top:0em;display:block }}
.zentrieren_startseite_grau_frost{text-align: center;background-color:#e0e0e0; vertical-align:middle;height:6em; width:100%; display:block; color:red;position:relative; bottom:1em; font-size:100%}
@media only screen and (min-width:601px) and (max-width:800px){.zentrieren_startseite_grau_frost{ visibility:hidden;display:none }}
@media only screen and (min-width:801px) and (max-width:999999999900px){.zentrieren_startseite_grau_frost{visibility:hidden;display:none }}
.zentrieren_frostsite{text-align: center;display:block;background-color:#e0e0e0}
@media only screen and (min-width:601px) and (max-width:800px){.zentrieren_frostsite{ ;background-color:#e0e0e0; vertical-align:middle;height:3.5em; font-size:75%; visibility:visible; color:red;position:relative; top:0em; display:block }}
@media only screen and (min-width:801px) and (max-width:999999999900px){.zentrieren_frostsite{ background-color:#e0e0e0; vertical-align:middle;height:3.5em;font-size:100%; visibility:visible;color:red;position:relative; top:0em;display:block }}
.dreispaltig_spalte_1_start_aktion{float: left; height:100px; width:33% ;display:block; vertical-align: top; ; background-color:white;outline-color:silver;outline-width:thin; outline-style:solid;border-bottom:thin;border-bottom-color:silver;border-bottom-style:solid;box-shadow: 2px 8px 6px -6px #888; -webkit-box-shadow: 2px 8px 6px -6px #888; -moz-box-shadow: 2px 8px 6px -6px #888; }
.dreispaltig_spalte_2_start_aktion{float: left; height:100px; width:33% ;display:block; vertical-align: top; ; background-color:white;outline-color:silver;outline-width:thin; outline-style:solid;border-bottom:thin;border-bottom-color:silver;border-bottom-style:solid;box-shadow: 2px 8px 6px -6px #888; -webkit-box-shadow: 2px 8px 6px -6px #888; -moz-box-shadow: 2px 8px 6px -6px #888; }
.dreispaltig_spalte_3_start_aktion{float: left; height:100px; width:33% ;display:block; vertical-align: top; ; background-color:white;outline-color:silver;outline-width:thin; outline-style:solid;border-bottom:thin;border-bottom-color:silver;border-bottom-style:solid;box-shadow: 2px 8px 6px -6px #888; -webkit-box-shadow: 2px 8px 6px -6px #888; -moz-box-shadow: 2px 8px 6px -6px #888; }
@media only screen and (min-width:1px) and (max-width:601px){.dreispaltig_spalte_1_start_aktion{width: 100%;height:120px}.dreispaltig_spalte_2_start_aktion{width: 100%;height:120px}.dreispaltig_spalte_3_start_aktion{width: 100%;height:120px}}
@media only screen and (min-width:602px) and (max-width:801px){.dreispaltig_spalte_1_start_aktion{width: 100%;height:120px}.dreispaltig_spalte_2_start_aktion{width: 100%;height:120px}.dreispaltig_spalte_3_start_aktion{width: 100%;height:120px}}
.dreispaltig_spacer{Float:left;width:0.333333%;height:100px; display:table-cell}
@media only screen and (min-width:1px) and (max-width:801px){.dreispaltig_spacer{ width:100%;height:0.8em }}
.dreispaltig_links_aktion{float: left; width:100px; height: 100px; display: table-cell;background-color:#e0e0e0; vertical-align:middle;}
.dreispaltig_links_aktion_mitte{float: left; width:100px; height: 100px; display: table-cell;background-color:#e0e0e0; vertical-align:middle;}
@media only screen and (min-width:1px) and (max-width:601px){.dreispaltig_links_aktion{width: 120px;height:120px}.dreispaltig_links_aktion_mitte{ float:right ;width: 120px;height:120px}}
@media only screen and (min-width:602px) and (max-width:801px){.dreispaltig_links_aktion{;width: 120px;height:120px}.dreispaltig_links_aktion_mitte{ float:right;width: 120px;height:120px}}
.img_aktion { width:auto;height:79px; border:9px solid #e0e0e0;}
@media only screen and (min-width:1px) and (max-width:601px){.img_aktion{height:99px}}
@media only screen and (min-width:602px) and (max-width:801px){.img_aktion{height:99px}}
.links_aktion{text-align: center;margin-left:auto; margin-right:auto; padding-top:0.9%;font-size:100%}
.links_aktion_mitte{text-align: center;margin-left:auto; margin-right:auto; padding-top:0.9%;font-size:100% }
@media only screen and (min-width:1px) and (max-width:601px){ .links_aktion{font-size:1em; padding-top:1%}.links_aktion_mitte{font-size:1em;padding-right:8em;padding-top:1% }}
@media only screen and (min-width:602px) and (max-width:801px){ .links_aktion{ padding-top:1% } .links_aktion_mitte{ padding-top:1%}}
@media only screen and (min-width:802px) and (max-width:1024px){ .links_aktion{font-size:85%;padding-top:0.8%}.links_aktion_mitte{font-size:85%;padding-top:0.8%}}
@media only screen and (min-width:1025px) and (max-width:1279px){ .links_aktion{font-size:98%}.links_aktion_mitte{font-size:98%}}
/*--------------------------------------------------Seite Mail-----------------------------------------------------*/
.mail_class{float:left;width: 99.7%;;margin-left:0.1%;margin-bottom:0.5em;min-height:1em; display: table-cell; vertical-align: top; ; background-color:white; border-color:silver;border-style:solid;border-width:1px;box-shadow: 2px 8px 6px -6px #888;-webkit-box-shadow:2px 8px 6px -6px #888; -moz-box-shadow:2px 8px 6px -6px #888;padding-top:5px; padding-bottom:1em}
/*@media only screen and (min-width:1px) and (max-width:801px){.mail_class{width: 99%;margin-left:0.8%; margin-right:0px;border-color:silver;border-style:solid;border-width:1px;}}*/
.mail [type=Nachricht], .mail input[type=name], .mail input[type=email], .mail input[type=phone],.mail input[type=subject], .mail textarea {font-size: 0.8em; border: 1px; color: gray; font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-align:left; border:1px solid silver}
/*---------------------------------------------SEITE SITEMAP-----------------------------------------------------------*/
.sitemap_formular{Arial,verdana,helvetica; font-weight:normal;font-size:1.15em; line-height: 110%;color:#555555; text-align:left; padding-left:3%;padding-right:3%; margin-left: auto;margin-right:auto;-webkit-transition: font-size .3s; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;margin-left:-30px; }
@media only screen and (min-width:1px) and (max-width:601px){.sitemap_formular{font-size:1.3em}}
@media only screen and (min-width:602px) and (max-width:801px){.sitemap_formular{font-size:1.25em}}
@media only screen and (min-width:802px) and (max-width:1024px){.sitemap_formular{font-size:1.15em}}
/*---------------------------------------- SEITE FEHLER BRUNNER WITZEL MAILANTWORT ----------------------------------*/
.sonderseiten_class{float:left;width: 100%;text-align:center;margin-bottom:1em; display: table-cell; vertical-align: top; ; background-color:white; border-color:silver;border-style:solid;border-width:1px;box-shadow: 2px 8px 6px -6px #888; -webkit-box-shadow:2px 8px 6px -6px #888; -moz-box-shadow:2px 8px 6px -6px #888;height:auto}
@media only screen and (min-width:1px) and (max-width:801px){.sonderseiten_class{width: 100%;text-align:center;height:auto;margin-left:0px; margin-right:0px;}}
/*------------------------------------------SEITE KALENDER--------------------------------------------------------------*/
.mitte_spalte_termin{width:100%; height: auto; background-color: white; display:block; margin-left:auto; margin-right:auto;width:100%}
@media only screen and (min-width:802px) and (max-width:840px){.mitte_spalte_termin{padding-left:1%;width:820px}}
@media only screen and (min-width:841px) and (max-width:1024px){.mitte_spalte_termin{ padding-left:5%;width:820px}}
@media only screen and (min-width:1025px) and (max-width:1075px){.mitte_spalte_termin{padding-left:-5%;width:820px}}
/*--------------------------------------SEITE IMPRESSUM------------------------------------------------------------------*/
.box1_impressum{background-color:white;outline-color:silver;outline-width:thin; outline-style:solid;border-bottom:thin;border-bottom-color:silver;border-bottom-style:solid;box-shadow: 2px 8px 6px -6px #888; -webkit-box-shadow: 2px 8px 6px -6px #888; -moz-box-shadow: 2px 8px 6px -6px #888;width:33%;}
@media only screen and (min-width:1px) and (max-width:801px){.box1_impressum{display:none;width:0px;height:0px}}
.box2_impressum{background-color:white;outline-color:silver;outline-width:thin; outline-style:solid;border-bottom:thin;border-bottom-color:silver;border-bottom-style:solid;box-shadow: 2px 8px 6px -6px #888; -webkit-box-shadow: 2px 8px 6px -6px #888; -moz-box-shadow: 2px 8px 6px -6px #888;width:33%;margin-left:0.5%}
@media only screen and (min-width:1px) and (max-width:801px){.box2_impressum{display:none;width:0px;height:0px}}
.box3_impressum{background-color:white;outline-color:silver;outline-width:thin; outline-style:solid;border-bottom:thin;border-bottom-color:silver;border-bottom-style:solid;box-shadow: 2px 8px 6px -6px #888; -webkit-box-shadow: 2px 8px 6px -6px #888; -moz-box-shadow: 2px 8px 6px -6px #888;;width:33%;margin-left:0.5%}
@media only screen and (min-width:1px) and (max-width:801px){.box3_impressum{display:none;width:0px;height:0px}}
.einspaltig_class_impressum_800{float:left;width: 100%;text-align:center;margin-left:0%;margin-right:0%;margin-bottom:1em;min-height:1em; display: table-cell; vertical-align: top; ; background-color:white; border-color:silver;border-style:solid;border-width:1px;box-shadow: 2px 8px 6px -6px #888;-webkit-box-shadow:2px 8px 6px -6px #888; -moz-box-shadow:2px 8px 6px -6px #888;}
@media only screen and (min-width:802px) and (max-width:25000000px){.einspaltig_class_impressum_800{display:none;width:0px;height:0px;background-color:white }}
/*-----------------------------------------------------------------------------SEITE BRILLE; KONTAKTLINSEN; SEHTRAINING MIT UMRAHMUNG-------------------------------------------------------------------*/
/*Unterteilung für Seite Kontaktlinsen, Brillen, Sehtraining*/
.dreispaltig_oben {float: left; width: 100%; height: 92%;display: table-cell; vertical-align: middle}
.dreispaltig_unten {float: left; width: 100%; height:8%;display: table-cell; }
.zweispaltig_unten_links {float: left; width: 100%; height:8%;display: table-cell; }
.zweispaltig_unten_rechts {float: right; width: 100%; height:8%;display: table-cell; }
/* --------------------------------------------------------------------SEITE LÜBBEN----------------------------------------------*/
.zentrieren_luebben{text-align: center; background-color: #F8F8F8;margin-left:1%; margin-right:1%; padding-bottom:1%; padding-top:1%}
@media (min-width: 1px) and (max-width:601px){zentrieren_luebben{margin-left:auto;margin-right:auto}}
/*Flexbox Dreispaltig Luebben*/
.box1_luebben{background-color:white;outline-color:silver;outline-width:thin; outline-style:solid;border-bottom:thin;border-bottom-color:silver;border-bottom-style:solid;lox-shadow: 2px 8px 6px -6px #888; -webkit-lox-shadow: 2px 8px 6px -6px #888; -moz-lox-shadow: 2px 8px 6px -6px #888;width: 25%;margin-bottom:0.3em}
.box2_luebben{background-color:white;outline-color:silver;outline-width:thin; outline-style:solid;border-bottom:thin;border-bottom-color:silver;border-bottom-style:solid;lox-shadow: 2px 8px 6px -6px #888; -webkit-lox-shadow: 2px 8px 6px -6px #888; -moz-lox-shadow: 2px 8px 6px -6px #888;width: 49%;margin-left:0.5%;margin-bottom:0.3em}
.box3_luebben{background-color:white;outline-color:silver;outline-width:thin; outline-style:solid;border-bottom:thin;border-bottom-color:silver;border-bottom-style:solid;lox-shadow: 2px 8px 6px -6px #888; -webkit-lox-shadow: 2px 8px 6px -6px #888; -moz-lox-shadow: 2px 8px 6px -6px #888;width: 25%;margin-left:0.5%;margin-bottom:0.3em}
@media (min-width: 1px) and (max-width:601px){.box1_luebben { width: 100%;margin-left:auto; margin-right:auto } .box2_luebben { width: 100%;margin-top:0.6em ;margin-left:auto; margin-right:auto} .box3_luebben { width: 100%; margin-bottom:0.3em;margin-top:0.6em;margin-left:auto; margin-right:auto }}
@media (min-width: 602px)and (max-width:801px) { .box1_luebben { width: 49.5%;margin-bottom:0.3em } .box2_luebben {display:none; }.box3_luebben {width:49.5%;margin-bottom:0.3em; margin-left:1% }}
@media (min-width: 802px) and (max-width:1024px){ .box1_luebben { width: 33%;margin-bottom:0.3em } .box2_luebben { width: 33%;margin-bottom:0.3em } .box3_luebben { width: 33%;margin-bottom:0.3em }}
.box4_luebben{float: left; height:auto; width:100% ;display:table-cell; vertical-align: top; background-color:white; outline-color:silver;outline-width:thin; outline-style:solid;border-bottom:thin;border-bottom-color:silver;border-bottom-style:solid;lox-shadow: 2px 8px 6px -6px #888; -webkit-lox-shadow: 2px 8px 6px -6px #888; -moz-lox-shadow: 2px 8px 6px -6px #888;margin-top:0.8em;margin-left:auto; margin-right:auto }
@media only screen and (min-width:1px) and (max-width:601px){.box4_luebben{width:0px;height:0px;display:none }}
@media only screen and (min-width:802px) and (max-width:600000px){.box4_luebben{width:0px;height:0px;display:none }}
/*-----------------------------------------------------------------------SEITE AKTION--------------------------------------------------------*/
.einspaltig_aktion_mitte{float:left;width:60%;outline-color:silver;outline-width:thin; outline-style:solid;border-bottom:thin;border-bottom-color:silver;border-bottom-style:solid;box-shadow: 2px 8px 6px -6px #888; -webkit-box-shadow: 2px 8px 6px -6px #888; -moz-box-shadow: 2px 8px 6px -6px #888;margin-left:20%; margin-right:20%; padding:5px}
@media only screen and (min-width:1px) and (max-width:1024px){.einspaltig_aktion_mitte{width:99%; margin-left:0%; margin-right:0%}}
.kalender { float: left; height:auto; width:100% ;display:table-cell; vertical-align: top; background-color:white; outline-color:silver;outline-width:thin; outline-style:solid;border-bottom:thin;border-bottom-color:silver;border-bottom-style:solid;box-shadow: 2px 8px 6px -6px #888; -webkit-box-shadow: 2px 8px 6px -6px #888; -moz-box-shadow: 2px 8px 6px -6px #888;margin-bottom:0.8em;}}