body {margin: 0;padding: 0;text-align:center;font-family:verdana,arial,sans-serif;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;word-wrap: break-word;}

a {color: #09f;}
a:hover {text-decoration: none;}
h1 {text-align:center;margin:auto;margin-bottom:1vw;font-size:clamp(1.5rem,2.2vw,5rem);line-height:135%;color:#000099;text-shadow:0px 0px 5px #444;}

h2 {text-align:center; margin:auto;margin-bottom:25px;margin-top:25px;font-size:clamp(1.2rem,1.3vw,2.5rem);line-height:120%;color:#000077;}

@font-face {font-family:'holzhau';src:url('https://www.holzhau.de/fonts/kaushanscript-regular-webfont.ttf');font-display:fallback;}

/*Galerie der Titelbilder (Umzug nach Fotothek) */ 
.tbgalerie {width:90%;height:auto; margin-top:0px;margin-bottom:5px;box-shadow:0px 0px 10px #444;}

/* Slogan */ 
.holzhau {position:absolute;bottom:3.5vw;right:3.9vw;font-size:10vw;font-family:'holzhau';color:#ffee5f;text-shadow:5px 5px 5px #333;margin:0px;text-align:left; transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-text-fill-color:rgba(237,193,18,0.6);-webkit-text-stroke:2px #ffffff; background-image:linear-gradient(6deg, rgba(237,193,18,1) 25%, rgba(255,238,95,1) 75%); -webkit-background-clip:text;}

.mittelsachsen {position:absolute;bottom:1.4vw;right:3.3vw;font-size:2.0vw;transform:rotate(-6.5deg);-webkit-transform: rotate(-6.5deg); -moz-transform: rotate(-6.5deg);-ms-transform:rotate(-6.5deg);-o-transform:rotate(-6.5deg);font-family:'holzhau';color:#ffee5f;text-shadow:5px 5px 5px #333;line-height:130%;text-align:right;}

.videopromotiontext {color:#fff;z-index:+2;position:absolute;right:0.5vw;bottom:0.5vw;font-family:verdana,sans-serif;font-size:0.9vw;}
.echterz {z-index:+2;position:absolute;right:1.5vw;top:0.5vw;width:15%;max-width:173px;height:auto;}

.dynamicfooter {position:fixed;width:100vw;bottom:-270px;left:0px;background-color:#000099;background-image: linear-gradient(#0000ee,#0000ff, #000044);color:#ccc;min-height:20px;z-index:10;font-size:25px;box-shadow:0px 0px 10px #000;padding:0px;padding-top:10px;padding-bottom:10px;margin:auto;animation:ausblenden 5s;}

@keyframes ausblenden {0% {bottom:0px;} 85% {bottom:0px;}  100% {bottom:-270px;}}

/* Veranstaltungen */
.event {width:95%;background-color:#fff;text-align:left;padding:5px;line-height:175%;margin:auto;margin-bottom:15px;box-shadow:0px 0px 5px #777;border-radius:5px;}
.importantevent {width:95%;background-color:#84d0ff;text-align:left;padding:5px;line-height:175%;margin:auto;margin-bottom:15px;box-shadow:0px 0px 5px #777;border-radius:5px;border:2px solid #b8dfff;}

.event img {border:0px;box-shadow:0px 0px 5px #777;float:left;width:25%;max-width:400px;height:auto;margin:10px;margin-right:30px;}
.importantevent img {border:0px;box-shadow:0px 0px 5px #777;float:left;width:35%;max-width:450px;height:auto;margin:10px;margin-right:30px;}

main {width:99%;font-family:verdana,arial,sans-serif;margin:auto;}

article {width:100%;max-width:1800px;border:0px dotted #aaa;margin:auto;margin-top:25px;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;font-size:clamp(1.2rem,1.3vw,3rem);;color:#555;}

.oatab img:hover {cursor:zoom-in;transform: scale(2.5, 2.5);transform-origin: left top;-moz-transform: scale(2.5, 2.5);-webkit-transform: scale(2.5, 2.5);-o-transform: scale(2.5, 2.5);-ms-transform: scale(2.5, 2.5);transition: transform 1.2s;-moz-transition: transform 1.2s;-webkit-transition:transform 1.2s;-o-transition: transform 1.2s;-ms-transition: transform 1.2s;}



/*media querys allmaehlich ersetzen, das ist veralteter Programmierstil!*/
@media only screen and (min-width:1024px) {

.titelfotos {margin:auto;margin-top:42px;margin-bottom:25px;width:100%;height:calc(99vw/3.61);position:relative;box-shadow:0px 0px 15px #444;overflow:hidden;}


#camera_wrap_4 {width:100%;height:100%;left:0;margin-bottom:0!important;position:absolute;right: 0;top:0;}
.camera_bar {z-index: 2;}
.camera_overlayer {opacity: .1;}

/* Pulldownmenu neu */ 
nav {} 
.navmobil {display:none;}
.mobilicon {display:none;}
.navbar {overflow:hidden;background-color:#000099;background-image: linear-gradient(#000099,#000055);font-family:verdana,arial,sans-serif;position:fixed;z-index:10;width:100%;top:0px;}
.navbar a {float:left;font-size:14px;color:#fff;text-align:center;padding:10px 10px;text-decoration:none;}
.navbar a:visited {color:#fff;}
.dropdown {float:left;overflow:hidden;}
.dropdown .dropbtn {font-size:16px;border:none;outline:none;color:#fff;padding:12px 20px;background-color:inherit;font-family:inherit;margin:0;}
.home a {font-size:16px;color:#fff;margin:0;border:none;outline:none;color:#fff;padding:12px 20px;}
.navbar a:hover, .dropdown:hover .dropbtn {background-color:#70bdff;}
.dropdown-content {display:none;position:fixed;background-color:#f7f7f7;min-width:160px;box-shadow: 5px 5px 8px #444;z-index:1;}
.dropdown-content a {float:none;color:#000;padding:8px 20px;text-decoration:none;display:block;text-align:left;}
.dropdown-content a:visited {color:#000;}
.dropdown-content a:hover {background-color:#70bdff;color:#fff;}
.dropdown:hover .dropdown-content {display:block;}

input[type=search] {background-color:#bbbbbb;padding:5px 2px; margin-top:8px;border:1px solid #ccc; -webkit-border-radius: 5px; border-radius: 5px; width:10vw; float:right;margin-right:15px;}
input[type=search]:focus {background-color:#ffffff;color:#ff0000;}

/* Preview Artikel */
.pv {width:23%;border:1px solid #777;border-radius:5px;padding:8px;margin:8px;display:inline-block;box-shadow:0px 0px 5px #777;background-color:#fff;}
.pv a:hover {background-color:#000099;color:#fff;}
.pvi {width:100%;height:125px;border:0px dashed #ccc;text-align:left;padding:0px;overflow:hidden;font-size:18px;}
.pvi img {float:left;margin:0px; margin-right:8px;height:80px;}

.pvi a {text-decoration:none; font-weight:bold;color:#000099;margin-bottom:25px;}

/* GesamtContainer im Artikel fuer Bild und Text*/
#art {width:99%;border:0px solid red;text-align:left;line-height:180%;}

/* Bildcontainer im Artikel mit Rahmen und Text*/
#art .ic {width:35%;background-color:#fff;float:right;text-align:center;font-size:12px;color:#000;margin-right:15px;margin-top:12px;margin-bottom:25px;margin-left:35px;line-height:14px;padding:3px;box-shadow:0px 0px 5px #000; -ms-transform: rotate(4deg); -webkit-transform:rotate(4deg);transform:rotate(4deg); transition: transform 1.2s;-moz-transition: transform 1.2s;-webkit-transition:transform 1.2s;-o-transition: transform 1.2s;-ms-transition: transform 1.2s;z-index:0;transform-origin:right top;}

#art .ic:hover {cursor:zoom-in;transform: scale(2.0, 2.0);transform-origin: right top;-moz-transform: scale(2.0, 2.0);-webkit-transform: scale(2.0, 2.0);-o-transform: scale(2.0, 2.0);-ms-transform: scale(2.0, 2.0);}

#art .ic img {width:90%;margin:6px;margin-bottom:2px;}

/* Container fuer Links und Social Media */
.c1info {width:99%;border:0px solid red;text-align:left;line-height:160%;font-size:18px;margin-top:20px;}
.c1info img {width:50px;height:auto;margin-left:10px;margin-bottom:25px;margin-top:25px;}

/* Container fuer Kommentare */
.comm {width:99%;border:0px solid red;text-align:left;line-height:160%;font-size:18px;margin-top:20px;}

header {text-align:center;width:80%;text-align:center;margin:auto;margin-bottom:25px;border:0px dashed #ccc;}
header .published {font-size:12px;color:#000099;margin-top:15px;}
header .headermenu {color:#000099;width:90%;margin:auto;margin-top:10px;}
footer {text-align:center;font-size:14px;width:100%;color:#000000;min-height:150px;border:0px dashed red;background-color:#fff;margin:auto;margin-top:15px;margin:45px;padding-top:8px;padding-bottom:8px;}
footer .f45 {width:40%;border:1px solid #777777;border-radius:8px; display:inline-block;vertical-align:top;text-align:left;height:230px;padding-left:2%;background-color:#fff;padding-top:3px;padding-bottom:3px;}
footer .f45 a {color:#000000;text-decoration:none;}
footer .f45 a:hover {background-color:#fff;text-decoration:none;}
footer hr {width:0px; height:200px;display:inline-block;border:0px solid #777777;margin-left:1%;margin-right:1%;}

/* Tabelle Aktuelle Angebote */
.lastmintab {border:1px solid #777;margin:auto;margin-bottom:15px;padding:1%;width:95%;box-shadow:0px 0px 5px #777; border-radius:5px;text-align:left;background-color:#fff;margin-top:20px;background-color:#eee;line-height:180%;}
.lastmintab td {padding:5px;} 
.lastmintab img {border-width:0px;width:230px;} 
.lastmintabimg {text-align:center;font-size:10px;vertical-align:top;}
.lastmintabpreis {color:#ff0000;font-weight:bold;}

/* Anbietertabelle */
.fewodata {width:95%; border:1px solid #777; border-radius:5px; background-color:#f7f7f7; text-align:left;margin-bottom:5px; margin:auto; box-shadow: 0px 0px 5px #777;line-height:180%;}
.fewodata td {padding:5px;} 
.fewodata img {margin-left:5px; margin-top:5px; margin-right:15px; width:230px;}
.fewodata a {color:#0000ff;}


/* Tabelle fuer Oeffnungszeiten Ausflugsziele */ 
.oatab {width:90%;max-width:1100px;border-spacing:2px;empty-cells:show;border-collapse:collapse;margin:auto; margin-top:10px;margin-bottom:20px;font-size:20px;border-radius:7px;border:1px solid #ccc;}
.oatab td {padding:5px;vertical-align:top;line-height:130%;}
.oatab img {float:left;height:auto;width:300px;margin-right:20px;margin-bottom:10px;box-shadow:2px 2px 5px #444;}

.oatab tr:hover {background-color:#eee;} 
.oatab th {padding-left:15px;vertical-align:top;background-color:#9bebff;border:1px solid #ccc;}

/* Webcam und Videoplayer */ 
/* umhuellendes DIV */
.wcw {border:0px solid red;margin:auto;margin-bottom:20px;text-align:left;max-width:1400px;}
/* Bei Desktop-Version clear both, bei mobil nix machen */ 
.clearfloat {clear:both;}

/* webcam-pic links 4x3 alt*/
.wcp {width:60%;max-width:640px;height:auto;box-shadow:0px 0px 5px #555;float:left;margin-right:25px;margin-bottom:15px;}

/* webcam-pic links 16x9 neu*/
.wcp2 {width:60%;max-width:940px;height:auto;box-shadow:0px 0px 5px #555;float:left;margin-right:25px;margin-bottom:15px;}

/* videoplayer */
#vp {width:60%;max-width:640px;height:auto;box-shadow:0px 0px 5px #555;float:left;margin-right:25px;margin-bottom:15px;}

.webcamwetter {border:1px solid #777;margin-top:5px;}
.webcamwetter th {border:1px dashed #777;padding:5px;border-collapse:collapse;text-align:center;}
.webcamwetter td {border:1px dashed #777;padding:5px;border-collapse:collapse;}
.webcamwetter .r {text-align:right;}
.webcamwetter a {font-size:12px;color:#777;text-decoration:none;}

/* Default Tabelle fuer alle moeglichen Daten Fahrplan, Benzin usw*/ 
.deftab {width:90%;max-width:1200px;background-color:#fff;border-spacing:10px;empty-cells:show;border-collapse:collapse;margin:auto; margin-top:10px;margin-bottom:20px;font-size:20px;border-radius:7px;}
.deftab td {padding:10px;vertical-align:top;}
.deftab tr:hover {background-color:#eee;} 
.deftab .l {text-align:left;}
.deftab .r {text-align:right;}
.deftab th {padding:10px;vertical-align:top;}
.deftab ul {text-align:left;color:#000;font-size:18px;line-height:30px;}

#embed1 {float:right;width:640px;height:auto;min-height:390px;background-color:#fff;margin-bottom:10px;margin-left:15px;margin-right:12px;box-shadow:0px 0px 5px #000;}
#embed1 iframe {width:640px;height:360px;border:0px;}
#embed1 p {text-align:center;margin:0px;font-family:arial,verdana;color:#777;font-size:12px;line-height:10px;line-height:10px;}

#embed2 {float:left;width:640px;height:auto;min-height:390px;background-color:#fff;margin-bottom:15px;margin-left:10px;margin-right:20px;box-shadow:0px 0px 5px #000;}
#embed2 iframe {width:640px;height:360px;border:0px;}
#embed2 p {text-align:center;margin:0px;font-family:arial,verdana;color:#777;font-size:12px;line-height:10px;line-height:10px;}

/* Klammer ist von Media Query */ 
}

/* MOBIL bzw. unter 1024px */ 

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

.titelfotos {margin:auto;margin-top:0px;margin-bottom:15px;width:100%;height:calc(98vw/3.61);position:relative;box-shadow:0px 0px 15px #444;overflow:hidden;}

#camera_wrap_4 {width:100%;height:100%;left:0;margin-bottom:0!important;position:absolute;right: 0;top:0;}
.camera_bar {z-index: 2;}
.camera_overlayer {opacity: .1;}

/* Pulldownmenu bei kleinem Screen abschalten */ 
.navbar {display:none;}

/* Mobil Menue Icon und Menue */
.mobilicon {z-index:+4;top:5px;left:10px;width:45px;height:50px;position:absolute;}
.mobilicon:hover {cursor:pointer;}
.navmobil {border:1px solid #000;width:80%;border-radius:5px;padding:8px;padding-left:30px;margin:auto;margin-top:15px;margin-bottom:15px;display:block;box-shadow:0px 0px 5px #777;background-color:#fff;text-align:left;line-height:200%;}
.navmobil h2 {text-align:left;margin-top:5px;margin-bottom:5px;}
.navmobil a {text-decoration:none;}
.navmobil a:hover {background-color:#000099;color:#fff;}


/* Preview Artikel */
.pv {width:96%;border:1px solid #888;border-radius:5px;padding:8px;margin:auto;margin-bottom:8px;display:block;box-shadow:0px 0px 5px #777;background-color:#fff;max-height:110px;overflow:hidden;}
.pvi {width:100%;min-height:100px;border:0px dashed #ccc;text-align:left;padding:0px;overflow:hidden;font-size:18px;}
.pvi img {float:left;margin:0px; margin-right:8px;height:80px;}
.pvi a {text-decoration:none; font-weight:bold;color:#000099;margin-bottom:25px;}

/* GesamtContainer im Artikel fuer Bild und Text*/
#art {width:99%;border:0px solid red;text-align:left;line-height:160%;font-size:18px;background-color:#fff;}

/* Bildcontainer im Artikel mit Rahmen und Text*/
#art .ic {width:80%;background-color:#fff;text-align:center;font-size:12px;color:#000;margin:auto;margin-bottom:35px;line-height:14px;padding:3px;box-shadow:0px 0px 5px #000; -ms-transform: rotate(-3deg); -webkit-transform:rotate(-3deg);transform:rotate(-3deg);}
#art .ic img {width:95%;margin-top:8px;margin-bottom:1px;cursor:zoom-in;}

/* Container fuer Links und Social Media */
.c1info {width:99%;border:0px solid red;text-align:left;line-height:160%;font-size:18px;margin-top:20px;}
.c1info img {width:30px;height:auto;margin-left:10px;margin-bottom:25px;margin-top:25px;}

/* Container fuer Kommentare */
.comm {width:99%;border:0px solid red;text-align:left;line-height:160%;font-size:18px;margin-top:20px;}

header {text-align:center;width:98%;text-align:center;margin:auto;margin-bottom:20px;border:0px dashed #ccc;}
header .published {font-size:12px;color:#000099;margin-top:10px;}
header .headermenu {color:#000099;width:90%;margin:auto;margin-top:10px;}
footer {text-align:center;font-size:12px;width:98%;margin:auto;color:red;min-height:120px;border:0px dashed red;}
footer .f45 {width:85%;border:0px solid black;display:block;text-align:left;margin-top:5px;margin-bottom:5px;margin-left:8%;padding-left:2%;}
footer hr {width:87%; height:0px;border:1px solid #777;margin-left:8%;}

/* Bei Desktop-Version clear both, bei mobil nix machen */ 
.clearfloat {}

/* Tabelle Aktuelle Angebote */
.lastmintab {border:1px solid #777;margin:auto;margin-bottom:15px;padding:1%;width:100%;box-shadow:0px 0px 5px #777; border-radius:5px;text-align:left;background-color:#fff;margin-top:20px;}
.lastmintab img {padding:5px;border-width:0px;width:190px;} 
.lastmintabimg {text-align:center;font-size:10px;vertical-align:top;}
.lastmintabpreis {color:#ff0000;font-weight:bold;}

/* Anbietertabelle */
.fewodata {width:100%; border:1px solid #777; border-radius:5px; background-color:#fff; text-align:left;margin-bottom:5px; margin:auto; box-shadow: 0px 0px 5px #777;line-height:180%;}
.fewodata img {margin-left:5px; margin-top:5px; margin-right:15px; width:200px;}
.fewodata a {color:#000099;}

/* Webcam und Videoplayer */ 
/* umhuellendes DIV */
.wcw {border:0px solid red;margin-bottom:20px;min-height:400px;text-align:center;}
/* webcam-pic zentriert 4x3 alt*/
.wcp {width:100%;max-width:640px;height:auto;box-shadow:0px 0px 5px #555;margin:auto;margin-bottom:20px;display:block;}
/* webcam-pic zentriert 16x9 neu*/
.wcp2 {width:100%;max-width:940px;height:auto;box-shadow:0px 0px 5px #555;margin:auto;margin-bottom:20px;display:block;}

/* videoplayer */
#vp {width:100%;max-width:640px;height:auto;box-shadow:0px 0px 5px #555;margin:auto;margin-bottom:20px;display:block}
.webcamwetter {border:1px solid #777777;margin:auto;margin-top:15px;background-color:#fff;}
.webcamwetter th {border:1px dashed #777777;padding:5px;border-collapse:collapse;text-align:center;}
.webcamwetter td {border:1px dashed #777777;padding:5px;border-collapse:collapse;text-align:left;}
.webcamwetter .r {text-align:right;}

/* Default Tabelle fuer alle moeglichen Daten Fahrplan, Benzin usw*/ 
.deftab {width:100%;background-color:#c0e8ff;border-spacing:10px;empty-cells:show;border-collapse:collapse;margin:auto; margin-top:10px;margin-bottom:20px;font-size:15px;border-radius:7px;}
.deftab th {padding:10px;}
.deftab tr:hover {background-color:#eee;} 
.deftab td {padding:10px;vertical-align:top;}
.deftab .l {text-align:left;}
.deftab .r {text-align:right;}
.deftab ul {text-align:left;color:#000;font-size:18px;line-height:30px;}

#embed1 {width:90vw;height:50vw;background-color:#fff;;margin:auto;margin-bottom:30px;}
#embed1 iframe {width:100%;height:100%;border:0px;}
#embed1 p {text-align:center;margin:0px;font-family:arial,verdana;color:#777;font-size:12px;line-height:10px;line-height:10px;}

#embed2 {width:90vw;height:50vw;background-color:#fff;margin:auto;margin-bottom:30px;}
#embed2 iframe {width:100%;height:100%;border:0px;}
#embed2 p {text-align:center;margin:0px;font-family:arial,verdana;color:#777;font-size:12px;line-height:10px;line-height:10px;}

/* Tabelle fuer Oeffnungszeiten Ausflugsziele */ 
.oatab {width:98%;border-spacing:2px;empty-cells:show;border-collapse:collapse;margin:auto; margin-top:10px;margin-bottom:20px;font-size:20px;border-radius:7px;border:1px solid #ccc;}
.oatab td {padding:5px;vertical-align:top;line-height:130%;}
.oatab img {float:left;height:auto;width:40%;margin-right:20px;margin-bottom:10px;box-shadow:2px 2px 5px #444;}
.oatab tr:hover {background-color:#eee;} 
.oatab th {padding-left:15px;vertical-align:top;background-color:#9bebff;border:1px solid #ccc;}

}