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{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.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}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.responsive{position:relative;height:0}.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.responsive.ratio-169{padding-bottom:56.25%}.responsive.ratio-1610{padding-bottom:62.5%}.responsive.ratio-219{padding-bottom:42.8571%}.responsive.ratio-43{padding-bottom:75%}.responsive.ratio-32{padding-bottom:66.6666%} #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} @charset "UTF-8"; /* Box system */ .full, .one_half, .one_third, .two_third, .one_fourth, .two_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth { overflow: hidden; float: left; position: relative; display: block; } @media screen and (max-width: 800px) { .full, .one_half, .one_third, .two_third, .one_fourth, .two_fourth, .three_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth { width: 100% !important; margin-left: 0px !important; float: none; } } .full { margin-left: 0; width: 100%; float: none; } .one_half { margin-left: 4%; width: 48%; } .one_half.no-margin { margin-left: 0px; width: 50%; } .one_half.centered.first { margin-left: 26% !important; } @media screen and (max-width: 800px) { .one_half.centered.first { margin-left: 0px !important; } } .one_third { margin-left: 5%; width: 30%; } .one_third.no-margin { margin-left: 0px; width: 35%; } .one_third.centered.first { margin-left: 15% !important; } @media screen and (max-width: 800px) { .one_third.centered.first { margin-left: 0px !important; } } .two_third { margin-left: 5%; width: 65%; } .one_fourth { margin-left: 4%; width: 22%; } .two_fourth { margin-left: 4%; width: 48%; } .three_fourth { margin-left: 4%; width: 74%; } .one_fifth { overflow: hidden; margin-left: 5%; width: 16%; } .two_fifth { overflow: hidden; margin-left: 4%; width: 37%; } .three_fifth { margin-left: 4%; width: 57%; } .four_fifth { margin-left: 4%; width: 79%; } .full.first, .one_fifth.first, .one_fourth.first, .two_fourth.first, .one_third.first, .two_fifth.first, .one_half.first, .three_fifth.first, .two_third.first, .three_fourth.first, .four_fifth.first { margin-left: 0 !important; clear: left; } /* BOXEN SPECIAL */ a.teaser { display: block; position: relative; border-top: 1px solid #FBCE4D; border-bottom: 1px solid #FBCE4D; overflow: visible; } a.teaser .ce_text, a.teaser figure { margin-bottom: 0px !important; } a.teaser img { display: block; } a.teaser .overlay { transition: all 300ms ease; opacity: 0; position: absolute; top: 0px; width: 100%; height: 100%; } a.teaser .description { width: 100%; color: #FBCE4D; position: absolute; top: -25px; text-transform: uppercase; font-size: 1.2em; text-align: center; -webkit-animation: slide-up 600ms 1; -moz-animation: slide-up 600ms 1; -o-animation: slide-up 600ms 1; animation: slide-up 600ms 1; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes slide-up { 0% { top: 50%; } 20% { top: 52%; } 100% { top: -25px; } } @-moz-keyframes slide-up { 0% { top: 50%; } 20% { top: 52%; } 100% { top: -25px; } } @-o-keyframes slide-up { 0% { top: 50%; } 20% { top: 52%; } 100% { top: -25px; } } @keyframes slide-up { 0% { top: 50%; } 20% { top: 52%; } 100% { top: -25px; } } a.teaser:hover .description { color: #FFF; transform: translate(-50%, -50%); left: 50%; -webkit-animation: slide-down 600ms 1; -moz-animation: slide-down 600ms 1; -o-animation: slide-down 600ms 1; animation: slide-down 600ms 1; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes slide-down { 0% { top: 0; } 80% { top: 52%; } 100% { top: 50%; } } @-moz-keyframes slide-down { 0% { top: 0; } 80% { top: 52%; } 100% { top: 50%; } } @-o-keyframes slide-down { 0% { top: 0; } 80% { top: 52%; } 100% { top: 50%; } } @keyframes slide-down { 0% { top: 0; } 80% { top: 52%; } 100% { top: 50%; } } a.teaser:hover .overlay { background-color: #FBCE4D; opacity: 0.7; } a.quick-product { transition: all 300ms ease; padding: 20px; box-sizing: border-box; color: #FBCE4D; text-align: center; } a.quick-product:hover { text-decoration: none; background-color: rgba(251, 206, 77, 0.2); } a.quick-product figure { margin-bottom: 30px; } a.quick-product figure img { max-width: 80%; margin: 0 auto; } .fly-away.flying { -webkit-animation: fly 500ms 1; -moz-animation: fly 500ms 1; -o-animation: fly 500ms 1; animation: fly 500ms 1; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes fly { 0% { transform: translate(0, 0) rotate(0deg) scale(1); opacity: 1; } 10% { transform: translate(0, 0) rotate(0deg) scale(1.1); } 100% { opacity: 0; transform: translate(600px, -100px) rotate(90deg) scale(0.1); } } @-moz-keyframes fly { 0% { transform: translate(0, 0) rotate(0deg) scale(1); opacity: 1; } 10% { transform: translate(0, 0) rotate(0deg) scale(1.1); } 100% { opacity: 0; transform: translate(600px, -100px) rotate(90deg) scale(0.1); } } @-o-keyframes fly { 0% { transform: translate(0, 0) rotate(0deg) scale(1); opacity: 1; } 10% { transform: translate(0, 0) rotate(0deg) scale(1.1); } 100% { opacity: 0; transform: translate(600px, -100px) rotate(90deg) scale(0.1); } } @keyframes fly { 0% { transform: translate(0, 0) rotate(0deg) scale(1); opacity: 1; } 10% { transform: translate(0, 0) rotate(0deg) scale(1.1); } 100% { opacity: 0; transform: translate(600px, -100px) rotate(90deg) scale(0.1); } } /*.info * padding: 20px * background-color: $color-gold * color: $color-font-light * display: inline-block */ .slide-left { -webkit-animation: slide-to-left 500ms 1; -moz-animation: slide-to-left 500ms 1; -o-animation: slide-to-left 500ms 1; animation: slide-to-left 500ms 1; animation-delay: 500ms; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes slide-to-left { 0% { transform: translate(0px, 0); opacity: 1; } 100% { transform: translate(-2000px, 0); opacity: 0; } } @-moz-keyframes slide-to-left { 0% { transform: translate(0px, 0); opacity: 1; } 100% { transform: translate(-2000px, 0); opacity: 0; } } @-o-keyframes slide-to-left { 0% { transform: translate(0px, 0); opacity: 1; } 100% { transform: translate(-2000px, 0); opacity: 0; } } @keyframes slide-to-left { 0% { transform: translate(0px, 0); opacity: 1; } 100% { transform: translate(-2000px, 0); opacity: 0; } } body.fade-in-page { opacity: 0; -webkit-animation: fade-in-an 500ms 1; -moz-animation: fade-in-an 500ms 1; -o-animation: fade-in-an 500ms 1; animation: fade-in-an 500ms 1; animation-delay: 500ms; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes fade-in-an { 0% { transform: scale(0); opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fade-in-an { 0% { transform: scale(0); opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fade-in-an { 0% { transform: scale(0); opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in-an { 0% { transform: scale(0); opacity: 0; } 100% { opacity: 1; } } @font-face { font-family: "fontello"; src: url("../../files/font/fontello.eot?79834359"); src: url("../../files/font/fontello.eot?79834359#iefix") format("embedded-opentype"), url("../../files/font/fontello.woff2?79834359") format("woff2"), url("../../files/font/fontello.woff?79834359") format("woff"), url("../../files/font/fontello.ttf?79834359") format("truetype"), url("../../files/font/fontello.svg?79834359#fontello") format("svg"); font-weight: normal; font-style: normal; } body.home #container #main .mod_article .article_inside { margin: 0 auto; width: 95%; max-width: 1400px; } body.default #container #main .mod_breadcrumb, body.default #container #main .mod_article .article_inside { max-width: 1078px; width: 77%; margin-left: 11.5%; } @media screen and (max-width: 1400px) { body.default #container #main .mod_breadcrumb, body.default #container #main .mod_article .article_inside { margin-left: 5%; width: 90%; } } body.default #container aside#right { width: 23%; min-width: 322px; } @media screen and (max-width: 1400px) { body.default #container aside#right { width: 23%; } } * { margin: 0; padding: 0; } .no-mobile { display: none !important; } .only-mobile { display: none !important; } @media screen and (max-width: 660px) { .only-mobile { display: block !important; } } .centered { text-align: center; margin: 0 auto; } a.button, .button a { display: inline-block; color: #000 !important; cursor: pointer; background-color: #C5E3D0 !important; } body { overflow-x: hidden; background-color: #fff; font-family: "Source Serif Pro", serif; font-size: 20px; } @media screen and (max-width: 1200px) { body { font-size: 16px; } } body.mobileNavOpen { overflow: hidden; } body p { hyphens: auto; font-size: 1em; line-height: 1.35em; margin-bottom: 20px; } body p .important { color: #ae2828; font-weight: bold; } body p a, body .ce_text ul a, body table a { color: #245FAF; text-decoration: none; } body p a:hover, body .ce_text ul a:hover, body table a:hover { background-color: #C5E3D0; } body p ~ ul { margin-top: -20px; } body .gedicht { white-space: nowrap; hyphens: manual; font-size: 0.8em; font-style: italic; } body h1 { font-size: 4em; font-weight: 500; margin-bottom: 60px; } @media screen and (max-width: 660px) { body h1 { font-size: 1.6rem; margin-bottom: 20px; } } @media screen and (max-width: 1000px) and (orientation: landscape) { body h1 { font-size: 1.6rem; margin-bottom: 20px; } } body h1.marginTop { margin-top: 40px; } body h2 { font-size: 1.5em; font-weight: 500; margin-bottom: 15px; } body h2.bigMargin { margin-bottom: 56px; } @media screen and (max-width: 660px) { body h2 { font-size: 1.2rem; } } @media screen and (max-width: 1000px) and (orientation: landscape) { body h2 { font-size: 1.2rem; } } body h3 { font-size: 1.17rem; } @media screen and (max-width: 660px) { body h3 { font-size: 1rem; } } @media screen and (max-width: 1000px) and (orientation: landscape) { body h3 { font-size: 1rem; } } #wrapper { margin: 0 auto; } #header { position: fixed; top: 0px; left: 0px; z-index: 999; width: 100%; background-color: #C5E3D0; border-bottom: 5px solid #000; overflow: visible; } #header::after { content: ""; display: table; clear: both; } @media screen and (max-width: 660px) { #header { border-width: 3px; } } @media screen and (max-width: 900px) and (orientation: landscape) { #header { border-width: 3px; } } #header .inside { display: flex; flex-wrap: wrap; } #header .inside .logo { max-width: 190px; padding: 22px 0 0 20px; } @media screen and (max-width: 660px) { #header .inside .logo { padding: 10px 0 6px 20px; max-width: none; flex-grow: 1; } } @media screen and (max-width: 900px) and (orientation: landscape) { #header .inside .logo { padding: 10px 0 6px 20px; max-width: none; flex-grow: 1; } } #header .inside .logo img { width: 40vw; } @media screen and (min-width: 1000px) { #header .inside .logo img { width: 245px; } } @media screen and (max-width: 900px) { #header .inside .logo img { width: 190px; } } #header .inside nav.mod_navigation.main_nav { flex-grow: 1; float: left; margin-left: 20px; overflow: visible; font-family: "Source Serif Pro", serif; } @media screen and (max-width: 660px) { #header .inside nav.mod_navigation.main_nav { display: none; } } @media screen and (max-width: 900px) and (orientation: landscape) { #header .inside nav.mod_navigation.main_nav { display: none; } } #header .inside nav.mod_navigation.main_nav li { display: block; } #header .inside nav.mod_navigation.main_nav a { color: black; text-decoration: none; display: inline-block; } #header .inside nav.mod_navigation.main_nav a span { display: block; } #header .inside nav.mod_navigation.main_nav:hover a { color: rgba(0, 0, 0, 0.6); } #header .inside nav.mod_navigation.main_nav ul.level_1 { position: relative; margin: 0 auto; height: 30px; transition: all 250ms ease-out; padding: 20px; } #header .inside nav.mod_navigation.main_nav ul.level_1:hover { height: 300px; } #header .inside nav.mod_navigation.main_nav ul.level_1 > li { font-size: 2vw !important; float: left; padding-right: 0.8em !important; padding-left: 0.8em !important; list-style-type: none; } @media screen and (min-width: 1600px) { #header .inside nav.mod_navigation.main_nav ul.level_1 > li { font-size: 27px !important; } } #header .inside nav.mod_navigation.main_nav ul.level_1 > li:first-child { padding-left: 0 !important; } #header .inside nav.mod_navigation.main_nav ul.level_1 > li:last-child { padding-right: 0 !important; } #header .inside nav.mod_navigation.main_nav ul.level_1 > li strong.active { text-decoration: underline; } #header .inside nav.mod_navigation.main_nav ul.level_1 > li > ul.level_2 { padding-top: 20px; left: 20px !important; top: 52px !important; } #header .inside nav.mod_navigation.main_nav ul.level_1 > li > ul.level_2 li { font-size: 0.8em; } #header .inside nav.mod_navigation.main_nav ul.level_1 > li > ul.level_2 li > ul { top: 0px; padding-top: 20px; } #header .inside nav.mod_navigation.main_nav ul.level_1 > li > ul.level_2 li > ul li { font-size: 1em; } #header .inside nav.mod_navigation.main_nav ul.level_1 > li > ul.level_2 li > ul li > ul { top: 20px; } #header .inside nav.mod_navigation.main_nav ul.level_1 > li > ul.level_2 li > ul li > ul li { font-size: 0.8em; } #header .inside nav.mod_navigation.main_nav ul.level_1 > li ul { left: 100%; display: none; position: absolute; } #header .inside nav.mod_navigation.main_nav ul.level_1 li { color: rgba(0, 0, 0, 0.7); padding: 0px; white-space: nowrap; list-style-type: none; font-weight: normal; } #header .inside nav.mod_navigation.main_nav ul.level_1 li:hover > a, #header .inside nav.mod_navigation.main_nav ul.level_1 li:hover > strong { color: black; font-weight: bold; background-color: #fff; } #header .inside nav.mod_navigation.main_nav ul.level_1 li:hover > a:hover, #header .inside nav.mod_navigation.main_nav ul.level_1 li:hover > strong:hover { text-decoration: underline; } #header .inside nav.mod_navigation.main_nav ul.level_1 li:hover > ul { display: block; padding-right: 80vw; height: 100%; } #header .inside nav.mod_navigation.main_nav ul.level_1 li:hover > ul.level_3 { width: auto; padding-left: 30px; height: 100%; margin-left: -80vw; padding-left: 80px; transform: translateX(-20px); } #header .inside nav.mod_navigation.main_nav ul.level_1 li:hover > ul.level_3.submenu { width: 80vw; } #header .inside nav.mod_navigation.main_nav ul.level_1 li:hover > ul.level_3 > li { position: relative; float: left; } #header .inside nav.mod_navigation.main_nav ul.level_1 li:hover > ul.level_3 > li:hover { font-weight: normal; background-color: transparent; } #header .inside nav.mod_navigation.main_nav ul.level_1 li:hover > ul.level_3 > li ul.level_4 { width: 200px; padding-left: 10px; left: 0px; padding-top: 10px; display: block; } #header .inside nav.mod_navigation.main_nav ul.level_1 li:hover > ul.level_3 > li ul.level_4 li { white-space: no-wrap; } #header .inside nav.mod_navigation.main_nav svg { width: 100vw; height: 100%; position: absolute; left: 0; pointer-events: none; } #header .inside .nav-o-meter { transition: all 300ms ease-in-out; position: relative; align-self: center; z-index: 9999999999; display: none; cursor: pointer; width: 10vw; height: 37px; padding-right: 10px; cursor: pointer; border-radius: 2px; } #header .inside .nav-o-meter ul.bars li { left: 8px; margin: 0px; padding: 0px; list-style-type: none; width: 30px; height: 3px; background-color: #000; position: absolute; margin-top: -1px; top: 50%; opacity: 1; transition: all 300ms ease-in-out; } #header .inside .nav-o-meter ul.bars li:first-child { transform: translateY(-10px) rotate(0deg); } #header .inside .nav-o-meter ul.bars li:last-child { transform: translateY(10px) rotate(0deg); } #header .inside .nav-o-meter.opened ul li:first-child { transform: translate(0) rotate(45deg); } #header .inside .nav-o-meter.opened ul li:nth-child(2) { opacity: 0; } #header .inside .nav-o-meter.opened ul li:last-child { transform: translate(0) rotate(-45deg); } @media screen and (max-width: 660px) { #header .inside .nav-o-meter { display: block; } } @media screen and (max-width: 900px) and (orientation: landscape) { #header .inside .nav-o-meter { display: block; } } #header .inside nav.mobile_nav { opacity: 0; display: none; transition: all 300ms ease-in-out; width: 100vw; height: 100vh; background: #C5E3D0; position: fixed; z-index: -1; top: 0px; left: 0px; padding: 20px 0px; } #header .inside nav.mobile_nav.open { z-index: 1999999999; opacity: 1; display: block; } #header .inside nav.mobile_nav ul { overflow-x: hidden; overflow-y: scroll; } #header .inside nav.mobile_nav ul li { list-style-type: none; float: none; margin-bottom: 20px; width: 100%; padding: 3px 10px; } #header .inside nav.mobile_nav ul li.no_nav { display: none; } #header .inside nav.mobile_nav ul li.last { margin-bottom: 40px; } #header .inside nav.mobile_nav ul li a, #header .inside nav.mobile_nav ul li strong { display: inline-block; text-decoration: none; font-weight: 600; font-size: 22px; line-height: 1.2em; color: #000; } #header .inside nav.mobile_nav ul li a.submenu::after, #header .inside nav.mobile_nav ul li strong.submenu::after { content: ">"; margin-left: 10px; } #header .inside nav.mobile_nav ul li a:hover, #header .inside nav.mobile_nav ul li strong:hover { display: inline-block; background-color: #fff; font-weight: bold; text-decoration: underline; } #header .inside nav.mobile_nav ul li.active strong { background-color: #fff; font-weight: strong; text-decoration: underline; } #header .inside nav.mobile_nav ul ul { top: 0px; left: 0px; transition: all 300ms ease-in-out; transform: translateX(100%); width: 100vw; height: 100vh; background: #C5E3D0; position: fixed; z-index: -1; } #header .inside nav.mobile_nav ul.level_2 { top: 20px; } #header .inside nav.mobile_nav ul.level_2.show { transform: translateX(0); opacity: 1; z-index: 299999999; } #header .inside nav.mobile_nav ul.level_3.show { transform: translateX(0); opacity: 1; z-index: 399999999; } #header .inside nav.mobile_nav ul.level_4.show { transform: translateX(0); opacity: 1; z-index: 3999999999; } #header .inside nav.mobile_nav ul.level_5.show { transform: translateX(0); opacity: 1; z-index: 3999999999; } #header .inside nav.mobile_nav ul .nav_back { display: inline-block; font-weight: 600; margin: 3px 10px; font-size: 22px; color: #000; background-color: #fff; margin-bottom: 20px; font-style: italic; } #header .inside .icon_nav { display: flex; align-self: stretch; border-left: 5px solid #000; } @media screen and (max-width: 660px) { #header .inside .icon_nav { border-left: 5px solid #000; border-width: 3px; } } @media screen and (max-width: 900px) and (orientation: landscape) { #header .inside .icon_nav { border-left: 5px solid #000; border-width: 3px; } } #header .inside .icon_nav li { justify-content: center; float: left; display: flex; flex-wrap: nowrap; list-style-type: none; align-items: center; background: transparent; border-right: 5px solid #000; width: 8vw; max-width: 100px; cursor: pointer; } @media screen and (max-width: 660px) { #header .inside .icon_nav li { width: 10vw; border-width: 3px; } } @media screen and (max-width: 900px) and (orientation: landscape) { #header .inside .icon_nav li { border-width: 3px; } } #header .inside .icon_nav li.contact { background-image: url("../../files/img/layout/contact.svg"); background-repeat: no-repeat; background-size: 45%; background-position: center center; } @media screen and (max-width: 660px) { #header .inside .icon_nav li.contact { background-size: 60%; } } #header .inside .icon_nav li.search { background-image: url("../../files/img/layout/search.svg"); background-repeat: no-repeat; background-size: 45%; background-position: center center; } @media screen and (max-width: 660px) { #header .inside .icon_nav li.search { background-size: 60%; } } #header .inside .icon_nav li.search a { display: block; width: 100%; height: 100%; } #header .inside .icon_nav li a { font-size: 4vw; } @media screen and (min-width: 1000px) { #header .inside .icon_nav li a { font-size: 42px; } } #header .inside .mod_search { opacity: 0; display: none; flex-basis: 100%; } #header .inside .mod_search .inside { padding: 50px 0px; width: 50%; margin: 0 auto; } #header .inside .mod_search form { width: 100%; padding: 20px; } #header .inside .mod_search form .formbody { display: flex; } #header .inside .mod_search form .formbody .widget-text { width: 80%; border-bottom: 5px solid #000; } #header .inside .mod_search form .formbody .widget-text input { box-sizing: border-box; padding-right: 30px; width: 100%; padding: 5px; background-color: transparent; border: none; } #header .inside .mod_search form .formbody .widget-text input::-webkit-input-placeholder { color: #000; } #header .inside .mod_search form .formbody .widget-submit { width: 20%; } #header .inside .mod_search form .formbody .widget-submit button { margin-left: -35px; height: 75%; width: 30px; cursor: pointer; background-color: transparent; border: none; background-image: url("../../files/img/layout/search.svg"); background-repeat: no-repeat; background-size: contain; background-position: top center; } input[type=search] { width: 100%; } form input, form textarea, form select, form textarea { background-color: transparent; border: none; border-bottom: 5px solid #000; margin-bottom: 20px; font-family: "Source Serif Pro", serif; } form button { margin-top: 20px; background-color: #C5E3D0; border: none; cursor: pointer; font-size: 1em; font-family: "Source Serif Pro", serif; } form button:hover { color: #fff; } form .one_half .one_half { width: 100%; } form input:focus, form textarea:focus, form select:focus { outline-offset: -2px; outline: none; } .popup { pointer-events: none; position: fixed; width: 50%; left: 50%; top: 30%; transform: translateX(-50%); z-index: 99999; padding: 40px; background-color: #fff; box-sizing: border-box; border: 5px solid #C5E3D0; z-index: -1; opacity: 0; transition: all 300ms ease-in; } @media screen and (max-width: 660px) { .popup { width: 90%; top: 10%; } } .popup.popup_show { pointer-events: auto; opacity: 1; z-index: 99999; } .overlay { top: 0px; left: 0px; -webkit-backdrop-filter: blur(10px); -moz-backdrop-filter: blur(10px); -o-backdrop-filter: blur(10px); -ms-backdrop-filter: blur(10px); backdrop-filter: blur(10px); width: 100vw; height: 100vh; position: fixed; z-index: 9999; } body.default #container { min-height: calc(100vh - 87px); display: flex; opacity: 0; transition: all 300ms ease-in; } @media screen and (max-width: 660px) { body.default #container { padding-top: 30px; } } body.default #container.visible { opacity: 1; } body.default #container #main { width: 77%; position: relative; z-index: 7; } @media screen and (max-width: 660px) { body.default #container #main { width: 100%; } } @media screen and (max-width: 900px) and (orientation: landscape) { body.default #container #main { padding-top: 50px; } } body.default #container #main .mod_pageImage { width: 100%; min-height: 350px; max-height: 500px; height: 30vh; } @media screen and (max-width: 660px) { body.default #container #main .mod_pageImage { min-height: 0; } } @media screen and (max-width: 900px) and (orientation: landscape) { body.default #container #main .mod_pageImage { min-height: 0; } } body.default #container #main .mod_pageImage figure { height: 100%; } body.default #container #main .mod_pageImage figure img { width: 100%; } body.default #container #main .mod_breadcrumb { padding: 40px 0; } body.default #container #main .mod_breadcrumb ul { display: inline-block; background-color: #C5E3D0; } body.default #container #main .mod_breadcrumb ul li { list-style-type: none; float: left; } body.default #container #main .mod_breadcrumb ul li a { color: #000; padding: 5px; text-decoration: none; } body.default #container #main .mod_breadcrumb ul li a:hover { text-decoration: underline; } body.default #container #main .mod_breadcrumb ul li.active span { padding: 0 5px; text-decoration: underline; } body.default #container #main .mod_breadcrumb ul li::before { content: ">"; text-decoration: none; } body.default #container #main .mod_breadcrumb ul li.first::before { display: none; } body.default #container #main .mod_article { padding: 0 0 100px 0; position: relative; z-index: 10; } body.default #container #main .mod_article.view_height { z-index: 9; overflow: visible; min-height: 80vh; } body.default #container #main .mod_article.green { background-color: #C5E3D0; } body.default #container #main .mod_article.border { border-top: 5px solid #C5E3D0; border-bottom: 5px solid #C5E3D0; } body.default #container #main .mod_article .article_inside { padding-right: 40px; box-sizing: border-box; } @media screen and (max-width: 660px) { body.default #container #main .mod_article .article_inside { padding: 0px; } } body.default #container #main .mod_article .article_inside.full_width { width: 88.5%; max-width: none; } body.default #container #main .mod_article .article_inside .mit_bilder img, body.default #container #main .mod_article .article_inside .mit_bilder a > img { width: 100%; display: block; box-sizing: border-box; } body.default #container #main .mod_article .article_inside .text_bild_wrapper { display: flex; } body.default #container #main .mod_article .article_inside .text_bild_wrapper.separater { border-top: 5px solid #000; border-color: #C5E3D0; padding-top: 20px; } body.default #container #main .mod_article .article_inside .text_bild_wrapper .bilder_zum_text { position: relative; } body.default #container #main .mod_article .article_inside .text_bild_wrapper .bilder_zum_text figure { margin-top: 20px; } body.default #container #main .mod_article .article_inside .text_bild_wrapper .bilder_zum_text figure img { border: 5px solid #C5E3D0; } body.default #container #main .mod_article .article_inside .text_bild_wrapper .img_placed:last-child { margin-bottom: 30px; } body.default #container #main .mod_article .article_inside .text_bild_wrapper .img_placed .caption { margin-bottom: 0px; } body.default #container #main .mod_article .article_inside .text_bild_wrapper .merge_container { position: absolute; width: 100%; } body.default #container #main .mod_article .article_inside .text_bild_wrapper .merge_container:hover figure { opacity: 0.5; } body.default #container #main .mod_article .article_inside .text_bild_wrapper .merge_container figure { transition: all 100ms ease-in-out; z-index: 1; position: realtive; background: #fff; width: 70%; } body.default #container #main .mod_article .article_inside .text_bild_wrapper .merge_container figure img { border: 5px solid #C5E3D0; } body.default #container #main .mod_article .article_inside .text_bild_wrapper .merge_container figure:first-child { left: 0px !important; } body.default #container #main .mod_article .article_inside .text_bild_wrapper .merge_container figure:nth-child(1) { z-index: 99; left: 0px; top: 0px !important; } body.default #container #main .mod_article .article_inside .text_bild_wrapper .merge_container figure:nth-child(2) { z-index: 98; left: 30px; top: 30px !important; } body.default #container #main .mod_article .article_inside .text_bild_wrapper .merge_container figure:nth-child(3) { z-index: 97; left: 60px; top: 60px !important; } body.default #container #main .mod_article .article_inside .text_bild_wrapper .merge_container figure:nth-child(4) { z-index: 96; left: 90px; top: 90px !important; } body.default #container #main .mod_article .article_inside .text_bild_wrapper .merge_container figure:nth-child(5) { z-index: 95; left: 120px; top: 120px !important; } body.default #container #main .mod_article .article_inside .text_bild_wrapper .merge_container figure:hover { background: transparent; z-index: 99; opacity: 1; } body.default #container #main .mod_article .article_inside .text_bild_wrapper .merge_container figure:hover img { border-color: #000; } body.default #container #main .mod_article .article_inside figure.float_left { width: 30%; min-width: 250px; margin: 0px 20px 20px 0px; clear: both; } body.default #container #main .mod_article .article_inside figure.float_right { clear: both; width: 30%; min-width: 250px; margin: 0px 0px 20px 20px; } body.default #container #main .mod_article .article_inside figure .caption { font-style: italic; font-size: 0.7em; margin-bottom: 30px; background-color: #fff; } @media screen and (max-width: 660px) { body.default #container #main .mod_article .article_inside figure .caption { font-size: 0.8em; } } body.default #container #main .mod_article .article_inside figure .caption span, body.default #container #main .mod_article .article_inside figure .caption a { color: #000; text-decoration: none; opacity: 0.3; word-break: break-all; } body.default #container #main .mod_article .article_inside figure .caption span:visited, body.default #container #main .mod_article .article_inside figure .caption a:visited { color: #000; } body.default #container #main .mod_article .article_inside .kurztext { transition: all 300ms ease-in; opacity: 0; display: none; } body.default #container #main .mod_article .article_inside .kurztext.active { opacity: 1; transform: translateX(0); } body.default #container #main .mod_article .article_inside .volltext { display: none; transition: all 300ms ease-in; opacity: 0; } body.default #container #main .mod_article .article_inside .volltext.active { transform: translateX(0); opacity: 1; } body.default #container #main .mod_article .article_inside table.datum { border-collapse: separate; border-spacing: 0 20px; } body.default #container #main .mod_article .article_inside table.datum tr td { padding-left: 10px; vertical-align: top; } body.default #container #main .mod_article .article_inside table.datum tr td:first-child { padding-left: 0px; border-right: 5px solid #000; border-color: #C5E3D0; width: 100px; } body.default #container #main .mod_article.width_with_img .article_inside { width: 88.5%; margin-left: 11.5%; max-width: none; } @media screen and (max-width: 1400px) { body.default #container #main .mod_article.width_with_img .article_inside { margin-left: 5%; } } @media screen and (max-width: 660px) { body.default #container #main .mod_article.width_with_img .article_inside { margin-left: 5%; width: 90%; } } body.default #container #main .mod_article.width_with_img .article_inside .ce_text.mit_bilder:not(.ce_accordion) { margin-left: 0px; width: 70%; } body.default #container #main .mod_article.width_with_img .article_inside .ce_text.mit_bilder:not(.ce_accordion) .ce_text.mit_bilder.ce_accordion .accordion { margin-left: 0px; width: 70%; } body.default #container #main .mod_article.width_with_img .article_inside .bilder_zum_text { overflow: visible; width: 30%; padding: 0px 5%; box-sizing: content-box; opacity: 1; transition: all 150ms ease-in; } body.default #container #main .mod_article.width_with_img .article_inside .bilder_zum_text.loading { opacity: 0; } body.default #container #main .mod_article.width_with_img .article_inside .unterteilt .bilder_zum_text { padding: 0px; padding-left: 3%; } body.default #container #main .mod_article.width_with_img .article_inside .unterteilt .bilder_zum_text figure { margin-bottom: 20px; } body.default #container #main .mod_article .ce_text table:not(.datum), body.default #container #main .mod_article .accordion table:not(.datum) { margin-bottom: 20px; width: 100%; } body.default #container #main .mod_article .ce_text table:not(.datum):first-child tr td, body.default #container #main .mod_article .accordion table:not(.datum):first-child tr td { padding-top: 0px; } body.default #container #main .mod_article .ce_text table:not(.datum) tr, body.default #container #main .mod_article .accordion table:not(.datum) tr { border-top: 1px solid #000; border-bottom: 1px solid #000; } body.default #container #main .mod_article .ce_text table:not(.datum) tr td, body.default #container #main .mod_article .accordion table:not(.datum) tr td { height: auto !important; vertical-align: top; font-size: 0.8em; font-weight: bold; } body.default #container #main .mod_article .ce_text table:not(.datum) tr td:last-child, body.default #container #main .mod_article .accordion table:not(.datum) tr td:last-child { text-align: right; } body.default #container #main .mod_article .ce_text ol > li, body.default #container #main .mod_article .accordion ol > li { margin-bottom: 20px; } body.default #container #main .mod_article .ce_text ol > li em, body.default #container #main .mod_article .accordion ol > li em { text-decoration: underline; } body.default #container #main .mod_article .ce_text ul, body.default #container #main .mod_article .ce_text ol, body.default #container #main .mod_article .accordion ul, body.default #container #main .mod_article .accordion ol { padding-left: 20px; margin-left: 20px; margin-bottom: 20px; } body.default #container #main .mod_article .ce_text ul li, body.default #container #main .mod_article .ce_text ol li, body.default #container #main .mod_article .accordion ul li, body.default #container #main .mod_article .accordion ol li { line-height: 1.35em; } body.default #container aside#right { position: relative; z-index: 9; border-left: 5px solid #000; } @media screen and (max-width: 660px) { body.default #container aside#right { display: none; } } @media screen and (max-width: 900px) and (orientation: landscape) { body.default #container aside#right { padding: 25px 10px 60px; min-width: 0; border-width: 3px; } } body.default #container aside#right .open_text { transform-origin: 51% 51%; display: inline-block; margin-left: -42px; position: fixed; bottom: 50px; background-color: #C5E3D0; transform: rotate(-90deg); cursor: pointer; } body.default #container aside#right .open_text.bottom_reached { bottom: 155px; } body.default #container aside#right .open_text:hover { color: #fff; } body.default #container aside#right .inside { padding: 70px 60px 60px; position: fixed; top: 60px; } @media screen and (max-width: 900px) and (orientation: landscape) { body.default #container aside#right .inside { padding: 25px 10px 60px; position: relative; } } @media screen and (max-width: 1350px) { body.default #container aside#right .inside { padding-left: 2%; } } body.default #container aside#right .inside #navRight.mod_navigation .invisible { display: none; } body.default #container aside#right .inside #navRight.mod_navigation strong { font-weight: normal; background-color: #C5E3D0; text-decoration: underline; } body.default #container aside#right .inside #navRight.mod_navigation a { cursor: pointer; position: relative; color: #000; text-decoration: none; } body.default #container aside#right .inside #navRight.mod_navigation a:hover { background-color: #C5E3D0; } body.default #container aside#right .inside #navRight.mod_navigation a span.description { background-color: #fff; cursor: pointer; box-sizing: border-box; position: absolute; opacity: 0; display: block; padding-left: 5px; border-left: 15px solid #C5E3D0; border-bottom: 15px solid #C5E3D0; transform: translateX(20%); z-index: -1; font-size: 15px; color: #4d4d4d; } body.default #container aside#right .inside #navRight.mod_navigation a span.description::after { font-size: 15px; content: "lesen"; position: absolute; bottom: -17px; right: 0px; } body.default #container aside#right .inside #navRight.mod_navigation ul { width: 100%; } body.default #container aside#right .inside #navRight.mod_navigation ul li { width: 100%; list-style-type: none; } body.default #container aside#right .inside #navRight.mod_navigation ul li.no_nav { display: none; } body.default #container aside#right .inside #navRight.mod_navigation ul li ul { box-sizing: border-box; padding-left: 10px; } body.default #container aside#right .inside #navRight.mod_navigation ul.level_1 { overflow-x: hidden; overflow-y: scroll; } body.home #container #main { position: relative; width: 100%; } body.home #container #main .mod_article { position: relative; z-index: 9; } body.home #container #main .mod_article:first-child { z-index: 2; } body.home #container #main .mod_article:first-child .left_side { padding-top: 100px; } body.home #container #main .mod_article.padding { padding: 10vw 0; } body.home #container #main .mod_article.view_height { min-height: 80vh; } body.home #container #main .mod_article.view_height .article_inside { min-height: 80vh; display: flex; } @media screen and (max-width: 660px) { body.home #container #main .mod_article.view_height .article_inside { display: block; } } body.home #container #main .mod_article.overflow { overflow: visible; } body.home #container #main .mod_article.green { background-color: #C5E3D0; } body.home #container #main .mod_article.border { border-top: 5px solid #C5E3D0; border-bottom: 5px solid #C5E3D0; } body.home #container #main .mod_article.paralax_up { height: 50vh; } @media screen and (max-width: 660px) { body.home #container #main .mod_article.paralax_up { height: auto; } } @media screen and (max-width: 900px) and (orientation: landscape) { body.home #container #main .mod_article.paralax_up { height: auto; } } body.home #container #main .mod_article.bild_text_centered .image_container { margin-bottom: 20px; text-align: center; } body.home #container #main .mod_article.bild_text_centered .button { padding-top: 50px; } body.home #container #main .mod_article.article_min_height .article_inside { min-height: 75vh; } body.home #container #main .mod_article.article_max_height.overflow .article_inside { overflow: hidden; } body.home #container #main .mod_article.article_max_height .article_inside { max-height: 60vh; } body.home #container #main .mod_article.full_width .article_inside { width: 100% !important; max-width: none !important; } body.home #container #main .mod_article .article_inside::after { content: ""; display: table; clear: both; } body.home #container #main .mod_article .article_inside .home_img { pointer-events: none; position: absolute; width: 38%; max-width: 900px; max-height: 80vh; right: 28%; z-index: 9; bottom: -20%; } @media screen and (max-width: 1200px) { body.home #container #main .mod_article .article_inside .home_img { right: 25%; } } @media screen and (max-width: 660px) { body.home #container #main .mod_article .article_inside .home_img { position: static; width: 100%; } } body.home #container #main .mod_article .article_inside .home_header_text { font-size: 1.2em; font-weight: bold; position: relative; top: 38vh; transform: translateY(-25vh); } @media screen and (max-width: 660px) { body.home #container #main .mod_article .article_inside .home_header_text { transform: translateY(0); top: 0px; } } body.home #container #main .mod_article .article_inside .home_header_text img { width: 45%; float: right; } body.home #container #main .mod_article .article_inside .left_side { float: left; width: 77%; } @media screen and (max-width: 660px) { body.home #container #main .mod_article .article_inside .left_side { width: 100%; float: none; } } body.home #container #main .mod_article .article_inside .right_side { float: left; position: relative; z-index: 7; width: 33%; border-left: 5px solid #000; padding: 160px 0px 60px 60px; box-sizing: border-box; } @media screen and (max-width: 660px) { body.home #container #main .mod_article .article_inside .right_side { width: 100%; float: none; border: none; margin-bottom: 60px; padding: 20px 0px; } } body.home #container #main .mod_article .article_inside .right_side a { background-color: #C5E3D0; display: inline-block; color: #000; text-decoration: none; } body.home #container #main .mod_article .article_inside .right_side a:hover { transition: all 600ms ease-in-out; transform: translateX(20px); } .ce_accordion { margin-bottom: 30px; overflow: visible; } .ce_accordion .toggler { cursor: pointer; background: #C5E3D0; padding-right: 25px; position: relative; } @media screen and (max-width: 660px) { .ce_accordion .toggler::after { right: 5px !important; } } .ce_accordion .toggler::after { content: "+"; right: 20px; font-size: 1.5em; top: -5px; position: absolute; right: 20px; } .ce_accordion .toggler:focus { outline: none; } .ce_accordion .toggler:focus::after { outline: none; color: #fff; } .ce_accordion .toggler.active::after { content: "–"; right: 20px; top: -6px; } .ce_accordion .accordion { overflow: visible; padding: 30px; position: relative; } @media screen and (max-width: 660px) { .ce_accordion .accordion { padding: 20px 0 0 0; } } .ce_accordion .accordion .img_placed { opacity: 0; } .ce_accordion .accordion .img_placed:last-child { margin-bottom: 30px; } .ce_accordion .accordion .img_placed.show { transition: all 300ms ease-in; opacity: 1; } .ce_accordion.bild_toggler .toggler { display: flex; flex-shrink: 0; background-color: transparent; } .ce_accordion.bild_toggler .toggler .image_container { width: 30%; } .ce_accordion.bild_toggler .toggler .toggler_text { width: 70%; padding-left: 20px; box-sizing: border-box; } .ce_accordion.bild_toggler .toggler::after { background-color: #C5E3D0; line-height: 0.6em; top: 2px; } .ce_accordion.bild_toggler .toggler:focus { outline: none; } .ce_accordion.bild_toggler .accordion { padding: 20px; padding-left: 0px; } .ce_accordion.img_accordion .accordion > div { display: flex; } .ce_accordion.img_accordion .accordion > div .text_wrapper { width: 70%; } .ce_accordion.img_accordion .accordion > div .img_wrapper { width: 30%; padding: 0px 5%; } .ce_accordion.img_accordion .accordion > div .img_wrapper figure { position: absolute; } iframe { border: none; } iframe .i4ewOd-pzNkMb-haAclf { display: none; } .ce_text.mit_bild { display: flex; } .ce_text.mit_bild .bild_zum_text { width: 30%; } .ce_text.mit_bild .text_zum_bild { width: 70%; padding-left: 20px; box-sizing: border-box; } .ce_image { margin-bottom: 20px; } .divider { margin-top: 20px; margin-bottom: 20px; height: 5px; display: block; border: none; cler: both; background-color: #C5E3D0; } .mod_newslist .layout_simple { overflow: visible; margin-bottom: 28px; } .mod_newslist .layout_simple a { background-color: transparent !important; color: #000; } .mod_newslist .layout_simple a time { background-color: #C5E3D0; display: inline-block; } .mod_newslist .layout_simple a .headline { margin: 0px; display: inline-block; } .mod_newslist .layout_simple a .location { margin: 0px; font-style: italic; display: inline-block; } .mod_newslist .layout_simple a:hover *:nth-child(1) { transition: all 600ms ease-in-out; transform: translateX(20px); } .mod_newslist .layout_simple a:hover *:nth-child(2) { transition: all 500ms ease-in-out; transform: translateX(20px); } .mod_newslist .layout_simple a:hover *:nth-child(3) { transition: all 400ms ease-in-out; transform: translateX(20px); } .mod_newsreader h1 { display: none; } .mod_newsreader .layout_full.kein_datum .info { display: none; } .text_box { width: 80%; margin: 0 auto; padding: 60px; border: 5px solid #C5E3D0; background-color: #fff; box-sizing: border-box; } @media screen and (max-width: 660px) { .text_box { width: 100%; padding: 15px; margin-top: 20px; } } .gallery_in { z-index: 9 !important; position: relative; padding-bottom: 100px; } @media screen and (max-width: 660px) { .gallery_in { padding: 0px; } } .gallery_in.active { overflow: visble; z-index: 999999; position: relative; } .gallery_in.active .ce_slick-content-start { transition: all 300ms ease-in; transform: translateY(-30vh); } .ce_player.overlap_top { width: 90%; margin: 0 auto; transform: translateY(-50px); } @media screen and (max-width: 660px) { .ce_player.overlap_top { transform: translateY(-20px); } } .ce_player figure.video_container video { width: 100%; box-sizing: border-box; border: 5px solid #fff; } .legend { position: absolute; top: 20px; width: 80%; max-width: 1300px; left: 50%; transform: translateX(-50%); } .legend .open_close { cursor: pointer; position: absolute; top: -25px; right: 0px; z-index: 99999; background: #fff; display: inline-block; } .legend .legend_info { padding: 10px; border: 5px solid #000; border-color: #C5E3D0; box-sizing: border-box; display: flex; background-color: white; transform: translateY(-200%); opacity: 0; transition: all 300ms ease-in; } .legend .legend_info.show { transform: translateY(0); opacity: 1; } .legend .legend_info span { cursor: pointer; width: 33%; display: block; font-weight: bold; } @media screen and (max-width: 660px) { .legend .legend_info span { font-weight: 0.5em; } } .legend .legend_info span:last-child { text-align: right; } .legend .legend_info span p { display: inline; } .legend .legend_info span:hover p { background-color: #C5E3D0; } .legend .legend_info span.active p { background-color: #C5E3D0; } #cboxCurrent { display: none !important; } .ce_player.audioWave { position: relative; } @media screen and (max-width: 660px) { .ce_player.audioWave { width: 80% !important; margin: 0 auto 30px auto !important; float: none !important; } } @media screen and (max-width: 900px) and (orientation: landscape) { .ce_player.audioWave { width: 40% !important; float: left; margin: 0 5% !important; } } .ce_player.audioWave .loading { position: absolute; top: 100px; display: block; width: 100%; height: 50%; background-size: 50px 50px; background-repeat: no-repeat; background-position: center center; background-image: url("../../files/img/layout/loading.gif"); } .ce_player.audioWave .thumb { position: relative; text-align: center; } .ce_player.audioWave .thumb img { box-sizing: border-box; border: 5px solid #C5E3D0; width: 70%; border: 5px solid white; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2); } .ce_player.audioWave .thumb button { display: none; border-radius: 50%; width: 50px; height: 50px; background: none; border: none; background-color: #C5E3D0; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border: 3px solid #fff; opacity: 0.8; transition: all 300ms ease-in; color: #fff; background-image: url("../../files/img/"); } .ce_player.audioWave .thumb button:hover, .ce_player.audioWave .thumb button:focus { outline: none; opacity: 1; cursor: pointer; } .ce_player.audioWave .thumb button.playing { background-color: #fff; opacity: 1; color: #C5E3D0; } .ce_player.audioWave.audio_ready .loading { display: none; } .ce_player.audioWave.audio_ready button { display: block; } .ce_player.audioWave.audio_ready .audio_container { opacity: 1; } .ce_player.audioWave .audio_container { opacity: 0; transition: all 300ms ease-in; } .ce_player.audioWave .audio_container .waveform wave { overflow: hidden !important; } .ce_player.audioWave .audio_container .waveform wave wave { border: none !important; position: relative; } .ce_player.audioWave .audio_container .waveform wave wave::after { content: ""; background-color: #C5E3D0; width: 8px; height: 8px; position: absolute; right: 0px; top: 50%; border-radius: 50%; border: 5px solid #fff; transform: translateY(-50%); } .ce_player.audioWave .audio_container .caption { font-style: italic; text-align: center; } .ce_player.audioWave .audio_container .caption span { display: block; color: #000; text-decoration: none; opacity: 0.3; } .ce_sliderStart { overflow: visible; } .ce_sliderStart .content-slider { overflow: visible; } .ce_sliderStart .content-slider .slider-wrapper .ce_image { margin-bottom: 0px; } .ce_sliderStart .content-slider .slider-wrapper .ce_image figure.image_container .caption { text-align: center; font-style: italic; } .zoom_img .image_container { position: relative; } .zoom_img .image_container img { box-sizing: border-box; width: 100%; object-fit: cover; display: block; } .img-magnifier-glass { transition: all 600ms ease-out; position: absolute; border: 5px solid #C5E3D0; border-radius: 50%; cursor: none; width: 5vw; height: 5vw; } @media screen and (max-width: 660px) { .img-magnifier-glass { width: 10vw; height: 10vw; } } .img-magnifier-glass.active { transition: none; width: 14vw; height: 14vw; } @media screen and (max-width: 660px) { .img-magnifier-glass.active { width: 45vw; height: 45vw; } } .ce_slick-slider .slick-container, .ce_slick-content-start .slick-container { min-height: 60vh; } .ce_slick-slider a.slick-arrow, .ce_slick-content-start a.slick-arrow { z-index: 9999; position: absolute; bottom: 20vh; cursor: pointer; width: 50px; height: 50px; display: inline-block; box-sizing: border-box; background-color: #C5E3D0; background-position: center center; background-repeat: no-repeat; background-size: 55% auto; } .ce_slick-slider a.slick-arrow.slick-prev, .ce_slick-content-start a.slick-arrow.slick-prev { left: 10%; transform: translateY(-50%); top: 50%; background-image: url(../../files/img/layout/arrow-left.png); } @media screen and (max-width: 660px) { .ce_slick-slider a.slick-arrow.slick-prev, .ce_slick-content-start a.slick-arrow.slick-prev { left: 0; top: 50%; transform: translateY(-50%); } } .ce_slick-slider a.slick-arrow.slick-next, .ce_slick-content-start a.slick-arrow.slick-next { right: 10%; transform: translateY(-50%) rotate(180deg); top: 50%; background-image: url(../../files/img/layout/arrow-left.png); } @media screen and (max-width: 660px) { .ce_slick-slider a.slick-arrow.slick-next, .ce_slick-content-start a.slick-arrow.slick-next { right: 0; top: 50%; transform: translateY(-50%) rotate(180deg); } } .ce_slick-slider .slick-list, .ce_slick-content-start .slick-list { padding: 100px 10% !important; } @media screen and (max-width: 660px) { .ce_slick-slider .slick-list, .ce_slick-content-start .slick-list { padding: 0px !important; } } @media screen and (max-width: 900px) and (orientation: landscape) { .ce_slick-slider .slick-list, .ce_slick-content-start .slick-list { padding: 0px !important; } } .ce_slick-slider .slick-track, .ce_slick-content-start .slick-track { display: flex; align-items: center; } .ce_slick-slider .slick-track .slick-slide, .ce_slick-content-start .slick-track .slick-slide { padding: 0 30px; transition: all 300ms ease-in-out; opacity: 0.7; overflow: visible; } @media screen and (max-width: 660px) { .ce_slick-slider .slick-track .slick-slide, .ce_slick-content-start .slick-track .slick-slide { padding: 5px; opacity: 1; } } .ce_slick-slider .slick-track .slick-slide:focus, .ce_slick-content-start .slick-track .slick-slide:focus { outline: 0; } .ce_slick-slider .slick-track .slick-slide.slick-center, .ce_slick-content-start .slick-track .slick-slide.slick-center { opacity: 1 !important; width: 110%; } .ce_slick-slider .slick-track .slick-slide.slick-center .caption, .ce_slick-content-start .slick-track .slick-slide.slick-center .caption { opacity: 1; } .ce_slick-slider .slick-track .slick-slide.slick-center .image_container, .ce_slick-content-start .slick-track .slick-slide.slick-center .image_container { transform: scale(1.1); } .ce_slick-slider .slick-track .slick-slide.slick-center .image_container img, .ce_slick-content-start .slick-track .slick-slide.slick-center .image_container img { border: 5px solid #C5E3D0; } .ce_slick-slider .slick-track .slick-slide .ce_image, .ce_slick-content-start .slick-track .slick-slide .ce_image { overflow: visible; } .ce_slick-slider .slick-track .slick-slide .ce_image a, .ce_slick-content-start .slick-track .slick-slide .ce_image a { display: inline-block; } .ce_slick-slider .slick-track .slick-slide .image_container, .ce_slick-content-start .slick-track .slick-slide .image_container { transition: all 300ms ease-in-out; text-align: center; } .ce_slick-slider .slick-track .slick-slide .caption, .ce_slick-content-start .slick-track .slick-slide .caption { transition: all 300ms ease-in-out; opacity: 0; font-style: italic; text-align: center; margin-top: 20px; width: auto !important; } @media screen and (max-width: 660px) { .ce_slick-slider .slick-track .slick-slide .caption, .ce_slick-content-start .slick-track .slick-slide .caption { opacity: 1; } } .ce_slick-slider .slick-track .slick-slide .caption span, .ce_slick-content-start .slick-track .slick-slide .caption span { display: block; opacity: 0.3; } #footer { background-color: #C5E3D0; position: relative; z-index: 999999; } #footer::after { content: ""; display: table; clear: both; } #footer .inside { padding: 20px 30px 47px; } @media screen and (max-width: 660px) { #footer .inside { padding: 0px; } } #footer .inside .copim { clear: both; padding-top: 20px; font-size: 14px; } #footer .inside .copim a { color: #000; text-decoration: none; } #footer .inside .copim a:hover { text-decoration: underline; } #footer .inside .copim .left { display: inline-block; background-color: #fff; float: left; } @media screen and (max-width: 660px) { #footer .inside .copim .left { float: none; float: none; display: inline-block; left: 50%; position: relative; transform: translateX(-50%); margin-bottom: 10px; } } @media screen and (max-width: 900px) and (orientation: landscape) { #footer .inside .copim .left { float: none; float: none; display: inline-block; left: 50%; position: relative; transform: translateX(-50%); margin-bottom: 10px; } } #footer .inside .copim .sponsors { float: right; display: flex; flex-align: center; margin-top: -10px; margin-right: 32px; } @media screen and (max-width: 660px) { #footer .inside .copim .sponsors { margin-top: 20px; margin-bottom: 10px; float: none; justify-content: center; display: flex; align-items: center; width: 100%; } } @media screen and (max-width: 900px) and (orientation: landscape) { #footer .inside .copim .sponsors { margin-top: 20px; margin-bottom: 10px; float: none; justify-content: center; display: flex; align-items: center; width: 100%; } } #footer .inside .copim .sponsors a { display: block; } #footer .inside .copim .sponsors a img { height: 30px; } #footer .inside .copim .right { display: inline-block; background-color: #fff; float: right; } @media screen and (max-width: 660px) { #footer .inside .copim .right { float: none; display: inline-block; left: 50%; position: relative; transform: translateX(-50%); } } @media screen and (max-width: 900px) and (orientation: landscape) { #footer .inside .copim .right { float: none; display: inline-block; left: 50%; position: relative; transform: translateX(-50%); } } /*# sourceMappingURL=styles.css.map */ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-container{visibility:hidden}.slick-initialized{visibility:visible}