/*
Theme Name: thermoexpert Child
Description: Child theme for thermoexpert theme
Author: 
Author URI: 
Template: thermoexpert
Version: 1.0.0
Text Domain: uncode
*/

/* ================================
diverse globale
================================ */

/* line format */
hr {
  border: none; /* Entfernt die Standardlinie */
  border-top: 1px dashed #adadad !important; /* Erstellt eine gestrichelte Linie */
  margin: 10px 0; /* Abstände oben und unten */
  width: 100%; /* Passt sich an die Breite des Containers an */
}

.uncode-nav-container {
  background: #2b2b2a !important;
  color: white !important;
}
/*
span.cat-comma {
  display: none !important;
}*/

.trenner-weiss .separator-no-padding {
  border: none; /* Entfernt eventuelle Standardrahmen */
  border-top: 0.5px solid white !important; /* Weißer, durchgehender Trenner */
}

/* category separation tags */

span.t-entry-category.t-entry-tax {
  padding-right: 9px;
}

/* Tooltip-Stil überschreiben */
.tooltip {
  font-size: 16px !important; /* Riesige Schrift für den Tooltip */
}
/* card bild umlaufender rand  ausser auf about us */

:not(.page-id-149882) .t-entry-visual img {
  padding: 20px; /* Innenabstand für den umlaufenden Rand */
  background-color: inherit;
}




/* cards ********* */
/* card background */
.t-inside.style-color-xsdn-bg.no-anim {
  background: white !important;
}

