:root,
[data-bs-theme=light] { 
	--bs-body-bg: #fff;
	
	--bs-body-font-family: 'Red Hat Text',  system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--bs-body-font-size: larger;
	--bs-body-font-weight: 400;
	--bs-body-line-height: 1.5em;
	--bs-body-color: #444;
	--bs-body-color-rgb: 68, 68, 68;
	--bs-body-color-a-rgb: 68, 68, 68;
		
	--heading-font-family-family: "Aspergit",  sans-serif;
	--bs-heading-color: var(--bs-primary);
	--heading-link-color: inherit;
	--heading-link-decoration: none;
	--heading-link-hover-color: var(--bs-secondary);
	--heading-link-hover-decoration: underline;
	
	--bs-primary:  #004559;
	--bs-primary-rgb: 0, 69, 89;
	--bs-primary-a-rgb: 0, 69, 89;
	--bs-primary-border-subtle: rgba(var(--bs-primary-rgb), 0.5);
	--bs-primary-color: rgba(var(--bs-primary-rgb), 0.75);
	--bs-primary-dark:  #003559;
	--bs-primary-dark-rgb: 0,53,89;
	--bs-primary-light:  #005f7a;
	--bs-primary-light-rgb: 0,95,122;
	--bs-primary-bg: var(--bs-primary);
	--bs-primary-text-emphasis: var(--bs-primary-dark);
	--bs-primary-bg-subtle: var(--bs-primary-light);
	
	--bs-secondary:  #deba9b;
	--bs-secondary-rgb: 222,186,155;
	--bs-secondary-a-rgb: 222,186,155;
	--bs-secondary-border-subtle: rgba(var(--bs-secondary-rgb), 0.5);
	--bs-secondary-color: rgba(var(--bs-secondary-rgb), 0.75);
	--bs-secondary-dark:  #b88e67;
	--bs-secondary-dark-rgb: 184,142,103;
	--bs-secondary-light:  #edd0b7;
	--bs-secondary-light-rgb: 237,208,183;
	--bs-secondary-bg: var(--bs-secondary);
	--bs-secondary-text-emphasis: var(--bs-secondary-dark);
	--bs-secondary-bg-subtle: var(--bs-secondary-light);
	
	--bs-accent: #007698;
	--bs-accent-rgb: 0,118,153;
	--bs-accent-a-rgb: 0,118,153;
	--bs-accent-dark: #005872;
	--bs-accent-dark-rgb: 0,88,114;
	--bs-accent-light: #009cc9;
	--bs-accent-light-rgb: 0,156,201;
	
	--bs-light: #e8eeee;
	--bs-light-rgb: 232,238,238;
	--bs-lighter: #f4f7f7;
	--bs-lighter-rgb: 244,247,247;
		
	--bs-link-color-rgb: var(--bs-secondary-dark-rgb);
	--bs-link-color: var(--bs-secondary-dark);
	--bs-link-hover-color: var(--bs-primary-dark);
	--link-weight: 400;
	--bs-link-decoration: underline;
	--link-hover-decoration: underline;

	--nav-font-family: "Red Hat Display",  sans-serif;
	--nav-font-weight: 300;
	
	--nav-link-font-family: "Red Hat Display",  sans-serif;
	--nav-link-font-weight: 300;
	--nav-link-color: var(--bs-primary);
	--nav-link-hover-font-weight: 300;
	--nav-link-hover-color: var(--bs-primary);
	--nav-link-active-font-weight: 600;
	--nav-link-active-color: var(--bs-secondary);
	--nav-link-show-font-weight: 300;
	--nav-link-show-color: var(--bs-secondary);
	
	--nav-link-affix-font-weight: 300;
	--nav-link-affix-color: var(--bs-primary);
	--nav-link-affix-hover-font-weight: 300;
	--nav-link-affix-hover-color: var(--bs-primary);
	--nav-link-affix-active-font-weight: 600;
	--nav-link-affix-active-color: var(--bs-secondary);
	--nav-link-affix-show-font-weight: 300;
	--nav-link-affix-show-color: var(--bs-secondary);
	
	--nav-link-mobil-font-weight: 300;
	--nav-link-mobil-color: var(--bs-primary);
	--nav-link-mobil-hover-font-weight: 300;
	--nav-link-mobil-hover-color: var(--bs-primary);
	--nav-link-mobil-active-font-weight: 600;
	--nav-link-mobil-active-color: var(--bs-secondary);
	--nav-link-mobil-show-font-weight: 300;
	--nav-link-mobil-show-color: var(--bs-secondary);
	
	--dropdown-font-family: "";
	--dropdown-font-weight: 400;
	--dropdown-color: var(--bs-body-color);
	--dropdown-hover-font-weight: 500;
	--dropdown-hover-color: var(--bs-secondary);
	--dropdown-active-font-weight: 600;
	--dropdown-active-color: var(--bs-secondary);
	
	--dropdown-mobil-font-weight: 400;
	--dropdown-mobil-color: var(--bs-body-color);
	--dropdown-mobil-hover-font-weight: 500;
	--dropdown-mobil-hover-color: var(--bs-secondary);
	--dropdown-mobil-active-font-weight: 600;
	--dropdown-mobil-active-color: var(--bs-secondary);
	
	--list-padding-t: .4em;
	--list-padding-b: .4em;
	--list-padding-s: 25px;
	--list-margin-b: 0;
	--list-symbol-margin-s: -25px;
	--list-symbol-width: 25px;
	--list-symbol-color: var(--bs-secondary);
	--list-symbol-hover-color: var(--bs-primary-dark);
	--list-symbol-active-color: var(--bs-accent);
	--list-symbol: '\F061';
	--list-symbol-font-family: "Font Awesome 5 Free";
	--list-symbol-font-weight: 900;
	--list-border-color: var(--bs-gray-300);
	--list-border-width: 1px;
	
	--bs-border-radius: 0;
	
	--bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
	--bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.3);
	--bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.2);
	--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.2);
	
	--gradient-1: linear-gradient(0deg, rgba(var(--bs-secondary-rgb), 1), rgba(var(--bs-secondary-dark-rgb), 1) );
	--gradient-2: linear-gradient(45deg, rgba(var(--bs-secondary-rgb), 1), rgba(var(--bs-secondary-dark-rgb), 1));
	--gradient-3: linear-gradient(90deg, rgba(var(--bs-secondary-rgb), 1), rgba(var(--bs-secondary-dark-rgb), 1));
	--gradient-4: linear-gradient(180deg, rgba(var(--bs-secondary-rgb), 1), rgba(var(--bs-secondary-dark-rgb), 1));
	--gradient-5: linear-gradient(270deg, rgba(var(--bs-secondary-rgb), 1), rgba(var(--bs-secondary-dark-rgb), 1));
	--gradient-6: linear-gradient(170deg, rgba(var(--bs-secondary-rgb), 1), rgba(var(--bs-secondary-rgb), 1) 40%, rgba(var(--bs-secondary-dark-rgb), 1) 100%);
}




