body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
.download-element a{padding:3px 6px 3px 22px;background:url(../../assets/contao/images/iconPLAIN.svg) left center no-repeat}ul.enclosure{padding-left:0}li.download-element{list-style-type:none}.ext-xl a{background-image:url(../../assets/contao/images/iconXL.svg)}.ext-xls a{background-image:url(../../assets/contao/images/iconXLS.svg)}.ext-xlsx a{background-image:url(../../assets/contao/images/iconXLSX.svg)}.ext-hqx a{background-image:url(../../assets/contao/images/iconHQX.svg)}.ext-cpt a{background-image:url(../../assets/contao/images/iconCPT.svg)}.ext-bin a{background-image:url(../../assets/contao/images/iconBIN.svg)}.ext-doc a{background-image:url(../../assets/contao/images/iconDOC.svg)}.ext-docx a{background-image:url(../../assets/contao/images/iconDOCX.svg)}.ext-word a{background-image:url(../../assets/contao/images/iconWORD.svg)}.ext-cto a{background-image:url(../../assets/contao/images/iconCTO.svg)}.ext-dms a{background-image:url(../../assets/contao/images/iconDMS.svg)}.ext-lha a{background-image:url(../../assets/contao/images/iconLHA.svg)}.ext-lzh a{background-image:url(../../assets/contao/images/iconLZH.svg)}.ext-exe a{background-image:url(../../assets/contao/images/iconEXE.svg)}.ext-class a{background-image:url(../../assets/contao/images/iconCLASS.svg)}.ext-so a{background-image:url(../../assets/contao/images/iconSO.svg)}.ext-sea a{background-image:url(../../assets/contao/images/iconSEA.svg)}.ext-dll a{background-image:url(../../assets/contao/images/iconDLL.svg)}.ext-oda a{background-image:url(../../assets/contao/images/iconODA.svg)}.ext-pdf a{background-image:url(../../assets/contao/images/iconPDF.svg)}.ext-ai a{background-image:url(../../assets/contao/images/iconAI.svg)}.ext-eps a{background-image:url(../../assets/contao/images/iconEPS.svg)}.ext-ps a{background-image:url(../../assets/contao/images/iconPS.svg)}.ext-pps a{background-image:url(../../assets/contao/images/iconPPS.svg)}.ext-ppt a{background-image:url(../../assets/contao/images/iconPPT.svg)}.ext-pptx a{background-image:url(../../assets/contao/images/iconPPTX.svg)}.ext-smi a{background-image:url(../../assets/contao/images/iconSMI.svg)}.ext-smil a{background-image:url(../../assets/contao/images/iconSMIL.svg)}.ext-mif a{background-image:url(../../assets/contao/images/iconMIF.svg)}.ext-odc a{background-image:url(../../assets/contao/images/iconODC.svg)}.ext-odf a{background-image:url(../../assets/contao/images/iconODF.svg)}.ext-odg a{background-image:url(../../assets/contao/images/iconODG.svg)}.ext-odi a{background-image:url(../../assets/contao/images/iconODI.svg)}.ext-odp a{background-image:url(../../assets/contao/images/iconODP.svg)}.ext-ods a{background-image:url(../../assets/contao/images/iconODS.svg)}.ext-odt a{background-image:url(../../assets/contao/images/iconODT.svg)}.ext-wbxml a{background-image:url(../../assets/contao/images/iconWBXML.svg)}.ext-wmlc a{background-image:url(../../assets/contao/images/iconWMLC.svg)}.ext-dmg a{background-image:url(../../assets/contao/images/iconDMG.svg)}.ext-dcr a{background-image:url(../../assets/contao/images/iconDCR.svg)}.ext-dir a{background-image:url(../../assets/contao/images/iconDIR.svg)}.ext-dxr a{background-image:url(../../assets/contao/images/iconDXR.svg)}.ext-dvi a{background-image:url(../../assets/contao/images/iconDVI.svg)}.ext-gtar a{background-image:url(../../assets/contao/images/iconGTAR.svg)}.ext-inc a{background-image:url(../../assets/contao/images/iconINC.svg)}.ext-php a{background-image:url(../../assets/contao/images/iconPHP.svg)}.ext-php3 a{background-image:url(../../assets/contao/images/iconPHP3.svg)}.ext-php4 a{background-image:url(../../assets/contao/images/iconPHP4.svg)}.ext-php5 a{background-image:url(../../assets/contao/images/iconPHP5.svg)}.ext-phtml a{background-image:url(../../assets/contao/images/iconPHTML.svg)}.ext-phps a{background-image:url(../../assets/contao/images/iconPHPS.svg)}.ext-js a{background-image:url(../../assets/contao/images/iconJS.svg)}.ext-psd a{background-image:url(../../assets/contao/images/iconPSD.svg)}.ext-rar a{background-image:url(../../assets/contao/images/iconRAR.svg)}.ext-fla a{background-image:url(../../assets/contao/images/iconFLA.svg)}.ext-swf a{background-image:url(../../assets/contao/images/iconSWF.svg)}.ext-sit a{background-image:url(../../assets/contao/images/iconSIT.svg)}.ext-tar a{background-image:url(../../assets/contao/images/iconTAR.svg)}.ext-tgz a{background-image:url(../../assets/contao/images/iconTGZ.svg)}.ext-xhtml a{background-image:url(../../assets/contao/images/iconXHTML.svg)}.ext-xht a{background-image:url(../../assets/contao/images/iconXHT.svg)}.ext-zip a{background-image:url(../../assets/contao/images/iconZIP.svg)}.ext-m4a a{background-image:url(../../assets/contao/images/iconM4A.svg)}.ext-mp3 a{background-image:url(../../assets/contao/images/iconMP3.svg)}.ext-wma a{background-image:url(../../assets/contao/images/iconWMA.svg)}.ext-mpeg a{background-image:url(../../assets/contao/images/iconMPEG.svg)}.ext-wav a{background-image:url(../../assets/contao/images/iconWAV.svg)}.ext-ogg a{background-image:url(../../assets/contao/images/iconOGG.svg)}.ext-mid a{background-image:url(../../assets/contao/images/iconMID.svg)}.ext-midi a{background-image:url(../../assets/contao/images/iconMIDI.svg)}.ext-aif a{background-image:url(../../assets/contao/images/iconAIF.svg)}.ext-aiff a{background-image:url(../../assets/contao/images/iconAIFF.svg)}.ext-aifc a{background-image:url(../../assets/contao/images/iconAIFC.svg)}.ext-ram a{background-image:url(../../assets/contao/images/iconRAM.svg)}.ext-rm a{background-image:url(../../assets/contao/images/iconRM.svg)}.ext-rpm a{background-image:url(../../assets/contao/images/iconRPM.svg)}.ext-ra a{background-image:url(../../assets/contao/images/iconRA.svg)}.ext-bmp a{background-image:url(../../assets/contao/images/iconBMP.svg)}.ext-gif a{background-image:url(../../assets/contao/images/iconGIF.svg)}.ext-jpeg a{background-image:url(../../assets/contao/images/iconJPEG.svg)}.ext-jpg a{background-image:url(../../assets/contao/images/iconJPG.svg)}.ext-jpe a{background-image:url(../../assets/contao/images/iconJPE.svg)}.ext-png a{background-image:url(../../assets/contao/images/iconPNG.svg)}.ext-tiff a{background-image:url(../../assets/contao/images/iconTIFF.svg)}.ext-tif a{background-image:url(../../assets/contao/images/iconTIF.svg)}.ext-svg a{background-image:url(../../assets/contao/images/iconSVG.svg)}.ext-svgz a{background-image:url(../../assets/contao/images/iconSVGZ.svg)}.ext-webp a{background-image:url(../../assets/contao/images/iconWEBP.svg)}.ext-avif a{background-image:url(../../assets/contao/images/iconAVIF.svg)}.ext-heic a{background-image:url(../../assets/contao/images/iconHEIC.svg)}.ext-jxl a{background-image:url(../../assets/contao/images/iconJXL.svg)}.ext-eml a{background-image:url(../../assets/contao/images/iconEML.svg)}.ext-asp a{background-image:url(../../assets/contao/images/iconASP.svg)}.ext-css a{background-image:url(../../assets/contao/images/iconCSS.svg)}.ext-scss a{background-image:url(../../assets/contao/images/iconSCSS.svg)}.ext-less a{background-image:url(../../assets/contao/images/iconLESS.svg)}.ext-html a{background-image:url(../../assets/contao/images/iconHTML.svg)}.ext-htm a{background-image:url(../../assets/contao/images/iconHTM.svg)}.ext-md a{background-image:url(../../assets/contao/images/iconMD.svg)}.ext-shtml a{background-image:url(../../assets/contao/images/iconSHTML.svg)}.ext-txt a{background-image:url(../../assets/contao/images/iconTXT.svg)}.ext-text a{background-image:url(../../assets/contao/images/iconTEXT.svg)}.ext-log a{background-image:url(../../assets/contao/images/iconLOG.svg)}.ext-rtx a{background-image:url(../../assets/contao/images/iconRTX.svg)}.ext-rtf a{background-image:url(../../assets/contao/images/iconRTF.svg)}.ext-xml a{background-image:url(../../assets/contao/images/iconXML.svg)}.ext-xsl a{background-image:url(../../assets/contao/images/iconXSL.svg)}.ext-mp4 a{background-image:url(../../assets/contao/images/iconMP4.svg)}.ext-m4v a{background-image:url(../../assets/contao/images/iconM4V.svg)}.ext-mov a{background-image:url(../../assets/contao/images/iconMOV.svg)}.ext-wmv a{background-image:url(../../assets/contao/images/iconWMV.svg)}.ext-webm a{background-image:url(../../assets/contao/images/iconWEBM.svg)}.ext-qt a{background-image:url(../../assets/contao/images/iconQT.svg)}.ext-rv a{background-image:url(../../assets/contao/images/iconRV.svg)}.ext-avi a{background-image:url(../../assets/contao/images/iconAVI.svg)}.ext-ogv a{background-image:url(../../assets/contao/images/iconOGV.svg)}.ext-movie a{background-image:url(../../assets/contao/images/iconMOVIE.svg)}
.rs-columns {
  clear: both;
  display: inline-block;
  width: 100%;
}

