/**
* 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
*/

@font-face {
    font-family: 'schrift-texte'; /* Ein benutzerdefinierter Name für die Schriftart */
    src: url('fonts/open_sans/OpenSans-VariableFont_wdth,wght.ttf') format('truetype'); /* Weitere Fallback-Option */
    font-weight: normal; /* Gewicht der Schriftart (normal, bold, etc.) */
    font-style: normal; /* Stil der Schriftart (normal, italic, etc.) */
}

:root {

/* *************** Schriften Elke  **************************************************************** */
	--schrift-texte: 'schrift-texte', sans-serif;
	--schriftgroesse-text: 20px;
	--schriftgroesse-h: 150%;
	--schriftgroesse-menu: 100%;

/* *************** Farben TEK **************************************************************** */
	--schriftfarbe-text: #1818ad;
	--link: #3d3d61;
	--link-hover: #fabb16;
	--background-farbig: #fffcf4;
/* *************** Abmessungen TEK  *********************************************************** */
	--breite-kopfzeile: 80%;
	--breite-text: 60%;
	--breite-zwei-spalten: 80%;
	--breite-eine-spalte: 45%;
	--hamburger-menu-height: 25px;
	--hamburger-menu-weite: 45px;	
/* *************** Abstände TEK **************************************************************** */
--abstand-1: 130px;
--abstand-2: 66px;
}
/* *************** grundlegende Elemente *********************************************************** */

html, body {
	margin: 0;
	height: 100%; 
	width: 100%; 
	font-family: var(--schrift-texte);
	font-size: var(--schriftgroesse-text);
	line-height: 1.45;
	color: var(--schriftfarbe-text);
	hyphens: auto;
	scroll-behavior: smooth;
}
#alles {
	display: flex;
	flex-direction: column;
	align-items: center;
/* id von body = identisch */
}

/* *************** muss das rein? **************************************** */
/*#gesamter-inhalte-container {
	width: 100%; /* Standardmäßig nimmt das div die volle Breite ein */
/*	max-width: 1920px; /* Die maximale Breite ist auf 1920px beschränkt */
/*background-color: lightyellow;
}*/
.inhalt {
	width: 100%;
	max-width: 1920px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

h1, h2, h3 {
	hyphens: auto;
	font-size: var(--schriftgroesse-h);
	font-weight: 600;
	line-height: 1.25;
}
h3 {
	margin-top: 0;
}
a {
	text-decoration: none;	
	color: var(--link);
	display: inline;
}
a:hover {
	color: var(--link-hover);
}

.abstand {
	margin-bottom: 18px;
}
.absatz {    /* impressum/datenschutz */
	margin-bottom: 18px;
}
hr {
	width: 66%;
	margin: 33px 0 44px 0;
	border: 1px solid var(--schriftfarbe-text);
}
p {
	margin: 0;
}
ul {
	margin: 15px 0;
}
li {
	margin: 0 0 9px 0;
}
/* *************** Kopfbereich *********************************************************** */
#kopfbereich-container {
	width: 100%; /* Standardmäßig nimmt das div die volle Breite ein */
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
/*background: red;   */
}
.kopfbereich-streifen-aussen {
	width: 100%;
	max-width: 1920px; /* Die maximale Breite ist auf 1920px beschränkt */
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-image: linear-gradient(90deg, var(--background-farbig)  33%, var(--link-hover) 100%);
/*background: lightgray;   */
}
.kopfbereich-streifen-innen { 
	width: var(--breite-kopfzeile);
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 27px 0 27px 0;
/*background: pink;   */
}
.kopfbereich-logo-titel-container {
	width: 90%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;	
	align-items: center;
/*background: lightseagreen;   */
}
.kopfbereich-logo-container {
	width: 15%;
	display: flex;
	flex-direction: column;
	justify-content: center;	
	align-items: center;
/*background: lightyellow;   */
}
.kopfbereich-logo {
	width: 100%;
	object-fit: cover;
}
#kopfbereich-titel-container-aussen {
	width: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-self: flex-start;
	margin-left: 3%;