/* border top not round */
.border-radius-huge-top-only .unradius-hg {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.te-temperature-black {
  margin-left: 1px;
  position: relative !important;
  top: 0.41em !important;
  color: #2b2b2a;
}

.te-temperature-raspberry {
  margin-left: 1px;
  position: relative;
  top: 0.41em;
  color: #c7066e;
}

/* ================================
typography
================================ */

@font-face {
  font-family: "CaRo-Bold";
  src: url("fonts2/caustenround-bold-webfont.woff2") format("woff2"),
    url("fonts2/caustenround-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "CaRo-Light";
  src: url("fonts2/caustenround-light-webfont.woff2") format("woff2"),
    url("fonts2/caustenround-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "CaRo-Medium";
  src: url("fonts2/caustenround-medium-webfont.woff2") format("woff2"),
    url("fonts2/caustenround-medium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "CaRo-Regular";
  src: url("fonts2/caustenround-regular-webfont.woff2") format("woff2"),
    url("fonts2/caustenround-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

/* open-sans-regular - latin */
@font-face {
  font-display: swap;
  font-family: "OpenSans";
  font-style: normal;
  font-weight: 400;
  src: url("fonts2/open-sans-v40-latin-regular.woff2") format("woff2");
}

/* open-sans-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: "OpenSansItalic";
  font-style: italic;
  font-weight: 500;
  src: url("fonts2/open-sans-v40-latin-500italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


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






/* vereinheitlichung aller intro blöcke */
.intro-block-regular p {
  font-size: 18px !important;
  line-height: 19px !important;
}

.intro-block-regular.text-small p {
  font-size: 19px !important;
  line-height: 26px !important;
}

.no-break {
  word-break: keep-all !important;
}

/* responsive headlines  */

/* 
h1,
h2,
h3,
p {
  word-break: break-word;
  hyphens: auto;
} */





p {
  word-break: break-word;
  hyphens: auto;
}

h1 {
  font-size: clamp(40px, 6vw, 75px) !important;
}

h3.t-entry-title.font-CaRo-Regular.custom.fontsize-109281-custom.font-weight-200.title-scale {
  font-size: clamp(19px, 2vw, 22px) !important;
}

/* cta header 

h3.font-CaRo-Regular.fontsize-338686.fontheight-161249.fontspace-781688.font-weight-100 {
  font-size: clamp(40px, 4vw, 60px) !important;
} */


/* cta styling fonts all devices */


/* Desktop (größer als 1024px) */
@media (min-width: 1025px) {
  h3.font-CaRo-Regular.fontsize-338686.fontheight-161249.fontspace-781688.font-weight-100 {
    font-size: 55px !important;
    line-height: 50px !important;
  }

  .cta-styling .uncode_text_column.text-lead.text-color-xsdn-color p {
    font-size: 21px !important;
    line-height: 27px !important;
  }
}

/* Tablet (zwischen 769px und 1024px) */
@media (min-width: 769px) and (max-width: 1024px) {
  h3.font-CaRo-Regular.fontsize-338686.fontheight-161249.fontspace-781688.font-weight-100 {
    font-size: 40px !important;
    line-height: 39x !important;
  }

  .cta-styling .uncode_text_column.text-lead.text-color-xsdn-color p {
    font-size: 19px !important;
    line-height: 28px !important; 
	
  }
}

/* Mobile (bis 768px) */
@media (max-width: 768px) {
  h3.font-CaRo-Regular.fontsize-338686.fontheight-161249.fontspace-781688.font-weight-100 {
    font-size: 33px !important;
    line-height: 35px !important;
  }

  .cta-styling .uncode_text_column.text-lead.text-color-xsdn-color p {
    font-size: 16px !important;
    line-height: 20px !important;
  }
}











.product-headline h1 {
  font-size: clamp(24px, 6vw, 40px) !important;
  padding-bottom: 20px;
}

/* expertroom and cases headline clamping */

h2.font-CaRo-Regular.h2.font-weight-100 {
  font-size: clamp(36px, 1.93vw + 36px, 60px) !important;
}
h1.font-CaRo-Regular.h2.font-weight-100 {
  font-size: clamp(36px, 1.93vw + 36px, 60px) !important;
  line-height: 0.9 !important;
}

.text-small,
.text-small > *,
.nav-tabs .tab-excerpt.text-small {
  font-size: 20px !important;
  line-height: 25px !important;
}

/* fonts */

/* ================================
   typography
================================ */

/* lead text mod */
.uncont .uncode_text_column.text-lead p {
  font-family: "Caro-Regular";
  font-size: 22px;
  line-height: 28px;
  /* color:black; */
}

@media (max-width: 959px) {
  h1:not([class*="fontsize-"]),
  .h1:not([class*="fontsize-"]) {
    font-size: 60px;
  }
}

h3 {
  line-height: 1 !important;
}

h2 {
  line-height: 0.9 !important;
}

@media (max-width: 1024px) {
  h2 {
    font-size: 50px !important;
    line-height: 1.3;
  }
}

@media (max-width: 768px) {
  h2 {
    font-size: 50px !important;
  }
}

/* **************************** */
/* **************************** */

/* cards custom type */
/* Headline-Stil in card-cases */
.card-cases .t-entry-title {
  margin-bottom: 15px !important;
  padding-top: 5px !important;
}






/* Links in den Headlines */
.card-cases .t-entry-title a {
  color: #c7066e; /* Link-Farbe */
  transition: color 0.5s ease;
}

.card-cases .t-entry-title a:hover {
  color: #a0055a; /* Hover-Farbe */
  text-decoration: underline;
}

/* Kategorie-Stil */
.card-cases .t-entry-meta {
  font-family: "Caro-Regular", sans-serif;
  font-size: 16px; /* Schriftgröße */
  font-weight: 300; /* Schriftstärke */
  margin-bottom: 10px; /* Abstand nach unten */
}

/* Textstil für den Paragraph */
.card-cases .t-entry-excerpt p {
  font-family: "Caro-Regular", sans-serif;
  font-size: 17px; /* Schriftgröße */
  color: #666; /* Textfarbe */
  line-height: 1.4; /* Zeilenhöhe */
  margin-bottom: 20px; /* Abstand nach unten */
}

/* ================================
   badge top 
================================ */

/* te badge position
.uncode-single-media.offset_badge.text-left {
  margin-left: -50px !important;
}  */

/* te badge position */
.uncode-single-media.offset_badge.text-left {
  margin-left: -50px;
}

.twentyfour-hours-badge-image {
  padding: 0px !important;
}

/* 24 hour badge pisition */
.twentyfour-hours-badge-image {
  position: absolute;
  top: -60px;
  right: -30px;
}

@media (max-width: 1300px) {
  .twentyfour-hours-badge-image {
    display: none;
  }
}

/* ================================
   cards loesungen
================================ */

/* remove comment count */
a.extras-wrap {
  display: none !important;
}

.extras-wrap {
  border-top: 1px dotted #999999; /* Schwarze Linie */
  width: 100%;
  margin-top: 10px;
  padding-top: 10px;
}

/* micro adjustments card typography */
.card-cases .t-entry-excerpt p {
  margin-top: 10px !important;
  line-height: 20px !important;
  margin-bottom: 10px !important;
  font-size: 18px !important;
}

/* micro adjustments card typography 
.card-cases h3 {
  line-height: 30px !important;
}*/


/* cards kundenlungen type */
.row-kundenloesungen h3 {
  font-size: clamp(27px, 2.5vw, 40px) !important;
  line-height: 1.0!important;
}







.card-cases a.btn.btn-default.btn-round {
  background: #c7066e !important;
  border: 0px !important;
  padding: 12px 35px 12px 20px !important;
  margin-top: 20px !important;
  font-weight: 100 !important;
  position: relative; /* Für das Positionieren des Pfeils */
}

.card-cases a.btn.btn-default.btn-round::after {
  content: "\e0c3"; /* Unicode für den Pfeil (z. B. FontAwesome "fa-arrow-right") */
  font-family: "uncodeicon" !important; /* Font-Familie anpassen */
  position: absolute;
  top: 50%;
  right: 15px; /* Abstand zum rechten Rand */
  transform: translateY(-50%);
  font-size: 14px; /* Größe des Pfeils */
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ================================
   all about buttons
================================ */

/* allgemeine Button-Stile */
button,
a.btn,
.menu-btn-container.btn {
  border-radius: 30px !important;
  transition: all 0.3s ease;
}

button.single_add_to_cart_button,
button#place_order,
.uncode-wc-module .btn-block {
  /* width: 100% !important; */
	width:auto;	
  display: inline-block !important;
}




.btn-container .btn-round,
a.custom-link.btn.btn-round {
  border-radius: 30px !important;
  font-size: 16px;
}

/* rechteckige Buttons */
.arrows-square.uncode-owl-nav .uncode-nav-container,
.arrows-round.uncode-owl-nav .uncode-nav-container {
  padding: 16% 0 !important;
  width: 90px;
}

/* Wortumbruch für Text */
.font-CaRo-Regular.h2.font-weight-100 span {
  white-space: normal !important;
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
}

/* ================================
   buttons cards
================================ */

a.btn.btn-default.btn-sm.btn-round {
  font-size: 15px !important;
  border: 0 !important;
  background: #262626 !important;
  color: white !important;
}

a.btn.btn-default.btn-sm.btn-round:hover {
  background: #c7066e !important;
}

/* Hover-Zustand nur innerhalb von p.t-entry-readmore.btn-container */
p.t-entry-readmore.btn-container a.btn.btn-default.btn-sm.btn-round:hover {
  background: #c7066e !important;
  color: white !important;
}

/* overall */
.top-menu.navbar.menu-secondary.menu-dark.submenu-dark.style-color-rgdb-bg.top-menu-padding.top-menu-enhanced.menu-animated {
  display: none;
}

/* dropdown menue */
@media (min-width: 1024px) { /* Nur für Desktop */
  .drop-menu {
    border-radius: 5px !important;
    box-shadow: none !important;
    padding: 0px;
    margin-top: -30px !important;
    z-index: 200 !important;
  }

  .drop-menu .menu-item {
    padding: 10px !important;
    margin: 0 !important;
    transition: background 0.3s ease-in-out !important;
    border-bottom: 1px dotted rgba(0, 0, 0, 1) !important;
  }
/*
  .drop-menu .menu-item:last-child {
    border-bottom: 1px solid red !important;
  }*/

  .drop-menu.open-animated {
    box-shadow: 6px 6px 25px rgba(0, 0, 0, 0.1) !important;
  }
}


/* ================================
   hero button
================================ */

.menu-item.menu-item-type-post_type.menu-item-object-page.menu-btn-container.btn {
  position: relative;
  background: black;
  color: white;
  border-radius: 40px;
  overflow: hidden;
  transition: all 0.3s ease;
}

.menu-item.menu-item-type-post_type.menu-item-object-page.menu-btn-container.btn:hover {
  background: #e30b5d;
  color: white;
}

.menu-item.menu-item-type-post_type.menu-item-object-page.menu-btn-container.btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.5) 50%,
    rgba(255, 255, 255, 0.2) 100%
  );
  transform: skewX(-20deg);
  transition: all 0.3s ease;
}

.menu-item.menu-item-type-post_type.menu-item-object-page.menu-btn-container.btn:hover::before {
  left: 100%;
  transition: all 0.5s ease;
}

.menu-icon {
  transition: all 0.3s ease;
}

.menu-item.menu-item-type-post_type.menu-item-object-page.menu-btn-container.btn:hover
  .menu-icon {
  background-color: white;
  color: black;
}

.menu-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  background-color: #c7066e;
  color: white;
  border-radius: 50%;
  transition: all 0.3s ease;
}

.menu-btn-container span {
  display: inline-flex;
  align-items: center;
}

.menu-btn-container.btn {
  padding: 6px 15px 8px 9px !important;
  background: black;
  /* color: red; */
  border-radius: 40px !important;
  border-style: none !important;
  border-width: 0px !important;
}
.menu-btn-container.btn span {
  font-size: 17px;
  font-family: "Caro-Medium";
}

.menu-icon.fa.fa-phone {
  font-size: 20px !important;
}

/* ================================
   colours
================================ */

.raspberry {
  color: #c7066e;
}

.style-color-gradient-thermoexpert-bg {
  background: linear-gradient(
    115deg,
    #262626 8%,
    #292929 4%,
    #7f0845 16%,
    #be1163 22%,
    #de3a5c 38%,
    rgba(223, 60, 91, 0.2) 60%,
    rgba(221, 55, 91, 0) 90%
  );
}

/* deep gradient */

.color-gradient-thermoexpert-deep-2 {
  background: linear-gradient(
    0deg,
    /* Von unten nach oben */ #262626 0%,
    #292929 14%,
    #7f0845 29%,
    #be1163 43%,
    #de3a5c 57%,
    #df3c5b 71%,
    #dd375b 86%,
    #e3415b 100%
  );
}

/* ================================
   Carousel Thermoelemeente
================================ */

/* feil! */

#index-carousel a.btn.btn-sm.btn-round {
  background: #c7066e !important;
  font-size: 15px !important;
  border: 0px !important;
  font-family: "Caro-Regular";
  font-weight: 100 !important;
  padding: 12px 29px !important;
  color: #fff;
}

#index-carousel a.btn.btn-sm.btn-round::after {
  content: "\e87a";
  font-family: "uncodeicon" !important;
  font-size: 12px;
  margin-left: 10px;
  font-weight: bold;
  color: #fff;
}

#index-carousel a.btn.btn-sm.btn-round:hover {
  color: #fff !important;
  text-decoration: underline !important;
}

