/*
Theme Name: Praxis Bodmeier
Theme URI: 
Description: Child theme of enfold theme for the Enfold theme
Author: <a href="https://kriesi.at">Kriesi</a>
Author URI: 
Template: enfold
Version: 7.1
*/

/* Generated by Orbisius Child Theme Creator (https://orbisius.com/products/wordpress-plugins/orbisius-child-theme-creator/) on Wed, 09 Apr 2025 10:20:31 +0000 */ 
/* The plugin now uses the recommended approach for loading the css files.*/

/* &shy;*/

/*------------*/
/* Typografie */
/*------------*/

h2 {
	line-height: 1.3em;
}

h3 {
	line-height: 1.4em;
}

/* Listen */
ul {
    margin-inline-start: 1px;
}

li::marker {
	color: #9d221b;
}

/* Weiterlesen + und Weniger - */
a.av-fold-button-container {
	font-family: "syncopate-v22-latin", Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	text-decoration: none !important;
	font-size: 1.125em;
}

/* Beitragsvorschauen Tipp des Monats */
/* Beitragstitel und Link ausblenden */
#top h2.post-title.entry-title {
	display: none; 
}

#top div .read-more-link {
	display: none;
}

/* Textauszug/Beitragstext auf Home */
.beitragsvorschau {
	text-align: center;
	color: #7f221b;
	font-size: 1em;
}

#top .fullsize .template-blog .post .entry-content-wrapper {
  text-align: justify;
  font-size: 1em;
  line-height: 1.65em;
  max-width: 100%;
  margin: 0;
  overflow: visible;
}


/*---------*/
/* Content */
/*---------*/

/* Sektion Willkommen */
#top #willkommen {
background-color: #f8fbeb;
  background-image:url(https://www.ganzheitliche-hautarztpraxis.de/wp-content/uploads/2025/04/dr-bodmeier_konvex-unten-mittelgruen_b1500.svg),
  url(https://www.ganzheitliche-hautarztpraxis.de/wp-content/uploads/2025/04/dr-bodmeier_bg-floral-1.png);
  background-size: 100%, 775px;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-attachment: scroll;
}

/* Sektion Tipp des Monats */
#top #tipp-des-monats {
background-color: #f8fbeb;
  background-image: url(https://www.ganzheitliche-hautarztpraxis.de/wp-content/uploads/2025/05/dr-bodmeier_konkav-oben-mittelgruen_b1500.svg),
  url(https://www.ganzheitliche-hautarztpraxis.de/wp-content/uploads/2025/05/dr-bodmeier_bg-floral-3.png);
  background-size: 100%, 790px;
  background-repeat: no-repeat;
  /*background-position: 0% 0%;*/
  background-position: 0% 0%, 0% 100%;
  background-attachment: scroll;
}

/* Sektion Leistungen */
#top #leistungen {
background-color: #f8fbeb;
  background-image:url(https://www.ganzheitliche-hautarztpraxis.de/wp-content/uploads/2025/04/dr-bodmeier_konvex-unten-mittelgruen_b1500.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-attachment: scroll;
}

/* Sektion Team */
#top #team {
background-color: #f8fbeb;
  background-image:url(https://www.ganzheitliche-hautarztpraxis.de/wp-content/uploads/2025/04/dr-bodmeier_konvex-unten-mittelgruen_b1500.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-attachment: scroll;
}

/* Sektion Kontakt */
#top #kontakt {
background-color: #f8fbeb;
  background-image:url(https://www.ganzheitliche-hautarztpraxis.de/wp-content/uploads/2025/04/dr-bodmeier_konvex-unten-mittelgruen_b1500.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-attachment: scroll;
}

/* florale Hintergründe in mobilen Ansichten verkleineren */

@media only screen and (max-width: 1080px) {
	#top #willkommen {
	background-size: 100%, 760px;
	}
}

/* Hintergrundfarben fold-unfold Spalten auf Home */
#home-ganzheitliche-dermatologie .post-entry.post-entry-type-page.post-entry-15,
#home-ganzheitliche-dermatologie-v2 .post-entry.post-entry-type-page.post-entry-320 {
	background: #e7f0ba;
}

