\
\
\
.ablauf_fettabsaugung li {\
\	counter-increment: ablauf-counter;\
    position: relative;\
    padding: 30px !important;\
    background-color: #fff;\
    border-radius: 12px;\
\	margin:25px 5px 15px 5px;\
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);\
    border: 1px solid rgba(119, 142, 131, 0.1);\
    flex: 1 1 calc(50% - 15px);\
    min-width: 300px;\
\	  max-width: 350px;\
  float: left;\
  min-height: 518px;\
    transition: all 0.3s ease;\
}\
\
.ablauf_fettabsaugung li.size-four-xs {\
    max-width: 512px;\
    min-height: 306px;\
    margin-top: 30px;\
    list-style-type: none;\
}\
.ablauf_fettabsaugung li span {\
    font-size: 16px !important;\
    font-weight: bold !important;\
    padding-bottom: 10px !important;\
    margin-top: 15px;\
    line-height: 24px !important;\
}\
\
.page-id-14115 .uvc-main-heading h2, .page-id-14115 .uvc-main-heading h3, .page-id-14115 h2.side-h2 {\
\	font-size:22px !important;\
}\
\
\
\
.ubermenu-submenu, #ubermenu-submenu-id-15874 {\
\	background: white !important;\
\	\
}\
\
.with_mega_menu .ubermenu-submenu-type-mega .ubermenu-item>a:after {\
\	border-bottom:none !important;\
}\
.ubermenu-item-level-2 > a .ubermenu-target-title::before{\
  content: "\\f105";\
  font-family: "fpo fontawesome", "FontAwesome";\
  display: block;\
  position: absolute;\
  font-weight: 400;\
  left: 0;\
}\
\
ul ul .ubermenu-target-title {\
\	margin-left:15px;\
}\
\
\
\
\
body .ubermenu .ubermenu-submenu .ubermenu-column-auto {\
\	max-width:300px;\
}\
\
@media screen and (max-width: 959px) {\
    .ubermenu-responsive-default.ubermenu-responsive.ubermenu-has-border .ubermenu-nav .ubermenu-item .ubermenu-submenu.ubermenu-submenu-drop {\
        left: 0px !important;\
    }\
}\
\
\
#menu-item-15874 ul .ubermenu-item-layout-text_only {\
    padding: 5px 0 10px 0 !important;\
    margin: 0;\
}\
\
.uber_head {\
\	font-weight:bold !important;\
  border-bottom:1px grey;\
\	margin-left:-15px;\
}\
\
.uber_head::before {\
\	display:none !important;\
} \
\
\
.grecaptcha-badge\
{\
\	display:none;\
}\
\
.con_day {\
\	margin-left:0;\
}\
\
.ablauf_stepp br {\
\	display: block;\
  margin: 1em 0; /* Abstand vor/nach dem Zeilenumbruch */\
}\
\
#footer-mobile {\
\	display:none;\
}\
\
body .quote_widget .ti-widget {\
width:250px !important;\
float:left;}\
\
[id] {\
  scroll-margin-top: 150px; /* Höhe deines Sticky Headers */\
}\
.liste_fettabsaugung .list {\
\	\
    position: relative;\
    padding: 30px !important;\
    background-color: #fff;\
    border-radius: 12px;\
\	margin:5px 5px 15px 5px;\
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);\
    border: 1px solid rgba(119, 142, 131, 0.1);\
    flex: 1 1 calc(50% - 15px);\
    min-width: 480px;\
