/**
* Theme Name: 	Katalina
* Description:	Child Theme auf der Basis des Basis Themes, allerdings ohne Stylesheet
* Author:	Katrin Birke und Lina Glaser
* Template:	basis
* Version:	01.0
*/
/* ***** INSTALLIERTE SCHRIFTARTEN in e3 ***** */
/* ***** font-family kann durch eigene Bezeichnung ersetzt werden ***** */
@font-face {
    font-family: 'schrift-text';  /*GoogleSansFlex-VariableFont_GRADRONDopszslntwdthwght*/
    src: url('/wp-content/themes/katalina/fonts/GoogleSansFlex-VariableFont_GRADRONDopszslntwdthwght/GoogleSansFlex-VariableFont_GRADRONDopszslntwdthwght.ttf') format('truetype');
	font-display: swap;
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'schrift-zitate';  /*regular*/
    src: url('/wp-content/themes/katalina/fonts/Kalam-Regular/Kalam-Regular.ttf') format('truetype');
	font-display: swap;
    font-weight: normal;
    font-style: normal;
}

/* ***** CSS-ROOT-VARIABLEN (Beispiele, Grundgerüst) ***** */
:root {
/* *************** Schriften  **************************************************************** */
	--schrift-zitate: 'schrift-zitate', serif; /* muss mit font-family (s. @font-face) übereinstimmen */
	--schrift-text: 'schrift-text', sans-serif; /* muss mit font-family (s. @font-face) übereinstimmen */
	--schriftgroesse-text: 24px;
	--schriftgroesse-h1: 157%;  /*war 148%*/
	--schriftgroesse-h2: 121%;
	--schriftgroesse-h3: 108%;
	--schriftgroesse-zitat-1: 175%;
	--schriftgroesse-zitat-2: 155%;
	--schriftgroesse-fusszeile: 111%;
	--schriftgroesse-menu: 115%;

/* *************** Farben **************************************************************** */
	--schriftfarbe-text: #fbeccf;
	--schriftfarbe-zitat: #ff9966;
	--akzent-rot: #992233;
	--rot-navi: #a8162b;
	--hg-farbig: #4b353c;
	--hg-heller: #5f4249;

/* *************** Abstände **************************************************************** */
	--textabsatz-1: 13px;
	--textabsatz-2: 21px;
	--slider-abstand: 77px;

/* *************** Abmessungen  *********************************************************** */
	--hamburger-menu-height: 25px;
	--hamburger-menu-weite: 45px;
	--abstand-zu-footer: 149px;
}

/* *************************************************************************************************** */
/* ***** ENTSCHLÜSSELTE TEXTE ***** */
.decode { white-space: pre-wrap; }

/* *********** BACK TO TOP ******* */
#back-to-top {
	position: fixed;
	z-index: 9999;
	bottom: 20px;
	right: 30px;
	display: none;
}

/* *************** grundlegende Elemente *********************************************************** */
html, body {
	height: 100%; 
	width: 100%; 
}
#alles {
	height: 100%; 
	width: 100%; 
	margin: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	font-family: var(--schrift-text);
	font-size: var(--schriftgroesse-text);	
	color: var(--schriftfarbe-text);
	font-weight: 300;
	line-height: 1.35;
	background-color: var(--hg-farbig);
	hyphens: auto;
	scroll-behavior: smooth;
}
#inhalt, #primary, #content, article  {
	height: auto; 
	width: 100%;
	max-width: 2260px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
/*background-color: grey;	   */
}
h1 {	
	hyphens: auto;
	font-size: var(--schriftgroesse-h1);
	line-height: 1.25;
	margin-bottom: 24px;
	font-weight: 300;
}
h2 {	
	hyphens: auto;
	font-size: var(--schriftgroesse-h1);
	line-height: 1.25;
	margin-bottom: 24px;
	font-weight: 300;
}
h3 {	
	hyphens: auto;
	font-size: var(--schriftgroesse-h3);
	line-height: 1.25;
	margin: 0;
	font-weight: 300;
}
h4 {	
	hyphens: auto;
	font-size: var(--schriftgroesse-text);
	line-height: 1.25;
	margin: 6px 0;
	font-weight: 600;
}
p {
	margin: 0;
}
/*.zwischenueberschrift {
	hyphens: auto;
	font-size: var(--schriftgroesse-h2);
	line-height: 1.25;
	margin: 0;
	font-weight: 300;
	text-transform: uppercase;
	margin-bottom: 11px;
}  */
hr {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border: 1px solid var(--schriftfarbe-text);
}
a {
	text-decoration: none;	
	color: var(--schriftfarbe-zitat);
}
a:hover {
	text-decoration: none;	
	color: var(--akzent-rot);
}
ul {
	margin: 0;
}
li {
	margin: 0 0 13px 0;
}
.textabsatz-1 {
	margin-bottom: var(--textabsatz-1);
}
.textabsatz-2 {
	margin-bottom: var(--textabsatz-2);
}

.button-aussen {
	display: flex;
	align-self: center;
	margin: 96px 0;
}
.button-abstand-anders-1 {
	margin: 96px 0 39px 0;
}
.button-abstand-anders-2 {
	margin-bottom: 0;
}
.button-innen {
	padding: 11px 27px;
	border-radius: 9px;
	border: 3px solid var(--schriftfarbe-text);	
	font-family: var(--schrift-texte);
	font-size: var(--schriftgroesse-fusszeile);
	color: var(--schriftfarbe-text);
	text-align: center;
}
.button-innen:hover {
	background-color: var(--schriftfarbe-text);	
	color: var(--hg-farbig);
	transition: color 0.9s ease, background-color 0.9s ease;
}

/* *************** Kopfbereich *********************************************************** */
#kopfbereich-container {
	width: 96%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin: 21px 0 18px 0;
/*background-color: lightcoral;   */
}
#kopf-container-titel-fon {
	width: 93%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
/*background-color: lightseagreen;   */
}
#kopf-container-titel-fon a {
	color: var(--schriftfarbe-text);
}
#kopf-titel-name-aussen {
	width: auto;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	font-size: 111%;
/*background-color: lightyellow;   */
}
#kopf-container-titel {
	width: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	font-size: 111%;
	margin-right: 1.7%;
	hyphens: none;
	white-space: nowrap;
/*background-color: lightblue;   */
}	
#kopf-container-name {
	width: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	font-size: 111%;
	hyphens: none;
	white-space: nowrap;
/*background-color: lightgreen;   */
}
#kopf-container-fon-aussen {
	width: auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	hyphens: none;
	white-space: nowrap;
/*background-color: lightpink;   */
}
#kopf-container-fon-icon {
	width: 9%;
	margin-right: 3%;
}
#kopf-container-fon-icon img {
	width: 100%;
}
#kopfbereich-hamburger-container {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
/*background-color: lightgray;   */
}
#kopfbereich-hamburger-container-mitte {
	height: var(--hamburger-menu-height);
	width: var(--hamburger-menu-weite);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-end;
	cursor: pointer;
}
.menu-hamburger-balken {
	background-color: var(--schriftfarbe-text);	
	height: 3px;
	border-radius: 2px;
	width: var(--hamburger-menu-weite);
	cursor: pointer;
}

/* *************** Menü aufgeklappt *********************************************************** */
#kopfbereich-menu-container {
  position: fixed;
  top: 0;                 /* am oberen Rand */
  right: 0;               /* Referenz ist rechter Viewport-Rand */
  width: 39%;           /* Beispiel */
  font-family: var(--schrift-text);
  font-size: var(--schriftgroesse-menu);
  background-color: var(--schriftfarbe-text);
  z-index: 10000;
  transition: transform 0.8s ease;
  will-change: transform;
}
.herunterziehen { /* sichtbar */
  transform: translateX(0);
}
.hochschieben { /* unsichtbar */
  transform: translateX(calc(100% + 1px));
}
.navigation {
	list-style: none;
	margin: 0 7%;
	padding: 0;
}
.navigation .current_page_item {
	background-color: var(--hintergrund-hellgruen);
}
.navigation li {
	padding: 3px 0 3px 0;
	background-color: var(--schriftfarbe-text);
}
.navigation li:first-child {
	margin-top: 39px;	
}
.navigation li:last-child {
	margin-bottom: 39px;	
}
.navigation li a {
	display: block;	
}
.navigation a {
	color: var(--rot-navi);
	text-decoration: none;
}
.navigation a {
	color: var(--hg-farbig);
}
.navigation li:hover {
	background-color: var(--schriftfarbe-text);
}
.navigation li:hover a {
	color: var(--schriftfarbe-zitat);
}
.current_page_item a {
	color: var(--rot-navi);
}

/* *************** alle Seiten *********************************************************** */
.inhalte-einzelseite {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
/*background-color: lightgreen;	   */
}
.foto-header {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
#header-start {
	background-image: url('/wp-content/uploads/2026/08/kieferorthoedische-praxis-stephanie-leifert-lindenberg.webp');
    background-size: cover;
    background-position: center;
	aspect-ratio: 2.6/1; 
}
#header-leistungen {
	background-image: url('/wp-content/uploads/2026/08/kieferorthoedische-praxis-stephanie-leifert-behandlungsspektrum.webp');
    background-size: cover;
    background-position: center;
	aspect-ratio: 2.6/1; 
}
#header-team {
	background-image: url('/wp-content/uploads/2026/08/kieferorthoedische-praxis-stephanie-leifert-unser-team.webp');
    background-size: cover;
    background-position: center;
	aspect-ratio: 2.6/1; 
}
#header-stellen {
	background-image: url('/wp-content/uploads/2026/08/kieferorthopedische-praxis-stephanie-leifert-stellenangebote.webp');
    background-size: cover;
    background-position: center;
	aspect-ratio: 2.6/1; 
}
#header-stellenbeschreibung {
	background-image: url('/wp-content/uploads/2026/08/kieferorthopedische-praxis-stephanie-leifert-stellenbeschreibung.webp');
    background-size: cover;
    background-position: center;
	aspect-ratio: 2.6/1; 
}
.einzelseite-textbereich {
	width: 77%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
/*background-color: lightgray;	   */		
}
.einzelseite-abstand-footer {
	margin-bottom: var(--abstand-zu-footer);
}