.rs-column {
  float: left;
  width: 100%;
  margin-top: 7.69231%;
  margin-right: 7.69231%;
}
.rs-column.-large-first {
  clear: left;
}
.rs-column.-large-last {
  margin-right: -5px;
}
.rs-column.-large-first-row {
  margin-top: 0;
}
.rs-column.-large-col-1-1 {
  width: 100%;
}
.rs-column.-large-col-2-1 {
  width: 46.15385%;
}
.rs-column.-large-col-2-2 {
  width: 100%;
}
.rs-column.-large-col-3-1 {
  width: 28.20513%;
}
.rs-column.-large-col-3-2 {
  width: 64.10256%;
}
.rs-column.-large-col-3-3 {
  width: 100%;
}
.rs-column.-large-col-4-1 {
  width: 19.23077%;
}
.rs-column.-large-col-4-2 {
  width: 46.15385%;
}
.rs-column.-large-col-4-3 {
  width: 73.07692%;
}
.rs-column.-large-col-4-4 {
  width: 100%;
}
.rs-column.-large-col-5-1 {
  width: 13.84615%;
}
.rs-column.-large-col-5-2 {
  width: 35.38462%;
}
.rs-column.-large-col-5-3 {
  width: 56.92308%;
}
.rs-column.-large-col-5-4 {
  width: 78.46154%;
}
.rs-column.-large-col-5-5 {
  width: 100%;
}
.rs-column.-large-col-6-1 {
  width: 10.25641%;
}
.rs-column.-large-col-6-2 {
  width: 28.20513%;
}
.rs-column.-large-col-6-3 {
  width: 46.15385%;
}
.rs-column.-large-col-6-4 {
  width: 64.10256%;
}
.rs-column.-large-col-6-5 {
  width: 82.05128%;
}
.rs-column.-large-col-6-6 {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: left;
  }
  .rs-column.-medium-last {
    margin-right: -5px;
  }
  .rs-column.-medium-first-row {
    margin-top: 0;
  }
  .rs-column.-medium-col-1-1 {
    width: 100%;
  }
  .rs-column.-medium-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-2-2 {
    width: 100%;
  }
  .rs-column.-medium-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-3-3 {
    width: 100%;
  }
  .rs-column.-medium-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-medium-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-medium-col-4-4 {
    width: 100%;
  }
  .rs-column.-medium-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-medium-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-medium-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-medium-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-medium-col-5-5 {
    width: 100%;
  }
  .rs-column.-medium-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-medium-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-medium-col-6-6 {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: none;
  }
  .rs-column.-medium-last {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-small-first {
    clear: left;
  }
  .rs-column.-small-last {
    margin-right: -5px;
  }
  .rs-column.-small-first-row {
    margin-top: 0;
  }
  .rs-column.-small-col-1-1 {
    width: 100%;
  }
  .rs-column.-small-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-small-col-2-2 {
    width: 100%;
  }
  .rs-column.-small-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-small-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-small-col-3-3 {
    width: 100%;
  }
  .rs-column.-small-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-small-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-small-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-small-col-4-4 {
    width: 100%;
  }
  .rs-column.-small-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-small-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-small-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-small-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-small-col-5-5 {
    width: 100%;
  }
  .rs-column.-small-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-small-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-small-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-small-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-small-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-small-col-6-6 {
    width: 100%;
  }
}