\	  max-width: 480px;\
  float: left;\
  min-height: 250px;\
    transition: all 0.3s ease;\
}\
\
.list:before {\
\	content:none !important;\
}\
#menu-item-13111 :after {\
\	border:0 !important;\
}\
\
#menu-item-13160 > a, #menu-item-13163 > a, #menu-item-13164 > a {\
\	padding-top:0px !important;\
}\
\
.ablauf_fettabsaugung li:before {\
\	content: counter(ablauf-counter);\
    position: absolute;\
    top: -15px !important;\
    left: 30px !important;\
    width: 36px;\
    height: 36px;\
    background-color: #ec713f;\
    color: #fff;\
    font-weight: 600;\
    font-size: 18px;\
    display: flex\
;\
    align-items: center;\
    justify-content: center;\
    border-radius: 50%;\
   box-shadow: 0 4px 10px rgba(203, 85, 93, 0.4);\
}\
\
.ablauf_fettabsaugung li h3 {\
\	font-size:16px !important;\
\	font-weight:bold !important;\
\	padding-bottom:10px !important;\
\	margin-top:15px;\
\	line-height:24px !important;\
}\
\
.siegel_widget .ti-widget-container {\
\	float:left;\
\	margin-right:25px;\
}\
\
.table-container tr:nth-child(even) {\
\	background:#f8f9fa;\
}\
\
.fakten table {\
\	box-shadow: 0 4px 10px #f8f9fa;\
}\
\
\
\
\
.amp-single-page div#toc_container{\
\	display: none\
}\
.general_sr p{\
\	line-height: 26px;\
  font-size: 16px;\
  font-weight: 300;\
}\
.general_sr h3{\
\
\	  font-size: 24px !important;\
    font-weight: nomal !important;\
    font-weight: 200 !important;\
\	line-height:30px;\
}\
.general_sr h4{\
\
\	  font-size: 24px !important;\
    font-weight: nomal !important;\
    font-weight: 200 !important;\
\	line-height:30px;\
}\
.general_sr ul li{\
\	font-size:16px;\
}\
.cta-sr h4{\
\	color: #ec713f;\
\	    line-height: 34px;\
\	\	font-size: 30px !important;\
    font-weight: nomal !important;\
    font-weight: 200 !important;\
}\
.info-box_sr{\
\	padding: 20px 16px;\
  background: rgba(255, 255, 255,   0.7);\
\	border-radius: 10px;\
\	font-size: 16px !important;\
\	min-height:240px;\
}\
\
.side-info h2{\
\	  \
\	  font-size: 23px !important;\
    font-weight: nomal !important;\
    font-weight: 200 !important;\
    color: #ec713f;\
}\
.side-info ul{\
\	 margin-left: 12px;\
}\
.side-info ul li{\
\	  margin: 5px 0;\
    font-size: 18px;\
}\
.side-h2 h2{\
    padding-bottom: 20px !important;\
    font-size: 28px !important;\
    font-weight: 200 !important;\
\	line-height: 40px;\
}\
\
/*Tabele*/\
    .table-container {\
      overflow-x: auto;\
    }\
\
    table {\
\	\	\	background-color: #fff;\
      border-collapse: collapse;\
      width: 100%;\
      min-width: 600px;\
    }\
\
    th, td {\
      border: 1px solid #ccc;\
      padding: 16px !important;\
      text-align: left;\
      vertical-align: top;\
    }\
\
    th {\
      background-color: #f4f4f4;\
    }\
\
    @media (max-width: 600px) {\
      th, td {\
        font-size: 14px;\
        padding: 8px;\
      }\
\	\	\	\
\	\	\	.side-info h2 { \
\	\	\	\	\
\	\	\	\	font-size:22px;\
\	\	\	\	line-height:28px;\
\	\	\	\	\
    }\
\	\	\	\
\	\	\	.mobh2 h2 { \
\	\	\	\	\
\	\	\	\	font-size:22px !important;\
\	\	\	\	line-height:28px;\
\	\	\	\	\
    }\
\	\	\	\
\	\	\	.table-wrapper {\
  width: 100%;\
  overflow-x: auto;\
  -webkit-overflow-scrolling: touch; /* für sanftes Scrollen auf iOS */\
} \
\
.table-wrapper table {\
  width: 100%;\
  border-collapse: collapse;\
  min-width: 600px; /* oder je nach Inhalt */\
}\
}\
\
/*accordion */\
.content_block .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a, .content_block .vc_toggle_title h4 {\
    padding: 10px !important;\
    font-size: 18px !important;\
    line-height: 26px !important;\
}\
.bg-about {\
\	min-height: 500px;\
\	    font-size: 16px;\
    line-height: 25px;\
}\
.bg-about h3 {\
\	font-size: 38px !important;\
\	color: #ec713f !important;\
\	    padding-bottom: 20px !important;\
}\
\
.vc_btn3.vc_btn3-color-white, .vc_btn3.vc_btn3-color-white.vc_btn3-style-flat {\
    color: #666;\
    background-color: #ec723f !important;\
    color: #ffffff !important;\
    text-transform: uppercase;\
}\
.vc_btn3.vc_btn3-color-default.vc_btn3-style-modern {\
    color: #ec713f !important;\
    border-color: #ec713f !important;\
    background-color: #f7f7f7 !important;\
}\
/*icon list*/\
.uavc-list-content .aio-icon {\
\	margin-right: 20px !important;\
\	\
}\
.service-list .uavc-list-content{\
margin-bottom: 8px !important;\
}\
\
.rating .ti-widget-container{\
\	float: left;\
\	padding: 0 0 12px 12px;\
\	\
}\
.side-h2 h4{\
\	padding-bottom: 20px !important;\
    font-size: 28px !important;\
    font-weight: 200 !important;\
    line-height: 40px;\
\	text-transform: uppercase;\
}\
.clear{\
\	   clear: both;\
}\
.aio-icon-component {\
    padding: 30px !important;\
    background-color: #fff;\
    border-radius: 12px;\
    margin: 5px 5px 15px 5px;\
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);\
    border: 1px solid rgba(119, 142, 131, 0.1);\
