/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


.widgets_on_page, .widgets_on_page ul, .widgets_on_page ul li { padding: 0; margin: 0; list-style-type: none}

.site-header { background: #ebf4f4; border-bottom: 1px solid #c3ceb7; padding: 10px 0 0px 0; }
.site-header .header-inner { max-width: 1170px; padding: 0 15px; align-items: flex-end; }
#Header-logo { max-width: 140px; min-width: 200px; padding-bottom: 0px; padding-top: 20px; height: auto;}
#Header-logo img {width: 100%}

.header-rechts { text-align: right; }

.telkopf { padding-bottom: 8px;}
.telkopf a { display: inline-block;  color: #222; font-size: 19px; }
a.head-tel { margin-right: 15px}
a.head-tel i { padding-right: 7px; font-size: 21px}
a.head-mail { margin-right: 25px}
a.head-mail i { padding-right: 10px; font-size: 21px}


.mobmenu-content li > .sub-menu li {
    padding-left: 10px!important; }
  .mob-standard-logo { height: 45px;     padding: 5px 0 0 0; }

@media (min-width: 576px) { }
@media (min-width: 768px) { }
@media (min-width: 960px) { #Header-logo { max-width: 340px; } }
@media (min-width: 992px) { }
@media (min-width: 1200px) { }



/** ################################ startslider ################################# */

.elementor-21 .elementor-element.elementor-element-bdb3fa6, .elementor-21 .elementor-element.elementor-element-fd75e5f { padding: 0}
.crellyslider > .cs-controls > .cs-next { background: rgba(0, 0, 0, 0.4) url("http://blago24.web-hoeffer.de/wp-content/uploads/2025/02/pfeil-nach-rechts.png") no-repeat 12px 8px; background-size: 16px; right: 30px; width: 40px; height: 40px; border-radius: 5px}
.crellyslider > .cs-controls > .cs-previous { background: rgba(0, 0, 0, 0.4) url("http://blago24.web-hoeffer.de/wp-content/uploads/2025/02/pfeil-nach-links.png") no-repeat 10px 8px; background-size: 16px; right: 30px; width: 40px; height: 40px; border-radius: 5px}
a.sliderbutton { background: #407d67; color: #fff; font-family: arial, sans-serif; font-weight: bold;font-size: 16px!important; padding: 13px 25px!important; display: inline-block; border-radius: 5px; transition: 0.3s; margin-right: 15px }
a.sliderbutton:hover { background: #26392f; color: #fff; }

.sliderhell { background: rgba(255, 255, 255, 0.7); padding: 20px 60px 30px!important ; text-align: center; border-radius: 10px}
.sliderhell p { margin: 0; padding: 0 30px;}
.sliderhellmob { background: rgba(255, 255, 255, 0.7); padding: 10px 30px 10px!important ; text-align: center; border-radius: 5px}
.sliderhellmob p { margin: 0; padding: 0 15px;}

.paoc-popup-btn.headerkontaktbutton { background: #019A9F!important; color: #fff!important; font-family: arial, sans-serif!important; font-size: 12px!important; font-weight: bold; padding: 13px 25px !important; border-radius: 5px; !important; transition: 0.3s}
.paoc-popup-btn.headerkontaktbutton:hover { background: #3F3F3F!important}

@media (min-width: 768px) { 
	.paoc-popup-btn.headerkontaktbutton { font-size: 18px!important;}
}

/** ################################ /startslider ################################# */

/** ################################ sticky bar ################################# */

#mysticky-wrap { }
#mysticky-nav.wrapfixed { }
#mysticky-nav.wrapfixed.up { }
#mysticky-nav.wrapfixed.down { }
#mysticky-nav.wrapfixed .myfixed .header-inner { padding: 0px 0 0px 0; min-height: 10px; }
#mysticky-nav.wrapfixed .myfixed .header-inner .container { align-items: center; }
#mysticky-nav.wrapfixed .myfixed  .header-links { padding: 0px; display: none;  }
#mysticky-nav.wrapfixed .myfixed  .header-links #Header-logo { padding: 0px; }
#mysticky-nav.wrapfixed .myfixed  .header-links img { width: 160px; transition: 0.5s; }
#mysticky-nav.wrapfixed .myfixed  .header-rechts .telkopf { display: none }
#mysticky-nav.wrapfixed .mega-menu-wrap a.mega-menu-link {  font-size: 14px!important; height: 30px!important; line-height: 30px!important;  }
#mysticky-nav.wrapfixed #mega-menu-wrap-primary_menu #mega-menu-primary_menu > li.mega-menu-item > a.mega-menu-link { padding: 0px 10px 00px 10px!important}
#mysticky-nav.wrapfixed .sociallinks a {  font-size: 16px!important;  }

@media only screen and (min-width: 998px) { 
#mysticky-nav.wrapfixed .myfixed  .header-links { display: block }
}

/** ################################ /sticky bar ################################# */

/** ################################ content ################################# */

p { color: #444; font-size: 1.1em; line-height: 1.5em}

main h1 { color: #019A9F; font-weight: normal; text-align: center; margin: 1.8em 0 0.75em 0;  }
main .section1 h1 { margin: 0; font-weight: 400; font-size: 2em; text-align: left; text-transform: uppercase; }
main .titel h1 { font-family: Open Sans, sans-serif; color: #019A9F; font-size: 1.8em; margin: 0 0 0.25em; }
h1 small { display: block; font-family: Open Sans, sans-serif;}
h1 small { display: block; font-family: Open Sans, sans-serif;}
main h2 { text-align: center;font-family: Open Sans, sans-serif; font-weight: 400; line-height: 1.3em; color: #434b51; font-size: 1.4em; margin: 1em 0 0.5em 0; }
main h2.softh2 { text-align: left; font-weight: 200; font-size: 1.4em; margin-bottom: 0.2em;}
main .h2gruen h2 { font-size: 2.0em; font-weight: 600; color: #019A9F; }
main .h2gross h2 { font-size: 2.2em; color: #019A9F}
main h3 { text-align: left; font-family: Open Sans, sans-serif; font-weight: normal; line-height: 1.4em; color: #434b51; font-size: 1.2em; margin: 0 0 0.75em; padding-bottom: 5px }
main .h3mittegruen h3 { text-align: center; color: #019A9F; margin: 1.8em 0 0.25em; font-weight: bold}
main .h3abstand h3 { margin: 1.5em 0 0.25em 0; }
main h4 { text-align: left; font-family: Open Sans, sans-serif; color: #26392f; font-size: 1.3em; margin: 0 }
main .section1 h4 { margin: 0; font-weight: 300; color: #019A9F;  font-size: 1.4em; padding-left: 2px; margin-bottom: 0.75em}
main .titel h4 { text-align: center; color: #019A9F; font-size: 1.9em; margin: 0.25em 0 0; font-family: "Bonheur Royale"; }
main h5 { color: #019A9F; text-align: center; margin: 1.5em 0 0.5em 0; line-height: 1.5em}
main h6 { margin: 1.5em 0 0.5em 0}

main .titel2 h1 { text-transform: uppercase; margin: 0.5em 0; font-size: 2.5em }
.titel3 { text-align: center}
main .titel3 h4 { text-align: center; color: #019A9F; font-weight: normal; margin: 0 0 0.75em;  }

.mittigschmal p { max-width: 700px; text-align: center; margin: 0 auto}

.startobenhs h1 { font-size: 3.3em; color: #019A9F; text-align: center; font-weight: bold; line-height: 1em; margin-top: 1em}
.startobenhs h1 span.h1kleiner { font-size: 0.6em; font-weight: normal}

main .startbuttons h3.elementor-image-box-title { text-align: center}
.startbuttons h3 { font-size: 1.1em; margin-bottom: 0; display: none }
.startbuttons p { font-size: 1.0em; hyphens: auto; text-align: justify; display: none}
.startbuttons p a { color: #019A9F }
.startbuttons p a:hover { color: #26392F }

.starttext h2 {  text-align: center;
  margin-bottom: 0em; }

.zweierliste { display: flex; flex-direction: column}
.startportrait h2 { padding-left: 40px; }
.startportrait ul { margin: 0; padding: 0; width: 100%}
.startportrait ul li { margin: 0; padding: 0 0 1.4em 40px; list-style-type: none; background: url(http://blago24.web-hoeffer.de/wp-content/uploads/2025/04/herz3.png) no-repeat 0px 0px; background-size: 30px;font-size: 1.0em; color: #26392f;  }

.zweierliste { display: flex; flex-direction: column}

.abstand0unten { padding-bottom: 0}

#gruenargumentekasten  .elementor-element .elementor-widget-container  { background: #019A9F; padding: 45px 15px 20px; width: 100%}
#gruenargumentekasten  .elementor-element .elementor-widget-container p  { color: #fff; text-align: center}

ul.herzliste { padding: 0; margin: 0 auto; max-width: 650px; }
ul.herzliste li { list-style-type: none; font-size: 1.2em; color: #444; ; background: url(http://blago24.web-hoeffer.de/wp-content/uploads/2025/04/herz.png) no-repeat 0 0px; background-size: 1.4em; padding-left: 1.9em; margin-bottom: 0.6em}

.kastenstandort h3 { border-bottom: 1px solid; width: 100%; }
.kastenweiss { background: #fff; padding: 20px 30px 30px 30px; border: 1px solid #e2e2e2}

.kastengruen { background: #407d67 }
.kastengruen p { color: #fff}

.hgtuerkis img { padding-top: 20px}
.hgtuerkis h5 { color: #fff}
.hgtuerkis p { color: #fff}

.gruenaufzaehlung p { margin-bottom: 0.75em}
.gruenaufzaehlung p strong { color: #407d67}

ul.aufzaehlung { padding: 0; margin: 0 auto; max-width: 340px; }
ul.aufzaehlung li { list-style-type: none; font-size: 1.2em; color: #444; font-weight: bold; background: url(http://blago24.web-hoeffer.de/wp-content/uploads/2025/03/haekchen-mittel.png) no-repeat 0 6px; background-size: 1.2em; padding-left: 1.9em}
.aufzaehlung ul { margin: 0; padding: 0  20px}
.aufzaehlung ul li { margin: 0; padding: 2px 0; font-size: 1.2em; color: #26392F}

.dreierbewertung { background: #F5F5F5; padding: 0px 0px 0px 0px; border: 0px solid #ddd; border-radius: 5px; height: 100%  }
main .dreierbewertung h3 a {  display: block; padding: 10px; background: #019A9F;text-align: center; color: #fff;  }
main .dreierbewertung h3 a:hover { background: #26392F } 
.dreierbewertung p { padding: 0 20px}
.dreierbewertung p a { color: #019A9F; display: block; margin-top: 20px }
.dreierbewertung p a:hover { color: #26392F }

.bewertung-innen .elementor-widget-container { padding: 30px}
.bewertung-innen p.bewhead { text-align: left;}
.bewertung-innen p.bewhead .stern { padding-left: 10px; color: #ffd05b}
.bewertung-innen p.bewtext { text-align: left; font-style: italic; font-family: times; font-size: 1.2em}

.vierer-bild-bu .elementor-widget-container { text-align: center; min-width: 170px; }
.vierer-bild-bu .elementor-widget-container p{ font-weight: bold; color: #019A9F  }
.vierer-bild-bu .elementor-widget-container img { max-width: 120px }

.beratungsdreier .e-con { background: #019A9F; padding: 45px 15px 20px 15px}
main .beratungsdreier h5 { color: #fff; margin-top: 0 }
.beratungsdreier p { color: #fff; text-align: center; max-width: 250px; margin: 0 auto 1em auto}

.einschub { text-align: center}
main .einschub h4 {margin-bottom: 0.5em; text-align: center}

.iconuebersicht4 { text-align: center}
.iconuebersicht4 img { max-width: 130px}
 main .iconuebersicht4 h5 { margin: -0.6em 0 0.4em}
 main .iconuebersicht4 p { font-size: 1em;}
main .iconuebersicht4 a { color: #019A9F; }
main .iconuebersicht4 a:hover { color: #26392F; }

.iconkleiner img { max-width: 120px; }
main .iconkleiner h5 { margin-top: 0 }

.h-mit-bild img { height: 2.8em; width: auto}
.h-mit-bild p {  font-size: 2.2em}

.iconuebersicht3 h4 { text-align: center; color: #019A9F; margin-bottom: 0.5em }
.iconuebersicht3 p { text-align: center; font-size: 1em }

main .erklaerunggross h2 { color: #019A9F; font-size: 2.1em }
.erklaerunggross p { font-size: 1.4em}

.hghell { background: #fff}

.warumblago { text-align: center}
main .warumblago h4 { text-align: center; color: #019A9F; font-size: 1.3em; margin: 1em 0 0.25em; font-weight: bold }
main .warumblago h2 { background: #019A9F;padding: 20px; margin-bottom: 1.5em; margin-top: 0; text-align: center; color: #fff; font-size: 1.8em }

main .jetztbewerben h2 { margin: 0px 0px 0.1em; font-size: 2.2em; color: #fff; font-weight: bold;}
.jetztbewerben p {  color: #fff; font-weight: bold; text-align: center}

.stellen { border: 1px solid #019A9F; text-align: center; padding-top: 25px}
.stellen img { max-width: 160px; }
.stellen h5 { font-size: 1.5em; margin-top: 0}
.stellen h5 span { font-size: 0.7em; margin-top: 0; display: block; line-height: 1em}

.faqinhalt p { font-size: 1.05em; padding: 10px 10px 0 10px}
.faqinhalt ul { margin-bottom: 15px}
.faqinhalt ul li { color: #444; font-size: 1.05em; }
.elementor-widget-n-accordion .e-n-accordion-item:first-of-type { display: none;}
.faq p { font-size: 1em}

.tabgruenweiss .tablinks { background: #407d67; }
.tabgruenweiss .tablinks p { color: #fff }
.tabgruenweiss .tabrechts { background: #fff; border: 1px solid #ddd }

.tablinks { width: 100%; background: #c9e5e0; padding: 15px 10px 0 15px; text-align: center }
.tablinks p { color: #26392f}
.tabrechts { width: 100%; background: #e6f2f0; padding: 15px 10px 0 15px;}

.kontakt-name { font-size: 1.5em; margin: 0 }
.kontakt1 { font-size: 1.2em; margin: 0 0 0.25em 0}
.kontakt2 { font-size: 1.2em; margin: 0 0 1.25em 0}
.kontakt-mail a, .kontakt-tel a { color: #407d67; font-size: 1.2em}
.kontakt-mail a i, .kontakt-tel a i { padding-right: 12px}

main .listen h3 { margin: 1.5em 0 0.25em 0}
.listen ol, .listen ul { margin: 0 0 1em }
.listen ol li, .listen ul li { color: #444; font-size: 1.1em; padding-bottom: 0.5em }

.preis1 { display: none}
.preis2 { width: 100%}
.preis2 p { margin-bottom: 0;}
.preis3 { width: 100%}

.impressum a { color: #444}

@media (min-width: 576px) {
.startobenhs h1 { font-size: 4.3em; }
.startbuttons h3 { display: block}
main .titel h4 { font-size: 2.9em;}
}

@media (min-width: 768px) {
.startobenhs h1 { font-size: 4.3em; text-align: left;}
main .section1 h1 { font-size: 3em}
main .section1 h4 { font-size: 1.8em}
main .titel h1 { font-size: 1.9em}
main .titel h4 { font-size: 3.1em;}
main .titel2 h1 {margin: 0; font-size: 3.0em }
main .h2klein h2 { font-size: 1.8em; margin: 1em 0 0.5em 0}
main h3 { font-size: 1.4em;}
.zweierliste { flex-direction: row}
.startportrait ul { width: 50%}
.preis1 { display: block; width: 10%}
.preis2 { width: 60%}
.preis3 { width: 25%; text-align: right}
main .jetztbewerben h2 { text-align: left;}
.jetztbewerben p { text-align: left}
.tablinks { width: 25%; }
.tabrechts { width: 75%; }
}

@media (min-width: 960px) {
	.startbuttons p {display: block}
	main .titel h4 { font-size: 3.5em;}
}

@media (min-width: 992px) {
.startobenhs h1 { font-size: 5.1em;}
main .titel2 h1 {font-size: 3.5em }
}

@media only screen and (min-width: 1200px) {
.startobenhs h1 { font-size: 6em; text-align: left; line-height: 0.8em }
	main .titel h4 { font-size: 3.9em;}
}

/** ################################ /content ################################# */	


/** ################################ seitenmenu ################################# */
main .seitenmenu h2.widgettitle { text-transform: uppercase; margin: 0.5em 0 0.25em 0; padding: 5px; border-bottom: 1px solid #019A9F; color: #019A9F;font-size: 1.6em; text-align: left}
#main .seitenmenu { max-width: 300px}
#main .seitenmenu h5 { text-transform: uppercase; margin: 0.5em 0 0.75em 0; padding: 5px;border-bottom: 1px solid #26392f; color: #26392f }
.seitenmenu ul.menu { padding: 0 0 20px 8px; }
.seitenmenu ul li { padding: 8px 0 8px 0; list-style-type: none; border-bottom: 1px solid #ccc }
.seitenmenu ul li:last-child { border-bottom: 0px solid #ccc }
.seitenmenu ul li a { color: #26392f; font-size: 1.1em }
.seitenmenu ul li a:hover { color: #019A9F }

/** ################################ /seitenmenu ################################# */


/* xxxxxxxxxxxxxxxxx  Formular  xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

.formdreier { display: flex; justify-content: space-between}
.formdreier p { width: 32%; }
.formdreier label input { border: 1px solid #999; margin-top: 10px; width: 100%; padding: 10px; border-radius: 5px}

.formnachricht label { display:block; margin-top: 10px}
.formnachricht textarea { margin-top: 10px; width: 100%; padding: 10px; border-radius: 5px; border: 1px solid #999}

.datencheck {font-size: 0.8em; max-width: 700px }
.datencheck a { color: inherit }
p.datencheckcheckbox {width: 9em; padding: 0; float: left;  }
.datencheck .wpcf7-list-item { margin: 0}
.datencheck input[type="checkbox"] { width: 20px; padding: 10px; }
.site-content p.datenchecktext { margin-left: 30px; font-size: 0.9em}

.formsenden { text-align: center; padding-top: 30px}
.formsenden input { background: #019A9F; color: #fff; border: none; padding: 10px 30px; border-radius: 5px}
.formsenden input:hover { background: #2e4729}


.direktanfrage label { width: 100%; display: block}


.direktanfrage { padding: 0}
.direktanfrage h4 { margin-bottom: 20px }
.direktanfr-1, .direktanfr-2, .direktanfr-3, .direktanfr-4 { padding-bottom: 40px}
.direktanfrage label input { border: 1px solid #999; margin-top: 10px; width: 100%; padding: 10px; border-radius: 5px; }
.direktanfrage .dirbenoetigt { display: flex; flex-direction: row; align-items: center}
.grundpfl-1 { width: 11em}
.grundpfl-1 label { display: flex; flex-direction: row; align-items: center}
.grundpfl-1 label input { margin-top: 5px; width: 1em; }
.grundpfl-1 label span.wpcf7-list-item-label { padding: 10px}
.grundpfl-2 label { display: flex; flex-direction: row; align-items: center}
.grundpfl-2 label input { margin: 0px 0 0 10px}
.dirbenoetigt-2 label { display: flex; flex-direction: row; align-items: center; padding: 10px 0 }
.dirbenoetigt-2 label input { width: 1em; margin: 4px 10px  0 0 }
.dirbenoetigt-3 { padding: 5px 0 10px 20px}
.direktanfrage .datencheck { padding-left: 10px}


.kwk-form-zweier { display: flex; justify-content: space-between; margin-bottom: 1.5em; flex-direction:column; }
.kwk-form-zweier label { width: 100%;margin-bottom: 1.0em;  }
.kwk-form-zweier label input { border: 1px solid #999; margin-top: 10px; width: 100%; border-radius: 5px}
.kwk-links, .kwk-rechts { width: 100%; padding: 25px}
.kwk-links { background: #f7fcfc; }
.kwk-rechts { background: #fff; }

.kwk .datencheck {font-size: 0.9em; max-width: 900px }
.kwk .datencheck a { color: inherit }
.kwk p.datencheckcheckbox {width: 12em; padding: 0; float: left;  }
.kwk .datencheck .wpcf7-list-item { margin: 0}
.kwk .datencheck input[type="checkbox"] { width: 20px; padding: 10px; }
.kwk .site-content p.datenchecktext { margin-left: 30px; font-size: 0.9em}

@media screen and (max-width: 768px) {
	.formdreier { flex-direction: column}
	.formdreier p { width: 100%; }
	.formdreier label { display: block}
}

@media screen and (min-width: 768px) {
	.form-zweier p { flex-direction: row }
	.form-zweier label { width: 48%; }
	.kwk-form-zweier { flex-direction:row; }
	.kwk-links, .kwk-rechts { width: 48%; padding: 10px}
}


/* xxxxxxxxxxxxxxxxx  Popupformular  xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
   
#Kontaktback { display: none; }
#Kontaktback ul, #Kontaktback ul li { padding: 0px; margin: 0; }
#Kontaktback ul li { list-style-type: none}
.seitenkontaktbutton { position: fixed; top: 50%; right: -2.3em; display: block; z-index: 99; transform: rotate(-90deg);  }
.seitenkontaktbutton { font-size: 1.1em; padding: 0 px; line-height: 2.0em; border-radius: 0; text-transform: uppercase; letter-spacing: 2px; font-weight: 400; transition: 0.3s}
.paoc-popup-btn { background: #FD751F!important }
.seitenkontaktbutton a:hover { background: #26392F!important; }

h5.telbutton { margin: 10px 0 25px 0; padding: 0px 0px 35px 0; border-bottom: 1px solid #ccc;}
h5.telbutton a { font-size: 25px; color: #fff; background: #019A9F; padding: 10px; border-radius: 5px;  }
h5.telbutton a i { padding-right: 10px}
h5.telbutton a:hover { background: #26392f; text-decoration: none; color: #fff}
.paoc-credit-wrp { display: none; }

.callbackform p label input { margin-top: 10px}
.callbackform p.datencheckcheckbox {
 width: 100%; float: none; }
.callbackform .formsenden { text-align: left}

#Kontaktback-mobil { display: block; position: fixed; bottom: 0; z-index: 200; width: 100%!important; }
.mobilkontaktbutton a { display: block; width: 100%!important;  border-radius: 0}
.paoc-popup-btn.mobilkontakt:hover { background: #26392F!important}

@media (min-width: 768px) { 
#Kontaktback { display: block; }
#Kontaktback-mobil { display: none;}
}


/* xxxxxxxxxxxxxxxxx  /Formular  xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
	
/** ################################ footer ################################# */
	
.footer-oben { background: #ebf4f4; padding: 30px 0 10px 0; }
.footer-oben .footer-inner { overflow: hidden; }
#Footer-links, #Footer-mitte, #Footer-rechts { width: 100%; margin-bottom: 20px}
.footerlinks { position: relative; margin: 0 0px 0 0; border: 10px solid #fff; box-shadow: 2px 2px 4px #ccc; margin-bottom: 20px}
.footerlinks p {margin: 0; padding: 0; width: 100%;  }
.footerlinks p.link {position: absolute; bottom: 35px; margin: 0; padding: 0; text-align: center; width: 100%;  }
.footerlinks a { background: #019A9F; color: #fff; font-size: 1.1em; padding: 10px 15px 12px; border-radius: 5px; border: 1px solid #fff; transition: 0.3s }
.footerlinks a:hover { background: #26392f; color: #fff; border: 1px solid #fff }


.footeroffz { background: #fff url(http://blago24.web-hoeffer.de/wp-content/uploads/2025/02/infobox.png) no-repeat right bottom; position: relative; border: 1px solid #407d67 }
.footeroffz img { width: 20%; margin-bottom: 0px; }
.footeroffz-innen { position: absolute; top: 0px; width: 100%}
.footeroffz h4 { color: #019A9F; padding: 0 0 0.5em 0; margin: 20px 25px 0.75em 15px; font-size: 1.5em; border-bottom: 1px solid}
.footeroffz h5 { color: #666; margin: 0px 0px 0.25em  15px; font-size: 1.3em;line-height: 1.3em}
.footeroffz h6 { color: #019A9F; margin: 0px 0px 1em 15px; font-size: 1.3em;}

.footerkontakt { background: #019A9F url(http://blago24.web-hoeffer.de/wp-content/uploads/2025/02/get_in_touch.png) no-repeat right bottom; position: relative; border: 1px solid #019A9F}
.footerkontakt img { width: 25%; margin-bottom: 0px}
.footerkontakt-innen { position: absolute; top: 0px; width: 100%}
.footerkontakt h4 { color: #fff; padding: 0 0 0.5em 0; margin: 20px 25px 0.75em 15px; font-size: 1.5em; border-bottom: 1px solid}
.footerkontakt h5 { color: #fff; margin: 0px 0px 0.35em  15px; font-size: 1.3em; line-height: 1.3em}
.footerkontakt p.adresse { color: #fff; margin: 0 0 0.75em 15px; font-size: 1.3em}
.footerkontakt h6 { color: #fff; margin: 0px 0px 0.5em  15px; font-size: 1.3em;}
.footerkontakt h6 i { color: #fff; width: 2em; text-align: center; display: inline-block}
.footerkontakt h6 a { color: #fff;}

.footer-unten { background: #019A9F; padding: 0 15px 120px 15px; }
.footer-unten .footer-inner { padding: 20px 0 0 0; overflow: hidden; flex-direction: column; }
.footer-unten #Footermenu-links, .footer-unten #Footermenu-rechts { width: 100%; padding-bottom: 10px}

ul#menu-footer-links a, ul#menu-footer-rechts a { display: block;transition: 300ms; padding: 5px 0 6px 12px; margin: 0; color: #f9f9f9; font-size: 1.1em; font-weight: 200; border-bottom: 1px solid #fff; background: url(https://www.asfim.de/wp-content/uploads/2022/02/pfeil-nach-rechts.png) no-repeat 0px 13px; background-size: 7px}
ul#menu-footer-links li#menu-item-86 a { border-bottom: 0px solid #316150; }
	
	@media screen and (min-width: 768px) { 
	.site-footer .footer-inner { flex-direction: row; max-width: 900px; padding: 0 15px}
	#Footer-links { flex: 0 0 40%; max-width: 40%; }
	.footerlinks { margin: 0}
	.footerlinks a { font-size: 1.0em; }
	#Footer-mitte { flex: 0 0 24%; max-width: 24%;}
.footeroffz h4 {font-size: 1.2em; }
	.footeroffz img { width: 31%; }
.footeroffz h5 { font-size: 1.1em;}
.footeroffz h6 { font-size: 1.1em;}

	#Footer-rechts { flex: 0 0 32%; max-width: 32%;}
	.footerkontakt img { width: 27%;}
.footerkontakt h4 {font-size: 1.2em; }
.footerkontakt h5 { margin: 0px 0px 0.35em  15px; font-size: 1.1em; }
.footerkontakt p.adresse { color: #fff; font-size: 1em; line-height: 1.4em}
.footerkontakt h6 { font-size: 1.0em;}
.footerkontakt h6 i { color: #fff; width: 2em; text-align: center; display: inline-block}
		
	.footer-unten .footer-inner { flex-direction: row; }
	.footer-unten #Footermenu-links, .footer-unten #Footermenu-rechts {width: 48%;}
}  
	
@media screen and (min-width: 992px) {
.site-footer .footer-inner { max-width: 1140px; padding: 30px 0 10px 0; }
.footerlinks a { font-size: 1.1em; }
.footeroffz h4 { font-size: 1.4em; }
	.footeroffz img { width: 31%; margin-bottom: 0px; }
.footeroffz h5 { font-size: 1.2em;}
.footeroffz h6 { font-size: 1.2em;}

	.footerkontakt img { width: 23%; margin-bottom: 0px}
.footerkontakt h4 { font-size: 1.4em; }
.footerkontakt h5 { font-size: 1.2em; }
.footerkontakt h6 { font-size: 1.0em;}
}  

@media (min-width: 576px) { }
@media (min-width: 768px) { }
@media (min-width: 992px) { }
@media (min-width: 1200px) { }