:root {
    --Hauptfarbe: #861354; /* pfeffer */
	--Unter_1: #6e254f; /* Unterstreich_Fabe_A */
	--Unter_2: #5e0d3b; /* Unterstreich_Fabe_B */
	--Textfarbe_A: #861354; /* pfeffer farbe */
	--Hover_Text: #000000; /* Maybe #808080 */
    --Zweitfarbe: #1E80B8; /* blue */
	--Drittfarbe: #f5f5f5; /* grey */
} 
/* Stil für Text mit Farbe*/
.txt_color {
	color: var(--Textfarbe_A);
}

/* General and HTML tags directly */

html {
	scroll-behavior: smooth;
	overflow-x: hidden;
}

body, ul, li, a {
    font-family: 'Montserrat', 'Calibri', Arial, 'sans serif', Courier, monospace;	
}

body {
	scroll-behavior: smooth;
	font-size: 16px;
    padding: 0px;
    margin: 0px;
    position: relative;
	background-color: white;
	overflow-x: hidden;
	/*background-image: url('img/Hintergrund.png');
	background-repeat: no-repeat;
	background-size: cover; */
	/*margin-bottom: 4.3cm;*/ 
}

a {
	color: black;
	font-size: 0.875em;
	text-decoration: none;
}

p {
	color: #7A7A7A;
	font-size: 1.0625em;
	margin: 0px 0px 14.4px;
}

h1 {
	right: 0;
    text-align: center;
    font-size: 1.875em;
    min-height: 80px;
	height: auto; /*Important on mobile if a headline becomes multiline */
	line-height: 120%;  /* when it gets broken into multiple lines on mobile */
	margin: 0;
}

h2 {
	display: block;
    font-size: 3.67em;
	font-weight: bold;
	color: #555555;
	height: auto;
	margin: 0;
}

h3 {
	display: block;
    font-size: 3.75em;
	font-weight: bold;
	color: var(--Hauptfarbe);
	height: auto;
	margin: 0;
}

h4 {
    font-size: 3.75em;
    color: #004aad;
}

h5 {
    font-size: 1.3em;
    color: #5A5A5A;
    margin: 0;
    padding-top: 5px;
}

h6 {
	text-align: center;
    font-size: 1.875em;
	height: auto; /*Important on mobile if a headline becomes multiline */
	line-height: 120%;  /* when it gets broken into multiple lines on mobile */
	margin: 0;
}







.container {
	/* top | right | bottom | left */
	margin: 4rem 15vw 50px 15vw;
}

.center-row {
	display: grid;
	grid-template-columns: 1fr auto; /* text | icon */
	gap: 20px;
	margin-bottom: 20px;
}

.center-row, .center-text {
	text-align: center;
	align-items: center;
}

.praxis-head {
	margin-bottom: 30px;
}

.heading-praxis {
	margin-bottom: 30px;
}

.color-on-hover:hover {
	color: var(--Hauptfarbe);
}

/* Box Contact */

.contact-grid p {
  display: grid;
  grid-template-columns: 100px 1fr;
  gap: 1rem;
  margin: 0.25rem 0;
  min-width: 350px;
}

.left-info {
  font-weight: 600;
}


.office-hours p:first-child {
  grid-template-columns: 1fr;
}





.container h6 {
  font-size: clamp(0.8rem, 4vw, 1.5rem);
}

.container p {
  font-size: clamp(0.5rem, 4vw, 1.0rem);
}

/* Standard-Stile für die Desktop-Navigation */
		
.bannerNoImage{
	 background-color: var(--Drittfarbe);
}

.bannerTitel{
	position: relative;
	max-height: 600px;
	background-color: white;
	transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
	z-index: 10;
}

.banner-title-video {
  width: 100%;
  height: 550px; /* Setze die Höhe auf 550px oder eine andere gewünschte Höhe */
  object-fit: cover; /* Macht das Video passend */
  object-position: center top; /* Verschiebt das Video nach unten */
}

.banner-text, .banner-text-two,
.banner-text-three, .banner-text-four,
.banner-button { 
	position: absolute; 
	left: 50%; 
	transform: translate(-50%, -50%); 
	color: #FFFFFF; 
	font-size: 2em; 
	background-color: rgba(0, 0, 0, 0.4); /* Hintergrund für bessere Lesbarkeit */ 
	padding: 10px; 
	border-radius: 0px; 
	opacity: 0; 
	transition: opacity 3s ease; 
} 

.banner-text,
.banner-text-three { 
	top: 36%; 
} 

.banner-text-two,
.banner-text-four { 
	top: 53%; /* Positioniert den zweiten Text etwas weiter unten */ 
}

.banner-button {
	background-color: rgba(0, 0, 0, 0.4);
	transition: background-color 0.3s ease, opacity 3s ease;
	border: none;
	border-radius: 0px;
	color: #FFFFFF;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 1.5em;
	margin: 4px 2px;
	cursor: pointer;
	top: 80%;
	max-width: 9%;
}

.banner-button:hover { 
	background-color: #000000;
}

.bannerTitel-two{
	position: relative;
	max-height: 600px;
	background-color: white;
	transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
	z-index: 10;
}

.navbar-expand-sm.bg-light {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	background-color: var(--Hauptfarbe); 
	padding: 10px
}

.navbar-expand-sm-two.bg-light-two {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	background-color: #f5f5f5;
}

.navbar-expand-sm-two.bg-light-two a {
	color: #555555;
}

.nav_links {
	display: flex;
	flex-direction: row;
	margin-top: 20px;
	margin-right: 40px;
}