/*background: lightgreen;	   */
}
#kopfbereich-titel-container-1 {
	width: auto;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
/*background: white;	   */
}
#kopfbereich-titel-container-1 h1 {
	margin: 0;
}
#titel-1 {
	display: flex;
}
#titel-2 {
	display: none;
}
#kopfbereich-titel-container-2 {
	font-size: 111%;
	font-weight: 500;
	line-height: 1.1;
	margin: 0;
/*background: wheat;	   */
}
#kopfbereich-hamburger-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
/*padding-bottom: 8px;	   */
/*background: lightcyan;	   */
}
#kopfbereich-hamburger-container-mitte {
	height: var(--hamburger-menu-height);
	width: var(--hamburger-menu-weite);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	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 {
	width: 100%;
	max-width: 1920px;
	text-align: center;
	position: absolute;
	left: 50%;
	width: 100%;
	font-family: var(--schrift-texte);
	font-size: var(	--schriftgroesse-menu);
	line-height: 1.25;
	transition-property: transform;
    transition-duration: 1s;
	z-index: 10000;
}
.herunterziehen {
    transform: translateX(-50%) translateY(33%); /* Behält horizontale Zentrierung bei */
}
.hochschieben {
    transform: translateX(-50%) translateY(-132%); /* Verschiebt das Menü vertikal und behält Zentrierung */
}
.navigation {
	list-style: none;
	margin: 0;
	padding: 0;
	background-color: white;
}
.navigation .current_page_item {
	background-color: white;
}
.navigation li {
	padding: 10px 15px 10px 15px;
	border-top: 1px dotted var(--schriftfarbe-text);
	background-color: white;
}
.navigation li:first-child {
	padding-top: 20px;	
}
.navigation li:last-child {
	padding-bottom: 20px;	
}
.navigation li a {
	display: block;	
}
.navigation a {
	color: var(--schriftfarbe-text);
}
.navigation .current_page_item a {
	color: var(--schriftfarbe-text);
}
/*.navigation li:hover {
	background-color: var(--background-farbig);
}  */
.navigation li:hover a {
	color: var(--link-hover);
}
/* *************** erster Abschnitt *********************************************************** */
.container-bild-ganze-breite {
	width: 100%;
	display: flex;
/*flex-direction: column;
	justify-content: center;
	align-items: center;   */
	position: relative;
}
.bild-ganze-breite {
	width: 100%;
}
.bild-ganze-breite-1,
.bild-ganze-breite-team1 {
	display: flex;
}
.bild-ganze-breite-2,
.bild-ganze-breite-team2 {
	display: none;
}
.seiteninhalt {
	width: 100%;
	max-width: 1920px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.container-text-eine-spalte {
	width: var(--breite-text);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
/*background-color: red;   */
}
.text-eine-spalte {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	margin-top: var(--abstand-2);
/*background-color: yellowgreen;   */
}
#text-farbiger-hintergrund-aussen {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: var(--background-farbig);
	margin-top: var(--abstand-2);
	margin-bottom: var(--abstand-1);
	font-size: 133%;	
/*background-color: pink;   */
}
#text-farbiger-hintergrund-innen {
	width: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	hyphens: none;
	padding: 66px;
/*background-color: orange;   */
}
/* *************** Abschnitt Leistungen + Team *********************************************************** */
.container-abschnitt2-1920 {
	max-width: 1920px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.container-abschnitt2-1920-farbig {
	background-color: var(--background-farbig);
}
.eine-spalte-abschnitt2 {
	width: var(--breite-text);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	margin-top: var(--abstand-2);
	margin-bottom: var(--abstand-1);
}
.container-zwei-spalten-1920 {
	width: 100%;
	max-width: 1920px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-bottom: var(--abstand-1);
}
.container-zwei-spalten-1920-leistungen {
	background-color: var(--background-farbig);
}
.container-zwei-spalten {
	width: var(--breite-zwei-spalten);
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
/*background: wheat;   */
}
.container-zwei-spalten-team {
	width: var(--breite-text);
}
.container-eine-spalte {
	width: var(--breite-eine-spalte);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
/*background: white;	*/
}
.container-zwei-spalten > p {
	display: none;
}
.foto-eine-spalte,
.foto-eine-spalte-innen {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.text-eine-spalte {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
#das-team {
	margin-bottom: 90px;
}
.titel-potraet h3 {
	margin-bottom: 9px;
}
/* *************** Fußzeile *********************************************************** */
#fussbereich-kontakt-h2 {
	display: none;
}
.fussbereich-container-1920 {
	width: 100%; /* Standardmäßig nimmt das div die volle Breite ein */
	max-width: 1920px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: var(--background-farbig);
}
#fussbereich-container-innen {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
/*background-color: lightblue;		*/
}
#fusszeile-text-aussen {
	width: var(--breite-text);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 66px 0;