:root {
  --blue: #11263f;
  --turquoise: #0f6c71;
  --beige: #f8f6f6;
  --grey: #FAFBFA;;
}

/* =========================================================
   Schriftarten
   ========================================================= */

@font-face {
  font-family: "Manrope Extra Light";
  src: url("../../files/SIC/fonts/Manrope-ExtraLight.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "Manrope Light";
  src: url("../../files/SIC/fonts/Manrope-Light.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "Manrope Regular";
  src: url("../../files/SIC/fonts/Manrope-Regular.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "Manrope Semi Bold";
  src: url("../../files/SIC/fonts/Manrope-SemiBold.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "Manrope Bold";
  src: url("../../files/SIC/fonts/Manrope-Bold.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "CormorantGaramond Light";
  src: url("../../files/SIC/fonts/CormorantGaramond-Light.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "CormorantGaramond Regular";
  src: url("../../files/SIC/fonts/CormorantGaramond-Regular.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "CormorantGaramond Semi Bold";
  src: url("../../files/SIC/fonts/CormorantGaramond-SemiBold.ttf") format("truetype");
  font-display: swap;
}

/* =========================================================
   Basis
   ========================================================= */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background-color: #fff;
  color: var(--blue);
  font-family: "Manrope Regular", sans-serif;
  font-size: 13px;
  line-height: 1.5;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  color: var(--turquoise);
}

#main .mod_article {
  padding: 35px 0;
}

#spacer.mod_article {
  padding: 0 !important;
}

#spacer img {
  display: block;
  width: 100%;
}

#inner {
  width: min(90%, 1400px);
  margin-inline: auto;
}

.rs-columns {
  display: block;
}

.rel {
  position: relative;
}

/* =========================================================
   Header
   ========================================================= */

#header {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1500;
  width: 100%;
  background-color: var(--grey);
  border-bottom: 1px solid #c0c0c0;
}

/* =========================================================
   Hero-Bereich
   ========================================================= */

#hero {
  position: relative;
  min-height: clamp(580px, 72vh, 820px);
  padding: 0;
  overflow: hidden;
  color: var(--blue);

  background:
    linear-gradient(
      90deg,
      var(--grey) 0%,
      color-mix(in srgb, var(--grey) 98%, transparent) 26%,
      color-mix(in srgb, var(--grey) 88%, transparent) 42%,
      color-mix(in srgb, var(--grey) 35%, transparent) 58%,
      transparent 72%
    ),
    url("../../files/SIC/img/Hero_house.png")
      center right / cover no-repeat;
}