/* *************** Startseite *********************************************************** */
#einzelseite-textbereich-start {
	margin-top: -196px;
}
.start-bild-zitat {
	width: 80%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-end;
/*background-color: lightcyan;	   */	
}
.start-zitat-bild {
	width: 80%; 
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-end;
	margin-top: 139px;
/*background-color: lightcyan;   */
}
.start-bild-rund {
	width: 39%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-self: flex-start;
	margin-right: 13%;
}
.start-bild-rund img {
	width: 100%;
	border-radius: 50%;
	border: 6px solid var(--schriftfarbe-text);
	object-fit: cover;
}
#button-start-team {
	padding: 11px 79px; 
}
.start-bild-rund-rechts {
	width: 42%;
	align-self: flex-end;
	margin-right: 0;
}
.start-zitat-neben-bild {
	width: min-content;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
/*background-color: lightseagreen;	   */	
}
#start-zitat-neben-bild-2 {
	width: 49%	
}
.start-zitat-text {
	width: max-content;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: var(--schriftfarbe-zitat);
	font-family: var(--schrift-zitate);
	line-height: 1.25;
	margin-bottom: 18px;
}
#start-zitat-text-1 {
	font-size: var(--schriftgroesse-zitat-1);
}
#start-zitat-text-2 {
	width: auto;
	font-size: var(--schriftgroesse-zitat-2);
}
.start-zitat-linie {
	width: 88%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;	
}
#zitat-2-linie {
	width: 100%;
}
.start-zitat-neben-bild img {
	width: 100%;
	height: auto;
}
.text-einspaltig-mitte {
	width: 80%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	margin-top: 99px;
}
.mobile-break {
    display: none;
}
/* *************** Behandlungsspektrum *********************************************************** */
#einzelseite-textbereich-andere-seiten {
	margin-top: 123px;
/*background-color: lightgray;	   */
}
.text-einspaltig-mitte-anders {
	width: 100%;
	margin-top: 0;
}
/* ****** Überschrift mit Strich ******** */
.text-einspaltig-mitte-unterzeile h1 {
	display: flex;
	width: 100%;        /* Dehnt die Überschrift auf die vollen 80% des Divs aus */
	gap: 15px;          /* Erzeugt den Abstand zwischen Text und Linie */
	align-items: baseline;
}
.text-einspaltig-mitte-unterzeile h1::after {
	content: "";
	flex-grow: 1;       /* Zwingt die Linie, den gesamten restlichen Platz auszufüllen */
	border-bottom: 1px solid var(--schriftfarbe-text); 
}
.text-2spaltig-aussen {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;   
	margin-top: 79px;
	padding-bottom: 131px;
border-bottom: 1px solid var(--schriftfarbe-text);
/*background-color: lightseagreen;	   */
}
.text-2spalten h2 {
	margin-top: 0;
}
.text-2spaltig-aussen-top {
	margin-top: 136px;
	padding-bottom: 144px;
}
.text-2spaltig-aussen-letztes {
	border-bottom: 0px;
	padding-bottom: 0;
}
.bild-2spalten-rund {
	width: 33%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.bild-2spalten-rund-links {
	margin-right: 9%;
}
.bild-2spalten-rund-rechts {
	margin-left: 9%;
}
.bild-2spalten-rund img {
	width: 100%;
	border-radius: 50%;
	border: 6px solid var(--schriftfarbe-text);
	object-fit: cover;
}
.text-2spalten {
	width: 58%;	
}

/* *************** Team *********************************************************** */
.team-text-einspaltig-mitte {
	width: 77%;
}
.team-zitat-solo {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
	align-self: flex-end;
/*background-color: lightcyan;	*/
}
#zitat-1spalte {
	width: auto;
	font-size: var(--schriftgroesse-zitat-2);
	margin-bottom: 27px;
} 
.break-desktop-team {
	display: inline;
}
.picture-team {
	width: 57%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.picture-team img {
	width: 100%;
	object-fit: cover;
}
#text-einspaltig-mitte-team {
	margin-top: 33px;
	margin-bottom: 118px;
}
.text-einspaltig-mitte-border {
	border-bottom: 1px solid var(--schriftfarbe-text);
	padding-bottom: 118px;
}
.linie-team {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-top: 1px solid var(--schriftfarbe-text);
}
.team-text-2spalten {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-top: 123px;
	padding-bottom: 139px;
}
.team-spalte-links-aussen {
	width: 52%;  
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
.team-spalte-links-aussen h2 {
	margin: 0;
}
.team-spalte-links-aussen h3 {
	margin-bottom: 21px;
}
.bild-2spalten-team {
	width: 36%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-self: flex-start;
	margin: 0;
}
.bild-2spalten-team img {
	border-radius: 50%;
	border: 6px solid var(--schriftfarbe-text);
	object-fit: cover;
}
#button-teamseite {
	margin: 93px 0 27px 0;
}
/* *************** Klappelement Team *********************************************************** */
.klappelemente-container {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	margin-top: 83px;
}
.klappelement-einzelelement {
	width: 88%;
	background: var(--hg-heller);
	border-radius: 6px;
	padding: 24px 6%;
}
.klappelement-inhalt-container {
	line-height: 1.25;
}
.klappelement-ueberschrift::before { 
	content: '\002B' ;
	flex: 0 0 1.33em;
	height: 1.46em;
	font-weight: 300;
	font-size: 145%;
	font-stretch: 666%;
}
.klappelement-ueberschrift.open::before  {	
	content: '\2013';
}
.klappelement-ueberschrift {
	display: flex;
	align-items: center;
	cursor: pointer;
	margin: 0;
}
.klappelement-ueberschrift h3 {
	margin: 0;
}
.klappelement-inhalt-container {
	width: 100%;
	height: 0;
	transition: height .6s ease;
	will-change: height;
	overflow-anchor: none;
	overflow: hidden;
}
.klappelement-zugeklappt {
	height: 0;
	overflow: hidden;
}
.klappelement-inhalt-container-innen {
	margin: 11px 0 33px 0;
	border-top: 1px dotted;
	border-bottom: 1px dotted;
	padding: 13px 0 27px 0;
}
.klappelement-zeile-aussen {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	margin-top: 15px;
}
.klappelement-spalte-links {
	width: 33%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-end;
	margin-right: 6%;
}
.klappelement-spalte-rechts {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	hyphens: none;
}

/* *************** Stellenangebote *********************************************************** */
#text-einspaltig-mitte-stellen {
	margin-top: 133px;
	margin-bottom: var(--abstand-zu-footer);
}
/*#zwischenueberschrift-stellen {
	margin-top: 13px;
}  */
.stellen-2spaltig-aussen {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
}
.stellen-2spaltig-links {
	width: 33%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}
.stellen-2spaltig-links h2 {
	margin: 0;
}
.stellen-2spaltig-rechts {
	width: 55%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	margin-left: 7%;
}
#button-stellenangebote {
	margin: 77px 0 0 0;
}
/* *************** Stellenbeschreibung *********************************************************** */
.einzelseite-textbereich-stellenbeschreibung {
	width: 77%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.text-einspaltig-stellenbeschreibung {
	width: 80%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	margin-top: 99px;
}
.klappelement-einzelelement-stellen {
	width: 100%;
	background: none;
	border-top: 1px dotted var(--schriftfarbe-text);
	padding: 24px 0;
	border-radius: 0;
}
.klappelement-einzelelement-stellen-letztes {
	border-bottom: 1px dotted var(--schriftfarbe-text);
}
.klappelement-inhalt-container-innen-stellen {
	border: 0;
	padding: 9px 0 23px 0;  
	margin: 0 0 0 48px;
} 
.zwischenueberschrift-stellen {
	hyphens: auto;
	font-size: var(--schriftgroesse-h2);
	line-height: 1.25;
	margin: 0;
	font-weight: 300;
	text-transform: uppercase;
}
	.klappelement-ueberschrift-stellen {
	display: flex;
	align-items: center;
	cursor: pointer;
	margin: 0;
	scroll-margin-top: 16px;
	flex-direction: row;
	align-items: center;
	line-height: 1.25;
}
.klappelement-ueberschrift-stellen::before {
	content: '\002B';
	flex: 0 0 1.33em;
	height: 1.46em;
	font-weight: 300;
	font-size: 145%;
	font-stretch: 666%;
	display: inline-flex;
	line-height: 1.3em;
}
.klappelement-inhalt-container-innen-stellen ul {
	margin: 0;
	padding-left: 0;
	list-style: none; /* Entfernt Standard-Punkte komplett */
}
.klappelement-inhalt-container-innen-stellen li {
	display: flex;       /* Erzeugt zwei Spalten: Punkt und Text */
	margin: 0 0 9px 0;
	line-height: 1.4; 
}
.klappelement-inhalt-container-innen-stellen li::before {
	content: "\2022";      
	margin-right: 12px;
	flex-shrink: 0;      /* Verhindert, dass das Aufzählungszeichen bei Platzmangel schmaler wird */
}
.break-desktop {
	display: none;       /*für Zeilenumbruch in h1 ab 600px */
}

/* *************** FAQ *********************************************************** */
#einzelseite-textbereich-faq {
	width: 100%;
}
#klappelemente-container-stellenbeschreibung {
	margin-top: 24px;
}
.klappelemente-container-faq {
	margin-left: 3%;
	margin-top: 0;
}
#text-einspaltig-faq {
	width: 88%;
	background: var(--hg-heller);
	padding: 63px 6% 96px 6%;
	border-radius: 6px;
	margin-top: 133px;
}
#text-einspaltig-faq h2 {
	margin: 0;
}
.zwischenueberschrift-faq {
	hyphens: auto;
	font-size: var(--schriftgroesse-h2);
	line-height: 1.25;
	margin: 0;
	font-weight: 300;
	text-transform: uppercase;
	margin-bottom: 18px;
}
.klappelement-einzelelement-faq {
	width: 96%;
	padding: 0px;
	margin-bottom: 9px;
}
.text-abschnitt-faq {
	border-top: 1px dotted var(--schriftfarbe-text);
	padding: 33px 0 24px 0;
	margin-left: 4%;
	margin-right: 4%;
}