.uncode-owl-nav .uncode-nav-container .fa.fa-1x {
  font-size: 1.2em;
}

/* tags colour */

.owl-carousel-wrapper.card-cases .t-entry-category a {
  color: #c7066e !important; /* Überschreibt die allgemeine Farbe */
  text-decoration: none; /* Entfernt Unterstreichung */
}

.owl-carousel-wrapper.card-cases .t-entry-category a:hover {
  color: #000000 !important; /* Hover-Farbe */
  text-decoration: underline; /* Unterstreichung bei Hover */
}

.t-inside.style-color-lxmt-bg.no-anim.start_animation {
  box-shadow: 5px 5px 5px rgba(255, 255, 50, 0.75) !important;
}

/* ================================
  carousel thermoelemente 01 / 02 / 03
================================ */

/* Deaktiviere alle Links innerhalb der Carousel-Items */
.owl-carousel .t-entry-title a {
  pointer-events: none; /* Macht den Link unklickbar */
  cursor: default; /* Ändert den Cursor zum Standard-Pfeil */
  text-decoration: none; /* Entfernt die Unterstreichung */
  color: inherit; /* Vererbt die Textfarbe vom Elternelement */
}

.carousel-container-features .owl-carousel-wrapper .t-entry {
  display: flex;
  align-items: flex-start;
  gap: 25px;
}
.carousel-container-features .owl-carousel-wrapper .t-entry-title {
  flex-shrink: 0;
  font-size: 7rem !important;
}

.carousel-container-features .owl-carousel-wrapper .t-entry-excerpt {
  padding-top: 13px !important;
  flex-grow: 1;
  font-family: "Caro-Regular";
}

.carousel-container-features
  .owl-carousel-wrapper
  .t-entry-excerpt.text-lead
  p {
  font-size: 1.5rem;
  line-height: 1.9rem;
}

.carousel-container-features .owl-item:not(.active) .t-entry-text {
  filter: blur(4px);
  /* transition: filter 0.3s ease;  */
}

/* no offset */
.t-inside.parallax-el {
  transform: none !important;
}

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

/* Allgemeine Textstile */
.phone-footer p,
.phone-footer-mobile p,
.tiny-adress p {
  color: white;
  font-weight: 400 !important;
}

/* Phone Footer */
.phone-footer p {
  font-size: 37px;
  line-height: 42px;
  font-family: "Caro-Medium";
}

.phone-footer-mobile p {
  font-size: 27px;
  line-height: 30px;
  font-family: "Caro-Medium";
}

/* Tiny Address */
.tiny-adress p {
  font-size: 13px;
  line-height: 20px;
}

/* Links Footer */
.links-footer a {
  font-size: 18px;
  line-height: 22px;
  color: white;
  font-family: "Caro-Light";
  transition: color 0.3s ease;
}

.links-footer a:hover {
  color: #ffc300; /* Hover-Farbe */
}

.links-footer a:visited {
  color: white !important; /* Visited-Farbe */
}

.links-footer a:active {
  color: #e74c3c; /* Farbe beim Klicken */
}

/* Footer Container Padding */
.row-container.style-dark-bg.footer-last {
  padding: 0 15px !important;
}

/* Menüelemente */
.menu-horizontal .current-menu-item > a,
.menu-horizontal .active > a {
  font-family: "Caro-Bold" !important;
  color: #c7066e !important; /* Raspberry-Farbe */
}

.menu-horizontal .current-menu-item > a:hover,
.menu-horizontal .active > a:hover {
  text-decoration: underline;
}




/* Badge- und Logo-Settings */

/* Desktop (ab 1025px) */
@media (min-width: 1025px) {
  .badge-footer .t-entry-visual img {
    padding: 90px 0 0 0;
  }
  .logo-footer .t-entry-visual img {
    padding: 0 0 10px 0;
  }
}

/* Tablet (701px bis 1023px) */
@media (min-width: 701px) and (max-width: 1023px) {
  .badge-footer .t-entry-visual img {
    padding: 0;
    width: 130px; /* Kein Padding auf Tablet */
  }
  .logo-footer .t-entry-visual img {
    padding: 40px 0 0 0;
    width: 290px; /* Beibehaltung des Logos-Abstands auf Tablet */
  }
}

/* Mobile (bis 700px) */
@media (max-width: 700px) {
  .badge-footer .t-entry-visual img {
    padding: 0; /* Kein Padding auf Mobile */
  }
  .logo-footer .t-entry-visual img {
    padding: 40px 0 0 0; /* 40px Abstand nach oben auf Mobile */
  }
}






/* lines social */
.line-above {
  position: relative;
  padding-top: 20px; /* Abstand zwischen Linie und Inhalt */
}

.line-above::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.5px; /* Dünne Linie */
  background-color: #ffffff; /* Weiße Farbe */
}

/* ================================
  mobile desktop switch general
================================ */

/* mobile desktop switch items */
/* Standard (Desktop und Tablet) */
.show-desktop {
  display: block;
}
.hide-desktop {
  display: none;
}
/* Mobile (unter 768px) */
@media screen and (max-width: 767px) {
  .show-desktop {
    display: none;
  }
  .hide-desktop {
    display: block;
  }
}

/* ================================
  Tech Proof
================================ */

.tech-proof-divider {
  margin-top: 7px !important;
}
.tech-proof-description {
  margin-top: 9px !important;
  font-size: 22px !important;
}
.tech-proof-description p {
  font-size: 18px !important;
}
.tech-proof-number {
}

.uncode-single-media.tech-proof-satellit.text-center {
  left: 90px;
  top: 50px;
}

.tech-proof-satellit-no-offset  img {
  display: block;
  animation: float 4s ease-in-out infinite; /* Animation auf das Bild anwenden */
}



.tech-proof-satellit img {
  display: block;
  animation: float 4s ease-in-out infinite; /* Animation auf das Bild anwenden */
}

@keyframes float {
  0% {
    transform: translateY(0); /* Ausgangsposition */
  }
  50% {
    transform: translateY(-10px); /* Nach oben bewegen */
  }
  100% {
    transform: translateY(0); /* Zurück zur Ausgangsposition */
  }
}

/* ================================
   Cards Expert Room
================================ */

