/* 
Theme Name: Praxis Garre  
Theme URI: https://praxisgarre.difool.de/ 
Description: difool.design Theme 
Author: Difool
Author URI: https://www.difool.de/
Template: hueman
Version: 1.0.0
*/
/*
#606060
#970007

blau = #3c6188
rot = #D9096A

topbar-bg = #4f5870 / neu #4c596f / #536577
header-bg = #b5cfd0 / neu #f0f8ff > aliceblue
menu-bg = #4f5870
mobile-menu-bg = #4f5870
footer_bg = #6a8393 und #b5cfd0 / neu #f0f8ff / #45576a

primär: #CDD600
sekundär: #e376a9
sidebar: #D8E7E8

typo: #3E3F4E
infos: bg #B5CFD04D --- 

rot #E376A9 --- #D9096A
grau #B5CFD1 --- dkl #5B8D8F () --- light #B5CFD0 (header, footer)
gruen #CDD600 --- buttons/icons #CDD600
dark-violett #2E293C
background: #eaeaea

*/

/*** dark mode toggle ***/
.btn-toggle { color: inherit; background: none; border-radius: 6px; font-size: 1.00rem; float: right; }
.dark-mode.btn-toggle { color: white; }
/* Container für den Floating Button */
#dark-mode-floating-button.desktop { position: relative; top: 15px; bottom: 30px; float: right; right: 80px; z-index: 9999; }

/* Styling für den Button selbst */
.btn-toggle-floating {
    background-color: #3c6188; /* Hintergrundfarbe im Light Mode */
    color: #FFFFFF;           /* Text-/Icon-Farbe im Light Mode */
    border: none;
    border-radius: 50%;       /* Macht ihn rund */
    width: 38px;              /* Breite des Buttons */
    height: 38px;             /* Höhe des Buttons */
    font-size: 1.1em;          /* Größe des Sonnen-/Mond-Symbols */
    display: flex;            /* Für Zentrierung des Symbols */
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Kleiner Schatten für Tiefe */
    transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease; /* Sanfte Übergänge */
}
.btn-toggle-floating:hover { filter: brightness(1.5) !important; }
@media only screen and (max-width: 719px) {
#dark-mode-floating-button.mobile { left: auto; right: 80px; top: -3.5px; }
#dark-mode-floating-button { top: 10px; left: 10px; position: absolute; }
}

/* Anpassungen im Dark Mode */
body.dark-mode #dark-mode-floating-button .btn-toggle-floating { background-color: #3c6188; color: #efefef; /*filter: hue-rotate(360deg) invert(1);*/ }
/*******************************************************************
********************************************************************/