#text-abschnitt-faq-erstes {
	margin-top: 33px;
}
#text-abschnitt-faq-letzter {
	border-bottom: 1px dotted var(--schriftfarbe-text);
	padding-bottom: 24px;
}
.klappelement-titel-faq {
	flex-direction: row;
	align-items: flex-start;
	font-size: 111%;
	line-height: 1.25em;
	margin-bottom: 3px;
}
.klappelement-titel-faq::before {
	content: '\002B';
	flex: 0 0 1.33em;
/*	height: 1.46em;  */
	font-weight: 300;
	font-size: 118%;
	font-stretch: 666%;
	display: inline-flex;
	line-height: 1.09em;
}
#text-einspaltig-faq .klappelement-ueberschrift::before {
	height: 0;
}
.klappelement-inhalt-container-innen-faq {
	border: 0;
	margin: 0 0 0 44px;
	padding: 9px 0 23px 0;
	line-height: 1.35em;
}

/* ****************************** Seitenslider ****************************** */
.seiten-slider {
    --slider-dauer: 450ms;
    --slider-sichtbar: 1;
    position: relative;
    width: 100%;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
}
.seiten-slider *,
.seiten-slider *::before,
.seiten-slider *::after {
    box-sizing: border-box;
}
.seiten-slider-ansicht {
    position: relative;
    width: 100%;
    overflow: hidden;
    transition: height var(--slider-dauer) ease;
    touch-action: pan-y;
}
.seiten-slider-spur {
	display: flex;
	align-items: stretch;

	width: calc(100% + var(--slider-abstand));
	margin-left: calc(var(--slider-abstand) / -2);

	transform: translate3d(0, 0, 0);
	transition: transform var(--slider-dauer) ease;
	will-change: transform;
	margin-bottom: 36px;
}

.seiten-slider-folie {
	display: flex;
	flex: 0 0 calc(100% / var(--slider-sichtbar));
	width: calc(100% / var(--slider-sichtbar));
	min-width: 0;
	box-sizing: border-box;
	padding-left: calc(var(--slider-abstand) / 2);
	padding-right: calc(var(--slider-abstand) / 2);
}

.seiten-slider-inhalt {
	display: flex;
	flex: 1 1 auto;
	width: 100%;
	max-width: 100%;
	min-width: 0;
}
.seiten-slider-inhalt img,
.seiten-slider-inhalt video,
.seiten-slider-inhalt iframe {
    max-width: 100%;
}
/*
 * Bilder nur dann verkleinern, wenn sie breiter als ihre Folie sind.
 * Die Höhe folgt proportional; die übrige Seitenformatierung bleibt erhalten.
 */
.seiten-slider-inhalt img {
    height: auto;
}

.seiten-slider-steuerung {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-top: 1rem;
}
.seiten-slider-punkte {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.55rem;
}
.seiten-slider-punkt {
    width: 0.75rem;
    height: 0.75rem;
    padding: 0;
    border: 1px solid currentColor;
    border-radius: 50%;
    background: transparent;
    color: inherit;
    cursor: pointer;
}
.seiten-slider-punkt[aria-current="true"] {
    background: currentColor;
}
.seiten-slider-status {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

#text-einspaltig-slider {
	width: 90%;
	max-width: 2140px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 106px;
	margin-bottom: var(--abstand-zu-footer);
}
.slider-element-aussen {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	align-items: center;
	width: 100%;
	padding: 21px;
	background: var(--hg-heller);
	border-radius: 27px;
	margin-top: 123px;
	box-sizing: border-box;
}
.slider-element-bild {
	width: 44%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: -123px;
}
.slider-element-bild img {
	width: 100%;
	border-radius: 50%;
	border: 4px solid var(--schriftfarbe-text);
}
.slider-name {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center; 
	font-family: var(--schrift-zitate);
	font-size: 136%;
	margin-bottom: 33px;
}
.slider-element-text {
	width: 93%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 23px;
	line-height: 1.39em;
	margin: 27px 0 36px 0;
}
 
/* *************** Daten.-Impressum *********************************************************** */
.inhalte-einzelseite-impressum {
	margin-top: 9px;
	border-top: 2px solid var(--schriftfarbe-text);
}
.einzelseite-textbereich-impressum {
	width: 69%;
	align-items: flex-start;
	margin-top: 63px;
	margin-bottom: var(--abstand-zu-footer);
}
.einzelseite-textbereich-impressum h1 {
	margin: 0;
}
#einzelseite-impressum h1 {
	margin-bottom: 33px;
}
.einzelseite-textbereich-impressum h2 {
	font-size: 133%;
	margin-top: 36px;
	margin-bottom: 0;
}
.einzelseite-textbereich-impressum h3 {
	font-size: 121%;
	margin-top: 36px;
	margin-bottom: 9px;
}
.zwischenueberschrift-impressum {
	font-weight: 600;
	margin-top: 18px;
}
.fotonachweis ul {
	margin: 13px 0 9px 0;
}
.fotonachweis li {
	margin: 9px 0 0 0;
}
/* *************** Footer *********************************************************** */
.footer-aussen {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 222px;
	background-image: url("/wp-content/uploads/2026/08/kieferorthopaedische-praxis-stephanie-leifert-kontakt-background.png");
	background-repeat: no-repeat;
	background-size: cover;
/*background-position: top-center;   */
}
.footer-innen {
	width: 90%;
	max-width: 2000px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: -182px;
	padding-bottom: 123px;
}
#footer-foto {
	width: 24%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 96px;
}
#footer-foto img {
	width: 100%;
	border-radius: 50%;
	border: 6px solid var(--schriftfarbe-text);
	object-fit: cover;
}
.fusszeile-text-aussen {
	width: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.fusszeile-text-innen {
	width: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: var(--schriftgroesse-fusszeile); 
	text-align: center;
}
.footer-text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 39px;
}
.footer-text-1 {
	font-size: var(--schriftgroesse-menu); 	
}
.footer-text-2 {
	margin-top: 33px;
	margin-bottom: 73px;
}
.footer-text-3 {
	margin-bottom: 18px;
}
.footer-text-4 {
	margin-top: 33px;
	font-size: var(--schriftgroesse-h2);
}
#footer-fon-icon {
	width: 7%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 21px;
}
#footer-fon-icon img {
	width: 100%;
}
.footer-fon {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: var(--schriftgroesse-menu); 
}
.footer-kontakt {
	margin-bottom: 13px;
}
#fusszeile-impressum {
	font-size: 80%;
	margin-top: 13px;
}
#fusszeile-impressum a {
	color: var(--schriftfarbe-text);
}
#fusszeile-impressum a:hover {
	color: var(--schriftfarbe-zitat);
}


/* *********************************** RESPONSIVE DESIGN *********************************** */

/* ------------------------------------------------------------------------------------ 1800 ------ */
/* ----------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1800px) {
/* *************** Start *********************************************************** */
	#einzelseite-textbereich-start {
		margin-top: -173px;
	}
/* *************** stellenbeschreibung*********************************************************** */	
	.klappelement-inhalt-container-innen-faq {
		padding: 9px 0 33px 0;
	}
}
/* ------------------------------------------------------------------------------------ 1700 ------ */
/* ----------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1700px) {
/* *************** Start *********************************************************** */
	#einzelseite-textbereich-start {
		margin-top: -159px;
	}
/* *************** behandlungsspektrum ********************************************* */
	.bild-2spalten-rund {
		width: 36%;
	}
	.bild-2spalten-rund-links {
		margin-right: 11%;
	}
	.bild-2spalten-rund-rechts {
		margin-left: 11%;
	}
	.text-2spaltig-aussen {
		padding-bottom: 118px;
	}
	.text-2spaltig-aussen-top {
		margin-top: 118px;
		padding-bottom: 121px;
	}
/* *************** Footer *********************************************************** */
	#footer-foto {
		width: 26%;
	}
	.footer-innen {
		margin-top: -175px;
	}
}
/* ------------------------------------------------------------------------------------ 1600 ------ */
/* ----------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1600px) {
/* *************** Kopf *********************************************************** */
	#kopfbereich-container {
		width: 93%;
	}
