/* -------------------------- Allgemeine Defaults */

.uk-card-default {
    border-radius: 15px;
}

.uk-offcanvas-close {
	color: #FFFFFF!important;
	margin: 20px;
}
.uk-offcanvas-close svg  {
	width: 30px!important;
}

.anfrage-button {	
	margin-right: 0px!important;
	margin-left: -10px;
}
.anfrage-button .uk-button {	
    font-size: 20px;
	padding: 5px 15px!important;
	margin-right: 20px;
}




@media all and (max-width: 945px) {
.uk-button {
	line-height: 34px!important;
	padding: 0 15px!important;
}
}



/* -------------------------- CTA Bottom */ 

.cta-bottom a.uk-icon-link {color: #FFFFFF!important;}

.cta-bottom {
  position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000000; 
	
	
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.6s ease, visibility 0.6s ease;
}

.cta-bottom.visible {
  opacity: 1;
  visibility: visible;
}

/* -------------------------- Suche oben */ 

/* Muss an bleiben, aber ausgeblendet, weil sonst doppelt.*/
.uk-navbar-center .uk-search-icon svg {display: none;}

/* Hier das richtige, in der Toolbar */
.uk-search-icon svg {
	color: #FFFFFF;
	width: 25px;
	height: 25px;
	margin-left: -13px;
}
@media all and (max-width: 645px) {
	.bottom-subnav .uk-subnav {
		display: inherit!important;
		justify-items: center!important;
	}
}

/* -------------------------- Intropanel auf der Startseite */

.bauchbinde {
    background: rgba(80,80,80, 0.7);
    padding: 20px 0 20px 100px;
    z-index: 99;
    position: relative;
    color: #fff !important;
}
@media all and (max-width: 945px) {
	.bauchbinde {padding-left: 20px;}
}
@media all and (max-width: 645px) {
	.jubi {
		bottom: -18px!important;
		right: 4px!important;
	}
	.jubi img {width: 80px;}
	}
}
/*
.intropanel {
    background: rgba(80,80,80, 0.7);
	padding: 30px;
    color: #fff !important;
	border-radius: 16px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	border: 1px solid rgba(255, 255, 255, 0.3);	
	}
.intropanel .el-title {font-weight: bold;}*/






/* -------------------------- Ninja Forms Stylings */




.nf-form-fields-required , .ninja-forms-req-symbol {
    display: none;
}

.ninja-forms-field[type="checkbox"] {
  transform: scale(1.8);
  margin-left: 5px;
}

.label-right .nf-field-description {
	margin-right: auto!important;
}

.submit-container .uk-button {
	float: right;
}

.nf-error-msg, .ninja-forms-req-symbol {
    color: #eeeeee!important;
}

#nf-description-11	{margin-left: 20px!important; hyphens: auto;} 
	
@media all and (max-width: 645px) {
	.nf-form-cont .one-third {
		width: 100%!important;
		margin-left: 0!important;
	}
	.nf-form-cont .one-fourth {
		float: none!important;
		clear: both!important;
	}
	.submit-container .uk-button {
	float: left;
}
}



/* -------------------------- Float image ? */

.pullImage img {
    float: left !important;
    padding-right: 60px;
	padding-bottom: 40px;
    margin-top: 45px;
}
.pullImage img.right {
    float: right !important;
    padding-right: 60px;
	padding-bottom: 40px;
    margin-top: 45px;
}


/* -------------------------- Navbar */

.uk-navbar-toggle-icon {
    color: #fff;
}

.uk-navbar-toggle-icon svg {
	fill: #FFFFFF;
	width: 30px;
}

.uk-navbar-left .uk-grid.tm-grid-expand.uk-grid-margin {
	position: absolute;
	right: 38px;
}

.uk-navbar-left .uk-grid.tm-grid-expand.uk-grid-margin a.uk-icon-link {
	color: #FFF!important;
}
.uk-navbar-left .uk-grid.tm-grid-expand.uk-grid-margin a.uk-icon-link:hover,
.uk-search-icon:hover svg
{
	color: #922c1a!important;
}

/* -------------------------- FS Switcher */


.fs-switcher .uk-tab::before {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
    border-bottom: 5px solid #505050;
}
.fs-switcher .el-nav {
	margin: 0 !important;
}


.fs-switcher ul.fs-switcher-nav li {
	background: #aaa;
	min-height: 60px;
	padding: 10px 20px;
	margin-right: 5px;
	border-bottom: 1px solid #505050;
}
.fs-switcher ul.fs-switcher-nav li.uk-active {
	background: #505050;
}
.fs-switcher ul.fs-switcher-nav li a {
	font-size: 1.2em!important;
	letter-spacing: 0px;
	line-height: 1.2em;
	text-decoration: none!important;
	color: #FFF;
}

/* Mobile-Stack für Switcher Pro */
@media (max-width: 959px) {

  /* 1) Tabs oben ausblenden */
  .fs-switcher .uk-tab { 
    display: none !important; 
  }

  /* 2) Alle Panels sichtbar (nicht nur das aktive) */
  .fs-switcher .uk-switcher > li {
    display: block !important;
  }

  /* 3) Evtl. durch Height-Match gesetzte Mindesthöhen aufheben */
  .fs-switcher .uk-switcher > li[style*="min-height"] {
    min-height: auto !important;
  }

  /* 5) Luft & Trennung zwischen den Items */
  .fs-switcher .uk-switcher > li + li {
    margin-top: 24px;
    padding-top: 16px;
    border-top: 1px solid rgba(0,0,0,0.06);
  }

  /* 6) Überschriften/Abstände im Sublayout etwas kompakter */
  .fs-switcher .el-element { 
    padding-top: 16px !important; 
  }
	
  .fs-switcher img {
	width: 50%;
    height: auto;
    display: block;
    margin: auto;
	  border-radius: 20px;
   }	
}
@media (max-width: 559px) {
	.fs-switcher img {
	width: 100%;
	}
}


/* Tooltip-Stil */
.telefon-tooltip {
  position: relative;
  display: inline-block;
}

/* Das Tooltip-Element (Pseudo-Element) */
.telefon-tooltip::after {
  content: "Tel: 069 9579 6997"; /* <-- Text des Tooltips */
  position: absolute;
  bottom: -60px; /* erscheint unterhalb der Icon-Schaltfläche */
  left: 50%;
  transform: translateX(-50%) scale(0.9);
  background: #922d1a;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 500;
  padding: 10px 20px;
  border-radius: 8px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: all 0.25s ease-in-out;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
  z-index: 10;
}

/* kleine „Sprechblasen“-Spitze */
.telefon-tooltip::before {
  content: "";
  position: absolute;
  bottom: -14px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 7px;
  border-style: solid;
  border-color: yellow transparent transparent transparent;
  opacity: 0;
  transition: all 0.25s ease-in-out;
  z-index: 9;
}

/* Hover-Zustand → Tooltip sichtbar */
.telefon-tooltip:hover::after,
.telefon-tooltip:hover::before {
  opacity: 1;
  transform: translateX(-50%) scale(1);
  bottom: -70px;
}




















/* -------------------------- Nightshift-Grundlook: Seite invertieren */
html.nightshift {
  filter: invert(1) hue-rotate(180deg);
}

/* Medien wieder „ent-invertieren“, damit Farben stimmen */
html.nightshift img,
html.nightshift video,
html.nightshift picture,
html.nightshift svg,
html.nightshift canvas,
html.nightshift iframe {
  filter: invert(1) hue-rotate(180deg);
}

/* Optional: leichte Abdunklung, wenn gewünscht */
html.nightshift {
  background: #0f1115 !important;
}