/* special fonts */ @font-face{ font-family:"Roc Grotesk W05 Wide Medium"; src:url("fonts/7da435e8-f334-4e64-90af-6a92da2ed88b.woff2") format("woff2"),url("fonts/97f493cc-bb2b-47ad-8fa6-481b93d3df84.woff") format("woff"); } * {padding:0; margin:0; box-sizing:border-box; font-family:'Roc Grotesk W05 Wide Medium', Arial, Helvetica, sans-serif; font-size:16px; line-height:24px; color:#222;} body { overflow-x:hidden;} body, html {height:100%; margin:0; font-family:'Roc Grotesk W05 Wide Medium', Arial, Helvetica, sans-serif; font-size:18px; line-height:26px; color:#222; background:#fff;} body.popup {padding:10px;} h1, .titel {font-family:'Roc Grotesk W05 Wide Medium', Arial, Helvetica, sans-serif; color:#302e26; margin-bottom:0px; font-size:24px; line-height:30px;} h2, .untertitel {font-family:'Roc Grotesk W05 Wide Medium', Arial, Helvetica, sans-serif; margin-bottom:0px; font-size:20px; line-height:24px; font-weight:300; color:#302e26} h3 {margin-bottom:0px; font-size:18px; line-height:26px; font-weight:600; color:#302e26} .kleiner {font-size:14px;} .rot {color:#9f040e; font-size:inherit; font-weight:inherit; line-height:inherit;} strong {color:inherit; font-size:inherit; font-weight:600; line-height:inherit;} h2.login {margin-bottom:12px;} h1.maintitle {margin-top:0; margin-bottom:8px;} h2.subtitle {font-size:12px; margin-top:0; margin-bottom:8px; font-weight:normal; text-transform:uppercase; letter-spacing:1px;} div {margin:0; padding:0; display:block;} p {margin-top:10px; margin-bottom:10px;} .clr {clear:both; width:0; height:0; display:block; line-height:0;} a, img {border-style:none; text-decoration:none;} a {color:inherit; text-decoration:underline;} a:hover {color:#cc3333;} p {margin-bottom:24px;} hr {background-color:#fff; border:none; border-top:1px solid #aaa; height:1px; margin:26px 0;} hr.gelb {background-color:#fff;; border:none; border-top:1px solid #ffdc5b; height:1px; margin:26px 0;} .nowrap {white-space:nowrap; display:inline-block; margin-bottom:12px;} ol, ul, li {margin:0; padding:0;} .content li {margin:0 0 10px -15px; padding:0 0 0 30px; background:url(../images/page/2020/listbullet.jpg) no-repeat left 5px; list-style:none;} ul, ol, form {margin-top:4px; margin-bottom:8px;} form {margin-top:8px;} ul {margin-left:15px;} ol {margin-left:20px;} ul ul, ul.sitemap1 {margin-left:15px;} ul ul {margin-top:1px; margin-bottom:1px;} ol ol {margin-top:1px; margin-bottom:1px;} video {width:100%; max-width:720px; height:auto;} .anker {margin-top:0; display:block;} #reminder {width:100vw; height:100vh; margin:auto; padding:10vh 10vw; position:fixed; z-index:101; text-align:center; background: #fe3741; background: -moz-linear-gradient(top, #fe3741 0%, #fe3741 13%, #00edfe 13%, #00edfe 13%, #00edfe 26%, #fff301 26%, #fff301 26%, #fff301 34%, #ffffff 34%, #ffffff 34%, #ffffff 50%, #fe7700 50%, #fe7700 65%, #3f72ff 65%, #3f72ff 74%, #ffd5c9 74%, #ffd5c9 74%, #ffd5c9 86%, #00ff4b 86%, #00ff4b 86%, #00ff4b 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #fe3741), color-stop(13%, #fe3741), color-stop(13%, #00edfe), color-stop(13%, #00edfe), color-stop(26%, #00edfe), color-stop(26%, #fff301), color-stop(26%, #fff301), color-stop(34%, #fff301), color-stop(34%, #ffffff), color-stop(34%, #ffffff), color-stop(50%, #ffffff), color-stop(50%, #fe7700), color-stop(65%, #fe7700), color-stop(65%, #3f72ff), color-stop(74%, #3f72ff), color-stop(74%, #ffd5c9), color-stop(74%, #ffd5c9), color-stop(86%, #ffd5c9), color-stop(86%, #00ff4b), color-stop(86%, #00ff4b), color-stop(100%, #00ff4b)); background: -webkit-linear-gradient(top, #fe3741 0%, #fe3741 13%, #00edfe 13%, #00edfe 13%, #00edfe 26%, #fff301 26%, #fff301 26%, #fff301 34%, #ffffff 34%, #ffffff 34%, #ffffff 50%, #fe7700 50%, #fe7700 65%, #3f72ff 65%, #3f72ff 74%, #ffd5c9 74%, #ffd5c9 74%, #ffd5c9 86%, #00ff4b 86%, #00ff4b 86%, #00ff4b 100%); background: -o-linear-gradient(top, #fe3741 0%, #fe3741 13%, #00edfe 13%, #00edfe 13%, #00edfe 26%, #fff301 26%, #fff301 26%, #fff301 34%, #ffffff 34%, #ffffff 34%, #ffffff 50%, #fe7700 50%, #fe7700 65%, #3f72ff 65%, #3f72ff 74%, #ffd5c9 74%, #ffd5c9 74%, #ffd5c9 86%, #00ff4b 86%, #00ff4b 86%, #00ff4b 100%); background: -ms-linear-gradient(top, #fe3741 0%, #fe3741 13%, #00edfe 13%, #00edfe 13%, #00edfe 26%, #fff301 26%, #fff301 26%, #fff301 34%, #ffffff 34%, #ffffff 34%, #ffffff 50%, #fe7700 50%, #fe7700 65%, #3f72ff 65%, #3f72ff 74%, #ffd5c9 74%, #ffd5c9 74%, #ffd5c9 86%, #00ff4b 86%, #00ff4b 86%, #00ff4b 100%); background: linear-gradient(to bottom, #fe3741 0%, #fe3741 13%, #00edfe 13%, #00edfe 13%, #00edfe 26%, #fff301 26%, #fff301 26%, #fff301 34%, #ffffff 34%, #ffffff 34%, #ffffff 50%, #fe7700 50%, #fe7700 65%, #3f72ff 65%, #3f72ff 74%, #ffd5c9 74%, #ffd5c9 74%, #ffd5c9 86%, #00ff4b 86%, #00ff4b 86%, #00ff4b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe3741', endColorstr='#00ff4b', GradientType=0 ); } #reminder-wrap {width:80vw; max-width:800px; height:100%; overflow-x:hidden; overflow-y:scroll; display:inline-block;} #reminder-close {width:10vw; height:10vh; top:0; right:0; position:absolute; display:flex; justify-content:center; align-items:center;} .rem-links {display:none; width:50%; float:left;} .rem-links img {width:100%; object-fit:cover;} .rem-rechts {width:100%; padding:20px; float:left; text-align:left; background:#fff;} .rem-rechts h2 {text-align:left; font-size:20px; line-height:28px;} .rem-ok {padding:10px 20px; display:inline-block; font-family:'Roc Grotesk W05 Wide Medium', Arial, Helvetica, sans-serif; color: #fff; font-size:20px; text-decoration:none; background: #ff634a;} .rem-ok:hover {color: #fff; background-color:#b58dbb;} #overlay {background-color:#000 !important; opacity:0.9 !important;} #caption {background-color:#000 !important; color:#fff !important;} #lightbox {top:0 !important;} #som-mob {top:80px; right:auto; left:45px; position:absolute; z-index:19;} #som-mob a img {width:21px; height:21px; display:block; margin:0 0 10px; } #lange-news-wrapper {width:100vw; height:100vh; top:0; left:0; padding:5vw; z-index:200; position:fixed; display:flex; display:none; justify-content:center; align-items:center; background: #fe3741; background: -moz-linear-gradient(top, #fe3741 0%, #fe3741 13%, #00edfe 13%, #00edfe 13%, #00edfe 26%, #fff301 26%, #fff301 26%, #fff301 34%, #ffffff 34%, #ffffff 34%, #ffffff 50%, #fe7700 50%, #fe7700 65%, #3f72ff 65%, #3f72ff 74%, #ffd5c9 74%, #ffd5c9 74%, #ffd5c9 86%, #00ff4b 86%, #00ff4b 86%, #00ff4b 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #fe3741), color-stop(13%, #fe3741), color-stop(13%, #00edfe), color-stop(13%, #00edfe), color-stop(26%, #00edfe), color-stop(26%, #fff301), color-stop(26%, #fff301), color-stop(34%, #fff301), color-stop(34%, #ffffff), color-stop(34%, #ffffff), color-stop(50%, #ffffff), color-stop(50%, #fe7700), color-stop(65%, #fe7700), color-stop(65%, #3f72ff), color-stop(74%, #3f72ff), color-stop(74%, #ffd5c9), color-stop(74%, #ffd5c9), color-stop(86%, #ffd5c9), color-stop(86%, #00ff4b), color-stop(86%, #00ff4b), color-stop(100%, #00ff4b)); background: -webkit-linear-gradient(top, #fe3741 0%, #fe3741 13%, #00edfe 13%, #00edfe 13%, #00edfe 26%, #fff301 26%, #fff301 26%, #fff301 34%, #ffffff 34%, #ffffff 34%, #ffffff 50%, #fe7700 50%, #fe7700 65%, #3f72ff 65%, #3f72ff 74%, #ffd5c9 74%, #ffd5c9 74%, #ffd5c9 86%, #00ff4b 86%, #00ff4b 86%, #00ff4b 100%); background: -o-linear-gradient(top, #fe3741 0%, #fe3741 13%, #00edfe 13%, #00edfe 13%, #00edfe 26%, #fff301 26%, #fff301 26%, #fff301 34%, #ffffff 34%, #ffffff 34%, #ffffff 50%, #fe7700 50%, #fe7700 65%, #3f72ff 65%, #3f72ff 74%, #ffd5c9 74%, #ffd5c9 74%, #ffd5c9 86%, #00ff4b 86%, #00ff4b 86%, #00ff4b 100%); background: -ms-linear-gradient(top, #fe3741 0%, #fe3741 13%, #00edfe 13%, #00edfe 13%, #00edfe 26%, #fff301 26%, #fff301 26%, #fff301 34%, #ffffff 34%, #ffffff 34%, #ffffff 50%, #fe7700 50%, #fe7700 65%, #3f72ff 65%, #3f72ff 74%, #ffd5c9 74%, #ffd5c9 74%, #ffd5c9 86%, #00ff4b 86%, #00ff4b 86%, #00ff4b 100%); background: linear-gradient(to bottom, #fe3741 0%, #fe3741 13%, #00edfe 13%, #00edfe 13%, #00edfe 26%, #fff301 26%, #fff301 26%, #fff301 34%, #ffffff 34%, #ffffff 34%, #ffffff 50%, #fe7700 50%, #fe7700 65%, #3f72ff 65%, #3f72ff 74%, #ffd5c9 74%, #ffd5c9 74%, #ffd5c9 86%, #00ff4b 86%, #00ff4b 86%, #00ff4b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe3741', endColorstr='#00ff4b', GradientType=0 );} #lange-news {width:100%; max-width:768px; max-height:90vh; padding:0 10px; position:relative; background-color:#fff; overflow-x:hidden; overflow-y:auto;} #lange-news-close {margin-left:0; margin-top:10px; background-color:#fff; padding:5px; position:fixed;} .ln-close img {width:25px; height:25px;} #lange-news li {margin:0 0 10px 0; padding-left:5px;list-style:decimal; background:none;} #lang-news-text {color:#302e26;} .langwrap {padding:10px 0 50px; margin-top:50px;} .fwxlightbox-compatibility-lightbox.simple-border .fwxlightbox-border, .fwxlightbox-compatibility-lightbox .fwxlightbox-footer, .fwxlightbox-compatibility-lightbox .fwxlightbox-footer * {background-color:#000 !important; color:#fff !important;} #nav-button {width:40px; height:40px; top:15px; left:45px; position:fixed; z-index:21;} .hide-nav {position:absolute; z-index:1; display:none;} .show-nav {position:absolute; z-index:2;} #nav {width:100%; max-width:500px; height:100%; top:0; left:-500px; padding:140px 45px 45px; position:fixed; z-index:20; background:#fff;} #nav-wrapper {height:100%; overflow:auto;} #nav-wrapper::-webkit-scrollbar {width:0 !important} #nav-wrapper {overflow: -moz-scrollbars-none;} #nav-wrapper {-ms-overflow-style:none;} #nav-wrapper a {margin-bottom:30px; display:block; font-size:30px; line-height:30px; color:#222; text-decoration:none;} #nav-wrapper a:hover {text-decoration:underline;} #nav-wrapper a:last-child {margin-bottom:0;} #nav-wrapper a.nav-aktiv {color:#000; text-decoration:none;} .wrap {width:100vw; padding:0 10px 50px; position:relative; display:flex; flex-direction:row; flex-wrap:wrap;} #home00,#home01,#home02,#home03,#home04,#home05 {width:100%;} #home00 img,#home01 img,#home02 img,#home03 img, #home04 img,#home05 img {width:100%; height:100%; object-fit:cover;} #home01 img {height:auto; padding:5vw; background-color:#fff;} #home04 img {height:auto; max-height:51vh; max-width:300px; position:relative;} #home00 {order:1; text-align:center; background-color:#fff; padding:15px 15vw;} #home01 {order:3;} #home02 {order:4; padding:5vw;} #home03 {order:2; text-align:right; display:none;} #home04 {order:5; display:flex; justify-content:center; align-items:center;} #home05 {order:6;} .h04 {width:100%; padding:5vw; display:flex; justify-content:flex-end; align-items:flex-end; background-color:#fe3742;} #home-wrap {justify-content:center; background-image: url(../images/page22/start_bg.svg); background-size:cover;} #home-links {width:100%; display:flex; flex-direction:column; flex-wrap:wrap;} #home-rechts {width:100%; display:flex; flex-direction:row; flex-wrap:wrap;} #intro-wrap {padding-top:0; background: #66ecfd; background: -moz-linear-gradient(top, #66ecfd 0%, #66ecfd 5%, #fdf23e 5%, #fdf23e 71%, #ff7f00 71%, #ff7f00 95%, #5074fc 95%, #5074fc 100%); background: -webkit-linear-gradient(top, #66ecfd 0%,#66ecfd 5%,#fdf23e 5%,#fdf23e 71%,#ff7f00 71%,#ff7f00 95%,#5074fc 95%,#5074fc 100%); background: linear-gradient(to bottom, #66ecfd 0%,#66ecfd 5%,#fdf23e 5%,#fdf23e 71%,#ff7f00 71%,#ff7f00 95%,#5074fc 95%,#5074fc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ecfd', endColorstr='#5074fc',GradientType=0 ); } #intro01 {width:100%; order:1; padding:5vw;} #intro02 {width:100%; order:2; padding:5vw;} #news-wrap {padding:30px 5vw 0;} #dj-wrap {padding:0 5vw 30px;} #startbg img.startbg {position: absolute; z-index: 0; top:0; left:0; width: 100vw; height:100vh; object-fit:cover;} img.onfire {width:100vw; height:auto; margin-left:0; object-fit:cover; position:relative; background-color:#fe3742;} img.funfun {width:100vw; height:auto; display:block; background-color:#fe3742;} #fotos-wrap {padding-top:0;} #startbg {background-size:contain; display:inline-block; position:relative; z-index:0; width:100vw;} #startbg img.startbg {position:absolute; z-index:0; top:0; left:0; width: 100vw; height:100vh; object-fit: cover;} #start-links {width:42%; height:100vh; float:left; border:25px solid rgba(0,0,0,0);position: relative; z-index: 1;} #start-links-top {width:100%; height:78vh;} #start-links-text {height:calc(22vh - 25px); top:0; position:relative; display:flex; align-items:center;} #start-links-text h1 {color:#cc6b38;} #start-links-top img {height:100%; width:100%; object-fit:cover;} #start-rechts-aussen {width:58%; height:100vh; float:left; position: relative; z-index: 1;} #start-rechts-01 {width:calc(100% - 265px); height:56vh; display:flex; align-items:flex-end; justify-content:center; float:left; overflow:hidden; background-image: url(../images/page22/start_bg02.svg); background-size: 100% 56vh; background-repeat:no-repeat; background-repeat: no-repeat;} #start-rechts-02 {width:265px; height:56%; padding:25px; float:left; border:25px solid transparent; border-left:0px;} #start-rechts-unten {width:100%; height:44vh; padding:50px 0 0 50px; float:left; background-image:url(../images/page22/start_bg04t.svg); background-repeat:no-repeat; background-size:100% 44vh;} #start-rechts-unten h1 {color:#ff634a; font-size:35px; line-height:40px;} .start-figur00 {max-width:150px; width:100%; position:relative;} .sts-figur00 {height:100%; padding:10px 0; position:relative;} #start-figur01 {width:calc(42vw - 50px); height:78vh; margin-top:5vh; position:absolute; z-index:2; text-align:center} .start-figur01 { height:100%;} .start-figur02 {width:auto; height:calc(58vh - 80px); position:relative;} .block001 {display:none;} .block01 {min-height:100vh; padding:5vh 10vw 10vh; background-color:#fff; background-image: url(../images/page22/bg01.svg); background-size: contain;} .block01-links {width:50%; padding-right:5vw; float:left; color:#222;} .block01-rechts {width:50%; padding-left:2vw; float:right; color:#222;} .block01-links h2,.block01-rechts h2 {color:#222; font-size:20px; line-height:28px;} .block01-rechts h1 {color:#222; font-size:24px; line-height:30px;} .block02 {background-color:#fff;} .block02-wrapper {width:100vw; margin:0 auto; padding:0; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center;} .block02 h1 {margin-bottom:40px; text-align:center; margin:3vh 20px;} .block02-item {width:80%; padding:10px 0;} .block02-item h1 {width:100%; margin-bottom:0; text-align:left; word-wrap:break-word; overflow-wrap:anywhere; -webkit-hyphens:auto; -moz-hyphens: auto; hyphens:auto;} .block02-wrapper h2 {width:100%; margin-bottom:0; color:#222; text-align:center; word-wrap:break-word; overflow-wrap:anywhere; -webkit-hyphens:auto; -moz-hyphens: auto; hyphens:auto;} .block02-wrapper h3 {width:100%; margin-bottom:0; color:#222; text-align:center; word-wrap:break-word; overflow-wrap:anywhere; -webkit-hyphens:auto; -moz-hyphens: auto; hyphens:auto;} .block02-item-oben {width:100%;} .block02-item-oben img {width:100%; height:auto;} .block02-item-unten {width:100%; padding:25px 35px; text-align:left;} #news {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center;} .galitem-wrapper-4er {width:50vw; float:left;} .galitem-4er {width:100%; height:50%; padding:50px 15px; position:relative; display:flex; justify-content:center; align-items:center;} .galitem-4er img {width:100%; height:100%; object-fit:cover;} .block0304 {background-image: url(../images/page22/bg02.svg); background-size:cover;} .block04 {min-height:50vh; padding:50px 10vw; display:inline-block; background-size: cover;} .block04-win {width:100%; display:inline-block; color:#222; background-color:#fff301; border:10px solid #fff301;} .block04-speisen {width:100%; padding:5vw; color:#222; text-align:center;} .block04-speisen img {width:100%; object-fit: cover;} .block04-event {width:100%; padding:5vw; color:#222; text-align:left;} .block04-win h1 {margin-bottom:20px; color:#222;} .block04-speisen h1 {margin-bottom:20px; color:#222;} .block04-event h1 {margin-bottom:20px; color:#222;} .win-links {width:100%; padding:5vw;} .win-rechts {width:100%; padding:5vw;} .sk {border:10px solid #fff; background-color:#fff;} .block05 {height:calc(100vh - 100px); padding:50px 10vw; border:25px solid #ff634a; background-image:url(../images/page/2020/block05_figur.png),url(../images/page/2020/logo2.png),url(../images/page/2020/bg_block05.jpg); background-size:auto 100%,auto 10%,100% 74%; background-position:center,15px 15px,center top; background-repeat:no-repeat; background-color:#ff634a;} .block06 {width:100vw; margin:0 auto; padding:50px 20px; display:block; text-align:center; border:25px solid #fff; background-color:#fff; } .block06-wrapper {width:calc(80vw - 40px); margin:0 auto; padding:0; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center;} .block06 h1 {margin-bottom:40px; text-align:center; margin:3vh 20px;} .block06-item {width:calc(80% - 20px); margin:20px 10px; float:left;} .block06-item-oben img {width:100%; height:auto;} .block06-wrapper .block06-item:nth-child(3n+1) .block06-item-oben {background-color:#e6e6e6;} .block06-wrapper .block06-item:nth-child(3n+2) .block06-item-oben {background-color:#f2d1a6;} .block06-wrapper .block06-item:nth-child(3n) .block06-item-oben {background-color:#b58dbb;} .block06-item-mitte {display:none; margin:25px 0; text-align:left; font-family:'Roc Grotesk W05 Wide Medium', Arial, Helvetica, sans-serif; font-size:1.4vw; line-height:2.1vw; word-wrap:break-word; overflow-wrap:anywhere; -webkit-hyphens:auto; -moz-hyphens: auto; hyphens:auto;} .block06-item-unten {margin:25px 0 0; text-align:left;} .block06-item-unten a {font-size:24px; line-height: 30px;} .block06-item-hidden {width:0; height:0; line-height:0; overflow:hidden;} .block07 {height:50vh;} .block07 iframe {width:100%; height:100%;} .block08 {min-height:100vh; padding:10vh 10vw; background-color:#393736;} .block08-links {width:50%; padding-right:5vw; float:left; color:#fff;} .block08-rechts {width:50%; padding-left:2vw; float:right; color:#fff;} .block08-links h2,.block08-rechts h2 {color:#fff;} .block03 {padding:0 10vw 50px; text-align:center;} .block03 h1 {width:100vw; margin:3vh 0 6vh -10vw; text-align:center; font-size:34px; line-height:0px;} .block03 h1 img {object-fit:cover; width:100%; height:auto;} .block06 h1 ,.block02 h1 {width:100vw; margin:3vh 0 6vh -10vw; text-align:center; font-size:34px; line-height:0px;} .block06 h1 img,.block02 h1 img {width:100%; height:auto; object-fit:cover;} img.titel22 {width:100%; height:auto; object-fit:cover;} #foot.ifoot {background-image:none; background-color:#f5f5f5;} #foot {padding:20px 5vw; display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; justify-content:space-between; background-color:#f5f5f5;} #foot-links {width:100vw; order:2; text-align:center;} #foot-mitte {width:100vw; padding:5vh 0; order:1; color:#222;} #foot-mitte a {text-decoration:underline; color:#222;} #foot-rechts {width:100vw; float:right; text-align:right;} #foot-links img {width:100%; height:auto;} #foot-rechts img {width:100%; height:auto;} .footlink {text-decoration:none; color:#222;} #foot1 {padding:20px 5vw; display:flex; flex-direction:row; align-items:center; justify-content:flex-start; background-image:url(../images/page22/end_bg.svg); background-size:cover;} #foot img {max-width:100px;} #foot1 img {max-width:200px;} form[name="reg_form"] label {width:100%; display:block; float:left; line-height:100%;} form[name="reg_form"] input[type="text"] {width:100%; margin-bottom:5px; color:#222; font-size:18px; line-height:30px; border:none; border-bottom:2px solid #222; background-color:#fff301;} form[name="reg_form_2"] {display:none;} form[name="reg_form"] div.dsgvo_layer {max-width:100%; margin:40px 0; display:inline-block; font-size:12px; line-height:18px; background:none;} form[name="reg_form"] .submit {min-width:200px; padding:10px 20px; font-family:'Roc Grotesk W05 Wide Medium', Arial, Helvetica, sans-serif; color:#222; font-size:18px; border:1px solid #222; background-color:#fff301; transition:color 0.5s ease, background-color 0.5s ease;} form[name="reg_form"] .submit:hover {color:#222; background-color:#fff; transition:color 0.5s ease, background-color 0.5s ease;} /* Fx */ .blink-border {animation:blink1 3s infinite; border-color:#aaa;} @keyframes blink1 {50% {border-color:#ffdc5b;} } .blink-wiz {animation:blink2 3s infinite; border-bottom-color:rgba(0,0,0,0);} #lg_admin_buttons img {width:15px; height:15px; display:none;} .galitem-4er .thumbnail_layer div {display:none;} #gallery-wrapper {width:100%; max-width:1440px; height:100%; display:inline-block; text-align:center; background:#333;} #gallery-wrapper .thumbnail_layer a {width:calc(33.33333333% - 20px); display:block; float:left; margin:10px;} #gallery-wrapper .thumbnail_layer #lg_admin_buttons {display:none;} #gallery-wrapper .thumbnail_layer a img.galeriethumb {width:100%; height:300px; object-fit:cover;} #gallery-close {width:80px; height:80px; top:-10px; left:calc(50% - 40px);position:fixed; z-index:2; display:table; text-align:center; background:#333; border-radius:40px; border-top-left-radius:0px; border-top-right-radius:0px;} #gallery-close a {display:table-cell; vertical-align:middle; color:#fff;} a.album img {cursor:pointer;} .place-card .place-card-large {display:none !important;} .dsgvo_container {background:#e8d6cc;} .dsgvo_container div {background:#e8d6cc;} .dsgvo_layer * {font-size:12px;} @media screen and (min-width:500px) { * {font-size:18px; line-height:26px;} #foot {flex-direction:row;} #foot-links {flex-basis:20vw; flex-shrink:0; text-align:right;} #foot-mitte {flex-basis:60vw; flex-shrink:0; color:#222;} #foot-rechts {flex-basis:20vw;} .block02-item,.block06-item {width:calc(50% - 10vw); margin:20px 5vw;} .dsgvo_layer * {font-size:14px;} } @media screen and (min-width:750px) { #intro01 {width:50%; order:2; padding-left:20px;} #intro02 {width:50%; order:1; padding-right:20px;} .block04-speisen {width:40%; float:left;} .block04-event {width:60%; float:left;} .win-rechts,.win-links {width:50%; float:left;} } @media screen and (min-width:1000px) { .wrap {padding:50px 5vw 50px;} #home-wrap {height:100vh;} #home-links {width:42%; flex-direction:row;} #home-rechts {width:58%; flex-direction:row;} #home00 {display:none;} #home01 {width:100%; height:73vh; order:1;} #home02 {width:100%; height:17vh; order:2; padding:0;} #home03 {width:265px; height:51vh; order:2; display:block;} #home04 {width:calc(100% - 265px); height:51vh; order:1;} #home05 {width:100%; height:39vh; order:3;} #home03 img.start-figur00 {height:auto;} #home04 img {height:auto; max-height:51vh;} #home03 img {height:auto; max-height:51vh;} #home02 img {height:auto; max-height:17vh;} #home05 img {height:auto; max-height:51vh;} #home01 img {max-height:73vh;} #intro01 {width:50%; order:2; padding-left:5vw;} #intro02 {width:50%; order:1; padding-right:5vw;} .block04-speisen {width:40%; float:left; padding:5vw;} .block04-event {width:60%; float:left; padding:5vw;} .win-rechts,.win-links {width:50%; float:left; padding:5vw;} #home01 img {padding:7%;} #home04 {background-image: url(../images/page22/start_bg02.svg); background-size: contain;} .h04 {width:85%; height:85%; display:flex; justify-content:flex-end; align-items:flex-end; background-color:#fe3742;} .block04-win {padding:0 5vw; margin-bottom:40px;} .block02-item,.block06-item {width:calc(33.33333333% - 6vw); margin:20px 3vw;} } @media screen and (min-width:1200px) { .block02-item,.block06-item {width:calc(33.33333333% - 10vw); margin:20px 5vw;} }