/* *************** alle Seiten *********************************************************** */
	.einzelseite-textbereich,
	.einzelseite-textbereich-stellenbeschreibung {
		width: 82%;
	}
	.text-einspaltig-mitte-border {
		padding-bottom: 99px;
	}
	.einzelseite-abstand-footer,
	#text-einspaltig-slider,
	#text-einspaltig-mitte-stellen {
		margin-bottom: 0;
	}
	h1, h2 {
		font-size: 148%;
/*		font-size: 136%;  
		margin-bottom: 27px;*/
	}
/*	.zwischenueberschrift {
		font-size: 115%;
	}  */
/* *************** Start *********************************************************** */
	#einzelseite-textbereich-start {
		margin-top: -145px;
	}
	.start-bild-rund {
		width: 38%;
	}
	.start-bild-rund-rechts {
		width: 41%;
	}
	#start-zitat-text-2 {
		font-size: 163%;
	}
/* *************** Team *********************************************************** */
	.klappelement-zeile-aussen {
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		margin-top: 21px;
	}
	.klappelement-spalte-links {
		justify-content: flex-start;
		align-items: flex-start;
	}	
	.klappelement-spalte-rechts {
		hyphens: none;
	}
	#text-einspaltig-slider {
		margin-top: 93px;
	}
	.slider-element-aussen {
		margin-top: 155px;
	}
	.slider-element-bild {
		width: 55%;
		margin-top: -173px;
	}
	.slider-element-text {
		margin: 30px 0 36px 0;
	}
	:root {
		--slider-abstand: 63px;
	}   
/* *************** Stellen *********************************************************** */	
	#text-einspaltig-mitte-stellen {
		margin-top: 111px;
	}
/* *************** Stellenbeschreibung *********************************************** */	
	.text-einspaltig-stellenbeschreibung {
		margin-bottom: 0;
	}
/* *************** Footer *********************************************************** */
	.footer-aussen {
		margin-top: 333px;
	}
	.footer-innen {
		margin-top: -166px;
	}
	#footer-foto {
		margin-bottom: 72px;
	}
	.fusszeile-text-innen {
		font-size: 100%;
	}
	.footer-text-1,
	.footer-fon {
		font-size: 109%;
	}
	.footer-text-2 {
		margin-top: 21px;
		margin-bottom: 49px;
	}
	.footer-text-4 {
		font-size: 115%;
	}
	#footer-fon-icon {
		width: 6%;
		margin-bottom: 15px;
	}
}

/* ------------------------------------------------------------------------------------ 1500 ------ */
/* ----------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1500px) {
/* *************** alle Seiten *********************************************************** */
	.einzelseite-textbereich,
	.einzelseite-textbereich-stellenbeschreibung {
		width: 85%;
	}
/* *************** Start *********************************************************** */
	#einzelseite-textbereich-start {
		margin-top: -132px;
	}
	#start-zitat-text-2 {
		text-align: left;
	}
	.start-bild-rund {
		width: 40%;
	}
	.start-bild-rund-rechts {
		width: 43%;
	}
/* *************** behandlungsspektrum ********************************************* */
	#einzelseite-textbereich-andere-seiten {
		width: 79%;
		margin-top: 88px;
	}
	.bild-2spalten-rund {
		width: 42%;
	}
	.text-2spaltig-aussen {
		margin-top: 66px;
	}
	.text-2spaltig-aussen-top {
		margin-top: 103px;
	}
	.bild-2spalten-rund-rechts {
		margin-left: 10%;
	}
/* *************** stellenbeschreibung ********************************************* */	
	#klappelemente-container-stellenbeschreibung {
		margin-top: 13px;
	}
	.klappelement-einzelelement-stellen {
		padding: 18px 0;
	}
	.text-abschnitt-faq {
		padding: 45px 0 33px 0;
	}
	#einzelseite-textbereich-faq {
		margin-top: 111px;
	}
}

/* ------------------------------------------------------------------------------------ 1440 ------ */
/* ----------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1440px) {
/* *************** alle Seiten *********************************************************** */	
	h1, h2 {
		font-size: 136%;  
		margin-bottom: 21px;
	}
	.einzelseite-textbereich,
	.einzelseite-textbereich-stellenbeschreibung {
		width: 90%;
	}
/* *************** Start *********************************************************** */
	#einzelseite-textbereich-start {
		margin-top: -139px;
	}
	#start-zitat-text-1 {
		font-size: 165%;
	}
	.start-bild-rund {
		width: 38%;
	}
	.start-bild-rund-rechts {
		width: 42%;
	}
/* *************** behandlungsspektrum ********************************************* */
	#einzelseite-textbereich-andere-seiten {
		margin-top: 69px;
	}
	.text-2spaltig-aussen {
		margin-top: 54px;
		padding-bottom: 96px;
	}
	.text-2spaltig-aussen-top {
		margin-top: 88px;
	}
	.text-2spaltig-aussen-letztes {
		padding-bottom: 0
	}
	.bild-2spalten-rund-rechts {
		margin-left: 11%;
	}
/* *************** Team *********************************************************** */	
	.einzelseite-textbereich, .einzelseite-textbereich-stellenbeschreibung {
		width: 86%;
	}
	#zitat-1spalte {
		font-size: 143%;
	}
	#text-einspaltig-mitte-team {
		margin-top: 39px;
	}
	#button-teamseite {
		margin: 79px 0 27px 0;
	}
	.klappelemente-container {
		margin-top: 66px;
	}
	#text-einspaltig-slider {
		width: 86%;
	}
	.seiten-slider-folie {
		flex: 0 0 calc(100% / var(--slider-sichtbar));
		padding: 0 36px;
	}	
	.slider-element-bild {
		width: 57%;
		margin-top: -170px;
	}
	.slider-element-aussen {
		margin-top: 153px;
	}
/* *************** stellenbeschreibung ********************************************* */	
	.text-einspaltig-stellenbeschreibung {
		margin-top: 77px;
	}
	#klappelemente-container-stellenbeschreibung {
		margin-top: 6px;
	}
	.zwischenueberschrift-stellen {
		font-size: 111%;
		line-height: 1.25;
		letter-spacing: 0.03em;
	}
	#text-einspaltig-faq {
		margin-top: 18px;
	}
	.text-abschnitt-faq {
		padding: 36px 0 15px 0;
		margin-left: 0;
		margin-right: 0;
	}
	.zwischenueberschrift-faq {
		margin-bottom: 21px;
	}
	.klappelemente-container-faq {
		margin-top: 0;
	}
	.klappelement-einzelelement-faq {
		margin-bottom: 13px;
	}
/* *************** Footer *********************************************************** */
	.footer-innen {
		margin-top: -161px;
		padding-bottom: 69px;
	}
	#footer-foto {
		width: 28%;
	}
/* *************** Impr./Daten. *********************************************************** */
  .einzelseite-textbereich-impressum {
		width: 85%;
	}	
}

/* ------------------------------------------------------------------------------------ 1366 ------ */
/* ----------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1366px) {
/* *************** Start *********************************************************** */
	.start-zitat-bild {
		margin-top: 121px;
	}
	#start-zitat-text-2 {
		font-size: 153%;
	}
/* *************** behandlungsspektrum ********************************************* */	
	.bild-2spalten-rund {
		width: 47%;
	}
	.text-2spalten h2 {
		margin-bottom: 21px;
	}
/* *************** stellenbeschreibung ********************************************* */		
	#text-einspaltig-faq {
		margin-top: 0;
	}
}
/* ------------------------------------------------------------------------------------ 1280 ------ */
/* ----------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1280px) {
/* *************** alle Seiten *********************************************************** */
	.einzelseite-textbereich {
		margin-top: -116px;
	}
	.text-einspaltig-mitte-border {
		padding-bottom: 75px;
	}
/* *************** Start *********************************************************** */
	.start-bild-zitat {
		justify-content: space-between;
	}
	.start-bild-rund {
		width: 40%;
		margin-right: 0;
	}
	#start-zitat-neben-bild-2 {
		width: 52%;
	}
	#start-zitat-text-2 {
		font-size: 137%;
	}
	#start-zitat-neben-bild-2 .start-zitat-linie {
		align-self: flex-start;
	} 
	.start-bild-rund-rechts {
		width: 42%;
	}
	.start-zitat-bild {
		margin-top: 111px;
	}
	#zitat-2-linie {
		margin-top: 0px;
	}
	.text-einspaltig-mitte {
		margin-top: 77px;
	}
/* *************** behandlungsspektrum ********************************************* */	
	#einzelseite-textbereich-andere-seiten {
		width: 85%;
	}
	.text-2spaltig-aussen {
		align-items: flex-start;
	}
/* *************** Team *********************************************************** */	
	.einzelseite-textbereich {
		margin-top: 0;
	}	
	.team-zitat-solo {
		width: 85%;
	}
	.break-desktop-team {
		display: none;
	}
	#zitat-1spalte {
		margin-bottom: 16px;
	}
	.team-text-2spalten {
		flex-direction: column-reverse;
		justify-content: center;
		align-items: center;
	}
	.bild-2spalten-team {
		width: 39%;
		align-self: center;
		margin-bottom: 66px;
	}
	.team-spalte-links-aussen {
		width: 77%;
	}
	.klappelement-zeile-aussen {
		flex-direction: row;
		justify-content: flex-start;
		align-items: flex-start;
		margin-top: 15px;
	}