\
}\
.aio-icon-component h3 {\
color: #ec723f; \
\
}\
 \
.ablauf_fettabsaugung li.size-four\
 {\
   max-width: 512px;\
\	 min-height: 445px;\
\	 margin-top: 30px;\
\	 list-style-type: none;\
}\
.ablauf_fettabsaugung li.size-four-m\
 {\
   max-width: 512px;\
\	 min-height: 339px;\
\	 margin-top: 30px;\
\	 list-style-type: none;\
}\
.ablauf_fettabsaugung li.size-four-s {\
    max-width: 512px;\
    min-height: 218px;\
    margin-top: 30px;\
    list-style-type: none;\
}\
.ablauf_fettabsaugung li.mini {\
\
    min-width: 300px;\
    max-width: 350px;\
    list-style-type: none;\
    min-height: 204px;\
\
}\
\
.ult-new-ib a.ult-new-ib-link {\
    cursor: pointer !important;\
}\
.ablauf_fettabsaugung li.medium-height\
 {\
min-height: 424px;\
}\
\
.ablauf_fettabsaugung li.small-height\
 {\
min-height: 363px;\
}\
\
.ablauf_fettabsaugung li.blog-ablauf{\
 max-width: 539px;\
\	min-width: 550px;\
\	list-style-type: none;\
}\
.ablauf_fettabsaugung li.blog-ablauf-s{\
list-style-type: none;\
min-height: 425px;\
margin-bottom: 60px;\
}\
.ablauf_narbenkorrektur li.blog-ablauf{\
\	min-width: auto;\
\	max-width: auto;\
\
\	list-style-type: none;\
}\
\
\
.ablauf_fettabsaugung li.maximum{\
\	min-height: 298px;\
}\
@media (max-width: 768px) {\
    .ablauf_fettabsaugung li.blog-ablauf {\
        max-width: 100%;\
        min-width: auto;\
        width: auto;\
    }\
}\
.uvc-main-heading h3{\
\	 margin-bottom: 12px !important;\
}\
\
/*Blog News*/\
.button-news{\
    background-color: #ec723f !important;\
    color: #ffffff !important;\
    text-transform: uppercase;\
    font-weight: normal;\
    padding: 14px 8px;\
}\
a.button-news:hover{\
    color: #fff !important;\
}\
.single_post h2 {\
    font-size: 28px !important;\
    font-weight: 200 !important;\
    line-height: 40px;\
\	\
}\
.short{\
\	    max-width: 800px;\
\	    border: 1px solid #ec713f;\
    padding: 30px;\
}\
\	\
.blog-bg{\
\	margin-top: 40px;\
\	    padding: 30px !important;\
    background-color: #fff;\
    border-radius: 12px;\
    margin: 25px 5px 15px 5px;\
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);\
    border: 1px solid rgba(119, 142, 131, 0.1);\
\
}\
.cta-bg{\
\	background-color: #F8F9FA;\
  padding: 30px 30px 60px 30px;\
\	margin-bottom: 20px;\
\	margin-top: 20px;\
}\
.featured_meta a{\
\	display: none;\
}\
.bg_title {\
\	\	display: none;\
}\
.featured_items_title{\
\	min-height: 55px;\
}\
.related_posts span {\
    display: none;\
}\
.featured_items .item_list li {\
\
    min-width: 395px;\
}\
.single_post hr{\
    height: 1px;\
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);\
    border: 1px solid rgba(119, 142, 131, 0.1);\