/* remove comment count */
a.extras-wrap {
  display: none !important;
}

.extras-wrap {
  border-top: 1px dotted #999999; /* Schwarze Linie */
  width: 100%;
  margin-top: 10px;
  padding-top: 10px;
}

/* card bild umlaufender rand */
.cards-expertroom .t-entry-visual img {
  padding: 14px !important;
}








/* micro adjustments card typography */
.cards-expertroom .t-entry-excerpt p {
  margin-top: 10px !important;
  line-height: 18px !important;
  margin-bottom: 10px !important;
}

.cards-expertroom h4 {
  line-height: 24px !important;
}

.cards-expertroom a.btn.btn-default.btn-sm.btn-round {
  background: black !important;
  padding: 9px 33px 9px 15px !important;
  margin-top: 10px !important;
  position: relative; /* Für das Positionieren des Pfeils */
}

.cards-expertroom a.btn.btn-default.btn-sm.btn-round::after {
  content: "\e0c3";
  font-family: "uncodeicon" !important; /* Font-Familie anpassen */
  position: absolute;
  top: 50%;
  right: 12px; /* Abstand zum rechten Rand */
  transform: translateY(-50%);
  font-size: 12px; /* Größe des Pfeils */
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* pfeil offset but not for hero button */

.btn:not(.menu-btn-container) .fa,
.btn-link:not(.menu-btn-container) .fa {
  /* top: -0.09em!important; */
}

/* ================================
   blog type styles
================================ */

/* blog limits */
.limit-content-width {
  max-width: 900px !important;
  margin: 0 auto !important;
}
@media (min-width: 769px) {
  .max-with-blog-intro span {
    max-width: 80% !important;
  }
}

.cases-template-default .uncode_text_column p:not(.site-footer *),
.expertroom-template-default .uncode_text_column p:not(.site-footer *) {
  font-family: "OpenSans";
  font-weight: 400 !important;
  font-size: 20px !important;
  line-height: 31px !important;
}

blockquote p {
  color: #c7066e !important;
  padding-top: 15px !important;
  padding-bottom: 10px !important;
  font-family: "OpenSansItalic" !important;
}

.cases-template-default h1.font-CaRo-Bold.h1.fontheight-161249.text-uppercase {
  word-break: break-word;
  hyphens: auto;
}
.expertroom-template-default
  h1.font-CaRo-Bold.h1.fontheight-161249.text-uppercase {
  word-break: break-word;
  hyphens: auto;
}

/* Ungeordnete Listen (ul) innerhalb der spezifischen Templates */
.cases-template-default .uncode_text_column ul,
.expertroom-template-default .uncode_text_column ul {
  padding-left: 0px !important;
}

/* Listenelemente in geordneten Listen (ol) */
.cases-template-default .uncode_text_column ol li,
.expertroom-template-default .uncode_text_column ol li {
  border-bottom: 1px dotted #000;
}

/* Listenelemente in ungeordneten Listen (ul) */
.cases-template-default .uncode_text_column ul li,
.expertroom-template-default .uncode_text_column ul li {
  font-family: "OpenSans" !important;

  font-weight: 500 !important;
  margin: 9px !important;
  font-size: 20px !important;
  border-bottom: 1px dotted #000;
}

.blog-zwischenheadline h2 {
  font-size: 40px !important;
  line-height: 40px !important;
  font-weight: 100 !important;
  font-family: "Caro-Regular";
}

/* Mobile: bis 767px */
@media (max-width: 767px) {
  .intro-block-blog-teaser p {
    font-size: 28px !important;
    line-height: 30px !important;
    color: #c7066e;
    max-width: 25em !important;
  }

  .row.col-double-gutter.double-top-padding.no-bottom-padding.single-h-padding.limit-width.row-parent {
    padding: 25px 5px 0 5px !important;
  }

  .expertroom-template-default h1 {
    font-size: 45px !important;
    line-height: 40px !important;
  }

  .uncode-info-box.font-CaRo-Regular.h5.fontheight-357766.fontspace-781688.font-weight-400 {
    display: none;
  }

  .row.double-top-padding.quad-bottom-padding {
    padding-top: 5px;
  }

  .hero-image-blog .uncell {
    height: 50vh !important;
  }
}

/* ================================
   styles overview pages cases and expertroom
================================ */

.style-color-nhtu-bg {
  background-color: white !important;
}

.widget-title {
  color: #c7066e !important;
}

.term-filter input[type="checkbox"] {
  background-color: unset !important; /* Hintergrundfarbe der Checkbox */
  border: 1px solid #ccc; /* Optionale Rahmenfarbe */
}

.term-filter input[type="checkbox"] {
/*  background-color: #c6056e !important; */
  border: 1px solid #ccc;
}

.style-color-nhtu-bg {
  background-color: unset !important;
}

/* ================================
   kontaktseite formular
================================ */

/* Formular-Container */
.wpcf7 form {
  margin: 0 auto;
  font-family: "Caro-Regular";
}

/* Eingabefelder (Text, Email, Tel, Textarea) */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
  width: 100%;
  padding: 15px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

/* Checkbox-Styling */
.wpcf7 input[type="checkbox"] {
  margin-right: 2px;
}

/* Basis-Button */
.wpcf7 .btn {
  background-color: #007bff; /* Farbe des Buttons */
  color: #fff;
  padding: 10px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
  text-transform: uppercase;
  width: auto; /* Button nicht 100% */
  text-align: center;
}

/* AKZENT-BUTTON (runde Form + kein margin-top) */
input.wpcf7-form-control.wpcf7-submit.has-spinner.btn.btn-accent {
  border-radius: 30px !important;
  margin-top: 0px;
}

/* Hover-Effekt für den Akzent-Button */
input.wpcf7-form-control.wpcf7-submit.has-spinner.btn.btn-accent:hover {
  background: #2b2b2a !important;
  color: white !important;
}

/* (Entfernte .wpcf7 .btn-accent:hover mit #0056b3, da hier der spezifischere Hover-Farbwert #2b2b2a genutzt wird) */

/* Abstand & Zeilenhöhe im init-Formular */
form.wpcf7-form.init p {
  line-height: 15px !important;
}

/* Zusätzlicher Abstand bei einzelnen Textfeldern */
.wpcf7-form-control.wpcf7-text {
  margin-bottom: 9px !important;
}

/* Mobile form adjustments */
@media only screen and (max-width: 768px) {
  .wpcf7-form-control.wpcf7-text {
    margin-bottom: 0px !important;
  }
  .uncode_text_column.text-small {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

/* Individuelle Überschrift in Formular-Hierarchie */
.formular-hierarchie {
  font-size: 24px !important;
  padding-top: 40px;
}

/* Allgemeiner Absatz in jedem form */
form p {
  font-weight: 400;
}

/* FILE-Upload-Feld separat behandeln (unsichtbar hinter Label) */
.wpcf7 input[type="file"] {
  position: absolute;
  opacity: 0;
  z-index: 2;
  padding-left: 0 !important;
}

/* Label für Datei-Upload */
label[for="upload-datei"] {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  background-color: #505050;
  padding: 10px 20px;
  border-radius: 25px;
  cursor: pointer;
  text-align: center;
  margin: 0px 10px 30px 0px;
  transition: background-color 0.3s ease;
}

label[for="upload-datei"]:hover {
  background-color: #c7066e;
}

/* Checkbox / Radiobutton Text */
.custom-checkbox {
  font-size: 18px;
  display: block;
  margin-bottom: 0px;
  line-height: 0px !important;
}
label.custom-checkbox {
  font-size: 18px !important;
  line-height: 0px !important;
}

/* Pflichtfeld-Hinweis */
.pflichtfeld-hinweis-container {
  margin-top: 20px;
  text-align: left;
}
.pflichtfeld-hinweis {
  font-size: 14px;
  color: #666;
}

/* ================================
   cta thermoelemente
================================ */

/* cta thermoleemente 
body:not(.vc-safe-mode) .shift_y_neg_quad {
  margin-top: -330px !important;
} */

/* image placement */

/* Standard Desktop */
@media (min-width: 1025px) {
  .vc_row.more-offset .wpb_row.shift_y_neg_quad {
    margin-top: -350px !important;
  }
}

/* Tablet (max. 1024px) */
@media (max-width: 1024px) {
  .vc_row.more-offset .wpb_row.shift_y_neg_quad {
    margin-top: 50px !important; /* Anpassung für Tablets */
  }
}

/* Smartphone (max. 768px) */
@media (max-width: 768px) {
  .vc_row.more-offset .wpb_row.shift_y_neg_quad {
    margin-top: 50px !important; /* Anpassung für Smartphones */
  }
}

/*
.vc_row.more-offset.row-internal.row-container.boomapps_vcrow {
  margin-top: -430px !important;
}
 */

.text-less-margin-top {
  margin-top: 10px !important;
}
.text-less-margin-top p {
  line-height: 24px !important;
}

/* Desktop (ab 1024px) 
@media (min-width: 1024px) {
  .vc_row.more-offset.row-internal.row-container.boomapps_vcrow {
    margin-top: -130px !important;
  }
} */

/* Tablets (768px bis 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
  .vc_row.more-offset.row-internal.row-container.boomapps_vcrow {
    margin-top: -90px; /* Beispielwert */
  }
}

/* Smartphones (bis 767px) */
@media (max-width: 767px) {
  .vc_row.more-offset.row-internal.row-container.boomapps_vcrow {
    margin-top: -90px; /* Beispielwert */
  }
}

.cta-thermoelement .t-entry-visual img {
  padding: 0px;
}

/* ================================
   Bereich Thermoelemente
================================ */





/* Cards */
.cards-thermoelemente h3 {
   font-size: clamp(21px, 2.5vw, 25px) !important;
  line-height: 1.0!important;
}
.cards-thermoelemente p {
  line-height: 22px;
  margin-top: 10px !important;
}
.cards-thermoelemente a.btn.btn-default.btn-sm.btn-round {
  background: #2b2b2a !important;
}

/* Icons alignment */
.t-entry-cf-detail-262378 img,
.t-entry-cf-detail-211049 img,
.t-entry-cf-detail-221114 img {
  width: 24px !important;
  height: unset !important;
  /* height: 29px; */
  margin-top: -7px; /* Abstand nach oben korrigieren */
}

/* Container Styling */
.t-inside.style-color-xsdn-bg.no-anim {
  border-radius: 10px;
}

/* Accordion */

@media only screen and (min-width: 900px) {
.accordion-head-class {
  padding-top: 80px;
  padding-right: 70px;
  padding-bottom: 80px;
}
}
.accordion-head-class .text-small p {
  font-size: 16px;
  line-height: 24px;
}
.accordion-class {
  margin-top: 0px !important;
  padding-bottom: 50px;
}

/* Responsive Adjustments */
@media only screen and (max-width: 768px) {
  .uncell.boomapps_vccolumn.single-block-padding.style-color-xsdn-bg {
    padding-left: 0px;
    padding-right: 0px;
  }

  .accordion-head-class {
    padding-right: 15px !important;
    padding-left: 35px !important;
  }

  .accordion-class .panel-title {
    font-size: 24px;
  }
}

/* cta wissen */

.cta-wissen-outer-row h3 {
  line-height: 50px;
}

.cta-wissen-outer-row p {
  line-height: 22px;
}

/* Tablet: 768px bis 1024px */
@media (min-width: 768px) and (max-width: 1024px) {
  .uncode_text_column.cta-wissen-width-limit.vc_custom_1737674668585 {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }

  .cta-wissen-outer-row h3 {
    font-size: 60px !important;
    line-height: 50px;
  }
}

/* Mobile: bis 767px */
@media (max-width: 767px) {
  .uncode_text_column.cta-wissen-width-limit.vc_custom_1737674668585 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .cta-wissen h3 {
    font-size: 60px !important;
    line-height: 51px !important;
  }

  .row.no-top-padding.no-bottom-padding.single-h-padding.limit-width.row-parent {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* ================================
 Shop and Cart Styling
================================ */

/* ================================
cart related 
================================ */

/* *************************** */
/* formatierung icons mit meta infos product cards */
.t-entry-cf-detail-262378,
.t-entry-cf-detail-211049,
.t-entry-cf-detail-221114 {
  display: inline-flex; /* Inline-Layout für jedes Element */
  gap: 0.5rem; /* Abstand zwischen icon und Text */
  border-bottom: 1px solid #ccc; /* Dünne Linie unter jeder Zeile */
  padding-bottom: 0.5rem; /* Abstand zwischen Element und Linie */
  margin-bottom: 0.5rem; /* Abstand zur nächsten Zeile */
}

/* small icons in cards */
.t-entry-cf-detail-262378 img,
.t-entry-cf-detail-211049 img,
.t-entry-cf-detail-221114 img {
  width: 12px;
  height: auto;
}

.wc-proceed-to-checkout {
  text-align: center !important;
  text-transform: none !important;
}
.btn-custom-typo.text-capitalize {
  text-transform: none !important;
}

.form-row.place-order.x {
  border-color: #303133 !important;
}

table.shop_table.woocommerce-checkout-review-order-table {
  border-bottom-color: #303133 !important;
}

/* cart overview vertical align */

.woocommerce-checkout .uncell .boomapps_vccolumn .single-block-padding {
  display: flex !important;
  justify-content: center;
  align-items: center;
}

a.reset_variations {
  display: none !important;
}

/* cart buttons custom code switch */
.custom-button-variation {
  background: #2b2b2a;
  color: white !important;
  padding: 18px 30px 18px 30px;
  border-radius: 30px;
  font-family: "Caro-Medium";
  font-weight: 100 !important;
  font-size: 15px !important;
  border: 1px solid black;
}

.custom-button-variation:hover {
  background: white;
  color: #2b2b2a !important;
  border: 1px solid black;
}

th.woocommerce-product-attributes-item__label {
  vertical-align: top !important;
}

/* filter widget settings */
.widget-collapse-content {
  padding-top: 5px !important;
  padding-bottom: 0px !important;
}

/* remove required star on product pages */
abbr.required {
  display: none !important;
}

a.added_to_cart.wc-forward {
  padding-left: 20px;
  font-size: 15px !important;
}

button.single_add_to_cart_button.button.btn.border-width-0.btn-default.btn-no-scale.btn-icon-left.cursor-init.added.added_and_noted {
  padding: 14px 14px 14px 14px !important;
}

/* Wrapper für den Block */
.woocommerce-mini-cart__custom-block {
  background-color: #f9f9f9; /* Hellgrauer Hintergrund */
  padding: 20px; /* Innenabstand */
  margin-top: 20px; /* Abstand nach oben */
  border: 1px solid #e0e0e0; /* Rahmen */
  border-radius: 8px; /* Abgerundete Ecken */
  text-align: left; /* Zentrierter Text */
}

/* Headline-Styling */
.woocommerce-mini-cart__custom-headline {
  font-size: 18px; /* Schriftgröße */
  font-weight: bold; /* Fett */
  color: #333; /* Dunkles Grau */
  margin-bottom: 10px; /* Abstand nach unten */
}

/* Text-Styling */
.woocommerce-mini-cart__custom-text {
  font-size: 14px;
  color: #555; /* Mittelgrau */
  line-height: 1.6; /* Zeilenhöhe */
  margin: 0; /* Kein Rand */
}

/* Links im Text */
.woocommerce-mini-cart__custom-text a {
  color: #007cba; /* WooCommerce-Blau */
  text-decoration: none; /* Keine Unterstreichung */
}

.woocommerce-mini-cart__custom-text a:hover {
  text-decoration: underline; /* Unterstrich beim Hover */
}

ul.woocommerce-mini-cart.cart_list.product_list_widget {
  padding: 30px !important;
}

p.woocommerce-mini-cart__total.total {
  padding: 30px !important;
}

/* In style.css oder im Customizer -> Zusätzliches CSS */
.woocommerce-mini-cart .mini_cart_item a {
  font-size: 22px;
  line-height: 12px !important;
  font-weight: 600; /* z.B. fetter */
  color: #333; /* Textfarbe */
  text-decoration: none; /* Falls du keinen Unterstrich möchtest */
}

.woocommerce-mini-cart .mini_cart_item a.remove.remove_from_cart_button {
  font-size: 24px !important;
  color: #cc0000;
  text-decoration: none;
  margin-right: 10px;
}

/* 1. Pfeil zwischen Step 1 & 2 animieren */
.checkout-step--cart.checkout-step--active .checkout-step-icon {
  animation: arrow-wiggle 1.5s infinite;
  color: #c7066e;
  opacity: 1;
}

/* 2. Keyframes-Definition für den Pfeil */
@keyframes arrow-wiggle {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(5px);
  }
  100% {
    transform: translateX(0);
  }
}

/* Pfeil im aktiven Schritt 2 animieren */
.checkout-step--checkout.checkout-step--active .checkout-step-icon {
  animation: arrow-wiggle 1.5s infinite;
  color: #c7066e;
  opacity: 1;
}

/* Keyframes: Pfeil soll wackeln/winken */
@keyframes arrow-wiggle {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(5px);
  }
  100% {
    transform: translateX(0);
  }
}

.shop_table.compact-layout .remove-wrapper {
  margin-top: 15px;
}

/*
.quantity {
  background: #e9e9e9;
  border-color: black !important;
  padding: 6px;
} */

/* Standardmäßig keine Änderungen */
.quantity {
    background: initial;
    border-color: initial;
    padding: initial;
}

/* Nur auf Seite mit der ID 150657 anwenden */
.page-id-150657 .quantity {
    background: #e9e9e9;
    border-color: black !important;
    padding: 6px;
}

/* ================================
  product pages
first child variations display none. cave: nur für productseite
================================ */

.product-template-default .variations tbody tr:first-child .label {
  /*  display: none; nth */
}

.product-accordion p {
  font-size: 17px;
  line-height: 26px !important;
  font-family: "Caro-Regular";
}

.custom_field_nennlaenge {
  font-size: 15px !important;
  line-height: 15px !important;
  /*  padding-top: 0px !important; */
}

/* Spezifische Labels stylen */
label[for="146089_nennlange"],
label[for="146089_textarea"] {
  font-family: "CaRo-Regular" !important;
  font-weight: 600 !important;
  font-size: 15px; /* Schriftgröße */
}

/* toc styling */

#ez-toc-container {
  line-height: 40px !important;
  background: unset;
  border: 1px dotted;
  border-radius: 4px;
  box-shadow: unset;
  display: table;
  padding: 10px 20px 10px 10px;
  position: relative;
  width: auto;
}