/*background-color: lightgray;		*/	
}
#fussbereich-logo {
	width: 18%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 33px;
/*background-color: lightcoral;		*/
}
#fussbereich-logo img {
	width: 100%;
}
#fussbereich-adresse,
#fussbereich-mail {
	width: auto;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}
#fussbereich-adresse {
	margin-bottom: 22px;
	hyphens: none;
}
#fussbereich-mail {
	margin-bottom: 13px;
}
#fussbereich-impressum {
	font-size: 85%;
	margin-top: 6px;
}
#fussbereich-impressum a {
	color: var(--schrift-texte);
}
#fussbereich-impressum a:hover {
	color: var(--link-hover);
}
/* *************** Impressum/ Datenschutz *********************************************************** */
.impressum-datenschutz-linksbuendig {
	align-items: flex-start;
	margin-top: var(--abstand-2);
	margin-bottom: var(--abstand-1);
}
.impressum-datenschutz-linksbuendig h1 {
	margin-bottom: 9px;
}
.impressum-datenschutz-linksbuendig h2 {
	font-size: 133%;
	margin-top: 9px;
}
.tabelle-aussen {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-top: 18px;
/*background-color: lightcoral;  */
}
.tab-linke-spalte {
	width: 23%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
/*/*background-color: lightyellow;  */	
}
.tab-linke-spalte img {
	width: 100%;
}
.tab-rechte-spalte {
	width: 70%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
/*background-color: lightgray;  */
	
}
/* *************** back to top *********************************************************** */
#back-to-top {
    position: fixed;
	z-index: 9999;
    bottom: 20px;
    right: 30px;
    display: none; /* Versteckt das Element standardmäßig */
}