[data-bs-theme=primary] > *  {
	--bs-heading-color: rgba(var(--bs-secondary-light-rgb), 1) !important;
	--bs-black: rgba(var(--bs-white-rgb), .8) !important;
	--bs-black-rgb: rgba(var(--bs-white-rgb), .8) !important;
	--bs-primary: rgba(var(--bs-secondary-light-rgb), 1) !important;
	--bs-primary-rgb: var(--bs-secondary-light-rgb) !important;
	}
[data-bs-theme=primary] .text-primary,
[data-bs-theme=primary] a.text-primary,	
[data-bs-theme=primary] a.text-primary:hover { 
	color: rgba(var(--bs-secondary-light-rgb), 1) !important
	}	
[data-bs-theme=primary] .text-black,
[data-bs-theme=primary] a.text-black,
[data-bs-theme=primary] a.text-black:hover { 
	color: rgba(var(--bs-white-rgb), .8) !important
	} 		
	
	
	
[data-bs-theme=secondary] .text-secondary,	
[data-bs-theme=secondary] a.text-secondary,	
[data-bs-theme=secondary] a.text-secondary:hover { 
	color: rgba(var(--bs-secondary-light-rgb), 1) !important
	}	
	
	
	

[data-bs-theme=accent] > *  {
	--bs-heading-color: rgba(var(--bs-secondary-light-rgb), 1) !important;
	--bs-primary: rgba(var(--bs-secondary-light-rgb), 1) !important;
	--bs-primary-rgb: var(--bs-white-rgb) !important;
	--bs-link-color: var(--bs-secondary-light) !important;
	--list-symbol-color: var(--bs-secondary-light) !important;
	--list-symbol-active-color: var(--bs-secondary-light) !important;
	}
[data-bs-theme=accent] .text-primary,
[data-bs-theme=accent] a.text-primary,
[data-bs-theme=accent] a.text-primary:hover { 
	color: rgba(var(--bs-secondary-rgb), 1) !important
	}
[data-bs-theme=accent] .text-accent,
[data-bs-theme=accent] a.text-accent,	
[data-bs-theme=accent] a.text-accent:hover { 
	color: rgba(var(--bs-white-rgb), 1) !important
	}
[data-bs-theme=accent] .text-secondary-dark,
[data-bs-theme=accent] a.text-secondary-dark,	
[data-bs-theme=accent] a.text-secondary-dark:hover { 
	color: var(--bs-gray-500) !important
	}	
		
		
			
				
[data-bs-theme=dark] > *  {
	--bs-heading-color: rgba(var(--bs-secondary-light-rgb), 1) !important;
	--bs-primary: rgba(var(--bs-secondary-light-rgb), 1) !important;
	--bs-primary-rgb: var(--bs-white-rgb) !important;
	}
[data-bs-theme=dark] .text-primary,
[data-bs-theme=dark] a.text-primary,	
[data-bs-theme=dark] a.text-primary:hover { 
	color: rgba(var(--bs-secondary-light-rgb), 1) !important
	}		

	
	
	
	
/* ============================================================== 
	 # Flaticon
=================================================================== */
[class^="flaticon-"] {
	font-style: normal !important;
	}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
	font-style: normal !important;
	font-weight: normal !important
	}
			[class^="flaticon-set-"]:before, [class*=" flaticon-set-"]:before, [class^="flaticon-set-"]:after, [class*=" flaticon-set-"]:after {
				font-family: Flaticon-set;
				}	
			[class^="flaticon-hospital-"]:before, [class*=" flaticon-hospital-"]:before, [class^="flaticon-hospital-"]:after, [class*=" flaticon-hospital-"]:after {
				font-family: Flaticon-hospital;
				}	
			[class^="flaticon-corona-"]:before, [class*=" flaticon-corona-"]:before, [class^="flaticon-corona-"]:after, [class*=" flaticon-corona-"]:after {
				font-family: Flaticon-corona;
				}
			[class^="flaticon-corona2-"]:before, [class*=" flaticon-corona2-"]:before, [class^="flaticon-corona2-"]:after, [class*=" flaticon-corona2-"]:after {
				font-family: Flaticon-corona2;
				}		
			[class^="flaticon-arrows-"]:before, [class*=" flaticon-arrows-"]:before, [class^="flaticon-arrows-"]:after, [class*=" flaticon-arrows-"]:after {
				font-family: Flaticon-arrows;
				}	
			[class^="flaticon-email-"]:before, [class*=" flaticon-email-"]:before, [class^="flaticon-email-"]:after, [class*=" flaticon-email-"]:after {
				font-family: Flaticon-Email;
				}	
			[class^="flaticon-office-"]:before, [class*=" flaticon-office-"]:before, [class^="flaticon-office-"]:after, [class*=" flaticon-office-"]:after {
				font-family: Flaticon-office;
				}	
			[class^="flaticon-school-"]:before, [class*=" flaticon-school-"]:before, [class^="flaticon-school-"]:after, [class*=" flaticon-school-"]:after {
				font-family: Flaticon-school;
				}	
			[class^="flaticon-science-"]:before, [class*=" flaticon-science-"]:before, [class^="flaticon-science-"]:after, [class*=" flaticon-science-"]:after {
				font-family: Flaticon-science;
				}
			[class^="flaticon-supply-"]:before, [class*=" flaticon-supply-"]:before, [class^="flaticon-supply-"]:after, [class*=" flaticon-supply-"]:after {
				font-family: Flaticon-supply;
				}
			[class^="flaticon-settings-"]:before, [class*=" flaticon-settings-"]:before, [class^="flaticon-settings-"]:after, [class*=" flaticon-settings-"]:after {
				font-family: Flaticon-settings;
				}
			[class^="flaticon-login-"]:before, [class*=" flaticon-login-"]:before, [class^="flaticon-login-"]:after, [class*=" flaticon-login-"]:after {
				font-family: Flaticon-login;
				}
			[class^="flaticon-basic-"]:before, [class*=" flaticon-basic-"]:before, [class^="flaticon-basic-"]:after, [class*=" flaticon-basic-"]:after {
				font-family: Flaticon-basic;
				}
			[class^="flaticon-basic2-"]:before, [class*=" flaticon-basic2-"]:before, [class^="flaticon-basic2-"]:after, [class*=" flaticon-basic2-"]:after {
				font-family: Flaticon-basic2;
				}	
			[class^="flaticon-computer-"]:before, [class*=" flaticon-computer-"]:before, [class^="flaticon-computer-"]:after, [class*=" flaticon-computer-"]:after {
				font-family: Flaticon-computer;
				}
			[class^="flaticon-users-"]:before, [class*=" flaticon-users-"]:before, [class^="flaticon-users-"]:after, [class*=" flaticon-users-"]:after {
				font-family: Flaticon-users;
				}	
				
				
				
				