.nav_links_two {
	display: flex;
    justify-content: space-between; /* Spreads items across the full width */
    width: 100%; /* Ensure the container spans the full width *//* Ensures the nav_links span the full width of the parent container */
	margin: auto;
}

.nav-item {
	padding-left: 14px;
	padding-right: 14px;
	list-style: none;
}

.nav-item a {
	color: #FFFFFF; 
	font-size: 1.0625em;
	font-weight: bold;
	text-transform: uppercase;
	position: relative;
	transition: color 0.3s;
}

.nav-item a:hover {
    color: var(--Hover_Text);
}

.nav-item a::after { 
	content: ''; 
	position: absolute; 
	left: 0; 
	bottom: -0.8px; /* Verschiebt die Linie etwas nach unten */ 
	width: 100%; 
	height: 2px;
	background-color: var(--Unter_2); /* Farbe der Unterstreichung */ 
	transform: scaleX(0); 
	transform-origin: bottom right;
	transition: transform 0.3s;
} 

.nav-item a:hover::after { 
	transform: scaleX(1); 
	transform-origin: bottom left; 
}

.header-right a {
	color: #FFFFFF;
	padding-right: 34px;
	font-weight: bold;
	font-size: 1.0625em;
	text-transform: uppercase;
	transition: color 0.3s;
}

.header-right a:hover {
	color: var(--Hover_Text);
    border-bottom: 2px solid var(--Unter_2);
}

.svgBlackColor {
	height: 23px;
	padding-right: 3px;
    filter: invert(31%) sepia(1%) saturate(1858%) hue-rotate(17deg) brightness(94%) contrast(80%);
}

.header-two-left {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding-left: 55px;
	font-size: 1.0625em;
	font-weight: bold;
}

.header-two-left a {
	padding-right: 16px;
}

.header-two-middle {
	display: flex;
	justify-content: center;
	padding-bottom: 5px;
}

.header-two-right {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding-right: 58px;
	font-size: 1.0625em;
	font-weight: bold;
}

.banner-title-picture {
	width: 100%;
	height: auto;
}

.banner-grid-picture {
	width: 100%;
	height: auto;
	border-radius: 20px;
}

.header-highlights-box {
    display: flex;
    justify-content: center;
    align-items: center;
	padding-top: 40px;
	background-color: #FFFFFF;
}

/* Standard-Stile für die mobile Navigation */

.navbar-mobile {
	display: none;
	overflow: hidden;
	background-color: #FFFFFF;
}

.navbar-mobile a {
	float: left;
	font-size: 1.0625em;
	font-weight: bold;
	text-transform: uppercase;
	color: white;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
}

.logo-mobile {
	max-width: 185px;
    background-color: white;
    padding: 5px;
}

.drop-button {
	font-size: 1.0625em;
    font-weight: bold;
    text-transform: uppercase;
	color: #FFFFFF;
	padding: 0px 14px;
}

.drop-button:hover {
	color: #000000;
}

.dropdown-box {
	position: relative;
	display: inline-block;
}

.dropdown-content {
	display: none;
	position: absolute;
	background-color: #FFFFFF;
	min-width: 210px;
	z-index: 1;
}

.dropdown-content a {
	color: var(--Hover_Text);
	display: block;
	padding: 12px 16px;
	text-decoration: none;
}

.dropdown-box:hover .dropdown-content {
	display: block;
}

.dropdown-mobile {
	float: left;
	overflow: hidden;
}

.menu-svg {
	width: 47px;
	filter: invert(0%) sepia(4%) saturate(0%) hue-rotate(292deg) brightness(94%) contrast(106%);
}

.dropdown-mobile .dropbtn-mobile {
	border: none;
	outline: none;
	padding: 14px 16px;
	background-color: inherit;
	margin: 0;
}

.navbar-mobile a:hover, .dropdown-mobile:hover .dropbtn-mobile {
	background-color: #FFFFFF;
}

.dropdown-content-mobile {
	  display: none;
	  position: absolute;
	  background-color: #FFFFFF;
	  min-width: 160px;
	  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	  z-index: 1;
}

.dropdown-content-mobile a {
	  float: none;
	  color: #000000;
	  padding: 12px 16px;
	  text-decoration: none;
	  display: block;
	  text-align: left;
	  font-size: 1.0625em;
	  font-weight: bold;
	  text-transform: uppercase;
}

.dropdown-content-mobile a:hover {
	background-color: #F7F7F7;
}

.dropdown-mobile:hover .dropdown-content-mobile {
	display: block;
}

.columns-container {
    display: flex;
    justify-content: space-between;
    max-width: 1000px;
    width: 100%;
    padding: 50px;
} 

.column {
    text-align: center;
    flex: 1;
    padding: 20px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.column-middle {
	text-align: center;
    flex: 1;
    padding: 20px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	margin: 0px 10px;
}

.column:hover,
.column-middle:hover {
	background-color: #F5F5F5;
	cursor: pointer;
	-ms-transform: scale(1.5); /* IE 9 */
	-webkit-transform: scale(1.5); /* Safari 3-8 */
	transition: transform .5s ease;
	transform: scale(1.1); 
}

.column h2 {
    margin-top: 15px;
    font-size: 1.5em;
    font-weight: bold;
}

.column-middle h2 {
    margin-top: 15px;
    font-size: 1.5em;
    font-weight: bold;
}

.column p,
.column-middle p {
    margin-top: 10px;
    font-size: 1.1em;
}

.icon-column-header {
    display: flex;
    justify-content: center;
    align-items: center;
}

.icon-service {
	height: 60px;
	width: auto;
}

.company-box {
    background: #F5F5F5;
    padding: 20px 3px;
}

.company-container-box {
    max-width: 1200px;  /* Constrain the width of the content */
    margin: 80px auto;     /* Center the container horizontally */ 
}

.company-grid-header {
    padding: 20px 0px;
}

.company-container {
    overflow: hidden; /* Verhindert, dass der weiße Rand erscheint */
}

.animated-image {
	transform: translate(100%, 100%);
    opacity: 0;
    transition: transform 2s ease-out, opacity 2s ease;
}

.animated-image.visible {
    transform: translate(0, 0);
    opacity: 1;
}

.company-text-container p {
    color: #555555;
    font-size: 1.1875em;
    font-weight: bold;
}

.company-content {
    display: flex;
    align-items: flex-start;
}

.company-text-container {
    flex: 1; /* The text takes up the available space */
    line-height: 1.5;
}

.company-grid-text {
    flex: 1; /* The text takes up the available space */
    line-height: 1.5;
}

.image-margin-lt img {
    max-width: 400px; /* Limits the image size to display it proportionally */
    height: auto;
    border-radius: 20px;
    margin: 25px 0px 0px 70px;
} 

.company-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 18px;
    padding-top: 40px;
}

