/* ### CSS erstellt fuer Praxis Dr. Nina Asseln von Arztpraxis-Heute.de, Juli 2025 ### */

/* ### FARBEN ### */
/*
aqua: #87EBE0; oder rgba(135, 235, 224, 1);
a href (braun): #4f4233; oder rgba(79, 66, 51, 1);
schwarz (p, h): #1E2223;
hellbeige: #FFFFE8;
beige: #F1DAB5;

(NEU) dunkelbraun: #675949;
*/

/* ### FONTS ### */
/* lato-300 - 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: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../ah_fonts/lato-v24-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-regular - 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: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../ah_fonts/lato-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-700 - 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: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../ah_fonts/lato-v24-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* ### GENERELL ### */
body {
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #1E2223;
}
h1, h2, h3, h4 {
  font-family: 'Lato', sans-serif;
  text-decoration-color: none;
  color: #675949;
}
h1 {
  font-size: 50px;
  font-weight: 300;
  margin-bottom:20px;
}
h2 {
  font-size: 30px;
  font-weight: 300;
  margin-bottom:30px;
}
h3 {
  font-size: 26px;
  font-weight: 300;
}
h4 {
  font-size: 22px;
  font-weight: 300;
}
p {
  color: #1E2223;
  margin-bottom:20px;
}
a {
  color: rgba(79, 66, 51, .8);
  text-decoration: none;
  transition: all 0.3s ease;
}
a:hover, a:focus, a:active {
  color: rgba(79, 66, 51, 1);
  text-decoration: none;
}
a.sppb-btn {
  text-decoration: none;
}
.ohne_underline a {
  text-decoration: none;
}

/* ### COOKIE BANNER ### */
.ccm-widget--text {
  color: #675949 !important;
}
#ccm-widget--title {
  color: #675949 !important;
}
.ccm-widget--introduction {
  color: #675949 !important;
}
.ccm-root .button.ccm--button-primary, .ccm-root button.ccm--button-primary {
  color: rgb(255, 255, 255) !important;
  background-color: rgba(79, 66, 51, 0.8) !important;
  border-color: rgba(79, 66, 51, 0.8) !important;
}
.ccm-root .button.ccm--decline-cookies, .ccm-root button.ccm--decline-cookies {
  color: rgb(255, 255, 255) !important;
  background-color: rgba(79, 66, 51, 0.8) !important;
  border-color: rgba(79, 66, 51, 0.8) !important;
}
.ccm-root .button.ccm--button-primary:hover, .ccm-root .button.ccm--button-primary:focus, .ccm-root button.ccm--button-primary:hover, .ccm-root button.ccm--button-primary:focus {
  color: rgb(255, 255, 255) !important;
  background-color: rgba(79, 66, 51, 1) !important;
  border-color: rgba(79, 66, 51, 1) !important;
}
.ccm-root .button.ccm--decline-cookies:hover {
  color: rgb(255, 255, 255) !important;
  background-color: rgba(79, 66, 51, 1) !important;
  border-color: rgba(79, 66, 51, 1) !important;
}

/* BUTTONS */
body .sppb-btn, body .btn {
  text-transform: uppercase;
  padding: 12px 20px;
  border: 1px solod #fff;
  font-size: 18px;
  line-height: 1.2;
  white-space: normal;
}
a.sppb-btn-custom {
  background-color: rgba(79, 66, 51, .8);
  color: rgb(255, 255, 255);
}
a:hover.sppb-btn-custom {
  background-color: rgba(79, 66, 51, 1);
  color: rgb(255, 255, 255);
}

/* ### HEADER ### */
.adresse_head p {
  font-size: 14px;
  line-height: 1.3;
  color: #1E2223;
  margin-bottom:unset;
}
.adresse_head a {
  text-decoration: none;
}
#sppb-addon-1607950582169 .sppb-divider {
  border-left-width: 0 !important;
  width: 0 !important;
}

/* ### HERO ### */
.sp-page-title .container {
  display:none;
}
.sp-page-title {
  padding: 220px 0;
}