/* -------------------------------------------------------------------------------------------------------------- */
/* ---------------- RESPONSIVE DESIGN --------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------- 1745 ---------------------------------------- */
@media only screen and (max-width: 1745px) {
}
/* ---------------------------------------------------------------------------------------------------------- 1695 ---------------------------------------- */
@media only screen and (max-width: 1695px) {
}
/* ---------------------------------------------------------------------------------------------------------- 1600 ---------------------------------------- */
@media only screen and (max-width: 1600px) {
	.container-text-eine-spalte {
		width: 70%;
	}
}
/* ---------------------------------------------------------------------------------------------------------- 1440 ---------------------------------------- */
@media only screen and (max-width: 1440px) {
	.kopfbereich-logo-container {
		width: 18%;
	}
	#kopfbereich-titel-container-1 h1 {
		font-size: 135%;
	}
	#kopfbereich-titel-container-2 {
		font-size: 106%;	
		}
	.container-zwei-spalten-team,
	#das-team {
		width: 80%;
	}
	#das-team {
		margin-top: 45px;
  		margin-bottom: 88px;
	}
	
	
	#fussbereich-logo {
		width: 24%;
	}
}
/* ---------------------------------------------------------------------------------------------------------- 1380 ---------------------------------------- */
@media only screen and (max-width: 1380px) {
}
/* ---------------------------------------------------------------------------------------------------------- 1280 ---------------------------------------- */
@media only screen and (max-width: 1280px) {
	h1 {
		margin-bottom: 33px;
	}
	.container-text-eine-spalte,
	.eine-spalte-abschnitt2 {
		width: 80%;
	}
	.text-eine-spalte {
		margin-top: 45px;
	}
	#text-farbiger-hintergrund-aussen {
		margin-top: 45px;
		margin-bottom: 110px;
		font-size: 118%;
	}
	#text-farbiger-hintergrund-innen {
		padding: 55px;
	}
	.eine-spalte-abschnitt2 {
		margin-top: 45px;
  		margin-bottom: 77px;
	}
	.container-zwei-spalten-1920 {
		padding-bottom: 77px;
	}
	.impressum-datenschutz-linksbuendig {
		margin-top: 45px;
		margin-bottom: 77px;
	}
}
/* ---------------------------------------------------------------------------------------------------------- 1200 ---------------------------------------- */
@media only screen and (max-width: 1200px) {
	.kopfbereich-streifen-innen {
		width: 90%;
	}
	#kopfbereich-titel-container-1 h1 {
		font-size: 118%;
	}
	#kopfbereich-titel-container-2 {
		font-size: 100%;	
		}
	#kopfbereich-hamburger-container-mitte {
		height: 23px;
	}
	.menu-hamburger-balken {
		width: 39px;
	}
}
/* ---------------------------------------------------------------------------------------------------------- 1150 ---------------------------------------- */
@media only screen and (max-width: 1150px) {
	
	#fusszeile-text-aussen {
		padding: 66px 0 54px 0;
	}	
	#fussbereich-logo {
		width: 30%;
		margin-bottom: 23px;
	}
	#fussbereich-adresse {
		margin-bottom: 18px;
	}
}
/* ---------------------------------------------------------------------------------------------------------- 1125 ---------------------------------------- */
@media only screen and (max-width: 1125px) {
	#text-farbiger-hintergrund-aussen {
		font-size: 109%;
	}
	#text-farbiger-hintergrund-innen {
		padding: 55px 36px;
	}
}
/* ---------------------------------------------------------------------------------------------------------- 1050 ---------------------------------------- */
@media only screen and (max-width: 1050px) {
	body {
		font-size: 18px;
	}
	#kopfbereich-titel-container-1 h1 {
		font-size: 118%;
	}
	#kopfbereich-titel-container-2 {
		font-size: 100%;
		line-height: 1.35;	
	}
	#text-farbiger-hintergrund-aussen {
		font-size: 124%;
	}
	.container-zwei-spalten-1920-leistungen {
  		padding-bottom: 77px;
	}
}
/* ---------------------------------------------------------------------------------------------------------- 1024 ---------------------------------------- */
@media only screen and (max-width: 1024px) {
	h3 {
		margin-bottom: 18px;
	}
	.kopfbereich-streifen-innen {
		padding: 23px 0 20px 0;
	}
	.kopfbereich-logo-container {
		width: 21%;
	}
	#das-team {
		margin-top: 39px;
  		margin-bottom: 69px;
	}
}
/* ---------------------------------------------------------------------------------------------------------- 955 ---------------------------------------- */
@media only screen and (max-width: 955px) {
	.herunterziehen {
		transform: translateX(-50%) translateY(30%);
	}
	.kopfbereich-logo-titel-container {
		width: 85%;
		flex-direction: column;
	}
	#kopfbereich-titel-container-aussen {
		width: auto;  
		align-items: center;
		align-self: center;
		margin-left: 0;
	}
	.container-zwei-spalten-1920 {
		padding-bottom: 33px;
	}
	.container-zwei-spalten-1920-leistungen {
  		padding-bottom: 0;
	}
	.container-zwei-spalten {
		width: 85%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.container-eine-spalte {
		width: 100%;
		margin-bottom: 77px;
	}
	.eine-spalte-abschnitt2 {
		width: 85%;
    	margin-top: 33px;
    	margin-bottom: 60px;
	}
	.text-eine-spalte {
		margin-top: 44px;
	}
	.foto-eine-spalte-potraet {
		width: 60%;
		align-self: flex-start;	
	}
/* ---------------------------------------------------------------------------------------------------------- 850 ---------------------------------------- */
@media only screen and (max-width: 850px) { 
	.kopfbereich-logo-container {
		width: 27%;
		margin-bottom: 6px;
	}
/*-------------------impressum------------------------*/
	.impressum-datenschutz-linksbuendig {
		margin-top: 33px;
		margin-bottom: 66px;
	}	
	.tabelle-aussen {
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		margin-bottom: 9px;
	}
	.tab-linke-spalte {
		width: 70%;
		margin-bottom: 13px;
	}
	.tab-rechte-spalte {
		width: 100%;
	}
}
/* ---------------------------------------------------------------------------------------------------------- 769 ---------------------------------------- */
@media only screen and (max-width: 769px) {
	body {
	line-height: 1.35;
}
	h1, h2, h3 {
		font-size: 139%;
	}
	.impressum-datenschutz-linksbuendig h2 {
		font-size: 120%;
	}
	.abstand {
		margin-bottom: 13px;
	}
	hr {
		width: 100%;
		margin: 15px 0 30px 0;;
	}
	.container-text-eine-spalte,
	.eine-spalte-abschnitt2 {
		width: 85%;
	}
	#text-farbiger-hintergrund-aussen {
		margin-top: 33px;
		margin-bottom: 80px;
	}
	#text-farbiger-hintergrund-innen {
		padding: 44px 36px;
	}
	#text-farbiger-hintergrund-zeile1 {
		margin-bottom: 15px;
	}
	.container-eine-spalte {
    	margin-bottom: 60px;
	}
	.bild-ganze-breite-team1 {
		display: none;
	}
	.bild-ganze-breite-team2 {
		display: flex;
	}
		