/* Kein zusätzliches Overlay */
#hero::before {
  content: none;
}


/* Innerer Hero-Container */
#hero > #inner {
  position: relative;
  z-index: 2;

  display: flex;
  width: min(86%, 1440px);
  min-height: clamp(580px, 72vh, 820px);
  margin-inline: auto;
  padding: clamp(70px, 8vw, 120px) 0;

  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}


/* Kleine Überschrift */
#hero > #inner > .content-headline {
  position: relative;

  margin: 0 0 26px;
  padding: 0 0 0 64px;

  color: var(--turquoise);
  font-family: "Manrope Bold", sans-serif;
  font-size: clamp(0.72rem, 0.9vw, 0.9rem);
  line-height: 1.4;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}


/* Linie vor der kleinen Überschrift */
#hero > #inner > .content-headline::before {
  content: "";

  position: absolute;
  top: 50%;
  left: 0;

  width: 46px;
  height: 3px;

  background-color: var(--turquoise);
  transform: translateY(-50%);
}


/* Textbereich */
#hero .content-text {
  max-width: 760px;
}


/* Große Hero-Überschrift */
#hero .content-text > h1,
#hero .content-text > h2 {
  max-width: 760px;
  margin: 0;
  padding: 0;

  color: var(--blue);
  font-family: "Manrope Bold", sans-serif;
  font-size: clamp(3rem, 5vw, 5.5rem);
  line-height: 1.02;
  letter-spacing: -0.045em;
  text-align: left;
  text-wrap: balance;
}


/* Optional hervorgehobene Textzeile */
#hero .content-text > h1 span,
#hero .content-text > h2 span {
  display: block;
  color: var(--turquoise);
}


/* Linie unter der großen Überschrift */
#hero .content-text > h1::after,
#hero .content-text > h2::after {
  content: "";

  display: block;
  width: 74px;
  height: 2px;
  margin-top: 34px;

  background-color: var(--turquoise);
}


/* Fließtext */
#hero .content-text .rte {
  max-width: 600px;
  margin-top: 34px;
}


#hero .content-text .rte p {
  margin: 0;

  color: var(--blue);
  font-size: clamp(1rem, 1.25vw, 1.18rem);
  line-height: 1.75;
}


/* =========================================================
   Tablet
   ========================================================= */

@media (max-width: 1024px) {

  #hero {
    min-height: 620px;

    background:
      linear-gradient(
        90deg,
        rgba(250, 251, 250, 0.94) 0%,
        rgba(250, 251, 250, 0.82) 34%,
        rgba(250, 251, 250, 0.48) 58%,
        rgba(250, 251, 250, 0.08) 82%,
        transparent 100%
      ),
      url("../../files/SIC/img/Hero_house.png")
        62% center / cover no-repeat;
  }


  #hero > #inner {
    width: min(90%, 1200px);
    min-height: 620px;
  }

}
#hero .content-text .rte {
  width: fit-content;
  max-width: min(100%, 520px);
  margin-top: 24px;
  padding: 14px 16px;

  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 6px;

  background-color: rgba(250, 251, 250, 0.82);

  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);

  box-shadow:
    0 4px 18px rgba(17, 38, 63, 0.12);
}

#hero .content-text .rte p {
  max-width: 35ch;
  margin: 0;

  color: var(--blue);
  font-size: 1rem;
  line-height: 1.65;
}

/* =========================================================
   Mobil
   ========================================================= */