#home-allgemeine-dermatologie .post-entry.post-entry-type-page.post-entry-15,
#home-allgemeine-dermatologie-v2 .post-entry.post-entry-type-page.post-entry-320 {
	background: #dfeba3;
}

#home-hautaerztliche-vorsorge .post-entry.post-entry-type-page.post-entry-15,
#home-hautaerztliche-vorsorge-v2 .post-entry.post-entry-type-page.post-entry-320 {
	background: #d7e68c;
}

#home-naehrstoffversorgung .post-entry.post-entry-type-page.post-entry-15,
#home-naehrstoffversorgung-v2 .post-entry.post-entry-type-page.post-entry-320 {
	background: #cfe175;
}

/* Abstand Bild in fold-unfold Spalten */
#top .avia-image-container.avia-align-center {
  display: block;
  margin:0; /*geändert*/
  text-align: center;
  clear: both;
}

/*----- Akkordeon Leistungen, Stil elegant -----*/

/* +/- Icons ersetzen durch Pfeile */

.dr-bodmeier-accordion .toggle_icon:before {
    content: '\e87d';
    font-family: 'entypo-fontello';
    font-size: 1.1em;
    font-weight: normal;
	/*float: right;*/
}

.dr-bodmeier-accordion .activeTitle .toggle_icon:before {
    content: '\e87b';
    font-family: 'entypo-fontello';
    font-size: 1.1em;
    font-weight: normal;
}

/* lästige Borders und + -Icons ausschalten */
.dr-bodmeier-accordion .toggle_icon {
	border:none;	
	position: absolute;
}

.dr-bodmeier-accordion .toggle_icon .vert_icon,
.dr-bodmeier-accordion .toggle_icon .hor_icon {
	display:none;
}
 /* Größe und Position Pfeile */
/*.dr-bodmeier-accordion */.av-elegant-toggle .toggle_icon {
 /* width:32px;
  height:32px;
  border-radius: 0px;*/
  left:auto;
  right:30px !important; /*geändert*/
  margin-top: -25px;
  /*border-width:2px;
  opacity:.4;*/
  opacity: 1 !important; /*geändert*/
}

@media only screen and (max-width: 460px) {
	.av-elegant-toggle .toggle_icon {
	margin-top: -13px;
	}
}

/* Toggle Titel */
h2.toggler {
	font-size: 1.75em !important;
	color: #9d221b !important;
	padding: 25px 50px 25px 50px !important;
	border: none !important;
}

@media only screen and (max-width: 460px) {
	h2.toggler {
	font-size: 1.2rem !important;
	line-height: 1.6rem !important;
	padding: 25px !important;
	}
}

h2.toggler.activeTitle{
	border: none !important;
}

h2.toggler.activeTitle{
	border: none !important;
}

/* Höhe und Abstände zwischen Toggles */
.av-elegant-toggle .single_toggle {
    /*border-width: 2px;*/
    border: none;
	margin: 15px 0 0 0;   /*Abstand*/    
    padding: 0;
    float: none;
   /* background-color: #6ca2cd !important;*/
}

/* Toggle Content */

.av-elegant-toggle .toggle_content {
  margin-bottom:0;
  font-size: 1em;
  line-height:1.4;
  padding: 20px 50px 30px 50px; 
  border-top-width:0;
  border-left-width:0;
  border-right-width:0;
  border-bottom-width:0px;
  border-radius:0
}

@media only screen and (max-width: 460px) {
	.av-elegant-toggle .toggle_content {
	  padding: 0 25px; 
	}
}

/* Links in Listen, z. Akkordeons Leistungen, unterstrichen */
.av-elegant-toggle .toggle_content a {
	text-decoration: underline !important;
}