/* *************** Stellen *********************************************************** */	
	.einzelseite-textbereich-stellen {
		margin-top: 0;
	}
	#text-mitte-stellen {
		margin-top: 66px;
	}
	#text-einspaltig-mitte-stellen {
		margin-top: 79px;
		justify-content: center;
		align-items: center;
	}
	.stellen-2spaltig-aussen {
		width: 100%;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.stellen-2spaltig-links {
		width: 100%;
		justify-content: center;
		align-items: flex-start;
		margin-bottom: 21px;
		hyphens: none;
	}
	.stellen-2spaltig-rechts {
		width: 100%;
		justify-content: center;
		align-items: center;
		margin-left: 0;
	}
/* *************** stellenbeschreibung ********************************************* */	
	.text-einspaltig-stellenbeschreibung {
		width: 88%;
	}
	.klappelemente-container-faq {
		margin-left: 4%;
	}
/* *************** Footer *********************************************************** */
	#footer-foto {
		width: 30%;
	}
	.fusszeile-text-innen {
		font-size: 100%;
	}
/* *************** Impr./Daten. *********************************************************** */
	.einzelseite-textbereich-impressum {
		margin-top: 63px;
	}
}
/* ------------------------------------------------------------------------------------ 1150 ------ */
/* ----------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1150px) {
/* *************** alle Seiten *********************************************************** */
	#alles {
		font-size: 23px;
	}
	#kopfbereich-menu-container {
		width: 45%;
	}
	#einzelseite-textbereich-start {
		margin-top: -113px;
	}
	#kopfbereich-container {
		margin: 16px 0 13px 0;;
	}
	#kopf-titel-name-aussen {
		font-size: 100%;;
	}
	#kopf-container-fon-icon {
		width: 7%;
		margin-right: 2%;
		margin-top: 3px;
	}
	#kopfbereich-hamburger-container-mitte {
		height: 23px;
	}
	.menu-hamburger-balken {
		width: 39px;
	}
/*	.zwischenueberschrift {
		font-size: 113%;
	}  */
	.button-abstand-anders-1 {
		margin: 77px 0 13px 0;
	}
/* *************** Start *********************************************************** */	
	.text-einspaltig-mitte,
	.start-bild-zitat,
	.start-zitat-bild {
		width: 88%;
	}
	.text-einspaltig-mitte {
		margin-top: 63px;
	}
	.start-zitat-bild {
		margin-top: 99px;
	}
	.start-bild-rund img,
	#footer-foto img,
	.bild-2spalten-team img {
		border: 5px solid var(--schriftfarbe-text);
	}
/* *************** Team *********************************************************** */	
	#text-einspaltig-mitte-team {
		margin-top: 24px;
	}
	.team-zitat-solo {
		width: 96%;
	}
	.picture-team {
		width: 69%;
	}
	#button-teamseite {
		margin: 60px 0 0 0;
	}
	#text-einspaltig-mitte-team {
		margin-bottom: 99px;
	}
	.team-text-2spalten {
		margin-top: 96px;
		padding-bottom: 118px;
	}
	.team-spalte-links-aussen {
		width: 88%;
	}
	.bild-2spalten-team {
		width: 42%;
		margin-bottom: 57px;
	}
/* *************** stellenbeschreibung ********************************************* */	
	.klappelement-inhalt-container-innen-faq {
		margin: 0 0 0 41px;
		padding: 13px 0 33px 0;
	}
	#text-einspaltig-faq {
		padding: 49px 6% 96px 6%;
	}

/* *************** Footer *********************************************************** */
	.footer-innen {
		margin-top: -141px;
	}
	#footer-foto {
		margin-bottom: 58px;
	}
}
/* ------------------------------------------------------------------------------------ 1080 ------ */
/* ----------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1080px) {
/* *************** Start *********************************************************** */	
	#einzelseite-textbereich-start {
		margin-top: -77px;
	}	
	#start-zitat-text-1 {
		font-size: 163%;
	}
	#start-zitat-text-2 {
		font-size: 126%;
	}
	.start-bild-rund-rechts {
		width: 41%;
	}
/* *************** behandlungsspektrum ********************************************* */	
	#einzelseite-textbereich-andere-seiten {
		margin-top: 44px;
	}
	.bild-2spalten-rund {
		width: 43%;
	}
	.text-2spaltig-aussen {
		margin-top: 55px;
		padding-bottom: 88px;
	}
	#text-2spaltig-column-reverse, 
	.text-2spaltig-aussen-letztes {
		margin-top: 93px;
		padding-bottom: 83px;
	}
	.text-2spaltig-aussen-letztes {
		padding-bottom: 0;
	}
/* *************** stellenbeschreibung ********************************************* */	
	.text-einspaltig-stellenbeschreibung {
		margin-top: 55px;
	}
	.klappelement-einzelelement-stellen {
		padding: 13px 0;
	}
	#einzelseite-textbereich-faq {
		margin-top: 96px;
	}
	#text-einspaltig-faq {
		padding: 46px 6% 77px 6%;
	}
	#text-abschnitt-faq-erstes {
		margin-top: 24px;
	}
	.zwischenueberschrift-faq {
		font-size: 121%;
		letter-spacing: 0.03em;
	}
}
/* ------------------------------------------------------------------------------------ 1024 ------ */
/* ----------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 1024px) {
/* *************** alle Seiten *********************************************************** */
	#alles {
		font-size: 21px;
	}
	#kopfbereich-container {
		margin: 13px 0 11px 0;
	}
	#kopf-container-titel-fon {
		font-size: 88%;
		width: 92%;
	}
	#kopf-container-fon-icon {
		width: 6%;
		margin-right: 1.5%;
	}
	#kopfbereich-hamburger-container-mitte {
		height: 20px;
	}
	.menu-hamburger-balken {
		width: 36px;
		height: 2px;
	}
	.button-innen {
		padding: 9px 21px;
		border: 2px solid var(--schriftfarbe-text);
	}
	.button-abstand-anders-1 {
		margin: 66px 0 0px 0;
	}
	.button-abstand-anders-2 {
		margin-top: 69px;
	}
/* *************** Start *********************************************************** */		
	#start-zitat-text-2 {
		font-size: 141%;
	}
	#start-zitat-neben-bild-2 {
		align-items: flex-start;
	}
	.start-zitat-bild {
		margin-top: 77px;
	}
/* *************** behandlungsspektrum ********************************************* */	
	.bild-2spalten-rund {
		width: 48%;
	}
/* *************** Team *********************************************************** */	
	.slider-element-text {
		font-size: 20px;
	}
	.slider-name {
		margin-bottom: 21px;
	}
/* *************** stellenbeschreibung ********************************************* */	
	.klappelement-inhalt-container-innen-stellen {
		margin: 0 0 0 39px;
	}
	.klappelement-inhalt-container-innen-faq {
		margin: 0 0 0 36px;
		padding: 11px 0 21px 0;
	}
/* *************** Footer *********************************************************** */
	#footer-foto {
		width: 33%;
	}
	.fusszeile-text-innen {
		font-size: 96%;
	}
	.footer-text {
		margin-bottom: 24px;
	}
	.footer-text-2 {
		margin-top: 15px;
		margin-bottom: 36px;
	}
}
/* ------------------------------------------------------------------------------------ 915 ------ */
/* ----------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 915px) {
/* *************** alle Seiten *********************************************************** */
	h1, h2 {
		font-size: 133%;
		margin-bottom: 18px;
	}
	.textabsatz-1 {
		margin-bottom: 11px;
	}
	#einzelseite-textbereich-start {
		margin-top: -63px;
	}
	.start-zitat-bild {
		margin-top: 85px;
	}
	.start-zitat-text {
		margin-bottom: 15px;
	}	
	#start-zitat-text-2 {
		font-size: 136%;
		margin-bottom: 21px;
	}	
	.start-bild-rund-rechts {
		width: 44%;
	}
/* *************** Team *********************************************************** */	
	#zitat-1spalte {
		font-size: 133%;
	}
	.team-zitat-solo {
		width: 77%;
	}	
	#button-teamseite {
		margin: 66px 0 11px 0;
	}	
	.bild-2spalten-team {
		width: 45%;
		margin-bottom: 72px;
	}
	.team-text-2spalten {
		margin-top: 77px;
		padding-bottom: 93px;
	}
	.klappelemente-container {
		margin-top: 54px;
	}
	#text-einspaltig-slider {
		margin-top: 80px;
	}
	.slider-element-aussen {
		margin-top: 206px;
		padding: 21px 33px;
	}
	.slider-element-bild {
		width: 39%;
		margin-top: -224px;
	}
	.slider-name {
		font-size: 157%;
	}
/* *************** Stellen *********************************************************** */	
	#text-mitte-stellen {
		margin-top: 46px;
		padding-bottom: 75px;
	}
	#text-einspaltig-mitte-stellen {
		margin-top: 75px;
	}
	.stellen-2spaltig-aussen {
		width: 100%;
	}
	#button-stellenangebote {
		margin: 60px 0 0 0;
	}
/* *************** stellenbeschreibung ********************************************* */	
	.klappelement-einzelelement-stellen {
		padding: 11px 0;
	}
	#einzelseite-textbereich-faq {
		margin-top: 85px;
	}
	#text-einspaltig-faq {
		padding: 36px 6% 77px 6%;
	}
	.klappelement-titel-faq {
		font-size: 109%;
		margin-bottom: 0;
	}
	.klappelemente-container-faq {
		margin-top: 0;
	}

/* *************** Footer *********************************************************** */
	.footer-aussen {
		background-image: url("/wp-content/uploads/2026/08/kieferorthopaedische-praxis-stephanie-kontakt-background-2.png");
	}
	#footer-foto {
		width: 36%;
	}
