﻿/*
Theme Name: Hello Child Theme
Description: Hello Child Theme
Author:  Sebastian Schmiedel
Author URI:  https://www.cayou-media.de
Template: hello-elementor
Version:  1.0
*/

body {
	font-family:"Barlow",sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	text-rendering:optimizeLegibility;
}

.page-content .elementor-element.e-parent {
	padding-right: 24px !important;
	padding-left: 24px !important;
}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span{
  color:#F4770D;
  font-weight:inherit;
}

.vorteile > .e-con-inner > .e-con + .e-con,
.vorteile > .e-con + .e-con{
  border-left:1px solid rgba(255,255,255,.16);
}

@media (max-width:1024px){
  .vorteile > .e-con-inner > .e-con,
  .vorteile > .e-con{
    border-left:0 !important;
    border-bottom:1px solid rgba(255,255,255,.16);
  }
  .vorteile > .e-con-inner > .e-con:nth-child(1),
  .vorteile > .e-con-inner > .e-con:nth-child(2),
  .vorteile > .e-con:nth-child(1),
  .vorteile > .e-con:nth-child(2){
    border-bottom:1px solid rgba(255,255,255,.16);
  }
}

@media (max-width:767px){
  .vorteile > .e-con-inner > .e-con,
  .vorteile > .e-con{
    border-left:0 !important;
    border-bottom:1px solid rgba(255,255,255,.16);
  }
  .vorteile > .e-con-inner > .e-con:last-child,
  .vorteile > .e-con:last-child{
    border-bottom:0;
  }
}

.auf-dunkel .eyebrow,
.auf-dunkel .eyebrow-linie,
.auf-dunkel .eyebrow-hell{
  color:#F4770D;
}

.auf-dunkel .eyebrow-linie::before{
  border-color:#F4770D;
}

.auf-dunkel .eyebrow-linie::after{
  background:#F4770D;
}

.eyebrow,
.eyebrow-linie{
  display:block;
  font-family:"Barlow", Sans-serif;
  font-size:13.5px;
  font-weight:600;
  letter-spacing:2.8px;
  text-transform:uppercase;
  color:#C25A05;
  line-height:1.4;
  margin:0 0 14px;
}

.eyebrow-linie{
  padding-top:22px;
  position:relative;
}

.eyebrow-linie::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:9px;
  height:9px;
  border:2px solid #F4770D;
  border-radius:50%;
  box-sizing:border-box;
}

.eyebrow-linie::after{
  content:"";
  position:absolute;
  left:20px;
  top:3.5px;
  width:74px;
  height:2px;
  background:#F4770D;
}

.eyebrow-mitte,
.eyebrow-linie.eyebrow-mitte{
  text-align:center;
}

.eyebrow-linie.eyebrow-mitte::before{
  left:50%;
  transform:translateX(-45px);
}

.eyebrow-linie.eyebrow-mitte::after{
  left:50%;
  transform:translateX(-25px);
  width:56px;
}

.eyebrow-hell{
  color:#FF9440;
}

svg.ic{
  width:34px;
  height:34px;
  stroke:#FF9440;
  stroke-width:1.7;
  fill:none;
}

.hero-raster{
  position:relative;
}

.hero-raster::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:1;
  background-image:
    linear-gradient(rgba(255,255,255,.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.09) 1px, transparent 1px);
  background-size:66px 66px;
}

.hero-raster > .elementor-container,
.hero-raster > .e-con-inner{
  position:relative;
  z-index:2;
}

.raster-dezent::after{
  background-image:
    linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
}

@media (max-width:767px){
  .hero-raster::after{
    background-size:44px 44px;
  }
}

.elementor-widget-text-editor ul{
  list-style:none;
  margin:24px 0;
  padding:0;
}

.elementor-widget-text-editor li{
  position:relative;
  padding-left:24px;
  margin-bottom:9px;
  line-height:1.55;
}

.elementor-widget-text-editor li:last-child{
  margin-bottom:0;
}

.elementor-widget-text-editor ul li::before{
  content:"";
  position:absolute;
  left:0;
	top: 9px;
  width:10px;
  height:10px;
  border-top:2px solid #F4770D;
  border-right:2px solid #F4770D;
  transform:rotate(45deg);
  background:none;
}

.elementor-location-header .e-con.logo{
	margin-block-end: 0;
  margin-block-start: 0;
  padding-inline-end: 0;
  padding-inline-start: 0;
}

.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu > li:last-child > a.elementor-item,
.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu > li:last-child > a.elementor-item:hover,
.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu > li:last-child > a.elementor-item:focus,
.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu > li:last-child > a.elementor-item.elementor-item-active{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-family:"Barlow", Sans-serif;
  font-weight:700 !important;
  font-size:15px !important;
  letter-spacing:1.8px;
  text-transform:uppercase;
  padding:12px 22px !important;
  border:2px solid #F4770D;
  border-radius:0;
  margin-left:12px;
  text-decoration:none;
  box-shadow:none;
  transform:none;
  transition:background-color .18s ease, color .18s ease;
}

.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu > li:last-child > a.elementor-item{
  background:transparent;
  color:#F4770D !important;
}

.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu > li:last-child > a.elementor-item:hover,
.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu > li:last-child > a.elementor-item:focus{
  background:#F4770D;
  color:#FFFFFF !important;
}

.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu > li:last-child > a.elementor-item::after,
.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu > li:last-child > a.elementor-item::before{
  display:none !important;
}

.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu > li:not(:last-child) > a.elementor-item,
.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu > li:not(:last-child) > a.elementor-item:hover,
.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu > li:not(:last-child) > a.elementor-item:focus,
.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu > li:not(:last-child) > a.elementor-item.elementor-item-active{
  color:#121212 !important;
  background:transparent !important;
  border:0 !important;
  text-decoration:none !important;
}

.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu > li:not(:last-child) > a.elementor-item::before{
  display:none !important;
}

.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu > li:not(:last-child) > a.elementor-item::after{
  content:"" !important;
  display:block !important;
  position:absolute;
  left:13px;
  right:13px;
  bottom:4px;
  height:2px !important;
  width:auto !important;
  background:#F4770D !important;
  opacity:1 !important;
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .22s ease;
}

.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu > li:not(:last-child) > a.elementor-item:hover::after,
.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu > li:not(:last-child) > a.elementor-item:focus::after,
.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu > li:not(:last-child) > a.elementor-item.elementor-item-active::after{
  transform:scaleX(1);
}

.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu > li > a.elementor-item{
  position:relative;
  font-family:"Barlow", Sans-serif;
  font-weight:600 !important;
  font-size:15.5px !important;
  letter-spacing:1.2px !important;
  text-transform:uppercase !important;
  padding:12px 13px !important;
}

.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu ul.sub-menu{
  background:#FFFFFF;
  border:1px solid #D3D3CE;
  border-radius:0 !important;
  box-shadow:0 18px 40px rgba(18,18,18,.18);
  padding:8px 0 !important;
  min-width:330px !important;
}

.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu ul.sub-menu a.elementor-sub-item{
  display:block;
  padding:11px 22px !important;
  font-family:"Barlow", Sans-serif;
  font-size:15.5px !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  line-height:1.4;
  color:#121212 !important;
  border:0 !important;
  border-left:3px solid transparent !important;
  transition:background-color .18s ease, border-color .18s ease;
}

.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu ul.sub-menu a.elementor-sub-item:hover,
.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu ul.sub-menu a.elementor-sub-item:focus,
.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu ul.sub-menu a.elementor-sub-item.highlighted,
.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu ul.sub-menu a.elementor-sub-item.elementor-item-active{
  background-color:#F4F4F2 !important;
  border-left-color:#F4770D !important;
  color:#121212 !important;
}

.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu ul.sub-menu a.elementor-sub-item::before,
.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu ul.sub-menu a.elementor-sub-item::after{
  display:none !important;
}

.elementor-location-header .elementor-nav-menu--main .elementor-item .sub-arrow svg{
  fill:#F4770D;
  width:11px;
  height:11px;
  transition:transform .2s ease;
}

.elementor-location-header .elementor-nav-menu--main li.menu-item-has-children:hover > a .sub-arrow svg{
  transform:rotate(180deg);
}

.elementor-location-header .elementor-nav-menu--dropdown.elementor-nav-menu__container{
  background:#FFFFFF !important;
  border-top:1px solid #D3D3CE;
  box-shadow:0 18px 40px rgba(18,18,18,.18);
  padding:0 !important;
}

