.dnd-icon-remove.deleting { font-size:12px; color:#000; font-weight: 500; position: relative; top:-3px; }
.dnd-icon-remove.deleting:after { display:none!important; }
.wpcf7-drag-n-drop-file.d-none {
display:none;
opacity:0;
visibility:hidden;
position:absolute;
top:0;
} .dnd-upload-status {
display:flex;
padding:4px 0;
align-items:center;
position:relative;
} .dnd-upload-status .dnd-upload-image {
width:40px;
height:40px;
border:1px solid #a5a5a5;
text-align:center;
border-radius:100%;
position:relative;
}
.dnd-upload-status .dnd-upload-image span.file {
background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='23' viewBox='0 0 18 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.569 0.659576H0.5V23H18V6.09053L12.569 0.659576ZM12.7872 1.93075L16.7288 5.87234H12.7872V1.93075ZM1.24468 22.2553V1.40426H12.0426V6.61702H17.2553V22.2553H1.24468Z' fill='%235C5B5B'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-size: 100%;
height: 21px;
width: 16px;
display: block;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-moz-transform : translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
} .dnd-upload-status .dnd-upload-details {
padding-left:10px;
width: calc(100% - 40px);
}
.dnd-upload-status .dnd-upload-details .name {color:#016d98; padding:4px 0; padding-right:60px; display:flex; }
.dnd-upload-status .dnd-upload-details .name span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative; padding-right:10px; }
.dnd-upload-status .dnd-upload-details .name em {color:#444242;	font-weight:700; } .dnd-upload-status .dnd-upload-details .remove-file {
position:absolute;
right:0;
top:10px;
text-decoration:none;
box-shadow:none;
outline:none;
opacity:1;
}
.dnd-upload-status .dnd-upload-details .remove-file span:after {
content: '';
width:15px;
height:15px;
display: block;
background-repeat:no-repeat;
background-size:100%;
background-image: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 0C7.83499 0 0 7.83499 0 17.5C0 27.165 7.83499 35 17.5 35C27.165 35 35 27.165 35 17.5C34.9888 7.83965 27.1604 0.0112198 17.5 0ZM17.5 33.871C8.45857 33.871 1.12903 26.5414 1.12903 17.5C1.12903 8.45857 8.45857 1.12903 17.5 1.12903C26.5414 1.12903 33.871 8.45857 33.871 17.5C33.861 26.5373 26.5373 33.861 17.5 33.871Z' fill='black'/%3E%3Cpath d='M25.4834 9.51661C25.2629 9.29624 24.9056 9.29624 24.6852 9.51661L17.5 16.7018L10.3148 9.51661C10.0983 9.29236 9.74087 9.28615 9.51661 9.50271C9.29236 9.71927 9.28615 10.0767 9.50271 10.3009C9.50723 10.3057 9.51188 10.3103 9.51661 10.3148L16.7018 17.5L9.51661 24.6852C9.29236 24.9018 9.28615 25.2591 9.50278 25.4834C9.71941 25.7076 10.0768 25.7139 10.301 25.4972C10.3057 25.4927 10.3103 25.488 10.3148 25.4834L17.5 18.2982L24.6852 25.4834C24.9094 25.7 25.2668 25.6938 25.4834 25.4696C25.6947 25.2508 25.6947 24.9039 25.4834 24.6852L18.2982 17.5L25.4834 10.3148C25.7038 10.0944 25.7038 9.73705 25.4834 9.51661Z' fill='black'/%3E%3C/svg%3E%0A");
}
.dnd-upload-status.in-progress .remove-file { opacity:0.2;}
.dnd-upload-status .dnd-upload-details span.has-error { color:#f50505; } .dnd-upload-status .dnd-upload-details .dnd-progress-bar {
display: block;
border-radius: 5px;
overflow: hidden;
background: #565555;
height: 14px;
}
.dnd-upload-status .dnd-upload-details .dnd-progress-bar span {
background: #4CAF50;
display: block;
font-size: 11px;
text-align: right;
color: #fff;
height: 100%;
width:0;
line-height:14px;
}
.dnd-upload-status .dnd-upload-details .dnd-progress-bar span.complete { width:100%!important; padding-right:5px; }
.dnd-upload-counter { position:absolute; right:5px; bottom:3px; font-size:12px; } .codedropz-upload-handler {
border:2px dashed #c5c5c5;
border-radius:5px;
margin-bottom:10px;
position:relative;
}
.codedropz-upload-container {
padding:15px 20px;
}
.codedropz-upload-inner {
overflow:hidden;
width:100%; text-align:center;
text-overflow: ellipsis;
font-weight:inherit;
}
.codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn {
text-decoration:none;
box-shadow:none;
}
.codedropz-upload-inner h3 {
margin:5px 0;
font-size:30px;
line-height:32px;
word-break:break-word;
} .codedropz-dragover {
border-color:#6b6a6a;
}
.codedropz-upload-wrapper span.has-error-msg {
display:inline-block;
color:#ff0000;
padding:5px 0;
font-style:italic;
} .wpcf7-form label.error-new {
color: #900;
font-size: 11px;
float: none;
padding-left: 5px;
}
.wpcf7-form .codedropz-upload-wrapper.invalid .codedropz-upload-handler{
border-bottom-color: #900;
border-bottom-style: solid;
}  .wpcf7_hp_field {
position: absolute !important;
left: -9999px !important;
top: -9999px !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
}
@media screen and (max-width: 767px) {
.dnd-upload-status .dnd-upload-details .name em { font-weight:normal; }
.dnd-upload-status .dnd-upload-details .name { padding-right:60px; }
.codedropz-upload-inner h3 { font-size:22px; }
}.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: 0.2em 0.8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: "";
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.wpml-ls-legacy-list-horizontal{border:1px solid transparent;padding:7px;clear:both}.wpml-ls-legacy-list-horizontal>ul{padding:0;margin:0!important;list-style-type:none}.wpml-ls-legacy-list-horizontal .wpml-ls-item{padding:0;margin:0;list-style-type:none;display:inline-block}.wpml-ls-legacy-list-horizontal a{display:block;text-decoration:none;padding:5px 10px 6px;line-height:1}.wpml-ls-legacy-list-horizontal a span{vertical-align:middle}.wpml-ls-legacy-list-horizontal a span.wpml-ls-bracket{vertical-align:unset}.wpml-ls-legacy-list-horizontal .wpml-ls-flag{display:inline;vertical-align:middle}.wpml-ls-legacy-list-horizontal .wpml-ls-flag+span{margin-left:.4em}.rtl .wpml-ls-legacy-list-horizontal .wpml-ls-flag+span{margin-left:0;margin-right:.4em}.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer{margin-bottom:30px}.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer>ul{text-align:center}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{appearance:none;border-radius:0}input[type="search"]{appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}.bg-yellow {
background-color: #FFFF92 !important;
}
.bg-greylight {
background-color: #FAF9F6 !important;
}
.bg-green {
background-color: #14694D !important;
color: #ffffff;
}
.bg-green .btn-green {
background-color: #FFFF92;
color: #14694D;
background-image: url(//www.frutura.com/wp-content/themes/futura/project/img/icon-arrowup.svg);
}
@font-face {
font-family: "AlfabetSemiBoldLocale";
src: url(//www.frutura.com/wp-content/themes/futura/project/css/AlfabetSemiBoldLocale.woff2) format("woff2");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "AlfabetRegularLocale";
src: url(//www.frutura.com/wp-content/themes/futura/project/css/AlfabetRegularLocale.woff2) format("woff2");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "mencken-std";
src: url(//www.frutura.com/wp-content/themes/futura/project/css/mencken-stdLocale.woff2) format("woff2");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "mencken-std-italic";
src: url(//www.frutura.com/wp-content/themes/futura/project/css/MenckenStdItalicLocale.woff2) format("woff2");
font-weight: normal;
font-style: normal;
font-display: swap;
}
html, body {
font-family: AlfabetRegularLocale, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 14px;
line-height: 165%;
color: #14694D;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
strong, bold {
font-weight: 600;
font-family: AlfabetSemiBoldLocale, sans-serif;
}
a {
text-decoration: none;
color: #14694D;
}
.font-serif {
font-family: mencken-std, serif;
font-weight: 400;
font-style: normal;
letter-spacing: 0.065px;
}
.font-serif i {
font-family: "mencken-std-italic";
}
h2 {
font-size: 32px;
font-weight: 400;
line-height: 130%;
letter-spacing: 0.16px;
font-family: mencken-std, serif;
font-weight: 400;
font-style: normal;
letter-spacing: 0.065px;
}
h3 {
font-size: 16px;
font-weight: 600;
line-height: 145%;
margin: 0 0 5px 0;
font-family: AlfabetSemiBoldLocale, sans-serif;
font-style: normal;
letter-spacing: 0.065px;
}
h4, h5, h6, h7 {
font-size: 20px;
font-weight: 600;
line-height: 145%;
margin: 0 0 5px 0;
font-family: AlfabetSemiBoldLocale, sans-serif;
font-style: normal;
letter-spacing: 0.065px;
}
.textInput h1, .textInput h2, .box-infotext h1, .box-infotext h2 {
font-size: 32px;
font-weight: 400;
line-height: 130%;
letter-spacing: 0.16px;
font-family: mencken-std, serif;
font-weight: 400;
font-style: normal;
letter-spacing: 0.065px;
}
.textInput h3, .textInput h4, .textInput h5, .textInput h6, .textInput h7, .box-infotext h3, .box-infotext h4, .box-infotext h5, .box-infotext h6, .box-infotext h7 {
font-size: 20px;
font-weight: 600;
line-height: 145%;
margin: 0 0 5px 0;
font-family: mencken-std, serif;
font-weight: 400;
font-style: normal;
letter-spacing: 0.065px;
}
html, body {
margin: 0px;
padding: 0px 0 0px 0;
font-optical-sizing: auto;
background: #ffffff;
background-color: #ffffff;
-webkit-text-size-adjust: none;
moz-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
scroll-behavior: smooth;
scrollbar-gutter: stable;
}
.otgs-development-site-front-end {
display: none !important;
}
img {
border: 0px;
max-width: 100%;
height: auto;
display: inline-block;
}
.animateAll {
transition: all 350ms ease;
will-change: auto;
transform: translateZ(0);
backface-visibility: hidden;
}
#container {
padding: 160px 0 0 0;
}
.noTopbar #container {
padding: 120px 0 0 0;
}
.icon-arrowUp {
background-image: url(//www.frutura.com/wp-content/themes/futura/project/img/icon-arrowup.svg);
background-repeat: no-repeat;
background-position: 99.5% 2px;
padding: 0 20px 0 0;
transition: background-position 350ms ease, transform 350ms ease;
will-change: background-position, transform;
transform: translateZ(0);
}
.icon-arrowUp:hover {
background-position: 100% 0px;
}
#wrapper {
float: left;
width: 100%;
overflow: hidden;
}
main#content {
min-height: calc(100vh - 620px);
width: 100%;
float: left;
}
.content-row {
float: left;
width: 100%;
position: relative;
margin: 0 0 0 0px;
background-color: #ffffff;
}
#content .content-row {
background-color: transparent;
}
.content-row-fullscreen {
height: 100vh;
overflow: hidden;
position: relative;
}
.content-row-inner {
width: 100%;
float: left;
position: relative;
}
.content-row-inner-center {
width: 90%;
max-width: 1440px;
margin: 0 auto;
position: relative;
}
.content-row-inner-center-full {
width: 95%;
max-width: 1860px;
margin: 0 auto;
position: relative;
}
.content-row-standard-w {
width: 90%;
max-width: 1570px;
margin: 0 auto;
position: relative;
}
.content-row-standard-compact {
width: 90%;
max-width: 1110px;
margin: 0 auto;
position: relative;
}
.trans {
opacity: 0;
}
.trans-on {
opacity: 1;
transition: opacity 650ms linear, transform 650ms linear;
will-change: opacity, transform;
transform: translateZ(0);
}
.box-burgermenu {
display: none;
}
.box-infoline {
font-weight: 600;
font-family: "AlfabetSemiBoldLocale";
font-size: 13px;
line-height: 180%;
}
.box-buttons {
margin: 40px 0 0 0;
}
.box-textbuttons {
margin: 15px 0 0 0;
}
.btn {
font-size: 14px;
font-weight: 600;
font-family: "AlfabetSemiBoldLocale";
line-height: 180%;
padding: 10px 68px 8px 16px;
align-items: center;
border-radius: 0 0 16px 0;
display: inline-block;
background-color: #FFFF92;
background-image: url(//www.frutura.com/wp-content/themes/futura/project/img/icon-arrowup.svg);
background-repeat: no-repeat;
background-size: auto 13px;
background-position: 92% center;
-webkit-transition: all 350ms;
-moz-transition: all 350ms;
-o-transition: all 350ms;
transition: all 350ms;
transform: translateZ(0);
white-space: nowrap;
}
.btn:hover {
padding: 10px 88px 8px 16px;
}
.btn-green {
background-color: #14694D;
color: #ffffff;
background-image: url(//www.frutura.com/wp-content/themes/futura/project/img/icon-arrowup-withe.svg);
}
.btn-text {
font-size: 14px;
font-weight: 600;
font-family: "AlfabetSemiBoldLocale";
line-height: 180%;
padding: 0px 38px 0px 0px;
display: inline-block;
min-width: 1px;
min-height: 13px;
background-image: url(//www.frutura.com/wp-content/themes/futura/project/img/icon-arrowup.svg);
background-repeat: no-repeat;
background-size: auto 13px;
background-position: calc(100% - 10px) center;
-webkit-transition: all 350ms;
-moz-transition: all 350ms;
-o-transition: all 350ms;
transition: all 350ms;
transform: translateZ(0);
}
.btn-text:hover {
padding: 0px 47px 0px 0px;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 2.5px;
}
.windows .box-infoline, .windows .btn-text, .windows .btn {
font-weight: 400;
letter-spacing: 1.2px;
}
.content-row-spacer {
padding: 35px 0;
margin: 1px 0 0 0;
}
.textInput a {
text-decoration: underline;
}
.textInput p {
margin: 0 0 16px 0;
}
.textInput p:last-child {
margin-bottom: 0px;
}
.textInput em {
font-style: italic;
}
.lightbox {
position: fixed;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
z-index: 9999999;
background: rgba(0, 0, 0, 0.7);
}
.lightbox .box-video {
width: 80%;
position: relative;
border-radius: 0 0 32px 0;
overflow: hidden;
background: #fff;
padding: 16px;
left: 10%;
top: 50px;
}
.lightbox video {
width: 100%;
height: auto;
border-radius: 0 0 32px 0;
}
.mainHL-big {
font-family: mencken-std, serif;
font-size: 64px;
font-weight: 400;
line-height: 120%;
letter-spacing: 0.32px;
}
.standardinputs .search-form {
margin: 40px 0 0 0;
}
.standardinputs input {
width: calc(100% - 145px);
padding: 11px 16px;
display: inline-block;
float: left;
height: 48px;
color: #14694D;
border: 1px solid #14694D;
font-size: 14px;
font-family: AlfabetRegularLocale, sans-serif;
background: none;
}
.standardinputs input[type=submit] {
border: 0px;
cursor: pointer;
width: auto;
border-radius: 0 0 16px 0;
font-size: 14px;
font-weight: 600;
font-family: "AlfabetSemiBoldLocale";
line-height: 180%;
padding: 8px 68px 10px 16px;
background-color: #14694D;
color: #ffffff;
font-size: 14px;
line-height: 180%;
padding: 8px 68px 10px 16px;
align-items: center;
border-radius: 0 0 16px 0;
display: inline-block;
background-image: url(//www.frutura.com/wp-content/themes/futura/project/img/icon-arrowup.svg);
background-repeat: no-repeat;
background-size: auto 13px;
background-position: 92% center;
-webkit-transition: all 350ms;
-moz-transition: all 350ms;
-o-transition: all 350ms;
transition: all 350ms;
transform: translateZ(0);
}
.rbk-markers-container, .rbk-feedback-btn {
z-index: 100000000000000000000 !important;
}
.rbk-feedback-btn {
top: inherit !important;
bottom: 0px;
}
.rbk-feedback-list-btn {
top: inherit !important;
bottom: 80px;
}
.CybotCookiebotOffscreenIframe {
max-width: 100vw;
border: 0px;
left: 0px;
}
.content-row.content-row-404 {
padding: 0 0 80px 0;
}
.content-row-header-info {
text-align: center;
position: fixed;
width: 100%;
top: 0px;
left: 0px;
z-index: 999999;
}
.content-row-header-info .box-toprow {
text-align: center;
font-size: 13px;
padding: 9px 0 8px 0;
}
.content-row-header {
padding: 32px 0 32px 0;
position: fixed;
width: 100%;
top: 40px;
left: 0px;
z-index: 999999;
transition: top 650ms ease;
will-change: auto;
transform: translateZ(0);
backface-visibility: hidden;
}
.content-row-header .content-row-inner-center {
position: unset;
}
.content-row-header .box-headerLeft {
width: auto;
max-width: 170px;
position: relative;
float: left;
}
.content-row-header .box-headerLeft .box-logo {
position: relative;
top: 16px;
}
.content-row-header .box-headerRight {
max-width: calc(100% - 200px);
float: right;
}
.content-row-header .box-headerRight .box-mainrow {
width: auto;
float: right;
max-width: 100%;
}
.content-row-header .box-headerRight .box-mainmenu {
float: left;
width: auto;
width: auto;
}
.content-row-header .box-headerRight .box-search {
float: right;
max-width: 70px;
overflow: visible;
position: relative;
width: 23px;
height: 23px;
}
.content-row-header .box-headerRight .box-search .btn-opensearch {
position: relative;
top: 3px;
cursor: pointer;
}
.content-row-header .box-headerRight .box-search .btn-opensearch .label {
display: none;
}
.content-row-header .box-headerRight .box-search .btn-opensearch .img-searchclose {
display: none;
top: 2px;
position: relative;
left: 4px;
}
.content-row-header .box-metarow {
width: 100%;
float: left;
margin: 0 0 5px 0;
}
.content-row-header .box-metarow .box-metarow-inner {
width: auto;
float: right;
}
.content-row-header .box-metarow ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
.content-row-header .box-metarow ul li {
margin: 0 0px 0 0;
padding: 0px;
float: left;
letter-spacing: 0.4px;
font-weight: 400;
font-size: 12px;
letter-spacing: 0.4px;
}
.content-row-header .box-metarow .box-languageselector {
position: relative;
float: left;
margin: 6px 16px 0 0;
}
.content-row-header .box-metarow .box-languageselector .wpml-ls {
border: 0px;
padding: 0px;
clear: both;
}
.content-row-header .box-metarow .box-languageselector .wpml-ls .wpml-ls-item {
position: relative;
}
.content-row-header .box-metarow .box-languageselector .wpml-ls .wpml-ls-item:first-child {
margin: 0px 16px 0 0;
}
.content-row-header .box-metarow .box-languageselector .wpml-ls .wpml-ls-item:first-child:after {
content: "";
width: 0.5px;
position: absolute;
height: 12px;
background-color: #14694D;
top: 3px;
right: -7.5px;
}
.content-row-header .box-metarow .box-languageselector .wpml-ls a {
display: block;
text-decoration: none;
padding: 0px;
line-height: 100%;
}
.content-row-header .box-metarow .box-languageselector .wpml-ls .wpml-ls-current-language a {
text-decoration: none;
}
.content-row-header .box-metarow .box-languageselector .wpml-ls .wpml-ls-current-language a span {
text-decoration: underline;
text-underline-offset: 2.5px;
}
.content-row-header .box-metarow .box-metanmenu {
float: left;
position: relative;
top: -3px;
}
.content-row-header .box-metarow .box-metanmenu li {
margin: 3px 16px 0 0;
}
.content-row-header .box-metarow .box-metanmenu li:last-child {
margin-right: 0px;
}
.content-row-header .box-metarow .box-metanmenu li.current-menu-item a {
text-decoration: underline;
text-underline-offset: 2.5px;
}
.content-row-header .box-metarow .box-metanmenu a {
line-height: 100%;
}
.content-row-header .box-searchlayer {
position: absolute;
width: 100%;
opacity: 0;
z-index: -1;
bottom: -55px;
pointer-events: none;
}
.content-row-header .box-searchlayer .search-submit {
border: 0px;
background-color: transparent;
position: relative;
top: 4px;
}
.content-row-header .box-searchlayer .search-field {
background: none;
border: 0px;
font-size: 14px;
padding: 0px 0 0 5px;
height: 55px;
width: calc(100% - 50px);
font-family: AlfabetRegularLocale, sans-serif;
}
.SearchOpen .content-row-header .box-headerRight .box-search .btn-opensearch .img-search {
display: none;
}
.SearchOpen .content-row-header .box-headerRight .box-search .btn-opensearch .img-searchclose {
display: block;
}
.SearchOpen .box-searchlayer {
pointer-events: inherit;
display: block;
opacity: 1;
background: #FAF9F6;
position: absolute;
width: 100%;
bottom: -55px;
border-top: 1px solid #14694D;
padding: 0px;
z-index: 5;
transition: opacity 650ms ease, transform 650ms ease;
will-change: opacity, transform;
transform: translateZ(0);
}
.SubOpen {
overflow: hidden;
}
.SubOpen:before {
content: "";
position: fixed;
left: 0px;
top: 162px;
width: 100%;
height: 100%;
z-index: 50;
background-color: #000000;
opacity: 0.75;
}
ul.main-menu {
list-style-type: none;
margin: 0px;
padding: 0px;
}
ul.main-menu li.empty a {
opacity: 0;
pointer-events: none;
}
ul.main-menu li {
margin: 0 32px 0 0;
padding: 0px;
float: left;
font-weight: 600;
font-family: "AlfabetSemiBoldLocale";
letter-spacing: 0.4px;
}
ul.main-menu li.current-menu-item a, ul.main-menu li.current-page-ancestor a {
text-decoration: underline;
text-underline-offset: 2.5px;
}
ul.main-menu li.thisOpen a:first-of-type {
text-decoration: underline;
text-underline-offset: 2.5px;
}
ul.main-menu li.thisOpen .sub-menu {
display: block;
}
ul.main-menu li.thisOpen .sub-menu a:first-of-type {
text-decoration: none;
text-underline-offset: 2.5px;
}
ul.main-menu .sub-menu {
display: none;
position: absolute;
background-color: #ffffff;
z-index: 999999;
left: 0;
top: 86px;
min-height: 200px;
padding: 0px 0px 0px 500px;
width: 100vw;
border-left: 0px solid #fff;
border-right: 0px solid #fff;
}
ul.main-menu .sub-menu:after {
content: "";
background-color: #ffffff;
position: absolute;
height: 100%;
width: 50vw;
top: 0px;
pointer-events: none;
}
ul.main-menu .sub-menu li {
margin: 0 0px 0 0;
padding: 0px;
float: left;
font-weight: 600;
font-family: "AlfabetSemiBoldLocale";
letter-spacing: 0.4px;
width: 50%;
}
ul.main-menu .sub-menu li a {
text-decoration: none;
}
ul.main-menu .sub-menu li a:hover {
text-decoration: underline !important;
text-underline-offset: 2.5px;
}
ul.main-menu .sub-menu .sectionhl > a {
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: 0.1px;
font-family: mencken-std, serif;
background-color: #14694D;
color: #ffffff;
display: block;
width: 100%;
padding: 10px 0 10px 50px;
border-left: 1px solid #fff;
position: relative;
z-index: 5;
cursor: default;
}
ul.main-menu .sub-menu .sectionhl > a .title {
position: relative;
z-index: 2;
}
ul.main-menu .sub-menu .sectionhl > a:after {
content: "";
position: absolute;
top: 0px;
left: 100%;
background-color: #14694D;
height: 100%;
width: 50vw;
pointer-events: none;
z-index: 1;
border-left: 0px solid #fff;
}
ul.main-menu .sub-menu li:last-child .sectionhl > a {
border-left: 0px solid #fff;
border-right: 0px solid #fff !important;
}
ul.main-menu .sub-menu li:last-child .sectionhl > a:after {
border-left: 0px solid #fff !important;
border-right: 0px solid #fff !important;
}
ul.main-menu .sub-menu li:last-child .sub-menu {
border-right: 0px solid #fff !important;
}
ul.main-menu .sub-menu .sub-menu {
display: block;
position: relative;
background-color: #FAF9F6;
z-index: 999999;
left: 0px;
top: 0px;
padding: 15px 0px 0px 0;
width: 100%;
border-top: 0px solid #14694D;
border-left: 0px solid #fff;
border-right: 1px solid #14694D;
min-height: 200px;
}
ul.main-menu .sub-menu .sub-menu li {
width: 100%;
margin: 15px 0 0px 50px;
}
ul.main-menu .sub-menu .sub-menu li a:hover {
text-decoration: underline !important;
text-underline-offset: 2.5px;
}
ul.main-menu .sub-menu .boxNavCTA {
position: absolute;
left: 5%;
background: #14694D;
width: 500px;
height: 100%;
top: 0px;
padding: 50px 0 0 0;
color: #fff;
}
ul.main-menu .sub-menu .boxNavCTA:after {
content: "";
position: absolute;
background: #14694D;
height: 100%;
width: 50vw;
top: 0px;
right: 100%;
}
ul.main-menu .sub-menu .boxNavCTA a {
text-decoration: none;
margin: 20px 0 0 0;
}
ul.main-menu .sub-menu .boxNavCTA .label {
font-family: mencken-std, serif;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: 0.12px;
}
ul.main-menu .box-menuimage {
display: none;
}
ul.main-menu .boxNavCTA .box-menuimage {
display: block;
position: absolute;
top: 0px;
right: 0px;
z-index: 2;
height: 100%;
width: calc(100% + 5vw);
}
ul.main-menu .boxNavCTA .box-menuimage img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.scrolled .content-row-header {
top: 0px;
z-index: 9999999;
-webkit-box-shadow: 0px 11px 26px -16px rgba(0, 0, 0, 0.15);
box-shadow: 0px 11px 26px -16px rgba(0, 0, 0, 0.15);
}
.nosub3level ul.main-menu .sub-menu li {
margin: 0 0px 0 0;
float: left;
font-weight: 600;
font-family: "AlfabetSemiBoldLocale";
letter-spacing: 0.4px;
width: 33.33%;
border-top: 1px solid #14694D;
border-right: 1px solid #14694D;
height: 106px;
padding: 43px 0 0 0;
text-align: center;
background-color: #FAF9F6;
position: relative;
z-index: 5;
}
.nosub3level ul.main-menu .sub-menu li:nth-of-type(3n) {
border-right: 0px solid #14694D;
}
.mobileclickarea {
display: none;
}
.noTopbar .content-row-header {
top: 0;
} @media only screen and (min-width: 1024px) {
.nosub3level ul.main-menu .sub-menu.items-2 {
background-color: #FAF9F6;
}
.nosub3level ul.main-menu .sub-menu.items-2 li {
width: 50%;
border-bottom: 1px solid #14694D;
}
.nosub3level ul.main-menu .sub-menu.items-4 li {
width: 50%;
}
.nosub3level ul.main-menu .sub-menu.items-4 li:nth-of-type(3n) {
border-right: 1px solid #14694D;
}
}
.content-row-footer {
padding: 75px 0 30px 0;
min-height: 100px;
margin: -1px 0 0 0;
background-image: url(//www.frutura.com/wp-content/themes/futura/project/img/icon-blatt-withe.svg);
background-repeat: no-repeat;
background-size: auto 240px;
background-position: 0px 70px;
}
.content-row-footer a {
color: #ffffff;
}
.content-row-footer .box-footergrid {
width: calc(100% - 330px);
float: right;
}
.content-row-footer .box-footergrid .box-footer {
float: left;
width: 33%;
}
.content-row-footer .box-footergrid .box-footer .titel {
float: left;
font-size: 12px;
width: 100%;
margin: 0 0 20px 0;
font-weight: 600;
font-family: "AlfabetSemiBoldLocale";
}
.content-row-footer .box-footergrid .box-footer p {
float: left;
width: 100%;
margin: 0 0 5px 0;
}
.content-row-footer .box-footergrid .box-footer a {
text-decoration: none;
}
.content-row-footer .box-footergrid .box-footer a:hover {
text-decoration: underline;
text-underline-offset: 2.5px;
}
.content-row-footer .box-footergrid .box-footer.box-footer1 {
width: 40%;
}
.content-row-footer .box-footergrid .box-footer.box-footer1 p {
margin: 0 0 15px 0;
}
.content-row-footer .box-footergrid .box-footer.box-footer2 {
max-width: 25%;
}
.content-row-footer .box-footergrid .box-footer.box-footer3 {
max-width: 25%;
float: right;
}
.content-row-footer .box-partof {
position: absolute;
right: 50px;
top: 70px;
letter-spacing: 0.36px;
font-size: 12px;
font-weight: 600;
font-family: "AlfabetSemiBoldLocale";
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.content-row-footer .box-socialrow {
float: left;
width: 100%;
margin: 60px 0 0 0;
}
.content-row-footer .box-socialrow a:hover {
opacity: 0.9;
text-decoration: none !important;
}
.content-row-footer .box-socialrow .icon {
display: inline-block;
margin: 10px 10px 0 0;
width: 24px;
height: auto;
text-decoration: none;
border: 0px;
}
.content-row-footer .box-lastline {
width: 100%;
float: left;
border-top: 0.5px solid #ffffff;
padding: 10px 0 0 0;
margin: 30px 0 0 0;
}
.content-row-footer .box-lastline .copy {
width: auto;
float: left;
font-size: 12px;
letter-spacing: 0.36px;
}
.content-row-footer .box-lastline .credit {
width: auto;
float: right;
font-size: 12px;
letter-spacing: 0.36px;
}
.content-row-heroheader {
position: relative;
}
.content-row-heroheader .content-row-inner, .content-row-heroheader .content-row-inner-center {
position: static;
}
.content-row-heroheader .box-herolayer {
position: absolute;
z-index: 10;
max-width: 540px;
bottom: 80px;
}
.content-row-heroheader .box-herolayer .box-headline {
font-size: 64px;
font-weight: 400;
line-height: 120%;
letter-spacing: 0.32px;
}
.content-row-heroheader .box-herolayer .box-infotext {
font-size: 14px;
line-height: 165%;
margin: 4px 0 0 0;
}
.content-row-heroheader .box-herobg.wrapper-boximage {
float: left;
width: 100%;
position: relative;
background: #ffffff;
height: calc(100vh - 120px);
}
.content-row-heroheader .box-herobg.wrapper-boximage .boximage {
width: 100%;
height: 100%;
object-fit: cover;
}
.content-row-subheader .box-rowheadercontent {
display: flex;
gap: 0;
align-items: stretch;
position: relative;
min-height: 400px;
}
.content-row-subheader .box-rowheadercontent:before {
content: "";
position: absolute;
right: 100%;
height: 100%;
background-color: #14694D;
top: 0px;
width: 50vw;
}
.content-row-subheader .box-rowheadercontent .box-headertext {
flex: 0 0 59%;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.content-row-subheader .box-rowheadercontent .box-headertext .box-headline {
max-width: 550px;
}
.content-row-subheader .box-rowheadercontent .box-headertext .box-text {
margin: 0 0 40px 0;
max-width: 500px;
}
.content-row-subheader .box-rowheadercontent .box-headertext .box-text h2 {
font-size: 40px;
font-weight: 400;
line-height: 120%;
letter-spacing: 0.2px;
}
.content-row-subheader .box-rowheadercontent .box-headertext .box-text .box-infotext {
margin: 16px 0 0 0;
}
.content-row-subheader .box-rowheadercontent .box-headerimg {
flex: 0 0 41%;
overflow: hidden;
border-radius: 0 0 32px 0;
max-height: 9999px;
aspect-ratio: 3/4;
}
.content-row-subheader .box-rowheadercontent .box-headerimg img {
display: block;
width: 100%;
height: auto;
border-radius: 0 0 32px 0;
}
.content-row-subheader .box-rowheadercontent .icon-werte {
position: absolute;
top: 60px;
right: -57px;
will-change: transform;
transition: opacity 650ms ease;
}
.box-anker {
width: 100%;
background-color: #fff;
color: #14694D;
position: relative;
margin: 40px 0 0 0;
}
.box-anker:before {
content: "";
position: absolute;
right: 100%;
height: 100%;
background-color: #fff;
top: 0px;
width: 50vw;
}
.box-anker .anker-item {
width: 100%;
background-color: #fff;
color: #14694D;
position: relative;
border-bottom: 1px solid #14694D;
font-weight: 600;
font-family: "AlfabetSemiBoldLocale";
padding: 14px 0;
cursor: pointer;
}
.box-anker .anker-item:before {
content: "";
position: absolute;
right: 100%;
height: 100%;
background-color: #fff;
top: 0px;
width: 50vw;
border-bottom: 1px solid #14694D;
}
.box-anker .anker-item .icon-arrow {
display: inline-block;
position: relative;
margin: 0 10px 0 0;
top: 2px;
left: 0px;
}
.box-anker .anker-item:hover .icon-arrow {
margin: 0 10px 0 0;
left: 6px;
}
.content-row-subheader .box-rowheadercontent .box-headertext .box-headline {
margin: 0 0 32px 0;
font-size: 40px;
font-weight: 400;
line-height: 120%;
letter-spacing: 0.2px;
}
.content-row-subheader .box-rowheadercontent .box-headertext .box-infotext {
max-width: 499px;
margin-bottom: 24px;
}
.content-row-subheader .box-rowheadercontent .box-headerimg img {
width: 100%;
height: 100%;
max-width: inherit;
object-fit: cover;
}
.content-row-subheader2 .box-anker {
width: 59%;
margin: 0px 0 0 0;
}
.content-row-subheader2 .box-anker .anker-item {
border-right: 1px solid #14694D;
}
.content-row-subheader2 .box-anker .anker-item:last-child {
border-radius: 0 0 32px 0;
}
.content-row-subheaderCE.content-row-subheader2 {
z-index: 10;
}
.content-row-subheaderCE.content-row-subheader2 .box-anker {
margin: 0px 0 0 0;
position: absolute;
top: 100%;
}
.single-post .content-row-subheader .box-rowheadercontent {
max-height: 432px;
}
.content-row-subheaderCE.lowheight-1 .box-rowheadercontent {
max-height: 432px;
}
.content-row-text {
padding: 80px 0px;
background-color: #ffffff;
}
.content-row-text.autospace-0 {
padding-bottom: 0px;
}
.content-row-text .box-headline {
margin: 0 0 20px 0;
}
.content-row-text .box-infotext {
max-width: 770px;
}
.content-row-imagetext .icon-werte {
display: block;
width: 110px;
height: auto;
object-fit: none;
position: absolute;
z-index: 20;
left: 50%;
top: 80px;
margin: 0 0 0 -55px;
}
.content-row-imagetext .imagetex-set {
display: flex;
align-items: stretch;
}
.content-row-imagetext .imagetex-set .box-image {
flex: 0 0 50%;
max-width: 50%;
}
.content-row-imagetext .imagetex-set .box-image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.content-row-imagetext .imagetex-set .box-text {
flex: 0 0 50%;
max-width: 50%;
display: flex;
flex-direction: column;
justify-content: center;
padding: 4rem;
box-sizing: border-box;
position: relative;
z-index: 10;
}
.content-row-imagetext .imagetex-set .box-text .box-text-inner {
max-width: 375px;
margin: 0 0 0 10%;
}
.content-row-imagetext .imagetex-set .box-text .box-headline {
margin: 0 0 26px 0;
}
.content-row-imagetext .imagetex-set .box-text.image_switch_text-1 {
order: -1;
padding-left: 0px;
}
.content-row-imagetext .imagetex-set .box-text.image_switch_text-1 .box-text-inner {
margin-left: 0px;
}
.content-row-imagetextmasked .imagetex-set .wrapper-boximage {
position: relative;
width: 500px;
aspect-ratio: 1;
}
.content-row-imagetextmasked .imagetex-set .box-image {
flex: 0 0 50%;
max-width: 50%;
height: 477.5px;
overflow: hidden;
}
.content-row-imagetextmasked .imagetex-set .box-image .box-mask {
position: absolute;
top: 0px;
left: 0px;
z-index: 5;
}
.content-row-imagetextmasked .imagetex-set .box-image .mask {
position: absolute;
left: 0px;
top: 0px;
display: block;
z-index: 10;
width: 100%;
height: auto;
}
.content-row-imagetextmasked .imagetex-set .maskedvideo, .content-row-imagetextmasked .imagetex-set .boximage {
width: 100%;
height: 100%;
object-fit: cover;
-webkit-mask-image: url(//www.frutura.com/wp-content/themes/futura/project/img/icon-blatt2.svg);
mask-image: url(//www.frutura.com/wp-content/themes/futura/project/img/icon-blatt2.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: left;
mask-position: left;
}
.content-row-imagetextmasked.bgcolored-green .imagetex-set, .content-row-imagetextmasked.bgcolored-greylight .imagetex-set {
background-color: #14694D;
}
.content-row-imagetextmasked.bgcolored-green .imagetex-set .wrapper-boximage, .content-row-imagetextmasked.bgcolored-greylight .imagetex-set .wrapper-boximage {
padding: 20px 0 20px 20px;
}
.content-row-imagetextmasked.bgcolored-green .imagetex-set .box-text, .content-row-imagetextmasked.bgcolored-greylight .imagetex-set .box-text {
padding-left: 0px;
}
.content-row-imagetextmasked.bgcolored-green .imagetex-set .box-text.image_switch_text-1, .content-row-imagetextmasked.bgcolored-greylight .imagetex-set .box-text.image_switch_text-1 {
padding-left: 4em;
}
.content-row-imagetextmasked.bgcolored-green .imagetex-set .box-text .box-text-inner, .content-row-imagetextmasked.bgcolored-greylight .imagetex-set .box-text .box-text-inner {
margin: 0 0 0 0%;
}
.content-row-imagetextmasked.bgcolored-green.image_switch_text-1 .imagetex-set .wrapper-boximage, .content-row-imagetextmasked.bgcolored-greylight.image_switch_text-1 .imagetex-set .wrapper-boximage {
padding: 20px 0 20px 0px;
}
.content-row-imagetextmasked.bgcolored-greylight .imagetex-set {
background-color: #FAF9F6;
}
.content-row-imagetext .box-text .box-text-inner {
will-change: transform;
}
.content-row-imagetext .icon-werte {
will-change: transform;
}
.slidescrollertext .box-slidescrolltextbox {
min-height: 250px;
}
.slidescrollertext .box-slidescrolltextbox .scrolltextbox-item {
position: absolute;
top: 0px;
height: 0;
overflow: hidden;
opacity: 0;
pointer-events: none;
}
.slidescrollertext .box-slidescrolltextbox .scrolltextbox-item .box-infoline {
position: relative;
top: 0px;
opacity: 0;
}
.slidescrollertext .box-slidescrolltextbox .scrolltextbox-item .box-headline {
position: relative;
top: 30px;
opacity: 0;
}
.slidescrollertext .box-slidescrolltextbox .scrolltextbox-item .box-infotext {
position: relative;
top: 30px;
opacity: 0;
}
.slidescrollertext .box-slidescrolltextbox .scrolltextbox-item .box-buttons {
position: relative;
top: 40px;
opacity: 0;
}
.slidescrollertext .box-slidescrolltextbox .scrolltextbox-item.active {
height: auto;
opacity: 1;
pointer-events: inherit;
transform: translateY(0);
}
.slidescrollertext .box-slidescrolltextbox .scrolltextbox-item.active .box-infoline {
position: relative;
top: 0px;
opacity: 1;
transition: opacity 150ms, transform 150ms, top 150ms;
will-change: opacity, transform, top;
}
.slidescrollertext .box-slidescrolltextbox .scrolltextbox-item.active .box-headline {
position: relative;
top: 0px;
opacity: 1;
transition: opacity 250ms, transform 250ms, top 250ms;
will-change: opacity, transform, top;
}
.slidescrollertext .box-slidescrolltextbox .scrolltextbox-item.active .box-infotext {
position: relative;
top: 0px;
opacity: 1;
transition: opacity 450ms, transform 450ms, top 450ms;
will-change: opacity, transform, top;
}
.slidescrollertext .box-slidescrolltextbox .scrolltextbox-item.active .box-buttons {
position: relative;
top: 0px;
opacity: 1;
transition: opacity 550ms, transform 550ms, top 550ms;
will-change: opacity, transform, top;
}
.box-slidescrolltextbox {
min-height: 250px;
}
.box-slidescrolltextbox .box-slidescrolltextbox-inner .scrolltextbox-item {
position: absolute;
top: -9999999999px;
height: 0px;
overflow: hidden;
opacity: 0;
pointer-events: none;
}
.box-slidescrolltextbox .box-slidescrolltextbox-inner .scrolltextbox-item .box-infoline {
position: relative;
top: 0px;
opacity: 0;
}
.box-slidescrolltextbox .box-slidescrolltextbox-inner .scrolltextbox-item .box-headline {
position: relative;
top: 30px;
opacity: 0;
}
.box-slidescrolltextbox .box-slidescrolltextbox-inner .scrolltextbox-item .box-infotext {
position: relative;
top: 30px;
opacity: 0;
}
.box-slidescrolltextbox .box-slidescrolltextbox-inner .scrolltextbox-item .box-buttons {
position: relative;
top: 40px;
opacity: 0;
}
.box-slidescrolltextbox .box-slidescrolltextbox-inner .scrolltextbox-item.active {
height: auto;
opacity: 1;
pointer-events: inherit;
transform: translateY(0);
position: relative;
top: 0px;
}
.box-slidescrolltextbox .box-slidescrolltextbox-inner .scrolltextbox-item.active .box-infoline {
position: relative;
top: 0px;
opacity: 1;
transition: opacity 650ms 0ms;
will-change: opacity;
}
.box-slidescrolltextbox .box-slidescrolltextbox-inner .scrolltextbox-item.active .box-headline {
position: relative;
top: 0px;
opacity: 1;
transition: opacity 650ms 50ms;
will-change: opacity;
}
.box-slidescrolltextbox .box-slidescrolltextbox-inner .scrolltextbox-item.active .box-infotext {
position: relative;
top: 0px;
opacity: 1;
transition: opacity 650ms 300ms;
will-change: opacity;
}
.box-slidescrolltextbox .box-slidescrolltextbox-inner .scrolltextbox-item.active .box-buttons {
position: relative;
top: 0px;
opacity: 1;
transition: opacity 650ms 500ms;
will-change: opacity;
}
.box-slidescrolltextbox .box-textnavi {
position: absolute;
z-index: 10;
right: -90px;
bottom: 0px;
}
.box-slidescrolltextbox .box-textnavi .btn-textup {
cursor: pointer;
margin: 0px 0 40px 0;
}
.box-slidescrolltextbox .box-textnavi .btn-textup .icon-arrow {
position: relative;
transform: rotate(-90deg);
top: 0px;
transition: top 350ms, transform 350ms, top 350ms;
will-change: top, transform, top;
}
.box-slidescrolltextbox .box-textnavi .btn-textup:hover .icon-arrow {
top: -5px;
}
.box-slidescrolltextbox .box-textnavi .btn-textdown {
cursor: pointer;
margin: 0px 0 -40px 0;
}
.box-slidescrolltextbox .box-textnavi .btn-textdown .icon-arrow {
position: relative;
transform: rotate(90deg);
top: 0px;
transition: top 350ms, transform 350ms, top 350ms;
will-change: top, transform, top;
}
.box-slidescrolltextbox .box-textnavi .btn-textdown:hover .icon-arrow {
top: 5px;
}
.content-row-imagetextcompact .imagetex-set .box-image {
padding: 0 150px 0 0;
}
.content-row-imagetextcompact .imagetex-set .box-image .boximage {
height: auto;
}
.content-row-imagetextcompact .imagetex-set .box-text {
padding: 0rem 4rem;
}
.content-row-imagetextcompact .imagetex-set .box-text .box-text-inner {
max-width: 100%;
margin: 0 0 0 0%;
}
.content-row-imagetextcompact .imagetex-set .box-text .box-text-inner .box-headline {
margin: 0 0 32px 0;
}
.content-row-imagetextcompact.image_switch_text-1 .imagetex-set .box-image {
padding: 0 0px 0 150px;
}
.content-row-imagetextcompact.bgcolored-green .imagetex-set .box-image img, .content-row-imagetextcompact.bgcolored-greylight .imagetex-set .box-image img {
display: block;
width: calc(100% + 150px);
max-width: 9999px;
}
.content-row-imagetextcompact.bgcolored-green.image_switch_text-1 .imagetex-set .box-image, .content-row-imagetextcompact.bgcolored-greylight.image_switch_text-1 .imagetex-set .box-image {
padding: 0 0px 0 0px;
}
.content-row-imagetextcompact.bgcolored-green.image_switch_text-1 .imagetex-set .box-image img, .content-row-imagetextcompact.bgcolored-greylight.image_switch_text-1 .imagetex-set .box-image img {
width: 100%;
}
.content-row-imagetextcompact.bgcolored-green.image_switch_text-1 .imagetex-set .box-text.image_switch_text-1, .content-row-imagetextcompact.bgcolored-greylight.image_switch_text-1 .imagetex-set .box-text.image_switch_text-1 {
padding-left: 4em;
}
.content-row-imagetextslider {
margin: 0 0 -8px 0;
}
.content-row-imagetextslider .box-imagetextslider {
display: block;
white-space: nowrap;
overflow: hidden;
width: 100%;
}
.content-row-imagetextslider .box-imagetextslider .imagetextslider-item {
display: inline-block;
position: absolute;
left: 0%;
width: 0px;
height: 0px;
opacity: 0;
pointer-events: none;
}
.content-row-imagetextslider .box-imagetextslider .imagetextslider-item.active {
position: relative;
left: 0%;
width: 100%;
height: auto;
opacity: 1;
pointer-events: inherit;
transition: opacity 3550ms ease;
will-change: auto;
transform: translateZ(0);
backface-visibility: hidden;
}
.content-row-imagetextslider .box-imagetextslider .imagetextslider-item.active .trans {
opacity: 1;
}
.content-row-imagetextslider .box-imagetextslider .imagetextslider-item .imagetex-set {
white-space: normal;
}
.content-row-imagetextslider .box-imagetextslider .imagetextslider-item .imagetextslider__nav {
position: relative;
left: 0;
bottom: 0;
display: flex;
gap: 8px;
margin: 40px 0 0 0;
}
.content-row-imagetextslider .box-imagetextslider .imagetextslider-item .imagetextslider__prev,
.content-row-imagetextslider .box-imagetextslider .imagetextslider-item .imagetextslider__next {
width: 43px;
height: 36px;
border: 0;
cursor: pointer;
}
.content-row-imagetextslider .box-imagetextslider .imagetextslider-item .imagetextslider__prev {
background: #14694D;
}
.content-row-imagetextslider .box-imagetextslider .imagetextslider-item .imagetextslider__prev img {
transform: scaleX(-1) rotate(45deg);
filter: brightness(0) invert(1);
}
.content-row-imagetextslider .box-imagetextslider .imagetextslider-item .imagetextslider__next {
background: #14694D;
border-radius: 0 0 16px 0;
}
.content-row-imagetextslider .box-imagetextslider .imagetextslider-item .imagetextslider__next img {
transform: rotate(45deg);
filter: brightness(0) invert(1);
}
.content-row-imagetextslider .box-imagetextslider .imagetextslider-item .bg-green .imagetextslider__prev, .content-row-imagetextslider .box-imagetextslider .imagetextslider-item .bg-green .imagetextslider__next {
background: #FFFF92;
}
.content-row-imagetextslider .box-imagetextslider .imagetextslider-item .bg-green .imagetextslider__prev img, .content-row-imagetextslider .box-imagetextslider .imagetextslider-item .bg-green .imagetextslider__next img {
filter: inherit;
}
.content-row-zahlenfaktengrid .stats-grid {
display: flex;
border-top: 1px solid #14694D;
border-bottom: 1px solid #14694D;
}
.content-row-zahlenfaktengrid .stats-grid .stat-box {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
padding: 36px 24px;
border-right: 1px solid #14694D;
}
.content-row-zahlenfaktengrid .stats-grid .stat-box:last-child {
border-right: none;
}
.content-row-zahlenfaktengrid .stats-grid .number {
font-size: 24px;
line-height: 43.2px;
}
.content-row-zahlenfaktengrid .stats-grid .number.bigbold-1 {
font-size: 36px;
}
.content-row-markenngrid .stats-grid {
display: flex;
flex-wrap: wrap;
border-bottom: 0px solid #14694D;
}
.content-row-markenngrid .stats-grid .stat-box {
flex: 0 0 20%;
max-width: 20%;
border-bottom: 1px solid #14694D;
}
.content-row-markenngrid .stats-grid .stat-box:last-child {
border-right: 1px solid #14694D;
}
.content-row-markenngrid .stats-grid .stat-box:nth-child(5n) {
border-right: none;
}
.content-row-markenngrid .stats-grid .stat-box .box-headline {
text-align: left;
width: 90%;
margin-top: auto;
}
.content-row-markenngrid .stats-grid .stat-box .logolink {
display: block;
width: 100%;
height: 100%;
}
.content-row-cardgrid {
margin: 80px 0;
}
.content-row-cardgrid .box-headline {
margin: 0 0 40px 0;
max-width: 780px;
}
.content-row-cardgrid .cardbox-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
border: 1px solid #14694D;
border-radius: 0 0 32px 0;
overflow: hidden;
}
.content-row-cardgrid .cardbox-grid .cardbox-item {
display: flex;
flex-direction: column;
padding: 24px;
min-height: 310px;
border-right: 1px solid #14694D;
border-bottom: 1px solid #14694D;
}
.content-row-cardgrid .cardbox-grid .cardbox-item .box-icon {
margin-bottom: 24px;
}
.content-row-cardgrid .cardbox-grid .cardbox-item .box-icon .icon {
max-width: 34px;
}
.content-row-cardgrid .cardbox-grid .cardbox-item .step {
margin: 0 0 8px 0;
font-size: 40px;
font-weight: 400;
line-height: 130%;
font-family: mencken-std, serif;
font-weight: 400;
font-style: normal;
letter-spacing: 0.065px;
}
.content-row-cardgrid .cardbox-grid .cardbox-item .box-text {
margin-top: auto;
max-width: 325px;
}
.content-row-cardgrid .cardbox-grid .cardbox-item .box-buttons {
margin: 20px 0 0 0;
}
.content-row-cardgrid .cardbox-grid .cardbox-item.cardbox-item-link {
cursor: pointer;
}
.content-row-cardgrid .cardbox-grid .cardbox-item:nth-child(3n) {
border-right: 0;
}
.content-row-cardgrid .cardbox-grid .cardbox-item:nth-last-child(-n+3) {
border-bottom: 0;
}
.content-row-cardgrid .cardbox-grid .cardbox-item-empty:last-child {
background-color: #FFFF92;
background-image: url(//www.frutura.com/wp-content/themes/futura/project/img/icon-blatt2.svg);
background-repeat: no-repeat;
background-size: auto 145px;
background-position: 93% 90%;
}
.content-row-cardgrid .cardbox-grid.empty-2 .cardbox-item-empty {
background-color: #FFFF92;
}
.content-row-cardgrid .cardbox-grid.empty-2 .cardbox-item-empty:nth-last-child(2) {
border-right: 1px solid #FFFF92;
}
.content-row-linkboxgrid {
padding: 50px 0;
}
.content-row-linkboxgrid .box-headline {
margin: 0 0 40px 0;
}
.content-row-linkboxgrid .linkbox-grid {
display: flex;
gap: 24px;
}
.content-row-linkboxgrid .linkbox-grid .linkbox-item {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
text-align: left;
padding: 0;
}
.content-row-linkboxgrid .linkbox-grid .linkbox-item:last-child {
border-right: none;
}
.content-row-linkboxgrid .linkbox-grid .linkbox-item .box-image {
width: 100%;
aspect-ratio: 2/3;
overflow: hidden;
}
.content-row-linkboxgrid .linkbox-grid .linkbox-item .box-image .boximage {
width: 100%;
height: 100%;
max-width: none;
position: relative;
left: 0px;
display: block;
object-fit: cover;
-webkit-transition: all 350ms;
-moz-transition: all 350ms;
-o-transition: all 350ms;
transition: all 350ms;
transform: translateZ(0);
}
.content-row-linkboxgrid .linkbox-grid .linkbox-item .box-image a:hover .boximage {
left: -2.5%;
max-width: none;
width: 105%;
height: 105%;
}
.content-row-latestnews {
padding: 100px 0;
}
.content-row-latestnews .box-headline {
margin: 0 0 40px 0;
}
.content-row-latestnews .box-newslist {
display: grid;
grid-template-columns: 40% 60%;
border: 1px solid #14694D;
border-radius: 0 0 32px 0;
overflow: hidden;
}
.content-row-latestnews .box-newslist .news-featured {
border-right: 1px solid #14694D;
}
.content-row-latestnews .box-newslist .news-featured .box-text {
position: relative;
}
.content-row-latestnews .box-newslist .news-featured .item {
height: 100%;
position: relative;
}
.content-row-latestnews .box-newslist .news-featured .item a {
display: flex;
flex-direction: column;
height: 100%;
padding: 2rem;
text-decoration: none;
color: inherit;
}
.content-row-latestnews .box-newslist .news-featured .item a .linkarrow {
bottom: 5px;
}
.content-row-latestnews .box-newslist .news-featured .item .imagebox {
width: 100%;
aspect-ratio: 4/3;
overflow: hidden;
}
.content-row-latestnews .box-newslist .news-featured .item .imagebox img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
object-position: center;
}
.content-row-latestnews .box-newslist .news-featured .item h3 {
margin: 20px 0 0;
font-size: 16px;
font-weight: 600;
font-family: "AlfabetSemiBoldLocale";
line-height: 145%;
max-width: 360px;
}
.content-row-latestnews .box-newslist .news-standard {
display: grid;
grid-template-rows: 1fr 1fr;
}
.content-row-latestnews .box-newslist .news-standard .box-text {
position: relative;
margin-top: auto;
width: 100%;
}
.content-row-latestnews .box-newslist .news-standard .item {
position: relative;
}
.content-row-latestnews .box-newslist .news-standard .item:first-child {
border-bottom: 1px solid #14694D;
}
.content-row-latestnews .box-newslist .news-standard .item a {
display: flex;
align-items: stretch;
height: 100%;
padding: 2rem;
text-decoration: none;
color: inherit;
}
.content-row-latestnews .box-newslist .news-standard .item .imagebox {
flex: 0 0 33%;
overflow: hidden;
height: auto;
aspect-ratio: 3/2;
}
.content-row-latestnews .box-newslist .news-standard .item .imagebox img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
}
.content-row-latestnews .box-newslist .news-standard .item h3 {
flex: 1;
display: flex;
align-items: end;
margin: 0 0 0px 0;
padding-left: 20px;
max-width: 300px;
}
.content-row-latestnews .box-newslist .linkarrow {
position: absolute;
bottom: 8px;
right: 0px;
width: 15px;
height: 12px;
-webkit-transition: all 350ms;
-moz-transition: all 350ms;
-o-transition: all 350ms;
transition: all 350ms;
transform: translateZ(0);
}
.content-row-latestnews .box-newslist a:hover .linkarrow {
right: -5px;
}
.content-row-latestnews .box-newslist a:hover h3 {
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 2.5px;
}
.content-row-latestnews .box-newslist .featured-1 {
background-color: #FFFF92;
}
@media (max-width: 991px) {
.content-row-latestnews .box-newslist {
grid-template-columns: 1fr;
}
.content-row-latestnews .box-newslist .news-featured {
border-right: 0;
border-bottom: 1px solid #14694D;
}
.content-row-latestnews .box-newslist .news-standard .item {
position: relative;
}
.content-row-latestnews .box-newslist .news-standard .item a {
flex-direction: column;
}
.content-row-latestnews .box-newslist .news-standard .item .imagebox {
flex: none;
height: 250px;
}
}
.content-row-latestnews .box-newslist-first-all {
border-radius: 0 0 0px 0;
}
.content-row-latestnews .box-newslist-all {
grid-template-columns: 100%;
border: 0px;
border-left: 0px solid #14694D;
border-radius: 0 0 0px 0;
border-top: 1px solid #14694D;
}
.content-row-latestnews .box-newslist-all .news-standard {
grid-template-columns: repeat(2, 1fr);
}
.content-row-latestnews .box-newslist-all .news-standard .item {
border-bottom: 1px solid #14694D;
border-right: 1px solid #14694D;
border-left: 1px solid #14694D;
}
.content-row-latestnews .box-newslist-all .news-standard .item:nth-child(odd) {
border-left: 1px solid #14694D;
}
.content-row-latestnews .box-newslist-all .news-standard .item:nth-child(even) {
border-left: 0px solid #14694D;
}
.content-row-latestnews .box-newslist-all .news-standard .item:last-child {
border-radius: 0 0 32px 0;
}
.content-row-latestnews .box-newslist-all .news-standard .item .imagebox {
flex: 0 0 calc(40% - 2rem);
aspect-ratio: 4/3;
overflow: hidden;
height: auto;
}
.content-row-singlemedia .content-row-inner {
position: absolute;
bottom: 66px;
}
.content-row-singlemedia .box-cta {
position: absolute;
width: 226px;
padding: 16px 16px 35px 16px;
right: 0px;
z-index: 10;
border-radius: 0 0 16px 0;
font-weight: 600;
font-family: "AlfabetSemiBoldLocale";
}
.content-row-singlemedia .box-cta .linkarrow {
position: absolute;
right: 20px;
bottom: 15px;
}
.content-row-singlemedia .box-cta:hover .linkarrow {
right: 10px;
}
.content-row-singlemedia .box-image .boximage {
width: 100%;
display: block;
}
.content-row-singlemedia .video {
width: 100%;
height: auto;
display: block;
}
.content-row-mediagrid {
padding: 50px 0;
}
.content-row-mediagrid .box-headline {
margin: 0 0 20px 0;
max-width: 780px;
}
.content-row-mediagrid .mediagrid-slider-wrap {
position: relative;
width: 100%;
}
.content-row-mediagrid .box-mediagridslider {
overflow: hidden;
width: calc(100% + 15px);
margin: 0 0 0 -5px;
}
.content-row-mediagrid .box-mediagridslider .mediagrid-track {
display: flex;
transition: transform 0.45s ease;
will-change: transform;
}
.content-row-mediagrid .box-mediagridslider .mediagrid-track.no-transition {
transition: none;
}
.content-row-mediagrid .box-mediagridslider .mediagrid-item {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
box-sizing: border-box;
padding: 0 10px;
cursor: pointer;
position: relative;
}
.content-row-mediagrid .box-mediagridslider .mediagrid-item .title {
margin: 15px 0 0 0;
font-weight: 600;
font-family: "AlfabetSemiBoldLocale";
}
.content-row-mediagrid .box-mediagridslider .mediagrid-item .title .linkarrow {
margin: 0 0 0 10px;
}
.content-row-mediagrid .box-mediagridslider .mediagrid-item .title:hover .linkarrow {
margin: 0 0 0 15px;
}
.content-row-mediagrid .box-mediagridslider .mediagrid-item .box-video {
position: relative;
}
.content-row-mediagrid .box-mediagridslider .mediagrid-item .playbtn {
display: block;
position: absolute;
z-index: 10;
left: 50%;
margin: -22px 0 0 -22px;
width: 44px;
height: 44px;
top: 50%;
}
.content-row-mediagrid .box-mediagridslider .mediagrid-item .playbtn.playbtn-green {
width: 54px;
height: 54px;
margin: -27px 0 0 -27px;
}
.content-row-mediagrid .box-mediagridslider .mediagrid-item:hover .title {
text-decoration: underline;
text-decoration-thickness: auto;
text-decoration-thickness: 1px;
text-underline-offset: 2.5px;
}
.content-row-mediagrid .box-mediagridslider .mediagrid-item:hover .title .linkarrow {
margin: 0 0 0 15px;
}
.content-row-mediagrid .box-mediagridslider .box-video video {
display: block;
width: 100%;
height: auto;
}
.content-row-mediagrid .mediagrid-btn {
position: absolute;
top: -60px;
z-index: 10;
cursor: pointer;
}
.content-row-mediagrid .mediagrid-prev {
right: 50px;
}
.content-row-mediagrid .mediagrid-next {
right: 0;
}
.content-row-imagecontainergrid .imagecontainer-grid {
display: flex;
flex-wrap: wrap;
border-top: 1px solid #14694D;
border-left: 1px solid #14694D;
}
.content-row-imagecontainergrid .imagecontainer-grid .grid-item {
width: 50%;
display: flex;
align-items: flex-end;
gap: 2rem;
padding: 2rem;
border-right: 1px solid #14694D;
border-bottom: 1px solid #14694D;
box-sizing: border-box;
}
.content-row-imagecontainergrid .imagecontainer-grid .grid-item .box-image {
flex: 0 0 210px;
}
.content-row-imagecontainergrid .imagecontainer-grid .grid-item .box-image img {
width: 100%;
height: 310px;
object-fit: cover;
display: block;
}
.content-row-imagecontainergrid .imagecontainer-grid .grid-item .content {
display: flex;
flex-direction: column;
justify-content: flex-end;
flex: 1;
max-width: 370px;
}
.content-row-imagecontainergrid .imagecontainer-grid .grid-item:last-child {
border-radius: 0 0 32px 0;
}
.content-row-imagecontainergrid .imagecontainer-grid .grid-item.grid-item-header {
width: 100%;
min-height: 240px;
}
.content-row-imagecontainergrid .imagecontainer-grid .grid-item.grid-item-header .content {
max-width: inherit;
}
.content-row-imagecontainergrid.boxedheader .imagecontainer-grid .grid-item-header {
width: 50%;
min-height: inherit;
}
.content-row-imagecontainergrid.boxedheader .imagecontainer-grid .grid-item-header .content {
max-width: 480px;
}
.content-row-fixedimagetextgrid .box-grid {
width: 100%;
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(3, 1fr);
aspect-ratio: 4/3;
gap: 0;
}
.content-row-fixedimagetextgrid .box {
background: transparent;
position: relative;
}
.content-row-fixedimagetextgrid .box.box-border-leftbottom {
border-left: 1px solid #14694D;
border-bottom: 1px solid #14694D;
}
.content-row-fixedimagetextgrid .box-grid-content {
position: absolute;
width: 100%;
height: 100%;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.content-row-fixedimagetextgrid .box-grid-content .icon-blatt {
width: 145px;
position: absolute;
right: 24px;
bottom: 24px;
z-index: 4;
}
.content-row-fixedimagetextgrid .box-grid-content .icon-werte {
width: 160px;
height: auto;
}
.content-row-fixedimagetextgrid .box-grid-content .slogan {
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: 0.16px;
position: relative;
z-index: 5;
}
.content-row-fixedimagetextgrid .box-grid-content .slogan .icon-flower {
filter: brightness(0) invert(1);
}
.content-row-fixedimagetextgrid .box-grid-content .slogan .infoline {
font-family: "AlfabetSemiBoldLocale";
font-size: 12px;
font-weight: 600;
line-height: normal;
margin: 0 0 4px 0;
}
.content-row-fixedimagetextgrid .box-grid-content.bg-yellow .slogan .icon-flower, .content-row-fixedimagetextgrid .box-grid-content.bg-withe .slogan .icon-flower {
filter: inherit;
}
.content-row-fixedimagetextgrid .box-grid-content .box-image {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
}
.content-row-fixedimagetextgrid .box-grid-content .box-image .boximage {
width: 100%;
height: 100%;
object-fit: cover;
}
.content-row-fixedimagetextgrid .box--tall-left {
grid-column: 1;
grid-row: 1/span 2;
}
.content-row-fixedimagetextgrid .box--square-top {
grid-column: 2;
grid-row: 1;
}
.content-row-fixedimagetextgrid .box--square-middle {
grid-column: 2;
grid-row: 2;
}
.content-row-fixedimagetextgrid .box--wide {
grid-column: 3/span 2;
grid-row: 1;
}
.content-row-fixedimagetextgrid .box--tall-one {
grid-column: 3;
grid-row: 2/span 2;
}
.content-row-fixedimagetextgrid .box--tall-two {
grid-column: 4;
grid-row: 2/span 2;
}
.content-row-fixedimagetextgrid .box--square-bottom-left {
grid-column: 1;
grid-row: 3;
}
.content-row-fixedimagetextgrid .box--square-bottom-right {
grid-column: 2;
grid-row: 3;
}
.content-row-switchertext .box-switcherwrapper {
display: flex;
gap: 0;
}
.content-row-switchertext .box-switcherwrapper .box-switchernav {
min-height: 520px;
display: flex;
flex: 0 0 33.333%;
max-width: 33.333%;
flex-direction: column;
justify-content: center;
position: relative;
}
.content-row-switchertext .box-switcherwrapper .box-switchernav .box-headline {
margin: 0 0 30px 0;
}
.content-row-switchertext .box-switcherwrapper .box-switchernav:before {
content: "";
position: absolute;
right: 100%;
top: 0px;
height: 100%;
width: 50vw;
background-color: #FAF9F6;
}
.content-row-switchertext .box-switcherwrapper .box-switchernav .switcherbuttons-link {
border-bottom: 1px solid #14694D;
padding: 20px 0 20px 0;
width: calc(100% - 80px);
cursor: pointer;
}
.content-row-switchertext .box-switcherwrapper .box-switchernav .switcherbuttons-link.active .linklabel {
font-weight: 600;
font-family: "AlfabetSemiBoldLocale";
text-decoration: underline;
text-underline-offset: 2.5px;
text-decoration-thickness: 1px;
}
.content-row-switchertext .box-switcherwrapper .box-switchernav .switcherbuttons-link:hover .linklabel {
text-decoration: underline;
text-underline-offset: 2.5px;
text-decoration-thickness: 1px;
}
.content-row-switchertext .box-switcherwrapper .box-switchernav .switcherbuttons-link:last-child {
border-bottom: 0px solid green;
}
.content-row-switchertext .box-switcherwrapper .box-switchercontent {
min-height: 520px;
display: flex;
flex: 0 0 66.667%;
max-width: 66.667%;
flex-direction: column;
justify-content: center;
padding: 80px;
}
.content-row-switchertext .box-switcherwrapper .box-switchercontent .switchercontent-item {
opacity: 0;
position: absolute;
width: 100%;
pointer-events: none;
margin-top: -20px;
}
.content-row-switchertext .box-switcherwrapper .box-switchercontent .switchercontent-item.active {
opacity: 1;
position: relative;
margin-top: 0px;
pointer-events: inherit;
-webkit-transition: all 650ms;
-moz-transition: all 650ms;
-o-transition: all 650ms;
transition: all 650ms;
transform: translateZ(0);
}
.content-row-switchertext .box-switcherwrapper .box-switchercontent .switchercontent-item .box-buttons {
margin: 24px 0 0 0;
}
.box-breadcrumb {
margin: 0 0 auto 0;
font-size: 12px;
position: absolute;
top: 16px;
}
.box-breadcrumb span {
margin: 0 10px 0 10px;
}
.box-breadcrumb span:first-child {
margin-left: 0px;
}
.box-breadcrumb span span {
margin: 0px;
}
.box-breadcrumb a {
color: #ffffff;
font-weight: 600;
font-family: "AlfabetSemiBoldLocale";
}
.box-breadcrumb .current-item {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 200px;
display: inline-block;
position: relative;
top: 9px;
}
.content-row-zitat .content-row-inner-center {
padding: 48px;
}
.content-row-zitat .imagetex-set .box-image {
padding: 0 0px 0 0;
width: 150px;
height: 150px;
overflow: hidden;
flex: 0 0 150px;
}
.content-row-zitat .imagetex-set .box-image .boximage {
height: 100%;
}
.content-row-zitat .imagetex-set .box-text {
flex: 0 0 calc(100% - 150px);
max-width: 100%;
padding: 0px 0 0 62px;
}
.content-row-zitat .imagetex-set .box-text .box-zitat {
font-size: 18px;
line-height: 150%;
max-width: 73%;
}
.content-row-zitat .imagetex-set .box-text .box-infoline {
font-weight: 400;
font-size: 12px;
margin: 6px 0 0 0;
}
.content-row-textlist {
padding: 40px 0 0 0;
}
.content-row-textlist .box-headline {
margin: 0 0 17px 0;
}
.content-row-textlist .textlist-set {
display: flex;
align-items: stretch;
}
.content-row-textlist .textlist-set .box-text {
flex: 0 0 50%;
max-width: 600px;
display: flex;
flex-direction: column;
justify-content: start;
padding: 40px 0 0 0;
box-sizing: border-box;
}
.content-row-textlist .textlist-set .box-text .box-text-inner {
margin: 0;
}
.content-row-textlist .textlist-set .box-list {
flex: 0 0 33.333%;
max-width: 500px;
display: flex;
flex-direction: column;
justify-content: start;
padding: 40px 0 0 0;
margin: 0 0 0 auto;
box-sizing: border-box;
}
.content-row-textlist .textlist-set .box-list .box-list-section {
margin: 0 0 32px 0;
float: left;
width: 100%;
}
.content-row-textlist .textlist-set .box-list .box-list-section ul {
margin: 11px 0 0 0;
padding: 0px;
list-style-type: none;
}
.content-row-textlist .textlist-set .box-list .box-list-section li {
width: 100%;
float: left;
border: 1px solid #14694D;
padding: 10px 20px;
border-bottom: 0px;
font-weight: 600;
font-family: "AlfabetSemiBoldLocale";
}
.content-row-textlist .textlist-set .box-list .box-list-section li:last-child {
border-bottom: 1px solid #14694D;
border-radius: 0 0 32px 0;
}
.content-row-akkordeon {
padding: 80px 0 0 0;
}
.content-row-akkordeon .box-akkordeon {
float: left;
width: 100%;
margin: 50px 0 0 0;
}
.content-row-akkordeon .box-akkordeon .akkordeon-item {
width: 100%;
background-color: #fff;
color: #14694D;
position: relative;
border: 1px solid #14694D;
padding: 14px 20px;
cursor: pointer;
float: left;
border-bottom: 0px;
}
.content-row-akkordeon .box-akkordeon .akkordeon-item:last-child {
border-bottom: 1px solid #14694D;
border-radius: 0 0 32px 0;
}
.content-row-akkordeon .box-akkordeon .akkordeon-item .akkordeon-title {
cursor: pointer;
position: relative;
font-weight: 600;
font-family: "AlfabetSemiBoldLocale";
}
.content-row-akkordeon .box-akkordeon .akkordeon-item .akkordeon-title h3 {
font-family: "AlfabetSemiBoldLocale";
font-weight: 600;
font-style: normal;
font-size: 14px;
line-height: 165%;
max-width: calc(100% - 24px);
}
.content-row-akkordeon .box-akkordeon .akkordeon-item .akkordeon-title .img-toggle {
display: block;
position: absolute;
right: 0px;
top: 3px;
width: 19px;
}
.content-row-akkordeon .box-akkordeon .akkordeon-item .akkordeon-title .img-toggle-minus {
display: none;
}
.content-row-akkordeon .box-akkordeon .akkordeon-item .akkordeon-content {
position: absolute;
height: 0px;
pointer-events: none;
opacity: 0;
margin: 0px 0 0 0;
}
.content-row-akkordeon .box-akkordeon .akkordeon-item .akkordeon-content table {
width: 100%;
}
.content-row-akkordeon .box-akkordeon .akkordeon-item .akkordeon-content table td {
vertical-align: top;
width: 50%;
}
.content-row-akkordeon .box-akkordeon .akkordeon-item .akkordeon-content iframe {
width: 100%;
max-height: 250px;
}
.content-row-akkordeon .box-akkordeon .akkordeon-item .akkordeon-content .box-textmap {
display: flex;
align-items: flex-start;
width: 100%;
gap: 30px;
}
.content-row-akkordeon .box-akkordeon .akkordeon-item .akkordeon-content .box-textmap .box-maptext {
flex: 0 0 calc(40% - 12px);
}
.content-row-akkordeon .box-akkordeon .akkordeon-item .akkordeon-content .box-textmap .box-mapcode {
flex: 0 0 calc(60% - 18px);
}
.content-row-akkordeon .box-akkordeon .akkordeon-item.open .akkordeon-title {
cursor: pointer;
position: relative;
}
.content-row-akkordeon .box-akkordeon .akkordeon-item.open .akkordeon-title h3 {
font-size: 14px;
}
.content-row-akkordeon .box-akkordeon .akkordeon-item.open .akkordeon-title .img-toggle {
display: none;
top: 3px;
width: 19px;
}
.content-row-akkordeon .box-akkordeon .akkordeon-item.open .akkordeon-title .img-toggle-minus {
display: block;
}
.content-row-akkordeon .box-akkordeon .akkordeon-item.open .akkordeon-content {
position: relative;
height: auto;
pointer-events: inherit;
opacity: 1;
margin: 20px 0 0 0;
-webkit-transition: all 650ms;
-moz-transition: all 650ms;
-o-transition: all 650ms;
transition: all 650ms;
transform: translateZ(0);
}
.content-row-downloads {
padding: 80px 0 0 0;
}
.content-row-downloads .box-downloads {
float: left;
width: 100%;
margin: 50px 0 0 0;
}
.content-row-downloads .box-downloads .downloads-item {
width: 100%;
background-color: #fff;
color: #14694D;
position: relative;
border: 1px solid #14694D;
padding: 16px 20px 12px 20px;
float: left;
border-bottom: 0px;
}
.content-row-downloads .box-downloads .downloads-item:last-child {
border-bottom: 1px solid #14694D;
border-radius: 0 0 32px 0;
}
.content-row-downloads .box-downloads .downloads-item .downloads-title {
cursor: pointer;
position: relative;
font-weight: 600;
font-family: "AlfabetSemiBoldLocale";
}
.content-row-downloads .box-downloads .downloads-item .downloads-title h3 {
font-family: "AlfabetSemiBoldLocale";
font-weight: 600;
font-style: normal;
font-size: 14px;
line-height: 165%;
}
.content-row-downloads .box-downloads .downloads-item .downloads-title .metainfo {
font-size: 12px;
font-weight: 400;
margin: 0 0 0 10px;
}
.content-row-downloads .box-downloads .downloads-item .downloads-title .img-download {
position: absolute;
right: 4px;
top: 0px;
display: block;
-webkit-transition: all 350ms;
-moz-transition: all 350ms;
-o-transition: all 350ms;
transition: all 350ms;
}
.content-row-downloads .box-downloads .downloads-item a {
display: block;
}
.content-row-downloads .box-downloads .downloads-item a:hover .img-download {
top: 5px;
}
.content-row-carouselslider {
padding: 80px 0 0 0;
}
.content-row-carouselslider .carousel {
display: flex;
width: 100%;
min-width: 0;
min-height: 450px;
overflow: visible;
}
.content-row-carouselslider .carousel__fixed {
flex: 0 0 33%;
position: relative;
z-index: 20;
}
.content-row-carouselslider .carousel__fixed:before {
content: "";
position: absolute;
background-color: #ffffff;
top: 0px;
right: 100%;
width: 50vw;
height: 100%;
z-index: 10;
pointer-events: none;
}
.content-row-carouselslider .carousel__box {
height: 100%;
padding: 40px 24px;
}
.content-row-carouselslider .carousel__wrapper {
flex: 1 1 0;
min-width: 0;
overflow: visible;
position: relative;
}
.content-row-carouselslider .carousel__track {
display: flex;
height: 100%;
}
.content-row-carouselslider .carousel__item {
flex: 0 0 380px;
min-height: 450px;
background: #ffffff;
border-left: 1px solid #14694D;
border-bottom: 1px solid #14694D;
border-top: 1px solid #14694D;
padding: 24px;
flex-direction: column;
display: flex;
}
.content-row-carouselslider .carousel__item:last-child {
border-right: 1px solid #14694D;
}
.content-row-carouselslider .carousel__item .box-image {
width: 100%;
aspect-ratio: 3/2;
height: auto;
overflow: hidden;
flex-shrink: 0;
position: relative;
}
.content-row-carouselslider .carousel__item .box-image .boximage {
width: 100%;
height: 100%;
object-fit: cover;
}
.content-row-carouselslider .carousel__item .box-image .playbtn {
position: absolute;
width: 50px;
height: 50px;
z-index: 5;
left: 50%;
top: 70px;
cursor: pointer;
margin: 0 0 0 -25px;
opacity: 0.9;
}
.content-row-carouselslider .carousel__item .box-image .video {
width: 100%;
height: auto;
}
.content-row-carouselslider .carousel__item .box-content {
margin-top: auto;
}
.content-row-carouselslider .carousel__item .box-buttons {
margin: 8px 0 0 0;
}
.content-row-carouselslider .carousel__nav {
position: absolute;
left: 40px;
bottom: 40px;
display: flex;
gap: 8px;
}
.content-row-carouselslider .carousel__prev, .content-row-carouselslider .carousel__next {
width: 43px;
height: 36px;
border: 0;
cursor: pointer;
}
.content-row-carouselslider .carousel__prev {
background: #FFFF92;
}
.content-row-carouselslider .carousel__prev img {
transform: scaleX(-1) rotate(45deg);
}
.content-row-carouselslider .carousel__next {
background: #FFFF92;
border-radius: 0 0 16px 0;
}
.content-row-carouselslider .carousel__next img {
transform: rotate(45deg);
}
.content-row-carouselslider .carousel .carousel__prev:disabled,
.content-row-carouselslider .carousel .carousel__next:disabled {
opacity: 0.75;
cursor: not-allowed;
}
.content-row-carouselslider .carousel .logoview .box-image {
width: 100%;
height: 205px;
overflow: hidden;
flex-shrink: 0;
}
.content-row-carouselslider .carousel .logoview .box-image .boximage {
width: auto;
height: auto;
object-fit: inherit;
max-height: 90px;
}
.content-row-mediaslider {
margin: 0 0 100px 0;
}
.content-row-mediaslider .box-mediaslider .mediaslider-item .box-image {
width: 100%;
height: 100%;
}
.content-row-mediaslider .box-mediaslider .mediaslider-item .box-image .boximage {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
pointer-events: none;
}
.content-row-mediaslider .box-mediaslider .mediaslider-item .box-image .singlevideo {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
display: block;
}
.content-row-mediaslider .box-mediaslider .mediaslider-item .box-caption {
max-width: 650px;
margin: 5px 0 0 0;
opacity: 0;
}
.content-row-mediaslider .box-mediaslider .mediaslider-item.active .box-caption {
opacity: 1;
transition: opacity 650ms ease;
will-change: auto;
transform: translateZ(0);
backface-visibility: hidden;
}
.content-row-mediaslider .box-mediaslider {
position: relative;
overflow: visible;
}
.content-row-mediaslider .box-mediaslider:before {
content: "";
position: absolute;
right: 100%;
top: 0px;
background: #ffffff;
z-index: 1;
width: 100%;
height: calc(100% + 2px);
}
.content-row-mediaslider .box-mediaslider:after {
content: "";
position: absolute;
left: 100%;
top: 0px;
background: #ffffff;
z-index: 1;
width: 100%;
height: calc(100% + 2px);
}
.content-row-mediaslider .mediaslider-track {
display: flex;
transition: transform 0.4s ease;
}
.content-row-mediaslider .mediaslider-item {
min-width: 100%;
flex: 0 0 100%;
}
.content-row-mediaslider .slider-nav {
position: absolute;
right: 0;
bottom: -50px;
display: flex;
gap: 8px;
}
.content-row-mediaslider .slider-nav .slider-prev,
.content-row-mediaslider .slider-nav .slider-next {
width: 43px;
height: 36px;
border: 0;
cursor: pointer;
background-color: #14694D;
border: 0px;
}
.content-row-mediaslider .slider-nav .slider-prev img {
transform: scaleX(-1) rotate(45deg);
filter: brightness(0) invert(1);
}
.content-row-mediaslider .slider-nav .slider-next {
border-radius: 0 0 16px 0;
}
.content-row-mediaslider .slider-nav .slider-next img {
transform: rotate(45deg);
filter: brightness(0) invert(1);
}
input:focus,
select:focus,
textarea:focus {
outline: none;
box-shadow: none;
border-color: inherit;
}
input,
textarea,
select,
button {
border-radius: 0;
}
input[readonly],
textarea[readonly],
select[readonly],
button[readonly] {
pointer-events: none;
cursor: not-allowed;
}
.content-row-form {
padding: 80px 0 0 0;
}
.content-row-form .box-headline {
margin: 0 0 68px 0;
}
.content-row-form .bg-greylight {
padding: 120px 0;
}
.content-row-form .bg-greylight .box-infoline, .content-row-form .bg-greylight .box-headline, .content-row-form .bg-greylight .box-form {
padding: 0 80px;
}
.box-formwrapper {
float: left;
width: 100%;
}
.box-form {
width: 100%;
}
.box-form select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url(//www.frutura.com/wp-content/themes/futura/project/img/icon-select.svg) !important;
background-repeat: no-repeat !important;
background-position: calc(100% - 15px) 20px !important;
}
.box-form input::placeholder,
.box-form textarea::placeholder {
color: #14694D;
opacity: 1;
}
.box-form input::-webkit-input-placeholder,
.box-form textarea::-webkit-input-placeholder {
color: #14694D;
opacity: 1;
}
.box-form input::-moz-placeholder,
.box-form textarea::-moz-placeholder {
color: #14694D;
opacity: 1;
}
.box-form input:-ms-input-placeholder,
.box-form textarea:-ms-input-placeholder {
color: #14694D;
opacity: 1;
}
.box-form .hidden {
display: none;
}
.box-form .box-formsection {
float: left;
width: 100%;
margin: 0 0 32px 0;
}
.box-form .sectionheadline {
font-size: 14px;
font-weight: 600;
font-family: "AlfabetSemiBoldLocale";
margin: 0 0 12px 0;
}
.box-form p {
margin: 0px;
}
.box-form p br {
display: none;
}
.box-form .labeltext {
font-weight: 600;
font-family: "AlfabetSemiBoldLocale";
width: 145px;
padding: 11px 16px;
height: 48px;
display: inline-block;
float: left;
border: 1px solid #14694D;
border-right: 0px;
background: rgba(20, 105, 77, 0.02);
}
.box-form .inputfield {
width: calc(100% - 145px);
padding: 11px 16px;
display: inline-block;
float: left;
height: 48px;
color: #14694D;
border: 1px solid #14694D;
font-size: 14px;
font-family: AlfabetRegularLocale, sans-serif;
background: none;
}
.box-form .textarea.inputfield {
height: 150px;
}
.box-form .formrow {
float: left;
width: 100%;
margin: 0 0 -1px -1px;
}
.box-form .formrow.nolabel .labeltex {
display: none;
}
.box-form .formrow.nolabel .inputfield {
width: 100%;
}
.box-form .formrow .box-infotext {
width: 60%;
float: left;
}
.box-form .formrow .box-infotext a {
text-decoration: underline;
}
.box-form .formrow .box-submit {
max-width: 40%;
width: 219px;
float: right;
}
.box-form .formrow-50 {
float: left;
width: 50%;
}
.box-form .formrow-100 {
width: calc(100% - 1px);
}
.box-form .codedropz-upload-handler {
width: calc(100% - 145px);
padding: 11px 16px;
display: inline-block;
float: left;
height: 140px;
color: #14694D;
border: 1px solid #14694D;
background: rgba(20, 105, 77, 0.02);
font-size: 12px;
font-family: AlfabetRegularLocale, sans-serif;
border-radius: 0px;
width: 100%;
float: left;
margin: 0px;
}
.box-form .codedropz-upload-handler .codedropz-upload-inner {
background-image: url(//www.frutura.com/wp-content/themes/futura/project/img/icon-download.svg);
background-repeat: no-repeat;
background-position: center 0;
}
.box-form .codedropz-upload-handler .codedropz-upload-inner h3 {
margin: 30px 0 0 0;
font-size: 14px;
line-height: 16px;
word-break: break-word;
}
.box-form .codedropz-upload-handler .codedropz-upload-inner span {
display: none;
}
.box-form .btn-submit {
border: 0px;
cursor: pointer;
border-radius: 0 0 16px 0;
}
.box-form .dnd-upload-status {
display: block;
padding: 0px;
align-items: center;
position: relative;
float: left;
width: 100%;
margin: 10px 0 0 0;
}
.box-form .dnd-upload-status .dnd-upload-image {
display: none;
}
.box-form .dnd-upload-status .dnd-upload-details {
padding-left: 0;
width: 100%;
margin: 10px 0 0 0;
float: left;
}
.box-form .dnd-upload-status .dnd-upload-details .name {
color: #14694D;
padding: 0;
padding-right: 0px;
display: block;
}
.box-form .dnd-upload-status .dnd-upload-details .dnd-progress-bar {
display: block;
border-radius: 0;
overflow: hidden;
background: #14694D;
height: 4px;
margin: 5px 0 0 0;
}
.wpcf7-not-valid-tip {
float: left;
width: 100%;
pointer-events: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 0px;
padding: 0px;
border: 0px;
float: left;
width: 100%;
}
.wpcf7 form.invalid .wpcf7-response-output {
color: #dc3232;
}
.wpcf7-form.sent .box-formsection {
display: none;
}
.wpcf7-form.sent .wpcf7-response-output {
font-weight: 600;
font-family: "AlfabetSemiBoldLocale";
font-size: 16px;
}
.grecaptcha-badge {
opacity: 0;
pointer-events: none;
}
.showcaptcha .grecaptcha-badge {
opacity: 1;
pointer-events: inherit;
}
.content-row-searchresults {
margin-bottom: 70px;
}
.search-results .entry-title {
font-size: 14px;
font-weight: 600;
font-family: "AlfabetSemiBoldLocale";
}
.search-results {
margin: 40px 0 0 0;
}
.search-result {
border: 1px solid #14694D;
padding: 25px;
border-bottom: 0px;
position: relative;
}
.search-result:last-child {
border: 1px solid #14694D;
border-radius: 0 0 32px 0;
}
.search-result .search-result__title {
max-width: 730px;
margin: 0 0 10px 0;
}
.search-result .search-result__excerpt {
max-width: 750px;
}
.search-result .linkarrow {
position: absolute;
right: 25px;
bottom: 25px;
}
ul.main-menu .sub-menu li.noklick > a:hover {
text-decoration: none !important;
}
ul.main-menu .sub-menu {
min-height: 106px;
}
ul.main-menu .no3level .boxNavCTA .label, ul.main-menu .no3level .boxNavCTA .btn {
display: none;
}
ul.main-menu .no3level ul.items-8 {
padding-left: 0px;
}
ul.main-menu .no3level ul.items-8 li {
width: 25%;
}
ul.main-menu .no3level ul.items-8 li:nth-of-type(3n) {
border-right: 1px solid #14694D;
}
ul.main-menu .no3level ul.items-8 li:nth-of-type(4n) {
border-right: 0px solid #14694D;
}
ul.main-menu .no3level ul.items-5 li {
width: 20%;
}
ul.main-menu .no3level ul.items-5 li:nth-of-type(3n) {
border-right: 1px solid #14694D;
}
ul.main-menu .no3level ul.items-5 li:nth-of-type(4n) {
border-right: 1px solid #14694D;
}
ul.main-menu .no3level ul.items-5 li:nth-of-type(5n) {
border-right: 0px solid #14694D;
}
ul.main-menu .no3level ul.items-7 {
background-color: #14694D;
padding: 0px !important;
}
ul.main-menu .no3level ul.items-7 li {
width: 20%;
}
ul.main-menu .no3level ul.items-7 li:nth-of-type(3n) {
border-right: 1px solid #14694D;
}
ul.main-menu .no3level ul.items-7 li:nth-of-type(4n) {
border-right: 1px solid #14694D;
}
ul.main-menu .no3level ul.items-7 li:nth-of-type(5n) {
border-right: 0px solid #14694D;
}
ul.main-menu .no3level ul.items-9 {
background-color: #14694D;
padding: 0px !important;
}
ul.main-menu .no3level ul.items-9 li {
width: 20%;
}
ul.main-menu .no3level ul.items-9 li:nth-of-type(3n) {
border-right: 1px solid #14694D;
}
ul.main-menu .no3level ul.items-9 li:nth-of-type(4n) {
border-right: 1px solid #14694D;
}
ul.main-menu .no3level ul.items-9 li:nth-of-type(5n) {
border-right: 0px solid #14694D;
}
.navlayerBG {
display: none;
}
.SubOpen .navlayerBG {
display: block;
position: fixed;
top: 0px;
left: 0px;
z-index: 999998;
background-color: #000000;
width: 100%;
height: 100%;
opacity: 0.1;
}
.SubOpen .navlayerBG:hover {
cursor: url(//www.frutura.com/wp-content/themes/futura/project/img/icon-close.svg) 16 16, auto;
}
.portalFrame {
width: 100%;
min-height: 100vh;
border: 0px;
margin: 0px 0 32px 0;
padding: 0px;
position: relative;
opacity: 1;
}
.iframeUpdateDone .page-template-page-portal .portalFrame {
opacity: 1;
transition: opacity 650ms linear, transform 650ms linear;
will-change: opacity, transform;
transform: translateZ(0);
}
.iframeUpdateDone .page-template-page-portal footer {
opacity: 1;
transition: opacity 650ms linear, transform 650ms linear;
will-change: opacity, transform;
transform: translateZ(0);
} @media only screen and (max-width: 1023px) {
#rbkFeedbackBtn, #rbkFeedbackListBtn {
display: none !important;
}
html, body {
font-size: 15px;
}
ul.main-menu li.empty {
display: none;
}
.box-infotext br {
display: none;
}
.scrolled .content-row-header {
top: -40px;
padding: 32px 0 37px 0;
z-index: 99999999999;
}
.box-headerRight {
display: none;
}
.box-burgermenu {
display: block;
position: absolute;
right: 5%;
top: 20px;
cursor: pointer;
z-index: 999999;
}
.box-burgermenu .btn-mobilemenu-close {
display: none;
}
.box-searchlayer {
display: none;
}
.search-results {
margin: 40px 0 40px 0;
}
.mobNavOn {
overflow: hidden;
padding-bottom: env(safe-area-inset-bottom);
}
.mobNavOn body {
overflow: hidden;
padding-bottom: env(safe-area-inset-bottom);
}
.mobNavOn .content-row-header {
background: #fff;
min-height: 100vh;
height: 100%;
padding-bottom: env(safe-area-inset-bottom);
}
.mobNavOn .box-burgermenu .btn-mobilemenu {
width: 42px;
}
.mobNavOn .box-burgermenu .btn-mobilemenu-close {
display: block;
}
.mobNavOn .box-burgermenu .btn-mobilemenu-open {
display: none;
}
.mobNavOn .box-headerRight {
display: block;
}
.mobNavOn .box-searchlayer {
display: block;
}
.content-row-header-info {
z-index: 10000000003;
padding: 20px 0 0 0;
}
.content-row-header .box-headerLeft .box-logo {
top: 30px;
}
.content-row-header .box-headerLeft .box-logo img {
width: 150px;
}
.content-row-heroheader .box-herobg {
min-height: 1010px;
}
.content-row-heroheader .box-herolayer {
top: 34px;
max-width: 90%;
}
.content-row-heroheader .box-herolayer .box-infoline {
margin: 0 0 25px 0;
}
.content-row-heroheader .box-herolayer .box-infotext {
font-size: 16px;
}
.content-row-text {
padding: 40px 0px 20px 0;
}
.content-row-zahlenfaktengrid {
width: calc(100vw - 5%);
margin: -1px 0 0px 5%;
border-left: 1px solid #14694D;
border-bottom: 1px solid #14694D;
border-top: 1px solid #14694D;
overflow: hidden;
}
.content-row-zahlenfaktengrid .stats-grid {
width: auto;
border-bottom: 0px solid #14694D;
border-top: 0px solid #14694D;
display: block;
white-space: nowrap;
}
.content-row-zahlenfaktengrid .stats-grid .stat-box {
display: inline-block;
width: calc(75vw - 3%);
white-space: normal;
vertical-align: top;
}
.content-row-zahlenfaktengrid .stats-grid .stat-box .text {
height: 25px;
}
.content-row-imagetext .imagetex-set {
width: 90%;
margin: 0 0 0 5%;
display: block;
}
.content-row-imagetext .imagetex-set .box-image {
width: calc(75vw - 3%);
max-width: 100%;
min-height: 250px;
}
.content-row-imagetext .imagetex-set .box-image img {
min-height: 250px;
}
.content-row-imagetext .imagetex-set .scrolltextbox-item {
margin: 0 0 0px 0;
}
.content-row-imagetext .imagetex-set .box-text {
max-width: 100%;
width: 100%;
display: block;
padding: 40px 0 0 0;
}
.content-row-imagetext .imagetex-set .box-text .box-text-inner {
max-width: 90%;
margin: 0 0 0 5%;
}
.content-row-spacer {
padding: 5px 0;
}
.content-row-linkboxgrid .linkbox-grid {
flex-wrap: wrap;
gap: 12px;
}
.content-row-linkboxgrid .linkbox-grid .linkbox-item {
flex: 0 0 calc(50% - 6px);
}
.content-row-linkboxgrid .linkbox-grid .linkbox-item .box-image {
height: 260px;
}
.content-row-linkboxgrid .linkbox-grid .linkbox-item .box-textbuttons {
margin: 10px 0 0 0;
}
.content-row-latestnews .box-newslist {
white-space: nowrap;
display: block;
width: calc(100vw - 5%);
overflow: hidden;
border-radius: 0 0 0px 0;
border: 0px solid #14694D;
border-right: 1px solid #14694D;
}
.content-row-latestnews .box-newslist .news-featured {
width: calc(75vw - 3%);
display: inline-block;
border-bottom: 0px;
border: 1px solid #14694D;
margin-right: -4px;
}
.content-row-latestnews .box-newslist .news-featured .item {
float: left;
width: 100%;
height: 400px;
}
.content-row-latestnews .box-newslist .news-featured .item .box-text {
position: relative;
white-space: normal;
height: 210px;
}
.content-row-latestnews .box-newslist .news-featured .item .box-text h3 {
margin: 8px 0 0 0;
padding: 0px;
}
.content-row-latestnews .box-newslist .news-featured .item .imagebox {
flex: none;
width: 100%;
aspect-ratio: 4/3;
overflow: hidden;
height: auto;
}
.content-row-latestnews .box-newslist .news-standard {
width: 150%;
display: inline-block;
white-space: nowrap;
border: 1px solid #14694D;
border-right: 0px solid #14694D;
}
.content-row-latestnews .box-newslist .news-standard .item {
float: left;
width: 50%;
height: 400px;
border-right: 1px solid #14694D;
}
.content-row-latestnews .box-newslist .news-standard .item:first-child {
border-bottom: 0px solid #14694D;
}
.content-row-latestnews .box-newslist .news-standard .item:last-child {
border-right: 0px solid #14694D;
}
.content-row-latestnews .box-newslist .news-standard .item .box-text {
position: relative;
white-space: normal;
height: 210px;
}
.content-row-latestnews .box-newslist .news-standard .item .box-text h3 {
margin: 8px 0 0 0;
padding: 0px;
}
.content-row-latestnews .box-newslist .news-standard .item .imagebox {
flex: none;
width: 100%;
aspect-ratio: 4/3;
overflow: hidden;
height: auto;
}
.content-row-singlemedia .box-cta {
position: relative;
float: right;
margin: 0 0 -30px 0;
}
.content-row-singlemedia .box-image {
width: 100%;
aspect-ratio: 4/3;
height: 445px;
margin: 0 0 0px 0;
}
.content-row-singlemedia .box-image .boximage {
width: 100%;
height: 100%;
object-fit: cover;
}
.content-row-cardgrid {
margin: 0 0 0 0;
}
.content-row-cardgrid .cardbox-grid {
display: block;
border: 0px;
border-radius: 0px;
}
.content-row-cardgrid .cardbox-grid .cardbox-item {
display: grid;
min-height: 310px;
border: 1px solid #14694D;
border-bottom: 0px;
}
.content-row-cardgrid .cardbox-grid .cardbox-item:last-child {
border-bottom: 1px solid #14694D;
border-right: 1px solid #14694D;
border-radius: 0 0 32px 0;
}
.content-row-cardgrid .cardbox-grid .cardbox-item:nth-child(3n) {
border-right: 1px solid #14694D;
}
.content-row-imagetext .icon-werte {
left: inherit;
top: 20px;
margin: 0px;
right: 20px;
}
.content-row-mediagrid .mediagrid-btn {
top: 0;
}
.content-row-footer {
background-size: auto 200px;
background-position: 0px 300px;
padding: 32px 0 20px 0;
margin: 0px 0 0 0;
}
.content-row-footer .box-footergrid {
width: 100%;
float: left;
}
.content-row-footer .box-footergrid .box-footer.box-footer1 {
width: 100%;
}
.content-row-footer .box-footergrid .box-footer2 {
display: none;
}
.content-row-footer .box-footergrid .box-footer3 {
max-width: 25%;
float: right;
position: absolute;
right: 0px;
width: 30px;
top: 0px;
}
.content-row-footer .box-footergrid .box-footer3 div, .content-row-footer .box-footergrid .box-footer3 p {
display: none;
}
.content-row-footer .box-footergrid .box-footer3 .box-socialrow {
display: block;
margin: 0px;
}
.content-row-footer .box-footergrid .box-footer3 .box-socialrow .icon {
width: 100%;
margin: 10px 10px -7px 0;
}
.content-row-footer .box-partof {
right: -10%;
top: inherit;
bottom: 180px;
}
.content-row-footer .box-lastline {
margin: 250px 0 0 0;
} .content-row-header .box-searchlayer {
width: 100%;
opacity: 1;
z-index: 10;
bottom: inherit;
pointer-events: inherit;
top: 112px;
background: #FAF9F6;
border-top: 1px solid #14694D;
border-bottom: 1px solid #14694D;
height: 70px;
}
.content-row-header .box-searchlayer .search-submit {
top: 3px;
}
.content-row-header .box-searchlayer .search-field {
height: 70px;
}
.content-row-header .box-headerRight {
width: 100%;
background: #ffffff;
max-width: 100%;
margin: 117px 0 0 0;
}
.content-row-header .box-headerRight .box-search {
display: none;
}
.content-row-header .box-headerRight .box-mainrow {
width: 117%;
float: left;
max-width: 112%;
margin: 0 0 0 -6%;
height: calc(100vh - 70px);
overflow: auto;
}
.content-row-header .box-headerRight .box-metarow {
display: none;
}
.content-row-header .box-headerRight ul.main-menu li {
width: 100%;
border-bottom: 1px solid #14694D;
padding: 15px 0 15px 6%;
position: relative;
}
.content-row-header .box-headerRight ul.main-menu li .btnarrow {
position: absolute;
right: 0px;
top: 0px;
width: 51px;
height: 53px;
cursor: pointer;
background-image: url(//www.frutura.com/wp-content/themes/futura/project/img/icon-arrowup.svg);
background-repeat: no-repeat;
background-position: center;
rotate: 45deg;
pointer-events: none;
}
.content-row-header .box-headerRight .box-mainmenu {
max-width: 100%;
width: 100%;
overflow: hidden;
padding-bottom: 0px;
}
.content-row-header .box-headerRight .box-mainmenu li.thisOpen a:first-of-type {
text-decoration: none;
}
.content-row-header .box-headerRight .box-mainmenu li.thisOpen > a {
opacity: 0;
}
.content-row-header .box-headerRight .box-mainmenu li.menu-level-0 > a {
display: block;
}
.content-row-header .box-headerRight .box-mainmenu .sub-menu {
position: relative;
left: -6%;
top: 10px;
min-height: auto;
padding: 0 !important;
width: 94%;
margin: 12px 0 0 0;
}
.content-row-header .box-headerRight .box-mainmenu .sub-menu .boxNavCTA {
display: none;
}
.content-row-header .box-headerRight .box-mainmenu .sub-menu .sectionhl > a {
padding: 20px 0 20px 6%;
border-left: 0px solid #fff;
}
.content-row-header .box-headerRight .box-mainmenu .sub-menu li {
padding: 0px 0 25px 0;
background-color: #FAF9F6;
width: 100vw;
border-bottom: 0px;
}
.content-row-header .box-headerRight .box-mainmenu .sub-menu li.firstlevelmobnavlink a {
margin: 0 0 0px 8%;
padding: 24px 0 0 0;
display: block;
}
.content-row-header .box-mobilemeta {
background: #14694D;
float: left;
width: 100%;
text-align: left;
min-height: 60vh;
color: #ffffff;
padding: 80px 0 15px 6%;
font-size: 15px;
}
.content-row-header .box-mobilemeta a {
color: #ffffff;
font-size: 15px;
}
.content-row-header .box-mobilemeta .box-metarow {
display: block;
font-size: 15px;
}
.content-row-header .box-mobilemeta .box-metarow .box-metarow-inner {
width: 100%;
float: left;
position: relative;
}
.content-row-header .box-mobilemeta .box-metarow .box-metanmenu ul li {
width: 100%;
float: left;
margin: 4px 0 4px 0;
}
.content-row-header .box-mobilemeta .box-metarow .box-metanmenu .box-footer2 .titel {
display: none;
}
.content-row-header .box-mobilemeta .box-metarow .box-metanmenu .box-footer2 p {
margin: 4px 0 4px 0;
float: left;
width: 100%;
}
.content-row-header .box-mobilemeta .box-metarow .box-languageselector {
position: relative;
float: right;
margin: 0 0px 0 0;
top: 2px;
}
.content-row-header .box-mobilemeta .box-metarow .box-languageselector .wpml-ls {
margin: 0px 15px 0 0;
padding: 0px;
white-space: nowrap;
}
.content-row-header .box-mobilemeta .box-metarow .box-languageselector .wpml-ls .wpml-ls-item {
margin: 0px;
float: left;
width: auto;
}
.content-row-header .box-mobilemeta .box-metarow .box-languageselector .wpml-ls .wpml-ls-item:first-child {
margin: 0px 15px 0 0;
float: left;
}
.SubOpen .content-row-header .box-headerRight {
margin: 45px 0 0 0;
}
.SubOpen .box-searchlayer, .SubOpen .box-mobilemeta, .SubOpen .menu-level-0 {
display: none;
}
.SubOpen ul.main-menu li {
border-bottom: 0px !important;
}
.SubOpen .thisOpen {
display: block;
border-top: 1px solid #14694D;
padding-top: 20px !important;
}
.SubOpen .thisOpen .btnarrow {
left: -4px;
transform: scaleY(-1);
rotate: -228deg !important;
top: 7px !important;
}
.SubOpen .thisOpen .mobileclickarea {
display: block;
position: absolute;
width: 88vw;
height: 40px;
opacity: 0;
top: 12px;
cursor: pointer;
}
.SubOpen .thisOpen .title {
position: relative;
left: 20px;
}
.SubOpen .thisOpen .sub-menu li .title {
left: 0px;
}
.SubOpen .nosub3level ul.main-menu .sub-menu {
position: relative;
left: -6%;
top: 0;
min-height: auto;
padding: 0 !important;
width: 106%;
margin: 25px 0 0 0;
border-bottom: 1px solid #14694D;
}
.SubOpen .nosub3level ul.main-menu .sub-menu li {
margin: 0 0px 0 0;
float: left;
width: 100%;
border-top: 1px solid #14694D;
border-right: 0px;
height: auto;
padding: 25px 0 25px calc(6% + 20px) !important;
text-align: left;
}
.SubOpen .nosub3level ul.main-menu .sub-menu li:last-child {
border-bottom: 1px solid #14694D !important;
}
.SubOpen .nosub3level ul.main-menu .sub-menu li a {
display: block;
}
.SubOpen .nosub3level ul.main-menu .sub-menu li.firstlevelmobnavlink a {
margin: 0 0 0px 0%;
padding: 0px 0 0 0;
}
.content-row-subheader .box-rowheadercontent {
flex-direction: column;
}
.content-row-subheader .box-rowheadercontent:before {
display: none;
}
.content-row-subheader .box-rowheadercontent .icon-werte {
position: absolute;
top: 50%;
right: 9%;
}
.content-row-subheader .box-rowheadercontent .box-headertext {
position: relative;
padding: 0 0 0px 0;
max-width: 330px;
}
.content-row-subheader .box-rowheadercontent .box-headertext:before {
content: "";
position: absolute;
left: -6%;
height: 100%;
background-color: #14694D;
top: 0px;
width: calc(100vw + 1%);
}
.content-row-subheader .box-rowheadercontent .box-headertext .box-headline {
margin: 140px 0 22px 0;
}
.content-row-subheader .box-rowheadercontent .box-headerimg {
position: relative;
width: 75%;
min-height: 374px;
}
.content-row-subheader .box-rowheadercontent .box-headerimg img {
min-height: 374px;
}
.content-row-carouselslider .carousel__nav {
left: 6%;
bottom: 20px;
}
.content-row-carouselslider .carousel {
flex-direction: column;
}
.content-row-carouselslider .carousel__fixed {
flex: 0 0 100%;
position: relative;
padding: 0 0 40px 0;
margin: 0 0 -1px 0;
}
.content-row-carouselslider .carousel__fixed:before {
content: "";
position: absolute;
background-color: #14694D;
top: 0px;
right: 100%;
width: 50vw;
height: 100%;
z-index: 10;
pointer-events: none;
}
.content-row-carouselslider .carousel__fixed:after {
content: "";
position: absolute;
background-color: #14694D;
top: 0px;
left: 100%;
width: 50vw;
height: 100%;
z-index: 10;
pointer-events: none;
}
.content-row-carouselslider .carousel__item {
flex: 0 0 75vw;
}
.content-row-carouselslider .carousel__item .box-image {
height: 380px;
margin: 0 0 20px 0;
aspect-ratio: inherit;
}
.content-row-carouselslider .carousel__item .box-content {
margin-top: 0;
}
.content-row-carouselslider .carousel__item.videoview .box-image {
width: 70vw;
overflow: hidden;
}
.content-row-carouselslider .carousel__item.videoview .box-image .video {
width: auto;
height: 100%;
}
.content-row-carouselslider .carousel__item.videoview .box-image .playbtn {
top: 180px;
}
.content-row-carouselslider .carousel__item.logoview {
min-height: 330px;
}
.content-row-carouselslider .carousel__item.logoview .box-image {
height: 115px;
}
.content-row-latestnews-all .box-newslist {
white-space: inherit;
display: block;
border: 0px;
overflow: unset;
}
.content-row-latestnews-all .box-newslist .news-featured {
width: 100%;
display: block;
border: 0px;
}
.content-row-latestnews-all .box-newslist .news-standard {
width: 100%;
display: block;
white-space: inherit;
border: 0px;
}
.content-row-latestnews-all .box-newslist .news-standard .item {
width: 100%;
border: 0px;
}
.content-row-latestnews-all .box-newslist .news-standard .item:first-child {
border: 0px;
}
.content-row-latestnews-all .box-newslist .item {
border: 1px solid #14694D !important;
margin: 0px 0 -1px 0;
}
.lightbox {
z-index: 9999999999;
}
.lightbox .box-video {
width: 90%;
left: 5%;
top: 170px;
}
.box-anker {
width: 106%;
margin-bottom: -1px;
min-width: 100vw;
z-index: 10;
}
.box-anker .anker-item {
margin: 0 0 1px 0;
position: relative;
}
.box-anker .anker-item .icon-arrow {
position: absolute;
top: 28px;
}
.box-anker .anker-item .title {
max-width: calc(100vw - 65px);
display: inline-block;
line-height: 20px;
margin: 0px 0 0 33px;
position: relative;
top: 1px;
}
.content-row-imagecontainergrid.boxedheader .content-row-inner-center {
width: 100%;
}
.content-row-imagecontainergrid.boxedheader .imagecontainer-grid {
border-left: 0px solid #14694D;
margin-bottom: 28px;
}
.content-row-imagecontainergrid.boxedheader .imagecontainer-grid .grid-item {
width: 90%;
margin: 0 0 0 5%;
align-items: inherit;
flex-direction: column;
border-left: 1px solid #14694D !important;
}
.content-row-imagecontainergrid.boxedheader .imagecontainer-grid .grid-item .box-image {
flex: 0 0 0px;
height: 401px;
max-height: 401px;
display: block;
}
.content-row-imagecontainergrid.boxedheader .imagecontainer-grid .grid-item .box-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.content-row-imagecontainergrid.boxedheader .imagecontainer-grid .grid-item-header {
margin: 0 0 0 0%;
width: 100%;
border-left: 0px solid #14694D !important;
}
.content-row-imagecontainergrid .imagecontainer-grid {
width: 112%;
margin: 0 0 0 -6%;
}
.content-row-imagecontainergrid .imagecontainer-grid .box-imagecontainergridslider {
display: flex;
flex-wrap: nowrap;
width: 100%;
margin: 0 0 0 5%;
overflow: hidden;
border-left: 1px solid #14694D;
}
.content-row-imagecontainergrid .imagecontainer-grid .box-imagecontainergridslider .grid-item-standard {
flex: 0 0 calc(75vw - 3%);
margin: 0px 0px 0 0;
flex-direction: column;
padding: 20px 5% 20px 5%;
}
.content-row-imagecontainergrid .imagecontainer-grid .box-imagecontainergridslider .grid-item-standard .box-image {
flex: 0 0 0;
width: 100%;
}
.content-row-switchertext {
background-color: #FAF9F6;
}
.content-row-switchertext .box-switcherwrapper {
display: block;
width: 100%;
}
.content-row-switchertext .box-switcherwrapper .box-switchernav {
min-height: 1px;
display: block;
width: 100%;
max-width: 100%;
padding: 20px 0 10px 0;
}
.content-row-switchertext .box-switcherwrapper .box-switchernav .switcherbuttons-link {
width: 100%;
}
.content-row-switchertext .box-switcherwrapper .box-switchernav .box-headline {
margin: 0 0 10px 0;
}
.content-row-switchertext .box-switcherwrapper .box-switchercontent {
min-height: 1px;
display: block;
max-width: 100%;
padding: 20px 0px;
width: 100%;
}
.content-row-switchertext .box-switcherwrapper .box-switchernav::after {
content: "";
position: absolute;
left: 100%;
top: 0px;
height: 100%;
width: 50vw;
background-color: #FAF9F6;
}
.content-row-fixedimagetextgrid .box.box-border-leftbottom {
border: 1px solid #14694D;
}
.content-row-fixedimagetextgrid .box-grid {
width: 100%;
display: block;
grid-template-columns: inherit;
grid-template-rows: inherit;
aspect-ratio: inherit;
gap: inherit;
margin: 80px 0 0 0;
}
.content-row-fixedimagetextgrid .box-grid .box-grid-content {
position: relative;
width: 100%;
height: auto;
text-align: center;
display: block;
justify-content: inherit;
align-items: inherit;
padding: 0px;
min-height: 300px;
}
.content-row-fixedimagetextgrid .box-grid .box-grid-content .icon-blatt {
width: auto;
position: relative;
right: 0;
bottom: 0;
z-index: 4;
height: 120px;
top: 79px;
}
.content-row-fixedimagetextgrid .box-grid .box-grid-content .box-image {
position: relative;
left: 0px;
top: 0px;
width: 100%;
height: 300px;
}
.content-row-fixedimagetextgrid .box-grid .box-grid-content .slogan {
top: 72px;
}
h2.box-headline {
font-size: 30px;
}
.content-row-subheader2 .box-rowheadercontent .box-headertext .box-headline {
font-size: 30px;
}
.content-row-subheader2 .box-rowheadercontent .box-headerimg {
position: relative;
width: 75%;
min-height: 374px;
}
.content-row-subheader2 .box-anker {
width: 106%;
margin: 0px 0 0 0;
}
.content-row-subheader2 .box-anker .anker-item:last-child {
border-radius: 0 0 0px 0;
}
.content-row-imagetextcompact {
margin: 20px 0 20px 0px;
}
.content-row-imagetextcompact .imagetex-set .box-image {
padding: 0 0px 0 0;
min-height: 210px;
}
.content-row-imagetextcompact .imagetex-set .box-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.content-row-imagetextcompact .imagetex-set .box-text {
padding: 20px 0;
}
.content-row-imagetextcompact .imagetex-set .box-text.bg-green {
padding-top: 40px;
}
.content-row-imagetextcompact .imagetex-set .box-text.bg-greylight {
padding-top: 40px;
}
.content-row-imagetext .imagetex-set .box-text .box-text-inner {
max-width: 100%;
margin: 0 0 0 0%;
}
.content-row-zitat .imagetex-set .box-text .box-zitat {
max-width: 100%;
}
.content-row-zitat .content-row-inner-center {
padding: 20px;
}
.content-row-imagetextcompact.image_switch_text-1 .imagetex-set .box-image {
padding: 0 0px 0 0px;
}
.content-row-text .box-headline br {
display: none;
}
.content-row-mediaslider {
margin: 0px 0;
padding: 0 0 0px 0;
}
.content-row-form .bg-greylight .box-infoline, .content-row-form .bg-greylight .box-headline, .content-row-form .bg-greylight .box-form {
padding: 0 40px;
}
.content-row-form .bg-greylight {
padding: 40px 0;
}
.content-row-form .box-headline {
margin: 0 0 28px 0;
}
.box-form .formrow {
margin: 0 0 20px 0px;
}
.box-form .formrow-50 {
float: left;
width: 100%;
}
.box-form .labeltext {
width: 100%;
padding: 11px 16px;
float: left;
border: 1px solid #14694D;
border-right: 1px solid #14694D;
}
.box-form .inputfield {
width: 100%;
margin: -1px 0 0 0;
}
.box-form .formrow .box-infotext {
width: 100%;
float: left;
margin: 0 0 30px 0;
font-size: 12px;
line-height: 20px;
}
.box-form .formrow .box-submit {
max-width: 100%;
width: 219px;
float: left;
}
.content-row-imagetext .imagetex-set .box-text.bg-green {
position: relative;
}
.content-row-imagetext .imagetex-set .box-text.bg-green:before {
content: "";
position: absolute;
top: 0px;
right: 100%;
height: 100%;
pointer-events: none;
width: 100vw;
height: 100%;
background-color: #14694D;
}
.content-row-imagetext .imagetex-set .box-text.bg-green:after {
content: "";
position: absolute;
top: 0px;
left: 100%;
height: 100%;
pointer-events: none;
width: 100vw;
height: 100%;
background-color: #14694D;
}
.content-row-imagetext .imagetex-set .box-text.bg-greylight {
position: relative;
}
.content-row-imagetext .imagetex-set .box-text.bg-greylight:before {
content: "";
position: absolute;
top: 0px;
right: 100%;
height: 100%;
pointer-events: none;
width: 100vw;
height: 100%;
background-color: #FAF9F6;
}
.content-row-imagetext .imagetex-set .box-text.bg-greylight:after {
content: "";
position: absolute;
top: 0px;
left: 100%;
height: 100%;
pointer-events: none;
width: 100vw;
height: 100%;
background-color: #FAF9F6;
}
.box-infoline {
font-size: 13px;
}
.content-row-markenngrid {
margin: 20px 0 0 0;
border: 0px;
width: 100%;
}
.content-row-markenngrid .stats-grid {
width: 100%;
white-space: inherit;
}
.content-row-markenngrid .stats-grid .stat-box {
width: 100%;
max-width: 100%;
border: 0px;
padding: 0px 0px;
border-bottom: 1px solid #14694D;
}
.content-row-markenngrid .stats-grid .stat-box .box-headline {
text-align: left;
width: 100%;
margin: 60px 0 30px 5%;
}
.content-row-markenngrid .stats-grid .stat-box .box-headline br {
display: none;
}
.content-row-mediagrid .box-mediagridslider .mediagrid-item .playbtn {
margin: -20px 0 0 -25px;
}
.content-row-imagetextmasked .box-image {
display: none;
}
.content-row-imagetextmasked .imagetex-set {
width: 100%;
margin: 0 0 0 0%;
}
.box-anker .anker-item {
padding: 19px 0;
}
.content-row-subheader.lowgap {
margin-bottom: 100px;
}
.content-row-mediaslider .box-mediaslider .mediaslider-item .box-caption {
margin: 15px 0 0 0;
}
.content-row-mediaslider .slider-nav .slider-prev img {
filter: brightness(0) saturate(100%) invert(91%) sepia(77%) saturate(347%) hue-rotate(360deg) brightness(105%) contrast(104%);
}
.content-row-mediaslider .slider-nav .slider-next img {
filter: brightness(0) saturate(100%) invert(91%) sepia(77%) saturate(347%) hue-rotate(360deg) brightness(105%) contrast(104%);
}
.content-row-latestnews-all .box-newslist {
width: 100%;
}
.content-row-form .content-row-inner-center {
width: 100%;
}
.content-row-form .content-row-inner-center .box-form, .content-row-form .content-row-inner-center .box-headline, .content-row-form .content-row-inner-center .box-infoline {
padding: 0 5%;
}
.content-row-form .content-row-inner-center .box-form .box-formsection {
margin: 0 0 5px 0;
}
.akkordeon-content table {
width: 100%;
}
.akkordeon-content table tr {
display: block;
}
.akkordeon-content table tr td {
display: block;
width: 100% !important;
box-sizing: border-box;
margin: 0 0 20px 0;
}
.content-row-subheader2 .icon-werte {
display: none;
}
.content-row-subheader2 .box-rowheadercontent .box-headertext .box-headline {
margin: 140px 0 22px 0;
hyphens: auto;
overflow-wrap: break-word;
}
.content-row-textlist .textlist-set {
flex-direction: column;
}
.content-row-textlist .textlist-set .box-text {
order: 2;
}
.content-row-textlist .textlist-set .box-list {
order: 1;
}
.content-row-linkboxgrid .linkbox-grid .linkbox-item {
min-width: 0;
justify-content: start;
}
.content-row-linkboxgrid .linkbox-grid .linkbox-item .btn-text {
line-height: 20px;
}
.content-row-cardgrid .cardbox-grid.empty-2 .cardbox-item-empty:nth-last-child(2) {
display: none;
}
.nobreak {
white-space: nowrap;
}
.content-row-mediagrid .box-mediagridslider .mediagrid-item {
flex: 0 0 75%;
max-width: 75%;
}
#content .content-row {
padding-top: 0px;
padding-bottom: 0px;
margin-bottom: 40px;
}
#content .content-row .box-text.bg-green, #content .content-row .bg-greylight {
padding-bottom: 40px;
}
#content .content-row:last-child {
margin-bottom: 0px;
}
#content .content-row.content-row-last {
padding-bottom: 40px;
}
#content .content-row-mediaslider {
margin-bottom: 160px;
margin-top: -1px;
}
#content .content-row-mediaslider .slider-nav {
bottom: -50px;
left: 0px;
}
#content .content-row-mediaslider .box-mediaslider .mediaslider-item .box-caption {
margin: 0;
position: relative;
top: 10px;
}
#content .content-row-latestnews {
margin-top: 40px;
}
#content .content-row-spacer, #content .content-row-zahlenfaktengrid, #content .content-row-anker {
margin-bottom: 0px;
}
#content .content-row-singlemedia-ctabtn {
padding-bottom: 80px;
}
#content .content-row-singlemedia-ctabtn .box-cta {
margin: 0 0 -36px 0;
}
.content-row-switchertext .box-switcherwrapper .box-switchernav {
padding-top: 40px;
}
.content-row-imagetextcompact.bgcolored-greylight.image_switch_text-1 .imagetex-set .box-text.image_switch_text-1 {
padding-left: 0;
}
.content-row-zitat .imagetex-set .box-image {
width: 265px;
height: 265px;
}
.content-row-zitat .imagetex-set .box-image .boximage {
height: 100%;
}
.content-row-imagetextcompact .imagetex-set {
width: 100%;
margin: 0 0 0 0;
}
.content-row-imagetextcompact .imagetex-set .box-image img {
display: block;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
.box-breadcrumb {
white-space: nowrap;
}
.btn-text {
max-width: 100%;
background-position: 101% 4px;
padding-right: 20px;
hyphens: auto;
}
.single-post .content-row-subheader .box-rowheadercontent {
max-height: inherit;
}
.content-row-imagetextslider .imagetex-set .box-image {
width: 112%;
max-width: inherit;
margin: 0 0 0 -6%;
}
.content-row-subheaderCE.content-row-subheader2 .box-anker {
position: relative;
}
}