/*--------------------------------------------------------------
# General / Typo
--------------------------------------------------------------*/
body {
	background-image: url(../images/texturen/free-texture-noearaujo_d.jpg);
}


h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6  {
	font-weight: 600;
	}
h1,.h1 {
	text-transform: uppercase;
	letter-spacing: .02em;
}

h4, .h4 { font-size: clamp(1.25rem, 1.1rem + 0.5vw, 1.7rem); line-height: 1.35; }
h5, .h5 { font-size: clamp(1.15rem, 1.05rem + 0.4vw, 1.5rem); line-height: 1.4; }
h6, .h6 { font-size: clamp(1.05rem, 0.95rem + 0.35vw, 1.35rem); line-height: 1.45; }

@media (max-width: 768px) {
	h3, .h3, aside h3, aside .h3 { font-size: clamp(1.35rem, 1.2rem + 0.65vw, 1.85rem); }
	h4, .h4, aside h4, aside .h4 { font-size: clamp(1.25rem, 1.1rem + 0.55vw, 1.65rem); }
	h5, .h5, aside h5, aside .h5 { font-size: clamp(1.15rem, 1.05rem + 0.45vw, 1.45rem); }
	h6, .h6, aside h6, aside .h6 { font-size: clamp(1.05rem, 0.95rem + 0.35vw, 1.3rem); }
}

b 		{ font-weight: 600 !important; }
strong 	{ font-weight: 700 !important; }

h1 sub, h2 sub, h3 sub, h4 sub, h5 sub, h6 sub,
.title sub {
	font-family: var(--bs-body-font-family);
	}
	
.muted 				{ font-family: var(--heading-font-family-family); }
h1.muted, .h1.muted,
h2.muted, .h2.muted,
h3.muted, .h3.muted,
h4.muted, .h4.muted,
h5.muted, .h5.muted,
h6.muted, .h6.muted,
h1 .muted,
h2 .muted,
h3 .muted,
h4 .muted,
h5 .muted,
h6 .muted 			{ font-weight: bold !important }

.muted.fw-lighter 	{ }
.muted.fw-light 	{ font-weight: 200 !important; }
.muted.fw-normal 	{ font-weight: normal !important; }
.muted.fw-medium 	{  }
.muted.fw-semi-bold {  }
.muted.fw-bold 		{ font-weight: bold !important; }
.muted.fw-bolder 	{ font-weight: bold !important; }

b .muted, b.muted, .muted b 	{ font-weight: bold !important; }
a .muted, a.muted, .muted a  	{ font-weight: bold !important; }
strong .muted, strong.muted, .muted strong	{  }






/*--------------------------------------------------------------
# TITLE / HEADING
--------------------------------------------------------------*/
.title,
main h1 {
	position: relative;
	display: block;
	width: 100%;
	margin-top: 0;
	margin-bottom: 60px;
	padding-bottom: 20px;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	color: var(--bs-primary);
	font-family: var(--heading-font-family-family);
	letter-spacing: .03em;
	font-weight: 800 !important;
	}
.title.muted 	{ 
	font-family: var(--bs-body-font-family) !important; 
	letter-spacing: -.01em;
	text-transform: none;
	font-weight: 400 !important
	}
	@media (min-width: 1200px) {
		.title:not([class*="-start"], [class*="-end"]) {
		padding-left: 12%;
		padding-right: 12%;
		}
	}
aside .title {
	padding-left: 0 !important
	}	
.title small {
	font-size: 90%;
	line-height: 1.2em
	}
	
.title .topline {
	position: relative;
	display: block;
	font-weight: bold;
	color: var(--bs-secondary);
	text-transform: uppercase;
	margin-bottom: .5em;
	font-weight: 700 !important;
	font-family: var(--bs-body-font-family);
	letter-spacing: 0;
	font-size: 60%;
	}	
	h1.title .topline { font-size: 40%; }	
	
	.title::before,
	main h1::before {
		content: "";
		border: none;
		border-bottom: 1px solid color-mix(in srgb, var(--bs-primary), transparent 70%);
		display: inline-block;
		opacity: 1;
		position: absolute;
		bottom: 0;
		width: 50%; 
		left: calc(50% - 25%);
		}	
	.title::after,
	main h1::after {
		content: '';
		position: absolute;
		display: block;
		height: 6px;
		background: var(--gradient-2);
		bottom: -2px;
		width: 30% !important;
		left: calc(50% - 15%);
		}
		
		.title.muted::before { bottom: -5px; }
		.title.muted::after { bottom: -7px; }	
		
	.title.text-white .topline {
		color: var(--bs-secondary);
		}
	.title.text-white::before{
		background: color-mix(in srgb, var(--bs-white), transparent 60%);
		}		
	
.bg-secondary .title::after,
.bg-gradient-1 .title::after,
.bg-gradient-2 .title::after,
.bg-gradient-3 .title::after,
.bg-gradient-4 .title::after,
.bg-gradient-5 .title::after,
.bg-gradient-6 .title::after {
	background: linear-gradient(45deg, rgba(237, 208, 183, 1), rgba(222, 186, 155, 1));
	}
.bg-secondary .title::before,
.bg-gradient-1 .title::before,
.bg-gradient-2 .title::before,
.bg-gradient-3 .title::before,
.bg-gradient-4 .title::before,
.bg-gradient-5 .title::before,
.bg-gradient-6 .title::before{
	background: color-mix(in srgb, var(--bs-white), transparent 60%);
	}

h2.title::before 	{ bottom: -10px; }
h2.title::after 	{ bottom: -12px; }

h3.title::before 	{ bottom: -12px; }
h3.title::after 	{ bottom: -14px; }	

h4.title::before 	{ bottom: -12px; }
h4.title::after 	{ bottom: -14px; }
			

