header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px} #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} /*************************************************************/ /* Design: UNTEREWAID.CH */ /* File: screen.css */ /*-----------------------------------------------------------*/ /* Autor: Reto Bühler, www.nuun.ch */ /* Datum: Februar 2021 */ /* Site: www.unterewaid.ch */ /*************************************************************/ /* LAYOUT */ /*************************************************************/ /* GLOBAL */ /*************************************************************/ html, body {position: relative; height: 100%; width:100%; font: 62.5% 'tiemposregular', Arial, Verdana, Helvetica, sans-serif; letter-spacing:0.03em;} body {font-size:18px; font-size:1.7rem; line-height: 2.4rem; color: #4a6454; background-color: #fff;} #wrapper {height:auto !important; min-height:100%; height:100%; position:relative; width:100%; padding:0; margin:0 auto; background:none; font-size: 2.0rem; line-height: 2.6rem; text-align:left;} * html #wrapper {height:100%;} .mm-page {height:auto !important; min-height:100%; height:100%; position:relative; width:100%; padding:0; margin:0 auto; background:none; z-index:auto;} * html .mm-page {height:100%;} .invisible {display: none !important;} #container a, #container a:link, #container a:visited {color:#4a6454; text-decoration:underline;} #container a:hover, #container a:active {color:#4ca8bc; text-decoration:none;} .zentriert {text-align: center !important;} .custom {position:absolute; bottom:-344px; right:2%; width:400px;} .waidtrailer video {max-width:100%; height:auto;} #main .ce_image.homestoerer {position: absolute; top: 20px; right: 20px; width: 300px; max-width: 30%; z-index: 10;} /* HEADER / NAVIGATION */ /*************************************************************/ #header {position: fixed; width: 100%; height: 140px; transition: all 0.3s; z-index:1200; background:#fff; font-size: 1.5rem; line-height: 2.2rem; transition: all 0.3s;} #header .inside {position:relative; width: 100%; height:139px; border-bottom:1px solid #000; text-align:center; padding:0; margin: 0 auto; transition: all 0.3s; background:; transition: all 0.3s;} .home #header .inside {height:139px; border-bottom:1px solid #edf6f8;} #header .inside .head-left {width:66.66666666666667%; float:left; background:#edf6f8; height:139px; transition: all 0.3s;} #header .inside .head-left-inner {display:block; border-right:1px solid #000; height:139px; transition: all 0.3s;} #header .inside .head-right {width:33.33333333333333%; float:left; background:#fff; height:139px; transition: all 0.3s;} #header .inside .head-right-inner {display:block; height:139px; transition: all 0.3s;} .home #header .inside .head-left-inner {border-right:none;} .home #header .inside .head-right {background:#edf6f8;} #header.up {height: 100px; transition: all 0.3s;} #header.up .inside {height:99px; border-bottom:1px solid #000; transition: all 0.3s;} #header.up .inside .head-left {height:99px; transition: all 0.3s;} #header.up .inside .head-left-inner {height:99px; transition: all 0.3s;} #header.up .inside .head-right {height:99px; transition: all 0.3s;} #header.up .inside .head-right-inner {height:99px; transition: all 0.3s;} #header .logo {font-size:2.4rem; line-height: 3.0rem; position: relative; display: inline-block; float: left; width:420px; float:left; text-align:left; margin: 40px 0 0 10%; transition: all 0.3s; z-index: 800; transition: all 0.3s;} #header .logo .image_container {float:left; padding:0; margin:0 60px 0 0; display:inline-block; width:160px; height:auto; transition: all 0.3s; float:left; transition: all 0.3s;} #header .logo img {width:100% !important; height:auto !important; transition: all 0.3s;} #header.up .logo {font-size:1.8rem; line-height: 2.3rem; margin: 24px 0 0 10%;} #header.up .logo .image_container {padding:0; margin:0 40px 0 0; display:inline-block; width:120px; height:auto; transition: all 0.3s;} #header.up .navigation {transition: all 0.3s;} #header.up .navigation ul li {} #header.up .navigation ul li a {} #header.up .navigation ul li.trail a, #header.up .navigation ul li.active a, #header.up .navigation ul li.active strong {} #header .ce_text {float:left;} body.home #header .headerhyper {display: inline-block;} #header .headerhyper {display: none; position: absolute; top: 40px; float: right; right: calc(4vw + 80px); transition: top 0.3s ease;} #header.up .headerhyper {top: 20px;} #header .headerhyper a {display: inline-block; font-size: 3rem; line-height: 3rem; color: #4B6454; text-decoration: none; background: rgba(71,97,80,0); padding: 10px 20px; border: 2px solid #476150; transition: background 0.3s ease, color 0.3s ease;} #header .headerhyper a:hover {color: #edf6f8; background: rgba(71,97,80,1);} strong, bold {font-family: 'tiemposblack';} body #container {padding:140px 0 0 0; position:relative; z-index:1000; display:inline-block; float:left; width:100%; height:auto;} body.home #container {padding:140px 0 0 0;} #main {width:100%; margin: 0 auto; float:left;} body #main .inside {padding: 0 0 0 0; float:left; width: 100%; margin: 0 auto;} body.home #main .inside {padding: 0 0 0 0; float:left; width: 100%; margin: 0 auto;} #container .mod_article {float:left; width:100%; text-align:left; border-bottom:1px solid #000; position:relative;} .home #container .mod_article { background:#edf6f8;} #container .mod_article.last {border-bottom:none;} #container .mod_article .content-main {width:66.66666666666667%; float:left; background:#edf6f8;} #container .mod_article .content-main .content-inner {position:relative; display:block; border-right:1px solid #000; padding:30px 10% 60px 10%; margin:0;} #container .mod_article .content-right {width:33.33333333333333%; float:right; background:#fff;} #container .mod_article .content-right .content-inner {display:block; padding:30px 10% 0 10%; margin:0;} #container .mod_article .content-top {display:none;} #container .mod_article .content-top .content-inner {display:block; padding:30px 10% 0 10%; margin:0;} #container .mod_article.breit .content-main .content-inner {padding: 30px 5% 180px 10%;} .home-left {width:66.66666666666667%; float:left; background:#edf6f8;} .home-left-inner {display:block; border-right:1px solid #000; padding:0 10% 80px 10%;} .home-right {width:33.33333333333333%; float:right; position: relative; z-index: 2;} .home-right-inner {padding:0 10% 0 10%;} .home-left.homeanker .home-left-inner {padding:0 0 0 0;} .home-right.homeanker .home-right-inner {padding:0;} #container .mod_article.nahtlos .content-main .content-inner {padding:0;} #main .homeanker .home-left-inner {padding-right: 0;} #main .homeanker .home-left-inner .ce_text {padding-top: 0; display: block;} #main .homeanker .home-left-inner .ce_text p {padding-bottom: 0;} #main .homeanker .home-left-inner .ce_text p a {text-transform: uppercase; text-decoration:none; display: block; width: 90% !important; padding: 20px 0 20px 10% !important; border-bottom:1px solid #000; background: url(../../files/data/graphics/Pfeil.svg) center right 30px no-repeat; background-size: 30px; transition:background 0.3s ease;} #main .homeanker .home-left-inner .ce_text p a:hover {color:#fff; text-decoration:none; background: url(../../files/data/graphics/Pfeil.svg) center right 30px no-repeat #4ca8bc; background-size: 30px; transition:background 0.3s ease;} /*{color:#4a6454; text-decoration:none; background: url(../../files/data/graphics/Pfeil.svg) center right 30px no-repeat #ffd700; background-size: 30px; transition:background 0.3s ease;}*/ #main .homeanker .home-left-inner .ce_text p a.up {background: url(../../files/data/graphics/Pfeil-up.svg) center right 30px no-repeat; background-size: 30px;} #main .homeanker .home-left-inner .ce_text p a:hover.up {color:#4a6454; text-decoration:none; background: url(../../files/data/graphics/Pfeil-up.svg) center right 30px no-repeat #ffd700; background-size: 30px;} #main .homeanker .home-right-inner {padding-right: 0;} #main .homeanker .home-right-inner .ce_text {padding-top: 0; display: block;} #main .homeanker .home-right-inner .ce_text p {padding-bottom: 0;} #main .homeanker .home-right-inner .ce_text p a {text-transform: uppercase; text-decoration:none; display: block; width: 90% !important; padding: 20px 0 20px 10% !important; border-bottom:1px solid #000; background: url(../../files/data/graphics/Pfeil.svg) center right 30px no-repeat; background-size: 30px; transition:background 0.3s ease;} #main .homeanker .home-right-inner .ce_text p a:hover {color:#fff; text-decoration:none; background: url(../../files/data/graphics/Pfeil.svg) center right 30px no-repeat #4ca8bc; background-size: 30px; transition:background 0.3s ease;} #main .homeanker .home-right-inner .ce_text p a.up {background: url(../../files/data/graphics/Pfeil-up.svg) center right 30px no-repeat; background-size: 30px;} #main .homeanker .home-right-inner .ce_text p a:hover.up {color:#fff; text-decoration:none; background: url(../../files/data/graphics/Pfeil-up.svg) center right 30px no-repeat #4ca8bc; background-size: 30px;} .home #container .mod_article.home-video {max-height: calc(100vh - 229px);} .home #container .mod_article.home-video video {margin-bottom: 0;} /* FOOTER */ /*************************************************************/ .endcontent {height: 440px; width: 100%; display: block; position: relative; z-index:100;} #footer {height:440px; margin-top:-440px; display: block; clear: both; position: relative; z-index:800;} #footer .inside {height:440px; padding:0; color: #000; -webkit-transition: all .2s ease;} #footer .inside .footer-top {height:300px; padding:0; color: #4a6454; -webkit-transition: all .2s ease; font-size: 2.0rem; line-height:2.6rem;} #footer .inside .footer-bottom {height:140px; padding:0; color: #fff; -webkit-transition: all .2s ease; font-size: 2.0rem; line-height:2.6rem;} #footer .inside .footer-top .foot-left {position:relative; width:66.66666666666667%; float:left; background:#edf6f8; height:300px; transition: all 0.3s;} #footer .inside .footer-top .foot-left-inner {position:relative; display:block; /*border-top:1px solid #000;*/ border-right:1px solid #000; height:239px; transition: all 0.3s; padding:60px 10% 0 10%;} #footer .inside .footer-top .foot-right {width:33.33333333333333%; float:left; background:#fff; height:300px; transition: all 0.3s;} #footer .inside .footer-top .foot-right-inner {position:relative; display:block; height:240px; transition: all 0.3s; padding:60px 10px 0 10%;} #footer .inside .footer-top .foot-right-inner .ce_image.signet {position:absolute; bottom:-40px; width:400px;} #footer .inside .footer-bottom .foot-left {width:66.66666666666667%; float:left; background:#4a6454; height:140px; transition: all 0.3s;} #footer .inside .footer-bottom .foot-left-inner {display:block; height:115px; transition: all 0.3s; padding:25px 10% 0 10%;} #footer .inside .footer-bottom .foot-right {width:33.33333333333333%; float:left; background:#4a6454; height:140px; transition: all 0.3s;} #footer .inside .footer-bottom .foot-right-inner {display:block; height:65px; transition: all 0.3s; padding:75px 10px 0 10%;} #footer .inside .footer-bottom .foot-right-inner p {font-family:'tiemposblack'; float:left; margin:0 30px 0 0;} .home #footer .inside .footer-top .foot-right {background:#edf6f8;} #footer .rs-columns {position:relative; clear: both; display: inline-block; width:100%; margin:0; padding:0; text-align: left;} #footer .rs-column {float: left; width: 100%; margin:0; padding:0;} #footer .rs-column.-large-col-2-1 {width:28% !important; margin-right:44% !important; margin-bottom:0; position:relative; text-align:center;} #footer .rs-column.-large-first {clear: left; width:28% !important; text-align:left;} #footer .rs-column.-large-last {margin-right: 0 !important;} #footer .rs-column.-large-col-2-1.-large-last {width:28% !important; margin-right: 0 !important; text-align:left; float:right;} #footer .rs-column.-large-first-row {margin-top: 0;} #footer .inside .footer-top .foot-left-inner .ce_text {position:relative; z-index:800;} #footer .inside .mod_nav_service {position:relative; width:auto; text-align:left; float:right; display:inline-block; margin:0; padding:0 0 0 0; z-index:800;} #footer .inside .mod_nav_service ul {margin:0; padding:0; float:left; display:inline-block; width:100%;} #footer .inside .mod_nav_service ul li {margin:0 0 0 0; padding:0 0 0 0; width:auto;} #footer .inside .mod_nav_service ul li a {color:#4a6454 !important; text-decoration:none;} #footer .inside .mod_nav_service ul li a:hover {color:#4a6454 !important; text-decoration:underline;} #footer .inside .footer-bottom a, #footer .inside .footer-bottom a:link, #footer .inside .footer-bottom a:visited {color:#fff; text-decoration:none;} #footer .inside .footer-bottom a:hover, #footer .inside .footer-bottom a:active {color:#fff; text-decoration: none;} #footer .inside .footer-top a, #footer .inside .footer-top a:link, #footer .inside .footer-top a:visited {color:#4a6454; text-decoration:none;} #footer .inside .footer-top a:hover, #footer .inside .footer-top a:active {color:#4a6454; text-decoration: none;} #footer .inside .noclearfix .clearfix:after {display: none;} .socialicons {position:absolute; top:0; left:0; width:80%; text-align:center; margin:0 10%; padding:60px 0 0 0; z-index:700;} .socialicons .ce_image {width:36px; margin:0 4px; padding:0; display:inline-block;} .socialicons .ce_image .image_container {width:100%; height:auto;} .socialicons .ce_image .image_container img {width:100% !important; height:auto !important;} #container .ce_form {margin-top: 20px; margin-right: auto; margin-left: auto;} #container .ce_form .formbody label {width: 100%; padding-top: 10px; margin-bottom: 5px; display: inline-block; float: left;} #container .ce_form .formbody input {color: #4a6454; box-sizing: border-box; width: 100%; padding:12px 30px; margin-bottom: 15px; border:1px solid #4a6454; background-color: #fff; border-radius: 0px;} #container .ce_form .formbody input::placeholder {color: #a0baaa;} #container .ce_form .formbody textarea {color: #4a6454; box-sizing: border-box; width: 100%; padding:12px 30px; border: 1px solid #4a6454; margin-bottom: 15px; background-color: #fff; border-radius: 0px;} #container .ce_form .formbody .submit {background-color: #4a6454; margin-top: 7px; padding: 12px 30px; border-radius: 0px; color: #fff; margin-left: 0; width: auto; cursor: pointer; border: 1px solid #4a6454; transition: background 0.3s ease, color 0.3s ease;} #container .ce_form .formbody .submit:hover {background: #fff; color: #4a6454;} #container .ce_form .widget-checkbox {margin: 20px 0;} #container .ce_form .checkbox_container span {display: block; position: relative;margin: 8px 0;} #container .ce_form .checkbox_container span input {width: 30px !important; display: inline-block; float: none; vertical-align: middle; height: 20px; padding-top: 10px; margin-bottom: 0; position: absolute; top: 0; left: 0;} #container .ce_form .checkbox_container span label {width: calc(100% - 35px); display: inline-block; float: none; vertical-align: middle; padding-top: 0; padding-left: 30px;} .newsletter {position:relative; width:100%; display:inline-block; margin: 0; padding: 23px 0 0 0; z-index:800;} form, fieldset {width:100%;} form input {border:none; width:92%; background:#4a6454; color:#fff; padding:4px 4%;} ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #edf6f8; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #edf6f8; opacity: 1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #edf6f8; opacity: 1; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #edf6f8; } /* INHALTSELEMENTE */ /*************************************************************/ #main p {margin:0; padding:8px 0 18px 0;} #footer p {margin:0; padding:0 0 26px 0;} #header h1 {font-family: 'tiemposregular'; font-size: 4.0rem; line-height: 4.7rem; text-align:left; color: #4a6454; padding:40px 0 12px 10%; margin:0; text-transform:uppercase; letter-spacing:0em; transition: all 0.3s;} .home #header h1 {display:none;} #header.up h1 {padding:24px 0 12px 10%; transition: all 0.3s;} #main h2 {font-family: 'tiemposregular'; font-size: 4.0rem; line-height: 4.7rem; text-align: left; color: #4a6454; padding:80px 0 50px 0; margin:0; text-transform:none;} #main .mod_newslist h1 {display:none;} #main .mod_article .content-main h2.first {padding:0 0 50px 0; margin:0; text-transform:none;} #main .mod_article .content-main .first h2 {padding:0 0 50px 0; margin:0; text-transform:none;} #main .mod_article .content-main .nahtlos-unten h2 {padding-bottom:0;} #main .mod_article .content-main h2.nahtlos-unten {padding-bottom:0;} #main .mod_article .content-main .abstand-oben h2 {padding-top:140px;} #main .mod_article .content-main h2.abstand-oben {padding-top:140px;} #main .mod_newslist h2 {margin:0; padding:20px 0 20px 0;} #main .mod_article .content-right h2 {color: #4ca8bc; padding:0 0 0 0; margin:0;} #main .mod_article .content-top h2 {color: #4ca8bc; padding:0 0 30px 0; margin:0;} #main .mod_article.notitle .content-right h2 {display:none;} #main h3 {font-family: 'tiemposregular'; font-size: 4.0rem; line-height: 4.7rem; text-align: left; color: #4ca8bc; padding:50px 0 30px 0; margin:0; text-transform:none;} #main .first h3 {padding:0 0 30px 0;} #main h3.first {padding:0 0 30px 0;} #main h3.nahtlos { font-size: 4.0rem; line-height: 4.7rem;} #main h4 {font-size:2.8rem; line-height:3.5rem; padding:8px 0 18px 0; margin:0;} /*Text*/ .image_container img {max-width: 100%; height: auto;} #main .ce_text {position:relative; margin:0; padding:0 0 0 0; display:inline-block; width:100%; text-align:left;} .home #main .ce_text {padding:0;} #main .rs-columns .ce_text {padding:0;} #container .ce_text .image_container {padding:0; margin:12px 0 8px 0;} #container .ce_text .image_container.float_right {width: 47%; float: right; margin: 14px 0 16px 6%;} #container .ce_text .image_container.float_left {width: 47%; float: left; margin: 14px 6% 16px 0;} #container .ce_image.bildkreis {position:absolute; left:102%; bottom:80px; width:auto; padding:0; margin: 14px 0 16px -10.5%; display: inline-block; font-size: 1.6rem; line-height: 2.0rem; } #container .ce_image.bildkreis figcaption {left: 40px; margin: 0 0 0 100px; position: absolute; bottom: 30px; width: max-content;} #container .ce_image.bildkreis figcaption span {background:#ffd700; padding:0 4px;} #container .ce_image.bildkreis .image_container {width: 180px; height:180px; float: right; margin: 14px 0 16px 0; background:#fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} #container .ce_image.bildkreis .image_container img {background:#fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width:100%; } #container .ce_image.bildkreis.pos-unten {bottom:0;} #container .ce_text.bildkreis {} #container .ce_text.bildkreis figcaption {left: 40px; margin: 0 0 0 100px; position: absolute; bottom: 30px; width: max-content;} #container .ce_text.bildkreis figcaption span {background:#ffd700; padding:0 4px;} #container .ce_text.bildkreis .image_container {position:absolute; left:102%; top:150px; padding:0; margin: 14px 0 16px 0; font-size: 1.6rem; line-height: 2.0rem; width: 180px; height:180px; background:#fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} #container .ce_text.bildkreis .image_container img {background:#fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} #container .ce_image.stoerer {position:absolute; left:66.66666666666667%; top:280px; width:auto; padding:0; margin: 0 0 0 0; display: inline-block; font-size: 1.6rem; line-height: 2.0rem; z-index:800; } #container .ce_image.stoerer .image_container {width: 200px; height:auto; float: right; margin: 0 0 0 -100px;} #main .ce_text.lead {font-family: 'tiemposregular'; font-size: 4.0rem; line-height: 4.7rem; text-align:left; width:auto; margin:0; padding:20px 0 0 0;} #main .ce_text.lead.nahtlos {padding:0 0 0 0;} #main .ce_text.lead.first {padding:0 0 0 0;} #main .ce_text.lead p {padding:0 0 26px 0;} #main p.abstand-unten {margin:0; padding:8px 0 26px 0;} #main .ce_text.lead p.abstand-unten {margin:0; padding:0 0 80px 0;} #main .ce_image {display:block; width:100%; height:auto; padding:12px 0 0 0; margin:0;} #main .ce_image.nahtlos {padding:0 0 0 0; margin:0;} /* INHALT - 2 SPALTEN */ #container .rs-columns {clear: both; display: inline-block; width:100%; margin:0; padding:0; text-align:left;} .home #container .rs-columns {padding:0; margin:28px 0 24px 0;} #container .rs-column {float: left; width: 100%; margin:0; padding:0;} #container .rs-column.-large-col-2-1 {width:47% !important; margin-right:6% !important; margin-bottom:40px; position:relative;} #container .rs-column.-large-first {clear: left;} #container .rs-column.-large-last {margin-right: 0 !important;} #container .rs-column.-large-col-2-1.-large-last {width:47% !important; margin-right: 0 !important;} #container .rs-column.-large-first-row {margin-top: 0;} #main .rs-column.ce_image {display:block; width:100%; height:auto; padding:0 0 0 0; margin:0;} #main .rs-columns.team p {padding-left:20px;} #main .rs-columns.team .ce_player {margin: 12px 0 8px 0;} #main .rs-columns.team .ce_player video {max-width:100%; width:100%; height: 18.7vw;} #main .ce_player video {max-width:100%; margin-bottom: 30px;} #main .ce_youtube video {max-width:100%; margin-bottom: 30px;} #main .ce_youtube iframe {max-width:100%; margin-bottom: 30px;} #container .rs-columns.col-40-60 .rs-column.-large-col-2-1 {width:43% !important; margin-right:3% !important; margin-bottom:40px; position:relative;} #container .rs-columns.col-40-60 .rs-column.-large-first {clear: left;} #container .rs-columns.col-40-60 .rs-column.-large-last {margin-right: 0 !important;} #container .rs-columns.col-40-60 .rs-column.-large-col-2-1.-large-last {width:54% !important; margin-right: 0 !important;} #container .rs-columns.col-40-60 .rs-column.-large-first-row {margin-top: 0;} /* BILDERGALERIEN */ /*#container #main .ce_gallery {padding:12px 0 0 0; display:inline-block; width:100%; text-align:left;} #container #main .ce_gallery ul li {width: 340px; padding:0; height:auto; margin-right:40px; margin-bottom:40px; display: inline-block; float: left; background:#fff;} #container #main .ce_gallery ul li.col_last {margin-right: 0;} #container #main .ce_gallery ul li figure {width: 100%; overflow: hidden; line-height: 0;} #container #main .ce_gallery ul li figure a {width: 100%; height:auto; float:left; position:relative; overflow:hidden;} #container #main .ce_gallery ul li figure img {width: 100%; height: auto; -webkit-transition: all .5s ease; transition: all .5s ease;} #container #main .ce_gallery ul li figure:hover img {-webkit-transform: scale(1.1); transform: scale(1.1);} #colorbox #cboxTitle {display: none !important;} #colorbox #cboxCurrent {font-size: 1.5rem;}*/ /*Gallery*/ #container #main .ce_gallery ul.cols_2 li {width: 48.5%; max-width: initial; margin-right: 3%; margin-bottom: 30px; display: inline-block; float: left; line-height: 1;} #container #main .ce_gallery ul.cols_3 li {width: 31.3%; max-width: initial; margin-right: 3%; margin-bottom: 30px; display: inline-block; float: left; line-height: 1;} #container #main .ce_gallery ul.cols_4 li {width: 22.75%; max-width: initial; margin-right: 3%; margin-bottom: 30px; display: inline-block; float: left; line-height: 1;} #container #main .ce_gallery ul li.col_last {margin-right: 0;} #container #main .ce_gallery ul li figure {width: 100%; overflow: hidden; line-height: 0;} #container #main .ce_gallery ul li figure img {width: 100%; height: auto; -webkit-transition: all .5s ease; transition: all .5s ease;} #container #main .ce_gallery ul li figure:hover img {-webkit-transform: scale(1.1); transform: scale(1.1);} /*Tabellen*/ .ce_table {display:inline-block; width:100%; padding:8px 0 18px 0; margin:0;} .ce_table table {width:100%;} .ce_table table td {box-sizing:border-box; padding-right: 10px;} .ce_text table td {box-sizing:border-box; padding-right: 10px;} .ce_table.zweispaltig-25-75 table td.col_0 {width:25%;} .ce_table.zweispaltig-25-75 table td.col_1 {width:75%;} .ce_table.zweispaltig-35-65 table td.col_0 {width:35%;} .ce_table.zweispaltig-35-65 table td.col_1 {width:65%;} .ce_table.dreispaltig table td.col_0 {width:8%; min-width: 75px;} .ce_table.dreispaltig table td.col_1 {width:20%; min-width: 175px;} .ce_table.dreispaltig table td.col_2 {width:72%;} .ce_table.dreispaltig table tr {display: block; margin-bottom: 7px;} /*Downloads*/ .ce_download, .ce_downloads {position:relative; display:inline-block; width:100%; margin:0; padding:0; text-align:left;} .ce_download ul, .ce_downloads ul {position:relative; float:left; width:100%; margin:0; padding:0 0 0 0;} #container .ce_download h3, #container .ce_downloads h3 {padding:0;} .ce_download ul li, .ce_downloads ul li, .enclosure {position:relative; width:100%; padding:0 0 0 0; margin:0;} .ce_download img, .ce_downloads img, .enclosure img {} #container .ce_download ul a, #container .ce_download ul a:visited, #container .ce_download ul a:link { font-family: 'tiemposregular'; font-size:2.8rem; line-height:3.5rem; text-align: left; text-transform:none; position:relative; z-index:300; display:block; padding:0 0 0 0; margin:0 0 0 0; text-decoration:underline !important; } #container .ce_download ul li:hover a {text-decoration:none !important;} .ce_download span.size {display:none;} .ce_download img {display:none;} #container .ce_download ul li.ext-pdf a, #container .ce_download ul.ext-pdf a:visited, #container .ce_download ul.ext-pdf a:link {color: #4a6454; text-decoration:none;} #container .ce_download ul li.ext-pdf a:hover {color: #4ca8bc; text-decoration:none;} #container .ce_download ul li.ext-doc a, #container .ce_download ul.ext-doc a:visited, #container .ce_download ul.ext-doc a:link {color: #4a6454; text-decoration:none;} #container .ce_download ul li.ext-doc a:hover {color: #4ca8bc; text-decoration:none;} #container .ce_download ul li.ext-docx a, #container .ce_download ul.ext-docx a:visited, #container .ce_download ul.ext-docx a:link {color: #4a6454; text-decoration:none;} #container .ce_download ul li.ext-docx a:hover {color: #4ca8bc; text-decoration:none;} .ce_download.abstand-unten {margin:0; padding-bottom:50px;} /*List*/ #main .ce_text ul {display:list-item; margin: 0; padding:0;} #main .ce_text ul li {vertical-align:top; list-style:disc; padding:8px 0 18px 0; margin:0 0 0 20px; background:none;} #main .ce_text ol { counter-reset:li; /* Initiate a counter */ margin-left:0; /* Remove the default left margin */ padding-left:0; /* Remove the default left padding */ } #main .ce_text ol > li { position:relative; /* Create a positioning context */ margin:0 0 0 20px; /* Give each list item a left margin to make room for the numbers */ list-style:none; /* Disable the normal item numbering */ } #main .ce_text ol > li:before { content:counter(li)"."; /* Use the counter as content */ counter-increment:li; /* Increment the counter by 1 */ /* Position and style the number */ position:absolute; left: -17px; top: 1px; font-size: 1.7rem; color: #D21136; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } #main .ce_table ul {display: table; margin-bottom: 0;} /*YouTube*/ #container .ce_youtube {clear: both; margin: 30px 0 24px 0; padding:0 0 0 0;} #container .ce_youtube embed {max-width: 100%;} #container .ce_youtube video {max-width: 100%;} #container .ce_youtube .me-plugin {max-width: 100%;} #container .ce_youtube .mejs-overlay {max-width: 100% !important;} /* News */ #main p.back {} #main p.back a {} #main p.back a:hover {} img {vertical-align:bottom;} .video_container {line-height:0;} .layout_full {padding:8px 0 18px 0;} .ce_player button {position: absolute; z-index: 2000; margin:0; padding:0; float:left; bottom:120px; left:5%; cursor:pointer; border:none; outline:none;} .ce_player .mutebutton {border:none; width:60px; height:60px; background: url(../../files/data/graphics/icon-sound-unmute.svg) left top no-repeat; background-size: 60px auto; transition:background 0.3s ease;} .ce_player .mutebutton.muted {border:none; width:60px; height:60px; background: url(../../files/data/graphics/icon-sound-mute.svg) left top no-repeat; background-size: 60px auto; transition:background 0.3s ease;} /* LIGHTBOX */ /*************************************************************/ #cboxTitle {display: none !important;} #cboxLoadedContent {border: none;} #cboxNext {background: url("../../files/data/graphics/icon-cbox-next.svg"); width: 45px; position: absolute; right: 15px; height: 65px; top: 53%; background-position: center; background-repeat: no-repeat; background-size: contain;} #cboxPrevious {background: url("../../files/data/graphics/icon-cbox-prev.svg"); width: 45px; position: absolute; left: 15px; height: 65px; top: 53%; background-position: center; background-repeat: no-repeat; background-size: contain;} #cboxClose {background: url("../../files/data/graphics/icon-cbox-close.svg"); width: 45px; position: absolute; right: 15px; top: 15px; height: 45px; background-position: center; background-repeat: no-repeat; background-size: contain;} #cboxCurrent {font-size: 14px;} /* FIXES */ /*************************************************************/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height:0px;} .clearfix {display: block;} /* End hide from IE-mac */ /* Desktop-Mobile Settings */ #header #mod_nav_mobile {display:none;} #header a.mobilebtn {display:none;} #footer .footertop .content .mobile {display:none;} #footer .footertop .content .desktop {display:block;} .mod_mmenu_article.mm-opened {display:none !important;} .ce_dlh_googlemaps {width: 100%; height: auto; display:inline-block; margin:6px 0 0 0;} .dlh_googlemap {width: 100%; height: auto; padding-bottom: 56.25%; padding-bottom:0; position: relative; overflow: hidden; } /* MEDIA QUERIES */ /*************************************************************/ @media screen and (max-width: 1499px) { #wrapper {font-size: 1.9rem; line-height: 2.5rem;} #header h1 {font-size: 3.2rem; line-height: 3.9rem;} #main h2 {font-size: 3.2rem; line-height: 3.9rem;} #main h3 {font-size: 3.2rem; line-height: 3.9rem; padding:50px 0 30px 0;} #main h4 {font-size:2.4rem; line-height:3.1rem; padding:8px 0 18px 0; margin:0;} #main .ce_text.lead {font-size: 3.2rem; line-height: 3.9rem;} #container .ce_download ul a, #container .ce_download ul a:visited, #container .ce_download ul a:link {font-size: 2.4rem; line-height: 3.1rem;} #footer .inside .footer-top {font-size: 1.9rem; line-height: 2.5rem;} #footer .inside .footer-bottom {font-size: 1.9rem; line-height: 2.5rem;} .custom {position:absolute; bottom:-336px; right:3%; width:320px;} } @media screen and (max-width: 1199px) { #header {height: 140px;} #header .inside {height: 139px; border-bottom: 1px solid #000;} #header .inside .head-left {width: 100%; height: 89px; border-bottom: 1px solid #000;} #header .inside .head-left-inner {border-right: none; height: 89px;} #header .inside .head-right {width: 100%; height: 49px;} #header .inside .head-right-inner {height: 49px;} #header.up .inside {height: 139px;} #header.up .inside .head-left {height: 89px;} #header.up .inside .head-left-inner {height: 89px;} #header.up .inside .head-right {height: 49px;} #header.up .inside .head-right-inner {height: 49px; transition: all 0.3s;} .home #header {height: 90px;} .home #header .inside {height: 89px;} .home #header .inside .head-left {width: 70%; border-bottom:none;} .home #header .inside .head-right {width:30%; height:89px;} .home #header .inside .head-right-inner {height: 89px;} .home #header.up .inside .head-left {width:70%;} .home #header.up .inside .head-right {width:30%; height:89px;} .home #header.up .inside .head-right-inner {height: 89px;} #header .headerhyper {display: inline-block; top: 17px;} #header.up .headerhyper {top: 17px;} body.home #container {padding: 90px 0 0 0;} .ce_player button {bottom:5%;} #container .mod_article .content-main {width:100%; float:right; background:#edf6f8;} #container .mod_article .content-main .content-inner {border-right:none;} #container .mod_article .content-right {display:none;} #container .mod_article .content-top {width:100%; float:left; background:#fff; border-bottom:1px solid #000; display:block;} #container .mod_article .content-top .content-inner {padding: 7px 10% 0 10%;} #container .mod_article.breit .content-main .content-inner {padding-bottom:60px;} #container .mod_article.notitle .content-top {display:none;} .home-left {width:100%;} .home-left-inner {border-right:none; padding:0 10% 80px 10%;} .home-right {width:100%;} .home-right-inner {padding:0 10% 0 10%;} #aktuell.home-right {width:100%;} #aktuell .home-right-inner {padding:0;} .mod_newslist {padding:0 10%;} #header .logo {font-size:1.8rem; line-height: 2.3rem; margin: 24px 0 0 10%;} #header .logo .image_container {padding:0; margin:0 40px 0 0; display:inline-block; width:120px; height:auto; transition: all 0.3s;} #header.up .logo {font-size:1.8rem; line-height: 2.3rem; margin: 24px 0 0 10%;} #header.up .logo .image_container {padding:0; margin:0 40px 0 0; display:inline-block; width:120px; height:auto; transition: all 0.3s;} #header h1 {font-size: 2.8rem; line-height: 3.5rem; padding: 7px 0 0 10%;} #header.up h1 {padding: 7px 0 0 10%;} #main h2 {font-size: 2.8rem; line-height: 3.5rem; padding: 80px 0 24px 0;} #main .mod_article .content-main h2.abstand-oben {padding-top: 80px;} #main h3 {font-size: 2.8rem; line-height: 3.5rem; padding: 50px 0 24px 0;} #main .first h3 {padding:0 0 24px 0;} #main h3.first {padding:0 0 24px 0;} #main h4 {font-size:2.2rem; line-height:2.9rem; padding:8px 0 18px 0; margin:0;} #main .rs-columns.team .ce_player video {height: 27.8vw;} #main .ce_text.lead {font-size: 2.8rem; line-height: 3.5rem;} #main .mod_article .content-top h2 {padding: 0 0 7px 0;} #main .mod_article .content-main h2.first {padding:0 0 24px 0;} #main .mod_article .content-main .first h2 {padding:0 0 24px 0;} #container .ce_download ul a, #container .ce_download ul a:visited, #container .ce_download ul a:link {font-size: 2.2rem; line-height: 2.9rem;} #container .rs-column.-large-col-2-1 {margin-bottom: 20px;} #container .ce_image.bildkreis {position:relative; left:auto; bottom:auto; margin: 14px 0 0 0;} #container .ce_image.bildkreis figcaption {left: 40px; margin: 0 0 0 100px; position: absolute; bottom: 30px; width: max-content;} #container .ce_image.bildkreis figcaption span {} #container .ce_image.bildkreis .image_container {position:relative; width: 180px; height:180px; float: left; margin: 14px 0 16px 0; background:#fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} #container .ce_image.bildkreis .image_container img {background:#fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} #container .ce_text.bildkreis {} #container .ce_text.bildkreis figcaption {left: 40px; margin: 0 0 0 100px; position: absolute; bottom: 30px; width: max-content;} #container .ce_text.bildkreis figcaption span {} #container .ce_text.bildkreis .image_container {position:relative; left:auto; top:auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} #container .ce_text.bildkreis .image_container img {background:#fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} #container .ce_image.stoerer {position:relative; left:0; top:0; width:auto; padding:0; margin: 0 0 0 0; display: inline-block; font-size: 1.6rem; line-height: 2.0rem; z-index:800; } #container .ce_image.stoerer .image_container {width: 200px; height:auto; float: right; margin: 0 0 0 0;} .endcontent {height: 516px;} #footer {height: 516px; margin-top: -516px;} #footer .inside {height: 516px;} #footer .inside .footer-top {height: 376px;} #footer .inside .footer-top .foot-left {width: 100%; height: 376px;} #footer .inside .footer-top .foot-left-inner {border-right: none; height: 335px; padding: 40px 10% 0 10%;} #footer .inside .footer-top .foot-right {display:none;} #footer .inside .footer-bottom .foot-left {} #footer .inside .footer-bottom .foot-left-inner {padding: 20px 10% 0 20%; height:120px;} #footer .inside .footer-bottom .foot-left {width: 50%;} #footer .inside .footer-bottom .foot-left-inner ul {width:280px;} #footer .inside .footer-bottom .foot-right {width:50%;} #footer .inside .footer-bottom .foot-right-inner {padding: 20px 20% 0 0; height:120px;} #footer .inside .footer-bottom .foot-right-inner .ce_text {width: auto; float: right;} #footer .inside .footer-bottom .foot-right-inner p {margin: 0 0 0 30px;} .socialicons {position:relative; top:0; left:0; width:100%; text-align:left; margin:0; padding:20px 0 0 0; z-index:700;} .custom {position: absolute; bottom: -394px; right: 10%; width: 160px;} } @media screen and (max-width: 960px) { #container .mod_article .content-main .content-inner {padding: 30px 4% 60px 4%;} #container .mod_article .content-top .content-inner {padding: 7px 4% 0 4%;} #container .mod_article.breit .content-main .content-inner {padding: 30px 4% 60px 4%;} .home-left-inner {border-right:none; padding:0 4% 80px 4%;} .home-right-inner {padding:0 4% 0 4%;} #header .logo {margin-left:4%;} #header.up .logo {margin-left:4%;} #header h1 {padding: 7px 0 0 4%;} #header.up h1 {padding: 7px 0 0 4%;} #main .homeanker .home-left-inner .ce_text p a {width: 76% !important; padding: 20px 20% 20px 4% !important;} #main .homeanker .home-right-inner .ce_text p a {width: 76% !important; padding: 20px 20% 20px 4% !important;} #footer .inside .mod_nav_service {float: left;} #footer .inside .footer-bottom .foot-right-inner p {margin: 0; padding:0; float:none;} #footer .inside .footer-bottom .foot-right-inner .ce_text {padding: 25px 0 0 0;} .mod_newslist {padding:0 4%;} #footer .inside .footer-top .foot-left-inner {padding: 40px 4% 0 4%;} #footer .inside .footer-bottom .foot-left-inner {padding: 20px 8% 0 8%;} #footer .inside .footer-bottom .foot-right-inner {padding: 20px 8% 0 0;} #footer .rs-column.-large-col-2-1 {width:58% !important; margin-right:4% !important; margin-bottom:0; position:relative; text-align:center;} #footer .rs-column.-large-first {clear: left; width:58% !important; text-align:left;} #footer .rs-column.-large-last {margin-right: 0 !important;} #footer .rs-column.-large-col-2-1.-large-last {width:38% !important; margin-right: 0 !important; text-align:left; float:right;} #footer .rs-column.-large-first-row {margin-top: 0;} #main .home-right .home-right-inner .ce_text.aktuellmobile {width:92% !important; margin:0; padding-left:4% !important; padding-right:4% !important;} } @media screen and (max-width: 699px) { #wrapper {font-size: 1.8rem; line-height: 2.4rem;} #header .headerhyper {z-index: 1000;} #header h1 {font-size: 2.6rem; line-height: 3.3rem; padding: 9px 0 0 4%;} #main h2 {font-size: 2.6rem; line-height: 3.3rem;} #main .mod_article .content-top h2 {padding: 0 0 7px 0;} #main .ce_text.lead {font-size: 2.6rem; line-height: 3.3rem;} #main h3 {font-size: 2.6rem; line-height: 3.3rem;} #main h4 {font-size:2.1rem; line-height:2.8rem; padding:8px 0 18px 0; margin:0;} #container .ce_download ul a, #container .ce_download ul a:visited, #container .ce_download ul a:link {font-size: 2.1rem; line-height: 2.8rem;} #main .rs-columns.team .ce_player video {height: 67.5vw;} #footer .inside .footer-top {font-size: 1.8rem; line-height: 2.4rem;} #footer .inside .footer-bottom {font-size: 1.8rem; line-height: 2.4rem;} #container .mod_article .content-top .content-inner {padding: 9px 4% 0 4%;} #container .rs-columns {width:100%;} #container .rs-column.-large-col-2-1 {width: 100% !important; margin-right:0 !important; margin-bottom: 20px;} #container .rs-column.-large-col-2-1.-large-last {width:100% !important; margin-right: 0 !important; margin-bottom: 20px;} #container .rs-columns.col-40-60 .rs-column.-large-col-2-1 {width:100% !important; margin-right:0 !important; margin-bottom:20px; position:relative;} #container .rs-columns.col-40-60 .rs-column.-large-col-2-1.-large-last {width:100% !important; margin-right: 0 !important;} #main .mod_article .content-main h2.first {padding: 0 0 24px 0;} #main h2 {padding: 40px 0 24px 0;} #main .mod_article .content-main h2.abstand-oben {padding-top: 40px;} #main h3 {padding: 40px 0 24px 0;} #main .first h3 {padding:0 0 24px 0;} #main h3.first {padding:0 0 24px 0;} /*Tabellen*/ .ce_table {display:inline-block; width:100%; padding:8px 0 18px 0; margin:0;} .ce_table table {width:100%;} .ce_table.zweispaltig-25-75 table td.col_0 {width:35%;} .ce_table.zweispaltig-25-75 table td.col_1 {width:65%;} .ce_table.zweispaltig-35-65 table td.col_0 {width:35%;} .ce_table.zweispaltig-35-65 table td.col_1 {width:65%;} .ce_table.dreispaltig table td.col_0 {width:12%;} .ce_table.dreispaltig table td.col_1 {width:24%;} .ce_table.dreispaltig table td.col_2 {width:64%;} #footer .inside .footer-bottom .foot-left-inner {padding: 20px 0 0 8%;} #footer .inside .footer-bottom .foot-left-inner ul {width: 260px;} #main .ce_text.lead p.abstand-unten {padding: 0 0 26px 0;} } @media screen and (max-width: 599px) { #header .logo {font-size: 1.2rem; line-height: 1.7rem;} #header .logo img {width: 70px !important; margin-top: 8px;} #header .logo .image_container {width: 70px; margin: 0 5px 0 0;} #header.up .logo {font-size: 1.2rem; line-height: 1.7rem;} #header.up .logo img {width: 70px !important; margin-top: 8px;} #header.up .logo .image_container {width: 70px; margin: 0 5px 0 0;} #header .headerhyper a {font-size: 1.8rem; line-height: 2rem; padding: 9px 11px;} #header .headerhyper {top: 24px; right: calc(4vw + 55px);} #header.up .headerhyper {top: 24px;} .nuunnavbutton {width: 40px !important;} .endcontent {height:679px;} #footer {height: 679px; margin-top: -679px;} #footer .inside {height: 679px;} #footer .inside .footer-top {height: 459px;} #footer .inside .footer-top .foot-left {height: 459px;} #footer .inside .footer-top .foot-left-inner {height: 435px;} #footer .inside .footer-bottom {height: 140px;} #footer .inside .footer-bottom .foot-left {height: 140px;} #footer .inside .footer-bottom .foot-left-inner {height: 120px;} #footer .inside .footer-bottom .foot-right {height: 80px;} #footer .inside .footer-bottom .foot-right-inner {height: 60px;} #footer .rs-column.-large-col-2-1 {width:100% !important; margin-right:0 !important; margin-bottom:0; position:relative; text-align:center;} #footer .rs-column.-large-first {clear: left; width:100% !important; text-align:left;} #footer .rs-column.-large-last {margin-right: 0 !important;} #footer .rs-column.-large-col-2-1.-large-last {width:100% !important; margin-right: 0 !important; text-align:left; float:right;} #footer .rs-column.-large-first-row {margin-top: 0;} #footer .inside .mod_nav_service {width: 100%;} .newsletter {position: relative; width: 50%;} #footer .inside .footer-bottom .foot-left {width:100%;} #footer .inside .footer-bottom .foot-left-inner {padding: 20px 4% 0 4%;} #footer .inside .footer-bottom .foot-right {width:100%;} #footer .inside .footer-bottom .foot-right-inner {padding: 20px 4% 0 4%;} #footer .inside .footer-bottom .foot-right-inner .ce_text {width:100%; float:left;} #footer .inside .footer-bottom .foot-right-inner p {float: left; margin: 0 20px 0 0;} #footer .inside .footer-bottom .foot-right-inner p.last {float: left; margin: 0 0 0 0;} #footer .inside .footer-bottom .foot-right-inner .ce_text {padding:0 0 0 0;} #footer .inside .footer-top .foot-left-inner {height: 418px;} .ce_player .mutebutton {border:none; width:40px; height:40px; background-size: 40px auto; transition:background 0.3s ease;} .ce_player .mutebutton.muted {border:none; width:40px; height:40px; background-size: 40px auto; transition:background 0.3s ease;} .custom {position: absolute; bottom: -472px; right: 4%; width: 120px;} .socialicons {padding: 16px 0 0 0;} .newsletter form {margin:0 0 10px 0;} .ce_table.dreispaltig table td.col_0 {width:auto; min-width: initial; display: inline-block;} .ce_table.dreispaltig table td.col_1 {width:auto; min-width: initial; display: inline-block;} .ce_table.dreispaltig table td.col_2 {width:100% !important; display: block; clear: both;} .ce_table.dreispaltig table td.col_2 br {display: none;} } @media screen and (max-width: 499px) { #wrapper {font-size: 1.7rem; line-height: 2.3rem;} #header h1 {font-size: 2.3rem; line-height: 3.0rem;} #main h2 {font-size: 2.3rem; line-height: 3.0rem;} #main .mod_article .content-top h2 {padding: 0 0 10px 0;} #main .ce_text.lead {font-size: 2.3rem; line-height: 3.0rem;} #main h3 {font-size: 2.3rem; line-height: 3.0rem;} #main h4 {font-size:1.9rem; line-height:2.6rem; padding:8px 0 18px 0; margin:0;} #container .ce_download ul a, #container .ce_download ul a:visited, #container .ce_download ul a:link {font-size: 1.9rem; line-height: 2.6rem;} /*Tabellen*/ .ce_table {display:inline-block; width:100%; padding:8px 0 18px 0; margin:0;} .ce_table table {width:100%;} .ce_table.zweispaltig-25-75 table td.col_0 {width:45%;} .ce_table.zweispaltig-25-75 table td.col_1 {width:55%;} .ce_table.zweispaltig-35-65 table td.col_0 {width:45%;} .ce_table.zweispaltig-35-65 table td.col_1 {width:55%;} .ce_table.dreispaltig table td.col_0 {width:75px; display: inline-block;} .ce_table.dreispaltig table td.col_1 {width:32%; display: inline-block;} .ce_table.dreispaltig table td.col_2 {width:54%;} .ce_table.dreispaltig table tr {margin-bottom: 10px;} #header .logo {/*font-size:1.8rem; line-height: 2.3rem;*/ margin: 24px 0 0 4%;} #header .logo .image_container {padding:0; /*margin:0 20px 0 0;*/ display:inline-block; /*width:120px;*/ height:auto; transition: all 0.3s;} #header.up .logo {/*font-size:1.8rem; line-height: 2.3rem;*/ margin: 24px 0 0 4%;} #header.up .logo .image_container {padding:0; /*margin:0 20px 0 0;*/ display:inline-block; /*width:120px;*/ height:auto; transition: all 0.3s;} #main .rs-columns.team p {padding-left:0;} } @media screen and (max-width: 419px) { #header .logo {/*font-size:1.4rem; line-height: 1.9rem;*/ margin: 24px 0 0 4%;} #header .logo .image_container {padding:0; /*margin:0 20px 0 0;*/ display:inline-block; /*width:100px;*/ height:auto; transition: all 0.3s;} #header.up .logo {/*font-size:1.4rem; line-height: 1.9rem;*/ margin: 24px 0 0 4%;} #header.up .logo .image_container {padding:0; /*margin:0 20px 0 0;*/ display:inline-block; /*width:100px;*/ height:auto; transition: all 0.3s;} .newsletter {width: 60%;} } /*! Generated by Font Squirrel (https://www.fontsquirrel.com) on November 26, 2020 */ @font-face { font-family: 'tiemposregular'; src: url('../../files/data/styles/tiempos-headline-web-regular.eot'); src: url('../../files/data/styles/tiempos-headline-web-regular.eot?#iefix') format('embedded-opentype'), url('../../files/data/styles/tiempos-headline-web-regular.woff2') format('woff2'), url('../../files/data/styles/tiempos-headline-web-regular.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'tiemposblack'; src: url('../../files/data/styles/tiempos-headline-web-black.eot'); src: url('../../files/data/styles/tiempos-headline-web-black.eot?#iefix') format('embedded-opentype'), url('../../files/data/styles/tiempos-headline-web-black.woff2') format('woff2'), url('../../files/data/styles/tiempos-headline-web-black.woff') format('woff'); font-weight: normal; font-style: normal; } /* NUUNNAV CSS*/ .nuunnavbutton {display: none; width: 60px; cursor: pointer; position: fixed; z-index: 2500; top: 50px; right: 4%; transition: all 0.3s;} .nuunnavbutton .navline {height: 2px; width: 100%; margin-bottom: 8px; border-radius: 10px; background: #4a6454; opacity: 1; transition: transform 0.3s ease, opacity 0.3s ease, background 0.3s ease;} .nuunnavbutton .navline.bot {opacity: 0;} #header.up .nuunnavbutton {top: 34px; transition: all 0.3s;} .nuunnavbutton.crossed .navline {background: #4a6454;} .nuunnavbutton.crossed .navline.top {transform: rotate(-45deg) translateY(10px) translateX(-10px);} .nuunnavbutton.crossed .navline.mid {opacity: 0;} .nuunnavbutton.crossed .navline.bot {opacity: 1; transform: rotate(-135deg) translateY(5px) translateX(5px);} .nuunnavbutton.crossed .navline:last-of-type {width: 100%; float: none;} #nuunnav {display: none; padding-top: 0; font-family: 'tiemposregular', arial, sans-serif; font-size: 2.0rem; padding-left: 0; padding-right: 0; position: fixed; overflow-y: auto; top: 0; width: 100%; max-width:33.43333333333333%; background: #fff; border-left:1px solid #000; height: 100vh; z-index: 2000; box-sizing: border-box; transition:right 0.6s ease, box-shadow 0.3s ease;} #nuunnav.open {right: 0 !important;} #nuunnav .inside {padding-bottom: 150px;} #nuunnav .mod_navigation {width:100%; padding:0;} #nuunnav .navigation {display: inline-block; width: 100%; padding-bottom: 10px; padding-top: 0px; margin-top: 5px;} #nuunnav li a {color: #4a6454; text-transform:none; text-decoration: none; letter-spacing: 0.03rem; transition:color 0.3s ease;} #nuunnav li a.active {font-family: 'tiemposregular', arial, sans-serif; color: #4ca8bc;} #nuunnav li a:hover {color: #4ca8bc;} #nuunnav ul {list-style: none; padding-left: 0; display: inline-block; width: 100%; margin: 0;} #nuunnav ul.level_1 {margin: 139px 0 0 0; border-top: 1px solid #000; transition: all 0.3s;} #header.up #nuunnav ul.level_1 {margin: 99px 0 0 0; border-top: 1px solid #000;} #nuunnav ul.level_1 > li {display: inline-block; width: 100%; text-align:left; border-bottom: 1px solid #000; padding: 0 0 24px 0; float:left;} #nuunnav ul.level_1 > li > a {display: inline-block; float: left; clear: left;} #nuunnav ul.level_1 > li > a.active {color: #4ca8bc;} #nuunnav ul.level_1 > li > a.trail {color: #4ca8bc;} #nuunnav ul.level_1 > li.submenu > a {margin-right: 0px; float: left; clear: left;} #nuunnav ul li.submenu .subtoggler {background: url(../../files/data/graphics/Pfeil.svg) left top no-repeat; background-size: 30px; width: 30px; height: 28px; margin-top: 42px; margin-right:6%; position: relative; display: flex; align-items: center; justify-content: center; float: right; cursor: pointer;} #nuunnav ul.level_2 li {float:left; width:100%;} #nuunnav ul.level_2 li.submenu .subtoggler {height: 25px;} #nuunnav ul li.submenu .subtoggler .subtoggline1 {width: 15px; height: 3px; background: #4a6454; display:none;} #nuunnav ul li.submenu .subtoggler .subtoggline2 {width: 15px; height: 3px; background: #4a6454; position: absolute; transform: rotate(90deg); transition: transform 0.3s ease; display:none;} #nuunnav ul li.submenu .subtoggler.down .subtoggline2 {transform: rotate(0deg); display:none;} #nuunnav ul li.submenu .subtoggler.down {background: url(../../files/data/graphics/Pfeil-up.svg) left top no-repeat; background-size: 30px;} #nuunnav ul.level_1 > li > a {font-family: 'tiemposregular'; font-size: 4.0rem; line-height: 4.7rem; text-align:left; color: #4a6454; padding:30px 0 8px 10%; margin:0; text-transform:uppercase; letter-spacing:0em; transition: all 0.3s;} #nuunnav ul.level_1 > li > a:hover {color: #4ca8bc;} #nuunnav ul.level_2 {display: none; margin:0; float:left; padding:6px 0 0 0;} #nuunnav ul.level_2 > li > a {display: inline-block; padding:2px 0 2px 10%;} #nuunnav ul.level_2 li a.active {color: #4ca8bc; font-family: 'tiemposregular', arial, sans-serif; text-align:left;} #nuunnav ul.level_2 li a:hover {color: #4ca8bc; background: url(../../files/graphics/icon-nav-bg.svg) center left 4vw no-repeat;} #nuunnav ul.level_2 li a.trail {color: #4ca8bc;} #nuunnav ul.level_3 {display: none; padding:0 0 12px 30px; float:left; width:100%;} #nuunnav ul.level_3 li {float:left; width:100%; border-bottom:none;} #nuunnav ul.level_3 > li > a {display: inline-block; font-family: 'Helvetica LT W01 Roman', arial, sans-serif; text-transform: none; font-size: 1.4rem; float: left; clear: left; padding: 5px 0 8px 0;} #nuunnav ul.level_3 li a.active {color: #79b032; font-family: 'Helvetica LT W01 Roman', arial, sans-serif;} #nuunnav ul.level_3 li a:hover {color: #79b032; background: url(../../files/graphics/icon-nav-bg.svg) center left 6vw no-repeat;} .logo-mobile {float:left; width:200px; padding:12px 0 0 4%;} .mobileheader {width:100%; background:#fff; display:inline-block; height:90px;} .nuunnavbutton {display: block;} #nuunnav {display: block;} @media screen and (max-width: 1499px) { #nuunnav ul.level_1 > li > a {font-size: 3.2rem; line-height: 3.9rem;} #nuunnav {font-size: 1.9rem;} } @media screen and (max-width: 1199px) { #header .nuunnavbutton {top: 28px;} #header.up .nuunnavbutton {top: 28px;} #nuunnav ul.level_1 {margin: 0 0 0 0; border-top:none;} #header.up #nuunnav ul.level_1 {margin: 0 0 0 0; border-top:none;} #nuunnav ul.level_1 > li {padding: 0 0 26px 0;} #nuunnav ul.level_1 > li > a {font-size: 2.8rem; line-height: 3.5rem;} } @media screen and (max-width: 960px) { #nuunnav ul.level_2 > li > a {display: inline-block; padding:2px 0 2px 4%;} #nuunnav ul.level_1 > li > a {padding:30px 0 8px 4%;} } @media screen and (max-width: 699px) { #nuunnav {font-size: 1.8rem;} #nuunnav ul.level_1 > li > a {font-size: 2.6rem; line-height: 3.3rem;} #nuunnav ul li.submenu .subtoggler {margin-top: 38px;} #nuunnav ul.level_1 > li {padding: 0 0 28px 0;} } @media screen and (max-width: 499px) { #nuunnav {font-size: 1.7rem;} #nuunnav ul.level_1 > li > a {font-size: 2.3rem; line-height: 3.0rem;} #nuunnav ul.level_1 > li > a {padding:9px 0 8px 4%;} #nuunnav ul li.submenu .subtoggler {margin-top: 16px;} #nuunnav ul.level_1 > li {padding: 0 0 2px 0;} #nuunnav ul.level_2 {padding: 6px 0 12px 0;} } @media screen and (max-width: 555px) {.nuunnavbutton {}} /*@media screen and (max-width: 650px) { .nuunnavbutton {width: 45px; top: 36px;} .nuunnavbutton .navline {margin-bottom: 8px;} .nuunnavbutton.crossed .navline.top {transform: rotate(-45deg) translateY(5px) translateX(-7px);} .nuunnavbutton.crossed .navline.bot {transform: rotate(-135deg) translateY(10px) translateX(12px);} }*/ /*Anpassungen 24.02.2021*/ #nuunnav ul.level_2 {display: block;} #main .homeanker .home-left-inner {padding-right: 0;} #main .homeanker .home-left-inner .ce_text {padding-top: 0; display: block;} #main .homeanker .home-left-inner .ce_text p {padding-bottom: 0;} #main .homeanker .home-left-inner .ce_text p a {text-transform: uppercase; display: block; width: 100%; padding: 20px 0; background: url(../../files/data/graphics/Pfeil.svg) center right 30px no-repeat; background-size: 30px; transition:background 0.3s ease;} #main .homeanker .home-left-inner .ce_text p a.up {background: url(../../files/data/graphics/Pfeil-up.svg) center right 30px no-repeat; background-size: 30px;} #main .homeanker .home-right-inner {padding-right: 0;} #main .homeanker .home-right-inner .ce_text {padding-top: 0; display: block;} #main .homeanker .home-right-inner .ce_text p {padding-bottom: 0;} #main .homeanker .home-right-inner .ce_text p a {text-transform: uppercase; display: block; width: 100%; padding: 20px 0; background: url(../../files/data/graphics/Pfeil.svg) center right 30px no-repeat; background-size: 30px; transition:background 0.3s ease;} #main .homeanker .home-right-inner .ce_text p a.up {background: url(../../files/data/graphics/Pfeil-up.svg) center right 30px no-repeat; background-size: 30px;} .home-video .ce_player, .home-video .ce_player .video_container {height: 100%;} .home #container .mod_article.home-video {overflow:hidden;} @media screen and (max-width: 1199px) { #nuunnav ul.level_2 {display: none;} #nuunnav {top: initial; bottom: 0; max-width: initial; border-top: 1px solid #000;} } /*Anpassungen 25.02.2021*/ #main .home-right .home-right-inner .ce_text.aktuellmobile {padding-top: 0; display: block; width:80%; margin:0; padding-left:10%; padding-right:10%; transition: background 0.3s ease;} #main .home-right .home-right-inner .ce_text.aktuellmobile:hover {background: #4ca8bc;} #main .home-right .home-right-inner .ce_text.aktuellmobile p {padding-bottom: 0;} #main .home-right .home-right-inner .ce_text.aktuellmobile p a {text-transform: uppercase; display: block; width: 100%; padding: 20px 0; background: url(../../files/data/graphics/Pfeil.svg) center right 30px no-repeat; background-size: 30px; transition:background 0.3s ease;} #main .home-right .home-right-inner .ce_text.aktuellmobile p a.up {background: url(../../files/data/graphics/Pfeil-up.svg) center right 30px no-repeat; background-size: 30px;} #main .home-right .home-right-inner .ce_text.aktuellmobile p a:hover {color:#fff; text-decoration:none; background: url(../../files/data/graphics/Pfeil.svg) center right 30px no-repeat; background-size: 30px; transition:background 0.3s ease;} #main .home-right .home-right-inner .ce_text.aktuellmobile p a:hover.up {color:#fff; text-decoration:none; background: url(../../files/data/graphics/Pfeil-up.svg) center right 30px no-repeat; background-size: 30px;} #main .home-right .home-right-inner .ce_text.aktuellmobile {display: none;} @media screen and (max-width: 1199px) { #main .home-right .home-right-inner .ce_text.aktuellmobile {display: block;} } /*Anpassungen 18.03.2021*/ .home-video .ce_player .video_container {display: flex; justify-content: center; align-items: flex-end;} #wrapper #srl_layer {width: 100%; height: 100%; top: 0; left: 0; margin: 0; border: none; background-color: #eef7fa; display: flex; align-items: center; justify-content: center;} #wrapper #srl_layer .content-top {display: none;} #wrapper #srl_layer .content-right {display: none;} #wrapper #srl_layer .content-main {max-width: 50%; padding-left: 25%; padding-right: 25%;} #wrapper #srl_layer #srl_closeBtn {opacity: 0;} #wrapper #srl_layer video {width: 100%;}