.company-grid-container {
    background-color: #fff;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.company-grid-container h6 {
    padding: 20px 0px;
}


.surgery-box {
	background: #f5f5f5;
	padding: 20px 0px;
}

.surgery-container-box {
    max-width: 1200px;  /* Constrain the width of the content */
    margin: 80px auto;     /* Center the container horizontally */ 
}

.company-section-box h2,
.surgery-section-box h2,
.urology-section-box h2 {
	padding: 20px 0px;
}

.surgery-text-container p {
	color: #555555;
	font-size: 1.1875em;
	font-weight: bold;
}

.surgery-content {
    display: flex;
    align-items: flex-start;
}

.surgery-text-container {
    flex: 1; /* The text takes up the available space */
	line-height: 1.5;
}

.medical-technology-section {
	display: flex;
	align-items: center;
    flex: none;
    flex-direction: column;
	margin: 80px 0px;
}

.med-tec-grid-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 20px;
    box-sizing: border-box;
}

.med-tec-grid-picture {
	display: grid;
}

.arrow-svg {
	display: flex;
    justify-content: center;
	height: 3vw;
	filter: invert(41%) sepia(42%) saturate(941%) hue-rotate(170deg) brightness(94%) contrast(89%);
}

.medical-technology-grid {
	border-radius: 48px;
    display: grid;
    flex: none;
	padding-top: 46px;
    gap: 48px;
    grid-template-columns: repeat(4, minmax(1px, 1fr));
    grid-template-rows: repeat(1);
    height: min-content;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 95%;
}

.medical-technology-grid h1 {
	margin-top: 15px;
}

.med-tec-grid-text {
	flex-grow: 1;
    line-height: 1.5;
    padding-bottom: 20px;
}

.med-tec-grid-text p {
	color: #000000;
	font-weight: bold;
}

.all-grid-links {
	display: flex;
    align-items: flex-end;
    font-weight: bold;
    margin-top: auto;
    padding-top: 20px;
	font-size: 1em;
}

.all-grid-links a {
	display: flex;
	align-items: center;
	font-size: 1em;
	margin-left: -5px;
}

.all-grid-links a:hover,
.stk-link a:hover,
.reparaturservice-link a:hover,
.hygiene-management-link a:hover,
.health-insurance-grid-link a:hover {
	-ms-transform: scale(1.5); /* IE 9 */
	-webkit-transform: scale(1.5); /* Safari 3-8 */
	transition: transform .5s ease;
	transform: translateX(40px) scale(1.2); /* Verschiebt das Element um 40px nach rechts und vergrößert sich */
	color: var(--Hauptfarbe);
}

.stk-link a:hover {
	transform: translateX(90px) scale(1.2);
}

.reparaturservice-link a:hover,
.hygiene-management-link a:hover  {
	transform: translateX(130px) scale(1.2);
}

.urology-box {
	background: #FFFFFF;
	padding: 20px 0px;
}

.urology-container-box {
    max-width: 1200px;  /* Constrain the width of the content */
    margin: 80px auto;     /* Center the container horizontally */ 
}

.urology-text-container p {
	color: #555555;
	font-size: 1.1875em;
	font-weight: bold;
}

.urology-content {
    display: flex;
    align-items: flex-start;
}

.urology-text-container {
    flex: 1; /* The text takes up the available space */
	line-height: 1.5;
}

.medical-supplies-section {
	display: flex;
	align-items: center;
    flex: none;
    flex-direction: column;
	margin: 80px 0px;
	background-color: #f5f5f5;
}

.medical-supplies-section h2 {
	align-items: center;
	padding-top: 80px;
}

.medical-supplies-box {
	padding: 0px 80px 80px;
	max-width: 1200px;
}

.med-supplies-grid-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 20px;
    box-sizing: border-box;
}

.medical-supplies-grid {
	border-radius: 48px;
    display: grid;
    flex: none;
	padding-top: 46px;
    gap: 48px;
    grid-template-columns: repeat(2, minmax(1px, 1fr));
    grid-template-rows: repeat(1);
    height: min-content;
    justify-content: center;
    overflow: hidden;
    position: relative;
    width: 95%;
}

.medical-supplies-grid h1 {
	margin-top: 15px;
}

.med-supplies-grid-text {
	flex-grow: 1;
    line-height: 1.5;
    padding-bottom: 20px;
}

.med-supplies-grid-text p {
	color: #000000;
	font-weight: bold;
}

.med-supplies-grid-link {
	display: flex;
    align-items: flex-end;
    font-weight: bold;
    margin-top: auto;
    padding-top: 20px;
	font-size: 1em;
}

