/* Slick */ .slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none} /* Fancybox */ .fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;height:100%}.fancybox-is-hidden{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0}.fancybox-outer{overflow-y:auto;-webkit-overflow-scrolling:touch}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar{position:absolute;direction:ltr;z-index:99997;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s;box-sizing:border-box}.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;visibility:visible;transition:opacity .25s,visibility 0s}.fancybox-infobar{top:0;left:50%;margin-left:-79px}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.fancybox-toolbar{top:0;right:0}.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translateZ(0)}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.fancybox-slide:before{content:"";display:inline-block;vertical-align:middle;height:100%;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:visible}.fancybox-slide--image:before{display:none}.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{background:#000}.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe{background:#e5e3df}.fancybox-slide--next{z-index:99995}.fancybox-slide>*{display:inline-block;position:relative;padding:24px;margin:44px 0;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide .fancybox-image-wrap{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-can-zoomOut .fancybox-image-wrap{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-image-wrap{cursor:zoom-in}.fancybox-can-drag .fancybox-image-wrap{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-image-wrap{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-image,.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content{padding:0;width:80%;height:80%;max-width:calc(100% - 100px);max-height:calc(100% - 88px);overflow:visible;background:#fff}.fancybox-iframe{display:block;padding:0;border:0;height:100%}.fancybox-error,.fancybox-iframe{margin:0;width:100%;background:#fff}.fancybox-error{padding:40px;max-width:380px;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:none;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background:#fff;transition:background .25s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-slide--iframe .fancybox-close-small{top:0;right:-44px}.fancybox-slide--iframe .fancybox-close-small:after{background:transparent;font-size:35px;color:#aaa}.fancybox-slide--iframe .fancybox-close-small:hover:after{color:#fff}.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 30px 0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));pointer-events:none}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;margin:0;padding:0;border:0;width:44px;height:44px;line-height:44px;text-align:center;background:transparent;color:#ddd;border-radius:0;cursor:pointer;vertical-align:top;outline:none}.fancybox-button[disabled]{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover:not([disabled]){color:#fff;background:rgba(0,0,0,.8)}.fancybox-button:after,.fancybox-button:before{content:"";pointer-events:none;position:absolute;background-color:currentColor;color:currentColor;opacity:.9;box-sizing:border-box;display:inline-block}.fancybox-button[disabled]:after,.fancybox-button[disabled]:before{opacity:.3}.fancybox-button--left:after,.fancybox-button--right:after{top:18px;width:6px;height:6px;background:transparent;border-top:2px solid currentColor;border-right:2px solid currentColor}.fancybox-button--left:after{left:20px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--right:after{right:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close:after,.fancybox-button--close:before{content:"";display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-arrow{position:absolute;top:50%;margin:-50px 0 0;height:100px;width:54px;padding:0;border:0;outline:none;background:none;cursor:pointer;z-index:99995;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:opacity .25s}.fancybox-arrow:after{content:"";position:absolute;top:28px;width:44px;height:44px;background-color:rgba(30,30,30,.8);background-image:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);background-repeat:no-repeat;background-position:50%;background-size:24px 24px}.fancybox-arrow--right{right:0}.fancybox-arrow--left{left:0;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fancybox-arrow--left:after,.fancybox-arrow--right:after{left:0}.fancybox-show-nav .fancybox-arrow{opacity:.6}.fancybox-show-nav .fancybox-arrow[disabled]{opacity:.3}.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--current{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--next{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--current{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.fancybox-fx-rotate.fancybox-slide--previous{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--next{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--current{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.fancybox-fx-circular.fancybox-slide--previous{-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--next{-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--current{-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0);opacity:1}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}@media (max-width:800px){.fancybox-infobar{left:0;margin-left:0}.fancybox-button--left,.fancybox-button--right{display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:calc(50% - 7px);top:calc(50% - 6px);border:2px solid;background:none}.fancybox-button--pause:before,.fancybox-button--play:before{top:calc(50% - 6px);left:calc(50% - 4px);background:transparent}.fancybox-button--play:before{width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px}.fancybox-button--pause:before{width:7px;height:11px;border-style:solid;border-width:0 2px}.fancybox-button--thumbs,.fancybox-thumbs{display:none}@media (min-width:800px){.fancybox-button--thumbs{display:inline-block}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs:before{width:3px;height:3px;top:calc(50% - 2px);left:calc(50% - 2px);box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;word-break:normal;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:220px}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid transparent;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}} /* root Settings*/ :root{ font-size:16px; --k9-red: #C41215; --k9-darkred: #921813; --k9-green: #4C8A34; --k9-blue: #024F9A; --k9-black: #000; --k9-lightgrey: #F0ECE6; } .bg-red { background-color: var(--k9-red);} .bg-darkred { background-color: var(--k9-darkred);} /* Allgemein */ *,*::before,*::after { box-sizing: inherit; } html { box-sizing: border-box; -webkit-tap-highlight-color: transparent; } html,body,li { margin: 0; padding: 0; font-size: 1rem; } body { opacity: 1; background: var(--k9-lightgrey); background: lightgray; } .pointer { cursor: pointer; } img { max-width: 100%; height: auto; border: none; } .relative { position: relative; } /* Schriften */ body { font-family: 'Open Sans', Helvetica, Arial, sans; font-size: 1rem; font-weight: 400; color: var(--k9-black); line-height: 1.5; opacity: 1; } h1,h2,h3,h4,h5 { font-weight: 700; font-family: 'Bitter', Georgia, "Times New Roman", serif; } h1,.likeh1 { font-size:3.125rem /* 50px*/; color: var(--k9-red); } h2,.likeh2 { font-size: 3.125rem /* 50px*/ ; color: var(--k9-red);} h3,.likeh3 { font-size: 1.5rem /*24px*/; } /* Links */ a { cursor: pointer; text-decoration: none; color: inherit;} /* Buttons */ p + p .btn, p + .btn { margin-top: 10px; } .btn { display:inline-block; background: var(--k9-red); border-radius: 50px; color: white; letter-spacing:2px; font-weight: 700; padding: 14px 38px; transition: background .4s;} .btn:hover { background: black; transition: background .4s; } .btn.btnmore { color: white; text-align:center; font-weight: 700; padding: 14px 38px; font-size: 1rem;} /*.btn.btnmore:before { content:'\f067'; font-weight: 300;} .btn.btnmore.active:before { content:''; font-weight: 300;} */ .s.termine .row.termin { position:relative;} .s.termine .row.termin.active { position:relative; padding-bottom:100px;} .btn.btnmore.active { position:absolute; right:25px;} .btn.btnmore:hover { background: #333333; } .btnarea { text-align: right;} .btn.btnangebot { background: #ccc; font-weight: 300; padding: 10px 15px;} /*.btn.btnangebot:before { content:'\f105'; font-weight: 300;} */ .btn.btnangebot:hover { background: #333333; } .btnsmall { display:inline-block; color: #333; font-weight: 600; padding: 1em 1.5em; transition: background .4s;} /*.btnsmall:before { content:'\f105'; font-family:'FontAwesome'; font-weight: 400; margin-right: 5px; } */ .btnsmall:hover { background: black; transition: background .4s; } .btn_more { padding:5px 15px; font-size: 1em; } .morecontent { display: none;} .btn.small { margin-top:1em;padding:5px 15px; font-size: 1em; } .btn.nextprv:before {content:'';} .btn.nextprv {content:''; padding: 10px 20px;} .inlinelink { text-decoration: underline; font-weight: bold;} .inlinelink:before { content: '\f0da'; font-family: FontAwesome; display:inline-block; padding:0 4px; } .pages { width:100%; position:relative; text-align: center; margin-top:10px;} .pagination { display:inline-block; background: #333333; color: white; font-weight: 600; padding: 5px 10px; transition: background .4s; margin:0 2px; margin-top:2em;} .pagination.next .fa { margin-left:10px;} .pagination.previous .fa { margin-right:10px;} .pagination:hover { background: black; transition: background .4s; } .pagination.active { background: #ccc; color:#333;} /* Newseintrag */ .newsentry { padding-top: 20px; padding-bottom:20px;} /* Forms allgemein */ .obaform { margin-top:20px;} input,textarea,select { border: none; } select, input[type="text"],input[type="number"],input[type="tel"],input[type="email"],input[type="password"],textarea { -webkit-appearance: none; width: 100%; padding: .5rem 1rem; background: #e8e8e8; font-size:18px; line-height: 1.5em; color:#333333; font-family: 'Open Sans', Helvetica, Arial, sans;} #searchform input[type="submit"] { -webkit-appearance: none; padding: .5rem 1rem; background: #333; color:#fff; font-size:18px; line-height: 20px; } input[type="submit"] { background: none; } label { display: inline-block; width: 25%; vertical-align: top; } .obaform label { display: inline-block; width: 40%; padding: 0.5rem 1rem; vertical-align: top;margin-bottom:1em; } .wpcf7-form-control label { width: auto; vertical-align: middle; } .wpcf7-form-control-wrap { display: inline-block; width: 55%; } .eingabe { padding: 1rem 0; } .pflicht { color: #ccc; } textarea.wpcf7-not-valid, input.wpcf7-not-valid { outline:var(--k9-red) 1px solid; } .g-recaptcha { margin-top:10px;} .wpcf7-form.sent .obaform { display:none;} .infomaterial .wpcf7-list-item +.infomaterial .wpcf7-list-item { margin-left:1rem;} .infomaterial .wpcf7-list-item.last { margin-left:0;} /* Contact Form 7 */ .wpcf7 { margin-left: auto; margin-right: auto; } .sent .hidewhensent, .wpcf7-display-none, .screen-reader-response { display: none; } .wpcf7-list-item + .wpcf7-list-item { margin-left: 2rem; } .wpcf7-response-output { margin-top: 0; } /*.wpcf7-not-valid-tip { display:none; font-size: 12px; }*/ .wpcf7-validation-errors { color: var(--k9-red); } .wpcf7-mail-sent-ok { color: var(--k9-red); font-weight: 600; margin-top:2em; } .wpcf7-form.sent > p { display:none; } .sent .wpcf7-submit { display: none; } img.ajax-loader { margin-left: 20px; } .wpcf7 input[type="submit"] { padding: 10px 15px; margin-top:0.5em; background:#333 !important; font-weight: 400; color:#fff !important;} .wpcf7-not-valid-tip { display:inline-block; padding: 5px 0; margin-bottom:10px; color: var(--k9-red);} .wpcf7-form-control label { padding-left:30px;} .wpcf7-form-control label input { margin-left: -30px; width:25px;} /* Schriftabstände */ ul,ol,li { padding: 0; margin: 0; } h1,h2,h3,h4,h5,h6,p { margin: 0; } * + h1, * + h2, * + h3, * + h4, * + h5, * + h6 { margin-top: 1.5em; } .emoji + h1, .emoji + h2, .emoji + h3, .emoji + h4, .emoji + h5, .emoji + h6 { margin-top: 0.5em; } * + p { margin-top: 1em; } .txt * + p { margin-top: 2em; } p .btn { margin-bottom: 1em; } .tag + * { margin-top: 0; } /* Content */ .s ul { padding-left: 2em; margin-top: .5em; margin-bottom: 2em; } .s.nocontent { background: #333333;} .iconify { font-size:5rem;} /*Header Logo*/ #header { z-index: 200; position: absolute; top: 0; margin: 0 auto; left: 0; right: 0; } #header .white { display:block;} #header .black { display:none;} #mn { } #mn ul { list-style: none; float: right; } #mn li { float: left; text-align: center; } .home #mn > ul > li > a { color: var(--k9-lightgrey); } .home #mn .current-menu-item a, .home #mn .current-menu-ancestor a, .home #mn a:hover { color: white; } @media screen and (max-width: 768px) { .home #mn > ul > li > a { color: var(--k9-black); } .home #mn .current-menu-item a, .home #mn .current-menu-ancestor a, .home #mn a:hover { color: var(--k9-red); } } #mn > ul > li > a { text-transform: uppercase; padding: 10px 25px 13px 25px; font-size: 18px; color: var(--k9-black); font-weight: 400; display: block;transition: background .4s; } #mn .current-menu-item a, #mn .current-menu-ancestor a, #mn a:hover { transition: background .4s; color: var(--k9-red); } /* 2te Ebene */ #mn li ul.sub-menu { display: none; /*flex-direction: row; flex-wrap: wrap; */position: absolute; z-index: 2; background: #fff; width: auto; min-width:200px; padding: 0 0 0 0; margin: 0; box-shadow: 0px 9px 20px rgba(80, 111, 121, 0.18), 0px 1.12694px 2.50431px rgba(80, 111, 121, 0.09); border-radius: 4px; } #mn li ul.sub-menu li { float: none;} #mn li:hover ul.sub-menu { display: block; } #mn li ul.sub-menu li { display: block; } #mn li ul.sub-menu a { display: block; padding:10px 20px;font-size: 1rem; color: var(--k9-black); font-weight: normal; } #mn li ul.sub-menu a:hover { color: var(--k9-red); } #mn .sub-menu .current-menu-item a { color: var(--k9-red); } @media screen and (max-width: 768px) { #header #mobilenav { color:#fff;} .scrolled #header #mobilenav { color:#333;} } .scrolled #header { position: fixed; background: #fff; -webkit-animation:fixedheader 0.4s; -o-animation:fixedheader 0.4s; animation:fixedheader 0.4s;} .scrolled #header .white { display:none;} .scrolled #header .black { display:block;} .scrolled #header #mn > ul > li > a { color: #333; } .scrolled #header #mn .current-menu-item > a, .scrolled #header #mn .current-menu-ancestor > a, .scrolled #header #mn a:hover { background: none; color: var(--k9-red); } @keyframes fixedheader { from { top: -100px; } to { top: 0; } } .emoji { display: block; font-size:30px; padding:5px; } .emoji.inline { display: inline-block; } .logos a { padding: 10px 0; display: inline-block; } .logos a + a { margin-left: 20px; } @media all and (max-width: 320px){ .logos a + a { margin-left: 15px; } } .slogan h1 { z-index:101; position: absolute; color: white; font-size: 48px; font-weight: 600; font-family: 'Merriweather'; left: 0; right: 0; margin: 0 auto; top: 50%; transform:translateY(-50%); padding: 0 2em; } /*intro slogan image*/ .s.intro { padding-top: 0; } .intro img { width: 100%; display: block; } .overlay { width:100%; position: absolute; top: 0; left: 0; height: 100%; background: rgba(0,0,0,0.7); } .overlay { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0); /* IE6-9 */ } .intro .mobile-img { display: none; } /* Logos */ .shortcode.kult9 { width: 120px; height:auto;} .shortcode.kult9 + h1 { margin-top:0.5em !important;} /* Breadcrump */ .breadcrump { padding-top: 1em !important;} .breadcrump .fa { color: #ccc; width:25px; text-align: center;} .breadcrump * { color: #ccc;} .breadcrump a:hover { color: #333;} /* Grid */ .wrapper { /*max-width: 1400px;*/ max-width: 1507px; max-width: 1600px; margin: 0 auto; background: var(--k9-lightgrey);} .hidden { display: none;} .s { padding-top: 50px; padding-bottom: 50px; background-repeat: no-repeat; background-position: center center; background-size: cover; } .s.notop { padding-top: 0; } .s.nobottom { padding-bottom: 0; } .s.txt, .padtop, .row + .row, .s.txt + .s.cols.nobg, .s.halftop { padding-top: 50px; } .s.nobg + .s.nobg { padding-top: 50px; } .s.bg + .s.nobg { padding-top:100px; } .s.intro { padding-bottom:0; } /*.s.intro + .s { padding-top:100px; }*/ .s.intro + .s.angebote_top { padding-top:0; position: relative; height: 100px; } .s.nobg + .s.bg { padding-top:100px; } .s.txt, .padbottom, .s.halfbottom { padding-bottom: 50px; } .row .nopadsides { padding-left: 0; padding-right: 0; } .bg-lightgrey { background-color: #f0f0f0;} .bg-grey { background-color: #e3e3e3;} /* Angbote */ .angebotslink { display: block; padding: 0 0 1.5em 0; color: inherit;} .angebots_bild { display:block; margin:5px auto;} .angebots_image { width:30%; float:left;} .angebots_image img { width: 100%; height:auto;} .angebotinfo h2, .angebotinfo h3 { font-family: "Open Sans";} .angebotinfo { margin-bottom:50px;} .angebote_top { margin-top:5px; margin-bottom:0; padding-bottom:0; } .angebotsinfos { margin-top:0; padding-top:0; } .begegnung-btn { position:relative; z-index: 100; top:-100px;} .angebote .liste .row { margin-bottom:2em; } .single-angebote .icon { float:left;} .icon { width:100%; height:auto;} /* Termine */ .termine .pagedisplay.hide { display: none;} .termine .termin { padding-top:25px; padding-bottom:25px; border-bottom: 1px solid #e3e3e3;} .termine .table-responsive { margin-top:8px;} .termine .table_dates th { vertical-align: top; text-align: left;} .termine .day { position: relative;} .termine .day .samedate { position:absolute; width:100%; height:10px; top: -30px; left: -25px; background: rgba(255,255,255,0);} .termine .termin div.cancelled { padding:10px; position: relative;} .termine .termin div.cancelled:after { content:" "; background: url(../img/ban.png) no-repeat; width: 100%; height: 100%; top: 0; left:0; display:block; position: absolute; background-size: contain; } .termine .termin .icon.cancelled { -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } /* Team */ .team { margin: 2em 0;} .team .image { padding:0 2em;} .team .content { padding: 0;} .team .image img { width:100%; height: auto; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;} .team .content .name { font-weight: bold; text-align: center; margin-bottom:3px;} .team .content .job { text-align: center;font-size:0.9em; } .team .content .field { text-align: center; margin-bottom:10px;font-size:0.9em;} .team .content .phone { padding:0 2em; font-size:0.9em;} .team .content .mail { padding:0 2em;font-size:0.9em;} /* Text & Bild*/ .image_text img { width:100%; height: auto;} /* Gallery */ .gallerpadding { padding-left: 20px; padding-right: 20px} .galleryimage { padding: 5px !important;} .gallery a img { width:100%; height:auto;} .pic { position: relative; overflow: hidden; cursor: pointer; height: 250px; } .piclayer { position: absolute; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; -webkit-transition: -webkit-transform .4s; -moz-transition: -moz-transform .4s; -o-transition: -o-transform .4s; -ms-transition: -ms-transform .4s; transition: transform .4s; } .pic:hover .piclayer { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } /*.gallery .row .row div { padding-left:8px; padding-bottom:8px;}*/ /* Google Maps */ .acf-map { width: 100%; height: 400px; border: #ccc solid 1px; margin: 20px 0; } .acf-map img { max-width: inherit !important; } /* Suche */ .searchentry { padding: 2em 0; border-top:1px solid #ccc;} .searchpages h2 { font-size:1em;} .searchpages .page-numbers { padding: 5px 10px;} .searchpages .nav-links { margin-top:10px;} .searchpages .page-numbers.current { border: 1px solid #333;} /* WP Edit */ .wpedit { display: none; } .wpedit a { color: white; text-decoration: none; } .desktop .wpedit { display: block; position: fixed; z-index: 11000; top: 0px; left: 0px; padding: 10px 20px; color: white; font-weight: bold; background: var(--k9-red); font-size: 1rem; } .edit_inline_angebot { display:block; position:absolute; padding: 5px 10px;left:5px; top:-15px;background:white; border:1px solid #333; } @media screen and (max-width: 740px){ .breadcrumb { font-size: 18px; } #mn { display: none; position: absolute; left: 0; width: 100%; top: 0; z-index: -1; } .scrolled #mn ul { background: #fff; } #mn ul { float: none; width: 100%; padding-top: 84px; background: white; } #mn li { float: none; width: 100%; } #mn li a { font-size: 24px; text-align: left; } #mn .emoji { display: inline-block; width: 65px; padding-right: 10px; } .s.intro { display: block; } .s.intro .slogan { padding: 100px 0 40px 0; } .s.intro .no-slogan { display: block; width: 100%; height: 50px; } .s.intro .slogan h1 { position: relative; top: 0; transform: none; font-size: 36px; padding: 0 40px; } .s.intro .image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .s.intro img { display: none; } .s.intro .mobile-img { display: block; position: absolute; top: 0; left: 0; background-size: cover; background-position: center center; width: 100%; height: 100%; } .emoji { font-size: 24px; } .emoji + h1, .emoji + h2, .emoji + h3, .emoji + h4, .emoji + h5, .emoji + h6 { margin-top: 0em; } .s.nobg + .s.bg, .s { padding-top: 40px; padding-bottom: 40px; } .s.nobg + .s.nobg, .s.footer { padding-top: 40px; } .s.txt, .padtop, .row + .row, .s.txt + .s.cols.nobg, .s.halftop { padding-top: 20px; } .text .col-xs-12 + .col-xs-12, .s.bg + .s.nobg { padding-top: 40px; } .row.textcenter p { text-align: left; } .btnmore { font-size: 18px; } .news .newsentry { padding: 0; } .news .newsentry + .newsentry { margin-top: 2em; } .pic { height: 150px; } .row.termin { padding-top: 0; border-bottom: 0; } .termin + .termin { border-top: 1px solid #e3e3e3; } .termin .day { /*background: #333; color: #fff;*/ } .termin .day .text { padding: 8px 25px; display: block; } .termin .day br { display: none; } .termin .nr { font-size: 30px; margin-right: 20px; display: inline-block; } .termin .time { padding-left: 25px; padding-right: 25px; padding-top: 25px; } .termin.newmonth { padding-top: 20px; } .s.intro.angebot-header .slogan { padding-bottom: 70px; } .s.intro + .s.angebote_top { height: 50px; margin-top: 30px; } .begegnung-btn { top: 0; z-index: 0; } .s.angebote_top .bild { position: absolute; width: 100%; } .s.angebote_top .bild img { text-align: center; max-width: 80px; z-index: 10; position: relative; top: -75px; } .s.angebote_top .bild .titel { display: none; } .angebote .nopadsides { padding-left: 25px; padding-right: 25px; } .obaform label { width: 100%; display: block; padding: 0; margin: 0; } .wpcf7-form-control-wrap { width: 100%; display: block; } .wpcf7 input[type="submit"] { font-family: 'Open Sans', Helvetica, Arial, sans; font-size: 20px; } .footer .fa-youtube, .footer .fa-facebook { font-size: 30px; } .footer .content .col-xs-12 + .col-xs-12 { margin-top: 1em; } label { display: block; width: 100%; } .awesomplete { width: 100%; display: block; } #searchform input[type="submit"] { margin-top: 25px; } } @media all and (max-width: 740px){ .footer--internallinks a+a { display: block; margin-left: 0; } } /* Cookiehinweis neu */ .cnwrap {position: fixed; z-index: 50000; background: rgba(255,255,255,1); left: 30px; bottom: 30px; font-size: 12px; max-width: 500px; padding: 20px; } .cnaccept { float: right; border: none; font-weight: 600; margin-left: 10px; cursor: pointer; padding: 10px 15px; background: #333;color: white; } .cnaccept:hover { color: #333; } .cntext a { display: block; } @media all and (max-width: 768px){ .cnwrap { bottom: 5px; right: 5px; left: auto; width: 50%; max-width: 100%; } .cnaccept { float: none; display: block; margin-left: 0; margin-bottom: 5px; } } /*accept formulare*/ .accept { font-size:16px; } .accept input { margin: 0; } .accept span { width: auto; } .accept .wpcf7-form-control-wrap, .accept label { padding: 0; width: auto; display: inline; } .accept a { text-decoration: underline; } @media all and (min-width: 740px){ .accept { margin-left: 40%; } } .wpcf7 input[type="submit"]:hover { background-color: #000; cursor: pointer;} .gt-1280 .wpcf7-recaptcha { margin-left:215px;} .newsentry { min-height: 180px;} .news .teaserimage { position: absolute; max-width:150px; height: auto;} .news .teasertext { width:100%; padding-left: 160px;} .lt-640 .news .teaserimage { position: absolute; max-width:60px; height: auto;} .lt-640 .news .teasertext { width:100%; padding-left: 80px;} /* Slickslider */ .slickitem { text-align: center;} .slickitem .image img { margin: 0 auto;} .slick .arrow { position:absolute; top: calc(50% - 40px); padding:20px; z-index: 105; cursor: pointer; color:#fff; font-size: 30px;} .slick .arrow.slick-disabled { display:none !important; } .lt-640 .slick .arrow { display: none; !important; top: -100px;} .slick .arrow.prev { left:0; } .slick .arrow.next { right:0; } .slick-dots li.slick-active button { background: #fff; } .videos .video-teaserimage img { width:100%; height:auto;} .videos .videoteaser { margin-bottom:40px;} /* Headline on normal Pages without an image*/ .rheadline.noimage { display:flex; align-items: center;} .rheadline.noimage .redblock { background-color: var(--k9-red); width:100px; height:100px;} .rheadline.noimage .headline { padding-left:1rem;} .rheadline { display:flex; align-items: center;} .rheadline .redblock { background-color: var(--k9-red); /*width:450px;*/ min-width: 450px; height:450px; display: flex; justify-content: center; align-items: center;} .rheadline .image { flex-grow: 2; min-width: 450px; height: 450px; background-size: cover; background-position: center center; background-repeat: no-repeat; } .rheadline h1 { padding:2rem; display: inline-block; font-size: 6rem /*96px*/; color:white; word-wrap: normal; line-height: 100px;} /* Hero Area */ #header + .s { padding-top: 130px;position: relative;} .sliderwrapper { z-index: 1;} .hero-background { position: absolute; top:0; width:100%; height:100%;} .hero-overlay { position:absolute; top:0; width:100%; height:100%; background-color: var(--k9-red); opacity: 0.5; mix-blend-mode: overlay;} .rhero { position:relative; z-index:2; top:0; width:100%; height:100%; } .rhero .slick { padding:0;} .rhero * { color: white;} .rhero h1 { margin-top: 0; line-height: 3.5rem;} .rhero .preheadline { margin-top: 100px;} .rhero .subheadline { position:relative; border-top: 1px solid white; padding-top:1.5rem; margin-top:29px;} .rhero .event-image img { width:100%; height: auto;} .rhero .buttonarea { position:absolute; right:0; top:1rem;} .rhero .buttonarea a { display:block; text-align: center; margin-bottom:5px;} .rhero .buttonarea a.white { background-color: white; color: var(--k9-red); border: 1px solid var(--k9-red);} /* Teaserblock */ .rteaserblock .bgimage { margin-bottom:3rem;background-position: center center; background-size: cover; height: 270px; position: relative; overflow: hidden;} .rteaserblock .teaser { flex-basis: calc(100% / 12 * 4);max-width: calc(100% / 12 * 4); position:relative;} .rteaserblock .teaser .title { display:block; position: absolute; bottom: calc( -100% + 70px ); color: white; background: rgba(196, 18, 21, 0.70); width:100%; height:100%; transition: all 0.4s;} .rteaserblock .teaser .title h3 { color: white; padding:1rem; transition: all 0.4s;} .rteaserblock .teaser:hover .title { bottom:0; } .rteaserblock .teaser .title h3 { justify-content: center; align-items: center; } .rteaserblock .teaser:hover .title h3 { text-align: center; padding-top:calc(34% - 18px);} /* Eventlist */ @media only screen and (max-width: 768px){ .rteaserblock .teaser { flex-basis: calc(100% );max-width: calc(100%);} } @media only screen and (min-width: 768px){ .rteaserblock .teaser { flex-basis: calc(100% / 12 * 6 );max-width: calc(100% / 12 * 6);} } @media only screen and (min-width: 1000px){ .rteaserblock .teaser { flex-basis: calc(100% / 12 * 4);max-width: calc(100% / 12 * 4);} } @media only screen and (min-width: 1440px) { .events .r { max-width: 1440px; } } @media screen and (min-width: 1507px){ .events .r { max-width: 1440px; } } /*.s.events .r.termin*/ .events { padding-bottom:4rem;} .termin { padding: 1rem 0; align-items: center;border-bottom: 1px solid; font-size: 1.25rem; flex-wrap: nowrap;} .termin.hide { display:none;} .termin.type_live { border-color: var(--k9-darkred); } .termin.type_kurse { border-color: var(--k9-green); } .termin.type_szene { border-color: var(--k9-blue); } .termin.type_service { border-color: var(--k9-black); } .termin.type_live .day_tease { color: var(--k9-darkred); border-color: var(--k9-darkred); } .termin.type_kurse .day_tease { color: var(--k9-green); border-color: var(--k9-green); } .termin.type_szene .day_tease { color: var(--k9-blue); border-color: var(--k9-blue); } .termin.type_service .day_tease { color: var(--k9-black); border-color: var(--k9-black); } .termin .day { font-weight: bold; font-size: 1.25rem;} .termin.type_live .day { color: var(--k9-darkred); } .termin.type_kurse .day { color: var(--k9-green); } .termin.type_szene .day { color: var(--k9-blue); } .termin.type_service .day { color: var(--k9-black); } .termin .content h4 { font-size:1.625rem;} .termin.type_live h4 { color: var(--k9-darkred); } .termin.type_kurse h4 { color: var(--k9-green); } .termin.type_szene h4 { color: var(--k9-blue); } .termin.type_service h4 { color: var(--k9-black); } .termin .day_tease { font-size: 5.25rem; font-weight: bold; line-height: 4.5rem; border-left: 13px solid; padding-left:1rem; padding-right: 2rem;} .termin .date { padding-right: 1rem; width: 16.875rem /*270px*/;} .termin .content { padding-right: 2rem; width: 28.125rem /*450px*/;} .termin .price { padding-right: 2rem; width: 15.625rem /*250px*/; font-weight: bold;} .termin .btnarea { padding-right: 1rem; width: 18.75rem /*300px*/; text-align: center;} .termin .btnarea .btn { display:block; padding: 10px 20px; margin: 5px auto; min-width: 160px; width: fit-content; text-align: center; font-size: 1rem; font-weight: 700;} .termin.type_live .btnmore { background-color: var(--k9-darkred); } .termin.type_kurse .btnmore { background-color: var(--k9-green); } .termin.type_szene .btnmore { background-color: var(--k9-blue); } .termin.type_service .btnmore { background-color: var(--k9-black); } .events .r.more { padding-top:3rem; padding-bottom:4rem; text-align: center; } .s.termine .r.more { padding-top:3rem; padding-bottom:4rem; text-align: center; } .events .r.more .btn.white, .s.termine .r.more .btn.white { margin:1px auto; background-color: white; color: var(--k9-red); border: 1px solid var(--k9-red); } .events .r.more .btn.white:hover, .s.termine .r.more .btn.white:hover { margin:0 auto; border: 2px solid var(--k9-red); font-weight: bold; } /* Event Filter */ .s.filter .r { max-width:1440px;} .s.filter .filter-category { margin-right:50px;} .filter .btn { margin: 2px; text-transform: uppercase;opacity: 0.3; transition: opacity 0.4s} .filter .btn:first-child { margin-left: 0;} .filter .btn:first-child { margin-left: 0;} .filter .btn:hover { opacity:1; } .filter .btn.active { opacity:1; } .filter .btn.type_live { background-color: var(--k9-darkred); } .filter .btn.type_kurse { background-color: var(--k9-green); } .filter .btn.type_szene { background-color: var(--k9-blue); } .filter .btn.type_service { background-color: var(--k9-black); } .filter .btn.all { background: white;color: var(--k9-red); } /* Event more button */ .events .r.more.hide { display:none;} /* Teaser in Events */ .rteaser { padding-top:75px; padding-bottom:75px; background-size: cover; background-position: center center; color:white;} .rteaser .cta_area a.btn { padding: 20px 70px; margin-bottom: 20px; background: white; color: var(--k9-red);} .rteaser .cta_area a { font-weight: bold;} .rteaser .infolink { display: block; padding:5px;} .steaser_anbieten.hide { display:none;} /*Single Angebot / Veranstaltung */ .single-veranstaltung .stermin { padding-bottom:0;} .single-veranstaltung .s.termine { padding-top:0;} .single-veranstaltung h1 { margin-bottom: 1rem; padding-top: 100px; padding-bottom:1rem;border-bottom: 1px solid;} .single-veranstaltung h2 { font-size:64px;} .single-veranstaltung .subheadline { font-size: 24px; font-width: 700;} .single-veranstaltung .event-image { padding-bottom:2rem; position:relative;} .single-veranstaltung .event-image img { width:100%; height: auto;} .single-veranstaltung .termin:first-child { border-top:1px solid; } .single-veranstaltung .event-image img { width:100%; height: auto;} .single-veranstaltung .category-sign { position:absolute; right:0; top:0; padding:10px 15px; font-size:24px; color:white;} .single-veranstaltung .kult9_live .subheadline { color: var(--k9-darkred);} .single-veranstaltung .kult9_live h1 { color: var(--k9-darkred); border-color: var(--k9-darkred);} .single-veranstaltung .kult9_live h2 { color: var(--k9-darkred);} .single-veranstaltung .kult9_live .termin:first-child { border-color: var(--k9-darkred); } .single-veranstaltung .kult9_live .category-sign { background-color: var(--k9-darkred); } .single-veranstaltung .kult9_bildung .subheadline { color: var(--k9-green);} .single-veranstaltung .kult9_bildung h1 { color: var(--k9-green); border-color: var(--k9-green);} .single-veranstaltung .kult9_bildung h2 { color: var(--k9-green);} .single-veranstaltung .kult9_bildung .termin:first-child { border-color: var(--k9-green); } .single-veranstaltung .kult9_bildung .category-sign { background-color: var(--k9-green); } .single-veranstaltung .kult9_szene .subheadline { color: var(--k9-blue);} .single-veranstaltung .kult9_szene h1 { color: var(--k9-blue); border-color: var(--k9-blue);} .single-veranstaltung .kult9_szene h2 { color: var(--k9-blue);} .single-veranstaltung .kult9_szene .termin:first-child { border-color: var(--k9-blue); } .single-veranstaltung .kult9_szene .category-sign { background-color: var(--k9-blue); } /* Footer */ .footer-top { font-family:'Bitter'; font-weight:bold; letter-spacing:2%; color: white; padding:2rem 0; font-size:1.625rem /*26px*/;} .footer-top .iconlink {position: relative; display: flex; align-items: center; line-height: 0; } .footer-top .icon {display:inline-block; width: auto; padding-right:1rem; min-height: 4.1rem /*65px*/; } .footer { color: #fff; padding: 2rem 0 0 0; } .footer a { color:#fff; padding:5px; } .footer a:hover { text-decoration: underline; } .footer a:last-child { color:#fff; padding-right:0; } .footer .footer-social { position: relative; display: flex; align-items: center;} .footer .footer-social .icon {padding: 1rem;} .footer .footer-social .icon:first-child {padding-left: 0;} .footer .footerline { border-top: 1px solid white; text-align: center; padding:1rem; margin:0 1.5rem; font-size: 14px; display: flex; justify-content: space-between; flex-wrap: wrap; } .footer .footerline .copyright { padding: 5px 15px; text-align: center;} .footer .footerline .links a { display: inline-block; padding: 5px 15px; text-align: center;} .footer .footernav-head { font-size: 18px; font-weight: 700; padding-bottom:8px;} .footer .footernav a { display:block; padding: 3px 0; font-size: 1rem; } .footermenu { padding-top:46px;} .gastroicon { text-align: center; padding: 0 0 4rem 0;} .gastroicon img { width: 100px; height:auto;} .s.text h2 { text-align: center;} .footernav.logos { text-align: left; padding-top:1rem;} .footernav.logos img { } .logo-eldm { width:250px; height:auto; padding-bottom:1rem; padding-right: 4rem;} .logo-lhm { width:250px; height:auto;} .logo-mwi { width:150px !important; height:auto; display:block; margin-left:20px; margin-top:20px;} a.link { color: var(--k9-red);} a.link:hover { text-decoration: underline;} .s.filter { margin:20px 20px 0 20px;} .s.filter .filter-category { margin-bottom:20px;} /* mobile Optimization */ @media only screen and (min-width: 740px){ :root { font-size: 12px;} } @media only screen and (max-width: 740px){ h2 {font-size: 2rem;} .s.text h2 {text-align: left;} #header + .s {padding-top: 30px;} .phoneline {padding-bottom: 30px;} .termin {padding: 1rem; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;} .termin .day_tease {font-size: 2rem; line-height: 2rem; border-left-width: 8px; padding:0 12px 0 8px; flex-basis: 20%;} .termin .date {display: block;width: auto;justify-content: space-between;align-items: flex-start; flex-basis: calc(80% - 12px); padding-right: 0;} .termin .date .day {padding: 0;width: 100%;} .termin .date .time {padding: 0;width: 100%; font-size: 14px;} .termin .date .time br {display:inline-block; content: ''; margin: 0 5px; padding:0;} .termin .date .time br:after {display:inline-block; content: ' | '; margin: 0 5px; padding:0;} .termin .content {padding: 1rem 0 0 0;width: 100%;} .termin .content h4 + p {margin-top: 5px;margin-bottom: 10px; font-size:1rem;} .termin .price {width: auto;padding: 0;font-size:1rem;} .termin .btnarea {width: auto;padding: 0;font-size:1rem; margin-top:5px;} .single-veranstaltung .termin .price {width: 100%;padding-top: 10px;} .rheadline .redblock {background-color: var(--k9-red); /*width:450px;*/min-width: 100%;height: auto;display: flex;justify-content: center;align-items: center;padding: 10px;margin-top: 80px;} .rheadline .image {flex-grow: 2;min-width: 100%;height: 260px;background-size: cover;background-position: center center;background-repeat: no-repeat;} .rheadline h1 {font-size: 3rem;line-height: 70px;} .rteaser .cta_area a.btn {margin-top:20px;} #s1 .hero-background { height:100px;} .filterbutton { font-size: 0.7rem;} .s.footer-top .phoneline { font-size: 1.5rem;} .s.footer-top .phoneline img { width:30px;} .s.footer-top .maillink { font-size: 1.5rem;} .s.footer-top .maillink img {width: 50px;} .scrolled #header .logos img { padding-top: 10px;} } /* iPad*/ @media only screen and (min-width: 768px){ .termin { position:relative; padding-bottom: 40px;} .termin .content { width:25rem;} .termin .content { width:25rem;} .termin .btnarea {position:absolute; right:0; bottom:10px; } } @media only screen and (min-width: 821px){ .termin { position:relative; padding-bottom: 0;} .termin .content { width:25rem;} .termin .content { width:25rem;} .termin .btnarea {position:absolute; right:0; bottom:10px; } .termin { padding-bottom: 40px;} } @media only screen and (min-width: 1000px){ :root { font-size: 14px;} .termin .btnarea {position:absolute; bottom: initial; } } @media only screen and (min-width: 1440px) { :root { font-size: 16px;} } @media screen and (min-width: 1507px){ } /*#mobilenav { position: relative;}*/ #mobilenav img { position: absolute; right:30px; top:30px;} h2.error { font-size: 2rem; text-align: center; padding:2rem; border: 2px dashed var(--k9-red);} .kc_captcha { display:inline-block !important;} @media only screen and (min-width: 740px){ .stoerer{ position: absolute; right: 80px; top: 70px; padding: 30px 30px; font-size: 23px; color: white; text-align: center; background-color: #921813; width: 200px; height: 200px; border-radius: 100%; display: flex; align-items: center; } .filter-category, .filter-months { padding-right:250px; } } @media only screen and (max-width: 740px){ .s.filter { padding-left:0; } .stoerer{ position: relative; padding: 20px 20px; font-size: 18px; color: white; text-align: center; background-color: #921813; width: 150px; height: 150px; border-radius: 100%; display: flex; align-items: center; margin: 80px 0 0 20px; } } .filter-category h3 { padding-left:8px;} .filter-months h3 { padding-left:8px;}