/* Base file - global �ber Update verteilt. Partnerspezifische �berschreibungen in mcrcpausgabe_bs5.css */ :root { --bs-body-color: #212529; --color-white: #ffffff; --color-black: #000000; --color-default: #4a4a49; /* main text color */ --color-lightgray: #f0f0f0; /* light bg color white/alternatecolor */ /* !important == --color-color1 */ --color-darkgray: #999; /* light bg color white/alternatecolor */ --color-highlight: #999999; /* highlight color */ --color-highlight2: #aaaaaa; /* highlight alternate color */ --color-magezinetext: #8d8b8b; /* special bs color for magazine imageblock_b */ --color-overlaybox: rgba(240, 240, 240, 0.85); /* F0F0F0 colored overlay box i.e. home product boxes */ --color-overlaytext: #4a4a49; --color-color1: #f0f0f0; --color-color2: #ffffff; --color-color3: #ffffff; --color-placeholder: #ccc; --bs-body-font-size: 16px; /*default*/ --size-main: 19px; --size-default: 19px; --size-sliderh1: 65px; --size-h0: 100px; --size-h1: 65px; --size-h2: 50px; --size-h3: 38px; --size-h4: 28px; --size-h5: 23px; --size-h6: 23px; --size-h7: 19px; --size-button: 19px; --size-magezinetext: 22px; /* teaser */ --size-small: 14px; --size-medium: 20px; --size-big: 24px; --size-slider-mb-rem: 1.5rem; --size-h1-height-multiplier: 1.5; --bs-body-line-height: 160%; /*default*/ --line-normal: 140%; --line-main: 140%; --line-default: 140%; --line-sliderh1: 110px; --line-h0: 110%; --line-h1: 150%; --line-h2: 130%; --line-h3: 130%; --line-h4: 120%; --line-h5: 120%; --line-h6: 120%; --line-h7: 135%; --line-magezinetext: 1.4; /* teaser */ --line-small: 120%; --line-medium: 160%; --line-big: 160%; --line-sliderh1: 155%; --bs-body-font-family: 'Roboto Condensed'; --font-main: 'Roboto Condensed'; --font-default: 'Roboto Condensed'; --font-bold: 'Roboto Condensed'; --font-h0: 'Roboto Condensed'; --font-h1: 'Roboto Condensed'; --font-h2: 'Roboto Condensed'; --font-h3: 'Roboto Condensed'; --font-h4: 'Roboto Condensed'; --font-h5: 'Roboto Condensed'; --font-h6: 'Roboto Condensed'; --font-h7: 'Roboto Condensed'; --font-sliderh1: 'Roboto Condensed'; --bs-body-font-weight: normal; --style-main: normal; --style-default: normal; --style-h0: normal; --style-h1: italic; --style-h2: italic; --style-h3: italic; --style-h4: normal; --style-h5: normal; --style-h6: normal; --style-h7: normal; --weight-normal: normal; --weight-main: normal; --weight-default: normal; --weight-h0: bold; --weight-h1: 600; --weight-h2: 600; --weight-h3: 600; --weight-h4: 500; --weight-h5: 400; --weight-h6: 500; --weight-h7: normal; --weight-medium: 600; --weight-bold: 700; --weight-btn-bold: 700; --letter-spacing-button: 1px; --bs-body-font-family: 'Roboto Condensed'; --bs-body-font-size: 19px; --bs-body-font-weight: 300; --bs-body-line-height: 136.84211%; --bs-body-color: #4a4a49; --smallbox-headline-scalefactor: 0.45; /* headline h1 size scalefactor */ --smallbox-headline-scalefactor-line: 1.8; /* headline h1 size scalefactor 0.75 */ --size-sliderh1-height-multiplier: 1.6; /* 1.375 */ /* für modul mod_headerblock -- start */ --size-headerblock: 56px; --line-headerblock: 140%; --weight-headerblock: normal; --size-headerblock-subul: 24px; --line-headerblock-subul: 200%; --weight-headerblock-subul: normal; --header-height: 100px; --header-height-sticky: 70px; --header-height-negative: -100px; --header-height-sticky-negative: -70px; --header-mobile-height: 70px; --header-mobile-height-negative: -70px; --header-mobile-logo-padding: 10px; --header-mobile-width: 200px; --header-height-spacer: 100px; --header-mobile-height-spacer: 0px; --header-nav-line-height: 76px; --header-nav-font-size: 56px; --color-headerblock-bg: #fff; /* nav bg color */ --color-headerblock-hover-bg: #333; /* bav leftbar hover color */ --color-headerblock-hover-text: #fff; /* bav leftbar hover color */ --headerblock-topbar-content-max-width: 1700px; --headerblock-topbar-content-max-width: 1700px; --headerblock-logocontainer-max-width: 220px; --headerblock-logocontainer-max-height: 25px; --headerblock-logo-max-width: 300px; --headerblock-logo-max-height: 90px; --headerblock-logo-max-width-scrolled: 300px; --headerblock-logo-max-height-scrolled: 90px; --headerblock-logo-m-top: 0; --headerblock-logo-m-left: 120px; --headerblock-leftbar-width: 120px; --headerblock-leftbar-default-bordercolor: #ffffff; --color-headerblock-flyout-bg: #4d4d4d; --color-headerblock-mainmenu-a-hover: #fff; --headerblock-ico-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(81deg) brightness(108%) contrast(102%); /* schwarzes svg einf?rben mit filter https://codepen.io/sosuke/pen/Pjoqqp */ --headerblock-ico-hover-filter: invert(25%) sepia(99%) saturate(0%) hue-rotate(277deg) brightness(88%) contrast(83%); /* schwarzes svg einf?rben mit filter https://codepen.io/sosuke/pen/Pjoqqp */ --header-logo-margin-top: 0px; /* für modul mod_headerblock -- ende*/ /* lin23 */ --color-default: #4a4a49; --color-medium: #7d7c7d; --color-light: #a8a8a7; --color-highlight: #999999; --color-highlight2: #aaaaaa; --color-highlight3: #e0e0e0; --color-highlight4: #f0f0f0; --color-bg-default: #ffffff; --color-bg-light: #f5f5f5; --width-extrasmallwidth: 810px; --width-smallwidth: 960px; --width-mediumwidth: 1140px; --width-widewidth: 1320px; --width-extrawidewidth: 1600px; --width-headerwidth: 1800px; --container-upper-max-width: 3660px; --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; } @media (max-width: 1280px) { :root { --header-nav-line-height: 42px; --header-nav-font-size: 32px; --line-headerblock: 140%; --size-headerblock: 32px; } } @media (max-width: 1199px) { :root { --bs-body-font-size: 18px; --size-main: 18px; --size-h1: 32px; --size-h2: 24px; --size-h3: 22px; --size-h4: 19px; --size-h5: 19px; --size-h6: 19px; --size-h7: 18px; --size-button: 18px; --size-sliderh1: 40px; --line-sliderh1: 65px; --header-nav-line-height: 42px; --header-nav-font-size: 32px; } } @media (max-width: 991px) { :root { --line-headerblock: 140%; --size-headerblock: 32px; } } @media (max-width: 767px) { :root { --bs-body-font-size: 16px; --size-main: 16px; --size-h1: 32px; --size-h2: 24px; --size-h3: 22px; --size-h4: 19px; --size-h5: 19px; --size-h6: 19px; --size-button: 16px; --size-sliderh1: 24px; --line-sliderh1: 26px; --line-headerblock: 140%; --size-headerblock: 26px; --header-nav-line-height: 36px; --header-nav-font-size: 18px; --size-big: 20px; } } @media (max-width: 479px) { :root { --size-main: 16px; --size-h1: 32px; --size-h2: 24px; --size-h3: 22px; --size-h4: 19px; --size-h5: 19px; --size-h6: 19px; --size-button: 16px; --size-sliderh1: 24px; --line-sliderh1: 26px; --line-h1: 130%; } } .w400 { font-weight: 400; } .w600 { font-weight: 600; } .w700 { font-weight: 700; } .italic { font-style: italic; } .color-white { color: var(--color-white); } .color-black { color: var(--color-black); } .color-default { color: var(--color-default); } .color-lightgray { color: var(--color-lightgray); } .color-darkgray { color: var(--color-darkgray); } .color-highlight { color: var(--color-highlight); } .color-highlight2 { color: var(--color-highlight2); } .bg-white {background-color:var(--color-white);} .bg-black {background-color:var(--color-black);} .bg-default {background-color:var(--color-default);} .bg-medium {background-color:var(--color-medium);} .bg-light {background-color:var(--color-light);} .bg-lightgray { background-color: var(--color-lightgray); } .bg-darkgray { background-color: var(--color-darkgray); } .bg-highlight, .bg-highlight1 {background-color:var(--color-highlight);} .bg-highlight2 {background-color:var(--color-highlight2);} .bg-highlight3 {background-color:var(--color-highlight3);} .bg-highlight4 {background-color:var(--color-highlight4);} .size-main { font-size: var(--size-main); } .size-h1 { font-size: var(--size-h1); } .size-h2 { font-size: var(--size-h2); } .size-h3 { font-size: var(--size-h3); } .size-h4 { font-size: var(--size-h4); } .size-h5 { font-size: var(--size-h5); } .size-h6 { font-size: var(--size-h6); } .size-h7 { font-size: var(--size-h7); } .size-button { font-size: var(--size-button); } .size-sliderh1 { font-size: var(--size-sliderh1); } .size-default {font-size:var(--size-default);} .size-small {font-size:var(--size-small);} .size-medium {font-size:var(--size-medium);} .size-big {font-size:var(--size-big);} .line-main { line-height: var(--line-main); } .line-h1 { line-height: var(--line-h1); } .line-h2 { line-height: var(--line-h2); } .line-h3 { line-height: var(--line-h3); } .line-default {line-height:var(--line-default);} .line-small {line-height:var(--line-small);} .line-medium {line-height:var(--line-medium);} .line-big {line-height:var(--line-big);} .font-main { font-family: var(--font-main); } .font-h1 { font-family: var(--font-h1); } .font-h2 { font-family: var(--font-h2); } .font-h3 { font-family: var(--font-h3); } .style-main { font-style: var(--style-main); } .style-h1 { font-style: var(--style-h1); } .style-h2 { font-style: var(--style-h2); } .style-h3 { font-style: var(--style-h3); } .weight-main { font-weight: var(--weight-main); } .weight-h1 { font-weight: var(--weight-h1); } .weight-h2 { font-weight: var(--weight-h2); } .weight-h3 { font-weight: var(--weight-h3); } ::-moz-selection { background: var(--color-highlight2); color: var(--color-white); } ::selection { background: var(--color-highlight2); color: var(--color-white); } .text-default {font-size:var(--size-default); line-height:var(--line-default);} .text-small {font-size:var(--size-small); line-height:var(--line-small);} .text-medium {font-size:var(--size-medium); line-height:var(--line-medium);} .text-big {font-size:var(--size-big); line-height:var(--line-big);} /* schwarz zu 4a4a49 -- https://codepen.io/sosuke/pen/Pjoqqp */ .filter-default { filter: invert(26%) sepia(5%) saturate(113%) hue-rotate(21deg) brightness(94%) contrast(83%); } /* schwarz zu highlight -- https://codepen.io/sosuke/pen/Pjoqqp */ .filter-highlight { filter: invert(49%) sepia(42%) saturate(3589%) hue-rotate(54deg) brightness(99%) contrast(77%); } /* schwarz zu 8DB455 -- https://codepen.io/sosuke/pen/Pjoqqp */ .filter-highlight2 { filter: invert(80%) sepia(7%) saturate(2539%) hue-rotate(41deg) brightness(83%) contrast(86%); } /* schwarz zu B2CD8D -- https://codepen.io/sosuke/pen/Pjoqqp */ .filter-highlight3 { filter: invert(89%) sepia(19%) saturate(610%) hue-rotate(36deg) brightness(88%) contrast(88%); } /* schwarz zu D9E6C6 -- https://codepen.io/sosuke/pen/Pjoqqp */ .filter-highlight4 { filter: invert(88%) sepia(14%) saturate(313%) hue-rotate(42deg) brightness(101%) contrast(92%); } * {scrollbar-width: thin;} body, html {scrollbar-width: auto; overflow-x: unset;} body {overflow-x: hidden;} .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { min-width: 320px; } .form-control::placeholder, input::placeholder { color: var(--color-placeholder); } option { font-family: var(--bs-body-font-family); font-weight: var(--bs-body-font-weight); } .form-check-input[type='checkbox'], .form-control { border-radius: 0.125em; } .bold, b, strong, .strong { font-weight: var(--weight-bold); /*font-family: var(--font-bold);*/ } .underline, .text-underline { text-decoration: underline; } ol, ul { padding-left: 1.125rem; } small { font-size: var(--size-small); line-height: var(--line-small); } teaser { font-size: var(--size-magezinetext); line-height: var(--line-magezinetext); } nowrap { white-space: nowrap; } .cursor-pointer, .pointer { cursor: pointer; } .grayscale, .greyscale {filter: grayscale(1);} /* wegen cursor not allowed */ .btn.disabled, .btn:disabled, fieldset:disabled .btn { pointer-events: all; } button, input, optgroup, select, textarea { max-width: 100%; } video[poster] {object-fit: cover; /*to cover all the box*/ } video{ object-fit: cover; /*to cover all the box*/ } .trenner.htmlcode, .trenner { border-top: 3px solid var(--color-lightgray); } /* z.b. headline sliderblock_a */ @media (min-width: 768px) { nowrap {white-space: nowrap;} } .wrapper1by1 { position: relative; padding-top: 0px; height: 0; padding-bottom: 100%; } .wrapper4by3 { position: relative; padding-top: 0px; height: 0; padding-bottom: 75%; } .wrapper5by4 { position: relative; padding-top: 0px; height: 0; padding-bottom: 80%; } .wrapper4by5 { position: relative; padding-top: 0px; height: 0; padding-bottom: 125%; } .wrapper1by1point125 { position: relative; padding-top: 0px; height: 0; padding-bottom: 88.88888%; } /*ideenbuch*/ .wrapperImageboxNextTo4by3 { position: relative; padding-top: 0px; height: 0; padding-bottom: 107.86853%; } .wraper16by9, /* nur 1 P >_> */ .wrapper16by9 { position: relative; padding-top: 0px; height: 0; padding-bottom: 56.25%; } .wrapper9by16 { position: relative; padding-top: 0px; height: 0; padding-bottom: 177.77776%; } .wrapperImageboxNextTo16by9 { position: relative; padding-top: 0px; height: 0; padding-bottom: 119.38776%; } /*almost 4by5*/ .wrapper21by9 { position: relative; padding-top: 0px; height: 0; padding-bottom: 42.85714%; } .wrapperordered { position: relative; padding-top: 0px; height: 0; padding-bottom: 75%; } @media (min-width: 768px) { .wrapperordered { position: relative; padding-top: 0px; height: 29.16666666666667vw; min-height:400px; padding-bottom: 0; } } .wrapper16by9MobFull { position: relative; padding-top: 0px; height: 0; padding-bottom: 56.25%; padding-bottom: calc(100vh - var(--header-mobile-height) - 3rem); } @media (min-width: 768px) { .wrapper16by9MobFull { position: relative; padding-top: 0px; height: 0; padding-bottom: 56.25%; } } .wrapper16by9Viewport { position: relative; padding-top: 0px; height: 0; padding-bottom: calc(100vh - var(--header-mobile-height)); padding-bottom: 100vh; } @media (min-width: 768px) { .wrapper16by9Viewport { position: relative; padding-top: 0px; height: 0; padding-bottom: 100vh; } } .wrapper9by16 .innerCont, .wrapper9by16 iframe, .wrapper16by9Viewport .innerCont, .wrapper16by9Viewport iframe, .wrapper16by9MobFull .innerCont, .wrapperordered .innerCont, .wrapper1by1 .innerCont, .wrapper4by3 .innerCont, .wrapper5by4 .innerCont, .wrapper4by5 .innerCont, .wrapper1by1point125 .innerCont, .wrapperImageboxNextTo4by3 .innerCont, .wrapper16by9 .innerCont, .wraper16by9 .innerCont, .wrapperImageboxNextTo16by9 .innerCont, .wrapper21by9 .innerCont, .wrapper1by1 iframe, .wrapper4by3 iframe, .wrapper5by4 iframe, .wrapper4by5 iframe, .wrapper1by1point125 iframe, .wrapperImageboxNextTo4by3 iframe, .wrapper16by9 iframe, .wraper16by9 iframe, .wrapperImageboxNextTo16by9 iframe, .wrapper21by9 iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } a, a:visited { color: var(--color-highlight); } a:hover, a:focus { color: var(--color-black); } a.color-medium, a.color-medium:visited { color: var(--color-medium); } a.color-medium:hover, a.color-medium:focus { color: var(--color-highlight); } .no-underline a { text-decoration:none; } .color-default a:not(.btn), .color-default a:not(.btn):visited { color: var(--color-default); } .color-default a:not(.btn):hover, .color-default a:not(.btn):focus { color: var(--color-highlight); } .color-medium a:not(.btn), .color-medium a:not(.btn):visited { color: var(--color-medium); } .color-medium a:not(.btn):hover, .color-medium a:not(.btn):focus { color: var(--color-highlight); } .color-light a:not(.btn), .color-light a:not(.btn):visited { color: var(--color-light); } .color-light a:not(.btn):hover, .color-light a:not(.btn):focus { color: var(--color-highlight); } .color-highlight a:not(.btn), .color-highlight a:not(.btn):visited { color: var(--color-highlight); } .color-light a:not(.btn):hover, .color-light a:not(.btn):focus { color: var(--color-default); } .a-default a:not(.btn), .a-default a:not(.btn):visited { color: var(--color-default); } .a-default a:not(.btn):hover, .a-default a:not(.btn):focus { color: var(--color-highlight); } .a-medium a:not(.btn), .a-medium a:not(.btn):visited { color: var(--color-medium); } .a-medium a:not(.btn):hover, .a-medium a:not(.btn):focus { color: var(--color-highlight); } .a-light a:not(.btn), .a-light a:not(.btn):visited { color: var(--color-light); } .a-light a:not(.btn):hover, .a-light a:not(.btn):focus { color: var(--color-highlight); } .a-highlight a:not(.btn), .a-highlight a:not(.btn):visited { color: var(--color-highlight); } .a-highlight a:not(.btn):hover, .a-highlight a:not(.btn):focus { color: var(--color-default); } a.color-medium, a.color-medium:visited { color: var(--color-medium); } a.color-medium:hover, a.color-medium:focus { color: var(--color-highlight); } .blockColorClass_color4 a:not(.btn), .blockColorClass_color4 a:not(.btn):visited { color: var(--color-highlight4); } .blockColorClass_color4 a:not(.btn):hover, .blockColorClass_color4 a:not(.btn):focus { color: var(--color-highlight3); } .blockColorClass_highlight4 a:not(.btn), .blockColorClass_highlight4 a:not(.btn):visited { color: var(--color-default); } .blockColorClass_highlight4 a:not(.btn):hover, .blockColorClass_highlight4 a:not(.btn):focus { color: var(--color-medium); } a.btn-link, a.btn-link:visited { color: var(--color-highlight) !important; } a.btn-link:hover { color: var(--color-highlight) !important; text-decoration: none; } a.link-white, a.link-white:visited { color: var(--color-white); text-decoration: none; } a.link-white:hover, a.link-white:focus { color: var(--color-lightgray); } /* nach colorclass def*/ .link-highlight a:not(.btn), .link-highlight a:not(.btn):visited { color: var(--color-highlight); } .link-highlight a:not(.btn):hover, .link-highlight a:not(.btn):focus { color: var(--color-medium); } .link-default a:not(.btn), .link-default a:not(.btn):visited { color: var(--color-default); } .link-default a:not(.btn):hover, .link-default a:not(.btn):focus { color: var(--color-medium); } .link-white a:not(.btn), .link-white a:not(.btn):visited { color: var(--color-white); } .link-white a:not(.btn):hover, .link-white a:not(.btn):focus { color: var(--color-medium); } .link-medium a:not(.btn), .link-medium a:not(.btn):visited { color: var(--color-medium); } .link-medium a:not(.btn):hover, .link-medium a:not(.btn):focus { color: var(--color-medium); } a.scaleme95 { transform: scale(1); transition: transform 0.3s; cursor: pointer; } a.scaleme95:hover { transform: scale(0.95); } a.arrow-link-readmore, a.arrow-link-readmore:visited { color: var(--color-default); text-decoration: none; font-weight: bold; display: inline-block; } a.arrow-link-readmore:hover, a.arrow-link-readmore:focus { color: var(--color-black); text-decoration: underline; } .blockColorClass_highlight1 a.arrow-link-readmore, .blockColorClass_highlight1 a.arrow-link-readmore:visited { color: var(--color-white); } .blockColorClass_highlight1 a.arrow-link-readmore:hover, .blockColorClass_highlight1 a.arrow-link-readmore:focus { color: var(--color-lightgray); } /* a.arrow-link-readmore:before {font-family: 'Font Awesome 5 Free'; display: inline-block; position: absolute; left: 0; top: 3px; content: "\f30b"; } */ a.arrow-link-readmore:after { content: ''; display: block; /* background: url("../../img/icons/calendar_green.svg") no-repeat; */ background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='448' height='448' version='1.1' viewBox='0 0 448 448' xmlns='http://www.w3.org/2000/svg' xmlns:cc='http://creativecommons.org/ns%23' xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23'%3E%3Cmetadata%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage'/%3E%3Cdc:title/%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cpath d='m277.85 63.533-5.1964 5.1957c-3.4437 3.4437-3.4437 9.0274 0 12.472l131.17 131.17h-393.82c-4.8701 0-8.8187 3.9486-8.8187 8.8187v7.3489c0 4.8701 3.9486 8.8187 8.8187 8.8187h393.82l-131.17 131.17c-3.4437 3.4437-3.4437 9.0274 0 12.472l5.1964 5.1957c3.4437 3.4437 9.0274 3.4437 12.471 0l155.1-155.1c3.4437-3.4437 3.4437-9.0274 0-12.472l-155.1-155.1c-3.4437-3.4444-9.0274-3.4444-12.471 0z' fill='%23679B1D' stroke-width='.73489'/%3E%3C/svg%3E%0A"); background-size: contain; background-position: center; background-repeat: no-repeat; width: 20px; height: 20px; float: left; margin: 6px 5px 0 0; float: right; margin-left: 10px; } /* colored headlines ##### replacement -- start */ .colored { color: var(--color-highlight3); } .blockColorClass_highlight1 .colored { color: var(--color-highlight4); } .blockColorClass_highlight4 .colored { color: var(--color-highlight2); } .blockColorClass_color4 .colored { color: var(--color-highlight2); } .blockColorClass_color4.headline-white .colored { color: var(--color-highlight3); } .blockColorClass_color1 .colored { color: var(--color-highlight2); } .subline-highlight4 .subline { color:var(--color-highlight4) !important; } .subline-default .subline .colored { color:var(--color-default) !important; font-weight:var(--weight-bold); } /* colored headlines ##### replacement -- ende*/ .mod_textblock .container { max-width: 960px; max-width: var(--width-smallwidth); } .extrasmallwidth .container-fluid, .extrasmallwidth .container, .extrasmallwidth.container { max-width: 720px; max-width: 810px; max-width: var(--width-extrasmallwidth); } .smallwidth .container-fluid, .smallwidth .container, .smallwidth.container { max-width: 960px; max-width: var(--width-smallwidth); } .mediumwidth .container-fluid, .mediumwidth .container, .mediumwidth.container { max-width: 1140px; max-width: var(--width-mediumwidth); } .normalwidth .container-fluid, .normalwidth .container, .normalwidth.container { max-width: 1320px; max-width: var(--width-widewidth); } .widewidth .container-fluid, .widewidth .container, .widewidth.container { max-width: 1320px; max-width: var(--width-widewidth); } .extrawidewidth .container-fluid, .extrawidewidth .container, .extrawidewidth.container { max-width: 1600px; max-width: var(--width-extrawidewidth); } .headerwidth .container-fluid, .headerwidth .container, .headerwidth.container { max-width: 1700px; max-width: var(--headerblock-topbar-content-max-width); } .fullwidth .container-fluid, .fullwidth .container, .fullwidth.container { max-width: 100%; } /* bd container breakpoints fluid bis 1400 -- start */ @media (min-width: 576px){ .container, .container-sm { max-width: 100%; } } @media (min-width: 768px){ .container, .container-md, .container-sm { max-width: 100%; } } @media (min-width: 992px){ .container, .container-lg, .container-md, .container-sm { max-width: 100%; } } @media (min-width: 1200px){ .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 100%; } } @media (min-width: 1400px){ .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1320px; } } /* bd container breakpoints fluid bis 1400 -- ende */ @media (min-width: 992px) { .textw95.mod_textblock .textblockText p {display:block; width:95%; margin-right:auto;} .textw90.mod_textblock .textblockText p {display:block; width:90%; margin-right:auto;} .textw85.mod_textblock .textblockText p {display:block; width:85%; margin-right:auto;} .textw80.mod_textblock .textblockText p {display:block; width:80%; margin-right:auto;} .textw75.mod_textblock .textblockText p {display:block; width:75%; margin-right:auto;} .textw70.mod_textblock .textblockText p {display:block; width:70%; margin-right:auto;} .textw66.mod_textblock .textblockText p {display:block; width:66.666%; margin-right:auto;} .textw65.mod_textblock .textblockText p {display:block; width:65%; margin-right:auto;} .textw60.mod_textblock .textblockText p {display:block; width:60%; margin-right:auto;} .textw55.mod_textblock .textblockText p {display:block; width:55%; margin-right:auto;} .textw50.mod_textblock .textblockText p {display:block; width:50%; margin-right:auto;} .textw33.mod_textblock .textblockText p {display:block; width:33%; margin-right:auto;} } .max-w-90 { max-width: 90%; } .max-w-80 { max-width: 80%; } .max-w-70 { max-width: 70%; } .max-w-60 { max-width: 60%; } .max-w-50 { max-width: 50%; } .max-w-40 { max-width: 40%; } .max-w-30 { max-width: 30%; } .max-w-20 { max-width: 20%; } .max-w-10 { max-width: 10%; } @media (min-width: 992px) { .text-md-left { text-align: left !important; } .md-max-w-90 { max-width: 90%; } .md-max-w-80 { max-width: 80%; } .md-max-w-70 { max-width: 70%; } .md-max-w-60 { max-width: 60%; } .md-max-w-50 { max-width: 50%; } .md-max-w-40 { max-width: 40%; } .md-max-w-30 { max-width: 30%; } .md-max-w-20 { max-width: 20%; } .md-max-w-10 { max-width: 10%; } } @media (min-width: 1200px) { .text-lg-left {text-align: left !important;} .lg-max-w-90 {max-width: 90%;} .lg-max-w-80 {max-width: 80%;} .lg-max-w-70 {max-width: 70%;} .lg-max-w-60 {max-width: 60%;} .lg-max-w-50 {max-width: 50%;} .lg-max-w-40 {max-width: 40%;} .lg-max-w-30 {max-width: 30%;} .lg-max-w-20 {max-width: 20%; } .lg-max-w-10 {max-width: 10%;} } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0; } h1.sliderh1, .sliderh1, .h1.sliderh1 { font-size: var(--size-h1); line-height: var(--line-h1); font-family: var(--font-h1); font-style: var(--style-h1); font-weight: var(--weight-h1); margin-top: 0; } h0, .h0, h0.headline-primary, h2.headline-primary, h3.headline-primary, h4.headline-primary, h5.headline-primary, p.headline-primary, .headline-h0 h0, .headline-h0 h2, .headline-h0 h3, .headline-h0 h4, .headline-h0 h5, .headline-h0 div.headline-h0, .headline-h0 h0.headline-primary, .headline-h0 h2.headline-primary, .headline-h0 h3.headline-primary, .headline-h0 h4.headline-primary, .headline-h0 h5.headline-primary, .headline-h0 p.headline-primary { font-size: var(--size-h0); line-height: var(--line-h0); font-family: var(--font-h0); font-style: var(--style-h0); font-weight: var(--weight-h0); margin-top: 0; } .useh1 h1, h1, .h1, h1.headline-primary, h2.headline-primary, h3.headline-primary, h4.headline-primary, h5.headline-primary, p.headline-primary, .blockheadline-h1 h1.blockHeadline, .blockheadline-h1 h2.blockHeadline, .blockheadline-h1 h3.blockHeadline, .blockheadline-h1 h4.blockHeadline, .blockheadline-h1 h5.blockHeadline, .headline-h1 h1, .headline-h1 h2, .headline-h1 h3, .headline-h1 h4, .headline-h1 h5 { font-size: var(--size-h1); line-height: var(--line-h1); font-family: var(--font-h1); font-style: var(--style-h1); font-weight: var(--weight-h1); margin-top: 0; } h2, .h2, h1.headline-secondary, h2.headline-secondary, h3.headline-secondary, h4.headline-secondary, h5.headline-secondary, div.headline-secondary, p.headline-secondary, .headline-h2 h1, .headline-h2 h2, .headline-h2 h3, .headline-h2 h4, .headline-h2 h5 { font-size: var(--size-h2); line-height: var(--line-h2); font-family: var(--font-h2); font-style: var(--style-h2); font-weight: var(--weight-h2); } h3, .h3, h1.headline-tertiary, h2.headline-tertiary, h3.headline-tertiary, h4.headline-tertiary, h5.headline-tertiary, div.headline-tertiary, p.headline-tertiary, .headline-h3 h1, .headline-h3 h2, .headline-h3 h3, .headline-h3 h4, .headline-h3 h5 { font-size: var(--size-h3); line-height: var(--line-h3); font-family: var(--font-h3); font-style: var(--style-h3); font-weight: var(--weight-h3); } h4, .h4, .headline-h4 h1, .headline-h4 h2, .headline-h4 h3, .headline-h4 h4, .headline-h4 h5 { font-size: var(--size-h4); line-height: var(--line-h4); font-family: var(--font-h4); font-style: var(--style-h4); font-weight: var(--weight-h4); } h5, .h5, .headline-h5 h1, .headline-h5 h2, .headline-h5 h3, .headline-h5 h4, .headline-h5 h5 { font-size: var(--size-h5); line-height: var(--line-h5); font-family: var(--font-h5); font-style: var(--style-h5); font-weight: var(--weight-h5); } h6, .h6, .headline-h6 h1, .headline-h6 h2, .headline-h6 h3, .headline-h6 h4, .headline-h6 h5 { font-size: var(--size-h6); line-height: var(--line-h6); font-family: var(--font-h6); font-style: var(--style-h6); font-weight: var(--weight-h6); } h7, .h7, .headline-h7 h1, .headline-h7 h2, .headline-h7 h3, .headline-h7 h4, .headline-h7 h5 { font-size: var(--size-h7); line-height: var(--line-h7); font-family: var(--font-h7); font-style: var(--style-h7); font-weight: var(--weight-h7); } /* headline-text-h2 -- setzt h1 headline auf hx größe Fest und alle weiteren jeweils einen kleiner. text-headline-h2 setzt h1 auf h2 Größe, h2 auf h3 Größe, etc. */ /* .headline-text-h1 .textblockText h1 { font-size: var(--size-h1); line-height: var(--line-h1); font-family: var(--font-h1); font-style: var(--style-h1); font-weight: var(--weight-h1); } .headline-text-h1 .textblockText h2 { font-size: var(--size-h2); line-height: var(--line-h2); font-family: var(--font-h2); font-style: var(--style-h2); font-weight: var(--weight-h2); } .headline-text-h1 .textblockText h3 { font-size: var(--size-h3); line-height: var(--line-h3); font-family: var(--font-h3); font-style: var(--style-h3); font-weight: var(--weight-h3); } .headline-text-h1 .textblockText h4 { font-size: var(--size-h4); line-height: var(--line-h4); font-family: var(--font-h4); font-style: var(--style-h4); font-weight: var(--weight-h4); } .headline-text-h1 .textblockText h5 { font-size: var(--size-h5); line-height: var(--line-h5); font-family: var(--font-h5); font-style: var(--style-h5); font-weight: var(--weight-h5); } */ .headline-text-h2 .textblockText h1 { font-size: var(--size-h2); line-height: var(--line-h2); font-family: var(--font-h2); font-style: var(--style-h2); font-weight: var(--weight-h2); } .headline-text-h2 .textblockText h2 { font-size: var(--size-h3); line-height: var(--line-h3); font-family: var(--font-h3); font-style: var(--style-h3); font-weight: var(--weight-h3); } .headline-text-h2 .textblockText h3 { font-size: var(--size-h4); line-height: var(--line-h4); font-family: var(--font-h4); font-style: var(--style-h4); font-weight: var(--weight-h4); } .headline-text-h2 .textblockText h4 { font-size: var(--size-h5); line-height: var(--line-h5); font-family: var(--font-h5); font-style: var(--style-h5); font-weight: var(--weight-h5); } .headline-text-h2 .textblockText h5 { font-size: var(--size-h6); line-height: var(--line-h6); font-family: var(--font-h6); font-style: var(--style-h6); font-weight: var(--weight-h6); } .headline-text-h3 .textblockText h1 { font-size: var(--size-h3); line-height: var(--line-h3); font-family: var(--font-h3); font-style: var(--style-h3); font-weight: var(--weight-h3); } .headline-text-h3 .textblockText h2 { font-size: var(--size-h4); line-height: var(--line-h4); font-family: var(--font-h4); font-style: var(--style-h4); font-weight: var(--weight-h4); } .headline-text-h3 .textblockText h3 { font-size: var(--size-h5); line-height: var(--line-h5); font-family: var(--font-h5); font-style: var(--style-h5); font-weight: var(--weight-h5); } .headline-text-h3 .textblockText h4 { font-size: var(--size-h6); line-height: var(--line-h6); font-family: var(--font-h6); font-style: var(--style-h6); font-weight: var(--weight-h6); } .headline-text-h3 .textblockText h5 { font-size: var(--size-h7); line-height: var(--line-h7); font-family: var(--font-h7); font-style: var(--style-h7); font-weight: var(--weight-h7); } .subline-h1 .h0.subline, .subline-h1 .h2.subline, .subline-h1 .h3.subline, .subline-h1 .h4.subline, .subline-h1 .h5.subline, .subline-h1 .h6.subline, .subline-h1 h0.subline, .subline-h1 h2.subline, .subline-h1 h3.subline, .subline-h1 h4.subline, .subline-h1 h5.subline, .subline-h1 h6.subline, .subline-h1 p.subline { font-size: var(--size-h1); line-height: var(--line-h1); font-family: var(--font-h1); font-style: var(--style-h1); font-weight: var(--weight-h1); } .subline-h2 .h0.subline, .subline-h2 .h2.subline, .subline-h2 .h3.subline, .subline-h2 .h4.subline, .subline-h2 .h5.subline, .subline-h2 .h6.subline, .subline-h2 h0.subline, .subline-h2 h2.subline, .subline-h2 h3.subline, .subline-h2 h4.subline, .subline-h2 h5.subline, .subline-h2 h6.subline, .subline-h2 p.subline { font-size: var(--size-h2); line-height: var(--line-h2); font-family: var(--font-h2); font-style: var(--style-h2); font-weight: var(--weight-h2); } .subline-h3 .h0.subline, .subline-h3 .h2.subline, .subline-h3 .h3.subline, .subline-h3 .h4.subline, .subline-h3 .h5.subline, .subline-h3 .h6.subline, .subline-h3 h0.subline, .subline-h3 h2.subline, .subline-h3 h3.subline, .subline-h3 h4.subline, .subline-h3 h5.subline, .subline-h3 h6.subline, .subline-h3 p.subline { font-size: var(--size-h3); line-height: var(--line-h3); font-family: var(--font-h3); font-style: var(--style-h3); font-weight: var(--weight-h3); } .subline-h4 .h0.subline, .subline-h4 .h2.subline, .subline-h4 .h3.subline, .subline-h4 .h4.subline, .subline-h4 .h5.subline, .subline-h4 .h6.subline, .subline-h4 h0.subline, .subline-h4 h2.subline, .subline-h4 h3.subline, .subline-h4 h4.subline, .subline-h4 h5.subline, .subline-h4 h6.subline, .subline-h4 p.subline { font-size: var(--size-h4); line-height: var(--line-h4); font-family: var(--font-h4); font-style: var(--style-h4); font-weight: var(--weight-h4); } .subline-h5 .h0.subline, .subline-h5 .h2.subline, .subline-h5 .h3.subline, .subline-h5 .h4.subline, .subline-h5 .h5.subline, .subline-h5 .h6.subline, .subline-h5 h0.subline, .subline-h5 h2.subline, .subline-h5 h3.subline, .subline-h5 h4.subline, .subline-h5 h5.subline, .subline-h5 h6.subline, .subline-h5 p.subline { font-size: var(--size-h5); line-height: var(--line-h5); font-family: var(--font-h5); font-style: var(--style-h5); font-weight: var(--weight-h5); } .headline-versalien .headline, .headline-versalien .sliderhx {text-transform:uppercase;} .subline-versalien .subline, .subline-versalien .subline-text {text-transform:uppercase;} .text-left, .text-left .container, .text-left .container-fluid {text-align:left;} .text-center, .text-center .container, .text-center .container-fluid {text-align:center;} .text-right, .text-right .container, .text-right .container-fluid {text-align:right;} @media (max-width: 767px) { .text-mob-left, .text-mob-left .container, .text-mob-left .container-fluid {text-align:left;} .text-mob-center, .text-mob-center .container, .text-mob-center .container-fluid {text-align:center;} .text-mob-right, .text-mob-right .container, .text-mob-right .container-fluid {text-align:right;} } .headline-start .h1:not(.sliderhx), .headline-start .h2:not(.sliderhx), .headline-start .h3:not(.sliderhx), .headline-start .h4:not(.sliderhx), .headline-start .h5:not(.sliderhx), .headline-start .h6:not(.sliderhx), .headline-start .h7:not(.sliderhx), .headline-left .h1:not(.sliderhx), .headline-left .h2:not(.sliderhx), .headline-left .h3:not(.sliderhx), .headline-left .h4:not(.sliderhx), .headline-left .h5:not(.sliderhx), .headline-left .h6:not(.sliderhx), .headline-left .h7:not(.sliderhx) { text-align: left; } .headline-center .h0:not(.sliderhx), .headline-center .h1:not(.sliderhx), .headline-center .h2:not(.sliderhx), .headline-center .h3:not(.sliderhx), .headline-center .h4:not(.sliderhx), .headline-center .h5:not(.sliderhx), .headline-center .h6:not(.sliderhx), .headline-center .h7:not(.sliderhx) { text-align: center; } /* globalnews fix */ .headline-center .magazineRow .h1, .headline-center .magazineRow .h2, .headline-center .magazineRow .h3, .headline-center .magazineRow .h4, .headline-center .magazineRow .h5, .headline-center .magazineRow .h6, .headline-center .magazineRow .h7 { text-align: left; } .headline-end .h1:not(.sliderhx), .headline-end .h2:not(.sliderhx), .headline-end .h3:not(.sliderhx), .headline-end .h4:not(.sliderhx), .headline-end .h5:not(.sliderhx), .headline-end .h6:not(.sliderhx), .headline-end .h7:not(.sliderhx), .headline-right .h1:not(.sliderhx), .headline-right .h2:not(.sliderhx), .headline-right .h3:not(.sliderhx), .headline-right .h4:not(.sliderhx), .headline-right .h5:not(.sliderhx), .headline-right .h6:not(.sliderhx), .headline-right .h7:not(.sliderhx) { text-align: right; } .text-left .h1:not(.sliderhx), .text-left .h2:not(.sliderhx), .text-left .h3:not(.sliderhx), .text-left .h4:not(.sliderhx), .text-left .h5:not(.sliderhx), .text-left .h6:not(.sliderhx), .text-left .h7:not(.sliderhx) { text-align: left; } .text-center .h1:not(.sliderhx), .text-center .h2:not(.sliderhx), .text-center .h3:not(.sliderhx), .text-center .h4:not(.sliderhx), .text-center .h5:not(.sliderhx), .text-center .h6:not(.sliderhx), .text-center .h7:not(.sliderhx) { text-align: center; } .text-right .h1:not(.sliderhx), .text-right .h2:not(.sliderhx), .text-right .h3:not(.sliderhx), .text-right .h4:not(.sliderhx), .text-right .h5:not(.sliderhx), .text-right .h6:not(.sliderhx), .text-right .h7:not(.sliderhx) { text-align: right; } @media (max-width: 767px) { .headline-sm-start .h1:not(.sliderhx), .headline-sm-start .h2:not(.sliderhx), .headline-sm-start .h3:not(.sliderhx), .headline-sm-start .h4:not(.sliderhx), .headline-sm-start .h5:not(.sliderhx), .headline-sm-start .h6:not(.sliderhx), .headline-sm-start .h7:not(.sliderhx), .headline-sm-left .h1:not(.sliderhx), .headline-sm-left .h2:not(.sliderhx), .headline-sm-left .h3:not(.sliderhx), .headline-sm-left .h4:not(.sliderhx), .headline-sm-left .h5:not(.sliderhx), .headline-sm-left .h6:not(.sliderhx), .headline-sm-left .h7:not(.sliderhx) { text-align: left; } .headline-sm-center .h1:not(.sliderhx), .headline-sm-center .h2:not(.sliderhx), .headline-sm-center .h3:not(.sliderhx), .headline-sm-center .h4:not(.sliderhx), .headline-sm-center .h5:not(.sliderhx), .headline-sm-center .h6:not(.sliderhx), .headline-sm-center .h7:not(.sliderhx) { text-align: center; } /* globalnews fix */ .headline-sm-center .magazineRow .h1, .headline-sm-center .magazineRow .h2, .headline-sm-center .magazineRow .h3, .headline-sm-center .magazineRow .h4, .headline-sm-center .magazineRow .h5, .headline-sm-center .magazineRow .h6, .headline-sm-center .magazineRow .h7 { text-align: left; } .headline-sm-end .h1:not(.sliderhx), .headline-sm-end .h2:not(.sliderhx), .headline-sm-end .h3:not(.sliderhx), .headline-sm-end .h4:not(.sliderhx), .headline-sm-end .h5:not(.sliderhx), .headline-sm-end .h6:not(.sliderhx), .headline-sm-end .h7:not(.sliderhx), .headline-sm-right .h1:not(.sliderhx), .headline-sm-right .h2:not(.sliderhx), .headline-sm-right .h3:not(.sliderhx), .headline-sm-right .h4:not(.sliderhx), .headline-sm-right .h5:not(.sliderhx), .headline-sm-right .h6:not(.sliderhx), .headline-sm-right .h7:not(.sliderhx) { text-align: right; } .text-sm-left .h1:not(.sliderhx), .text-sm-left .h2:not(.sliderhx), .text-sm-left .h3:not(.sliderhx), .text-sm-left .h4:not(.sliderhx), .text-sm-left .h5:not(.sliderhx), .text-sm-left .h6:not(.sliderhx), .text-sm-left .h7:not(.sliderhx) { text-align: left; } .text-sm-center .h1:not(.sliderhx), .text-sm-center .h2:not(.sliderhx), .text-sm-center .h3:not(.sliderhx), .text-sm-center .h4:not(.sliderhx), .text-sm-center .h5:not(.sliderhx), .text-sm-center .h6:not(.sliderhx), .text-sm-center .h7:not(.sliderhx) { text-align: center; } .text-sm-right .h1:not(.sliderhx), .text-sm-right .h2:not(.sliderhx), .text-sm-right .h3:not(.sliderhx), .text-sm-right .h4:not(.sliderhx), .text-sm-right .h5:not(.sliderhx), .text-sm-right .h6:not(.sliderhx), .text-sm-right .h7:not(.sliderhx) { text-align: right; } } @media (min-width: 992px) { .headline-md-start .h1:not(.sliderhx), .headline-md-start .h2:not(.sliderhx), .headline-md-start .h3:not(.sliderhx), .headline-md-start .h4:not(.sliderhx), .headline-md-start .h5:not(.sliderhx), .headline-md-start .h6:not(.sliderhx), .headline-md-start .h7:not(.sliderhx), .headline-md-left .h1:not(.sliderhx), .headline-md-left .h2:not(.sliderhx), .headline-md-left .h3:not(.sliderhx), .headline-md-left .h4:not(.sliderhx), .headline-md-left .h5:not(.sliderhx), .headline-md-left .h6:not(.sliderhx), .headline-md-left .h7:not(.sliderhx) { text-align: left; } .headline-md-center .h1:not(.sliderhx), .headline-md-center .h2:not(.sliderhx), .headline-md-center .h3:not(.sliderhx), .headline-md-center .h4:not(.sliderhx), .headline-md-center .h5:not(.sliderhx), .headline-md-center .h6:not(.sliderhx), .headline-md-center .h7:not(.sliderhx) { text-align: center; } /* globalnews fix */ .headline-md-center .magazineRow .h1, .headline-md-center .magazineRow .h2, .headline-md-center .magazineRow .h3, .headline-md-center .magazineRow .h4, .headline-md-center .magazineRow .h5, .headline-md-center .magazineRow .h6, .headline-md-center .magazineRow .h7 { text-align: left; } .headline-md-end .h1:not(.sliderhx), .headline-md-end .h2:not(.sliderhx), .headline-md-end .h3:not(.sliderhx), .headline-md-end .h4:not(.sliderhx), .headline-md-end .h5:not(.sliderhx), .headline-md-end .h6:not(.sliderhx), .headline-md-end .h7:not(.sliderhx), .headline-md-right .h1:not(.sliderhx), .headline-md-right .h2:not(.sliderhx), .headline-md-right .h3:not(.sliderhx), .headline-md-right .h4:not(.sliderhx), .headline-md-right .h5:not(.sliderhx), .headline-md-right .h6:not(.sliderhx), .headline-md-right .h7:not(.sliderhx) { text-align: right; } .text-md-left .h1:not(.sliderhx), .text-md-left .h2:not(.sliderhx), .text-md-left .h3:not(.sliderhx), .text-md-left .h4:not(.sliderhx), .text-md-left .h5:not(.sliderhx), .text-md-left .h6:not(.sliderhx), .text-md-left .h7:not(.sliderhx) { text-align: left; } .text-md-center .h1:not(.sliderhx), .text-md-center .h2:not(.sliderhx), .text-md-center .h3:not(.sliderhx), .text-md-center .h4:not(.sliderhx), .text-md-center .h5:not(.sliderhx), .text-md-center .h6:not(.sliderhx), .text-md-center .h7:not(.sliderhx) { text-align: center; } .text-md-right .h1:not(.sliderhx), .text-md-right .h2:not(.sliderhx), .text-md-right .h3:not(.sliderhx), .text-md-right .h4:not(.sliderhx), .text-md-right .h5:not(.sliderhx), .text-md-right .h6:not(.sliderhx), .text-md-right .h7:not(.sliderhx) { text-align: right; } } /* block colors -- start */ .blockColorClass_base {background-color: transparent;} .blockColorClass_color1 {background-color: var(--color-lightgray);} .blockColorClass_color2 {background-color: var(--color-white);} .blockColorClass_color3 {background-color: var(--color-darkgray);color: var(--color-white);} .blockColorClass_color4 {background-color: var(--color-default); color: var(--color-white);} .blockColorClass_color4.mod_textblock .textblockText, .blockColorClass_color4.designb.u23design.modularform_funnel .blockSubline { color: var(--color-white); } .blockColorClass_highlight1 {background-color: var(--color-highlight);color: var(--color-white);} .blockColorClass_highlight2 {background-color: var(--color-highlight2);color: var(--color-white);} .blockColorClass_highlight3 {background-color: var(--color-highlight3);color: var(--color-default);} .blockColorClass_highlight4 {background-color: var(--color-highlight4);color: var(--color-default);} /* block colors -- end */ .blockColorClass_highlight1 h3:before, .blockColorClass_highlight1 .h3:before, .blockColorClass_highlight1 h1.h3:before, .blockColorClass_highlight1 h2.h3:before, .blockColorClass_highlight1 h3.h3:before, .blockColorClass_highlight1 h4.h3:before, .blockColorClass_highlight1 h5.h3:before, .blockColorClass_highlight1 div.h3:before, .blockColorClass_highlight1 p.h3:before, .blockColorClass_highlight1 h5:before, .blockColorClass_highlight1 .h5:before, .blockColorClass_highlight1 h1.h5:before, .blockColorClass_highlight1 h2.h5:before, .blockColorClass_highlight1 h3.h5:before, .blockColorClass_highlight1 h4.h5:before, .blockColorClass_highlight1 h5.h5:before, .blockColorClass_highlight1 div.h5:before, .blockColorClass_highlight1 p.h5:before { background: var(--color-white) !important; } .blockColorClass_color2 h3:before, .blockColorClass_color2 .h3:before, .blockColorClass_color2 h1.h3:before, .blockColorClass_color2 h2.h3:before, .blockColorClass_color2 h3.h3:before, .blockColorClass_color2 h4.h3:before, .blockColorClass_color2 h5.h3:before, .blockColorClass_color2 div.h3:before, .blockColorClass_color2 p.h3:before, .blockColorClass_color2 h5:before, .blockColorClass_color2 .h5:before, .blockColorClass_color2 h1.h5:before, .blockColorClass_color2 h2.h5:before, .blockColorClass_color2 h3.h5:before, .blockColorClass_color2 h4.h5:before, .blockColorClass_color2 h5.h5:before, .blockColorClass_color2 div.h5:before, .blockColorClass_color2 p.h5:before { background: var(--color-white) !important; } .blockColorClass_color3 h3:before, .blockColorClass_color3 .h3:before, .blockColorClass_color3 h1.h3:before, .blockColorClass_color3 h2.h3:before, .blockColorClass_color3 h3.h3:before, .blockColorClass_color3 h4.h3:before, .blockColorClass_color3 h5.h3:before, .blockColorClass_color3 div.h3:before, .blockColorClass_color3 p.h3:before, .blockColorClass_color3 h5:before, .blockColorClass_color3 .h5:before, .blockColorClass_color3 h1.h5:before, .blockColorClass_color3 h2.h5:before, .blockColorClass_color3 h3.h5:before, .blockColorClass_color3 h4.h5:before, .blockColorClass_color3 h5.h5:before, .blockColorClass_color3 div.h5:before, .blockColorClass_color3 p.h5:before { background: var(--color-white) !important; } .headline-highlight .h0.headline, .headline-highlight .h1.headline, .headline-highlight .h2.headline, .headline-highlight .h3.headline, .headline-highlight .h4.headline, .headline-highlight .h5.headline, .headline-highlight .h6.headline, .headline-highlight .h0.headline-primary, .headline-highlight .h1.headline-primary, .headline-highlight .h2.headline-primary, .headline-highlight .h3.headline-primary, .headline-highlight .h4.headline-primary, .headline-highlight .h5.headline-primary, .headline-highlight .h6.headline-primary { color:var(--color-highlight); } .blockColorClass_color4.headline-highlight .h0.headline, .blockColorClass_color4.headline-highlight .h1.headline, .blockColorClass_color4.headline-highlight .h2.headline, .blockColorClass_color4.headline-highlight .h3.headline, .blockColorClass_color4.headline-highlight .h4.headline, .blockColorClass_color4.headline-highlight .h5.headline, .blockColorClass_color4.headline-highlight .h6.headline, .blockColorClass_color4.headline-highlight .h0.headline-primary, .blockColorClass_color4.headline-highlight .h1.headline-primary, .blockColorClass_color4.headline-highlight .h2.headline-primary, .blockColorClass_color4.headline-highlight .h3.headline-primary, .blockColorClass_color4.headline-highlight .h4.headline-primary, .blockColorClass_color4.headline-highlight .h5.headline-primary, .blockColorClass_color4.headline-highlight .h6.headline-primary { color:var(--color-highlight3); } .headline-white .h0.headline, .headline-white .h1.headline, .headline-white .h2.headline, .headline-white .h3.headline, .headline-white .h4.headline, .headline-white .h5.headline, .headline-white .h6.headline, .headline-white .h0.headline-primary, .headline-white .h1.headline-primary, .headline-white .h2.headline-primary, .headline-white .h3.headline-primary, .headline-white .h4.headline-primary, .headline-white .h5.headline-primary, .headline-white .h6.headline-primary { color:var(--color-white); } .headline-default .h0.headline, .headline-default .h1.headline, .headline-default .h2.headline, .headline-default .h3.headline, .headline-default .h4.headline, .headline-default .h5.headline, .headline-default .h6.headline, .headline-default .h0.headline-primary, .headline-default .h1.headline-primary, .headline-default .h2.headline-primary, .headline-default .h3.headline-primary, .headline-default .h4.headline-primary, .headline-default .h5.headline-primary, .headline-default .h6.headline-primary { color:var(--color-default); } .headline-medium .h0.headline, .headline-medium .h1.headline, .headline-medium .h2.headline, .headline-medium .h3.headline, .headline-medium .h4.headline, .headline-medium .h5.headline, .headline-medium .h6.headline, .headline-medium .h0.headline-primary, .headline-medium .h1.headline-primary, .headline-medium .h2.headline-primary, .headline-medium .h3.headline-primary, .headline-medium .h4.headline-primary, .headline-medium .h5.headline-primary, .headline-medium .h6.headline-primary { color:var(--color-medium); } .headline-light .h0.headline, .headline-light .h1.headline, .headline-light .h2.headline, .headline-light .h3.headline, .headline-light .h4.headline, .headline-light .h5.headline, .headline-light .h6.headline, .headline-light .h0.headline-primary, .headline-light .h1.headline-primary, .headline-light .h2.headline-primary, .headline-light .h3.headline-primary, .headline-light .h4.headline-primary, .headline-light .h5.headline-primary, .headline-light .h6.headline-primary { color:var(--color-light); } .headline-highlight2 .h0.headline, .headline-highlight2 .h1.headline, .headline-highlight2 .h2.headline, .headline-highlight2 .h3.headline, .headline-highlight2 .h4.headline, .headline-highlight2 .h5.headline, .headline-highlight2 .h6.headline, .headline-highlight2 .h0.headline-primary, .headline-highlight2 .h1.headline-primary, .headline-highlight2 .h2.headline-primary, .headline-highlight2 .h3.headline-primary, .headline-highlight2 .h4.headline-primary, .headline-highlight2 .h5.headline-primary, .headline-highlight2 .h6.headline-primary { color:var(--color-highlight2); } .headline-highlight3 .h0.headline, .headline-highlight3 .h1.headline, .headline-highlight3 .h2.headline, .headline-highlight3 .h3.headline, .headline-highlight3 .h4.headline, .headline-highlight3 .h5.headline, .headline-highlight3 .h6.headline, .headline-highlight3 .h0.headline-primary, .headline-highlight3 .h1.headline-primary, .headline-highlight3 .h2.headline-primary, .headline-highlight3 .h3.headline-primary, .headline-highlight3 .h4.headline-primary, .headline-highlight3 .h5.headline-primary, .headline-highlight3 .h6.headline-primary { color:var(--color-highlight3); } .headline-highlight4 .h0.headline, .headline-highlight4 .h1.headline, .headline-highlight4 .h2.headline, .headline-highlight4 .h3.headline, .headline-highlight4 .h4.headline, .headline-highlight4 .h5.headline, .headline-highlight4 .h6.headline, .headline-highlight4 .h0.headline-primary, .headline-highlight4 .h1.headline-primary, .headline-highlight4 .h2.headline-primary, .headline-highlight3 .h3.headline-primary, .headline-highlight4 .h4.headline-primary, .headline-highlight4 .h5.headline-primary, .headline-highlight4 .h6.headline-primary { color:var(--color-highlight4); } .subline-highlight .h1.subline, .subline-highlight .h2.subline, .subline-highlight .h3.subline, .subline-highlight .h4.subline, .subline-highlight .h5.subline, .subline-highlight .h6.subline, .subline-highlight .h1.subline-primary, .subline-highlight .h2.subline-primary, .subline-highlight .h3.subline-primary, .subline-highlight .h4.subline-primary, .subline-highlight .h5.subline-primary, .subline-highlight .h6.subline-primary { color:var(--color-highlight); } .blockColorClass_color4.subline-highlight .h1.subline, .blockColorClass_color4.subline-highlight .h2.subline, .blockColorClass_color4.subline-highlight .h3.subline, .blockColorClass_color4.subline-highlight .h4.subline, .blockColorClass_color4.subline-highlight .h5.subline, .blockColorClass_color4.subline-highlight .h6.subline, .blockColorClass_color4.subline-highlight .h1.subline-primary, .blockColorClass_color4.subline-highlight .h2.subline-primary, .blockColorClass_color4.subline-highlight .h3.subline-primary, .blockColorClass_color4.subline-highlight .h4.subline-primary, .blockColorClass_color4.subline-highlight .h5.subline-primary, .blockColorClass_color4.subline-highlight .h6.subline-primary { color:var(--color-highlight3); } .subline-white .h1.subline, .subline-white .h2.subline, .subline-white .h3.subline, .subline-white .h4.subline, .subline-white .h5.subline, .subline-white .h6.subline, .subline-white .h1.subline-primary, .subline-white .h2.subline-primary, .subline-white .h3.subline-primary, .subline-white .h4.subline-primary, .subline-white .h5.subline-primary, .subline-white .h6.subline-primary { color:var(--color-white); } .subline-default .h1.subline, .subline-default .h2.subline, .subline-default .h3.subline, .subline-default .h4.subline, .subline-default .h5.subline, .subline-default .h6.subline, .subline-default .h1.subline-primary, .subline-default .h2.subline-primary, .subline-default .h3.subline-primary, .subline-default .h4.subline-primary, .subline-default .h5.subline-primary, .subline-default .h6.subline-primary { color:var(--color-default); } .subline-medium .h1.subline, .subline-medium .h2.subline, .subline-medium .h3.subline, .subline-medium .h4.subline, .subline-medium .h5.subline, .subline-medium .h6.subline, .subline-medium .h1.subline-primary, .subline-medium .h2.subline-primary, .subline-medium .h3.subline-primary, .subline-medium .h4.subline-primary, .subline-medium .h5.subline-primary, .subline-medium .h6.subline-primary { color:var(--color-medium); } .subline-light .h1.subline, .subline-light .h2.subline, .subline-light .h3.subline, .subline-light .h4.subline, .subline-light .h5.subline, .subline-light .h6.subline, .subline-light .h1.subline-primary, .subline-light .h2.subline-primary, .subline-light .h3.subline-primary, .subline-light .h4.subline-primary, .subline-light .h5.subline-primary, .subline-light .h6.subline-primary { color:var(--color-light); } .subline-highlight2 .h1.subline, .subline-highlight2 .h2.subline, .subline-highlight2 .h3.subline, .subline-highlight2 .h4.subline, .subline-highlight2 .h5.subline, .subline-highlight2 .h6.subline, .subline-highlight2 .h1.subline-primary, .subline-highlight2 .h2.subline-primary, .subline-highlight2 .h3.subline-primary, .subline-highlight2 .h4.subline-primary, .subline-highlight2 .h5.subline-primary, .subline-highlight2 .h6.subline-primary { color:var(--color-highlight2); } .subline-highlight3 .h1.subline, .subline-highlight3 .h2.subline, .subline-highlight3 .h3.subline, .subline-highlight3 .h4.subline, .subline-highlight3 .h5.subline, .subline-highlight3 .h6.subline, .subline-highlight3 .h1.subline-primary, .subline-highlight3 .h2.subline-primary, .subline-highlight3 .h3.subline-primary, .subline-highlight3 .h4.subline-primary, .subline-highlight3 .h5.subline-primary, .subline-highlight3 .h6.subline-primary { color:var(--color-highlight3); } .subline-highlight4 .h1.subline, .subline-highlight4 .h2.subline, .subline-highlight4 .h3.subline, .subline-highlight4 .h4.subline, .subline-highlight4 .h5.subline, .subline-highlight4 .h6.subline, .subline-highlight4 .h1.subline-primary, .subline-highlight4 .h2.subline-primary, .subline-highlight4 .h3.subline-primary, .subline-highlight4 .h4.subline-primary, .subline-highlight4 .h5.subline-primary, .subline-highlight4 .h6.subline-primary { color:var(--color-highlight4); } /* block margin overrides -- start*/ .defaultMargin.blockname .mod_cont {} .defaultMargin .mod_cont { padding-top: 60px; padding-bottom: 60px; } .blockMarginOverride .mod_cont { /* default wenn nur top oder bottom wert gesetzt ist - in dem fall greift .defaultMargin nicht mehr */ padding-top: 60px; padding-bottom: 60px; } .mod_breadcrumb.defaultMargin .mod_cont { padding-top: 0px; padding-bottom: 0px; } /* body davor um block css zu überwerten */ body .mod_headerblock_spacer + a + .mod_slider_a + a + .mod_textblock.defaultMargin .mod_cont, body .mod_headerblock_spacer + a + .mod_slider_a + a + a + .mod_textblock.defaultMargin .mod_cont, body .mod_headerblock_spacer + a + .mod_slider_a + a + a + a + .mod_textblock.defaultMargin .mod_cont { padding-top: 100px; } body .mod_headerblock_spacer + a + .mod_slider_a + a + .mod_breadcrumb + a + .mod_textblock.defaultMargin .mod_cont, body .mod_headerblock_spacer + a + .mod_slider_a + a + .mod_breadcrumb + a + a + .mod_textblock.defaultMargin .mod_cont, body .mod_headerblock_spacer + a + .mod_slider_a + a + .mod_breadcrumb + a + a + a + .mod_textblock.defaultMargin .mod_cont { padding-top: 50px; } body .defaultMargin.accordion_type1 .mod_cont { padding-top: 100px; padding-bottom: 100px; } body .defaultMargin.mod_facts_table .mod_cont { padding-bottom:100px; } body .defaultMargin.mod_facts_table.boxed .mod_cont { padding-top:30px; padding-bottom:10px; } body .defaultMargin.mod_imagebox.mod_imagebox_a.design2.horizontalscroll .mod_cont { padding-top: 100px; padding-bottom: 50px; } @media (max-width: 767px) { /* .defaultMargin:not(.linaraBsTab) .mod_cont { padding-top: 60px !important; padding-bottom: 60px !important; } .defaultMargin.linaraBsTabSubmit .mod_cont, .defaultMargin.linaraBsTab .mod_cont, .defaultMargin.globalnews_detailpage_type1.detailview .mod_cont { padding-top: 0px !important; padding-bottom: 0px !important; } */ .defaultMargin:not(.linaraBsTab) .mod_cont { padding-top: 60px; padding-bottom: 60px; } .defaultMargin.linaraBsTabSubmit .mod_cont, .defaultMargin.linaraBsTab .mod_cont, .defaultMargin.globalnews_detailpage_type1.detailview .mod_cont { padding-top: 0px; padding-bottom: 0px; } .blockMarginOverride.mod_slider_a .mod_cont { padding-bottom: 0px; } } /* wenn gesetzt ersetzt blockMarginOverride die defaultMargin Klasse */ .blockMarginOverride.blockMarginTop_0 .mod_cont { padding-top: 0px; } .blockMarginOverride.blockMarginTop_5 .mod_cont { padding-top: 5px; } .blockMarginOverride.blockMarginTop_10 .mod_cont { padding-top: 10px; } .blockMarginOverride.blockMarginTop_15 .mod_cont { padding-top: 15px; } .blockMarginOverride.blockMarginTop_20 .mod_cont { padding-top: 20px; } .blockMarginOverride.blockMarginTop_25 .mod_cont { padding-top: 25px; } .blockMarginOverride.blockMarginTop_30 .mod_cont { padding-top: 30px; } .blockMarginOverride.blockMarginTop_35 .mod_cont { padding-top: 35px; } .blockMarginOverride.blockMarginTop_40 .mod_cont { padding-top: 40px; } .blockMarginOverride.blockMarginTop_45 .mod_cont { padding-top: 45px; } .blockMarginOverride.blockMarginTop_50 .mod_cont { padding-top: 50px; } .blockMarginOverride.blockMarginTop_55 .mod_cont { padding-top: 55px; } .blockMarginOverride.blockMarginTop_60 .mod_cont, .blockMarginOverride.blockMarginTop_65 .mod_cont, .blockMarginOverride.blockMarginTop_70 .mod_cont, .blockMarginOverride.blockMarginTop_75 .mod_cont, .blockMarginOverride.blockMarginTop_80 .mod_cont, .blockMarginOverride.blockMarginTop_85 .mod_cont, .blockMarginOverride.blockMarginTop_90 .mod_cont, .blockMarginOverride.blockMarginTop_95 .mod_cont, .blockMarginOverride.blockMarginTop_100 .mod_cont, .blockMarginOverride.blockMarginTop_120 .mod_cont, .blockMarginOverride.blockMarginTop_140 .mod_cont, .blockMarginOverride.blockMarginTop_160 .mod_cont, .blockMarginOverride.blockMarginTop_180 .mod_cont, .blockMarginOverride.blockMarginTop_200 .mod_cont, .blockMarginOverride.blockMarginTop_220 .mod_cont, .blockMarginOverride.blockMarginTop_240 .mod_cont, .blockMarginOverride.blockMarginTop_260 .mod_cont, .blockMarginOverride.blockMarginTop_270 .mod_cont, .blockMarginOverride.blockMarginTop_300 .mod_cont { padding-top: 60px; } .blockMarginOverride.blockMarginBottom_0 .mod_cont { padding-bottom: 0px; } .blockMarginOverride.blockMarginBottom_5 .mod_cont { padding-bottom: 5px; } .blockMarginOverride.blockMarginBottom_10 .mod_cont { padding-bottom: 10px; } .blockMarginOverride.blockMarginBottom_15 .mod_cont { padding-bottom: 15px; } .blockMarginOverride.blockMarginBottom_20 .mod_cont { padding-bottom: 20px; } .blockMarginOverride.blockMarginBottom_25 .mod_cont { padding-bottom: 25px; } .blockMarginOverride.blockMarginBottom_30 .mod_cont { padding-bottom: 30px; } .blockMarginOverride.blockMarginBottom_35 .mod_cont { padding-bottom: 35px; } .blockMarginOverride.blockMarginBottom_40 .mod_cont { padding-bottom: 40px; } .blockMarginOverride.blockMarginBottom_45 .mod_cont { padding-bottom: 45px; } .blockMarginOverride.blockMarginBottom_50 .mod_cont { padding-bottom: 50px; } .blockMarginOverride.blockMarginBottom_55 .mod_cont { padding-bottom: 55px; } .blockMarginOverride.blockMarginBottom_60 .mod_cont, .blockMarginOverride.blockMarginBottom_65 .mod_cont, .blockMarginOverride.blockMarginBottom_70 .mod_cont, .blockMarginOverride.blockMarginBottom_75 .mod_cont, .blockMarginOverride.blockMarginBottom_80 .mod_cont, .blockMarginOverride.blockMarginBottom_85 .mod_cont, .blockMarginOverride.blockMarginBottom_90 .mod_cont, .blockMarginOverride.blockMarginBottom_95 .mod_cont, .blockMarginOverride.blockMarginBottom_100 .mod_cont, .blockMarginOverride.blockMarginBottom_120 .mod_cont, .blockMarginOverride.blockMarginBottom_140 .mod_cont, .blockMarginOverride.blockMarginBottom_160 .mod_cont, .blockMarginOverride.blockMarginBottom_180 .mod_cont, .blockMarginOverride.blockMarginBottom_200 .mod_cont, .blockMarginOverride.blockMarginBottom_220 .mod_cont, .blockMarginOverride.blockMarginBottom_240 .mod_cont, .blockMarginOverride.blockMarginBottom_260 .mod_cont, .blockMarginOverride.blockMarginBottom_280 .mod_cont, .blockMarginOverride.blockMarginBottom_300 .mod_cont { padding-bottom: 60px; } @media (min-width: 768px) { .blockMarginOverride.blockMarginTop_0 .mod_cont {padding-top: 0px;} .blockMarginOverride.blockMarginTop_5 .mod_cont {padding-top: 5px;} .blockMarginOverride.blockMarginTop_10 .mod_cont {padding-top: 10px;} .blockMarginOverride.blockMarginTop_15 .mod_cont {padding-top: 15px;} .blockMarginOverride.blockMarginTop_20 .mod_cont {padding-top: 20px;} .blockMarginOverride.blockMarginTop_25 .mod_cont {padding-top: 25px;} .blockMarginOverride.blockMarginTop_30 .mod_cont {padding-top: 30px;} .blockMarginOverride.blockMarginTop_35 .mod_cont {padding-top: 35px;} .blockMarginOverride.blockMarginTop_40 .mod_cont {padding-top: 40px;} .blockMarginOverride.blockMarginTop_45 .mod_cont {padding-top: 45px;} .blockMarginOverride.blockMarginTop_50 .mod_cont {padding-top: 50px;} .blockMarginOverride.blockMarginTop_55 .mod_cont {padding-top: 55px;} .blockMarginOverride.blockMarginTop_60 .mod_cont {padding-top: 60px;} .blockMarginOverride.blockMarginTop_65 .mod_cont {padding-top: 60px;} .blockMarginOverride.blockMarginTop_70 .mod_cont {padding-top: 60px;} .blockMarginOverride.blockMarginTop_75 .mod_cont {padding-top: 60px;} .blockMarginOverride.blockMarginTop_80 .mod_cont {padding-top: 60px;} .blockMarginOverride.blockMarginTop_85 .mod_cont {padding-top: 60px;} .blockMarginOverride.blockMarginTop_90 .mod_cont {padding-top: 60px;} .blockMarginOverride.blockMarginTop_95 .mod_cont {padding-top: 60px;} .blockMarginOverride.blockMarginTop_100 .mod_cont {padding-top: 60px;} .blockMarginOverride.blockMarginTop_120 .mod_cont {padding-top: 60px;} .blockMarginOverride.blockMarginTop_140 .mod_cont {padding-top: 60px;} .blockMarginOverride.blockMarginTop_160 .mod_cont {padding-top: 60px;} .blockMarginOverride.blockMarginTop_180 .mod_cont {padding-top: 60px;} .blockMarginOverride.blockMarginTop_200 .mod_cont {padding-top: 60px;} .blockMarginOverride.blockMarginTop_220 .mod_cont {padding-top: 60px;} .blockMarginOverride.blockMarginTop_240 .mod_cont {padding-top: 60px;} .blockMarginOverride.blockMarginTop_260 .mod_cont {padding-top: 60px;} .blockMarginOverride.blockMarginTop_280 .mod_cont {padding-top: 60px;} .blockMarginOverride.blockMarginTop_300 .mod_cont {padding-top: 60px;} .blockMarginOverride.blockMarginBottom_0 .mod_cont {padding-bottom: 0px;} .blockMarginOverride.blockMarginBottom_5 .mod_cont {padding-bottom: 5px;} .blockMarginOverride.blockMarginBottom_10 .mod_cont {padding-bottom: 10px;} .blockMarginOverride.blockMarginBottom_15 .mod_cont {padding-bottom: 15px;} .blockMarginOverride.blockMarginBottom_20 .mod_cont {padding-bottom: 20px;} .blockMarginOverride.blockMarginBottom_25 .mod_cont {padding-bottom: 25px;} .blockMarginOverride.blockMarginBottom_30 .mod_cont {padding-bottom: 30px;} .blockMarginOverride.blockMarginBottom_35 .mod_cont {padding-bottom: 35px;} .blockMarginOverride.blockMarginBottom_40 .mod_cont {padding-bottom: 40px;} .blockMarginOverride.blockMarginBottom_45 .mod_cont {padding-bottom: 45px;} .blockMarginOverride.blockMarginBottom_50 .mod_cont {padding-bottom: 50px;} .blockMarginOverride.blockMarginBottom_55 .mod_cont {padding-bottom: 55px;} .blockMarginOverride.blockMarginBottom_60 .mod_cont {padding-bottom: 60px;} .blockMarginOverride.blockMarginBottom_65 .mod_cont {padding-bottom: 60px;} .blockMarginOverride.blockMarginBottom_70 .mod_cont {padding-bottom: 60px;} .blockMarginOverride.blockMarginBottom_75 .mod_cont {padding-bottom: 60px;} .blockMarginOverride.blockMarginBottom_80 .mod_cont {padding-bottom: 60px;} .blockMarginOverride.blockMarginBottom_85 .mod_cont {padding-bottom: 60px;} .blockMarginOverride.blockMarginBottom_90 .mod_cont {padding-bottom: 60px;} .blockMarginOverride.blockMarginBottom_95 .mod_cont {padding-bottom: 60px;} .blockMarginOverride.blockMarginBottom_100 .mod_cont {padding-bottom: 60px;} .blockMarginOverride.blockMarginBottom_120 .mod_cont {padding-bottom: 60px;} .blockMarginOverride.blockMarginBottom_140 .mod_cont {padding-bottom: 60px;} .blockMarginOverride.blockMarginBottom_160 .mod_cont {padding-bottom: 60px;} .blockMarginOverride.blockMarginBottom_180 .mod_cont {padding-bottom: 60px;} .blockMarginOverride.blockMarginBottom_200 .mod_cont {padding-bottom: 60px;} .blockMarginOverride.blockMarginBottom_220 .mod_cont {padding-bottom: 60px;} .blockMarginOverride.blockMarginBottom_240 .mod_cont {padding-bottom: 60px;} .blockMarginOverride.blockMarginBottom_260 .mod_cont {padding-bottom: 60px;} .blockMarginOverride.blockMarginBottom_280 .mod_cont {padding-bottom: 60px;} .blockMarginOverride.blockMarginBottom_300 .mod_cont {padding-bottom: 60px;} } @media (min-width: 1200px) { .blockMarginOverride.blockMarginTop_0 .mod_cont {padding-top: 0px;} .blockMarginOverride.blockMarginTop_5 .mod_cont {padding-top: 5px;} .blockMarginOverride.blockMarginTop_10 .mod_cont {padding-top: 10px;} .blockMarginOverride.blockMarginTop_15 .mod_cont {padding-top: 15px;} .blockMarginOverride.blockMarginTop_20 .mod_cont {padding-top: 20px;} .blockMarginOverride.blockMarginTop_25 .mod_cont {padding-top: 25px;} .blockMarginOverride.blockMarginTop_30 .mod_cont {padding-top: 30px;} .blockMarginOverride.blockMarginTop_35 .mod_cont {padding-top: 35px;} .blockMarginOverride.blockMarginTop_40 .mod_cont {padding-top: 40px;} .blockMarginOverride.blockMarginTop_45 .mod_cont {padding-top: 45px;} .blockMarginOverride.blockMarginTop_50 .mod_cont {padding-top: 50px;} .blockMarginOverride.blockMarginTop_55 .mod_cont {padding-top: 55px;} .blockMarginOverride.blockMarginTop_60 .mod_cont {padding-top: 60px;} .blockMarginOverride.blockMarginTop_65 .mod_cont {padding-top: 65px;} .blockMarginOverride.blockMarginTop_70 .mod_cont {padding-top: 70px;} .blockMarginOverride.blockMarginTop_75 .mod_cont {padding-top: 75px;} .blockMarginOverride.blockMarginTop_80 .mod_cont {padding-top: 80px;} .blockMarginOverride.blockMarginTop_85 .mod_cont {padding-top: 85px;} .blockMarginOverride.blockMarginTop_90 .mod_cont {padding-top: 90px;} .blockMarginOverride.blockMarginTop_95 .mod_cont {padding-top: 95px;} .blockMarginOverride.blockMarginTop_100 .mod_cont {padding-top: 100px;} .blockMarginOverride.blockMarginTop_120 .mod_cont {padding-top: 120px;} .blockMarginOverride.blockMarginTop_140 .mod_cont {padding-top: 140px;} .blockMarginOverride.blockMarginTop_160 .mod_cont {padding-top: 160px;} .blockMarginOverride.blockMarginTop_180 .mod_cont {padding-top: 180px;} .blockMarginOverride.blockMarginTop_200 .mod_cont {padding-top: 200px;} .blockMarginOverride.blockMarginTop_220 .mod_cont {padding-top: 220px;} .blockMarginOverride.blockMarginTop_240 .mod_cont {padding-top: 240px;} .blockMarginOverride.blockMarginTop_260 .mod_cont {padding-top: 260px;} .blockMarginOverride.blockMarginTop_280 .mod_cont {padding-top: 280px;} .blockMarginOverride.blockMarginTop_300 .mod_cont {padding-top: 300px;} .blockMarginOverride.blockMarginBottom_0 .mod_cont {padding-bottom: 0px;} .blockMarginOverride.blockMarginBottom_5 .mod_cont {padding-bottom: 5px;} .blockMarginOverride.blockMarginBottom_10 .mod_cont {padding-bottom: 10px;} .blockMarginOverride.blockMarginBottom_15 .mod_cont {padding-bottom: 15px;} .blockMarginOverride.blockMarginBottom_20 .mod_cont {padding-bottom: 20px;} .blockMarginOverride.blockMarginBottom_25 .mod_cont {padding-bottom: 25px;} .blockMarginOverride.blockMarginBottom_30 .mod_cont {padding-bottom: 30px;} .blockMarginOverride.blockMarginBottom_35 .mod_cont {padding-bottom: 35px;} .blockMarginOverride.blockMarginBottom_40 .mod_cont {padding-bottom: 40px;} .blockMarginOverride.blockMarginBottom_45 .mod_cont {padding-bottom: 45px;} .blockMarginOverride.blockMarginBottom_50 .mod_cont {padding-bottom: 50px;} .blockMarginOverride.blockMarginBottom_55 .mod_cont {padding-bottom: 55px;} .blockMarginOverride.blockMarginBottom_60 .mod_cont {padding-bottom: 60px;} .blockMarginOverride.blockMarginBottom_65 .mod_cont {padding-bottom: 65px;} .blockMarginOverride.blockMarginBottom_70 .mod_cont {padding-bottom: 70px;} .blockMarginOverride.blockMarginBottom_75 .mod_cont {padding-bottom: 75px;} .blockMarginOverride.blockMarginBottom_80 .mod_cont {padding-bottom: 80px;} .blockMarginOverride.blockMarginBottom_85 .mod_cont {padding-bottom: 85px;} .blockMarginOverride.blockMarginBottom_90 .mod_cont {padding-bottom: 90px;} .blockMarginOverride.blockMarginBottom_95 .mod_cont {padding-bottom: 95px;} .blockMarginOverride.blockMarginBottom_100 .mod_cont {padding-bottom: 100px;} .blockMarginOverride.blockMarginBottom_120 .mod_cont {padding-bottom: 120px;} .blockMarginOverride.blockMarginBottom_140 .mod_cont {padding-bottom: 140px;} .blockMarginOverride.blockMarginBottom_160 .mod_cont {padding-bottom: 160px;} .blockMarginOverride.blockMarginBottom_180 .mod_cont {padding-bottom: 180px;} .blockMarginOverride.blockMarginBottom_200 .mod_cont {padding-bottom: 200px;} .blockMarginOverride.blockMarginBottom_220 .mod_cont {padding-bottom: 220px;} .blockMarginOverride.blockMarginBottom_240 .mod_cont {padding-bottom: 240px;} .blockMarginOverride.blockMarginBottom_260 .mod_cont {padding-bottom: 260px;} .blockMarginOverride.blockMarginBottom_280 .mod_cont {padding-bottom: 280px;} .blockMarginOverride.blockMarginBottom_300 .mod_cont {padding-bottom: 300px;} } /* block margin overrides -- end */ .btn { border-radius: 0; border-width: 2px; font-size: var(--size-button); font-weight: var(--weight-btn-bold); padding: 8px 10px; letter-spacing: var(--letter-spacing-button); box-shadow: 0 0 0 0rem rgba(0, 0, 0, 0) !important; } .btn.btn-sm { padding: 5px 40px; } .textblockText .btn { margin-bottom: 10px; } /* btn text replacements */ @media (min-width: 768px) { .btn { padding: 10px 40px; } } .btn:disabled, .btn.disabled { cursor: not-allowed; } /* Gr�ner Button, hover weiss, gr�ne outline */ .btn-primary, .btn-primary:visited { color: var(--color-white); background-color: var(--color-highlight); border-color: var(--color-highlight); } .btn-primary:hover, .btn-primary:active, .btn-primary:focus { color: var(--color-highlight); background-color: var(--color-white); border-color: var(--color-highlight); } .blockColorClass_highlight1 .btn-primary, .blockColorClass_highlight1 .btn-primary:visited { color: var(--color-highlight); background-color: var(--color-white); border-color: var(--color-white); } .blockColorClass_highlight1 .btn-primary:hover, .blockColorClass_highlight1 .btn-primary:active, .blockColorClass_highlight1 .btn-primary:focus { color: var(--color-white); background-color: var(--color-highlight); border-color: var(--color-white); } .btn-check:focus + .btn-primary, .btn-primary:focus { color: var(--color-highlight); background-color: var(--color-white); border-color: var(--color-highlight); box-shadow: 0 0 0 0rem #000; } .btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle { color: var(--color-highlight); background-color: var(--color-white); border-color: var(--color-highlight2); } .btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0rem #000; } .btn-primary:disabled, .btn-primary.disabled { color: var(--color-white); background-color: var(--color-darkgray); border-color: var(--color-darkgray); } /* Gr�ner Button weisse outline, hover weiss mit gr�nem text */ .btn-secondary, .btn-secondary:visited { color: var(--color-white); background-color: var(--color-highlight); border-color: var(--color-white); } .btn-secondary:hover { color: var(--color-highlight); background-color: var(--color-white); border-color: var(--color-white); } .btn-check:focus + .btn-secondary, .btn-secondary:focus { color: var(--color-highlight); background-color: var(--color-white); border-color: var(--color-white); box-shadow: 0 0 0 0rem #000; } .btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle { color: var(--color-highlight); background-color: var(--color-white); border-color: var(--color-highlight2); } .btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0rem #000; } .btn-secondary:disabled, .btn-secondary.disabled { color: var(--color-white); background-color: var(--color-darkgray); border-color: var(--color-highlight); } /* Button wei� gr�ne Outline*/ .btn-outline-primary, .btn-outline-primary:visited { color: var(--color-highlight); border-color: var(--color-highlight); background-color: var(--color-white); } .btn-outline-primary:hover { color: var(--color-white); background-color: var(--color-highlight); border-color: var(--color-highlight); } .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus { color: var(--color-white); background-color: var(--color-highlight); border-color: var(--color-highlight); box-shadow: 0 0 0 0rem rgba(13, 110, 253, 0); } .btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show { color: var(--color-white); background-color: var(--color-highlight); border-color: var(--color-highlight2); } .btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus { color: var(--color-white); background-color: var(--color-highlight); border-color: var(--color-highlight2); box-shadow: 0 0 0 0rem rgba(13, 110, 253, 0); } .btn-outline-primary:disabled, .btn-outline-primary.disabled { color: var(--color-white); background-color: var(--color-darkgray); } /* Button transparent weisse Outline*/ .btn-outline-white, .btn-outline-white:visited { color: var(--color-white); border-color: var(--color-white); background-color: transparent; } .btn-outline-white:hover { color: var(--color-highlight); background-color: transparent; border-color: var(--color-highlight); } .btn-check:focus + .btn-outline-white, .btn-outline-white:focus { box-shadow: 0 0 0 0rem rgba(13, 110, 253, 0); } .btn-check:checked + .btn-outline-white, .btn-check:active + .btn-outline-white, .btn-outline-white:active, .btn-outline-white.active, .btn-outline-white.dropdown-toggle.show { color: #fff; background-color: var(--color-highlight); border-color: var(--color-highlight2); } .btn-check:checked + .btn-outline-white:focus, .btn-check:active + .btn-outline-white:focus, .btn-outline-white:active:focus, .btn-outline-white.active:focus, .btn-outline-white.dropdown-toggle.show:focus { box-shadow: 0 0 0 0rem rgba(13, 110, 253, 0); } .btn-outline-white:disabled, .btn-outline-white.disabled { color: var(--color-white); background-color: var(--color-darkgray); } /* main slider ...*/ /* Button transparent weisse Outline, weiss gef�llt default text hover*/ .btn-outline-white-hover-fill, .btn-outline-white-hover-fill:visited { color: var(--color-white); border-color: var(--color-white); background-color: transparent; } .btn-outline-white-hover-fill:hover, .btn-outline-white-hover-fill:focus { color: var(--color-default); background-color: var(--color-white); border-color: var(--color-white); } .btn-check:focus + .btn-outline-white-hover-fill, .btn-outline-white-hover-fill:focus { box-shadow: 0 0 0 0rem rgba(13, 110, 253, 0); } .btn-check:checked + .btn-outline-white-hover-fill, .btn-check:active + .btn-outline-white-hover-fill, .btn-outline-white-hover-fill:active, .btn-outline-white-hover-fill.active, .btn-outline-white-hover-fill.dropdown-toggle.show { color: var(--color-default); background-color: var(--color-white); border-color: var(--color-white); } .btn-check:checked + .btn-outline-white-hover-fill:focus, .btn-check:active + .btn-outline-white-hover-fill:focus, .btn-outline-white-hover-fill:active:focus, .btn-outline-white-hover-fill.active:focus, .btn-outline-white-hover-fill.dropdown-toggle.show:focus { box-shadow: 0 0 0 0rem rgba(13, 110, 253, 0); } .btn-outline-white-hover-fill:disabled, .btn-outline-white-hover-fill.disabled { color: var(--color-white); background-color: var(--color-darkgray); } /* wei�er Button wei�e outline */ .btn-white, .btn-white:visited { color: var(--color-highlight); background-color: var(--color-white); border-color: var(--color-white); } .btn-white:hover { color: var(--color-highlight); background-color: var(--color-white); border-color: var(--color-white); } .btn-check:focus + .btn-white, .btn-white:focus { color: var(--color-highlight); background-color: var(--color-white); border-color: var(--color-white); box-shadow: 0 0 0 0rem #000; } .btn-check:checked + .btn-white, .btn-check:active + .btn-white, .btn-white:active, .btn-white.active, .show > .btn-white.dropdown-toggle { color: var(--color-highlight2); background-color: var(--color-white); border-color: var(--color-white); } .btn-check:checked + .btn-white:focus, .btn-check:active + .btn-white:focus, .btn-white:active:focus, .btn-white.active:focus, .show > .btn-white.dropdown-toggle:focus { box-shadow: 0 0 0 0rem #000; } .btn-white:white, .btn-white.disabled { color: var(--color-white); background-color: var(--color-darkgray); border-color: var(--color-darkgray); } .btn-transparent, .btn-transparent:visited { color: inherit; background-color: transparent; border-color: none; } .btn-white:hover { color: inherit; background-color: transparent; border-color: none; } .btn-check:focus + .btn-white, .btn-white:focus { color: inherit; background-color: transparent; border-color: none; } .btn-check:checked + .btn-white, .btn-check:active + .btn-white, .btn-white:active, .btn-white.active, .show > .btn-white.dropdown-toggle { color: inherit; background-color: transparent; border-color: none; } .btn-check:checked + .btn-white:focus, .btn-check:active + .btn-white:focus, .btn-white:active:focus, .btn-white.active:focus, .show > .btn-white.dropdown-toggle:focus {} .btn-transparent:white, .btn-white.disabled { color: inherit; background-color: transparent; border-color: none; } /* outline button schwarz, weiss auf hightlight */ .btn-outline, .btn-outline:visited { color: var(--color-default); background-color: transparent; border-color: var(--color-default); } .btn-outline:hover { color: var(--color-white); background-color: var(--color-highlight); border-color: var(--color-white); } .btn-check:focus + .btn-outline, .btn-outline:focus { color: var(--color-white); background-color: var(--color-highlight); border-color: var(--color-white); box-shadow: 0 0 0 0rem #000; } .btn-check:checked + .btn-outline, .btn-check:active + .btn-outline, .btn-outline:active, .btn-outline.active, .show > .btn-outline.dropdown-toggle { color: var(--color-highlight2); background-color: var(--color-white); border-color: var(--color-white); } .btn-check:checked + .btn-outline:focus, .btn-check:active + .btn-outline:focus, .btn-outline:active:focus, .btn-outline.active:focus, .show > .btn-outline.dropdown-toggle:focus { box-shadow: 0 0 0 0rem #000; } .btn-outline:white, .btn-outline.disabled { color: var(--color-white); background-color: var(--color-darkgray); border-color: var(--color-darkgray); } .blockColorClass_highlight1 .btn-outline, .blockColorClass_highlight1 .btn-outline:visited { color: var(--color-white); background-color: transparent; border-color: var(--color-white); } .blockColorClass_highlight1 .btn-outline:hover { color: var(--color-highlight); background-color: var(--color-white); border-color: var(--color-white); } .blockColorClass_highlight1 .btn-check:focus + .btn-outline, .blockColorClass_highlight1 .btn-outline:focus { color: var(--color-highlight); background-color: var(--color-white); border-color: var(--color-white); box-shadow: 0 0 0 0rem #000; } .blockColorClass_highlight1 .btn-check:checked + .btn-outline, .blockColorClass_highlight1 .btn-check:active + .btn-outline, .blockColorClass_highlight1 .btn-outline:active, .blockColorClass_highlight1 .btn-outline.active, .blockColorClass_highlight1 .show > .btn-outline.dropdown-toggle { color: var(--color-highlight2); background-color: var(--color-white); border-color: var(--color-white); } .blockColorClass_highlight1 .btn-check:checked + .btn-outline:focus, .blockColorClass_highlight1 .btn-check:active + .btn-outline:focus, .blockColorClass_highlight1 .btn-outline:active:focus, .blockColorClass_highlight1 .btn-outline.active:focus, .blockColorClass_highlight1 .show > .btn-outline.dropdown-toggle:focus { box-shadow: 0 0 0 0rem #000; } .blockColorClass_highlight1 .btn-outline:white, .blockColorClass_highlight1 .btn-outline.disabled { color: var(--color-white); background-color: var(--color-darkgray); border-color: var(--color-darkgray); } /* white button schwarz, weiss auf hightlight */ .btn-white-filter, .btn-white-filter:visited { color: var(--color-default); background-color: var(--color-white); border-color: var(--color-default); } .btn-white-filter:hover, .btn-white-filter:active, .btn-white-filter:focus { color: var(--color-default); background-color: var(--color-white); border-color: var(--color-default); } /* auf bgcolor1 grau */ .blockColorClass_color1 .btn-white-filter, .blockColorClass_color1 .btn-white-filter:visited { color: var(--color-default); background-color: var(--color-lightgray); border-color: var(--color-default); } .blockColorClass_color1 .btn-white-filter:hover, .blockColorClass_color1 .btn-white-filter:active, .blockColorClass_color1 .btn-white-filter:focus { color: var(--color-default); background-color: var(--color-lightgray); border-color: var(--color-default); } .btn-check:focus + .btn-white-filter, .btn-white-filter:focus { color: var(--color-default); background-color: var(--color-white); border-color: var(--color-default); box-shadow: 0 0 0 0rem #000; } .btn-check:checked + .btn-white-filter, .btn-check:active + .btn-white-filter, .btn-white-filter:active, .btn-white-filter.active, .show > .btn-white-filter.dropdown-toggle { color: var(--color-default); background-color: var(--color-white); border-color: var(--color-default); } .btn-check:checked + .btn-white-filter:focus, .btn-check:active + .btn-white-filter:focus, .btn-white-filter:active:focus, .btn-white-filter.active:focus, .show > .btn-white-filter.dropdown-toggle:focus { box-shadow: 0 0 0 0rem #000; } .btn-white-filter:white, .btn-white-filter.disabled { color: var(--color-white); background-color: var(--color-darkgray); border-color: var(--color-darkgray); } /* btn default class cfg im mod_slider_a */ .btn-slider, .btn-slider:visited { color: var(--color-white); border-color: var(--color-highlight); background-color: var(--color-highlight); } .btn-slider:hover, .btn-slider:active, .btn-slider:focus { color: var(--color-highlight); border-color: var(--color-highlight); background-color: var(--color-white); } .btn-slider:focus { box-shadow: 0 0 0 0rem rgba(13, 110, 253, 0); } .btn-slider:active, .btn-slider.active { color: var(--color-default); background-color: var(--color-white); border-color: var(--color-white); } .btn-slider:active:focus, .btn-slider.active:focus { box-shadow: 0 0 0 0rem rgba(13, 110, 253, 0); } .btn-slider:disabled, .btn-slider.disabled { color: var(--color-white); background-color: var(--color-darkgray); } .btn-group-vertical {} .btn-group-vertical .btn { margin-right: 15px; margin-bottom: 15px; } .dropdown-toggle::after { position: relative; right: -25px; } /* bs checkboxes color */ .form-check-input:checked { background-color: var(--color-highlight); border-color: var(--color-highlight); } .form-check-input:focus { border-color: #f0f0f0; outline: 0; box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.2); } /* klcustom to default forms - start */ .modularform .modularinputgroup .modularform_textareainput, .form-control, .form-select, .form-select option, .mod_kontakt_a .form-control, .concludis-bootstrap, .concludis-bootstrap input, .concludis-bootstrap button, .concludis-bootstrap select, .concludis-bootstrap textarea, body.formapply, #concludis_application_form, #concludis_application_form #mobile_body, .formapply #concludis_application_form input, .formapply #concludis_application_form select, .formapply #concludis_application_form textarea { font-family: var(--bs-body-font-family); font-weight: var(--bs-body-font-weight); font-size: var(--bs-body-font-size); line-height: var(--bs-body-line-height); font-size:var(--size-main); line-height:var(--line-main); } .form-control[type="file"], .concludis-bootstrap input[type="file"], .formapply #concludis_application_form input[type="file"] { font-size: var(--bs-body-font-size); line-height: var(--bs-body-line-height); } .modularform .modularinputgroup .modularform_textareainput, textarea, input[type="text"], input[type="email"], input[type="password"], textarea.form-control, .form-control[type="text"], .form-control[type="email"], .form-control[type="password"] { padding: .375rem 0; } #concludis_application_form h1, #concludis_application_form h2, #concludis_application_form h3 { color:inherit; } #concludis_application_form form.idealforms button { border-radius: 480px; } .modularform .modularinputgroup .modularform_textareainput, .form-control, .form-select, .mod_kontakt_a .form-control, #concludis_application_form input, #concludis_application_form select, .modularform .modularinputgroup .textinput, .modularform .modularinputgroup .checkbox, .modularform .modularinputgroup .radio, .modularform .modularinputgroup .textarea { background: transparent; } .modularform .modularinputgroup .modularform_textareainput, .form-control, .form-select, .mod_kontakt_a .form-control, #concludis_application_form input, #concludis_application_form select, .modularform .modularinputgroup .modularform_textinput { background-color: transparent; border:1px solid #dddddd; border-color: #dddddd; border-width: 0px 0px 2px 0px; color:var(--color-default); border-radius:0; box-shadow:none; } .form-select { background-color: #fff; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right .75rem center; background-size: 16px 12px; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form-control:active, .form-control:focus .form-select:active, .form-select:focus, .mod_kontakt_a .form-control:active, .mod_kontakt_a .form-control:focus, #concludis_application_form input:active, #concludis_application_form input:focus, #concludis_application_form select:active, #concludis_application_form select:focus, .modularform .modularinputgroup .modularform_textinput:active, .modularform .modularinputgroup .modularform_textinput:focus { background-color: transparent; border-color: var(--color-highlight); border-width: 0px 0px 2px 0px; color:var(--color-medium); outline: none; box-shadow:none; } .form-select option{ background-color:var(--color-white); border-radius:0; } /* referenzen filter */ .u23design .btn.dropdown-toggle { min-width: 230px; width:auto; border-left: none; border-top: none; border-right: none; border-bottom: 2px solid var(--color-light); border-radius: 0; padding: 10px 30px; color: var(--color-light); text-align: left; } .dropdown-menu { border: 2px solid #ddd; border-radius: 0; width: auto; min-width: 230px; inset: 0px auto auto 0px; margin: 0px; padding:30px 15px 20px 15px; color:var(--color-medium); } .dropdown-menu li { padding:10px 0px 10px 0px; } .form-check-input:checked[type="radio"] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); } .form-check-input:checked { background-color: #0d6efd; border-color: #0d6efd; } .form-check-input[type="radio"] { border-radius: 50%; } /* outer grp */ .modularform .radio.styled, .modularform .checkbox.styled, .form-check { padding-left: 36px; margin-left: -36px; margin-left: 0; } .modularform .radio.styled input[type="radio"], .modularform .checkbox.styled input[type="checkbox"], .form-check .form-check-input { float: left; margin-left: -36px; display:inline-block; width: 26px; height: 26px; margin-top: -1px; margin-left: -36px; vertical-align: top; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: contain; border: 2px solid rgba(0,0,0,.25); -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; color-adjust: exact; } .modularform .radio.styled label, .modularform .checkbox.styled label { padding-left: 0px; } .modularform .radio.styled input:checked, .modularform .checkbox.styled input:checked, .form-check-input:checked { background-color: var(--color-light); border-color: var(--color-light); } .modularform .checkbox.styled input[type="checkbox"], .form-check-input[type="checkbox"] { border-radius: 0.125em; } .modularform .radio.styled input[type="radio"] { border-radius: 50%; } .modularform .radio.styled input:checked[type="radio"] { background-color: var(--color-white); border-color: var(--color-light); border-width: 9px; } .modularform .checkbox.styled input:checked[type="checkbox"], .form-check-input:checked[type="checkbox"] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); background-color: var(--color-light); border-color: var(--color-light); } .modularform .radio.styled input[type="radio"] + label::before, .modularform .checkbox.styled input[type="checkbox"] + label::before { display:none; } .form-select.blog_overview_filter { min-width:280px; } @media (min-width: 768px) { .form-select.blog_overview_filter { width:auto; margin-left:auto; } } /* klcustom to default forms - end */ .mhoverflow {} .mhoverflow .replaced_facticon{} @media (max-width: 991px) { .mhoverflow .replaced_facticon{} } /* default paginations */ .container-pagination { margin-left: auto; margin-right: auto; left: 0; right: 0; /* bottom: -30px; */ height: 12px; line-height: 0; } .swiper-pagination {text-align:center; margin-left: auto; margin-right: auto; position:relative;} .swiper-pagination-bullets .swiper-pagination-bullet { height: 15px; width: 15px; margin: 0 4px; /* background: transparent !important; */ /* border: 1px solid var(--color-light) !important; */ color: var(--color-light); } .blockColorClass_highlight1 .swiper-pagination-bullets .swiper-pagination-bullet { /* background: transparent !important; */ /* border: 1px solid var(--color-light) !important; */ } .swiper-pagination-bullet-active , .mod_slidertext_zweispaltig .imageSlider .swiper-pagination-bullet-active { /* background: var(--color-light) !important; */ /* border-color: var(--color-white) !important; */ color: var(--color-white); } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity:0; } /* all sliders */ .swiper-button-next, .swiper-button-prev { width: 60px; height: 60px; position: absolute; background-color: var(--color-lightgray); background-size: calc(100% - 40px); background-position: center center; background-repeat: no-repeat; border-radius: 60px; } .swiper-slide { background-size: cover; background-position: center center; } .bg-left-top .swiper-slide { background-position: left top; } .bg-left-center .swiper-slide { background-position: left center; } .bg-left-bottom .swiper-slide { background-position: left bottom; } .bg-center-top .swiper-slide { background-position: center top; } .bg-center-center .swiper-slide { background-position: center center; } .bg-center-bottom .swiper-slide { background-position: center bottom; } .bg-right-top .swiper-slide { background-position: right top; } .bg-right-center .swiper-slide { background-position: right center; } .bg-right-bottom .swiper-slide { background-position: right bottom; } .swiper-slide.reverse {transform: scaleX(-1);} .mod_slider_a.reverse .swiper-slide {transform: scaleX(-1);} .globalnews_detailpage_type1 .magazine_TextOverlay .h1, .globalnews_detailpage_type1 .magazine_TextOverlay .h2, .globalnews_newsboxen_type1 .magazine_TextOverlay .h1, .globalnews_newsboxen_type1 .magazine_TextOverlay .h2, .mod_imagebox_b .magazine_TextOverlay .h1, .mod_imagebox_b .magazine_TextOverlay .h2, .mod_slidertext_zweispaltig .imageSlider .h1, .mod_slidertext_zweispaltig .imageSlider .h2, .globalnewsDetailpageSlider .imageSlider .h1, .globalnewsDetailpageSlider .imageSlider .h2, .mod_slider_a .imageSlider .h1, .mod_slider_a .imageSlider .h2 { line-height: 0; } .globalnews_detailpage_type1 .magazine_TextOverlay .h1 span, .globalnews_detailpage_type1 .magazine_TextOverlay .h2 span, .globalnews_newsboxen_type1 .magazine_TextOverlay .h1 span, .globalnews_newsboxen_type1 .magazine_TextOverlay .h2 span, .mod_imagebox_b .magazine_TextOverlay .h1 span, .mod_imagebox_b .magazine_TextOverlay .h2 span { font-family: var(--font-h1); font-style: var(--style-h1); font-weight: var(--weight-h1); font-size: var(--size-h1); line-height: var(--line-h1); font-size: var(--size-h1); line-height: calc(var(--size-h1) * var(--size-h1-height-multiplier)); /*padding: 5px 30px 10px 30px;*/ padding: 5px 15px 10px 15px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-box-decoration-break: clone; box-decoration-break: clone; width: 30%; background-color: var(--color-highlight); color: var(--color-white); margin-bottom: 0px; } @media (max-width: 1280px) { .globalnews_detailpage_type1 .magazine_TextOverlay .h1 span, .globalnews_detailpage_type1 .magazine_TextOverlay .h2 span, .globalnews_newsboxen_type1 .magazine_TextOverlay .h1 span, .globalnews_newsboxen_type1 .magazine_TextOverlay .h2 span, .mod_imagebox_b .magazine_TextOverlay .h1 span, .mod_imagebox_b .magazine_TextOverlay .h2 span { font-size: var(--size-h2); line-height: var(--line-h2); } } .mod_slidertext_zweispaltig .imageSlider .h1 span, .mod_slidertext_zweispaltig .imageSlider .h2 span, .globalnewsDetailpageSlider .imageSlider .h1 span, .globalnewsDetailpageSlider .imageSlider .h2 span, .mod_slider_a .imageSlider .h2 span, .mod_slider_a .imageSlider .h1 span { font-family: var(--font-sliderh1); font-style: var(--style-sliderh1); font-weight: var(--weight-sliderh1); font-size: var(--size-sliderh1); line-height: var(--line-sliderh1); font-size: var(--size-sliderh1); line-height: calc(var(--size-sliderh1) * var(--size-sliderh1-height-multiplier)); /*padding: 5px 30px 10px 30px;*/ padding: 5px 15px 10px 15px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-box-decoration-break: clone; box-decoration-break: clone; width: 30%; background-color: var(--color-highlight); color: var(--color-white); margin-bottom: 0px; } @media (min-width: 992px) { .mod_imagebox_b .magazine_TextOverlay .h1, .mod_imagebox_b .magazine_TextOverlay .h2, .globalnews_detailpage_type1 .magazine_TextOverlay .h1, .globalnews_detailpage_type1 .magazine_TextOverlay .h2, .globalnews_newsboxen_type1 .magazine_TextOverlay .h1, .globalnews_newsboxen_type1 .magazine_TextOverlay .h2 { } .mod_slidertext_zweispaltig .imageSlider .h1 span, .mod_slidertext_zweispaltig .imageSlider .h2 span, .globalnews_detailpage_type1 .magazine_TextOverlay .h1 span, .globalnews_detailpage_type1 .magazine_TextOverlay .h2 span, .mod_imagebox_b .magazine_TextOverlay .h1 span, .mod_imagebox_b .magazine_TextOverlay .h2 span, .globalnews_newsboxen_type1 .magazine_TextOverlay .h1 span, .globalnews_newsboxen_type1 .magazine_TextOverlay .h2 span { font-size: calc(var(--size-sliderh1) * var(--smallbox-headline-scalefactor)); /* line-height: calc(var(--line-sliderh1) * var(--smallbox-headline-scalefactor-line)); */ line-height: calc( var(--size-sliderh1) * var(--smallbox-headline-scalefactor) * var(--smallbox-headline-scalefactor-line) ); } } @media (max-width: 767px) { .globalnews_detailpage_type1 .magazine_TextOverlay, .globalnewsDetailpageSlider .imageSlider .slideContent, .mod_imagebox_b .magazine_TextOverlay, .globalnews_newsboxen_type1 .magazine_TextOverlay { left: 15px !important; } .globalnews_detailpage_type1 .magazine_TextOverlay .h1 span, .globalnews_detailpage_type1 .magazine_TextOverlay .h2 span, .globalnews_newsboxen_type1 .magazine_TextOverlay .h1 span, .globalnews_newsboxen_type1 .magazine_TextOverlay .h2 span, .mod_imagebox_b .magazine_TextOverlay .h1 span, .mod_imagebox_b .magazine_TextOverlay .h2 span { padding: 3px 10px 3px 10px; font-size: var(--size-h1); /* line-height: var(--line-sliderh1) !important; */ line-height: calc(var(--size-h1) * var(--size-h1-height-multiplier)); } .mod_slidertext_zweispaltig .imageSlider .h1 span, .mod_slidertext_zweispaltig .imageSlider .h2 span, .globalnewsDetailpageSlider .imageSlider .h1 span, .globalnewsDetailpageSlider .imageSlider .h2 span, .mod_slider_a .imageSlider .h1 span, .mod_slider_a .imageSlider .h2 span { padding: 3px 10px 3px 10px !important; font-size: var(--size-sliderh1) !important; /* line-height: var(--line-sliderh1) !important; */ line-height: calc(var(--size-sliderh1) * var(--size-sliderh1-height-multiplier)); } } /* u23 mod slider a -- start*/ .mod_slider_a .imageSlider{height: calc(100vw - var(--header-mobile-height));} @media (max-width: 991px) { .mod_slider_a .imageSlider, .defaultdesign.mod_slider_a .imageSlider, .sfm_4by5.defaultdesign.mod_slider_a .imageSlider { height: calc(100vw - var(--header-mobile-height)); height: 125vw; } .sfm_4by3.defaultdesign.mod_slider_a .imageSlider { height: 75vw; } .sfm_1by1.defaultdesign.mod_slider_a .imageSlider { height: 100vw; } .sfm_16by19.defaultdesign.mod_slider_a .imageSlider { height: 56.25vw; } } @media (min-width: 992px) { .mod_slider_a .imageSlider { height: calc(100vh - var(--header-height)); } } .mod_slider_a .imageSlider { overflow:visible; } .defaultdesign.mod_slider_a .imageSlider .swiper-container { overflow:visible; } .mod_slider_a .imageSlider .slideContent { width: 66%; } /* .defaultdesign.mod_slider_a .imageSlider:has(:not(.justify-content-start)) .slideContent, .defaultdesign.mod_slider_a .imageSlider .slideContent {width: calc(100% - 36px - 36px); margin-left: auto; margin-right: auto; z-index:3;} @media (min-width: 992px) { .defaultdesign.mod_slider_a .imageSlider:has(:not(.justify-content-start)) .slideContent, .defaultdesign.mod_slider_a .imageSlider .slideContent {width: calc(100% - 36px - 36px); margin-left: auto; margin-right: auto; max-width:calc(var(--width-mediumwidth) - 36px - 36px);} } */ .mod_slider_a .imageSlider .h1 { margin-bottom: calc(var(--size-sliderh1) * 0.2) !important; } .mod_slider_a .imageSlider .slider-subline { margin-bottom: calc(var(--size-sliderh1) * 0.2); } .mod_slider_a .imageSlider .btn { margin-top: 15px; } .nopagination.mod_slider_a .container-pagination {display:none !important;} .defaultdesign.mod_slider_a .container-pagination {display:none;} .showpagination.mod_slider_a .container-pagination {display:block !important;} .mod_slider_a .imageSlider .swiper-pagination {text-align:center;} .mod_slider_a .imageSlider .swiper-pagination-bullets .swiper-pagination-bullet { height: 12px; width: 12px; background: var(--color-highlight); border: 2px solid var(--color-highlight); margin: 0 8px; } .blockColorClass_highlight1.mod_slider_a .imageSlider .swiper-pagination-bullets .swiper-pagination-bullet { background: var(--color-white); border: 2px solid var(--color-white); } .mod_slider_a .imageSlider .swiper-pagination-bullet-active { background: var(--color-highlight2) !important; border-color: var(--color-highlight2) !important; } @media (max-width: 991px) { .mod_slider_a .imageSlider .slideContent {width: 100%;} } /*mod slider a -- ende*/ .mod_kontakt_a .container.vielendank .color-highlight {color:var(--color-default);} /* u23 mod googlebewertung_slides -- start*/ .nopagination.u23design.mod_googlebewertung_slides .swiper-pagination-bullets {display:none !important;} .u23design.mod_googlebewertung_slides .swiper-pagination-bullets {display:none;} .showpagination.u23design.mod_googlebewertung_slides .swiper-pagination-bullets {display:block !important;} .u23design.mod_googlebewertung_slides .swiper-pagination-googlebewertungen {} .u23design.mod_googlebewertung_slides .swiper-pagination-googlebewertungen {text-align:center;} .u23design.mod_googlebewertung_slides .swiper-pagination-bullet { height: 12px; width: 12px; background: var(--color-highlight); border: 2px solid var(--color-highlight); margin: 0 8px; } .u23design.mod_googlebewertung_slides .swiper-pagination-bullet { background: var(--color-white); border: 2px solid var(--color-white); } .u23design.mod_googlebewertung_slides .swiper-pagination-bullet-active { background: var(--color-highlight2) !important; border-color: var(--color-highlight2) !important; } @media (max-width: 991px) { .u23design.showpagination-mob.mod_googlebewertung_slides .swiper-pagination-bullets {display: block !important;} } /*mod googlebewertung_slides -- ende*/ /* u23 mod_imagebox -- start */ @media (max-width: 991px) { .showpagination-mob.mod_imagebox .container-pagination {display:block !important;} } .showpagination.mod_imagebox .container-pagination {display:block !important;} .nopagination.mod_imagebox .container-pagination {display:none !important;} @media (min-width: 992px) { .mod_imagebox .container-pagination {display:none;} } .mod_imagebox.horizontalscroll .swiper-button-prev, .mod_imagebox.horizontalscroll .swiper-button-next {display:none;} /* wenn keine Bullets gegeben sind durc nopagination, Pfeile zeigen */ @media (max-width: 991px) { .mod_imagebox.horizontalscroll.nopagination .swiper-button-prev, .mod_imagebox.horizontalscroll.nopagination .swiper-button-next {display:block;} } @media (min-width: 992px) { .mod_imagebox.horizontalscroll .swiper-button-prev, .mod_imagebox.horizontalscroll .swiper-button-next {display:block;} .mod_imagebox.horizontalscroll.showpagination-arrows .swiper-button-prev, .mod_imagebox.horizontalscroll.showpagination-arrows .swiper-button-next {display:block;} } .mod_imagebox .container-pagination { margin-left: auto; margin-right: auto; left: 0; right: 0; bottom: -30px; height: 12px; line-height: 0; } .mod_imagebox .swiper-pagination { text-align:center; margin-left: auto; margin-right: auto; left: 0; right: 0; } .mod_imagebox .swiper-pagination-bullets .swiper-pagination-bullet { height: 12px; width: 12px; background: var(--color-highlight); border: 2px solid var(--color-highlight); margin: 0 8px; } .blockColorClass_highlight1.mod_imagebox .swiper-pagination-bullets .swiper-pagination-bullet { background: var(--color-white); border: 2px solid var(--color-white); } .mod_imagebox .swiper-pagination-bullet-active { background: var(--color-highlight2) !important; border-color: var(--color-highlight2) !important; } @media (max-width: 991px) { .mod_imagebox .slideContent {width: 100%;} } /* mod_imagebox -- ende*/ /* u23 mod_slidertext_zweispaltig -- start */ .nopagination.mod_slidertext_zweispaltig .imageSlider .container-pagination {display:none !important;} .mod_slidertext_zweispaltig .imageSlider .container-pagination {display:none;} .showpagination.mod_slidertext_zweispaltig .imageSlider .container-pagination {display:block !important;} .mod_slidertext_zweispaltig .imageSlider { overflow: visible; } .mod_slidertext_zweispaltig .imageSlider .container-pagination { margin-left: auto; margin-right: auto; left: 0; right: 0; bottom: -30px; height: 12px; line-height: 0; } .mod_slidertext_zweispaltig .imageSlider .swiper-pagination { text-align:center; margin-left: auto; margin-right: auto; left: 0; right: 0; bottom: -10px; } .mod_slidertext_zweispaltig .imageSlider .swiper-pagination-bullets .swiper-pagination-bullet { height: 12px; width: 12px; background: var(--color-highlight); border: 2px solid var(--color-highlight); margin: 0 8px; } .blockColorClass_highlight1.mod_slidertext_zweispaltig:not(.fullwidth ) .imageSlider .swiper-pagination-bullets .swiper-pagination-bullet { background: var(--color-white); border: 2px solid var(--color-white); } .mod_slidertext_zweispaltig .imageSlider .swiper-pagination-bullet-active { background: var(--color-highlight2) !important; border-color: var(--color-highlight2) !important; } @media (max-width: 991px) { .mod_slidertext_zweispaltig .imageSlider .slideContent {width: 100%;} .blockColorClass_highlight1.mod_slidertext_zweispaltig .imageSlider .swiper-pagination-bullets .swiper-pagination-bullet, .blockColorClass_highlight1.mod_slidertext_zweispaltig.fullwidth .imageSlider .swiper-pagination-bullets .swiper-pagination-bullet { background: var(--color-white); border: 2px solid var(--color-white); } /* btn auf produktuebersicht in blocktabs mob zentriert */ .blocktabs .mod_slidertext_zweispaltig .mhoverflow + p { text-align:center; } } .slider_zweispaltig_group_wrapper_outer {} .slider_zweispaltig_group_wrapper_outer .slider_zweispaltig_group_wrapper_inner {} @media (max-width: 991px) { .slider_zweispaltig_group_wrapper_outer {} .slider_zweispaltig_group_wrapper_outer .slider_zweispaltig_group_wrapper_inner { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: start; align-items: baseline; overflow-x: scroll; overflow-y: hidden; padding-left: var(--bs-gutter-x); padding-right: var(--bs-gutter-x); } .slider_zweispaltig_group_wrapper_outer .slider_zweispaltig_group_wrapper_inner .mod_slidertext_zweispaltig { } .slider_zweispaltig_group_wrapper_outer .slider_zweispaltig_group_wrapper_inner .mod_slidertext_zweispaltig > .mod_cont > .container { min-width: calc(100vw - 5rem); padding-left: 7.5px; padding-right: 7.5px; } .slider_zweispaltig_group_wrapper_inner:has(> .mod_slidertext_zweispaltig.blockColorClass_color1) { background-color: var(--color-lightgray); } } .headline-hidden.mod_slidertext_zweispaltig .headline { display:none; } /* mod_slidertext_zweispaltig -- ende*/ /* u23 mod_facts_table -- start */ .stylednumbers.mod_facts_table .singlefact { color:var(--color-medium); padding-left:20px; padding-right:20px; } .stylednumbers.mod_facts_table .singlefact:nth-child(1) p:nth-child(1), .stylednumbers.mod_facts_table .singlefact:nth-child(1) span.countto { font-size: var(--size-h0); line-height: var(--line-h0); font-family: var(--font-h0); font-weight: normal; color:var(--color-highlight4); } .stylednumbers.mod_facts_table .singlefact:nth-child(2) p:nth-child(1), .stylednumbers.mod_facts_table .singlefact:nth-child(2) span.countto { font-size: var(--size-h0); line-height: var(--line-h0); font-family: var(--font-main); font-weight: lighter; color:var(--color-highlight); } .stylednumbers.mod_facts_table .singlefact:nth-child(3) p:nth-child(1), .stylednumbers.mod_facts_table .singlefact:nth-child(3) span.countto { font-size: var(--size-h0); line-height: var(--line-h0); font-family: var(--font-h0); font-weight: lighter; color:var(--color-white); text-shadow: -1px -1px 0 var(--color-light), 1px -1px 0 var(--color-light), -1px 1px 0 var(--color-light), 1px 1px 0 var(--color-light), -1px -1px 1px var(--color-light), 1px -1px 1px var(--color-light), -1px 1px 1px var(--color-light), 1px 1px 1px var(--color-light); } .stylednumbers.mod_facts_table .singlefact:nth-child(4) p:nth-child(1), .stylednumbers.mod_facts_table .singlefact:nth-child(4) span.countto { font-size: var(--size-h0); line-height: var(--line-h0); font-family: var(--font-main); font-weight: normal; color:var(--color-highlight2); } .design4.mod_facts_table:not(.color-medium, .color-default, .color-light) .singlefact p b { color:var(--color-default); } .mod_facts_table .container-text {margin-bottom: 20px;} @media (min-width: 992px) { .mod_facts_table .container-text {margin-bottom: 70px;} } .mod_facts_table .container-text .h3 { margin-bottom: 0px; } /* mod_facts_table -- ende */ /*u23 mod_textblock -- start */ .designproduktdetail.mod_textblock {} .designproduktdetail.mod_textblock .headline {text-align:center; margin-bottom:60px;} .designproduktdetail.mod_textblock .subline { font-size: var(--size-h4); line-height: var(--line-h4); font-family: var(--font-h4); font-style: var(--style-h4); font-weight: var(--weight-h4); } @media (min-width: 992px) { .designproduktdetail.mod_textblock .headline { margin-bottom:180px;} .designproduktdetail.mod_textblock .textblockText {max-width:810px} } .designhlleft2.mod_textblock {} .designhlleft2.mod_textblock .headline { } @media (min-width: 992px) { .designhlleft2.mod_textblock .headline { margin-top:100px; } } .design404.mod_textblock .headline { font-size: var(--size-h0); line-height: var(--line-h0); line-height: 120%; font-family: var(--font-h0); font-style: var(--style-h0); font-weight: var(--weight-h0); color:var(--color-highlight4); } @media (min-width: 992px) { .design404.mod_textblock .headline { font-size: calc(var(--size-h0) * 2); line-height: calc(var(--line-h0) * 2); line-height: 120%; font-family: var(--font-h0); font-style: var(--style-h0); font-weight: var(--weight-h0); } } /* mod_textblock -- ende */ .highlightol ol {} .highlightol ol li {} .highlightol ol li::marker { font-weight: var(--weight-bold); color: var(--color-highlight); } .highlightol ol li b:first-child {font-weight: var(--weight-bold); color: var(--color-highlight);} /* breadcrumb -- start*/ /* ist im default css damit [breadcrumb] Textreplacement überall funktioniert */ .bcmenu { padding-top: 15px; padding-bottom: 15px; } .bcmenu ul { list-style: none; padding: 0; margin: 0; display: flex; width: 100%; flex-direction: row; } .bcmenu ul li { } .bcmenu ul li a, .bcmenu ul li span { padding: 0 10px; border-right: 1px solid var(--color-default); display: inline-block; margin: 0px; line-height: 100%; } .bcmenu ul li:first-child span, .bcmenu ul li:first-child a { padding-left:0; } .bcmenu ul li:last-child span, .bcmenu ul li:last-child a { border-right: none; } /* breadcrumb -- ende*/ .memberSolarluxFamily {} .memberSolarluxFamily .strongText { margin: 25px 0px; font-weight: bold; display: block; } .memberSolarluxFamily .solarluxMemberElem { width: fit-content; width: -moz-fit-content; /* border: 1px solid rgb(74, 74, 73); */ padding: 10px 20px 10px 0px; font-weight: bold !important; display: inline; font-size: 24px !important; } .memberSolarluxFamily .solarluxMemberElem::before { content: ''; display: block; background: url('../img/icons/solarlux_icon.svg') no-repeat; width: 20px; height: 20px; float: left; margin: 5px 5px 0 0; } .googleRezensionenText_replaced { height: 50px; display: inline-block; } .googleRezensionenText_replaced span { display: block; float: left; color: var(--color-highlight); } .blockColorClass_highlight1 .googleRezensionenText_replaced span { color: var(--color-white); } .googleRezensionenText_replaced span:first-child { margin-right: 10px; } .googleRezensionenText_replaced span:last-child { margin-left: 10px; } .googleRezensionenText_replaced .star { height: 25px; width: 25px; background-color: var(--color-highlight); } .googleRezensionenText_replaced .star_green { height: 25px; width: 25px; background-image: url('https://mcrcp.mcrobots.slxhost.de/images/global/svg/star_green.svg'); background-image: url('../img/star_green.svg'); background-position: center; background-size: contain; background-repeat: no-repeat; } .googleRezensionenText_replaced .star_gray { height: 25px; width: 25px; background-image: url('https://mcrcp.mcrobots.slxhost.de/images/global/svg/star_gray.svg'); background-image: url('../img/star_gray.svg'); background-position: center; background-size: contain; background-repeat: no-repeat; } @media (max-width: 575px) { .googleRezensionenText_replaced .star_green:nth-child(1) {} .googleRezensionenText_replaced .star_green:nth-child(2) {display:inline;} .googleRezensionenText_replaced .star_green:nth-child(3), .googleRezensionenText_replaced .star_green:nth-child(4), .googleRezensionenText_replaced .star_green:nth-child(5), .googleRezensionenText_replaced .star_green:nth-child(6) {display:none;} } .replaced_icon { display: block; width: 50px; height: 50px; background-size: contain; background-position: center center; background-repeat: no-repeat; margin-bottom: 10px;; } .mod_facts_table:not(.nofill) .replaced_icon { fill: var(--color-highlight); } .replaced_icon + br { display: none; } .replaced_icon svg { height: 100%; width: auto; margin: 0 auto; max-width: 100%; } .replaced_icon .replaced_icon_svg_to_image { height: auto; width: auto; margin: 0 auto; max-width: 100%; } @media (min-width: 992px) { .replaced_icon { width: 75px; height: 75px; } } .replaced_facticon { display: inline-block; width: 33%; float: left; margin-bottom: 2rem; text-align: center; padding: 0 7.5px; word-wrap: break-word; } .replaced_facticon .line1{display:block;} .replaced_facticon .line2{display:block;} .replaced_facticon .replaced_icon { display: block; width: 50px; height: 50px; background-size: contain; background-position: center center; background-repeat: no-repeat; margin-bottom: 1rem; margin-left: auto; margin-right: auto; fill: var(--color-highlight); font-weight: var(--weight-bold); } .replaced_facticon .replaced_icon + br { display: none; } .replaced_facticon .replaced_icon svg { height: 100%; width: auto; margin: 0 auto; max-width: 100%; width: 50px; height: 50px; } @media (min-width: 992px) { .replaced_facticon .replaced_icon { width: 50px; height: 50px; } } .replaced_facticon ~ *:not(.replaced_facticon){ } .mhoverflow::after { content: ""; clear: both; display: table; } .mhoverflow { width: 100%; height: auto; position: relative; display: flex; flex-direction: row; flex-wrap: wrap; } .mhoverflow .replaced_facticon {flex: 0 0 33%; min-width: 180px;} @media (max-width: 991px) { .mhoverflow { flex-wrap: nowrap; overflow-x: scroll; overflow-y: hidden; } } .replaced_bild_link {display:inline-block;} .replaced_bild_s_1by1 {} .replaced_bild_s_4by3 {} .replaced_bild_s_5by4 {} .replaced_bild_s_16by9 {} .accordion-item .replaced_bild { float: left; margin-right: 15px; margin-bottom: 15px; } .circleimagelinks img {border-radius:50%;} /* blocktabs start*/ .blocktabs.designframework {} .blocktabs.designframework .mod_slidertext_zweispaltig .h3.headline { display:none; } .blocktabs.designframework .h3.headline, .blocktabs.designframework .h5.subline{ color:var(--color-highlight); } .blockColorClass_color1.blocktabs.designframework .h3.headline, .blockColorClass_color1.blocktabs.designframework .h5.subline{ color:var(--color-white); color:var(--color-default); } /* blocktabs ende*/ /* accordion_type1 start */ .u23design.accordion_type1 .accordion-item {} .u23design.accordion_type1 .accordion-header {border-bottom: 1px solid var(--color-light); border-bottom:1px solid #dddddd; padding: 23px 0px;} .u23design.accordion_type1 .accordion-item .accordion-button { color: var(--color-medium); font-size:var(--size-big); font-weight:normal; font-family:var(--font-default); line-height: var(--line-default); } .u23design.accordion_type1 .accordion-item .accordion-button { color: var(--color-highlight); } .u23design.accordion_type1 .accordion-item .accordion-button.collapsed { color: var(--color-medium); } .u23design.accordion_type1 .accordion-button:not(.collapsed)::after { content: '\f068'; } .u23design.accordion_type1 .accordion-button {padding-right:1.25rem;} .u23design.accordion_type1 .accordion-button::after { content: ''; display: block; width: 1.25rem; height: 1.25rem; margin: 0px 0px 0px auto; float: right; font-family: 'Font Awesome 5 Pro'; font-weight: 300; content: '\f067'; display: block; vertical-align: middle; background-image: none; transform-origin: center; transition: none; transform: translateY(-6px) translateX(0px); position:relative; right:-1.25rem; } .u23design.accordion_type1 .accordion-body { padding: 1rem 0; } .u23design.accordion_type1 .h3 {margin-bottom: 80px;} @media (max-width: 991px) { .u23design.accordion_type1 .h3 {margin-bottom: 30px;} } /* accordion_type1 ende */ .replace_bildthumbbig { display:block; max-width:100%; margin:10px 0px 10px 0px; } .replace_bildthumbbig img{ max-width:100%; } .replace_bildfull { display:block; max-width:100%; margin:10px 0px 10px 0px; } .replace_bildfull img{ max-width:100%; } .replace_bildthumblink { width: calc(50% - 20px); margin: 10px 10px 10px 0px; height: auto; display: inline-block; overflow: hidden; } .replace_bildthumblink img {width: 100%;} .replace_bildthumblink + .replace_bildthumblink {} @media (min-width: 992px) { .replace_bildthumblink { width: calc(25% - 20px); } } .replaced_contactintrodata {} .replaced_contactintrodata .contactintroAdr {} .replaced_contactintrodata .contactintroname { font-weight: var(--weight-h6); font-size: var(--size-h6);} .replaced_contactintrodata .contactintroTel {margin-bottom: 5px;} .replaced_contactintrodata .contactintroTel a {text-decoration: none;} .replaced_contactintrodata .contactintroTel i {margin-right: 5px;} .replaced_contactintrodata .contactintroTel span {} .replaced_contactintrodata .contactintroMail {margin-bottom: 15px;} .replaced_contactintrodata .contactintroMail a {text-decoration: none;} .replaced_contactintrodata .contactintroMail i {margin-right: 5px;} .replaced_contactintrodata .contactintroMail span {} .replaced_contactintrodata .contactintroOpening {} .replaced_contactintrodata .contactintroOpening .contactintroOpeningHead { font-weight: var(--weight-bold);} .replaced_contactintrodata .contactintroOpening .openingtimesone {} .replaced_contactintrodata .contactintroOpening .openingtimestwo {} .replaced_contactintrodata .contactintroOpening .openingtimesthree {} .replaced_contactintrodata .contactintroOpening .openingtimesone small, .replaced_contactintrodata .contactintroOpening .openingtimestwo small, .replaced_contactintrodata .contactintroOpening .openingtimesthree small { font-size: var(--size-small); line-height: var(--line-small); margin-top: 15px; } .replaced_contactintrodata .contactintroOpening .openingtimesone small, .replaced_contactintrodata .contactintroOpening .openingtimestwo small, .replaced_contactintrodata .contactintroOpening .openingtimesthree small { display: inline-block; } .text-medium .replaced_contactintrodata .contactintroname { font-weight: var(--weight-h4); font-size: var(--size-h4); } /* [weiterlesen=weiterlesen] */ .weiterlesenhref.weiterlesenhref_replace.collapsed {display:inline-block;} .weiterlesenhref.weiterlesenhref_replace {display:none;} .weiterlesencollapse {} .weiterlesencollapse .card{ background-color: inherit; border: none; padding: 0; } .notext .container-solarluxfarbwelt p { display: none !important; } .notitle .container-solarluxfarbwelt .h1, .notitle.sliderblock_halfheight_type1 .slideContent, .notitle .sliderblock_halfheight_type1 .slideContent, .notitle.sliderblock_twocols_type1 .slideContent, .notitle .sliderblock_twocols_type1 .slideContent, .notitle.sliderblock_startseite_type1 .slideContent, .notitle .sliderblock_startseite_type1 .slideContent, .notitle.sliderblock_startseite_type2 .slideContent, .notitle .sliderblock_startseite_type2 .slideContent, .notext .container-solarluxfarbwelt .h2, .notext .container-solarluxfarbwelt .h3 { display: none !important; } .nopagination .container-pagination {display:none;} .showpagination .container-pagination {display:block;} .containerIconsOuter {} .containerIconsOuter .containerIconsInner { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: start; } .containerIconsOuter .containerIconsInner > a, .containerIconsOuter .containerIconsInner > img { margin: 15px 15px 0 0; display: inline-block; } @media (max-width: 991px) { .containerIconsOuter { overflow-y: hidden; overflow-x: scroll; padding: 0 0 20px; } .containerIconsOuter .containerIconsInner { flex-wrap: nowrap; } } .containerIconsScroll { overflow-y: hidden; overflow-x: scroll; padding: 0 0 20px; } .containerIconsScroll .containerIconsInner { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: start; } .containerIconsScroll .containerIconsInner > a, .containerIconsScroll .containerIconsInner > img { margin: 15px 15px 0 0; display: inline-block; width: 190px; flex: 0 0 190px; max-width:25vw; } .containerIconsScroll .containerIconsInner > a img { max-width:100%; } /* a solarlux company logo nach slider zweispaltig*/ .mod_slidertext_zweispaltig.asolarluxcompanyafter .col-imgSliderContainer::after { content: " "; display: block; height: 42px; position: relative; bottom: 0; z-index: 2; background-color: transparent; background-image: url('../img/logo_a_solarlux_company_rgb.svg'); background-repeat: no-repeat; background-position: 0% 100%; background-size: contain; pointer-events: none; width: 100%; left: 0; right: 0; margin-left: auto; margin-right: auto; margin-top:30px; } /* Solarlux Quality Partnerschaft Block Logo */ .container-solarluxqualitypartner {} .container-solarluxqualitypartner .partnerBackground { height: 100%; width: 100%;} .container-solarluxqualitypartner .solarluxqualitypartner-img {height: 200px;} /* Solarlux Farbwelt RAL Kreise und Holzarten - start */ .container-solarluxfarbwelt {} .defaultMargin .mod_cont .container-solarluxfarbwelt { margin-top: 50px; margin-bottom: 50px; } /* htmlcode partnerlogo */ .container-partnerlogo {} .container-partnerlogo .partnerBackground { height: 100%; width: 100%;} .container-partnerlogo .partnerlogo-img {max-height: 200px;} /* u23 */ .container-solarluxqualitypartner .solarluxqualitypartner-img { max-height: 200px; height:auto; } .pns_linara .container-solarluxqualitypartner .solarluxqualitypartner-img {max-height: 140px;} @media (min-width: 992px) { .container-solarluxqualitypartner .solarluxqualitypartner-img {max-width:260px !important;} } .container-zertifiziert .zertifikat-cont {text-align:center;} .container-zertifiziert .zertifikat-cont img { max-height: 200px; height:auto; max-width:50vw; margin-left:auto; margin-right:auto; max-width: 100%; } @media (min-width: 992px) { .container-zertifiziert .zertifikat-cont { text-align:left; width: 13%; /* textblocke linie... */} .container-zertifiziert .col-headline{padding-left: calc(var(--bs-gutter-x) * 1); width:37%;} /* textblocke linie... */ .container-zertifiziert .col-text{} } @media (min-width: 992px) { .container-zertifiziert .zertifikat-cont {max-width:33.33vw;} } .sl__colors, .sl__materials { display: flex; flex-wrap: wrap; justify-content: start; min-width: 320px; } .sl__colors .sl__colors--color, .sl__materials .sl__material { padding: 8px 20px; } @media (min-width: 1200px) { .sl__colors .sl__colors--color, .sl__materials .sl__material { width: 10%; padding: 8px 20px; } } @media (max-width: 1199px) and (min-width: 768px) { .sl__colors .sl__colors--color, .sl__materials .sl__material { width: 12%; } } @media (max-width: 767px) and (min-width: 576px) { .sl__colors .sl__colors--color, .sl__materials .sl__material { width: 18%; } } @media (max-width: 575px) { .sl__colors .sl__colors--color, .sl__materials .sl__material { width: 15%; padding: 8px; } } .sl__colors .sl__colors--color .sl__colors--circle, .sl__materials .sl__material .sl__material--bg { background-size: cover !important; background-repeat: no-repeat !important; background-position: right !important; border-radius: 50%; display: flex; justify-content: center; align-items: center; border: 1px solid var(--color-default); transition: all 100ms ease; } @media (min-width: 992px) { .sl__colors .sl__colors--color .sl__colors--circle, .sl__materials .sl__material .sl__material--bg { height: 95px; width: 95px; } } @media (max-width: 991px) and (min-width: 576px) { .sl__colors .sl__colors--color .sl__colors--circle, .sl__materials .sl__material .sl__material--bg { height: 70px; width: 70px; } } @media (max-width: 575px) { .sl__colors .sl__colors--color .sl__colors--circle, .sl__materials .sl__material .sl__material--bg { height: 45px; width: 45px; } } .sl__colors .sl__colors--color .sl__colors--circle:hover, .sl__materials .sl__material .sl__material--bg:hover { transform: scale(2); transition: all 100ms ease; cursor: pointer; } .sl__colors .sl__colors--color .sl__colors--circle:hover .sl__colors--circle-ral, .sl__materials .sl__material .sl__material--bg:hover .sl__material--name { display: block; } .sl__colors .sl__colors--color .sl__colors--circle .sl__colors--circle-ral, .sl__materials .sl__material .sl__material--bg .sl__material--name { display: none; color: #fff; text-align: center; text-shadow: 1px 1px var(--color-default); } @media (min-width: 992px) { .sl__colors .sl__colors--color .sl__colors--circle .sl__colors--circle-ral { font-size: 18px; line-height: normal; } .sl__materials .sl__material .sl__material--bg .sl__material--name { font-size: 14px; line-height: normal; } } @media (max-width: 991px) { .sl__colors .sl__colors--color .sl__colors--circle .sl__colors--circle-ral { font-size: 9px; line-height: normal; } .sl__materials .sl__material .sl__material--bg .sl__material--name { font-size: 9px; line-height: normal; } } /* Solarlux Farbwelt RAL Kreise und Holzarten - ende */ /* Neu Störer */ .badgeNew { position: absolute; top: 25px; left: 0px; color: var(--color-white); background: var(--color-highlight); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display:none } .badgeNew .badgeText { padding: 10px 20px 10px 20px; font-size: var(--size-h5); } @media (min-width: 768px) { .badgeNew .badgeText { padding: 10px 60px 10px 60px; } } .mod_imagebox_referenzen .badgeNew { /* display: -webkit-box; display: -ms-flexbox; */ display: flex; } #footer { background: var(--color-highlight); color: var(--color-white); padding-top: 75px; } #footer .footer_hl { font-weight: bold; margin-bottom: 25px; height: 30px; font-size: var(--size-h5); } #footer ul { line-height: var(--line-default); padding: 0; list-style: none; margin-bottom: 3rem; } #footer .footer_last span { padding: 0px 5px; } @media (min-width: 568px) { #footer .footer_last span { border-right: 2px solid var(--color-white); padding: 0px 20px; } } #footer .footer_last span:last-child { border: none; } #footer .container-last { border-top: 3px solid white; font-size: var(--size-small); } #footer .footerlogoCont { margin-bottom: 25px; height: 30px; position: relative; } #footer .footerlogoCont img { max-width: 160px; position: absolute; top: -25px; } #footerPartnerLogos .bottomLogoBarContainer { padding-top: 0px; overflow-x: auto; overflow-y: hidden; } @media (min-width: 992px) { #footerPartnerLogos .bottomLogoBarContainer { justify-content: space-evenly; } } #footerPartnerLogos .bottomLogo { flex: 1; background-repeat: no-repeat; background-size: contain; background-position: center; /* filter: grayscale(1); */ margin: 15px 15px 10px; display: flex; height: 36px; max-height: 36px; min-width: 70px; max-width: 120px; justify-content: center; } #footerPartnerLogos .bottomLogo:nth-child(1) { max-width: 160px; max-height: 40px; height: 40px; } #footerPartnerLogos .bottomLogo:hover { filter: none; } #footerPartnerLogos .bottomLogo img { max-width: 100%; object-fit: contain; } .smartcontact { position: fixed; right: 0; top: 50%; z-index: 50; display: none; } @media (min-width: 992px) { .smartcontact { display: block; } } .smartcontact a.smartcontactBtn { display: block; width: 83px; height: 50px; margin-bottom: 6px; background: var(--color-default); color: var(--color-white); transform: translateX(15px); transition: transform 0.1s linear; cursor: pointer; } .smartcontact a.smartcontactBtn:hover { transform: translateX(0px); } .smartcontact a.smartcontactBtn span { display: block; width: 50px; height: 50px; line-height: 50px; text-align: center; } .smartcontact a.smartcontactBtn .user:after { content: ''; display: block; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 496 512' style='enable-background:new 0 0 496 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M248,8C111,8,0,119,0,256s111,248,248,248s248-111,248-248S385,8,248,8z M376,429.6 c-35.9,26.5-80.1,42.4-128,42.4s-92.1-15.9-128-42.4V416c0-35.3,28.7-64,64-64c11.1,0,27.5,11.4,64,11.4c36.6,0,52.8-11.4,64-11.4 c35.3,0,64,28.7,64,64V429.6z M406.6,402.1c-6.8-46.4-46.3-82.1-94.6-82.1c-20.5,0-30.4,11.4-64,11.4S204.6,320,184,320 c-48.3,0-87.8,35.7-94.6,82.1C53.9,363.6,32,312.4,32,256c0-119.1,96.9-216,216-216s216,96.9,216,216 C464,312.4,442.1,363.6,406.6,402.1z M248,120c-48.6,0-88,39.4-88,88s39.4,88,88,88s88-39.4,88-88S296.6,120,248,120z M248,264 c-30.9,0-56-25.1-56-56s25.1-56,56-56s56,25.1,56,56S278.9,264,248,264z'/%3E%3C/svg%3E%0A"); background-position: center; background-repeat: no-repeat; width: 28px; height: 28px; margin: 12px; float: right; transform: translateX(5px); } .smartcontact a.smartcontactBtn .mail:after { content: ''; display: block; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M352,248v-16c0-4.4-3.6-8-8-8H168c-4.4,0-8,3.6-8,8v16c0,4.4,3.6,8,8,8h176C348.4,256,352,252.4,352,248z M168,192h176c4.4,0,8-3.6,8-8v-16c0-4.4-3.6-8-8-8H168c-4.4,0-8,3.6-8,8v16C160,188.4,163.6,192,168,192z M494.6,164.5 c-2-1.6-22.2-17.9-46.6-37.5V96c0-17.7-14.3-32-32-32h-46.5c-4.1-3.3-7.7-6.2-10.2-8.1C337.2,38.2,299.4,0,256,0 c-43.2,0-80.6,37.7-103.3,55.9c-2.5,2-6.1,4.9-10.2,8.1H96c-17.7,0-32,14.3-32,32v31c-24.5,19.7-44.8,36-46.5,37.4 C6.4,173.5,0,187.1,0,201.5V464c0,26.5,21.5,48,48,48h416c26.5,0,48-21.5,48-48V201.5C512,187.2,505.6,173.6,494.6,164.5 L494.6,164.5z M256,32c21.8,0,44.6,16.7,63.1,32H192.9C211.4,48.7,234.3,32,256,32z M96,96h320v173.4c-32.3,26-65.3,52.4-86.6,69.3 c-16.9,13.4-50.2,45.7-73.4,45.3c-23.2,0.4-56.6-31.9-73.4-45.3c-21.3-16.9-54.2-43.3-86.6-69.3V96z M32,201.5 c0-4.8,2.1-9.3,5.8-12.4c1.2-1,11.6-9.4,26.2-21.1v75.6c-11.5-9.3-22.5-18.1-32-25.8V201.5z M480,464c0,8.8-7.2,16-16,16H48 c-8.8,0-16-7.2-16-16V258.9c42.8,34.4,99.3,79.9,130.7,104.8c20.5,16.4,56.7,52.5,93.3,52.3c36.5,0.3,72.3-35.5,93.3-52.3 c31.4-24.9,87.9-70.4,130.7-104.8V464z M480,217.8c-9.6,7.8-20.3,16.3-32,25.8v-75.5c14.4,11.6,24.8,20,26.2,21.1 c3.7,3.1,5.8,7.5,5.8,12.3V217.8z'/%3E%3C/svg%3E%0A"); background-position: center; background-repeat: no-repeat; width: 28px; height: 28px; margin: 12px; float: right; transform: translateX(5px); } .smartcontact a.smartcontactBtn .phone:after { content: ''; display: block; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M493.1,351.3l-108.4-46.5c-12.8-5.5-27.7-1.8-36.5,8.9l-44.1,53.9c-69.4-34.1-125.5-90.2-159.6-159.6l53.9-44.1 c10.7-8.8,14.4-23.7,8.9-36.5L160.8,18.9C154.8,5,139.7-2.6,125,0.8L24.2,24.1C10,27.3-0.1,40,0,54.5C0,307.8,205.3,512,457.5,512 c14.6,0,27.3-10.1,30.5-24.3L511.2,387C514.6,372.3,507,357.3,493.1,351.3z M456.9,480C222.4,479.7,32.3,289.7,32.1,55.2l99.6-23 l46,107.4l-72.8,59.5C153.3,302.3,209.4,358.6,313,407.2l59.5-72.8l107.4,46L456.9,480z'/%3E%3C/svg%3E%0A"); background-position: center; background-repeat: no-repeat; width: 28px; height: 28px; margin: 12px; float: right; transform: translateX(5px); } .smartcontact a.smartcontactBtn .popout { display: block; width: 180px; position: absolute; left: 68px; background: var(--color-default); top: 0; } .smartcontact a.smartcontactBtn:hover { transform: translateX(0px); } @media (min-width: 992px) { .smartcontact a.smartcontactBtn.evSmartcontactTel.desktop:hover { transform: translateX(-160px); } } .smartcontact a.smartcontactBtn small.text { display: none; } #bs-gdpr-cookies-modal.hidden { display: none; } #bs-gdpr-cookies-modal { z-index: 8010; opacity: 1; display: block; color: #000; } #bs-gdpr-cookies-modal.cbmcr h5.modal-title { text-align: center; display: block; width: 100%; } #bs-gdpr-cookies-modal .btn-primary, #bs-gdpr-cookies-modal a.btn-primary { background-color: #000; border: 2px solid #000; color: #fff; border-radius: 40px; padding: 10px 30px; outline: none; font-family: var(--font-main); /*font-size: 18px; */ } .cbmcr .modal-footer button { margin-bottom: 10px !important; } .cbmcr h5.modal-title, .cbmcr h5.advanced-title { margin-top: 10px; } #bs-gdpr-cookies-modal .btn-primary:hover, #bs-gdpr-cookies-modal .btn-primary:active, #bs-gdpr-cookies-modal .btn-primary:focus, #bs-gdpr-cookies-modal a.btn-primary:hover, #bs-gdpr-cookies-modal a.btn-primary:active, #bs-gdpr-cookies-modal a.btn-primary:focus { background-color: #fff; border-color: #000; color: #000; box-shadow: none; } #bs-gdpr-cookies-modal .btn-secondary, #bs-gdpr-cookies-modal a.btn-secondary { background-color: #fff; border: 0px solid #000; color: #000; border-radius: 40px; padding: 10px 30px; outline: none; font-family: var(--font-main); font-size: 20px; } #bs-gdpr-cookies-modal-impdsb .btn-secondary, #bs-gdpr-cookies-modal-impdsb a.btn-secondary { font-size: 15px; font-weight: 400; } #bs-gdpr-cookies-modal .btn-secondary:hover, #bs-gdpr-cookies-modal .btn-secondary:active, #bs-gdpr-cookies-modal .btn-secondary:focus, #bs-gdpr-cookies-modal a.btn-secondary:hover, #bs-gdpr-cookies-modal a.btn-secondary:active, #bs-gdpr-cookies-modal a.btn-secondary:focus { background-color: #fff; border: 0px solid #000; color: #000; text-decoration: underline; box-shadow: none; } .cbmcr #bs-gdpr-cookies-modal-advanced-types input[type='checkbox'] { display: block; } /* to hide the checkbox itself */ .cbmcr #bs-gdpr-cookies-modal-advanced-types input[type='checkbox'] + label:before { font-family: FontAwesome; display: inline-block; position: absolute; left: 0; top: 3px; display: none !important; } .cbmcr #bs-gdpr-cookies-modal-advanced-types input[type='checkbox'] + label:before { content: '\f0c8'; } /* unchecked icon */ .cbmcr #bs-gdpr-cookies-modal-advanced-types input[type='checkbox'] + label:before { letter-spacing: 10px; } /* space between checkbox and label */ .cbmcr #bs-gdpr-cookies-modal-advanced-types input[type='checkbox']:checked + label:before { content: '\f00c'; } /* checked icon */ .cbmcr #bs-gdpr-cookies-modal-advanced-types input[type='checkbox']:checked + label:before { letter-spacing: 5px; } /* allow space for check mark */ #bs-gdpr-cookies-modal-impdsb { display: block; } #bs-gdpr-cookies-modal-imp-link, #bs-gdpr-cookies-modal-dsb-link { background-color: transparent !important; display: inline; color: #333 !important; border: none; } .cbmcr .modal-footer #bs-gdpr-cookies-modal-advanced-btn { background-color: transparent !important; color: #333 !important; } .cbmcr .modal-footer #bs-gdpr-cookies-modal-accept-btn { background-color: transparent !important; color: #333 !important; } .cbmcr .modal-footer #bs-gdpr-cookies-modal-accept-btn:hover, .cbmcr .modal-footer #bs-gdpr-cookies-modal-accept-btn:focus, .cbmcr .modal-footer #bs-gdpr-cookies-modal-accept-btn:active { background-color: #000 !important; color: #fff !important; } .cbmcr .modal-body, .cbmcr .modal-header, .cbmcr .modal-footer { padding: 15px 40px 15px; } .cbmcr .modal-footer { justify-content: center; display: block; } .cbmcr .modal-dialog { max-width: 800px; } #bs-gdpr-cookies-modal-impdsb { display: block; width: 100%; text-align: center; position: relative; top: -40px; } .cbmcr h5.modal-title, .cbmcr h5.advanced-title { font-size: 28px; } #bs-gdpr-cookies-modal-impdsb { top: 0; } .mcrTabHeader { display: block; margin-bottom: 1rem; } .mcrTabHeaderInner { display: inline-block; background-color: var(--color-highlight); color: var(--color-white); padding: 6px 24px; position: relative; font-size: var(--size-h5); line-height: var(--line-h5); cursor: pointer; } .mcrTabsOpen .mcrTabHeader { display: none; } .mcrTabsOpen .mcrTabHeader.open { display: block; } .mcrTabReplaced { display: none; transition: all 0.3s ease; height: auto; } .nope__mcrTabHeader.open + .mcrTabReplaced { display: block; } .mcrTabHeader.open .mcrTabHeaderInner::after { content: ' '; display: block; width: 45px; height: 45px; position: absolute; right: -60px; top: -3px; z-index: 1; /*background-color: #fff;*/ color: var(--color-darkgray); font-size: 30px; text-align: center; line-height: 45px; background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg version='1.1' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg' xmlns:cc='http://creativecommons.org/ns%23' xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23'%3E%3Cmetadata%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage'/%3E%3Cdc:title/%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cpath d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 464c-118.7 0-216-96.1-216-216 0-118.7 96.1-216 216-216 118.7 0 216 96.1 216 216 0 118.7-96.1 216-216 216zm94.8-285.3L281.5 256l69.3 69.3c4.7 4.7 4.7 12.3 0 17l-8.5 8.5c-4.7 4.7-12.3 4.7-17 0L256 281.5l-69.3 69.3c-4.7 4.7-12.3 4.7-17 0l-8.5-8.5c-4.7-4.7-4.7-12.3 0-17l69.3-69.3-69.3-69.3c-4.7-4.7-4.7-12.3 0-17l8.5-8.5c4.7-4.7 12.3-4.7 17 0l69.3 69.3 69.3-69.3c4.7-4.7 12.3-4.7 17 0l8.5 8.5c4.6 4.7 4.6 12.3 0 17z' fill='%234d4d4d'/%3E%3C/svg%3E"); background-size: 90%; background-position: center center; background-repeat: no-repeat; } /* ###########################################################################################################*/ /* bei lin ah bs5 testlink aufgebaut. aufruf über /seite/ID/seitentitel */ /* bs3 blöcke zu bs5 overwqrites start */ /* wraper statt wrapper verwendet -_- */ .wraper16by9 { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 0px; height: 0; } .wraper16by9 .innerCont { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .wraper16by9 iframe.innerCont { position: absolute; top: 0; left: 0; width: 100%; height: 100%; right: 0; bottom: 0; display: block; z-index: 2; } .wraper16by9.wrapper1by1 { position: relative; padding-bottom: 100%; /* 16:9 */ padding-top: 0px; height: 0; } .wraper16by9.wrapperterrassenueberdachungpdf { padding-bottom: 72%; } @media (min-width: 992px) { .wraper16by9.wrapperterrassenueberdachungpdf { padding-bottom: 36%; } } /* default text align */ .ideenbuch_teaser_9bilder .h3, .ideenbuch_teaser_9bilder .h5, .textblock_singlecol .h3, .textblock_singlecol .h5, .productlist_view_ref_type5 .h3, .productlist_view_ref_type5 .h5, .buttonblock_type1 .h3, .buttonblock_type1 .h5, .textblock_twocols .h3, .textblock_twocols .h5, .textblock_singlecol .textblockButtons, .textblock_twocols .textblockButtons, .buttonblock_type1 .textblockButtons { text-align: center; } .productlist_view_ref_type5 a.productItem, .productlist_view_ref_type5 a.productItem .h5 { text-align: left; } /* default paddings */ .defaultMargin.bildblock_newsboxen_type1 .mod_cont { padding-top: 30px; padding-bottom: 30px; } .defaultMargin.textblock_singlecol .mod_cont { padding-top: 30px; padding-bottom: 30px; } .defaultMargin.htmlcode.htmlcode2838 .mod_cont { /* google bewert */ padding-top: 30px; padding-bottom: 30px; } .defaultMargin.productlist_view_ref_type5 .mod_cont { padding-top: 30px; padding-bottom: 30px; } .defaultMargin.bildblock_3bilder_type1 .mod_cont { padding-top: 30px; padding-bottom: 30px; } .defaultMargin.textblock_twocols.mod_textblock .mod_cont { padding-top: 30px; padding-bottom: 30px; } .ideenbuch_teaser_9bilder.bildblock_9bilder_type1 .mod_cont, .ideenbuch_teaser_9bilder.bildblock_9bilder_type1.blockMarginOverride.blockMarginBottom_0 .mod_cont { padding-top: 30px; padding-bottom: 30px; } .googleWert a { text-decoration: none; } .googleWert a .fa-star { color: #fbbc05; } .googleWert a .cb { color: #4285f4; } .googleWert a .cr { color: #ea4335; } .googleWert a .cy { color: #fbbc05; } .googleWert a .cg { color: #34a853; } .googleWert a:hover .cb { color: inherit; } .googleWert a:hover .cr { color: inherit; } .googleWert a:hover .cy { color: inherit; } .googleWert a:hover .cg { color: inherit; } #bwertCont {} #bwertCont .h2 { text-transform: uppercase; } #bwertCont #google-reviews {} #bwertCont #google-reviews .review-item { border: none; } #bwertCont #google-reviews .review-date { font-size: 18px; } #bwertCont #google-reviews .review-text { font-size: 18px; } #bwertCont #google-reviews .review-meta { font-size: 18px; } #bwertCont .btn-default { margin-left: 5px; margin-right: 5px; } #bwertCont .btn-default, #bwertCont .btn-default:visited { color: var(--color-default); background-color: transparent; border-color: var(--color-default); } #bwertCont .btn-default:hover { color: var(--color-white); background-color: var(--color-highlight); border-color: var(--color-white); } .blockColorClass_highlight1 #bwertCont .btn-default, .blockColorClass_highlight1 #bwertCont .btn-default:visited { color: var(--color-white); background-color: transparent; border-color: var(--color-white); } .sliderblock_startseite_type1 .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus) { opacity: 0.5; transform: translate3d(0px, 0px, 0px); } .sliderblock_startseite_type1 .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus) { opacity: 0.5; transform: translate3d(0px, 0px, 0px); } .sliderblock_startseite_type1 .fotorama__arr { background-color: #fff; border-radius: 3px; bottom: 15px; height: 32px; margin-top: -16px; position: absolute; top: auto; width: 32px; background-image: none; font-size: 22px; } .sliderblock_startseite_type1 .fotorama__arr--prev { left: auto; right: 60px; } .sliderblock_startseite_type1 .fotorama__arr--next { left: auto; right: 15px; font-size: 22px; } .sliderblock_startseite_type1 .fotorama__arr--prev:before { font-family: FontAwesome; content: '\f053'; display: inline-block; height: 32px; line-height: 23px; text-align: center; vertical-align: middle; width: 28px; color: #666; font-size: 22px; } .sliderblock_startseite_type1 .fotorama__arr--next:before { font-family: FontAwesome; content: '\f054'; display: inline-block; height: 32px; line-height: 23px; text-align: center; vertical-align: middle; width: 36px; color: #666; font-size: 22px; } .sliderblock_startseite_type1 .fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus) { opacity: 0.5; transform: translate3d(0px, 0px, 0px); } .sliderblock_startseite_type1 .fotorama__fullscreen-icon { background-color: #fff; border-radius: 3px; background-position: 0 -32px; height: 32px; right: auto; left: 15px; top: auto; bottom: 15px; width: 32px; z-index: 20; background-image: none; font-size: 22px; } .sliderblock_startseite_type1 .fotorama__fullscreen-icon:before { font-family: FontAwesome; content: '\f055'; display: inline-block; height: 32px; line-height: 22px; text-align: center; vertical-align: middle; width: 32px; color: #666; font-size: 22px; } .sliderblock_startseite_type1.fotorama--fullscreen .fotorama__arr--prev:before, .sliderblock_startseite_type1.fotorama--fullscreen .fotorama__arr--next:before, .sliderblock_startseite_type1.fotorama--fullscreen .fotorama__fullscreen-icon:before { vertical-align: inherit; } .sliderblock_startseite_type1.fotorama--fullscreen .fotorama__fullscreen-icon:before { vertical-align: inherit; } .sliderblock_startseite_type1 .fotorama__nav-wrap { display: none; } .sliderblock_startseite_type1 .slideContent { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; display: inline-block; position: absolute; right: 33%; text-align: left; color: #fff; padding-left: 0; width: 66%; } @media (min-width: 992px) { .sliderblock_startseite_type1 .slideContent { padding-bottom: 75px; } } .sliderblock_startseite_type1 a .slideContent:hover { text-decoration: none; color: #fff; transition: all 0.2s ease-in-out; } .sliderblock_startseite_type1 .slideContent .h1 { font-family: var(--font-h1); font-size: 30px; transition: all 0.2s ease-in-out; font-size: 24px; line-height: 28px; font-family: var(--font-h1); font-style: var(--style-h1); font-weight: var(--weight-h1); } .sliderblock_startseite_type1 .slideContent .h1 span { background-color: var(--color-highlight); display: inline; padding: 0 15px; -webkit-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone; } .sliderblock_startseite_type1 .slideContent .h1 small p { font-family: var(--font-default); font-size: 18px; line-height: 32px; color: #666; background-color: #fff; display: inline; padding: 5px 15px; font-family: var(--font-h4); font-style: var(--style-h4); font-weight: var(--weight-h4); font-size: var(--size-h4); line-height: var(--line-h4); -webkit-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone; } .sliderblock_startseite_type1 .slideContent .h1 small { transition: all 0.2s ease-in-out; } .sliderblock_startseite_type1 .slideContent:hover .h1 small { transform: translate(30px, 0px); } .sliderblock_startseite_type1 .slideContent.nohref:hover .h1 small { transform: translate(0px, 0px); } .sliderblock_startseite_type1 .slideContent.nohref:hover .h1 { transform: translate(0px, 0px); } .sliderblock_startseite_type1 .slideContent .h1 small p:before { display: none; } @media (min-width: 992px) { .sliderblock_startseite_type1 .slideContent .h1 { font-size: 40px; line-height: 53px; line-height: 55px; } .sliderblock_startseite_type1 .slideContent .h1 { font-size: 60px; line-height: 73px; line-height: 80px; } .sliderblock_startseite_type1 .slideContent .h1 small { margin-top: 15px; } .sliderblock_startseite_type1 .slideContent .h1 small p { font-size: 24px; line-height: 32px; } } @media (min-width: 1200px) { .sliderblock_startseite_type1 .slideContent .h1 { font-size: 60px; line-height: 73px; line-height: 80px; } .sliderblock_startseite_type1 .slideContent .h1 { font-size: 80px; line-height: 98px; line-height: 105px; } .sliderblock_startseite_type1 .slideContent .h1 small { margin-top: 5px; } .sliderblock_startseite_type1 .slideContent .h1 small p { font-size: 24px; line-height: 32px; } } .form-control:focus { box-shadow: 0 0 0 0.25rem rgba(153, 153, 153, 0.25); } /* bs3 blöcke zu bs5 overwqrites ende */ /* ###########################################################################################################*/ /* youtube= Ersetzung und