.ez-toc-link {
  display: block;
  padding: 2px 0;
}

#ez-toc-container {
  padding: 20px;
}

svg.arrow-unsorted-368013 {
  display: none !important;
}

#ez-toc-container .ez-toc-js-icon-con,
#ez-toc-container .ez-toc-toggle label,
.ez-toc-cssicon {
  margin-top: 5px !important;
  border: 0;
}

/* toc styling */

/* ================================
   cards expertenlösungen overview sit
================================ */

/* ajax filter expertroom */
h3.widgettitle,
h3.widget-title {
  border-bottom: 1px dotted #000 !important;
  padding-bottom: 9px; /* Abstand zwischen Text und Linie */
  font-weight: 200 !important;
  font-family: "Caro-Medium" !important;
}

/* micro adjustments card typography */
.post-type-archive-expertroom .card-cases h3 {
  font-size: 25px !important;
  line-height: 25px !important;
}

/* micro adjustments card typography */
.post-type-archive-expertroom .card-cases .t-entry-excerpt p {
  font-size: 17px !important;
  line-height: 20px !important;
}

.post-type-archive-expertroom .single-block-padding {
  padding: 20px 20px 12px 22px;
}

.post-type-archive-expertroom p.t-entry-readmore.btn-container {
  padding-bottom: 10px;
}

