/* Foto Skalla – statischer Nachbau (Übergangslösung)
   Look orientiert am TYPO3-Theme "carawebb" (Stand 2013–2026) */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:#999;color:#000;font:15px/1.45 Arial,Helvetica,sans-serif}
img{border:0;max-width:100%;height:auto}
a{color:#B4893D;text-decoration:none}
a:hover{color:#999}
.wrap{width:1000px;max-width:100%;margin:0 auto;position:relative}

/* Kopf */
.hd{height:160px;background:linear-gradient(#34414a 0,#373f4c 48px,#fff 48px) ;position:relative}
.hd::after{content:"";position:absolute;inset:0;background:url(img/header.png) center top no-repeat;pointer-events:none}
.hdin{height:160px}
.hd .tl,.hd .tr{position:absolute;top:14px;color:#fff;font:13px Verdana,Arial,sans-serif;z-index:3}
.hd .tl{right:50%;margin-right:150px}
.hd .tr{left:50%;margin-left:150px}
.hd .classic{position:absolute;left:50%;margin-left:-430px;top:62px;z-index:3}
.hd .wappen{position:absolute;left:50%;transform:translateX(-50%);top:0;z-index:6}
.hd .wappen img{display:block}
.hd .slogan{position:absolute;left:50%;margin-left:200px;top:68px;z-index:3}

/* Navigation */
.nv{background:#666 url(img/nav.jpg) repeat-x top;height:57px;position:relative;z-index:2}
.nv ul{list-style:none;margin:0;padding:15px 0 0 10px;white-space:nowrap;text-align:center}
.nv li{display:inline-block;margin:0}
.nv a{display:block;color:#fff;font:14px Verdana,Arial,sans-serif;padding:0 13px 0 12px;border-right:1px solid #999;line-height:1.1}
.nv li:last-child a{border-right:0}
.nv a:hover,.nv li.cur a{color:#999}

/* Inhalt */
.mn{background:#ddd;min-height:340px;padding:20px 0 30px}
.mn.gal{background:#ddd url(img/upper.jpg) repeat-x top}
.mn.home .wrap{text-align:center}
.mn.home iframe{display:block;margin:10px auto;max-width:100%}
.mn iframe{border:0;display:block;max-width:100%}
h1,h2,h3,h4,h5{margin:10px 0 5px;font-family:Verdana,Arial,sans-serif;font-weight:normal;color:#666}
h1{font-size:20px}h2{font-size:18px}h3{font-size:16px}h5{font-size:14px}
.pt{text-align:center;margin:10px 0 20px}
.txt{padding:5px 10px}
.txt p{text-align:justify}
p.note{background:#fff;border-top:3px solid #D0AB47;padding:2em 2.5em;margin:20px 180px;font-size:12px;text-align:justify;color:#333;box-shadow:1px 1px 6px 0 rgba(0,0,0,.6)}
.imgs{text-align:center}
.pic{display:inline-block;vertical-align:top;margin:5px;text-align:center}
.pic .cap{display:block;background:url(img/linie.jpg) top center no-repeat;font-size:14px;padding-top:5px;margin-top:4px;color:#666}
.pic a:hover img{opacity:.85}
.fce{display:flex;gap:20px;align-items:flex-start}
.fce>.col{flex:1;min-width:0}
.fce.box{display:block}
.textpic.r .imgs{float:right;margin:0 0 10px 20px}
.textpic.l .imgs{float:left;margin:0 20px 10px 0}
.textpic.below .imgs{margin-top:10px}.textpic.below.r .imgs{text-align:right}
.textpic::after{content:"";display:block;clear:both}
.tab{border-collapse:collapse;margin:10px auto}.tab td{padding:4px 12px;border-bottom:1px solid #bbb;vertical-align:top}
.smap{list-style:none;padding:0 10px}.smap li{padding:3px 0 3px 25px;background:url(img/pfeil.jpg) left center no-repeat}
.contact{font-size:17px}

/* Fuß */
.ft{background:#fff url(img/footer.jpg) center top no-repeat;padding:64px 0 18px}
.fcols{display:flex;gap:35px;justify-content:center;flex-wrap:wrap}
.ft h4{margin:0 0 30px;color:#666;font:15px Arial,sans-serif;font-weight:normal}
.fl h4:nth-of-type(2){margin-bottom:8px}
.ft ul{list-style:none;margin:0;padding:0}
.ft .two{display:flex;gap:35px;margin-bottom:18px}
.ft li{margin:2px 0}
.ft li a{color:#666;font-size:13px;padding-left:25px;background:url(img/pfeil.jpg) left center/14px 14px no-repeat}
.ft li a:hover{color:#000;text-decoration:underline}
.oz{border-collapse:collapse;color:#999;font-size:13px}.oz td{padding:1px 14px 1px 0}
.fa img{display:block;max-width:100%}
.sm{font-size:11px;color:#666}
.addr{text-align:center;font-size:13px;color:#999;margin:20px 0 0}
.addr a{color:#999}

@media (max-width:1020px){
  .hd .classic,.hd .slogan{display:none}
  .hd .tl,.hd .tr{display:none}
  .nv{height:auto}.nv ul{white-space:normal;padding:10px 5px}.nv li{margin:3px 0}
  .fce{flex-wrap:wrap}.fce>.col{flex:1 1 100%!important}
  p.note{margin:20px 10px}
  .textpic.r .imgs,.textpic.l .imgs{float:none;margin:0 auto 10px}
}