:root{ --highlightColor1:#90de34; --highlightColor2:#191E29; --primaryColor1: var(--highlightColor1); /* grün */ --primaryColor2: var(--highlightColor2); /* blau */ --primaryColorWhite: #ffffff; /* weiß */ --primaryColorLight: #F3F3F4; /* hellgrau */ --primaryColorMiddle: #383637; /* grau */ --primaryColorDark: #222222; /* dunkelgrau */ --primaryColorBlack: #000000; /* schwarz */ --contentMaxWidth: 1200px; --contentBgColor: var(--primaryColorWhite); --bgColorSection1: var(--primaryColorWhite); --bgColorSection2: var(--primaryColorLight); --bgColorSection3: var(--primaryColor1); --bgColorSection4: var(--primaryColor2); --bgColorHeader: var(--highlightColor2); --bgColorFooter: var(--highlightColor2); --bgColorButton: var(--highlightColor1); --bgColorButtonActive: var(--highlightColor2); --bgColorButtonInverse: var(--primaryColor2); --bgColorButtonActiveInverse: var(--primaryColor2); --fontColorDefault: var(--primaryColorMiddle); --fontColorButton: var(--highlightColor2); --fontColorButtonActive: var(--primaryColorWhite); --fontColorButtonInverse: var(--primaryColorWhite); --fontColorButtonActiveInverse: var(--primaryColorWhite); --fontColorText: var(--fontColorDefault); --fontColorLight: var(--primaryColorMiddle); --fontColorInverse: var(--primaryColorWhite); --fontColorHeadline1: var(--highlightColor2); --fontColorHeadline2: var(--highlightColor2); --fontColorHeadline3: var(--highlightColor2); --fontColorHeadline4: var(--highlightColor2); --fontColorNavigationLevel1: var(--primaryColorWhite); --fontColorNavigationLevel1Active: var(--highlightColor1); --fontColorLink: var(--highlightColor2); --fontColorLinkActive: var(--highlightColor1); --fontColorLinkInverse: var(--primaryColorWhite); --fontColorLinkInverseActive: var(--primaryColorWhite); --lightBoxBgColor: var(--primaryColorWhite); --fontSizeRatio: 1.5; --fontSizeRatio2: 50; --fontSizeDefault: 18px; --fontSizeSmall: 0.7rem; --fontSizeButtons: 1.2rem; --fontSizeNavigationLevel1: 1.2rem; --fontSizeNavigationLevel2: 1.2rem; --fontSizeNavigationLevel3: 1.2rem; --fontSizeH1: calc(3rem * var(--fontSizeRatio)); --fontSizeH2: calc(2.4rem * var(--fontSizeRatio)); --fontSizeH3: calc(1.2rem * var(--fontSizeRatio)); --fontSizeH4: calc(1rem * var(--fontSizeRatio)); --lineHeightDefault: 150%; --lineHeightSmall: 140%; --lineHeightHeadlines: 110%; --defaultTransition: color 0.12s, background 0.12s; --defaultSpace: 2.5rem; --defaultPadding: 2rem; --defaultPageSpace: 2.5rem; --defaultBorderRadius: 0; --defaultBorderRadiusLarge: 0; --defaultBorderColor: #cccccc; --defaultBoxShadow: 10px 10px 30px rgba(0,0,0,0.12); --fontWeightButtons: normal; --fontFamilyDefault: "Roboto", Arial, sans-serif; --fontFamilyHeadlines: "Bebas Neue", Arial, sans-serif; --fontFamilyNavigation: "Bebas Neue", Arial, sans-serif; --fontFamilyButtons: "Bebas Neue", Arial, sans-serif; } *[class*="bgDark"] { /* --bgColorButton:var(--primaryColorWhite); --bgColorButtonActive:var(--primaryColor2); --bgColorButtonInverse:var(--primaryColor2); --bgColorButtonActiveInverse:#a0282e; --fontColorButton:var(--primaryColor1); --fontColorButtonActive:var(--fontColorButtonActiveInverse); */ --fontColorDefault:var(--primaryColorWhite); --fontColorHeadline1:var(--primaryColorWhite); --fontColorHeadline2:var(--primaryColorWhite); --fontColorHeadline3:var(--primaryColorWhite); --fontColorHeadline4:var(--primaryColorWhite); --bgColorButtonActive:#ffffff; --fontColorButtonActive:var(--highlightColor2); --fontColorLink:var(--highlightColor1); --fontColorLinkActive:var(--primaryColorWhite); } *[class*="bgLight"] { --fontColorDefault:var(--primaryColorMiddle); --fontColorHeadline1:var(--highlightColor2); --fontColorHeadline2:var(--highlightColor2); --fontColorHeadline3:var(--highlightColor2); --fontColorHeadline4:var(--highlightColor2); } @keyframes wavesSizeUp { from {background-size:0;} to {background-size:150vh} } @font-face { font-family: 'feather'; src: url('/project/skins/laserfabrik/webfonts/feather/feather.eot?lgq6ft'); src: url('/project/skins/laserfabrik/webfonts/feather/feather.eot?lgq6ft#iefix') format('embedded-opentype'), url('/project/skins/laserfabrik/webfonts/feather/feather.woff2?lgq6ft') format('woff2'), url('/project/skins/laserfabrik/webfonts/feather/feather.ttf?lgq6ft') format('truetype'), url('/project/skins/laserfabrik/webfonts/feather/feather.woff?lgq6ft') format('woff'), url('/project/skins/laserfabrik/webfonts/feather/feather.svg?lgq6ft#granas-doering') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'jj'; src: url('/project/skins/laserfabrik/webfonts/jj/JJF.eot?lgq6ft'); src: url('/project/skins/laserfabrik/webfonts/jj/JJF.eot?lgq6ft#iefix') format('embedded-opentype'), url('/project/skins/laserfabrik/webfonts/jj/JJF.woff2?lgq6ft') format('woff2'), url('/project/skins/laserfabrik/webfonts/jj/JJF.ttf?lgq6ft') format('truetype'), url('/project/skins/laserfabrik/webfonts/jj/JJF.woff?lgq6ft') format('woff'), url('/project/skins/laserfabrik/webfonts/jj/JJF.svg?lgq6ft#granas-doering') format('svg'); font-weight: normal; font-style: normal; } /* bebas-neue-regular - latin */ @font-face { font-display: swap; font-family: 'Bebas Neue'; font-style: normal; font-weight: 400; src: url('/project/skins/laserfabrik/webfonts/bebas/bebas-neue-v9-latin-regular.eot'); /* IE9 Compat Modes */ src: url('/project/skins/laserfabrik/webfonts/bebas/bebas-neue-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/project/skins/laserfabrik/webfonts/bebas/bebas-neue-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/project/skins/laserfabrik/webfonts/bebas/bebas-neue-v9-latin-regular.woff') format('woff'), /* Modern Browsers */ url('/project/skins/laserfabrik/webfonts/bebas/bebas-neue-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/project/skins/laserfabrik/webfonts/bebas/bebas-neue-v9-latin-regular.svg#BebasNeue') format('svg'); /* Legacy iOS */ } /* roboto-300 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url('/project/skins/laserfabrik/webfonts/roboto/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */ src: url('/project/skins/laserfabrik/webfonts/roboto/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/project/skins/laserfabrik/webfonts/roboto/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('/project/skins/laserfabrik/webfonts/roboto/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */ url('/project/skins/laserfabrik/webfonts/roboto/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('/project/skins/laserfabrik/webfonts/roboto/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('/project/skins/laserfabrik/webfonts/roboto/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */ src: url('/project/skins/laserfabrik/webfonts/roboto/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/project/skins/laserfabrik/webfonts/roboto/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/project/skins/laserfabrik/webfonts/roboto/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */ url('/project/skins/laserfabrik/webfonts/roboto/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/project/skins/laserfabrik/webfonts/roboto/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url('/project/skins/laserfabrik/webfonts/roboto/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */ src: url('/project/skins/laserfabrik/webfonts/roboto/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/project/skins/laserfabrik/webfonts/roboto/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('/project/skins/laserfabrik/webfonts/roboto/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */ url('/project/skins/laserfabrik/webfonts/roboto/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('/project/skins/laserfabrik/webfonts/roboto/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */ } /* COOKIE NOTICE */ #cookieNotice {position: fixed;z-index:405;background:rgba(0,0,0,0.9);max-width:310px;width:100%;left:5px;bottom:5px;border-radius:var(--defaultBorderRadius);font-size:14px;line-height:140%;box-sizing:border-box;margin:0;padding:15px;} #cookieNotice p a {color:#fff} #cookieNotice p {font-size:var(--fontSizeSmall);line-height:var(--lineHeightSmall);color:var(--primaryColorWhite)} #cookieNotice button {display:none;width:100%;margin-top:0.4rem;} #cookieNotice button.confirm_selection {padding:0;background:transparent;} #cookieNotice label {display:block;color:#fff;margin-bottom:0.5rem;} #cookieNotice label:last-of-type {margin-bottom:1rem;} .jsOn #cookieNotice button {display:block;} #qLightbox .stage {background-color:#fff !important} /* FRAMESET */ html {font-size:var(--fontSizeDefault);font-family:var(--fontFamilyDefault);line-height:var(--lineHeightDefault);font-weight:300;-webkit-font-smoothing: antialiased;} html.mobileNavOpen body {overflow:hidden;} body {background-color:var(--contentBgColor);margin:0;padding:0;color:var(--fontColorDefault);-webkit-text-size-adjust:none;font-size:var(--fontSizeDefault)} main {} .box {padding:10px;background:#eee;margin:0 0 10px 0} .box.bg-warning {} .box.bg-error {background:#222;border-radius:var(--defaultBorderRadius);color:#fff;} .box.bg-success {background:#222;border-radius:var(--defaultBorderRadius);color:#fff;} #logo {display:block;position:relative;z-index:1;} #logo img {position:relative;z-index:1;} body > header {padding:15px 20px;box-sizing: border-box;background:var(--bgColorHeader);border-bottom:1px solid #fff;} body > header a {text-transform:uppercase;} body > header #headerInner {margin:0 auto;display:flex;align-items:center;justify-content:space-between;position:relative;height: 100%;box-sizing: border-box;max-width:var(--contentMaxWidth)} body > header #headerInner #logo img {height:auto;width:280px;display:block;max-width:100%; vertical-align: middle;} body footer {text-align:left;background:var(--bgColorFooter);} body footer p {margin: 0 !important;} body footer a {text-transform: none !important;color:var(--fontColorInverse)} body footer .sectionInner {padding:3rem 0px !important;} body footer h2 {font-size:var(--fontSizeDefault);font-weight:bold;margin-bottom:0.7rem;} body footer .sectionContent #footerInfo {display:grid;grid-template-columns: 1fr 1fr; padding: 0} body footer .sectionContent a {margin:0 0.25rem !important} body footer .sectionContent {text-align:center;} body footer .sectionContent div:not(:last-child) {margin-bottom:1rem;} body footer .sectionContent .functions img {-webkit-filter: invert(100%) sepia(1%) saturate(4140%) hue-rotate(127deg) brightness(116%) contrast(100%);margin:0 0.5rem;} #spacerBottom {display:block;margin:0;width:100%;} html.scrolled body > header {box-shadow:0 0 10px rgba(0,0,0,0.3)} #mainWrapper {overflow:hidden;} .container {overflow:hidden;display:flex;justify-content:space-between;flex-flow: row wrap;} .container > div {} .container25252525 > div {} @media (max-width:1023px) { .container25252525 > div {flex: 50%;margin-bottom:3rem;} .container25252525 > div:nth-last-child(1), .container25252525 > div:nth-last-child(2) {margin-bottom:0;} } @media (max-width:1023px) { .container25252525 > div {flex: 100%;margin-bottom:2rem !important;} } #menuMobile {display:none;} #navigationToggler {display:none;position:absolute;right:0;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);width:50px;height:50px;z-index:600;text-align:right;line-height:50px;cursor:pointer;} #navigationToggler:before {content:"\e903";font-family:jj;color:var(--fontColorNavigationLevel1);font-size:30px;} body > #menuMobile:checked + header #headerInner #navigationToggler:before {content:"\e902";} /* NAVIGATION */ nav ul {list-style-type:none;margin:0;padding:0;overflow:hidden;display:flex;align-items:center;font-family:var(--fontFamilyNavigation)} nav ul:after {content:"";display:block;clear:both;} nav ul li a {font-weight:normal;} nav ul.navLevel1 > li {float:left;margin-left:0.5rem;padding:0 12px;} nav ul.navLevel1 > li > a {color:var(--fontColorNavigationLevel1);padding:10px 0;font-size:var(--fontSizeNavigationLevel1);display:block;border-radius:var(--defaultBorderRadius);position:relative;font-weight:normal;} nav ul.navLevel1 > li > a:after {content:"";display:block;height:2px;width:100%;background:transparent;} nav ul.navLevel1 > li:not(.button) > a:before {content:"";display:block;text-align:center;width:100%;height:20px;-webkit-filter:brightness(0) invert(1);background-repeat:no-repeat;background-position:center center;background-size: contain;margin-bottom:3px;} nav ul.navLevel1 > li:not(.button).home > a:before {background-image:url('/project/content/images/icons/house-regular.svg');} nav ul.navLevel1 > li:not(.button).list > a:before {background-image:url('/project/content/images/icons/list-regular.svg');} nav ul.navLevel1 > li:not(.button).industry > a:before {background-image:url('/project/content/images/icons/industry-windows-regular.svg');} nav ul.navLevel1 > li:not(.button).info > a:before {background-image:url('/project/content/images/icons/circle-info-regular.svg');} nav ul.navLevel1 > li:not(.button).toolbox > a:before {background-image:url('/project/content/images/icons/toolbox-regular.svg');} nav ul.navLevel1 > li.active > a:before, nav ul.navLevel1 > li.selected > a:before, nav ul.navLevel1 > li:not(.button):hover a:before, nav ul.navLevel1 > li:not(.button) > a:hover:before {-webkit-filter: invert(95%) sepia(39%) saturate(4004%) hue-rotate(27deg) brightness(101%) contrast(74%);} /* EBENE 1 */ nav ul.navLevel1 > li.button {background:transparent;margin-left:1rem;} nav ul.navLevel1 > li.button > a {border: 2px solid var(--fontColorNavigationLevel1);padding-left:1rem !important;padding-right:1rem !important;} nav ul.navLevel1 > li.active > a, nav ul.navLevel1 > li.selected > a, nav ul.navLevel1 > li:hover > a {color:var(--fontColorNavigationLevel1Active);position:relative;} nav ul.navLevel1 > li.active > a:after, nav ul.navLevel1 > li.selected > a:after {content:"";display:block;height:2px;width:100%;background:var(--fontColorNavigationLevel1Active);} nav ul.navLevel1 > li.button:hover > a, nav ul.navLevel1 > li.button.selected > a {border-color:var(--fontColorNavigationLevel1Active);} html nav ul.navLevel1 > li.button > a {border: 2px solid #fff;padding-left:1rem;padding-right:1rem;} /* EBENE 2 */ nav ul.navLevel2 {display:none;position:absolute;z-index:1000;background:#ffffff;padding:0;margin-left:-1rem;} nav ul.navLevel2 > li > a {font-size:var(--fontSizeNavigationLevel2);background:#ffffff;padding:0.4rem 1rem;display:block;} nav ul.navLevel2 > li.selected a {color:var(--fontColorLinkActive)} nav ul.navLevel1 > li:hover ul.navLevel2 {display:block;} /* SCROLL-TOP BUTTON */ .buttonScrollTop {display:none;width: 40px;height:50px;border:1px solid rgba(0, 0, 0, 0.30);background-color:rgba(0, 0, 0, 0.60);position: fixed;right: 15px;bottom:50px;border-radius:var(--defaultBorderRadius);cursor: pointer;z-index: 200;opacity:0.9;transition:opacity 0.3s} .buttonScrollTop span {width: 100%;height: 100%;display: block;position: relative;} .buttonScrollTop span:before {content: '\e90b';position: absolute;left: 50%;top:50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);font-family: bloqz;color: rgba(255, 255, 255, 0.85)} .buttonScrollTop:hover {opacity: 1} /* FORMULAR */ fieldset {border:none;padding:0;margin:0;} fieldset dl {margin:0;padding:0;} fieldset dl dt {margin:0 0 10px 0;padding:0;} fieldset dl dd {margin:0 0 20px 0;padding:0;} fieldset dl dd select {width:100%;} fieldset dl dd input {width:100%;} fieldset dl dd textarea {width:100%;min-height:140px;} fieldset dl .formStandardInput {display:none !important} fieldset dl .hidden {display: none !important;} fieldset .formElementCheckbox label {position:relative;padding-left:27px;display:block;} fieldset .formElementCheckbox label input {position:absolute;left:0;top:3px;width:15px;height:15px;-webkit-appearance:none;background:black;border-radius:3px;} .formElementButton button {display:block;margin:0 auto } /* TEXTS */ ul, ol, h1, h2, h3, h4, h5, h6, p, small, label {color:var(--fontColorDefault);} p {line-height:var(--lineHeightDefault);margin:0 0 1rem 0;} p strong, p b, h1 b, h2 b, h3 b, h4 b {font-weight:700} h1 {font-family:var(--fontFamilyHeadlines);font-size:var(--fontSizeH1);line-height:var(--lineHeightHeadlines);font-weight:normal;color:var(--fontColorHeadline1);margin-top:0;margin-bottom:2rem;} h2 {font-family:var(--fontFamilyHeadlines);font-size:var(--fontSizeH2);line-height:var(--lineHeightHeadlines);font-weight:normal;color:var(--fontColorHeadline2);margin-top:0;margin-bottom:1.5rem;} h3 {font-family:var(--fontFamilyDefault);font-size:var(--fontSizeH3);line-height:130%;font-weight:300;color:var(--fontColorHeadline3);margin-top:0;margin-bottom:1.5rem;} h4 {font-family:var(--fontFamilyHeadlines);font-size:var(--fontSizeH4);line-height:var(--lineHeightHeadlines);font-weight:normal;color:var(--fontColorHeadline4);margin-top:0;margin-bottom:0.7rem;} h1 u, h2 u, h3 u, h4 u { background-image: linear-gradient( to bottom, var(--highlightColor1), var(--highlightColor1) ); background-position: 0 30%; background-repeat: no-repeat; background-size: 100% 100%; text-decoration: none; padding-left: 10px; padding-right: 10px; margin-left: -5px; margin-right: -5px; display: inline-block; color:var(--highlightColor2); } .sectionContent > *:last-child {margin-bottom:0;} .sectionContent ol {padding:0 0 0 20px;margin:0 0 25px 0;} .sectionContent ol li {margin:0 0 8px 0} .sectionContent ul {padding:0 0 0 20px;margin:0 0 25px 0;} .sectionContent ul li {margin:0 0 8px 0} .sectionContent p + h2 {margin-top:2rem;} .sectionContent p + h3 {margin-top:2rem;} a {text-decoration:none;font-weight:bold;color:var(--fontColorLink)} a:hover {color:var(--fontColorLinkActive)} [class~=button] {border-radius:var(--defaultBorderRadius);padding:10px 30px;font-weight:var(--fontWeightButtons);font-size:var(--fontSizeButtons);line-height:1.5;border:none;background:var(--bgColorButton);color:var(--fontColorButton);cursor:pointer;transition:var(--defaultTransition);display:inline-block;font-family:var(--fontFamilyButtons)} [class~=button]:before {transform:scale(1.7);-ms-transform:scale(1.7);-webkit-transform:scale(1.7);-moz-transform:scale(1.7);margin-right:5px;} [class~=button]:hover {background:var(--bgColorButtonActive);color:var(--fontColorButtonActive)} [class~=buttonGhost] {background:transparent;border:2px solid var(--primaryColor1);color:var(--primaryColor1);} [class~=buttonGhost]:hover {background:transparent;border:2px solid var(--primaryColor2);color:var(--primaryColor2);} text + a {margin-top: 1.5rem;} text > p:last-child {} p + a {margin-top: 1rem;} /* BILDER */ picture {display:block;} picture img {display:inline-block;height:auto;max-width: 100%} /* SECTIONS */ section {} section:first-of-type {margin-top:0} .bloqzSection {box-sizing: border-box;position: relative;background-repeat: no-repeat;background-size: cover; background-position: center center;padding:0 var(--defaultPageSpace);} .sectionInner {max-width: var(--contentMaxWidth);margin: 0 auto;padding:5rem 0;} .sectionContent > p {margin-bottom:2rem;} /* SECTIONS BACKGROUND IMAGE */ /*@cssVariant(sectionBackgroundImage){variant:1;caption:Leicht Abdunkeln;}*/ .sectionBackgroundImage_var1:before {content:"";display:block;position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(15,30,108,0.2)} .sectionBackgroundImage_var1 .sectionContent {position:relative;z-index:1;} /*@cssVariant(sectionBackgroundImage){variant:2;caption:Stark Abdunkeln;}*/ .sectionBackgroundImage_var2:before {content:"";display:block;position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(15,30,108,0.8);} .sectionBackgroundImage_var2 .sectionContent {position:relative;z-index:1;} /*@cssVariant(sectionBackgroundAnimation){variant:1;caption:Fix;}*/ .sectionBackgroundAnimation_var1 {background-attachment:fixed} /* SECTIONS BACKGROUNDCOLOR */ /*@cssVariant(sectionBackgroundColor){variant:1_bgLight;caption:Weiß;}*/ .sectionBackgroundColor_var1_bgLight {background-color:var(--bgColorSection1);} .sectionBackgroundColor_var1_bgLight + .sectionBackgroundColor_var1_bgLight:not([style]) {border-top:1px solid #ccc} .sectionBackgroundColor_var1_bgLight.sectionTypePicture_wysiwyg_var0_2 .image picture:before {border-color:#DADADC;} .sectionBackgroundColor_var1_bgLight.sectionTypePicture_wysiwyg_var1_2 .image picture:before {border-color:#DADADC;} /*@cssVariant(sectionBackgroundColor){variant:2_bgLight;caption:Hellgrau;}*/ .sectionBackgroundColor_var2_bgLight {background-color:var(--bgColorSection2);} .sectionBackgroundColor_var2_bgLight + .sectionBackgroundColor_var2_bgLight:not([style]) {border-top:1px solid #ccc} /*@cssVariant(sectionBackgroundColor){variant:4_bgLight;caption:Grün;}*/ .sectionBackgroundColor_var4_bgLight {background-color:var(--primaryColorWhite);padding-top:5rem;padding-bottom:5rem;} .sectionBackgroundColor_var4_bgLight .sectionInner {background-color:var(--highlightColor1);padding-left:3rem;padding-right:3rem;} .sectionBackgroundColor_var4_bgLight .sectionInner .sectionContent > a.button {background:var(--highlightColor2);color:var(--primaryColorWhite)} .sectionBackgroundColor_var4_bgLight .sectionInner .sectionContent > a.button:hover {background:var(--primaryColorWhite);color:var(--highlightColor2)} /*@cssVariant(sectionBackgroundColor){variant:3_bgDark;caption:Dunkelblau;}*/ .sectionBackgroundColor_var3_bgDark {background-color:var(--highlightColor2);} .sectionBackgroundColor_var3_bgDark + .sectionBackgroundColor_var3_bgDark:not([style]) > .sectionInner {padding-top:0} /*@cssVariant(sectionBackgroundColor){variant:5_bgDark;caption:Schwarz;}*/ .sectionBackgroundColor_var5_bgDark {background-color:var(--primaryColorBlack);} .sectionBackgroundColor_var5_bgDark + .sectionBackgroundColor_var5_bgDark:not([style]) > .sectionInner {padding-top:0} /* SECTION TYPE ARTICLES */ .sectionTypeArticles article {position:relative;} .sectionTypeArticles article[onclick] {cursor:pointer} .sectionTypeArticles article[data-online="0"] {} .sectionTypeArticles article[data-online="0"]:before {content:"-";display:block;position:absolute;left:10px;top:10px;width:50px;height:50px;line-height:50px;text-align:center;font-size:50px;background:red;color:var(--fontColorInverse);border-radius:50%;} .sectionTypeArticles article .articleTexts time {display: none} /*@cssVariant(sectionTypeArticles){variant:0;caption:Standard;}*/ .sectionTypeArticles_var0 .articles {display:grid;grid-template-columns:1fr;gap:calc(2 * var(--defaultSpace))} .sectionTypeArticles_var0 .inner {display:grid;grid-template-columns:4fr 6fr;gap:var(--defaultSpace)} .sectionTypeArticles_var0 article {} .sectionTypeArticles_var0 article:last-child {margin-bottom:0;padding-bottom:0;border-bottom:none;} .sectionTypeArticles_var0 article picture {} .sectionTypeArticles_var0 article img {width:100%;display:block;margin:0;transition:all .8s cubic-bezier(0.19, 1, 0.22, 1);box-sizing:border-box;border-radius:var(--defaultBorderRadius);overflow:hidden;box-shadow:var(--defaultBoxShadow)} .sectionTypeArticles_var0 article .inner:hover picture img {transform:scale(1.01);-ms-transform:scale(1.01);-webkit-transform:scale(1.01);-moz-transform:scale(1.01);} .sectionTypeArticles_var0 article .articleTexts {box-sizing: border-box; text-align:left;} .sectionTypeArticles_var0 article .articleTexts h3 {margin-bottom: 10px;} .sectionTypeArticles_var0 article .articleTexts time {display: block;margin-bottom:0.5rem;} .sectionTypeArticles_var0 article .articleTexts time:before {content:"Artikel vom: "} @media only screen and (max-width: 767px){ .sectionTypeArticles_var0 .inner {grid-template-columns:1fr;gap:calc( 0.6 * var(--defaultSpace))} } /*@cssVariant(sectionTypeArticles){variant:1;caption:Dreispaltige Boxdarstellung;}*/ .sectionTypeArticles_var1 {;} .sectionTypeArticles_var1 .sectionContent h2 ~ p, .sectionTypeArticles_var1 .sectionContent h2 ~ text p {margin-left:10%;margin-right:10%;} .sectionTypeArticles_var1 .articles {position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:var(--defaultSpace)} .sectionTypeArticles_var1 .articles article {height:auto !important} .sectionTypeArticles_var1 .articles article .inner {padding:0;padding-bottom:5.5rem;overflow:hidden;box-sizing:border-box;height:100%;position:relative;transition:var(--defaultTransition);border-radius:var(--defaultBorderRadius);overflow:hidden;box-shadow:var(--defaultBoxShadow);background:var(--primaryColorWhite)} .sectionTypeArticles_var1 .articles article .inner > *:last-child {margin-bottom:0;} .sectionTypeArticles_var1 .articles article picture {width:100%;margin:0 auto 0.5rem auto;max-width:none;overflow:hidden;position:relative;} .sectionTypeArticles_var1 .articles article img {width:100%;display:block;margin:0;} .sectionTypeArticles_var1 .articles article h3 {margin:0;padding:calc(var(--defaultPadding) * 0.5) 0;margin:0 1.5rem;} .sectionTypeArticles_var1 .articles article p {padding:0;margin:0 1.5rem;} .sectionTypeArticles_var1 .articles article a {position:absolute;bottom:1.5rem;left:1.5rem;} .sectionTypeArticles_var1 .articles article a:after {content:"\e912";font-family:feather;margin-left:0.4rem;} .sectionTypeArticles_var1 .articles + a {margin-top:1rem} @media only screen and (max-width: 767px){ .sectionTypeArticles_var1 .articles {padding-top:1rem;grid-template-columns:1fr;} } /*@cssVariant(sectionTypeArticles){variant:2;caption:Dreispaltige Boxdarstellung (Leistungen Startseite);}*/ .sectionTypeArticles_var2 {;} .sectionTypeArticles_var2 .sectionContent h2, .sectionTypeArticles_var2 .sectionContent h2 + h3 {margin-left:20%;margin-right:20%;text-align:center} .sectionTypeArticles_var2 .articles {position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);grid-gap:calc(0.5 * var(--defaultSpace));padding-top:1rem;padding-bottom: calc(2 * var(--defaultSpace))} .sectionTypeArticles_var2 .articles article {position: relative; border:1px solid var(--defaultBorderColor);padding:var(--defaultPadding);transition:var(--defaultTransition)} .sectionTypeArticles_var2 .articles article:nth-child(3n+2) {top:var(--defaultSpace);} .sectionTypeArticles_var2 .articles article:nth-child(3n+3) {top:calc(2 * var(--defaultSpace));} .sectionTypeArticles_var2 .articles article .inner {padding:0;overflow:hidden;box-sizing:border-box;height:100%;position:relative;transition:var(--defaultTransition);border-radius:var(--defaultBorderRadius);overflow:hidden;} .sectionTypeArticles_var2 .articles article[data-category]:not([data-category=""]) .inner:before {content:"";display:block;width:5rem;height:4rem;background:url(/project/content/images/icons/instagram.svg) no-repeat left center;margin-bottom:1.5rem;background-size:contain} .sectionTypeArticles_var2 .articles article[data-category="konstruktion"] .inner:before {background-image:url(/project/content/images/icons/konstruktion.svg) !important} .sectionTypeArticles_var2 .articles article[data-category="laserschneiden"] .inner:before {background-image:url(/project/content/images/icons/laserschneiden.svg) !important} .sectionTypeArticles_var2 .articles article[data-category="umformen"] .inner:before {background-image:url(/project/content/images/icons/umformen.svg) !important} .sectionTypeArticles_var2 .articles article[data-category="schweissen"] .inner:before {background-image:url(/project/content/images/icons/schweissen.svg) !important} .sectionTypeArticles_var2 .articles article[data-category="anarbeitung"] .inner:before {background-image:url(/project/content/images/icons/anarbeitung.svg) !important} .sectionTypeArticles_var2 .articles article[data-category="oberflaechenveredelung"] .inner:before {background-image:url(/project/content/images/icons/oberflaechenveredelung.svg) !important} .sectionTypeArticles_var2 .articles article .inner > *:last-child {margin-bottom:0;} .sectionTypeArticles_var2 .articles article picture {width:100%;margin:0 auto 0.5rem auto;max-width:none;overflow:hidden;position:relative;} .sectionTypeArticles_var2 .articles article img {width:auto;height:2.25rem;display:block;margin:0;-webkit-filter: invert(25%) sepia(45%) saturate(2811%) hue-rotate(332deg) brightness(105%) contrast(84%);} .sectionTypeArticles_var2 .articles article h4 {margin:0 0 1rem 0;hyphens:auto;-webkit-hyphens:auto;-moz-hyphens:auto} .sectionTypeArticles_var2 .articles article p {padding:0;margin-bottom:0;} .sectionTypeArticles_var2 .articles article a {margin-top:0.5rem;display:inline-block;} .sectionTypeArticles_var2 .articles article:hover {border:none;background:var(--primaryColor2)} .sectionTypeArticles_var2 .articles article:hover * {color:var(--primaryColorWhite)} .sectionTypeArticles_var2 .articles + a {margin-top:2rem;margin-left:auto;margin-right:auto;display:table} @media only screen and (max-width: 1023px){ .sectionTypeArticles_var2 .articles {grid-template-columns:minmax(0,1fr) minmax(0,1fr);} .sectionTypeArticles_var2 .articles article:nth-child(3n+2) {top:0} .sectionTypeArticles_var2 .articles article:nth-child(3n+3) {top:0} .sectionTypeArticles_var2 .articles article:nth-child(2n+2) {top:2rem} .sectionTypeArticles_var2 .sectionContent h2, .sectionTypeArticles_var2 .sectionContent h2 + h3 {margin-left:6%;margin-right:6%;} } @media only screen and (max-width: 540px){ .sectionTypeArticles_var2 .articles {grid-template-columns:minmax(0,1fr);padding-bottom:0} .sectionTypeArticles_var2 .articles article:nth-child(2n+2) {top:0} .sectionTypeArticles_var2 .sectionContent h2, .sectionTypeArticles_var2 .sectionContent h2 + h3 {margin-left:0;margin-right:0;} } /*@cssVariant(sectionTypeArticles){variant:3;caption:Dreispaltige Boxdarstellung (Zick Zack);}*/ .sectionTypeArticles_var3 {;} .sectionTypeArticles_var3 .sectionContent h2 ~ p, .sectionTypeArticles_var3 .sectionContent h2 ~ text p {margin-left:10%;margin-right:10%;} .sectionTypeArticles_var3 .articles {position:relative;z-index:2;display:grid;grid-template-columns:1fr;grid-gap:var(--defaultSpace)} .sectionTypeArticles_var3 .articles article {height:auto !important;} .sectionTypeArticles_var3 .articles article:nth-child(even) .inner .text {grid-row: 1} .sectionTypeArticles_var3 .articles article .inner {padding:0;box-sizing:border-box;height:100%;position:relative;transition:var(--defaultTransition);display:grid;grid-template-columns:1fr 1fr;grid-gap:calc(0.5 * var(--defaultSpace))} .sectionTypeArticles_var3 .articles article .inner > *:last-child {margin-bottom:0;} .sectionTypeArticles_var3 .articles article picture {width:100%;margin:0 auto;max-width:none;position:relative;} .sectionTypeArticles_var3 .articles article img {display:block;margin:0;border-radius:var(--defaultBorderRadius);box-shadow:var(--defaultBoxShadow);overflow:hidden;} .sectionTypeArticles_var3 .articles article .text {display:flex;align-items:center;flex-direction: column;justify-content: center;align-items: flex-start} .sectionTypeArticles_var3 .articles article .text > * {} .sectionTypeArticles_var3 .articles article h3 {margin:0 0 0.25rem 0;font-size:2rem;} .sectionTypeArticles_var3 .articles article p {padding:0;margin-bottom:0;} .sectionTypeArticles_var3 .articles article a {margin-top:0.25rem;display:inline-block;} .sectionTypeArticles_var3 .articles article a.button {margin-top:1rem;} .sectionTypeArticles_var3 .articles + a {margin-top:1rem} @media only screen and (max-width: 767px){ .sectionTypeArticles_var3 .articles {grid-gap:var(--defaultSpace)} .sectionTypeArticles_var3 .articles article .inner {grid-template-columns:1fr;} .sectionTypeArticles_var3 .articles article:nth-child(even) .inner .text {grid-row:2} .sectionTypeArticles_var3 .articles article h3 {font-size:var(--fontSizeH3);} } @media only screen and (max-width: 540px){ } /*@cssVariant(sectionTypeArticles){variant:5;caption:Dreispaltige Bewertungen als Slider;}*/ .sectionTypeArticles_var5 {;} .sectionTypeArticles_var5 .sectionContent {display:grid;grid-template-columns:2.7fr 5fr;gap:4rem;} .sectionTypeArticles_var5 .sectionContent > * {min-width:0;} .sectionTypeArticles_var5 .sectionContent > .text {display:flex;align-items:center;flex-direction: column;justify-content: center;position:relative;top:-3rem;} .sectionTypeArticles_var5 .sectionContent > .text:after {content:"";display:block;background:url('/project/content/images/arrow-right-regular.svg') no-repeat center center;background-size:contain;width:100%;height:1rem;} .sectionTypeArticles_var5 .articles {padding-bottom: 100px;} .sectionTypeArticles_var5 .articles article {text-align:left;height:auto !important;} .sectionTypeArticles_var5 .articles article .inner {overflow:hidden;box-sizing:border-box;position:relative;padding:1rem 1.5rem 3rem 1.5rem;transition:var(--defaultTransition);background:#fff;border-radius:var(--defaultBorderRadius);overflow:hidden;height:100%;} .sectionTypeArticles_var5 .articles article .inner:after {content:"\e923\e923\e923\e923\e923";font-family:bloqz;font-size:1rem;position:absolute;bottom:var(--defaultPadding);line-height:100%;color:var(--primaryColor2);letter-spacing:5px;} .sectionTypeArticles_var5 .articles article .inner.stars-1:after {content:"\e923";} .sectionTypeArticles_var5 .articles article .inner.stars-2:after {content:"\e923\e923";} .sectionTypeArticles_var5 .articles article .inner.stars-3:after {content:"\e923\e923\e923";} .sectionTypeArticles_var5 .articles article .inner.stars-4:after {content:"\e923\e923\e923\e923";} .sectionTypeArticles_var5 .articles article .header {overflow:hidden;display:flex;align-items:center;margin-bottom:1rem;} .sectionTypeArticles_var5 .articles article .header .initials {float:left;width:60px;height:60px;line-height:60px;background:#ccc;border-radius:50%;margin-right:0.5rem;color:var(--primaryColorWhite);text-align:center;font-size:1.4rem;} .sectionTypeArticles_var5 .articles article .header .headerText time {font-size:0.9rem;line-height:100%;display:block;} .sectionTypeArticles_var5 .articles article h4 {margin-bottom:0.2rem;color:var(--fontColorHeadline2);transition:var(--defaultTransition);font-size:0.9rem;font-weight:bold;font-family:var(--fontFamilyDefault)} .sectionTypeArticles_var5 .articles article p {} .sectionTypeArticles_var5 .articles + a {margin-top:2rem;} .sectionTypeArticles_var5 .slick-list {margin:0 -0.5rem} .sectionTypeArticles_var5 .slick-initialized .slick-slide {padding:0.5rem;box-sizing:border-box;} .sectionTypeArticles_var5 .slick-dots {margin:0;padding:0;} .sectionTypeArticles_var5 .slick-dots li button:before {font-size:20px;} .sectionTypeArticles_var5 .slick-prev {border-radius:var(--defaultBorderRadius);background:var(--bgColorButton)!important;width:50px;height:50px !important;bottom:0;top:auto;left:0;} .sectionTypeArticles_var5 .slick-next {border-radius:var(--defaultBorderRadius);background:var(--bgColorButton)!important;width:50px;height:50px !important;bottom:0;top:auto;left:60px;} .sectionTypeArticles_var5 .slick-prev:before {color:var(--fontColorButton);font-family:feather;content:"\e910"} .sectionTypeArticles_var5 .slick-next:before {color:var(--fontColorButton);font-family:feather;content:"\e912"} .sectionTypeArticles_var5 .slick-prev:hover, .sectionTypeArticles_var5 .slick-next:hover {background:var(--bgColorButtonActive) !important;} .sectionTypeArticles_var5 .slick-track {display: flex !important;} .sectionTypeArticles_var5 .slick-slide {height: inherit !important;} .sectionTypeArticles_var5 .slick-slide > div, .sectionTypeArticles_var5 .slick-slide > div article {height: 100% !important;box-sizing:border-box} @media only screen and (max-width: 1023px){ .sectionTypeArticles_var5 .sectionContent {grid-template-columns:minmax(0,1fr) minmax(0,1fr);} } @media only screen and (max-width: 767px){ .sectionTypeArticles_var5 .sectionContent {gap:1rem;} .sectionTypeArticles_var5 .sectionContent > .text {top:0;} .sectionTypeArticles_var5 .sectionContent > .text:after {display:none;} .sectionTypeArticles_var5 .sectionContent {grid-template-columns:minmax(0,1fr);} } /* SECTION TYPE CONTACTFORM */ .sectionTypeContactform input[type="text"] {background:rgba(0,0,0,0.08);border:none;height: 37px;border-radius:var(--defaultBorderRadius);line-height: 37px;padding: 0 15px;color:var(--fontColorHeadline3);box-sizing:border-box} .sectionTypeContactform textarea {display:none;background:rgba(0,0,0,0.08);border:none;padding: 15px;border-radius:var(--defaultBorderRadius);color:var(--fontColorHeadline3);box-sizing:border-box;} .sectionTypeContactform select {background:rgba(0,0,0,0.08);border:none;height: 37px;line-height: 37px;width: 100%;-webkit-appearance: none;border: 0;font-weight: normal;font-size: 13px;padding-left: 15px;cursor: pointer;outline: none;z-index: 2;position: relative;padding-right: 55px;box-shadow: 0 1px 1px rgba(0,0,0,0.1);} .sectionTypeContactform .formElementCheckbox label {user-select:none;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;} .sectionTypeContactform input[type="checkbox"] {background:rgba(0,0,0,0.3);outline:none;box-shadow:none;user-select:none;-ms-user-select:none;-webkit-user-select:none;-moz-user-select:none;} .sectionTypeContactform input[type="checkbox"]:before {content:"\e90a";font-family:bloqz;position:absolute;left:50%;top:50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);opacity:0;transition:var(--defaultTransition)} .sectionTypeContactform input[type="checkbox"]:checked {background:var(--bgColorButtonActive);color:var(--fontColorButtonActive)} .sectionTypeContactform input[type="checkbox"]:checked:before {opacity:1} .sectionTypeContactform input[type="text"]:active, .sectionTypeContactform input[type="text"]:focus, .sectionTypeContactform textarea:active, .sectionTypeContactform textarea:focus, .sectionTypeContactform select:active, .sectionTypeContactform select:active {background:rgba(0,0,0,0.10)} .sectionTypeContactform.select:before {content: ''; position: absolute; z-index: 5; right: 15px; top: 7px; border: 5px solid transparent; border-bottom-color: var(--fontColorDefault);} .sectionTypeContactform.select:after {content: '';position: absolute;z-index: 5;right: 15px;top: 20px;border: 5px solid transparent;border-top-color: var(--fontColorDefault);} .sectionTypeContactform form dt .elementLabel {text-align:left;} .sectionTypeContactform form dt label {font-weight:normal;} .sectionTypeContactform form .form-message-data-send {background:#000;padding:2rem;border-radius:var(--defaultBorderRadius);color:#fff;margin-bottom:2rem;} /*@cssVariant(sectionTypeContactform){variant:0;caption:Standard;}*/ .sectionTypeContactform_var0 {;text-align:center;} .sectionTypeContactform_var0 .sectionContent p {margin-bottom:2rem;} .sectionTypeContactform_var0 .sectionContent form {text-align:left;} .sectionTypeContactform_var0 .sectionContent textarea {display:block;} .sectionTypeContactform_var0 .sectionContent button {margin:2rem 0 0 0 !important;width:100%;} .sectionTypeContactform_var0 .sectionContent small {font-size:16px;} .sectionTypeContactform[class*="bgDark"] input[type="text"], .sectionTypeContactform[class*="bgDark"] textarea, .sectionTypeContactform[class*="bgDark"] select {background:rgba(255,255,255,0.15);color:var(--fontColorInverse)} .sectionTypeContactform[class*="bgDark"] input[type="checkbox"] {background:var(--primaryColorWhite);color:var(--fontColorInverse)} .sectionTypeContactform[class*="bgDark"] input[type="text"]:active, .sectionTypeContactform[class*="bgDark"] input[type="text"]:focus, .sectionTypeContactform[class*="bgDark"] textarea:active, .sectionTypeContactform[class*="bgDark"] textarea:focus, .sectionTypeContactform[class*="bgDark"] select:active, .sectionTypeContactform[class*="bgDark"] select:active {background:rgba(0,0,0,0.3)} /*@cssVariant(sectionTypeContactformWidth){variant:80;caption:80%;}*/ @media only screen and (min-width: 1200px){ .sectionTypeContactformWidth_var80 .sectionContent {padding-left:10%;padding-right:10%} } /*@cssVariant(sectionTypeContactformWidth){variant:60;caption:60%;}*/ @media only screen and (min-width: 1200px){ .sectionTypeContactformWidth_var60 .sectionContent {padding-left:20%;padding-right:20%} } /* SECTION TYPE COOKIE CONSENT */ .sectionTypeCookieconsent {} .sectionTypeCookieconsent .sectionContent div {margin-bottom:40px;padding-bottom:10px;border-bottom:1px solid var(--defaultBorderColor);} .sectionTypeCookieconsent .sectionContent h2 {text-align:left;} .sectionTypeCookieconsent .sectionContent div:last-child {margin-bottom:0;padding-bottom:0;border-bottom:none} .sectionTypeCookieconsent .sectionContent p > span {display:block;margin:10px 0 20px 0;} .sectionTypeCookieconsent .sectionContent p > span > span {padding-right:25px;} .sectionTypeCookieconsent .sectionContent p > span > span > i {padding-right:5px;position:relative;top:2px;} .sectionTypeCookieconsent[class*="sectionBackgroundColor_var_dark"] .sectionContent div {border-color:#fff;} /* SECTION TYPE GALLERY */ .sectionTypeGallery {} .sectionTypeGallery div[class*=box-] {margin-bottom:0} .sectionTypeGallery .galleryThumbnails {overflow:hidden;} .sectionTypeGallery .galleryThumbnails img {width: 100%;display:block} .sectionTypeGallery + .sectionTypeGallery {margin-top:-10px;} /* Lazy-Load animiertes Einblenden */ .sectionTypeGallery picture[data-lazy-load="1"] img {opacity:0;transition:opacity 0.4s} .sectionTypeGallery picture[data-lazy-load="1"].loaded img {opacity:1;} /*@cssVariant(sectionTypeGallery){variant:0;caption:Standard mit Abstand;}*/ .sectionTypeGallery_var0 {;padding-left:var(--defaultSpace);padding-right:var(--defaultSpace);text-align:center;} .sectionTypeGallery_var0 .sectionContent h2 ~ p, .sectionTypeGallery_var0 .sectionContent h2 ~ text p {margin-left:10%;margin-right:10%;} .sectionTypeGallery_var0 .galleryThumbnails {overflow:visible;padding-top:1rem;display:grid;grid-template-columns:1fr;gap:calc(0.5 * var(--defaultSpace));} .sectionTypeGallery_var0 .galleryThumbnailInner {border-radius: var(--defaultBorderRadius);overflow:hidden;box-shadow: var(--defaultBoxShadow);padding:0;background:#fff;} .sectionTypeGallery_var0 .galleryThumbnailInner picture {} .sectionTypeGallery_var0 .galleryThumbnailInner picture[data-lightbox="1"] {background:#000;position:relative} .sectionTypeGallery_var0 .galleryThumbnailInner picture[data-lightbox="1"]:before {content:"\e913";color:#fff;display:block;font-family:jj;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) scale(0.8);-ms-transform:translate(-50%, -50%) scale(0.8);-webkit-transform:translate(-50%, -50%) scale(0.8);-moz-transform:translate(-50%, -50%) scale(0.8);z-index:100;opacity:0;font-size:3rem;transition:all 0.12s;} .sectionTypeGallery_var0 .galleryThumbnailInner picture[data-lightbox="1"] img {transition:all 0.12s} .sectionTypeGallery_var0 .galleryThumbnailInner picture[data-lightbox="1"]:hover img {opacity:0.8} .sectionTypeGallery_var0 .galleryThumbnailInner picture[data-lightbox="1"]:hover:before {opacity:1;transform:translate(-50%, -50%) scale(1);-ms-transform:translate(-50%, -50%) scale(1);-webkit-transform:translate(-50%, -50%) scale(1);-moz-transform:translate(-50%, -50%) scale(1);} /*@cssVariant(sectionTypeGallery){variant:1;caption:Logogalerie (4-spaltig)}*/ .sectionTypeGallery_var1 {;padding-left:var(--defaultSpace);padding-right:var(--defaultSpace);text-align:center;} .sectionTypeGallery_var1 .sectionContent h2 ~ p, .sectionTypeGallery_var1 .sectionContent h2 ~ text p {margin-left:10%;margin-right:10%;} .sectionTypeGallery_var1 .galleryThumbnails {overflow:visible;padding-top:1rem;display:grid;grid-template-columns:1fr;gap:calc(0.5 * var(--defaultSpace));} .sectionTypeGallery_var1 .galleryThumbnail {border-radius: var(--defaultBorderRadius);overflow:hidden;box-shadow: var(--defaultBoxShadow);padding:0;background:#fff;display:flex;align-items:center;justify-content:space-around} .sectionTypeGallery_var1 .galleryThumbnailInner {} .sectionTypeGallery_var1 .galleryThumbnailInner picture {} .sectionTypeGallery_var1 .galleryThumbnailInner picture img {padding:2rem 3rem;box-sizing:border-box} .sectionTypeGallery_var1 .galleryThumbnailInner picture[data-lightbox="1"] {background:#000;position:relative;} .sectionTypeGallery_var1 .galleryThumbnailInner picture[data-lightbox="1"]:before {content:"\e913";color:#fff;display:block;font-family:jj;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) scale(0.8);-ms-transform:translate(-50%, -50%) scale(0.8);-webkit-transform:translate(-50%, -50%) scale(0.8);-moz-transform:translate(-50%, -50%) scale(0.8);z-index:100;opacity:0;font-size:3rem;transition:all 0.12s;} .sectionTypeGallery_var1 .galleryThumbnailInner picture[data-lightbox="1"] img {transition:all 0.12s;} .sectionTypeGallery_var1 .galleryThumbnailInner picture[data-lightbox="1"]:hover img {opacity:0.8} .sectionTypeGallery_var1 .galleryThumbnailInner picture[data-lightbox="1"]:hover:before {opacity:1;transform:translate(-50%, -50%) scale(1);-ms-transform:translate(-50%, -50%) scale(1);-webkit-transform:translate(-50%, -50%) scale(1);-moz-transform:translate(-50%, -50%) scale(1);} /*@cssVariant(sectionTypeGallery){variant:2;caption:Logoslider;}*/ .sectionTypeGallery_var2 {;padding-left:var(--defaultSpace);padding-right:var(--defaultSpace);text-align:center;padding-left:0;padding-right:0;} .sectionTypeGallery_var2 .sectionInner {max-width: 114%;margin-left: -7%;margin-right: -7%;} .sectionTypeGallery_var2 .sectionInner h2 {max-width: var(--contentMaxWidth);margin:0 auto 3rem auto;} .sectionTypeGallery_var2 .slick-track {display: flex;align-items: center;} .sectionTypeGallery_var2 .slick-track .galleryThumbnailInner {margin:0 4rem;} html[data-site-type="start"] .sectionTypeGallery_var2 .sectionInner {padding: 2rem 0;} html[data-site-type="start"] .sectionTypeGallery_var2 .sectionInner h2 {display:none;} @media only screen and (max-width:767px) { .sectionTypeGallery_var2 .slick-track .galleryThumbnailInner {margin:0 2.3rem;} } /*@cssVariant(sectionTypeGalleryEntriesPerRow){variant:2;caption:2 Einträge pro Zeile;}*/ .sectionTypeGalleryEntriesPerRow_var2 .galleryThumbnails {grid-template-columns:1fr 1fr;} @media only screen and (max-width: 767px){ .sectionTypeGalleryEntriesPerRow_var2 .galleryThumbnails {grid-template-columns:1fr;} } /*@cssVariant(sectionTypeGalleryEntriesPerRow){variant:3;caption:3 Einträge pro Zeile;}*/ .sectionTypeGalleryEntriesPerRow_var3 .galleryThumbnails {grid-template-columns:1fr 1fr 1fr;} @media only screen and (max-width: 767px){ .sectionTypeGalleryEntriesPerRow_var3 .galleryThumbnails {grid-template-columns:1fr 1fr;} } /*@cssVariant(sectionTypeGalleryEntriesPerRow){variant:4;caption:4 Einträge pro Zeile;}*/ .sectionTypeGalleryEntriesPerRow_var4 .galleryThumbnails {grid-template-columns:1fr 1fr 1fr 1fr;} @media only screen and (max-width: 767px){ .sectionTypeGalleryEntriesPerRow_var4 .galleryThumbnails {grid-template-columns:1fr 1fr;} } /*@cssVariant(sectionTypeGalleryEntriesPerRow){variant:6;caption:6 Einträge pro Zeile;}*/ .sectionTypeGalleryEntriesPerRow_var6 .galleryThumbnails {grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;} @media only screen and (max-width: 1023px){ .sectionTypeGalleryEntriesPerRow_var6 .galleryThumbnails {grid-template-columns:1fr 1fr 1fr;} } @media only screen and (max-width: 767px){ .sectionTypeGalleryEntriesPerRow_var6 .galleryThumbnails {grid-template-columns:1fr 1fr;} } /* SECTION TYPE ORDEREDLIST */ .sectionTypeOrderedlist {} .sectionTypeOrderedlist ol.entries {text-align:left} /*@cssVariant(sectionTypeOrderedlist){variant:0;caption:Standard;}*/ .sectionTypeOrderedlist_var0 {;} .sectionTypeOrderedlist_var0 ol.entries {margin:0;padding:20px 0 0 0;list-style: none;} .sectionTypeOrderedlist_var0 ol.entries > li {counter-increment:item;margin:0 0 40px 0;padding:0;position: relative;} .sectionTypeOrderedlist_var0 ol.entries > li:before {content:counter(item);background:var(--primaryColorBlack);width:50px;height:50px;line-height:50px;position:absolute;left:0;top:0;margin-top:-10px;text-align:center;color:var(--primaryColorWhite);border-radius:50%;font-size:24px;} .sectionTypeOrderedlist_var0 ol.entries > li h3 {margin-bottom:5px;font-size:var(--fontSizeH4);} .sectionTypeOrderedlist_var0 ol.entries > li p {margin-bottom:0;display:none;} .sectionTypeOrderedlist_var0 ol.entries > li .inner {padding-left: 70px;} .sectionTypeOrderedlist_var0[class*="sectionBackgroundColor_var_dark"] ol.entries > li:before {background:var(--fontColorInverse);color:var(--fontColorLink)} /*@cssVariant(sectionTypeOrderedlist){variant:1_2;caption:Dreispaltige Auflistung (Checkliste);}*/ .sectionTypeOrderedlist_var1_2 {-;} .sectionTypeOrderedlist_var1_2 h2 {} .sectionTypeOrderedlist_var1_2 ol.entries {margin:0;padding:1rem 0 0 0;list-style: none;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:var(--defaultSpace);font-size:20px;} .sectionTypeOrderedlist_var1_2 ol.entries > li:before {content:counter(item);background:var(--primaryColorGreyLight);width:50px;height:50px;line-height:50px;background-color: var(--primaryColor1);content: "\2713";font-family: system-ui;position: absolute;left: 0;top: 0;margin-top: -0.6rem;text-align: center;color: #FFFFFF;border-radius: 50%;font-size: 20px;} .sectionTypeOrderedlist_var1_2 ol.entries > li {margin:0;padding:0;position: relative;min-height: 2.5rem;} .sectionTypeOrderedlist_var1_2 ol.entries:after {content:"";clear:both;} .sectionTypeOrderedlist_var1_2 ol.entries > li h3 {margin-bottom:0;font-size:var(--fontSizeH4);hyphens:auto;-webkit-hyphens:auto;-moz-hyphens:auto;line-height:135%} .sectionTypeOrderedlist_var1_2 ol.entries > li p {margin-bottom:0;display:none;} .sectionTypeOrderedlist_var1_2 ol.entries > li .inner {padding-left: 70px;} .sectionTypeOrderedlist_var0[class*="sectionBackgroundColor_var_dark"] ol.entries > li:before {background:var(--fontColorInverse);color:var(--fontColorLink)} @media only screen and (max-width: 1200px){ .sectionTypeOrderedlist_var1_2 ol.entries {grid-template-columns:1fr 1fr;} } @media only screen and (max-width: 767px){ .sectionTypeOrderedlist_var1_2 ol.entries {grid-template-columns:1fr;} .sectionTypeOrderedlist_var1_2 ol.entries > li:before {width:45px;height:45px;line-height:45px;} .sectionTypeOrderedlist_var1_2 ol.entries > li .inner {padding-left:60px} } @media only screen and (max-width: 540px){ .sectionTypeOrderedlist_var1_2 ol.entries > li:before {width:40px;height:40px;line-height:40px;} .sectionTypeOrderedlist_var1_2 ol.entries > li .inner {padding-left:55px} } /*@cssVariant(sectionTypeOrderedlist){variant:1_4;caption:Dreispaltige Auflistung mit Beschreibungstext;}*/ .sectionTypeOrderedlist_var1_4 {-;} .sectionTypeOrderedlist_var1_4 h2 {} .sectionTypeOrderedlist_var1_4 ol.entries {margin:0;padding:1rem 0 0 0;list-style: none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);grid-gap:var(--defaultSpace);font-size:20px;} .sectionTypeOrderedlist_var1_4 ol.entries > li:before {content:counter(item);background:var(--primaryColorGreyLight);width:50px;height:50px;line-height:50px;background-color: var(--primaryColor1);content: "\2713";font-family: system-ui;position: absolute;left: 2rem;top:2rem;text-align: center;color: #FFFFFF;border-radius: 50%;font-size: 20px;} .sectionTypeOrderedlist_var1_4 ol.entries > li:hover + div {display:block;} .sectionTypeOrderedlist_var1_4 ol.entries > li {margin:0;padding:5.5rem 2rem 2rem 2rem;position: relative;background:#fff;border-radius:var(--defaultBorderRadius);box-shadow:var(--defaultBoxShadow)} .sectionTypeOrderedlist_var1_4 ol.entries:after {content:"";clear:both;} .sectionTypeOrderedlist_var1_4 ol.entries > li h3 {margin-bottom:0.5rem;font-size:var(--fontSizeH4);hyphens:auto;-webkit-hyphens:auto;-moz-hyphens:auto;line-height:135%} .sectionTypeOrderedlist_var1_4 ol.entries > li p {margin-bottom:0;} .sectionTypeOrderedlist_var0[class*="sectionBackgroundColor_var_dark"] ol.entries > li:before {background:var(--fontColorInverse);color:var(--fontColorLink)} @media only screen and (max-width: 1023px){ .sectionTypeOrderedlist_var1_4 ol.entries {grid-template-columns:minmax(0,1fr);} .sectionTypeOrderedlist_var1_4 ol.entries > li:before {width:45px;height:45px;line-height:45px;} } @media only screen and (max-width: 540px){ .sectionTypeOrderedlist_var1_4 ol.entries > li:before {width:40px;height:40px;line-height:40px;} } /*@cssVariant(sectionTypeOrderedlist){variant:1_3;caption:Zweispaltige Auflistung mit Beschreibungstext;}*/ .sectionTypeOrderedlist_var1_3 {-;} .sectionTypeOrderedlist_var1_3 h2 {} .sectionTypeOrderedlist_var1_3 ol.entries {margin:0;padding:1rem 0 0 0;list-style: none;display:grid;grid-template-columns:1fr 1fr;grid-gap:calc(0.75 * var(--defaultSpace));font-size:20px;} .sectionTypeOrderedlist_var1_3 ol.entries > li:before {content:counter(item);background:var(--primaryColorGreyLight);width:50px;height:50px;line-height:50px;background-color: var(--primaryColor1);content: "\2713";font-family: system-ui;position: absolute;left: 2rem;top:2rem;text-align: center;color: #FFFFFF;border-radius: 50%;font-size: 20px;} .sectionTypeOrderedlist_var1_3 ol.entries > li {margin:0;padding:5.5rem 2rem 2rem 2rem;position: relative;background:#fff;border-radius:var(--defaultBorderRadius);box-shadow:var(--defaultBoxShadow);} .sectionTypeOrderedlist_var1_3 ol.entries:after {content:"";clear:both;} .sectionTypeOrderedlist_var1_3 ol.entries > li h3 {margin-bottom:0.5rem;font-size:var(--fontSizeH4);hyphens:auto;-webkit-hyphens:auto;-moz-hyphens:auto;line-height:135%} .sectionTypeOrderedlist_var1_3 ol.entries > li p {margin-bottom:0;} .sectionTypeOrderedlist_var0[class*="sectionBackgroundColor_var_dark"] ol.entries > li:before {background:var(--fontColorInverse);color:var(--fontColorLink)} @media only screen and (max-width: 767px){ .sectionTypeOrderedlist_var1_3 ol.entries {grid-template-columns:1fr;} .sectionTypeOrderedlist_var1_3 ol.entries > li:before {width:45px;height:45px;line-height:45px;} } @media only screen and (max-width: 540px){ .sectionTypeOrderedlist_var1_3 ol.entries > li:before {width:40px;height:40px;line-height:40px;} } /*@cssVariant(sectionTypeOrderedlist){variant:2;caption:Steps (4-spaltig);}*/ .sectionTypeOrderedlist_var2 {-;} .sectionTypeOrderedlist_var2 .sectionContent:after {content:"";display:block;background:url('/project/content/images/arrow-right-regular-dark.svg') no-repeat center center;background-size:contain;width:100%;height:1rem;margin-top:3rem;} .sectionTypeOrderedlist_var2 h2 {text-align:center} .sectionTypeOrderedlist_var2 ol.entries {margin:0;padding:1rem 0 0 0;list-style: none;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:var(--defaultSpace);font-size:20px;position:relative;} .sectionTypeOrderedlist_var2 ol.entries > li {margin:0;padding:0;position: relative;min-height: 2.5rem;} .sectionTypeOrderedlist_var2 ol.entries > li:before {content:"0" counter(list-item);background:var(--primaryColorGreyLight);font-family:var(--fontFamilyHeadlines);width:60px;height:60px;line-height:60px;display:block;background-color: var(--bgColorButton);text-align: center;color: var(--fontColorButton);border-radius:var(--defaultBorderRadius);font-size:1.75rem;margin-bottom:2rem;} .sectionTypeOrderedlist_var2 ol.entries > li h3 {margin-bottom:0.5rem;font-size:var(--fontSizeH4);hyphens:auto;-webkit-hyphens:auto;-moz-hyphens:auto;line-height:135%} .sectionTypeOrderedlist_var2 ol.entries > li p {margin-bottom:0;} .sectionTypeOrderedlist_var2 ol.entries + a {margin-top:1rem;} @media only screen and (max-width: 1200px){ .sectionTypeOrderedlist_var2 ol.entries {grid-template-columns:1fr 1fr;grid-gap:var(--defaultSpace);} } @media only screen and (max-width: 767px){ .sectionTypeOrderedlist_var2 ol.entries {grid-template-columns:1fr;} } /* SECTION TYPE GOOGLE MAP */ .sectionTypeGooglemap {} .sectionTypeGooglemap .mapOuter {overflow:hidden;height:0px;width:100%;padding-bottom:66%;position:relative;} .sectionTypeGooglemap .mapOuter .map {height:100%;position:absolute;top:0;left:0;right:0;background-color:rgba(0,0,0,0.1);} .sectionTypeGooglemap .gm-style-iw {} .sectionTypeGooglemap .gm-style-iw a {text-decoration:none;color:var(--fontColorLink);} @media only screen and (max-width: 767px){ .sectionTypeGooglemap .mapOuter {padding-bottom:50vh !important;} } @media only screen and (max-width: 540px){ .sectionTypeGooglemap .mapOuter {padding-bottom:75vh !important;} } /* CONTENT BEFORE LOAD */ .sectionTypeGooglemap .mapOuter .contentBeforeLoad {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);text-align: left;width:70%;} .sectionTypeGooglemap .mapOuter .contentBeforeLoad .button {margin-right:10px;} .sectionTypeGooglemap .mapOuter .contentBeforeLoad div[itemprop="address"] {padding-left:50px;} .sectionTypeGooglemap .mapOuter .contentBeforeLoad div[itemprop="address"]:before {content:'\e920';position:absolute;left:0;top:0;font-family:bloqz;font-size:30px;} /* EINWILLIGUNG ANFORDERN */ .sectionTypeGooglemap .mapOuter .consent {} /*@cssVariant(sectionTypeGooglemap){variant:0;caption:Standard;}*/ .sectionTypeGooglemap_var0 .sectionInner {} .sectionTypeGooglemap_var0 .sectionContent {} .sectionTypeGooglemap_var0 .sectionContent .sectionHeadline {display:none} .sectionTypeGooglemap_var0 .mapOuter {padding-bottom:56%} /*@cssVariant(sectionTypeGooglemap){variant:1;caption:Gesamte Breite ohne Überschrift;}*/ .sectionTypeGooglemap_var1 {} .sectionTypeGooglemap_var1, .sectionTypeGooglemap_var1 .sectionInner {padding:0 !important;max-width:none !important;} .sectionTypeGooglemap_var1 .sectionContent {} .sectionTypeGooglemap_var1 .mapOuter {padding-bottom:56%} /*@cssVariant(sectionTypeGooglemapSize){variant:1;caption:3:1;}*/ .sectionTypeGooglemapSize_var1 .mapOuter {padding-bottom:33%} /*@cssVariant(sectionTypeGooglemapSize){variant:2;caption:3:2;}*/ .sectionTypeGooglemapSize_var2 .mapOuter {padding-bottom:66%} /*@cssVariant(sectionTypeGooglemapSize){variant:3;caption:16:9;}*/ .sectionTypeGooglemapSize_var3 .mapOuter {padding-bottom:56%} /*@cssVariant(sectionTypeGooglemapSize){variant:4;caption:2:1;}*/ .sectionTypeGooglemapSize_var4 .mapOuter {padding-bottom:50%} /*@cssVariant(sectionTypeGooglemapSize){variant:5;caption:1:1;}*/ .sectionTypeGooglemapSize_var5 .mapOuter {padding-bottom:100%} /* SECTION TYPE ACCORDION */ .sectionTypeAccordion {} .sectionTypeAccordion h2 {} .sectionTypeAccordion h3 {text-align: center;} .sectionTypeAccordion .qAccordion h3 {text-align: left !important;font-size:var(--fontColorDefault);font-weight:bold;} .sectionTypeAccordion p {} .sectionTypeAccordion ul {margin-left:0.5rem;} .sectionTypeAccordion dl {text-align:left} .jsOn .sectionTypeAccordion dl > dt {cursor: pointer} .jsOn .sectionTypeAccordion dl > dt .bloqzButtonsInline {top:-45px;} .jsOn .sectionTypeAccordion dl > dt:hover .bloqzButtonsInline {display:block;} /*@cssVariant(sectionTypeAccordion){variant:0;caption:Standard;}*/ .sectionTypeAccordion_var0 dl dt {background:rgba(0,0,0,0.05);margin-top:5px;padding:22px 70px 20px 40px;box-shadow:none;outline:none;position:relative;transition:all 0.2s;} .sectionTypeAccordion_var0 dl dt.active {background:rgba(0,0,0,0.15)} .sectionTypeAccordion_var0 dl dt h3 {margin-bottom: 0;} .jsOn .sectionTypeAccordion_var0 dl dt:after {content:"\e90d";font-family:bloqz;position:absolute;right:1rem;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transition: all .3s;font-size:30px;} .sectionTypeAccordion_var0 dl dt.active:after {transform: scale(-1,-1) translateY(50%);-ms-transform: scale(-1,-1) translateY(50%);-webkit-transform: scale(-1,-1) translateY(50%);-moz-transform: scale(-1,-1) translateY(50%);color:var(--fontColorHeadline3)} .sectionTypeAccordion_var0 dl dd {padding:0 40px 20px 40px;margin:0;overflow: hidden} .sectionTypeAccordion_var0 dl dd > div {padding-top:20px;} .sectionTypeAccordion_var0 dl dd p {margin-top:0} .sectionTypeAccordion_var0 dl dd p:last-child {margin-bottom:0} .sectionTypeAccordion_var0[class*="bgDark"] dl dt {background:rgba(0,0,0,0.25);} .sectionTypeAccordion_var0[class*="bgDark"] dl dt:after {color:var(--fontColorInverse);} .sectionTypeAccordion_var0[class*="bgDark"] dl dt.active {background:rgba(0,0,0,0.45);} .sectionTypeAccordion_var0[class*="bgDark"] dl dt.active:after {color:var(--fontColorInverse)} @media only screen and (max-width: 767px){ .sectionTypeAccordion_var0 dl dt {margin-top:20px;padding:15px 50px 15px 25px;} .sectionTypeAccordion_var0 dl dt:after {right:20px;} .sectionTypeAccordion_var0 dl dd {padding:0 25px;} } /* SECTION TYPE PICTURE_WYSIWYG */ .sectionTypePicture_wysiwyg {text-align: left} /*@cssVariant(sectionTypePicture_wysiwyg){variant:0;caption:Bild links;}*/ .sectionTypePicture_wysiwyg_var0 {} .sectionTypePicture_wysiwyg_var0 .sectionContent {display:grid;grid-template-columns:1fr 1fr;gap:var(--defaultSpace);} .sectionTypePicture_wysiwyg_var0 .image {display:block;position:relative;} .sectionTypePicture_wysiwyg_var0 .image picture {position:relative;} .sectionTypePicture_wysiwyg_var0 .image picture img {width: 100%;display:block;border-radius:var(--defaultBorderRadiusLarge);position:relative;z-index:1;} .sectionTypePicture_wysiwyg_var0 .text h2 {text-align: left} .sectionTypePicture_wysiwyg_var0 .text {display:flex;flex-direction: column;align-items: flex-start;justify-content: center;} .sectionTypePicture_wysiwyg_var0 ul {list-style-type:none;padding:0;} .sectionTypePicture_wysiwyg_var0 ul li {display:flex;gap:10px;} .sectionTypePicture_wysiwyg_var0 ul li:before {content:"\e92b";font-family:feather;display:block;} @media only screen and (max-width: 767px){ .sectionTypePicture_wysiwyg_var0 .sectionContent {grid-template-columns:1fr;gap:var(--defaultSpace)} .sectionTypePicture_wysiwyg_var0 .text {display:block;} } /*@cssVariant(sectionTypePicture_wysiwyg){variant:0_2;caption:Bild links, mit Rahmen;}*/ .sectionTypePicture_wysiwyg_var0_2 {} .sectionTypePicture_wysiwyg_var0_2 .sectionContent {display:grid;grid-template-columns:1fr 1fr;gap:var(--defaultSpace);} .sectionTypePicture_wysiwyg_var0_2 .image {display:block;position:relative;padding-left:1rem;padding-top:1rem;padding-bottom:1rem;} .sectionTypePicture_wysiwyg_var0_2 .image picture {position:relative;} .sectionTypePicture_wysiwyg_var0_2 .image picture:before {content:"";display:block;position:absolute;left:-1rem;top:1rem;height:100%;width:100%;border:1px solid #fff;border-radius:var(--defaultBorderRadiusLarge);box-sizing:border-box;z-index:10;} .sectionTypePicture_wysiwyg_var0_2 .image picture img {width: 100%;display:block;border-radius:var(--defaultBorderRadiusLarge);position:relative;z-index:1;} .sectionTypePicture_wysiwyg_var0_2 .text h2 {text-align: left} .sectionTypePicture_wysiwyg_var0_2 .text {display:flex;flex-direction: column;align-items: flex-start;justify-content: center;} .sectionTypePicture_wysiwyg_var0_2 .text > *:not(a) {width:100%;} .sectionTypePicture_wysiwyg_var0_2 ul {list-style-type:none;padding:0;} .sectionTypePicture_wysiwyg_var0_2 ul li {display:flex;gap:10px;} .sectionTypePicture_wysiwyg_var0_2 ul li:before {content:"\e92b";font-family:feather;display:block;} @media only screen and (max-width: 767px){ .sectionTypePicture_wysiwyg_var0_2 .sectionContent {grid-template-columns:1fr;gap:var(--defaultSpace)} .sectionTypePicture_wysiwyg_var0_2 .text {display:block;} } /*@cssVariant(sectionTypePicture_wysiwyg){variant:1;caption:Bild rechts;}*/ .sectionTypePicture_wysiwyg_var1 {} .sectionTypePicture_wysiwyg_var1 .sectionContent {display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--defaultSpace);} .sectionTypePicture_wysiwyg_var1 .image {display:block;position:relative;order:2;} .sectionTypePicture_wysiwyg_var1 .image picture {position:relative;} .sectionTypePicture_wysiwyg_var1 .image picture img {width: 100%;display:block;border-radius:var(--defaultBorderRadiusLarge);box-shadow:var(--defaultBoxShadow);position:relative;z-index:1;} .sectionTypePicture_wysiwyg_var1 .text h2 {text-align: left} .sectionTypePicture_wysiwyg_var1 .text {display:flex;flex-direction: column;align-items: flex-start;justify-content: center;} @media only screen and (max-width: 767px){ .sectionTypePicture_wysiwyg_var1 .image {order:inherit;} .sectionTypePicture_wysiwyg_var1 .sectionContent {grid-template-columns:1fr} } /*@cssVariant(sectionTypePicture_wysiwyg){variant:1_2;caption:Bild rechts, mit Rahmen;}*/ .sectionTypePicture_wysiwyg_var1_2 {} .sectionTypePicture_wysiwyg_var1_2 .sectionContent {display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--defaultSpace);} .sectionTypePicture_wysiwyg_var1_2 .image {display:block;position:relative;order:2;padding-left:1rem;padding-top:1rem;padding-bottom:1rem;} .sectionTypePicture_wysiwyg_var1_2 .image picture {position:relative;} .sectionTypePicture_wysiwyg_var1_2 .image picture:before {content:"";display:block;position:absolute;left:-1rem;top:1rem;height:100%;width:100%;border:1px solid #fff;border-radius:var(--defaultBorderRadiusLarge);box-sizing:border-box;z-index:10;} .sectionTypePicture_wysiwyg_var1_2 .image picture img {width: 100%;display:block;border-radius:var(--defaultBorderRadiusLarge);position:relative;z-index:1;} .sectionTypePicture_wysiwyg_var1_2 .text h2 {text-align: left} .sectionTypePicture_wysiwyg_var1_2 .text {display:flex;flex-direction: column;align-items: flex-start;justify-content: center;} @media only screen and (max-width: 767px){ .sectionTypePicture_wysiwyg_var1_2 .image {order:inherit;} .sectionTypePicture_wysiwyg_var1_2 .sectionContent {grid-template-columns:1fr} } /*@cssVariant(sectionTypePicture_wysiwyg){variant:1_3;caption:Bild rechts, mit Rahmen (Banner Startseite);}*/ .sectionTypePicture_wysiwyg_var1_3 {;z-index:2} .sectionTypePicture_wysiwyg_var1_3:after {content:"";display:block;height:0;padding-bottom:7.2%;width:100vw;background:url('/project/content/images/spacertop.svg');left:50%;position:absolute;bottom:0;transform:translate(-50%, calc(100% - 1px));-ms-transform:translate(-50%, calc(100% - 1px));-webkit-transform:translate(-50%, calc(100% - 1px));-moz-transform:translate(-50%, calc(100% - 1px));background-repeat:no-repeat;background-size:cover;background-position:center bottom;} .sectionTypePicture_wysiwyg_var1_3 .sectionContent {display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--defaultSpace);} .sectionTypePicture_wysiwyg_var1_3 .image {display:block;position:relative;order:2;padding-left:1rem;padding-top:1rem;padding-bottom:1rem;} .sectionTypePicture_wysiwyg_var1_3 .image picture {position:relative;} .sectionTypePicture_wysiwyg_var1_3 .image picture:before {content:"";display:block;position:absolute;left:-1rem;top:1rem;height:100%;width:100%;border:1px solid #fff;border-radius:var(--defaultBorderRadiusLarge);box-sizing:border-box;z-index:100;} .sectionTypePicture_wysiwyg_var1_3 .image picture img {width: 100%;display:block;border-radius:var(--defaultBorderRadiusLarge);box-shadow:var(--defaultBoxShadow);position:relative;z-index:1;} .sectionTypePicture_wysiwyg_var1_3 .text h1 {text-align: left} .sectionTypePicture_wysiwyg_var1_3 .text {display:flex;flex-direction: column;align-items: flex-start;justify-content: center;} .sectionTypePicture_wysiwyg_var1_3 + section {margin-top:7.2vw;} @media only screen and (max-width: 767px){ .sectionTypePicture_wysiwyg_var1_3 .image {order:inherit;} .sectionTypePicture_wysiwyg_var1_3 .sectionContent {grid-template-columns:1fr} } /*@cssVariant(sectionTypePicture_wysiwyg){variant:2;caption:Bild links im Hintergrund;}*/ .sectionTypePicture_wysiwyg_var2 .sectionContent:after {content:"";display:block;clear:both;} .sectionTypePicture_wysiwyg_var2 picture {width:50%;box-sizing:border-box;position: absolute;left: 0;top: 0;height: 100%;display:block;} .sectionTypePicture_wysiwyg_var2 picture img {width: 100%;height:100%;object-fit: cover;} .sectionTypePicture_wysiwyg_var2 .text {float:right;width:calc(50% - 60px);box-sizing:border-box;margin-left:60px;} @media only screen and (max-width: 1023px){ .sectionTypePicture_wysiwyg_var2 .text {float:none;width:100%;margin:0;} .sectionTypePicture_wysiwyg_var2 picture {position:relative;width:100%;top:0;margin-bottom:30px;} .sectionTypePicture_wysiwyg_var2 picture img {} } /*@cssVariant(sectionTypePicture_wysiwyg){variant:3;caption:Bild rechts im Hintergrund;}*/ .sectionTypePicture_wysiwyg_var3 {} .sectionTypePicture_wysiwyg_var3 .sectionContent:after {content:"";display:block;clear:both;} .sectionTypePicture_wysiwyg_var3 picture {width:50%;box-sizing:border-box;position: absolute;right: 0;top: 0;height: 100%;display:block;} .sectionTypePicture_wysiwyg_var3 picture img {width: 100%;height:100%;object-fit: cover;} .sectionTypePicture_wysiwyg_var3 .text {float:left;width:calc(50% - 60px);box-sizing:border-box;margin-right:60px;} @media only screen and (max-width: 1023px){ .sectionTypePicture_wysiwyg_var3 .text {float:none;width:100%;margin:0;} .sectionTypePicture_wysiwyg_var3 picture {position:relative;width:100%;top:0;margin-bottom:30px;} .sectionTypePicture_wysiwyg_var3 picture img {} } /*@cssVariant(sectionTypePicture_wysiwyg){variant:4;caption:Banner Startseite;}*/ .sectionTypePicture_wysiwyg_var4 {} .sectionTypePicture_wysiwyg_var4 .sectionContent:after {content:"";display:block;clear:both;} .sectionTypePicture_wysiwyg_var4 .sectionContent h1 {font-size:4rem} .sectionTypePicture_wysiwyg_var4 .sectionContent ul {padding:0;list-style-type:none;} .sectionTypePicture_wysiwyg_var4 .sectionContent ul li {font-size:2rem;line-height:140%;padding-left:3rem;position:relative;} .sectionTypePicture_wysiwyg_var4 .sectionContent ul li:before {content:"\e92d";display:block;position:absolute;font-family:feather;left:0;top:-1px;} .sectionTypePicture_wysiwyg_var4 picture {float:right;width:calc(50% - 30px);box-sizing:border-box;margin-left:30px;display:block;position:relative;border-radius:10px;overflow:hidden;box-shadow:var(--defaultBoxShadow)} .sectionTypePicture_wysiwyg_var4 picture img {width: 100%;display:block;position:relative;z-index:1} .sectionTypePicture_wysiwyg_var4 .text {float:right;width:calc(50% - 30px);box-sizing:border-box;margin-right:30px;} @media only screen and (max-width: 1200px){ .sectionTypePicture_wysiwyg_var4 .sectionContent h1 {font-size:3.6rem} } @media only screen and (max-width: 1023px){ .sectionTypePicture_wysiwyg_var4 .sectionContent h1 {font-size:3.2rem} } @media only screen and (max-width: 767px){ .sectionTypePicture_wysiwyg_var4 picture {margin-left:20px;width:calc(50% - 20px)} .sectionTypePicture_wysiwyg_var4 .text {margin-right:20px;width:calc(50% - 20px)} } @media only screen and (max-width: 767px){ .sectionTypePicture_wysiwyg_var4 picture {width:100%;float:none;margin-bottom:30px;margin-left:0} .sectionTypePicture_wysiwyg_var4 .text {width:100%;float:none;margin:0;} } /* SECTION TYPE VIDEO */ .sectionTypeVideo {} .sectionTypeVideo .videoOuter {position:relative;padding-bottom: 55%;padding-top: 15px;height: 0;overflow: hidden;} .sectionTypeVideo .videoOuter iframe {position:absolute;top:0;left:0;width:100%;height:100%;} /* EINWILLIGUNG ANFORDERN */ .sectionTypeVideo .videoOuter .consent {position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.1);font-size:0.8rem;text-align: center} .sectionTypeVideo .videoOuter .consent picture {opacity:0.4;display:block;} .sectionTypeVideo .videoOuter .consent picture img {object-fit:cover;width:100%;height:100%;position:absolute;left: 0} .sectionTypeVideo .videoOuter .consent .box {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);} .sectionTypeVideo .videoOuter .consent .box p {color:var(--fontColorDefault);} /*@cssVariant(sectionTypeVideo){variant:0;caption:Standard;}*/ .sectionTypeVideo_var0 {} /*@cssVariant(sectionTypeVideo){variant:1;caption:80% Breite;}*/ .sectionTypeVideo_var1 {} .sectionTypeVideo_var1 .sectionContent {padding:0 10%;} /*@cssVariant(sectionTypeVideo){variant:2;caption:Gesamte Breite;}*/ .sectionTypeVideo_var2 {} .sectionTypeVideo_var2, .sectionTypeVideo_var2 .sectionInner {padding:0 !important;max-width:100%;} .sectionTypeVideo_var2 .sectionContent {max-width:none !important;} /* SECTION TYPE WYSIWYG */ .sectionTypeWysiwyg {} .sectionTypeWysiwyg .sectionContent > a {margin-top:1rem;} @media (min-width:541px) { .sectionTypeWysiwyg .sectionContent > a + a {margin-top:1rem;margin-left:1rem;} } @media (max-width:540px) { .sectionTypeWysiwyg .sectionContent > a + a {margin-top:1rem;} } .sectionTypeWysiwyg .sectionContent p:last-of-type {margin-bottom: 0} .sectionTypeWysiwyg .sectionContent p:last-of-type + a {margin-top:1rem} /*@cssVariant(sectionTypeWysiwyg){variant:0;caption:Standard;}*/ .sectionTypeWysiwyg_var0 .sectionContent {} .sectionTypeWysiwyg_var0 .sectionContent h2 {text-align:left;margin:0px 0px 35px 0px !important;} .sectionTypeWysiwyg_var0 .sectionContent h3 {text-align:left;margin: -20px 0px 30px 0px !important;} .sectionTypeWysiwyg_var0 .sectionContent > a {margin-top:2rem;} /*@cssVariant(sectionTypeWysiwyg){variant:1;caption:Überschrift, Großer Fließtext;}*/ .sectionTypeWysiwyg_var1 {;} .sectionTypeWysiwyg_var1 .sectionContent p {font-size:1.2rem;} .sectionTypeWysiwyg_var1 .sectionContent > a {margin-top:2rem;} /*@cssVariant(sectionTypeWysiwyg){variant:2;caption:Großer Fließtext;}*/ .sectionTypeWysiwyg_var2 .sectionContent {;} .sectionTypeWysiwyg_var2 .sectionContent > h2 {display:none} .sectionTypeWysiwyg_var2 .sectionContent p {font-size:1.2rem;} .sectionTypeWysiwyg_var2 .sectionContent > a {margin-top:2rem;} /*@cssVariant(sectionTypeWysiwyg){variant:2_2;caption:Fließtext;}*/ .sectionTypeWysiwyg_var2_2 .sectionContent {;} .sectionTypeWysiwyg_var2_2 .sectionContent > h2 {display:none} .sectionTypeWysiwyg_var2_2 .sectionContent > a {margin-top:2rem;} /*@cssVariant(sectionTypeWysiwyg){variant:3;caption:Header H1;}*/ .sectionTypeWysiwyg_var3 {;display:flex;align-items:center;} .sectionTypeWysiwyg_var3 .sectionInner {flex:1;text-align:center;padding-top:5rem;padding-bottom:5rem;} .sectionTypeWysiwyg_var3 .icon img {max-width:80px;-webkit-filter: brightness(0) invert(1);} @media only screen and (max-width: 767px){ .sectionTypeWysiwyg_var3 .sectionInner {padding-top:3rem;padding-bottom:3rem;} } /*@cssVariant(sectionTypeWysiwyg){variant:4;caption:Header H1, Fließtext;}*/ .sectionTypeWysiwyg_var4 {;} .sectionTypeWysiwyg_var4 .sectionInner h1 {margin-bottom:1rem !important;} .sectionTypeWysiwyg_var4 .sectionInner p {font-size: 1.0rem;font-size:1.2rem;} .sectionTypeWysiwyg_var4 .sectionContent > a {margin-top:2rem;} @media only screen and (max-width: 767px){ .sectionTypeWysiwyg_var4 .sectionInner {padding:2rem 0;} } /*@cssVariant(sectionTypeWysiwyg){variant:5;caption:Zitat}*/ .sectionTypeWysiwyg_var5 {;} .sectionTypeWysiwyg_var5 .sectionContent {text-align:center;max-width:80%;margin:0 auto;} .sectionTypeWysiwyg_var5 .sectionContent h2 {font-style: italic !important;margin:0;font-weight:300;} @media only screen and (max-width: 767px){ .sectionTypeWysiwyg_var5 .sectionContent {max-width:90%;} } /*@cssVariant(sectionTypeWysiwyg){variant:6;caption:Zentrierte Schrift;}*/ .sectionTypeWysiwyg_var6 {;} .sectionTypeWysiwyg_var6 .sectionContent {text-align:center;} .sectionTypeWysiwyg_var6 .sectionContent .icon img {margin-bottom:1rem;max-width:100px;height:auto;} /*@cssVariant(sectionTypeWysiwyg){variant:7;caption:Überschrift links, Fließtext rechts;}*/ .sectionTypeWysiwyg_var7 {;} .sectionTypeWysiwyg_var7 .sectionContent {display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);gap:calc(3 * var(--defaultSpace))} .sectionTypeWysiwyg_var7 .sectionInner h1 {margin-bottom:1rem !important;} .sectionTypeWysiwyg_var7 .sectionInner p {font-size: 1.0rem;font-size:1.2rem;} @media only screen and (max-width: 1023px){ .sectionTypeWysiwyg_var7 .sectionContent {grid-template-columns:1fr;gap:0.5rem;} } /*@cssVariant(sectionTypeWysiwygWidth){variant:80;caption:80%;}*/ @media only screen and (min-width: 1200px){ .sectionTypeWysiwygWidth_var80 .sectionContent {padding-left:10%;padding-right:10%} } /*@cssVariant(sectionTypeWysiwygWidth){variant:60;caption:60%;}*/ @media only screen and (min-width: 1200px){ .sectionTypeWysiwygWidth_var60 .sectionContent {padding-left:20%;padding-right:20%} } #deleteStyle {position:fixed;right:1rem;z-index:200;bottom:1rem;cursor:pointer;width:60px;height:60px;background:var(--bgColorButton);border-radius:50%;display:flex;align-items:center;justify-content:space-around;box-shadow:3px 3px 10px rgba(0,0,0,0.2)} #deleteStyle:hover {background:var(--bgColorButtonActive)} #deleteStyle:before {content:"\e9fa";font-family:feather;color:#fff;transition:all 0.12s;} #deleteStyle:hover:before {content:"\ea11";} #deleteStyle span {display:none;} html[data-site-type="news"] .metaContent picture img {border-radius:var(--defaultBorderRadius);box-shadow:var(--defaultBoxShadow)} html[data-site-type="news"] .metaContent .text *:not(picture, img) {margin-left:6%;margin-right:6%} html[data-site-type="news"] .metaContent h1 {margin-bottom:1rem;font-weight:bold;} html[data-site-type="news"] .metaContent .description {margin-bottom:3rem;color:#646b90} html[data-site-type="news"] .metaContent .sectionInner {padding-bottom:3rem} html[data-site-type="news"] .userContent .sectionTypeWysiwyg p {line-height:170%;margin-bottom:1.5rem;} html[data-site-type="news"] .userContentInner {max-width:var(--contentMaxWidth);margin:0 auto; padding-bottom:3rem;} html[data-site-type="news"] .userContent .twoColumns {display:grid;grid-template-columns:3fr 7fr;gap:2rem;margin-left:6%;margin-right:6%} html[data-site-type="news"] .userContent .twoColumns section {padding-left:0;padding-right:0;} html[data-site-type="news"] .userContent section:first-child .sectionInner {padding-top:0;} html[data-site-type="news"] .userContent section:last-child .sectionInner {padding-bottom:0;} html[data-site-type="news"] .box {background:var(--primaryColorLight);padding:1.5rem;border-radius:var(--defaultBorderRadius);position:sticky;top:2rem;} html[data-site-type="news"] .box.sharer ul {list-style-type:none;margin:0;padding:0;display:flex;} html[data-site-type="news"] .box.sharer ul li {margin:0;padding:0;margin-right:10px;} html[data-site-type="news"] .box.sharer ul li a {width:40px;height:40px;background:red;border-radius:50%;display:block;} html[data-site-type="news"] .box.sharer ul li a.facebook {background:url(/project/content/images/icons/facebook.png) no-repeat center;background-size:100%} html[data-site-type="news"] .box.sharer ul li a.twitter {background:url(/project/content/images/icons/twitter.png) no-repeat center;background-size:100%} html[data-site-type="news"] .box.sharer ul li a.whatsapp {background:url(/project/content/images/icons/whatsapp.png) no-repeat center;background-size:100%} html[data-site-type="news"] .box.sharer ul li a.mail {background:url(/project/content/images/icons/mail.png) no-repeat center;background-size:100%} html[data-site-type="news"] .box.sharer ul li span {display:none;} @media (max-width:1023px) { html[data-site-type="news"] .box {position:static;} html[data-site-type="news"] .userContent .twoColumns {grid-template-columns:1fr;} html[data-site-type="news"] .userContent .twoColumns .col2 {grid-row: 1;} } /* Responsive Webdesign */ @media (max-width:1300px) { :root{ --contentMaxWidth:960px; } nav ul.navLevel1 > li {margin-left:0rem;} nav ul.navLevel1 > li.button {margin-left:0.6rem;} body > header #headerInner #logo img {max-width:25vw} } @media (max-width:1200px) { :root{ --contentMaxWidth:860px; } #navigationToggler {display:block;} body > #menuMobile:checked + header {} body > #menuMobile:checked + header #headerInner nav {opacity:1;visibility:visible;} body > header #headerInner nav {display:flex;align-items:center;text-align:left;visibility:hidden;transition:all .6s cubic-bezier(0.19, 1, 0.22, 1);opacity:0;height:100vh;padding:0;box-sizing:border-box;background:var(--highlightColor2);width:100vw;left:50%;transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);position:fixed;top:0;z-index:500;} body > header #headerInner nav ul {flex-direction:column;display:flex;align-items:center;} body > header #headerInner nav ul.navLevel1 {max-width:var(--contentMaxWidth);margin:0 auto;width:100%;text-align:center;padding-right:0;} body > header #headerInner nav ul.navLevel1 > li {float:none;display:block;width:100%;} body > header #headerInner nav ul.navLevel1 > li a {display:inline-block;font-size:1.5rem;} body > header #headerInner nav ul.navLevel1 > li a:before {display:none;} body > header #headerInner nav ul.navLevel1 > li.active > ul.navLevel2, body > header #headerInner nav ul.navLevel1 > li.selected > ul.navLevel2 {display:block;} body > header #headerInner nav ul.navLevel2 {display:none;position:static;padding:0 0 1rem 0;margin:0;background:transparent;} body > header #headerInner nav ul.navLevel2 > li > a {background:transparent;font-size:1.1rem;color:#fff;} body > header #headerInner nav ul.navLevel2 > li.selected > a, body > header #headerInner nav ul.navLevel2 > li.active > a, body > header #headerInner nav ul.navLevel2 > li:hover a {color:#fff;} nav ul.navLevel1 > li.button {margin:0;} nav ul.navLevel1 > li.button > a {border:none;} /* body > header #headerInner nav ul.navLevel1 > li.selected > a, body > header #headerInner nav ul.navLevel1 > li.active > a, body > header #headerInner nav ul.navLevel1 > li:hover > a {color:var(--primaryColor2)} body > header #headerInner nav ul.navLevel2 > li.selected > a, body > header #headerInner nav ul.navLevel2 > li.active > a, body > header #headerInner nav ul.navLevel2 > li:hover a {color:var(--primaryColor2)} */ body > header #headerInner #navigationToggler:before {color:#fff} html.mobileNavOpen #navigationToggler:before {color:var(--primaryColor1)} header {position:sticky;top:0;z-index:100;} html nav ul.navLevel1 > li.button > a {border:none;padding:10px 0;} } @media (max-width:1023px) { :root{ --fontSizeDefault:18px; --fontSizeNavigationLevel1:1rem; --contentMaxWidth:680px; --fontSizeH2:2.2rem; --fontSizeH3:1.6rem; /* --fontSizeH1:2.2rem; --fontSizeH4:1.4rem; --defaultPadding:20px; */ } .sectionInner {padding:4rem 0;} body > header #headerInner nav ul.navLevel1 > li a {font-size:1.3rem;} body > header #headerInner nav ul.navLevel2 > li a {font-size:0.9rem;} nav ul.navLevel2 > li > a {padding:0.2rem 1rem} } @media (max-width:767px) { :root{ --contentMaxWidth:500px; --fontSizeNavigationLevel1:1.4rem; --defaultPageSpace:40px; --defaultBorderRadius: 4px; --defaultBorderRadiusLarge:0.4rem; } .sectionInner {padding:3rem 0;} body > header #headerInner #logo img {max-width:45vw} p {margin: 0 0 1rem 0;} } @media (max-width:540px) { :root{ --fontSizeDefault:18px; --contentMaxWidth:100%; --defaultPageSpace: 1.3rem; --fontSizeH1:2.5rem; } h1 {margin-bottom:1rem;overflow:hidden;text-overflow:ellipsis} h2 {margin-bottom:1rem;overflow:hidden;text-overflow:ellipsis} h3 {margin-bottom:1rem;} h4 {margin-bottom:0.5rem;} .bloqzSection { margin:0 0; } header {position:static} p {margin: 0 0 0.75rem 0;} span {} @media (max-width:540px) { [class~=button] { width:100%; box-sizing:border-box; text-align:center; } } } @media (max-width:414px) { :root{ --fontSizeH1:2.2rem; --fontSizeH2:1.8rem; --fontSizeH3:1.5rem; } } /* 2026-06-23 00:25:09 source: /project/skins/laserfabrik/styles/design.css */