.title.text-start { text-align: left;  }
.title.text-end { text-align: right; left: auto; }
	.title.text-start::before 	{ left: 0 }
	.title.text-start::after 	{ left: 0}	
	.title.text-end::before 	{ left: auto; right: 0 }
	.title.text-end::after 	{ left: auto; right: 0 }	
		
@media (min-width: 575px) {
	.title.text-start-sm 	{ text-align: left;  }	
	.title.text-end-sm 	{ text-align: right; }
	.title.text-sm-start::before 	{ left: 0 }
	.title.text-sm-start::after 	{ left: 0}	
	.title.text-sm-end::before 	{ left: auto; right: 0 }
	.title.text-sm-end::after 	{ left: auto; right: 0 }	
}
@media (min-width: 768px) {
	.title.text-start-md 	{ text-align: left; }	
	.title.text-end-md 	{ text-align: right; }
	.title.text-md-start::before 	{ left: 0 }
	.title.text-md-start::after 	{ left: 0}	
	.title.text-md-end::before 	{ left: auto; right: 0 }
	.title.text-md-end::after 	{ left: auto; right: 0 }		
}
@media (min-width: 992px) {
	.title.text-start-lg 	{ text-align: left; }	
	.title.text-end-lg 	{ text-align: right; }	
	.title.text-lg-start::before 	{ left: 0 }
	.title.text-lg-start::after 	{ left: 0}	
	.title.text-lg-end::before 	{ left: auto; right: 0 }
	.title.text-lg-end::after 	{ left: auto; right: 0 }	
}


main h1 { /* siehe .title */
	margin-bottom: 25px;
	padding-bottom: 20px;
	text-align: left;
	
	font-size: calc(1.75rem + 1vw);
	}
	main h1::before {
	bottom: 12px;
	width: 50%; 
	left: 0;
	}
	main h1::after {
	bottom: 10px;
	width: 25% !important;
	left: 0;
	}







/*--------------------------------------------------------------
# Buttons
--------------------------------------------------------------*/
.btn {
	/*font-weight: 500;
	letter-spacing: 0.02em;*/
	text-transform: uppercase;
	border-radius: var(--bs-border-radius) !important;
	font-weight: 500
	}	

	
.btn-primary {
	background-color: var(--bs-primary);
	outline: 8px solid var(--bs-primary);
	border-image: linear-gradient(to right, var(--bs-secondary) 0%, var(--bs-secondary-dark) 100%) 1;
	border-width: 3px;
	border-style: solid;
	}
	.btn-primary:hover,
	.btn-primary:focus {
	background-color: var(--bs-secondary) !important;
	color: var(--bs-primary) !important;
	}	
	.btn-primary:hover i,
	.btn-primary:focus i,
	.btn-outline-primary:hover i,
	.btn-outline-primary:focus i {
	color: var(--bs-white) !important;
	}	 
	   
.btn-secondary {
	background-color: var(--bs-white);
	outline: 8px solid var(--bs-white);
	border-image: linear-gradient(to right, var(--bs-secondary) 0%, var(--bs-secondary-dark) 100%) 1;
	border-width: 3px;
	border-style: solid;
	color: var(--bs-secondary-dark)
	}
	.btn-secondary:hover,
	.btn-secondary:focus {
	background-color: var(--bs-secondary) !important;
	color: var(--bs-white) !important;
	  }	
	.btn-secondary:hover i,
	.btn-secondary:focus i,
	.btn-outline-secondary:hover i,
	.btn-outline-secondary:focus i {
	color: var(--bs-white) !important;
	}	 
	    
.btn-outline-secondary {
	border-image: linear-gradient(to right, var(--bs-secondary) 0%, var(--bs-secondary-dark) 100%) 1;
	border-width: 3px;
	border-style: solid;
	color: var(--bs-secondary-dark)
	}
[class*="btn-outline-"] {
	border-width: 3px;
	} 




/*--------------------------------------------------------------
# Paginierung
--------------------------------------------------------------*/
.pagination li .page-link {
	border-color:  var(--bs-primary);
	color:  var(--bs-primary);
	padding: .8em 1em .6em 1em;
	border-radius: var(--bs-border-radius) !important;
	font-size: 17px;
	text-transform: uppercase;
	font-weight: 400;
	text-align: center
}
.pagination li .page-link:hover {
	background:  var(--bs-dark);
	color:  var(--bs-white);
}
.pagination li .page-link i {
	font-size: 25px;
	opacity: .5;
	margin-top: -3px;
}
	
	
	
	


/*--------------------------------------------------------------
# Sections / Aufbau
--------------------------------------------------------------*/
main					{ padding: 100px 0; }	
.start main > section	{ padding: 100px 0; }

@media (min-width: 1200px) {
  .container {
	max-width: 960px;
  }
}

@media (max-width: 992px) {
	main					{ padding: 80px 0; }
	.start main > section	{ padding: 80px 0; }
	
	.container:not(.topbar):not(.container):not(.navbar):not(.container) { 
	min-width: 100%; 
	padding-left: 60px; 
	padding-right: 60px;
	}
}
@media (max-width: 767px) {
	main  					{ padding: 70px 0; }
	.start main > section	{ padding: 70px 0; }
	
	.container:not(.topbar):not(.container):not(.navbar):not(.container) { 
	padding-left: 35px; 
	padding-right: 35px;
	}
}
@media (max-width: 575px) {
	main  					{ padding: 50px 0; }
	.start main > section	{ padding: 50px 0; }
}






/*--------------------------------------------------------------
# Topbar
--------------------------------------------------------------*/
.topbar {
	height: 25px;
	font-size: 14px !important;
	background: var(--gradient-2);
	color: var(--bs-white);
	text-align: right;
	padding-top: 0;
	font-weight: 400
	}
	.topbar a {
		color: var(--bs-white);
		font-weight: 400
		}
	.topbar a:hover {
		color: var(--bs-white);
		text-decoration: underline;
		}
	.topbar i {
		color: color-mix(in srgb, var(--bs-white), transparent 50%);
		}
@media (min-width: 1200px) {
	.topbar {  
		height: 30px;
		font-size: 90%;
		padding-top: .15em
	}
}




/*--------------------------------------------------------------
# Navbar / Menu --- navbar - container - navbar-brand/navbar-collapse - navbar-nav
--------------------------------------------------------------*/
.navbar {
	transition: .5s;
	background: var(--bs-white);		
	}
.navbar.affix {
	box-shadow: var(--bs-box-shadow);
	}
.navbar .nav-item {	
	}