/* expertroom cards everywhere readtime */
.tmb .t-entry p.t-entry-comments .extras > span:last-child {
  padding-top: 10px;
}

@media (min-width: 1900px) {
  .row.no-top-padding.no-bottom-padding.penta-h-padding.full-width.row-parent {
    padding-left: 15vw !important;
    padding-right: 15vw !important;
  }
}

/* ================================
people carousel about us
================================ */

.people-carousel-row-styling h3 {
  font-size: 30px !important;
  font-family: "Caro-Medium" !important;
  font-weight: 200 !important;
  color: #c7066e !important;
}

.people-carousel-row-styling .t-entry-meta span {
  /* Beispiel-Styles */

  font-family: "Caro-Regular" !important;
  font-weight: 200 !important;
  font-size: 16px !important;
}

.people-carousel-row-styling .t-entry-text-tc.single-block-padding {
  padding-top: 5px;
}

/* ================================
 imprint and data protection
================================ */

/* imprint und co */

.rechtliches-text h2 {
  font-size: 45px !important;
  font-family: "CaRo-Medium" !important;
  font-weight: 300 !important;
  margin-top: 50px;
}

.rechtliches-text h3 {
  font-size: 25px !important;
  font-family: "CaRo-Medium" !important;
  font-weight: 200 !important;
  margin-top: 20px;
}