html { -webkit-font-smoothing: antialiased; }
body { color: #3E3F4E; }

/* Basis-Filter für den gesamten Body, wenn Dark Mode aktiv ist */
body.dark-mode { background-blend-mode: darken; backdrop-filter: brightness(60%) sepia(10%) invert(1); background-color: #fefefe; color: #15151a; }
.dark-mode { filter: invert(100%) hue-rotate(180deg); }
/* Elemente, die auch invertiert werden sollen, wenn Dark Mode aktiv ist */
.dark-mode img,
.dark-mode video,
.dark-mode iframe,
.dark-mode svg { filter: invert(100%) hue-rotate(180deg); }
/* Spezifische Regeln für den Dark Mode */
.dark-mode video:fullscreen { filter: none; }
.dark-mode .icon { filter: invert(15%) hue-rotate(180deg); }
.dark-mode pre { filter: invert(6%); }
.dark-mode li::marker { color: #666;  }
.dark-mode h1, h2, h3, h4, h5, h6 { color: #222; }

.dark-mode a:focus {
  outline: 2px solid #bb86fc;
  outline-offset: 2px;
  background-color: rgba(187, 134, 252, 0.2);
  /*padding: 3px;*/
}

.dark-mode button:focus {
  outline: 2px solid #bb86fc;
  outline-offset: 2px;
  background-color: rgba(187, 134, 252, 0.2);
  /*padding: 3px;*/
}

.dark-mode input:focus,
.dark-mode select:focus,
.dark-mode textarea:focus {
  outline: 2px solid #bb86fc;
  outline-offset: 2px;
  background-color: rgba(187, 134, 252, 0.2);
  /*padding: 3px;*/
}

.dark-mode .sidebar a:focus { border-radius: 16px; }
.dark-mode .sidebar button:focus { border-radius: 16px; }
.dark-mode .sidebar input:focus,
.dark-mode .sidebar select:focus,
.dark-mode .sidebar textarea:focus { border-radius: 16px; }

/* end dark-mode */

a:focus { outline: 2px solid #bb86fc; outline-offset: 2px; background-color: rgba(187, 134, 252, 0.2); }
button:focus { outline: 2px solid #bb86fc; outline-offset: 2px; background-color: rgba(187, 134, 252, 0.2); }
input:focus,
select:focus,
textarea:focus { outline: 2px solid #bb86fc; outline-offset: 2px; background-color: rgba(187, 134, 252, 0.2); }

::-moz-selection {  color: #ce0965; background: #eae5d3; } /* Firefox */
::selection { color: #ce0965; background: #eae5d3; }

.sidebar a:focus { border-radius: 16px; }
.sidebar button:focus { border-radius: 16px; }
.sidebar input:focus,
.sidebar select:focus,
.sidebar textarea:focus { border-radius: 16px; }


.site-title { padding: 10px 48% 0px 0; }
.site-description { color: #6A8393; font-size: 1.15em; font-weight: 400; font-style: normal; }
@media (min-width:1281px) { /* hi-res laptops and desktops */
.site-title a.custom-logo-link img { height: 140px; filter: drop-shadow(2px 2px 1px rgba(100, 140, 193, 0.56)); }
.dark-mode .site-title a.custom-logo-link img { filter: invert(100%) hue-rotate(180deg); }
 }
@media (min-width: 1025px) and (max-width: 1280px) { /* Laptops, Desktops */ .site-title a.custom-logo-link img { height: 140px; } }
@media (min-width: 768px) and (max-width: 1024px) { /* Tablets, Ipads (portrait) */ .site-title a.custom-logo-link img { height: 100px; } }
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { /* Tablets, Ipads (landscape) */ .site-title a.custom-logo-link img { height: 100px; } }
@media (min-width: 481px) and (max-width: 767px) { /* Low Resolution Tablets, Mobiles (Landscape) */ .site-title a.custom-logo-link img { height: 90px; } }

a[rel="noopener"] { color: #D9096A; }
a > span.hu-external::after { color: #D9096A; }
a, .post-hover:hover .post-title a, .post-title a:hover { color: #4f5870; }
.post-title a:hover { text-decoration: underline; }
a, .sidebar.s1 .alx-posts li:hover .post-item-title a { color: #4f5870; }
.sidebar.s1 .alx-posts li:hover .post-item-title a { text-decoration: underline; }

a[href$=".pdf"] 			{ background: url(icons/pdf-icon.png) no-repeat left center; background-size: 20px; color: #fca252; border-radius: .3em; margin: 0; padding: 0 1.6rem; transition: color .3s ease-in-out, box-shadow .3s ease-in-out; height: 28px; display: inline-block; }
a[href$=".pdf"]:hover { background: url(icons/pdf-icon.png) no-repeat left center #fca252; background-size: 20px; color: #444; height: 28px; display: inline-block; border-radius: .3em; text-decoration: none; }
a[href$=".pdf"]:hover::after { content: '\f35d'; color: #fff; font-size: .8em; padding-left: 0; text-decoration: none !important; top: -.1em; left: 1em; position: relative; text-transform: none; font-weight: 900; font-style: normal; font-family: 'Font Awesome 5 Free'; }

a[href$=".zip"] 			{ background: url(icons/zip-icon.png) no-repeat left center; background-size: 20px; color: #fca252; border-radius: .3em; margin: 0; padding: 0 1.6rem; transition: color .3s ease-in-out, box-shadow .3s ease-in-out; height: 28px; display: inline-block; }
a[href$=".zip"]:hover { background: url(icons/zip-icon.png) no-repeat left center #fca252; background-size: 20px; color: #444; height: 28px; display: inline-block; border-radius: .3em; text-decoration: none; }
a[href$=".zip"]:hover::after { content: '\f35d'; color: #fff; font-size: .8em; padding-left: 0; text-decoration: none !important; top: -.1em; left: 1em; position: relative; text-transform: none; font-weight: 900; font-style: normal; font-family: 'Font Awesome 5 Free'; }

.toggle-search.active {  }
.search-expand-inner input[type="submit"], .search-again input[type="submit"] { background-color: #eae5d3; color: #4f5870; }

.site-title a { z-index: 99; position: relative; }
.new-site-image { width: auto !important; }

 #nav-topbar .nav li a { color: #fff; }
 #nav-topbar .nav > li:hover > a, #nav-topbar .nav > li > a:hover { background-color: rgba(181, 207, 208, 0.3); text-decoration: underline; text-underline-offset: 3px; }
 #nav-topbar .nav li.current_page_item > a { text-decoration: underline; text-underline-offset: 3px; }
 #nav-topbar .nav > li.current-menu-item { background-color: rgba(181, 207, 208, 0.3); }
 #nav-topbar .nav > li.current_page_parent { background-color: rgba(181, 207, 208, 0.3); }
 #nav-topbar .nav > li.current_page_parent a { text-decoration: underline; text-underline-offset: 3px; }
 
/* #nav-topbar .nav > li.current-menu-item { background: linear-gradient(180deg,rgba(42, 123, 155, 1) 0%, rgba(2, 78, 113, 1) 50%, rgba(2, 78, 113, 1) 100%); }*/ /* #f0f0f0 #024e71 rgba(181, 207, 208, 0.3) */
/* #nav-topbar .nav > li.current_page_parent { background: linear-gradient(180deg,rgba(42, 123, 155, 1) 0%, rgba(2, 78, 113, 1) 50%, rgba(2, 78, 113, 1) 100%); } */

 
 /* sub-menu */
#nav-topbar .nav ul.sub-menu > li { background-color: #3c6188; }
#nav-topbar .nav ul.sub-menu > li:hover { background-color: rgba(181, 207, 208, 0.6); }
 #nav-topbar .nav ul.sub-menu > li { font-size: .975rem; }
  #nav-topbar .nav ul.sub-menu > li.current-menu-item { background-color: rgba(181, 207, 208, 0.3); }
 

main#content.content {  }
#page .container-inner { box-shadow: 0px 10px 15px -6px rgba(0,0,0,0.1); }
.page-title { box-shadow: 0px 10px 15px -6px rgba(0,0,0,0.1); }
h1.fittexted_for_page_title { color: #3c6188; }

/*  tabindex="0" */
.entry h2 { font-weight: 600; font-size: 1.5em; }
.entry h3 { font-weight: 600; font-size: 1.5em; }
.entry h4 { font-weight: 600;  /*text-transform: uppercase;*/ }
/* blog */
.single .post-title { font-size: 2.22em; display: inline-block; }
.single .entry h2 { font-weight: 600; font-size: 1.4em; }
.single .entry h3 { font-weight: 600; font-size: 1.3em; }
.single .entry h4 { font-weight: 600; font-size: 1.2em; }
.single .entry h5 { font-weight: 600; font-size: 1.1em; }
.single .entry h6 { font-weight: 600; font-size: 1.0em; }

/* sidebar button dark green #5b8d8f */
.button { border: none; color: white; padding: 6px 28px; text-align: center; text-decoration: none; display: inline-block; font-size: 15px; margin: 12px 2px 4px 2px; transition-duration: 0.4s; cursor: pointer; }
.button { background-color: white; color: #D9096A; border: 2px solid #eae5d3; border-radius: 16px; font-weight: 600; box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1); }
.dark-mode .button { border: 2px solid #494843; }
.button:hover { background-color: #4f5870; border: 2px solid #4f5870; color: white; }
.button:hover a { color: #fff; }
.button a { text-decoration: none !important; color: #E376A9; }
.button a:hover { color: #fff; }
.button:nth-of-type(2) { margin: 10px 0 -10px 0; }

/* sidebar button green #cdd600 */
.button-green { border: none; color: white; padding: 6px 28px; text-align: center; text-decoration: none; display: inline-block; font-size: 15px; margin: 12px 2px 4px 2px; transition-duration: 0.4s; cursor: pointer; }
.button-green { background-color: #b5cfd0;  color: black;  border: 2px solid #b5cfd0; border-radius: 16px; font-weight: 400; box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1); }
.button-green:hover { background-color: #3c6188; color: white; border: 2px solid #3c6188;  }
.button-green:hover a { color: #fff; }
.button-green a { text-decoration: none !important; color: #444; }
.button-green a:hover { color: #fff; }

/* region Content Blocker */
.agreement-box { background: #f0f8ff; border: 2px dashed #1a618b52; box-shadow: 0 0 6px 2px #0001; padding: 1.5rem; text-align: center; min-height: 455px;
	background: url(images/arzt-direkt-teaser.png) no-repeat, #f0f8ff; background-position: center bottom; background-size: contain;
	
	headline { font-size: 1.25em; font-weight: 900; color: #3e3f4e; width: 100%; display: block; padding-bottom: 1em; }
	p span { font-size: .75em; font-style: italic; line-height: 1.6em; display: inline-block; padding-top: 1em; }
	.et_pb_button {
	border: 4px double #fff;
  border-radius: 16px;
  padding: .2em .8em;
  font-weight: 600;
  box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1);
  cursor: pointer;
  margin: 12px 2px 4px 2px;
  transition-duration: 0.4s;
		background: #1a618b;
		color: white !important;
		margin-top: .1rem;
	}
	.et_pb_button:hover { background: #4f5870; border: 4px double #4f5870; }
}
.et_pb_button { -webkit-animation:shake-horizontal .8s cubic-bezier(.455,.03,.515,.955) 8s both;animation:shake-horizontal .8s cubic-bezier(.455,.03,.515,.955) 3s both; }
@-webkit-keyframes shake-horizontal{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%{-webkit-transform:translateX(10px);transform:translateX(10px)}80%{-webkit-transform:translateX(8px);transform:translateX(8px)}90%{-webkit-transform:translateX(-8px);transform:translateX(-8px)}}@keyframes shake-horizontal{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%{-webkit-transform:translateX(10px);transform:translateX(10px)}80%{-webkit-transform:translateX(8px);transform:translateX(8px)}90%{-webkit-transform:translateX(-8px);transform:translateX(-8px)}}

/* endregion Content Blocker */

/* arzt-direkt */

.onlinetermin-link .hu-external { display: none; }
.onlinetermin-link .far.fa-calendar-alt {  }
.onlinetermin-link span { padding-left: 10px; }
a.onlinetermin-link:hover { color: #000; background: #b5cfd0; }
a.onlinetermin-link { font-size: 17px; font-size: 1.0625em; line-height: 1.52941; border-radius: 16px; background: #3c6188; color: #fefefe; 
  display: inline-block; position: relative; text-align: center; text-decoration: none; border: 0; padding: 1rem 1.5rem; font-weight: 600; cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  will-change: transform,box-shadow,background;
  transition: all .15s ease-in-out;
    transition-property: all;
  transition-property: transform,box-shadow,background;
  box-shadow: 0 3px 12px 0 rgba(0,0,0,.15);
}

.page-id-335 iframe { width: 719px; height: 500px; }
@media only screen and (max-width: 719px) {
.page-id-335 iframe { width: 100%; height: 100vh; }
}


/* inline notes fancybox */
#fancyboxID-1   { padding: 1em 1.5em 1em 1.5em; }
#fancyboxID-1 b { font-weight: 900; color: #3c6188; text-decoration: underline; margin-bottom: 10px; display: block; }

/* infos & listen */
.info-list-full { float: none; border: 0px solid #CDD600; background: #f0f8ff; padding: 1em; margin: 1em 0 1.4em 0; box-shadow: 0px 10px 12px -3px rgba(0,0,0,0.12); }
.info-list-full h3 { font-weight: 900; padding-left: .6em; color: #005f8a; } /* #3c6188 */
.info-list-full h4 { font-weight: 900; padding-left: .6em; color: #005f8a; } /* #3c6188 */
.info-list-full ul {  }
.info-list-full ul li { color: #4f5870; list-style-position: inside; text-indent: -1em; padding-left: 1em; }
.dark-mode .info-list-full ul li { color: #161920; }

.info-list-right { float: right; width: 300px; border: 1px solid #CDD600; background: #B5CFD04D; padding: 1em; margin: 1em 0em 1em 2em; }

/* home */
.home .info-list-full { float: none; border: 0px solid #CDD600; background: #f0f8ff; } /* #B5CFD04D */
.home .entry img.alignright { margin: 8px 0 18px 20px; }
.home .entry i.page { display: inline-block; color: #005f8a; bottom: -20px; text-transform: uppercase; } /* #0652a4 */

.announcement-teaser { float: none; border: 1px solid #D9096A; background: #f0f8ff; padding: 1em 1.5em; margin: 1em 0 1.4em 0; box-shadow: 0px 10px 12px -3px rgba(0,0,0,0.12); }
.note-announcement-teaser { display: none; }
.announcement-teaser p:first-child { font-weight: 600; font-size: 1.5em; color: #D9096A; }
.announcement-teaser h2 a { color: #D9096A; text-decoration:none; }
.announcement-teaser a { color: #D9096A; }

.sidebar-content #text-2.widget { padding: 0 30px; }
.sidebar-content #text-2.widget .textwidget .announcement-teaser { margin-top: 25px; }

/* ueber uns */
.page-id-39 .info-list-full { float: none; border: 0px solid #CDD600; background: #f0f8ff; } /* #B5CFD04D */
.page-id-39 .entry img.alignright { margin: 8px 0 18px 20px; }
.ueber-uns-galerie { display: flex; }
@media only screen and (max-width: 719px) {
.ueber-uns-galerie { flex-wrap: wrap; }
.ueber-uns-galerie div img { width: 100%; }
}

.entry .wp-caption-text, .wp-block-image figcaption { color: #3E3F4E; }

/* leistungen */
.leistungen { display: flex; flex-wrap: wrap; }
.leistungen span { flex: 1 33%; }
.leistungen span:nth-of-type(2) { flex: 2 33%; }
.leistungen span:nth-of-type(3) { flex: 1 100%; }

/* notdienst */
.emergency { display: block; border: 3px dashed #b5cfd0; background: rgba(235, 230, 211, 0.30); font-size: 40px; font-size: 2.5rem; font-weight: bold; padding: 20px; color: #d4518e; text-align: center; margin: 20px auto -10px auto; }
/* widget notdienste */
#custom_html-6 span { border: 2px solid #D9096A; border-radius: 16px; padding: .2em .8em; width: 60%; display: inline-block; background: #D9096A; color: #fff; font-weight: 600; font-size: 20px; box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.1); }
#custom_html-6 span:hover { background: #4f5870; }
#custom_html-6 > div > a { text-decoration: none; text-align: center; }

/* ueber uns - team */
.entry .team { display: inline-block; background: #f0f8ff; border-top: 1px solid #eae5d3; border-bottom: 1px solid #eae5d3; margin: .5em 0 1.2em 0; padding: 1em .5em 1em .5em; box-shadow: 0px 10px 12px -3px rgba(0,0,0,0.12); min-width: 100%; }
.entry .team h4 { padding: 0em 1em 0 1em; line-height: 1.2; font-size: 1.4em; }
.entry .team h5 { padding: 0em 1em 0 1em; line-height: 1.2; font-size: 1.4em; }
.entry .team em { color: #3c6188; line-height: normal; display: block; font-size: initial; padding: 0 0 .8em 0; }
.entry .team p { line-height: 1.3; }
.entry .team p.team-txt { padding: 0 1em; }
.entry .team .wp-caption { background: #fefefe; }
.entry .team .wp-caption.left { margin: 0 1em 1em; }
.entry .team .wp-caption-text { color: #3E3F4E; }
.entry .team p.wp-caption-text { padding: 0 0 8px; }
.entry .team.praxisteam { display: none; }

/* proktologie */
.page-id-405 .entry h3 { font-size: 1.25em; }

/* kontakt */
.kontakt { float: left; }
.kontakt-sprechzeiten { float: right; }
.kontakt-sprechzeiten p { margin-bottom: 0em; }
.kontakt-sprechzeiten span { color: #D9096A; font-weight: 600; }
.kontakt-sprechzeiten ul    { margin: 0 0 1em 0; }
.kontakt-sprechzeiten ul li { list-style: none; }
.kontakt-sprechzeiten ul li:nth-child(1) i:nth-child(2) { padding-left: .7em; }
.kontakt-sprechzeiten ul li:nth-child(2) i:nth-child(2) { padding-left: 1.1em; }
.kontakt-sprechzeiten ul li:nth-child(3) i:nth-child(2) { padding-left: 1em; }
.kontakt-sprechzeiten ul li:nth-child(4) i:nth-child(2) { padding-left: .8em; }
.kontakt-sprechzeiten ul li:nth-child(5) i:nth-child(2) { padding-left: 1.2em; }
.kontakt-formular { float: none; clear: both; }
#formular { overflow-x: hidden; overflow-y: scroll; scroll-snap-type: y mandatory; scroll-padding-top: 400px; } /* anker formular */
.sprung {  }
/* kontakt form */
.page-id-46 input[type="submit"] { background-color: #3c6188; }
.page-id-46 .wpcf7 input[type=text], .page-id-46 .wpcf7 input[type=tel], .page-id-46 .wpcf7 input[type=email], .page-id-46 .wpcf7 select, .page-id-46 .wpcf7 textarea { color: #525252; background-color: #f0f8ff; }
.wpcf7-acceptance .wpcf7-list-item-label { color: #525252; }

.page-id-46 .wpcf7-form-control.wpcf7-acceptance.wpcf7-not-valid { background: yellow; }
.page-id-46 .wpcf7-form-control.wpcf7-acceptance.wpcf7-not-valid input[type="checkbox"] { outline: 2px solid red; }
.page-id-46 .wpcf7-form-control.wpcf7-acceptance.wpcf7-not-valid .wpcf7-list-item-label { color: red; }

/* cf7 conditional / rezept-anfrage-selected / ueberweisung-anfrage-selected */

[data-class="wpcf7cf_group"] p { font-weight: normal; }
[data-class="wpcf7cf_group"] p b { font-weight: bold; }


/* Termin */
.page-id-335 .info-list-full h3 { font-size: 1.25em; color: #3e3f4e; padding-left: 0; }

/* Download */
.page-id-410 .entry h4 { font-size: 1.25em; }

/* datenschutz & impressum */
.privacy-policy .entry h2 {  }
.privacy-policy .entry h3 { font-size: 1.125em; font-weight: 600; text-transform: uppercase; }
.page-id-48 .entry h3 { font-size: 1.25em; }

.entry img:first-child {  } /* logo */
.difooldesign {  }
.difooldesign:focus-visible { outline: -webkit-focus-ring-color auto 1px; }
a:focus-visible > .difooldesign  { outline: -webkit-focus-ring-color auto 1px; }
.difooldesign span:nth-child(1) { color: #606060; padding-left: 2px; }
.difooldesign span:nth-child(2) { color: #970007; }


/* sidebar */
.sidebar-top { box-shadow: 0px 10px 15px -6px rgba(0,0,0,0.1); }
.sidebar-top p { color: #4f5870; }
.sidebar { /* -webkit-box-shadow:inset 0px 0px 0px 2px #eae5d3; -moz-box-shadow:inset 0px 0px 0px 2px #eae5d3; box-shadow:inset 0px 0px 0px 2px #eae5d3;   border-bottom: 65px solid #eae5d3; */ }
.col-2cl .sidebar.s1 {  }
.alx-posts .post-item-title a { font-weight: 600; }
.sidebar-content .post-nav { padding: 30px 30px 20px; }
.post-nav li.next strong, .post-nav li.previous strong { font-size: .8375em; font-weight: 400; border-top: 1px solid #4f5870; border-bottom: 1px solid #4f5870; color: #444; letter-spacing: 0; padding-top: 0; }

/* sidebar widgets */
.widget { color: #3E3F4E; }
.widget > h3 { font-weight: 400; border-top: 1px solid #4f5870; border-bottom: 1px solid #4f5870; }
#custom_html-2 .textwidget { margin: 15px 0 0 0; }

#custom_html-7 .textwidget.custom-html-widget ul { margin: 15px 0 0 0; } /* widget Termin Sprechzeiten: */
#custom_html-7 .textwidget.custom-html-widget ul li:nth-child(1) i:nth-child(2) { padding-left: .7em; }
#custom_html-7 .textwidget.custom-html-widget ul li:nth-child(2) i:nth-child(2) { padding-left: 1.1em; }
#custom_html-7 .textwidget.custom-html-widget ul li:nth-child(3) i:nth-child(2) { padding-left: 1em; }
#custom_html-7 .textwidget.custom-html-widget ul li:nth-child(4) i:nth-child(2) { padding-left: .8em; }
#custom_html-7 .textwidget.custom-html-widget ul li:nth-child(5) i:nth-child(2) { padding-left: 1.2em; }

#custom_html-9 .textwidget.custom-html-widget ul li:nth-child(2) i:nth-child(2) { padding-left: 1em; } /* widget Akut Sprechzeiten */

/*** KONTRAST ***/
.alx-posts .post-item-date, .post-byline, .post-nav li > strong, .post-meta .post-date,
.page-title span { color: #005f8a; } /* #0652a4 */


/* blog */
.page-title .category a { color: #4f5870; }
.post-title a { color: #005f8a; font-weight: bold; }
.entry.excerpt { color: #3E3F4E; }
.post-meta { color: #aaa; }
.post-title.entry-title.fittexted_for_single_post_title { line-height: 1.2em; }
@media (min-width:1281px) { /* hi-res laptops and desktops */
.single h1.post-title.entry-title.fittexted_for_single_post_title { font-size: 2.22em !important; }
}

span.article-logo-smile {  }
span.article-logo-smile img { display: block; position: relative; right: -37px; top: -15px; width: 130px; }
@media only screen and (max-width: 719px) {
span.article-logo-smile img { display: block; position: relative; right: -30px; top: -13px; width: 110px; }
}

.heading .fa-hand-point-right {  }
.fa-hand-point-right::before { content:'' !important; width: 25px; height: 25px; color: #3c6188; background-image: url(images/logo-praxis-garre-icon-FINAL.svg); background-size: cover; position: absolute; margin: -.8em 0 0 -.5em; }

.related-posts .post .post-thumbnail a { display:none; } /* no thumbs and no view for tab-navi */


/* footer widgets */
#footer-widgets {  }
#footer-widgets .widget h3.widget-title { font-weight: 600; color: #45576a; }
#footer-widgets .widget { color: #45576a; }

#footer-widgets .footer-widget-1 { line-height: 1.66; text-align: right; margin-left: -8em; padding-right: 6em; }
#footer-widgets .footer-widget-1 .textwidget.custom-html-widget { padding-right: 30px; }
#footer-widgets .footer-widget-1 .textwidget.custom-html-widget img { right: -36px; position: relative; }

#footer-widgets .footer-widget-2 {  }
#footer-widgets .footer-widget-2 .textwidget.custom-html-widget span { display: block; color: #D9096A; font-weight: 600; }
#footer-widgets .footer-widget-2 .textwidget.custom-html-widget ul {  }
#footer-widgets .footer-widget-2 .textwidget.custom-html-widget ul li {  }
#footer-widgets .footer-widget-2 .textwidget.custom-html-widget ul li:nth-child(1) i:nth-child(2) { padding-left: 1.7em; }
#footer-widgets .footer-widget-2 .textwidget.custom-html-widget ul.akut li:nth-child(1) i:nth-child(2) { padding-left: 2.1em; }
#footer-widgets .footer-widget-2 .textwidget.custom-html-widget ul li:nth-child(2) i:nth-child(2) { padding-left: 1.1em; }
#footer-widgets .footer-widget-2 .textwidget.custom-html-widget ul li:nth-child(3) i:nth-child(2) { padding-left: 0.7em; }
#footer-widgets .footer-widget-2 .textwidget.custom-html-widget ul li:nth-child(4) i:nth-child(2) { padding-left: .8em; }
#footer-widgets .footer-widget-2 .textwidget.custom-html-widget ul li:nth-child(5) i:nth-child(2) { padding-left: 1.2em; }

#footer-widgets .footer-widget-3 {  }
#footer-widgets .footer-widget-3 .textwidget.custom-html-widget span { display: block; color: #D9096A; font-weight: 600; }
#footer-widgets .footer-widget-3 .textwidget.custom-html-widget span:nth-child(even) { margin-top: 1em; }


#footer { background: #fefefe; }
#footer a { color: #005f8a; }
#nav-footer .nav li a { color: #fff; }
#nav-footer.nav-container { background: #45576a; } /* #3c6188 #6A8393 #4f5870 #4c596 #536577 */
#footer #footer-bottom #copyright, #footer-bottom #credit { color: #111; }


#menu-footermenu {  }
#nav-footer .nav > li.current_page_item > a { background: #f0f0f0; border-top: 1px solid #e376a9; }
#nav-footer .nav li:hover > a, #nav-footer .nav li > a:hover { color: #222; }

#footer-bottom { background-color: #f0f8ff; } /* #b5cfd0 */
#footer-bottom #back-to-top { border-radius: 20px 20px; width: 40px; height: 40px; color: #3c6188; top: 24px; position: relative; background-image: url(images/logo-praxis-garre-icon-FINAL.svg); background-size: cover; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); }
#footer-bottom #back-to-top i { top: 2px; }
#footer-bottom #back-to-top .fa-angle-up::before { content: ''; } /* "\f106" */
#footer-bottom #back-to-top:hover { /*transform: rotate(360deg);*/ filter: brightness(1.5) !important; }

#footer .ham__navbar-toggler-two .line { background: #fff; }
#footer .ham__navbar-toggler-two.active .line, #footer .ham__navbar-toggler-two.focusing .line, #footer .ham__navbar-toggler-two.hovering .line { background: #fff; }



/* 404 */
[role="search"].search-form input[type="submit"] { color: #fff; background-color: #3c6188; }
.error404 h2 { color: #3c6188; font-family: 'bradley hand', cursive; font-weight: bold; text-align: center; }

/*  <i class="fas fa-user-md"></i> */
.error404 i.fas.fa-user-md { width: 60px; float: left; text-align: left; display: block; }
.error404 i.fas.fa-user-md::before { color: #3c6188; font-size: 2.6em; top: 4px; position: relative; }
/* <i class="fas fa-notes-medical"></i> */
.error404 i.fas.fa-notes-medical { width: 50px; float: left; text-align: left; display: block; }
.error404 i.fas.fa-notes-medical::before { color: #3c6188; font-size: 2.6em; top: 4px; position: relative; }

/* search results */
.search-img { width: 35%;margin: 2em auto 2.5em auto;display: block; filter: drop-shadow(10px 15px 18px #777); }
.search h2 { color: #3c6188; font-family: 'bradley hand', cursive; font-weight: bold; text-align: center; }
.search i.fas.fa-notes-medical { width: 50px; float: left; text-align: left; display: block; }
.search i.fas.fa-notes-medical::before { color: #3c6188; font-size: 2.6em; top: 4px; position: relative; }

.search.search-results h2 { color: #3c6188; font-family: Arial; font-weight: bold; text-align: inherit; }

/* notdienst */
/* <i class="fas fa-ambulance"></i> */
i.fas.fa-ambulance { width: 60px; float: right; display: block; }
i.fas.fa-ambulance::before { color: #3c6188; font-size: 1.6em; top: -6px; position: relative; }

/* <i class="far fa-hospital"></i> */
i.far.fa-hospital { width: 60px; float: right; display: block; }
i.far.fa-hospital::before { color: #3c6188; font-size: 2.8em; top: -6px; position: relative; }








/***************************************** RESPONSIVE *****************************************/

/* Then, take it one step further and target higher pixel density screens by using this media query
edited to only affect Chrome & Safari. */
@media only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and ( min-device-pixel-ratio: 1.25),
only screen and ( min-resolution: 200dpi),
only screen and ( min-resolution: 1.25dppx) { -webkit-font-smoothing: subpixel-antialiased; }

@media only screen and (max-width: 375px) {
.site-title a img { max-height: 100px; top: -.3em; position: relative; }
.home .entry img.alignright { display: block; margin: 8px auto 18px auto; float: none; }
#footer-bottom #back-to-top { margin: 0 auto -10px; }
#footer-widgets .footer-widget-1 { margin-left: -7em; }
#footer-bottom #dark-mode-floating-button.mobile { top: -3.5px; }

}

/* iPhone 8 Plus portrait */
@media only screen and (max-width: 414px) and (orientation: portrait) {
.site-title a img { max-height: 100px; top: -.3em; position: relative; }
#footer #footer-widgets div.footer-widget-1 { margin-left: -4.2em; padding-right: 1em; }
#footer-bottom #back-to-top { margin: 0 auto -10px; }

}

@media only screen and (max-width: 719px) {
#header .mobile-title-logo-in-header .site-title a { width: 80%; height: 100%; z-index: 1; }
  #header .mobile-title-logo-in-header .site-title a img { display: none; }
  #header .mobile-title-logo-in-header .site-title:after { content: 'praxisgarre.de'; color: white; font-size: .6em; top: -3.5px; position: relative; }
  #header-image-wrap:before { content: ''; background: url('images/logo-praxis-garre-mobile-FINAL.svg') no-repeat center center; background-size: contain; height: 65px; width: 155px; display: block; position: absolute; top: 58px; left: 13px; }


.entry .team { display: flex; flex-direction: column; padding: 1em 15px 1em 15px; margin: .5em 0 1.2em -15px; }
.entry .team h4 { padding: 0; }
.entry .team .wp-caption.left { margin: 0 auto 1em auto; }

.entry .leistungen { flex-direction: column; }

.kontakt { float: none; width: 100%; }
.kontakt-sprechzeiten { float: none; }

.post-meta { box-shadow: -6px 0px 11px -3px rgba(0,0,0,0.3); padding-left: .5em; margin-bottom: 10px; }

#footer #footer-bottom #copyright, #footer-bottom #credit { margin: 1.5em 0 -1.5em 0; }
  
}

@media only screen and (max-width: 768px) {

.site-title a.custom-logo-link img { max-height: 100px; top: -.3em; position: relative; }
.info-list-full .alignright { float: none; }
.info-list-full ul {  }
.info-list-full ul li { list-style-position: inside; margin-left: -.7em; text-indent: -1.4em; padding-left: 1.4em; }

.sidebar .sidebar-content, #footer-widgets { text-align: center; }
#footer-widgets .footer-widget-1 { margin-left: -7em; }
}

/* iPhone 14 Max Pro */
@media only screen and (min-width: 430px) and (max-width: 932px) {
#dark-mode-floating-button.mobile { top: 15.5px; }
}


/* iPads portrait and landscape */
@media screen and (min-device-width : 768px) and (max-device-width : 1024px)  {  }

/* landscape */
@media screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)  {  }

/* portrait */
@media screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)  { 
.site-title a img { max-height: 100px; top: -.3em; position: relative; }
#footer-widgets .footer-widget-1 { margin-left: -2em; padding-right: 1em; }
 }

/* portrait pro 10,5" */
@media only screen and (min-device-width: 834px) and (orientation: portrait) { 
.site-title a img { max-height: 100px; top: -.3em; position: relative; }
#footer #footer-widgets .footer-widget-1 { margin-left: -2em; padding-right: 1em; }
}

/* portrait pro 12,9" */
@media only screen and (min-device-width: 1024px) and (orientation: portrait) { 
.site-title a img { max-height: 120px; top: -.3em; position: relative; }
#footer-widgets .footer-widget-1 { margin-left: -4em; padding-right: 1em; }
}

/* portrait iPadOS 12,9" */
@media only screen and (max-device-width: 1080px) and (orientation: portrait) { 
#footer-bottom #back-to-top { right: -14em; }

}