.elementor-location-header .elementor-nav-menu--dropdown.elementor-nav-menu__container a.elementor-item{
  padding:16px 28px !important;
  font-family:"Barlow", Sans-serif;
  font-size:16px !important;
  font-weight:600 !important;
  letter-spacing:1.2px !important;
  text-transform:uppercase !important;
  line-height:1.3;
  color:#121212 !important;
  background:transparent !important;
  border:0 !important;
  border-bottom:1px solid #D3D3CE !important;
  border-left:3px solid transparent !important;
}

.elementor-location-header .elementor-nav-menu--dropdown.elementor-nav-menu__container a.elementor-sub-item{
  padding:14px 28px 14px 46px !important;
  font-family:"Barlow", Sans-serif;
  font-size:15.5px !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  line-height:1.4;
  color:#63666A !important;
  background:#F4F4F2 !important;
  border:0 !important;
  border-bottom:1px solid #E8E8E5 !important;
  border-left:3px solid transparent !important;
}

.elementor-location-header .elementor-nav-menu--dropdown.elementor-nav-menu__container a.elementor-item:hover,
.elementor-location-header .elementor-nav-menu--dropdown.elementor-nav-menu__container a.elementor-item.elementor-item-active,
.elementor-location-header .elementor-nav-menu--dropdown.elementor-nav-menu__container a.elementor-sub-item:hover,
.elementor-location-header .elementor-nav-menu--dropdown.elementor-nav-menu__container a.elementor-sub-item.elementor-item-active{
  border-left-color:#F4770D !important;
  color:#121212 !important;
}

.elementor-location-header .elementor-nav-menu--dropdown.elementor-nav-menu__container > ul > li:last-child > a.elementor-item{
  color:#C25A05 !important;
  font-weight:700 !important;
  border-bottom:0 !important;
}

.elementor-location-header .elementor-nav-menu--dropdown.elementor-nav-menu__container .sub-arrow svg{
  fill:#F4770D;
  width:12px;
  height:12px;
}

.elementor-location-header .elementor-menu-toggle{
  background-color:transparent !important;
  color:#121212 !important;
  border-radius:0 !important;
  padding:6px !important;
}

.elementor-location-header .elementor-menu-toggle svg,
.elementor-location-header .elementor-menu-toggle i{
  fill:#121212 !important;
  color:#121212 !important;
  font-size:28px;
}

.elementor-location-header .elementor-menu-toggle.elementor-active svg,
.elementor-location-header .elementor-menu-toggle.elementor-active i{
  fill:#F4770D !important;
  color:#F4770D !important;
}

.elementor-widget-button .elementor-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  font-family:"Barlow", Sans-serif;
  font-weight:700 !important;
  font-size:15px !important;
  letter-spacing:1.8px;
  text-transform:uppercase;
  line-height:1.2;
  padding:14px 26px !important;
  border:2px solid transparent;
  border-radius:0 !important;
  text-decoration:none;
  transition:background-color .18s ease, border-color .18s ease, color .18s ease;
}

.elementor-widget-button:not(.elementor-button-info):not(.elementor-button-success) .elementor-button{
  background-color:#F4770D;
  border-color:#F4770D;
  color:#FFFFFF !important;
}

.elementor-widget-button:not(.elementor-button-info):not(.elementor-button-success) .elementor-button:hover,
.elementor-widget-button:not(.elementor-button-info):not(.elementor-button-success) .elementor-button:focus{
  background-color:#C25A05;
  border-color:#C25A05;
  color:#FFFFFF !important;
}

.elementor-widget.elementor-button-info .elementor-button{
  background-color:transparent;
  border-color:#F4770D;
  color:#F4770D !important;
  padding:12px 22px !important;
}

.elementor-widget.elementor-button-info .elementor-button:hover,
.elementor-widget.elementor-button-info .elementor-button:focus{
  background-color:#F4770D;
  border-color:#F4770D;
  color:#FFFFFF !important;
}

.elementor-widget.elementor-button-success .elementor-button{
  background-color:transparent;
  border-color:#FFFFFF;
  color:#FFFFFF !important;
}