.navbar .nav-link {
	transition: .3s;
	font-size: 17px;
	letter-spacing: .03em;
	text-transform: uppercase;
	position: relative;
	outline: none;
	border: none !important
	}
	.navbar .nav-link:hover, 
	.navbar .nav-link:focus,
	.navbar .nav-link#active {
		outline: none;
		}	
	.navbar .nav-link#active {
		}	

.navbar .nav-link i							{ display: none }	
.navbar .nav-item.home .nav-link i  		{ display: inline-block; color: color-mix(in srgb, var(--bs-secondary), transparent 30%); }
.navbar .nav-item.home .nav-link i:hover,
.navbar .nav-item.home .nav-link#active i  	{ color: var(--bs-secondary) }
.navbar .nav-item.home .nav-link::before  	{ display: none }		
.navbar .nav-item.home span  				{ display: none }	
	

@media (min-width: 768px) {
	.navbar  {
		height: 80px;
		}
		
	.navbar-collapse {
		width: 100% !important;
		margin: 0 auto;
		padding: 0 !important;
		}	
	.navbar-nav {
		height: 80px;
		display: flex;
		flex-direction: row;
		align-items: stretch;
		}
	.navbar .nav-item {
		margin: 0 15px;
		}
	.navbar .nav-item:last-child {
		margin-right: 0
		}		
	.navbar .nav-link {
		height: 100%;
		display: flex;
		align-items: center;
		padding-left: 0 !important;
		padding-right: 0 !important
		}		
	.navbar .nav-link::before {
		position: absolute;
		content: "";
		width: 0;
		height: 5px;
		bottom: -1px;
		left: 50%;
		background: var(--bs-secondary);
		transition: .5s;
		}
	.navbar .nav-link:hover::before,
	.navbar .nav-link.active::before,
	.navbar .nav-link#active::before {
		width: calc(100% - 2px);
		left: 1px;
		}
}
@media (min-width: 1200px) {
	.navbar  {
		height: 100px;
		}
	.navbar-nav {
		height: 100px;
		}	
	.navbar .nav-item {
		margin: 0 30px
		}
	.navbar .nav-link {
		font-size: 18px;
		}		
}


@media (max-width: 767px) {
	.navbar {
		border-image: linear-gradient(to right, var(--bs-secondary) 0%, var(--bs-secondary-dark) 100%) 1;
		border-style: solid;
		border-right: none;
		border-left: none;
		border-bottom: none;
		border-width: 7px;
		min-height: 67px; /* Höhe + Border-Höhe */
		}
	.navbar-collapse  {
		text-align: center;
		padding: 25px 15%;
		width: 70%;
		}
	.navbar-nav {
		text-align: center;
		border: none;
		}		
	.navbar .nav-link  {
		font-size: 19px;
		border-bottom: 1px solid var(--bs-primary);
		border-bottom: 1px solid color-mix(in srgb, var(--bs-primary), transparent 80%);
		padding: 10px 0;
		}
	.navbar .nav-link:last-child  {
		   border: none;
		   margin-bottom: 0
		 }	
	.navbar .nav-link:hover, 
	.navbar .nav-link:focus,
	.navbar .nav-link#active {
		background: color-mix(in srgb, var(--bs-primary), transparent 95%);
		}	
	.navbar .nav-link#active {
		background: none
		}		
}











/*--------------------------------------------------------------
# Brand / Logo
--------------------------------------------------------------*/
.navbar-brand {
	z-index: 1000;
	height: 60px;
	transition: all ease-in-out .3s;
	position: absolute !important;
	top: -7px; /* Border-Höhe */
	left: 15px;
	margin: 0;
	padding: 0
	}
	.navbar-brand:hover {
	transform: translateY(-8px);
	}
.navbar-brand img {
	transition: .5s;
	height: 120px;
	box-shadow: var(--bs-box-shadow);
	box-shadow: 0 0.2rem .4rem rgba(0, 0, 0, 0.3) !important;
	}
@media (min-width: 768px) {
	.navbar-brand {
		position: relative;
		left: 25px;
		top: -25px; /* Tpbar-Höhe */
		}
	.navbar.affix .navbar-brand {
		top: 0
		}	
	.navbar-brand img {
		height: 150px;
		}
	.navbar.affix .navbar-brand img {
		height: 110px;
		}	
}	
@media (min-width: 992px) {
	.navbar-brand {
		left: auto;
		margin-left: 30px
		}
	.navbar-brand img {
		height: 180px;
		}
	.navbar.affix .navbar-brand img {
		height: 150px;
		}	
}
@media (min-width: 1200px) {
	.navbar-brand {
		top: -30px; /* Tpbar-Höhe */
		margin-left: 0
		}
	.navbar.affix .navbar-brand {
		margin-left: -20px
		}	
	.navbar-brand img {
		height: 180px;
		}
}
@media (min-width: 1400px) {
	.navbar-brand img {
		height: 180px;
		}	
}