/*-------------------fusszeile------------------------*/	
	#fusszeile-text-aussen {
		width: 85%;
		font-size: 20px;
		padding: 54px 0 33px 0;
	}	
	#fussbereich-logo {
		margin-bottom: 18px;
	}
	#fussbereich-impressum {
		margin-bottom: 18px;
	}
}
/* ---------------------------------------------------------------------------------------------------------- 680 ---------------------------------------- */
@media only screen and (max-width: 680px) {
	.herunterziehen {
		transform: translateX(-50%) translateY(22%);
	}
	.kopfbereich-streifen-innen {
		flex-direction: column;
		justify-content: center;
		padding: 27px 0 10px 0;
	}
	.kopfbereich-logo-titel-container {
		width: 100%;
	}
	#kopfbereich-hamburger-container {
		padding-top: 20px;
		padding-bottom: 11px;
	}
	.kopfbereich-logo-container {
		margin-bottom: 3px;
	}
}
/* ---------------------------------------------------------------------------------------------------------- 652 ---------------------------------------- */
@media only screen and (max-width: 652px) {
}
/* ---------------------------------------------------------------------------------------------------------- 635 ---------------------------------------- */
@media only screen and (max-width: 635px) { 
}
/* ---------------------------------------------------------------------------------------------------------- 592 ---------------------------------------- */
@media only screen and (max-width: 592px) {	
	.herunterziehen {
		transform: translateX(-50%) translateY(20%);
	}
	h1{
		font-size: 127%;
		margin-bottom: 22px;
	}
	.impressum-datenschutz-linksbuendig h2 {
		font-size: 115%;
	} 
	ul {
		padding-left: 15px;
	}
	.kopfbereich-streifen-aussen {
		background-image: linear-gradient(90deg, var(--link-hover) 0%, var(--background-farbig) 100%);
	}
	.kopfbereich-logo-container {
		margin-bottom: 6px;
	}	
	.bild-ganze-breite-1 {
		display: none;
	}
	.bild-ganze-breite-2 {
		display: flex;
	}
	#titel-1 {
		display: none;
	}
	#titel-2 {
		display: flex;
	}
	#kopfbereich-titel-container-2 {
		line-height: 1.6;
	}
	#kopfbereich-hamburger-container {
		padding-top: 24px;
		padding-bottom: 18px;
	}
	#kopfbereich-hamburger-container-mitte {
    	height: 21px;
	}
	.menu-hamburger-balken {
    	width: 36px;
	}
	#text-farbiger-hintergrund-aussen {
    	font-size: 111%; 
		line-height: 1.35;
		margin-top: 13px;
		margin-bottom: 61px;
	}
	#text-farbiger-hintergrund-innen {
		padding: 33px 36px;
	} 
	#text-farbiger-hintergrund-zeile1 {
    	margin-bottom: 11px;
	}
	#das-team {
		margin-top: 33px;
		margin-bottom: 55px;
	}
	.container-eine-spalte-team {
		margin-bottom: 33px;
	}
	