/* *************** Impr./Daten. *********************************************************** */
	.einzelseite-textbereich-impressum h4 {
		font-size: 96%;
	}
}
/* ------------------------------------------------------------------------------------ 850 ------ */
/* ----------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 850px) {
/* *************** alle Seiten *********************************************************** */
	#kopfbereich-menu-container {
		width: 60%;
	}
	#kopf-container-fon-icon {
		width: 7%;
		margin-right: 2%;
	}
/*	.zwischenueberschrift {
		font-size: 103%;
		letter-spacing: 0.06em;
	}   */
/* *************** Start *********************************************************** */	
	.mobile-break {
		display: inline;
	}
	.start-text-einspaltig h1 {
		margin-bottom: 24px;
	}
	#start-zitat-text-1 {
		font-size: 155%;
	}
	#start-zitat-text-2 {
		font-size: 125%;
	}
/* *************** Team *********************************************************** */
	#zitat-1spalte {
		font-size: 123%;
	}
	#text-einspaltig-mitte-team {
		margin-top: 13px;
		margin-bottom: 90px;
	}
	#button-teamseite {
		margin: 60px 0 0px 0;
	}
	.slider-element-aussen {
		margin-top: 177px;
	}
	.slider-element-bild {
		width: 36%;
		margin-top: -196px;
	}
	.slider-element-text {
		margin: 30px 0 36px 0;
	}
/* *************** stellenbeschreibung ********************************************* */	
	.zwischenueberschrift-faq {
		font-size: 111%;
	}	
	.klappelement-titel-faq {
		font-size: 106%;
	}
/* *************** Footer *********************************************************** */
	.footer-aussen {
		margin-top: 269px;
	}
	.footer-innen {
		margin-top: -124px;
	}
/* *************** Impr./Daten. *********************************************************** */
	.einzelseite-textbereich-impressum {
		margin-top: 49px;
	}
	.einzelseite-textbereich-impressum h3 {
		margin-top: 18px;
		margin-bottom: 6px;
	}
}
/* ------------------------------------------------------------------------------------ 815 ------ */
/* ----------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 815px) {
/* *************** alle Seiten *********************************************************** */
	#kopf-container-titel-fon {
		font-size: 83%;
	}
	#kopfbereich-hamburger-container-mitte {
		height: 18px;
	}
	.menu-hamburger-balken {
		width: 33px;
	} 
/* *************** Start *********************************************************** */	
	.text-einspaltig-mitte, 
	.start-bild-zitat, 
	.start-zitat-bild {
		width: 96%;
	}	
	.button-innen {
		font-size: 100%;
	}
	.text-einspaltig-mitte-border {
		padding-bottom: 83px;
	}
}
/* ------------------------------------------------------------------------------------ 769 ------ */
/* ----------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 769px) {
/* *************** alle Seiten *********************************************************** */	
	#kopfbereich-menu-container {
		width: 69%;
	}
	#alles {
		font-size: 19px;
	}
/*	.zwischenueberschrift {
		margin-bottom: 6px;
	}  */
	h1, h2 {
		font-size: 139%;
	}
/* *************** Start *********************************************************** */	
	#header-start {
		background-image: url('/wp-content/uploads/2026/08/kieferorthopaedische-praxis-stephanie-leifert-lindenberg-klein.webp');
		aspect-ratio: 2.1/1; 
	}
	#einzelseite-textbereich-start {
		margin-top: -96px;
	}
	.text-einspaltig-mitte {
		margin-top: 45px;
	}
	.start-bild-zitat {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.start-bild-rund {
		width: 49%;
		align-self: center;
		margin-bottom: 30px;
	}
	.start-bild-rund img,
	.bild-2spalten-rund img,
	#footer-foto img,
	.bild-2spalten-team img { 
		border: 4px solid var(--schriftfarbe-text);
	}
	.start-bild-rund-rechts {
		width: 54%;
		margin-bottom: 39px;
	}
	.start-zitat-text {
		margin-bottom: 9px;
	}
	#start-zitat-text-1 {
		font-size: 165%;
	}
	.start-zitat-bild {
		flex-direction: column-reverse;
		justify-content: center;
		align-items: center;
		margin-top: 71px;
	}
	#start-zitat-neben-bild-2 {
		width: 85%;
	}
	#start-zitat-neben-bild-2 .start-zitat-linie {
		align-self: center;
	}
	#start-zitat-text-2 {
		font-size: 142%;
		text-align: center;
	}
/* *************** behandlungsspektrum ********************************************* */	
	#header-leistungen {
		background-image: url('/wp-content/uploads/2026/08/kieferorthopaedische-praxis-stephanie-leifert-behandlungsspektrum-klein.webp');
		aspect-ratio: 2.1/1; 
	}
	.text-2spalten h2 {
		margin-bottom: 11px;
	}
	.text-2spaltig-aussen {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin-top: 45px;
    	padding-bottom: 60px;
	}
	#text-2spaltig-column-reverse {
		flex-direction: column-reverse;
	}
	#text-2spaltig-column-reverse {
		margin-top: 74px;
		padding-bottom: 60px;
	}
	.text-2spaltig-aussen-letztes {
		margin-top: 74px;
		padding-bottom: 0;
	}
	.text-2spalten {
		width: 88%;
		margin-top: 49px;
	}
	.bild-2spalten-rund {
		width: 49%;
		margin-right: 0;
	}
	.bild-2spalten-rund-rechts {
		margin-left: 0;
	}
/* *************** Team ************************************************************** */	
	#header-team {
		background-image: url('/wp-content/uploads/2026/08/kieferorthopaedische-praxis-stephanie-leifert-unser-team-klein.webp');
		aspect-ratio: 2.1/1; 
	}
/*	.team-zitat-solo {
		width: 88%;
	}   */
	.team-zitat-solo .start-zitat-linie {
		align-self: center;
		width: 100%;
	}
	#text-einspaltig-mitte-team {
		margin-top: 9px;
		margin-bottom: 77px;
	}
	#button-teamseite {
		margin-top: 49px;
	}
	.team-text-2spalten {
		margin-top: 63px;
		padding-bottom: 83px;
	}
	.bild-2spalten-team {
		width: 48%;
		margin-bottom: 56px;
	}
	.team-spalte-links-aussen h3 {
		margin-bottom: 11px;
	}
	.klappelement-ueberschrift h3 {
		margin: 0;
	}
	#klappelemente-container-team {
		margin-top: 39px;
	} 
	#klappelement-einzelelement-team {
		padding: 11px 6%;
	}
	.klappelement-zeile-aussen {
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		margin-top: 21px;
	}
	.klappelement-spalte-links {
		width: 100%;
	}
	#text-einspaltig-slider {
		margin-top: 69px;
	}
	.slider-element-aussen {
		margin-top: 161px;
	}
	.slider-element-bild {
		margin-top: -181px;
	}
	.slider-element-text {
		font-size: 19px;
	}
/* *************** Stellen *************************************************** */	
	#header-stellen {
		background-image: url('/wp-content/uploads/2026/08/kieferorthopaedische-praxis-stephanie-leifert-stellenangebote-klein.webp');
		aspect-ratio: 2.1/1; 
	}
	#text-mitte-stellen {
		margin-top: 36px;
		padding-bottom: 66px;
	}
	#text-einspaltig-mitte-stellen {
		margin-top: 66px;
	}
/* *************** Stellenbeschreibung *************************************************** */	
	#header-stellenbeschreibung {
		background-image: url('/wp-content/uploads/2026/08/kieferorthopaedische-praxis-stephanie-leifert-stellenbeschreibung-klein.webp');
		aspect-ratio: 2.1/1; 
	}
	.klappelement-inhalt-container-innen-stellen {
		margin: 0 0 0 36px;
	}
	#einzelseite-textbereich-faq {
		margin-top: 75px;
	}
	#text-abschnitt-faq-erstes {
		margin-top: 13px;
	}
	.text-abschnitt-faq {
		padding: 24px 0 9px 0;
	}
	.zwischenueberschrift-faq {
		margin-bottom: 15px;
	}
	.klappelemente-container-faq {
		margin-left: 0;
	}
	.klappelement-einzelelement-faq {
		margin-bottom: 9px;
	}
	.klappelement-inhalt-container-innen-faq {
		margin: 0 0 0 33px;
	}
/* *************** Footer *********************************************************** */
	.footer-aussen {
		margin-top: 236px;
	}
	.footer-innen {
		width: 69%;
		margin-top: -99px;
	}
	#footer-foto {
		width: 39%;
	}
	.footer-text {
		margin-bottom: 16px;
	}
	.footer-text-2 {
		margin-top: 21px;
		margin-bottom: 49px;
	}
/* *************** Impr./Daten. *********************************************************** */
	#einzelseite-impressum h1 {
		margin-bottom: 18px;
	}
}
/* ------------------------------------------------------------------------------------ 700 ------ */
/* ----------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 700px) {
/* *************** alle Seiten *********************************************************** */
	#kopfbereich-menu-container {
		width: 63%;
		height: 100%;
	}
	#kopf-container-titel-fon {
		width: 88%;
		align-items: flex-end;;
	}
	/* DIESER TEIL FEHLT FÜR SAFARI & CHROME: */
	#kopf-container-titel-fon a {
		display: block; /* Macht den Link zu einem Blockelement */
		width: 100%;    /* Zwingt den Link, die Zeile für sich zu beanspruchen */
	}
	#kopf-titel-name-aussen {
		flex-direction: column;
		align-items: flex-start;
	}	
	#kopfbereich-hamburger-container {
		margin-top: 11px;
	}	
	h1, h2 {
    	font-size: 136%;
		margin-bottom: 27px;
	}
	.button-abstand-anders-1 {
		margin: 49px 0 0px 0;
	}