.rechtliches-text p {
  font-size: 18px !important;
  line-height: 25px !important;
  font-family: "CaRo-Regular" !important;
}

.rechtliches-text li {
  font-size: 18px !important;
  line-height: 25px !important;
  font-family: "CaRo-Regular" !important;
}

/* ================================
kundenlösungen filter stuff
================================ */

.filter-main-group a {
  font-size: 17px !important;
}

.filter-main-group {
  text-align: left !important;
}

#ajax_sidebar_overlay {
  background: linear-gradient(
    135deg,
    #292929 14%,
    #7f0845 29%,
    #be1163 43%,
    #de3a5c 57%,
    #df3c5b 71%,
    #dd375b 86%,
    #e3415b 100%
  );
  opacity: 0.95 !important;
}

.ajax-filter-sidebar .divider-wrapper {
  display: none !important;
}

.widget-title {
  color: black !important;
}

.widget.widget-style.widget-container.sidebar-widgets h3 {
  font-size: 22px !important;
}

.ajax-filter-sidebar-body .uncell.single-block-padding {
  padding: 0px 0px 0px 0px !important;
}

.main-container
  .ajax-filter-sidebar
  .ajax-filter-sidebar-body
  > .row-container
  > .row {
  padding-top: 50px !important;
}

/* ================================
 single site mobile adjustments
================================ */

/* single mobile adjustments */

/* cta  */

@media (max-width: 768px) {
  /* CTA Mobile Anpassungen */
  .cta-styling .full-width.row-parent {
    padding-left: 0;
    padding-right: 0;
  }

  .cta-styling.uncell.boomapps_vccolumn.triple-block-padding.unradius-std {
    border-radius: 0 !important;
  }

  a.custom-link.btn.btn-lg.border-width-0.btn-default.btn-round.btn-icon-right {
    font-size: 15px !important;
    padding: 15px 20px 15px 20px !important;
  }

  .uncode-single-media.tech-proof-satellit.text-center {
    left: 10px;
  }
}

/* type  alex to team */

@media (max-width: 768px) {
  .fontsize-202831.fontheight-357766.text-color-prif-color {
    font-size: 22px !important;
    line-height: 1.2em !important;
  }

  .row.col-double-gutter.triple-top-padding.triple-bottom-padding.single-h-padding.limit-width.row-parent {
    padding-top: 5px;
    padding-bottom: 30px;
  }
}

/*startseite */