.elementor-widget.elementor-button-success .elementor-button:hover,
.elementor-widget.elementor-button-success .elementor-button:focus{
  background-color:#FFFFFF;
  border-color:#FFFFFF;
  color:#121212 !important;
}

.elementor-widget-button .elementor-button svg{
  fill:currentColor;
  color:inherit;
}

.elementor-widget-button .elementor-button i{
  color:inherit;
}

.elementor-widget-button .elementor-button:focus-visible{
  outline:3px solid #F4770D;
  outline-offset:3px;
}

.mehr-erfahren{
  display:inline-flex;
  align-items:center;
  gap:9px;
  font-family:"Barlow", Sans-serif;
  font-size:15px;
  font-weight:700;
  letter-spacing:1.8px;
  text-transform:uppercase;
  color:#C25A05;
  text-decoration:none;
}

.mehr-erfahren::after{
  content:"";
  width:8px;
  height:8px;
  border-top:2px solid currentColor;
  border-right:2px solid currentColor;
  transform:rotate(45deg);
  transition:transform .18s ease;
}

.mehr-erfahren:hover::after{
  transform:rotate(45deg) translate(2px,-2px);
}

.hb-box{
  display:flex;
  flex-direction:column;
	align-self:stretch;
	height:auto;  
  background:#FFFFFF;
  border:1px solid #D3D3CE;
  overflow:hidden;
  transition:box-shadow .25s ease, transform .25s ease;
}

.hb-box:hover,
.hb-box:focus-within{
  box-shadow:0 18px 38px rgba(18,18,18,.16);
  transform:translateY(-4px);
}

.hb-box > .e-con:last-child{
  flex:1;
}

.hb-box-bild{
  overflow:hidden;
  line-height:0;
}

.hb-box-bild img{
  display:block;
  width:100%;
  height:auto;
  transition:transform .5s ease;
}

.hb-box:hover .hb-box-bild img{
  transform:scale(1.05);
}

.hb-box .elementor-heading-title{
  font-family:"Anton", Sans-serif;
  font-size:24px;
  font-weight:400;
  line-height:1.22;
  letter-spacing:.4px;
  text-transform:uppercase;
  color:#121212;
}

.hb-box .elementor-widget-text-editor{
  font-size:16.5px;
  line-height:1.68;
  color:#63666A;
}

.hb-box .elementor-widget-text-editor p{
  margin:0;
}

.hb-box .mehr-erfahren{
  margin-top:auto;
  align-self:flex-start;
  font-size:15px;
  color:#C25A05;
}

.hb-box:hover .mehr-erfahren::after{
  transform:rotate(45deg) translate(2px,-2px);
}

@media (prefers-reduced-motion:reduce){
  .hb-box:hover,
  .hb-box:focus-within{transform:none;}
  .hb-box:hover .hb-box-bild img{transform:none;}
}

.regionen{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:flex-start !important;
  align-items:flex-start;
  gap:9px;
  padding-inline:0 !important;
  margin-inline:0 !important;
}

.regionen > *{
  flex:0 0 auto !important;
  width:auto !important;
  max-width:none !important;
  margin:0 !important;
  white-space:nowrap;
}

/*Formular*/
.elementor-field-group{
  margin-bottom:16px;
}

.elementor-field-group > label{
  font-family:"Barlow", Sans-serif !important;
  font-weight:600 !important;
  font-size:13px !important;
  letter-spacing:2.2px !important;
  text-transform:uppercase !important;
  color:#63666A !important;
  margin-bottom:7px !important;
}

.elementor-field-group .elementor-mark-required{
  color:#F4770D !important;
}

.elementor-field-group input,
.elementor-field-group textarea,
.elementor-field-group select,
.elementor-field-group .elementor-field-textual{
  font-family:"Barlow", Sans-serif !important;
  font-size:16.5px !important;
  font-weight:400 !important;
  line-height:1.5 !important;
  padding:13px 14px !important;
  border-radius:0 !important;
  border:1px solid #D3D3CE !important;
  background-color:#FFFFFF !important;
  color:#1A1A1A !important;
  box-shadow:none !important;
  transition:border-color .18s ease;
}

.elementor-field-group textarea{
  min-height:130px;
  resize:vertical;
}

.elementor-field-group select{
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  padding-right:40px !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F4770D' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:right 14px center !important;
  background-size:16px 16px !important;
  cursor:pointer;
}

