@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Felipa';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/felipa-v25-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
.logo {
		width:300px;
		height:220px;
}


h1, h2, h3, h4, h5, h6 {
  color: #212529;
  font-weight: 200;
  letter-spacing: -.0em;
  margin: 0;
  -webkit-font-smoothing: antialiased;
}


.tip {
  margin-top: -13px !important;
}
#header .tip {
  background: #ab1d33;
  color: #FFF;
}

#header .tip::before {
  border-right-color: #ab1d33;
  border-left-color: transparent;
}

.seit {
  font-family: 'Felipa', cursive;
  text-transform: none !important;
  padding-left: 80px;
  -moz-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  -o-transform: rotate(-4deg);
  -webkit-transform: rotate(-4deg);
  transform: rotate(-4deg);
  color:#a62822;
}

@media (min-width: 992px) {
  #header .header-nav-main nav > ul > li {
    height: 91%;
    align-self: stretch;
    margin-left: 2px;
  }
}

#home01 {
  background: #fff url(../img/bg/welcome.jpg) no-repeat 50% bottom;
    background-size: auto;
  padding-top: 112px;
  padding-bottom: 0%;
  min-height: 550px;
  background-size: auto 750px;
}
#home011 {
  background: #fff url(../img/bg/news.jpg) no-repeat 50% top fixed;
    background-size: auto;
  padding-top: 112px;
  padding-bottom: 0%;
  min-height: 550px;
  background-size: auto 750px;
}
#home012 {
  background: #fff url(../img/bg/farbe.jpg) no-repeat 50% top fixed;
    background-size: auto;
  padding-top: 112px;
  padding-bottom: 0%;
  min-height: 550px;
  background-size: auto 750px;
}

#home03 {
  background: #fff url(../img/bg/bghome03.jpg) no-repeat 50% bottom;
    background-size: auto;
  padding-top: 112px;
  padding-bottom: 0%;
  min-height: 740px;
  background-size: auto 750px;
}

.custom-bg-1 {
  position: absolute;
  width: 1200px;
  left: -800px;
  top: -285px;
  transform: rotate(45deg);
}
	.custom-slider-background {
		top: 60px;
	}

.uetop {
	top: 190px;
}

.right-image {
  position: absolute;
  top: 0;
  bottom: 0;

  /* Trick: vom Container bis zum Viewportrand erweitern */
  right: calc((100vw - 100%) / -1.9);

  width: 40vw;
  max-width: 600px;

  z-index: 10;
}

.right-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.col-lg-8 .txt {
  position: relative;
  z-index: 100;
padding-right: 35vw;
}

.blend-text {
  mix-blend-mode: difference;
  color: white; /* wichtig für guten Kontrast */
}

#header .header-btn-collapse-nav {
  color: #000000;
}

#header .header-logo img {
  transition: all 0.3s ease;
  position: relative;
  top: 0;
  image-rendering: -webkit-optimize-contrast;
  transform: translateZ(0);
  /*box-shadow: 0px 10px 10px 2px rgba(0, 0, 0, 0.26);*/
}

.text-shadow-white {
	text-shadow: 1px 1px 4px #e3e3e3;
}

html:not(.sticky-header-active) #header.header-semi-transparent .header-body {
  background-color: rgba(0, 0, 0, 0.8) !important;
}


@media (max-width: 768px) {
  .text-lg-15 {
    font-size: 3em !important;
padding-top: 100px;
  }
  .text-md-6 {
    font-size: 1.8em !important;
	font-weight:600;
  }
  .text-md-4 {
    font-size: 1.3em !important;
	font-weight:600;
  }

	.log {
		width:200px !important;
		height:140px !important;
	}
	
	
	.custom-margin-top {
	  margin-top: 40px;
	}

	.logo {
			width:195px !important;
			height:145px;
	}

	.line-height-6 {
	  line-height: 1.1 !important;
	}

	.custom-big-font-size-1 {
	  font-size: 147.2px;
	  font-size: 4.2rem;
	}

.uetop {
	top: 90px !important;
}

}


@media (min-width: 768px) {
  .text-lg-15 {
    font-size: 8em !important;
  }
  .text-md-6 {
    font-size: 4em !important;
  }
  .text-md-4 {
    font-size: 2.2em !important;
  }


}
@media (min-width: 992px) {
  .text-lg-15 {
    font-size: 8em !important;
  }
}
@media (min-width: 1200px) {
  .text-lg-15 {
    font-size: 10em !important;
  }
}


.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap:break-word;
  background-color:#8c0000 ;
  background-clip: border-box;
  border:1px solid rgba(0,0,0,.125);
  border-radius:.5rem;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
/*background: linear-gradient(135deg,  #ffffff 0%,#e5e5e5 100%);  W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

.card a {
	text-decoration:none;
}

html .bg-color-primary2, html .bg-primary2 {
  background-color: #5b5b5b !important;
}


.custom-font {
	font-size:6em !important;
	color: #00000014;
}

b, strong {
  font-weight: 800;
}

h1 {
  font-size: 3.2em;
  line-height: 44px;
}




/* inter-100 - 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: 'Inter';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/inter-v19-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-100italic - 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: 'Inter';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/inter-v19-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-200 - 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: 'Inter';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/inter-v19-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-200italic - 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: 'Inter';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/inter-v19-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-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: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/inter-v19-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-300italic - 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: 'Inter';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/inter-v19-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-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: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/inter-v19-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-italic - 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: 'Inter';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/inter-v19-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-500 - 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: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/inter-v19-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-500italic - 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: 'Inter';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/inter-v19-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-600 - 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: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/inter-v19-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-600italic - 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: 'Inter';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/inter-v19-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-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: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/inter-v19-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-700italic - 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: 'Inter';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/inter-v19-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-800 - 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: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/inter-v19-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-800italic - 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: 'Inter';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/inter-v19-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-900 - 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: 'Inter';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/inter-v19-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-900italic - 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: 'Inter';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/inter-v19-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ---------------------------------------------------------------------------
   Sprungmarken in der H1 (leistungsspektrum.php)
   --------------------------------------------------------------------------- */
.leistung-anker a {
	color: inherit;
	text-decoration: none;
	display: inline-block;
	margin-right: .6em;
	border-bottom: 2px solid transparent;
	transition: color .25s ease, border-color .25s ease;
}

.leistung-anker a:hover,
.leistung-anker a:focus-visible {
	color: var(--primary);
	border-bottom-color: var(--primary);
}

/* Ziel-Abschnitte: Abstand unter dem Sticky-Header freihalten */
#fassade, #decke, #wand, #boden, #mehr, #trocknung {
	scroll-margin-top: 120px;
}