/*-------------------fusszeile------------------------*/	
	#fusszeile-text-aussen {
		font-size: 18px;
	}		
	#fussbereich-logo {
		width: 36%;
	}
	
/*-------------------impressum------------------------*/		
	.tabelle-aussen {
		margin-top: 6px;
	}
	.tab-linke-spalte {
    	width: 90%;
		margin-bottom: 9px;
	}
}
/* ---------------------------------------------------------------------------------------------------------- 535 ---------------------------------------- */
@media only screen and (max-width: 535px) {	
	.herunterziehen {
		transform: translateX(-50%) translateY(24%);
	}
	h3 {
		margin-bottom: 13px;
	}
	.kopfbereich-logo-container {
		width: 33%;
		margin-bottom: 9px;
	}
	#kopfbereich-titel-container-1 h1 {
		font-size: 106%;
	}  
	#kopfbereich-titel-container-2 {
		font-size: 93%;
    	line-height: 1.35;
	}
	#kopfbereich-hamburger-container-mitte {
    	height: 19px;
	}
	.menu-hamburger-balken {
    	width: 33px;
	}  
	#kopfbereich-hamburger-container {
		padding-top: 15px;
		padding-bottom: 9px;
	}
	.eine-spalte-abschnitt2 {
		margin-top: 33px;
    	margin-bottom: 69px;
	}
	.container-eine-spalte {
		margin-bottom: 54px;
	}
	.container-eine-spalte-team {
		margin-bottom: 33px;
    }
	.foto-eine-spalte-potraet {
		width: 100%;
		align-self: center;
	}
	.titel-potraet h3 {
		margin-bottom: 0;
	}
}
/* ---------------------------------------------------------------------------------------------------------- 464 ---------------------------------------- */
@media only screen and (max-width: 464px) {
	.herunterziehen {
		transform: translateX(-50%) translateY(28%);
	}		
	.kopfbereich-streifen-innen {
		padding: 20px 0 10px 0;
	}
	.kopfbereich-logo-container {
		width: 38%;
	}
	#kopfbereich-titel-container-2 {
		display: none;
	}  
	#kopfbereich-titel-container-1 h1 {
		text-align: center;
		line-height: 1.25;
		hyphens: none;
	}
	.eine-spalte-abschnitt2 {
		margin-top: 20px;
    	margin-bottom: 47px;
	}
	.container-eine-spalte {
		margin-bottom: 44px;
	}
	#das-team {
		margin-top: 18px;
		margin-bottom: 39px;
    }
}	
/*-------------------fusszeile------------------------*/	
	#fussbereich-logo {
		width: 39%;
		margin-bottom: 9px;
	}
}
/* ---------------------------------------------------------------------------------------------------------- 446 ---------------------------------------- */
@media only screen and (max-width: 446px) {
/*	.herunterziehen {
		transform: translateX(-50%) translateY(28%);
	}   */
}		
/* ---------------------------------------------------------------------------------------------------------- 415 ---------------------------------------- */
@media only screen and (max-width: 415px) {
}
/* ---------------------------------------------------------------------------------------------------------- 395 ---------------------------------------- */
@media only screen and (max-width: 395px) {
	h1, h2, h3 {
		font-size: 118%;
	} 
	h1 {
		margin-bottom: 26px;
	} 
	.impressum-datenschutz-linksbuendig h2 {
		font-size: 109%;
	}
	h2, h3 {
		margin-bottom: 13px;
	}
	hr {
		margin: 6px 0 23px 0;;
	} 
	.text-eine-spalte {
		margin-top: 33px;
	}
}
/* ---------------------------------------------------------------------------------------------------------- 350 ---------------------------------------- */
@media only screen and (max-width: 350px) {
}