:root{--bodybackground:#633107;--link-color:#a64623;--hover-color:#e77d47;--mobil_dropdown:#FFFFFF4C;--contentbackground:#011f0ff4;--mainmenu:#e5e7f9d8;--txt-nav:#000;--txt-white:#fff;--navalpha:#ffffffB3;--color-green:#223109;--button-border:1px solid #000;--border:1px solid #000;--radius-full:4px;--radius-top:4px 4px 0 0;--radius-bottom:0 0 4px 4px;} *{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;text-decoration:none;-webkit-tap-highlight-color:transparent;outline:none;}body{margin:0;padding:0;max-height:100vh;max-height:100dvh;background-color:var(--contentbackground);}a{color:var(--txt-nav);}a:hover{background-color:var(--txt-white);}a:focus,a:active,.contentblock a:focus{color:var(--txt-white);background-color:var(--link-color);}h1,h2,h3,h4,h5,ul{margin:0;}h1{font-size:clamp(1.7rem, calc(2vw+1rem),3.5rem);padding:0 0 0.5em;}h1,h2{text-align:center;}.left-h h2,h2{font-size:clamp(1.4rem,calc(1vw+1rem),2.5rem);padding:0.5em 0 0;}.left-h h2{text-align:left;}.left-h h3,h3{font-size:clamp(1.1rem,calc(0.5vw+1rem),1.5rem);padding:0.25em 0;}.skip-link{position:absolute;overflow:hidden;top:auto;left:-10000px;width:1px;height:1px;padding:0.5em;color:var(--txt-white);font-weight:600;background-color:var(--link-color);border-radius:20px;}.skip-link:focus{top:0;left:0;width:auto;height:auto;z-index:200;}.mauer{background-attachment:fixed;background-color:var(--bodybackground);background-size:contain;background-image:url("pic/nav/bodyimg/mauer-1920.avif");}.nav-container{position:relative;max-width:93.75em;height:8.75em;top:0;margin:0 auto;color:var(--txt-nav);z-index:50;}.nav-container .mainmenuimg{height:8.75em;width:100%;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-bottom);}.nav-container .mainimgfixed{position:fixed;max-width:93.75em;height:4.75em;margin:0 auto;-o-object-fit:cover;object-fit:cover;-webkit-animation:fadein 3s;animation:fadein 3s;}.logo{display:inline-block;position:absolute;top:0;width:100%;height:0px;font-weight:600;z-index:150;}.logo a{background-color:transparent;}.logo .logoimg .wtf-logo{display:block;position:absolute;width:12em;height:6em;top:1.37em;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);margin:auto;cursor:pointer;border-radius:var(--radius-full);z-index:150;}.logo .logoimg .email-icontext a:hover{color:var(--hover-color);}.logo .logoimg a:active{color:var(--txt-white);background-color:var(--color-green);}.logo .logoimg .open-icontext{width:fit-content;float:left;margin:0.7em 0 0 2em;white-space:nowrap;}.logo .logoimg :is(.open-icontext,.email-icontext) img{float:left;width:1em;height:1em;margin-right:0.5em;}.logo .logoimg :is(.open-icontext,.email-icontext) p{float:right;margin:0;}.logo .logoimg .email-icontext{float:right;margin:0.7em 2em 0 0;white-space:nowrap;}.logo .logotext{display:none;position:fixed;max-width:9.75em;height:3.25em;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);padding:0;margin:0.8em auto;z-index:90;-webkit-animation:fadein 3s;animation:fadein 3s;} @-webkit-keyframes fadein{from{opacity:0;}to{opacity:1;}} @keyframes fadein{from{opacity:0;}to{opacity:1;}}.logo .logotext .wtf-textlogo{width:9.75em;height:3.25em;padding:0;margin:0;border-radius:var(--radius-full);}.logo .logotext .wtf-textlogo:hover,.wtf-logo:hover{opacity:0.5;}.mainnav-container{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;top:0;margin:0 auto;padding:0;width:100%;z-index:50;}.mainnav-container .nav-item{border-radius:var(--radius-full);background-color:var(--navalpha);}.mainnav-container .nav-item:hover{background-color:var(--txt-white);}.dropdown-arrow{display:none;}.hauptmenu{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;top:0;height:100%;width:100%;gap:1em;padding:3.55em 2em 2.2em;margin:0 auto;-webkit-box-pack:center;-ms-flex-pack:center;text-align:center;justify-content:center;list-style:none;background-color:var(--mainmenu);border-radius:var(--radius-bottom);z-index:90;}.hauptmenu:hover{scrollbar-color:#EEF2FF transparent;}.hauptmenu .spaceright{margin-right:auto;}.hauptmenu .spaceleft{margin-left:auto;}.mainnav-container .hauptmenu.deskfixed{position:fixed;max-width:93.75em;height:4.75em;padding:0.9em 2em;background-color:var(--mainmenu);border-radius:var(--radius-bottom);-webkit-animation:fadein 3s;animation:fadein 3s;}.mainnav-container .nav-item .nav-link{display:-webkit-box;display:-ms-flexbox;display:flex;width:8em;height:3em;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-decoration:none;pointer-events:none;white-space:nowrap;font-weight:600;border-radius:var(--radius-full);-webkit-transition:0.4s ease;-o-transition:0.4s ease;transition:0.4s ease;}.mainnav-container .nav-item .singelbutton{pointer-events:all;}.dropdown-toggle,.nav-item{display:block;position:relative;padding:0;margin:0;}.dropdown-menu{display:block;position:absolute;top:3em;left:0;width:0;height:0;padding:0;margin:0;overflow-y:hidden;background-color:var(--navalpha);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-full);-webkit-transition:height 0.4s ease-in-out;-o-transition:height 0.4s ease-in-out;transition:height 0.4s ease-in-out;z-index:110;}.dropdown-menu .nav-item{position:relative;height:2.75em;width:auto;margin:0.5em;text-align:left;justify-items:center;}.dropdown-menu .nav-tab{position:absolute;height:100%;width:100%;padding:0.7em 0;margin:0;border:var(--button-border);border-radius:var(--radius-full);text-align:center;}.mainnav-container .nav-item:hover .dropdown-menu{width:8em;height:10.2em;}.footercontainer{position:relative;height:25.5em;max-width:93.75em;bottom:0;margin:0 auto;padding:0;color:var(--txt-nav);z-index:10;}.footercontainer .footerimg{display:block;height:100%;width:100%;padding:0;margin:0;border-radius:var(--radius-top);z-index:10;-o-object-fit:cover;object-fit:cover;}.footer_row{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;bottom:0;height:100%;width:100%;padding:1.25em 1em 1em 2em;margin:0 auto;background-color:var(--navalpha);border-radius:var(--radius-top);z-index:20;}.footer_row ul{list-style:none;padding:0;margin:0;}.footer_info{margin:0;padding-right:2em;}.footer_info .nav-item{width:auto;height:2.2em;padding:0.5em;margin:0.5em 0;border-radius:var(--radius-full);background-color:var(--navalpha);}.footer_info .nav-item:hover{background:var(--txt-white);}.footer_info .nav-item:is(:active,:focus){color:var(--txt-white);background:var(--link-color);}.footer_info>a:hover,.footer_social a:hover{opacity:0.7;background-color:transparent;}.footer_social ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;}.social_icons li{width:3em;height:3em;margin:0.5em 1.5em 1em 0;}.social_icons img{width:100%;height:100%;}#back_to_top{display:none;position:fixed;bottom:3em;right:1.5em;z-index:101;cursor:pointer;border-radius:var(--radius-full);border:none;width:3em;height:3em;padding:0;margin:0;background-color:transparent;}#back_to_top img{display:block;width:100%;height:100%;border-radius:var(--radius-full);}#back_to_top:hover{opacity:0.7;}.contentblock{position:relative;max-width:100%;top:0;margin:2em auto 0;padding:0;line-height:1.5;color:var(--txt-white);z-index:20;}.contentblock section{text-align:left;max-width:87.5em;padding:0;margin:0 auto;}.contentblock a{color:var(--txt-white);background:var(--link-color);border-radius:var(--radius-full);padding:0.1em 0.2em;}.contentblock a:hover{color:var(--hover-color);background-color:transparent;}.contentblock p{padding:0 0 0.5em;margin:0;text-align:left;}.contentblock ul{padding:0.5em 0 1em;margin-left:2em;}.programm_detail{width:100%;float:none;padding:1em;margin:0 0 2em;background-color:var(--contentbackground);border-radius:var(--radius-full);}.imgshow{position:relative;width:50em;height:37.5em;margin: 2em auto;background:var(--color-green);font-weight:600;border:var(--border);aspect-ratio: 4/3;}.oneslider, .twoslider{position:absolute;top:0;left:0;bottom:0;right:0;margin:0;opacity:0;-webkit-transition:3s;-o-transition:3s;transition:3s;}.imgshow p {display:block;padding:0.3em 0;position:absolute;width:100%;bottom:0;left:0;text-align:center;color:var(--txt-white);background:#00000066;margin:0;}.oneslider img, .twoslider img{display:block;width:100%;height:100%;margin:0;padding:0;aspect-ratio: 4/3;}.imgshow button{background-color:transparent;border:none;color: var(--link-color);padding:0;}.pfeil{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;top:0;bottom:0;width:3em;margin:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor: pointer;-webkit-box-align:end;-ms-flex-align:end;align-items: flex-end;}.pfeil span{font-size:2rem;background:transparent;}.pfeil :is(:hover,:active){color:var(--txt-white);background-color:transparent;}.pfeil_rechts{right:0;}.pfeil_links{left:0;}.activ{opacity:1;}.goto::before{ content: ' ';display:block;height:5em;margin-top: -5em;width:0.006em;visibility:hidden;}.dontwrap {white-space:nowrap;}.heroimg img{display:block;width:50em;margin:1em auto 2em;border:var(--border);height:37.5em;padding:0;aspect-ratio: 4/3;}.home_container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin: 2em 0 0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.homeblock, .homeblock img{width:25em;height:18.75em;aspect-ratio: 4/3;padding:0;}.homeblock {display:inline-block;position:relative;margin:0 2% 2%;text-align:center;overflow:hidden;background:transparent;border:var(--border);}.homeblock img{-o-object-fit:contain;object-fit:cover;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;-webkit-transition: all 15s ease-in-out;-o-transition: all 15s ease-in-out;transition: all 15s ease-in-out;}.homeblock img:hover{-webkit-transform:scale(3.0);-ms-transform:scale(3.0);transform:scale(3.0);}.homeblock a{background:transparent;border-radius:none;padding:0;}.homeblock p{position:absolute;width:100%;bottom:0;left:0;margin:0;padding:2%;font-weight:600;font-size:1.25rem;color:var(--color-white);background:#00000066;text-align:center;}.panorama {display:block;width:50em;height:24.63em;margin:2.5em auto;padding:0;text-align:center;border:var(--border);}.social-contact ul {display:-webkit-box;display:-ms-flexbox;display:flex;margin: 1em 0;padding:0;list-style:none;}.social-contact a{background-color:transparent;}.social-contact img{width:3em;height:3em;margin:0.75em 1.5em 0.75em 0;padding:0;border:none;} @media screen and (max-width:1550px){.nav-container,.mainnav-container .hauptmenu.deskfixed,.nav-container .mainimgfixed,.footercontainer{max-width: calc(100vw - 4em);}.contentblock section{max-width: calc(100vw - 8em);}.homeblock,.homeblock img{width: calc((100vw - 22em) / 3);height:auto;}.mauer{background-image:url("pic/nav/bodyimg/mauer-1550.avif");}} @media screen and (max-width:1250px){.mauer{background-image:url("pic/nav/bodyimg/mauer-1250.avif");}} @media screen and (max-width:1090px){.mauer{background-image:url("pic/nav/bodyimg/mauer-1090.avif");}.nav-container,.nav-container .mainmenuimg{height:7.75em;}.hauptmenu.deskfixed,.nav-container .mainimgfixed,.nav-container,.mainmenuimg{max-width: calc(100vw - 4em);}.nav-container .mainimgfixed{height:4.75em;}.logo .logoimg .wtf-logo{top:1.125em;width:11em;height:5.5em;}.imgshow,.heroimg img, .panorama{max-width: calc(100vw - 15em);height:auto;}.homeblock p{font-size:1em;}} @media screen and (max-width:959px){.mauer{background-image:url("pic/nav/bodyimg/mauer-959.avif");}#burger_frame{position:relative;width:100%;top:0;margin:0;padding:0;float:left;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:200;}.burger{position:fixed;width:2.75em;height:0.3em;top:0;left:3em;background:var(--link-color);border-radius:var(--radius-full);}.linieeins{top:1em;}.liniezwei{top:1.5em;}.liniedrei{top:2em;}#burger_click:checked ~ .hauptmenu{display:block;-webkit-animation:move 0.5s forwards;animation:move 0.5s forwards;} @-webkit-keyframes move{0%{width:0;}100%{width:100%;}} @keyframes move{0%{width:0;}100%{width:100%;}}.collapsed .liniezwei{opacity:0;}.collapsed :is(.linieeins,.liniedrei){top:1.3em;-webkit-transition:-webkit-transform 0.3s;transition:-webkit-transform 0.3s;-o-transition:transform 0.3s;transition:transform 0.3s;transition:transform 0.3s,-webkit-transform 0.3s;}.collapsed .linieeins{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}.collapsed .liniedrei{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}.nav-container,.nav-container .mainmenuimg,.logo .logoimg{max-width: calc(100vw - 4em);height:6em;border-radius:var(--radius-bottom);}.nav-container .mainimgfixed,.mainnav-container .hauptmenu.deskfixed,.logo .logotext{max-width: calc(100vw - 4em);height:3.5em;margin:0 auto;}.logo{z-index:50;}.logo .logoimg{top:0;padding:0;pointer-events:none;background-color:var(--mainmenu);}.logo .logoimg .email-icontext{display:none;}.logo .logoimg .open-icontext{float:right;margin:0 auto;padding:1em 1em 0 0;}.logo .logoimg .wtf-logo{top:1em;width:8em;height:4em;margin:0;pointer-events:all;}.logo .logotext{left:0;right:0;-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%);text-align:center;background-color:var(--mainmenu);border-radius:var(--radius-bottom);}.logo .logotext .wtf-textlogo{width:7.5em;height:2.5em;margin:0.5em auto;}.mainnav-container{position:fixed;left:0;width:14em;height:100%;margin:0;opacity:1;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;z-index:110;}.mainnav-container.collapsed{width:14em;left: -15em;opacity:0;}.hauptmenu .spaceright,.hauptmenu .spaceleft{margin:0;}.hauptmenu{height: calc(100vh – 16.7em);padding:4em 2em 0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;gap:0.5em;background-color:var(--mobil_dropdown);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:transparent transparent;}.mainnav-container .hauptmenu.deskfixed{position:unset;height:100%;width:100%;padding:4em 2em 0;background-color:var(--mobil_dropdown);}.mainnav-container .nav-item .nav-link{width:10em;padding:0 1em;pointer-events:all;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;background-color:var(--mainmenu);}.mainnav-container .nav-item:is(:hover,.open,:active,:focus) > .nav-link{color:var(--txt-white);background-color:var(--link-color);}.mainnav-container .dropdown-menu{display:block;position:relative;top:0;z-index:110;}.mainnav-container .nav-item:hover{color:var(--txt-nav);background-color:transparent;}.mainnav-container .nav-item:hover .dropdown-menu{width:10em;background-color:var(--mobil_dropdown);}.mainnav-container .dropdown-menu .nav-tab:hover{background-color:var(--txt-white);}.mainnav-container .dropdown-menu :is(.nav-tab:active,.nav-tab:focus){color:var(--txtr-white);background-color:var(--color-green);}.mainnav-container .dropdown-container .dropdown-arrow{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 -0.1em 0 auto;font-size:1.25rem;-webkit-transition:-webkit-transform 0.4s ease;transition:-webkit-transform 0.4s ease;-o-transition:transform 0.4s ease;transition:transform 0.4s ease;transition:transform 0.4s ease,-webkit-transform 0.4s ease;}.mainnav-container .dropdown-container:is(:hover,.open,:active,:focus) .dropdown-arrow{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.homeblock,.homeblock img{width: calc((100vw - 16em) / 3);}} @media screen and (max-width:840px){.mauer{background-image:url("pic/nav/bodyimg/mauer-840.avif");}.heroimg img{margin:1em auto;}} @media screen and (max-width:792px){.mauer{background-image:url("pic/nav/bodyimg/mauer-792.avif");}.pfeil{width:2.5em;}.homeblock,.homeblock img{width: calc((100vw - 13.5em) / 2);}} @media screen and (max-width:630px){.mauer{background-image:url("pic/nav/bodyimg/mauer-630.avif");}.nav-container,.nav-container .mainmenuimg,.logo .logoimg,.nav-container .mainimgfixed,.logo .logotext,.footercontainer{max-width:100vw;border-radius:0px;}.nav-container,.nav-container .mainmenuimg,.logo .logoimg{height:5.5em;margin:0;}.nav-container .mainimgfixed,.logo .logotext{height:3em;margin:0;}.linieeins{top:0.8em;}.liniezwei{top:1.3em;}.liniedrei{top:1.8em;}.burger{left:2em;}.logo .logoimg .open-icontext{padding:0.8em 2em 0 0;}.logo .logoimg .wtf-logo{top:2em;width:6em;height:3em;}.logo .logotext .wtf-textlogo{width:6.75em;height:2.25em;margin:0.375em 2em;}.footercontainer .footerimg,.footer_row{border-radius:0px;}.contentblock section{max-width: calc(100vw - 4em);}.imgshow,.heroimg img,.panorama{max-width: calc(100vw - 8em);}.pfeil span{font-size:1.75rem;}.homeblock,.homeblock img{width: calc((100vw - 9em) / 2);}.home_container{margin:1em 0 0;}} @media screen and (max-width:551px){.mauer{background-image:url("pic/nav/bodyimg/mauer-551.avif");}.burger{left:1em;}.logo .logoimg .open-icontext{padding:0.8em 1em 0 0;}.footercontainer{height:24.5em;}.contentblock{margin:1em auto 0;}.contentblock section{max-width: calc(100vw - 2em);}.imgshow,.heroimg img,.panorama{max-width: calc(100vw - 4em);}.programm_detail{margin:0 0 1em;}} @media screen and (max-width:500px){.mauer{background-image:url("pic/nav/bodyimg/mauer-500.avif");}.nav-container,.nav-container .mainmenuimg,.logo .logoimg{height:5em;}.nav-container .mainimgfixed,.logo .logotext{height:3em;}.linieeins{top:1.4em;}.liniezwei{top:1.9em;}.liniedrei{top:2.4em;}.logo .logoimg .open-icontext{padding:0.2em 1em 0;}.logo .logoimg .wtf-logo{width:5.5em;height:2.75em;top:1.4em;}.footer_row{padding:1em 0 0 1em;}.homeblock,.homeblock img{width: calc(100vw - 6em);}} @media screen and (max-width:359px){.mauer{background-image:url("pic/nav/bodyimg/mauer-359.avif");}.mainnav-container{width:12em;}.mainnav-container.collapsed{width:12em;left: -13em;}.mainnav-container .hauptmenu,.mainnav-container .hauptmenu.deskfixed{padding:4em 2em 0 1em;}.footer_info{padding:0 1.5em 0 0;}#back_to_top{bottom:1.5em;}.imgshow p{font-size:0.875rem;}.pfeil span{font-size:1.5rem;}.pfeil{width:2em;}.social-contact ul{-ms-flex-wrap:wrap;flex-wrap:wrap;}} @media screen and (max-width:250px){.linieeins{top:1.125em;}.liniezwei{top:1.625em;}.liniedrei{top:2.125em;}.logo .logoimg .open-icontext{display:none;}.logo .logotext .wtf-textlogo{float:right;margin:0.375em 1em 0 0;}.logo .logoimg .wtf-logo{top:1.125em;left: calc(100vw - 4em);}}