/* *************** Start *********************************************************** */	
	#einzelseite-textbereich-start {
		margin-top: -84px;
	}
	.start-bild-rund {
		width: 47%;
	}
	.text-einspaltig-mitte {
		margin-top: 33px;
	}	
	.mobile-break {
		display: inline;
	}	
	.start-bild-rund-rechts {
		width: 54%;
		margin-bottom: 39px;
	}	
	.start-zitat-bild {
		margin-bottom: 0;
	}
/* *************** behandlungsspektrum ********************************************* */	
	.bild-2spalten-rund {
		width: 57%;
		margin-bottom: 0;
	}
/* *************** Team ************************************************************** */	
	.team-text-einspaltig-mitte {
		margin-top: 69px;
	}
	#bild-rund-team {
		width: 48%;
	}
/* *************** Stellenbeschreibung *************************************************** */	
	.einzelseite-textbereich-stellenbeschreibung {
		width: 88%;
	}
	.text-einspaltig-stellenbeschreibung, 
	#einzelseite-textbereich-faq {
		width: 100%;
	}
	.text-einspaltig-stellenbeschreibung h1 {
		margin-bottom: 27px;
	}
	#klappelemente-container-stellenbeschreibung {
		width: 88%;
		padding: 0 6%;
	}
	#klappelemente-container-stellenbeschreibung {
		margin-top: 0;
	}
/* *************** Footer *********************************************************** */
	.footer-aussen {
		margin-top: 185px;
	}
	.footer-innen {
		margin-top: -88px;
		padding-bottom: 44px;
	}
	.footer-innen {
		margin-top: -96px;
	}
	#footer-foto {
		margin-bottom: 44px;
	}
}	
/* ------------------------------------------------------------------------------------ 650 ------ */
/* ----------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 650px) {
/* *************** alle Seiten *********************************************************** */	
	h1, h2 {
		font-size: 139%;
		margin-bottom: 21px;
	}
	.start-text-einspaltig h1 {
		margin-bottom: 21px;
	}
	#kopfbereich-container {
		align-items: flex-start;
	}
	#kopf-container-titel-fon {
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		font-size: 87%;
	}
	#kopf-container-fon-aussen {
		justify-content: flex-start;
	}
	#kopfbereich-hamburger-container {
		margin-top: 6px;
	}
/* *************** behandlungsspektrum ********************************************* */
	.text-2spaltig-aussen-erstes {
		margin-top: 21px;
	}
	.text-2spalten {
		width: 100%;
		margin-top: 36px;
	}
	#text-2spaltig-column-reverse {
		margin-top: 60px;
		padding-bottom: 50px;
	}
	.text-2spaltig-aussen-letztes {
		margin-top: 63px;
	}
/* *************** Team ************************************************************** */
	.team-text-einspaltig-mitte,
	.team-spalte-links-aussen {
		width: 100%;
	}
	#text-einspaltig-mitte-team {
		margin-top: 15px;
	}
	.team-text-einspaltig-mitte {
		margin-top: 45px;
	}
	#zitat-1spalte {
		margin-bottom: 11px;
	}
	.picture-team {
		width: 80%;
	}
	.team-text-einspaltig-mitte h1 {
		margin-bottom: 13px;
	}
	.team-text-2spalten {
		margin-top: 54px;
		padding-bottom: 69px;
	}
	#bild-rund-team {
    	width: 52%;
		margin-bottom: 45px;
	}
	.klappelemente-container {
		margin-top: 39px;
	}
	#text-einspaltig-slider {
		margin-top: 39px;
	}
	.slider-element-bild {
		width: 43%;
		margin-top: -167px;
	}
	.slider-element-aussen {
		margin-top: 162px;
	}
	.slider-element-text {
		margin: 24px 0 27px 0;
	}
	.slider-name {
		margin-bottom: 24px;
	}
	.seiten-slider-steuerung {
		margin-top: 0px;
	}
/* *************** Stellen *************************************************** */	
	.stellen-2spaltig-links {
		letter-spacing: 0.06em;
	}
	#text-mitte-stellen {
		margin-top: 30px;
		padding-bottom: 55px;
	}
	#text-einspaltig-mitte-stellen {
		margin-top: 55px;
	}
/* *************** Stellenbeschreibung *************************************************** */	
	.text-einspaltig-stellenbeschreibung {
		margin-top: 39px;
	}
	.zwischenueberschrift-faq {
		letter-spacing: 0.06em;
	}	
	#text-einspaltig-faq {
		padding: 36px 6% 66px 6%;
	}
	.text-abschnitt-faq {
		padding: 27px 0 18px 0;
	}
	.zwischenueberschrift-faq {
		margin-bottom: 18px;
	}
	.klappelemente-container-faq {
		margin-top: 0;
	}
/* *************** Footer *********************************************************** */
	.footer-aussen {
		margin-top: 196px;
		background-image: url("/wp-content/uploads/2026/08/kieferorthopaedische-praxis-stephanie-kontakt-background-3.png");
	}	
	#footer-foto {
		width: 47%;
	}	
/* *************** Impr./Daten. *********************************************************** */
	.einzelseite-textbereich-impressum h2 {
		font-size: 118%;
		margin-top: 24px;
		margin-bottom: 13px;
	}
}
/* ------------------------------------------------------------------------------------ 600 ------ */
/* ----------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 600px) {
/* *************** alle Seiten *********************************************************** */		
	.button-abstand-anders-2 {
		margin-top: 52px;
	}
	#back-to-top {
		right: 21px;
	}
/* *************** Start *********************************************************** */	
	#einzelseite-textbereich-start {
		margin-top: -55px;
	}
	.start-bild-rund {
		width: 44%;
		margin-bottom: 33px;
	}	
	.start-bild-rund-rechts {
		width: 54%;
		margin-bottom: 53px;
	}
	#start-zitat-text-1 {
		font-size: 153%;
	}	
	.start-zitat-bild {
		margin-top: 76px;
	}
/* *************** team ******************************************************* */
	.team-zitat-solo {
		width: 81%;
	}
	#button-teamseite {
		margin-top: 39px;
	}
	#text-einspaltig-mitte-team {
		margin-bottom: 65px;
	}
	#text-einspaltig-slider {
    	margin-top: 49px;
	}
	.slider-element-aussen {
		margin-top: 153px;
	}
	.slider-element-bild {
		width: 46%;
    	margin-top: -171px;
	}
/* *************** Stellenbeschreibung *************************************************** */	
	.break-desktop {
		display: inline;
	}	
	#klappelemente-container-stellenbeschreibung {
		width: 100%;
		padding: 0;
	}
	.zwischenueberschrift-stellen {
		font-size: 109%;
	}
}	
/* ------------------------------------------------------------------------------------ 500 ------ */
/* ----------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 500px) {
/* *************** alle Seiten *********************************************************** */
	#kopfbereich-menu-container {
		width: 100%;
		height: auto;
	}
	#alles {
		font-size: 18px;
	}
	#kopf-titel-name-aussen {
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		line-height: 1.1;
	}
	#kopf-container-fon-aussen {
		margin-top: 9px;
	}
	h1, h2 {
    	font-size: 133%;
		margin-bottom: 18px;
	}
/* *************** Start *********************************************************** */
	.start-text-einspaltig h1 {
		margin-bottom: 18px;
	}
	#einzelseite-textbereich-start {
		margin-top: -58px;
	}	
	.start-bild-rund {
		width: 52%;
		margin-bottom: 27px;
	}	
	.start-bild-rund-rechts {
		width: 63%;
	}  
	.start-bild-rund img,
	.bild-2spalten-rund img,
	#footer-foto img,
	.bild-2spalten-team img { 
		border: 3px solid var(--schriftfarbe-text);
	}	
	#start-zitat-text-1 {
		font-size: 136%;
	}
	.text-einspaltig-mitte {
		margin-top: 24px;
	}
	.text-einspaltig-mitte-border {
		padding-bottom: 66px;
	}	
	.start-zitat-bild {
		margin-top: 59px;
	}		
	#start-zitat-text-2 {
		font-size: 125%;
		margin-bottom: 13px;
	}	
	.start-zitat-bild {
		margin-bottom: 0;
	}
/* *************** behandlungsspektrum ********************************************* */
	#einzelseite-textbereich-andere-seiten {
		margin-top: 31px;
	}
	.text-2spaltig-aussen-erstes {
		margin-top: 27px;
	}
	.text-2spaltig-aussen {
		padding-bottom: 44px;
	}
	#text-2spaltig-column-reverse {
		margin-top: 51px;
		padding-bottom: 39px;
	}
	.text-2spaltig-aussen-letztes {
		margin-top: 52px;
	}
	.bild-2spalten-rund {
		width: 63%;
	}
	.text-2spalten h2 {
		margin-bottom: 9px;
	}
/* *************** team ******************************************************* */
	#einzelseite-textbereich-team {
		margin-top: 11px;
	}
	.team-zitat-solo {
		width: 100%;
	}	
	.klappelement-inhalt-container-innen {
		padding: 0px 0 21px 0;
	}
	.klappelement-zeile-aussen {
		margin-top: 13px;
	}
	.slider-element-aussen {
		margin-top: 116px;
	}
	.slider-element-bild {
		width: 49%;
		margin-top: -136px;
	}
/* *************** Stellen *************************************************** */	
	.stellen-2spaltig-links {
		letter-spacing: 0;
	}	
	.stellen-2spaltig-links h2 {
		margin-bottom: 0;
	}
	#text-mitte-stellen {
		padding-bottom: 44px;
	}
	#text-einspaltig-mitte-stellen {
		margin-top: 44px;
	}