/*--------------------------------------------------------------
# NAVBAR - fixed-bottom
--------------------------------------------------------------*/
@media (max-width: 767px) {
.navbar.fixed-bottom .navbar-brand {
	text-align: right;
	}
	.navbar.fixed-bottom .navbar-brand img {
	height: 110px;
	margin-right: 22px
	}


.navbar.fixed-bottom .navbar-toggler {
	bottom: 80px !important;
	right: 0 !important;
	background: var(--bs-secondary);
	height: 70px;
	width: 70px;
	border: 1px solid color-mix(in srgb, var(--bs-white), transparent 50%) !important;
	border-radius: 0 !important;
	border-right: none
	}
	.navbar.fixed-bottom .navbar-toggler[aria-expanded="true"] {
	bottom: 80px !important;
	}
	.navbar.fixed-bottom .navbar-toggler:hover {
	background-color: var(--bs-secondary-dark) !important;
	}
	.navbar.fixed-bottom .navbar-toggler span {
	display: block;
	color: var(--bs-white);
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
	margin-top: -6px;
	margin-bottom: 7px;
	}
	.navbar.fixed-bottom .navbar-toggler i {
	top: -6px;
	width: 34px;
	}
	.navbar.fixed-bottom .navbar-toggler i::before, 
	.navbar.fixed-bottom .navbar-toggler i::after {
	width: 34px;
	}

	
	
.navbar.fixed-bottom  {
	height: 80px !important;
	}
	.navbar.fixed-bottom .navbar-collapse {
		height: 80px;
		background: var(--bs-white);
		transform: translateY(100%) !important;
		}
	.navbar.fixed-bottom .navbar-nav {
		}
		.navbar.fixed-bottom .nav-item {
		height: 80px; 
		}
	.navbar.fixed-bottom .nav-link {
		font-size: 14px;
		font-weight: 400;
		color: var(--bs-primary);
		}
	.navbar.fixed-bottom .nav-link i {
		margin-bottom: 3px 
		}
	.navbar.fixed-bottom .nav-link:hover,
	.navbar.fixed-bottom .nav-link:focus,
	.navbar.fixed-bottom .nav-link#active {
		color: var(--bs-primary) !important;
		}
	.navbar.fixed-bottom .nav-link#active {
		color: var(--bs-primary) !important;
		font-weight: 700
		}
	.navbar.fixed-bottom .nav-link::before {
		position: absolute;
		content: "";
		width: 0;
		height: 5px;
		bottom: -1px;
		left: 50%;
		background: var(--bs-secondary);
		transition: .5s;
		}
		.navbar.fixed-bottom .nav-link:hover::before,
		.navbar.fixed-bottom .nav-link.active::before,
		.navbar.fixed-bottom .nav-link#active::before {
		width: calc(100% - 2px) !important;
		left: 1px !important;
		top: 0 !important
		}
		
	.navbar.fixed-bottom .nav-link i {
		font-size: 30px !important;
		width: 100% !important;
		height: 35px !important;
		margin-top: 4px !important;
		color: rgba(var(--bs-secondary-rgb), 0.7) !important;
		}
		.navbar.fixed-bottom .nav-link:hover i,
		.navbar.fixed-bottom .nav-link:focus i {
		color: var(--bs-secondary) !important
		}
		.navbar.fixed-bottom .nav-link#active i {
		color: var(--bs-secondary) !important
		}
}
@media (max-width: 575px) {
	.navbar.fixed-bottom .nav-link {
		font-size: 12px;
		}	
	.navbar.fixed-bottom .nav-item {
		flex: 0 1 auto; 
		}
	.navbar.fixed-bottom .nav-link {
		padding: 0 10px !important
		}	
}
@media (max-width: 480px) {
	.navbar.fixed-bottom .nav-link {
		font-size: 11.5px;
		letter-spacing: -.01em;
		padding: 0 5px !important
		}	
}




/*--------------------------------------------------------------
# HIGHLIGHT / CAROUSEL
--------------------------------------------------------------*/
.carousel-item::after {
	background: rgba(255, 255, 255, 0);
	}


.carousel-item a.stretched-link { 
	transition: all .4s ease;
	}
	.carousel-item a.stretched-link:hover .carousel-img 			{ opacity: .8; transition: all .4s ease-in-out; }
	
	.carousel-item a.stretched-link .caption-content				{ background: rgba(255, 255, 255, .7)!important; transition: .2s; }
	.carousel-item a.stretched-link:hover .caption-content			{ background: rgba(255, 255, 255, .9) !important; }
	.carousel-item a.stretched-link:hover .caption-content:hover	{ background: rgba(255, 255, 255, 1) !important; transform: scale(1); box-shadow: var(--bs-box-shadow-sm)}
	
	.carousel-item a.stretched-link .highlight-title 				{ color: var(--bs-primary) !important; transition: .2s;}
	.carousel-item a.stretched-link:hover .highlight-title 			{ color: var(--bs-white) !important; transition: .2s;}
	.carousel-item a.stretched-link .caption-content:hover .highlight-title	{ color: var(--bs-white) !important; transition: .2s;}
	.carousel-item a.stretched-link:hover .highlight-title:hover 	{ text-decoration: none; transition: .2s; transition: .2s; }
	
	.carousel-item a.stretched-link .lead 							{ color: var(--bs-black) !important; transition: .2s;}
	.carousel-item a.stretched-link:hover .lead 					{ color: var(--bs-white) !important; transition: .2s;}
	.carousel-item a.stretched-link .caption-content:hover .lead	{ color: var(--bs-white) !important; transition: .2s;}
	.carousel-item a.stretched-link:hover .lead:hover 				{ color: var(--bs-white) !important; text-decoration: none; transition: .2s; }

		
.carousel-caption {
	z-index: 100;
	width: 100%;
	left: 0;
	right: 0;
	}
	.carousel-caption .caption-content {
		background: rgba(255, 255, 255, .7);
		padding: 30px 20px
		}
		.carousel-caption > * {
			margin: 0 auto !important; /* Abstand zwischen den Elementen (optional) */
			}
		.carousel-caption .lead {
			font-weight: 400;
			text-transform: uppercase;
			letter-spacing: 0;
			font-size: 125%;
			line-height: 1.2em;
			margin: 0;
			color: var(--bs-primary);
			}	
		.carousel-caption .highlight-title {
			font-family: var(--bs-body-font-family);
			position: relative;
			display: inline-block;
			padding-bottom: 0;
			color: var(--bs-primary);
			text-transform: uppercase;
			font-size: 335%;
			margin: 0;
			margin-top: 30px !important;
			font-weight: 800;
			line-height: 1.1em
			}
		.carousel-caption .highlight-title::before {
			content: '';
			position: absolute;
			display: block;
			height: 6px;
			background: var(--gradient-2);
			top: -15px;
			width: 34% !important;
			left: calc(50% - 17%);
			}	
		.carousel-caption .btn {
			margin-top: 25px !important;
			align-self: flex-center;
			}

.carousel-control-prev, 
.carousel-control-next {
	z-index: 1000;
	opacity: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.3s ease-in-out;
	}
.carousel-control-prev { left: -50px; }
.carousel-control-next {right: -50px; }
.carousel:hover .carousel-control-prev {
	opacity: 1;
	left: 10px; 
	}
.carousel:hover .carousel-control-next {
	opacity: 1;
	right: 10px;
	}
.carousel-indicators {
	z-index: 1000;
	bottom: 70px;
	}
	