@media (max-width: 768px) {
  /* Padding für die .row-kundenloesungen Klasse */
  .row-kundenloesungen
    .row.quad-top-padding.quad-bottom-padding.single-h-padding.limit-width.row-parent {
    padding-top: 0px;
  }

  /* Abstand für den Button-Container */
  .row-cta-thermoelemente .btn-container {
    margin-top: 10px !important;
  }

  /* Styling für das .row-cta-thermoelemente Element */
  .row-cta-thermoelemente
    .row.double-top-padding.double-bottom-padding.single-h-padding.limit-width.row-parent {
    position: relative;
    border-top: 1px dotted #888888; /* Obere gepunktete Linie in Mittelgrau */
    border-bottom: 1px dotted #888888; /* Untere gepunktete Linie in Mittelgrau */
    background: #fbfbfb;
  }

  /* Margin-Änderung für .vc_row.shift-to-left */
  .vc_row.shift-to-left.row-internal.row-container {
    margin-left: -50px !important;
  }

  /* Font-Stil für .tech-proof-number */
  .tech-proof-number .font-CaRo-Medium.h2.fontheight-179065.font-weight-100 {
    font-size: 35px !important;
    /* color: #c7066e; */
  }

  /* Padding für .cards-cases-mobile */
  .cards-cases-mobile .t-entry-text-tc.single-block-padding {
    padding-top: 0px !important;
  }

  /* Padding für .single-block-padding */
  .cards-cases-mobile .single-block-padding {
    padding: 20px !important;
  }

  .intro-pitch
    .row.col-double-gutter.no-top-padding.double-bottom-padding.single-h-padding.limit-width.row-parent {
    padding-left: 15px;
    padding-right: 15px;
  }

  .intro-pitch
    .row.col-double-gutter.triple-top-padding.double-bottom-padding.single-h-padding.limit-width.row-parent {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0px !important;
  }

  .die-besten-thermoelemente-row
    .carousel-container-features
    .owl-carousel-wrapper
    .t-entry-excerpt.text-lead
    p {
    font-size: 1.1rem;
    line-height: 1.7rem;
  }

  .die-besten-thermoelemente-row .t-entry-excerpt.text-lead {
    margin: 0 !important;
    padding-top: 0px !important;
  }

  .die-besten-thermoelemente-row
    .carousel-container-features
    .owl-carousel-wrapper
    .t-entry-title {
    font-size: 5.1rem !important;
  }

  .die-besten-thermoelemente-row .t-entry-text-tc.single-block-padding {
    padding-top: 0px;
  }

  .die-besten-thermoelemente-row
    .vc_row.accordion-head-class.style-color-xsdn-bg.row-internal.row-container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .die-besten-thermoelemente-row
    .uncell.single-block-padding.style-color-xsdn-bg {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .die-besten-thermoelemente-row
    .panel.panel-default.wpb_accordion_section.group.single-block-padding.has-padding {
    padding-left: 0px;
    padding-right: 0px;
  }

  .cart-row .uncell.single-block-padding {
    padding-left: 10px !important;
  }
}
/* second card teaser ani */

@media (max-width: 375px) {
  /* Standardmäßig keine Animation für die Karte mit data-index="2", außer auf page-id-149882 */
  body:not(.page-id-149882) .owl-stage .owl-item[data-index="2"] {
    animation: none;
  }

  /* Puls-Animation aktivieren, wenn die Karte direkt nach einer aktiven Karte folgt, außer auf page-id-149882 */
  body:not(.page-id-149882)
    .owl-stage
    .owl-item.active
    + .owl-item[data-index="2"] {
    animation: subtlePulse 2s infinite ease-in-out;
  }

  /* Definition der dezenten Puls-Animation */
  @keyframes subtlePulse {
    0%,
    100% {
      opacity: 0;
      transform: scale(1);
    }
    50% {
      opacity: 1;
      transform: scale(1);
    }
  }
}

/* diverses *


.pagination > li .page-numbers,
.navigation > li .page-numbers {
  font-weight: 100 !important;
  font-size: 18px !important;
}

/* people carousel allgemein */

.people-carousel-row-styling .t-entry-text-tc.single-block-padding {
  padding-top: 10pximportant;
}

.people-carousel-row-styling
  .t-entry-title.h4.font-weight-700.fontspace-781688.title-scale {
  padding-top: 10px !important;
}

.people-carousel-row-styling h3 {
  font-size: 26px !important;
  padding-top: 15px;
}

.people-carousel-row-styling .t-entry-meta {
  padding-top: 0pximportant;

  margin: 0px !important;
}
/* crap arrow
.cta-styling .btn .fa, .btn-link .fa {
  top: -2px !important;
}  */

/* blog stlying not yet sure */

.light-grey-fond {
  background: #f7f7f7 !important;
}

.post-content.un-no-sidebar-layout {
  /*  background: #f7f7f7!important; */
}

/* hide breadcrumb temporary */
.uncode_breadcrumbs_wrap.bc-separator-bullet {
  display: none !important;
}

/* alle archive cards /


/* Mobile (bis 767px) */
@media (max-width: 767px) {
  .cards-archives h2 {
    font-size: 22px !important;
  }
  .cards-archives .t-entry-excerpt.text-small p {
    font-size: 14px !important;
  }
}

/* Tablet (768px bis 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
  .cards-archives h2 {
    font-size: 25px !important;
  }
  .cards-archives .t-entry-excerpt.text-small p {
    font-size: 16px !important;
  }
}

/* Desktop (ab 1024px) */
@media (min-width: 1024px) {
  .cards-archives h2 {
    font-size: 25px !important;
  }
  /* Keine Änderung für .t-entry-excerpt.text-small p */
}

/* Mobile & Tablet (bis 1023px) */
@media (max-width: 1023px) {
  .space-top-text-right-tablet-mobile {
    padding-top: 30px !important;
  }
}

/* tablet stuff only */

@media (min-width: 768px) and (max-width: 1023px) {
  /* Hauptmenü Schriftgröße */
  .font-size-mobile-centered-menu,
  body.menu-mobile-centered
    .main-menu-container
    .menu-horizontal
    .menu-horizontal-inner
    ul.menu-smart.menu-primary-inner
    > li
    > a,
  body.menu-mobile-centered
    .vmenu-container
    .vmenu-row-wrapper
    .vmenu-wrap-cell
    ul.menu-smart.menu-primary-inner
    > li
    > a,
  body.menu-mobile-centered
    .overlay-menu
    .navbar-main
    .menu-sidebar-inner
    ul.menu-smart.menu-primary-inner
    > li
    > a {
    font-size: 3.5vw !important;
    font-family: "Caro-Medium" !important;
    font-weight: 100 !important;
  }

  .custom-bullet-list {
    padding-left: 0px !important;
  }

  /* cta thermoelemente startseite */
  .wpb_column.pos-top.pos-center.align_left.column_child.col-lg-6.single-internal-gutter {
    padding-top: 0px;
  }

  .vc_row.more-offset.row-internal.row-container {
    margin-top: 0px !important;
  }

  .vc_row.more-offset .wpb_row.shift_y_neg_quad {
    margin-top: 0px !important;
  }

  /* Untermenü Schriftgröße */
  .font-size-mobile-centered-submenu,
  body.menu-mobile-centered
    .main-menu-container
    .menu-horizontal
    .menu-horizontal-inner
    ul.menu-smart:not(.menu-primary-inner)
    li.menu-item:not(.uncode-cart)
    > a,
  body.menu-mobile-centered
    .vmenu-container
    .vmenu-row-wrapper
    .vmenu-wrap-cell
    ul.menu-smart:not(.menu-primary-inner)
    li.menu-item:not(.uncode-cart)
    > a,
  body.menu-mobile-centered
    .overlay-menu
    .navbar-main
    .menu-sidebar-inner
    ul.menu-smart:not(.menu-primary-inner)
    li.menu-item:not(.uncode-cart)
    > a,
  body.menu-mobile-centered
    .main-menu-container
    .menu-horizontal
    .menu-horizontal-inner
    ul.menu-smart.menu-primary-inner
    ul
    li.menu-item:not(.uncode-cart)
    > a,
  body.menu-mobile-centered
    .vmenu-container
    .vmenu-row-wrapper
    .vmenu-wrap-cell
    ul.menu-smart.menu-primary-inner
    ul
    li.menu-item:not(.uncode-cart)
    > a,
  body.menu-mobile-centered
    .overlay-menu
    .navbar-main
    .menu-sidebar-inner
    ul.menu-smart.menu-primary-inner
    ul
    li.menu-item:not(.uncode-cart)
    > a,
  body.menu-mobile-centered
    .main-menu-container
    .menu-horizontal
    .menu-horizontal-inner
    ul.menu-smart:not(.menu-primary-inner)
    li.menu-item-link
    > a,
  body.menu-mobile-centered
    .vmenu-container
    .vmenu-row-wrapper
    .vmenu-wrap-cell
    ul.menu-smart:not(.menu-primary-inner)
    li.menu-item-link
    > a,
  body.menu-mobile-centered
    .overlay-menu
    .navbar-main
    .menu-sidebar-inner
    ul.menu-smart:not(.menu-primary-inner)
    li.menu-item-link
    > a,
  body.menu-mobile-centered
    .main-menu-container
    .menu-horizontal
    .menu-horizontal-inner
    ul.menu-smart.menu-primary-inner
    ul
    li.menu-item-link
    > a,
  body.menu-mobile-centered
    .vmenu-container
    .vmenu-row-wrapper
    .vmenu-wrap-cell
    ul.menu-smart.menu-primary-inner
    ul
    li.menu-item-link
    > a,
  body.menu-mobile-centered
    .overlay-menu
    .navbar-main
    .menu-sidebar-inner
    ul.menu-smart.menu-primary-inner
    ul
    li.menu-item-link
    > a {
    font-size: 2.5vw !important;
    font-family: "Caro-Medium" !important;
    font-weight: 100 !important;
  }
}

/* badge position */

@media (max-width: 959px) {
  body:not(.vc-safe-mode) .shift_y_neg_triple:not(.shift_y_fixed) {
  /*  margin-top: -96px !important; */
    padding-bottom: 20px;
  }

  /* red area »kann man überall kaufen */
  .inner-row-die-besten-thermoelemente .uncell.no-block-padding {
    padding-left: 20px;
    padding-right: 20px;
  }

  .inner-row-die-besten-thermoelemente .t-entry p {
    font-size: 19px !important;
    line-height: 19px !important;
    padding-top: 0px !important;
  }

  .head-area {
    padding-left: 30px !important;
    padding-top: 50px;
  }
}

/* cookie button */
button.cmplz-btn.cmplz-manage-consent.manage-consent-1.cmplz-show {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  background: #3c3c3c !important;
  color: white !important;
}


/* buttons für markus */
.style-light .btn-default:not(.btn-hover-nobg):not(.icon-animated):not(.btn-flat):hover, .style-dark .style-light .btn-default:not(.btn-hover-nobg):not(.icon-animated):not(.btn-flat):hover, .tmb-light .t-entry-text .btn-default:not(.btn-hover-nobg):not(.icon-animated):not(.btn-flat):hover, .style-dark .tmb-light .t-entry-text .btn-default:not(.btn-hover-nobg):not(.icon-animated):not(.btn-flat):hover, .tmb-dark .t-overlay-inner .btn-default:not(.btn-hover-nobg):not(.icon-animated):not(.btn-flat):hover, .style-light .btn-default.active, .style-dark .style-light .btn-default.active, .tmb-light .t-entry-text .btn-default.active, .style-dark .tmb-light .t-entry-text .btn-default.active, .tmb-dark .t-overlay-inner .btn-default.active {
    color: white!important;
    background-color: #2b2b2a !important;
   
}


.product-item-text {
    text-align: left;
	  font-size: 22px;
	
}

dl.variation {
    font-size: 15px;
}