@media (max-width: 767px) {

  #hero {
    min-height: 720px;

    /*
     * Der Verlauf ist oben stärker, damit der Text lesbar bleibt.
     * Nach unten wird er schnell transparent, damit das Bild
     * deutlich sichtbar bleibt.
     */
    background:
      linear-gradient(
        180deg,
        rgba(250, 251, 250, 0.90) 0%,
        rgba(250, 251, 250, 0.80) 24%,
        rgba(250, 251, 250, 0.58) 45%,
        rgba(250, 251, 250, 0.20) 65%,
        transparent 82%
      ),
      url("../../files/SIC/img/Hero_house.png")
        68% bottom / cover no-repeat;
  }


  #hero > #inner {
    display: block;

    width: 88%;
    min-height: 720px;
    padding: 54px 0 270px;
  }


  #hero > #inner > .content-headline {
    margin-bottom: 22px;
    padding-left: 48px;

    font-size: 0.68rem;
  }


  #hero > #inner > .content-headline::before {
    width: 34px;
  }


  #hero .content-text {
    max-width: 100%;
  }


  #hero .content-text > h1,
  #hero .content-text > h2 {
    max-width: 100%;

    font-size: clamp(2.35rem, 10vw, 3.8rem);
    line-height: 1.05;
    letter-spacing: -0.04em;
  }


  #hero .content-text > h1::after,
  #hero .content-text > h2::after {
    width: 56px;
    margin-top: 24px;
  }


#hero .content-text .rte {
  width: fit-content;
  max-width: min(100%, 520px);
  margin-top: 24px;
  padding: 14px 16px;

  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 6px;

  background-color: rgba(250, 251, 250, 0.82);

  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);

  box-shadow:
    0 4px 18px rgba(17, 38, 63, 0.12);
}

#hero .content-text .rte p {
  max-width: 35ch;
  margin: 0;

  color: var(--blue);
  font-size: 1rem;
  line-height: 1.65;
}
}

/* =========================================================
   Kleine Smartphones
   ========================================================= */

@media (max-width: 480px) {

  #hero {
    min-height: 680px;

    background:
      linear-gradient(
        180deg,
        rgba(250, 251, 250, 0.92) 0%,
        rgba(250, 251, 250, 0.82) 28%,
        rgba(250, 251, 250, 0.50) 48%,
        rgba(250, 251, 250, 0.14) 67%,
        transparent 82%
      ),
      url("../../files/SIC/img/Hero_house.png")
        66% bottom / cover no-repeat;
  }


  #hero > #inner {
    width: 90%;
    min-height: 680px;
    padding: 44px 0 235px;
  }


  #hero > #inner > .content-headline {
    margin-bottom: 18px;
    padding-left: 42px;

    font-size: 0.64rem;
    letter-spacing: 0.1em;
  }


  #hero > #inner > .content-headline::before {
    width: 29px;
    height: 2px;
  }


  #hero .content-text > h1,
  #hero .content-text > h2 {
    font-size: clamp(2.05rem, 9.6vw, 3rem);
    line-height: 1.08;
  }


  #hero .content-text > h1::after,
  #hero .content-text > h2::after {
    width: 48px;
    margin-top: 20px;
  }


#hero .content-text .rte {
  margin-top: 20px;
  padding: 12px 14px;

  background-color: rgba(250, 251, 250, 0.86);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}

#hero .content-text .rte p {
  max-width: 32ch;

  font-size: 0.95rem;
  line-height: 1.6;
}
}
/* =========================================================
   Kontakt
   ========================================================= */
#kontakt {
  position: relative;
  min-height: 20vh;
  background-image: url("../../files/SIC/img/Horizont.png");
  background-position: center;
  background-size: cover;
}

/* =========================================================
   Footer
   ========================================================= */

#footer {
  padding: 42px 0;
  background-color: var(--blue);
  color: var(--grey);
}

#footer #inner {
  width: min(90%, 1400px);
  margin-inline: auto;
}

#footer .rs-columns {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}

#footer .rs-column {
  flex: 1;
}

#footer .content-image img {
  display: block;
  width: 180px;
  max-width: 100%;
  height: auto;
}

/* Rechte Seite */

#footer .content-text {
  margin: 0;
}

#footer .content-text + .content-text {
  margin-top: 12px;
}

#footer .rte p {
  margin: 0;
  color: rgba(250,251,250,.82);
  font-size: .92rem;
  line-height: 1.7;
}

#footer .rte p[style] {
  text-align: right !important;
}

/* Links */

#footer a {
  position: relative;

  color: var(--grey);
  text-decoration: none;

  transition:
    color .25s ease,
    opacity .25s ease;
}

#footer a::after {
  content: "";

  position: absolute;
  left: 0;
  bottom: -3px;

  width: 100%;
  height: 1px;

  background: var(--turquoise);

  transform: scaleX(0);
  transform-origin: left;

  transition: transform .25s ease;
}

#footer a:hover {
  color: #fff;
}

#footer a:hover::after {
  transform: scaleX(1);
}

/* Trennlinie */

#footer {
  border-top: 1px solid rgba(250,251,250,.15);
}

/* =========================================================
   Tablet
   ========================================================= */

@media (max-width: 767px) {

  #footer {
    padding: 34px 0;
  }

  #footer .rs-columns {
    flex-direction: column;
    align-items: center;
    gap: 28px;
    text-align: center;
  }

  #footer .content-image img {
    width: 150px;
  }

  #footer .rte p,
  #footer .rte p[style] {
    text-align: center !important;
  }

}

