/* Partnerspezifische CSS */ :root { --bs-gutter-x: 1.5rem; --bs-gutter-x: 36px; --bs-gutter-y: 0; --bs-body-color: #282631; --color-white: #ffffff; --color-black: #282631; --color-default: #282631; /* main text color */ --color-lightgray: #f5f5f5; /* light bg color white/alternatecolor */ /* !important == --color-color1 */ --color-darkgray: #282631;/* light bg color white/alternatecolor */ --color-highlight: #b41029;/* highlight color */ --color-highlight2: #622930;/* highlight alternate color */ --color-magezinetext: #282631;/* special bs color for magazine imageblock_b */ --color-overlaybox: rgba(245, 245, 245, 1);/* f5f5f5 colored overlay box i.e. home product boxes */ --color-overlaytext: #282631; --color-color1: #f5f5f5; /* !important == color-lightgray */ --color-color2: #ffffff; --color-color3: #ffffff; --color-color4: #282631; --color-placeholder: #ccc; --color-bg-medium: #939297; --bs-body-font-size: 18px; /*default*/ --size-main: 18px; --size-default: 18px; --size-sliderh1: 116px; --size-h0: 96px; --size-h1: 60px; --size-h2: 48px; --size-h3: 34px; --size-h4: 25px; --size-h5: 24px; --size-h6: 20px; --size-h7: 18px; --size-button: 18px; /*default*/ --size-magezinetext: 18px; --size-small: 16px; --size-medium: 22px; --size-big: 25px; --size-slider-mb-rem: 3rem; --size-h1-height-multiplier: 1.5; --bs-body-line-height: 150%; /*default*/ --line-normal: 150%; --line-main: 150%; --line-default: 150%; --line-sliderh1: 105%; --line-h0: 105%; --line-h1: 120%; --line-h2: 120%; --line-h3: 120%; --line-h4: 120%; --line-h5: 120%; --line-h6: 120%; --line-h7: 120%; --line-magezinetext: 150%; --line-small: 22px; --line-medium: 30px; --line-big: 150%; --bs-body-font-family: 'Inter'; --font-main: 'Inter'; --font-default: 'Inter'; --font-medium: 'Inter'; --font-bold: 'Inter'; --font-sliderh1: 'Permanent Marker'; --font-h0: 'Permanent Marker'; --font-h1: 'Inter'; --font-h2: 'Inter'; --font-h3: 'Inter'; --font-h4: 'Inter'; --font-h5: 'Inter'; --font-h6: 'Inter'; --font-h7: 'Inter'; --bs-body-font-weight: normal; --style-main: normal; --style-default: normal; --style-sliderh1: normal; --style-h0: normal; --style-h1: normal; --style-h2: normal; --style-h3: normal; --style-h4: normal; --style-h5: normal; --style-h6: normal; --style-h7: normal; --weight-normal: normal; --weight-main: normal; --weight-default: normal; --weight-sliderh1: bold; --weight-h0: bold; --weight-h1: bold; --weight-h2: normal; --weight-h3: normal; --weight-h4: bold; --weight-h5: bold; --weight-h6: bold; --weight-h7: normal; --weight-medium: normal; --weight-bold: bold; --weight-btn-bold: 600; --letter-spacing-button: 0px; --bs-body-font-family: 'Inter'; --bs-body-font-size: 20px; --bs-body-font-weight: 300; --bs-body-line-height: 150%; --bs-body-color: #282631; --smallbox-headline-scalefactor: 0.2; /* 0.7; */ /* headline h1 size scalefactor */ --smallbox-headline-scalefactor-line: 1.85; /* 1.5; */ /* headline h1 size scalefactor 0.75 */ --size-sliderh1-height-multiplier: 1.6; /* 1.375 */ /* für modul mod_headerblock -- start */ --size-headerblock: 18px; --line-headerblock: 30px; --weight-headerblock: normal; --size-headerblock-subul: 18px; --line-headerblock-subul: 30px; --weight-headerblock-subul: normal; --size-headerblock-subulchild: 18px; --line-headerblock-subulchild: 30px; --weight-headerblock-subulchild: normal; --header-height: 100px; --header-height-sticky: 100px; --header-height-negative: -100px; --header-height-sticky-negative: -100px; --header-mobile-height: 80px; --header-mobile-height-negative: -80px; --header-mobile-logo-padding: 10px; --header-mobile-width: 185px; --header-height-spacer: 100px; --header-mobile-height-spacer: 80px; --header-nav-line-height: 76px; --header-nav-font-size: 56px; --color-headerblock-bg: #282631; /* nav bg color */ --color-headerblock-hover-bg: #282631; /* bav leftbar hover color */ --color-headerblock-hover-text: #b41029; /* bav leftbar hover color */ --headerblock-topbar-content-max-width: 1700px; --headerblock-topbar-content-max-width: 1800px; --headerblock-logocontainer-max-width: 300px; --headerblock-logocontainer-max-height: 66px; --headerblock-logo-max-width: 300px; --headerblock-logo-max-height: 66px; --headerblock-logo-max-width-scrolled: 300px; --headerblock-logo-max-height-scrolled: 66px; --headerblock-logo-m-top: 0px; --headerblock-logo-m-left: 25px; --headerblock-leftbar-width: 120px; --headerblock-leftbar-default-bordercolor: #ffffff; --color-headerblock-flyout-bg: #282631; --color-headerblock-mainmenu-a-hover: #b41029; --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: #282631; --color-medium: #939297; --color-light: #a8a8a7; --color-highlight: #b41029; --color-highlight2: #622930; --color-highlight3: #b41029; --color-highlight4: #b41029; --color-bg-default: #ffffff; --color-bg-light: #f5f5f5; --width-extrasmallwidth: 810px; --width-smallwidth: 960px; --width-mediumwidth: 1140px; --width-widewidth: 1320px; --width-extrawidewidth: 1480px; /* 1600 */ --width-headerwidth: 1800px; --container-upper-max-width: 3660px; } @media (max-width: 1499px) { :root { --bs-body-font-size: 16px; /*default*/ --size-main: 16px; --size-default: 16px; --size-sliderh1: 72px; --size-h0: 72px; --size-h1: 56px; --size-h2: 42px; --size-h3: 34px; --size-h4: 24px; --size-h5: 24px; --size-h6: 20px; --size-h7: 16px; --size-button: 16px; /*default*/ --size-magezinetext: 16px; /* --bs-body-line-height: 150%; / * default * / --line-normal: 150%; --line-main: 150%; --line-default: 150%; --line-sliderh1: 110px; --line-h0: 82px; --line-h1: 66px; --line-h2: 52px; --line-h3: 42px; --line-h4: 36px; --line-h5: 32px; --line-h6: 24px; --line-h7: 26px; --line-magezinetext: 150%; */ --header-nav-line-height: 42px; --header-nav-font-size: 32px; --headerblock-logo-m-top: 0px; --headerblock-logo-m-left: 0px; --headerblock-logocontainer-max-width: 220px; --size-small: 14px; --size-medium: 18px; --size-big: 22px; --line-small: 150%; --line-medium: 150%; --line-big: 150%; --headerblock-logo-max-width: 200px; --headerblock-logo-max-height: 50px; --headerblock-logo-max-width-scrolled: 200px; --headerblock-logo-max-height-scrolled: 50px; } } @media (max-width: 1199px) { :root { --bs-body-font-size: 16px; /*default*/ --size-main: 16px; --size-default: 16px; --size-sliderh1: 100px; --size-sliderh1: 60px; --size-h0: 60px; --size-h1: 56px; --size-h2: 42px; --size-h3: 34px; --size-h4: 24px; --size-h5: 24px; --size-h6: 20px; --size-h7: 16px; --size-button: 16px; /*default*/ --size-magezinetext: 16px; --bs-body-line-height: 150%; --line-normal: 150%; --line-main: 150%; --line-default: 150%; --line-sliderh1: 105%; --line-h0: 105%; --line-h1: 120%; --line-h2: 120%; --line-h3: 120%; --line-h4: 120%; --line-h5: 120%; --line-h6: 120%; --line-h7: 120%; --line-magezinetext: 150%; --line-small: 22px; --line-medium: 30px; --line-big: 150%; --header-nav-line-height: 42px; --header-nav-font-size: 32px; --headerblock-logo-m-top: 0px; --headerblock-logo-m-left: 0px; --size-small: 14px; --size-medium: 16px; --size-big: 22px; --line-small: 150%; --line-medium: 150%; --line-big: 150%%; --headerblock-logo-max-width: 200px; --headerblock-logo-max-height: 50px; --headerblock-logo-max-width-scrolled: 200px; --headerblock-logo-max-height-scrolled: 50px; } } @media (max-width: 992px) { :root { --size-headerblock: 16px; --line-headerblock: 24px; --size-headerblock-subul: 16px; --line-headerblock-subul: 24px; --size-headerblock-subulchild: 16px; --line-headerblock-subulchild: 24px; --bs-body-font-size: 16px; /*default*/ --size-main: 16px; --size-default: 16px; --size-sliderh1: 60px; --size-h0: 60px; --size-h1: 36px; --size-h2: 30px; --size-h3: 24px; --size-h4: 16px; --size-h5: 16px; --size-h6: 20px; --size-h7: 16px; --size-button: 16px; /*default*/ --size-magezinetext: 16px; --bs-body-line-height: 150%; --line-normal: 150%; --line-main: 150%; --line-default: 150%; --line-sliderh1: 105%; --line-h0: 105%; --line-h1: 120%; --line-h2: 120%; --line-h3: 120%; --line-h4: 120%; --line-h5: 120%; --line-h6: 120%; --line-h7: 120%; --line-magezinetext: 150%; --line-small: 22px; --line-medium: 30px; --line-big: 150%; --header-nav-line-height: 36px; --header-nav-font-size: 18px; --headerblock-logo-m-top: 0px; --headerblock-logo-m-left: 0px; --size-small: 14px; --size-medium: 16px; --size-big: 16px; --line-small: 150%; --line-medium: 150%; --line-big: 150%%; --size-slider-mb-rem: 1rem; --headerblock-logo-max-width: 200px; --headerblock-logo-max-height: 50px; --headerblock-logo-max-width-scrolled: 200px; --headerblock-logo-max-height-scrolled: 50px; } } @media (max-width: 768px) { :root { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; --bs-body-font-size: 16px; /*default*/ --size-main: 16px; --size-default: 16px; --size-sliderh1: 60px; --size-h0: 48px; --size-h1: 36px; --size-h2: 30px; --size-h3: 24px; --size-h4: 16px; --size-h5: 16px; --size-h6: 16px; --size-h7: 16px; --size-button: 16px; /*default*/ --size-magezinetext: 16px; --size-small: 14px; --bs-body-line-height: 150%; --line-normal: 150%; --line-main: 150%; --line-default: 150%; --line-sliderh1: 105%; --line-h0: 105%; --line-h1: 120%; --line-h2: 120%; --line-h3: 120%; --line-h4: 120%; --line-h5: 120%; --line-h6: 120%; --line-h7: 120%; --line-magezinetext: 150%; --line-small: 22px; --line-medium: 30px; --line-big: 150%; --header-nav-line-height: 36px; --header-nav-font-size: 18px; } } @media (max-width: 479px) { :root { --bs-body-font-size: 14px; /*default*/ --size-main: 14px; --size-default: 14px; --size-sliderh1: 60px; --size-h0: 42px; --size-h1: 36px; --size-h2: 30px; --size-h3: 24px; --size-h4: 18px; --size-h5: 14px; --size-h6: 14px; --size-h7: 14px; --size-button: 14px; /*default*/ --size-magezinetext: 14px; --size-small: 12px; --bs-body-line-height: 150%; --line-normal: 150%; --line-main: 150%; --line-default: 150%; --line-sliderh1: 105%; --line-h0: 105%; --line-h1: 120%; --line-h2: 120%; --line-h3: 120%; --line-h4: 120%; --line-h5: 120%; --line-h6: 120%; --line-h7: 120%; --line-magezinetext: 150%; --line-small: 22px; --line-medium: 30px; --line-big: 150%; } } body { font-family: var(--font-default); font-size: var(--size-default); font-weight: var(--weight-default); line-height: var(--line-default); } a, a:visited { color: var(--color-default); } a:hover, a:focus { color: var(--color-highlight); } /* container body l r padding global größer -- start */ .bildblock_9bilder_type1 .container.container-images, .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .headerblock_design_flyoutacc.mod_headerblock .navTopBar .container-fluid, .headerblock_design_flyoutacc.mod_headerblock .navTopBarOverMenu .container-fluid, .headerblock_design_flyoutacc.mod_headerblock .containerCollapsingMenu.collapse-vertical .containerAnimatedScrollableArea, .defaultdesign.mod_slider_a .imageSlider .slideContent .slideContentInner2 { padding-right: var(--bs-gutter-x,1.5rem); padding-left: var(--bs-gutter-x,1.5rem); } /* container body l r padding global größer -- ende*/ @media (min-width: 768px) { /* container body l r padding global größer -- start */ .bildblock_9bilder_type1 .container.container-images, .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .headerblock_design_flyoutacc.mod_headerblock .navTopBar .container-fluid, .headerblock_design_flyoutacc.mod_headerblock .navTopBarOverMenu .container-fluid, .headerblock_design_flyoutacc.mod_headerblock .containerCollapsingMenu.collapse-vertical .containerAnimatedScrollableArea, .defaultdesign.mod_slider_a .imageSlider .slideContent .slideContentInner2 { padding-right: var(--bs-gutter-x,1.5rem); padding-left: var(--bs-gutter-x,1.5rem); } /* container body l r padding global größer -- ende*/ } .blockColorClass_color4 { background-color: var(--color-color4); } .bold, b, strong, .strong { font-weight: var(--weight-bold); font-family: var(--font-bold); } /* u23 */ .mod_imagebox.displaymode_imagebox_a .h1, .mod_imagebox.displaymode_imagebox_a .h2, .mod_imagebox.displaymode_imagebox_a .h3, .mod_imagebox.displaymode_imagebox_a .h4, .mod_imagebox.displaymode_imagebox_a .h5 { margin-bottom: 14px; } .mod_slider_a .imageSlider .btn, .mod_slider_a .imageSlider .btn:visited { color: var(--color-white); background-color: var(--color-highlight); border-color: var(--color-highlight); } .mod_slider_a .imageSlider .btn:active, .mod_slider_a .imageSlider .btn:hover { color: var(--color-white); background-color: var(--color-default); border-color: var(--color-default); } .globalnews_detailpage_type1.detailview .mod_slider_a.blockMarginOverride .mod_cont {padding-top:0; padding-bottom:0;} @media (min-width: 1399px){ .u23design.globalnews_detailpage_type1 .globalnewsDetailpageText .textblockText .introPart { /* margin-left: -20%; */ /* margin-right: -20%; */ } } .u23design.globalnews_detailpage_type1 .text-newscategory-cont {display:none;} .u23design.globalnews_detailpage_type1 .filterrow {display:none;} /* facticon */ .replaced_facticon .replaced_icon { fill: var(--color-default); } .replaced_facticon .line1 { font-family: var(--font-bold); font-weight: var(--weight-bold); } .replaced_contactintrodata .contactintroTel i {margin-right: 12px;} .replaced_contactintrodata .contactintroTel i::before { content:"T"; font-weight: var(--weight-normal); font-family: var(--font-bold); color: var(--color-highlight2); } .replaced_contactintrodata .contactintroMail i {margin-right: 12px;} .replaced_contactintrodata .contactintroMail i::before { content:"M"; font-weight: var(--weight-normal); font-family: var(--font-bold); color: var(--color-highlight2); } .replaced_contactintrodata a.replaced_contactintrodata_mail_link { color:var(--color-highlight2); text-decoration:none; } .replaced_contactintrodata a.replaced_contactintrodata_mail_link:hover { color:var(--color-highlight); text-decoration:none; } .replaced_contactintrodata p {margin-bottom:0;} .replaced_contactintrodata p.contactintroOpening {margin-top:30px; margin-bottom:30px;} .replaced_contactintrodata p.contactintroAdr {margin-bottom:0px;} .replaced_contactintrodata p.contactintroTel {margin-bottom:0px;} .replaced_contactintrodata p.contactintroMail {margin-bottom:0px;} @media (max-width: 991px){ .blockMarginOverride.blockMarginBottom_40 .mod_cont, .blockMarginOverride.blockMarginBottom_50 .mod_cont, .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: 40px; } .blockMarginOverride.blockMarginTop_40 .mod_cont, .blockMarginOverride.blockMarginTop_50 .mod_cont, .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: 40px; } } @media (max-width: 767px){ .blockMarginOverride.blockMarginBottom_20 .mod_cont, .blockMarginOverride.blockMarginBottom_30 .mod_cont, .blockMarginOverride.blockMarginBottom_40 .mod_cont, .blockMarginOverride.blockMarginBottom_50 .mod_cont, .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: 20px; } .blockMarginOverride.blockMarginTop_20 .mod_cont, .blockMarginOverride.blockMarginTop_30 .mod_cont, .blockMarginOverride.blockMarginTop_40 .mod_cont, .blockMarginOverride.blockMarginTop_50 .mod_cont, .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: 20px; } } /* pad adjust */ .u23design.mod_imagebox.displaymode_imagebox_a.activeDesign_design2 .containerImagebox .row-imagebox-images {--bs-gutter-x: 1.5rem ; margin-left: calc(var(--bs-gutter-x) * -1.125); margin-right: calc(var(--bs-gutter-x) * -1.125); margin-left:-24px; margin-right:-24px;} @media (min-width: 992px){ .u23design.mod_imagebox.displaymode_imagebox_a.activeDesign_design2 .containerImagebox .row-imagebox-images {-bs-gutter-x: 1.5rem; margin-left: 2rem; margin-right: 2rem;} } .u23design.mod_imagebox.displaymode_imagebox_b.horizontalscroll:not(.extrasmallwidth, .smallwidth, .mediumwidth, .extrawidewidth, .fullwidth, .headerwidth) .row.magazineRow {margin-left: -1.5rem; margin-right: -1.5rem;} @media (min-width: 992px){ .u23design.mod_imagebox.displaymode_imagebox_b.horizontalscroll:not(.extrasmallwidth, .smallwidth, .mediumwidth, .extrawidewidth, .fullwidth, .headerwidth) .row.magazineRow {margin-left: -1.5rem; margin-right: -1.5rem;} } .htmlcode .container-solarluxqualitypartner {padding-left: 38px; padding-right: 38px;} @media (min-width: 992px){ .htmlcode .container-solarluxqualitypartner {padding-left: 50px; padding-right: 50px;} } /* .u23design.mod_imagebox.displaymode_imagebox_b.horizontalscroll.extrawidewidth .row.magazineRow {--bs-gutter-x: 1.5rem; margin-right: calc(var(--bs-gutter-x) * -.5); margin-left: calc(var(--bs-gutter-x) * -.5);} */ .btn { border-radius: 60px; border-width: 2px; font-size: var(--size-button); line-height: var(--size-button); font-weight: var(--weight-btn-bold); font-family: var(--font-medium); padding: 12px 14px 12px 14px; letter-spacing: var(--letter-spacing-button); box-shadow: 0 0 0 0rem rgba(0, 0, 0, 0) !important; min-width:200px; } @media (min-width: 768px) { .modularform_funnel .funnel_checkbox .btn-inputLabel, .modularform_funnel .funnel_radiobutton .btn-inputLabel, .btn {padding:12px 24px 12px 24px;} } .btn .imgContent { border-radius: 35px } .mod_kontakt_a .btn-outline, .mod_kontakt_a .btn-outline:visited, .btn-primary, .btn-primary:visited { color: var(--color-white); background-color: var(--color-default); border-color: var(--color-default); } .mod_kontakt_a .btn-outline:active, .mod_kontakt_a .btn-outline:hover, .btn-primary:active, .btn-primary:hover { color: var(--color-default); background-color: var(--color-white); border-color: var(--color-default); } .mod_kontakt_a .btn-outline.disabled, .mod_kontakt_a .btn-outline:disabled, .btn-primary.disabled, .btn-primary:disabled, fieldset:disabled .btn-primary { color: var(--color-white); background-color: var(--color-light); border-color: var(--color-light); } .blockColorClass_color4 .btn-primary, .blockColorClass_color4 .btn-primary:visited { color: var(--color-white); background-color: var(--color-default); border-color: var(--color-white); } .blockColorClass_color4 .btn-primary:active, .blockColorClass_color4 .btn-primary:hover { color: var(--color-white); background-color: var(--color-highlight); border-color: var(--color-highlight); } .blockColorClass_color4 .btn-primary.disabled, .blockColorClass_color4 .btn-primary:disabled, .blockColorClass_color4 fieldset:disabled .btn-primary { color: var(--color-white); background-color: var(--color-highlight4); border-color: var(--color-highlight4); } .btn-secondary, .btn-secondary:visited { color: var(--color-default); background-color: var(--color-white); border-color: var(--color-default); } .btn-secondary:active, .btn-secondary:hover { color: var(--color-white); background-color: var(--color-highlight); border-color: var(--color-highlight); } .btn-secondary.disabled, .btn-secondary:disabled, fieldset:disabled .btn-secondary { color: var(--color-white); background-color: var(--color-light); border-color: var(--color-light); } .blockColorClass_highlight1 .btn-secondary, .blockColorClass_highlight1 .btn-secondary:visited { color: var(--color-highlight); background-color: var(--color-white); border-color: var(--color-white); } .blockColorClass_highlight1 .btn-secondary:active, .blockColorClass_highlight1 .btn-secondary:hover { color: var(--color-white); background-color: var(--color-highlight2); border-color: var(--color-highlight2); } .blockColorClass_highlight1 .btn-secondary.disabled, .blockColorClass_highlight1 .btn-secondary:disabled, .blockColorClass_highlight1 fieldset:disabled .btn-secondary { color: var(--color-white); background-color: var(--color-light); border-color: var(--color-light); } .btn-outline-primary, .btn-outline-primary:visited, .btn-outline, .btn-outline:visited { color: var(--color-default); background-color: var(--color-white); border-color: var(--color-default); } .btn-outline-primary:active, .btn-outline-primary:hover, .btn-outline:active, .btn-outline:hover { color: var(--color-white); background-color: var(--color-highlight); border-color: var(--color-highlight); } .bg-highlight .btn-outline-primary, .bg-highlight .btn-outline-primary:visited, .bg-highlight .btn-outline, .bg-highlight .btn-outline:visited { color: var(--color-white); background-color: var(--color-highlight); border-color: var(--color-white); } .bg-highlight .btn-outline-primary:active, .bg-highlight .btn-outline-primary:hover, .bg-highlight .btn-outline:active, .bg-highlight .btn-outline:hover { color: var(--color-white); background-color: var(--color-highlight2); border-color: var(--color-highlight2); } .btn-outline-primary.disabled, .btn-outline-primary:disabled, fieldset:disabled .btn-outline-primary, .btn-outline.disabled, .btn-outline:disabled, fieldset:disabled .btn-outline { color: var(--color-white); background-color: var(--color-light); border-color: var(--color-light); } .btn-outline-secondary, .btn-outline-secondary:visited, .btn-outline-white, .btn-outline-white:visited { color: var(--color-highlight); background-color: var(--color-white); border-color: var(--color-highlight); } .btn-outline-secondary:active, .btn-outline-secondary:hover, .btn-outline-white:active, .btn-outline-white:hover { color: var(--color-highlight2); background-color: var(--color-white); border-color: var(--color-highlight2); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled, fieldset:disabled .btn-outline-secondary, .btn-outline-white.disabled, .btn-outline-white:disabled, fieldset:disabled .btn-outline-white { color: var(--color-highlight4); background-color: var(--color-white); border-color: var(--color-highlight4); } .btn.btn_replaced.btn-primary, .btn.btn_replaced.btn-primary:visited { background-color:transparent; border-color:transparent; color:var(--color-default); padding:0; min-width: 100px; } .btn.btn_replaced.btn-primary:hover, .btn.btn_replaced.btn-primary:focus, .btn.btn_replaced.btn-primary:active, .btn.btn_replaced.btn-primary.active { background-color:transparent; border-color:transparent; color:var(--color-highlight); } .blockColorClass_highlight1 .btn.btn_replaced.btn-primary, .blockColorClass_highlight1 .btn.btn_replaced.btn-primary:visited, .blockColorClass_highlight4 .btn.btn_replaced.btn-primary, .blockColorClass_highlight4 .btn.btn_replaced.btn-primary:visited, .bg-default .btn.btn_replaced.btn-primary, .bg-default .btn.btn_replaced.btn-primary:visited { background-color:transparent; border-color:transparent; color:var(--color-white); } .bg-default .btn.btn_replaced.btn-primary:hover, .bg-default .btn.btn_replaced.btn-primary:focus, .bg-default .btn.btn_replaced.btn-primary:active, .bg-default .btn.btn_replaced.btn-primary.active { background-color:transparent; border-color:transparent; color:var(--color-highlight); } .blockColorClass_highlight1 .btn.btn_replaced.btn-primary:hover, .blockColorClass_highlight1 .btn.btn_replaced.btn-primary:focus, .blockColorClass_highlight1 .btn.btn_replaced.btn-primary:active, .blockColorClass_highlight1 .btn.btn_replaced.btn-primary.active, .blockColorClass_highlight4 .btn.btn_replaced.btn-primary:hover, .blockColorClass_highlight4 .btn.btn_replaced.btn-primary:focus, .blockColorClass_highlight4 .btn.btn_replaced.btn-primary:active, .blockColorClass_highlight4 .btn.btn_replaced.btn-primary.active { background-color:transparent; border-color:transparent; color:var(--color-default); } .btn.btn_replaced.btn-primary::after, .mod_slider_a .imageSlider .btn.btn-slider::after { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Pro"; font-weight: 300; content: "\f061"; font-size: 150%; margin-left: 12px; position: relative; top: auto; bottom: -4px; transition:margin 0.2s ease; } .mod_slider_a .imageSlider .btn.btn-slider:hover::after, .mod_slider_a .imageSlider .btn.btn-slider:focus::after, .mod_slider_a .imageSlider .btn.btn-slider:active::after, .mod_slider_a .imageSlider .btn.btn-slider.active::after, .btn.btn_replaced.btn-primary:hover::after, .btn.btn_replaced.btn-primary:focus::after, .btn.btn_replaced.btn-primary:active::after, .btn.btn_replaced.btn-primary.active::after { margin-left:18px; } /* 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 8px; 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; } .swiper-button-prev { display: none; width: 40px; height: 80px; position: absolute; left: 0; top: 50%; top: calc(50% - 20px); background-color: var(--color-default); background-image: url("https://mcrcp.mcrobots.slxhost.de/images/svg_icons/long-arrow-left.svg"); background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); background-size: calc(100% - 25px); background-position: 30% 50%; background-repeat: no-repeat; border-radius: 0px 80px 80px 0px; } .swiper-button-next { display: none; width: 40px; height: 80px; position: absolute; right: 0; top: 50%; top: calc(50% - 20px); background-color: var(--color-default); background-image: url("https://mcrcp.mcrobots.slxhost.de/images/svg_icons/long-arrow-right.svg"); background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); background-size: calc(100% - 25px); background-position: 70% 50%; background-repeat: no-repeat; border-radius: 80px 0px 0px 80px; } .blockColorClass_color1 .swiper-button-prev, .blockColorClass_color1 .swiper-button-next {background-color: var(--color-default);} .mhoverflow {} .mhoverflow .replaced_facticon{} @media (max-width: 992px) { .mhoverflow .replaced_facticon{} } /* texte "hinter" content auf Produktdetailseiten -- start */ /* .sn_blog .globalnews_detailpage_type1::after, */ .sn_ausstellung .mod_slider_a::after, .sn_sdl-avalis .mod_slider_a::after, .sn_sdl-akzent-plus .mod_slider_a::after, .sn_sdl-akzent-vision .mod_slider_a::after, .sn_sdl-nobiles .mod_slider_a::after, .sn_sdl-avantgarde .mod_slider_a::after, .sn_sdl-alerio .mod_slider_a::after, .sn_sdl-acubis .mod_slider_a::after, .sn_sdl-aura .mod_slider_a::after, .sn_sdl-atrium-plus .mod_slider_a::after, .sn_kunststoff-fenste .mod_slider_a::after, .sn_kunststoff-aluminium-fenster .mod_slider_a::after, .sn_holz-aluminium-fenster .mod_slider_a::after, .sn_megaline .mod_slider_a::after, .sn_ecoline .mod_slider_a::after, .sn_highline .mod_slider_a::after, .sn_woodline .mod_slider_a::after, .sn_combiline .mod_slider_a::after, .sn_sl-97 .mod_slider_a::after, .sn_sl-35 .mod_slider_a::after, .sn_sl-45 .mod_slider_a::after, .sn_cero-1 .mod_slider_a::after, .sn_cero-2 .mod_slider_a::after, .sn_cero-3 .mod_slider_a::after, .sn_haustuer-topic .mod_slider_a::after, .sn_haustuer-kompotherm .mod_slider_a::after, .sn_aluminium-haustuer-internorm .mod_slider_a::after, .sn_holz-aluminium-haustuer-internorm .mod_slider_a::after, .sn_wintergarten-markisen .mod_slider_a::after, .sn_kassetten-markisen .mod_slider_a::after, .sn_gelenkarm-markisen .mod_slider_a::after, .sn_pergola-markisen .mod_slider_a::after, .sn_alerio .mod_slider_a::after { content: " "; position: fixed; display: block; font-size: calc(var(--size-h0) * 2); line-height: calc(var(--line-h0) * 2); font-family: var(--font-h0); font-style: var(--style-h0); font-weight: var(--weight-h0); text-align: center; width: 100%; z-index: -10; left: 0; top: 50%; right: 0; color: var(--color-lightgray); transform: translateY(-50%); } /* .sn_blog .globalnews_detailpage_type1::after {content: "Blog";} */ /* .sn_ausstellung .mod_slider_a::after {content: "Ideencenter erleben";} / * Ausstellung * / .sn_sdl-avalis .mod_slider_a::after {content: "SDL Avalis";} .sn_sdl-akzent-plus .mod_slider_a::after {content: "SDL Akzent Plus";} .sn_sdl-akzent-vision .mod_slider_a::after {content: "SDL Akzent Vision";} .sn_sdl-nobiles .mod_slider_a::after {content: "SDL Nobiles";} .sn_sdl-avantgarde .mod_slider_a::after {content: "SDL Avantgarde";} .sn_sdl-alerio .mod_slider_a::after {content: "SDL Alerio";} .sn_sdl-acubis .mod_slider_a::after {content: "SDL Acubis";} .sn_sdl-aura .mod_slider_a::after {content: "SDL Aura";} .sn_sdl-atrium-plus .mod_slider_a::after {content: "SDL Atrium Plus";} .sn_kunststoff-fenste .mod_slider_a::after {content: "Kunststoff Fenster";} .sn_kunststoff-aluminium-fenster .mod_slider_a::after {content: "Kunststoff-Aluminium-Fenster";} .sn_holz-aluminium-fenster .mod_slider_a::after {content: "Holz-Aluminium-Fenster";} .sn_megaline .mod_slider_a::after {content: "Megaline";} .sn_ecoline .mod_slider_a::after {content: "Ecoline";} .sn_highline .mod_slider_a::after {content: "Highline";} .sn_woodline .mod_slider_a::after {content: "Woodline";} .sn_combiline .mod_slider_a::after {content: "Combiline";} .sn_sl-97 .mod_slider_a::after {content: "SL 97";} .sn_sl-35 .mod_slider_a::after {content: "SL 35";} .sn_sl-45 .mod_slider_a::after {content: "SL 45";} .sn_cero-1 .mod_slider_a::after {content: "Cero I";} .sn_cero-2 .mod_slider_a::after {content: "Cero II";} .sn_cero-3 .mod_slider_a::after {content: "Cero III";} .sn_haustuer-topic .mod_slider_a::after {content: "Haustüren von Topic";} .sn_haustuer-kompotherm .mod_slider_a::after {content: "Aluminium-Haustüren von Internorm";} .sn_aluminium-haustuer-internorm .mod_slider_a::after {content: "Holz-Alimunium-Haustüren von Internorm";} .sn_holz-aluminium-haustuer-internorm .mod_slider_a::after {content: "Haustüren von KOMPOtherm";} .sn_wintergarten-markisen .mod_slider_a::after {content: "Wintergarten-Markisen";} .sn_kassetten-markisen .mod_slider_a::after {content: "Kassetten-Markisen";} .sn_gelenkarm-markisen .mod_slider_a::after {content: "Gelenkarm-Markisen";} .sn_pergola-markisen .mod_slider_a::after {content: "Pergola-Markisen";} */ /* texte "hinter" content auf Produktdetailseiten -- ende */ /* icon auf erstem slider */ /* .mod_slider_a .imageSlider .container.headerwidth .col-slide::after { content: " "; display: block; width: 52px; height: 52px; position: absolute; right: 36px; bottom: 32px; z-index: 2; background-color: transparent; background-image: url('../img/linara_2023_icon.png'); background-image: url('../img/kl_logo_ico.svg'); background-repeat: no-repeat; background-position: 100% 100%; background-size: 52px 52px; pointer-events: none; width:calc(100% - 36px - 36px); max-width: calc(var(--headerblock-topbar-content-max-width) - 36px - 36px); left: 0; right: 0; margin-left: auto; margin-right: auto; } */ /* farbige balken start */ .mod_slidertext_zweispaltig .imageSlider .h1, .mod_slidertext_zweispaltig .imageSlider .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 { background-color:transparent; padding:0; color:var(--color-default); } .mod_slider_a .imageSlider .slider-subline { color:var(--color-default); } /* farbige balken ende */ .sublinefirst .h3.subline, .sublinefirst .h4.subline, .sublinefirst .h5.subline, .sublinefirst .h6.subline {margin-bottom:30px;} /* fx textwall modul startseite -- start */ /*
TraumTraumTraumTraumTraumTraumTraumTraumTraumTraumTraum
WohneWohneWohneWohneWohneWohneWohneWohneWohneWohneWohne
deinendeinendeinendeinendeinendeinendeinendeinendeinendeinendeinen
TraumTraumTraumTraumTraumTraumTraumTraumTraumTraumTraum
WohneWohneWohneWohneWohneWohneWohneWohneWohneWohnespan>Wohne
*/ .fxtextwall { position: relative; cursor:default; overflow: hidden; max-width: 100vw; text-decoration:none; display: block; } .fxtextwall + .row { margin-left: 0; margin-right: 0;} .fxtextwall + .row .col-12 {} .fxtextwall .fxtextline { display: flex; justify-content: center; opacity: 1; transition: opacity .8s ease,transform 1.2s ease; width: 100vw; } .fxtextwall .fxtextline .fxtextlineInner { display: flex; } .fxtextwall .fxtextline:nth-child(1){ transform: translateX(-130px);} .fxtextwall .fxtextline:nth-child(2){ transform: translateX(0px);} .fxtextwall .fxtextline:nth-child(3){ transform: translateX(140px);} .fxtextwall .fxtextline:nth-child(4){ transform: translateX(-60px);} .fxtextwall .fxtextline:nth-child(5){ transform: translateX(0px);} .fxtextwall:hover .fxtextline:nth-child(1){ transform: translateX(-110px);} .fxtextwall:hover .fxtextline:nth-child(2){ transform: translateX(30px);} .fxtextwall:hover .fxtextline:nth-child(3){ transform: translateX(30px);} .fxtextwall:hover .fxtextline:nth-child(4){ transform: translateX(30px);} .fxtextwall:hover .fxtextline:nth-child(5){ transform: translateX(20px);} .fxtextwall .fxtextline .fxtextlineInner.animatedline {} .fxtextwall .fxtextline span { color: var(--color-highlight3); display: inline-block; margin-right: calc( var(--size-h0) * 0.4 ); 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); } .fxtextwall .fxtextline span.fxhighlight { color: var(--color-highlight); } /* fx textwall modul startseite -- ende */ .htmlcode23547.blockMarginOverride.blockMarginTop_200.blockMarginBottom_200 .mod_cont { padding-bottom:80px; } .fxtextpara, .fxtextpara.d-none { display: block !important; white-space: nowrap; padding-top: clamp(100px, 33vh, 33vh); padding-bottom: clamp(100px, 33vh, 33vh); padding-top: 0; padding-bottom: 0; width:100%; overflow:hidden; } .fxtextpara .fxtextparaInner { position: relative; transform: translateX(40%); } .fxtextpara .fxtextparaInner span { color: var(--color-highlight4); display: inline-block; margin-right: calc( var(--size-h0) * 0.4 ); 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); /* font-size: calc(var(--size-h0) * 2); */ /* line-height: calc(var(--line-h0) * 2); */ } @media (max-width: 992px) { .fxtextpara .fxtextparaInner {transform: translateX(0%) !important;} .fxtextpara .fxtextparaInner span { font-size: var(--size-h4); line-height: var(--line-h4); margin-left: auto !important; margin-right: auto !important; width: 100%; text-align: center; } } .fxtextwall {display:none !important;} .fxtextpara + .row.mt-5, .fxtextpara + .fxtextwall + .row.mt-5 {padding-bottom: clamp(100px, 20vh, 20vh); display:none !important;} /* mod_textblock -- start */ .mod_textblock .h1, .mod_textblock .h2, .mod_textblock .h3, .mod_textblock .h4, .mod_textblock .h5, .mod_textblock .h6, .mod_textblock .h7 { margin-bottom:10px; } .mod_textblock .textblockText {padding-top:0;} /* mod_textblock -- ende */ /* alle bilder mit 50% rand rund */ .u23design.asp_view_type1:not(.format4by5) .imgCont .innerCont { border-radius: 50%; } /* cookies -- start*/ #bs-gdpr-cookies-modal.hidden { display: none; } #bs-gdpr-cookies-modal { z-index: 8010; opacity: 1; display: block; color: var(--color-default); } #bs-gdpr-cookies-modal.cbmcr h5.modal-title { text-align: center; display: block; width: 100%; } .cbmcr .modal-dialog {max-width: 860px;} .cbmcr h5.modal-title, .cbmcr h5.advanced-title, #bs-gdpr-cookies-modal.cbmcr h5.modal-title, #bs-gdpr-cookies-modal.cbmcr h5.advanced-title { font-size:var(--size-default); line-height:var(--line-default); width: 100% } .cbmcr h5.modal-title { font-family: var(--font-bold); font-weight: var(--weight-bold); } .cbmcr .modal-body #bs-gdpr-cookies-modal-message {text-align:center;} .cbmcr .modal-header { padding: 40px 120px 5px; text-align: center; } .cbmcr .modal-body { padding: 0px 120px 15px; } .cbmcr .modal-footer { padding: 15px 120px 40px; justify-content: center; display: block; } #bs-gdpr-cookies-modal-impdsb { display: block; width: 100%; text-align: center; position: relative; top: 0; margin-top: 20px; } #bs-gdpr-cookies-modal.cbmcr h5.modal-title::before, #bs-gdpr-cookies-modal.cbmcr h5.advanced-title::before { content: '\f564'; font-family: 'Font Awesome 5 Pro'; font-weight: 300; display: block; position:relative; font-size: 80px; height: 80px; line-height: 80px; margin-bottom: 25px; color: var(--color-highlight) } #bs-gdpr-cookies-modal .btn, #bs-gdpr-cookies-modal a.btn { border-radius: 50px; border-width: 3px; font-size: var(--size-button); font-family: var(--font-main); line-height: var(--size-button); font-weight: var(--weight-btn-bold); padding: 19px 24px; letter-spacing: var(--letter-spacing-button); box-shadow: 0 0 0 0rem rgba(0, 0, 0, 0) !important; margin-left: 10px; margin-right: 10px; } .cbmcr .modal-footer button {margin-bottom: 10px !important;} .cbmcr h5.modal-title, .cbmcr h5.advanced-title { margin-top: 10px; } .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: var(--color-default) !important; border: none; } /* cookies akzeptieren */ .cbmcr .modal-footer #bs-gdpr-cookies-modal-accept-btn { display:block; margin-left: auto; margin-right: auto; font-size: var(--size-button); line-height: var(--size-button); font-weight: var(--weight-btn-bold); color: var(--color-white) !important; border-color: var(--color-highlight) !important; background-color: var(--color-highlight) !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 { color: var(--color-white) !important; border-color: var(--color-highlight2) !important; background-color: var(--color-highlight2) !important; } /* cookies verwalten */ .cbmcr .modal-footer #bs-gdpr-cookies-modal-advanced-btn { background-color: transparent !important; border-color: transparent !important; color: var(--color-highlight) !important; font-size: var(--size-button); line-height: var(--size-button); font-weight: var(--weight-btn-bold); margin-top: 5px; } .cbmcr .modal-footer #bs-gdpr-cookies-modal-advanced-btn:hover, .cbmcr .modal-footer #bs-gdpr-cookies-modal-advanced-btn:focus, .cbmcr .modal-footer #bs-gdpr-cookies-modal-advanced-btn:active { } /* cookies ablehnen */ .cbmcr .modal-footer #bs-gdpr-cookies-modal-decline-btn { font-size: var(--size-button); line-height: var(--size-button); font-weight: var(--weight-btn-bold); color: var(--color-white) !important; border-color: var(--color-highlight) !important; background-color: var(--color-highlight) !important; } .cbmcr .modal-footer #bs-gdpr-cookies-modal-decline-btn:hover, .cbmcr .modal-footer #bs-gdpr-cookies-modal-decline-btn:focus, .cbmcr .modal-footer #bs-gdpr-cookies-modal-decline-btn:active { color: var(--color-white) !important; border-color: var(--color-highlight2) !important; background-color: var(--color-highlight2) !important; } /* alle cookies annehmen */ .cbmcr .modal-footer #bs-gdpr-cookies-modal-advacceptall-btn { font-size: var(--size-button); line-height: var(--size-button); font-weight: var(--weight-btn-bold); color: var(--color-white) !important; border-color: var(--color-highlight) !important; background-color: var(--color-highlight) !important; } .cbmcr .modal-footer #bs-gdpr-cookies-modal-advacceptall-btn:hover, .cbmcr .modal-footer #bs-gdpr-cookies-modal-advacceptall-btn:focus, .cbmcr .modal-footer #bs-gdpr-cookies-modal-advacceptall-btn:active { color: var(--color-white) !important; border-color: var(--color-highlight2) !important; background-color: var(--color-highlight2) !important; } /* auswahl speichern */ .cbmcr .modal-footer #bs-gdpr-cookies-modal-accept-btn.btn-secondary { display:block; margin-left: auto; margin-right: auto; background-color: transparent !important; border-color: transparent !important; color: var(--color-highlight) !important; margin-top: 5px; } .cbmcr .modal-footer #bs-gdpr-cookies-modal-accept-btn.btn-secondary:hover, .cbmcr .modal-footer #bs-gdpr-cookies-modal-accept-btn.btn-secondary:focus, .cbmcr .modal-footer #bs-gdpr-cookies-modal-accept-btn.btn-secondary:active { background-color: transparent !important; border-color: transparent !important; color: var(--color-highlight) !important; } #bs-gdpr-cookies-modal #bs-gdpr-cookies-modal-imp-link, #bs-gdpr-cookies-modal #bs-gdpr-cookies-modal-dsb-link { text-decoration:underline !important; } #bs-gdpr-cookies-modal #bs-gdpr-cookies-modal-imp-link:hover, #bs-gdpr-cookies-modal #bs-gdpr-cookies-modal-imp-link:focus, #bs-gdpr-cookies-modal #bs-gdpr-cookies-modal-imp-link:active, #bs-gdpr-cookies-modal #bs-gdpr-cookies-modal-dsb-link:hover, #bs-gdpr-cookies-modal #bs-gdpr-cookies-modal-dsb-link:focus, #bs-gdpr-cookies-modal #bs-gdpr-cookies-modal-dsb-link:active { text-decoration:underline !important; color: var(--color-highlight) !important; } @media (max-width: 992px) { .cbmcr h5.modal-title, .cbmcr h5.advanced-title, #bs-gdpr-cookies-modal.cbmcr h5.modal-title, #bs-gdpr-cookies-modal.cbmcr h5.advanced-title { font-size:var(--size-default) !important; line-height:var(--line-default) !important; } .cbmcr #bs-gdpr-cookies-modal-message, .cbmcr #bs-gdpr-cookies-modal-advanced-types span { font-size:var(--size-default) !important; line-height:var(--line-default) !important; } #bs-gdpr-cookies-modal .btn-primary, #bs-gdpr-cookies-modal a.btn-primary, #bs-gdpr-cookies-modal #bs-gdpr-cookies-modal-advanced-btn, #bs-gdpr-cookies-modal #bs-gdpr-cookies-modal-accept-btn, #bs-gdpr-cookies-modal .btn, #bs-gdpr-cookies-modal a.btn { padding: 19px 24px !important; font-size: var(--size-button) !important; font-family: var(--font-main) !important; } #bs-gdpr-cookies-modal .btn-secondary, #bs-gdpr-cookies-modal a.btn-secondary { color:var(--color-highlight); } } #footer { background-color:var(--color-default); color:var(--color-white); padding: 0; position:relative; border-top: 3px solid var(--color-white); } #footer .container-fluid {max-width: var(--headerblock-topbar-content-max-width);} #footer .footerlogo { width:100%; max-width:260px; max-width: var(--headerblock-logo-max-width-scrolled); max-height: var(--headerblock-logo-max-height-scrolled); } #footer .asolarluxco {width:100%; max-width:280px;} @media (max-width: 992px) { #footer .footerlogo { max-width:165px;} #footer .asolarluxco { max-width:280px;} } #footer .colLogo {} #footer .colSolaxluxCo {text-align:right;} #footer .colAdresse {font-size:var(--size-default); line-height:160%; margin-bottom:0;} #footer .colNavlinks {font-size:var(--size-default); line-height:var(--line-default); margin-bottom:15px;} #footer .colOpening {font-size:var(--size-default); line-height:160%; margin-bottom:0; line-height: var(--line-medium); line-height:160%;} #footer .colSocial {font-size:var(--size-h3); line-height:160%; margin-bottom:0;} #footer .colCopy {font-size:var(--size-small); line-height:160%;margin-bottom:30px;} #footer .colImprint {font-size:var(--size-small); line-height:160%;margin-bottom:30px;} #footer .colOpening small {color:var(--color-medium);} @media (min-width: 992px) { #footer .colImprint { text-align:right;} } #footer a, #footer a:visited { color:var(--color-white); text-decoration:none; } #footer a:hover, #footer a:active { color:var(--color-highlight4); text-decoration:none; } #footer ul { margin-bottom: 0; } #footer .colNavlinks .navLi { display:inline-block; margin-bottom: 5px; } #footer .colNavlinks .navLi a, #footer .colNavlinks .navLi a:visited { font-size:var(--size-default); color:var(--color-white); text-decoration:none; padding: 0 15px 0 0; font-weight: var(--weight-bold); } #footer .colNavlinks .navLi a:hover, #footer .colNavlinks .navLi a:active { color:var(--color-highlight); text-decoration:none; } #footer .color-highlight2 {color:var(--color-medium);} #footer .colSocial a {margin-right: 8px;} #footer .contBottomSolarluxCo { text-align:center; padding:30px; } #footer .contBottomSolarluxCo img { filter: invert(100%); opacity:0.71; max-width:100%; max-width: 70vw; /* ~ #4a4a49*/ } #footer .row-one {padding-top:85px; padding-bottom:85px;} #footer .row-two {padding-top:50px; padding-bottom:0px;} #footer .row-three {padding-top:30px; padding-bottom:0px;} @media (max-width: 992px) { #footer .colNavlinks .navLi {margin-bottom: 0;} #footer .row-one {padding-top:60px; padding-bottom:40px;} #footer .row-two {padding-top:60px; padding-bottom:10px;} #footer .row-three {padding-top:0px; padding-bottom:20px; background-position: calc(100% - 0.75rem) calc(100% - 55px);} #footer .colAdresse {margin-bottom:15px;} #footer .colNavlinks {margin-bottom:25px;} #footer .colOpening {margin-bottom:15px;} #footer .colSocial {margin-bottom:10px;} #footer .colImprint {margin-bottom:5px;} #footer .container-bottomrow {padding:0;} } .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-medium); line-height:var(--line-medium); } .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-medium); 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); color:var(--color-default); 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; } .page_4025 .mod_referenzdetails {display:none;} .form-select.blog_overview_filter { min-width:280px; } @media (min-width: 768px) { .form-select.blog_overview_filter { width:auto; margin-left:auto; } } select.form-select.blog_overview_filter option{ font-family:Inter,Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;} .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: 1.5rem; margin-left: -1.5rem; margin-left: 0; } .modularform .radio.styled input[type="radio"], .modularform .checkbox.styled input[type="checkbox"], .form-check .form-check-input { float: left; margin-left: -1.5rem; display:inline-block; width: 26px; height: 26px; margin-top: -1px; margin-left: -1.5rem; 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; } #mobile_body .block_divider {display: none;} /* color-medium 7d7c7d überschreibungen */ .mod_facts_table .singlefact p .u23design.mod_slidertext_zweispaltig:not(.blockColorClass_highlight1, .blockColorClass_color2, .blockColorClass_color3, .blockColorClass_color4 ) p, .mod_slidertext_zweispaltig.tabable .textblockText ul li, .mod_textblock:not(.blockColorClass_highlight1, .blockColorClass_highlight2, .blockColorClass_color2, .blockColorClass_color3, .blockColorClass_color4) .textblockText p, .designb.u23design.modularform_funnel .blockSubline { color: var(--color-default); } /* highlight color headlines überschreibungen */ /* .u23design.mod_facts_table:not(.design4, .design3, .blockColorClass_highlight1, .color-default, .color-white, .color-black, .color-medium, .color-light, .color-highlight, .color-highlight2, .color-highlight3, .color-highlight4) .singlefact, .u23design.mod_facts_table:not(.design4, .design3, .blockColorClass_highlight1, .color-default, .color-white, .color-black, .color-medium, .color-light, .color-highlight, .color-highlight2, .color-highlight3, .color-highlight4) .singlefact p, .u23design.asp_view_type1 .headlinecccccc, .u23design.mod_imagebox.displaymode_imagebox_b.headline-highlight .container-text .h3, .bildblock_9bilder_type1 .h2.headline, .mod_textblock.table-left .textblockText table tr td span, .designb.u23design.modularform_funnel .funnelQuestionHeadlineCont .h3, .u23design.design2.mod_imagebox.displaymode_imagebox_c .h3 { color: var(--color-highlight); } */ .u23design.mod_slidertext_zweispaltig.blockColorClass_color4 { color: var(--color-white); } /* 24/40 text-big blöcke überschreibungen */ .u23design.mod_imagebox.displaymode_imagebox_b .container-text .h5, .mod_textblock_9930 h5, .mod_textblock_9930 .textblockText { font-size:var(--size-big); line-height:var(--line-big); } /* 20/30 normal text-medium überschreibungen */ .u23design.asp_view_type1 .aspName, .u23design.asp_view_type1 .aspSubline, .u23design.mod_googlebewertung_slides .row-review, .u23design.mod_googlebewertung_slides .row-author { font-size:var(--size-medium); line-height:var(--line-medium); } /* h1 80/90 */ /*.u23design.design2.mod_imagebox.displaymode_imagebox_c:not(.headline-h0,.headline-h2,.headline-h3,.headline-h4,.headline-h5,.headline-h6) .h3,*/ .mod_slidertext_zweispaltig:not(.headline-h0,.headline-h2,.headline-h3,.headline-h4,.headline-h5,.headline-h6) .imageSlider .h1 span, .mod_slidertext_zweispaltig:not(.headline-h0,.headline-h2,.headline-h3,.headline-h4,.headline-h5,.headline-h6) .imageSlider .h2 span, .globalnewsDetailpageSlider:not(.headline-h0,.headline-h2,.headline-h3,.headline-h4,.headline-h5,.headline-h6) .imageSlider .h1 span, .globalnewsDetailpageSlider:not(.headline-h0,.headline-h2,.headline-h3,.headline-h4,.headline-h5,.headline-h6) .imageSlider .h2 span, .mod_slider_a:not(.headline-h0,.headline-h2,.headline-h3,.headline-h4,.headline-h5,.headline-h6) .imageSlider .h2 span, .mod_slider_a:not(.headline-h0,.headline-h2,.headline-h3,.headline-h4,.headline-h5,.headline-h6) .imageSlider .h1 span { font-family:var(--font-h1) !important; font-style:var(--style-h1) !important; font-size:var(--size-h1) !important; line-height:var(--line-h1) !important; font-weight:var(--weight-h1) !important; } /* 34/42 regular h3 überschreibungen */ .blocktabs.designframework:not(.headline-h0,.headline-h1,.headline-h2,.headline-h4,.headline-h5,.headline-h6) .mod_slidertext_zweispaltig .h5.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); */ } /* 60/70 bold h2 überschreibungen */ .u23design.asp_view_type1:not(.headline-h0, .headline-h1, .headline-h3, .headline-h4, .headline-h5, .headline-h6) .h3, .mod_slidertext_zweispaltig:not(.headline-h0, .headline-h1, .headline-h3, .headline-h4, .headline-h5, .headline-h6) .h3 { font-size: var(--size-h2); line-height: var(--line-h2); font-family: var(--font-h2); font-style: var(--style-h2); font-weight: var(--weight-h4); } /* 24/36 regular h4 überschreibungen */ .designb.u23design.modularform_funnel:not(.headline-h0,.headline-h1,.headline-h2,.headline-h3,.headline-h5,.headline-h6) .blockSubline, .mod_textblock_9930 h2.h3 { /* font-size: var(--size-h4); */ /* line-height: var(--line-h4); */ /* font-family: var(--font-default); */ /* font-style: var(--style-h4); */ /* font-weight: var(--weight-normal); */ } /* 24/36 bold h4 überschreibungen */ .u23design.format4by5.asp_view_type1 .container-header .subline, .mod_googlebewertung_slides .h3, .blocktabs.designframework .blocktabsText, .designb.u23design.modularform_funnel .blockHeadline, .u23design.mod_imagebox.displaymode_imagebox_b:not(.headline-h0,.headline-h1,.headline-h2,.headline-h3,.headline-h5,.headline-h6) .container-text .h3, .showtitle.mod_slidertext_zweispaltig .slideContent .slide-title, .mod_imagebox.displaymode_imagebox_a .h3 { /* font-size: var(--size-h4); */ /* line-height: var(--line-h4); */ /* font-family: var(--font-bold); */ /* font-style: var(--style-h4); */ /* font-weight: var(--weight-bold); */ } /* 24/32 regular h5 überschreibungen */ .u23design.design2.mod_imagebox.displaymode_imagebox_c .modelleText .modelleText_detail, .u23design.mod_imagebox.displaymode_imagebox_b .container-images .h5, .u23design.design2.mod_imagebox.displaymode_imagebox_a:not(.text-big, .text-medium, .text-default, .text-small) .slideText { font-size: var(--size-h5); line-height: var(--line-h5); font-family: var(--font-default); font-style: var(--style-h5); font-weight: var(--weight-h5); } /* 24/32 bold h5 überschreibungen */ /* .u23design.design2.mod_imagebox.displaymode_imagebox_c .modelleText .h4, .mod_facts_table .container-text .h3 { font-size: var(--size-h5); line-height: var(--line-h5); font-family: var(--font-bold); font-style: var(--style-h5); font-weight: var(--weight-h5); } */ .mod_facts_table:not(.text-default, .text-small, .text-big) .singlefact p, .mod_facts_table:not(.text-default, .text-small, .text-big) .singlefact p:nth-child(1), .mod_facts_table:not(.text-default, .text-small, .text-big) .singlefact p:nth-child(2) { font-family: var(--font-default); font-style: var(--style-default); font-size:var(--size-default); line-height:var(--line-default); font-weight: var(--weight-default); /* font-size: var(--size-default); */ /* line-height: var(--line-default); */ /* font-family: var(--font-default); */ /* font-style: var(--style-default); */ /* font-weight: var(--weight-default); */ } .size-default.mod_facts_table .singlefact p, .size-default.mod_facts_table .singlefact p:nth-child(1), .size-default.mod_facts_table .singlefact p:nth-child(2), .showtext.mod_slidertext_zweispaltig .slideContent .slide-text { font-size: var(--size-default); line-height: var(--line-default); font-family: var(--font-default); font-style: var(--style-default); font-weight: var(--weight-default); } .mod_kontakt_a .mod_kontakt_a_headline, .blocktabs .mod_kontakt_a .col-message .freitext_headline, .blocktabs .htmlcode .newsletter .h5.headline { font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); font-weight: var(--weight-normal); font-family: var(--font-bold); } .u23design.accordion_type1 .accordion-body { color: var(--color-default); } .u23design.accordion_type1 .accordion-item .accordion-button { color: var(--color-default); } .u23design.accordion_type1 .accordion-item .accordion-button.collapsed { color: var(--color-default); } .u23design.accordion_type1 .accordion-body, .u23design.accordion_type1 .accordion-body h3, .u23design.accordion_type1 .accordion-body h4, .u23design.accordion_type1 .accordion-body h5 { font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); } .u23design.accordion_type1 .accordion-body h3, .u23design.accordion_type1 .accordion-body h4, .u23design.accordion_type1 .accordion-body h5 { font-family: var(--bs-body-font-family) !important; font-size: var(--bs-body-font-size) !important; font-family: var(--font-bold) !important; font-weight: var(--weight-bold) !important; } /* h1 shadow */ /* h1 80/90 */ .mod_slidertext_zweispaltig .imageSlider .h1 span, .mod_slidertext_zweispaltig .imageSlider .h2 span, .globalnewsDetailpageSlider .imageSlider .h1 span, .globalnewsDetailpageSlider .imageSlider .h2 span, .mod_slider_a:not(.karriereBlock) .imageSlider .h2 span, .mod_slider_a:not(.karriereBlock) .imageSlider .h1 span { text-shadow: 0px 3px 6px #00000029; text-shadow: none; } /* schriften ende */ /* schriften ende */ /* schriften ende */ /* schriften ende */ /* schriften ende */ /* newsletter block */ .nl4youContainer { } .nl4youContainer .mod_cont .container { padding-right: calc(1.5rem * .5); padding-left: calc(1.5rem * .5); } .stoerer_10_euro_fuer_klimaprojekte_im_allgaeu { max-width: 25%; width: 100%; margin-bottom: -30px; min-width: 80px; } @media (max-width: 768px) { .nl4youContainer .stoerer_10_euro_fuer_klimaprojekte_im_allgaeu {margin-bottom: -20px; } .nl4youContainer .h4.subline { padding-right: 23vw; } } .nl4youContainer .checkbox-inline span { display: block; position: relative; padding-left: 22px; margin-top:20px; } .nl4youContainer .checkbox-inline input[type="checkbox"] { position: absolute; left: 0; top: 6px; } .nl4youContainer .checkbox-inline label {} .nl4youContainer button, .nl4youContainer button:visited { color: var(--color-white); background-color: var(--color-highlight) !important; border-color: var(--color-highlight) !important; border-radius:50px !important; padding: 19px 24px !important; } .nl4youContainer button:active, .nl4youContainer button:focus, .nl4youContainer button:hover { color: var(--color-white); background-color: var(--color-highlight2) !important; border-color: var(--color-highlight2) !important; } .nl4youContainer input[type=text], .nl4youContainer input[type=email], .nl4youContainer input[type=password] { background-color: transparent !important; width:100% !important; border-color: #dddddd !important; border-width: 0px 0px 2px 0px !important; color:var(--color-medium) !important; outline: none !important; border-radius: 0 !important; } .nl4youContainer input[type=text]:hover, .nl4youContainer input[type=email]:hover, .nl4youContainer input[type=password]:hover, .nl4youContainer input[type=text]:focus, .nl4youContainer input[type=email]:focus, .nl4youContainer input[type=password]:focus { border-color: var(--color-highlight) !important; } /* 9 bilder block headline highlight */ .u23design.bildblock_9bilder_type1:not(.blockColorClass_highlight1, .color-default, .color-white, .color-black, .color-medium, .color-light, .color-highlight, .color-highlight2, .color-highlight3, .color-highlight4) .headline { color:var(--color-highlight); color:var(--color-default); } .u23design.bildblock_9bilder_type1 .ideenbuchSlideType_more .ideeEntryTextMehr {color:white !important; background-color:var(--color-highlight);} .u23design.bildblock_9bilder_type1 .ideenbuchSlideType_more .ideeEntryTextMehr:hover {color:white !important; background-color:var(--color-default);} .u23design.bildblock_9bilder_type1 .ideenbuchSlideType_more .ideeEntryTextMehr a {color:white !important; background-color:var(--color-highlight);} .u23design.bildblock_9bilder_type1 .ideenbuchSlideType_more .ideeEntryTextMehr:hover a {color:white !important; background-color:var(--color-default);} /* Karriere Seite Detail ASP auf Highlight Color */ .karriereseite.karriereDetail .u23design.asp_view_type1.blockColorClass_color4 { background-color:var(--color-highlight); color:var(--color-white); } .karriereseite.karriereDetail .u23design.asp_view_type1 .headline, .karriereseite.karriereDetail .u23design.asp_view_type1.blockColorClass_color4 .aspName {color:var(--color-white);} .karriereseite.karriereDetail .u23design.asp_view_type1.blockColorClass_color4 .colored {color: var(--color-medium);} .karriereseite.karriereDetail .u23design.asp_view_type1.blockColorClass_color4 .btn-primary, .karriereseite.karriereDetail .u23design.asp_view_type1.blockColorClass_color4 .btn-primary:visited { color: var(--color-white); background-color: var(--color-default); border-color: var(--color-default); } .karriereseite.karriereDetail .u23design.asp_view_type1.blockColorClass_color4 .btn-primary:hover, .karriereseite.karriereDetail .u23design.asp_view_type1.blockColorClass_color4 .btn-primary:active, .karriereseite.karriereDetail .u23design.asp_view_type1.blockColorClass_color4 .btn-primary:focus { color: var(--color-white); background-color: var(--color-highlight2); border-color: var(--color-highlight2); } .u23design.asp_view_type1.blockColorClass_color4 .btn-primary, .u23design.asp_view_type1.blockColorClass_color4 .btn-primary:visited { color: var(--color-white); background-color: var(--color-highlight); border-color: var(--color-highlight); } .u23design.asp_view_type1.blockColorClass_color4 .btn-primary:hover, .u23design.asp_view_type1.blockColorClass_color4 .btn-primary:active, .u23design.asp_view_type1.blockColorClass_color4 .btn-primary:focus { color: var(--color-white); background-color: var(--color-highlight2); border-color: var(--color-highlight2); } /* Grilltipps-vom-Weltmeister/ Seite */ .youtubeList { display: flex; gap: 10px; margin-top: 10px; flex-direction: row; flex-wrap: wrap; } .youtubeList a { display: block; position: relative; width: 40%; cursor: pointer; flex: 1 1 auto; } .youtubeList a:hover { color:#ddd;} .youtubeList.whitebg a { color:#333;} .youtubeList.whitebg a:hover { color:#f8b300;} .youtubeList a iframe{} .youtubeList a span { background: rgba(0,0,0,0.0); position: absolute; display: block; left: 0; top: 0; right: 0; bottom: 0; z-index: 2;} .youtubeList a p { margin:5px 0; font-size:16px; } .youtubeList .wraper16by9 {z-index: 1;} @media (min-width: 992px) { .youtubeList a { width: 20%; } } .debugcontainer .container-fluid {border: 1px solid #ffbf00;} .debugcontainer .container-fluid .row{} .debugcontainer .container-fluid .col-12{border: 1px solid #00b7ff;} .debugcontainer .container-fluid .innerarea{background: #e8e8e8;} /* sonderfall fu über lin asp block mit weißem oberen Teil */ @media (max-width: 992px) { .u23design.asp_view_type1.blockColorClass_highlight1 .headline { color:var(--color-white); } } /* grau damit logostoererbefore auf grau steht statt auf weiss */ /* ideentag */ body.sn_ideentag {background-color: var(--color-lightgray);} body.sn_ideentag .blockColorClass_base{background-color: var(--color-white);} /* bauantragswochen */ body.sn_bauantragswochen {background-color: var(--color-lightgray);} body.sn_bauantragswochen .blockColorClass_base{background-color: var(--color-white);} .mod_slider_a .imageSlider .slideContent {width:100%;} /* menü fadein statt slidein von links overwrite - start */ .pns_linara .mod_headerblock .containerCollapsingMenu { width: 100%; opacity:0; -webkit-transition-property: width, height, opacity, visibility, transform; transition-property: width, height, visibility, opacity, transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .pns_linara .mod_headerblock .containerCollapsingMenu.show { width: 100%; opacity:1; } .pns_linara .mod_headerblock .containerCollapsingMenu .bg-highlight { opacity:0; -webkit-transition-property: width, height, opacity, visibility, transform; transition-property: width, height, visibility, opacity, transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .pns_linara .mod_headerblock .containerCollapsingMenu.show .bg-highlight { opacity:1; } /* menü fadein statt slidein von links overwrite - ende */ .blockColorClass_color1.u23design.mod_imagebox.displaymode_imagebox_b .itemColumn .innerContent { background-color: var(--color-bg-light); background-color: var(--color-white); } @media (min-width: 1500px) { .u23design.mod_ideenbuch .h2.headline { font-size: var(--size-h3); line-height: var(--line-h3); } } @media (min-width: 1900px) { .u23design.mod_ideenbuch .h2.headline { font-size: var(--size-h2); line-height: var(--line-h2); } } .regionalelp .mod_slider_a .imageSlider .container.headerwidth { max-width: var(--width-headerwidth); } .colored, .blockColorClass_color1 .colored { color: var(--color-medium); } .blockColorClass_color4 .colored { color: var(--color-medium); } .wraper16by9, .wrapperordered { position: relative; padding-top: 0px; height: 0; padding-bottom: 75%; } .wrapperordered .innerCont, .wrapperordered iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media (min-width: 768px) { .wraper16by9, .wrapperordered { position: relative; padding-top: 0px; height: 29.16666666666667vw; min-height:400px; padding-bottom: 0; } .wrapperordered .innerCont, .wrapperordered iframe { position: relative; top: 0; left: 0; width: 100%; height: 100%; } } .googleRezensionenText_replaced span { color: var(--color-default); } .googleRezensionenText_replaced .star_green { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1NzYgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1NzYgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojMjgyNjMxO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjU5LjMsMTcuOEwxOTQsMTUwLjJMNDcuOSwxNzEuNWMtMjYuMiwzLjgtMzYuNywzNi4xLTE3LjcsNTQuNmwxMDUuNywxMDNsLTI1LDE0NS41DQoJYy00LjUsMjYuMywyMy4yLDQ2LDQ2LjQsMzMuN0wyODgsNDM5LjZsMTMwLjcsNjguN2MyMy4yLDEyLjIsNTAuOS03LjQsNDYuNC0zMy43bC0yNS0xNDUuNWwxMDUuNy0xMDNjMTktMTguNSw4LjUtNTAuOC0xNy43LTU0LjYNCglMMzgyLDE1MC4yTDMxNi43LDE3LjhDMzA1LTUuOCwyNzEuMS02LjEsMjU5LjMsMTcuOEwyNTkuMywxNy44eiIvPg0KPC9zdmc+DQo=); } .mod_headerblock .navTopBar .container-fluid { padding-left: 0; padding-right: 0; } .mod_headerblock .navTopBar .row-nav { margin-left: 0; margin-right: 0; } .mod_headerblock .navTopBar.hasLogo .col-nav { padding-left: 1rem; padding-right: 1rem; } /* flyout hinter menu bar */ .mod_headerblock .navTopBar.colored { position: relative; z-index: 10; } .mod_headerblock .containerCollapsingMenu { z-index: 9; } .mod_headerblock .navTopBar.colored { background-color: var(--color-black); } .mod_headerblock .btn.navbar-toggler { width: 50px; height: 50px; } .mod_headerblock .burgerElement .burgerAnimated { background: #eee; width:50px; height:50px; border-radius: 50%; } .mod_headerblock .burgerAnimated span { width: 60%; background: var(--color-default); top: calc(50% + 7px); } .mod_headerblock .burgerAnimated.active span { top: calc(50% + 0px); } .mod_headerblock .burgerAnimated span::before { top: -12px; background: var(--color-default); } .mod_headerblock .burgerAnimated span::after { display:none !important; } .mod_headerblock .closeMenuContainer { height: var(--header-mobile-height); display:flex; align-items: center; } @media (min-width: 992px) { .mod_headerblock .closeMenuContainer { height: var(--header-height); width: 100%; } } .mod_headerblock .closeMenuContainerText{ font-size: var(--size-headerblock); font-weight: var(--weight-headerblock); line-height: var(--line-headerblock); } .mod_headerblock .closeMenuBtnX { display: block; position: relative; right: 0; top: 0; border-radius: 50%; border: 0px solid; width: 50px; height: 50px; line-height: 50px; font-size: 140%; background-color: var(--color-white); color: var(--color-default); } @media (max-width: 991px) { .mod_headerblock .btn.navbar-toggler { width: 40px; height: 40px; } .mod_headerblock .closeMenuBtnX { width: 40px; height: 40px; line-height: 40px; } .mod_headerblock .burgerElement .burgerAnimated { width: 40px; height: 40px; } .mod_headerblock .btn-fachberatung .termin-text.d-none.d-md-block.d-lg-none { display:block !important; } } @media (max-width: 576px) { .mod_headerblock .btn-fachberatung { display:none !important; } .mod_headerblock .btn-fachberatung .termin-text.d-none.d-md-block.d-lg-none { display:none !important; } } .mod_headerblock .navTopBar .btnCont { width: auto; } .mod_headerblock .btn-fachberatung, .mod_headerblock .btn-fachberatung:visited { color: var(--color-default); background-color: var(--color-white); border-color: var(--color-white); } .mod_headerblock .btn-fachberatung:hover, .mod_headerblock .btn-fachberatung:active, .mod_headerblock .btn-fachberatung:focus { color: var(--color-white); background-color: var(--color-highlight); border-color: var(--color-highlight); } /* mod_headerblock start */ @media (max-width: 991px) { .headerblock_design_flyoutacc.mod_headerblock .col-rightColTextLinks .extra_menu_html { background-image: none; background-repeat: no-repeat; background-position: 100% 100%; background-size: 52px auto; } } @media (min-width: 992px) { .mod_headerblock .btn-fachberatung, .mod_headerblock .btn-fachberatung:visited { color: var(--color-white); background-color: var(--color-default); border-color: var(--color-white); } .scroll50vh .mod_headerblock .btn-fachberatung, .scroll50vh .mod_headerblock .btn-fachberatung:visited { color: var(--color-default); background-color: var(--color-white); border-color: var(--color-white); } } /* mod_headerblock ende */ .mod_headerblock .burgerAnimated:hover:not(.active) span { left: calc(50% + 2px); } .mod_headerblock .burgerAnimated:hover:not(.active) span::before { left: -4px; } .mod_headerblock .col-leftmainmenu { display: flex; flex-wrap: wrap; flex-direction: row; } @media (max-width: 991px) { .mod_headerblock .row-leftmainmenu { height: auto; } .mod_headerblock .col-leftmainmenu { align-content: start; } } .mod_headerblock .col-leftColTextLinks { margin-top: 10px; } .mod_headerblock .row-leftmainmenu { padding-left: 0px; padding-right: 0px; } .submenuOpen.mod_headerblock .col-submenu { width: calc(100% - 40px); } .mod_headerblock .col-submenu .submenu-container .submenu-container-inner { padding: 10px 20px 10px 40px; } .mod_headerblock .col-submenu .submenu-container .submenuBackContainer { padding: 0px 45px; } .mod_headerblock .navTopBar .menuCont { width: 50px; } .mod_headerblock .navTopBar .btnCont { /* auch wenn leer damit logo zentriert */ width: 50px; height:20px; } .mod_headerblock .navTopBar .navbar-brand { transition:none; } @media (min-width: 992px) { /* margin padding 0 start */ .mod_headerblock .containerCollapsingMenu .containerAnimatedScrollableArea { padding:0; } .mod_headerblock .containerCollapsingMenu .containerAnimatedScrollableArea .row-mainmen { padding:0; margin-left:0; margin-right:0; } .mod_headerblock .col-leftmainmenu { padding:0; } .mod_headerblock .row-mainmenu{ margin-left:0; margin-right:0; } .mod_headerblock .col-leftColTextLinks { border-right: none; margin-left: 0; margin-right: 0; padding: 0; } .mod_headerblock .row-leftmainmenu { margin-left: 0; margin-right: 0; } .mod_headerblock ul.textlinks li { padding-left: 0; padding-right: 0; } /* margin padding 0 end */ .mod_headerblock .navTopBar .menuCont { width: 25%; justify-content: start; } .mod_headerblock .navTopBar .logoCont { width: 50%; justify-content: center; } .mod_headerblock .navTopBar .btnCont { width: 25%; } .mod_headerblock .navTopBar .container-fluid { max-width: var(--headerblock-topbar-content-max-width); } .mod_headerblock .containerCollapsingMenu.show { width: 100%; } .mod_headerblock .bg-highlight { background: linear-gradient(90deg, rgba(40,38,49,1) 0%, rgba(40,38,49,1) 27%, rgba(37,35,45,0.29733900396095936) 27%, rgba(40,38,49,0.3) 100%); } .mod_headerblock .containerCollapsingMenu .containerAnimatedScrollableArea { max-width: calc(var(--headerblock-topbar-content-max-width) * 1); margin-right:auto; overflow-x: hidden; overflow-y: hidden; } .mod_headerblock .row-mainmenu { margin-left: 0; margin-right: 30%; position: relative; padding-left: 1rem; padding-right: 1rem; } .mod_headerblock .col-leftmainmenu { padding-top: 0px; min-width: 100px; position: relative; width: 50%; background-color: var(--color-headerblock-bg); flex-wrap: wrap; display: flex; flex-direction: row; height: 100%; align-content: start; overflow-x: hidden; overflow-y: scroll; } .mod_headerblock .row-leftmainmenu { padding-left: 70px; padding-right: 50px; height: auto; width: 100%; } .submenuOpen.mod_headerblock .col-submenu { width: 50%; max-width: 50%; overflow-x: hidden; overflow-y: scroll; } .mod_headerblock .col-submenu .submenu-container .bgColorDiv { width: 100%; } .mod_headerblock .col-leftColTextLinks { border-right: none; } .mod_headerblock .col-submenu { } .mod_headerblock .col-submenu .submenu-container { transform: translateX(-200px); } .mod_headerblock .containerCollapsingMenu .containerAnimatedScrollableArea { } .mod_headerblock .col-submenu .submenu-container .submenu-container-inner { padding: 10px 20px 10px 60px; } .mod_headerblock .col-submenu .submenu-container .submenuBackContainer { padding: 0px 40px; } } .mod_headerblock .closeMenuContainerText { padding-left: 20px; } .mod_headerblock ul.textlinks { padding-top: calc(var(--size-headerblock) * 1.25); } .mod_headerblock ul.textlinks li{ margin-bottom: calc(var(--size-headerblock) * 1.1); } /* großere haupt links */ .mod_headerblock ul.textlinks li.navLi_fenster, .mod_headerblock ul.textlinks li.navLi_haustueren, .mod_headerblock ul.textlinks li.navLi_wintergarten, .mod_headerblock ul.textlinks li.navLi_terrassendach, .mod_headerblock ul.textlinks li.navLi_glas-faltwand, .mod_headerblock ul.textlinks li.navLi_schiebetueren, .mod_headerblock ul.textlinks li.navLi_beschattung, .mod_headerblock ul.textlinks li.navLi_outdoor-living { font-size: calc(var(--size-headerblock) * 1.5); margin-bottom: calc(var(--size-headerblock) * 1.25); } .mod_headerblock ul.textlinks li.navLi_outdoor-living { margin-bottom: calc(var(--line-headerblock) * 1.5); } .mod_headerblock ul.textlinks li.navLi .submarker { font-size: var(--size-headerblock); display:none; } @media (max-width: 991px), (max-height: 700px) { .mod_headerblock ul.textlinks { padding-top: calc(var(--size-headerblock) * 0.5); } .mod_headerblock ul.textlinks li{ margin-bottom: calc(var(--size-headerblock) * 0.55); } .mod_headerblock ul.textlinks li.navLi_fenster, .mod_headerblock ul.textlinks li.navLi_haustueren, .mod_headerblock ul.textlinks li.navLi_wintergarten, .mod_headerblock ul.textlinks li.navLi_terrassendach, .mod_headerblock ul.textlinks li.navLi_glas-faltwand, .mod_headerblock ul.textlinks li.navLi_schiebetueren, .mod_headerblock ul.textlinks li.navLi_beschattung, .mod_headerblock ul.textlinks li.navLi_outdoor-living { font-size: calc(var(--size-headerblock) * 1.25); /* margin-bottom: calc(var(--size-headerblock) * 0.5); */ } .mod_headerblock ul.textlinks li.navLi_outdoor-living { margin-bottom: calc(var(--line-headerblock) * 1); } } .submenuOpen.mod_headerblock .col-submenu .submenu-container { align-content: start; overflow-x: hidden; overflow-y: auto; padding-top: var(--header-height); /* weil liegt hinter menu bar */ } .mod_headerblock .col-submenu .submenu-container .submenuBackContainer { position: relative; } .mod_headerblock .col-submenu .closeSubMenu { display: flex; justify-content: space-between; margin-bottom: 3rem; } .mod_headerblock .col-submenu .closeSubMenu .subMenuBackText { font-size: calc(var(--size-headerblock) * 1.33); font-weight: bold; } .mod_headerblock .col-submenu .closeSubMenu .subMenuBackX { font-size: calc(var(--size-headerblock) * 1.33); } .mod_headerblock .containerCollapsingMenu a { width: 100%; display: flex; justify-content: space-between; } .mod_headerblock ul.sublinkSize { font-size: var(--size-headerblock-subul); line-height: var(--line-headerblock-subul); } .mod_headerblock ul.sublinkSize li { margin-bottom: 15px; } .mod_headerblock ul.sublinkSize li.subLiLv1 {} .mod_headerblock ul.sublinkSize li.subLiLv1 a { text-transform: uppercase; font-weight: 600; } .mod_headerblock ul.sublinkSize li.subLiLv2 { font-size: var(--size-headerblock-subulchild); line-height: var(--line-headerblock-subulchild); } .mod_headerblock ul.sublinkSize li.subLiLv2 a {} .mod_headerblock ul.sublinkSize li.subLiLv2 + .subLiLv1 { padding-top: calc(var(--line-headerblock-subul) * 1.6); } .mod_headerblock .col-submenu .active a.link-white { color:var(--color-highlight); } /* lv2 deaktiviert */ @media (min-width: 992px) { .mod_headerblock .col-leftmainmenu { width: 100%; max-width: 440px; } .mod_headerblock .row-mainmenu { margin-right: 66%; } } .scrolldown.scroll50vh .headerblock_design_textlinks.mod_headerblock .navTopBar.colored { box-shadow: 0 0 8px rgba(0,0,0, 0); } .scrollup.scroll50vh .headerblock_design_textlinks.mod_headerblock .navTopBar.colored { box-shadow: 0 0 8px rgba(0,0,0, 0.2); } .scroll50vh .headerblock_design_textlinks.mod_headerblock { position: fixed; -webkit-animation: headerMoveToFixedSeq 0.3s normal forwards; -moz-animation: headerMoveToFixedSeq 0.3s normal forwards; -o-animation: headerMoveToFixedSeq 0.3s normal forwards; -webkit-animation: none; -moz-animation: none; -o-animation: none; } .headerblock_design_textlinks.mod_headerblock .navTopBar { transition: all 0.3s ease; transform: translateY(0); opacity:1; background-color: var(--color-black); } .scroll50vh.scrolldown .headerblock_design_textlinks.mod_headerblock .navTopBar { transition: all 0.3s ease; transform: translateY( var(--header-height-negative) ); /* opacity:0; */ background-color:transparent; } .scroll50vh.scrollup .headerblock_design_textlinks.mod_headerblock .navTopBar { transition: all 0.3s ease; transform: translateY(0); opacity:1; background-color: var(--color-black); } .scroll50vh.scrolldown .headerblock_design_textlinks.mod_headerblock:hover .navTopBar, .mainmenuOpen .headerblock_design_textlinks.mod_headerblock .navTopBar, .mainmenuOpen.scroll50vh .headerblock_design_textlinks.mod_headerblock .navTopBar { transition: all 0.3s ease; transform: translateY(0); opacity:1; background-color: var(--color-black); } .headerblock_design_textlinks.mod_headerblock .navTopBar .btnCont { transition: all 0.3s ease; } .scroll50vh.scrolldown .headerblock_design_textlinks.mod_headerblock .navTopBar .btnCont { transition: all 0.3s ease; transform: translateY( var(--header-height) ); } .scroll50vh.scrolldown .headerblock_design_textlinks.mod_headerblock:hover .navTopBar .btnCont, .mainmenuOpen .headerblock_design_textlinks.mod_headerblock .navTopBar .btnCont, .mainmenuOpen.scroll50vh .headerblock_design_textlinks.mod_headerblock .navTopBarr .btnCont { transition: all 0.3s ease; transform: translateY(0); } .scroll50vh.scrolldown .headerblock_design_textlinks.mod_headerblock .navTopBar .btnCont .btn-fachberatung { box-shadow: 0 0 8px rgba(0,0,0, 0.2) !important; } .scroll50vh.scrolldown .headerblock_design_textlinks.mod_headerblock:hover .navTopBar .btnCont .btn-fachberatung, .mainmenuOpen .headerblock_design_textlinks.mod_headerblock .navTopBar .btnCont .btn-fachberatung, .mainmenuOpen.scroll50vh .headerblock_design_textlinks.mod_headerblock .navTopBarr .btnCont .btn-fachberatung { box-shadow: 0 0 8px rgba(0,0,0, 0) !important; } .h1.headline, .h2.headline, .h3.headline, .h4.headline, .marker-text, .marker-text p, .marker-headline .h1.headline, .marker-headline .h2.headline, .marker-headline .h3.headline, .marker-headline .h4.headline, .marker-headline .h5.headline, .marker-headline .h1.questionHeadline, .marker-headline .h2.questionHeadline, .marker-headline .h3.questionHeadline, .marker-headline .h4.questionHeadline, .marker-headline .h5.questionHeadline, .marker .questionHeadline.h3, .marker.mod_slidertext_zweispaltig .h1.headline, .marker.mod_slidertext_zweispaltig .h2.headline, .marker.mod_slidertext_zweispaltig .h3.headline, .marker.mod_slidertext_zweispaltig:not(.headline-h0, .headline-h1, .headline-h3, .headline-h4, .headline-h5, .headline-h6) .h3.headline { font-family: var(--font-sliderh1) !important; } .defaulttext-headline .h1.headline, .defaulttext-headline .h2.headline, .defaulttext-headline .h3.headline, .defaulttext-headline .h4.headline, .defaulttext-headline .h5.headline, .defaulttext .questionHeadline.h3, .defaulttext.mod_slidertext_zweispaltig .h1.headline, .defaulttext.mod_slidertext_zweispaltig .h2.headline, .defaulttext.mod_slidertext_zweispaltig .h3.headline, .defaulttext.mod_slidertext_zweispaltig:not(.headline-h0, .headline-h1, .headline-h3, .headline-h4, .headline-h5, .headline-h6) .h3.headline { font-family: var(--font-default) !important; } .berater-wrapper h1, h1.ColumnsTemplate_question__ZnQn3.DB_SceneTitle.ColumnsTemplate_withDescription__3pdqF { font-size: var(--size-h2); line-height: var(--line-h2); font-family: var(--font-sliderh1) !important; font-style: var(--style-h2); font-weight: var(--weight-h2) !important; } .blocktabs .mod_slidertext_zweispaltig .h5.subline { font-size: var(--size-h3); line-height: var(--line-h3); font-family: var(--font-sliderh1) !important; font-style: var(--style-h3); font-weight: var(--weight-h3) !important; } .headline-start.u23design.design2.mod_imagebox.displaymode_imagebox_a .h3 { text-align:left; } .headline-end.u23design.design2.mod_imagebox.displaymode_imagebox_a .h3 { text-align:right; } .color-default.design4.mod_facts_table .singlefact { color: var(--color-default); } .color-white.design4.mod_facts_table .singlefact { color: var(--color-white); } .color-white.design4.mod_facts_table:not(.color-medium, .color-default, .color-light) .singlefact p b { color: var(--color-white); font-weight:var(--weight-bold); } .color-white.u23design.mod_facts_table .subline { color: var(--color-white); } .u23design.globalnews_detailpage_type1 .text-headline-cont { color: var(--color-default); } /* gayko kunststoff-fenster */ .u23design.design2.equalwidth.mod_imagebox.displaymode_imagebox_b .headlineContb { display: none; } .u23design.mod_imagebox .magazineRow { } .container-marken .img-fluid { margin-bottom: 15px; } .replaced_logo_gayko { width:50%; margin-right:15px; margin-bottom:15px; } .replaced_logo_pax { width:25%; margin-right:15px; margin-bottom:15px; } .replaced_logo_haustuer_gayko { width:50%; margin-right:0; margin-bottom:15px; } .replaced_logo_haustuer_pax { width:30%; margin-right:0; margin-bottom:15px; } .replaced_logo_haustuer_pieno { width:30%; margin-right:0; margin-bottom:15px; } .stoereridee { margin-top: calc(32vw / 2) !important; padding-top: 0; display: block; position: relative; } .stoereridee::before { content: "Ideen"; position: absolute; display: block; font-size: 32vw; line-height: 32vw; font-family: var(--font-default); font-style: var(--style-h0); font-weight: 900; text-align: right; width: 100%; z-index: -10; left: 0; top: calc(32vw / -2); right: 0; color: var(--color-default); transform: translateY(0); height: 32vw; letter-spacing: calc(-32vw * 0.1); padding-right: 2%; transition:all 0.2s ease; opacity: .000001; letter-spacing: calc(-32vw * 0.2); } .stoereridee.wow[style*="visibility: visible;"]::before { animation: fadeInStoereridee 0.66s ease-out forwards; } @keyframes fadeInStoereridee{ from { opacity: .000001; letter-spacing: calc(-32vw * 0.2); } to{ opacity: 1; letter-spacing: calc(-32vw * 0.1); } } @media (max-width: 767px) { .stoereridee { margin-top: calc(38vw / 2) !important; } .stoereridee::before { font-size: 38vw; line-height: 38vw; top: calc(38vw / -2); height: 38vw; letter-spacing: calc(-38vw * 0.2); } @keyframes fadeInStoereridee{ from { opacity: .000001; letter-spacing: calc(-38vw * 0.2); } to{ opacity: 1; letter-spacing: calc(-38vw * 0.1); } } } .mod_textblock.u23design .textblockText {} .mod_textblock.u23design .textblockText:has(.row .col-drei) {padding-left: 0; padding-right: 0;} .mod_slidertext_zweispaltig .swiper-slide-active {max-width:100%;} .mod_facts_table .singlefact .replaced_icon { fill: var(--color-default); } .mod_facts_table .singlefact .replaced_icon { fill: var(--color-highlight2); } .u23design.mod_facts_table:not(.design4, .design3, .blockColorClass_highlight1, .color-default, .color-white, .color-black, .color-medium, .color-light, .color-highlight, .color-highlight2, .color-highlight3, .color-highlight4) .singlefact p { color: var(--color-highlight2); } .color-highlight2.mod_facts_table .singlefact .replaced_icon { fill: var(--color-highlight2); } .color-white.mod_facts_table .singlefact .replaced_icon { fill: var(--color-white); } .color-highlight2.headline-default .headline { color: var(--color-default); } /* .u23design.mod_facts_table .subline { color: var(--color-medium); } */ .mod_kontakt_a .row {margin-left:0; margin-right:0;} .bg-highlight.u23design.modularform_funnel .inputLabel { color: var(--color-white); } .bg-highlight.modularform_funnel .funnel_checkbox .btn-inputLabel.checked { color: var(--color-white); background-color: var(--color-highlight2); border: 2px solid var(--color-white); } .bg-highlight.u23design.modularform .form-control::placeholder, .bg-highlight.u23design.modularform input::placeholder { color: var(--color-highlight2); } .imggalerie .replaced_bild_link img{width:100%;} .imggalerie .replaced_bild_link { display: inline-block; width: 50%; padding: 5px; } @media (min-width: 992px) { .imggalerie .replaced_bild_link { width: 33.333%; } } @media (min-width: 1200px) { .imggalerie .replaced_bild_link { width: 20%; } } .mod_slider_a .imageSlider .container.headerwidth { max-width:var(--width-extrawidewidth); } .mod_slider_a .imageSlider .sliderhx, .mod_slider_a .imageSlider .h1.sliderhx, .mod_slider_a .imageSlider .h2.sliderhx, .mod_slider_a .imageSlider .h3.sliderhx, .mod_slider_a .imageSlider .sliderhx .textCenterSpan, .mod_slider_a .imageSlider .h1.sliderhx .textCenterSpan, .mod_slider_a .imageSlider .h2.sliderhx .textCenterSpan, .mod_slider_a .imageSlider .h3.sliderhx .textCenterSpan { font-family: var(--font-h5) !important; font-style: var(--style-h5) !important; font-size: var(--size-h5) !important; line-height: var(--line-h5) !important; font-weight: var(--weight-h5) !important; margin-bottom: calc(var(--size-sliderh1) - var(--size-slider-mb-rem)) !important; margin-bottom: var(--size-slider-mb-rem) !important; } .mod_slider_a .imageSlider .sliderhx.hasText, .mod_slider_a .imageSlider .h1.sliderhx.hasText, .mod_slider_a .imageSlider .h2.sliderhx.hasText, .mod_slider_a .imageSlider .h3.sliderhx.hasText, .mod_slider_a .imageSlider .sliderhx.hasText .textCenterSpan, .mod_slider_a .imageSlider .h1.sliderhx.hasText .textCenterSpan, .mod_slider_a .imageSlider .h2.sliderhx.hasText .textCenterSpan, .mod_slider_a .imageSlider .h3.sliderhx.hasText .textCenterSpan { margin-bottom: 1.5rem !important; } .mod_slider_a .imageSlider .sliderhx .textCenterSpan, .mod_slider_a .imageSlider .h1.sliderhx .textCenterSpan, .mod_slider_a .imageSlider .h2.sliderhx .textCenterSpan, .mod_slider_a .imageSlider .h3.sliderhx .textCenterSpan { background-color:var(--color-highlight); color:var(--color-white); -webkit-box-decoration-break: clone; box-decoration-break: clone; padding: 5px 10px; } .mod_slider_a .imageSlider .sliderhx.hasText, .mod_slider_a .imageSlider .h1.sliderhx.hasText, .mod_slider_a .imageSlider .h2.sliderhx.hasText, .mod_slider_a .imageSlider .h3.sliderhx.hasText, .mod_slider_a .imageSlider .sliderhx.hasText .textCenterSpan, .mod_slider_a .imageSlider .h1.sliderhx.hasText .textCenterSpan, .mod_slider_a .imageSlider .h2.sliderhx.hasText .textCenterSpan, .mod_slider_a .imageSlider .h3.sliderhx.hasText .textCenterSpan { margin-bottom: 1.5rem !important; } @media (max-width: 767px) { .mod_slider_a .imageSlider .sliderhx.hasText, .mod_slider_a .imageSlider .h1.sliderhx.hasText, .mod_slider_a .imageSlider .h2.sliderhx.hasText, .mod_slider_a .imageSlider .h3.sliderhx.hasText, .mod_slider_a .imageSlider .sliderhx.hasText .textCenterSpan, .mod_slider_a .imageSlider .h1.sliderhx.hasText .textCenterSpan, .mod_slider_a .imageSlider .h2.sliderhx.hasText .textCenterSpan, .mod_slider_a .imageSlider .h3.sliderhx.hasText .textCenterSpan { margin-bottom: 1rem !important; } } .nosubline.mod_slider_a .imageSlider .sliderhx .textCenterSpan, .nosubline.mod_slider_a .imageSlider .h1.sliderhx .textCenterSpan, .nosubline.mod_slider_a .imageSlider .h2.sliderhx .textCenterSpan, .nosubline.mod_slider_a .imageSlider .h3.sliderhx .textCenterSpan, .mod_slider_a .imageSlider .h1.sliderhx.noText .textCenterSpan { font-family: inherit !important; font-style: inherit !important; font-size: inherit !important; line-height: inherit !important; font-weight: inherit !important; background-color:transparent; padding:0; text-shadow: 5px 5px 15px rgba(0,0,0,0.33); } .nosubline.mod_slider_a .imageSlider .sliderhx .textCenterSpan, .nosubline.mod_slider_a .imageSlider .h1.sliderhx .textCenterSpan, .nosubline.mod_slider_a .imageSlider .h2.sliderhx .textCenterSpan, .nosubline.mod_slider_a .imageSlider .h3.sliderhx .textCenterSpan, .mod_slider_a .imageSlider .h1.sliderhx.noText, .mod_slider_a .imageSlider .slider-subline { color: var(--color-white); font-family: var(--font-h0); font-style: var(--style-h0); font-weight: var(--weight-h0); font-size: var(--size-h0); line-height: var(--line-h0); font-family: var(--font-sliderh1) !important; font-style: var(--style-sliderh1) !important; font-size: var(--size-sliderh1) !important; font-size: var(--size-h0) !important; line-height: var(--line-sliderh1) !important; font-weight: var(--weight-sliderh1) !important; margin-bottom: calc(var(--size-sliderh1) - var(--size-slider-mb-rem)) !important; margin-bottom: var(--size-slider-mb-rem) !important; text-shadow: 5px 5px 15px rgba(0,0,0,0.33); } .mod_slider_a .imageSlider .slider-subline b { font-weight: var(--weight-bold); font-family: var(--font-bold); } /* blobal etwas kleiner nur startseite nicht */ @media (min-width: 1500px) { .mod_slider_a .imageSlider .h1.sliderhx.noText, .mod_slider_a .imageSlider .slider-subline { font-size: var(--size-h0) !important; font-size: var(--size-sliderh1) !important; } /*.sn_startseite .mod_slider_a .imageSlider .h1.sliderhx.noText, .sn_startseite .mod_slider_a .imageSlider .slider-subline { font-size: var(--size-sliderh1) !important; }*/ } .mod_slider_a .imageSlider .sliderhx.hasText .textCenterSpan br, .mod_slider_a .imageSlider .h1.sliderhx.hasText .textCenterSpan br { display:none; } .mod_slider_a_3.mod_slider_a .imageSlider .h1.sliderhx { transform: translateY(80%); animation: anisliderhx 1s ease 2.4s forwards; } @media (max-width: 767px) { /* .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: 0 !important; } */ } /* u23 mod slider a -- start*/ .mod_slider_a .imageSlider .slideContent { text-align: center; padding-top: var(--header-height); padding-bottom: var(--header-height); display: flex; height: 100%; align-content: start; align-items: center; padding-top: calc(var(--header-height) * 1); padding-bottom:0; padding-right: 1.5rem; padding-left: 1.5rem; padding-top: 1.5rem; padding-bottom: 1.5rem; } @media (min-width: 768px) { .mod_slider_a .imageSlider .slideContent { padding-right: 1.5rem; padding-left: 1.5rem; padding-top: 1.5rem; padding-bottom: 1.5rem; } } @media (min-width: 992px) { .mod_slider_a .imageSlider .slideContent {justify-content: start; /*padding-left: 1rem; padding-right:3rem;*/} .headline-start.mod_slider_a .imageSlider .slideContent {justify-content: start; /*padding-left: 3rem; padding-right:1rem;*/} .headline-center.mod_slider_a .imageSlider .slideContent {justify-content: center; /*padding-left: 1rem; padding-right:1rem;*/} } .mod_slider_a .imageSlider .slideContent .slideContentInner1 { padding: 0; height: auto; display: block; width: 55%; text-align: left; } .mod_slider_a .imageSlider .slideContent .slideContentInner1 .slideContentInner2 {padding:0;} .mod_slider_a .imageSlider .slideContent .slideContentInner1 .slideContentInner2 .slideContentInner3 {} @media (min-width: 992px) { .headline-highlight.mod_slider_a .imageSlider .h1 span {color:var(--color-highlight);} .headline-default.mod_slider_a .imageSlider .h1 span {color:var(--color-default);} .headline-white.mod_slider_a .imageSlider .h1 span {color:var(--color-white);} .headline-medium.mod_slider_a .imageSlider .h1 span {color:var(--color-medium);} .headline-light.mod_slider_a .imageSlider .h1 span {color:var(--color-light);} .headline-highlight2.mod_slider_a .imageSlider .h1 span {color:var(--color-highlight2);} .headline-highlight3.mod_slider_a .imageSlider .h1 span {color:var(--color-highlight3);} .headline-highlight4.mod_slider_a .imageSlider .h1 span {color:var(--color-highlight4);} } .mod_slider_a .imageSlider .container.headerwidth.container-pagination { margin-left: auto; margin-right: auto; left: 0; right: 0; bottom: -30px; height: 12px; line-height: 0; } .mod_slider_a .imageSlider .btn { margin: 0; padding:0; font-family: var(--font-h5); font-style: var(--style-h5); font-weight: var(--weight-h5); font-size: var(--size-h5); line-height: var(--line-h5); font-weight: 800; margin-top: calc(var(--size-sliderh1) - var(--size-slider-mb-rem)) !important; margin-top: 0 !important; margin-bottom: calc(var(--size-sliderh1) - var(--size-slider-mb-rem)) !important; /* text-shadow: 4px 4px 12px #fff */ text-shadow: 5px 5px 15px rgba(0,0,0,0.33); } @media (max-width: 992px) { .mod_slider_a .imageSlider .btn { margin-top: 0 !important; margin-bottom: 1rem !important; } } .mod_slider_a .imageSlider .btn.btn-slider, .mod_slider_a .imageSlider .btn.btn-slider:visited { color: var(--color-white); border-color: transparent; background-color: transparent; } .mod_slider_a .imageSlider .btn.btn-slider:hover, .mod_slider_a .imageSlider .btn.btn-slider:focus { color: var(--color-highlight); border-color: transparent; background-color: transparent; } @media (max-width: 992px) { .defaultdesign.mod_slider_a .imageSlider .swiper-container.slidesCnt1 { margin-bottom: 0px; overflow: visible; display: flex; flex-direction: row; flex-wrap: wrap; } } @media (max-width: 992px) { .sfm_1by1.defaultdesign.mod_slider_a .imageSlider { height: 100vw; height: auto; } } @media (max-width: 992px) { .defaultdesign.mod_slider_a .container.singletext-cont { position: relative !important; top: auto; left: 0; right: 0; bottom: 0; background-color: var(--color-default); } /* text über Bild */ @media (max-width: 991px) { .mod_slider_a .imageSlider .slideContent { align-content: start; align-items: end; } .defaultdesign.mod_slider_a .container.singletext-cont { position: absolute !important; background-color: transparent; } } .mod_slider_a .imageSlider .slideContent { text-align: center; padding-top: 1rem; padding-bottom: 1rem; } .mod_slider_a .imageSlider .slideContent .slideContentInner1 { width:100%; padding: 0 1.5rem; } } @media (max-width: 767px) { .mod_slider_a .imageSlider .slideContent .slideContentInner1 { padding: 0; } } .mod_slider_a_3.mod_slider_a .swiper-wrapper { background-color:transparent; } .defaultdesign.mod_slider_a .imageSlider .swiper-container { /*background-size: cover;*/ } @media (max-width: 992px) { .defaultdesign.mod_slider_a .imageSlider .swiper-container { background-size: 180vw; background-position: center top; } } .mod_slider_a .imageSlider .container.headerwidth.container-pagination { bottom: 30px; display:block; } @media (max-width: 768px) { .defaultdesign.mod_slider_a .imageSlider .container.headerwidth.container-pagination { bottom: 30px; } } .mod_slider_a .imageSlider .swiper-pagination-bullet-active { background: var(--color-light) !important; border-color: var(--color-light) !important; } .mod_slider_a .imageSlider .swiper-pagination-fraction { float: none; display: inline; } .mod_slider_a .imageSlider .imageShadow { display:block; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(40,38,49,0.5046219171262255) 0%, rgba(40,38,49,0.499019676229867) 15%, rgba(40,38,49,0) 66%, rgba(40,38,49,0) 100%); } @media (max-width: 768px) { .mod_slider_a .imageSlider .imageShadow { background: linear-gradient(0deg, rgba(40,38,49,0.5046219171262255) 0%, rgba(40,38,49,0.499019676229867) 15%, rgba(40,38,49,0) 66%, rgba(40,38,49,0) 100%); } } .bcmenu ul li a, .bcmenu ul li span { padding: 0 10px; padding-left: 10px; border-right: 1px solid var(--color-medium); display: inline-block; margin: 0px; line-height: 100%; color: var(--color-medium); font-size: var(--size-small); } .bcmenu ul li a:hover, .bcmenu ul li a:focus, .bcmenu ul li a:active { color: var(--color-default); } /* klassen an frage angehängt */ .funnelQuestion.headline-start .funnelQuestionDescriptionRow .row.text-center .h3 {text-align: left !important; margin-bottom: 2rem;} .funnelQuestion.text-start .funnelQuestionDescriptionRow .row.text-center {text-align: left !important; justify-content: start !important;} .modularform_funnel .funnelQuestion.text-start .funnel_checked_container { justify-content: start !important; } .modularform_funnel .modularinputgroup .funnelQuestion.headline-start:first-of-type .backContainer, .modularform_funnel .modularinputgroup .funnelQuestion.text-start:first-of-type .backContainer {display:none;} .modularform_funnel .modularinputgroup .funnelQuestion.headline-start:first-of-type .funnel_checkradio_item, .modularform_funnel .modularinputgroup .funnelQuestion.text-start:first-of-type .funnel_checkradio_item {width:auto;} .modularform_funnel .funnelQuestion.text-start .col-10.questionContainer {width:100%;} .modularform_funnel .funnelQuestion.text-start .funnel_input_container {width:100%;} .modularform_funnel .funnel_checkbox .btn-inputLabel, .modularform_funnel .funnel_radiobutton .btn-inputLabel {padding:12px 24px 12px 24px;} .modularform_funnel .funnelQuestion.text-start .funnel_radiobutton .form-check, .modularform_funnel .funnelQuestion.text-start .funnel_checkbox .form-check { padding: 0 0.7em 0.7em 0; } .modularform_funnel .funnel_checkbox .btn-inputLabel, .modularform_funnel .funnel_radiobutton .btn-inputLabel { padding:12px 24px 12px 24px; color: var(--color-highlight); background-color: var(--color-white); border: 2px solid var(--color-highlight); } .modularform_funnel .funnel_checkbox .btn-inputLabel:hover, .modularform_funnel .funnel_radiobutton .btn-inputLabel:hover { padding:12px 24px 12px 24px; color: var(--color-white); background-color: var(--color-highlight); border: 2px solid var(--color-highlight); } .modularform_funnel .funnel_checkbox .btn-inputLabel:hover .replaced_icon svg, .modularform_funnel .funnel_radiobutton .btn-inputLabel:hover .replaced_icon svg { fill: var(--color-white); } .bg-highlight.modularform_funnel .funnel_checkbox .btn-inputLabel, .bg-highlight.modularform_funnel .funnel_radiobutton .btn-inputLabel { color: var(--color-highlight); background-color: var(--color-white); border: 2px solid var(--color-white); } .bg-highlight.modularform_funnel .funnel_checkbox .btn-inputLabel:hover, .bg-highlight.modularform_funnel .funnel_radiobutton .btn-inputLabel:hover { padding:12px 24px 12px 24px; color: var(--color-white); background-color: var(--color-highlight); border: 2px solid var(--color-white); } .bg-highlight.modularform_funnel .funnel_checkbox .btn-inputLabel:hover .replaced_icon svg, .bg-highlight.modularform_funnel .funnel_radiobutton .btn-inputLabel:hover .replaced_icon svg { fill: var(--color-white); } .borderedwhite, .bordered { border-width: 30px 35px 30px 35px; border-color: var(--color-default); border-style: solid; } .borderedwhite, .blockColorClass_color4.bordered { border-color: var(--color-white); } @media (min-width: 992px) { .borderedwhite, .bordered { border-width: 1.5rem 2rem 1.5rem 2rem ; } } @media (min-width: 992px) { .borderedwhite, .bordered { border-width: 80px 100px 80px 100px; } } .stoererBox { overflow:hidden; } .stoererBox .boxColor { background-color:var(--color-bg-light); border-radius: 40px; padding: 0px; padding-right: 0; overflow:hidden; overflow:visible; color:var(--color-default); } @media (max-width: 991px) { .stoererBox .details-container { padding-right: 35px; padding-left: 35px; } .stoererBox .boxColor { padding: var(--bs-gutter-x) calc(var(--bs-gutter-x) * .5); } .stoererBox .wrapper21by9 { padding: 0px; height:auto; } .stoererBox .wrapper21by9 .innerCont { position:relative; } } .blockColorClass_base .stoererBox .boxColor { background-color:var(--color-var(--color-bg-light)); } .stoererBox .table-cell{vertical-align: middle;} .stoererBox .table-cell:last-child {margin-left:28px;} .stoererBox .stoererBoxAspName {z-index: 2; align-self: end; padding: 30px;} .u23design.design2.mod_imagebox.displaymode_imagebox_a .slideText { color:var(--color-default); } .u23design.design2.mod_imagebox.displaymode_imagebox_a:not(.text-big, .text-medium, .text-default, .text-small) .slideText { font-family: var(--font-default); font-style: var(--style-default); font-size:var(--size-default); line-height:var(--line-default); font-weight: var(--weight-default); } .u23design.mod_imagebox.displaymode_imagebox_c.design2 .container-text { margin-bottom: 30px; } @media (min-width: 1200px) { .mod_slidertext_zweispaltig .imageSlider .swiper-pagination-fraction { left: auto; right: 0; } } .mod_referenzenausgabe .weitereWrapper::after, .mod_imagebox.displaymode_imagebox_a .mod_imagebox_a_singleslide:not([data-ident="0"]) .productView_Container::after, .fadebg.mod_imagebox.displaymode_imagebox_b .magazine_item::after, .fadebg.mod_slider_a .swiper-wrapper::after { content: " "; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: linear-gradient(0deg, rgba(0,0,0,0.4009804605435925) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%); pointer-events: none; opacity:1; transition:all 0.3s ease; } .mod_imagebox.displaymode_imagebox_a .mod_imagebox_a_singleslide:not([data-ident="0"]) a.singleSlideElement:hover .productView_Container::after { opacity:0; } @media (min-width: 1200px) { .defaultMargin.accordion_type1 .mod_cont { padding-top: 60px; padding-bottom: 60px; } } .mod_referenzenausgabe .swiper-button-next { width: 40px; height: 40px; background-position: 50% 50%; border-radius: 20px; } .mod_referenzenausgabe .swiper-button-prev { width: 40px; height: 40px; background-position: 50% 50%; border-radius: 20px; } @-webkit-keyframes anihl { from { -webkit-transform: translateY(60px); transform: translateY(60px); -webkit-animation-timing-function: ease; animation-timing-function: ease; opacity: .000001; } to { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; } } @keyframes anihl { from { -webkit-transform: translateY(60px); transform: translateY(60px); -webkit-animation-timing-function: ease; animation-timing-function: ease; opacity: .000001; } to { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; } } .anihl { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: anihl; animation-name: anihl; transform-origin:center top; transform-origin: 50% 50%; animation-duration: 0.6s; animation-delay: 0.0s; } @-webkit-keyframes anisl { from { -webkit-transform: translateY(60px); transform: translateY(60px); -webkit-animation-timing-function: ease; animation-timing-function: ease; opacity: .000001; } to { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; } } @keyframes anisl { from { -webkit-transform: translateY(60px); transform: translateY(60px); -webkit-animation-timing-function: ease; animation-timing-function: ease; opacity: .000001; } to { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; } } .anisl { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: anisl; animation-name: anisl; transform-origin:center top; transform-origin: 50% 50%; animation-duration: 0.6s; animation-delay: 0.05s; } @-webkit-keyframes anitxt { from { -webkit-transform: translateY(60px); transform: translateY(60px); -webkit-animation-timing-function: ease; animation-timing-function: ease; opacity: .000001; } to { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; } } @keyframes anitxt { from { -webkit-transform: translateY(60px); transform: translateY(60px); -webkit-animation-timing-function: ease; animation-timing-function: ease; opacity: .000001; } to { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; } } .anitxt { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: anitxt; animation-name: anitxt; transform-origin:center top; transform-origin: 50% 50%; animation-duration: 0.6s; animation-delay: 0.1s; } @-webkit-keyframes anitxtsub { from { -webkit-transform: translateY(60px); transform: translateY(60px); -webkit-animation-timing-function: ease; animation-timing-function: ease; opacity: .000001; } to { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; } } @keyframes anitxtsub { from { -webkit-transform: translateY(60px); transform: translateY(60px); -webkit-animation-timing-function: ease; animation-timing-function: ease; opacity: .000001; } to { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; } } .anitxtsub { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: anitxtsub; animation-name: anitxtsub; transform-origin:center top; transform-origin: 50% 50%; animation-duration: 0.6s; animation-delay: 0.15s; } @-webkit-keyframes aniFadeBoxInFromBot { from { -webkit-transform: translateY(60px); transform: translateY(60px); -webkit-animation-timing-function: ease; animation-timing-function: ease; opacity: .000001; } to { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; } } @keyframes aniFadeBoxInFromBot { from { -webkit-transform: translateY(60px); transform: translateY(60px); -webkit-animation-timing-function: ease; animation-timing-function: ease; opacity: .000001; } to { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; } } .aniFadeBoxInFromBot { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: aniFadeBoxInFromBot; animation-name: aniFadeBoxInFromBot; transform-origin:center top; transform-origin: 50% 50%; animation-duration: 0.6s; animation-delay: 0.0s; } .corners, .ordered.mod_imagebox.displaymode_imagebox_a .wrapperordered, .ordered.mod_imagebox.displaymode_imagebox_a .mod_imagebox_a_singleslide, .mod_imagebox.displaymode_imagebox_a .mod_imagebox_a_singleslide .productView_Container, .u23design.mod_imagebox.displaymode_imagebox_b:not(.noborder) .itemColumn .innerContent, .corners.mod_slidertext_zweispaltig .swiper-slide { border-radius: 0px; overflow:hidden; transition:all 0.3s ease; } /* .mod_imagebox.displaymode_imagebox_b .magazine_item { height: 100%; min-height: 300px; border-radius: 20px 20px 0px 0px; } */ .ordered.mod_imagebox.displaymode_imagebox_a .mod_imagebox_a_singleslide a.singleSlideElement:hover{ border-radius: 0px; box-shadow: 3px 3px 2px 1px rgba(0, 0, 0, .16); transition:all 0.3s ease; } .borderedwhite.blockColorClass_color4.designlist.mod_imagebox.displaymode_imagebox_b .itemColumn .innerContent { background-color: var(--color-default); } .borderedwhite.blockColorClass_color4.designlist.mod_imagebox.displaymode_imagebox_b .container-images .h5 { color: var(--color-white); } .onestep.mod_kontakt_a .mod_kontakt_a_form-row .formstep { display: block; margin-bottom: 3rem; } .onestep.mod_kontakt_a .btnContainer { display:none; } .onestep.mod_kontakt_a .col-userdata .btnContainer { display:block; } .onestep.mod_kontakt_a .col-userdata .btnContainer .formstepBack{ display:none; } .showpagination.mod_slidertext_zweispaltig .imageSlider {overflow: visible;} @media (min-width: 1200px) { .u23design.mod_slidertext_zweispaltig .imageSlider .swiper-pagination-bullets { left: -50px; left: 0px; right: auto; width: 50px; top: 0; position: absolute; display: flex; flex-direction: column; align-items: center; justify-content: center; } .u23design.mod_slidertext_zweispaltig .imageSlider .swiper-pagination-bullets .swiper-pagination-bullet { height: 30px; width: 30px; background: transparent; border: 2px solid var(--color-light); margin: 15px 5px; color: var(--color-light); font-size: var(--size-small); } .u23design.mod_slidertext_zweispaltig .imageSlider .swiper-pagination-bullet-active { color: var(--color-white) !important; background: var(--color-light) !important; border-color: var(--color-white) !important; } .u23design.mod_slidertext_zweispaltig .imageSlider .swiper-pagination-bullets .swiper-pagination-bullet:nth-of-type(1)::before {content:"1"; position: relative; top: 2px;} .u23design.mod_slidertext_zweispaltig .imageSlider .swiper-pagination-bullets .swiper-pagination-bullet:nth-of-type(2)::before {content:"2"; position: relative; top: 2px;} .u23design.mod_slidertext_zweispaltig .imageSlider .swiper-pagination-bullets .swiper-pagination-bullet:nth-of-type(3)::before {content:"3"; position: relative; top: 2px;} .u23design.mod_slidertext_zweispaltig .imageSlider .swiper-pagination-bullets .swiper-pagination-bullet:nth-of-type(4)::before {content:"4"; position: relative; top: 2px;} .u23design.mod_slidertext_zweispaltig .imageSlider .swiper-pagination-bullets .swiper-pagination-bullet:nth-of-type(5)::before {content:"5"; position: relative; top: 2px;} .u23design.mod_slidertext_zweispaltig .imageSlider .swiper-pagination-bullets .swiper-pagination-bullet:nth-of-type(6)::before {content:"6"; position: relative; top: 2px;} .u23design.mod_slidertext_zweispaltig .imageSlider .swiper-pagination-bullets .swiper-pagination-bullet:nth-of-type(7)::before {content:"7"; position: relative; top: 2px;} .u23design.mod_slidertext_zweispaltig .imageSlider .swiper-pagination-bullets .swiper-pagination-bullet:nth-of-type(9)::before {content:"8"; position: relative; top: 2px;} .u23design.mod_slidertext_zweispaltig .imageSlider .swiper-pagination-bullets .swiper-pagination-bullet:nth-of-type(9)::before {content:"9"; position: relative; top: 2px;} } .mod_slidertext_zweispaltig .imageSlider .swiper-container { background-color: transparent; } /* form1 grauer bezier im Hintergrund */ /* .form1.mod_slidertext_zweispaltig .imageSlider::after */ .form1.mod_slidertext_zweispaltig .row-imgSliderContainer { position:relative; padding-top: 3rem; padding-bottom: 3rem; } .form1.mod_slidertext_zweispaltig .row-imgSliderContainer::after { content: " "; width: 100%; height: 100%; display: block; background-image: url("../img/form1_a.svg"); background-size: 100%; background-position: 50% 100%; background-repeat: no-repeat; position: absolute; left: 0; top: 0; width:calc(100% + 3rem); left: -3rem; } /* form2 beziel clip path */ .form2.mod_slidertext_zweispaltig .swiper-wrapper { clip-path: url(#form2_a_curves); } .form2.mod_slidertext_zweispaltig .imageSlider::after { content: " "; width: 80%; height: 75%; display: block; background-image: url("../img/form3_a.svg"); background-size: 100% 100%; background-position: right top; background-repeat: no-repeat; position: absolute; right: 0; top: 0; z-index: 2; width: 80%; height: 90%; right: -50px; background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F>image/svg+xml') } .mod_slidertext_zweispaltig .sliderRow .col-text { padding-top: 0; } @media (min-width: 992px) { .u23design.mod_slidertext_zweispaltig.reverse:not(.extrasmallwidth, .smallwidth, .normalwidth, .mediumwidth, .widewidth, .extrawidewidth, .fullwidth) .col-header-landing-text { padding-left: calc(var(--bs-gutter-x) * 2.125) !important; padding-right: calc(var(--bs-gutter-x) * 2.125) !important; } } .mod_slidertext_zweispaltig .mod_cont .container { } .mod_slidertext_zweispaltig .mod_cont.fixedelement .container { /* padding-top:60px; */ } @media (max-width: 767px){ .u23design.mod_slidertext_zweispaltig .h3.headline { margin-bottom: 10px; } .u23design.mod_slidertext_zweispaltig .sliderRow .col-slider { margin-bottom: 20px; } .mod_slidertext_zweispaltig .col-text .btn_replaced { margin-top: 5px; } } .fadeInWords.animated .headline span{ opacity: 0; transform: translateY(30px); display:inline-block; } .fadeInWords[style*="visibility: visible;"].animated .headline span{ animation: fadeInWords 0.5s ease-out forwards; } .fadeInWords.animated .headline span:nth-of-type(1){animation-delay: 0.3s;} .fadeInWords.animated .headline span:nth-of-type(2){animation-delay: 0.4s;} .fadeInWords.animated .headline span:nth-of-type(3){animation-delay: 0.5s;} .fadeInWords.animated .headline span:nth-of-type(4){animation-delay: 0.6s;} .fadeInWords.animated .headline span:nth-of-type(5){animation-delay: 0.7s;} .fadeInWords.animated .headline span:nth-of-type(6){animation-delay: 0.8s;} .fadeInWords.animated .headline span:nth-of-type(7){animation-delay: 0.9s;} .fadeInWords.animated .headline span:nth-of-type(8){animation-delay: 1.0s;} .fadeInWords.animated .headline span:nth-of-type(9){animation-delay: 1.1s;} .fadeInWords.animated .headline span:nth-of-type(10){animation-delay: 1.2s;} .fadeInWords.animated .headline span:nth-of-type(11){animation-delay: 1.3s;} .fadeInWords.animated .headline span:nth-of-type(12){animation-delay: 1.4s;} .fadeInWords.animated .headline span:nth-of-type(13){animation-delay: 1.5s;} .fadeInWords.animated .headline span:nth-of-type(14){animation-delay: 1.6s;} .fadeInWords.animated .headline span:nth-of-type(15){animation-delay: 1.7s;} .fadeInWords.animated .headline span:nth-of-type(16){animation-delay: 1.8s;} .fadeInWords.animated .headline span:nth-of-type(17){animation-delay: 1.9s;} .fadeInWords.animated .headline span:nth-of-type(18){animation-delay: 2.0s;} .fadeInWords.animated .headline span:nth-of-type(19){animation-delay: 2.1s;} .fadeInWords.animated .headline span:nth-of-type(20){animation-delay: 2.2s;} .fadeInWords.animated .headline span:nth-of-type(21){animation-delay: 2.3s;} .fadeInWords.animated .headline span:nth-of-type(21){animation-delay: 2.4s;} .fadeInWords.animated .headline span:nth-of-type(23){animation-delay: 2.5s;} .fadeInWords.animated .headline span:nth-of-type(24){animation-delay: 2.6s;} .fadeInWords.animated .headline span:nth-of-type(25){animation-delay: 2.7s;} @keyframes fadeInWords{ to{ opacity: 1; transform: translateY(0); } } /* u23 mod_facts_table -- start */ .stylednumbers.mod_facts_table .singlefact { color:var(--color-medium); padding-left:10px; padding-right:10px; } .stylednumbers.mod_facts_table .singlefact span.countto { white-space:nowrap; margin-bottom:10px; } .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: "Montserrat"; font-weight: 800; color:var(--color-highlight); } .stylednumbers.mod_facts_table .singlefact:nth-child(1) span.countto .einheitspacer {display:none;} .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: "Montserrat"; font-weight: 600; color:var(--color-white); text-shadow: -1px -1px 0 var(--color-highlight), 1px -1px 0 var(--color-highlight), -1px 1px 0 var(--color-highlight), 1px 1px 0 var(--color-highlight), -1px -1px 1px var(--color-highlight), 1px -1px 1px var(--color-highlight), -1px 1px 1px var(--color-highlight), 1px 1px 1px var(--color-highlight), -2px -2px 0 var(--color-highlight), 2px -2px 0 var(--color-highlight), -2px 2px 0 var(--color-highlight), 2px 2px 0 var(--color-highlight), -2px -2px 2px var(--color-highlight), 2px -2px 2px var(--color-highlight), -2px 2px 2px var(--color-highlight), 2px 2px 2px 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-family: "Montserrat"; font-weight: 600; color:var(--color-white); text-shadow: -1px -1px 0 var(--color-highlight), 1px -1px 0 var(--color-highlight), -1px 1px 0 var(--color-highlight), 1px 1px 0 var(--color-highlight), -1px -1px 1px var(--color-highlight), 1px -1px 1px var(--color-highlight), -1px 1px 1px var(--color-highlight), 1px 1px 1px var(--color-highlight), -2px -2px 0 var(--color-highlight), 2px -2px 0 var(--color-highlight), -2px 2px 0 var(--color-highlight), 2px 2px 0 var(--color-highlight), -2px -2px 2px var(--color-highlight), 2px -2px 2px var(--color-highlight), -2px 2px 2px var(--color-highlight), 2px 2px 2px var(--color-highlight); } .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: "Montserrat"; font-weight: 600; color:var(--color-white); text-shadow: -1px -1px 0 var(--color-highlight), 1px -1px 0 var(--color-highlight), -1px 1px 0 var(--color-highlight), 1px 1px 0 var(--color-highlight), -1px -1px 1px var(--color-highlight), 1px -1px 1px var(--color-highlight), -1px 1px 1px var(--color-highlight), 1px 1px 1px var(--color-highlight), -2px -2px 0 var(--color-highlight), 2px -2px 0 var(--color-highlight), -2px 2px 0 var(--color-highlight), 2px 2px 0 var(--color-highlight), -2px -2px 2px var(--color-highlight), 2px -2px 2px var(--color-highlight), -2px 2px 2px var(--color-highlight), 2px 2px 2px var(--color-highlight); } /* startseite facts zahlen */ @media (min-width: 992px){ .mod_facts_table_4.mod_facts_table .row.col-12.align-items-start.justify-content-start.justify-content-lg-center { justify-content: space-between !important; } .mod_facts_table_4.mod_facts_table .container-facts .singlefact { width: auto !important; } } @media (min-width: 992px) { .mod_facts_table_4.mod_facts_table:not(.text-default, .text-small, .text-big) .singlefact p { max-width: 180px; } } .mod_facts_table .far, .mod_facts_table .fal, .mod_facts_table .fa {font-size: 2.5rem;} @media (min-width: 992px) { .text-start.mod_facts_table .justify-content-lg-center { justify-content: start !important; } } .stoererbox1 {color: var(--color-default);} @media (max-width: 992px) { .stoererbox1 .mod_cont, .defaultMargin.stoererbox1 .mod_cont{padding-bottom:0 !important; padding-top:0 !important;} } .stoererbox1 .headline{ position: relative; top: -22px; } @media (min-width: 992px) { .stoererbox1 .headline{ top: -22px; } } @media (min-width: 992px) { .stoererbox1 .headline{ top: -28px; } } .stoererbox1 .h0 { font-size: var(--size-h0); line-height: var(--line-h0); font-family: var(--font-h0); font-weight: 600; color:var(--color-color4); text-shadow: -1px -1px 0 var(--color-white), 1px -1px 0 var(--color-white), -1px 1px 0 var(--color-white), 1px 1px 0 var(--color-white), -1px -1px 1px var(--color-white), 1px -1px 1px var(--color-white), -1px 1px 1px var(--color-white), 1px 1px 1px var(--color-white), -2px -2px 0 var(--color-white), 2px -2px 0 var(--color-white), -2px 2px 0 var(--color-white), 2px 2px 0 var(--color-white), -2px -2px 2px var(--color-white), 2px -2px 2px var(--color-white), -2px 2px 2px var(--color-white), 2px 2px 2px var(--color-white); display: block; height: 50px; font-size: 80px; letter-spacing: 10px; padding-top: 40px; } @media (min-width: 992px) { .stoererbox1 .h0 { height: 50px; font-size: 160px; letter-spacing: 15px; } } @media (min-width: 1200px) { .stoererbox1 .h0 { height: 40px; font-size: 240px; letter-spacing: 20px; padding-top: 60px; } } .stoererbox1 .kl_geschaeftsfuehrung { background-image: url("../img/kl_geschaeftsfuehrung.png"); background-size: contain; background-repeat: no-repeat; background-position: center; height: 100%; } .stoererbox1 .playbutton { display: block; width: 60px; height: 60px; background-color: var(--color-highlight); line-height: 90px; font-size: 46px; border-radius: 50%; text-align: left; padding-left: 19px; border: 3px solid #fff; } .stoererbox1 .playbutton::before { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; content: '\f04b'; font-family: 'Font Awesome 5 Pro'; font-weight: 600; display: block; position: relative; font-size: 28px; height: 60px; line-height: 56px; margin-bottom: 0px; color: var(--color-white); text-align: left; padding-left: 0px; } @media (min-width: 992px) { .stoererbox1 .playbutton { width: 100px; height: 100px; line-height: 90px; font-size: 46px; border-radius: 50%; padding-left: 19px; border: 5px solid #fff; } .stoererbox1 .playbutton::before { font-size: 48px; height: 100px; line-height: 90px; margin-bottom: 25px; padding-left: 12px; } } .stoererbox1 .bildunterschrift { text-transform: uppercase; } .stoererbox1 .flex-center, .stoererbox1 .flex-center-bottom { align-items: center; display: flex; } .stoererbox1 .flex-center { height: calc(100% - 40px); justify-content: center; } @media (min-width: 992px) { .flex-center { height: calc(100% - 100px); } } .stoererbox1 .flex-center-bottom { justify-content: flex-end; } .u23design.mod_imagebox.displaymode_imagebox_b .itemColumn .textContent { padding: 30px; } .u23design.mod_imagebox.displaymode_imagebox_b .container-images .h5 { margin-top: 0px; margin-bottom: 17px; color: var(--color-default); } .u23design.mod_imagebox.displaymode_imagebox_b .itemColumn a.textContent { padding: 30px 30px 60px 30px; transition:transform 0.3s ease; transform:scale(1); color:var(--color-default); } .u23design.mod_imagebox.displaymode_imagebox_b .text-description-mob { color:var(--color-default); } .u23design.mod_imagebox.displaymode_imagebox_b .itemColumn a.textContent:hover {} .u23design.mod_imagebox.displaymode_imagebox_b .itemColumn a.textContent::after { content: " "; display: block; width: 24px; height: 24px; position: absolute; right: 25px; bottom: 20px; z-index: 2; background-color: transparent; background-image: url('../img/icons/external-link-alt.svg'); background-repeat: no-repeat; background-position: 100% 100%; background-size: 100%; pointer-events: none; opacity: 0.4; } .cont-newsbox-pied-more .container-more { padding-top: 20px; } .equalwidth.mod_imagebox.displaymode_imagebox_b .text-description-mob { color: var(--color-medium); font-size: var(--size-default); } @media (max-width: 991px) { .designlist.u23design.mod_imagebox.displaymode_imagebox_b:not(.noborder) .itemColumn .innerContent { justify-content: center; flex-direction: column; } } .designlist.mod_imagebox.displaymode_imagebox_b .itemColumn .innerContent { align-items: center; } /* .mod_facts_table.shape1, .zitat.mod_random_textblock, .zitat.mod_textblock { position:relative; padding-top: 40px; } .mod_facts_table.shape1 .mod_cont::before, .zitat.mod_random_textblock .mod_cont::before, .zitat.mod_textblock .mod_cont::before { content: " "; width: auto; height: auto; display: block; position: absolute; top: 40px; right: 0; bottom: 0; left: 0; clip-path: polygon(65px 50px, calc(100% - 65px) 0%, calc(100% - 180px) 100%, 95px calc(100% - 85px)); / * clip-path: url(#form2_a_curves); * / background-color: var(--color-bg-medium); / * background-image: url('../img/kl_logo_icoPath.svg'); * / background-repeat: no-repeat; background-position: 50% 50%; background-size: auto 80%; } .mod_facts_table.shape1 .mod_cont::before { / * background-color: var(--color-color1); * / / * background-image: none; * / } .mod_facts_table.shape1.wow .mod_cont::before, .zitat.mod_random_textblock.wow .mod_cont::before, .zitat.mod_textblock.wow .mod_cont::before { transition: transform 0.6s ease 0s, opacity 0.6s ease 0s, clip-path 0.6s ease 0.6s; clip-path:polygon(65px 50px, calc(100% - 65px) 0%, calc(100% - 180px) 50%, 95px calc(50% - 85px)) } .mod_facts_table.shape1.wow[style*="visibility: visible;"] .mod_cont::before, .zitat.mod_random_textblock.wow[style*="visibility: visible;"] .mod_cont::before, .zitat.mod_textblock.wow[style*="visibility: visible;"] .mod_cont::before { clip-path: polygon(65px 50px, calc(100% - 65px) 0%, calc(100% - 180px) 100%, 95px calc(100% - 85px)); } @media (max-width: 991px) { .mod_facts_table.shape1.wow[style*="visibility: visible;"] .mod_cont::before, .zitat.mod_random_textblock.wow[style*="visibility: visible;"] .mod_cont::before, .zitat.mod_textblock.wow[style*="visibility: visible;"] .mod_cont::before { clip-path: polygon(15px 25px, calc(100% - 15px) 0%, calc(100% - 45px) 100%, 35px calc(100% - 35px)); } } */ .mod_facts_table.shape1 .container, .mod_facts_table.shape1 .container-fluid, .zitat.mod_random_textblock .container, .zitat.mod_random_textblock .container-fluid .zitat.mod_textblock .container, .zitat.mod_textblock .container-fluid { position:relative; z-index:2; } .u23design.zitat.mod_random_textblock .textblockText, .u23design.zitat.mod_textblock .textblockText { /* padding-top: 80px; */ } .u23design.zitat.mod_random_textblock .textblockText::before, .u23design.zitat.mod_textblock .textblockText::before { content: '"'; display: block; height: 60px; fill: var(--color-highlight3); background-image: none; background-repeat: no-repeat; background-position: center; background-size: contain; margin-bottom: 0; filter: none; position: absolute; left: 0; top: -10px; right: 0; font-size: 200px; line-height: 120px; z-index: -1; color: var(--color-bg-light); bottom: auto; /*background-image: url('../img/quotes.svg');*/ background-repeat: no-repeat; background-position: 50% 50%; background-size: auto 100%; } .u23design.zitat.mod_random_textblock .textblockText i, .u23design.zitat.mod_random_textblock .textblockText p, .u23design.zitat.mod_textblock .textblockText i, .u23design.zitat.mod_textblock .textblockText p { color: var(--color-default); font-style: normal; font-size: var(--size-h3); line-height: var(--line-default); font-family: var(--font-default); font-style: var(--style-default); font-weight: var(--weight-default); } .zitat.mod_random_textblock .textblockAuthor, .zitat.mod_textblock .textblockAuthor { text-align: left; /* align-content: start; justify-content: start; align-items: start; display: flex; */ padding-top: 65px; color: var(--color-default); max-width: 640px; margin-left: auto; margin-right: auto; position:relative; z-index:2; } .zitat.mod_random_textblock .textblockAuthor b, .zitat.mod_textblock .textblockAuthor b { display:block; } .zitat.mod_random_textblock .textblockAuthor .replaced_bild, .zitat.mod_textblock .textblockAuthor .replaced_bild { float: left; display: inline-block; margin-right: 20px; margin-top: -30px; max-width: calc(50% - 20px); margin-bottom: -140px; } .zitat.mod_random_textblock, .zitat.mod_textblock { margin-bottom: 140px; } @media (min-width: 992px) { .zitat.mod_random_textblock .textblockAuthor .replaced_bild, .zitat.mod_textblock .textblockAuthor .replaced_bild { margin-right: 50px; max-width: calc(50% - 50px); margin-bottom: -140px; } .zitat.mod_random_textblock, .zitat.mod_textblock { margin-bottom: 140px; } } .regionalelp .headline-highlight .h2.headline {color:var(--color-default);} .regionalelp .mod_facts_table .singlefact {align-items: start;} .regionalelp .mod_facts_table .singlefact p {text-align:left;} .u23design.blockColorClass_highlight4.asp_view_type1 .headline { color: var(--color-white); } .blockColorClass_highlight4 .colored { color: var(--color-bg-light); } .blockColorClass_highlight4.u23design.asp_view_type1 .aspName, .blockColorClass_highlight4.u23design.asp_view_type1 .aspSubline { color: var(--color-white); } /* startseite unsere Partner */ .headline-h0.mod_imagebox .headline { /* stoererbox h0 */ font-size: var(--size-h0); line-height: var(--line-h0); font-family: var(--font-h0); font-weight: 600; color:var(--color-white); text-shadow: -1px -1px 0 var(--color-medium), 1px -1px 0 var(--color-medium), -1px 1px 0 var(--color-medium), 1px 1px 0 var(--color-medium), -1px -1px 1px var(--color-medium), 1px -1px 1px var(--color-medium), -1px 1px 1px var(--color-medium), 1px 1px 1px var(--color-medium), -2px -2px 0 var(--color-medium), 2px -2px 0 var(--color-medium), -2px 2px 0 var(--color-medium), 2px 2px 0 var(--color-medium), -2px -2px 2px var(--color-medium), 2px -2px 2px var(--color-medium), -2px 2px 2px var(--color-medium), 2px 2px 2px var(--color-medium); display: block; height: auto; font-size: 40px; line-height:52px; letter-spacing: 5px; padding-top: 20px; } .u23design.mod_imagebox.displaymode_imagebox_b .container-text { margin-bottom:60px; } @media (min-width: 992px) { .headline-h0.mod_imagebox .headline { /* stoererbox h0 */ font-size: 80px; line-height:150%; letter-spacing: 5px; padding-top: 40px; } .u23design.mod_imagebox.displaymode_imagebox_b .container-text { margin-bottom:30px; } } @media (min-width: 1200px) { .headline-h0.mod_imagebox .headline { /* stoererbox h0 */ font-size: 100px; line-height:150%; letter-spacing: 5px; padding-top: 40px; } .u23design.mod_imagebox.displaymode_imagebox_b .container-text { margin-bottom:30px; } } @media (min-width: 1600px) { .headline-h0.mod_imagebox .headline { /* stoererbox h0 */ font-size: 140px; line-height:150%; letter-spacing: 5px; padding-top: 40px; } .u23design.mod_imagebox.displaymode_imagebox_b .container-text { margin-bottom:30px; } } .u23design.mod_imagebox.displaymode_imagebox_a.text-left .container-text {text-align: left;} .u23design.mod_imagebox.displaymode_imagebox_a.text-center .container-text {text-align: center;} .u23design.mod_imagebox.displaymode_imagebox_a.text-right .container-text {text-align: right;} .u23design.mod_imagebox.displaymode_imagebox_a.text-center .container-text {max-width: var(--width-smallwidth); margin-bottom: 20px;} .u23design.mod_imagebox.displaymode_imagebox_a .container-text, .u23design.mod_imagebox.displaymode_imagebox_a.design2 .container-text {color: var(--color-default);} @media (min-width: 768px) { .mod_imagebox.displaymode_imagebox_a .mod_imagebox_a_singleslide { padding: 0.75rem; } .ordered.mod_imagebox.displaymode_imagebox_a .mod_imagebox_a_singleslide.num_0 .singleSlideElement.wrapper16by9 {height: 100%;} } .ordered.mod_imagebox.displaymode_imagebox_a .mod_imagebox_a_singleslide[data-ident="0"] {} .ordered.mod_imagebox.displaymode_imagebox_a .mod_imagebox_a_singleslide[data-ident="0"] .overlayTextBox { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align:center; padding-left: 25%; padding-right: 25%; } .mod_imagebox.displaymode_imagebox_a a.singleSlideElement .productView_Container { } .mod_imagebox.displaymode_imagebox_a a.singleSlideElement:hover .productView_Container { } .mod_imagebox.displaymode_imagebox_a .mod_imagebox_a_singleslide .productView_Container { background-color:transparent; } .mod_imagebox.displaymode_imagebox_a .mod_imagebox_a_singleslide[data-ident="0"] .productView_Container { background-color:#d4c970; } .mod_imagebox.displaymode_imagebox_a .overlayTextBox { color: var(--color-white); background: transparent; bottom: 0; left: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; display: block; text-align: left; padding: 30px 45px; } .ordered.mod_imagebox.displaymode_imagebox_a .overlayTextBox .headline, .ordered.mod_imagebox.displaymode_imagebox_a .overlayTextBox .h1, .ordered.mod_imagebox.displaymode_imagebox_a .overlayTextBox .h2, .ordered.mod_imagebox.displaymode_imagebox_a .overlayTextBox .h3, .ordered.mod_imagebox.displaymode_imagebox_a .overlayTextBox .h4, .ordered.mod_imagebox.displaymode_imagebox_a .overlayTextBox .h5{ margin-bottom:0; font-size: var(--size-h3); line-height: var(--line-h3); font-family: var(--font-h3); font-style: var(--style-default); font-weight: var(--weight-h3); text-align:left; } .ordered.mod_imagebox.displaymode_imagebox_a .mod_imagebox_a_singleslide[data-ident="0"] .overlayTextBox .headline, .ordered.mod_imagebox.displaymode_imagebox_a .mod_imagebox_a_singleslide[data-ident="0"] .overlayTextBox .h1, .ordered.mod_imagebox.displaymode_imagebox_a .mod_imagebox_a_singleslide[data-ident="0"] .overlayTextBox .h2, .ordered.mod_imagebox.displaymode_imagebox_a .mod_imagebox_a_singleslide[data-ident="0"] .overlayTextBox .h3, .ordered.mod_imagebox.displaymode_imagebox_a .mod_imagebox_a_singleslide[data-ident="0"] .overlayTextBox .h4, .ordered.mod_imagebox.displaymode_imagebox_a .mod_imagebox_a_singleslide[data-ident="0"] .overlayTextBox .h5 { text-align:center; margin-bottom:20px; } .ordered.mod_imagebox.displaymode_imagebox_a .mod_imagebox_a_singleslide[data-ident="0"] .overlayTextBox i, .ordered.mod_imagebox.displaymode_imagebox_a .mod_imagebox_a_singleslide[data-ident="0"] .overlayTextBox .fa, .ordered.mod_imagebox.displaymode_imagebox_a .mod_imagebox_a_singleslide[data-ident="0"] .overlayTextBox .fas, .ordered.mod_imagebox.displaymode_imagebox_a .mod_imagebox_a_singleslide[data-ident="0"] .overlayTextBox .far{ font-size:var(--size-h1); } .mod_imagebox.displaymode_imagebox_a .productView_Container { cursor:default; } .mod_imagebox.displaymode_imagebox_a a .productView_Container { cursor:pointer; } .mod_imagebox.displaymode_imagebox_a a .overlayTextBox { background-image: url('../img/icons/plus-circle.svg'); background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 512 512'%3E%3Cpath style='fill:%23ffffff' id='path2' d='M384 250v12c0 6.6-5.4 12-12 12h-98v98c0 6.6-5.4 12-12 12h-12c-6.6 0-12-5.4-12-12v-98h-98c-6.6 0-12-5.4-12-12v-12c0-6.6 5.4-12 12-12h98v-98c0-6.6 5.4-12 12-12h12c6.6 0 12 5.4 12 12v98h98c6.6 0 12 5.4 12 12zm120 6c0 137-111 248-248 248S8 393 8 256 119 8 256 8s248 111 248 248zm-32 0c0-119.9-97.3-216-216-216-119.9 0-216 97.3-216 216 0 119.9 97.3 216 216 216 119.9 0 216-97.3 216-216z' /%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: calc(100% - 30px) calc(100% - 30px); background-size: 1.5rem; } .blocktabs.designframework .h3.headline, .blocktabs.designframework .h5.subline { color: var(--color-default); font-style: var(--style-default); font-weight: var(--weight-default); } .u23design.blocktabs .blocktabsTabs .blocktabsTabsUl li a { color: var(--color-default); font-weight: var(--weight-normal); } .u23design.blocktabs .blocktabsTabs .blocktabsTabsUl { border-bottom: 1px solid var(--color-default); display: block; text-align: left; } .u23design.accordion_type1 .accordion-header { padding: 5px 0px; } .u23design.accordion_type1 .accordion-body { padding-left: 30px; } .u23design.accordion_type1 .accordion-button::after { transform: translateY(-16px) translateX(-7px); } .form1.mod_slidertext_zweispaltig .row-imgSliderContainer::after{background-image:none;} #kl_display_video_start { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .inview.mod_slidertext_zweispaltig_5 .headline {visibility: visible !important; animation-name: none;} .inview.mod_slidertext_zweispaltig_5 .headline .colored {color:var(--color-default);} .inview.mod_slidertext_zweispaltig_5 .textblockText {visibility: visible !important; animation-name: none;} .inview.mod_slidertext_zweispaltig_5 .btn_replaced {visibility: visible !important; animation-name: none;} .mod_slidertext_zweispaltig_5 .numberBox { width: 36px; height: 36px; top: 5px; display: inline-block; text-align: center; color: var(--color-white); background: var(--color-default); position: relative; overflow: hidden; } .mod_slidertext_zweispaltig_5 .numberBox span { display: block; width: 100%; height: 100%; height:0%; opacity:0; transition:all 0.3s ease; } .form1.mod_slidertext_zweispaltig.mod_slidertext_zweispaltig_5 .row-imgSliderContainer { padding-top: 1rem; padding-bottom: 1rem; } @media (max-width: 991px) { .mod_slidertext_zweispaltig_5 .idee.singular{display:none;} .mod_slidertext_zweispaltig_5 .idee.plural{display:inline-block;} .mod_slidertext_zweispaltig_5 .numberBox span.three{height:100%; opacity:1;} } @media (min-width: 992px) { .mod_slidertext_zweispaltig_5 .sliderRow { padding-bottom: 40px !important; } .mod_slidertext_zweispaltig_5 .numberBox { width: 58px; height: 58px; top: 10px; } .mod_slidertext_zweispaltig_5.mod_slidertext_zweispaltig .imageSlider .swiper-pagination-bullets {display:none !important;} .mod_slidertext_zweispaltig_5 .numberBox span.one{} .mod_slidertext_zweispaltig_5 .numberBox span.two{} .mod_slidertext_zweispaltig_5 .numberBox span.three{} .mod_slidertext_zweispaltig_5 .numberBox span.one{height:100%; opacity:1;} .step1.mod_slidertext_zweispaltig_5 .numberBox span.one{height:0%; opacity:0;} .step2.mod_slidertext_zweispaltig_5 .numberBox span.one{height:0%; opacity:0;} .step3.mod_slidertext_zweispaltig_5 .numberBox span.one{height:0%; opacity:0;} .step0.mod_slidertext_zweispaltig_5 .numberBox span.one{height:100%; opacity:1;} .step1.mod_slidertext_zweispaltig_5 .numberBox span.two{height:100%; opacity:1;} .step2.mod_slidertext_zweispaltig_5 .numberBox span.three{height:100%; opacity:1;} .step3.mod_slidertext_zweispaltig_5 .numberBox span.three{height:100%; opacity:1;} .mod_slidertext_zweispaltig_5 .colored{display:block; opacity:0; transition:opacity 0.3s ease; } .step1.mod_slidertext_zweispaltig_5 .colored{display:block; opacity:0; transition:opacity 0.3s ease; } .step2.mod_slidertext_zweispaltig_5 .colored{display:block; opacity:0; transition:opacity 0.3s ease; } .step3.mod_slidertext_zweispaltig_5 .colored{display:block; opacity:1;} .mod_slidertext_zweispaltig_5 .idee{} .mod_slidertext_zweispaltig_5 .idee.singular{display:inline-block;} .mod_slidertext_zweispaltig_5 .idee.plural{display:none;} .step1.mod_slidertext_zweispaltig_5 .idee.singular{display:none;} .step1.mod_slidertext_zweispaltig_5 .idee.plural{display:inline-block;} .step2.mod_slidertext_zweispaltig_5 .idee.singular{display:none;} .step2.mod_slidertext_zweispaltig_5 .idee.plural{display:inline-block;} .step3.mod_slidertext_zweispaltig_5 .idee.singular{display:none;} .step3.mod_slidertext_zweispaltig_5 .idee.plural{display:inline-block;} .mod_slidertext_zweispaltig_5 .headline { transition: transform 0.6s ease; transform: translateY(150%) !important; } .step1.mod_slidertext_zweispaltig_5 .headline { transform: translateY(150%) !important; } .step2.mod_slidertext_zweispaltig_5 .headline { transform: translateY(150%) !important; } .step3.mod_slidertext_zweispaltig_5 .headline { transform: translateY(0%) !important; } .mod_slidertext_zweispaltig_5 .anitxt { backface-visibility: visible; transition: transform 0.6s ease 0.0s, opacity 0.6s ease 0.0s; transform: translateY(50%) !important; animation-timing-function: ease; opacity: .000001 !important; } .step3.mod_slidertext_zweispaltig_5 .anitxt { transition: transform 0.6s ease 0.2s, opacity 0.6s ease 0.2s; transform: translateY(0px) !important; opacity: 1 !important; } .mod_slidertext_zweispaltig_5 .anitxtsub { backface-visibility: visible; transition: transform 0.6s ease 0.0s, opacity 0.6s ease 0.0s; transform: translateY(30px) !important; animation-timing-function: ease; opacity: .000001 !important; } .step3.mod_slidertext_zweispaltig_5 .anitxtsub { transition: transform 0.6s ease 0.4s, opacity 0.6s ease 0.4s; transform: translateY(0px) !important; opacity: 1 !important; } } .mod_textblock .h1 { margin-bottom: 40px; } .mod_textblock .h2 { margin-bottom: 35px; } .mod_textblock .h3 { margin-bottom: 30px; } .mod_textblock .h4 { margin-bottom: 25px; } .mod_textblock .h5 { margin-bottom: 20px; } .widewidth.mod_textblock:not(.headline-left, .headline-right, .headline-start, .headline-end) .h1, .widewidth.mod_textblock:not(.headline-left, .headline-right, .headline-start, .headline-end) .h2, .widewidth.mod_textblock:not(.headline-left, .headline-right, .headline-start, .headline-end) .h3, .widewidth.mod_textblock:not(.headline-left, .headline-right, .headline-start, .headline-end) .subline { text-align: center; } @media (min-width: 1200px) { .widewidth.mod_textblock .textblockText { padding-left: 16.667%; padding-right: 16.667%; padding-left: 15%; padding-right: 15%; } } /* historie zeitstrahl start */ .historieseite { margin-top: 100px; height: 100%; overflow: hidden; position: relative } @media (max-width: 767px) { .historieseite { margin-top: 50px } } .historieseite:before { content: ""; background-color: var(--color-highlight); width: 3px; height: calc(100% - 110px); display: block; position: absolute; top: 30px; left: 50%; transform: translate(-50%, 0) } @media (max-width: 767px) { .historieseite:before { left: 5% } } .historieseite .cd-timeline-block { width: 100%; display: block; overflow: hidden; padding-top: 30px; padding-bottom: 30px; position: relative } .historieseite .cd-timeline-block .cd-timeline-img { position: absolute; left: 50%; width: 30px; height: 30px; border-radius: 30px; background-color: var(--color-highlight); margin-left: -15px; z-index: 50; transform: translateY(-50%); } .historieseite .cd-timeline-block:first-child .cd-timeline-img { width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 30px solid var(--color-highlight); background-color: transparent; border-radius: 0; margin-left: -20px; margin-top: -5px; } @media (max-width: 767px) { .historieseite .cd-timeline-block .cd-timeline-img { left: 5% } } .historieseite .cd-timeline-block .cd-timeline-content { overflow: hidden; box-sizing: border-box; position: relative; width: 100%; margin-top: -23px } .cd-container { width: 100%; max-width: 1170px; max-width: 100%; margin: 0 auto } .cd-container:after { content: ''; display: table; clear: both } @media only screen and (min-width: 768px) { .cd-timeline-img { -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden } .cd-timeline-img.is-hidden { visibility: visible } } .cd-timeline-content { position: relative } .cd-timeline-content:after { content: ""; display: table; clear: both } .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date { display: inline-block } .cd-timeline-content::before { content: '' } @media only screen and (min-width: 768px) { .cd-timeline-content .cd-read-more { float: left } .cd-timeline-block:nth-child(even) .cd-timeline-content { float: right } .cd-timeline-content.is-hidden { } } .historieseite .cd-timeline-block .cd-timeline-content .cd-bg-image .image_container {} .historieseite .cd-timeline-block .cd-timeline-content .cd-bg-image .image_container img { max-width: 100%; } .historieseite .cd-timeline-block .cd-timeline-content .cd-caption {color:var(--color-darkgray);} .historieseite .cd-timeline-block .cd-timeline-content .cd-caption .cd-date{color:var(--color-default);} @media (max-width: 767px) { .cd-timeline-content {padding-left:60px;} .cd-timeline-content h3 {margin-top:0px;} .cd-timeline-content h4 {margin-top:0px;} .historieimage {max-width: 50%; height: auto; float:none;} } @media (min-width: 768px) { .historieseite .cd-timeline-block .cd-timeline-content .cd-caption {float: left; padding: 0 30px; text-align: right; width: 50%; } .historieseite .cd-timeline-block .cd-timeline-content .cd-bg-image { float: right; width: 50%; padding: 0 30px } .historieseite .cd-timeline-block.even .cd-timeline-content .cd-caption { float: right; text-align: left; } .historieseite .cd-timeline-block.even .cd-timeline-content .cd-bg-image { float: left; text-align: right; } } /* historie zeitstrahl ende */ .u23design.mod_kontakt_a .inputLabel { display: block; color: var(--color-medium); } .mod_kontakt_a .row-form_title { margin-bottom: 15px; margin-top: 15px; } .mod_kontakt_a #input_form_title{ border-bottom: none; color: var(--color-default); text-align:center; } /* asp */ @media (min-width: 1200px) { .asp_view_type1 .col-xl-3 { flex: 0 0 auto; width: 33%; } } .u23design.asp_view_type1:not(.format4by5) .imgCont .innerCont { border-radius:10px; } .asp_view_type1 .aspCont { text-align: left; } .asp_view_type1 .aspTel span.d-inline.d-md-none::before { content:"T"; } .u23design.asp_view_type1 .textblockText {text-align:center;} .u23design.asp_view_type1 .aspName{ color: var(--color-default); font-family: var(--font-default); font-style: var(--style-default); font-weight: var(--weight-default); font-size: var(--size-medium); margin-top: 0; margin-bottom: 10px; text-align:left; } .u23design.asp_view_type1 .aspSubline, .u23design.asp_view_type1 .aspEmail, .u23design.asp_view_type1 .aspTel, .u23design.asp_view_type1 .aspDescription, .u23design.asp_view_type1 .aspSubline span, .u23design.asp_view_type1 .aspEmail span, .u23design.asp_view_type1 .aspTel span, .u23design.asp_view_type1 .aspDescription span, .asp_view_type1 .aspTel .mailIndicator, .asp_view_type1 .aspTel .telIndicator { color: var(--color-default); font-family: var(--font-default); font-style: var(--style-default); font-weight: var(--weight-default); font-size: var(--size-default); margin-top: 0; margin-bottom: 5px; text-decoration:none; text-align:left; margin-right: 6px; line-height: 120%; } .u23design.asp_view_type1 .aspEmail span.mailIndicator {color: var(--color-default);} .u23design.asp_view_type1 .aspEmail a, .u23design.asp_view_type1 .aspEmail a:visited { color: var(--color-highlight2); text-decoration:none; } .u23design.asp_view_type1 .aspEmail a:hover, .u23design.asp_view_type1 .aspEmail a:active, .u23design.asp_view_type1 .aspEmail a:focus { color: var(--color-highlight); text-decoration:none; } .u23design.asp_view_type1 .aspTel span {color: var(--color-default);} .u23design.asp_view_type1 .aspTel span.telIndicator {color: var(--color-default);} .u23design.asp_view_type1 .aspEmail i {display:none;} .u23design.asp_view_type1 .aspTel i {display:none;} .asp_view_type1 .aspText {display:flex; flex-direction:column; padding-bottom: 15px;} .asp_view_type1 .aspName {order:1;} .asp_view_type1 .aspEmail {order:4;} .asp_view_type1 .aspTel {order:3;} .asp_view_type1 .aspDescription {order:2;} .u23design.mod_ideenbuch .h2 {color:var(--color-default);} .mod_ideenbuch:not(.sublinefirst) .introHeadline {display:flex; flex-direction:column; flex-wrap:wrap;} .mod_ideenbuch:not(.sublinefirst) .introHeadline .headline, .u23design.mod_ideenbuch:not(.sublinefirst) .h2.headline {padding-top: 80px; margin-bottom: 40px; order:1;} .mod_ideenbuch:not(.sublinefirst) .introHeadline .subline, .u23design.mod_ideenbuch:not(.sublinefirst) .container-ideenswiper .introHeadline .subline {padding-top:0; margin-bottom: 60px; order:2;}