\	    margin: 12px 0;\
\
}\
.single_post ul li{\
\	    padding: 6px 0;\
}\
\
@media (max-width: 768px) {\
    .featured_items .item_list {\
        margin: 0;\
    }\
}\
\
\
\
/* BUTTON / HEADER */\
.simple-accordion .acc-btn {\
  width: 100%;\
  text-align: left;\
  padding: 12px 0;\
  background: #f7f7f7;\
  border: none;\
  outline: none;\
  cursor: pointer;\
  transition: background 0.2s ease;\
  display: flex;\
  align-items: center;\
}\
\
.simple-accordion {\
  border-top: 1px solid #ddd;\
}\
\
.simple-accordion details {\
  border-bottom: 1px solid #ddd;\
  padding: 0;\
}\
\
.simple-accordion summary {\
  padding: 12px 0;\
  cursor: pointer;\
  list-style: none;\
  display: flex;\
  align-items: center;\
}\
\
.simple-accordion summary::-webkit-details-marker {\
  display: none; /* Safari Marker entfernen */\
}\
\
.simple-accordion summary h3 {\
  font-size: 17px !important;\
  margin: 0;\
  padding: 0;\
  font-weight: 600;\
}\
\
/* Pfeil rechts */\
.simple-accordion summary::after {\
  content: "+";\
  margin-left: auto;\
  font-size: 18px;\
  transition: transform .3s;\
}\
\
/* Pfeil dreht sich beim Öffnen */\
.simple-accordion details[open] summary::after {\
  content: "-";\
}\
\
/* Inhalt */\
.simple-accordion .acc-content {\
  padding: 10px 0 15px 0;\
  font-size: 15px;\
  line-height: 1.5;\
}\
.general_sr .h3 {\
    font-size: 24px !important;\
    font-weight: nomal !important;\
    font-weight: 200 !important;\
    line-height: 30px;\
}\
\
.align-items-center{\
    display: flex;\
    align-items: center;}\