/* =========================================================
   Typografie und Hilfsklassen
   ========================================================= */
li {
    list-style-type: disc;
    margin-left: 20px;
}

h1,
h2,
h3,
h4,
p {
  margin-top: 0;
}

h1 {
  padding: 0 0 10px;
  font-family: "Manrope Bold", sans-serif;
  font-size: 40px;
  line-height: 1.2;
  letter-spacing: -1.1px;
}

h2 {
  padding: 0 0 10px;
  font-family: "Manrope Semi Bold", sans-serif;
  font-size: 1.6em;
  text-align: left;
}

#hero h2 {
  font-family: "Manrope Semi Bold", sans-serif;
  font-size: 3em;
  line-height: 1;
  text-align: left;
}

h3 {
  padding: 0 0 10px;
  font-family: "CormorantGaramond Light", serif;
  font-size: 1.6em;
}

h4 {
  font-family: "CormorantGaramond Light", serif;
  font-size: 1.4em;
  line-height: 1.4;
}

p {
  font-size: 1.1em;
}

.blue {
  color: var(--blue);
}

.turquoise {
  color: var(--turquoise);
}

.beige {
  color: var(--beige);
}

.grey {
  color: var(--grey);
}

.bg-blue {
  background-color: var(--blue);
}

.bg-beige {
  background-color: var(--beige);
}

.bg-grey {
  background-color: var(--grey);
}

.border {
  margin-block: 10px;
  border: 1px solid var(--blue);
}

.divider {
  width: 120px;
  height: 1px;
  margin: 40px 0;
  border: 0;
  background-color: var(--turquoise);
}

.cbar .rs-column {
  margin-right: 20px;
  padding-left: 20px;
}

.cbar .rs-column:not(:last-child) {
  padding-right: 20px;
  border-right: 1px solid var(--beige);
}


/* =========================================================
   Service-Icons in article-3
   ========================================================= */

#article-3 img.turquoise {
  filter:
    brightness(0)
    saturate(100%)
    invert(34%)
    sepia(27%)
    saturate(1047%)
    hue-rotate(135deg)
    brightness(91%)
    contrast(94%);
}

/* =========================================================Kontaktformular========================================================= */

.ce_form {width: 100%;color: var(--blue);}

.ce_form > h2,.content-downloads > h2,#Kontakt .content-headline {position: relative;margin: 0 0 34px;padding: 0 0 17px;color: var(--blue);line-height: 1.2;letter-spacing: 0.025em;text-transform: uppercase;}

.ce_form > h2::after,.content-downloads > h2::after,#Kontakt .content-headline::after {content: "";position: absolute;bottom: 0;left: 0;width: 48px;height: 3px;background-color: var(--turquoise);}

.ce_form .formbody {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));column-gap: 24px;row-gap: 22px;}

.ce_form .widget-select,.ce_form .widget-textarea,.ce_form .widget-altcha,.ce_form .widget-submit,.ce_form .confirmation,.ce_form .message {grid-column: 1 / -1;}

.ce_form .widget {min-width: 0;margin: 0;}

.ce_form .widget > label(.altcha-label) {display: block;margin: 0 0 8px;color: var(--blue);font-size: 0.76rem;font-weight: 700;line-height: 1.35;letter-spacing: 0.075em;text-transform: uppercase;}

.ce_form label .mandatory {margin-left: 2px;color: var(--turquoise);}

.ce_form .invisible {position: absolute !important;width: 1px !important;height: 1px !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;clip: rect(0 0 0 0) !important;white-space: nowrap !important;border: 0 !important;}

/* Deutlich abgesetzte Eingabefelder */.ce_form input.text,.ce_form select.select,.ce_form textarea.textarea {display: block;width: 100%;min-height: 54px;margin: 0;padding: 14px 16px;border: 1px solid color-mix(in srgb, var(--blue) 24%, var(--grey));border-radius: 4px;outline: 0;background-color: var(--beige);color: var(--blue);font: inherit;font-size: 1rem;line-height: 1.45;box-shadow:inset 0 1px 0 var(--grey),0 1px 2px color-mix(in srgb, var(--blue) 7%, transparent);transition:border-color 160ms ease,box-shadow 160ms ease,background-color 160ms ease;}

.ce_form textarea.textarea {min-height: 165px;resize: vertical;}