@media (max-width: 1200px) {
	.carousel-indicators {
	bottom: 40px;
	}
	.carousel:hover .carousel-control-prev { left: -45px; }
	.carousel:hover .carousel-control-next { right: -45px; }
}
@media (max-width: 992px) {
	.carousel-caption {
	font-size: 70%;
	}	
	.carousel-caption :is(.container, [class*="container-"]) {
	width: 100%;
	left: 0;
	right: 0;
	padding-left: 42px;
	padding-right: 42px
	}
	.carousel-caption .btn { 
	padding: 13px 30px
	}
	.carousel-indicators {
	bottom: 0;
	}
}
@media (max-width: 767px) {
	.carousel-caption {
	font-size: 55%;
	}	
	.carousel-caption .caption-content {
	padding: 25px 10px
	}
	.carousel-caption .highlight-title {
	}
	.carousel-caption .lead {
	font-size: 135%;
	}
	.carousel-indicators {
	display: none
	}
	.carousel-caption .btn { 
	padding: 5px 20px;
	font-size: 12px
	}
	.carousel:hover .carousel-control-prev { left: -30px; }
	.carousel:hover .carousel-control-next { right: -30px; }
}
@media (max-width: 575px) {
	.carousel-caption {
	font-size: 45%;
	}	
	.carousel-caption .highlight-title {
	margin-top: 15px !important;
	}
	.carousel-caption .highlight-title::before {
	height: 5px;
	top: -10px;
	}		
	.carousel-caption .btn { 
	padding: 5px 20px;
	}
	.carousel:hover .carousel-control-prev { left: -10px; }
	.carousel:hover .carousel-control-next { right: -10px; }
}








/*--------------------------------------------------------------
 # CARDS
 --------------------------------------------------------------*/
.card {
	background-color: var(--bs-white);
	border-radius: var(--bs-border-radius);
	border: none;
}
aside .card {
	padding: 25px !important
}
 .card-date {
	background-color: var(--bs-secondary);
	color: var(--bs-white);
	}





/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer {
	background: var(--bs-white);
	font-size: 15px;
	color: var(--bs-primary);
	font-weight: 400
	}
footer .footer-top {
	}
footer p {
	margin: 0
	}	
footer a {
	color: var(--bs-primary);
	font-weight: 400
	}
footer a:hover {
	text-decoration: underline
	}
footer h1 {
	}
footer h2 {
	font-family: var(--bs-body-font-family);
	font-weight: 600;
	color: var(--bs-secondary);
	letter-spacing: 0;
	text-transform: none;
	}	
footer .foot-kontakt div {
	}
footer .foot-kontakt i {
	}
footer strong {
	color: var(--bs-primary)
	}	
	
footer .footer-bottom {
	background: var(--bs-secondary);
	color:  color-mix(in srgb, var(--bs-white), transparent 50%);
	z-index: 2;
	position: relative;
	padding: 30px 0;
	font-size: 85%;
	}
footer .footer-bottom a {
	color:  color-mix(in srgb, var(--bs-white), transparent 25%);
	}	
footer .footer-bottom a:hover {
	color: var(--bs-white)
	}		







/*--------------------------------------------------------------
# Pagetop (style_master_01.css)
--------------------------------------------------------------*/
.back-to-top {
	background: rgba(var(--bs-secondary-rgb), .8) !important;
	border-radius: 0 !important;
	right: 0
	}
.back-to-top:hover {
	background: var(--bs-secondary) !important;
   }
@media (max-width: 767px) {
	.back-to-top {
		bottom: 155px;
		height: 70px;
		width: 70px;
		right: 0
	}
}	




/*--------------------------------------------------------------
# Farbanpassungen
--------------------------------------------------------------*/
:not(.icon-bg).bg-gray 			{ background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity, .55)) !important; }





/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details {
 }


/* -------- Portfolio lang - Carousel Großes Image -------- */
.portfolio-details .carousel {
	margin: 0 auto;
	}
.portfolio-details .carousel-item {
	height: 250px;
	width: 100%;
	background: color-mix(in srgb, var(--bs-black), transparent 90%)
	}
.portfolio-details .carousel-item img {
	height: 100%;
	width: auto;
	margin: 0 auto;
	}
.portfolio-details .carousel-inner {
	float: left;
	width: calc(100% - 150px);
	border-radius: var(--bs-border-radius)
	}




/* -------- Portfolio lang - Carousel Thumbnails -------- */
.portfolio-details .carousel-indicators {
	width: 150px;
	display: inline-block;
	position: static;
	float: left;
	margin: 0;
	justify-content: left;
	}
.portfolio-details .carousel-indicators .thumbnail {
	border: 5px solid color-mix(in srgb, var(--bs-white), transparent 0%);
	}
	.portfolio-details .carousel-indicators .thumbnail img {
	width: 150px;
	height: auto
	}
	.portfolio-details .carousel-indicators .thumbnail.active {
	border-color: color-mix(in srgb, var(--bs-white), transparent 0%)
	}
	.portfolio-details .carousel-indicators .thumbnail:not(.active) {
	opacity: .5;
	}


@media (min-width: 768px) {
	.portfolio-details .carousel-item,
	.portfolio-details .carousel-indicators { height: 400px }
	
	.portfolio-details .carousel-indicators {
	overflow: auto;
	overflow-x:hidden;
	height: 400px;
	}
	.portfolio-details .carousel-indicators .thumbnail {
	width: 100px;
	height: auto;
	margin-top: -5px;
	display: inline-block;
	float: left;
	clear: both;
	}
}
@media (min-width: 992px) {
	.portfolio-details .carousel-item,
	.portfolio-details .carousel-indicators { height: 450px }
}
@media (min-width: 1200px) {
	.portfolio-details .carousel-item,
	.portfolio-details .carousel-indicators { height: 500px }
}
	
	
@media (max-width: 767px) {
	.portfolio-details .carousel-item { height: 330px }
	
	.portfolio-details .carousel-inner {
	float: left;
	width: 100%;
	}
	.portfolio-details .carousel-indicators {
	overflow-y: hidden;
	overflow-x: scroll;
	width: 100%;
	height: 100px;
	display: inline;
	margin: 0;
	margin-top: 5px;
	white-space: nowrap;
	}
	.portfolio-details .carousel-indicators .thumbnail {
	width: auto;
	height: 100px;
	margin-top: -5px;
	margin-left: -10px;
	clear: none;
	display: inline-block;
	float: none;
	}
	.portfolio-details .carousel-indicators .thumbnail img {
	width: auto;
	height: 100px
	}
}	
@media (max-width: 480px) {
	.portfolio-details .carousel-item { height: 270px }
	
	.portfolio-details .carousel-indicators,
	.portfolio-details .carousel-indicators .thumbnail,
	.portfolio-details .carousel-indicators .thumbnail img{ height: 75px }
}	
@media (max-width: 400px) {
	.portfolio-details .carousel-item { height: 220px }
}		



	
	

