body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%} .click_toggler{cursor:pointer}.toggle_status_initial{opacity:0;transition:all 0.5s ease-in-out;height:0;min-height:0}.toggle_status_initial.mod_article{padding-top:0;padding-bottom:0}.toggle_status_toggled{opacity:1;min-height:auto;transition:all 0.5s ease-in-out;height:var(--element_height)} @charset "UTF-8"; :root{--fade_duration: 1.5s;--move_duration: 1.5s;--ivp_animation_delay: 0s}.ivp{overflow:visible}.einblenden.ivp:not(.above_viewport){opacity:0;position:relative}.einblenden.ivp.iivp{opacity:1;transition:opacity var(--fade_duration) ease-in-out var(--ivp_animation_delay)}.einblendenVonHinten.ivp:not(.above_viewport){opacity:0;transform:scale(0.8);position:relative}.einblendenVonHinten.ivp.iivp{opacity:1;transform:scale(1);transition:transform var(--move_duration) ease-out var(--ivp_animation_delay), opacity var(--fade_duration) ease-out var(--ivp_animation_delay)}.einblendenVonVorne.ivp:not(.above_viewport){opacity:0;transform:scale(1.1);position:relative}.einblendenVonVorne.ivp.iivp{opacity:1;transform:scale(1);transition:transform var(--move_duration) ease-out var(--ivp_animation_delay), opacity var(--fade_duration) ease-out var(--ivp_animation_delay)}.einblendenVonRechts.ivp:not(.above_viewport){opacity:0;transform:translateX(100px);position:relative}.einblendenVonRechts.ivp.iivp{opacity:1;transform:translateX(0);transition:opacity var(--fade_duration) ease-out var(--ivp_animation_delay), transform var(--move_duration) ease-out var(--ivp_animation_delay)}.einblendenVonLinks.ivp:not(.above_viewport){opacity:0;transform:translateX(-100px);position:relative}.einblendenVonLinks.ivp.iivp{opacity:1;transform:translateX(0);transition:opacity var(--fade_duration) ease-out var(--ivp_animation_delay), transform var(--move_duration) ease-out var(--ivp_animation_delay)}.mod_article:has(.einblendenVonOben){overflow:hidden}.einblendenVonOben.ivp:not(.above_viewport){opacity:0;transform:translateY(-100px);position:relative}.einblendenVonOben.ivp.iivp{opacity:1;transform:translateY(0);transition:opacity var(--fade_duration) ease-out var(--ivp_animation_delay), transform var(--move_duration) ease-out var(--ivp_animation_delay)}.mod_article:has(.einblendenVonUnten){overflow:hidden}.einblendenVonUnten.ivp:not(.above_viewport),.einblendenVonUnten.ivp:not(.above_viewport) .formbody>*{opacity:0;transform:translateY(100px);position:relative}.einblendenVonUnten.ivp.iivp,.einblendenVonUnten.ivp.iivp .formbody>*{opacity:1;transform:translateY(0);transition:opacity var(--fade_duration) ease-out var(--ivp_animation_delay), transform var(--move_duration) ease-out var(--ivp_animation_delay)}.mod_article .content-text.einblendenVonBeidenSeiten.ivp:not(.above_viewport) .rte,.mod_article .content-text.einblendenVonBeidenSeiten.ivp:not(.above_viewport)>figure img{position:relative}.mod_article .content-text.einblendenVonBeidenSeiten.ivp:not(.above_viewport).media--right .rte{opacity:0;transform:translateX(-100px)}.mod_article .content-text.einblendenVonBeidenSeiten.ivp:not(.above_viewport).media--right>figure img{opacity:0;transform:translateX(100px)}.mod_article .content-text.einblendenVonBeidenSeiten.ivp:not(.above_viewport).media--left .rte{opacity:0;transform:translateX(100px)}.mod_article .content-text.einblendenVonBeidenSeiten.ivp:not(.above_viewport).media--left>figure img{opacity:0;transform:translateX(-100px)}.mod_article .content-text.einblendenVonBeidenSeiten.ivp.iivp .rte,.mod_article .content-text.einblendenVonBeidenSeiten.ivp.iivp>figure img{transition:opacity var(--fade_duration) ease-out var(--ivp_animation_delay), transform var(--move_duration) ease-out var(--ivp_animation_delay)}.mod_article .content-text.einblendenVonBeidenSeiten.ivp.iivp.media--right .rte{opacity:1;transform:translateX(0)}.mod_article .content-text.einblendenVonBeidenSeiten.ivp.iivp.media--right>figure img{opacity:1;transform:translateX(0)}.mod_article .content-text.einblendenVonBeidenSeiten.ivp.iivp.media--left .rte{opacity:1;transform:translateX(0)}.mod_article .content-text.einblendenVonBeidenSeiten.ivp.iivp.media--left>figure img{opacity:1;transform:translateX(0)}.mod_article .content-text.einblendenVonBeidenSeiten.nacheinanderEinblenden.ivp.iivp.media--right .rte{transition:opacity var(--fade_duration) ease-out var(--ivp_animation_delay), transform var(--move_duration) ease-out var(--ivp_animation_delay)}.mod_article .content-text.einblendenVonBeidenSeiten.nacheinanderEinblenden.ivp.iivp.media--right>figure img{transition:opacity var(--fade_duration) ease-out var(--ivp_animation_delay, 0.5s), transform var(--move_duration) ease-out var(--ivp_animation_delay, 0.5s)}.mod_article .content-text.einblendenVonBeidenSeiten.nacheinanderEinblenden.ivp.iivp.media--left .rte{transition:opacity var(--fade_duration) ease-out var(--ivp_animation_delay, 0.5s), transform var(--move_duration) ease-out var(--ivp_animation_delay, 0.5s)}.mod_article .content-text.einblendenVonBeidenSeiten.nacheinanderEinblenden.ivp.iivp.media--left>figure img{transition:opacity var(--fade_duration) ease-out var(--ivp_animation_delay), transform var(--move_duration) ease-out var(--ivp_animation_delay)}.mod_article .media--second_image.BilderEinblenden.ivp:not(.above_viewport){overflow:visible}.mod_article .media--second_image.BilderEinblenden.ivp:not(.above_viewport) figure>figure:not(.second_image),.mod_article .media--second_image.BilderEinblenden.ivp:not(.above_viewport) figure>figure.second_image{position:relative}.mod_article .media--second_image.BilderEinblenden.ivp:not(.above_viewport) figure>figure:not(.second_image){opacity:0;transform:translateX(-100px)}.mod_article .media--second_image.BilderEinblenden.ivp:not(.above_viewport) figure>figure.second_image{opacity:0;transform:translateX(100px)}.mod_article .content-text.BilderEinblenden.ivp.iivp figure>figure:not(.second_image),.mod_article .content-text.BilderEinblenden.ivp.iivp figure>figure.second_image{transition:opacity var(--fade_duration) ease-out var(--ivp_animation_delay), transform var(--move_duration) ease-out var(--ivp_animation_delay)}.mod_article .content-text.BilderEinblenden.ivp.iivp figure>figure:not(.second_image){opacity:1;transform:translateX(0)}.mod_article .content-text.BilderEinblenden.ivp.iivp figure>figure.second_image{opacity:1;transform:translateX(0)}.mod_article .media--second_image.BilderEinblendenVonUnten.ivp:not(.above_viewport){overflow:visible}.mod_article .media--second_image.BilderEinblendenVonUnten.ivp:not(.above_viewport) figure>figure:not(.second_image),.mod_article .media--second_image.BilderEinblendenVonUnten.ivp:not(.above_viewport) figure>figure.second_image{position:relative}.mod_article .media--second_image.BilderEinblendenVonUnten.ivp:not(.above_viewport) figure>figure:not(.second_image){opacity:0;transform:translateY(100px)}.mod_article .media--second_image.BilderEinblendenVonUnten.ivp:not(.above_viewport) figure>figure.second_image{opacity:0;transform:translateY(100px)}.mod_article .content-text.BilderEinblendenVonUnten.ivp.iivp figure>figure:not(.second_image),.mod_article .content-text.BilderEinblendenVonUnten.ivp.iivp figure>figure.second_image{transition:opacity var(--fade_duration) ease-out var(--ivp_animation_delay), transform var(--move_duration) ease-out var(--ivp_animation_delay)}.mod_article .content-text.BilderEinblendenVonUnten.ivp.iivp figure>figure.second_image{transition:opacity var(--fade_duration) ease-out 0.5s, transform var(--move_duration) ease-out 0.5s}.mod_article .content-text.BilderEinblendenVonUnten.ivp.iivp figure>figure:not(.second_image){opacity:1;transform:translateY(0)}.mod_article .content-text.BilderEinblendenVonUnten.ivp.iivp figure>figure.second_image{opacity:1;transform:translateY(0)}.einblendenVonUnten.ivp.iivp .formbody>*:nth-child(1){transition-delay:0s}.einblendenVonUnten.ivp.iivp .formbody>*:nth-child(2){transition-delay:0.2s}.einblendenVonUnten.ivp.iivp .formbody>*:nth-child(3){transition-delay:0.4s}.einblendenVonUnten.ivp.iivp .formbody>*:nth-child(4){transition-delay:0.6s}.einblendenVonUnten.ivp.iivp .formbody>*:nth-child(5){transition-delay:0.8s}.einblendenVonUnten.ivp.iivp .formbody>*:nth-child(6){transition-delay:1s}.einblendenVonUnten.ivp.iivp .formbody>*:nth-child(7){transition-delay:1.2s}.einblendenVonUnten.ivp.iivp .formbody>*:nth-child(8){transition-delay:1.4s}.einblendenVonUnten.ivp.iivp .formbody>*:nth-child(9){transition-delay:1.6s}.einblendenVonUnten.ivp.iivp .formbody>*:nth-child(10){transition-delay:1.8s}.einblendenVonUnten.ivp.iivp .formbody>*:nth-child(11){transition-delay:2s}.einblendenVonUnten.ivp.iivp .formbody>*:nth-child(12){transition-delay:2.2s}.AnimationVerzögert.ivp.iivp,.verzögert.ivp.iivp,.AnimationVerzögert025.ivp.iivp,.verzögert025.ivp.iivp{transition-delay:0.25s}.AnimationVerzögert05.ivp.iivp,.verzögert05.ivp.iivp{transition-delay:0.5s}.AnimationVerzögert1.ivp.iivp,.verzögert1.ivp.iivp{transition-delay:1s}.AnimationVerzögert15.ivp.iivp,.verzögert15.ivp.iivp{transition-delay:1.5s}.AnimationVerzögert2.ivp.iivp,.verzögert2.ivp.iivp{transition-delay:2s}.AnimationVerzögert25.ivp.iivp,.verzögert25.ivp.iivp{transition-delay:2.5s}.Animationsdauer.ivp.iivp,.Animationsdauer025.ivp.iivp,.Dauer025.ivp.iivp{transition-duration:0.25s}.Animationsdauer05.ivp.iivp,.Dauer05.ivp.iivp{transition-duration:0.5s}.Animationsdauer1.ivp.iivp,.Dauer1.ivp.iivp{transition-duration:1s}.Animationsdauer15.ivp.iivp,.Dauer15.ivp.iivp{transition-duration:1.5s}.Animationsdauer2.ivp.iivp,.Dauer2.ivp.iivp{transition-duration:2s}.Animationsdauer25.ivp.iivp,.Dauer25.ivp.iivp{transition-duration:2.5s} /* FONTS */ @font-face { font-family: 'Fraunces Soft Regular'; src: url("../../files/layout/fonts/Fraunces_72pt_Soft-Regular.ttf") format("truetype"); } @font-face { font-family: 'Fraunces Soft SemiBold'; src: url("../../files/layout/fonts/Fraunces_72pt_Soft-SemiBold.ttf") format("truetype"); } @font-face { font-family: 'Fraunces Soft Bold'; src: url("../../files/layout/fonts/Fraunces_72pt_Soft-Bold.ttf") format("truetype"); } @font-face { font-family: 'Poppins'; src: url("../../files/layout/fonts/Poppins-Regular.ttf") format("truetype"); font-weight: normal; } @font-face { font-family: 'Poppins'; src: url("../../files/layout/fonts/Poppins-Bold.ttf") format("truetype"); font-weight: bold; } /* FONTS */ /* COLORS */ .sr-only { display: block; clip: rect(0 0 0 0); clip-path: inset(100%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } /* FLEXBOX */ html { font-size: 10px; } body { font-family: "Poppins", Arial, Verdana, sans-serif; font-size: 1.8rem; color: #474541; } /* HEADLINES */ h1, h2, h3, h4, h5, h6 { font-family: "Fraunces Soft SemiBold", Times, "Times New Roman", serif; margin: 0; line-height: 1.2; } /* Special Headline for SEO */ h2 { font-family: "Poppins", Arial, Verdana, sans-serif; color: #666f5b; text-transform: uppercase; letter-spacing: 2px; font-size: calc(1.2rem + 0.5vw); } h3 { font-size: calc(4rem + 1vw); } h4 { font-size: calc(3rem + 1vw); } h5 { font-size: calc(1.4rem + 0.5vw); font-family: "Fraunces Soft Regular", Times, "Times New Roman", serif; } .subheadline { font-family: "Poppins", Arial, Verdana, sans-serif; text-transform: uppercase; letter-spacing: 2px; font-size: calc(1rem + 0.5vw); margin-bottom: 1rem; color: #A5AF92; } h3.subheadline, h4.subheadline { font-family: "Poppins", Arial, Verdana, sans-serif; text-transform: uppercase; letter-spacing: 2px; font-size: calc(1rem + 0.5vw); } h3.headline, h4.headline { font-size: calc(3.8rem + 1vw); color: #474541; line-height: 1.2; margin-bottom: 3rem; } h3.content-headline, h4.content-headline { margin: 2rem auto; width: 80%; text-align: center; } .faq-container h4 { font-size: calc(2rem + 1vw); } .faq-container h4.content-headline { text-align: left !important; } @media screen and (min-width: 961px) and (max-width: 1680px) { body { font-size: 1.6rem; } h3.subheadline, h4.subheadline { font-size: calc(1rem + 0.5vw); } h3.headline, h4.headline { font-size: calc(3rem + 1vw); margin-bottom: 2rem; } } @media screen and (min-width: 1px) and (max-width: 960px) { body { font-size: 1.5rem; } /* Special Headline for SEO */ h2 { letter-spacing: 1px; font-size: calc(1rem + 0.5vw); } h3 { font-size: calc(3rem + 1vw); } h4 { font-size: calc(3rem + 1vw); } h5 { font-size: calc(2.4rem + 1vw); } h3.subheadline, h4.subheadline { letter-spacing: 1px; font-size: calc(1.2rem + 0.5vw); } h3.headline, h4.headline { font-size: calc(3.0rem + 1vw); margin-bottom: 3rem; line-height: 1.2; } .fliege_textblock { /* Big Green Headline */ } .fliege_textblock h4 { font-size: calc(2.6rem + 1vw); } .fliege_textblock h5 { font-size: calc(1.8rem + 1vw); } .faq-container h3 { font-size: calc(2.8rem + 1vw); } .faq-container h4 { font-size: calc(2rem + 1vw); } .faq-container h4.content-headline { text-align: left !important; } } /* SIDEBAR AND NAVIGATION */ #sidebar { box-sizing: border-box; } #sidebar ul { padding-inline-start: 0; } #sidebar .sidebar_inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; box-sizing: border-box; position: fixed; width: 40vw; background: #ff6361; top: 0; right: -40vw; z-index: 80; height: 100vh; opacity: 1; } #sidebar .sidebar_inner::after { content: ''; width: 0; height: 0; display: block; position: absolute; right: 0; top: 0; z-index: 1; background: #FFFBF8; opacity: 0; transition: opacity 400ms ease-in-out; } #sidebar .sidebar_inner.toggle_status_toggled { right: 0; opacity: 1; box-sizing: border-box; } #sidebar .sidebar_inner.toggle_status_toggled::after { width: 60vw; height: 100vh; right: 40vw; top: 0; opacity: .8; transition: opacity 800ms ease-in-out; } #sidebar .sidebar_inner .mod_navigation { width: 80%; box-sizing: border-box; /* Style Level 2 */ } #sidebar .sidebar_inner .mod_navigation .level_1 li { list-style: none; position: relative; } #sidebar .sidebar_inner .mod_navigation .level_1 li.active.submenu > strong { margin-bottom: 0; } #sidebar .sidebar_inner .mod_navigation .level_1 li.active.submenu .level_2 { display: block; } #sidebar .sidebar_inner .mod_navigation .level_1 li a.trail { margin-bottom: 0; } #sidebar .sidebar_inner .mod_navigation .level_1 li.trail .level_2 { display: block; } #sidebar .sidebar_inner .mod_navigation .level_1 a, #sidebar .sidebar_inner .mod_navigation .level_1 a:link, #sidebar .sidebar_inner .mod_navigation .level_1 a:visited { color: #feebd7; text-decoration: none; font-family: "Fraunces Soft Regular", Times, "Times New Roman", serif; letter-spacing: 1px; font-size: calc(3.3rem + 1vw); display: inline-block; padding: 1rem; margin-bottom: calc(2rem + 2vh); position: relative; } #sidebar .sidebar_inner .mod_navigation .level_1 a.trail, #sidebar .sidebar_inner .mod_navigation .level_1 a:link.trail, #sidebar .sidebar_inner .mod_navigation .level_1 a:visited.trail { padding-bottom: 0; } #sidebar .sidebar_inner .mod_navigation .level_1 a::after, #sidebar .sidebar_inner .mod_navigation .level_1 a:link::after, #sidebar .sidebar_inner .mod_navigation .level_1 a:visited::after { content: ""; width: 0; height: 0.5rem; border-radius: 1rem; display: inline-block; position: absolute; left: 0; bottom: 0; background-color: #feebd7; transition: all 200ms ease-in-out; } #sidebar .sidebar_inner .mod_navigation .level_1 a:hover::after, #sidebar .sidebar_inner .mod_navigation .level_1 a:focus::after, #sidebar .sidebar_inner .mod_navigation .level_1 a:active::after, #sidebar .sidebar_inner .mod_navigation .level_1 a.trail::after { content: ""; width: 100%; height: 0.5rem; border-radius: 1rem; display: inline-block; position: absolute; left: 0; bottom: 0; background-color: #feebd7; transition: all 800ms ease-in-out; } #sidebar .sidebar_inner .mod_navigation .level_1 strong { color: #feebd7; text-decoration: none; font-family: "Fraunces Soft Regular", Times, "Times New Roman", serif; font-size: calc(3.3rem + 1vw); display: inline-block; font-weight: normal; letter-spacing: 1px; padding: 1rem 1rem 0 1rem; margin-bottom: calc(3rem + 2vh); position: relative; } #sidebar .sidebar_inner .mod_navigation .level_1 strong.active::after { content: ""; width: 100%; height: 0.5rem; border-radius: 1rem; display: block; position: absolute; left: 0; bottom: 0; background-color: #feebd7; } #sidebar .sidebar_inner .mod_navigation .level_2 { display: none; margin-bottom: 3rem; margin-left: 4rem; } #sidebar .sidebar_inner .mod_navigation .level_2 a, #sidebar .sidebar_inner .mod_navigation .level_2 a:link, #sidebar .sidebar_inner .mod_navigation .level_2 a:visited { color: #feebd7; text-decoration: none; font-family: "Poppins", Arial, Verdana, sans-serif; font-size: calc(1rem + 1vw); display: inline-block; padding: 1rem; margin-bottom: 0; position: relative; } #sidebar .sidebar_inner .mod_navigation .level_2 a::after, #sidebar .sidebar_inner .mod_navigation .level_2 a:link::after, #sidebar .sidebar_inner .mod_navigation .level_2 a:visited::after { content: ""; width: 0; height: 0.5rem; border-radius: 1rem; display: inline-block; position: absolute; left: 0; bottom: 0; background-color: #feebd7; transition: all 200ms ease-in-out; } #sidebar .sidebar_inner .mod_navigation .level_2 a:hover::after, #sidebar .sidebar_inner .mod_navigation .level_2 a:focus::after, #sidebar .sidebar_inner .mod_navigation .level_2 a:active::after { content: ""; width: 100%; height: 0.5rem; border-radius: 1rem; display: inline-block; position: absolute; left: 0; bottom: 0; background-color: #feebd7; transition: all 800ms ease-in-out; } #sidebar .sidebar_inner .mod_navigation .level_2 strong { color: #feebd7; text-decoration: none; font-family: "Poppins", Arial, Verdana, sans-serif; font-size: calc(1rem + 1vw); display: inline-block; font-weight: normal; padding: 1rem 1rem 0 1rem; margin-bottom: 0; position: relative; } #sidebar .sidebar_inner .mod_navigation .level_2 strong.active::after { content: ""; width: 100%; height: 0.5rem; border-radius: 1rem; display: block; position: absolute; left: 0; bottom: 0; background-color: #feebd7; } #sidebar .sidebar_inner .mod_navigation.nav_meta { position: absolute; bottom: 0; left: 0; width: 90%; padding-left: 10%; box-sizing: border-box; } #sidebar .sidebar_inner .mod_navigation.nav_meta .level_1 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } #sidebar .sidebar_inner .mod_navigation.nav_meta .level_1 a, #sidebar .sidebar_inner .mod_navigation.nav_meta .level_1 a:link, #sidebar .sidebar_inner .mod_navigation.nav_meta .level_1 a:visited { color: #feebd7; text-decoration: none; font-family: "Poppins", Arial, Verdana, sans-serif; letter-spacing: 0; font-size: calc(1rem + 0.5vw); display: inline-block; padding: 1rem; margin-bottom: 0; position: unset; } #sidebar .sidebar_inner .mod_navigation.nav_meta .level_1 a::after, #sidebar .sidebar_inner .mod_navigation.nav_meta .level_1 a:link::after, #sidebar .sidebar_inner .mod_navigation.nav_meta .level_1 a:visited::after { content: ""; display: none; } #sidebar .sidebar_inner .mod_navigation.nav_meta .level_1 a:hover, #sidebar .sidebar_inner .mod_navigation.nav_meta .level_1 a:focus, #sidebar .sidebar_inner .mod_navigation.nav_meta .level_1 a:active, #sidebar .sidebar_inner .mod_navigation.nav_meta .level_1 a.trail { text-decoration: underline; } #sidebar .sidebar_inner .mod_navigation.nav_meta .level_1 a:hover::after, #sidebar .sidebar_inner .mod_navigation.nav_meta .level_1 a:focus::after, #sidebar .sidebar_inner .mod_navigation.nav_meta .level_1 a:active::after, #sidebar .sidebar_inner .mod_navigation.nav_meta .level_1 a.trail::after { display: none; } #sidebar .sidebar_inner .mod_navigation.nav_meta .level_1 strong { color: #feebd7; text-decoration: underline; font-family: "Poppins", Arial, Verdana, sans-serif; font-size: calc(1rem + 0.5vw); display: inline-block; font-weight: normal; letter-spacing: 1px; padding: 1rem; margin-bottom: 0; position: relative; } #sidebar .sidebar_inner .mod_navigation.nav_meta .level_1 strong.active::after { content: ""; width: 100%; height: 0.5rem; border-radius: 1rem; display: block; position: absolute; left: 0; bottom: 0; background-color: #feebd7; } #sidebar .btn_nav { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; position: fixed; top: 6rem; right: 6rem; z-index: 999; } #sidebar .btn_nav span { color: #ff6361; text-transform: uppercase; font-weight: 700; margin-right: 1rem; font-size: 1.2rem; letter-spacing: 2px; line-height: 2; transition: color 400ms ease-in-out; } #sidebar .btn_nav .hamburger-lines { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; height: 2.4rem; width: 3rem; } #sidebar .btn_nav .hamburger-lines .line { display: block; height: 0.4rem; width: 100%; border-radius: 1rem; background-color: #ff6361; transition: background-color ease-in-out 400ms; } #sidebar .btn_nav .hamburger-lines .line.line1 { transform-origin: 0% 0%; transition: transform 0.4s ease-in-out, background-color 400ms ease-in-out; } #sidebar .btn_nav .hamburger-lines .line.line2 { opacity: 1; transition: transform 0.2s ease-in-out, background-color 400ms ease-in-out; } #sidebar .btn_nav .hamburger-lines .line.line3 { transform-origin: 0% 100%; transition: transform 0.4s ease-in-out, background-color 400ms ease-in-out; } #sidebar .btn_nav.activated span { color: #FFFBF8; transition: color 400ms ease-in-out; } #sidebar .btn_nav.activated .hamburger-lines .line { display: block; height: 0.4rem; width: 100%; border-radius: 1rem; background-color: #feebd7; transition: background-color ease-in 400ms; } #sidebar .btn_nav.activated .hamburger-lines .line.line1 { transform: rotate(45deg); transform-origin: 0% 0%; transition: transform 0.4s ease-in-out, background-color 400ms ease-in-out; } #sidebar .btn_nav.activated .hamburger-lines .line.line2 { transform: scaleY(0); transition: transform 0.2s ease-in-out, background-color 400ms ease-in-out; } #sidebar .btn_nav.activated .hamburger-lines .line.line3 { transform: rotate(-45deg); transform-origin: 0% 100%; transition: transform 0.4s ease-in-out, background-color 400ms ease-in-out; } @media screen and (min-width: 961px) and (max-width: 1440px) { #sidebar .sidebar_inner { width: 60vw; right: -60vw; } #sidebar .sidebar_inner::after { width: 0; height: 0; right: 0; top: 0; } #sidebar .sidebar_inner.toggle_status_toggled::after { width: 60vw; right: 60vw; } } @media screen and (min-width: 1px) and (max-width: 960px) { #sidebar .sidebar_inner { width: 100vw; right: -100vw; } #sidebar .sidebar_inner::after { display: none; visibility: hidden; } #sidebar .sidebar_inner .mod_navigation { width: 90%; /* Style Level 2 */ } #sidebar .sidebar_inner .mod_navigation .level_1 a, #sidebar .sidebar_inner .mod_navigation .level_1 a:link, #sidebar .sidebar_inner .mod_navigation .level_1 a:visited { letter-spacing: 0px; font-size: calc(3rem + 1vw); padding: 0.4rem; margin-bottom: calc(0.5rem + 1vh); } #sidebar .sidebar_inner .mod_navigation .level_1 a::after, #sidebar .sidebar_inner .mod_navigation .level_1 a:link::after, #sidebar .sidebar_inner .mod_navigation .level_1 a:visited::after { height: 0.4rem; } #sidebar .sidebar_inner .mod_navigation .level_1 a:hover::after, #sidebar .sidebar_inner .mod_navigation .level_1 a:focus::after, #sidebar .sidebar_inner .mod_navigation .level_1 a:active::after, #sidebar .sidebar_inner .mod_navigation .level_1 a.trail::after { height: 0.4rem; } #sidebar .sidebar_inner .mod_navigation .level_1 strong { letter-spacing: 0px; font-size: calc(3rem + 1vw); padding: 0.4rem; margin-bottom: calc(0.5rem + 1vh); } #sidebar .sidebar_inner .mod_navigation .level_1 strong.active::after { height: 0.4rem; } #sidebar .sidebar_inner .mod_navigation .level_2 { display: none; margin-bottom: 2rem; margin-left: 1rem; } #sidebar .sidebar_inner .mod_navigation .level_2 a, #sidebar .sidebar_inner .mod_navigation .level_2 a:link, #sidebar .sidebar_inner .mod_navigation .level_2 a:visited { font-size: calc(2rem + 0.5vw); padding: 1rem 1rem 0 1rem; } #sidebar .sidebar_inner .mod_navigation .level_2 strong { font-size: calc(2rem + 0.5vw); padding: 1rem 1rem 0 1rem; } #sidebar .sidebar_inner .mod_navigation.nav_meta { position: absolute; bottom: 0; left: 0; width: 90%; padding-left: 10%; box-sizing: border-box; } #sidebar .sidebar_inner .mod_navigation.nav_meta .level_1 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } #sidebar .sidebar_inner .mod_navigation.nav_meta .level_1 a, #sidebar .sidebar_inner .mod_navigation.nav_meta .level_1 a:link, #sidebar .sidebar_inner .mod_navigation.nav_meta .level_1 a:visited { font-size: calc(1.4rem + 0.5vw); padding: 1rem; } #sidebar .sidebar_inner .mod_navigation.nav_meta .level_1 a::after, #sidebar .sidebar_inner .mod_navigation.nav_meta .level_1 a:link::after, #sidebar .sidebar_inner .mod_navigation.nav_meta .level_1 a:visited::after { content: ""; display: none; } #sidebar .sidebar_inner .mod_navigation.nav_meta .level_1 a:hover, #sidebar .sidebar_inner .mod_navigation.nav_meta .level_1 a:focus, #sidebar .sidebar_inner .mod_navigation.nav_meta .level_1 a:active, #sidebar .sidebar_inner .mod_navigation.nav_meta .level_1 a.trail { text-decoration: underline; } #sidebar .sidebar_inner .mod_navigation.nav_meta .level_1 a:hover::after, #sidebar .sidebar_inner .mod_navigation.nav_meta .level_1 a:focus::after, #sidebar .sidebar_inner .mod_navigation.nav_meta .level_1 a:active::after, #sidebar .sidebar_inner .mod_navigation.nav_meta .level_1 a.trail::after { display: none; } #sidebar .sidebar_inner .mod_navigation.nav_meta .level_1 strong { font-size: calc(1.4rem + 0.5vw); text-decoration: underline; } #sidebar .sidebar_inner .mod_navigation.nav_meta .level_1 strong.active::after { content: ""; display: none; } #sidebar .btn_nav { top: 3rem; right: 3rem; } #sidebar .btn_nav span { display: none; } #sidebar .btn_nav .hamburger-lines { height: 2.4rem; width: 3rem; } } /* HEADER */ .header_content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; min-height: 100vh; padding-top: 10rem; } .header_content .inner_wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-flex: 0 0 45%; -moz-box-flex: 0 0 45%; -webkit-flex: 0 0 45%; -ms-flex: 0 0 45%; flex: 0 0 45%; width: 100%; margin: 0 auto; max-width: 140rem; } .header_content .inner_wrapper figure { order: 1; position: relative; -webkit-box-flex: 1 1 40%; -moz-box-flex: 1 1 40%; -webkit-flex: 1 1 40%; -ms-flex: 1 1 40%; flex: 1 1 40%; } .header_content .inner_wrapper figure::after { content: ''; width: 100%; height: 100%; display: block; background-color: transparent; border: 2px solid #A5AF92; border-radius: 5rem; position: absolute; z-index: 0; left: -4vw; top: -6vh; } .header_content .inner_wrapper figure img { position: relative; z-index: 10; } .header_content .inner_wrapper .text_wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-box-flex: 1 1 50%; -moz-box-flex: 1 1 50%; -webkit-flex: 1 1 50%; -ms-flex: 1 1 50%; flex: 1 1 50%; order: 2; padding-left: calc(4rem + 4vw); } .fliege_teaser .inner_wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; width: 100%; margin: 0 auto; padding: calc(10rem + 10vh) 0; max-width: 140rem; } .fliege_teaser .inner_wrapper figure { order: 1; position: relative; } .fliege_teaser .inner_wrapper figure img { position: relative; z-index: 1; } .fliege_teaser .inner_wrapper figure::after { content: ''; width: 100%; height: 100%; display: block; background-color: transparent; border: 1px solid #A5AF92; border-radius: 5rem; position: absolute; z-index: 0; left: -5vw; top: -10vh; } .fliege_teaser .inner_wrapper .text_wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; order: 2; padding-left: 4vw; /* If paragraph follows headline */ } .fliege_teaser .inner_wrapper .text_wrapper .teaser { margin-left: calc(2rem + 1vw); } .fliege_teaser.imageRight .inner_wrapper figure { order: 2; position: relative; } .fliege_teaser.imageRight .inner_wrapper figure::after { left: unset; right: -5vw; top: 10vh; } .fliege_teaser.imageRight .inner_wrapper .text_wrapper { order: 1; padding-left: 0; padding-right: 4vw; /* If paragraph follows headline */ } .fliege_teaser.imageRight .inner_wrapper .text_wrapper .teaser { margin-left: 0; } .fliege_teaser:first-child .inner_wrapper { padding-top: 0; } .fliege_textblock { /* gets backround color from content element */ } .fliege_textblock .inner_wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; width: 80%; margin: 0 auto; padding: calc(8rem + 5vh) 0; max-width: 144rem; } .fliege_textblock .inner_wrapper > h3, .fliege_textblock .inner_wrapper > h4 { -webkit-box-flex: 1 1 40%; -moz-box-flex: 1 1 40%; -webkit-flex: 1 1 40%; -ms-flex: 1 1 40%; flex: 1 1 40%; color: #A5AF92; margin-right: 4vw; hyphens: auto; } .fliege_textblock .inner_wrapper .text_wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -webkit-box-flex: 0 1 60%; -moz-box-flex: 0 1 60%; -webkit-flex: 0 1 60%; -ms-flex: 0 1 60%; flex: 0 1 60%; padding-left: 0; margin-left: calc(1rem + 1vw); /* If paragraph follows headline */ } .fliege_textblock .inner_wrapper .text_wrapper h3 + p, .fliege_textblock .inner_wrapper .text_wrapper h4 + p, .fliege_textblock .inner_wrapper .text_wrapper h5 + p { margin-left: 0; margin-bottom: calc(2rem + 2vh); } .fliege_textblock .inner_wrapper .text_wrapper p { hyphens: auto; hyphens-limit-chars: auto 4; margin-bottom: calc(2rem + 0.5vh); } .fliege_textblock + .fliege_textblock .inner_wrapper { padding-top: 0 !important; } .fliege_threeicons.bgColorWhite .inner_wrapper { background-color: white; width: 80%; max-width: 140rem; border-radius: 5rem; padding: calc(4rem + 8vh) calc(4rem + 2vw) calc(4rem + 4vh); margin: 0 auto; } .fliege_threeicons.iconColorGreen .icon { background-color: #A5AF92; } .fliege_threeicons.iconColorRed .icon { background-color: #ff6361; } .fliege_threeicons h3, .fliege_threeicons h4, .fliege_threeicons h5 { text-align: center; width: 60%; margin: 0 auto calc(2rem + 2vh) auto; font-family: "Fraunces Soft Regular", Times, "Times New Roman", serif; font-size: calc(2rem + 1vw); } .fliege_threeicons p { width: 80%; margin: 0 auto; display: block; } .fliege_threeicons .list_wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; justify-content: space-around; padding: 5rem; } .fliege_threeicons .list_wrapper .info { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; width: 20%; } .fliege_threeicons .list_wrapper .icon { width: calc(5rem + 2vw); height: calc(5rem + 2vw); border-radius: 1rem; padding: 2rem; margin-bottom: calc(1rem + 1vh); } .fliege_threeicons .list_wrapper .icon img { width: 100%; } .fliege_threeicons .list_wrapper .text { font-weight: 700; text-transform: uppercase; letter-spacing: 0.08rem; font-size: 0.9em; text-align: center; } .fliege_infoblock .inner_wrapper { background-color: transparent; width: 60%; max-width: 100rem; border-radius: 5rem; padding: calc(4rem + 8vh) calc(4rem + 2vw); margin: 0 auto; } .fliege_infoblock.bgColorWhite .inner_wrapper { background-color: white; } .fliege_infoblock h3, .fliege_infoblock h4, .fliege_infoblock h5, .fliege_infoblock h6 { text-align: center; } /* For legal sites */ .mod_article.simple-container { width: 80%; max-width: 80rem; margin: 5vh auto; max-width: 144rem; } /* Legacy Elements */ .content-text { width: 80%; margin: 5vh auto; max-width: 144rem; } /* Call to Actions */ .cta_button a, .cta_button a:link, .cta_button a:visited { display: inline-block; text-decoration: none; padding: calc(1.4rem + 0.1vh) calc(1.2rem + 0.5vw); border-radius: 1rem; font-size: 1.3rem; line-height: 1; text-transform: uppercase; letter-spacing: 0.15rem; margin: calc(2rem + 2vh) 0 0 calc(1rem + 1vw); } .cta_button.colorGreen a, .cta_button.colorGreen a:link, .cta_button.colorGreen a:visited { color: #feebd7 !important; background-color: #A5AF92; } .cta_button.colorCreme a, .cta_button.colorCreme a:link, .cta_button.colorCreme a:visited { color: #ff6361 !important; background-color: #feebd7; } .cta_button.colorRed a, .cta_button.colorRed a:link, .cta_button.colorRed a:visited { color: #FFFBF8 !important; background-color: #ff6361; } @media screen and (min-width: 1441px) and (max-width: 1680px) { /* HEADER */ .header_content .inner_wrapper { width: 90%; padding: calc(10rem + 10vh) 0; max-width: 120rem; } .header_content .inner_wrapper .text_wrapper { padding-left: 4vw; } .fliege_teaser .inner_wrapper { width: 80%; padding: calc(10rem + 10vh) 0; max-width: 110rem; } .fliege_teaser .inner_wrapper figure img { position: relative; z-index: 1; } .fliege_teaser .inner_wrapper figure::after { left: -5vw; top: -10vh; } .fliege_teaser .inner_wrapper .text_wrapper { padding-left: 4vw; /* If paragraph follows headline */ } .fliege_teaser .inner_wrapper .text_wrapper .teaser { margin-left: calc(2rem + 1vw); } } @media screen and (min-width: 961px) and (max-width: 1440px) { /* HEADER */ .header_content .inner_wrapper { width: 80%; max-width: 120rem; } .header_content .inner_wrapper .text_wrapper { padding-left: 4vw; } .fliege_teaser { /* gets backround color from content element */ } .fliege_teaser .inner_wrapper { width: 80%; margin: 0 auto; padding: calc(10rem + 5vh) 2vw; max-width: 110rem; } .fliege_teaser .inner_wrapper figure { order: 1; position: relative; } .fliege_teaser .inner_wrapper figure img { position: relative; z-index: 1; } .fliege_teaser .inner_wrapper figure::after { left: -3vw; top: -5vh; } .fliege_teaser .inner_wrapper .text_wrapper { padding-left: 4vw; /* If paragraph follows headline */ } .fliege_teaser .inner_wrapper .text_wrapper .teaser { margin-left: calc(2rem + 1vw); } .fliege_teaser.imageRight .teaser { width: 90%; } .fliege_textblock .inner_wrapper { padding: calc(2rem + 2vh) calc(2rem + 1vw); max-width: unset; margin-top: calc(5rem + 5vh); } .fliege_textblock .inner_wrapper .text_wrapper { -webkit-box-flex: 0 1 50%; -moz-box-flex: 0 1 50%; -webkit-flex: 0 1 50%; -ms-flex: 0 1 50%; flex: 0 1 50%; margin-left: 0; } .fliege_threeicons { margin: calc(5rem + 5vh) 0; } .fliege_threeicons.bgColorWhite .inner_wrapper { width: 80%; border-radius: 5rem; padding: calc(4rem + 6vh) calc(4rem + 2vw); } .fliege_threeicons h3, .fliege_threeicons h4 { text-align: center; width: 80%; font-family: "Fraunces Soft Regular", Times, "Times New Roman", serif; font-size: calc(2rem + 1vw); } .fliege_threeicons .list_wrapper { padding: 3rem 0 0 0; } .fliege_threeicons .list_wrapper .info { width: 30%; } .fliege_threeicons .list_wrapper .icon { width: calc(4rem + 2vw); height: calc(4rem + 2vw); padding: 1rem; margin-bottom: calc(1rem + 1vh); } } @media screen and (min-width: 1px) and (max-width: 960px) { header .mod_article { min-height: unset; height: unset; } .fliege_teaser, .header_content { /* gets backround color from content element */ } .fliege_teaser .inner_wrapper, .header_content .inner_wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; width: 100%; margin: 0 auto; padding: calc(4rem + 5vh) 0; max-width: unset; box-sizing: border-box; } .fliege_teaser .inner_wrapper figure, .header_content .inner_wrapper figure { order: 1; margin: 0 auto; } .fliege_teaser .inner_wrapper figure::after, .header_content .inner_wrapper figure::after { left: -8vw; top: -5vh; border-radius: 2rem; } .fliege_teaser .inner_wrapper .text_wrapper, .header_content .inner_wrapper .text_wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; order: 2; padding: 0; box-sizing: border-box; margin: 4vh auto; width: 80%; } .fliege_teaser .inner_wrapper .text_wrapper .teaser, .header_content .inner_wrapper .text_wrapper .teaser { margin: 0; } .fliege_teaser.imageRight .inner_wrapper figure, .header_content.imageRight .inner_wrapper figure { order: 1; position: relative; } .fliege_teaser.imageRight .inner_wrapper figure::after, .header_content.imageRight .inner_wrapper figure::after { left: unset; right: -5vw; top: -5vh; } .fliege_teaser.imageRight .inner_wrapper .text_wrapper, .header_content.imageRight .inner_wrapper .text_wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; order: 2; padding: 0; box-sizing: border-box; margin: 4vh auto; width: 80%; } .header_content { padding: 16rem 0 10vh 0; min-height: calc(100vh - 10rem); } .header_content .inner_wrapper { padding: 0; } .fliege_textblock { /* gets backround color from content element */ } .fliege_textblock .inner_wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; padding: 4vh 0; max-width: unset; } .fliege_textblock .inner_wrapper > h3, .fliege_textblock .inner_wrapper > h4 { -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; margin: 0 0 calc(2rem + 2vh) 0; } .fliege_textblock .inner_wrapper .text_wrapper { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -webkit-box-flex: auto; -moz-box-flex: auto; -webkit-flex: auto; -ms-flex: auto; flex: auto; margin-left: 0; /* If paragraph follows headline */ } .fliege_textblock .inner_wrapper .text_wrapper h3 + p, .fliege_textblock .inner_wrapper .text_wrapper h4 + p, .fliege_textblock .inner_wrapper .text_wrapper h5 + p { margin-bottom: calc(2rem + 2vh); } .fliege_textblock .inner_wrapper .text_wrapper p { hyphens: auto; hyphens-limit-chars: auto 4; } .fliege_threeicons.bgColorWhite .inner_wrapper { width: 90%; border-radius: 2rem; padding: calc(2rem + 4vh) calc(1rem + 2vw); } .fliege_threeicons h3, .fliege_threeicons h4 { width: 100%; margin: 0 auto calc(5rem) auto; font-size: calc(1.8rem + 1vw); } .fliege_threeicons .list_wrapper { -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; padding: 0; } .fliege_threeicons .list_wrapper .info { -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; width: 80%; margin-bottom: calc(2rem + 2vh); } .fliege_threeicons .list_wrapper .info:last-child { margin-bottom: 0; } .fliege_threeicons .list_wrapper .icon { width: calc(6rem + 2vw); height: calc(6rem + 2vw); border-radius: 1rem; padding: 1rem; margin-bottom: calc(1rem + 1vh); } .fliege_threeicons .list_wrapper .icon img { width: 100%; } .fliege_infoblock .inner_wrapper { background-color: transparent; width: 100%; max-width: inherit; border-radius: 5rem; padding: calc(2rem + 2vh) calc(1rem + 2vw); } .fliege_infoblock.bgColorWhite .inner_wrapper { background-color: white; } .fliege_infoblock h3, .fliege_infoblock h4, .fliege_infoblock h5, .fliege_infoblock h6 { text-align: center; } .mod_article { box-sizing: border-box; /* If paragraph follows headline */ } .mod_article .content-text { width: 80vw; padding: 5rem; } .mod_article h5 + p { margin-left: 2vw; } } /* Images */ .orientationLandscape .image_container { line-height: 0; max-width: calc(50rem + 10vw); min-width: calc(50rem + 5vw); aspect-ratio: 4/3; } .orientationLandscape .image_container img { border-radius: 5rem; width: 100%; height: 100%; object-fit: cover; } .orientationPortait .image_container { line-height: 0; max-width: calc(50rem + 5vw); min-width: calc(40rem + 5vw); max-height: 60vh; aspect-ratio: 3/4; } .orientationPortait .image_container img { border-radius: 5rem; width: 100%; height: 100%; object-fit: cover; } @media screen and (min-width: 961px) and (max-width: 1440px) { .orientationLandscape .image_container { max-width: 40vw; } .orientationLandscape .image_container img { border-radius: 3rem; } .orientationPortait .image_container { max-width: 25vw; max-height: 60vh; } .orientationPortait .image_container img { border-radius: 3rem; } } @media screen and (min-width: 1px) and (max-width: 960px) { /* Images */ .orientationLandscape .image_container { max-width: 80vw; min-width: unset; } .orientationLandscape .image_container img { border-radius: 2rem; } .orientationPortait .image_container { max-width: 80vw; min-width: unset; max-height: unset; aspect-ratio: 3/4; } .orientationPortait .image_container img { border-radius: 2rem; } } /* If class is set in backend */ .mod_article.faq-container { background-color: white; width: 80%; max-width: 140rem; border-radius: 5rem; padding: calc(4rem + 8vh) calc(4rem + 2vw); margin: 0 auto; } /* Handorgel */ .handorgel { border: 0 none !important; } .handorgel .accordion { padding: 0 0 0 6rem; } .handorgel .accordion.open { transition: height .4s ease-in-out !important; } .ce_accordion, .content-accordion { max-width: 90rem; margin: 0 auto; border: 0 none; } .ce_accordion .toggler[id*='handorgel'], .content-accordion .toggler[id*='handorgel'] { background: transparent; } .ce_accordion .toggler[id*='handorgel'] ::before, .content-accordion .toggler[id*='handorgel'] ::before { content: ""; display: block; width: 4rem; height: 4rem; border-radius: 4rem; margin-right: 2rem; background: #A5AF92 url("../../files/layout/img/arrow-right-white.svg") no-repeat; background-size: 60% !important; background-position: center !important; transition: background 200ms ease-in-out; } .ce_accordion .toggler[id*='handorgel'] button, .content-accordion .toggler[id*='handorgel'] button { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; width: 100%; text-align: left; font-size: 2.2rem; border: 0 none; padding: 0; margin-bottom: 2rem; font-family: "Fraunces Soft SemiBold", Times, "Times New Roman", serif; color: #474541; background: transparent; } .ce_accordion .toggler[id*='handorgel'] button:hover, .ce_accordion .toggler[id*='handorgel'] button:focus, .ce_accordion .toggler[id*='handorgel'] button:active, .content-accordion .toggler[id*='handorgel'] button:hover, .content-accordion .toggler[id*='handorgel'] button:focus, .content-accordion .toggler[id*='handorgel'] button:active { cursor: pointer; color: #ff6361; } .ce_accordion .toggler[id*='handorgel']:hover, .ce_accordion .toggler[id*='handorgel']:focus, .ce_accordion .toggler[id*='handorgel']:active, .content-accordion .toggler[id*='handorgel']:hover, .content-accordion .toggler[id*='handorgel']:focus, .content-accordion .toggler[id*='handorgel']:active { cursor: pointer; color: #ff6361; } .ce_accordion .toggler[id*='handorgel']:hover ::before, .ce_accordion .toggler[id*='handorgel']:focus ::before, .ce_accordion .toggler[id*='handorgel']:active ::before, .content-accordion .toggler[id*='handorgel']:hover ::before, .content-accordion .toggler[id*='handorgel']:focus ::before, .content-accordion .toggler[id*='handorgel']:active ::before { content: ""; display: block; background: #ff6361 url("../../files/layout/img/arrow-right-white.svg") no-repeat; background-size: 60%; background-position: center; transition: background 200ms ease-in-out; } .ce_accordion .toggler[id*='handorgel'].open :before, .content-accordion .toggler[id*='handorgel'].open :before { content: ""; display: block; background: #ff6361 url("../../files/layout/img/arrow-right-white.svg") no-repeat; background-size: 60%; background-position: center; transition: background 500ms ease-in-out; } .ce_accordion .toggler[id*='handorgel'].open button, .content-accordion .toggler[id*='handorgel'].open button { color: #ff6361; } .ce_accordion .handorgel__header.open :before, .content-accordion .handorgel__header.open :before { content: ""; display: block; background: #ff6361 url("../../files/layout/img/arrow-right-white.svg") no-repeat; background-size: 60%; background-position: center; transition: background 500ms ease-in-out; } .ce_accordion .handorgel__header .handorgel__header__button, .content-accordion .handorgel__header .handorgel__header__button { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; width: 100%; text-align: left; font-size: 2.2rem; border: 0 none; padding: 0; margin-bottom: 2rem; font-family: "Fraunces Soft SemiBold", Times, "Times New Roman", serif; color: #474541; background-color: transparent !important; } .ce_accordion .handorgel__header :before, .content-accordion .handorgel__header :before { content: ""; display: block; width: 4rem; height: 4rem; border-radius: 4rem; margin-right: 2rem; background: #A5AF92 url("../../files/layout/img/arrow-right-white.svg") no-repeat; background-size: 60%; background-position: center; transition: background 500ms ease-in-out; } .ce_accordion .handorgel__header:hover .handorgel__header__button, .ce_accordion .handorgel__header:focus .handorgel__header__button, .ce_accordion .handorgel__header:active .handorgel__header__button, .ce_accordion .handorgel__header.handorgel__header--open .handorgel__header__button, .content-accordion .handorgel__header:hover .handorgel__header__button, .content-accordion .handorgel__header:focus .handorgel__header__button, .content-accordion .handorgel__header:active .handorgel__header__button, .content-accordion .handorgel__header.handorgel__header--open .handorgel__header__button { color: #ff6361; transition: background-color 200ms ease; cursor: pointer; } .ce_accordion .handorgel__header:hover :before, .ce_accordion .handorgel__header:focus :before, .ce_accordion .handorgel__header:active :before, .ce_accordion .handorgel__header.handorgel__header--open :before, .content-accordion .handorgel__header:hover :before, .content-accordion .handorgel__header:focus :before, .content-accordion .handorgel__header:active :before, .content-accordion .handorgel__header.handorgel__header--open :before { content: ""; display: block; background: #ff6361 url("../../files/layout/img/arrow-right-white.svg") no-repeat; background-size: 60%; background-position: center; transition: background 500ms ease-in-out; } .ce_accordion .handorgel__content, .ce_accordion .content-accordion, .content-accordion .handorgel__content, .content-accordion .content-accordion { border-top: 0 none !important; border-bottom: 0 none !important; border: 1px solid transparent !important; } .ce_accordion .handorgel__content__inner, .content-accordion .handorgel__content__inner { padding: 0; } .ce_accordion .handorgel__content__inner .content-text, .content-accordion .handorgel__content__inner .content-text { margin: 0; width: 100%; max-width: unset; padding: 0 0 2rem 6rem; } /* Select the following headline after an accordion element */ .ce_accordion + :is(h1, h2, h3, h4, h5, h6) { margin-top: 4rem; } /* Formular */ .ce_form { width: 50%; min-width: 60rem; margin: 0 auto; } .ce_form .formbody { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; justify-content: space-around; background-color: white; border-radius: 3rem; padding: 5rem; box-sizing: border-box; } .ce_form form .widget { margin-bottom: 2rem; } .ce_form form label { display: block; font-family: "Fraunces Soft SemiBold", Times, "Times New Roman", serif; font-size: 2rem; line-height: 1.2; margin-bottom: 1rem; } .ce_form form input, .ce_form form textarea { border: 0 none; background-color: #FFFBF8; border-radius: 1rem; padding: 2rem; width: 100%; box-sizing: border-box; } .ce_form form .widget-select select { background-color: #FFFBF8; border: 1px solid #FFFBF8; padding: 1rem; } .ce_form form button { background-color: #A5AF92; color: #FFFBF8; border: 0 none; padding: calc(1.4rem + 0.1vh) calc(1.2rem + 0.5vw); border-radius: 1rem; font-size: 1.3rem; line-height: 1; text-transform: uppercase; letter-spacing: 0.15rem; transition: background-color 400ms ease-in-out; } .ce_form form button:hover, .ce_form form button:focus, .ce_form form button:active { background-color: #ff6361; cursor: pointer; transition: background-color 400ms ease-in-out; } /* ALL MOBILE */ @media screen and (min-width: 1px) and (max-width: 960px) { /* If class is set in backend */ .mod_article.faq-container { width: 94%; border-radius: 2rem; padding: calc(2rem + 2vh) calc(1rem + 2vw); } .handorgel { border: 0 none !important; } .handorgel .accordion { padding: 0 0 0 4rem; } .handorgel .accordion.open { transition: height .4s ease-in-out !important; } .ce_accordion, .content-accordion { max-width: unset; margin: 0 auto; border: 0 none; } .ce_accordion .toggler[id*='handorgel'], .content-accordion .toggler[id*='handorgel'] { background: transparent; } .ce_accordion .toggler[id*='handorgel'] ::before, .content-accordion .toggler[id*='handorgel'] ::before { -webkit-box-flex: 0 0 auto; -moz-box-flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; content: ""; display: block; width: 3rem; height: 3rem; border-radius: 4rem; margin-right: 1rem; background: #A5AF92 url("../../files/layout/img/arrow-right-white.svg") no-repeat; background-size: auto; background-position: center !important; transition: background 200ms ease-in-out; } .ce_accordion .toggler[id*='handorgel'] button, .content-accordion .toggler[id*='handorgel'] button { font-size: 1.8rem; -webkit-box-flex: 0 0 auto; -moz-box-flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .ce_accordion .toggler[id*='handorgel']:hover ::before, .ce_accordion .toggler[id*='handorgel']:focus ::before, .ce_accordion .toggler[id*='handorgel']:active ::before, .content-accordion .toggler[id*='handorgel']:hover ::before, .content-accordion .toggler[id*='handorgel']:focus ::before, .content-accordion .toggler[id*='handorgel']:active ::before { -webkit-box-flex: 0 0 auto; -moz-box-flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; content: ""; display: block; background: #ff6361 url("../../files/layout/img/arrow-right-white.svg") no-repeat; background-size: auto; background-position: center; transition: background 200ms ease-in-out; } .ce_accordion .toggler[id*='handorgel'].open :before, .content-accordion .toggler[id*='handorgel'].open :before { -webkit-box-flex: 0 0 auto; -moz-box-flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; content: ""; display: block; background: #ff6361 url("../../files/layout/img/arrow-right-white.svg") no-repeat; background-size: auto; background-position: center; transition: background 500ms ease-in-out; } .ce_accordion .handorgel__header.open :before, .content-accordion .handorgel__header.open :before { -webkit-box-flex: 0 0 auto; -moz-box-flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; content: ""; display: block; background: #ff6361 url("../../files/layout/img/arrow-right-white.svg") no-repeat; background-size: auto; background-position: center; transition: background 500ms ease-in-out; } .ce_accordion .handorgel__header .handorgel__header__button, .content-accordion .handorgel__header .handorgel__header__button { font-size: 1.6rem; } .ce_accordion .handorgel__header :before, .content-accordion .handorgel__header :before { -webkit-box-flex: 0 0 auto; -moz-box-flex: 0 0 auto; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; content: ""; display: block; width: 3rem; height: 3rem; border-radius: 4rem; margin-right: 1rem; background: #A5AF92 url("../../files/layout/img/arrow-right-white.svg") no-repeat; background-size: auto; background-position: center; transition: background 500ms ease-in-out; } .ce_accordion .handorgel__header:hover .handorgel__header__button, .ce_accordion .handorgel__header:focus .handorgel__header__button, .ce_accordion .handorgel__header:active .handorgel__header__button, .ce_accordion .handorgel__header.handorgel__header--open .handorgel__header__button, .content-accordion .handorgel__header:hover .handorgel__header__button, .content-accordion .handorgel__header:focus .handorgel__header__button, .content-accordion .handorgel__header:active .handorgel__header__button, .content-accordion .handorgel__header.handorgel__header--open .handorgel__header__button { color: #ff6361; transition: background-color 200ms ease; cursor: pointer; } .ce_accordion .handorgel__header:hover :before, .ce_accordion .handorgel__header:focus :before, .ce_accordion .handorgel__header:active :before, .ce_accordion .handorgel__header.handorgel__header--open :before, .content-accordion .handorgel__header:hover :before, .content-accordion .handorgel__header:focus :before, .content-accordion .handorgel__header:active :before, .content-accordion .handorgel__header.handorgel__header--open :before { content: ""; display: block; background: #ff6361 url("../../files/layout/img/arrow-right-white.svg") no-repeat; background-size: auto; background-position: center; transition: background 500ms ease-in-out; } .ce_accordion .handorgel__content, .ce_accordion .content-accordion, .content-accordion .handorgel__content, .content-accordion .content-accordion { border-top: 0 none !important; border-bottom: 0 none !important; border: 1px solid transparent !important; } .ce_accordion .handorgel__content__inner, .content-accordion .handorgel__content__inner { padding: 0; } .ce_accordion .handorgel__content__inner .content-text, .content-accordion .handorgel__content__inner .content-text { margin: 0; width: 100%; max-width: unset; padding: 0 0 2rem 4rem; } } #footer { background-color: #ff6361; color: #feebd7; margin-top: 5vh; } #footer .inside { padding: calc(4rem + 5vh) 0; } #footer .content-headline { width: 40vw; text-align: center; margin: 4rem auto; font-family: "Fraunces Soft Regular", Times, "Times New Roman", serif; } #footer .wrapper-elements { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: space-evenly; -moz-justify-content: space-evenly; -ms-justify-content: space-evenly; justify-content: space-evenly; width: 100%; margin: 0 auto; padding: 0 calc(2rem + 2vw); } #footer .content-text { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 33%; max-width: 25vw; padding: 2rem calc(2rem + 1vw); } #footer .content-text h5 { margin-bottom: 1rem; font-size: calc(1.8rem + 0.5vw); } #footer .content-text figure { float: none; margin-right: 1rem; width: 7rem; } #footer .content-text figure img { width: 100%; object-fit: contain; } #footer .content-text p { margin-bottom: calc(1rem + 1vh); } #footer .content-text a, #footer .content-text a:link { color: #feebd7; text-decoration: none; font-weight: 600; } @media screen and (min-width: 961px) and (max-width: 1440px) { #footer .inside { padding: calc(4rem + 5vh) 0; } #footer .content-headline { width: 40vw; margin: 4rem auto; } #footer .wrapper-elements { padding: 0 calc(1rem + 2vw); } #footer .content-text { max-width: unset; } #footer .content-text h5 { margin-bottom: 1rem; font-size: calc(1.8rem + 0.5vw); } } @media screen and (min-width: 1px) and (max-width: 960px) { #footer .inside { padding: calc(4rem + 5vh) 0; } #footer .content-headline { width: 90%; margin: 2rem auto; } #footer .wrapper-elements { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: column wrap; -moz-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; padding: 0 calc(1rem + 2vw); } #footer .content-text { width: 100%; max-width: unset; } #footer .content-text h5 { margin-bottom: 1rem; font-size: calc(2.2rem + 1vw); } } body { background-color: #FFFBF8; } div { box-sizing: border-box; } p { margin: 0; } #wrapper { margin: 0 auto; } #main { box-sizing: border-box; } #main a, #main a:link, #main a:visited { color: #474541; } #left { margin: 0; position: fixed; left: 0; top: 50%; width: auto; z-index: 10; } body.showNavPanel { overflow: hidden; } #logo-above { position: fixed; z-index: 50; width: 100%; background: transparent; transition: background 500ms ease-in-out; } #logo-above .inside { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row nowrap; -moz-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; align-content: center; padding: 4vh 0; transition: padding 400ms ease-in-out; } #logo-above .logo { width: calc(7rem + 4vw); display: block; margin: 0 auto; transition: width 400ms ease-in-out; } #logo-above .logo svg { color: #ff6361; transition: color 1s ease-in; } #logo-above .logo figure { width: 100%; line-height: 0; } #logo-above .logo figure img { position: relative; z-index: 999; } /* Changes on scrolled site */ body.scrolled #logo-above { background-color: #FFFBF8; /* background: linear-gradient(180deg, $c-creme-light 0%, $c-creme-light 60%, transparent 100%); */ transition: background 500ms ease-in-out; } body.scrolled #logo-above .inside { padding: 2vh 0; transition: padding 400ms ease-in-out; } body.scrolled #logo-above .logo { width: calc(3rem + 4vw); transition: width 400ms ease-in-out; } /* ANIMATIONS */ #preloaderOverlay .preloader-icon { display: none; } #preloaderOverlay .logo { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: column nowrap; -moz-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; height: 100vh; width: 100vw; } #preloaderOverlay .logo img { display: block; height: 15rem; width: 20rem; object-fit: contain; } .header_content .ivp { opacity: 0; transition: opacity 600ms ease-in-out; } .header_content figure::after { opacity: 0; } .header_content figure.iivp { opacity: 1 !important; transition: opacity 600ms ease-in-out; transition-delay: 900ms; } .header_content figure.iivp::after { opacity: 1; transition: opacity 2600ms ease-in-out; transition-delay: 1400ms; } .header_content .subheadline.iivp { opacity: 1 !important; transition: opacity 600ms ease-in-out; transition-delay: 200ms; } .header_content .headline.iivp { opacity: 1 !important; transition: opacity 600ms ease-in-out; transition-delay: 500ms; } .header_content .teaser.iivp { opacity: 1 !important; transition: opacity 600ms ease-in-out; transition-delay: 800ms; } .header_content .cta_button.iivp { opacity: 1 !important; transition: opacity 600ms ease-in-out; transition-delay: 1200ms; } .fliege_teaser .ivp { opacity: 0; transition: opacity 600ms ease-in-out; } .fliege_teaser figure::after { opacity: 0; } .fliege_teaser figure.iivp { opacity: 1 !important; transition: opacity 600ms ease-in-out; transition-delay: 700ms; } .fliege_teaser figure.iivp::after { opacity: 1; transition: opacity 2000ms ease-in-out; transition-delay: 1000ms; } .fliege_teaser .subheadline.iivp { opacity: 1 !important; transition: opacity 400ms ease-in-out; transition-delay: 200ms; } .fliege_teaser .headline.iivp { opacity: 1 !important; transition: opacity 400ms ease-in-out; transition-delay: 500ms; } .fliege_teaser .teaser.iivp { opacity: 1 !important; transition: opacity 600ms ease-in-out; transition-delay: 800ms; } .fliege_teaser .cta_button.iivp { opacity: 1 !important; transition: opacity 600ms ease-in-out; transition-delay: 1000ms; } .fliege_textblock .ivp.text_wrapper { opacity: 0; transition: opacity 600ms ease-in-out; } .fliege_textblock .ivp h3, .fliege_textblock .ivp h4 { opacity: 0; transition: opacity 800ms ease-in-out; } .fliege_textblock .iivp h3, .fliege_textblock .iivp h4 { opacity: 1 !important; transition: opacity 600ms ease-in-out; transition-delay: 600ms; } .fliege_textblock .iivp.text_wrapper { opacity: 1; transition: opacity 600ms ease-in-out; transition-delay: 600ms; } /********************************************************** MOBILE *******************************************************************/ /* ALL MOBILE */ @media screen and (min-width: 1px) and (max-width: 960px) { #logo-above .inside { padding: 2vh 0; } #logo-above .logo { width: calc(7rem + 4vw); display: block; margin: 0rem auto 0 auto; } /* Changes on scrolled site */ body.scrolled #logo-above .inside { padding: 2vh 0; } body.scrolled #logo-above .logo { width: calc(6rem + 4vw); display: block; opacity: 1; transition: width 200ms ease-in; } #main { padding: 0; } /* ANIMATIONS */ .fliege_teaser .ivp { transition: opacity 600ms ease-in-out; } .fliege_teaser figure.iivp { transition: opacity 600ms ease-in-out; transition-delay: 700ms; } .fliege_teaser figure.iivp::after { transition: opacity 2600ms ease-in-out; transition-delay: 1000ms; } .fliege_teaser .subheadline.iivp { opacity: 1 !important; transition: opacity 600ms ease-in-out; transition-delay: 200ms; } .fliege_teaser .headline.iivp { opacity: 1 !important; transition: opacity 600ms ease-in-out; transition-delay: 500ms; } .fliege_teaser .teaser.iivp { opacity: 1 !important; transition: opacity 400ms ease-in-out; transition-delay: 600ms; } .fliege_teaser .cta_button.iivp { opacity: 1 !important; transition: opacity 400ms ease-in-out; transition-delay: 800ms; } .fliege_textblock .ivp.text_wrapper { opacity: 0; transition: opacity 400ms ease-in-out; } .fliege_textblock .ivp h3, .fliege_textblock .ivp h4 { opacity: 0; transition: opacity 600ms ease-in-out; } .fliege_textblock .iivp h3, .fliege_textblock .iivp h4 { opacity: 1; transition: opacity 400ms ease-in-out; transition-delay: 400ms; } .fliege_textblock .iivp.text_wrapper { opacity: 1; transition: opacity 400ms ease-in-out; transition-delay: 600ms; } } /*# sourceMappingURL=main.css.map */