\
/* --- QUICK Q & A SLIM VERSION --- */\
.knapp-qa-slim {\
    background-color: #f8f9fa;\
    border-radius: 8px;\
    padding: 25px;\
    margin: 30px 0;\
    border: 1px solid #eee;\
}\
\
.knapp-qa-slim h2 {\
    color: #ec713f !important;\
    font-size: 20px !important;\
    text-transform: uppercase;\
    margin: 0 0 20px 0 !important;\
    font-weight: 700 !important;\
}\
\
.knapp-qa-item-slim {\
    border-left: 3px solid #ec713f;\
    padding: 10px 15px;\
    background: #ffffff;\
    margin-bottom: 15px;\
    border-radius: 0 4px 4px 0;\
}\
\
.knapp-qa-item-slim:last-child {\
    margin-bottom: 0;\
}\
\
.knapp-qa-item-slim h3 {\
    margin: 0 0 5px 0 !important;\
    color: #333 !important;\
    font-size: 15px !important;\
    font-weight: 600 !important;\
}\
\
.knapp-qa-item-slim p {\
    margin: 0 !important;\
    font-size: 13px !important;\
    line-height: 1.5 !important;\
    color: #555 !important;\
}\
\
.uvc-main-heading h3 {\
    margin-bottom: 18px !important;\
}\
.module_content ul li.po::before,\
.wpb_text_column ul li.po::before,\
.cont_info ul li.po::before {\
    left: -27px !important;\
}\
.timeline{\
position:relative;\
padding-left:40px;\
}\
\
.timeline:before{\
content:'';\
position:absolute;\
left:10px;\
top:0;\
width:2px;\
height:100%;\
background:#e5e5e5;\
}\
\
.timeline-item{\
position:relative;\
margin-bottom:30px;\
}\
\
.timeline-item:before{\
content:'';\
position:absolute;\
left:-32px;\
top:5px;\
width:12px;\
height:12px;\
background:#e67a4d;\
border-radius:50%;\
}\
\
.timeline-year{\
font-weight:600;\
display:block;\
margin-bottom:5px;\
color:#333;\
}\
.schwerpunkte-grid{\
display:grid;\
grid-template-columns:repeat(3,1fr);\
gap:30px;\
margin-top:40px;\
}\
\
.schwerpunkt-card{\
\	min-height: 222px;\
background:#ffffff;\
padding:35px;\
border-radius:8px;\
box-shadow:0 5px 20px rgba(0,0,0,0.05);\
}\
.teaser{\
\	min-height: 253px;\
background:#ffffff;\
padding:16px 8px;\
border-radius:8px;\
box-shadow:0 5px 20px rgba(0,0,0,0.05);\
}\
\
\
.card-title:after{\
content:"";\
display:block;\
width:40px;\
height:3px;\
background:#d6724d;\
margin-top:10px;\
}\
\
.mitgliedschaften-logos{\
display:grid;\
grid-template-columns:repeat(2,120px);\
gap:25px;\
align-items:center;\
}\
\
.mitgliedschaften-logos a{\
display:flex;\
justify-content:center;\
align-items:center;\
}\
\
.mitgliedschaften-logos img{\
max-width:100%;\
height:auto;\
transition:all .3s ease;\
opacity:0.9;\
}\
\
\
.step-year{\
\	width:140px; \
font-weight:600;\
color:#d6724d;\
background:#f8f9fa;\
padding:8px 14px;\
border-radius:2px;\
display:inline-block;\
}\
.step-item{\
display:flex;\
align-items:flex-start;\
gap:25px;\
margin-bottom:25px;\
}\
\
.step-year{\
min-width:140px;\
background:#f6f4f2;\
color:#d6724d;\
font-weight:600;\
padding:10px 15px;\
border-radius:4px;\
text-align:center;\
}\
\
.step-text{\
flex:1;\
}\
.quote {\
  font-style: italic;\
  font-size: 1.2rem;\
  margin-top: 40px;\
  padding-left: 20px;\
  border-left: 2px solid #ddd;\
}\
\
.quote-author {\
  margin-top: 10px;\
  font-size: 0.9rem;\
  font-weight: 500;\
}\
.map-praxis iframe{\
\	 max-height: 300px;\
}\
/* Blog */\
\
.left-border-highlight{\
background-color:#f9f9f9;\
\	border-left: 4px solid #d4af37; \
\
padding: 20px;\
 margin: 20px 0;\
}\
.left-border{\
border: 1px solid #eee;\
border-left: 4px solid #ec713f;\
padding: 20px;\
margin: 20px 0;\
box-shadow: 0 2px 5px rgba(0,0,0,0.05);\
}\
.top-border{\
border: 1px solid #eee;\
border-top: 4px solid #ec713f;\
padding: 25px;\
margin: 20px 0; \
box-shadow: 0 2px 8px rgba(0,0,0,0.05);\
}\
.button-news {\
    margin-top: 8px;\
    display: inline-block;\
}\
\
.page-form { background: linear-gradient(135deg, #ec723f 0%, #c95528 100%); padding: 40px; border-radius: 3px; box-shadow: 0 15px 35px rgba(0,0,0,0.12); }\
\
.page-form .form-row {\
    display: flex;\
    flex-wrap: wrap;\
    gap: 24px;\
    margin-bottom: 20px;\
    width: 100%;\
}\
.page-form .form-col {\
    flex: 1 1 calc(50% - 12px);\
    min-width: 280px;\
}\
.page-form .wpcf7 input, .page-form textarea{\
    padding: 14px;\
    box-sizing: border-box;\
\	 font-family:'Roboto', sans-serif !important;\
\	font-size: 16px;\
\	border-radius: 5px;\
\	font-weight: 100;\
\	border: none;\
\
}\
select{\
\	   width: 100%;\
    padding: 14px;\
    box-sizing: border-box;\
\	 font-family:'Roboto', sans-serif !important;\
\	font-size: 16px;\
\	font-weight: 100;\
\	border-radius: 5px;\
  border: none;\
}\
\
.page-form .message-row {\
    display: flex !important;\
    flex-wrap: nowrap !important;\
    align-items: flex-start;\
    gap: 11px;\
    width: 100%;\
}\
\
.page-form .message-row .checkbox-col {\
    width: 48%;\
    flex: 0 0 48%;\
}\
\
.page-form .checkbox-wrapper {\
    padding-top: 35px;\
    width: 100%;\
}\
.page-form .wpcf7-list-item-label { color: #ffffff !important; }\
\
.page-form .message-col textarea {\
    width: 100%;\
    min-height: 180px;\
}\
.page-form input[type="checkbox"] { transform: scale(1.5); margin-right: 12px; }\
\
\
/* Mobil wieder untereinander */\
@media (max-width: 768px) {\
    .page-form .message-row {\
        flex-wrap: wrap !important;\
    }\
\
    .page-form .message-row .checkbox-col,\
    .page-form .message-row .message-col {\
        width: 100%;\
        flex: 1 1 100%;\
    }\
\
    .page-form .checkbox-wrapper {\
        padding-top: 0;\
    }\
}\
\
.page-form input[type="submit"] { background-color: #272e43 !important; color: #fff !important; border: none !important; padding: 18px 42px;   display: inline-block; \
line-height: 0px;\
}\
.page-form input[type="submit"]:hover {\
    background-color: rgb(248, 249, 250) !important;\
    color: #272e43 !important;\
}\
\
.page-form input[name="telefonnummer"] {\
    width: 100% !important;\
    max-width: 100% !important;\
    display: block;\
}\
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {\
    color: #fff;\
    border-color: #272e43;\
}\
.wpcf7-not-valid-tip {\
    color: #fff !important;\
}