/* Hintergrundverläufe Togggles */
#top .dr-bodmeier-accordion .av_toggle_section:nth-child(1) .toggler  {
	background: linear-gradient(90deg,rgba(226, 237, 175, 1) 0%, rgba(229, 238, 181, 1) 100%);
}

#top .dr-bodmeier-accordion .av_toggle_section:nth-child(2) .toggler  {
	background: linear-gradient(90deg,rgba(222, 235, 164, 1) 0%, rgba(226, 236, 173, 1) 100%);
}

#top .dr-bodmeier-accordion .av_toggle_section:nth-child(3) .toggler  {
	background: linear-gradient(90deg,rgba(220, 232, 153, 1) 0%, rgba(222, 235, 162, 1) 100%);
}

#top .dr-bodmeier-accordion .av_toggle_section:nth-child(4) .toggler  {
	background: linear-gradient(90deg,rgba(215, 230, 141, 1) 0%, rgba(218, 231, 151, 1) 100%);
}

#top .dr-bodmeier-accordion .av_toggle_section:nth-child(5) .toggler  {
	background: linear-gradient(90deg,rgba(212, 227, 130, 1) 0%, rgba(215, 229, 140, 1) 100%);
}

#top .dr-bodmeier-accordion .av_toggle_section:nth-child(6) .toggler  {
	background: linear-gradient(90deg,rgba(207, 225, 120, 1) 0%, rgba(211, 227, 128, 1) 100%);
}

/*** Spalte mit Portrait auf Seite Team ***/
div#portrait-mit-bg {
  background-image: url(https://www.ganzheitliche-hautarztpraxis.de/wp-content/uploads/2025/05/dr-bodmeier_bg-floral-2.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0% 100%;
  background-attachment: scroll;
}



/*** Padding on mobile ausschalten ***/
@media only screen and (max-width: 989px) {
	.responsive #top #wrap_all .flex_column/*.av-break-at-tablet*/ {
    margin: 0;
    margin-bottom: 0px !important; /*geändert*/
    width: 100%;
    display: block;
  	}
}

/*** Tabellen auf Seite Kontakt ***/

/* Tabelle Kontakt Intro ganz oben */
#top /*table*/.intro-kontakt, td, th {  
	text-align: left;
	border: none; 
	padding: 0px 0 0 0;
	font-size: 16px;
	line-height: 1.65rem;
}

#top /*table*/.intro-kontakt{
  border-collapse: collapse;
  width: 100%;
  margin: 25px 0;
}

/* Hintergrundfarbe Tabelle Intro Kontakt*/
#top .intro-kontakt td {
	background: #f8fbeb;
}

/* Tabelle im grünen Kasten */
#top table.kontakt, td, th {  
	text-align: left;
	border: none !important; 
	padding: 0px 0 0 0;
	font-size: 16px;
	line-height: 1.65rem;
}

#top .kontakt {
  border-collapse: collapse;
  width: 100%;
  margin: 25px 0;
}
 
#top .kontakt td:nth-child(1){
	width: 33.33%;
}

/* Hintergrundfarbe Tabelle Kontakt */
#top .kontakt td {
	background: #dfeba3;
}


/*
@media only screen and (max-width: 1080px) {
	#top .kontakt table, td, th { 
	font-size: 14px; 
	}

}

@media only screen and (max-width: 812px) {
	#top .kontakt table, td, th {  
	font-size: 16px; 
	}

	#top .kontakt td:nth-child(1){
	width: 48%;
	}	
}

@media only screen and (max-width: 767px) {
	#top .kontakt td:nth-child(1){
	width: 17%;
	}
}

@media only screen and (max-width: 660px) {
	#top .kontakt td:nth-child(1){
	width: 18%;
	}
}

@media only screen and (max-width: 420px) {
	#footer .fusszeile td:nth-child(1){
	width: 28%;
	}
}
*/


/*-----------------*/
/* Header und Navi */
/*-----------------*/

