.cc-head>*:first-child{margin-top:0}.cc-head>*:last-child{margin-bottom:15px}.contao-cookiebar{--ccb-backdrop: rgba(0, 0, 0, .75);--ccb-anim-duration: .5s;--ccb-checked-clr: #399d32;--ccb-checked-bg: #dcf3db;--ccb-unchecked-clr: #9c9b99;--ccb-unchecked-bg: #fff;--ccb-disabled-clr: #c8c7c5;--ccb-disabled-bg: #f4f4f4;--ccb-focus-clr: #00a4f4;position:fixed;inset:0;z-index:9999;display:flex;align-items:var(--ccb-align, center);justify-content:var(--ccb-justify, center);letter-spacing:0;padding:15px;max-height:100dvh;box-sizing:border-box;pointer-events:none;overflow:hidden;color:var(--ccb-clr, #444)}.contao-cookiebar *{box-sizing:border-box}.contao-cookiebar p{color:var(--ccb-text, #868686);line-height:1.4}.contao-cookiebar label{position:relative;display:block;padding:8px 13px 8px 0;line-height:1.2rem}.contao-cookiebar label.group{font-weight:600}.contao-cookiebar input{position:absolute;width:1px;height:1px;outline:0 none;opacity:0}.contao-cookiebar input+label{padding:8px 13px 8px 45px;cursor:pointer}.contao-cookiebar input+label:before,.contao-cookiebar input+label:after{content:"";position:absolute;border-radius:10px}.contao-cookiebar input+label:before{top:7px;left:0;width:35px;height:18px;margin:0;box-sizing:content-box;background:var(--ccb-unchecked-bg);border:1px solid var(--ccb-unchecked-clr);transition:border-color .2s}.contao-cookiebar input+label:after{display:block;top:11px;left:4px;width:12px;height:12px;background:var(--ccb-unchecked-clr);transition:background .2s,margin-left .2s,padding .2s}.contao-cookiebar input+label:active:after{padding-left:5px}.contao-cookiebar input.cc-group-half+label:after{background:linear-gradient(to right, var(--ccb-unchecked-clr) 0%, var(--ccb-unchecked-clr) 50%, var(--ccb-checked-clr) 50%, var(--ccb-checked-clr) 100%)}.contao-cookiebar input:checked+label:after{background:var(--ccb-checked-clr);margin-left:17px}.contao-cookiebar input:checked+label:active:after{margin-left:12px}.contao-cookiebar input:checked+label:before{background:var(--ccb-checked-bg);border-color:var(--ccb-checked-clr)}.contao-cookiebar input:disabled+label{pointer-events:none}.contao-cookiebar input:disabled+label:after{background:var(--ccb-disabled-clr)}.contao-cookiebar input:disabled+label:before{background:var(--ccb-disabled-bg);border-color:var(--ccb-disabled-clr)}.contao-cookiebar input:focus-visible:not(.cc-hide-focus)+label:before{outline:3px dashed var(--ccb-focus-clr);outline-offset:2px}.contao-cookiebar .cc-btn{display:inline-block;cursor:pointer;width:100%;padding:8px 14px;margin-bottom:8px;font-size:15px;outline:0 none;border:1px solid var(--ccb-btn-bdr, #cfcfcf);border-radius:4px;color:var(--ccb-btn-clr, #444);background:var(--ccb-btn-bg, #f5f5f5)}.contao-cookiebar .cc-btn:hover,.contao-cookiebar .cc-btn:focus{background:var(--ccb-btn-bg-hvr, #ececec)}.contao-cookiebar .cc-btn:last-child{margin-bottom:0}.contao-cookiebar .grayscale{--ccb-btn-bg: #f1efef;--ccb-btn-bg-hvr: #ececec}.contao-cookiebar .grayscale .success{--ccb-btn-bg: #fbfbfb;--ccb-btn-bg-hvr: #f7f7f7}.contao-cookiebar .highlight .success{--ccb-btn-bg: #4e9e3e;--ccb-btn-bg-hvr: #4c933f;--ccb-btn-bdr: #3e7830;--ccb-btn-clr: #fff}.cc-focus:not(.cc-hide-focus):focus-visible{outline:3px dashed var(--ccb-focus-clr);outline-offset:-3px}.cc-invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;float:left}.cc-inner{display:inline-block;overflow-y:auto;max-height:100%;max-width:100%;padding:23px;border-radius:3px;opacity:0;pointer-events:none;visibility:hidden;font-size:1rem;text-align:left;background:var(--ccb-bg, #fff);box-shadow:var(--ccb-box-shadow, rgba(99, 99, 99, 0.2)) 0 2px 8px 0;animation:var(--ccb-anim, cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards}.cc-group{position:relative;border:1px solid var(--ccb-bdr, #d0d0d0);border-radius:5px;margin-bottom:10px}.cc-cookie-info{font-size:.875rem;background:var(--ccb-info-bg, #fff);border:1px solid var(--ccb-info-bdr, #efefef);padding:10px;border-radius:5px}.cc-cookie-info>div>span{font-weight:600}.cc-cookie-info>div+div{margin-top:5px;word-wrap:break-word}.cc-cookie-info+button.cc-detail-btn-details{margin-top:15px}.cc-cookies{background:var(--ccb-cookies-bg, #fbfbfb);border-radius:0 0 5px 5px}.cc-cookies>p{font-size:.875rem}.cc-cookies>p,.cc-cookies>.cc-cookie{margin:0;padding:15px;border-top:1px solid var(--ccb-cookies-bdr, #fbfbfb)}.cc-cookie label.cookie+*{margin-top:10px}.cc-cookie p{margin:0 0 15px;font-size:.875rem}.cc-cookie-desc p{margin-bottom:0}.cc-footer,.cc-info{text-align:center}.cc-info{margin-top:15px}.cc-info>p{font-size:.875rem}.cc-info>a{display:inline-block;font-size:.813rem;color:var(--ccb-detail-clr, #a2a2a2);text-decoration:none}.cc-info>a:hover{color:var(--ccb-detail-clr-hvr, #717171)}.cc-info>a+a:before{display:inline-block;content:"·";margin-right:5px}.cc-active .cc-inner{opacity:1;pointer-events:auto;visibility:visible}.cc-active.cc-blocked{pointer-events:auto;animation:cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards}.cc-saved.cc-inner{opacity:0;pointer-events:none;visibility:hidden}.cc-saved.cc-blocked{pointer-events:none;animation:cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards}.cc-left{--ccb-justify: flex-start}.cc-right{--ccb-justify: flex-end}.cc-top{--ccb-align: flex-start}.cc-top.cc-active{--ccb-anim: cookiebar-top-in}.cc-top.cc-saved{--ccb-anim: cookiebar-top-out}.cc-middle.cc-active{--ccb-anim: cookiebar-middle-in}.cc-middle.cc-saved{--ccb-anim: cookiebar-middle-out}.cc-bottom{--ccb-align: flex-end}.cc-bottom.cc-active{--ccb-anim: cookiebar-bottom-in}.cc-bottom.cc-saved{--ccb-anim: cookiebar-bottom-out}@media(min-width: 768px){.contao-cookiebar .cc-btn{width:auto;margin-bottom:0}.cc-inner{max-width:var(--ccb-max-width, 750px)}}@media(forced-colors){.contao-cookiebar input+label:after{border:1px solid currentColor}.cc-inner{border:1px solid currentColor}input.cc-group-half+label:after{margin-left:9px}}@media(prefers-reduced-motion){.contao-cookiebar{--ccb-anim-duration: 2s}}@media print{.contao-cookiebar{opacity:0}}@keyframes cookiebar-overlay-in{0%{background:rgba(0,0,0,0)}to{background:var(--ccb-backdrop)}}@keyframes cookiebar-overlay-out{0%{background:var(--ccb-backdrop)}to{background:rgba(0,0,0,0);visibility:hidden}}@keyframes cookiebar-top-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-top-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-100%)}}@keyframes cookiebar-middle-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes cookiebar-middle-out{0%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(0)}}@keyframes cookiebar-bottom-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-bottom-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(100%)}}.cc-groups{display:none;padding-top:15px}.cc-group{text-align:left}.cc-group>label{margin:5px 130px 5px 10px}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px;color:var(--ccb-detail-clr, #a2a2a2);border:0 none;outline:0 none;background:rgba(0,0,0,0);font-size:13px;letter-spacing:0;text-transform:initial;cursor:pointer}.cc-detail-btn-details span:nth-child(2){display:none}.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn-details:hover{color:var(--ccb-detail-clr-hvr, #717171)} #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} /* html5doctor.com Reset Stylesheet Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;} body {line-height:1;font-size:100.01%;} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,.custom {display:block;} nav ul {list-style:none;} blockquote, q {quotes:none;} blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;} a {margin:0;padding:0;vertical-align:baseline;background:transparent;} /* change colours to suit your needs */ ins {background-color:#ff9;color:#000;text-decoration:none;} mark {background-color:#ff9;color:#000; font-style:italic;font-weight:bold;} hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:0; padding:0; } del {text-decoration: line-through;} abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;} table {border-collapse:collapse;border-spacing:0;} input, select {vertical-align:middle;} sub,sup,small {font-size: 75%;} sub,sup {line-height: 0;position: relative;vertical-align: baseline;} sub {bottom: -0.25em;} sup {top: -0.3em;} svg {overflow: hidden;} /* Contao Open Source CMS - Copyright (c) 2005-2016 Leo Feyer - @license LGPL-3.0+ */ @media screen{ #container,.inside,#main,#left,#right{position:relative;} #container{margin-left: auto;margin-right: auto;} #footer {clear:both;} #main .inside {min-height:1px;} .float_left {float:left;} .float_right {float:right;} .block {overflow:hidden;} .clear,#clear {height:0.1px;font-size:0.1px;line-height:0.1px;clear:both;} .invisible {border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;} .custom {display:block;} #container:after,.custom:after {content:"";display:table;clear:both;} } @media (max-width:767px) { #wrapper {margin:0;width:auto;} #container {padding-left:0;padding-right:0;} #main,#left,#right {float:none;width:auto;} #left {right:0;margin-left:0;} #right {margin-right:0;} } @media only screen{ #druckadresse{display:none} *{box-sizing: border-box;} html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; backface-visibility: visible;scroll-behavior: smooth;} body {background:#fbfbfb;font:1.3em/1.4 'Montserrat',Verdana, sans-serif;font-weight:300;color:#19191A;hyphens: auto;} .custom{width:100%} .darkmode body{background: #171717;color: #f8f8f8;} /*.swiper{background:#f3f2ed;padding-right:0px}*/ .mod_newslist.blog-startseite{display:flex} .swiper{background:linear-gradient(to bottom,transparent 0%,transparent 50%,#f3f2ed 50%,#f3f2ed 100%);} .swiper-button-prev,.swiper-button-next{color:#000 !important;border:0 !important} .swiper-pagination-bullet-active{background:#000 !important} .swiper-button-next:after, .swiper-button-prev:after {font-size:20px !important} #container{margin:0 auto;clear:both;} #header{min-height:100px; position: relative;z-index:900} .logo{position:relative;float:left;width:100%;height:80px;top:15px;left:15px} .logo:hover{opacity:.8} .logo a{width:200px;} .logo a{background-image:url("../../files/theme/img/logo/sylvia-grotsch-astrologie.webp");background-size:contain;height:70px;display:block;background-repeat:no-repeat; position:absolute; } .logo a:focus *{color:#000 !important;} .logo span{margin-left:60px;top:0;position: relative;display:inline-block;font-size:80%} #header::before{content:'';width:100%;height:6px;display:block;top:0;left:0;right:0;z-index:990;border:0; background:linear-gradient(to right,#e66b63 0%,#e66b63 25%,#fee4c9 25%,#fee4c9 50%,#c3d8e3 50%,#c3d8e3 75%,#cbad8b 75%,#cbad8b 100%);} .darkmode #header::before{ background: linear-gradient( to right, #444444 0%, /* dunkles Grau */ #444444 25%, #555555 25%, /* etwas heller */ #555555 50%, #333333 50%, /* fast Schwarz */ #333333 75%, #666666 75%, /* neutrales Mittelgrau */ #666666 100% );} .openSrch{display:none} #preheader{z-index:904;position: relative} .overlay_opened #header::before{margin-top:30px;} } @media (min-width: 768px) { body{font-size: calc(14px + (17 - 14) * ((100vw - 300px) / (1800 - 300))); line-height:1.6 ;color:#282828;font-weight:300;letter-spacing:-0.1px} .hide-on-desktop{display:none !important;} } @media (max-width:768px) { .hide-on-mobile,#left{display:none !important;} span i{display:none} } @media (min-width:768px) { #header{min-height:150px} #header::before{z-index:990;height:8px;background: repeating-linear-gradient(to right,#e66b63 0%,#e66b63 12%,#fee4c9 12%,#fee4c9 25%,#c3d8e3 25%,#c3d8e3 37%,#cbad8b 37%,#cbad8b 50%);} #left .inside{margin: 0 15px 0 0} #right .inside{margin:0 15px} #container,#header .inside{width:calc(100% - 80px);max-width:1080px;margin:0 auto;} #container{margin-bottom:4rem} .logonav{width:calc(100% - 30px);margin:40px auto 0 auto} .mainmenu{margin-top:10px} .logo{top:0px;left:0} .logo,.logo a{width:260px;height:80px;} .logo span{margin-left:70px;margin-top:21px;top:0;font-size:105%} span i{color: #b7b7b7;font-style:normal} } @media (min-width:991px) { #header{height:170px} .openSrch {display: block} .navsearch{float:right;} } .vcenter{ margin: 0; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%);} a,.info_inside, button{text-decoration:none;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;} /*! * Bootstrap Grid v4.0.0 (https://getbootstrap.com) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ @-ms-viewport { width: device-width; } html { box-sizing: border-box; -ms-overflow-style: scrollbar; } *, *::before, *::after { box-sizing: inherit; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; /* margin-right: -15px; margin-left: -15px;*/ margin-right: 0px; margin-left: 0px; } .no-gutters,.no-margin { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .no-padding-left{padding-left:0 !important} .no-padding-right{padding-right:0 !important} .row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-1 { margin-left: 8.333333%; } .offset-2 { margin-left: 16.666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.333333%; } .offset-5 { margin-left: 41.666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.333333%; } .offset-8 { margin-left: 66.666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.333333%; } .offset-11 { margin-left: 91.666667%; } @media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-sm-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-sm-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-sm-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-sm-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-sm-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-sm-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-sm-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-sm-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-sm-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-sm-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-sm-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-sm-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-sm-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-sm-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.333333%; } .offset-sm-2 { margin-left: 16.666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.333333%; } .offset-sm-5 { margin-left: 41.666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.333333%; } .offset-sm-8 { margin-left: 66.666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.333333%; } .offset-sm-11 { margin-left: 91.666667%; } } @media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-md-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-md-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-md-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-md-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-md-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-md-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-md-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-md-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-md-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-md-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-md-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-md-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-md-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-md-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.333333%; } .offset-md-2 { margin-left: 16.666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.333333%; } .offset-md-5 { margin-left: 41.666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.333333%; } .offset-md-8 { margin-left: 66.666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.333333%; } .offset-md-11 { margin-left: 91.666667%; } } @media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-lg-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-lg-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-lg-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-lg-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-lg-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-lg-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-lg-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-lg-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-lg-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-lg-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-lg-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-lg-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-lg-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-lg-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.333333%; } .offset-lg-2 { margin-left: 16.666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.333333%; } .offset-lg-5 { margin-left: 41.666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.333333%; } .offset-lg-8 { margin-left: 66.666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.333333%; } .offset-lg-11 { margin-left: 91.666667%; } } @media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-xl-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-xl-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-xl-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-xl-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-xl-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-xl-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-xl-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-xl-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-xl-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-xl-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-xl-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-xl-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-xl-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-xl-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.333333%; } .offset-xl-2 { margin-left: 16.666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.333333%; } .offset-xl-5 { margin-left: 41.666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.333333%; } .offset-xl-8 { margin-left: 66.666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.333333%; } .offset-xl-11 { margin-left: 91.666667%; } } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-sm-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-md-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-lg-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-xl-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } /* montserrat-100 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 100; font-display: swap; src: url('../../files/theme/fonts/montserrat-v25-latin-100.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/theme/fonts/montserrat-v25-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/theme/fonts/montserrat-v25-latin-100.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/theme/fonts/montserrat-v25-latin-100.woff') format('woff'), /* Modern Browsers */ url('../../files/theme/fonts/montserrat-v25-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/theme/fonts/montserrat-v25-latin-100.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-200 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 200; font-display: swap; src: url('../../files/theme/fonts/montserrat-v25-latin-200.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/theme/fonts/montserrat-v25-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/theme/fonts/montserrat-v25-latin-200.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/theme/fonts/montserrat-v25-latin-200.woff') format('woff'), /* Modern Browsers */ url('../../files/theme/fonts/montserrat-v25-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/theme/fonts/montserrat-v25-latin-200.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-300 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; font-display: swap; src: url('../../files/theme/fonts/montserrat-v25-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/theme/fonts/montserrat-v25-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/theme/fonts/montserrat-v25-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/theme/fonts/montserrat-v25-latin-300.woff') format('woff'), /* Modern Browsers */ url('../../files/theme/fonts/montserrat-v25-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/theme/fonts/montserrat-v25-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-regular - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url('../../files/theme/fonts/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/theme/fonts/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/theme/fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/theme/fonts/montserrat-v25-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../files/theme/fonts/montserrat-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/theme/fonts/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-500 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-display: swap; src: url('../../files/theme/fonts/montserrat-v25-latin-500.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/theme/fonts/montserrat-v25-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/theme/fonts/montserrat-v25-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/theme/fonts/montserrat-v25-latin-500.woff') format('woff'), /* Modern Browsers */ url('../../files/theme/fonts/montserrat-v25-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/theme/fonts/montserrat-v25-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-600 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-display: swap; src: url('../../files/theme/fonts/montserrat-v25-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/theme/fonts/montserrat-v25-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/theme/fonts/montserrat-v25-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/theme/fonts/montserrat-v25-latin-600.woff') format('woff'), /* Modern Browsers */ url('../../files/theme/fonts/montserrat-v25-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/theme/fonts/montserrat-v25-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* waterfall-regular - latin */ @font-face { font-family: 'Waterfall'; font-style: normal; font-weight: 400; font-display: swap; src: url('../../files/theme/fonts/waterfall-v3-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/theme/fonts/waterfall-v3-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/theme/fonts/waterfall-v3-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/theme/fonts/waterfall-v3-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../files/theme/fonts/waterfall-v3-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/theme/fonts/waterfall-v3-latin-regular.svg#Waterfall') format('svg'); /* Legacy iOS */ } .mainmenu {font-weight:300;width:100%;display:block;} .mainmenu li,.footernav li{list-style-type:none;margin:0;padding:0;} .mainmenu a,.mainmenu span,.mainmenu strong{} .mainmenu *:hover{text-decoration:none;} .beratungsnavi a, .beratungsnavi strong{font-weight:300;border-bottom:0px solid #ccc;line-height:2.5;display:inline-block;width:100%;} .beratungsnavi ul li{margin-left:0px} .beratungsnavi h4{font-weight:600;margin-top:25px} a.mobile_handle { display: block; cursor: pointer; position: absolute; right:5px; top: 25px; margin-right:15px; border-top: 2px solid #1a1a1a; border-bottom: 2px solid #1a1a1a; transition: all .25s ease-in-out; background: transparent; width: 30px; height: 20px; } a.mobile_handle:before, a.mobile_handle:after { background: #1a1a1a; content: ''; display: block; width: 100%; height: 2px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: transform .25s ease-in-out; } a.mobile_handle.change {border-color: transparent;right:2px;} a.mobile_handle.change:before, a.mobile_handle.change:after {background: #666;} a.mobile_handle.change:before {transform: translate(-50%, -50%) rotate(45deg);} a.mobile_handle.change:after {transform: translate(-50%, -50%) rotate(-45deg);} .mainmenu i { border: solid #666; border-width: 0 2px 2px 0; display: inline-block; padding: 7px; } .mainmenu i.down { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform-origin:60% 80% } .mainmenu i.up { transform: rotate(45deg); -webkit-transform: rotate(45deg); transform-origin:60% 50% } .mainmenu ul { position: relative; height: auto; -ms-transition: all 0s ease-in-out; -webkit-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; transition: all 0s ease-in-out;/* text-align:left; margin-bottom:0;*/ } .mainmenu ul.level_1 { height: auto; } .mainmenu ul.level_1 li { float: none; width: 100%; position:relative; background:transparent; } .mainmenu ul.level_1 li a, .mainmenu ul.level_1 li strong, .mainmenu ul.level_1 li span.forward { width: 100%; display: block; height: 50px; line-height:50px; padding:0 20px 0 0; border-top:1px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color:#4d4d4d; font-weight:300; } .mainmenu ul.level_1 li.last a, .mainmenu ul.level_1 li.last strong.active, .mainmenu ul.level_1 li.last span.forward{border-bottom:0} .mainmenu ul.level_1 li.first a, .mainmenu ul.level_1 li.first strong.active, .mainmenu ul.level_1 li.first span.forward{border-top:0} .mainmenu ul.level_1 li > ul { position: relative; background-color: #fbfbfb; z-index: 99; margin-bottom:0; } .mainmenu ul.level_1 li > ul { padding: 0px; display: none; -webkit-transition-property: opacity, visibility; -moz-transition-property: opacity, visibility; -o-transition-property: opacity, visibility; transition-property: opacity, visibility; -webkit-transition-duration: .2s, 0s; -moz-transition-duration: .2s, 0s; -o-transition-duration: .2s, 0s; transition-duration: .2s, 0s; opacity: 1; visibility: visible; -webkit-transition-delay: 0s, 0s; -moz-transition-delay: 0s, 0s; -o-transition-delay: 0s, 0s; transition-delay: 0s, 0s; } .mainmenu ul.level_2 {min-width:auto;/*top:0px;*/width: auto;} .mainmenu ul.level_2 li a, .mainmenu ul.level_2 li span.active, .mainmenu ul.level_2 li span.forward {background: transparent;color: #666;border-top: 1px solid #ccc;} .mainmenu .active,.mainmenu .active span.linkspan{color:#fff} .mainmenu .active, .mainmenu ul.level_2 li span.active,.mainmenu span.active{background:transparent;color:#e66b63} .mainmenu .trail{color:#000} .mainmenu ul.level_2 li > ul { min-width: auto; width: auto; left: 0; top: 0; margin-left: 0%; padding: 0px; } .mainmenu ul.level_2 li.active span.active{color:#e66b63 !important} .mainmenu ul.level_2 li a, .mainmenu ul.level_2 li .active, .mainmenu ul.level_2 li span.forward {padding-left: 20px !important;} .mainmenu ul.level_3 li a, .mainmenu ul.level_3 li .active, .mainmenu ul.level_3 li span.forward {padding-left: 35px !important;} /* Sub Arrow */ .mainmenu ul li a.sub_nav { position: absolute; width: 36px; height: 50px; right: 0px; top: 0px; margin: 0; padding: 0px 0 0 0 !important; background-color:transparent !important; color: #666; text-align:center; cursor: pointer; line-height:50px; border:0; } .iconnavi{display:none;} @media screen and (max-width:768px){ .mainmenu{width:calc(100% - 30px);margin:0 15px} } @media screen and (min-width:768px) { a.mobile_handle {top:25px} .socialnav ul{text-align:left} .footernav li{float:left;} .footernav-social li{margin-right:15px} .footernav-meta li{margin-left:15px} .footernav li a,.footernav li strong.active{color: #212121;line-height:50px;font-size:90%;font-weight:300;} .footernav ul li a:hover{color:#953e3c} } @media screen and (max-width:991px) { .metanav,.footernav{display:none} .mainmenu li strong{color:#953e3c !important;} } @media screen and (min-width:992px) { .mainmenu li.no-desktopnav, .mainmenu i, .mainmenu ul.level_3{display:none !important;} .mainmenu {overflow: visible !important;float:left;display:inline-block;width:auto} .mainmenu ul { margin:0 10px 0 0; padding:0; position: relative; display: block; text-align:left; -ms-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out } .mainmenu ul.level_1 { height:50px; width: auto; position: relative; display: block; } .mainmenu ul.level_1 li { position: relative; float: left; display: block; margin-left:0; width:auto; } .mainmenu ul.level_1 li a, .mainmenu ul.level_1 li strong.active, .mainmenu ul.level_1 li span.forward,.mainmenu ul.level_1 li.trail strong { line-height:50px; height:50px; padding:0 .5rem; position: relative; display: inline-block; white-space: nowrap; font-weight:300; color:#4d4d4d; font-size:105%; border-top:0; } .mainmenu ul.level_1 li a:hover{color:#B1A3A1;} .mainmenu ul.level_1 li.last a, .mainmenu ul.level_1 li.last strong.active, .mainmenu ul.level_1 li.last span.forward {padding-right:.5rem;} .mainmenu ul.level_1 li > ul {position: absolute;background-color: transparent;z-index: 999} .mainmenu ul.level_1 li > ul { visibility: hidden; opacity: 0; display:block; -webkit-transition-property: opacity, visibility; -moz-transition-property: opacity, visibility; -o-transition-property: opacity, visibility; transition-property: opacity, visibility; -webkit-transition-duration: .2s, 0s; -moz-transition-duration: .2s, 0s; -o-transition-duration: .2s, 0s; transition-duration: .2s, 0s; -webkit-transition-delay: 0s, .2s; -moz-transition-delay: 0s, .2s; -o-transition-delay: 0s, .2s; transition-delay: 0s, .2s } .mainmenu ul li:hover > ul { opacity: 1; visibility: visible; -webkit-transition-delay: 0s, 0s; -moz-transition-delay: 0s, 0s; -o-transition-delay: 0s, 0s; transition-delay: 0s, 0s; } .mainmenu ul.level_2 li { min-width:200px; width: 100%; position: relative; float: none; display: inline-block; margin:0; padding: 0; background:transparent; border-bottom:0px solid #ccc } .mainmenu ul.level_2 li a, .mainmenu ul.level_2 li strong, .mainmenu ul.level_2 li strong.active,.mainmenu ul.level_2 li.trail strong, .mainmenu ul.level_2 li span.forward{ position: relative; float: none; display: block; white-space: nowrap; height:auto; line-height:50px; padding:0 40px 0 10px !important; background-color:#F4F4F4; margin-top:1px; font-size:100%; color:#4d4d4d; border-top:0; } .mainmenu ul.level_2 li.last a, .mainmenu ul.level_2 li.last strong.active, .mainmenu ul.level_2 li.last span.forward {border-bottom:0;} .mainmenu ul.level_2 li a:hover, .mainmenu ul.level_2 li strong.active, .mainmenu ul.level_2 li a.trail, .mainmenu ul.level_2 li.submenu:hover > a, .mainmenu ul.level_2 li span.forward {color:#A55F61;background:#f4f4f4} .mainmenu ul.level_2 li strong.active{} .mainmenu ul.level_1 li strong.active,.mainmenu ul.level_1 li span.forward,.mainmenu ul.level_1 li.trail a,.mainmenu ul.level_1 li.trail strong{color:#A52727;} .mainmenu a.mobile_handle {display: none} .mainmenu ul.level_2 li a{color:#4d4d4d !important;} .mainmenu ul.level_2 li a:hover{color:#A2090C !important;} /*-- Footernav --*/ .footernav ul{margin:auto;text-align:left} .footernav li{display:block} } .mainmenu ul.level_1 a.trail span{color:#acacac} @media screen and (min-width:1110px) { .mainmenu ul.level_1 li a, .mainmenu ul.level_1 li strong.active, .mainmenu ul.level_1 li span.forward{} } #footer li strong{font-weight:300} #footer li a:hover,#footer li strong{color:#A52727;} .mainmenu ul.level_2 li a:focus{background:#000;color:#fff !important;} @media only screen{ /* Das unterdrückt Hinweise im Blog aus der alten Seite */ .ce_hyperlink.kastenblau{display:none} /* Für den Tiny */ .braun {color: #ad8e6b;} .blau {color: #8eb2c5;} /* -- Bilder -- */ .image_container{line-height:0;} img {display: block;width:100%;height:auto;border-style:none;} /* -- headerbild --*/ .headerbild-inside{margin:1rem 0 1rem 0} .headerbild .image_container{position:relative;border:1px solid #DBDBDB;background:#fff;padding:4px;/*box-shadow: -6px 5px 20px 0px rgba(0,0,0,0.3);*/} .headerbild figcaption{width:100%;background:rgba(249,249,249,0.54);color: #333;padding:10px 20px 10px 20px;position: absolute;left:0; right:0;bottom:0;margin:auto;font-size:90%;display:block;line-height:1.5;font-weight:400;} /* -- headerbild FARBEN --*/ /*.headerbild{background:linear-gradient(to right,rgba(255,0,0,0) 0%,rgba(255,0,0,0) 15px, #efe7e6 15px,#efe7e6 75%,rgba(255,0,0,0) 75%,rgba(255,0,0,0));}*/ .headerbild, #left .mod_newsreader{background:linear-gradient(to right,rgba(255,0,0,0) 0%,rgba(255,0,0,0) 30px,#efe7e6 30px,#efe7e6 calc(100% - 30px),rgba(255,0,0,0) calc(100% - 30px),rgba(255,0,0,0));} .headerbild.beige{background:linear-gradient(to right,rgba(255,0,0,0) 0%,rgba(255,0,0,0) 30px, #e8e8e0 30px,#e8e8e0 calc(100% - 30px),rgba(255,0,0,0) calc(100% - 30px),rgba(255,0,0,0));} .ce_image .image_container{position:relative;border:1px solid #DBDBDB;background:#fff;padding:4px;/*box-shadow: -6px 5px 20px 0px rgba(0,0,0,0.3);*/} .ce_image figcaption{width:100%;background:rgba(249,249,249,0.90);color:#333;padding:10px 20px 10px 20px; position: absolute;left:0; right:0;bottom:0;margin:auto;display:block;line-height:1.5;} .ce_image.test{background:linear-gradient(to right,rgba(255,0,0,0) 0%,rgba(255,0,0,0) 15px, #f2f2f2 15px,#f2f2f2 75%,rgba(255,0,0,0) 75%,rgba(255,0,0,0));} .ce_image.test .image-inside{margin:1.5rem} #main .mod_article.teaserartikel .article-inside{ margin:0 15px;padding:0 30px; background:linear-gradient(rgba(255,0,0,0) 0%,rgba(255,0,0,0) 40px,#efe7e6 40px,#efe7e6 calc(100% - 65px),rgba(255,0,0,0) calc(100% - 65px),rgba(255,0,0,0));} /*-- Artikel --*/ .mod_article{width:100%;} #main .mod_article{width:100%;background:transparent;padding:0 0 0 0;margin-bottom:0} #main .mod_article .article-inside{} #main .mod_article.aubergine .article-inside{background:#e0d5d5;margin:0 15px;padding-top:3rem;padding-left:1rem;padding-right:1rem} #right .mod_article{margin-bottom:0 !important;} /*-- Text --*/ strong{font-weight:400;} p{margin:0} p + p{margin-top:1.5em} a{color:#444;} p a,.ce_hyperlink a,label a{color:#383838;} p a:focus, li a:focus, .ce_hyperlink a:focus, button:focus, form a:focus{background:#000 !important;color:#fff !important;} p.hinweis{margin-bottom:1rem;font-style:italic} #left .ce_text a, form a{color:#A2090C;font-weight:400;border-bottom:1px dotted #e1928d} strong{font-weight:500} .ce_text a{color:#B8514B;border-bottom:1px dotted #e1928d } .ce_text a:hover,.mod_search a:hover, form a:hover,.hinweisbox a:hover{color:#444 !important;border-bottom:1px dotted #444} li{list-style-type:none} h2,h3,h4,h5,h6{font-weight:300;color:#282828;line-height:1.2} h2{font-size:150%;margin-bottom:1rem} h3,h4,h5,h6{line-height:1.2;margin-bottom:.6em} h3{font-size:130%;margin-bottom:1em} #right h3{color:#282828;font-size:100%;margin:0;font-weight:500} #right div[class^="ce_"] > h3{margin-bottom:1rem} #right h3.ce_headline{margin-bottom:.5rem} .big p,.mod_search p.header{font-size:120%;line-height:1.3;font-weight:300} h1{font-family: 'Waterfall',Verdana, sans-serif;font-size:330%;font-weight:400;color: #bb5d4f;margin-bottom:1.8rem;line-height:.8} .ce_headline.center:after{content:'';display:block;width:100px;height:1px;background:#ccc;position:relative;margin:1.4rem 0 0 0;left:50%;margin-left:-50px} .ce_headline.center{margin-bottom:1.5rem} .center{text-align:center;margin-left:auto;margin-right:auto} .headline-center{text-align:center;margin-left:auto;margin-right:auto} .text-inside{height:100%} /* -- Elemente -- */ .mod_eventlist{width:100%} #container div[class^="ce_"],#container section[class^="ce_"],#container div[class^="mod_"] {margin-bottom:1.5em;} #main div.big {margin-bottom:1.5em;} #header div[class^="ce_"]{margin-bottom:0;} #header div.ce_image,#header .mod_rocksolid_slider{margin-bottom:1.5em;} /* -- Teaser -- */ .ce_myteaser {position: relative;margin-bottom:3em !important} .ce_myteaser .teaser-inner {min-height:100%;;background:#F6F6F6;padding:1em} .ce_myteaser .teaser-content{margin:0 0 1.5em 0;padding:0 15px 0 0} .ce_myteaser .teaser-inner p.more{margin:0 0 0 0} .mabo-1{margin-bottom:.5em !important} .mabo-2{margin-bottom:1em !important} .mabo-3{margin-bottom:1.5em !important} .mabo-4{margin-bottom:2em !important} .mabo-5{margin-bottom:2.5em !important} .mabo-6{margin-bottom:3em !important} /**/ #main div.mato-1{margin-top:1.5em} #main div.mato-2{margin-top:3em} #main div.mato-3{margin-top:4.5em} .toggler{cursor:pointer;border-bottom:1px dotted #ccc;padding:5px 0 18px 20px} .toggler span{} .toggler:before{position:relative;display:block;background-position:center;content: ''; background: url(../../files/theme/svg/arrow-right.svg);background-repeat:no-repeat;transition: all .3s;transform: rotate(0deg); width: 14px;height:14px;left:0;top:20px;transform-origin: center center;background-size:14px;margin-left:-20px} .toggler.active:before{transform: rotate(90deg);} .toggler:hover,.toggler.active {color:#B8514B} .ce_accordion{margin-bottom:0 !important;} .ce_accordion:last-of-type{margin-bottom:1.5rem !important;} .accordion{margin:1.2rem 0 0 1rem} .nach_oben_link{text-align:center;z-index: 999;} i.icon-up{border: solid #fff;border-width: 0 2px 2px 0;display: inline-block;padding: 3px;-webkit-transform: rotate(-135deg);transform: rotate(-135deg);position: absolute; left: 50%; top: 50%; margin-top: -6px; margin-left: -4px;} .nach_oben_link {position: fixed;bottom: 18px;right:24px;opacity:.8} .nach_oben_link a{height: 30px;width: 30px;display: inline-block;border-radius: 50px;background: rgb(184, 81, 75); } /* Slider */ .tns-nav{text-align:left !important;margin:-1rem 0 0 2.6rem !important;} .tns-controls{display:none} blockquote { margin: 0; padding:.8rem 0 0 3rem; position: relative; } blockquote, q { quotes: none; } blockquote:before { display: block; font-family: Georgia, Times, "Times New Roman", serif; content: "\201D"; font-size: 80px; position: absolute; left:0; top: -11px; color: #d57575; } blockquote:before{ content: '\201D'; } blockquote p { font-family: Georgia, Times, "Times New Roman", serif; font-style: italic; color: #7c7c7c; margin-bottom: 0; font-size:105%; } .content-slider blockquote:before {left:-15px;} .content-slider blockquote {padding:.8rem 0 0 2rem;} .ce_text ul li, .ce_text ol li{margin:1rem 0 .5rem 1.4em;} .ce_text ul li{list-style-type:circle;} .ce_text ol li{list-style-type:decimal;padding-left:5px} .ce_text ul li:last-of-type, .ce_text ol li:last-of-type{margin:0 0 0 1.4em;} .ce_text ul li::marker{color:#A2090C;font-size:130%} .ce_text ol li::marker{color:#A2090C;} /* .ce_text ul li:before{content:'+ ';float:left;width:30px;height:34px;background-repeat:no-repeat !important;color:#ccc}*/ .mod_search .ergebniss{margin-bottom:2rem} #cboxCurrent{display:none !important} .ce_gallery .image_container{overflow:hidden} .ce_gallery img{transition: all 300ms ease-in-out; -webkit-filter: grayscale(1);filter: grayscale(1);} .ce_gallery img:hover{-webkit-filter: grayscale(0);filter: grayscale(0);transform: scale(1.3);} .ce_gallery .image_container{margin:2px} .pagination{width:100%;margin:2em 0 0 0} .pagination p, .pagination ul, .pagination li {float: left;margin-bottom:5px} .pagination span.current {background: #fff;border: 1px solid #ececec;} .pagination p,.pagination li a,.pagination strong.active{border:1px solid #ccc;margin-right:5px;padding:.3em .9em; background:#fff;display:block;font-size:95%} .pagination li a:hover,.pagination strong.active{background:#ccc;color:#333} .hinweisbox{margin-bottom:2rem;} #right .hinweisbox h3{font-size:170%;font-weight:400;margin-bottom:1rem} .hinweisbox-inside{background:#efe7e6;border-radius:4px;padding:2rem 1rem 1rem 1rem;} .paypalblock {background:#efe7e6;border-radius:4px;padding:2rem;margin-bottom:1.5rem} .paypalblock img{width:auto} .ce_text.hinweisbox a{color: #9f041b} .hinweisbox .ce_hyperlink a:hover{border:0;background:#C36963;color:#fff !important;} .ce_teaser-bild{overflow:visible;margin-top:75px;margin-bottom:2.5rem !important;} .ce_teaser-bild .teaser-inner{background:#efe7e6;padding:5.5rem 2rem 3rem 2rem} .ce_teaser-bild .teaser-inner p a{color:#B8514B} .ce_teaser-bild .teaser-inner p.more a{color:#fff !important;} .ce_teaser-bild .teaser-inner p a:hover{color:#666} #right .ce_teaser-bild h3{font-size:170%;font-weight:400;margin-bottom:1rem} .ce_teaser-bild.amazon .teaser-inner{padding-bottom:2rem} .ce_teaser-bild .image_container { border: 2px solid #666; background: #fff; width:150px; height:150px; border-radius: 50%; padding: 2px; display: inline-block; position:absolute;top: 0; -ms-transform: translateY(-50%); transform: translateY(-50%); left: 2.5rem; } .ce_teaser-bild .image_container img{border-radius:100%} .ce_teaser-big{padding:15px 0 0 0} .ce_teaser-big .teaser-inner{margin:0 15px;padding-bottom:60px; background:linear-gradient(rgba(255,0,0,0) 0%,rgba(255,0,0,0) 40px,#efe7e6 40px,#efe7e6 100%);} .ce_teaser-big .teaser-content{margin: 80px 0 0 0;padding:0 60px 0 30px} .ce_teaser-big .image_container{position:relative;border:1px solid #DBDBDB;background:#fff;padding:4px;/*box-shadow: -6px 5px 20px 0px rgba(0,0,0,0.3); */margin:0 2.2rem 0 10px } .ce_teaser-big figcaption{width:100%;background:rgba(249,249,249,0.60);color: #1f1f1f;padding:10px 20px 10px 20px; position: absolute;left:0; right:0;bottom:0;margin:auto;display:block;line-height:1.5;} .ce_teaser-big p.more{margin-top:3rem} .myteaser p.more a{text-decoration:none;border:0;background:#B8514B;width:auto;padding:10px 20px; border-radius:30px;color:#f2f2f2;font-weight:400} .myteaser p.more a:hover{background:#C36963} .ce_miniteaser .textteaser{height:100%; position: relative} .ce_miniteaser .teaser-inner{background:#fff;border:1px solid #ccc;height:100%;position: relative} .ce_miniteaser .image_container {margin:2px;position: relative} .ce_miniteaser h4{font-size:160%;font-weight:400;color:#383838;margin:15px 0 10px} .ce_miniteaser p,.ce_miniteaser h4{padding:0 15px} .ce_miniteaser p.more{margin:2rem 0 2rem 10px} .ce_miniteaser p.more a{background:#7E7A7A;padding:12px 20px;} .miniteaser-text{padding:10px 10px 0} .ce_miniteaser figcaption{width:100%;background:rgba(249,249,249,0.50);color:#333;padding:10px 20px 10px 20px; position: absolute;left:0; right:0;bottom:0;margin:auto;display:block;line-height:1.5;} .ce_hyperlink{overflow:visible} .ce_hyperlink a,p.more a{text-decoration:none;border:0;background:#B8514B;width:auto;padding:10px 28px; border-radius:30px;font-weight:400;color:#fff;display:inline-block} .ce_hyperlink a:hover, p.more a:hover{background:#C36963} .ce_hyperlink.linkleft{margin-bottom:0 !important;padding-left:0 !important;padding-right:0 !important} .ce_hyperlink.linkleft{overflow:visible} .ce_hyperlink.linkleft a{text-decoration:none;border:0;background:transparent;width:calc(100% - 1rem);padding:0; border-radius:0;font-weight:400;color:#444;display:inline-block} .ce_hyperlink.linkleft a:hover{background:transparent} /* -- Footer -- */ #footer{color:#333} .footer-content{width:100%;max-width:1080px;margin:2rem auto 0 auto;} .infobereich{background:#d8d7d3;padding:2rem 0 3rem 0} .nlbereich{background:linear-gradient(#fbfbfb 0%,#fbfbfb 50%,#d8d7d3 50%,#d8d7d3 100%);padding-bottom:0} .nlcontent{margin:0 15px; padding:2rem 1.5rem 3rem;background:#f3f2ed;} .postcontent{background: #888581;line-height:2.4;border-top:1px solid #f2f2f2;text-align:center} .postcontent p{color:#fff;} #footer h2{font-size:180%;margin-bottom:2.2em;color:#666;} #footer h3{font-size:140%;margin-bottom:2em;color: #525252;} #footer h2:after,#footer h3:after{content:' ';position:absolute;width:120px;height:25px;display:block;border-bottom:1px solid #afafaf;} #footer h2{text-align:center} #footer h2:after{left:50%;margin-left:-60px;height:30px;} .footer-content .mod_customnav, .ce_text.facebook{margin-bottom:2rem} #footer .ce_text a{color: #9f041b} /* NEWS */ .slider-start .content-slider{background:linear-gradient(0deg,#f3f2ed 0%,#f3f2ed 100px,transparent 100px);} .mod_newslist{height:100%} .test{height:100%; position: relative;background:#ccc} .layout_latest{margin-bottom:2rem;background:#f3f2ed;padding:2.5rem 2.5rem 3rem 2.5rem;position:relative;overflow:visible} .layout_latest.mitbild{margin-top:70px;padding-top:90px} .layout_latest h2,.layout_latest h2 a,p.info{font-weight:400;color:#595858} .layout_latest h2{font-size:160%;} .layout_latest .ce_text{margin-bottom:2.5rem !important;} .layout_latest .image_container {margin:0 0 0 0;position: relative;width:180px;border: 1px solid #DBDBDB;background: #fff;padding: 4px;} .layout_latest .image_container{position:absolute;top: 0; -ms-transform: translateY(-50%); transform: translateY(-50%);} #left .layout_latest{margin-bottom:1.5rem} .layout_latest h2{font-size:160%;} .layout_full p.info, #left .mod_newsreader{margin-bottom:1.5rem} .layout_latest figcaption{display:none} .ce_sliderStart,.slider-wrapper .mod_newslist,.slider-wrapper .layout_latest{margin-bottom:0 !important;height:100%; position: relative;} .blog-startseite .layout_latest{margin-bottom:.5rem} .related .layout_latest{margin-bottom:2rem;background:#fff;padding:0 0 0 0;} .related .layout_latest figcaption, .related .layout_latest .ce_text{display:none} .fb-inside a{background: #c3d8e3;text-align:center;padding:2rem;border:12px solid #d6e5ee;border-radius:3px;display:block} .fb-inside a{background-image: url(../../files/theme/svg/facebook.svg);background-repeat: no-repeat;background-size:auto 100%;background-position:-12px 12px} .fb-inside a:hover{background-color: #b9d0dc; } .fb-inside p{margin:0;font-size:220%;font-weight:400;transition: all .3s} .fb-inside a{color: #435785} .facebookzahl{font-weight:400;font-size:300%} /* .video-container{background:#fff;border:1px solid #DBDBDB;padding:4px;} .video-container iframe{display:block} */ .video-container,.map_container{position: relative;padding-bottom: 56.25%;height: 0; overflow: hidden;border:1px solid #ccc} .video-container iframe, .map_container iframe, .video-container object, .video-container embed { position: absolute; top: 2px; left: 2px; right:2px; bottom:2px; width:calc(100% - 4px); height:calc(100% - 4px); } .ce_html { width:100% } /* Comments */ .comment,.commentinfo{margin-bottom:1.5rem} .commentform{margin-top:0} .reply {margin:0 0 1.5rem 0;padding:0 2rem 0 1.5rem;border-left:2px solid #eeeeee;} .comment_default p.info{color:#1a1a1a;font-weight:500;font-size:105%} .reply p.info{font-weight:400;font-style:italic} .tag-chain{margin-bottom:1.5rem} .tag-chain a{border-bottom:1px dotted #ccc} .tag-chain li{float:left;display:inline} .ce_download p a, .ce_downloads li a{padding:1rem 0;display:inline-block;width:100%;font-weight:400;position: relative;} .ce_downloads li a{padding:.4rem 0;} .ce_download p a span,.ce_downloads li a span{margin-left:55px;display:block} .ce_downloads li a span{margin-left:35px} .ce_download a:hover,.ce_downloads a:hover{color:#A52727} .ce_download p a:before,.ce_downloads li a:before{ position:absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); display:block; background-position:center; content: ''; background: url(../../files/theme/svg/document.svg); background-size:cover; transition: all .3s; width: 40px;height:40px; left:0; background-repeat: no-repeat} .ce_downloads li a:before{width:24px;height:24px;} .ce_text.info .text-inside{border-left:2px solid #A2090C} .ce_text.info .text-inside{padding-left:15px} } @media (max-width: 768px) { .tagtoggler .toggler{border:1px solid #ccc;position: relative;background:#fff;padding:18px 20px 18px 20px} .tagtoggler .toggler:before{display:none} .tagtoggler .toggler span:after{position:absolute;display:block;background-position:center;content: ''; background: url(../../files/theme/svg/arrow-right.svg);background-repeat:no-repeat;transition: all .3s;transform: rotate(90deg); width: 14px;height:14px;right:20px;top:26px;transform-origin: center center;background-size:14px;} .tagtoggler .toggler.active span:after{transform: rotate(270deg);} .tagtoggler .accordion{background:#fff;margin:0;padding:0 15px 15px 25px;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;} .ce_accordion.mob-accordion{margin-bottom:1rem !important} } @media (min-width: 768px) { h1{font-size:420%;margin-bottom:2.8rem;line-height:.88} h2,h3,h4,h5,h6{font-weight:300;} h2{font-size:190%;} h3{font-size:140%;} .footer-content{width:calc(100% - 80px);max-width:1080px;margin:0 auto;} .nlbereich{padding-bottom:2.5rem} .headerbild-inside{margin:2rem 1rem 6rem 1.5rem} .big p,.mod_search p.header{font-size:130%;line-height:1.3;font-weight:300} /* -- headerbild FARBEN --*/ /*.headerbild{background:linear-gradient(to right,rgba(255,0,0,0) 0%,rgba(255,0,0,0) 15px, #efe7e6 15px,#efe7e6 75%,rgba(255,0,0,0) 75%,rgba(255,0,0,0));}*/ .headerbild, #left .mod_newsreader{background:linear-gradient(to right,rgba(255,0,0,0) 0%,rgba(255,0,0,0) 15px,#efe7e6 15px,#efe7e6 75%,rgba(255,0,0,0) 75%,rgba(255,0,0,0));} .headerbild.beige{background:linear-gradient(to right,rgba(255,0,0,0) 0%,rgba(255,0,0,0) 15px, #e8e8e0 15px,#e8e8e0 75%,rgba(255,0,0,0) 75%,rgba(255,0,0,0));} .nlcontent{;padding:4rem 5rem;box-shadow: -6px 5px 20px 0 rgba(0,0,0,0.3);border:1px solid #e7e7e7;} .related .layout_latest{background:transparent;} .related .layout_latest .teaser-inner{background: #fff; border: 1px solid #ccc; height: 100%; position: relative;} .related .layout_latest .image_container {position: relative;width:calc(100% - 4px);margin:2px;border:1px solid #ccc;background: #fff;padding:0;} .related .layout_latest.odd .teaser-inner{margin-left:15px} .related .layout_latest.even .teaser-inner{margin-right:15px} .related .layout_latest p{margin:15px 25px 15px 25px;font-weight:400} .related .layout_latest p.more{margin-bottom:2rem} .related .layout_latest p.more a{background:#7E7A7A} .related .layout_latest p.more a:hover{background:#C36963} .related-info{margin-bottom:1.5rem} } .formbody,.ce_form {width:100%} /* -- Text fields and textareas -- */ input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="email"], input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],input:not([type]),input[type="submit"], button.submit,textarea { width:100%; display:inline-block; padding:15px; background:#f2f2f2; border:0; margin-bottom:15px; font-weight:300; border-radius:4px } /* -- Font -- */ input.text,input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="email"], input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],input:not([type]),input[type="submit"],button.submit,textarea,select { font-family:inherit; font-size:inherit; line-height:inherit; font-weight:inherit; } /* -- Focus -- */ input[type="text"]:focus,input[type="password"]:focus,input[type="date"]:focus,input[type="datetime"]:focus,input[type="email"]:focus, input[type="number"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="time"]:focus,input[type="url"]:focus,input:not([type]):focus, textarea:focus { outline:0; background:#666; border-color:#bbb; color:#fff; } /* -- Captcha -- */ input.captcha{width:70px;margin-right:.5em;margin-bottom:1em;margin-top:.6em;} /* -- Fix some width and height settings -- */ input[type="file"] {cursor:pointer;} select,input[type="file"] {display:block;} input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"] , button.submit{width:auto;} textarea,select[multiple],select[size] {height:auto;} /* -- Checkboxes and radio buttons -- */ .radio_container span,.checkbox_container span{display:block;} input[type="radio"],input[type="checkbox"] {margin:0 10px 0 2px;} input[type="radio"],input[type="checkbox"]{vertical-align:middle;} .radio_container input,.checkbox_container input{position:relative} .vFormRadio--stacked input, .vFormCheckbox input{background:#ccc;float:left;vertical-align:middle;position:relative;margin-top:3px !important;} .consent{margin:1.5rem 0} .rmBase__compError{color:green; font-weight:400} /* -- Handle disabled and read-only -- */ input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly] {cursor:not-allowed;background:#eee;} input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"][readonly],input[type="checkbox"][readonly] {background:transparent;} /* -- Buttons -- */ input[type="submit"],#main button.submit{ -webkit-appearance: none; width:auto; display:block; text-align:center; vertical-align:middle; cursor:pointer; border:0; font-weight:400; background:#B8514B; color:#fff;padding:10px 30px; border-radius:50px; } #right button.submit{ margin-top:1rem;border-radius:50px;padding:10px 30px;} input[type="submit"]:hover,button:hover { background:#C36963; color:#fff; text-decoration:none; } /*--- optional ---*/ select { -webkit-appearance: button; padding:12px; background-color:#f2f2f2; line-height:1; border: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom:1em; color:#505050; width:100% } /*input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{background:#fff}*/ select:active,select:focus{outline:0;border:0;} span.mandatory{color:red} .ie input:-ms-input-placeholder{color:#ccc;} ::-webkit-input-placeholder {color:#ccc;} ::-moz-placeholder {color:#ccc;} :-ms-input-placeholder {color:#ccc;} :-moz-placeholder {color:#ccc;} .result input[type="search"]{width:calc(100% - 51px);float:left;margin-right:10px;} .result input[type="submit"], .result button.submit{ -webkit-appearance: none; width:40px; padding:0; line-height:25px; padding:0; display:block; cursor:pointer; border:0; background:transparent; color:#fff; border-radius:0; } #main .result input[type="submit"]:hover, #main .result button.submit:hover{ background-color: #6F7A81; } .checkbox_container{padding:0 !important;} label[class^="col-"]{display:block;padding:0 !important;width:100% !important;} #main input[type="text"], #footer input[type="text"],input[type="email"]{width:100% !important;max-width:100% !important;} .kontaktformular .select{width:calc(50% - 15px) !important} .kontaktformular .checkbox_container label{width:calc(100% - 40px);float:right} select:focus{border:0;outline:0} input[type="radio"],input[type="checkbox"] {margin:0 10px 0 2px;width:20px;height:20px;outline:1px solid #ccc;border:0; -webkit-appearance: none; -moz-appearance: none; appearance: none;background:#fff} input[type="radio"]:checked,input[type="checkbox"]:checked{ outline:1px solid #ccc; background:url("../../files/theme/svg/check.svg") #FFFFFF; background-repeat: no-repeat; background-position: center; background-size:90%; } input[type="radio"],input[type="checkbox"]{} .radio_container input,.checkbox_container input{position:relative} .checkbox_container span label {vertical-align:top;line-height:33px} .newsletterbereich label{width:100%;display:block} .newsletterbereich input[type="text"], .newsletterbereich input[type="email"],.newsletterbereich button{background:#fff !important;color:#333} .newsletterbereich button{cursor:pointer;width:30%} .newsletterbereich button:hover{color:rgba(164,37,37,1.00) !important} .newsletterbereich p.error{background:#bb5d4f;color:#fff;padding:1em;width:calc(100% - 15px);margin-bottom:1em} .ce_comments .submit{margin-top:1.5rem} .beratungradio span:nth-last-child(3){margin-top:20px} form p.error{background: #bb5d4f;color:#fff;padding:10px;font-weight:400;border-radius:10px;margin-bottom:10px} @media (min-width: 992px) { /* .newsletterbereich input[type="email"]{width:calc(70% - 30px);float:left;margin-right:15px}*/ .newsletterbereich input[type="submit"]{width:50%;cursor:pointer} } @media only screen{ /**/ #left h2{color:#A52727} #left h3,#left h4{color:#A52727;font-size:150%;margin-bottom:1.5rem} #left .subnavi,.mod_tagcloudnews{margin-bottom:2rem} #left .ce_hyperlink.mitunterstrich{margin-bottom:0} #left .ce_hyperlink a, .ce_hyperlink.linkleft a, #left .subnavi li a, #left .subnavi li.active strong, .beratungsnavi li a, .beratungsnavi li strong, .mod_tagcloudnews li a, .mod_newsmenu li a, .layout_simple a, #left .ce_hyperlink.mitunterstrich a{padding:10px 0;display:inline-block;width:calc(100% - 1rem);border-bottom:1px solid #D4D4D4;line-height:1.3;font-weight:300;position: relative;} #left .subnavi li a, .mod_newsmenu li a, .beratungsnavi li a, #left .ce_hyperlink a, .ce_hyperlink.linkleft a, #left .subnavi li.active strong, .beratungsnavi li strong, .mod_tagcloudnews li a{text-indent:5px} #left .subnavi li a:hover,#left .subnavi li strong, .mod_tagcloudnews li a:hover, .mod_tagcloudnews li strong,.layout_simple a:hover,.mod_newsmenu li a:hover,#left .ce_hyperlink a:hover,#left .subnavi strong, .beratungsnavi strong, .ce_hyperlink.linkleft a:hover{color:#A52727} #left .subnavi li a:before, #left .ce_hyperlink a:before, .ce_hyperlink.linkleft a:before, .mod_tagcloudnews li a:before, .beratungsnavi li a:before, .mod_newsmenu li a:before, .beratungsnavi li strong:before, #left .subnavi li.active strong:before, .layout_simple a:before{ content: ''; display: block; position: relative; float:left; margin-top:7px; left: 0; background: url('data:image/svg+xml;charset=UTF-8,'); width: 10px; height:10px; background-repeat: no-repeat; background-size:cover} .mod_tagcloudnews li:hover a:before, #left .subnavi li:hover a:before, .mod_newsmenu li:hover a:before, #left .ce_hyperlink:hover a:before, .ce_hyperlink.linkleft:hover a:before, #left .subnavi strong:before, .layout_simple:hover a:before {filter: invert(27%) sepia(100%) saturate(1878%) hue-rotate(346deg) brightness(60%) contrast(97%);} .layout_simple span{display:block;float:right;width:calc(100% - 16px)} #left .ce_hyperlink a{background-color:transparent;border:none;color:#282828;border-radius:0} .box .text-inside{padding:3rem 2rem} .box h2, .box h3, .box h4{color:#404040} .boxgruen .text-inside{background:#d7dfd5;} .boxbeige .text-inside{background:#f3f2ed} .boxblau .text-inside{background:#e6f0f6} .boxrosa .text-inside{background:#f6ebef} /* .boxbeige .text-inside{background: #e6f0f6 wird blau }*/ /*.box .text-inside{background-image:url("../../files/theme/testbilder/astro-grafik-2.png");} background-size:80%; background-position:right 300% bottom 330%;*/ .bg .text-inside{background-repeat:no-repeat;background-size:50%;} .bg-or .text-inside{background-image:url("../../files/theme/testbilder/astro-grafik-or.png");background-position:top right} .bg-ul .text-inside{background-image:url("../../files/theme/testbilder/astro-grafik-ul.png");background-position:bottom left} .bg-ur .text-inside{background-image:url("../../files/theme/testbilder/astro-grafik-ur.png");background-position:bottom right} /* .facebook h5:before{ position:relative; float:left; display:block; background-position:center; content: ''; background: url(../../files/theme/svg/facebook2.svg); background-size:cover; transition: all .3s; width: 23px;height:23px; margin:2px 5px 0 0; background-repeat: no-repeat}} */ } @media (min-width: 992px) { .box .text-inside{padding:4rem} /* Abstandsklassen*/ .mabo-0{margin-bottom:0 !important} .mabo-1{margin-bottom:1rem} .mabo-2{margin-bottom:2rem} .mabo-3{margin-bottom:3rem} .mabo-4{margin-bottom:4rem} .mabo-5{margin-bottom:5rem} .mabo-6{margin-bottom:6rem} } button.openSrch{position:relative;float:right;height:32px;width:40px;top:19px;text-align:center;border-right:1px solid #ccc;-webkit-appearance: none;background:transparent;border:0;text-align:center;} .openSrch svg{width:20px;height:20px;fill:#444;position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);overflow:hidden} .openSrch:hover svg{fill:#333} .openSrch:focus svg{fill:#fff} button { color: inherit; font: inherit; line-height: inherit; line-height: normal; -moz-osx-font-smoothing: inherit; text-align: inherit; cursor: pointer; } .overlay { /*visibility:hidden;*/ display:none; position: relative; height:100px; right:25px; top:61px; z-index: 1; background:transparent; -webkit-transition-property: opacity, visibility; -moz-transition-property: opacity, visibility; -o-transition-property: opacity, visibility; transition-property: opacity, visibility; -webkit-transition-duration: .4s, .4s; -moz-transition-duration: .4s, .4s; -o-transition-duration: .4s, .4s; transition-duration: .4s, .4s; -webkit-transition-delay: 0s, 0s; -moz-transition-delay: 0s, 0s; -o-transition-delay: 0s, 0s; transition-delay: 0s, 0s } .overlay-content { position: absolute; top:0; right:0} .overlay .mod_search{width:250px;margin:auto;background:#f4f4f4;border:0;float:left;} .overlay .closebtn { margin:0 0 0 20px; padding:0; border:0; font-size:14px; cursor: pointer; line-height:1; } .overlay .closebtn svg{width:24px;height:24px;fill:#666666} .overlay .closebtn:hover svg{fill:#A2090C} .overlay .text{color:#666 !important} .overlay input[type="search"] { -webkit-appearance: none; width:220px; border:0; background:#f4f4f4; text-indent:10px; text-align:left; color:#666; font-size:105%; margin:0; float:left; height:48px; /* border-radius:4px 0 0 4px; -webkit-border-radius:0 0 0 0;*/ } .overlay input.text{color:#4d4d4d} .overlay input.text:focus{background:#f4f4f4;color:#444 !important} .overlay input[type="search"]::placeholder{color:#4d4d4d} .overlay button { float: left; width: 30px; height:60px; background:#fff; color:#333; border:0; padding:0; margin:0; background: #fff; font-size: 17px; cursor: pointer; border-radius:0 4px 4px 0; -webkit-border-radius:0 0 0 0; } .overlay button svg{fill:#666;width:15px;height:15px;margin-top:4px} .overlay button svg:hover {fill:#333;} .overlay button:focus {background:transparent !important;} .overlay input[type="submit"],.overlay button.submit{ -webkit-appearance: none; width:auto; display:block; text-align:center; vertical-align:middle; cursor:pointer; border:0; background:transparent; color:#fff;padding:0; border-radius:0; margin:2px 0 0; height:48px; } .suchemobil{margin:.5em auto;} .suchemobil input[type="search"],.suchemobil input{width:calc(100% - 50px);height:55px;float:left;background:#fff; border:1px solid #ccc;border-right:0;color:#666;border-radius:0;-webkit-appearance: none;font-size:90%;font-weight:300;text-indent:10px} .suchemobil button{width:50px;height:55px;float:right;margin-right:0;border:1px solid #ccc;border-left:0;text-align:right;padding-right:4px;background:#fff} .suchemobil button svg{fill:#666;width:20px;height:20px;margin:4px 4px 0 0} .mod_search p.header,#right .mod_search form{margin-bottom:1.5rem} .mod_search div.odd,.mod_search div.even{margin-bottom:2.5rem} .mod_search a{font-weight:300;color:#A2090C;} .mod_search h3{margin-bottom:.5rem} p.context{margin-bottom:.2rem} .context .highlight{background:#e7e7e7;padding:0 3px} @charset "UTF-8"; /* .contao-cookiebar { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 9999; font-size: 0; letter-spacing: 0; text-align: left; padding: 15px; max-height: 100vh; box-sizing: border-box; pointer-events: none; overflow: hidden; } */ .contao-cookiebar * { box-sizing: border-box; } .contao-cookiebar:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .contao-cookiebar .cc-inner { display: inline-block; overflow-y: auto; max-height: 100%; max-width: 100%; opacity: 0; pointer-events: none; visibility: hidden; font-size: 1rem; text-align: left; } .contao-cookiebar.cc-top .cc-inner { vertical-align: top; } .contao-cookiebar.cc-top.cc-active .cc-inner { animation: cookiebar-top-in 0.5s ease-in-out forwards; } .contao-cookiebar.cc-top.cc-saved .cc-inner { animation: cookiebar-top-out 0.5s ease-in-out forwards; } .contao-cookiebar.cc-bottom .cc-inner { vertical-align: bottom; } .contao-cookiebar.cc-bottom.cc-active .cc-inner { animation: cookiebar-bottom-in 0.5s ease-in-out forwards; } .contao-cookiebar.cc-bottom.cc-saved .cc-inner { animation: cookiebar-bottom-out 0.5s ease-in-out forwards; } .contao-cookiebar.cc-middle .cc-inner { vertical-align: middle; } .contao-cookiebar.cc-middle.cc-active .cc-inner { animation: cookiebar-middle-in 0.5s ease-in-out forwards; } .contao-cookiebar.cc-middle.cc-saved .cc-inner { animation: cookiebar-middle-out 0.5s ease-in-out forwards; } .contao-cookiebar.cc-left { text-align: left; } .contao-cookiebar.cc-right { text-align: right; } .contao-cookiebar .cc-head h1:first-child, .contao-cookiebar .cc-head h2:first-child, .contao-cookiebar .cc-head h3:first-child, .contao-cookiebar .cc-head h4:first-child, .contao-cookiebar .cc-head h5:first-child, .contao-cookiebar .cc-head h6:first-child { margin-top: 0; } .contao-cookiebar .cc-head p { margin-bottom: 15px; } .contao-cookiebar .cc-btn { display: inline-block; cursor: pointer; width: 100%; padding: 8px 14px; margin-bottom: 8px; font-size:100%; outline: 0 none; border: 1px solid #7E7E7E !important; border-radius: 0px; color: #222222; background: #f5f5f5; transition: all .2s} .contao-cookiebar .cc-btn:hover {background: #ececec; } .contao-cookiebar .cc-btn.deny:hover {background: #D04747;color:#fff !important; } .contao-cookiebar .cc-btn.success:hover {background: #33A31C;color:#fff !important; } .contao-cookiebar .cc-btn:last-child { margin-bottom: 0; } .contao-cookiebar .grayscale .cc-btn { background: #f1efef; } .contao-cookiebar .grayscale .cc-btn:hover { background: #ececec; } .contao-cookiebar .grayscale .cc-btn.success { background: #fbfbfb; } .contao-cookiebar .grayscale .cc-btn.success:hover { background: #f7f7f7; } .contao-cookiebar .highlight .cc-btn.success { background: #4e9e3e; border-color: #3e7830; color: #fff; } .contao-cookiebar .highlight .cc-btn.success:hover { background: #4c933f; } .contao-cookiebar label { position: relative; display: block; padding: 8px 13px 8px 0; line-height: 1.2rem; } .contao-cookiebar label.group { font-weight: 600; } .contao-cookiebar input { position: absolute; width: 1px; height: 1px; outline: 0 none; opacity: 0; } .contao-cookiebar input + label { padding: 8px 13px 8px 50px; cursor: pointer; } .contao-cookiebar input + label:before { content: ''; position: absolute; top: 6px; left: 0; width: 35px; height: 18px; margin: 0; box-sizing: content-box; border-radius: 10px; background: #fff; border: 2px solid #9c9b99; transition: border-color .2s; } .contao-cookiebar input + label:after { display: block; content: ''; position: absolute; top: 10px; left: 4px; width: 14px; height: 14px; border-radius: 10px; background: #9c9b99; transition: background .2s, margin-left .2s, padding .2s; } .contao-cookiebar input + label:active:after { padding-left: 5px; } .contao-cookiebar input.cc-group-half + label:after { background: linear-gradient(to right, #9c9b99 0%, #9c9b99 50%, #399d32 50%, #399d32 100%); } .contao-cookiebar input:checked + label:after { background: #399d32; margin-left: 17px; } .contao-cookiebar input:checked + label:active:after { margin-left: 12px; } .contao-cookiebar input:checked + label:before { background: #dcf3db; border-color: #399d32; } .contao-cookiebar input:disabled + label { pointer-events: none; } .contao-cookiebar input:disabled + label:after { background: #c8c7c5; } .contao-cookiebar input:disabled + label:before { background: #f4f4f4; border-color: #c8c7c5; } .contao-cookiebar.cc-active .cc-inner { opacity: 1; pointer-events: auto; visibility: visible; } .contao-cookiebar.cc-active.cc-blocked { pointer-events: auto; animation: cookiebar-overlay-in 0.5s ease-in-out forwards; } .contao-cookiebar.cc-saved.cc-inner { opacity: 0; pointer-events: none; visibility: hidden; } .contao-cookiebar.cc-saved.cc-blocked { pointer-events: none; animation: cookiebar-overlay-out 0.5s ease-in-out forwards; } .cc-head strong{font-size:120%;font-weight: 400 !important;letter-spacing:-1px} .cc-info p a{border-bottom:1px dotted #666} .cc-info p a:hover{border-bottom:1px dotted #ccc} @media (min-width: 768px) { .contao-cookiebar .cc-btn { width: auto; margin-bottom: 0; } .contao-cookiebar .cc-inner { max-width: 750px; } } @keyframes cookiebar-overlay-in { 0% { background: rgba(0,0,0,0.00); } 100% { background: rgba(0,0,0,0.45); } } @keyframes cookiebar-overlay-out { 0% { background: rgba(0,0,0,0.45); } 100% { background: rgba(0,0,0,0.00); visibility: hidden; } } @keyframes cookiebar-top-in { 0% { opacity: 0; transform: translateY(-100%); } 100% { opacity: 1; transform: translateY(0); } } @keyframes cookiebar-top-out { 0% { opacity: 1; visibility: visible; transform: translateY(0); } 100% { opacity: 0; visibility: hidden; transform: translateY(-100%); } } @keyframes cookiebar-middle-in { 0% { opacity: 0; transform: scale(0); } 100% { opacity: 1; transform: scale(1); } } @keyframes cookiebar-middle-out { 0% { opacity: 1; visibility: visible; transform: scale(1); } 100% { opacity: 0; visibility: hidden; transform: scale(0); } } @keyframes cookiebar-bottom-in { 0% { opacity: 0; transform: translateY(100%); } 100% { opacity: 1; transform: translateY(0); } } @keyframes cookiebar-bottom-out { 0% { opacity: 1; visibility: visible; transform: translateY(0); } 100% { opacity: 0; visibility: hidden; transform: translateY(100%); } } .cookiebar_simple { color: #333333; } .cookiebar_simple p { color: #333333; line-height: 1.4; } .cookiebar_simple .cc-inner { padding: 20px 20px 15px 20px; padding:0; border-radius: 0px; -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.25); background: #fff; } .cookiebar_simple .cc-groups { display: none; padding-top: 15px; } .cookiebar_simple .cc-groups .cc-group { position: relative; border: 1px solid #d0d0d0; border-radius: 0px; margin-bottom: 20px; text-align: left; } .cookiebar_simple .cc-groups .cc-group > label { margin: 5px 130px 5px 10px; } .cookiebar_simple .cc-cookies { background: #fbfbfb; border-radius: 0 0 0px 0px; } .cookiebar_simple .cc-cookies > p { font-size: 1rem; } .cookiebar_simple .cc-cookies > p, .cookiebar_simple .cc-cookies > .cc-cookie { margin: 0; padding: 15px; border-top: 1px solid #e6e6e6; } .cookiebar_simple .cc-cookies .cc-cookie .cc-cookie-info { font-size: 1rem; background: #fff; padding: 10px; border-radius: 0px; border: 1px solid #efefef; } .cookiebar_simple .cc-cookies .cc-cookie .cc-cookie-info > div > span { font-weight: 600; } .cookiebar_simple .cc-cookies .cc-cookie .cc-cookie-info > div + div { margin-top: 5px; } .cookiebar_simple .cc-cookies .cc-cookie .cc-cookie-info + button.cc-detail-btn-details { margin-top: 15px; } .cookiebar_simple .cc-cookies .cc-cookie .cc-cookie-desc p { margin-bottom: 0; } .cookiebar_simple .cc-cookies .cc-cookie label.cookie + p, .cookiebar_simple .cc-cookies .cc-cookie label.cookie + .cc-cookie-info, .cookiebar_simple .cc-cookies .cc-cookie label.cookie + button.cc-detail-btn-details { margin-top: 10px; } .cookiebar_simple .cc-cookies .cc-cookie p { margin: 0 0 15px; font-size: 1rem; } .cookiebar_simple .cc-footer, .cookiebar_simple .cc-info { text-align: left; } .cookiebar_simple .cc-detail-btn-details { border: 0 none; outline: 0 none; background: transparent; font-size: 13px; letter-spacing: 0; text-transform: initial; cursor: pointer; color: #a2a2a2; text-decoration: underline; padding: 0; margin: 0 0 10px; } .cookiebar_simple .cc-detail-btn-details span:nth-child(2) { display: none; } .cookiebar_simple .cc-detail-btn-details.cc-active span:nth-child(1) { display: none; } .cookiebar_simple .cc-detail-btn-details.cc-active span:nth-child(2) { display: inline; } .cookiebar_simple .cc-detail-btn-details:hover { color: #717171; } .cookiebar_simple .cc-info {margin-top:1rem; } .cookiebar_simple .cc-info p{margin-bottom:.7rem} .cookiebar_simple .cc-info > p { font-size: 1rem; } .cookiebar_simple .cc-info > a { display: inline-block; font-size: 1rem; color: #a2a2a2; text-decoration: none; } .cookiebar_simple .cc-info > a:hover { color: #717171; } .cookiebar_simple .cc-info > a + a:before { display: inline-block; content: '·'; margin-right: 5px; } .cc-innercontent {margin:20px;} @media screen and (max-width: 768px) { .cookiebar_simple .cc-info > p, .contao-cookiebar .cc-btn{font-size:18px} .contao-cookiebar .cc-btn{font-weight:400} } @media screen and (min-width: 768px) { .cookiebar_simple .cc-inner { padding:0;} .cc-innercontent {margin:40px;} .cookiebar_simple .cc-inner:before{content:'';width:100%;height:6px;display:block;top:0;left:0;right:0;z-indes:900;border:0; background:linear-gradient(to right,#e66b63 0%,#e66b63 25%,#fee4c9 25%,#fee4c9 50%,#c3d8e3 50%,#c3d8e3 75%,#cbad8b 75%,#cbad8b 100%);} } .mod_ticker .tickertext, .mod_ticker .msg-white, .mod_ticker .msg-white a{background:transparent;} .telex-head{color:#383838;font-size:90%;} .telex{line-height:30px !important} @media only screen and (min-width: 767px) { .telex-head{font-size:95%;color:#383838} .tickertext,.mod_ticker .msg-white, .mod_ticker .msg-white a{);} } /** * @package EuF-Overlay * @author Sebastian Buck * @license LGPL * @copyright Erdmann & Freunde */ .euf_overlay { display: none; position: absolute !important; left: 0; top: 0; bottom: auto; height:30px; right: 0; background: #d9d5bd ; } .euf_overlay__content { width:calc(100% - 30px) !important;max-width:1080px !important;margin:0 auto !important; padding: 0em; height:30px; line-height:30px; box-shadow: none; position: relative !important; top:0 !important; left: auto !important; background: #d9d5bd; color: #000; } .euf_overlay__close { position: absolute; top: 5px; height:20px; width:20px; border-radius:100px; border:0; right:0 !important; padding:0; text-align:center; line-height:20px; color:#fff; background: #5b5757; font-weight: 700; cursor: pointer; z-index:990 } .euf_overlay__close:hover { opacity: 0.5; } @media only screen and (min-width: 767px) { .euf_overlay__content {width:calc(100% - 90px) !important;max-width:1080px !important;margin:0 auto !important;} euf_overlay__close {right:10px !important;} .euf_overlay {height:30px} }