@font-face{font-family:'anascript';src:url('AnnabelScript.ttf');font-weight:normal;font-style:normal}
*{box-sizing:border-box}
body{margin:0;padding:1vw;background-color:#712722}
a, a:hover{display:inline-table;color:#f5f3b0;text-decoration:none;cursor:pointer}
hr{width:95%;border:1px solid #f5f3b0;margin:0.5vw 0vw}
dl{margin:0;padding:0.5vw 0vw}

.row::after{content:"";clear:both;display:table}
[class*="col-"]{float:left;padding:1vw;display:flex;flex-direction:column}
.col-1{width:8.33%}
.col-2{width:16.66%}
.col-m{width:20%}
.col-3{width:25%}
.col-4{width:33.33%}
.col-5{width:41.66%}
.col-6{width:50%}
.col-7{width:58.33%}
.col-8{width:66.66%}
.col-9{width:75%}
.col-10{width:83.33%}
.col-11{width:91.66%}
.col-12{width:100%}

/* Bereiche ein-/ausblenden für kleine mobile Geräte*/
@media screen and (max-width:799px){.ghost{display:none}}

.menu ul{list-style-type:none;margin:0;padding:0;color:#f5f3b0}
.menu li{padding:0.15vw;padding-bottom:0.75vw;text-align:center}
.navnow{font-style:italic;font-weight:bold}
.nav-link{text-align:center;border:1px solid;margin-top:1vw;padding:0.25vw}
#navbar{height:100dvh;position:sticky;float:left;top:0;margin-right:1.5vw;border-right-style:solid;border-right-width:2px;border-right-color:#f5f3b0}



/*Seiteneinteilung*/
.pgb{display:flex;align-items:center}
.pgb.cont{border-left-style:solid;border-left-width:2px;border-left-color:#f5f3b0}
.pgb.divF{width:100%}
.pgb.divL{width:95%}
.pgb.divM{width:90%}
.pgb.divS{width:85%}
.pgb.stop{align-items:flex-start}
.pgb.spbe{justify-content:space-between}
.pgb.spev{justify-content:space-evenly}
.pgb.spar{justify-content:space-around}
.pgb.spce{justify-content:center}
.pgb.lcol{flex-direction:column}
.pgb.lrow{flex-direction:row}
.pgb.gap{height:2vw}
.pgb.scroll{margin-bottom:1vw;background-image:url("images/banner.png");background-size:100% 100%;background-position:center;background-repeat:no-repeat}
.pgb.padT{margin-top:4vw;padding:3vw 4vw}
.pgb.padI{padding:1.5vw 3.5vw}
.pgb.padL{margin-top:0.5vw;padding:0vw 2.5vw}
/*alt*/
.pg-divide{border-left-style:solid;border-left-width:2px;border-left-color:#f5f3b0}
.pg-h{width:95%;font-size:4vi;font-family:anascript;color:#f5f3b0;text-align:center;margin:1vw}
.pg-r{width:95%;font-size:2vi;color:#f5f3b0;text-align:justify;margin:1vw}
.pg-center{text-align:center}
.pg-justify{text-align:justify}



/*-Textgestaltung-*/
.txt{color:#f5f3b0}
.txt.thl{font-family:anascript;margin-top:2vw;text-align:center}
.txt.leg{font-family:arial}
/*Textausrichtung*/
.txt.tl{text-align:left}
.txt.tc{text-align:center}
.txt.tr{text-align:right}
.txt.tb{text-align:justify}
.txt.inl{display:inline-table}
/*Schriftgrößen, stufenlos skaliert*/
.txt.tx1{font-size: clamp(1.5rem, 4.286vw + 0.643rem, 7.5rem)}
.txt.tx2{font-size: clamp(1.25rem, 3.571vw + 0.536rem, 6.25rem)}
.txt.tx3{font-size: clamp(1rem, 2.857vw + 0.429rem, 5rem)}
.txt.tx4{font-size: clamp(0.875rem, 2.5vw + 0.375rem, 4.375rem)}
.txt.tx5{font-size: clamp(0.75rem, 2.143vw + 0.321rem, 3.75rem)}
.txt.tx6{font-size: clamp(0.5rem, 1.429vw + 0.214rem, 2.5rem)}
/*Zeilenabsände, stufenlos skaliert*/
.txt.tg1{line-height: clamp(2.25rem, 5.357vw + 1.179rem, 9.75rem)}
.txt.tg2{line-height: clamp(1.875rem, 4.464vw + 0.982rem, 8.125rem)}
.txt.tg3{line-height: clamp(1.5rem, 3.571vw + 0.786rem, 6.5rem)}
.txt.tg4{line-height: clamp(1.313rem, 3.125vw + 0.688rem, 5.688rem)}
.txt.tg5{line-height: clamp(1.125rem, 2.679vw + 0.589rem, 4.875rem)}
.txt.tg6{line-height: clamp(0.75rem, 1.786vw + 0.393rem, 3.25rem)}


/*Text über Bild legen*/
.pic-container{position:relative;text-align:center}
.pic-narrow{margin:-0.75vw}
/* Bottom left text */
.bottom-left{position:absolute;bottom:8px;left:16px}
/* Top left text */
.top-left{position:absolute;top:8px;left:16px}
/* Text oben mittig*/
.top-center{width:100%;position:absolute;top:2vw;left:50%;transform:translate(-50%)}
/* Top right text */
.top-right{position:absolute;top:8px;right:16px}
/* Bottom right text */
.bottom-right{position:absolute;bottom:8px;right:16px}
/* Centered text */
.centered{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}



.pic-frame{border-style:ridge;border-width:0.25vw;color:silver;margin:1vw}
.pic-rwd{max-width:99%;height:auto}
.picfit{max-width:100%;height:auto}
.ico-dl{width:5vi}

.infotext{font-size:1.5vi}

.mySlides{display:none;text-align:center}
.slideshow-container{max-width:90%;position:relative;margin:auto}
.prev,.next{cursor:pointer;position:absolute;top:0;width:auto;padding:16px;margin-top:0;color:white;font-weight:bold;font-size:15px;transition:0.6s ease;user-select:none}
.next{right:0;border-radius:3px 0 0 3px}
.prev{left:0;border-radius:0 3px 3px 0}
.prev:hover,.next:hover{background-color:rgba(0,0,0,0.8)}
.text{color:#f5f3b0;position:relative;margin-top:1vw;width:100%;text-align:justify}
.dot{cursor:pointer;height:1.5vw;width:1.5vw;margin:0.5vw;background-color:#bbb;border-radius:50%;display:inline-block;transition:background-color 0.6s ease}
.active,.dot:hover{background-color:#f5f3b0}
.fade{animation-name:fade;animation-duration:1.5s}
@keyframes fade{from{opacity:.4}to{opacity:1}}
.pic-slide{max-width:95%;height:auto}

.form-header{text-align:center;font-size:3vw}
.form-txt{font-family:arial;font-size:1.5vi;color:#f5f3b0;text-align:center}
.form-line{width:100%;margin-top:1vw;margin-bottom:1vw}
.form-box{width:100%;padding:0.5vw;font-size:0.75vw;line-height:1.5;border:1px solid;border-radius:0.25vw;font-size:1.25vi}
.form-button{width:100%;margin-top:1vw;margin-bottom:1vw;background-color:#f5f3b0;font-size:1.5vi;font-weight:bold}