/*** Logo ***/

/*#top #header .logo {
	overflow: hidden;
	position: relative;
	display: block;
	width: 540px;
	height: auto;
	margin-top: 38px;
}*/

.logo svg/* svg /*.logo a */{
    height: auto;
	margin-top: 38px;
    width: 543px;
}

@media only screen and (max-width: 1124px) {
.logo svg/* svg /*.logo a */{
    height: auto;
	margin-top: 50px;
    width: 421px;
    }
}

@media only screen and (max-width: 375px) {
.responsive .logo svg/* svg /*.logo a */{
    height: auto;
	margin-top: 0px;
    max-width: 96% !important;
    }
}


/* Hauptnavi Einstellungen */
#top #header .av-main-nav > li > a {
    /*font-size: 18px;
    font-weight: 400;*/
    padding: 0px 0px 0px 35px;
    margin: 25px 0 0 0px;
    /*color: #6b7779;*/
}

/*** Wechsel auf mobiles Menu *//* Activate burger menu ***/

@media only screen and (max-width: 1140px) {
	#top #header .av-main-nav > li.menu-item  {
    display: none!important;
	}

	#top #header .av-burger-menu-main {
    cursor: pointer;
   	display: block!important;
    float: right;
	}
}

/*** mobiles Menü ***/

#top #av-burger-menu-ul {
  display: table-cell;
  height: 100%;
  width: 100%;
  vertical-align: top; /*geändert*/
  /*padding: 125px 0;*/
  text-transform: uppercase; /*geändert*/
}

.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a {
  color: #9d221b; /*geändert*/
}

.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a:hover {
  color: #659f00; /*geändert*/
}

#av-burger-menu-ul li a:hover {
    background-color: #eff5d1 !important; /* geändert*/
}

/* Up-Toggle mobil sichtbar machen */

@media only screen and (max-width: 768px) {
.responsive #scroll-top-link {
    display: block !important;
	}
}

/*--------*/
/* Footer */
/*--------*/

/* Menüs im Footer */
#top .widget_nav_menu li {
	position: relative;
	box-sizing: content-box;
	clear: both;
	font-size: 1rem;  /*geändert*/
	line-height: 1rem; /*ergänzt*/
}

#top .widget_nav_menu li > a {
	text-decoration: underline;
}

#top .widget_nav_menu ul {
	padding: 1.45em 0 0 0;
}

/* Textgröße im Footer*/
#footer .textwidget {
	font-size: 16px; 
	line-height: 1.6rem;
}

/* Link im Footer */
#footer a {
	text-decoration: underline;
}

/*** Tabellen im Footer ***/
#footer table.fusszeile , td, th {  
	text-align: left;
	border: none; 
	padding: 0px 0 0 0;
	font-size: 16px;
	line-height: 1.65rem;
	/*color: #ffffff;*/
}

#footer table.fusszeile {
  border-collapse: collapse;
  width: 100%;
  margin: 25px 0;
}
 
#footer .fusszeile td:nth-child(1){
	width: 28%;
}

@media only screen and (max-width: 1080px) {
	#footer .fusszeile table, td, th { 
	font-size: 14px; 
	}
	#footer .textwidget {
	font-size: 14px; 
	line-height: 1.4rem;
	}
}

@media only screen and (max-width: 812px) {
	#footer .fusszeile table, td, th {  
	font-size: 16px; 
	}
	#footer .textwidget {
	font-size: 16px; 
	line-height: 1.6rem;
	}
	#footer .fusszeile td:nth-child(1){
	width: 48%;
	}	
}

@media only screen and (max-width: 767px) {
	#footer .fusszeile td:nth-child(1){
	width: 17%;
	}
}

@media only screen and (max-width: 660px) {
	#footer .fusszeile td:nth-child(1){
	width: 18%;
	}
}

@media only screen and (max-width: 420px) {
	#footer .fusszeile td:nth-child(1){
	width: 28%;
	}
}