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

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

html, body {
  font-family: 'Poppins', sans-serif;
 
 
}
h1, h2, h3, h4, h5, h6 {
  color: #333;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: 500;
}
a, #slider p{color: #D5553D;}
a, a:hover {
  text-decoration: none !important;
}
a:hover {color:#333}
p {
  font-size: 16px;
  line-height: 30px;
  color: #333;
}
img, .uk-slideshow-items{border-radius:30px}
.section-heading {
  margin-bottom: 20px;
}
#slider h1{font-size:60px}
.text-weiss{color:#fff}
.section-heading h2 {
  font-size: 36px;
  font-weight: 500;
  margin: 30px 0;
  line-height: 44px;
}
#slider .uk-text-large {font-size:2rem; font-weight: 700; letter-spacing:2px}
.section-heading h2 em {
  color: #D5553D;
  font-style: normal;
}

.section-heading h6 {
  color: #D5553D;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 500;
}
.main-button a {
  display: inline-block;
  background-color: #fff;
  color: #D5553D;
  font-size: 16px;
  font-weight: 500;
  height: 40px;
  line-height: 40px;
  padding: 0px 25px;
  border-radius: 20px;
  transition: all .3s;
  border:1px solid;
}
.main-button a:hover {
  background-color: #D5553D;
  color: #fff;
}
header{background: linear-gradient(135deg,  #f8e9c8 0%,#EA6500 100%); padding-bottom:50px; margin-bottom:120px; }



#slider .uk-position-center {
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}
.logo {
    display: flex;
    align-items: center;margin-top:20px; margin-bottom:20px;
}
.logo h1, .logo h3{margin:0}
.logo h1{color:#676363;}
.logo img { max-width: 100px; height: auto;}
.orange {color: #D5553D;}
.text-large{font-size: 20px; line-height: 38px;}
ul.gr-text li{font-size: 18px;}
.block-grau{border:6px solid #ccc; padding:30px; border-radius:30px}

.uk-list li {
  display: flex;
  align-items: flex-start; /* Text oben am Icon ausrichten */
  gap: 6px; /* Abstand zwischen Icon und Text */
  flex-wrap: nowrap; /* Standard: Inhalte bleiben in einer Zeile */
}

.uk-list li span {
  flex-shrink: 0; /* Icon bleibt unverändert */
}

.uk-list li .text {
  flex: 1; /* Text nimmt die verbleibende Breite ein */
}


.contact:before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    width: 65%;
    height: 100%;
    
    content: '';
	border: 10px solid #F9E9C7;
    border-top-left-radius: 500px;
    border-bottom-left-radius: 500px;
}
.contakt-info{
	color:#000;
	border-radius: 30px;
    padding: 60px 80px 40px 100px;
    background: linear-gradient(135deg,  #ff7b0d 0%,#ffa84c 100%);
    position: relative;
    z-index: 1;
	margin-top: 50px;
    margin-bottom: 40px;
}
.orange-block{
	color:#000;
	border-radius: 30px;
    padding: 60px 80px 40px 100px;
    background: linear-gradient(135deg,  #ff7b0d 0%,#ffa84c 100%);
   
}
.orange-block h6, .orange-block h2{color:#000;}
	
footer{background-color:#e88524;  vertical-align: middle;min-height: 80px;border-radius: 120px 120px 0px 0px;}
footer a{color:#333; line-height: 80px;}
.section-overlay {
   background-image: linear-gradient(8deg, #27201b 0%, #121211 100%);
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
    opacity: 0.5;
}

@media (max-width: 768px) {
	header{margin-bottom:60px}
	#slider h1{font-size:22px}
	#slider .uk-text-large, .text-large, ul.gr-text li {font-size: 1rem;}
	.logo h3{font-size:1.25rem}
	.logo h1{font-size:2rem}
	.uk-list li {flex-wrap: wrap; /* Elemente umbrechen */}
	.section-heading h2{font-size:26px; line-height: 32px;}
	.orange-block, .contakt-info{padding: 30px}
	.block-grau {padding:16px;}
	.contact:before {display:none}
  
}