/* -------- ANPASSUNG FÜR ###lang### - Großes Image -------- */
.portfolio-details-bilder {
	margin: 0 auto;
	color: rgba(255, 255, 255, 0);
	font-size: 0;
	}
	.portfolio-details-bilder br,
	.portfolio-details-bilder ul:not(.pagination),
	.portfolio-details .bildunterschrift {
		display: none
		}
		
	.portfolio-details-bilder .bildrahmenmitte-wrapper,
	.portfolio-details-bilder .bildunterschrift-bildrahmenmitte-nb {
		float: left;
		width: 100%;
		height: auto;
		}
		.portfolio-details-bilder img {
		padding: 0 !important;
		border-radius: var(--bs-border-radius);
		border: 1px solid color-mix(in srgb, var(--bs-black), transparent 90%) !important;
		}



/* -------- ANPASSUNG FÜR ###lang### - Galerie -------- */
.portfolio-details-bilder .gallery-wrapper {
	float: left;
	position: relative;
	 width: 100%;
	grid-template-columns: repeat(5, 1fr);
	gap: 10px;
	margin-top: 10px
	}
	.portfolio-details-bilder .gallery-wrapper a.gallery {
	height: 150px
	}
	.portfolio-details-bilder .gallery-wrapper a.gallery img.gallery_bild {
	width: auto;
	height: 100%;
	border-radius: var(--bs-border-radius);
	}
	
	
	@media screen and (max-width: 768px) {
	   .portfolio-details-bilder .gallery-wrapper {
			grid-template-columns: repeat(4, 1fr);
		}
	}


/* -------- ANPASSUNG FÜR ###lang### - rechts - nur Text ohne img + .news_lang_galerie  -------- */
.portfolio-details-info {
		margin-top: 0
		}
.portfolio-details-info img,
.portfolio-details-info .gallery-wrapper {
		display: none !important
		}
	
	
.news .hover-window:hover h2 a {
	color: var(--bs-primary) !important
	}	
.news .hover-window h2 a:hover {
	color: var(--bs-primary) !important;
	text-decoration: underline
	}		
		
	




/*--------------------------------------------------------------
# Kontakt
--------------------------------------------------------------*/
.kontakt-info h2 {
  padding: 0 0 0 70px;
  margin-top: 0;
  margin-bottom: 5px;
}
.kontakt-info p {
  padding: 0 0 0 70px;
  margin-bottom: 0;
}
.kontakt-info {
  margin-top: 40px;
}
.kontakt-info [class*="icon-"] {
 float: left;
  }
  






	 
	 



/*--------------------------------------------------------------
	# SERVICE
	--------------------------------------------------------------*/
	.hover-window-bottom .card {
		 height: 400px;
		 background: none;
		 }
		 .hover-window-bottom .card img {
		  overflow: hidden
		  }
		 .hover-window-bottom .card::after {
			 content: "";
			 position: absolute;
			 top: 0;
			 left: 0;
			 width: 100%;
			 height: 100%;
			 background: rgba(0, 0, 0, 0.3);
			 z-index: 1;
			 }
		 .hover-window-bottom .card .card-body {
			 position: absolute;
			 bottom: 0;
			 left: 0;
			 width: 100%;
			 z-index: 1000
			 }
		 .hover-window-bottom .card .card-body::before {
			 position: absolute;
			 content: "";
			 left: 0;
			 bottom: 0;
			 width: 100%;
			 height: 0;
			 background: var(--bs-white);
			 transition: .5s;
			 z-index: 3;
			 }
		 .hover-window-bottom .card:hover .card-body::before {
			 background: var(--bs-white);
			 width: 100%;
			 height: 100%
			 }
			 .hover-window-bottom .card:hover::after {
			 background-color: rgba(0, 0, 0, 0);
			 transition: .5s
			 }
		 .hover-window-bottom .card .card-inner .title {
			 color: var(--bs-white) !important;
			 margin: 0
			 }
		 .hover-window-bottom .card:hover .card-inner .title {
			 color: var(--bs-primary) !important
			 }	
		 .hover-window-bottom .card:hover .card-inner .topline {
			 color: var(--bs-secondary) !important
			 }		
		 .hover-window-bottom .card:hover .card-inner {
			 z-index: 9;
			 position: relative;
			 color: var(--bs-black) !important
			 }
		 
		@media (max-width: 767px) {
			.hover-window-bottom .card {
				height: 250px;
				background: none;
				}
			.hover-window-bottom .card .card-inner {
				padding: 0 !important
				}
			.hover-window-bottom .card .card-inner .title {
				font-size: 13px;
				padding-bottom: 10px
				}
		} 
	 
	 
	 


  
  
 /*--------------------------------------------------------------
 # Intro
 --------------------------------------------------------------*/
.about .about-img {
	position: relative;
	overflow: hidden;
	height: 100%;
	}
.about .about-hochkant {
	position: absolute;
	top: 105px; 
	left: -50px; 
	transform: rotate(-90deg);
	background: transparent;
	color: var(--bs-primary);
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 4px;
}
 .about-img-inner {
	 width: 300px;
	 height: 300px;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 overflow: hidden;
	 border-radius: 50%;
	 position: absolute;
	 left: 0; 
	 bottom: 0; 
	 border: 10px solid; 
	 border-color: var(--bs-white);
	 
 }
 .about-img-inner img {
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
 }
 
 
 
 
 
 
 /*--------------------------------------------------------------
 # Leistungen
 --------------------------------------------------------------*/
.leistungen .row > [class*='col-'] {
	/*flex: 1 1 0 !important;
	max-width: 100% !important;*/
	}
 .leistungen .card {
	align-items: center;
	text-align: center;
	height: 100%;
	width: 100%;
	padding: 20px;
	padding-bottom: 30px;
	background: var(--bs-white);
	background: color-mix(in srgb, var(--bs-white), transparent 15%);
	}
 .leistungen .card:hover {
	background: var(--bs-white);
	background: color-mix(in srgb, var(--bs-white), transparent 15%);
	}
.leistungen .card span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 80px; 
	height: 80px;
	font-size: 2.7rem;
	border-radius: 0;
	margin-bottom: 10px; /* Abstand zum Titel */
	}
	.leistungen .card i {
	color: var(--bs-secondary-dark)
	}
	.leistungen .card i.beckenboden {
	transform:rotate(-135deg);
	margin-top:33px;
	margin-bottom:23px
	}
 .leistungen .card h5 {
	line-height: 1.2em;
	letter-spacing: -.01em;
	margin: 0;
	padding: 0;
	width: 100%;
	font-size: 120%;
	font-weight: 700
	}		
 .leistungen .card h5 sub {
	font-size: 70%;
	clear: both;
	display: block !important;
	width: 100%;
	margin-top: 5px;
	font-weight: 400 !important;
	line-height: 1.2em
	}	
@media (max-width: 767px) {
	.leistungen .card .icon {
	height: 60px;
	}
 }