.med-supplies-grid-link a {
	font-size: 1em;
} 

.supplies-grid-picture {
	width: 100%;
	height: auto;
	border-radius: 20px;
	justify-content: center;
}

.delivery-section-box {
	background-color: #FFFFFF;
	margin-bottom: 5vw;
}

.delivery-section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2vw;
    max-width: 1200px;
    margin: 0 auto;
    padding: 2vw;
}

.delivery-header {
    grid-column: 1 / span 2;
    text-align: left;
}

.delivery-subtitle {
	font-size: 1.3em;
}

.delivery-header h2 {
    margin: 0;
    font-size: 2.5em;
}

.delivery-header p {
    margin: 0.5rem 0 1rem 0; 
	font-size: 1.2em;
    color: #000000;
}

.delivery-header-two {
	padding-left: 1vw;
}

.delivery-image-section img {
    box-shadow: 0.3vw 0.1vw 1vw rgba(0, 0, 0, 0.3);
    height: 100%;
    object-fit: contain;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-position: center;
    object-fit: cover;
    image-rendering: auto;
}

.delivery-image {
	margin-bottom: 2vw;
}

.delivery-services-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 0.9vw;
}

.delivery-service {
    background-color: #fff;
    border-radius: 1rem;
    padding: 1rem;
    box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.1);
    text-align: left;
}

.delivery-service:hover {
	-ms-transform: scale(1.08); /* IE 9 */
	-webkit-transform: scale(1.08); /* Safari 3-8 */
	transition: transform .5s ease;
	transform: scale(1.08);
}

.delivery-section h1 {
    font-size: 1.5rem;
    color: #000000;
	text-align: center;
}

.delivery-service p {
	text-align: center;
    font-size: 1rem;
    color: #000000;
}

.svg {
	display: flex;
    justify-content: center;
	height: 3vw;
	margin-bottom: 0.3vw;
	filter: invert(16%) sepia(44%) saturate(3725%) hue-rotate(303deg) brightness(93%) contrast(103%);
}

.svg-container {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.delivery-locations-grid-box {
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    max-width: 1200px;
    margin: 4vw auto 8vw; /* Dynamische Anpassung basierend auf Viewport-Width */
	justify-content: center;
    align-items: center;
	box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.1);
}

.delivery-locations-grid-box a:hover {
	color: var(--Hauptfarbe);
}

.delivery-grid-link {
	display: flex;
    align-items: flex-end;
    font-weight: bold;
    margin-top: auto;
    padding: 1vw 0; /* Dynamische Anpassung basierend auf Viewport-Width */ 
	font-size: 1rem;
}

.delivery-grid-link:hover {
	transition: transform .5s ease;
	transform: translateX(40px) scale(1.1);
}

.delivery-grid-container {
	max-width: 1200px; /* Constrain the width of the content */
    margin: 0 auto; /* Center the container horizontally */     
}

.health-insurance-box {
	background: #F5F5F5;
	padding: 20px 0px;
}

.health-insurance-container-box {
    max-width: 1200px;  /* Constrain the width of the content */
    margin: 80px auto;     /* Center the container horizontally */ 
}

.health-insurance-section-box h2 {
	padding: 20px 0px;
}

.health-insurance-text-container p {
	color: #555555;
	font-size: 1.1875em;
	font-weight: bold;
}

.health-insurance-content {
    display: flex;
    align-items: flex-start;
}

.health-insurance-text-container {
    flex: 1; /* The text takes up the available space */
	line-height: 1.5;
	padding-top: 18px;
	margin-right: 50px;
}

.health-insurance-grid-link {
	display: flex;
    align-items: flex-end;
    font-weight: bold;
    margin-top: auto;
    padding-top: 20px;
	font-size: 1em;
}

.health-insurance-container img {
    max-width: 1000px; /* Limits the image size to display it proportionally */
    height: auto;
	border-radius: 20px;
}

.services-preview-container {
    max-width: 1200px;
    margin: 80px auto;
    padding: 20px;
	box-shadow: 8px 8px #919191, 0px 0 .4em #919191;
    border-radius: 15px;
}

.small-table-box a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: inherit;
}

.services-preview-header {
    text-align: center;
}

.services-preview-header h2 {
    text-align: center;
}

.services-preview-header p {
    text-align: center;
	color: #000000;
	font-size: 1.5em;
	padding-top: 30px;
}

.services-preview-subtitle {
	font-size: 1.2em;
	color: #000000;
}

.services-preview-specialties {
    display: flex;
    justify-content: center;
}

table {
    width: 100%;
    border-spacing: 40px;
    text-align: left;
}

td {
    background-color: #fff;
    padding: 15px;
    border-radius: 10px;
    font-size: 1.3em;
    color: #000000;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.services-preview-specialties a {
    font-size: 1.25em;
}

.small-table-box:hover {
    background-color: #d7d7d7;
	-ms-transform: scale(1.1); /* IE 9 */
	-webkit-transform: scale(1.1); /* Safari 3-8 */
	transition: transform .5s ease;
	transform: scale(1.1); /* Vergrößert das Element */
}

.services-preview-icon {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    background-color: var(--Hauptfarbe);
    display: inline-block;
    border-radius: 50%;
}

.other-services-box {
	max-width: 1200px;
    margin: 80px auto;
}