/* ### MENU ### */
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  font-family: 'Lato', sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-decoration: none;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active > a {
  color: rgba(79, 66, 51, 1);
}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
  color: rgba(79, 66, 51, 1);
}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
  color: rgba(79, 66, 51, 1);
}
.sp-megamenu-parent > li:hover > a {
  color: rgba(79, 66, 51, 1);
  background-color: transparent;
}
.sp-megamenu-parent > li > a::before {
  background-color: rgba(79, 66, 51, .8);
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
  color: rgba(79, 66, 51, 1);
  background-color: transparent;
}

/* ### OFFCANVAS ### */
.offcanvas-active .burger-icon > span:nth-child(1), #modal-menu-toggler.active .burger-icon > span:nth-child(1) {
  transform: translate(0, 5px) rotate(-45deg);
}
.burger-icon > span {
  height: 3px;
  /* background-color: #87EBE0; */
  margin: 7px 0;
}
.offcanvas-menu {
  color: #1E2223;
  background-color: #fff;
}
.offcanvas-menu .offcanvas-inner ul.menu li.active a {
  color: unset !important;
  text-decoration: none;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > a, .offcanvas-menu .offcanvas-inner ul.menu > li > span {
  opacity:1;
  text-decoration: none;
}
.offcanvas-menu .offcanvas-inner ul.menu > li a:hover, .offcanvas-menu .offcanvas-inner ul.menu > li a:focus, .offcanvas-menu .offcanvas-inner ul.menu > li span:hover, .offcanvas-menu .offcanvas-inner ul.menu > li span:focus {
  color: rgba(79, 66, 51, 1);
}
.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
  font-size: 16px;
  text-decoration: none;
}

/* ### BOTTOM ### */
#sp-bottom {
  /* background: #675949; */
  background: transparent;
  color: #fff;
}
#sp-bottom .sp-module ul > li > a {
  display: unset;
}
#sp-bottom a {
  color:#FFFFFF;
  text-decoration: none;
}
#sp-bottom a:hover {
  color: rgba(217, 76, 0, 1);
}
.sp-module ul > li > a {
  color: rgba(79, 66, 51, .8);
}
#sp-footer ul.menu li a:hover, #sp-footer ul.menu li a:focus, #sp-footer ul.menu li a:active {
  color: rgba(79, 66, 51, 1);
}

/* ### KARTE ### */
#sp-bottom a.leaflet-control-zoom-in, #sp-bottom a.leaflet-control-zoom-out {
  color: rgba(79, 66, 51, .8);
}
#sp-bottom a:hover.leaflet-control-zoom-in, #sp-bottom a:hover.leaflet-control-zoom-out {
  color: #fff;
}
.leaflet-bar a:hover {
  background-color: rgba(79, 66, 51, 1) !important;
}

/* ### SPRECHZEITEN ### */
.oeffnungszeiten p {
  margin-bottom: 0;
}
.oeffnungszeiten td {
  padding: 5px 25px 5px 5px;
}
.oeffnungszeiten .bg_tabelle {
  background-color: rgba(236,222,212,1);
}

/* ### STARTSEITE ### */

/* ### LEISTUNGEN ### */
.addon-root-feature {
  transition: .3s;
}

/* ### KONTAKT ### */

/* ### MEDIA QUERIES ### */
@media only screen and (max-width: 1491px) {
  h1 {font-size: 40px;}
}
@media only screen and (max-width: 1199px) {
  h1 {font-size: 38px;}
  h2 {font-size: 26px;}
}
@media only screen and (max-width: 991px) {
  h1 {font-size: 26px;}
  .logo-image {height: 60px !important;}
  #sp-footer #sp-footer1 {padding:unset; text-align: center;}
  #sp-footer #sp-footer2 {text-align: center; padding-top: 10px;}
}
@media only screen and (max-width: 767px) {
  h1 {font-size: 30px;}
  h2 {font-size: 22px;}
}
@media only screen and (max-width: 575px) {
  h1 {font-size: 26px;}
}
@media only screen and (max-width: 500px) {
  h1 {font-size: 24px;}
}