.elementor-field-group select:required:invalid{
  color:#8E9194 !important;
  -webkit-text-fill-color:#8E9194 !important;
}

.elementor-field-group .elementor-select-wrapper::before,
.elementor-field-group .elementor-select-wrapper::after,
.elementor-field-group .select-caret-down-wrapper{
  display:none !important;
}

.elementor-field-group select option{
  color:#1A1A1A !important;
  background:#FFFFFF !important;
}

.elementor-field-group select option[value=""]{
  color:#8E9194 !important;
}

.elementor-field-group input::placeholder,
.elementor-field-group textarea::placeholder{
  color:#8E9194 !important;
  -webkit-text-fill-color:#8E9194 !important;
  opacity:1 !important;
  font-size:16.5px !important;
  font-family:"Barlow", Sans-serif !important;
}

.elementor-field-group input:focus,
.elementor-field-group textarea:focus,
.elementor-field-group select:focus{
  outline:2px solid #F4770D !important;
  outline-offset:-2px !important;
  border-color:#F4770D !important;
  background-color:#FFFFFF !important;
  color:#1A1A1A !important;
  box-shadow:none !important;
}

.elementor-field-type-acceptance label,
.elementor-field-type-acceptance label a{
  font-size:14.5px !important;
  line-height:1.55 !important;
  font-weight:400 !important;
  letter-spacing:normal !important;
  text-transform:none !important;
  color:#63666A !important;
}

.elementor-field-type-acceptance a{
  color:#C25A05 !important;
  text-decoration:underline;
}

.elementor-field-type-acceptance input{
  margin-top:4px !important;
  accent-color:#F4770D;
}

.elementor-field-option label,
.elementor-field-option label a{
  font-size:16.5px !important;
  line-height:18px !important;
  letter-spacing:normal !important;
  text-transform:none !important;
  color:#1A1A1A !important;
}

.elementor-widget-form .elementor-button[type="submit"],
.elementor-field-type-submit .elementor-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  font-family:"Barlow", Sans-serif;
  font-weight:700 !important;
  font-size:15px !important;
  letter-spacing:1.8px;
  text-transform:uppercase;
  line-height:1.2;
  padding:14px 26px !important;
  border:2px solid #F4770D;
  border-radius:0 !important;
  background-color:#F4770D !important;
  color:#FFFFFF !important;
  text-decoration:none;
  transition:background-color .18s ease, border-color .18s ease;
}

.elementor-widget-form .elementor-button[type="submit"]:hover,
.elementor-field-type-submit .elementor-button:hover{
  background-color:#C25A05 !important;
  border-color:#C25A05 !important;
  color:#FFFFFF !important;
}

.elementor-widget-form .elementor-button[type="submit"] svg,
.elementor-field-type-submit .elementor-button svg{
  fill:currentColor;
}

.elementor-message{
  margin:18px 0 0 0;
  font-size:15px;
}

.elementor-message.elementor-message-success{
  color:#121212;
}

.elementor-message.elementor-message-danger{
  color:#C25A05;
}

.kontaktkarte{
  border:1px solid #D3D3CE;
  background:#FFFFFF;
}

.kontaktkarte > *{
  display:flex;
  gap:16px;
  align-items:flex-start;
  padding:20px 24px;
  border-bottom:1px solid #D3D3CE;
  margin:0;
}

.kontaktkarte > *:last-child{
  border-bottom:0;
}

.kontaktkarte a:hover{
  background:#F4F4F2;
}

.kontaktkarte .lb{
  flex:none;
  width:92px;
  margin-top:3px;
  font-family:"Barlow", Sans-serif;
  font-size:13px;
  font-weight:600;
  letter-spacing:2.2px;
  text-transform:uppercase;
  color:#C25A05;
}

.kontaktkarte .vl{
  font-size:16.5px;
  font-weight:600;
  line-height:1.45;
  color:#1A1A1A;
}

@media (max-width:767px){
  .kontaktkarte > *{
    flex-direction:column;
    gap:5px;
    padding:16px 18px;
  }
  .kontaktkarte .lb{
    width:auto;
    margin-top:0;
  }
  .kontaktkarte .vl{
    font-size:16px;
    word-break:break-word;
    overflow-wrap:anywhere;
  }
}