.other-services-grid-container {
	background-color: #fff;
    border-radius: 10px;
    padding-top: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.other-services-list {
	list-style: none;
	border-left: 5px solid var(--Hauptfarbe);
	padding: 0;
}

.other-services-text,
.other-services-list-container {
	text-align: center;
}

.other-services-text p {
	font-size: 1.35em;
	margin-bottom: 25px;
}

.other-services-list li {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	padding: 10px;
}

.services-box {
	background: #F5F5F5;
	padding: 20px 0px;
}

.services-container-box {
    max-width: 1200px;  /* Constrain the width of the content */
    margin: 80px auto;     /* Center the container horizontally */ 
}

.services-section-box h2 {
	padding: 20px 0px;
}

.services-text-container p {
	color: #555555;
	font-size: 1.1875em;
	font-weight: bold;
}

.services-content {
    display: flex;
    align-items: flex-start;
}

.services-text-container {
    flex: 1; /* The text takes up the available space */
	line-height: 1.5;
}

.services-container img {
    max-width: 400px; /* Limits the image size to display it proportionally */
    height: auto;
	border-radius: 20px;
	margin-left: 55px;
} 

.stk-link a {
	display: flex;
    align-items: flex-end;
    font-weight: bold;
    margin-top: auto;
    padding-top: 20px;
	font-size: 1em;
} 

.mtk-box {
	background: #FFFFFF;
	padding: 20px 0px;
}

.mtk-box p {
	color: #555555;
    font-size: 1.1875em;
    font-weight: bold;
}

.validierung-box {
	background: #F5F5F5;
	padding: 20px 0px;
}

.validierung-box p {
	color: #555555;
    font-size: 1.1875em;
    font-weight: bold;
}

.reparaturservice-box {
	background: #FFFFFF;
	padding: 20px 0px;
}

.reparaturservice-box p {
	color: #555555;
    font-size: 1.1875em;
    font-weight: bold;
}

.reparaturservice-grid-container {
    background-color: #fff;
    border-radius: 10px;
    padding: 20px 20px 0px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.reparaturservice-link {
	margin-top: 10px;
}

.reparaturservice-link a {
	display: flex;
    align-items: flex-end;
    font-weight: bold;
    margin-top: auto;
    padding-top: 20px;
	font-size: 1em;
} 

.repair-grid {
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 18px;
	padding: 12px 0px;
}

.hygiene-management-section {
	background-color: #F5F5F5;
	padding: 25px 0px
}

.hygiene-management-box {
    max-width: 1200px;
    margin: 80px auto;
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.hygienemanagement-subtitle {
    text-align: center;
    font-size: 1.2em;
    margin-bottom: 30px;
}

.hygienemanagement-text {
	text-align: center;
    font-size: 1.2em;
    margin-bottom: 30px;
	color: #555555;
}

.hygiene-management-box h3 {
	text-align: center;
    font-size: 2em;
    color: #2D76C7;
} 

.step {
    display: flex;
    margin-bottom: 30px;
    padding: 20px;
    border-left: 4px solid #2D76C7;
    background-color: #F5F5F5;
    border-radius: 6px;
}

.step .hygienemanagement-number {
    font-size: 2.5em;
    font-weight: bold;
    color: #2D76C7;
    margin-right: 20px;
}

.step .hygienemanagement-content h2 {
    font-size: 1.5em;
    color: #2D76C7;
    margin-bottom: 10px;
}

.step .hygienemanagement-content p {
    color: #555555;
    font-size: 1.1em;
}

.practical-planning-section {
    max-width: 1200px;
    margin: 80px auto;
	padding: 20px 5px;
    background-color: #FFFFFF;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Practical-Planning-Intro section */
.practical-planning-intro {
    text-align: center;
    margin-bottom: 30px;
}

.service-button-box {
	margin: 40px auto;
}

.praxisplanung-subtitle {
    font-size: 1.8em;
    margin: 10px 0px 20px;
}

.praxisplanung-description {
    font-size: 1.1em;
    color: #555;
    margin-bottom: 20px;
}

.planning-service-button {
    background-color: #2D76C7;
    color: #FFFFFF;
    padding: 15px 30px;
    border: none;
    border-radius: 5px;
    font-size: 1.25em;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.planning-service-button:hover {
    background-color: #003a8a;
}

/* Practical-Planning-Details section */
.practical-planning-details {
	text-align: center;
    margin-bottom: 40px;
}

.practical-planning-details p {
    font-size: 1.1em;
    margin-bottom: 15px;
    color: #555;
}

/* Practical-Planning-Gallery section */
.practical-planning-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-gap: 20px;
	padding: 8px;
}

.practical-planning-image-container {
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.practical-planning-image-container:hover {
    transform: scale(1.05);
	transition: transform 0.3s ease;
}

.practical-planning-image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.practical-planning-image-container:hover img {
    transform: scale(1.05);
	cursor: pointer;
}

/* Modal styles */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 9999; /* Sit on top */
  padding-top: 60px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgba(0, 0, 0, 0.9); /* Black w/ opacity */
}

.modal-content {
  margin: auto;
  display: block;
  max-width: 80%;
  max-height: 80%;
  margin-top: 40px;
}

#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  font-size: 1.3em;
  text-align: center;
  color: #FFFFFF;
  padding: 10px 0;
}

.close, .prev, .next {
  position: absolute;
  top: 50%;
  color: #FFFFFF;
  font-size: 35px;
  font-weight: bold;
  transition: 0.3s;
  cursor: pointer;
  user-select: none;
}

.close {
  top: 20px;
  right: 25px;
}

.prev {
  left: 20px;
}

.next {
  right: 20px;
}

.close:hover,
.close:focus,
.prev:hover,
.prev:focus,
.next:hover,
.next:focus {
  text-decoration: none;
  cursor: pointer;
}

/* Contact Section */
.contact-section {
	max-width: 1200px;
    margin: 80px auto;
}

.contact-info-container {
	display: flex;
    flex-direction: row; /* Nebeneinander-Anordnung für Kontakt und Ansprechpartner */
    justify-content: space-between;
    gap: 40px;
}

.contact-info, 
.contact-persons {
    background-color: #FFFFFF;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    width: 100%;
}

/* Contact Info */
.contact-info h2 {
    color: var(--Textfarbe_A);
    font-size: 1.8em;
    margin-bottom: 20px;
}

.contact-details p, .office-hours p {
    font-size: 1.1em;
    margin: 10px 0;
}

.contact-details a {
	color: #7A7A7A;
	font-size: 1em;
    text-decoration: none;
}

.contact-details a:hover {
    text-decoration: underline;
}

.contact-mail {
	color: var(--Textfarbe_A);
	font-weight: bold;
}

/* Office Hours */
.office-hours p {
    font-weight: bold;
    margin-top: 15px;
}

/* Contact Persons */

.contact-persons h2 {
    color: #2D76C7;
    font-size: 1.8em;
    margin-bottom: 20px;
}

.contact-persons h2 {
	text-align: center;
}

.contact-person-grid {
    display: grid;
	/* grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	grid-gap: 20px;
	Activate if there are more than two people */ 
	align-items: center;
    justify-content: center;
	text-align: center;
}

.contact-person {
    margin-bottom: 20px;
    padding: 20px;
    background-color: #F5F5F5;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.person-name {
    font-size: 1.4em;
    font-weight: bold;
    color: #333333;
    margin-bottom: 5px;
}

.person-phone {
    font-size: 1.1em;
    color: #555555;
    margin-bottom: 5px;
}

.person-phone  {
    font-size: 1.1em;
    color: #2D76C7;
    text-decoration: none;
    font-weight: bold;
}

.person-phone:hover  {
    text-decoration: underline;
}

.person-email {
    font-size: 1.1em;
    color: #2D76C7;;
    text-decoration: none;
    font-weight: bold;
}

.person-email:hover {
    text-decoration: underline;
}

.location-image-container {
	display: flex;
    justify-content: center;
}

.location-image {
	display: block;
    width: 100%; /* Bild passt sich der Breite an */
    height: 400px; /* Feste Höhe, die du anpassen kannst */
    object-fit: cover; /* Schneidet das Bild zu, um die Höhe zu füllen */
	margin-top: 90px;
}

.partner-section {
	background-color: #F5F5F5;
	padding: 20px 0px;
}

.partner-box {
	max-width: 1200px;  /* Constrain the width of the content */
    margin: 80px auto;     /* Center the container horizontally */ 
}

.partner-section h2 {
	padding: 20px 0px;
}

.partner-section h4 {
	font-size: 2.1875em;
	background-color: #FFFFFF;
	display: inline-block;
	padding: 5px 10px;
	margin-left: 58px;
	border-radius: 4px;
}

.partner-grid-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 20px;
    box-sizing: border-box;
	align-items: center;
}

.partner-grid {
	border-radius: 48px;
    display: grid;
    flex: none;
    gap: 48px;
    grid-template-columns: repeat(4, minmax(1px, 1fr));
    grid-template-rows: auto;
    height: min-content;
    justify-content: center;
	align-items: center;
    overflow: hidden;
    position: relative;
    width: 95%;
}

.partner-grid-picutre {
	width: 50%;
	height: auto;
	border-radius: 20px;
}

.partner-grid-text {
	text-align: flex-start;
}

/* Footer */

.div-footer { 
    max-width: 100%;
    color: white;
    background-color: var(--Hauptfarbe);
    padding: 2em;
	box-sizing: border-box;
}

.footer-top {
    display: flex;
    justify-content: space-between; /* Navigation on the left and email address on the right */
    align-items: center; /* Vertical centering */
	flex-wrap: wrap;
	padding: 0 20px;
}

.nav_links_footer { 
    display: flex;
    font-size: 1.125em;
    text-transform: uppercase;
	flex-wrap: wrap;
	margin-left: -55px;
}

.nav_links_footer li a {
    color: white;
    text-decoration: none;
}


.nav_links_footer li {
    list-style: none; /* Removes the default bullets */
}

.nav_links_footer li a:hover {
    color: #000000;
    border-bottom: 2px solid var(--Unter_2);
}

.footer-contact {
    text-align: left;
	flex-shrink: 0; /* Prevents contact info from shrinking and overflowing */
}

.footer-divider {
    border-bottom: 1px solid white; /* Horizontal line */
}

.footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
	padding: 0 20px;
	flex-wrap: wrap; /* Prevents overflow on small screens */
}

.footer-text {
    font-size: 0.875em;
	flex-shrink: 0; /* Prevents text from shrinking and overflowing */
	color: #FFFFFF;
}

.tel-footertext,
.mail-footertext {
	color: #FFFFFF;
}

.footer-links a {
    color: white;
    text-decoration: none;
    margin-left: 10px;
	flex-shrink: 0; /* Prevents links from shrinking */
}

.footer-links a:hover {
    color: var(--Hover_Text);
    border-bottom: 2px solid var(--Unter_2);
}

.navbar-footer-mobile {
	display: none;
	overflow: hidden;
	background-color: var(--Hauptfarbe);
}

.navbar-footer-mobile a {
	float: left;
	font-size: 1.0625em;
	font-weight: bold;
	text-transform: uppercase;
	color: white;
	text-align: center;
	padding: 4px;
	text-decoration: none;
  
}

.dropdown-footer-mobile {
	float: left;
	overflow: hidden;
	
}

.dropdown-footer-mobile .dropbtn-footer-mobile {
	font-size: 1.0625em;
	font-weight: bold;
	text-transform: uppercase;  
	border: none;
	outline: none;
	color: white;
	padding: 14px 16px;
	background-color: inherit;
	font-family: inherit;
	margin: 0;
}

.navbar-footer-mobile a:hover,
.dropdown-footer-mobile:hover
.dropbtn-footer-mobile {
	background-color: #000000;
}

.dropdown-content-footer-mobile {
	  display: none;
	  position: absolute;
	  background-color: #FFFFFF;
	  min-width: 160px;
	  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	  z-index: 1;
}

.dropdown-content-footer-mobile a {
	  float: none;
	  color: #000000;
	  padding: 12px 16px;
	  text-decoration: none;
	  display: block;
	  text-align: left;
	  font-size: 1.0625em;
	  font-weight: bold;
	  text-transform: uppercase;
}

.dropdown-content-footer-mobile a:hover {
	background-color: #F7F7F7;
}

.dropdown-footer-mobile:hover .dropdown-content-mobile {
	display: block;
}

.footer-links-mobile {
	display: flex;
    flex-direction: column;
}

.navbar-footer-mobile {
	display: none;
    justify-content: center;
    align-items: center;
	flex-direction: column;
	padding: 20px 0px
}

.footer-links-mobile {
	display: flex;
}

.footer-bottom-mobile {
	display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    flex-wrap: wrap;
	flex-direction: column;
}

.agb-box {
	max-width: 1200px;  /* Constrain the width of the content */
    margin: 80px auto;     /* Center the container horizontally */
}

.details-box {
	margin-top: 20px;
}

.details-summary {
	list-style: none;
	padding: 10px;
	background-color: #FFFFFF;
	border: none;
	border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
	margin: 4px;
	cursor: pointer;
}

.details-container p {
	background-color: #FFFFFF;
	padding: 2rem;
	margin: 0 auto;
	border: 1px solid #ddd;
	line-height: 1.5;
}.details-summary, .details-container p {
	border-radius: 5px;
}

.details-summary:hover {
	background-color: #F5F5F5;
}

.impressum-box {
	max-width: 1200px;  /* Constrain the width of the content */
    margin: 80px auto;    /* Center the container horizontally */
}

.impressum-box h6 {
	text-align: left;
}
.impressum-boxen h6 {
	font-size: 1.1875rem;
	margin-top: 30px;
	margin-bottom: 15px;
	font-weight: 400;
}

.heading-text {
	font-size: 1.375rem;
	font-weight: 400;
}

.impressum-boxen p {
	font-size: .9375rem;
	margin-bottom: 20px;
	color: Black;
}

.impressum-boxen strong {
	font-weight: 900;
}

.boxElement {
	margin-top: 40px;
}

.boxElement .boxTitle {
    padding: 10px;
    color: #ffffff;
    height: auto;
    min-height: 30px;
    line-height: 30px;
    background-color: var(--Hauptfarbe);
    width: 100%;
    overflow: hidden;
}

.boxElement .boxTitle span.titleText {
    display: inline-block;
}

.titleText {
	color: #000000;
}

.titleText-notes {
	color: #FFFFFF;
}

.boxTitle {
	margin-bottom: 20px;
}

.impressum-box li {
	margin-left: 40px;
}

.impressum-box a {
	color: #2D76C7;
    text-decoration: none;
    background-color: transparent;
}

.impressum-photo-credits {
	margin-top: 20px;
}

.impressum-photo-credits a {
	color: #2D76C7;
    text-decoration: none;
    background-color: transparent;
}

.impressum-text {
	line-height: 1.5;		margin: 0 10px 0 10px;
}
/*
.impressum-boxen {
	margin-top: 50px;
}
*/


/* mobile settings */

@media only screen and (min-width: 768px) and (max-width: 1024px) {
h2 {
	font-size: 2.8em;
	text-align: center;
}

h5 {
	margin: auto;
	text-align: center;
}

.banner-title-video { 
	height: 250px; /* Adjust height for mobile phones */ 
} 

.banner-text, .banner-text-three {
	top: 48%;
}

.banner-text-two, .banner-text-four {
	top: 70%;
}

.banner-text, .banner-text-two,
.banner-text-four { 
	font-size: 1.5em; /* Smaller text for mobile phones */ 
	width: 80%;
	text-align: center;
}

.banner-text-three {
	width: 41%;
	text-align: center;
	font-size: 1.5em;
}

.banner-button {
	display: none;
}

.delivery-header h2, 
.medical-supplies-section h2 {
	font-size: 4em;
	padding-bottom: 10px;
}

.delivery-header p {
	font-size: 1.9em;
	text-align: center;
	margin-top: 13px;
}

.all-grid-links {
	font-size: 1.12em;
}

.all-grid-links-delivery {
	display: flex;
	justify-content: center;
}

.arrow-svg {
	height: 7vw;
}

.delivery-image-section {
	display: flex;
	justify-content: center;
	align-items: center;
}

.delivery-image-section img {
	width: 75%;
	margin-bottom: 50px;
}

.image-margin-lt img {
	margin: 0px 0px 0px 20px;
}

.navbar-expand-sm.bg-light, 
.nav_links_two	{
	display: flex;
	padding: 0px 6px;
	font-size: 0.8em;
}

.nav_links {
	margin-right: 14px;
}

.header-right {
	padding-top: 4px;
}

.header-two-left {
	padding-left: 20px;
    font-size: 0.8em;
}

.header-highlights-box {
	padding-top: 10px;
}

.nav-item {
	padding: 0px 5px;
}

.nav-item a {
	font-size: 1em;
}

.medical-technology-section {
	padding: 0px 80px 80px;
    max-width: 1200px;
    font-size: 1.5em;
}

.small-box-pa {
	padding: 5px 10px;
}

.small-box-grid-block {
	display: block;
}

.small-box-grid {
	grid-template-columns: auto;
}

.small-box-padding {
	padding: 20px;
}

.delivery-locations-grid-box {
	padding: 10px 0;
}

.delivery-image-section img {
	margin-top: 20px;
}

.health-insurance-box,
.health-insurance-grid-link {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.health-insurance-container img {
	margin-top: 30px;
}

.health-insurance-text-container {
	margin: 0 auto;
	padding: 10px;
}

.services-preview-specialties table {
	border-spacing: 5px;
	font-size: 0.5em;
}

.modal-content { 
	max-width: 90%; 
	max-height: 70%;
	margin-top: 300px;	
} 

.close, 
.prev, 
.next { 
	font-size: 30px; 
}

.contact-section {
	padding: 0px 10px;
}

.navbar-mobile {
	display: none;
    justify-content: space-between;
    align-items: center;
}

.nav_links {
    align-items: center;
	padding-left: 0;
}

.drop-button,
.nav-item {
	padding: 0px 10px;
	margin-left: -7px;
}

.div-footer {
	display: none;
}

.navbar-footer-mobile {
	display:flex;
}

.navbar-footer-mobile,
.footer-text a {
	font-size: 1.3em;
}	
}
	
@media only screen and (min-width: 200px) and (max-width: 767px) {
h2 {
	font-size: 1.5em;
	text-align: center;
	padding-bottom: 10px;
	line-height: 1;
}

h4 {
	font-size: 2em;
}

h5 {
	text-align: center;
	font-size: 0.95em;
}

.banner-title-video { 
	height: 134px; /* Adjust height for mobile phones */ 
} 

.banner-text, .banner-text-three {
	top: 55%;
}

.banner-text-two, .banner-text-four {
	top: 80%;
}

.banner-text, .banner-text-two,
.banner-text-three, .banner-text-four { 
	font-size: 1em; /* Smaller text for mobile phones */ 
	width: 65%;
	text-align: center;
}

.banner-button {
	display: none;
}

.medical-technology-section h2,
.medical-supplies-section h2 {
	font-size: 2.5em;
}

.company-section-box h2 {
	font-size: 1.6em;
}

.surgery-section-box h2,
.delivery-header-two h2,
.practical-planning-section h2,
.health-insurance-box h2,
.contact-persons h2 {
	padding-top: 40px;
}

.health-insurance-box h2 {
	font-size: 1.9em;
}

.practical-planning-section h2 {
	font-size: 1.3em;
}

.arrow-svg {
	height: 13vw;
}

.praxisplanung-subtitle {
	font-size: 1.2em;
	margin: 0px 0px 25px;
}

.image-margin-lt img {
	margin: 0;
}

.header-highlights-box {
	display: none;
}

.medical-technology-section {
	margin: 50px 0px;
}

.medical-technology-section p {
	text-align: center;
}

.medical-technology-grid {
	padding: 0;
}

.medical-supplies-box {
	display: flex;
	justify-content: center;
}
	
.navbar-expand-sm.bg-light, 
.nav_links_two
 {
	display: none;
}

.navbar-mobile {
	display: flex;
    justify-content: space-between;
    align-items: center;
}

.column-margin-mobile {
	margin: 0;
}

.small-box {
	min-width: 200px;
	max-width: 600px;
	min-height: 200px;
	text-align: center;
	margin: 0px;		padding: 0;
	line-height: 150%;
}
.small-box img {
	max-width: 95%;
	margin-top: 20px;
}

.small-box-mt {
	margin-top: 30px;
}

.small-box-container {
	flex-direction: column-reverse;
}

.small-box-container-column {
	flex-direction: column;
}

.small-box-grid {
	grid-template-columns: auto;
}

.small-box-grid-block {
	display: block;
}

.small-box-grid {
	text-align: center;
	display: contents;
}

.small-box-pa {
	padding: 5px 10px;
}

.impressum-section {
	padding: 0 10px 0 10px;
}

.small-text-box {
	padding: 0;
}

.small-table-box {
	display: flex;
    font-size: 1.1em;
    justify-content: center;
    align-items: center;
}

.company-grid-container {
	margin-top: 16px;
}

.repair-grid-header {
	padding-top: 20px;
}

.delivery-service {
	margin-top: 16px;
}

.delivery-header p,
.delivery-header {
	text-align: center;
	margin-top: 13px;
}

.delivery-header h2 {
    margin: 0;
    font-size: 2.5rem;
}

.delivery-svg {
	height: 45px;
}

.delivery-image-section img {
	margin-top: 20px;
}

.practical-planning-details {
	text-align: center;
}

.modal-content { 
	max-width: 95%; 
	max-height: 60%; 
} 

.close, 
.prev, 
.next { 
	font-size: 25px; 
}

table {
	width: 100%;
	border-spacing: 10px;
}

.services-preview-header {
	padding-top: 26px;
}

.services-container img {
	margin: 0 auto;
}

.services-preview-specialties a {
	font-size: 1em;
	display: flex;
    justify-content: center;
    align-items: center;
	text-align: center;
}

.planning-service-button {
	padding: 10px;
}

.health-insurance-text-container {
	margin: 0 auto;
	padding: 10px;
}

.health-insurance-grid-link {
	justify-content: center;
}

.partner-box h2 {
	margin-bottom: 10px;
}

.partner-box h4 {
	display: flex;
	justify-content: center;
	background-color: #F5F5F5;
	margin: 0;
	font-size: 1.75em;
}

.office-hours {
	padding-bottom: 10px;
}

.div-footer {
	display: none;
}

.navbar-footer-mobile {
	display:flex;
} 
}