.elementor-kit-7985{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#F280BE;--e-global-color-4925669:#FFFFFF;--e-global-color-8cd69e6:#000000;--e-global-color-53701314:#FFF;--e-global-color-32336a1f:#4054B2;--e-global-color-7b7c8aab:#23A455;--e-global-typography-primary-font-family:"Titillium Web";--e-global-typography-primary-font-size:69px;--e-global-typography-primary-font-weight:900;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-primary-line-height:56px;--e-global-typography-primary-letter-spacing:0px;--e-global-typography-primary-word-spacing:0px;--e-global-typography-secondary-font-family:"Titillium Web";--e-global-typography-secondary-font-size:54px;--e-global-typography-secondary-font-weight:900;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-secondary-line-height:56px;--e-global-typography-text-font-family:"Titillium Web";--e-global-typography-text-font-size:18px;--e-global-typography-text-line-height:28px;--e-global-typography-accent-font-family:"Titillium Web";--e-global-typography-accent-font-size:24px;--e-global-typography-accent-font-weight:700;--e-global-typography-accent-line-height:31px;--e-global-typography-fe0156c-font-family:"Titillium Web";--e-global-typography-fe0156c-font-size:15px;--e-global-typography-fe0156c-line-height:22px;--e-global-typography-2cab6c1-font-family:"Titillium Web";--e-global-typography-2cab6c1-font-size:32px;--e-global-typography-2cab6c1-font-weight:800;--e-global-typography-2cab6c1-text-transform:uppercase;--e-global-typography-2cab6c1-line-height:38px;--e-global-typography-2cab6c1-letter-spacing:0px;--e-global-typography-2cab6c1-word-spacing:0px;--e-global-typography-9257084-font-family:"Titillium Web";--e-global-typography-9257084-font-size:24px;--e-global-typography-9257084-font-weight:800;--e-global-typography-9257084-text-transform:uppercase;--e-global-typography-9257084-line-height:28px;--e-global-typography-9257084-letter-spacing:0px;--e-global-typography-9257084-word-spacing:0px;--e-global-typography-5aba65d-font-family:"Titillium Web";--e-global-typography-5aba65d-font-size:40px;--e-global-typography-5aba65d-font-weight:800;--e-global-typography-5aba65d-line-height:44px;font-family:"Titillium Web", Sans-serif;}.elementor-kit-7985 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7985 h1{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-7985 h2{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );line-height:var( --e-global-typography-secondary-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-7985{--e-global-typography-2cab6c1-font-size:34px;--e-global-typography-2cab6c1-line-height:38px;--e-global-typography-5aba65d-font-size:30px;--e-global-typography-5aba65d-line-height:34px;}.elementor-kit-7985 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-7985 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7985{--e-global-typography-primary-font-size:48px;--e-global-typography-primary-line-height:42px;--e-global-typography-secondary-font-size:38px;--e-global-typography-secondary-line-height:34px;--e-global-typography-accent-font-size:24px;--e-global-typography-accent-line-height:24px;--e-global-typography-2cab6c1-font-size:24px;--e-global-typography-2cab6c1-line-height:30px;--e-global-typography-9257084-font-size:24px;--e-global-typography-9257084-line-height:30px;--e-global-typography-5aba65d-font-size:28px;--e-global-typography-5aba65d-line-height:32px;}.elementor-kit-7985 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-kit-7985 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ################## Facelift 2024 Start ######################### */

/* Fullspace Image */

body:not([data-elementor-device-mode="mobile"]) .ll-image-fullspace,
body:not([data-elementor-device-mode="mobile"]) .ll-image-fullspace .elementor-widget-container, 
body:not([data-elementor-device-mode="mobile"]) .ll-image-fullspace .elementor-widget-container a, 
body:not([data-elementor-device-mode="tablet"]) .ll-image-fullspace.wide,
body:not([data-elementor-device-mode="tablet"]) .ll-image-fullspace.wide .elementor-widget-container,
body:not([data-elementor-device-mode="tablet"]) .ll-image-fullspace.wide .elementor-widget-container a 
{
	height: 100%;
	 overflow: hidden;
}

body:not([data-elementor-device-mode="mobile"]) .ll-image-fullspace .elementor-widget-container, 
body:not([data-elementor-device-mode="mobile"]) .ll-image-fullspace .elementor-widget-container a,
body:not([data-elementor-device-mode="tablet"]) .ll-image-fullspace.wide .elementor-widget-container, 
body:not([data-elementor-device-mode="tablet"]) .ll-image-fullspace.wide .elementor-widget-container a

{
    overflow: hidden;
}

body:not([data-elementor-device-mode="mobile"]) .ll-image-fullspace img,
body:not([data-elementor-device-mode="tablet"]) .ll-image-fullspace.wide img
{
  width: 100%;
  object-fit: cover;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

body[data-elementor-device-mode="tablet"] .ll-image-fullspace.wide img,
body[data-elementor-device-mode="mobile"] .ll-image-fullspace.wide img
{
  position: relative;
}


/* Buttons */

.elementor-button:hover  {
  background-color: black !important;
  color: white !important;
}

/* Projektteaser */

.ll-projektteaser .ll-projektlogo {
  filter: invert(100%);
}

.ll-projektteaser .ll-projektlogo, .ll-projektteaser .ll-projektlogo img {
  /*width: 60% !important;*/
  max-width: 100%;
}

.ll-projektteaser {
  transition: 0.5s all ease-in-out;
  background-size: 100% !important;
  background-position: center center !important;
}

.ll-projektteaser:hover {
  background-size: 110% !important;
  background-position: center center !important;
}

.ll-projektteaser .ll-projektteaser-text {
  max-width: 500px !important;
}

.ll-projektteaser > .e-con-inner > * {
  opacity: 0;
  transition: 0.5s all ease-in-out;
}

.ll-projektteaser:hover > .e-con-inner > *, .elementor-editor-active .ll-projektteaser .e-con-inner > * {
  opacity: 1;
}

.ll-projektteaser .ll-teaser-link {
  position: absolute;
  opacity: 1 !important;
  width: 100%;
  height: 100%;
  z-index: 99;
}

.ll-projektteaser-klein .ll-projektteaser-text .elementor-heading-title {
  font-size: 20px !important;
  line-height: 25px !important;
}

/* Projektseite Galerie */

.ll-section-projekt-galerien .elementor-animated-content:focus .elementor-animated-item--grow, .ll-section-projekt-galerien .elementor-animated-content:hover .elementor-animated-item--grow {
  transform: scale(1.05);
}


.ll-section-projekt-galerien .elementor-animated-item--grow {
    transform-origin: center center;
}


/* Icons Projektseiten */

.ll-iconrow-container .ll-iconrow-icon  {
  height: 70px;
  display: flex;
  justify-content: center;
}

.ll-iconrow-container .ll-iconrow-icon img {
   height: 70px;
}

.ll-iconrow-container .ll-iconrow-beschreibung {
  text-align: center;
  max-width: 150px;
  margin-top: 5px;
}


.ll-iconrow-container-single-icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}


/* Kategorien Navi */

.ll_category .elementor-post-info__terms-list > *:before
 {
  content: "";
  display: block;
  position: absolute;
  width: 110%;
  left: -5%;
  bottom: -2px;
  z-index: -1;
  border-bottom: 10px solid var( --e-global-color-accent );
}

.ll-category-navigation li a:before, .ll-category-navigation-2 li a:before {
  transition: 0.5s all ease-in-out;
  content: "";
  display: block;
  position: absolute;
  width: 105%;
  left: -2.5%;
  bottom: 2px;
  z-index: -1;
  border-bottom: 10px solid transparent;
}

.ll-category-navigation-2 ul {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ll-category-navigation-2 li a:before {
  width: 92%;
  left: 4%;
}



.ll-category-navigation li.current a:before, .ll-category-navigation li:hover a:before {
   border-bottom: 10px solid var( --e-global-color-accent );
}

.ll-category-navigation li {
  position: relative;
}

.ll-category-navigation {
  justify-content: center;
  list-style: none;
  padding: 0;
  display: flex;
  gap: 5px 30px;
  flex-wrap: wrap;
}


.ll-category-navigation a {
  color: var( --e-global-color-8cd69e6 );
  font-family: var( --e-global-typography-2cab6c1-font-family ), Sans-serif;
  font-size: var( --e-global-typography-2cab6c1-font-size );
  text-transform: var( --e-global-typography-2cab6c1-text-transform );
  line-height: var( --e-global-typography-2cab6c1-line-height );
  letter-spacing: var( --e-global-typography-2cab6c1-letter-spacing );
  word-spacing: var( --e-global-typography-2cab6c1-word-spacing );
  font-weight: var( --e-global-typography-2cab6c1-font-weight );
}

.reduced .ll-category-navigation > li:first-of-type {display: none;}


/* Texte */


.elementor-widget-text-editor strong, .ll-beitrag strong {
    font-weight: 700;
}

.elementor-widget-text-editor a, .ll-beitrag a {
    color: var(--e-global-color-accent);
}



/* Aufzählungen */

.elementor-widget-text-editor ul, .elementor-tab-content ul, .ll-beitrag ul {
  list-style-type: none;
  padding-bottom: 10px;
	padding-left: 2em;
}

.elementor-widget-text-editor ul ul, .mtd-beitrag-inhalt ul ul,  .ll-beitrag ul ul {
	padding-top: 20px;
	padding-bottom: 10px;
}

.elementor-widget-text-editor ul li, .elementor-tab-content ul li,  .ll-beitrag ul li {
  padding-left: 1em; /* Add the desired padding value on the left side */
  text-indent: -1em; /* Add negative text-indent to offset the bullet point */

}

.elementor-widget-text-editor ol li, .elementor-widget-text-editor ul li, .elementor-tab-content ul li,  .ll-beitrag ul li,  .ll-beitrag ol li {
	padding-bottom: 10px;
}

.elementor-widget-text-editor ul li::before, .elementor-tab-content ul li:before,  .ll-beitrag ul li:before
{
  content: "—";
  display: inline-block;
  width: 1em;
}


/* Burger Effect */


body.popup-8798 .ll-burger svg rect:first-of-type {
  transform: rotate(45deg) translate(5px,-10px)  !important;
}

body.popup-8798 .ll-burger {
  transform: translate(0px,-8px) !important;
}

body.popup-8798 .ll-burger svg {
  overflow: visible;
}

.ll-burger svg rect {
  transition: all 0.5s ease-in-out;
}

body.popup-8798 .ll-burger {
  transition: all 0.5s ease-in-out !important;
}



/* ################## Facelift 2024 End ######################### */




/* Links */

/*
*|*:link
{color: #888;}

*|*:visited:hover
{color: #888; }

*|*:visited
{color: #888; }
*/

/* Customization */

html {font-family: Roboto;}
#cn-accept-cookie, #cn-more-info {background-color: #000; background-image: none; border: 0px;}

/* Text */






.elementor-location-footer .elementor-text-editor a {
  color: #fff;
  border-bottom: 1px dotted #eee;
}

.bildmitbeschreibung figcaption {
  background-color: #000;
  color: #FFF !important;
  padding: 5px 10px;
  position: relative;
  top: -40px;
  right: 10px;
 font-weight: 800 !important;
  box-sizing: unset !important;
  width: 200px;
  margin-bottom: -40px;
}

/* Icons */

.ll_projekte_icons .elementor-icon-list-item {
  width: 60px;
  border: 1px solid white !important;
  border-radius: 50% !important;
  padding: 12px 7px 12px 12px !important;
}    

/* Formular */

.caldera-grid input, .caldera-grid textarea {
  border: 0px !important;
  box-shadow: unset !important;
}
.caldera-grid .btn {
  background-color: #000000 !important;
  color: #FFFFFF !important;
  padding: 10px 20px 10px 20px !important;
  float: right;
  font-weight: 800 !important;
  text-transform: uppercase;
}

.caldera-grid .btn:hover {
  background-color: #333 !important;
}

.caldera-grid a:hover {

    color: #000000 !important;
    text-decoration: underline;

}


#caldera_form_1 .radio input,#caldera_form_1 .checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

#caldera_form_1 .radio label,
#caldera_form_1 .checkbox label
{padding-left: 34px;}
 
    
/* Create custom checkbox */   
.radio .checkmark, .checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: #fff;
}

.radio .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  border-radius: 100%;
  background-color: #ccc;
}
   
    
/* On mouse-over, add a grey background color */
.radio:hover input ~ .checkmark,
.checkbox:hover input ~ .checkmark    
    {
  background-color: #ccc;
}
    
 /* When the checkbox is checked, add a blue background */
.checkbox input:checked ~ .checkmark,
.radio input:checked ~ .checkmark {
  background-color: #000000;
}   
    
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox input:checked ~ .checkmark:after,
.radio input:checked ~ .checkmark:after     
    {
  display: block;
}

     
 /* Alternativ "X" */   
.checkbox .checkmark:after   
    {
  content: "+";
  font-size: 30px;
  color: #FFF; 
  font-weight: 100; 
  left: 3px;
  top: 0px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);}/* End custom CSS */