.ce_form select.select {padding-right: 48px;cursor: pointer;appearance: none;-webkit-appearance: none;background-image:linear-gradient(45deg, transparent 50%, var(--turquoise) 50%),linear-gradient(135deg, var(--turquoise) 50%, transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size: 6px 6px;background-repeat: no-repeat;}

.ce_form input.text,.ce_form select.select,.ce_form textarea.textarea {border-color: color-mix(in srgb, var(--turquoise) 70%, var(--blue));background-color: var(--grey);}

.ce_form input.text,.ce_form select.select,.ce_form textarea.textarea {border-color: var(--turquoise);background-color: var(--grey);box-shadow:0 0 0 3px color-mix(in srgb, var(--turquoise) 16%, transparent),0 2px 5px color-mix(in srgb, var(--blue) 8%, transparent);}

.ce_form input.text:-webkit-autofill {-webkit-text-fill-color: var(--blue);box-shadow: 0 0 0 1000px var(--beige) inset;}

.ce_form input.error,.ce_form select.error,.ce_form textarea.error {border-color: var(--turquoise);}

.ce_form .error {display: block;margin: 7px 0 0;color: var(--turquoise);font-size: 0.82rem;font-weight: 600;line-height: 1.4;}

.ce_form .widget-altcha {padding-top: 2px;}

.ce_form altcha-widget {display: block;width: 100%;max-width: 100%;color: var(--blue);}

.ce_form .altcha {width: 100%;border: 1px solid color-mix(in srgb, var(--blue) 24%, var(--grey));border-radius: 4px;background-color: var(--beige);color: var(--blue);box-shadow: inset 0 1px 0 var(--grey);}

.ce_form .altcha-main {min-height: 54px;padding: 11px 14px;}

.ce_form .altcha-label {color: var(--blue);font: inherit;font-size: 0.9rem;}

.ce_form .altcha-checkbox input {accent-color: var(--turquoise);}

.ce_form .altcha-logo,.ce_form .altcha-footer a {color: var(--turquoise);}

.ce_form .altcha-footer {color: var(--blue);font-size: 0.72rem;}

.ce_form .altcha-footer a {text-decoration: none;}

.ce_form .altcha-footer a {text-decoration: underline;}

.ce_form .warning,.ce_form .confirmation,.ce_form .message {margin: 0;padding: 14px 16px;border: 1px solid color-mix(in srgb, var(--blue) 18%, var(--grey));border-left: 4px solid var(--turquoise);border-radius: 4px;background-color: var(--beige);color: var(--blue);line-height: 1.5;}

.ce_form .widget-submit {margin-top: 4px;}

.ce_form button.submit {display: inline-flex;align-items: center;justify-content: center;min-width: 220px;min-height: 54px;padding: 15px 26px;border: 1px solid var(--turquoise);border-radius: 4px;background-color: var(--turquoise);color: var(--grey);font: inherit;font-size: 0.78rem;font-weight: 700;line-height: 1.2;letter-spacing: 0.075em;text-transform: uppercase;cursor: pointer;box-shadow: 0 2px 4px color-mix(in srgb, var(--blue) 12%, transparent);transition:background-color 160ms ease,border-color 160ms ease,transform 160ms ease,box-shadow 160ms ease;}

.ce_form button.submit {border-color: var(--blue);background-color: var(--blue);transform: translateY(-1px);box-shadow: 0 4px 8px color-mix(in srgb, var(--blue) 18%, transparent);}

.ce_form button.submit {outline: 0;box-shadow:0 0 0 3px color-mix(in srgb, var(--turquoise) 16%, transparent),0 4px 8px color-mix(in srgb, var(--blue) 18%, transparent);}

.ce_form button.submit {transform: translateY(0);}

.ce_form button.submit {cursor: not-allowed;opacity: 0.55;transform: none;}

/* =========================================================Downloads========================================================= */

.content-downloads {width: 100%;color: var(--blue);}

.content-downloads > ul {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 24px;margin: 0;padding: 0;list-style: none;}

.content-downloads .download-element {min-width: 0;margin: 0;padding: 0;}

/* Contao-Standardicons und Standardabstände vollständig überschreiben */.content-downloads .ext-svg > a,.content-downloads .download-element > a {background: none !important;background-image: none !important;}

.content-downloads .download-element > a {display: flex;min-height: 180px;height: 100%;padding: 28px 20px 24px !important;flex-direction: column;align-items: center;justify-content: center;gap: 17px;border: 1px solid color-mix(in srgb, var(--blue) 18%, var(--grey));border-radius: 4px;background-color: var(--grey) !important;color: var(--blue);font-size: 0.84rem;font-weight: 700;line-height: 1.4;letter-spacing: 0.05em;text-align: center;text-decoration: none;text-transform: uppercase;overflow-wrap: anywhere;box-shadow: 0 2px 6px color-mix(in srgb, var(--blue) 7%, transparent);transition:border-color 160ms ease,background-color 160ms ease,color 160ms ease,transform 160ms ease,box-shadow 160ms ease;}

.content-downloads .download-element > a::before {content: "";display: block;width: 54px;height: 54px;flex: 0 0 54px;background-color: var(--turquoise);-webkit-mask-image: url("/files/SIC/icons/icon-document-download.svg");mask-image: url("/files/SIC/icons/icon-document-download.svg");-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-position: center;mask-position: center;-webkit-mask-size: contain;mask-size: contain;transition:background-color 160ms ease,transform 160ms ease;}

.content-downloads .download-element > a {border-color: var(--turquoise);background-color: var(--beige) !important;color: var(--turquoise);transform: translateY(-3px);box-shadow: 0 6px 14px color-mix(in srgb, var(--blue) 12%, transparent);}

.content-downloads .download-element > a:hover::before {background-color: var(--blue);transform: translateY(-1px);}

.content-downloads .download-element > a {outline: 0;border-color: var(--turquoise);box-shadow:0 0 0 3px color-mix(in srgb, var(--turquoise) 16%, transparent),0 6px 14px color-mix(in srgb, var(--blue) 12%, transparent);}

/* =========================================================Kontaktdaten mit Icons========================================================= */

#Kontakt .ico_tel,#Kontakt .ico_mail,#Kontakt .ico_time,#Kontakt .ico_map {position: relative;min-height: 34px;margin-bottom: 28px;padding-left: 48px;}

#Kontakt .ico_tel::before,#Kontakt .ico_mail::before,#Kontakt .ico_time::before,#Kontakt .ico_map::before {content: "";position: absolute;top: 2px;left: 0;width: 28px;height: 28px;background-color: var(--turquoise);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-position: center;mask-position: center;-webkit-mask-size: contain;mask-size: contain;}

#Kontakt .ico_tel::before {-webkit-mask-image: url("/files/SIC/icons/icon-phone.svg");mask-image: url("/files/SIC/icons/icon-phone.svg");}

#Kontakt .ico_mail::before {-webkit-mask-image: url("/files/SIC/icons/icon-email.svg");mask-image: url("/files/SIC/icons/icon-email.svg");}

#Kontakt .ico_time::before {-webkit-mask-image: url("/files/SIC/icons/icon-clock.svg");mask-image: url("/files/SIC/icons/icon-clock.svg");}

#Kontakt .ico_map::before {-webkit-mask-image: url("/files/SIC/icons/icon-location-pin.svg");mask-image: url("/files/SIC/icons/icon-location-pin.svg");}

#Kontakt .ico_tel .rte,#Kontakt .ico_mail .rte,#Kontakt .ico_time .rte,#Kontakt .ico_map .rte,#Kontakt .ico_tel p,#Kontakt .ico_mail p,#Kontakt .ico_time p,#Kontakt .ico_map p {margin: 0;}

#Kontakt .ico_tel p,#Kontakt .ico_mail p,#Kontakt .ico_time p,#Kontakt .ico_map p {color: var(--blue);font-size: 1rem;line-height: 1.65;}

#Kontakt .ico_tel p::first-line,#Kontakt .ico_mail p::first-line,#Kontakt .ico_time p::first-line,#Kontakt .ico_map p::first-line {font-size: 0.78rem;font-weight: 700;letter-spacing: 0.08em;}

/* =========================================================Responsive========================================================= */

@media (max-width: 900px) {#inner {width: min(86%, 1400px);}

.content-downloads > ul {grid-template-columns: repeat(2, minmax(0, 1fr));}}

@media (max-width: 767px) {#inner {width: min(90%);}

.ce_form > h2,#Kontakt .content-headline {margin-bottom: 26px;}

.ce_form .formbody {grid-template-columns: 1fr;row-gap: 19px;}

.ce_form .widget-select,.ce_form .widget-textarea,.ce_form .widget-altcha,.ce_form .widget-submit {grid-column: auto;}

.ce_form button.submit {width: 100%;}

#Kontakt .ico_tel,#Kontakt .ico_mail,#Kontakt .ico_time,#Kontakt .ico_map {margin-bottom: 24px;padding-left: 42px;}

#Kontakt .ico_tel::before,#Kontakt .ico_mail::before,#Kontakt .ico_time::before,#Kontakt .ico_map::before {width: 25px;height: 25px;}}

@media (max-width: 560px) {h1 {font-size: 32px;}

#hero h2 {font-size: 2.2em;}

.content-downloads > h2 {margin-bottom: 24px;}

.content-downloads > ul {grid-template-columns: 1fr;gap: 16px;}

.content-downloads .download-element > a {min-height: 150px;padding: 22px 16px 19px;}

.content-downloads .download-element > a::before {width: 46px;height: 46px;flex-basis: 46px;}}

@media (prefers-reduced-motion: reduce) {html {scroll-behavior: auto;}

*,*::before,*::after {transition-duration: 0.01ms !important;animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;}}

/* ==================================================ELEGANTE INLINE-LINKS================================================== */

#main .content-text a {position: relative;display: inline;color: var(--blue);font-weight: 500;text-decoration: none;

background-image: linear-gradient(
    var(--messing),
    var(--messing)
);

background-repeat: no-repeat;
background-position: left calc(100% - 1px);
background-size: 100% 1px;

overflow-wrap: anywhere;

transition:
    color 0.25s ease,
    background-size 0.25s ease;

}

#main .content-text a {color: var(--messing);background-size: 0 1px;}

#main .content-text a {color: var(--blue);}

#main .content-text a:visited {color: var(--messing);}

#main .content-text a {color: var(--messing);outline: 1px solid var(--messing);outline-offset: 5px;}
@media screen and (max-width: 900px) {
	#inner {
	width:95%;!important		
	}
}