body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.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}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%} .content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666} /*! * Mmenu Light * mmenujs.com/mmenu-light * * Copyright (c) Fred Heusschen * www.frebsite.nl * * License: CC-BY-4.0 * http://creativecommons.org/licenses/by/4.0/ */:root{--mm-ocd-width:80%;--mm-ocd-min-width:200px;--mm-ocd-max-width:440px}body.mm-ocd-opened{overflow-y:hidden;-ms-scroll-chaining:none;overscroll-behavior:none}.mm-ocd{position:fixed;top:0;right:0;bottom:100%;left:0;z-index:9999;overflow:hidden;-ms-scroll-chaining:none;overscroll-behavior:contain;background:rgba(0,0,0,0);-webkit-transition-property:bottom,background-color;-o-transition-property:bottom,background-color;transition-property:bottom,background-color;-webkit-transition-duration:0s,.3s;-o-transition-duration:0s,.3s;transition-duration:0s,.3s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:.45s,.15s;-o-transition-delay:.45s,.15s;transition-delay:.45s,.15s}.mm-ocd--open{bottom:0;background:rgba(0,0,0,.25);-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}.mm-ocd__content{position:absolute;top:0;bottom:0;z-index:2;width:var(--mm-ocd-width);min-width:var(--mm-ocd-min-width);max-width:var(--mm-ocd-max-width);background:#fff;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.mm-ocd--left .mm-ocd__content{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.mm-ocd--right .mm-ocd__content{right:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.mm-ocd--open .mm-ocd__content{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.mm-ocd__backdrop{position:absolute;top:0;bottom:0;z-index:3;width:clamp(calc(100% - var(--mm-ocd-max-width)),calc(100% - var(--mm-ocd-width)),calc(100% - var(--mm-ocd-min-width)));background:rgba(3,2,1,0)}.mm-ocd--left .mm-ocd__backdrop{right:0}.mm-ocd--right .mm-ocd__backdrop{left:0}.mm-spn,.mm-spn a,.mm-spn li,.mm-spn span,.mm-spn ul{display:block;padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}:root{--mm-spn-item-height:50px;--mm-spn-item-indent:20px;--mm-spn-line-height:24px;--mm-spn-panel-offset:30%}.mm-spn{width:100%;height:100%;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;overflow:hidden;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.mm-spn ul{-webkit-overflow-scrolling:touch;position:fixed;top:0;left:100%;bottom:0;z-index:2;width:calc(100% + var(--mm-spn-panel-offset));padding-right:var(--mm-spn-panel-offset);line-height:var(--mm-spn-line-height);overflow:visible;overflow-y:auto;background:inherit;-webkit-transition:left .3s ease 0s;-o-transition:left .3s ease 0s;transition:left .3s ease 0s;cursor:default}.mm-spn ul:after{content:"";display:block;height:var(--mm-spn-item-height)}.mm-spn>ul{left:0}.mm-spn ul.mm-spn--open{left:0}.mm-spn ul.mm-spn--parent{left:calc(-1 * var(--mm-spn-panel-offset));overflow:visible}.mm-spn li{position:relative;background:inherit;cursor:pointer}.mm-spn li:before{content:"";display:block;position:absolute;top:calc(var(--mm-spn-item-height)/ 2);right:calc(var(--mm-spn-item-height)/ 2);z-index:0;width:10px;height:10px;border-top:2px solid;border-right:2px solid;-webkit-transform:rotate(45deg) translate(0,-50%);-ms-transform:rotate(45deg) translate(0,-50%);transform:rotate(45deg) translate(0,-50%);opacity:.4}.mm-spn li:after{content:"";display:block;margin-left:var(--mm-spn-item-indent);border-top:1px solid;opacity:.15}.mm-spn a,.mm-spn span{position:relative;z-index:1;padding:calc((var(--mm-spn-item-height) - var(--mm-spn-line-height))/ 2) var(--mm-spn-item-indent)}.mm-spn a{background:inherit;color:inherit;text-decoration:none}.mm-spn a:not(:last-child){width:calc(100% - var(--mm-spn-item-height))}.mm-spn a:not(:last-child):after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;border-right:1px solid;opacity:.15}.mm-spn span{background:0 0}.mm-spn.mm-spn--navbar{cursor:pointer}.mm-spn.mm-spn--navbar:before{content:"";display:block;position:absolute;top:calc(var(--mm-spn-item-height)/ 2);left:var(--mm-spn-item-indent);width:10px;height:10px;margin-top:2px;border-top:2px solid;border-left:2px solid;-webkit-transform:rotate(-45deg) translate(50%,-50%);-ms-transform:rotate(-45deg) translate(50%,-50%);transform:rotate(-45deg) translate(50%,-50%);opacity:.4}.mm-spn.mm-spn--navbar.mm-spn--main{cursor:default}.mm-spn.mm-spn--navbar.mm-spn--main:before{content:none;display:none}.mm-spn.mm-spn--navbar:after{content:attr(data-mm-spn-title);display:block;position:absolute;top:0;left:0;right:0;height:var(--mm-spn-item-height);padding:0 calc(var(--mm-spn-item-indent) * 2);line-height:var(--mm-spn-item-height);opacity:.4;text-align:center;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.mm-spn.mm-spn--navbar.mm-spn--main:after{padding-left:var(--mm-spn-item-indent)}.mm-spn.mm-spn--navbar ul{top:calc(var(--mm-spn-item-height) + 1px)}.mm-spn.mm-spn--navbar ul:before{content:"";display:block;position:fixed;top:inherit;z-index:2;width:100%;border-top:1px solid currentColor;opacity:.15}.mm-spn.mm-spn--light{color:#444;background:#f3f3f3}.mm-spn.mm-spn--dark{color:#ddd;background:#333}.mm-spn.mm-spn--vertical{overflow-y:auto}.mm-spn.mm-spn--vertical ul{width:100%;padding-right:0;position:static}.mm-spn.mm-spn--vertical ul ul{display:none;padding-left:var(--mm-spn-item-indent)}.mm-spn.mm-spn--vertical ul ul:after{height:calc(var(--mm-spn-item-height)/ 2)}.mm-spn.mm-spn--vertical ul.mm-spn--open{display:block}.mm-spn.mm-spn--vertical li.mm-spn--open:before{-webkit-transform:rotate(135deg) translate(-50%,0);-ms-transform:rotate(135deg) translate(-50%,0);transform:rotate(135deg) translate(-50%,0)}.mm-spn.mm-spn--vertical ul ul li:last-child:after{content:none;display:none} body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section { margin: 0; padding: 0; border: 0; } *, *:active, *:focus { outline: none; } html { height: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { /* min-height: 100%; */ height: 100%; width: 100%; margin: 0; margin: 0px; padding: 0px; font-size: 100%; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, audio, canvas, video { display: block; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } b, strong { font-weight: bold; } abbr[title] { border-bottom: 1px dotted; } input, textarea, button, select { margin: 0; font-size: 100%; line-height: normal; vertical-align: baseline; } button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } textarea { overflow: auto; } img { border: none; } table { border-collapse: collapse; border-spacing: 0; } /* * Clearfix: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * `contenteditable` attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } /*$width1 : 1650px;*/ /*$width1 : 1650px;*/ /* open-sans-300 - latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: url("/files/sophienpflege/layout/webfont/open-sans-v40-latin_latin-ext-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* open-sans-regular - latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url("/files/sophienpflege/layout/webfont/open-sans-v40-latin_latin-ext-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* open-sans-italic - latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: url("/files/sophienpflege/layout/webfont/open-sans-v40-latin_latin-ext-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* open-sans-500 - latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 500; src: url("/files/sophienpflege/layout/webfont/open-sans-v40-latin_latin-ext-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* open-sans-600 - latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: url("/files/sophienpflege/layout/webfont/open-sans-v40-latin_latin-ext-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* open-sans-800 - latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: url("/files/sophienpflege/layout/webfont/open-sans-v40-latin_latin-ext-800.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } strong, b { font-weight: 600; } body { font-family: Open Sans, Arial, sans-serif; font-weight: 400; font-size: 16px; line-height: 28px; text-align: left; color: #000; font-display: swap; } h1 { font-family: Open Sans, Arial, sans-serif; font-size: clamp(1.875rem, calc(1.382rem + 1.974vw), 2.188rem); font-weight: 800; color: #EF7C00; line-height: 1.3; padding-bottom: 20px; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; text-transform: uppercase; } h2 { font-family: Open Sans, Arial, sans-serif; font-size: clamp(1.175rem, calc(1.382rem + 1.974vw), 1.563rem); font-weight: 800; color: #EF7C00; line-height: 35px; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; text-transform: uppercase; } h3 { font-family: Open Sans, Arial, sans-serif; font-size: 1.25rem; color: #922436; line-height: 1.875rem; font-weight: 600; padding-bottom: 30px; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; text-transform: uppercase; } h4 { font-family: Open Sans, Arial, sans-serif; font-size: 50px; color: #882130; line-height: 1.2; padding-bottom: 25px; clear: both; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; text-transform: uppercase; } abbr, abbr[title] { text-decoration: none; -webkit-text-decoration-line: none; text-decoration-line: none; color: #922436; border: 0px solid; } .ce_headline.fachschule { color: #004e8a !important; } .ce_headline.fachschule.trennlinie { border-color: #004e8a !important; } .ce_headline.leskischule { color: #5286c5 !important; } .ce_headline.leskischule.trennlinie { border-color: #5286c5 !important; } .ce_headline.stationaer { color: #E30024 !important; } .ce_headline.stationaer.trennlinie { border-color: #E30024 !important; } .ce_headline.ambulant { color: #00b3d4 !important; } .ce_headline.ambulant.trennlinie { border-color: #00b3d4 !important; } .ce_headline.sophias-gras { color: #92c01a !important; } .ce_headline.sophias-gras.trennlinie { border-color: #92c01a !important; } .ce_headline.sophias-tanne { color: #006c66 !important; } .ce_headline.sophias-tanne.trennlinie { border-color: #006c66 !important; } #header .title { font-size: 130px; font-weight: 800; color: #922436; line-height: 1.1; text-transform: uppercase; margin-top: 105px; } #main p { font-size: 1.25rem; line-height: 2.188rem; overflow-wrap: break-word; /*padding-bottom: 40px;*/ } #main .ce_headline.trennlinie { padding-bottom: 13px; border-bottom: 3px solid #EF7C00; } #main a:not(.linkbutton):not(.linkbutton-schmal) { color: #922436; text-decoration: none; font-weight: 600; background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor)); background-image: -webkit-linear-gradient(currentColor, currentColor); background-image: -o-linear-gradient(currentColor, currentColor); background-image: linear-gradient(currentColor, currentColor); background-position: 0% 100%; background-repeat: no-repeat; background-size: 0% 2px; -webkit-transition: background-size .3s; -o-transition: background-size .3s; transition: background-size .3s; /* &::after { content: "\2192"; padding-left: 8px; --translate-x: 0; --translate-y: 0; --offset-arrow-reduction: 0.375; --offset-arrow-pos: 2ch; --offset-arrow-neg: calc(var(--offset-arrow-pos) * -1); --offset-arrow-pos-reduced: calc(var(--offset-arrow-pos) * var(--offset-arrow-reduction)); --offset-arrow-neg-reduced: calc(var(--offset-arrow-neg) * var(--offset-arrow-reduction)); position: absolute; transform: translate(var(--translate-x), var(--translate-y)); transition: 0.175s transform; line-height: 40px; }*/ } #main a:not(.linkbutton):not(.linkbutton-schmal):hover { text-decoration: underline; } #main a:not(.linkbutton):not(.linkbutton-schmal):hover::after { --translate-x: var(--offset-arrow-pos-reduced); } #main a:not(.linkbutton):not(.linkbutton-schmal):hover, #main a:not(.linkbutton):not(.linkbutton-schmal):focus { background-size: 100% 2px; text-decoration: none; } #main a:not(.linkbutton):not(.linkbutton-schmal) a:not(.linkbutton):not(.linkbutton-schmal):hover, #main a:not(.linkbutton):not(.linkbutton-schmal) a:not(.linkbutton):not(.linkbutton-schmal):focus { background-size: 100% 2px; text-decoration: none; } #main .mod_article.rot a:not(.linkbutton), #main .mod_article.orange a:not(.linkbutton) { color: #FFFFFF; } #main .mod_article.rot .ce_headline, #main .mod_article.orange .ce_headline { color: #FFFFFF; } #main .toplink { text-align: center; display: block; margin: auto; margin-bottom: 75px; } #main .toplink a { text-transform: uppercase; } #main .toplink a:after { content: ""; background-image: url(/files/sophienpflege/layout/img/top-arrow.svg); background-size: cover; background-position: center; background-repeat: no-repeat; width: 20px; height: 20px; display: inline-block; margin-left: 10px; margin-bottom: -1px; -webkit-transform: none; -ms-transform: none; transform: none; } #main h5 { font-family: Open Sans, Arial, sans-serif; color: #882130; font-size: 30px; line-height: 45px; font-weight: 500; display: inline-block; padding: 0px 20px; padding-left: 32px; text-indent: -24px; } #main h2.ce_headline { margin-bottom: 35px; } #main .image_container figcaption { font-size: 0.875; line-height: 1.5; text-align: left; margin-top: 7px; } #main .ce_hyperlink.linkbutton-breit a { background-color: #EF7C00; color: #FFFFFF; font-weight: 600; margin: auto; border-radius: 10px; padding: 10px 35px; display: block; margin: auto; text-align: center; margin-top: 45px; text-transform: uppercase; font-size: 1.25rem; background-size: 0; -webkit-transition: 0; -o-transition: 0; transition: 0; } #main .ce_hyperlink.linkbutton-breit a:hover { text-decoration: underline; background-color: #922436; } #main .ce_hyperlink.linkbutton-breit a::after { display: none; } #main .ce_download.linkbutton a { background-color: #EF7C00; color: #FFFFFF; font-weight: 600; margin: auto; border-radius: 10px; padding: 25px 35px; display: block; margin: auto; text-align: center; text-transform: uppercase; } #main .ce_download.linkbutton a:hover { background-color: #922436; } #main .ce_download.linkbutton-breit { margin-top: 45px; } #main .ce_download.linkbutton-breit a { background-color: #EF7C00; color: #FFFFFF; font-weight: 600; margin: auto; border-radius: 10px; padding: 25px 35px; display: block; margin: auto; text-align: center; text-transform: uppercase; } #main .ce_download.linkbutton-breit a::after { display: none; } #main .ce_download.linkbutton-breit a:hover { background-size: 0; text-decoration: underline; background-color: #922436; } #main .ce_download.linkbutton-breit a span:after { content: ""; background-image: url("/files/sophienpflege/layout/img/download.svg"); background-repeat: no-repeat; background-size: contain; width: 36px; height: 36px; display: inline-block; margin-bottom: -10px; margin-left: 20px; } #main .ce_text h2 { width: 100%; } #main .ce_text p { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } #main .ce_text ul { font-size: 1.25rem; line-height: 2.188rem; list-style-position: outside; margin-left: 22px; padding-bottom: 40px; } #main .ce_text ul li { padding: 0; list-style-position: outside; padding-left: 8px; } #main .ce_text.fullwidth p { text-align: center; width: 100%; } #main .ce_text a.linkbutton-schmal { background-color: #EF7C00; color: #FFFFFF; font-weight: 600; margin: auto; border-radius: 10px; padding: 10px 35px; display: inline-block; margin: auto; text-align: center; margin-top: 45px; text-transform: uppercase; } #main .ce_text a.linkbutton-schmal:hover { background-color: #922436; } #main .ce_text a.linkbutton { background-color: #EF7C00; color: #FFFFFF; font-weight: 600; margin: auto; border-radius: 10px; padding: 10px 35px; display: block; margin: auto; text-align: center; margin-top: 45px; text-transform: uppercase; } #main .ce_text a.linkbutton:hover { background-color: #922436; } #main .ce_text a.linkbutton::after { display: none; } #main .ce_text a.linkbutton.download::after { content: ""; display: inline-block; position: absolute; width: 36px; height: 36px; background-image: url("/files/sophienpflege/layout/img/icons/download.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; margin-top: -22px; margin-left: 7px; -webkit-transition: none; -o-transition: none; transition: none; } #main .ce_text.box-orange a.linkbutton { margin: auto; background-color: #FFFFFF; color: #EF7C00; border-radius: 44px; padding: 10px 35px; display: table; margin: auto; text-align: center; margin-top: 45px; text-transform: uppercase; } #main .ce_text.box-orange h3 { text-transform: uppercase; } #main .ce_text.box-blau a { color: #FFFFFF; } #main .ce_text.box-blau a:after { display: none; } #main .ce_text.box-blau a:before { content: ""; background-image: url(/files/sophienpflege/layout/img/ring-weiss.svg); background-size: cover; background-position: center; background-repeat: no-repeat; width: 20px; height: 20px; display: inline-block; margin-right: 10px; margin-bottom: -1px; } #main .ce_text.box-blau a.linkbutton::before { display: none; } #main .ce_text.box-blau h4 { color: #FFFFFF; } #main .ce_text .pre_headline_green { text-transform: uppercase; font-size: 23px; color: #34973C; font-weight: normal; } #main .ce_text .text_green { font-size: 30px; color: #34973C; font-weight: 600; padding-top: 10px; display: block; } #main .ce_text .pre_headline_orange { text-transform: uppercase; font-size: 23px; color: #D76A1B; font-weight: normal; } #main .ce_text .text_orange { font-size: 30px; color: #D76A1B; font-weight: 600; padding-top: 10px; display: block; } #main .ce_text .pre_headline_gelb { text-transform: uppercase; font-size: 23px; color: #DB9913; font-weight: normal; } #main .ce_text .text_gelb { font-size: 30px; color: #DB9913; font-weight: 600; padding-top: 10px; display: block; } #main .ce_text .pre_headline_rot { text-transform: uppercase; font-size: 23px; color: #B21D22; font-weight: normal; } #main .ce_text .text_rot { font-size: 30px; color: #B21D22; font-weight: 600; padding-top: 10px; display: block; } #main .ce_text .pre_headline_blau { text-transform: uppercase; font-size: 23px; color: #044E96; font-weight: normal; } #main .ce_text .text_blau { font-size: 30px; color: #044E96; font-weight: 600; padding-top: 10px; display: block; } @-webkit-keyframes a1 { 90%, 100% { -webkit-box-flex: 1; flex-grow: 1; } } @keyframes a1 { 90%, 100% { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } } .ce_text a { color: #FFFFFF; text-decoration: none; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .ce_text a:hover { text-decoration: underline; } .ce_text li { padding-bottom: 20px; } p.back { border-radius: 50px; padding: 15px; display: inline-block; } p.back a { text-decoration: none; color: #FFFFFF; font-weight: 600; font-size: 1.2rem; } p.back a:hover { color: #882130; } p.back a:before { content: "< "; display: inline-block; padding-right: 10px; } #footer { font-weight: 300; font-size: 18px; } #footer h5 { font-weight: 600; font-size: 18px; margin-bottom: 10px; margin-top: 20px; color: #FFFFFF; } #footer .active { font-weight: 400; } #footer .legallinks a { margin-bottom: 15px; display: block; font-weight: 600; } #footer .copyright { font-size: 23px; font-weight: 600; } @media (max-width: 730px) { #main .ce_text.box-orange a.linkbutton:after { display: none; } } @media (max-width: 650px) { #main h2.ce_headline { margin-bottom: 10px; padding-bottom: 0px; } h3 { font-size: 1.7rem; line-height: 1.3; } h4 { font-size: 30px; } #main .inside .mod_article .ce_text.box-blau .ce_text-text { padding: 60px 0px !important; } } @media (max-width: 600px) { h3 { font-size: 2rem; } #main .ce_text a.linkbutton { /*padding: 10px 10px 10px 45px;*/ } #main .ce_text a.linkbutton:before { margin-left: -48px !important; margin-right: 13px !important; } } @media (max-width: 600px) { h1 { font-size: 1.9rem; } } /*$width1 : 1650px;*/ body { background-color: white; } #wrapper { width: 100%; margin: auto; } #header { width: 100%; margin: auto; background-color: #FFFFFF; z-index: 999; min-height: 142px; display: unset; } #header .inside { display: unset; margin-top: 30px; } #header .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 1380px; margin: auto; margin-bottom: 45px; margin-top: 50px; } #header .row .left .logo { width: 480px; } #header .row .left .logo img { width: 100%; height: auto; } #header .right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; max-width: 1380px; color: #363636; font-weight: 600; margin: auto; position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; top: 156px; z-index: 100000; } #header .right .spendebutton { text-transform: uppercase; margin-left: 42px; background-color: #922436; border-radius: 10px; padding: 10px 16px; margin-top: -108px; margin-bottom: 58px; } #header .right .spendebutton::before { content: ""; display: inline-block; width: 18px; height: 18px; margin-bottom: -3px; margin-right: 9px; background-image: url("/files/sophienpflege/layout/img/icons/herz.svg"); background-size: contain; background-position: center; background-repeat: no-repeat; } #header .right .spendebutton p a { color: #FFFFFF; } #header .right .spendebutton p { display: inline-block; } #header .right .spendebutton a { color: #363636; text-decoration: none; background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor)); background-image: -webkit-linear-gradient(currentColor, currentColor); background-image: -o-linear-gradient(currentColor, currentColor); background-image: linear-gradient(currentColor, currentColor); background-position: 0% 100%; background-repeat: no-repeat; background-size: 0% 2px; -webkit-transition: background-size .3s; -o-transition: background-size .3s; transition: background-size .3s; } #header .right .spendebutton a:hover, #header .right .spendebutton a:focus { background-size: 100% 2px; text-decoration: none; } #header .right .spendebutton .text_content { display: inline-block; } #header .right .spendebutton .rte { display: inline-block; } #header .mobilemenubutton { display: none; } .custom { position: relative; } #header-section { width: 100%; margin: auto; background-color: #FFFFFF; } #header-section .inside { max-width: 1380px; margin: auto; } #header-section .inside .floatsection { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 40px; } #header-section .inside .floatsection h1 { width: calc(50% - 40px); } #header-section .inside .floatsection .floatbox_inner { font-size: 30px; color: #000; line-height: 45px; width: calc(50% - 30px); padding-left: 30px; font-weight: 500; } #header-section .inside .content-text { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; margin-bottom: 40px; } #header-section .inside .content-text .text_content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } #header-section .inside .content-text h1 { width: 50%; padding-right: 40px; width: calc(50% - 40px); } #header-section .inside .content-text .rte { width: 50%; padding-left: 30px; width: calc(50% - 30px); } #header-section .inside .content-text p { font-size: clamp(1rem, calc(1.84rem + 1.80vw), 1.825rem); line-height: 1.6; font-weight: 600; color: #000; } #main { width: 100%; } #main .inside { max-width: 1920px; margin: auto; margin-top: 25px; } #main .inside .mod_article { max-width: 1380px; margin: auto; margin-bottom: 10px; } #main .inside .mod_article.intro .ce_text { display: block; width: 75%; } #main .inside .mod_article.intro .ce_text p { font-size: 1.44rem; line-height: 38px; max-width: 661px; } #main .inside .mod_article .image_container img { border-radius: 10px; } #main .inside .mod_article.zweispaltig { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 60px; column-gap: 60px; row-gap: 60px; margin-bottom: 60px; } #main .inside .mod_article.zweispaltig div { width: calc(50% - 30px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; /* &:nth-child(odd) { margin-right: 30px; } &:nth-child(even) { margin-left: 30px; } */ } #main .inside .mod_article.zweispaltig .ce_text { border-radius: 10px; margin-bottom: 0; } #main .inside .mod_article.zweispaltig .ce_text .image_container.float_above { margin-bottom: 25px; } #main .inside .mod_article.zweispaltig .ce_text .image_container.float_above img { width: 100%; border-radius: 10px; } #main .inside .mod_article.zweispaltig .ce_text p { padding-top: 25px; } #main .inside .mod_article.zweispaltig .ce_text p:last-child { padding-bottom: 20px; } #main .inside .mod_article.zweispaltig .downloadcontainer > div { width: 100%; } #main .inside .mod_article.zweispaltig .downloadcontainer .ce_download.linkbutton { margin-top: 30px; } #main .inside .mod_article.zweispaltig .downloadcontainer .ce_download.linkbutton span:after { content: ""; background-image: url("/files/sophienpflege/layout/img/download.svg"); background-repeat: no-repeat; background-size: contain; width: 36px; height: 36px; display: inline-block; margin-bottom: -10px; margin-left: 20px; } #main .inside .mod_article.dreispaltig { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 60px; column-gap: 60px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } #main .inside .mod_article.dreispaltig div:not(.inner) { width: calc(33% - 38px); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; /* &:nth-child(even) { margin-left: 60px; margin-right: 60px; }*/ } #main .inside .mod_article.dreispaltig .ce_headline { display: block; width: 100%; } #main .inside .mod_article.dreispaltig .ce_hyperlink.linkbutton-breit { width: 100%; margin-bottom: 50px; } #main .inside .mod_article.dreispaltig.box .ce_text { border: 1px solid #E1E1E1; border-radius: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 777px; } #main .inside .mod_article.dreispaltig.box .ce_text figure.image_container { height: auto; } #main .inside .mod_article.dreispaltig.box .ce_text .image_container.float_above img { width: 100%; border-radius: 0px; } #main .inside .mod_article.dreispaltig.box .ce_text p, #main .inside .mod_article.dreispaltig.box .ce_text h2 { padding: 25px 20px 0px 20px; } #main .inside .mod_article.dreispaltig.box .ce_text h2 { max-width: calc(100% - 40px); } #main .inside .mod_article.dreispaltig.box .ce_text p:last-child { padding-bottom: 20px; margin-top: auto; } #main .inside .mod_article.dreispaltig h3 { color: #1E1E1E; margin-top: 35px; } #main .inside .mod_article.vierspaltig { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 60px; column-gap: 60px; } #main .inside .mod_article.vierspaltig .ce_text { width: calc(25% - 45px); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #main .inside .mod_article.vierspaltig .ce_headline { display: block; width: 100%; } #main .inside .mod_article.vierspaltig .ce_hyperlink.linkbutton-breit { width: 100%; margin-bottom: 50px; } #main .inside .mod_article.vierspaltig .ce_text figure.image_container { height: auto; margin-bottom: 25px; } #main .inside .mod_article.vierspaltig .ce_text p { font-size: 1.125rem; line-height: 1.75rem; word-break: break-all; } #main .inside .mod_article.eingerueckt .ce_text { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 300px; padding-right: 175px; } #main .inside .mod_article.eingerueckt .ce_text ul { list-style-position: outside; padding-left: 45px; } #main .inside .mod_article.fensterbreite { width: 100vw; max-width: none; margin: 0 calc(50% - 50vw); /*margin-top: -100px;*/ margin-bottom: 60px; } #main .inside .mod_article.fensterbreite .ce_text { padding-bottom: 40px; } #main .inside .mod_article.fensterbreite.grau { background-color: #F6F6F6; } #main .inside .mod_article.fensterbreite.blau { background-color: #882130; } #main .inside .mod_article.fensterbreite.rot { background-color: #922436; } #main .inside .mod_article.fensterbreite.rot .inner { padding: 30px 0px; } #main .inside .mod_article.fensterbreite.rot h1, #main .inside .mod_article.fensterbreite.rot h2, #main .inside .mod_article.fensterbreite.rot p { color: #FFFFFF; } #main .inside .mod_article.fensterbreite.rot .image_container figcaption { color: #FFFFFF; } #main .inside .mod_article.fensterbreite.orange { background-color: #EF7C00; } #main .inside .mod_article.fensterbreite.orange .inner { /*padding: 30px 112px;*/ padding: 30px 0px; } #main .inside .mod_article.fensterbreite.orange .ce_hyperlink.linkbutton-breit { width: 100%; margin-bottom: 50px; } #main .inside .mod_article.fensterbreite.orange .ce_hyperlink.linkbutton-breit a { background-color: #922436; } #main .inside .mod_article.fensterbreite.orange .ce_headline { margin-bottom: 20px; } #main .inside .mod_article.fensterbreite.orange .ce_text { margin-bottom: 0px; color: #FFFFFF; } #main .inside .mod_article.fensterbreite .inner { max-width: 1380px; margin: auto; padding: 112px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } #main .inside .mod_article.fensterbreite.nopadding .ce_text { padding: 0px; } #main .inside .mod_article.fensterbreite .ce_sliderStart { padding: 50px 0px; } #main .inside .mod_article.fensterbreite .ce_headline { width: 100%; } #main .inside .mod_article.fensterbreite .ce_text-image figure.image_container { padding: 0; text-align: center; } #main .inside .mod_article.fensterbreite .ce_text-image figure.image_container img { margin: auto; } #main .inside .mod_article.fensterbreite .ce_form { margin: auto; padding: 112px; max-width: 1380px; } #main .inside .mod_article.fensterbreite .ce_hyperlink.linkbutton-breit { width: 100%; margin-bottom: 50px; } #main .inside .mod_article.fensterbreite .ce_hyperlink.linkbutton-breit a { background-color: #EF7C00; color: #FFFFFF; display: inline-block; width: calc(100% - 75px); margin-left: 0px; margin-top: 0px; font-size: 1.25rem; } #main .inside .mod_article.fensterbreite .ce_hyperlink.linkbutton-breit a:hover { background-size: 0; } #main .inside .mod_article .linkboxcontainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 60px; column-gap: 60px; row-gap: 60px; margin-bottom: 50px; } #main .inside .mod_article .linkboxcontainer.dreispaltig .ce_hyperlink { width: 416px; width: calc((100% / 3) - 44px); height: 198px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 2px solid #FFFFFF; border-radius: 10px; text-align: center; /* &:first-child{ margin-right: 60px; } &:nth-child(3) { margin-left: 60px; } &:nth-child(4) { margin-right: 60px; }*/ } #main .inside .mod_article .linkboxcontainer.vierspaltig { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #main .inside .mod_article .linkboxcontainer.vierspaltig .ce_hyperlink { width: calc((100% / 4) - 49px); height: 144px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 2px solid #FFFFFF; border-radius: 10px; text-align: center; } #main .inside .mod_article .linkboxcontainer .ce_hyperlink { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #main .inside .mod_article .linkboxcontainer .ce_hyperlink .linkbox { background: none; } #main .inside .mod_article .linkboxcontainer .ce_hyperlink .linkbox .image_container { text-align: center; } #main .inside .mod_article .linkboxcontainer .ce_hyperlink .linkbox .image_container img { display: inline-block; } #main .inside .mod_article .linkboxcontainer .ce_hyperlink:hover { background-color: #922436; } #main .inside .mod_article.halb { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } #main .inside .mod_article.halb .ce_text { width: 50%; margin-bottom: 100px; } #main .inside .mod_article.halb .ce_text .ce_text-image { width: 50%; } #main .inside .mod_article.halb .ce_text .ce_text-image figure.image_container { width: 222px; } #main .inside .mod_article.halb .ce_text.fullwidth, #main .inside .mod_article.halb .ce_headline.fullwidth { width: 100%; } #main .inside .mod_article.halb .zweispaltig_element.drittel .ce_text-image { max-width: 293px; } #main .inside .mod_article.halb .zweispaltig_element.drittel .ce_text-text p { padding: 0; } #main .inside .mod_article.halb .zweispaltig_element.drittel .ce_text-text h3 { color: #000; text-transform: none; } #main .inside .mod_article.halb-untereinander { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } #main .inside .mod_article.halb-untereinander .ce_text.fullwidth, #main .inside .mod_article.halb-untereinander .ce_headline.fullwidth { width: 100%; } #main .inside .mod_article.halb-untereinander .ce_text { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: start; align-content: flex-start; } #main .inside .mod_article.halb-untereinander .ce_text figure.image_container, #main .inside .mod_article.halb-untereinander .ce_text h3, #main .inside .mod_article.halb-untereinander .ce_text p { width: 100%; display: block; height: auto; } #main .inside .mod_article.drittel { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } #main .inside .mod_article.drittel .ce_text { width: calc(33% - 60px); padding-right: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: start; align-content: flex-start; margin-bottom: 100px; } #main .inside .mod_article.drittel .ce_text p { width: 100%; } #main .inside .mod_article.drittel .ce_text figure.image_container, #main .inside .mod_article.drittel .ce_text h3, #main .inside .mod_article.drittel .ce_text p { width: 100%; display: block; height: auto; } #main .inside .mod_article.box-rot-orange { margin-top: 50px; } #main .inside .mod_article.box-rot-orange .ce_text { display: -webkit-box; display: -ms-flexbox; display: flex; } #main .inside .mod_article.box-rot-orange .ce_text.floatinglayout { -webkit-column-gap: 0px; column-gap: 0px; } #main .inside .mod_article.box-rot-orange .ce_text .ce_text-image { background-color: #922436; } #main .inside .mod_article.box-rot-orange .ce_text .ce_text-image .image_container img { border-radius: 0px; height: 100%; width: auto; -o-object-fit: cover; object-fit: cover; } #main .inside .mod_article.box-rot-orange .ce_text .ce_text-text { background-color: #EF7C00; padding: 35px; width: calc(100% - 70px); color: #FFFFFF; } #main .inside .mod_article.box-rot-orange .ce_text .ce_text-text h2 { color: #FFFFFF; } #main .inside .mod_article.box-rot-orange .ce_text .ce_text-text p { padding-bottom: 0px; } #main .inside .mod_article.box-rot-orange .ce_text .ce_text-text a.linkbutton { display: block; text-align: left; padding: 10px 45px; } #main .inside .mod_article.box-rot-orange .ce_text .ce_text-text a.linkbutton:hover { background-color: transparent; } #main .inside .mod_article.box-rot-orange .ce_text .ce_text-text a.linkbutton::before { content: ""; background-image: url("/files/sophienpflege/layout/img/ring-weiss-gross.svg"); width: 35px; height: 35px; display: inline-block; background-repeat: no-repeat; margin-left: -46px; margin-right: 11px; margin-bottom: -10px; } #main .inside .mod_article .ce_text { margin-bottom: 60px; } #main .inside .mod_article .ce_text.floatinglayout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 60px; column-gap: 60px; } #main .inside .mod_article .ce_text .ce_text-text { width: 50%; } #main .inside .mod_article .ce_text .ce_text-image { width: 50%; } #main .inside .mod_article .ce_text.zitat { background-image: url("/files/sophienpflege/layout/img/bg_trans_kreis.svg"); background-position: center; background-repeat: no-repeat; text-align: center; min-height: 170px; } #main .inside .mod_article .ce_text.zitat p { color: #922436; font-size: 1.875rem; line-height: 2.813rem; text-align: center; margin: auto; font-weight: 600; padding-bottom: 0; } #main .inside .mod_article .ce_text.zitat p:nth-child(2) { font-size: 1rem; line-height: 1.5; font-style: italic; color: #000; } #main .inside .mod_article .ce_text.box-blau { background-color: #882130; color: #FFFFFF; } #main .inside .mod_article .ce_text.box-blau h2, #main .inside .mod_article .ce_text.box-blau h3 { color: #FFFFFF; } #main .inside .mod_article .ce_text.box-blau .ce_text-text { padding: 60px 30px; } #main .inside .mod_article .ce_text.box-blau .ce_text-text .linkbutton { background-color: #FFFFFF; color: #882130; margin-left: 0px; } #main .inside .mod_article .ce_text.box-blau .ce_text-image { padding: 0px; } #main .inside .mod_article .ce_text.box-blau .ce_text-image .image_container { width: 100%; } #main .inside .mod_article .ce_text.box-orange { background-color: #EF7C00; color: #FFFFFF; max-width: 1086px; padding: 95px 65px; margin: auto; margin-top: 115px; margin-bottom: 115px; display: block; } #main .inside .mod_article .ce_text.box-orange h2, #main .inside .mod_article .ce_text.box-orange h3 { color: #FFFFFF; } #main .inside .mod_article .ce_text.box-orange p { margin: auto; } #main .inside .mod_article .ce_text.box-rot { background-color: #922436; color: #FFFFFF; max-width: 1086px; padding: 95px 65px; margin: auto; margin-top: 115px; margin-bottom: 115px; display: -webkit-box; display: -ms-flexbox; display: flex; } #main .inside .mod_article .ce_text.box-rot h2, #main .inside .mod_article .ce_text.box-rot h3 { color: #FFFFFF; } #main .inside .mod_article .ce_text.box-rot p { margin: auto; } #main .inside .mod_article .ce_text.box-rot .ce_text-image { width: 33%; } #main .inside .mod_article .ce_text.box-rot .ce_text-text { width: 67%; } #main .inside .mod_article .ce_text.box-rot .ce_text-text a.linkbutton { background-color: #FFFFFF; color: #922436; display: inline-block; margin-left: 0px; margin-top: 0px; } #main .inside .mod_article .ce_text figure.image_container { display: block; height: 100%; width: 100%; padding: 0; text-align: center; } #main .inside .mod_article .ce_text figure.image_container img { margin: auto; } #footer { color: white; width: 100%; } #footer .inside { max-width: calc(1380px - (2* 48px)); margin: auto; background-color: #882130; padding: 48px; } #footer .footer_content { margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 45px; } #footer .footer_content .logo img { width: 354px; height: auto; } #footer .footer_content .content-text p { margin-bottom: 15px; } #footer .footer_content .footer-text { max-width: 840px; padding-right: 94px; font-size: 1.3rem; font-weight: 600; } #footer .footer_content .col { padding-right: 60px; } #footer .footer_content .col:first-child { width: 100%; } #footer .footer_content .col .kontakt { text-transform: uppercase; font-weight: 600; } #footer .footer_content .col .legallinks { display: block; } #footer .footer_content .col.social-icons { width: 12%; text-align: left; } #footer .footer_content .col.social-icons a { display: block; margin-bottom: 24px; font-weight: 600; } #footer .footer_content .col.social-icons a:hover { text-decoration: underline; } #footer .footer_content .col.social-icons a:hover::after { --translate-x: var(--offset-arrow-pos-reduced); } #footer .footer_content .col.social-icons a::after { content: "\2192"; padding-left: 2px; --translate-x: 0; --translate-y: 0; --offset-arrow-reduction: 0.375; --offset-arrow-pos: 2ch; --offset-arrow-neg: calc(var(--offset-arrow-pos) * -1); --offset-arrow-pos-reduced: calc(var(--offset-arrow-pos) * var(--offset-arrow-reduction)); --offset-arrow-neg-reduced: calc(var(--offset-arrow-neg) * var(--offset-arrow-reduction)); position: absolute; -webkit-transform: translate(var(--translate-x), var(--translate-y)); -ms-transform: translate(var(--translate-x), var(--translate-y)); transform: translate(var(--translate-x), var(--translate-y)); -webkit-transition: 0.175s -webkit-transform; transition: 0.175s -webkit-transform; -o-transition: 0.175s transform; transition: 0.175s transform; transition: 0.175s transform, 0.175s -webkit-transform; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); font-size: 10px; margin-top: -7px; } #footer .footer_content .col.social-icons a img { width: 18px; height: 18px; margin-right: 3px; line-height: 1; margin-bottom: -3px; } @media (max-width: 1690px) { #header { padding: 0px; } #header .header_content { padding-left: 40px; padding-right: 40px; } #main .inside { /* .mod_article { padding-left: 40px; padding-right: 40px; &.fensterbreite { width: auto; margin: 50px 0px 150px 0px; .ce_text { padding: 0; } } &.drittel { .ce_text { width: calc(50% - 60px); } } } */ } #main .inside .mod_article .linkboxcontainer { -webkit-column-gap: 25px; column-gap: 25px; row-gap: 25px; } #main .inside .mod_article .linkboxcontainer.dreispaltig .ce_hyperlink { width: calc((100% / 3) - 21px); } #main .inside .mod_article .linkboxcontainer.vierspaltig .ce_hyperlink { width: calc((100% / 4) - 23px); } } @media (max-width: 1500px) { #main .inside { max-width: 90vw; } #main .inside .mod_article.fensterbreite .inner { max-width: 90vw; } } @media (max-width: 1400px) { #header .inside { padding: 0 5%; } #header .header_content .row:nth-child(2) { -ms-flex-wrap: wrap; flex-wrap: wrap; } #footer .footer_content .mod_navigation ul.level_1 li { width: calc(100% / 2); } } @media (max-width: 1330px) { #main .inside .mod_article.dreispaltig div:not(.inner) { width: calc(50% - 38px); } } @media (max-width: 1240px) { #header { position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; top: 0; display: block; min-height: auto; } #header .navrow { padding-top: 8px; } #header .inside { display: block; background-color: #FFFFFF; padding: 15px 5%; margin-top: 0; border-bottom: 1px solid #e1e1e1; -webkit-box-shadow: 0px 15px 10px -15px #e1e1e1; box-shadow: 0px 15px 10px -15px #e1e1e1; z-index: 1000; } #header .row { margin-top: 0px; margin-bottom: 0px; } #header .right { position: relative; top: auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #header .right .spendebutton { margin-top: auto; margin-bottom: auto; } #header .mobilemenubutton { display: inline; padding-top: 4px; } #main .inside .mod_article.fensterbreite { padding-left: 0px; padding-right: 0px; } } @media (max-width: 1024px) { #header .title { font-size: 90px; } #header .header_content .tips-hilfe-button { margin-top: 50px; } #main .inside .mod_article { margin-bottom: 50px; /* &.intro { .ce_text { p { font-size: 2.125rem; } } } */ /* .ce_text { flex-direction: column; .ce_text-text { width: 100%; } .ce_text-image { width: 100%; margin-bottom: 15px; } &:nth-child(even){ flex-direction: column-reverse; } }*/ } #main .inside .mod_article.halb-untereinander { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #main .inside .mod_article.halb-untereinander .ce_text { width: 100%; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } #main .inside .mod_article.halb .ce_text { width: 100%; } #main .inside .mod_article.halb .ce_text.zweispaltig_element.drittel { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #main .inside .mod_article.halb .ce_text.zweispaltig_element.drittel .ce_text-image { margin-bottom: 25px; } #main .inside .mod_article.zweispaltig div { width: 100%; } #main .inside .mod_article.eingerueckt .ce_text { padding: 0px; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } #main .inside .mod_article.fensterbreite .ce_form { padding: 40px 0px; } #main .inside .mod_article.drittel .ce_text { width: calc(100% - 60px); -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } #footer .footer_content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #footer .footer_content:nth-child(2) { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } #footer .footer_content:nth-child(2) .logo { width: 100%; } #footer .footer_content:nth-child(2) .col:nth-child(2) { width: 30%; padding-right: 0px; } #footer .footer_content:nth-child(2) .col:first-child { width: 100%; } #footer .footer_content .col { margin-bottom: 15px; } } @media (max-width: 820px) { #header .row .left .logo { width: auto; max-width: 60%; } #main .inside .mod_article .linkboxcontainer.dreispaltig .ce_hyperlink { width: calc((100% / 2) - 21px); } #main .inside .mod_article .linkboxcontainer.vierspaltig .ce_hyperlink { width: calc((100% / 3) - 23px); } #main .inside .mod_article.vierspaltig .ce_text { width: calc(50% - 30px); } #footer .footer_content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #footer .footer_content:nth-child(2) { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } #footer .footer_content:nth-child(2) .logo { width: 100%; } #footer .footer_content:nth-child(2) .col:nth-child(2) { width: 30%; padding-right: 0px; } #footer .footer_content .col { margin-bottom: 15px; padding-right: 10px; } } @media (max-width: 730px) { #main .inside .mod_article { margin-bottom: 30px; } #main .inside .mod_article.dreispaltig div:not(.inner) { width: 100%; } #main .inside .mod_article.fensterbreite .ce_sliderStart { padding: 20px 0px; } #main .inside .mod_article .ce_text.floatinglayout { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #main .inside .mod_article .ce_text .ce_text-image { width: 100%; margin-top: 30px; } #main .inside .mod_article .ce_text .ce_text-text { width: 100%; } #main .inside .mod_article .ce_text figure.image_container img { width: 100%; } } @media (max-width: 650px) { #header { position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; top: 0; min-height: auto; } #header .right .spendebutton { font-size: 0.8rem; padding: 8px 10px; } #header .mobilemenubutton { display: inline; padding-top: 10px; } #header .title { font-size: 45px; margin-top: 0px; } #header .header_content { padding-left: 15px; padding-right: 15px; } #header .header_content .row .logo { width: 220px; } #main .inside .mod_article { padding-left: 15px; padding-right: 15px; } #main .inside .mod_article.intro .ce_text { width: 100%; } #main .inside .mod_article.intro .ce_text p { font-size: 1.5rem; } #main .inside .mod_article .linkboxcontainer.vierspaltig .ce_hyperlink { width: calc((100% / 2) - 38px); padding: 10px; } #main .inside .mod_article.fensterbreite.grau .inner { padding: 50px 0; } } @media (max-width: 450px) { #header .header_content .row:first-child { margin-top: 20px; } #main p, #main .ce_text ul li { font-size: 1.4rem; line-height: 2rem; } #main .inside .mod_article.fensterbreite .ce_sliderStart { padding: 60px 0px; } /* #main .inside .mod_article.fensterbreite { margin: 0px 0px 50px 0px; }*/ #main .inside .mod_article .ce_text.box-rot { padding: 35px 35px; margin-top: 60px; margin-bottom: 60px; } #main .inside .mod_article .ce_text.box-orange { padding: 35px 20px; } #main .inside .mod_article .ce_text.box-orange p { line-height: 1.4; padding-bottom: 10px; } #main .inside .mod_article .ce_text.box-orange a.linkbutton { font-size: 1.1rem; } #main .inside .mod_article .ce_text.box-orange a.linkbutton:after { margin-top: -45px; margin-left: 49px; } #footer .inside { padding-left: 15px; padding-right: 15px; } #footer .footer_content:nth-child(2) { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #footer .footer_content:nth-child(2) .col:first-child { width: 100%; } #footer .footer_content:nth-child(2) .col:nth-child(2) { width: 100%; } } /*$width1 : 1650px;*/ #mobilemenu { display: none; } #mobilemenu strong { font-family: Lato, Arial, sans-serif; font-weight: 600; font-size: 16px; padding: 14px 20px; display: block; } #mobilemenu .invisible { display: none; } #mobilemenu a.trail { font-weight: 600; } #mobilemenu li.trail::before { opacity: 1; } #mobilemenu li.submenu:before { content: "+"; top: 26%; border-top: 0; border-right: 0; -webkit-transform: none; -ms-transform: none; transform: none; font-size: 30px; } #mobilemenu li.active:before { display: none; } .mm-ocd { z-index: 1000000; } .mm-spn.mm-spn--navbar.mm-spn--main { z-index: 1000000; } #header { color: black; } #header .mod_navigation.desktopmenu { width: 100%; max-width: 1380px; margin: auto; overflow: hidden; border-radius: 10px; background-color: #FFFFFF; margin-bottom: 45px; -webkit-box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.25); z-index: 10000; position: -webkit-sticky; position: sticky; top: 50px; } #header .mod_navigation.desktopmenu .menubar { width: calc(100% - 10px); background-color: #EF7C00; padding: 10px; } #header .mod_navigation.desktopmenu .menubar .menuopener { text-transform: uppercase; color: #FFFFFF; font-weight: 600; cursor: pointer; } #header .mod_navigation.desktopmenu .menubar .menuopener::before { content: ""; width: 20px; height: 18px; background-image: url("/files/sophienpflege/layout/img/hamburger-desktopnav.svg"); background-repeat: no-repeat; display: inline-block; margin-right: 10px; margin-bottom: -3px; } #header .mod_navigation.desktopmenu .menubar.opened .menuopener::before { background-repeat: no-repeat; background-image: url("/files/sophienpflege/layout/img/hamburger-desktopnav-close.svg"); } #header .mod_navigation.desktopmenu .navitems { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: none; } #header .mod_navigation.desktopmenu .navitems.opened { display: -webkit-box; display: -ms-flexbox; display: flex; } #header .mod_navigation.desktopmenu .navitems ul.level_1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; list-style: none; width: 100%; position: relative; } #header .mod_navigation.desktopmenu .navitems ul.level_1 .level_2 { display: none; } #header .mod_navigation.desktopmenu .navitems ul li { padding: 10px; width: 50%; } #header .mod_navigation.desktopmenu .navitems ul li:before { content: ""; background-image: url("/files/kinderstarkmachen/layout/img/ring-grau.svg"); background-size: cover; background-position: center; background-repeat: no-repeat; width: 20px; height: 20px; display: inline-block; margin-right: 10px; margin-bottom: -1px; } #header .mod_navigation.desktopmenu .navitems ul li.logobox { padding-left: 0; } #header .mod_navigation.desktopmenu .navitems ul li.logobox .logo img { max-width: 395px; height: auto; } #header .mod_navigation.desktopmenu .navitems ul li a { text-decoration: none; color: #B5B5B5; font-weight: 600; font-size: 18px; text-transform: uppercase; } #header .mod_navigation.desktopmenu .navitems ul li a:hover { font-weight: 600; } #header .mod_navigation.desktopmenu .navitems ul li:hover { background-color: #922436; color: #FFFFFF; } #header .mod_navigation.desktopmenu .navitems ul li:hover:before { content: ""; background-image: url("/files/kinderstarkmachen/layout/img/ring-weiss.svg"); background-size: cover; background-position: center; background-repeat: no-repeat; width: 20px; height: 20px; display: inline-block; margin-right: 10px; margin-bottom: -1px; } #header .mod_navigation.desktopmenu .navitems ul li:hover a { color: #FFFFFF; } #header .mod_navigation.desktopmenu .navitems ul li.active, #header .mod_navigation.desktopmenu .navitems ul li.trail { background-color: #922436; color: #FFFFFF; } #header .mod_navigation.desktopmenu .navitems ul li.active:before, #header .mod_navigation.desktopmenu .navitems ul li.trail:before { content: ""; background-image: url("/files/kinderstarkmachen/layout/img/ring-weiss.svg"); background-size: cover; background-position: center; background-repeat: no-repeat; width: 20px; height: 20px; display: inline-block; margin-right: 10px; margin-bottom: -1px; } #header .mod_navigation.desktopmenu .navitems ul li.active strong, #header .mod_navigation.desktopmenu .navitems ul li.active a, #header .mod_navigation.desktopmenu .navitems ul li.trail strong, #header .mod_navigation.desktopmenu .navitems ul li.trail a { text-decoration: none; color: #FFFFFF; font-size: 18px; text-transform: uppercase; } #header .mod_navigation.desktopmenu .navitems ul li.active:hover strong, #header .mod_navigation.desktopmenu .navitems ul li.trail:hover strong { color: #FFFFFF; } #header .mod_navigation.desktopmenu .navitems ul li.active:hover:before, #header .mod_navigation.desktopmenu .navitems ul li.trail:hover:before { background-image: url("/files/kinderstarkmachen/layout/img/ring-weiss.svg"); } #header .mod_navigation.desktopmenu .navitems ul li.active.submenu .right, #header .mod_navigation.desktopmenu .navitems ul li.trail.submenu .right { display: inline-block; position: absolute; top: 0; right: 0; margin-left: 10px; z-index: 1500; background-color: #711A29; height: 100%; width: 50%; } #header .mod_navigation.desktopmenu .navitems ul li.active.submenu .level_2, #header .mod_navigation.desktopmenu .navitems ul li.trail.submenu .level_2 { color: #FFFFFF; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; height: calc(100% - 20px); width: calc(100% - 20px); list-style-type: none; } #header .mod_navigation.desktopmenu .navitems ul li.active.submenu .level_2 li, #header .mod_navigation.desktopmenu .navitems ul li.trail.submenu .level_2 li { position: relative; padding: 10px; /*margin-right: 10px;*/ width: calc(50% - 10px); /*height: fit-content;*/ /* &::before { background-image: url("/files/sophienpflege/layout/img/navipunkt.svg"); background-size: auto; width: 8px; height: 14px; }*/ } #header .mod_navigation.desktopmenu .navitems ul li.active.submenu .level_2 li:hover, #header .mod_navigation.desktopmenu .navitems ul li.trail.submenu .level_2 li:hover { background-color: #510916; } #header .mod_navigation.desktopmenu .navitems ul li.active.submenu .level_2 li::before, #header .mod_navigation.desktopmenu .navitems ul li.trail.submenu .level_2 li::before { display: none; } #header .mod_navigation.desktopmenu .navitems ul li.active.submenu .level_2 li a, #header .mod_navigation.desktopmenu .navitems ul li.trail.submenu .level_2 li a { display: block; color: #FFFFFF; background-image: url(/files/sophienpflege/layout/img/navipunkt.svg); background-repeat: no-repeat; background-position: top left; background-position-y: 10px; padding-left: 18px; } #header .mod_navigation.desktopmenu .navitems ul li.active.submenu .level_2 li a:hover, #header .mod_navigation.desktopmenu .navitems ul li.trail.submenu .level_2 li a:hover { font-weight: 600; } #header .mod_navigation.desktopmenu .navitems ul li.active.submenu .level_2 li.active, #header .mod_navigation.desktopmenu .navitems ul li.active.submenu .level_2 li.forward, #header .mod_navigation.desktopmenu .navitems ul li.trail.submenu .level_2 li.active, #header .mod_navigation.desktopmenu .navitems ul li.trail.submenu .level_2 li.forward { background-color: #510916; } #header .mod_navigation.desktopmenu .navitems ul li.active.submenu .level_2 li.active strong, #header .mod_navigation.desktopmenu .navitems ul li.active.submenu .level_2 li.forward strong, #header .mod_navigation.desktopmenu .navitems ul li.trail.submenu .level_2 li.active strong, #header .mod_navigation.desktopmenu .navitems ul li.trail.submenu .level_2 li.forward strong { display: block; color: #FFFFFF; background-image: url(/files/sophienpflege/layout/img/navipunkt.svg); background-repeat: no-repeat; background-position: top left; background-position-y: 10px; padding-left: 18px; } #header .mod_navigation.desktopmenu .navitems ul li.notmainnav { display: none; } #header .mod_navigation.desktopmenu .navitems ul.level_1 li.submenu:hover .right { display: inline-block; position: absolute; top: 0; right: 0; margin-left: 10px; z-index: 1600; background-color: #711A29; height: 100%; width: 50%; } #header .mod_navigation.desktopmenu .navitems ul.level_1 li.submenu:hover .level_2 { /*border-radius: 30px;*/ /*border: 1px solid $bggray;*/ color: #FFFFFF; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; height: calc(100% - 20px); width: calc(100% - 20px); list-style-type: none; /* li:last-child { display: none; }*/ } #header .mod_navigation.desktopmenu .navitems ul.level_1 li.submenu:hover .level_2 li { position: relative; padding: 10px; /*margin-right: 10px;*/ width: calc(50% - 10px); /*height: fit-content;*/ /* &::before { background-image: url("/files/sophienpflege/layout/img/navipunkt.svg"); background-size: auto; width: 8px; height: 14px; }*/ } #header .mod_navigation.desktopmenu .navitems ul.level_1 li.submenu:hover .level_2 li:hover { background-color: #510916; } #header .mod_navigation.desktopmenu .navitems ul.level_1 li.submenu:hover .level_2 li::before { display: none; } #header .mod_navigation.desktopmenu .navitems ul.level_1 li.submenu:hover .level_2 li a { color: #FFFFFF; display: block; background-image: url(/files/sophienpflege/layout/img/navipunkt.svg); background-repeat: no-repeat; background-position: top left; background-position-y: 10px; padding-left: 18px; } #header .mod_navigation.desktopmenu .navitems ul.level_1 li.submenu:hover .level_2 li a:hover { font-weight: 600; } #header .mod_navigation.desktopmenu .navitems ul.level_1 li.submenu:hover .level_2 li.active { background-color: #510916; } #header .mod_navigation.desktopmenu .navitems ul.level_1 li.submenu:hover .level_2 li.logobox { display: none; } #main .mod_navigation.karrierenav { margin: 0 0 80px 0; } #main .mod_navigation.karrierenav ul li { font-size: 1.563rem; line-height: 2.5rem; } #footer a { text-decoration: none; color: #FFFFFF; } #footer a:hover { text-decoration: underline; } #footer .mod_customnav ul.level_1 { list-style-position: inside; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } #footer .mod_customnav ul.level_1 li, #footer .mod_customnav ul.level_1 a { font-weight: 600; font-size: 1.25rem; text-transform: uppercase; } #footer .mod_customnav ul.level_1 li { padding-bottom: 8px; margin-right: 47px; /*width: calc(100% / 3);*/ } #footer .mod_customnav ul.level_1 li:before { content: ""; background-image: url(/files/kinderstarkmachen/layout/img/ring-weiss.svg); background-size: cover; background-position: center; background-repeat: no-repeat; width: 20px; height: 20px; display: inline-block; margin-right: 10px; margin-bottom: -1px; } #footer .mod_customnav ul.level_1 li a { background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor)); background-image: -webkit-linear-gradient(currentColor, currentColor); background-image: -o-linear-gradient(currentColor, currentColor); background-image: linear-gradient(currentColor, currentColor); background-position: 0% 100%; background-repeat: no-repeat; background-size: 0% 2px; -webkit-transition: background-size .3s; -o-transition: background-size .3s; transition: background-size .3s; } #footer .mod_customnav ul.level_1 li a:hover, #footer .mod_customnav ul.level_1 li a:focus { background-size: 100% 2px; text-decoration: none; } #footer .mod_customnav ul.level_1 li.active strong { font-weight: 600; } @media (max-width: 1240px) { .menu-btn { display: block; margin-left: 20px; margin-bottom: -3px; position: relative; width: 36px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .menu-btn:before, .menu-btn:after { background-color: #363636; content: ''; display: block; height: 4px; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .menu-btn:before { -webkit-box-shadow: 0 10px 0 #363636; box-shadow: 0 10px 0 #363636; margin-bottom: 16px; } .menu-btn:hover:before { -webkit-box-shadow: 0 0 0 #363636; box-shadow: 0 0 0 #363636; -webkit-transform: translateY(10px) rotate(45deg); -ms-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } .menu-btn:hover:after { -webkit-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); transform: translateY(-10px) rotate(-45deg); } #mobilemenu { display: block; } #desktopmenu { display: none; } } @media (max-width: 1024px) { #footer .mod_navigation ul.level_1 li, #footer .mod_navigation ul.level_1 a { font-size: 20px; } } #footer .footer_content .mod_navigation ul.level_1 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #footer .footer_content .mod_navigation ul.level_1 li { width: 100%; } @media (max-width: 820px) { #footer .mod_customnav ul.level_1 li, #footer .mod_customnav ul.level_1 a { font-size: 18px; } } @media (max-width: 450px) { #footer .tips-hilfe-button a::after { margin-top: -41px; margin-left: 85px; } } /*$width1 : 1650px;*/ html { overflow-x: hidden; } #main img { display: block; } #main .ce_sliderStart .slider-control a { display: none; } #main .ce_sliderStart .slider-control .slider-menu { margin-top: 50px; } #main .ce_sliderStart .slider-control .slider-menu b { font-size: 50px; color: #FFFFFF; opacity: 50%; margin: 0px 5px; } #main .ce_sliderStart .slider-control .slider-menu b.active { opacity: 100%; } @media (max-width: 1024px) { #main .ce_sliderStart .slider-control a { display: none; } #main .ce_sliderStart .slider-control .slider-menu { margin-top: 25px; } } /*$width1 : 1650px;*/ #main .inside .mod_article.fensterbreite .ce_form .inner { background-color: #FFFFFF; padding: 60px 60px; } #main .inside .mod_article.fensterbreite .ce_form .inner h2 { color: #EF7C00; margin-bottom: 30px; } #main .inside .mod_article.fensterbreite .ce_form .inner form h3 { padding-bottom: 10px; } #main .inside .mod_article.fensterbreite .ce_form .inner form label { width: 175px; display: inline-block; font-size: 1.25rem; font-weight: 500; } #main .inside .mod_article.fensterbreite .ce_form .inner form legend { width: 292px; float: left; font-size: 1.25rem; font-weight: 500; } #main .inside .mod_article.fensterbreite .ce_form .inner form fieldset.disclaimer { margin-top: 90px; } #main .inside .mod_article.fensterbreite .ce_form .inner form fieldset.disclaimer legend, #main .inside .mod_article.fensterbreite .ce_form .inner form fieldset.disclaimer label { width: 100%; } #main .inside .mod_article.fensterbreite .ce_form .inner form p.error { color: red; } #main .inside .mod_article.fensterbreite .ce_form .inner form span.mandatory { display: inline-block !important; margin-right: 25px; } #main .inside .mod_article.fensterbreite .ce_form .inner form .widget { margin-bottom: 30px; } #main .inside .mod_article.fensterbreite .ce_form .inner form .widget.widget-radio span { display: inline-block; padding-left: 35px; /* input[type='radio']:after { opacity: 100%; width: 20px; height: 20px; border-radius: 20px; top: -9px; left: -30px; position: relative; background-color: #FFFFFF; content: ''; display: inline-block; visibility: visible; border: 3px solid #CDCDCD; } */ /* input[type='radio']:checked:after { opacity: 100%; width: 20px; height: 20px; border-radius: 20px; top: -9px; left: -30px; position: relative; background-color: $orange; content: ''; display: inline-block; visibility: visible; border: 3px solid #CDCDCD; } */ } #main .inside .mod_article.fensterbreite .ce_form .inner form .widget.widget-radio span label { font-weight: 400; } #main .inside .mod_article.fensterbreite .ce_form .inner form .widget.widget-radio span input[type="radio"] { background-color: transparent; border: none; accent-color: transparent; visibility: hidden; } #main .inside .mod_article.fensterbreite .ce_form .inner form .widget.widget-radio.radio-auswahl legend { height: 90px; } #main .inside .mod_article.fensterbreite .ce_form .inner form .widget.widget-radio.radio-auswahl span { display: block; } #main .inside .mod_article.fensterbreite .ce_form .inner form .widget.widget-radio.radio-auswahl span label { line-height: 1.5; padding-bottom: 15px; margin-left: 30px; } #main .inside .mod_article.fensterbreite .ce_form .inner form .widget.widget-radio.radio-auswahl input[type="radio"] { margin-left: 30px; } #main .inside .mod_article.fensterbreite .ce_form .inner form .widget.widget-radio span label::before { opacity: 100%; width: 20px; height: 20px; border-radius: 20px; top: 3px; left: -23px; position: relative; background-color: #FFFFFF; content: ''; display: inline-block; visibility: visible; border: 3px solid #CDCDCD; } #main .inside .mod_article.fensterbreite .ce_form .inner form .widget.widget-radio span input[type='radio']:checked + label::before { opacity: 100%; width: 20px; height: 20px; border-radius: 20px; top: 3px; left: -23px; position: relative; background-color: #EF7C00; content: ''; display: inline-block; visibility: visible; border: 3px solid #CDCDCD; } #main .inside .mod_article.fensterbreite .ce_form .inner form .widget.widget-select select { width: calc(100% - 500px); padding: 10px; border: 3px solid #D9D9D9; text-align: right; font-size: 1.25rem; padding-right: 3.5em; } #main .inside .mod_article.fensterbreite .ce_form .inner form .widget.widget-select select { /* reset */ margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; background-image: -webkit-linear-gradient(45deg, transparent 50%, #FFFFFF 50%), -webkit-linear-gradient(315deg, #FFFFFF 50%, transparent 50%), -webkit-radial-gradient(#882130 70%, transparent 72%); background-image: -o-linear-gradient(45deg, transparent 50%, #FFFFFF 50%), -o-linear-gradient(315deg, #FFFFFF 50%, transparent 50%), -o-radial-gradient(#882130 70%, transparent 72%); background-image: linear-gradient(45deg, transparent 50%, #FFFFFF 50%), linear-gradient(135deg, #FFFFFF 50%, transparent 50%), radial-gradient(#882130 70%, transparent 72%); background-position: calc(100% - 36px) calc(1em + -7px), calc(100% - 26px) calc(1em + -7px), calc(100% - 0.5em) 0.1em; background-size: 10px 10px, 10px 10px, 1.5em 1.5em; background-repeat: no-repeat; } #main .inside .mod_article.fensterbreite .ce_form .inner form .widget.widget-select select:focus { background-image: -webkit-linear-gradient(45deg, white 50%, transparent 50%), -webkit-linear-gradient(315deg, transparent 50%, white 50%), -webkit-radial-gradient(gray 70%, transparent 72%); background-image: -o-linear-gradient(45deg, white 50%, transparent 50%), -o-linear-gradient(315deg, transparent 50%, white 50%), -o-radial-gradient(gray 70%, transparent 72%); background-image: linear-gradient(45deg, white 50%, transparent 50%), linear-gradient(135deg, transparent 50%, white 50%), radial-gradient(gray 70%, transparent 72%); background-position: calc(100% - 26px) calc(1em + -11px), calc(100% - 36px) calc(1em + -11px), calc(100% - 0.5em) 0.1em; background-size: 10px 10px, 10px 10px, 1.5em 1.5em; background-repeat: no-repeat; outline: 0; } #main .inside .mod_article.fensterbreite .ce_form .inner form .widget.widget-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; } #main .inside .mod_article.fensterbreite .ce_form .inner form .widget.widget-select option:hover, #main .inside .mod_article.fensterbreite .ce_form .inner form .widget.widget-select option:checked, #main .inside .mod_article.fensterbreite .ce_form .inner form .widget.widget-select option:focus, #main .inside .mod_article.fensterbreite .ce_form .inner form .widget.widget-select option:focus-visible { background-color: #882130; accent-color: #882130; -webkit-box-shadow: 0 0 10px 100px #882130 inset !important; box-shadow: 0 0 10px 100px #882130 inset !important; } #main .inside .mod_article.fensterbreite .ce_form .inner form .widget.widget-text input { border: none; border-bottom: 3px solid #D9D9D9; width: calc(100% - 500px); font-size: 1.25rem; } #main .inside .mod_article.fensterbreite .ce_form .inner form .widget.widget-text.zweizeiler label { display: block; width: 100%; margin-bottom: 25px; } #main .inside .mod_article.fensterbreite .ce_form .inner form .widget.widget-checkbox input.checkbox { border: 3px solid #D9D9D9; width: 30px; height: 30px; margin-right: 25px; } #main .inside .mod_article.fensterbreite .ce_form .inner form .widget.widget-checkbox input[type='checkbox']:checked { background-color: #EF7C00; accent-color: #EF7C00; } #main .inside .mod_article.fensterbreite .ce_form .inner form .widget.widget-checkbox label { width: calc(100% - 500px); line-height: 1.1; } #main .inside .mod_article.fensterbreite .ce_form .inner form .widget.widget-submit button.submit { background-color: #882130; color: #FFFFFF; font-size: 1.3rem; font-weight: 500; margin: auto; border-radius: 44px; border: none; padding: 10px 35px; display: table; margin: auto; text-align: center; margin-top: 45px; text-transform: uppercase; } #main .inside .mod_article.fensterbreite .ce_form .inner form .widget.widget-submit button.submit:hover { text-decoration: underline; } #main .inside .mod_article.fensterbreite .ce_form .inner form .widget.widget-textarea { width: 100%; } #main .inside .mod_article.fensterbreite .ce_form .inner form .widget.widget-textarea textarea.textarea { width: 100%; height: 400px; border: 3px solid #D9D9D9; margin-top: 30px; font-family: Open Sans, Arial, sans-serif; font-size: 1.25rem; } #main .inside .mod_article.fensterbreite .ce_form .inner form .widget a { color: #000000; text-decoration: underline; font-weight: 400; } #main .inside .mod_article.fensterbreite .ce_form .inner form .widget a::after { display: none; } #main .inside .mod_article.fensterbreite .ce_form .inner form .widget span { display: block; vertical-align: top; } #main .inside .mod_article.fensterbreite .ce_form .inner form .widget span .checkbox { vertical-align: top; } @media (max-width: 1400px) { #main .inside .mod_article.fensterbreite .ce_form .inner form .widget.widget-text input { width: calc(100% - 8px); } #main .inside .mod_article.fensterbreite .ce_form .inner form .widget.widget-textarea textarea.textarea { width: calc(100% - 16px); } #main .inside .mod_article.fensterbreite .ce_form .inner form label { width: auto; margin-right: 25px; } #main .inside .mod_article.fensterbreite .ce_form .inner form legend { width: auto; margin-right: 25px; } main .inside .mod_article.fensterbreite .ce_form .inner form .widget.widget-checkbox label { width: calc(100% - 120px); } } @media (max-width: 1240px) { #main .inside .mod_article.fensterbreite .ce_form .inner form .widget.widget-select select { width: calc(100% - 210px); } } @media (max-width: 1024px) { #main .inside .mod_article.fensterbreite .ce_form .inner { padding: 20px 12px; } #main .inside .mod_article.fensterbreite .ce_form .inner form legend, #main .inside .mod_article.fensterbreite .ce_form .inner form label, #main .inside .mod_article.fensterbreite .ce_form .inner form select, #main .inside .mod_article.fensterbreite .ce_form .inner form input { font-size: 18px; } #main .inside .mod_article.fensterbreite .ce_form .inner form .widget.widget-text input { font-size: 18px; } #main .inside .mod_article.fensterbreite .ce_form .inner form .widget.widget-select select { font-size: 18px; background-position: calc(100% - 22px) calc(1em + -1px), calc(100% - 12px) calc(1em + -1px), calc(100% - 0.5em) 0.4em; } #main .inside .mod_article.fensterbreite .ce_form .inner form .widget.widget-select select:focus { background-position: calc(100% - 11px) calc(1em + -4px), calc(100% - 21px) calc(1em + -4px), calc(100% - 0.45em) 0.4em; } #main .inside .mod_article.fensterbreite .ce_form .inner form .widget { margin-bottom: 12px; } #main .inside .mod_article.fensterbreite .ce_form .inner form .widget.widget-checkbox label { width: calc(100% - 170px); } #main .inside .mod_article.fensterbreite .ce_form .inner form .widget.widget-submit button.submit { font-size: 20px; } #main .inside .mod_article.fensterbreite .ce_form .inner form .widget.widget-radio.radio-auswahl legend { height: auto; width: 100%; } } @media (max-width: 585px) { #main .inside .mod_article.fensterbreite .ce_form .inner form .widget.widget-radio legend { display: contents; } #main .inside .mod_article.fensterbreite .ce_form .inner form .widget.widget-radio span { display: block; } #main .inside .mod_article.fensterbreite .ce_form .inner form .widget.widget-select label { display: block; } #main .inside .mod_article.fensterbreite .ce_form .inner form .widget.widget-select select { width: 100%; } } /*$width1 : 1650px;*/ #main .mod_newslist.startseite { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 50px; -webkit-column-gap: 60px; column-gap: 60px; row-gap: 60px; } #main .mod_newslist.startseite .news_listitem { width: calc(33% - 37px); /* &:nth-child(3) { margin-left: 60px; margin-right: 60px; }*/ } #main .mod_newslist.startseite .news_listitem.first { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 60px; column-gap: 60px; margin-bottom: 50px; } #main .mod_newslist.startseite .news_listitem.first .image_container { width: 50%; max-height: none; } #main .mod_newslist.startseite .news_listitem.first .textcontent { width: 50%; height: 100%; } #main .mod_newslist.startseite .news_listitem.first h2, #main .mod_newslist.startseite .news_listitem.first .ce_text, #main .mod_newslist.startseite .news_listitem.first .more { display: block; } #main .mod_newslist.startseite .news_listitem.first .mod_newscategories { margin-top: 0px; } #main .mod_newslist.startseite .news_listitem.first .mod_newscategories ul { margin-top: 0px; margin-bottom: 0px; } #main .mod_newslist.startseite .news_listitem .image_container { max-height: 299px; overflow: hidden; border-radius: 10px; } #main .mod_newslist.startseite .news_listitem .image_container img { border-radius: 10px; width: 100%; } #main .mod_newslist.startseite .news_listitem .textcontent { height: calc(100% - 299px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #main .mod_newslist.startseite .news_listitem .textcontent h2 a { color: #ffffff; text-decoration: none; } #main .mod_newslist.startseite .news_listitem .textcontent .ce_text { margin-bottom: 0; overflow: visible; } #main .mod_newslist.startseite .news_listitem .textcontent p:last-child { margin-top: auto; } #main .mod_newslist.startseite .news_listitem .textcontent p.more a { color: #FFFFFF; font-weight: 600; margin: auto; border-radius: 10px; border: 2px solid #FFFFFF; padding: 10px 35px; display: block; margin: auto; text-align: center; /*margin-top: 45px;*/ text-transform: uppercase; -webkit-transition: 0; -o-transition: 0; transition: 0; background-size: 0; } #main .mod_newslist.startseite .news_listitem .textcontent p.more a:hover { text-decoration: underline; background-color: #EF7C00; } #main .mod_newslist.startseite .news_listitem .mod_newscategories { margin: 13px 0px; } #main .mod_newslist.startseite .news_listitem .mod_newscategories ul li { border: 1px solid #ffffff; } #main .mod_newslist.startseite .news_listitem .mod_newscategories ul li:first-child { margin-left: 0px; } #main .mod_newslist.startseite .news_listitem .mod_newscategories ul li span { color: #FFFFFF; font-weight: 600; } #main .mod_newslist.uebersicht-highlight .news_listitem { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: 50px; -webkit-column-gap: 60px; column-gap: 60px; } #main .mod_newslist.uebersicht-highlight .news_listitem .image_container { width: 50%; } #main .mod_newslist.uebersicht-highlight .news_listitem .image_container img { border-radius: 10px; } #main .mod_newslist.uebersicht-highlight .news_listitem .textcontent { width: 50%; } #main .mod_newslist.uebersicht-highlight .news_listitem .textcontent .ce_text { display: block; } #main .mod_newslist.uebersicht-highlight .news_listitem p.more a { color: #FFFFFF; font-weight: 600; margin: auto; border-radius: 10px; border: 2px solid #FFFFFF; padding: 10px 35px; display: block; margin: auto; text-align: center; /*margin-top: 45px;*/ text-transform: uppercase; } #main .mod_newslist.uebersicht-highlight .news_listitem p.more a:hover { background-size: 0; text-decoration: underline; background-color: #EF7C00; } #main .mod_newslist.uebersicht-highlight .news_listitem .mod_newscategories ul li span { color: #FFFFFF; font-weight: 600; } #main .mod_newslist.uebersicht.dreispaltig { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 60px; column-gap: 60px; row-gap: 60px; } #main .mod_newslist.uebersicht.dreispaltig .news_listitem { width: calc(33% - 37px); margin-bottom: 60px; /* &:nth-child(1) { margin-right: 60px; } &:nth-child(3n) { margin-left: 60px; } &:nth-child(4n) { margin-right: 60px; } */ } #main .mod_newslist.uebersicht.dreispaltig .news_listitem .image_container { max-height: 299px; overflow: hidden; border-radius: 10px; } #main .mod_newslist.uebersicht.dreispaltig .news_listitem .image_container img { border-radius: 10px; height: 100%; width: auto; } #main .mod_newslist.uebersicht.dreispaltig .news_listitem .textcontent { height: calc(100% - 299px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #main .mod_newslist.uebersicht.dreispaltig .news_listitem .textcontent h2 { /*margin-bottom: auto;*/ padding-bottom: 20px; } #main .mod_newslist.uebersicht.dreispaltig .news_listitem .textcontent .ce_text { margin-bottom: 0; } #main .mod_newslist.uebersicht.dreispaltig .news_listitem .textcontent p:last-child { margin-top: auto; } #main .mod_newslist.uebersicht.dreispaltig .news_listitem .textcontent p.more { text-align: center; padding-bottom: 0; padding-top: 30px; } #main .mod_newslist.uebersicht.dreispaltig .news_listitem .textcontent p.more a { display: block; color: #000; text-transform: uppercase; border-radius: 10px; border: 2px solid #D9D9D9; padding: 10px 35px; } #main .mod_newslist.uebersicht.dreispaltig .news_listitem .textcontent p.more a:hover { background-size: 0; text-decoration: underline; background-color: #EF7C00; } #main .mod_newslist.uebersicht h2 a { color: #000; } #main .mod_newslist.uebersicht .pagination { width: 100%; text-align: center; margin-bottom: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #main .mod_newslist.uebersicht .pagination p { margin-bottom: 7px; } #main .mod_newslist.uebersicht .pagination ul { display: inline-block; margin-left: 20px; } #main .mod_newslist.uebersicht .pagination ul li { list-style: none; display: inline-block; border-radius: 20px; border: 1px solid #D9D9D9; overflow: hidden; font-size: 1.25rem; } #main .mod_newslist.uebersicht .pagination ul li strong, #main .mod_newslist.uebersicht .pagination ul li a { padding: 6px 10px; } #main .mod_newslist.uebersicht .pagination ul li a:hover { background-color: #EF7C00; } #main .mod_newslist.beitragsteaser { max-width: 1380px; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-column-gap: 60px; column-gap: 60px; } #main .mod_newslist.beitragsteaser .layout_latest { width: 50%; } #main .mod_newslist.beitragsteaser .layout_latest .image_container { max-height: 422px; overflow: hidden; border-radius: 10px; } #main .mod_newslist.beitragsteaser .layout_latest .image_container img { width: 100%; border-radius: 10px; } #main .mod_newslist.beitragsteaser .layout_latest .textcontent { height: calc(100% - 422px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #main .mod_newslist.beitragsteaser .layout_latest .textcontent .mod_newscategories { display: none; } #main .mod_newslist.beitragsteaser .layout_latest .textcontent h2 { padding-top: 35px; padding-bottom: 20px; } #main .mod_newslist.beitragsteaser .layout_latest .textcontent .ce_text { margin-bottom: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #main .mod_newslist.beitragsteaser .layout_latest .textcontent p:last-child { margin-top: auto; } #main .mod_newslist.beitragsteaser .layout_latest .textcontent p.more { margin-top: auto; text-align: center; padding-bottom: 0; padding-top: 30px; } #main .mod_newslist.beitragsteaser .layout_latest .textcontent p.more a { display: block; color: #000; text-transform: uppercase; border-radius: 10px; border: 2px solid #D9D9D9; padding: 10px 35px; } #main .mod_newslist.beitragsteaser .layout_latest .textcontent p.more a:hover { background-size: 0; text-decoration: underline; background-color: #EF7C00; } #main .mod_newsreader.detailseite .layout_full { /*display: flex;*/ /*flex-direction: row;*/ /*.ce_text, .ce_image { width: 50%; }*/ max-width: 1380px; margin: auto; } #main .mod_newsreader.detailseite .layout_full > div, #main .mod_newsreader.detailseite .layout_full > h1 { margin-bottom: 60px; /* &.fensterbreite { width: 100vw; max-width: none; margin: 0 calc(50% - 50vw); text-align: center; background-color: $orange; padding: 50px 0px; margin-bottom: 65px; > div { max-width: 1380px; margin: auto; } } */ } #main .mod_newsreader.detailseite .layout_full .ce_text { -webkit-column-gap: 60px; column-gap: 60px; } #main .mod_newsreader.detailseite .layout_full .ce_text strong { color: #922436; font-size: 1.438rem; line-height: 2.375rem; } #main .mod_newsreader.detailseite .layout_full .ce_text.zitat { background-image: url("/files/sophienpflege/layout/img/bg_trans_kreis.svg"); background-position: center; background-repeat: no-repeat; text-align: center; min-height: 170px; } #main .mod_newsreader.detailseite .layout_full .ce_text.zitat p { color: #922436; font-size: 1.875rem; line-height: 2.813rem; text-align: center; margin: auto; font-weight: 600; padding-bottom: 0; } #main .mod_newsreader.detailseite .layout_full .ce_text.halb-links { width: 50%; display: block; } #main .mod_newsreader.detailseite .layout_full .ce_sliderStart { padding-top: 10px; } #main .mod_newsreader.detailseite .layout_full .ce_sliderStart .content-slider { border-radius: 10px; } #main .mod_newsreader.detailseite .layout_full .ce_sliderStart .slider-control .slider-menu b { color: #922436; } #main .mod_newsreader.detailseite .layout_full .infobox { max-width: calc(1140px - 110px); background-color: #922436; color: #FFFFFF; padding: 55px; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-column-gap: 60px; column-gap: 60px; margin-bottom: 40px; } #main .mod_newsreader.detailseite .layout_full .infobox .ce_text { width: 50%; display: block; margin-bottom: 0px; } #main .mod_newsreader.detailseite .layout_full .infobox .ce_text p { padding-bottom: 0px; } #main .mod_newsreader.detailseite .layout_full .infobox .ce_text h3 { color: #FFFFFF; } #main .mod_newsreader.detailseite .layout_full .infobox .ce_text a { color: #FFFFFF; } #main .mod_newsreader p.back { display: none; } #main .mod_newscategories ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: justify; margin-top: 10px; margin-bottom: 23px; list-style: none; } #main .mod_newscategories ul li { border-radius: 20px; border: 1px solid #D9D9D9; text-align: left; padding: 0; margin: 5px; } #main .mod_newscategories ul li:first-child { margin-left: 0px; } #main .mod_newscategories ul li span { padding: 6px 10px; background-image: none; display: block; color: #922436; font-weight: 600; } @media (max-width: 1500px) { .mod_newsreader { max-width: 90vw; margin: auto; } } @media (max-width: 1240px) { #main .mod_newslist.startseite .news_listitem { width: calc(50% - 30px); } #main .mod_newslist.uebersicht.dreispaltig .news_listitem { width: calc(50% - 30px); } #main .mod_newsreader.detailseite .layout_full > div { margin-bottom: 20px; } } @media (max-width: 930px) { #main .mod_newslist.beitragsteaser { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 60px; } #main .mod_newslist.beitragsteaser .layout_latest { width: 100%; } } @media (max-width: 730px) { #main .mod_newslist.startseite .news_listitem { width: calc(100%); } #main .mod_newslist.startseite .news_listitem.first { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: block; margin-bottom: 0px; } #main .mod_newslist.startseite .news_listitem.first .image_container { width: 100%; } #main .mod_newslist.startseite .news_listitem.first .textcontent { width: 100%; } #main .mod_newslist.startseite .news_listitem .textcontent { display: block; } #main .mod_newslist.uebersicht.dreispaltig .news_listitem { width: calc(100%); } #main .mod_newslist.uebersicht.dreispaltig .news_listitem .image_container img { width: 100%; } #main .mod_newslist.uebersicht.dreispaltig .news_listitem .textcontent { height: auto; } #main .mod_newslist.uebersicht-highlight .news_listitem { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #main .mod_newslist.uebersicht-highlight .news_listitem .image_container { width: 100%; } #main .mod_newslist.uebersicht-highlight .news_listitem .textcontent { width: 100%; } #main .mod_newsreader.detailseite .layout_full .infobox { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #main .mod_newsreader.detailseite .layout_full .infobox .ce_text { width: 100%; } }