/* *************** Stellenbeschreibung *************************************************** */	
	.text-einspaltig-stellenbeschreibung {
		margin-top: 24px;
	}	
	.text-einspaltig-stellenbeschreibung h1 {
		margin-bottom: 21px;
	}	
	#einzelseite-textbereich-faq {
		margin-top: 60px;
	}
	#text-einspaltig-faq {
		padding: 27px 6% 56px 6%;
	}	
	.klappelement-inhalt-container-innen-faq {
		margin: 0 0 0 31px;
	}
	.zwischenueberschrift-stellen,
	.klappelement-titel-faq {
		letter-spacing: 0;
		font-size: 103%;
	}
	.klappelement-ueberschrift-stellen::before,
	.klappelement-titel-faq::before {
		flex: 0 0 1.1em;
		font-size: 123%;
	}
	.klappelement-inhalt-container-innen-stellen {
		margin: 0 0 0 24px;
	}
	.klappelement-inhalt-container-innen-stellen li::before {
		margin-right: 6px;
	}
	.klappelement-inhalt-container-innen-faq {
		margin: 0 0 0 26px;
		padding: 9px 0 11px 0;
	}
	.klappelement-einzelelement-faq {
		margin-bottom: 13px;
	}
/* *************** Footer *********************************************************** */
	.footer-aussen {
		background-image: url("/wp-content/uploads/2026/08/kieferorthopaedische-praxis-stephanie-kontakt-background-4.png");
	}
	.footer-innen {
		width: 84%;
		margin-top: -79px;
	}
	.footer-text {
		margin-bottom: 24px;
	}  
	#footer-fon-icon {
		width: 9%;
		margin-bottom: 13px;
	}
	.footer-text-3 {
		margin-bottom: 13px;
	}
/* *************** Impr./Daten. *********************************************************** */
	.einzelseite-textbereich-impressum {
		margin-top: 33px;
	}
	.fotonachweis ul,
	.datenschutz ul  {
		padding-left: 18px;
	}
	.zwischenueberschrift-impressum {
		margin-top: 13px;
	}
}
/* ------------------------------------------------------------------------------------ 410 ------ */
/* ----------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 410px) {
/* *************** alle Seiten *********************************************************** */
	h1, h2 {
    	font-size: 124%;
	}	
	.einzelseite-textbereich {
		width: 93%;
	}	
	.text-einspaltig-mitte-border {
		padding-bottom: 55px;
	}
	.button-abstand-anders-1 {
		margin-top: 36px;
	}
	.button-abstand-anders-2 {
		margin-top: 33px;
	}
	.textabsatz-1 {
		margin-bottom: 11px;
	}
/* *************** behandlungsspektrum ********************************************* */	
	#header-leistungen {
		background-image: url('/wp-content/uploads/2026/08/kieferorthopaedische-praxis-stephanie-leifert-behandlungsspektrum-mini.webp');
		aspect-ratio: 1.6/1;
	}
	.text-einspaltig-mitte-unterzeile h1 {
		gap: 6px;
	}
	.text-2spaltig-aussen-erstes {
		margin-top: 13px;
		padding-bottom: 39px;
	}
	.text-2spalten {
		margin-top: 27px;
	}
	#text-2spaltig-column-reverse {
		margin-top: 44px;
		padding-bottom: 33px;
	}
	.text-2spaltig-aussen-letztes {
		margin-top: 44px;
		padding-bottom: 0;
	}
/* *************** Team *************************************************** */	
	#einzelseite-textbereich-team {
		width: 88%;
		margin-top: 0;
	}
	.team-text-einspaltig-mitte h1 {
		margin-bottom: 11px;
	}
	#text-einspaltig-mitte-team {
		margin-bottom: 55px;
	}
	.team-text-2spalten {
		margin-top: 44px;
		padding-bottom: 56px;
	}
	#bild-rund-team {
		width: 58%;
		margin-bottom: 36px;
	}
	#button-teamseite {
		margin-top: 39px;
	}
	.team-zitat-solo .start-zitat-linie {
		width: 100%;
	}
	.slider-element-bild {
		width: 54%;
		margin-top: -125px;
	}
	.slider-element-aussen {
		margin-top: 106px;
		padding: 21px 18px;
	}
	.slider-name {
		margin-bottom: 15px;
	}
/* *************** Stellen *************************************************** */
	#text-mitte-stellen {
		margin-top: 21px;
	}
	#button-stellenangebote {
		margin: 45px 0 0 0;
	}
/* *************** Footer *********************************************************** */
	.footer-aussen {
		margin-top: 163px;
	}

/* *************** Impr./Daten. *********************************************************** */
	.einzelseite-textbereich-impressum {
		width: 85%;
	}
	.einzelseite-textbereich-impressum h3 {
		font-size: 106%;
		margin-bottom: 11px;
	}
}
/* ------------------------------------------------------------------------------------ 390 ------ */
/* ----------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 390px) {
/* *************** alle Seiten *********************************************************** */  
	#kopf-container-fon-icon {
		width: 6%;
		margin-right: 1%;
	}
	.button-abstand-anders-1 {
		margin: 42px 0 0px 0;
	}
	.button-abstand-anders-2 {
		margin-top: 42px;
	}
	#back-to-top {
		right: 13px;
	}
/* *************** Start *********************************************************** */
	#einzelseite-textbereich-start {
		margin-top: -44px;
	}  
	.start-bild-rund {
		width: 49%;
		margin-bottom: 16px;
	}	
	.start-bild-rund-rechts {
		width: 56%;
		margin-bottom: 24px;
	}
	.start-zitat-bild {
		margin-top: 49px;
	}
/* *************** Stellenbeschreibung *************************************************** */	
	.text-einspaltig-stellenbeschreibung h1 {
		font-size: 109%;
	}	
/* *************** Footer *********************************************************** */
	.footer-aussen {
		background-image: url("/wp-content/uploads/2026/08/kieferorthopaedische-praxis-stephanie-kontakt-background-5.png");
	}
	.fusszeile-text-innen {
		font-size: 93%;
		hyphens: none;
	}
	.footer-text-1, 
		.footer-fon {
		font-size: 106%;
	}
	.footer-text-2 {
		margin-top: 9px;
	}
	.footer-text-4 {
		font-size: 100%;
	}
	.footer-innen {
		width: 93%;
		margin-top: -66px;
	}
	#footer-fon-icon {
		margin-bottom: 7px;
	}
	.footer-kontakt {
		margin-bottom: 9px;
	}
	.footer-text-4 {
		margin-top: 21px;
	}
}
/* ------------------------------------------------------------------------------------ 363 ------ */
/* ----------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 363px) {
/* *************** alle Seiten *********************************************************** */
	.einzelseite-textbereich {
		width: 96%;
	}  
	#kopfbereich-menu-container {
		font-size: 103%;
	}
	.navigation li:first-child {
		margin-top: 27px;
	}
	.navigation li:last-child {
		margin-bottom: 27px;
	}
	.navigation li {
		padding: 0;
	}
	
	h1, h2 {
    	font-size: 113%;
		margin-bottom: 15px;
	}
	.start-text-einspaltig h1 {
		margin-bottom: 15px;
	}
/* *************** Start *********************************************************** */
	#text-start-leistungen {
		margin-top: 11px;
	}
	#start-zitat-text-2 {
		font-size: 115%;
		margin-bottom: 13px;
	}	
	.start-bild-rund-rechts {
		width: 69%;
	}
	.mobile-break {
		display: none;
	}
/* *************** behandlungsspektrum ********************************************* */	
	.text-einspaltig-mitte-unterzeile h1::after {
		border-bottom: 0;
	}
	#einzelseite-textbereich-andere-seiten {
		margin-top: 18px;
	}
	.bild-2spalten-rund {
		width: 69%;
	}
	.text-2spalten {
		margin-top: 27px;
	}
	.text-einspaltig-mitte-anders h1 {
		font-size: 111%;
	}
	.text-2spalten h2 {
		margin-bottom: 9px;
	}
/* *************** Team *************************************************** */	
	#zitat-1spalte {
		font-size: 106%;
	}
	.picture-team {
		width: 85%;
	}
	.team-text-2spalten {
		padding-bottom: 49px;
	}
	.team-spalte-links-aussen h3 {
    	font-size: 100%;
	}
	#bild-rund-team {
		width: 63%;
		margin-bottom: 30px;
	}
	.klappelemente-container {
		margin-top: 27px;
	}
	#text-einspaltig-slider {
		margin-top: 36px;
	}
	.slider-element-bild {
		width: 57%;
		margin-top: -118px;
	}
	.slider-name {
		font-size: 144%;
	}
	.slider-element-text {
		font-size: 17px;
	}
/* *************** Stellen *************************************************** */
	#text-mitte-stellen {
		padding-bottom: 33px;
	}
	#text-einspaltig-mitte-stellen {
		margin-top: 33px;
	}
/* *************** Stellenbeschreibung *************************************************** */	
	.break-desktop {
		display: none;
	}	
	.klappelemente-container-faq {
		margin-top: 0;
	}
	.klappelement-ueberschrift-stellen {
		align-items: flex-start;
	}
	.klappelement-ueberschrift-stellen::before {
		line-height: 1.0em;
	}
}
/* ------------------------------------------------------------------------------------ 325 ------ */
/* ----------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 325px) {
/* *************** alle Seiten *********************************************************** */
	.button-innen {
		padding: 9px 18px;
	}
/* *************** Team *************************************************** */	
	.team-spalte-links-aussen h3 {
    	font-size: 93%;
	}
}