.elementor-kit-8{--e-global-color-primary:#4B4C4D;--e-global-color-secondary:#66887B;--e-global-color-text:#4B4C4D;--e-global-color-accent:#B59D81;--e-global-color-b2ed80f:#FFFFFF;--e-global-color-b226f2b:#000000;--e-global-color-61fe74c:#595552;--e-global-color-0f778ab:#5A5450;--e-global-color-dbc6403:#D1C8C3;--e-global-color-40a5a08:#F4F2F0;--e-global-color-ba0b136:#D1C8C3;--e-global-color-d9d053f:#ECECEC;--e-global-color-bfd9b12:#F4F2F0;--e-global-color-a82d52f:#F5EBE0;--e-global-color-178e1b3:#E3D5CA;--e-global-color-c4350ef:#D5BDAF;--e-global-color-78b6fb8:#252525;--e-global-color-0e96c18:#E8E4E1;--e-global-color-3945665:#7B7571;--e-global-color-4bde7b1:#4B4C4D;--e-global-color-304795b:#B59D81;--e-global-color-794da37:#4B3421;--e-global-color-7c04e39:#D0A36C;--e-global-color-d60efc5:#BD7E30;--e-global-color-c60457f:#66887B;--e-global-color-2a33991:#809D95;--e-global-typography-primary-font-family:"Noto Sans";--e-global-typography-primary-font-size:1.125rem;--e-global-typography-primary-font-weight:normal;--e-global-typography-primary-line-height:1.4em;--e-global-typography-text-font-family:"Noto Sans";--e-global-typography-text-font-size:1.2rem;--e-global-typography-text-font-weight:normal;--e-global-typography-text-line-height:1.4em;--e-global-typography-e79de34-font-family:"SourceSerif4";--e-global-typography-e79de34-font-size:clamp(2rem, 1.69rem + 1.61vw, 2.5rem);--e-global-typography-e79de34-line-height:1.3em;--e-global-typography-46bc7ff-font-family:"SourceSerif4";--e-global-typography-46bc7ff-font-size:clamp(2.1rem, 2.2148rem + -0.3675vw, 1.953rem);--e-global-typography-46bc7ff-font-weight:400;--e-global-typography-46bc7ff-line-height:1.2em;--e-global-typography-f96ab3c-font-family:"SourceSerif4";--e-global-typography-f96ab3c-font-size:clamp(1.25rem, 1.13rem + 0.6vw, 1.5rem);--e-global-typography-f96ab3c-line-height:1.2em;--e-global-typography-8aefc66-font-family:"SourceSerif4";--e-global-typography-8aefc66-font-size:clamp(1.25rem, 1.13rem + 0.6vw, 1.5rem);--e-global-typography-8aefc66-line-height:1.2em;--e-global-typography-ae213bb-font-family:"Noto Sans";--e-global-typography-ae213bb-font-size:clamp(1.25rem, 0.76vw + 1.01rem, 1.58rem);--e-global-typography-ae213bb-line-height:1em;--e-global-typography-d6c48de-font-size:1.3rem;--e-global-typography-d6c48de-line-height:1.4em;--e-global-typography-6c3d082-font-size:1rem;--e-global-typography-6c3d082-line-height:1.2rem;--e-global-typography-01bf737-font-size:clamp(1.25rem, 1.13rem + 0.6vw, 1.5rem);--e-global-typography-01bf737-line-height:1.3em;--e-global-typography-baeaa42-font-size:1.2rem;--e-global-typography-baeaa42-line-height:1.3rem;--e-global-typography-dbf7c2d-font-size:1.1rem;--e-global-typography-dbf7c2d-text-transform:uppercase;--e-global-typography-dbf7c2d-line-height:1.1rem;--e-global-typography-621ce6f-font-size:1.2rem;--e-global-typography-621ce6f-line-height:1.2em;background-color:var( --e-global-color-b2ed80f );color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{background-color:var( --e-global-color-d60efc5 );font-size:var( --e-global-typography-621ce6f-font-size );line-height:var( --e-global-typography-621ce6f-line-height );color:var( --e-global-color-b2ed80f );border-style:none;border-radius:10px 10px 10px 10px;}.elementor-kit-8 button:hover,.elementor-kit-8 button:focus,.elementor-kit-8 input[type="button"]:hover,.elementor-kit-8 input[type="button"]:focus,.elementor-kit-8 input[type="submit"]:hover,.elementor-kit-8 input[type="submit"]:focus,.elementor-kit-8 .elementor-button:hover,.elementor-kit-8 .elementor-button:focus{background-color:var( --e-global-color-7c04e39 );color:var( --e-global-color-b2ed80f );}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 a{color:var( --e-global-color-c60457f );}.elementor-kit-8 a:hover{color:var( --e-global-color-2a33991 );}.elementor-kit-8 h1{font-family:var( --e-global-typography-e79de34-font-family ), Sans-serif;font-size:var( --e-global-typography-e79de34-font-size );line-height:var( --e-global-typography-e79de34-line-height );}.elementor-kit-8 h2{font-family:var( --e-global-typography-46bc7ff-font-family ), Sans-serif;font-size:var( --e-global-typography-46bc7ff-font-size );font-weight:var( --e-global-typography-46bc7ff-font-weight );line-height:var( --e-global-typography-46bc7ff-line-height );}.elementor-kit-8 h3{font-family:var( --e-global-typography-f96ab3c-font-family ), Sans-serif;font-size:var( --e-global-typography-f96ab3c-font-size );line-height:var( --e-global-typography-f96ab3c-line-height );}.elementor-kit-8 h4{font-family:var( --e-global-typography-8aefc66-font-family ), Sans-serif;font-size:var( --e-global-typography-8aefc66-font-size );line-height:var( --e-global-typography-8aefc66-line-height );}.elementor-kit-8 h5{font-family:var( --e-global-typography-8aefc66-font-family ), Sans-serif;font-size:var( --e-global-typography-8aefc66-font-size );line-height:var( --e-global-typography-8aefc66-line-height );}.elementor-kit-8 h6{font-family:var( --e-global-typography-8aefc66-font-family ), Sans-serif;font-size:var( --e-global-typography-8aefc66-font-size );line-height:var( --e-global-typography-8aefc66-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1120px;}.e-con{--container-max-width:1120px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:1.875rem;}.elementor-element{--widgets-spacing:1.875rem 1.875rem;--widgets-spacing-row:1.875rem;--widgets-spacing-column:1.875rem;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-8{--e-global-typography-dbf7c2d-font-size:1rem;--e-global-typography-dbf7c2d-line-height:1rem;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-8 h1{font-size:var( --e-global-typography-e79de34-font-size );line-height:var( --e-global-typography-e79de34-line-height );}.elementor-kit-8 h2{font-size:var( --e-global-typography-46bc7ff-font-size );line-height:var( --e-global-typography-46bc7ff-line-height );}.elementor-kit-8 h3{font-size:var( --e-global-typography-f96ab3c-font-size );line-height:var( --e-global-typography-f96ab3c-line-height );}.elementor-kit-8 h4{font-size:var( --e-global-typography-8aefc66-font-size );line-height:var( --e-global-typography-8aefc66-line-height );}.elementor-kit-8 h5{font-size:var( --e-global-typography-8aefc66-font-size );line-height:var( --e-global-typography-8aefc66-line-height );}.elementor-kit-8 h6{font-size:var( --e-global-typography-8aefc66-font-size );line-height:var( --e-global-typography-8aefc66-line-height );}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{font-size:var( --e-global-typography-621ce6f-font-size );line-height:var( --e-global-typography-621ce6f-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:95%;}.e-con{--container-max-width:95%;}}@media(max-width:767px){.elementor-kit-8{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-8 h1{font-size:var( --e-global-typography-e79de34-font-size );line-height:var( --e-global-typography-e79de34-line-height );}.elementor-kit-8 h2{font-size:var( --e-global-typography-46bc7ff-font-size );line-height:var( --e-global-typography-46bc7ff-line-height );}.elementor-kit-8 h3{font-size:var( --e-global-typography-f96ab3c-font-size );line-height:var( --e-global-typography-f96ab3c-line-height );}.elementor-kit-8 h4{font-size:var( --e-global-typography-8aefc66-font-size );line-height:var( --e-global-typography-8aefc66-line-height );}.elementor-kit-8 h5{font-size:var( --e-global-typography-8aefc66-font-size );line-height:var( --e-global-typography-8aefc66-line-height );}.elementor-kit-8 h6{font-size:var( --e-global-typography-8aefc66-font-size );line-height:var( --e-global-typography-8aefc66-line-height );}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{font-size:var( --e-global-typography-621ce6f-font-size );line-height:var( --e-global-typography-621ce6f-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:90%;}.e-con{--container-max-width:90%;}}/* Start custom CSS *//* Umbrüche von langen Begriffen nur bei Mobile, da sonst die Ausirchtung auf Startseite nicht mehr stimmt */
@media (max-width: 544px) {
/* HTML-Element muss lang="de" haben, damit der Browser deutsche Trennmuster lädt */
html {
  hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
}

/* Auf alle Texte anwenden – hier exemplarisch auf Elementor-Text und Headings */
.elementor-widget-text-editor,
.elementor-widget-heading .elementor-heading-title {
  hyphens: auto !important;
  -webkit-hyphens: auto !important;
  -ms-hyphens: auto !important;
  /* Fallback: lange Wörter umbrechen, falls kein Trennmuster greift */
  overflow-wrap: break-word;
  word-wrap: break-word;
}
}

.nowrap { white-space: nowrap; }


/* =========================================================
   1) Header immer über Off-Canvas (Variante A)
========================================================= */
.elementor-location-header{
  position: relative;
  z-index: 50000 !important;
}

/* =========================================================
   2) Off-Canvas: fullscreen, aber NICHT 100vw (kein Rand)
========================================================= */
.e-off-canvas{
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important;          /* wichtig: nicht 100vw */
  height: 100dvh !important;
  z-index: 40000 !important;       /* unter Header, über Seite */
}

/* Overlay & Main beginnen unter dem Header (ohne calc -> keine 1px-Scrollbars) */
.e-off-canvas__overlay,
.e-off-canvas__main{
  position: fixed !important;
  inset: var(--header-h, 0px) 0 0 0 !important; /* top right bottom left */
}

/* Overlay unter Inhalt */
.e-off-canvas__overlay{
  z-index: 1 !important;
}

/* Main über Overlay */
.e-off-canvas__main{
  z-index: 2 !important;
}

/* Content: hier wird gescrollt */
.e-off-canvas__content{
  height: 100% !important;
  overflow-y: auto !important;     /* JS kann bei Bedarf auf hidden schalten */
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
}

/* Optional: verhindert “Rubberband”/Scroll-Chain nach außen */
.e-off-canvas__content{
  overscroll-behavior: contain;
  touch-action: pan-y;
}

/* =========================================================
   3) Seite dahinter fixieren, wenn Offcanvas offen ist
========================================================= */
body.offcanvas-open{
  position: fixed !important;
  left: 0; right: 0;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  touch-action: none;
}

/* =========================================================
   4) Sicherheit: horizontales Overflow verhindern
========================================================= */
html, body{
  overflow-x: hidden;
}


/* Basis */
.praxisurlaub-box{
  --dd-text:   var(--e-global-color-text, #111);
  --dd-accent: var(--e-global-color-accent, var(--e-global-color-primary, #111));
  --dd-secondary: var(--e-global-color-secondary, #6a6561);
  margin: 20px 0 50px 0;
  border-radius: 12px;
  padding: 18px;
}

/* Titel: H2-Optik, aber NICHT fett (Browser/Elementor macht sonst gern Bold) */
.praxisurlaub-title{
  margin: 0 0 10px 0;
  font-family: var(--e-global-typography-secondary-font-family, var(--e-global-typography-primary-font-family, inherit));
  font-weight: var(--e-global-typography-text-font-weight, 400) !important; /* <-- nicht fett */
  font-size: var(--e-global-typography-secondary-font-size, 1.35em);
  line-height: var(--e-global-typography-secondary-line-height, 1.2);
  letter-spacing: var(--e-global-typography-secondary-letter-spacing, normal);
  text-transform: var(--e-global-typography-secondary-text-transform, none);
}

/* Textbereiche */
.praxisurlaub-main,
.praxisurlaub-info,
.praxisurlaub-vertretungen{
  font-family: var(--e-global-typography-text-font-family, inherit);
  font-size: var(--e-global-typography-text-font-size, inherit);
  line-height: var(--e-global-typography-text-line-height, inherit);
}

.praxisurlaub-info{ margin-top: 10ظام; }

.praxisurlaub-vertretungen{
  margin-top: 14px;
  display: grid;
  gap: 10px;
}

.praxisurlaub-vertretungen-title{
  color: var(--dd-accent);
}

/* Vertretung-Items */
.vertretung{
  padding-top: 10px;
}

.vertretung-name{ font-weight: 600; margin-bottom: 8px; }
.vertretung-addr{ margin-bottom: 6px; opacity: .92; }
.vertretung-contacts > div{ margin: 2px 0; }

/* NEU: 2-Spalten Layout innerhalb einer Vertretung */
.vertretung-grid{
  display: flex;
  gap: 16px;
  align-items: flex-start;
}

.vertretung-col{
  flex: 1 1 0;
  min-width: 0;
}

.vertretung-hours strong{
  font-weight: 600;
}

/* Links */
.praxisurlaub-box a{
  color: var(--dd-accent);
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* --- Variante A: getönt (dezent, aber sichtbar) --- */
.praxisurlaub-box--tinted{
  color: var(--dd-text);
  background: color-mix(in srgb, var(--dd-secondary) 10%, white);
  border: 1px solid color-mix(in srgb, var(--dd-text) 14%, transparent);
}

.praxisurlaub-box--tinted .vertretung{
  border-top: 1px solid color-mix(in srgb, var(--dd-text) 12%, transparent);
  width: 100%;
}


/* --- Variante B: dunkel (mehr “Signal”, weißer Text) --- */
.praxisurlaub-box--dark{
  background: var(--dd-secondary);
  color: #fff;
  border: none;
}

.praxisurlaub-box--dark .praxisurlaub-vertretungen-title{
  color: #fff;
  opacity: .95;
}

.praxisurlaub-box--dark .vertretung{
  border-top: 1px solid rgba(255,255,255,.18);
}

.praxisurlaub-box--dark a{
  color: #fff;
  text-decoration-thickness: 2px;
}

.praxisurlaub-heading { margin-bottom: 10px; }
.praxisurlaub-box--dark .praxisurlaub-title { color: #fff; }

/* Mobile */
@media (max-width: 767px){
  .praxisurlaub-box{ padding: 14px; }
  .praxisurlaub-vertretungen{ gap: 8px; }

  /* NEU: Spalten untereinander am Smartphone */
  .vertretung-grid{
    flex-direction: column;
    gap: 10px;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://hautarzt-tulln.at/wp-content/uploads/fonts/Noto-Sans.eot');
	src: url('https://hautarzt-tulln.at/wp-content/uploads/fonts/Noto-Sans.eot?#iefix') format('embedded-opentype'),
		url('https://hautarzt-tulln.at/wp-content/uploads/fonts/Noto-Sans.woff2') format('woff2'),
		url('https://hautarzt-tulln.at/wp-content/uploads/fonts/Noto-Sans.woff') format('woff'),
		url('https://hautarzt-tulln.at/wp-content/uploads/fonts/Noto-Sans.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'SourceSerif4';
	font-display: auto;
	src: url('https://hautarzt-tulln.at/wp-content/uploads/fonts/SourceSerif4-VariableFont_opsz,wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */