/* DSVGO konforme Einbindung der Googlefonts */
/* 11.10.2025 */
/* Störkel Communication */
/* Uwe Maier */
/* Bachmann Dental */

@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* Alle Navigationselemente */

/* Anpassung der Drop-Down Überschrift in die richtige Schrift */
.item-104 > button:nth-child(1), .item-110 > button:nth-child(1), .item-145 > button:nth-child(1), .item-153 > button:nth-child(1) {
  font-family: 'Barlow Condensed', sans-serif !important;
}

/* Anpassung der Menüpunkte in der Schriftgrösse */
.metismenu.mod-menu .metismenu-item {
  	font-size: 1.4rem;
  	line-height: 1.9rem;
}

/* Versteckt das Material Icon und zeigt PNG stattdessen */
._access-icon.material-icons {
    font-size: 0 !important; /* Versteckt den Text "accessible" */
    background-image: url('../images/Icons/accessibility-icon.png')!important;
    background-size: 52px 52px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}



/* Icon vor Alltagssprache */
.mod-languages__list > li > a[href*="/de"]::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 25px;
    background: url('../images/Icons/Alltagssprache.png') no-repeat center;
    background-size: contain;
    margin-right: 0px;
	margin-bottom:0px;
    vertical-align: middle;
}

/* Icon vor leichter Sprache */
.mod-languages__list > li > a[href*="/de-li"]::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 25px;
    background: url('../images/Icons/leichteSprache.png') no-repeat center;
    background-size: contain;
    margin-right: 0px;
	margin-bottom:5px;
    vertical-align: middle;
}




/* Anpassung des Menüs */
.dj-megamenu-clean li a.dj-up_a {
  display: block;
  height: 60px;
  font-size: 20px!important;
  text-decoration: none;
  padding: 0px;
  cursor: pointer;
  -webkit-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
  position: relative;
}

.dj-megamenu-clean li ul.dj-submenu > li > a {
  font-size: 18px;
  line-height: 24px;
  color: #444;
}
.dj-icon { border-radius:10px; }

.dj-up_a {
  color: rgba(0, 0, 0, 1)!important;
}

.dj-up_a.scrolled {
  color: rgba(0, 0, 0, 1)!important;
}
.container-header .mod-menu {
  color: #000000;
  flex: 1 0 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}


/*   */
/*   */
/*   */
/*   */
/* Positionierung des Bildes am oberen Bildrand */
.container-banner-start, .container-banner-dental, .container-banner-workflow, .container-banner-planung, .container-banner-smop, .container-banner-allon, .container-banner-team, .container-banner-leistungen, .container-banner-allon, .container-banner-teleskopprothese, .container-banner-loesungen, .container-banner-freiende, .container-banner-vollkeramik, .container-banner-veneers, .container-banner-service, .container-banner-zahnaerzte, .container-banner-videos, .container-banner-webshop  {
	margin-top: -85px;
}

/* Bannerbild der Startseite*/

xxxx#mod-custom114, #mod-custom124 { background-image: url("../images/vid/home.webm"); background-size: cover; background-position: center center; background-repeat: no-repeat; width: 100%; }
#mod-custom138, #mod-custom168 { background-image: url("../images/vid/dentallabor.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; width: 100%; }
#mod-custom115, #mod-custom169 { background-image: url("../images/vid/workflow.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; width: 100%; }
#mod-custom139, #mod-custom170 { background-image: url("../images/vid/planung.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; width: 100%; }
#mod-custom140, #mod-custom171  { background-image: url("../images/vid/smop.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; width: 100%; }
#mod-custom141, #mod-custom172  { background-image: url("../images/vid/all-on-46.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; width: 100%; }
#mod-custom142, #mod-custom173  { background-image: url("../images/vid/team.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; width: 100%; }
#mod-custom143, #mod-custom174  { background-image: url("../images/vid/leistungen.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; width: 100%; }
#mod-custom144, #mod-custom175  { background-image: url("../images/vid/teleskopprothese.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; width: 100%; }
#mod-custom145, #mod-custom176  { background-image: url("../images/vid/loesungen.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; width: 100%; }
#mod-custom146, #mod-custom177  { background-image: url("../images/vid/freiende.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; width: 100%; }
#mod-custom147, #mod-custom178  { background-image: url("../images/vid/vollkeramik.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; width: 100%; }
#mod-custom148, #mod-custom179  { background-image: url("../images/vid/veneers.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; width: 100%; }
#mod-custom149, #mod-custom180  { background-image: url("../images/vid/service.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; width: 100%; }
#mod-custom150, #mod-custom181 { background-image: url("../images/vid/zahnaerzte.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; width: 100%; }
#mod-custom151, #mod-custom182 { background-image: url("../images/vid/infovideo.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; width: 100%; }
#mod-custom152, #mod-custom183 { background-image: url("../images/vid/webshop.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; width: 100%; }
#mod-custom184, #mod-custom185 { background-image: url("../images/vid/kontkt.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; width: 100%; }
#mod-custom186, #mod-custom187 { background-image: url("../images/vid/kontkt.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; width: 100%; }

.sprung {
    visibility: hidden;
    height: 0px !important;
    position: absolute;
    margin-top:10px;
}



/* Header der Webseite */
/* Startseite */
.container-banner-start .banner-overlay-start { color: #fff; background-position: top,50%; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; height:100vh; }
.container-banner-start .banner-overlay-start .overlay-start { text-align: center; background: rgba(80, 106, 167, 0.7); flex-direction: column; justify-content: center; align-items: center; height: 100%; padding: 20px; display: flex; }

/* Dentallabor */
.container-banner-dental .banner-overlay-dental {color: #fff;background-position: top,50%;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;height:100vh;}
.container-banner-dental .banner-overlay-dental .overlay-dental {text-align: center;background: rgba(80, 106, 167, 0.7);flex-direction: column;justify-content: center;align-items: center; height: 100%;padding: 20px;display: flex;}
/* Workflow */
.container-banner-workflow .banner-overlay-workflow {color: #fff;background-position: top,50%;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;height:100vh;}
.container-banner-workflow .banner-overlay-workflow .overlay-workflow {text-align: center;background: rgba(80, 106, 167, 0.7);flex-direction: column;justify-content: center;align-items: center;height: 100%;padding: 20px;display: flex;}
/* Planung */
.container-banner-planung .banner-overlay-planung {color: #fff;background-position: top,50%;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;height:100vh;}
.container-banner-planung .banner-overlay-planung .overlay-planung {text-align: center;background: rgba(80, 106, 167, 0.7);flex-direction: column;justify-content: center;align-items: center; height: 100%;padding: 20px;display: flex;}
/* SMOP */
.container-banner-smop .banner-overlay-smop {color: #fff;background-position: top,50%;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;height:100vh;}
.container-banner-smop .banner-overlay-smop .overlay-smop {text-align: center;background: rgba(80, 106, 167, 0.7);flex-direction: column;justify-content: center;align-items: center; height: 100%;padding: 20px;display: flex;}
.container-banner-smop .banner-overlay-smop .overlay-smop h1 { padding-top:10%; }
/* All on 46 */
.container-banner-allon .banner-overlay-allon {color: #fff;background-position: top,50%;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;height:100vh;}
.container-banner-allon .banner-overlay-allon .overlay-allon {text-align: center;background: rgba(80, 106, 167, 0.7);flex-direction: column;justify-content: center;align-items: center; height: 100%;padding: 20px;display: flex;}
.container-banner-allon .banner-overlay-allon .overlay-allon h1 { padding-top:20%; }
/* Team */
.container-banner-team .banner-overlay-team {color: #fff;background-position: top,50%;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;height:100vh;}
.container-banner-team .banner-overlay-team .overlay-team {text-align: center;background: rgba(80, 106, 167, 0.7);flex-direction: column;justify-content: center;align-items: center; height: 100%;padding: 20px;display: flex;}

/* Leistungen */
.container-banner-leistungen .banner-overlay-leistungen {color: #fff;background-position: top,50%;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;height:100vh;}
.container-banner-leistungen .banner-overlay-leistungen .overlay-leistungen {text-align: center;background: rgba(80, 106, 167, 0.7);flex-direction: column;justify-content: center;align-items: center; height: 100%;padding: 20px;display: flex;}
/* Teleskopprothesen */
.container-banner-teleskopprothese .banner-overlay-teleskopprothese {color: #fff;background-position: top,50%;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;height:100vh;}
.container-banner-teleskopprothese .banner-overlay-teleskopprothese .overlay-teleskopprothese {text-align: center;background: rgba(205, 194, 168, 0.7);flex-direction: column;justify-content: center;align-items: center; height: 100%;padding: 20px;display: flex;}
/* Implantatloesungen */
.container-banner-loesungen .banner-overlay-loesungen {color: #fff;background-position: top,50%;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;height:100vh;}
.container-banner-loesungen .banner-overlay-loesungen .overlay-loesungen {text-align: center;background: rgba(205, 194, 168, 0.7);flex-direction: column;justify-content: center;align-items: center; height: 100%;padding: 20px;display: flex;}
/* Unilaterales Freiende */
.container-banner-freiende .banner-overlay-freiende {color: #fff;background-position: top,50%;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;height:100vh;}
.container-banner-freiende .banner-overlay-freiende .overlay-freiende {text-align: center;background: rgba(205, 194, 168, 0.7);flex-direction: column;justify-content: center;align-items: center; height: 100%;padding: 20px;display: flex;}
/* Unilaterales Vollkeramik */
.container-banner-vollkeramik .banner-overlay-vollkeramik {color: #fff;background-position: top,50%;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;height:100vh;}
.container-banner-vollkeramik .banner-overlay-vollkeramik .overlay-vollkeramik {text-align: center;background: rgba(205, 194, 168, 0.7);flex-direction: column;justify-content: center;align-items: center; height: 100%;padding: 20px;display: flex;}
/* Veneers */
.container-banner-veneers .banner-overlay-veneers {color: #fff;background-position: top,50%;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;height:100vh;}
.container-banner-veneers .banner-overlay-veneers .overlay-veneers {text-align: center;background: rgba(205, 194, 168, 0.7);flex-direction: column;justify-content: center;align-items: center; height: 100%;padding: 20px;display: flex;}

/* Service */
.container-banner-service .banner-overlay-service {color: #fff;background-position: top,50%;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;height:100vh;}
.container-banner-service .banner-overlay-service .overlay-service {text-align: center;background: rgba(80, 106, 167, 0.7);flex-direction: column;justify-content: center;align-items: center; height: 100%;padding: 20px;display: flex;}
/* Zahnärzte */
.container-banner-zahnaerzte .banner-overlay-zahnaerzte {color: #fff;background-position: top,50%;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;height:100vh;}
.container-banner-zahnaerzte .banner-overlay-zahnaerzte .overlay-zahnaerzte {text-align: center;background: rgba(80, 106, 167, 0.7);flex-direction: column;justify-content: center;align-items: center; height: 100%;padding: 20px;display: flex;}
/* Videos */
.container-banner-videos .banner-overlay-videos {color: #fff;background-position: top,50%;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;height:100vh;}
.container-banner-videos .banner-overlay-videos .overlay-videos {text-align: center;background: rgba(80, 106, 167, 0.7);flex-direction: column;justify-content: center;align-items: center; height: 100%;padding: 20px;display: flex;}
/* Webshop */
.container-banner-webshop .banner-overlay-webshop {color: #fff;background-position: top,50%;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;height:100vh;}
.container-banner-webshop .banner-overlay-webshop .overlay-webshop {text-align: center;background: rgba(80, 106, 167, 0.7);flex-direction: column;justify-content: center;align-items: center; height: 100%;padding: 20px;display: flex;}

/* Stellenangebote */
.container-banner-stellenangebote .banner-overlay-stellenangebote {color: #fff;background-position: top,50%;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;height:100vh;}
.container-banner-stellenangebote .banner-overlay-stellenangebote .overlay-stellenangebote {text-align: center;background: rgba(80, 106, 167, 0.7);flex-direction: column;justify-content: center;align-items: center; height: 100%;padding: 20px;display: flex;}

/* Stellenangebote */
.container-banner-kontakt .banner-overlay-kontakt {color: #fff;background-position: top,50%;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;height:100vh;}
.container-banner-kontakt .banner-overlay-kontakt .overlay-kontakt {text-align: center;background: rgba(80, 106, 167, 0.7);flex-direction: column;justify-content: center;align-items: center; height: 100%;padding: 20px;display: flex;}





.container-banner-start {
	position: relative;
	overflow: hidden;
}

.banner-background-video {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	transform: translate(-50%, -50%);
	z-index: 0;
	object-fit: cover;
}

.banner-overlay-start {
	position: relative;
	z-index: 1;
}

/* Optional: Dunkles Overlay über dem Video für bessere Lesbarkeit */
.container-banner-start::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	z-index: 0;
}

/* Falls der Text schwer lesbar ist, kannst du das Overlay dunkler machen */
.overlay-start {
	position: relative;
	z-index: 2;
}

.anruflogo {
	width:253px!important;
}

@media (max-width: 768px) {
p { padding-left:5px; padding-right:5px;}
.anruflogo {
	width:120px!important;
	}
}

@media (max-width: 768px) {
	.xxxbanner-background-video {
		display: none;
	}
}





















.abblender-normal {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(90, 118, 180, 0.7);
	z-index:1;
}

/* Bachmann CSS - Anpassung Headerbereich und Container  */
.container-header {
    background-color: #ffffff;
    background-image: unset;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
	border-bottom:1px solid#999999;
	box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 0.5);
}

.container-header.scrolled {
  background-color: #ffffff;
  background-image: unset;
  border-bottom:1px solid#333333;
  box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 0.5);
}






















.container-allgemein {
	margin-top: 0px;
	text-align:center;
	display: grid;
  	grid-template-rows: 1fr; /* Eine Zeile, die sich dynamisch anpasst */
  	min-height: 560px; /* Minimale Höhe */
  	gap: 10px; /* Abstand zwischen Grid-Elementen */
  	background:#1c4693;
}

h3.beschreibung  {
    line-height: 100%;
    margin: 0;
    text-rendering: optimizelegibility;
    word-wrap: break-word;
    color: #000000;
    font-weight: 400;
	font-size: 1.8em !important;
  	line-height: 1.65em;
  	margin-bottom: 1.4em;
}
h4.bildunterschrift  {
    line-height: 100%;
    margin: 0;
    text-rendering: optimizelegibility;
    word-wrap: break-word;
    color: #000000;
    font-weight: 400;
	font-size: 1.6em !important;
  	line-height: 1.4em;
  	margin-bottom: 1.2em;
}










@media (max-width: 768px) {
    #mod-custom114 {
        aspect-ratio: 4/3;
        background-position: center top;
    }
	
	h1.ueberschrift { 
  margin: 0 0 0em 0;
  color: #ffffff;
  font-size: 4em!important;
}
}

@media (max-width: 480px) {
    #mod-custom114 {
        aspect-ratio: 1/1;
    }
	h1.ueberschrift { 
  margin: 0 0 0em 0;
  color: #ffffff;
  font-size: 3em!important;
}
}


/* Bachmann CSS - übernommen und neutralisiert  */
/******************************************************
* 
* Copyright 2025
* 
******************************************************/

.grid-child.container-component { margin-top:-16px!important; margin-bottom:-16px!important; padding:0!important; background:#ffffff;}

body.wrapper-fluid header > .grid-child, body.wrapper-fluid footer > .grid-child {
  xxxpadding-left: 23.5em;
  xxxpadding-right: 2em;
  display: flex; /* Erstellt einen Grid-Container */
  /* ODER */
justify-content: center; /* Zentriert horizontal */
align-items: center;    /* Zentriert vertikal */
}

div.mod-languages ul {
  margin: 0;
  padding-top: 8px;
  list-style: none;
}

body {
/*	xxxfont-family: 'Barlow Condensed', Helvetica, Arial, sans-serif; */
 	font-family: "Barlow Condensed", sans-serif!important;
	font-size:2rem;
	font-weight:400;  
	color:#1e1e1e;
	margin:0;
	font-size:100%;
	padding:0;
	line-height:140%;
	background:#f2f2f2;
}

p.medium { 
	color:#ffffff;
	font-size:1.3rem;
	font-weight: 400;
  	line-height: 2.1rem;

}
.medium a {
	color:#ffffff;
	text-decoration:none;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
}

.medium a:hover {
	text-decoration:none;
	color:#bcc0de;
}


*:focus { outline: 1px solid #ff0000; padding:4px; }


.medium a.img-link {
	text-decoration:none !important;
	border:none !important;
}
a.lined {
  color: #000000;
  border-bottom: 2px solid #1c4693;
  font-size: 90%;
  text-decoration:none !important;
}
a.lined:hover {
	color:#1c4693;
	border-bottom-color:#1c4693;
}
a.textbutton {
	text-transform:uppercase;
	font-weight:700;
	font-size:.75em;
	text-transform:.025em;
}
a.learn-more {
	color:#313945;
	font-weight:bold;
	border-bottom:2px solid #1c4693;
	margin-top:2em;
	display:inline-block;
}
a.learn-more:hover {
	border-bottom-color:#1c4693;
}
p a.lined {
	display:inline;
}

h3, .h3 {
	line-height:100%;
	margin:0 0 0.5em 0;
	text-rendering:optimizelegibility;
	word-wrap:break-word;
	color:#1c4693;
	font-weight:700;
}


h1, .h1, h2, .h2, h4, .h4, h5, .h5, h6, .h6 {
	line-height:100%;
	margin:0 0 0.6em 0;
	text-rendering:optimizelegibility;
	word-wrap:break-word;
	color:#1c4693;
	font-weight:600;
}


div.mod-languages ul {
	padding:0;
	font-size: 1.4rem;
  	line-height: 1.5rem;
	font-weight:400;
	color:#000000!important;
	margin-bottom: -8px;
}

p.b780 { max-width:800px; }


.container { padding:50px 0px 50px 0px; }
.container800 { padding:50px 20% 50px 20%; }

/* volle Breite  */
body.wrapper-fluid .site-grid {
  grid-gap: 0;
  z-index:0;
}








/*   */
h1.ueberschrift {
	font-family: 'Barlow Condensed', sans-serif !important;
  margin: 0 0 0em 0;
  color: #ffffff;
  font-size: 5em;
  text-shadow: 0px 2px 2px rgba(0,0,0,0.8);
}
.mod-custom p {
  margin: 0;
 }


ol, ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
.bodyfont {
/*	xxxfont-family: 'Barlow Condensed', Helvetica, Arial, sans-serif; */
}
.headlinefont {
/*	xxxfont-family: 'Barlow Condensed', Helvetica, Arial, sans-serif; */
}
.copyfont {
/*	xxxfont-family: 'Barlow Condensed', Helvetica, Arial, sans-serif; */
}
.fontthin {
	font-weight:100;
}
.fontlight {
	font-weight:300;
}
.fontregular {
	font-weight:400;
}
.fontmedium {
	font-weight:500;
}
.fontbold {
	font-weight:700;
}
.fontblack {
	font-weight:900;
}
.fontitalic {
	font-style:italic;
}




/* Anpassungen Bachmann */

.myButton {
	background:linear-gradient(to bottom, #d30e50 5%, #cd4e79 100%);
	background-color:#d30e50;
	border-radius:28px;
	border:1px solid #cd4e79;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	/* xxxfont-family:Arial; */
	font-size:19px;
	padding:16px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
}
.myButton:hover {
	background:linear-gradient(to bottom, #cd4e79 5%, #d30e50 100%);
	background-color:#cd4e79;
}
.myButton:active {
	position:relative;
	top:1px;
}


.img-responsive img{
 max-width:100%;
 height:auto;
}


.img-responsive100 img{
 width:100%;
 height:auto;
}
 


.dental-2spalter-vollkeramik {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(550px, 1fr));
  grid-gap: 0px;
  grid-auto-flow: row dense;
  align: left;
  border:0px dotted red;
}

.dental-item20-vollkeramik {
  padding: 0px 0px 0px 0px;
}



.blue { background:#1c4693; padding:0!important; padding:50px 0 50px 0px;}
.hellblau { background:#bcc0de; padding:0!important; padding:50px 0 50px 0px; }
.grau { background:#e7e8ea; padding:0!important; padding:50px 0 50px 0px;}
.weiss { background:#ffffff; padding:0!important; padding:50px 0 50px 0px;}

ul.liste-grau h2{ text-align:left; color:#333333; font-weight:400; }


.druckknopfprothese { background:#cdc2a8; padding:0!important; }
.stegprothese { background:#b4a882; padding:0!important; }
.teleskopprothese { background:#68525e; padding:0!important; }

.teleskopprothese_2 { background:#886c77; padding:0!important; }

.veneers { background:#baad14; padding:0!important; }

.vollkeramik_onlays { background:#baad14; padding:0!important; }
.vollkeramik_bruecke { background:#4a9db7; padding:0!important; }
.vollkeramik_krone { background:#ee2162; padding:0!important; }
.vollkeramik_vollendung { background:#68535d; padding:0!important; }


.rounder { border:0px solid #ffffff; border-radius: 16px;}

.produkttext { padding:30px 20px 10px 30px; border:0px solid red; line-height:1.0em; }
.produkttext h3 { color:#ffffff; padding:0px; line-height: 100%; margin: 0 0 0.4em 0; font-weight:400; font-size:1.9em!important; }
.produkttext p { line-height:1.2em !important; color:#000000; font-size:1.3em!important; }

.subtext { padding:0px 20px 10px 30px; border:0px solid red; line-height:1.2em!important; }
.subtext p { line-height:1.1em !important; color:#000000;font-size:1.2em!important; }

.title h2 {
    line-height: 100%;
    margin: 0;
    text-rendering: optimizelegibility;
    word-wrap: break-word;
    color: #1e1e1e;
    font-weight: 600;
}
.title h4 {
    line-height: 110%;
    margin: 0;
    text-rendering: optimizelegibility;
    word-wrap: break-word;
    color: #1e1e1e;
    font-weight: 400;
}

.title h4::after{
    display: block;
    width: 0px;
    height: 0px;
    margin: 0em auto 0 auto;
}

.adresse { display:inline-block; width:60px;}

h2.planung, .h2.planung {
  margin: 0 0 0.75em 0;
  font-size: 2.1em;
/*	xxxfont-family: 'Barlow Condensed', Helvetica, Arial, sans-serif; */  font-weight: 600;
  color: #ed2127;
}

/* Anpassungen Bachmann */


.white { color:#ffffff!important; }






@media only screen and (max-width:600px) {
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
margin:0 0 1em 0;
padding:0.25em 0 0 0;
}
h2.smop, .h2.smop {
	margin:0 0 1.6em 0;
	font-size:1.1em;
/*	xxxfont-family: 'Barlow Condensed', Helvetica, Arial, sans-serif; */
	color:#ffffff;
}

h3.smop, .h3.smop {
	margin:0 0 1.6em 0;
	font-size:1.0em;
/*	xxxfont-family: 'Barlow Condensed', Helvetica, Arial, sans-serif; */
	color:#ffffff;
}
}
h1:first-of-type, .h1:first-of-type, h2:first-of-type, .h2:first-of-type, h3:first-of-type, .h3:first-of-type, h4:first-of-type, .h4:first-of-type, h5:first-of-type, .h5:first-of-type, h6:first-of-type, .h6:first-of-type {
	padding:0;
}
h1, .h1 {
/*	xxxfont-family: 'Barlow Condensed', Helvetica, Arial, sans-serif; */ 
	font-size:3.10em;
}
@media only screen and (max-width:768px) {
h1, .h1 {
font-size:2.9em;
}
h2.smop, .h2.smop {
	margin:0 0 1.6em 0!important;;
	font-size:1.1em!important;
/*	xxxfont-family: 'Barlow Condensed', Helvetica, Arial, sans-serif; */
	color:#ffffff;
}
h3.smop, .h3.smop {
	margin:0 0 1.6em 0!important;;
	font-size:1.0em!important;
/*	xxxfont-family: 'Barlow Condensed', Helvetica, Arial, sans-serif; */ 
	color:#ffffff;
}
}
@media only screen and (max-width:600px) {
h1, .h1 {
font-size:2.4em;
}
}
h2, .h2 {
	margin: 0 0 1.75em 0;
  	font-size: 2.1em;
  	font-family: 'Barlow Condensed', Helvetica, Arial, sans-serif;
  	font-weight: 600;
  	color: #1c4693;
}
}

h2.smop, .h2.smop {
	margin:0 0 1.75em 0;
	font-size:2.5em;
/*	xxxfont-family: 'Barlow Condensed', Helvetica, Arial, sans-serif; */
	color:#ffffff;
}
h3.smop, .h3.smop {
	margin:0 0 1.75em 0;
	font-size:2.0em;
/*	xxxfont-family: 'Barlow Condensed', Helvetica, Arial, sans-serif; */
	color:#ffffff;
}
@media only screen and (max-width:768px) {
h2, .h2 {
font-size:1.9em;
}
h2.smop, .h2.smop {
	margin:0 0 1.6em 0;
	font-size:1.9em;
/*	xxxfont-family: 'Barlow Condensed', Helvetica, Arial, sans-serif; */
	color:#ffffff;
}
h3.smop, .h3.smop {
	margin:0 0 1.6em 0;
	font-size:1.7em;
/*	xxxfont-family: 'Barlow Condensed', Helvetica, Arial, sans-serif; */
	color:#ffffff;
}
}
@media only screen and (max-width:600px) {
h2, .h2 {
font-size:1.65em;
}
h2.smop, .h2.smop {
	margin:0 0 1.6em 0;
	font-size:1.1em;
/*	xxxfont-family: 'Barlow Condensed', Helvetica, Arial, sans-serif; */
	color:#ffffff;
}
h3.smop, .h3.smop {
	margin:0 0 1.6em 0;
	font-size:1.0em;
/*	xxxfont-family: 'Barlow Condensed', Helvetica, Arial, sans-serif; */; 
	color:#ffffff;
}
}

h2.smop, .h2.smop {
	margin:0;
	line-height:1.8em;
	font-size:2.5em;
/*	xxxfont-family: 'Barlow Condensed', Helvetica, Arial, sans-serif; */
	color:#ffffff;
}
h3.smop, .h3.smop {
	margin:0;
	line-height:1.8em;
	font-size:2.0em;
/*	xxxfont-family: 'Barlow Condensed', Helvetica, Arial, sans-serif; */
	color:#ffffff;
}
h3, .h3 {
	font-size:1.55em;
}
h4, .h4 {
	font-size:1.4em;
	font-weight:400;
}
h4:after, .h4:after {
	content:" ";
	display:block;
	width:50px;
	height:1px;
	background:#e30613;
	margin:1em auto 0 auto;
}
h5, .h5 {
	font-size:1.10em;
	font-weight:600;
	
}
h6, .h6, h7, .h7, h8, .h8 {
	font-size:0.750em;
}
p {
	font-size: 1.5em;
  	line-height: 1.65em;
 	margin-bottom: 1.875em;
	color:#000000;
}
.teaser { max-width:960px; }
.abstand { margin-top:70px!important; }


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

/* Anpassungen Bachmann */






/* Anpassungen Bachmann */



}
p.lead {
	font-size:1.125em;
	line-height:1.500em;
	font-weight:700;
}
p.small {
	font-size:1.1em!important;
	line-height:1.35em!important;
	color:#060060;
}
p.error {
	color:#ef4836;
}
strong, b {
	font-weight:700;
}
em, i {
	font-style:italic;
}
sub {
	bottom:-0.3em;
	font-size:75%;
	line-height:0;
	vertical-align:baseline;
}
blockquote {
	margin-bottom:1.875em;
}
blockquote p {
/*	xxxfont-family: 'Barlow Condensed', Helvetica, Arial, sans-serif; */
	font-size:1.75em;
	line-height:1.25em;
	color:#1c4693;
	margin-bottom:0.625em;
	max-width:75%;
}
cite {
	font-size:0.875em;
	line-height:1.375em;
	font-weight:400;
}
cite:before {
	content:"– ";
}
.uppercase {
	text-transform:uppercase;
}
.text-left {
	text-align:left !important;
}
.text-right {
	text-align:right !important;
}
.text-center {
	text-align:center !important;
}

dj-megamenu-wrapper {
	text-align:center !important;
}


.text-justify {
	text-align:justify !important;
}
abbr {
	border-bottom:1px dotted #1e1e1e;
}
ul, ol {
	padding:0;
	font-size:1.6em;
	line-height:1.4em;
	font-weight:400;
	color:#000000;
}
@media only screen and (max-width:768px) {
ul, ol {
font-size:1em;
}
}
ul li {
	margin-bottom:0.35em;
}
ol li {
	margin-bottom:0px;
	margin-left:2.813em;
}
ul.square {
	list-style:square;
}
ul.circle {
	list-style:circle;
}
ul.circle li {
	margin-left:1em;
}
ol {
	list-style:decimal;
}
ul li.list-title {
	font-weight:700;
	list-style:none;
	margin-left:0px;
	border-bottom:0px;
	margin-top:.4em;
}

ol.datenschutz {
	border-bottom:0px;
	margin-top:1.6em;
	margin-bottom:1.6em;
	margin-left:15%;
	margin-right:15%;
	width:70%;
	color:#666666;
	font-size:1.3em;
}
ol.datenschutz li { padding-bottom:1.3em; }

ul.datenschutz {
	list-style:square;
	border-bottom:0px;
	margin-top:1.6em;
	margin-bottom:1.6em;
	margin-left:40%;
	margin-right:0%;
	width:40%;
	color:#666666;
	font-size:1.3em;
}
ul.datenschutz li { }

ul.browser {
	border-bottom:0px;
	margin-top:1.6em;
	margin-bottom:1.6em;
	margin-left:20%;
	margin-right:0%;
	width:60%;
	color:#666666;
	font-size:1.3em;
}
.adresse2 { display:inline-block; width:140px;  }


code, pre {
	padding:0 3px 2px;
/*	xxxfont-family: 'Barlow Condensed', Helvetica, Arial, sans-serif; */
	font-size:1em;
	line-height:1.5em;
	color:#333;
}
code b, pre b {
	color:#2655b6;
	font-weight:400;
}
code b b, pre b b {
	color:#70a019;
}
code em, pre em {
	color:#999;
	font-style:normal;
}
pre {
	word-break:break-all;
	word-wrap:break-word;
	white-space:pre;
	white-space:pre-wrap;
	background-color:#f5f5f5;
	border:1px solid #ccc;
	border:1px solid rgba(0, 0, 0, 0.15);
}
code {
	display:block;
	padding:1em;
}
figure {
	margin:3em 0;
}
@media only screen and (max-width:768px) {
figure {
margin:2em 0;
}
}

.label, .badge {
	background-color:#e30613;
	color:#fff;
	display:inline-block;
	zoom:1;
*display:inline;
	font-size:0.875em;
	xxxletter-spacing:.05em;
	font-weight:700;
	line-height:125%;
	padding:0.75em 2.5em;
	vertical-align:baseline;
	white-space:nowrap;
	xxxletter-spacing:1px;
}

.table {
	margin-bottom:1.250em;
	width:100%;
}
table {
	background-color:transparent;
	border-collapse:collapse;
	border-spacing:0;
	max-width:100%;
	font-size:1.000em;
}
table td {
	border-top:1px solid #e6e6e6;
	line-height:1.250em;
	padding:0.625em 0.938em;
	text-align:left;
	vertical-align:middle;
}
table td .btn {
	margin-top:0.125em;
	margin-bottom:0.125em;
	margin-right:0.125em;
}
table tr {
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
table tr:hover {
	background:#e9e9e9;
}
table th {
	background:#fff;
	border:none;
	font-size:1.000em;
	font-weight:700;
	line-height:1.250em;
	padding:0.625em 0.938em;
	text-align:left;
	vertical-align:middle;
	border-bottom:2px solid #555;
}
table tr:nth-child(2n+2) {
background-color:#f9f9f9;
}
table tr:nth-child(2n+2):hover {
background:#e9e9e9;
}
.btn {
	position:relative;
	background:#313945;
	color:#fff;
	text-decoration:none;
	display:inline-block;
	zoom:1;
	border:none;
*display:inline;
	padding:1.25em 2.5em;
	margin:0 .4em .4em 0;
	font-size:.76em;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
/*	xxxfont-family: 'Barlow Condensed', Helvetica, Arial, sans-serif; */
-webkit-appearance:none;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
	text-transform:uppercase;
	xxxletter-spacing:2px;
	box-sizing:border-box;
	overflow:hidden;
}
.btn:hover {
	color:#fff;
}
.btn:hover span:nth-of-type(2) {
top:auto;
bottom:0;
height:100%;
}
.btn.primary {
	background:#e30613;
}
.btn.primary.outline {
	border-color:#e30613;
}
.btn.primary span:nth-of-type(2) {
background:#e30613;
}
.btn.second {
	background:#38d2af;
}
.btn.second.outline {
	border-color:#38d2af;
}
.btn.second span:nth-of-type(2) {
background:#28af91;
}
.btn.outline {
	background:none;
	color:#1e1e1e;
	border:2px solid #313945;
	padding:1.1em 2.5em;
}
.btn.outline:hover {
	background:#313945;
	color:#fff;
}
.btn.large {
	font-size:1.075em;
	xxxletter-spacing:2px;
}
.btn.small {
	padding:1em 1.5em;
	font-weight:400;
	font-size:0.75em;
}
.btn span {
	position:relative;
	-webkit-transition:all 300ms ease-in-out;
	-moz-transition:all 300ms ease-in-out;
	-o-transition:all 300ms ease-in-out;
	transition:all 300ms ease-in-out;
}
.btn span:nth-of-type(1) {
z-index:2;
}
.btn span:nth-of-type(2) {
position:absolute;
left:0;
bottom:auto;
top:0;
width:100%;
height:0;
background:#465263;
}
.btn-contact {
	position:relative;
	display:block;
	width:42px;
	height:40px;
	padding:0;
	background-color:#313945;
}
.btn-contact svg {
	display:inline-block;
	position:relative;
	top:8px;
	z-index:2;
}
.btn-contact svg path {
	fill:#fff;
}
.btn-down {
	position:relative;
	display:inline-block;
	height:50px;
	width:50px;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}
.btn-down:after {
	position:absolute;
	bottom:-30px;
	left:-20px;
	width:95px;
	content:"Mehr erfahren";
	color:#fff;
	font-size:0.65em;
	text-transform:uppercase;
	xxxletter-spacing:1px;
}
.btn-down svg circle, .btn-down svg g {
	fill:#fff;
}
.btn-down svg path {
	stroke:#e30613;
}
.btn-close {
	display:block;
	width:32px;
	height:24px;
}
.btn-close span {
	position:absolute;
	top:10px;
	height:2px;
	width:100%;
}
.btn-close span:before, .btn-close span:after {
	position:absolute;
	left:0;
	width:100%;
	height:2px;
	background:#313945;
	content:"";
	-webkit-transition:all 200ms ease;
	-moz-transition:all 200ms ease;
	-o-transition:all 200ms ease;
	transition:all 200ms ease;
}
.btn-close span:before {
	top:0px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}
.btn-close span:after {
	top:0px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.btn-back {
	display:block;
	position:absolute;
	left:4em;
	top:4em;
	z-index:98;
	color:#fff;
	font-size:0.75em;
}
@media only screen and (max-width:600px) {
.btn-back {
top:2em;
left:1em;
}
}
.btn-back:hover {
	color:#fff;
}
.btn-back span {
	position:relative;
	top:2px;
	display:inline-block;
}
.btn-back svg {
	position:relative;
	display:inline-block;
	top:4px;
	margin-right:7px;
}
@media only screen and (max-width:480px) {
.btn-back svg {
display:none;
}
}
.btn-back svg path {
	stroke:#fff;
	stroke-width:1px;
}
img.scale-with-grid {
	width:100%;
	height:auto;
	margin-bottom:20px;
}

hr {
	margin:1.875em 0;
	border:0;
	border-top:1px solid #eee;
	border-bottom:1px solid #fff;
}
hr.mini {
	margin:0.313em 0;
}
hr.small {
	margin:0.938em 0;
}
hr.large {
	margin:2.813em 0;
}
hr.mega {
	margin:4.688em 0;
}
hr.blind {
	border:none;
	filter:alpha(opacity=0);
}
::-webkit-input-placeholder {
color:#999;
}
:-moz-placeholder {
color:#999;
}
.placeholder {
	color:#999;
}
form {
	overflow:hidden;
}
form.filled {
	background:#e30613;
	padding:1em;
}
form.filled input[type="text"], form.filled input[type="password"], form.filled input[type="number"], form.filled input[type="email"], form.filled input[type="file"], form.filled input[type="tel"], form.filled select, form.filled textarea {
	border-width:0px 0px 1px 0px;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
	padding:.5em .5em .5em 0;
	font-size:1.25em;
	xxxletter-spacing:.05em;
}
form.filled label {
	color:#121212;
	width:100%;
	background:#fff;
	padding:.75em 1em;
	text-transform:uppercase;
	font-weight:400;
	font-size:1em;
	xxxletter-spacing:.025em;
}
fieldset {
	border:1px solid #e0e0e0;
	padding:2em 1.250em 1.250em 1.250em;
	margin-top:4em;
}
fieldset legend {
	margin:0 auto;
	color:#b7b7b7;
	font-size:1em;
	text-transform:uppercase;
	padding:0px 0.313em 0px 0.313em;
	font-weight:700;
}
.form-group-headline {
	color:#eaeaea;
	font-size:0.750em;
	font-weight:700;
	text-transform:uppercase;
	margin:1.250em 0px 0.625em 0px;
}
input[type="submit"]::-moz-focus-inner {
border:0;
}
input[type="text"]::-moz-focus-inner {
border:0;
}
input[type="file"]::-moz-focus-inner {
border:0;
}
input[type="text"], input[type="password"], input[type="number"], input[type="email"], input[type="file"], input[type="tel"], select, textarea {
	width:100%;
	vertical-align:middle;
	border:none;
	border:1px solid #e0e0e0;
	background:#fff;
	color:#313945;
	line-height:1.375em;
	font-size:1.125em;
	padding:1em;
/*	xxxfont-family: 'Barlow Condensed', Helvetica, Arial, sans-serif; */
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
}
input[type="text"].error, input[type="password"].error, input[type="number"].error, input[type="email"].error, input[type="file"].error, input[type="tel"].error, select.error, textarea.error {
	border-color:#ef4836;
}
.input-box {
	position:relative;
}
textarea {
	min-width:100%;
	max-width:100%;
	min-height:12em;
	border:1px solid #e0e0e0;
	padding:1em;
}
.select-box {
	position:relative;
	border:1px solid #e0e0e0;
}
.select-box:before {
	position:absolute;
	right:0;
	top:0;
	width:60px;
	height:60px;
	background:#fff;
	content:"";
	pointer-events:none;
}
.select-box:after {
	position:absolute;
	top:100%;
	right:22px;
	width:0;
	height:0;
	margin-top:-32px;
	content:"";
	border-color:#667790 transparent transparent;
	border-style:solid;
	border-width:9px 7px;
	pointer-events:none;
}
select {
	height:60px;
	color:#1e1e1e;
	border:none;
}
input[type="text"]:focus, textarea:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="file"]:focus {
	border:1px solid #667790;
	outline:none;
}
label {
	display:block;
	zoom:1;
*display:inline;
	margin-bottom:0.5em;
	margin-right:0.625em;
	font-size:1.125em;
	color:#1e1e1e;
}
.hint {
	color:#777;
	font-size:0.750em;
	font-style:italic;
}
form span.error {
	font-weight:normal;
	color:#ef4836;
	padding-left:0.313em;
	line-height:1.000em;
	font-size:0.750em;
}
@media only screen and (max-width: 480px) {
form span.error {
display:block;
padding-left:0;
padding-top:.3em;
}
form span.error:before {
display:none;
}
}
input.error, input.error:focus {
	border-color:#ef4836;
}
.checkbox, .radio {
	padding-left:25px;
	text-indent:-25px;
	cursor:pointer;
	margin:0;
}
.checkbox {
	display:block;
margin-top:.25*;
}
.checkbox:first-child {
	margin-top:0;
}
.radio {
	font-weight:normal;
margin-right:;
}
.radio:last-child {
	margin-right:0;
}
.checkbox__input, .radio__input {
	width:18px;
	height:18px;
	position:relative;
margin:0 .25* 0 0;
	display:inline-block;
	background-color:#fff;
	line-height:1;
}
.checkbox__input label, .radio__input label {
	width:18px;
	height:18px;
	cursor:pointer;
	position:absolute;
	left:0;
	top:0;
background:;
	border:1px solid #e0e0e0;
}
.checkbox__input label:after, .radio__input label:after {
	content:'';
	position:absolute;
	background:#e30613;
	opacity:0;
}
.checkbox__input label:hover::after, .radio__input label:hover::after {
opacity:0.3;
}
.checkbox__input label.error, .radio__input label.error {
	border-color:#ef4836;
}
.checkbox__input input[type="radio"], .checkbox__input input[type="checkbox"], .radio__input input[type="radio"], .radio__input input[type="checkbox"] {
	visibility:hidden;
}
.checkbox__input input[type="radio"]:checked + label, .checkbox__input input[type="checkbox"]:checked + label, .radio__input input[type="radio"]:checked + label, .radio__input input[type="checkbox"]:checked + label {
	border:1px solid #e0e0e0;
}
.checkbox__input input[type="radio"]:checked + label:after, .checkbox__input input[type="checkbox"]:checked + label:after, .radio__input input[type="radio"]:checked + label:after, .radio__input input[type="checkbox"]:checked + label:after {
	opacity:1;
}
.checkbox__input label:after {
	width:9px;
	height:5px;
	top:4px;
	left:4px;
	border:3px solid #e30613;
	border-top:none;
	border-right:none;
	background:transparent;
	transform:rotate(-45deg);
}
.radio__input label {
	border-radius:50%;
}
.radio__input label:after {
	width:10px;
	height:10px;
	top:3px;
	left:3px;
	border-radius:50%;
}


ul.pills {
	list-style:none;
	margin:0 0 1.250em 0;
}
ul.pills li {
	display:inline-block;
	zoom:1;
*display:inline;
	margin:0;
	margin-right:0.625em;
	margin-bottom:0.625em;
}
ul.pills li a {
	color:#111;
	padding:0.625em 0.938em;
	text-decoration:none;
	display:block;
	font-weight:normal;
	line-height:1.125em;
	font-size:0.813em;
	background:#f0f0f0;
}
ul.pills li.active a, ul.pills li.active a:hover {
	background:#e30613;
	border-color:#e30613;
	color:#fff;
}
ul.pills li.done a {
	opacity:0.5;
	cursor:default;
	background:#e0e0e0;
}
ul.pills li.done a:hover {
	background:#e0e0e0;
}
ul.pills li a:hover {
	background:#ccc;
	text-decoration:none;
}
ul.tabs {
	list-style:none;
	margin:0 0 1.250em 0;
	border-bottom:1px solid #e0e0e0;
}
ul.tabs li {
	display:inline-block;
	zoom:1;
*display:inline;
	margin:0;
	margin-right:0.313em;
}
ul.tabs li a {
	color:#111;
	padding:0.625em 0.938em;
	text-decoration:none;
	display:block;
	font-weight:normal;
	line-height:1.625em;
	font-size:0.813em;
	margin-bottom:-1px;
}
ul.tabs li a:hover {
	background:#f0f0f0;
	text-decoration:none;
}
ul.tabs li.active a, ul.tabs li.active a:hover {
	color:#e30613;
	border-top:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	border-left:1px solid #e0e0e0;
	background:#fff;
	cursor:default;
}
ul.tabs li.done a {
	opacity:0.5;
	cursor:default;
}
ul.tabs li.done a:hover {
	background:#fff;
}



@media only screen and (max-width:1024px) {
h2.smop, .h2.smop {
	margin:0 0 1.6em 0;
	font-size:1.75em;
/*	xxxfont-family: 'Barlow Condensed', Helvetica, Arial, sans-serif; */
	color:#ffffff;
}
ul.liste-grau h2{ text-align:left; color:#333333; font-weight:300; font-size: 1.9em!important; line-height:0.2em!important; }
}









ul.liste-grau h2{ text-align:left; color:#333333; font-weight:300; font-size: 1.4em!important; line-height:0.2em!important; }
.liste-grau { margin-top:13%; }

.produkttext {
    padding: 30px 20px 10px 15px;
    border: 0px solid red;
    line-height: 1.0em;
}






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

h2.smop { line-height:1.5em; }

h1 { font-size: 2.2em; }

h3 { font-size: 1.4em; }

ul.liste-grau h2{ text-align:left; color:#333333; font-weight:300; font-size: 1.1em!important; line-height:0.2em!important; }

.liste-grau { margin-top:100px; }

.produkttext {
    padding: 30px 20px 10px 5px;
    border: 0px solid red;
    line-height: 1.0em;
}

}
.teaser.teaser-featured {
	text-align:center;
	background:#f0f0f0;
}
.teaser.teaser-featured h4 {
	margin-bottom:1.66666666667em;
}

@media only screen and (max-width:768px) {
.teaser.teaser-featured img {
display:block;
margin:3em auto;
height:20px;
width:auto;
}
}



ul.liste-grau h2{ text-align:left; color:#333333; font-weight:300; font-size: 1.1em!important; line-height:0.2em!important; }






.modul-video.home-video {
	background-image:url("../vid/home.jpg");
}
.modul-video.team-video {
	background-image:url("../vid/team.jpg");
}
.modul-video.dentallabor-video {
	background-image:url("../vid/dentallabor.jpg");
}
.modul-video.service-video {
	background-image:url("../vid/service.jpg");
}
.modul-video.leistungen-video {
	background-image:url("../vid/leistungen.jpg");
}
.modul-video.implantate-video {
	background-image:url("../vid/implantate.jpg");
}
.modul-video.freiende-video {
	background-image:url("../vid/freiende.jpg");
}
.modul-video.teleskop-video {
	background-image:url("../vid/teleskop.jpg");
}
.modul-video.vollkeramik-video {
	background-image:url("../vid/vollkeramik.jpg");
}
.modul-video.veneers-video {
	background-image:url("../vid/veneers.jpg");
}
.modul-video.webshop-video {
	background-image:url("../vid/webshop.jpg");
}
.modul-video.infovideo-video {
	background-image:url("../vid/infovideo.jpg");
}
.modul-video.zahnaerzte-video {
	background-image:url("../vid/zahnaerzte.jpg");
}
.modul-video.kontakt-video {
	background-image:url("../vid/kontakt.jpg");
}
.modul-video.smop-video {
	background-image:url("../vid/smop.jpg");
}
.modul-video.planung-video {
	background-image:url("../vid/planung.jpg");
}
.modul-video.workflow-video {
	background-image:url("../vid/workflow.jpg");
}
.modul-video.all-on-46-video {
	background-image:url("../vid/all-on-46.jpg");
}
.modul-video .video-layer {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(90, 118, 180, 0.7);
	z-index:1;
}
.modul-video .video-layer-implantate  {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(205, 194, 168, 0.7);
	z-index:1;
}
.modul-video .video-container {
	position:absolute;
	bottom:0;
	height:auto;
	min-height:100%;
	min-width:100%;
	overflow:hidden;
	right:0;
	width:auto;
}
.modul-video .video-container video {
	position:absolute;
	bottom:0;
	height:auto;
	min-height:100%;
	min-width:100%;
	overflow:hidden;
	right:0;
	width:auto;
}








.grid-child.container-bottom-a {
	position:relative;
	background:#313945;
	padding:5.5em 2.5em 0 2.5em;
}

div.bottom-a { width:33.3333%; border:0px solid red;}


@media (max-width: 768px) {
div.bottom-a { width:100%; border:0px solid red;}
}



.card {
  --card-spacer-y: 1rem;
  --card-spacer-x: 1rem;
  --card-title-spacer-y: .5rem;
  --card-title-color: ;
  --card-subtitle-color: ;
  --card-border-width: var(--border-width);
  --card-border-color: transparent;
  --card-border-radius: var(--border-radius);
  --card-box-shadow: ;
  --card-inner-border-radius: calc(var(--border-radius) - (var(--border-width)));
  --card-cap-padding-y: .5rem;
  --card-cap-padding-x: 1rem;
  --card-cap-bg: rgba(var(--body-color-rgb), .03);
  --card-cap-color: ;
  --card-height: ;
  --card-color: ;
  --card-bg: var(--body-bg);
  --card-img-overlay-padding: 1rem;
  --card-group-margin: .5em;
  min-width: 0;
  height: var(--card-height);
  color: var(--body-color);
  word-wrap: break-word;
  background-color: transparent;
  border: var(--card-border-width) solid var(--card-border-color);
  border-radius: var(--card-border-radius);
  background-clip: border-box;
  flex-direction: column;
  display: flex;
  position: relative;
}

h3.footerhead  {
/*	xxxfont-family: 'Barlow Condensed', Helvetica, Arial, sans-serif; */
	color:#ffffff;
	font-size:1.7em;
	font-weight:600;
	xxxletter-spacing:1px;
}



.container-4spalten {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 3fr));
  grid-gap: 8px;
  grid-auto-flow: row dense;
  align: left;
  font-size: 1.0rem;
  border:0px solid red;
}

.item20 {
  padding: 0px 20px 10px 0px;
  height:330px;
}









/* Grid Container Team */
        .zoom-grid-team {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(460px, 1fr));
            gap: 1.4rem;
            max-width: 1240px;
            margin: 0 auto;
        }

        /* Einzelne Box */
        .zoom-box-team {
            position: relative;
            xxxaspect-ratio: 4/3;
            overflow: hidden;
            border-radius: 12px;
            xxxbox-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
            xxxtransition: box-shadow 0.3s ease;
			min-width:460px;
			min-height:330px;
        }

        .zoom-box-team:hover {
            xxxbox-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
        }

        .zoom-box-team:focus-within {
            outline: 3px solid #0066cc;
            outline-offset: 3px;
        }

        /* Zoom Hintergrundbild */
        .zoom-background-team {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
            z-index: 1;
            transform: scale(1);
            transition: transform 0.6s ease-out;
        }

        .zoom-box-team:hover .zoom-background-team {
            transform: scale(1.1);
            transition: transform 0.4s ease-in;
        }

        /* Overlay für bessere Lesbarkeit */
        .zoom-overlay-team {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(169, 176, 210, 0.3);
            z-index: 2;
            transition: background 0.3s ease;
        }

        /* Content Layer */
        .zoom-content-team {
            position: relative;
            z-index: 3;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            padding: 1.5rem;
            color: white;
        }

        /* Headline */
        .zoom-headline-team {
			position:absolute;
			bottom:20%;
            font-size: 2.1rem!important;
/*	xxxfont-family: 'Barlow Condensed', Helvetica, Arial, sans-serif; */
            font-weight: 600;
			line-height: 1.3;
			text-rendering: optimizelegibility;
			color:#ffffff;
			text-align:left;
            yyymargin-top: 25%;
			margin-bottom:0px;
            text-shadow: 1px 0px 1px rgba(0, 0, 0, 1);
            animation: fadeInUp 0.8s ease-out;
			
        }

        /* Text */
        .zoom-text-team {
			position:absolute;
			bottom:5%;
			font-size: 1.3rem!important;
/*	xxxfont-family: 'Barlow Condensed', Helvetica, Arial, sans-serif; */
			line-height: 110%;
			margin: 0;
			text-rendering: optimizelegibility;
			word-wrap: break-word;
			color:#ffffff;
			text-align:left;
			font-weight: 500;
			text-shadow: 1px 0px 1px rgba(0, 0, 0, 1);
			animation: fadeInUp 0.8s ease-out;
			
			}

        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Link für Barrierefreiheit */
        .zoom-link-team {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 4;
            text-indent: -9999px;
            outline: none;
        }

        /* Responsive Anpassungen */
        @media (max-width: 768px) {
            .zoom-grid-team {
                grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
                gap: 1.5rem;
                padding: 1rem;
            }

            .zoom-headline-team {
                font-size: 1.5rem;
            }

            .zoom-text-team {
                font-size: 0.9rem;
            }

            .zoom-content-team {
                padding: 1.5rem;
            }
        }

        @media (max-width: 480px) {
            .zoom-grid-team {
                grid-template-columns: 1fr;
            }
        }

        /* Reduzierte Animation für prefers-reduced-motion */
        @media (prefers-reduced-motion: reduce) {
            .zoom-background-team {
                transition: none;
            }
            
            .zoom-headline-team,
            .zoom-text-team {
                animation: none;
                opacity: 1;
            }
        }

        /* High Contrast Mode Support */

        @media (prefers-contrast: high) {
            .zoom-box-team {
                border: 2px solid currentColor;
            }
        }
/* Grid Container Team */


/* Grid Container Leistungen*/
        .zoom-grid-leistungen{
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(460px, 1fr));
            gap: 1.4rem;
            max-width: 1240px;
            margin: 0 auto;
        }

        /* Einzelne Box */
        .zoom-box-leistungen{
            position: relative;
            xxxaspect-ratio: 4/3;
            overflow: hidden;
            border-radius: 12px;
            xxxbox-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
            xxxtransition: box-shadow 0.3s ease;
			xxxmin-width:460px;
			min-height:330px;
        }

        .zoom-box-leistungen:hover {
            xxxbox-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
        }

        .zoom-box-leistungen:focus-within {
            outline: 3px solid #0066cc;
            outline-offset: 3px;
        }

        /* Zoom Hintergrundbild */
        .zoom-background-leistungen{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
            z-index: 1;
            transform: scale(1);
            transition: transform 0.6s ease-out;
        }

        .zoom-box-leistungen:hover .zoom-background-leistungen{
            transform: scale(1.1);
            transition: transform 0.4s ease-in;
        }

        /* Overlay für bessere Lesbarkeit */
        .zoom-overlay-leistungen{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 2;
            transition: background 0.3s ease;
        }
		.zoom-overlay-leistungen.box1 { background: rgba(211, 173, 153, 0.7); }
		.zoom-overlay-leistungen.box2 { background: rgba(154, 142, 108, 0.7); }
		.zoom-overlay-leistungen.box3 { background: rgba(90, 165, 191, 0.7); }
		.zoom-overlay-leistungen.box4 { background: rgba(223, 72, 103, 0.7); }
		.zoom-overlay-leistungen.box5 { background: rgba(199, 174, 39, 0.7); }
		.zoom-overlay-leistungen.box6 { background: rgba(30, 76, 149, 0.7); }
		.zoom-overlay-leistungen.box7 { background: rgba(151, 156, 199, 0.7); }
				
        /* Content Layer */
        .zoom-content-leistungen{
            position: relative;
            z-index: 3;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            padding: 1.5rem;
            color: white;
			opacity: 0.7;
        }

        /* Headline */
        .zoom-headline-leistungen{
			position:absolute;
			top:5%;
            font-size: 2.1rem!important;
            font-weight: 600;
			line-height: 1.3;
			text-rendering: optimizelegibility;
			color:#ffffff;
			text-align:left;
            yyymargin-top: 25%;
			margin-bottom:0px;
            text-shadow: 1px 0px 1px rgba(0, 0, 0, 1);
            animation: fadeInUp 0.8s ease-out;
			
        }

        /* Text */
        .zoom-text-leistungen{
			position:absolute;
			bottom:5%;
			font-size: 1.3rem!important;
			line-height: 110%;
			margin: 0;
			text-rendering: optimizelegibility;
			word-wrap: break-word;
			color:#ffffff;
			text-align:left;
			font-weight: 500;
			text-shadow: 1px 0px 1px rgba(0, 0, 0, 1);
			animation: fadeInUp 0.8s ease-out;
			
			}

        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Link für Barrierefreiheit */
        .zoom-link-leistungen{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 4;
            text-indent: -9999px;
            outline: none;
        }

        /* Responsive Anpassungen */
        @media (max-width: 768px) {
            .zoom-grid-leistungen{
                grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
                gap: 1.5rem;
                padding: 1rem;
            }

            .zoom-headline-leistungen{
                font-size: 1.5rem;
            }

            .zoom-text-leistungen{
                font-size: 0.9rem;
            }

            .zoom-content-leistungen{
                padding: 1.5rem;
            }
        }

        @media (max-width: 480px) {
            .zoom-grid-leistungen{
                grid-template-columns: 1fr;
            }
        }

        /* Reduzierte Animation für prefers-reduced-motion */
        @media (prefers-reduced-motion: reduce) {
            .zoom-background-leistungen {
                transition: none;
            }
            
            .zoom-headline-leistungen,
            .zoom-text-leistungen{
                animation: none;
                opacity: 1;
            }
        }

        /* High Contrast Mode Support */

        @media (prefers-contrast: high) {
            .zoom-box-leistungen {
                border: 2px solid currentColor;
            }
        }
/* Grid Container Leistungen*/

/* Grid Container SMOP*/
        .zoom-grid-smop{
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(460px, 1fr));
            gap: 1.4rem;
            max-width: 1240px;
            margin: 0 auto;
        }

        /* Einzelne Box */
        .zoom-box-smop{
            position: relative;
            xxxaspect-ratio: 4/3;
            overflow: hidden;
            border-radius: 12px;
            xxxbox-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
            xxxtransition: box-shadow 0.3s ease;
			min-width:660px;
			min-height:500px;
        }

        .zoom-box-smop:hover {
            xxxbox-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
        }

        .zoom-box-smop:focus-within {
            outline: 3px solid #0066cc;
            outline-offset: 3px;
        }

        /* Zoom Hintergrundbild */
        .zoom-background-smop{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
            z-index: 1;
            transform: scale(1);
            transition: transform 0.6s ease-out;
        }

        .zoom-box-smop:hover .zoom-background-smop{
            transform: scale(1.1);
            transition: transform 0.4s ease-in;
        }

        /* Overlay für bessere Lesbarkeit */
        .zoom-overlay-smop{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(169, 176, 210, 0.3);
            z-index: 2;
            transition: background 0.3s ease;
        }

        /* Content Layer */
        .zoom-content-smop{
            position: relative;
            z-index: 3;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            padding: 1.5rem;
            color: white;
        }

        /* Headline */
        .zoom-headline-smop{
			position:absolute;
			top:5%;
            font-size: 2.1rem!important;
            font-weight: 600;
			line-height: 1.3;
			text-rendering: optimizelegibility;
			color:#ffffff;
			text-align:left;
            yyymargin-top: 25%;
			margin-bottom:0px;
            text-shadow: 1px 0px 1px rgba(0, 0, 0, 1);
            animation: fadeInUp 0.8s ease-out;
			
        }

        /* Text */
        .zoom-text-smop{
			position:absolute;
			bottom:5%;
			font-size: 1.3rem!important;
			line-height: 110%;
			margin: 0;
			text-rendering: optimizelegibility;
			word-wrap: break-word;
			color:#ffffff;
			text-align:left;
			font-weight: 500;
			text-shadow: 1px 0px 1px rgba(0, 0, 0, 1);
			animation: fadeInUp 0.8s ease-out;
			
			}

        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Link für Barrierefreiheit */
        .zoom-link-smop{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 4;
            text-indent: -9999px;
            outline: none;
        }

        /* Responsive Anpassungen */
        @media (max-width: 768px) {
            .zoom-grid-smop{
                grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
                gap: 1.5rem;
                padding: 1rem;
            }

            .zoom-headline-smop{
                font-size: 1.5rem;
            }

            .zoom-text-smop{
                font-size: 0.9rem;
            }

            .zoom-content-smop{
                padding: 1.5rem;
            }
        }


        @media (max-width: 480px) {
            .zoom-grid-smop{
                grid-template-columns: 1fr;
            }
        }

        /* Reduzierte Animation für prefers-reduced-motion */
        @media (prefers-reduced-motion: reduce) {
            .zoom-background-smop {
                transition: none;
            }
            
            .zoom-headline-smop,
            .zoom-text-smop{
                animation: none;
                opacity: 1;
            }
        }

        /* High Contrast Mode Support */

        @media (prefers-contrast: high) {
            .zoom-box-smop {
                border: 2px solid currentColor;
            }
        }
/* Grid Container SMOP*/

/* Grid Container Workflow*/
        .zoom-grid-workflow{
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 1.4rem;
            max-width: 1240px;
            margin: 0 auto;
        }

        /* Einzelne Box */
        .zoom-box-workflow{
            position: relative;
            xxxaspect-ratio: 4/3;
            overflow: hidden;
            border-radius: 12px;
            xxxbox-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
            xxxtransition: box-shadow 0.3s ease;
			min-width:320px;
			min-height:300px;
        }

        .zoom-box-workflow:hover {
            xxxbox-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
        }

        .zoom-box-workflow:focus-within {
            outline: 3px solid #0066cc;
            outline-offset: 3px;
        }

        /* Zoom Hintergrundbild */
        .zoom-background-workflow{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
            z-index: 1;
            transform: scale(1);
            transition: transform 0.6s ease-out;
        }

        .zoom-box-workflow:hover .zoom-background-workflow{
            transform: scale(1.1);
            transition: transform 0.4s ease-in;
        }

        /* Overlay für bessere Lesbarkeit */
        .zoom-overlay-workflow{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 2;
            transition: background 0.3s ease;
        }
		.zoom-overlay-workflow.box1 { background: rgba(30, 46, 149, 0.5); }
		.zoom-overlay-workflow.box2 { background: rgba(30, 46, 149, 0.5); }
		.zoom-overlay-workflow.box3 { background: rgba(30, 46, 149, 0.4); }
		.zoom-overlay-workflow.box4 { background: rgba(30, 46, 149, 0.4); }

        /* Content Layer */
        .zoom-content-workflow{
            position: relative;
            z-index: 3;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            padding: 1.5rem;
            color: white;
			opacity: 0.7;
        }

        /* Headline */
        .zoom-headline-workflow{
			position:absolute;
			top:5%;
            font-size: 1.4rem!important;
/*	xxxfont-family: 'Barlow Condensed', Helvetica, Arial, sans-serif; */
            font-weight: 600;
			line-height: 1.3;
			text-rendering: optimizelegibility;
			color:#ffffff;
			text-align:left;
            yyymargin-top: 25%;
			margin-bottom:0px;
            text-shadow: 1px 0px 1px rgba(0, 0, 0, 1);
            animation: fadeInUp 0.8s ease-out;
			
        }

        /* Text */
        .zoom-text-workflow{
			position:absolute;
			bottom:5%;
			font-size: 1.3rem!important;
/*	xxxfont-family: 'Barlow Condensed', Helvetica, Arial, sans-serif; */
			line-height: 110%;
			margin: 0;
			text-rendering: optimizelegibility;
			word-wrap: break-word;
			color:#ffffff;
			text-align:left;
			font-weight: 500;
			text-shadow: 1px 0px 1px rgba(0, 0, 0, 1);
			animation: fadeInUp 0.8s ease-out;
			
			}

        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Link für Barrierefreiheit */
        .zoom-link-workflow{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 4;
            text-indent: -9999px;
            outline: none;
        }

        /* Responsive Anpassungen */
        @media (max-width: 768px) {
            .zoom-grid-workflow{
                grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
                gap: 1.5rem;
                padding: 1rem;
            }

            .zoom-headline-workflow{
                font-size: 1.5rem;
            }

            .zoom-text-workflow{
                font-size: 0.9rem;
            }

            .zoom-content-workflow{
                padding: 1.5rem;
            }
        }


        @media (max-width: 480px) {
            .zoom-grid-workflow{
                grid-template-columns: 1fr;
            }
        }

        /* Reduzierte Animation für prefers-reduced-motion */
        @media (prefers-reduced-motion: reduce) {
            .zoom-background-workflow {
                transition: none;
            }
            
            .zoom-headline-workflow,
            .zoom-text-workflow{
                animation: none;
                opacity: 1;
            }
        }

        /* High Contrast Mode Support */

        @media (prefers-contrast: high) {
            .zoom-box-workflow {
                border: 2px solid currentColor;
            }
        }

/* Grid Container Workflow */
/* Grid Container Startseite*/
        .zoom-grid-start{
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
            gap: 1.4rem;
            max-width: 1240px;
            margin: 0 auto;
        }

        /* Einzelne Box */
        .zoom-box-start{
            position: relative;
            xxxaspect-ratio: 4/3;
            overflow: hidden;
            border-radius: 12px;
            xxxbox-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
            xxxtransition: box-shadow 0.3s ease;
			min-width:320px;
			min-height:300px;
        }

        .zoom-box-start:hover {
            xxxbox-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
        }

        .zoom-box-start:focus-within {
            outline: 3px solid #0066cc;
            outline-offset: 3px;
        }

        /* Zoom Hintergrundbild */
        .zoom-background-start{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
            z-index: 1;
            transform: scale(1);
            transition: transform 0.6s ease-out;
        }

        .zoom-box-start:hover .zoom-background-start{
            transform: scale(1.1);
            transition: transform 0.4s ease-in;
        }

        /* Overlay für bessere Lesbarkeit */
        .zoom-overlay-start{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            xxxbackground: rgba(169, 176, 210, 0.3);
            z-index: 2;
            transition: background 0.3s ease;
        }

        /* Content Layer */
        .zoom-content-start{
            position: relative;
            z-index: 3;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            padding: 1.5rem;
            color: white;
        }

        /* Headline */
        .zoom-headline-start{
			position:absolute;
			bottom:20%;
            font-size: 1.7rem!important;
/*	xxxfont-family: 'Barlow Condensed', Helvetica, Arial, sans-serif; */
            font-weight: 600;
			line-height: 1.3;
			text-rendering: optimizelegibility;
			color:#ffffff;
			text-align:left;
            yyymargin-top: 25%;
			margin-bottom:0px;
            text-shadow: 1px 0px 1px rgba(0, 0, 0, 1);
            animation: fadeInUp 0.8s ease-out;
			
        }

        /* Text */
        .zoom-text-start{
			position:absolute;
			bottom:5%;
			font-size: 1.1rem!important;
/*	xxxfont-family: 'Barlow Condensed', Helvetica, Arial, sans-serif; */
			line-height: 110%;
			margin: 0;
			text-rendering: optimizelegibility;
			word-wrap: break-word;
			color:#ffffff;
			text-align:left;
			font-weight: 500;
			text-shadow: 1px 0px 1px rgba(0, 0, 0, 1);
			animation: fadeInUp 0.8s ease-out;
			
			}

        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Link für Barrierefreiheit */
        .zoom-link-start{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 4;
            text-indent: -9999px;
            outline: none;
        }

        /* Responsive Anpassungen */
        @media (max-width: 768px) {
            .zoom-grid-start{
                grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
                gap: 1.5rem;
                padding: 1rem;
            }

            .zoom-headline-start{
                font-size: 1.5rem;
            }

            .zoom-text-start{
                font-size: 0.9rem;
            }

            .zoom-content-start{
                padding: 1.5rem;
            }
        }


        @media (max-width: 480px) {
            .zoom-grid-start{
                grid-template-columns: 1fr;
            }
        }

        /* Reduzierte Animation für prefers-reduced-motion */
        @media (prefers-reduced-motion: reduce) {
            .zoom-background-start {
                transition: none;
            }
            
            .zoom-headline-start,
            .zoom-text-start{
                animation: none;
                opacity: 1;
            }
        }

        /* High Contrast Mode Support */

        @media (prefers-contrast: high) {
            .zoom-box-start {
                border: 2px solid currentColor;
            }
        }
/* Grid Container Startseite */



















/* 3 Spalter Unilateral */
.parent-unilateral-1, .parent-unilateral-2, .parent-unilateral-3  { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: auto; grid-column-gap: 0px; grid-row-gap: 0px; }
  
.background-unilateral-1  { background: #9ec7d9; }
.background-unilateral-2  { background: #5aa5bd; }
.background-unilateral-3  { background: #68535d; }

.div1-unilateral-1, .div1-unilateral-2, .div1-unilateral-3 { grid-area: 1 / 1 / 2 / 3; padding: 20px; }
.div2-unilateral-1, .div2-unilateral-2, .div2-unilateral-3 { grid-area: 1 / 3 / 2 / 4; padding: 20px; }
.div3-unilateral-1, .div3-unilateral-2, .div3-unilateral-3 { grid-area: 1 / 4 / 2 / 5; padding: 20px; }

/* Tablet: 768px und darunter */
@media screen and (max-width: 768px) {
  .parent-unilateral-1, .parent-unilateral-2, .parent-unilateral-3  { grid-template-columns: 1fr; grid-template-rows: auto auto auto; }
  .div1-unilateral-1, .div1-unilateral-1, .div3-unilateral-3 { grid-area: 1 / 1 / 2 / 2; }
  .div2-unilateral-1, .div2-unilateral-2, .div2-unilateral-3 { grid-area: 2 / 1 / 3 / 2; }
  .div3-unilateral-1, .div3-unilateral-2, .div3-unilateral-3 { grid-area: 3 / 1 / 4 / 2; }
}

/* Mobile: 480px und darunter */
@media screen and (max-width: 480px) {
  .div1-unilateral-1, .div2-unilateral-1, .div3-unilateral-1 { padding: 15px; font-size: 14px; }
}
/* 3 Spalter Unilateral */



/* 2 Spalter Implantatlösungen */
.parent-implantate-1, .parent-implantate-2, .parent-implantate-3 { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; grid-column-gap: 0px; grid-row-gap: 0px; }
  
.background-implantate-1 { background: #cdc2a8; }
.background-implantate-2 { background: #b4a882; }
.background-implantate-3 { background: #68525e; }

.div1-implantate-1, .div1-implantate-2, .div1-implantate-3 { 
  grid-area: 1 / 1 / 2 / 2; 
  padding: 20px; 
}
.div2-implantate-1, .div2-implantate-2, .div2-implantate-3 { 
  grid-area: 1 / 2 / 2 / 3; 
  padding: 20px; 
}

/* Tablet: 768px und darunter */
@media screen and (max-width: 768px) {
  .parent-implantate-1, .parent-implantate-2, .parent-implantate-3 { 
    grid-template-columns: 1fr; 
    grid-template-rows: auto auto; 
  }
  .div1-implantate-1, .div1-implantate-2, .div1-implantate-3 { 
    grid-area: 1 / 1 / 2 / 2; 
  }
  .div2-implantate-1, .div2-implantate-2, .div2-implantate-3 { 
    grid-area: 2 / 1 / 3 / 2; 
  }
}

/* Mobile: 480px und darunter */
@media screen and (max-width: 480px) {
  .div1-implantate-1, .div2-implantate-1, 
  .div1-implantate-2, .div2-implantate-2,
  .div1-implantate-3, .div2-implantate-3 { 
    padding: 15px; 
    font-size: 14px; 
  }
}
/* 2 Spalter Implantatlösungen */

/* 2 Spalter Teleskopprothese */
.parent-teleskop-1, .parent-teleskop-2, .parent-teleskop-3 { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; grid-column-gap: 0px; grid-row-gap: 0px; }
  
.background-teleskop-1 { background: #886c77; }
.background-teleskop-2 { background: #ffffff; }
.background-teleskop-3 { background: #886c77; }

.div1-teleskop-1, .div1-teleskop-2, .div1-teleskop-3 { 
  grid-area: 1 / 1 / 2 / 2; 
  padding: 20px; 
}
.div2-teleskop-1, .div2-teleskop-2, .div2-teleskop-3 { 
  grid-area: 1 / 2 / 2 / 3; 
  padding: 20px; 
}

/* Tablet: 768px und darunter */
@media screen and (max-width: 768px) {
  .parent-teleskop-1, .parent-teleskop-2, .parent-teleskop-3 { 
    grid-template-columns: 1fr; 
    grid-template-rows: auto auto; 
  }
  .div1-teleskop-1, .div1-teleskop-2, .div1-teleskop-3 { 
    grid-area: 1 / 1 / 2 / 2; 
  }
  .div2-teleskop-1, .div2-teleskop-2, .div2-teleskop-3 { 
    grid-area: 2 / 1 / 3 / 2; 
  }
}

/* Mobile: 480px und darunter */
@media screen and (max-width: 480px) {
  .div1-teleskop-1, .div2-teleskop-1, 
  .div1-teleskop-2, .div2-teleskop-2,
  .div1-teleskop-3, .div2-teleskop-3 { 
    padding: 15px; 
    font-size: 14px; 
  }
}
/* 2 Spalter Teleskopprothese */








css.offcanvas-content {
    /* Abstand zwischen Modulen */
}

.offcanvas-content > * {
    margin-bottom: 20px;
}