@charset "UTF-8";

/*!

 * Bootstrap  v5.2.3 (https://getbootstrap.com/)

 * Copyright 2011-2022 The Bootstrap Authors

 * Copyright 2011-2022 Twitter, Inc.

 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)

Blau #87cefa;

 hintergrund blassgelb #FFF8DC;

 gold #a08f43;

 */

/* --------------------------------------------------------------------------- oberhalb -------------------------------------------------------------------------- */

:root, [data-bs-theme=light] {

	--bs-blue: #0d6efd;

	--bs-indigo: #6610f2;

	--bs-purple: #6f42c1;

	--bs-pink: #d63384;

	--bs-red: #dc3545;

	--bs-orange: #fd7e14;

	--bs-yellow: #ffc107;

	--bs-green: #198754;

	--bs-teal: #20c997;

	--bs-cyan: #0dcaf0;

	--bs-black: #000;

	--bs-white: #fff;

	--bs-gray: #6c757d;

	--bs-gray-dark: #343a40;

	--bs-gray-100: #f8f9fa;

	--bs-gray-200: #e9ecef;

	--bs-gray-300: #dee2e6;

	--bs-gray-400: #ced4da;

	--bs-gray-500: #adb5bd;

	--bs-gray-600: #6c757d;

	--bs-gray-700: #495057;

	--bs-gray-800: #343a40;

	--bs-gray-900: #212529;

	--bs-primary: #0d6efd;

	--bs-secondary: #6c757d;

	--bs-success: #198754;

	--bs-info: #0dcaf0;

	--bs-warning: #ffc107;

	--bs-danger: #dc3545;

	--bs-light: #f8f9fa;

	--bs-dark: #212529;

	--bs-primary-rgb: 13,110,253;

	--bs-secondary-rgb: 108,117,125;

	--bs-success-rgb: 25,135,84;

	--bs-info-rgb: 13,202,240;

	--bs-warning-rgb: 255,193,7;

	--bs-danger-rgb: 220,53,69;

	--bs-light-rgb: 248,249,250;

	--bs-dark-rgb: 33,37,41;

	--bs-primary-text-emphasis: #052c65;

	--bs-secondary-text-emphasis: #2b2f32;

	--bs-success-text-emphasis: #0a3622;

	--bs-info-text-emphasis: #055160;

	--bs-warning-text-emphasis: #664d03;

	--bs-danger-text-emphasis: #58151c;

	--bs-light-text-emphasis: #495057;

	--bs-dark-text-emphasis: #495057;

	--bs-primary-bg-subtle: #cfe2ff;

	--bs-secondary-bg-subtle: #e2e3e5;

	--bs-success-bg-subtle: #d1e7dd;

	--bs-info-bg-subtle: #cff4fc;

	--bs-warning-bg-subtle: #fff3cd;

	--bs-danger-bg-subtle: #f8d7da;

	--bs-light-bg-subtle: #fcfcfd;

	--bs-dark-bg-subtle: #ced4da;

	--bs-primary-border-subtle: #9ec5fe;

	--bs-secondary-border-subtle: #c4c8cb;

	--bs-success-border-subtle: #a3cfbb;

	--bs-info-border-subtle: #9eeaf9;

	--bs-warning-border-subtle: #ffe69c;

	--bs-danger-border-subtle: #f1aeb5;

	--bs-light-border-subtle: #e9ecef;

	--bs-dark-border-subtle: #adb5bd;

	--bs-white-rgb: 255,255,255;

	--bs-black-rgb: 0,0,0;

	--bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";

	--bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;

	--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));

	--bs-body-font-family: var(--bs-font-sans-serif);

	--bs-body-font-size: 1rem;

	--bs-body-font-weight: 400;

	--bs-body-line-height: 1.5;

	--bs-body-color: #212529;

	--bs-body-color-rgb: 33,37,41;

	--bs-body-bg: #fff;

	--bs-body-bg-rgb: 255,255,255;

	--bs-emphasis-color: #000;

	--bs-emphasis-color-rgb: 0,0,0;

	--bs-secondary-color: rgba(33, 37, 41, 0.75);

	--bs-secondary-color-rgb: 33,37,41;

	--bs-secondary-bg: #e9ecef;

	--bs-secondary-bg-rgb: 233,236,239;

	--bs-tertiary-color: rgba(33, 37, 41, 0.5);

	--bs-tertiary-color-rgb: 33,37,41;

	--bs-tertiary-bg: #f8f9fa;

	--bs-tertiary-bg-rgb: 248,249,250;

	--bs-heading-color: inherit;

	--bs-link-color: #0d6efd;

	--bs-link-color-rgb: 13,110,253;

	--bs-link-decoration: underline;

	--bs-link-hover-color: #0a58ca;

	--bs-link-hover-color-rgb: 10,88,202;

	--bs-code-color: #d63384;

	--bs-highlight-color: #212529;

	--bs-highlight-bg: #fff3cd;

	--bs-border-width: 1px;

	--bs-border-style: solid;

	--bs-border-color: #dee2e6;

	--bs-border-color-translucent: rgba(0, 0, 0, 0.175);

	--bs-border-radius: 0.375rem;

	--bs-border-radius-sm: 0.25rem;

	--bs-border-radius-lg: 0.5rem;

	--bs-border-radius-xl: 1rem;

	--bs-border-radius-xxl: 2rem;

	--bs-border-radius-2xl: var(--bs-border-radius-xxl);

	--bs-border-radius-pill: 50rem;

	--bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);

	--bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);

	--bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);

	--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);

	--bs-focus-ring-width: 0.25rem;

	--bs-focus-ring-opacity: 0.25;

	--bs-focus-ring-color: rgba(13, 110, 253, 0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545

}

[data-bs-theme=dark] {

	color-scheme: dark;

	--bs-body-color: #dee2e6;

	--bs-body-color-rgb: 222,226,230;

	--bs-body-bg: #212529;

	--bs-body-bg-rgb: 33,37,41;

	--bs-emphasis-color: #fff;

	--bs-emphasis-color-rgb: 255,255,255;

	--bs-secondary-color: rgba(222, 226, 230, 0.75);

	--bs-secondary-color-rgb: 222,226,230;

	--bs-secondary-bg: #343a40;

	--bs-secondary-bg-rgb: 52,58,64;

	--bs-tertiary-color: rgba(222, 226, 230, 0.5);

	--bs-tertiary-color-rgb: 222,226,230;

	--bs-tertiary-bg: #2b3035;

	--bs-tertiary-bg-rgb: 43,48,53;

	--bs-primary-text-emphasis: #6ea8fe;

	--bs-secondary-text-emphasis: #a7acb1;

	--bs-success-text-emphasis: #75b798;

	--bs-info-text-emphasis: #6edff6;

	--bs-warning-text-emphasis: #ffda6a;

	--bs-danger-text-emphasis: #ea868f;

	--bs-light-text-emphasis: #f8f9fa;

	--bs-dark-text-emphasis: #dee2e6;

	--bs-primary-bg-subtle: #031633;

	--bs-secondary-bg-subtle: #161719;

	--bs-success-bg-subtle: #051b11;

	--bs-info-bg-subtle: #032830;

	--bs-warning-bg-subtle: #332701;

	--bs-danger-bg-subtle: #2c0b0e;

	--bs-light-bg-subtle: #343a40;

	--bs-dark-bg-subtle: #1a1d20;

	--bs-primary-border-subtle: #084298;

	--bs-secondary-border-subtle: #41464b;

	--bs-success-border-subtle: #0f5132;

	--bs-info-border-subtle: #087990;

	--bs-warning-border-subtle: #997404;

	--bs-danger-border-subtle: #842029;

	--bs-light-border-subtle: #495057;

	--bs-dark-border-subtle: #343a40;

	--bs-heading-color: inherit;

	--bs-link-color: #6ea8fe;

	--bs-link-hover-color: #8bb9fe;

	--bs-link-color-rgb: 110,168,254;

	--bs-link-hover-color-rgb: 139,185,254;

	--bs-code-color: #e685b5;

	--bs-highlight-color: #dee2e6;

	--bs-highlight-bg: #664d03;

	--bs-border-color: #495057;

	--bs-border-color-translucent: rgba(255, 255, 255, 0.15);

	--bs-form-valid-color: #75b798;

	--bs-form-valid-border-color: #75b798;

	--bs-form-invalid-color: #ea868f;

	--bs-form-invalid-border-color: #ea868f;

}

*, ::after, ::before {

	box-sizing: border-box;

}

@media (prefers-reduced-motion:no-preference){

:root {

	scroll-behavior: smooth;

}

}

body {

	margin: 0;

	font-family: var(--bs-body-font-family);

	font-size: var(--bs-body-font-size);

	font-weight: var(--bs-body-font-weight);

	line-height: var(--bs-body-line-height);

	color: var(--bs-body-color);

	text-align: var(--bs-body-text-align);

	background-color: var(--bs-body-bg);

	-webkit-text-size-adjust: 100%;

	-webkit-tap-highlight-color: transparent;

	text-decoration: none;

	/*font-weight:300;*/

}

hr {

	margin: 1rem 0;

	color: inherit;

	border: 0;

	border-top: var(--bs-border-width) solid;

	opacity: .25;

}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {

	margin-top: 0;

	margin-bottom: .5rem;

	font-weight: 400;

	line-height: 1.2;

	color: var(--bs-heading-color);

}

.h1, h1 {

	font-size: calc(1.375rem + 1.5vw);

}

@media (min-width:1200px){

.h1, h1 {

	font-size: 2.5rem;

}

}

.h2, h2 {

	font-size: calc(1.325rem + .9vw);

}

@media (min-width:1200px){

.h2, h2 {

	font-size: 2rem;

}

}

.h3, h3 {

	font-size: calc(1.3rem + .6vw);

}

@media (min-width:1200px){

.h3, h3 {

	font-size: 1.75rem;

}

}

.h4, h4 {

	font-size: calc(1.275rem + .3vw);

}

@media (min-width:1200px){

.h4, h4 {

	font-size: 1.5rem;

}

}

.h5, h5 {

	font-size: 1.25rem;

}

.h6, h6 {

	font-size: 1rem;

}

p {

	margin-top: 0;

	margin-bottom: 1rem;

}

abbr[title] {

	-webkit-text-decoration: underline dotted;

	text-decoration: underline dotted;

	cursor: help;

	-webkit-text-decoration-skip-ink: none;

	text-decoration-skip-ink: none;

}

address {

	margin-bottom: 1rem;

	font-style: normal;

	line-height: inherit;

}

ol, ul {

	padding-left: 2rem;

}

dl, ol, ul {

	margin-top: 0;

	margin-bottom: 1rem;

}

ol ol, ol ul, ul ol, ul ul {

	margin-bottom: 0;

}

dt {

	font-weight: 700;

}

dd {

	margin-bottom: .5rem;

	margin-left: 0;

}

blockquote {

	margin: 0 0 1rem;

}

b, strong {

	font-weight: bolder;

}

.small, small {

	font-size: 1em;

}

.mark, mark {

	padding: .1875em;

	color: var(--bs-highlight-color);

	background-color: var(--bs-highlight-bg);

}

sub, sup {

	position: relative;

	font-size: .45em;

	line-height: 0;

	vertical-align: baseline;

}

sub {

	bottom: -.25em;

}

sup {

	top: -1.2em;

}

a {

	color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));

	text-decoration: none;

}

a:hover {

	--bs-link-color-rgb: var(--bs-link-hover-color-rgb);

}

a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}

code, kbd, pre, samp {

	font-family: var(--bs-font-monospace);

	font-size: 1em;

}

pre {

	display: block;

	margin-top: 0;

	margin-bottom: 1rem;

	overflow: auto;

	font-size: .875em;

}

pre code {

	font-size: inherit;

	color: inherit;

	word-break: normal;

}

code {

	font-size: .875em;

	color: var(--bs-code-color);

	word-wrap: break-word;

}

a > code {

	color: inherit;

}

kbd {

	padding: .1875rem .375rem;

	font-size: .875em;

	color: var(--bs-body-bg);

	background-color: var(--bs-body-color);

	border-radius: .25rem;

}

kbd kbd {

	padding: 0;

	font-size: 1em;

}

figure {

	margin: 0 0 1rem;

}

img, svg {

	vertical-align: middle;

}

table {

	caption-side: bottom;

	border-collapse: collapse;

}

caption {

	padding-top: .5rem;

	padding-bottom: .5rem;

	color: var(--bs-secondary-color);

	text-align: left;

}

th {

	text-align: inherit;

	text-align: -webkit-match-parent;

}

tbody, td, tfoot, th, thead, tr {

	border-color: inherit;

	border-style: solid;

	border-width: 0;

}

label {

	display: inline-block;

}

button {

	border-radius: 0;

}

button:focus:not(:focus-visible){outline:0}

button, input, optgroup, select, textarea {

	margin: 0;

	font-family: inherit;

	font-size: inherit;

	line-height: inherit;

}

button, select {

	text-transform: none;

}

[role=button] {

	cursor: pointer;

}

select {

	word-wrap: normal;

}

select:disabled {

	opacity: 1;

}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}

[type=button], [type=reset], [type=submit], button {

	-webkit-appearance: button;

}

[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}

::-moz-focus-inner {

	padding: 0;

	border-style: none;

}

textarea {

	resize: vertical;

}

fieldset {

	min-width: 0;

	padding: 0;

	margin: 0;

	border: 0;

}

legend {

	float: left;

	width: 100%;

	padding: 0;

	margin-bottom: .5rem;

	font-size: calc(1.275rem + .3vw);

	line-height: inherit;

}

@media (min-width:1200px){

legend {

	font-size: 1.5rem;

}

}

legend + * {

	clear: left;

}

::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field {

	padding: 0;

}

::-webkit-inner-spin-button {

	height: auto;

}

[type=search] {

	-webkit-appearance: textfield;

	outline-offset: -2px;

}

::-webkit-search-decoration {

	-webkit-appearance: none;

}

::-webkit-color-swatch-wrapper {

	padding: 0;

}

::-webkit-file-upload-button {

	font: inherit;

	-webkit-appearance: button;

}

::file-selector-button {

	font: inherit;

	-webkit-appearance: button;

}

output {

	display: inline-block;

}

iframe {

	border: 0;

}

summary {

	display: list-item;

	cursor: pointer;

}

progress {

	vertical-align: baseline;

}

[hidden] {

	display: none!important;

}

.lead {

	font-size: 1.25rem;

	font-weight: 300;

}

.display-1 {

	font-size: calc(1.625rem + 4.5vw);

	font-weight: 300;

	line-height: 1.2;

}

@media (min-width:1200px){

.display-1 {

	font-size: 5rem;

}

}

.display-2 {

	font-size: calc(1.575rem + 3.9vw);

	font-weight: 300;

	line-height: 1.2;

}

@media (min-width:1200px){

.display-2 {

	font-size: 4.5rem;

}

}

.display-3 {

	font-size: calc(1.525rem + 3.3vw);

	font-weight: 300;

	line-height: 1.2;

}

@media (min-width:1200px){

.display-3 {

	font-size: 4rem;

}

}

.display-4 {

	font-size: calc(1.475rem + 2.7vw);

	font-weight: 300;

	line-height: 1.2;

}

@media (min-width:1200px){

.display-4 {

	font-size: 3.5rem;

}

}

.display-5 {

	font-size: calc(1.425rem + 2.1vw);

	font-weight: 300;

	line-height: 1.2;

}

@media (min-width:1200px){

.display-5 {

	font-size: 3rem;

}

}

.display-6 {

	font-size: calc(1.375rem + 1.5vw);

	font-weight: 300;

	line-height: 1.2;

}

@media (min-width:1200px){

.display-6 {

	font-size: 2.5rem;

}

}

.list-unstyled {

	padding-left: 0;

	list-style: none;

}

.list-inline {

	padding-left: 0;

	list-style: none;

}

.list-inline-item {

	display: inline-block;

}

.list-inline-item:not(:last-child){margin-right:.5rem}

.initialism {

	font-size: .875em;

	text-transform: uppercase;

}

.blockquote {

	margin-bottom: 1rem;

	font-size: 1.25rem;

}

.blockquote > :last-child {

	margin-bottom: 0;

}

.blockquote-footer {

	margin-top: -1rem;

	margin-bottom: 1rem;

	font-size: .875em;

	color: #6c757d;

}

.blockquote-footer::before {

	content: "— ";

}

.img-fluid {

	max-width: 100%;

	height: auto;

}

.img-thumbnail {

	padding: .25rem;

	background-color: var(--bs-body-bg);

	border: var(--bs-border-width) solid var(--bs-border-color);

	border-radius: var(--bs-border-radius);

	max-width: 100%;

	height: auto;

}

.figure {

	display: inline-block;

}

.figure-img {

	margin-bottom: .5rem;

	line-height: 1;

}

.figure-caption {

	font-size: .875em;

	color: var(--bs-secondary-color);

}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {

	--bs-gutter-x: 1.5rem;

	--bs-gutter-y: 0;

	width: 100%;

	margin-right: auto;

	margin-left: auto;

	padding-right: calc(var(--bs-gutter-x) * .5);

}

@media (min-width:576px){

.container, .container-sm {

	max-width: 540px;

}

}

@media (min-width:768px){

.container, .container-md, .container-sm {

	max-width: 720px;

}

}

@media (min-width:992px){

.container, .container-lg, .container-md, .container-sm {

	max-width: 960px;

}

}

@media (min-width:1200px){

.container, .container-lg, .container-md, .container-sm, .container-xl {

	max-width: 1140px;

}

}

@media (min-width:1400px){

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {

	max-width: 1320px;

}

}

:root {

	--bs-breakpoint-xs: 0;

	--bs-breakpoint-sm: 576px;

	--bs-breakpoint-md: 768px;

	--bs-breakpoint-lg: 992px;

	--bs-breakpoint-xl: 1200px;

	--bs-breakpoint-xxl: 1400px;

}

.row {

	--bs-gutter-x: 1.5rem;

	--bs-gutter-y: 0;

	display: flex;

	flex-wrap: wrap;

	margin-top: calc(-1 * var(--bs-gutter-y));

}

.row > * {

	flex-shrink: 0;

	width: 100%;

	max-width: 100%;

	margin-top: var(--bs-gutter-y);

	padding-right: calc(var(--bs-gutter-x) * .5);

}

.col {

	flex: 1 0 0%;

}

.row-cols-auto > * {

	flex: 0 0 auto;

	width: auto;

}

.row-cols-1 > * {

	flex: 0 0 auto;

	width: 100%;

}

.row-cols-2 > * {

	flex: 0 0 auto;

	width: 50%;

}

.row-cols-3 > * {

	flex: 0 0 auto;

	width: 33.33333333%;

}

.row-cols-4 > * {

	flex: 0 0 auto;

	width: 25%;

}

.row-cols-5 > * {

	flex: 0 0 auto;

	width: 20%;

}

.row-cols-6 > * {

	flex: 0 0 auto;

	width: 16.66666667%;

}

.col-auto {

	flex: 0 0 auto;

	width: auto;

}

.col-1 {

	flex: 0 0 auto;

	width: 8.33333333%;

}

.col-2 {

	flex: 0 0 auto;

	width: 16.66666667%;

}

.col-3 {

	flex: 0 0 auto;

	width: 25%;

}

.col-4 {

	flex: 0 0 auto;

	width: 33.33333333%;

}

.col-5 {

	flex: 0 0 auto;

	width: 41.66666667%;

}

.col-6 {

	flex: 0 0 auto;

	width: 50%;

}

.col-7 {

	flex: 0 0 auto;

	width: 58.33333333%;

}

.col-8 {

	flex: 0 0 auto;

	width: 66.66666667%;

}

.col-9 {

	flex: 0 0 auto;

	width: 75%;

}

.col-10 {

	flex: 0 0 auto;

	width: 83.33333333%;

}

.col-11 {

	flex: 0 0 auto;

	width: 91.66666667%;

}

.col-12 {

	flex: 0 0 auto;

	width: 100%;

}

.offset-1 {

	margin-left: 8.33333333%;

}

.offset-2 {

	margin-left: 16.66666667%;

}

.offset-3 {

	margin-left: 25%;

}

.offset-4 {

	margin-left: 33.33333333%;

}

.offset-5 {

	margin-left: 41.66666667%;

}

.offset-6 {

	margin-left: 50%;

}

.offset-7 {

	margin-left: 58.33333333%;

}

.offset-8 {

	margin-left: 66.66666667%;

}

.offset-9 {

	margin-left: 75%;

}

.offset-10 {

	margin-left: 83.33333333%;

}

.offset-11 {

	margin-left: 91.66666667%;

}

.g-0, .gx-0 {

	--bs-gutter-x: 0;

}

.g-0, .gy-0 {

	--bs-gutter-y: 0;

}

.g-1, .gx-1 {

	--bs-gutter-x: 0.25rem;

}

.g-1, .gy-1 {

	--bs-gutter-y: 0.25rem;

}

.g-2, .gx-2 {

	--bs-gutter-x: 0.5rem;

}

.g-2, .gy-2 {

	--bs-gutter-y: 0.5rem;

}

.g-3, .gx-3 {

	--bs-gutter-x: 1rem;

}

.g-3, .gy-3 {

	--bs-gutter-y: 1rem;

}

.g-4, .gx-4 {

	--bs-gutter-x: 1.5rem;

}

.g-4, .gy-4 {

	--bs-gutter-y: 1.5rem;

}

.g-5, .gx-5 {

	--bs-gutter-x: 3rem;

}

.g-5, .gy-5 {

	--bs-gutter-y: 3rem;

}

@media (min-width:576px){

.col-sm {

	flex: 1 0 0%;

}

.row-cols-sm-auto > * {

	flex: 0 0 auto;

	width: auto;

}

.row-cols-sm-1 > * {

	flex: 0 0 auto;

	width: 100%;

}

.row-cols-sm-2 > * {

	flex: 0 0 auto;

	width: 50%;

}

.row-cols-sm-3 > * {

	flex: 0 0 auto;

	width: 33.33333333%;

}

.row-cols-sm-4 > * {

	flex: 0 0 auto;

	width: 25%;

}

.row-cols-sm-5 > * {

	flex: 0 0 auto;

	width: 20%;

}

.row-cols-sm-6 > * {

	flex: 0 0 auto;

	width: 16.66666667%;

}

.col-sm-auto {

	flex: 0 0 auto;

	width: auto;

}

.col-sm-1 {

	flex: 0 0 auto;

	width: 8.33333333%;

}

.col-sm-2 {

	flex: 0 0 auto;

	width: 16.66666667%;

}

.col-sm-3 {

	flex: 0 0 auto;

	width: 25%;

}

.col-sm-4 {

	flex: 0 0 auto;

	width: 33.33333333%;

}

.col-sm-5 {

	flex: 0 0 auto;

	width: 41.66666667%;

}

.col-sm-6 {

	flex: 0 0 auto;

	width: 50%;

}

.col-sm-7 {

	flex: 0 0 auto;

	width: 58.33333333%;

}

.col-sm-8 {

	flex: 0 0 auto;

	width: 66.66666667%;

}

.col-sm-9 {

	flex: 0 0 auto;

	width: 75%;

}

.col-sm-10 {

	flex: 0 0 auto;

	width: 83.33333333%;

}

.col-sm-11 {

	flex: 0 0 auto;

	width: 91.66666667%;

}

.col-sm-12 {

	flex: 0 0 auto;

	width: 100%;

}

.offset-sm-0 {

	margin-left: 0;

}

.offset-sm-1 {

	margin-left: 8.33333333%;

}

.offset-sm-2 {

	margin-left: 16.66666667%;

}

.offset-sm-3 {

	margin-left: 25%;

}

.offset-sm-4 {

	margin-left: 33.33333333%;

}

.offset-sm-5 {

	margin-left: 41.66666667%;

}

.offset-sm-6 {

	margin-left: 50%;

}

.offset-sm-7 {

	margin-left: 58.33333333%;

}

.offset-sm-8 {

	margin-left: 66.66666667%;

}

.offset-sm-9 {

	margin-left: 75%;

}

.offset-sm-10 {

	margin-left: 83.33333333%;

}

.offset-sm-11 {

	margin-left: 91.66666667%;

}

.g-sm-0, .gx-sm-0 {

	--bs-gutter-x: 0;

}

.g-sm-0, .gy-sm-0 {

	--bs-gutter-y: 0;

}

.g-sm-1, .gx-sm-1 {

	--bs-gutter-x: 0.25rem;

}

.g-sm-1, .gy-sm-1 {

	--bs-gutter-y: 0.25rem;

}

.g-sm-2, .gx-sm-2 {

	--bs-gutter-x: 0.5rem;

}

.g-sm-2, .gy-sm-2 {

	--bs-gutter-y: 0.5rem;

}

.g-sm-3, .gx-sm-3 {

	--bs-gutter-x: 1rem;

}

.g-sm-3, .gy-sm-3 {

	--bs-gutter-y: 1rem;

}

.g-sm-4, .gx-sm-4 {

	--bs-gutter-x: 1.5rem;

}

.g-sm-4, .gy-sm-4 {

	--bs-gutter-y: 1.5rem;

}

.g-sm-5, .gx-sm-5 {

	--bs-gutter-x: 3rem;

}

.g-sm-5, .gy-sm-5 {

	--bs-gutter-y: 3rem;

}

}

@media (min-width:768px){

.col-md {

	flex: 1 0 0%;

}

.row-cols-md-auto > * {

	flex: 0 0 auto;

	width: auto;

}

.row-cols-md-1 > * {

	flex: 0 0 auto;

	width: 100%;

}

.row-cols-md-2 > * {

	flex: 0 0 auto;

	width: 50%;

}

.row-cols-md-3 > * {

	flex: 0 0 auto;

	width: 33.33333333%;

}

.row-cols-md-4 > * {

	flex: 0 0 auto;

	width: 25%;

}

.row-cols-md-5 > * {

	flex: 0 0 auto;

	width: 20%;

}

.row-cols-md-6 > * {

	flex: 0 0 auto;

	width: 16.66666667%;

}

.col-md-auto {

	flex: 0 0 auto;

	width: auto;

}

.col-md-1 {

	flex: 0 0 auto;

	width: 8.33333333%;

}

.col-md-2 {

	flex: 0 0 auto;

	width: 16.66666667%;

}

.col-md-3 {

	flex: 0 0 auto;

	width: 25%;

}

.col-md-4 {

	flex: 0 0 auto;

	width: 33.33333333%;

}

.col-md-5 {

	flex: 0 0 auto;

	width: 41.66666667%;

}

.col-md-6 {

	flex: 0 0 auto;

	width: 50%;

}

.col-md-7 {

	flex: 0 0 auto;

	width: 58.33333333%;

}

.col-md-8 {

	flex: 0 0 auto;

	width: 66.66666667%;

}

.col-md-9 {

	flex: 0 0 auto;

	width: 75%;

}

.col-md-10 {

	flex: 0 0 auto;

	width: 83.33333333%;

}

.col-md-11 {

	flex: 0 0 auto;

	width: 91.66666667%;

}

.col-md-12 {

	flex: 0 0 auto;

	width: 100%;

}

.offset-md-0 {

	margin-left: 0;

}

.offset-md-1 {

	margin-left: 8.33333333%;

}

.offset-md-2 {

	margin-left: 16.66666667%;

}

.offset-md-3 {

	margin-left: 25%;

}

.offset-md-4 {

	margin-left: 33.33333333%;

}

.offset-md-5 {

	margin-left: 41.66666667%;

}

.offset-md-6 {

	margin-left: 50%;

}

.offset-md-7 {

	margin-left: 58.33333333%;

}

.offset-md-8 {

	margin-left: 66.66666667%;

}

.offset-md-9 {

	margin-left: 75%;

}

.offset-md-10 {

	margin-left: 83.33333333%;

}

.offset-md-11 {

	margin-left: 91.66666667%;

}

.g-md-0, .gx-md-0 {

	--bs-gutter-x: 0;

}

.g-md-0, .gy-md-0 {

	--bs-gutter-y: 0;

}

.g-md-1, .gx-md-1 {

	--bs-gutter-x: 0.25rem;

}

.g-md-1, .gy-md-1 {

	--bs-gutter-y: 0.25rem;

}

.g-md-2, .gx-md-2 {

	--bs-gutter-x: 0.5rem;

}

.g-md-2, .gy-md-2 {

	--bs-gutter-y: 0.5rem;

}

.g-md-3, .gx-md-3 {

	--bs-gutter-x: 1rem;

}

.g-md-3, .gy-md-3 {

	--bs-gutter-y: 1rem;

}

.g-md-4, .gx-md-4 {

	--bs-gutter-x: 1.5rem;

}

.g-md-4, .gy-md-4 {

	--bs-gutter-y: 1.5rem;

}

.g-md-5, .gx-md-5 {

	--bs-gutter-x: 3rem;

}

.g-md-5, .gy-md-5 {

	--bs-gutter-y: 3rem;

}

}

@media (min-width:992px){

.col-lg {

	flex: 1 0 0%;

}

.row-cols-lg-auto > * {

	flex: 0 0 auto;

	width: auto;

}

.row-cols-lg-1 > * {

	flex: 0 0 auto;

	width: 100%;

}

.row-cols-lg-2 > * {

	flex: 0 0 auto;

	width: 50%;

}

.row-cols-lg-3 > * {

	flex: 0 0 auto;

	width: 33.33333333%;

}

.row-cols-lg-4 > * {

	flex: 0 0 auto;

	width: 25%;

}

.row-cols-lg-5 > * {

	flex: 0 0 auto;

	width: 20%;

}

.row-cols-lg-6 > * {

	flex: 0 0 auto;

	width: 16.66666667%;

}

.col-lg-auto {

	flex: 0 0 auto;

	width: auto;

}

.col-lg-1 {

	flex: 0 0 auto;

	width: 8.33333333%;

}

.col-lg-2 {

	flex: 0 0 auto;

	width: 16.66666667%;

}

.col-lg-3 {

	flex: 0 0 auto;

	width: 25%;

}

.col-lg-4 {

	flex: 0 0 auto;

	width: 33.33333333%;

}

.col-lg-5 {

	flex: 0 0 auto;

	width: 41.66666667%;

}

.col-lg-6 {

	flex: 0 0 auto;

	width: 50%;

}

.col-lg-7 {

	flex: 0 0 auto;

	width: 58.33333333%;

}

.col-lg-8 {

	flex: 0 0 auto;

	width: 66.66666667%;

}

.col-lg-9 {

	flex: 0 0 auto;

	width: 75%;

}

.col-lg-10 {

	flex: 0 0 auto;

	width: 83.33333333%;

}

.col-lg-11 {

	flex: 0 0 auto;

	width: 91.66666667%;

}

.col-lg-12 {

	flex: 0 0 auto;

	width: 100%;

}

.offset-lg-0 {

	margin-left: 0;

}

.offset-lg-1 {

	margin-left: 8.33333333%;

}

.offset-lg-2 {

	margin-left: 16.66666667%;

}

.offset-lg-3 {

	margin-left: 25%;

}

.offset-lg-4 {

	margin-left: 33.33333333%;

}

.offset-lg-5 {

	margin-left: 41.66666667%;

}

.offset-lg-6 {

	margin-left: 50%;

}

.offset-lg-7 {

	margin-left: 58.33333333%;

}

.offset-lg-8 {

	margin-left: 66.66666667%;

}

.offset-lg-9 {

	margin-left: 75%;

}

.offset-lg-10 {

	margin-left: 83.33333333%;

}

.offset-lg-11 {

	margin-left: 91.66666667%;

}

.g-lg-0, .gx-lg-0 {

	--bs-gutter-x: 0;

}

.g-lg-0, .gy-lg-0 {

	--bs-gutter-y: 0;

}

.g-lg-1, .gx-lg-1 {

	--bs-gutter-x: 0.25rem;

}

.g-lg-1, .gy-lg-1 {

	--bs-gutter-y: 0.25rem;

}

.g-lg-2, .gx-lg-2 {

	--bs-gutter-x: 0.5rem;

}

.g-lg-2, .gy-lg-2 {

	--bs-gutter-y: 0.5rem;

}

.g-lg-3, .gx-lg-3 {

	--bs-gutter-x: 1rem;

}

.g-lg-3, .gy-lg-3 {

	--bs-gutter-y: 1rem;

}

.g-lg-4, .gx-lg-4 {

	--bs-gutter-x: 1.5rem;

}

.g-lg-4, .gy-lg-4 {

	--bs-gutter-y: 1.5rem;

}

.g-lg-5, .gx-lg-5 {

	--bs-gutter-x: 3rem;

}

.g-lg-5, .gy-lg-5 {

	--bs-gutter-y: 3rem;

}

}

@media (min-width:1200px){

.col-xl {

	flex: 1 0 0%;

}

.row-cols-xl-auto > * {

	flex: 0 0 auto;

	width: auto;

}

.row-cols-xl-1 > * {

	flex: 0 0 auto;

	width: 100%;

}

.row-cols-xl-2 > * {

	flex: 0 0 auto;

	width: 50%;

}

.row-cols-xl-3 > * {

	flex: 0 0 auto;

	width: 33.33333333%;

}

.row-cols-xl-4 > * {

	flex: 0 0 auto;

	width: 25%;

}

.row-cols-xl-5 > * {

	flex: 0 0 auto;

	width: 20%;

}

.row-cols-xl-6 > * {

	flex: 0 0 auto;

	width: 16.66666667%;

}

.col-xl-auto {

	flex: 0 0 auto;

	width: auto;

}

.col-xl-1 {

	flex: 0 0 auto;

	width: 8.33333333%;

}

.col-xl-2 {

	flex: 0 0 auto;

	width: 16.66666667%;

}

.col-xl-3 {

	flex: 0 0 auto;

	width: 25%;

}

.col-xl-4 {

	flex: 0 0 auto;

	width: 33.33333333%;

}

.col-xl-5 {

	flex: 0 0 auto;

	width: 41.66666667%;

}

.col-xl-6 {

	flex: 0 0 auto;

	width: 50%;

}

.col-xl-7 {

	flex: 0 0 auto;

	width: 58.33333333%;

}

.col-xl-8 {

	flex: 0 0 auto;

	width: 66.66666667%;

}

.col-xl-9 {

	flex: 0 0 auto;

	width: 75%;

}

.col-xl-10 {

	flex: 0 0 auto;

	width: 83.33333333%;

}

.col-xl-11 {

	flex: 0 0 auto;

	width: 91.66666667%;

}

.col-xl-12 {

	flex: 0 0 auto;

	width: 100%;

}

.offset-xl-0 {

	margin-left: 0;

}

.offset-xl-1 {

	margin-left: 8.33333333%;

}

.offset-xl-2 {

	margin-left: 16.66666667%;

}

.offset-xl-3 {

	margin-left: 25%;

}

.offset-xl-4 {

	margin-left: 33.33333333%;

}

.offset-xl-5 {

	margin-left: 41.66666667%;

}

.offset-xl-6 {

	margin-left: 50%;

}

.offset-xl-7 {

	margin-left: 58.33333333%;

}

.offset-xl-8 {

	margin-left: 66.66666667%;

}

.offset-xl-9 {

	margin-left: 75%;

}

.offset-xl-10 {

	margin-left: 83.33333333%;

}

.offset-xl-11 {

	margin-left: 91.66666667%;

}

.g-xl-0, .gx-xl-0 {

	--bs-gutter-x: 0;

}

.g-xl-0, .gy-xl-0 {

	--bs-gutter-y: 0;

}

.g-xl-1, .gx-xl-1 {

	--bs-gutter-x: 0.25rem;

}

.g-xl-1, .gy-xl-1 {

	--bs-gutter-y: 0.25rem;

}

.g-xl-2, .gx-xl-2 {

	--bs-gutter-x: 0.5rem;

}

.g-xl-2, .gy-xl-2 {

	--bs-gutter-y: 0.5rem;

}

.g-xl-3, .gx-xl-3 {

	--bs-gutter-x: 1rem;

}

.g-xl-3, .gy-xl-3 {

	--bs-gutter-y: 1rem;

}

.g-xl-4, .gx-xl-4 {

	--bs-gutter-x: 1.5rem;

}

.g-xl-4, .gy-xl-4 {

	--bs-gutter-y: 1.5rem;

}

.g-xl-5, .gx-xl-5 {

	--bs-gutter-x: 3rem;

}

.g-xl-5, .gy-xl-5 {

	--bs-gutter-y: 3rem;

}

}

@media (min-width:1400px){

.col-xxl {

	flex: 1 0 0%;

}

.row-cols-xxl-auto > * {

	flex: 0 0 auto;

	width: auto;

}

.row-cols-xxl-1 > * {

	flex: 0 0 auto;

	width: 100%;

}

.row-cols-xxl-2 > * {

	flex: 0 0 auto;

	width: 50%;

}

.row-cols-xxl-3 > * {

	flex: 0 0 auto;

	width: 33.33333333%;

}

.row-cols-xxl-4 > * {

	flex: 0 0 auto;

	width: 25%;

}

.row-cols-xxl-5 > * {

	flex: 0 0 auto;

	width: 20%;

}

.row-cols-xxl-6 > * {

	flex: 0 0 auto;

	width: 16.66666667%;

}

.col-xxl-auto {

	flex: 0 0 auto;

	width: auto;

}

.col-xxl-1 {

	flex: 0 0 auto;

	width: 8.33333333%;

}

.col-xxl-2 {

	flex: 0 0 auto;

	width: 16.66666667%;

}

.col-xxl-3 {

	flex: 0 0 auto;

	width: 25%;

}

.col-xxl-4 {

	flex: 0 0 auto;

	width: 33.33333333%;

}

.col-xxl-5 {

	flex: 0 0 auto;

	width: 41.66666667%;

}

.col-xxl-6 {

	flex: 0 0 auto;

	width: 50%;

}

.col-xxl-7 {

	flex: 0 0 auto;

	width: 58.33333333%;

}

.col-xxl-8 {

	flex: 0 0 auto;

	width: 66.66666667%;

}

.col-xxl-9 {

	flex: 0 0 auto;

	width: 75%;

}

.col-xxl-10 {

	flex: 0 0 auto;

	width: 83.33333333%;

}

.col-xxl-11 {

	flex: 0 0 auto;

	width: 91.66666667%;

}

.col-xxl-12 {

	flex: 0 0 auto;

	width: 100%;

}

.offset-xxl-0 {

	margin-left: 0;

}

.offset-xxl-1 {

	margin-left: 8.33333333%;

}

.offset-xxl-2 {

	margin-left: 16.66666667%;

}

.offset-xxl-3 {

	margin-left: 25%;

}

.offset-xxl-4 {

	margin-left: 33.33333333%;

}

.offset-xxl-5 {

	margin-left: 41.66666667%;

}

.offset-xxl-6 {

	margin-left: 50%;

}

.offset-xxl-7 {

	margin-left: 58.33333333%;

}

.offset-xxl-8 {

	margin-left: 66.66666667%;

}

.offset-xxl-9 {

	margin-left: 75%;

}

.offset-xxl-10 {

	margin-left: 83.33333333%;

}

.offset-xxl-11 {

	margin-left: 91.66666667%;

}

.g-xxl-0, .gx-xxl-0 {

	--bs-gutter-x: 0;

}

.g-xxl-0, .gy-xxl-0 {

	--bs-gutter-y: 0;

}

.g-xxl-1, .gx-xxl-1 {

	--bs-gutter-x: 0.25rem;

}

.g-xxl-1, .gy-xxl-1 {

	--bs-gutter-y: 0.25rem;

}

.g-xxl-2, .gx-xxl-2 {

	--bs-gutter-x: 0.5rem;

}

.g-xxl-2, .gy-xxl-2 {

	--bs-gutter-y: 0.5rem;

}

.g-xxl-3, .gx-xxl-3 {

	--bs-gutter-x: 1rem;

}

.g-xxl-3, .gy-xxl-3 {

	--bs-gutter-y: 1rem;

}

.g-xxl-4, .gx-xxl-4 {

	--bs-gutter-x: 1.5rem;

}

.g-xxl-4, .gy-xxl-4 {

	--bs-gutter-y: 1.5rem;

}

.g-xxl-5, .gx-xxl-5 {

	--bs-gutter-x: 3rem;

}

.g-xxl-5, .gy-xxl-5 {

	--bs-gutter-y: 3rem;

}

}

.table {

	--bs-table-color-type: initial;

	--bs-table-bg-type: initial;

	--bs-table-color-state: initial;

	--bs-table-bg-state: initial;

	--bs-table-color: var(--bs-emphasis-color);

	--bs-table-bg: var(--bs-body-bg);

	--bs-table-border-color: var(--bs-border-color);

	--bs-table-accent-bg: transparent;

	--bs-table-striped-color: var(--bs-emphasis-color);

	--bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);

	--bs-table-active-color: var(--bs-emphasis-color);

	--bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);

	--bs-table-hover-color: var(--bs-emphasis-color);

	--bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);

	width: 100%;

	margin-bottom: 1rem;

	vertical-align: top;

	border-color: var(--bs-table-border-color);

}

.table>:not(caption)>*>*{padding:.5rem .5rem;color:var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));background-color:var(--bs-table-bg);border-bottom-width:var(--bs-border-width);box-shadow:inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)))}

.table > tbody {

	vertical-align: inherit;

}

.table > thead {

	vertical-align: bottom;

}

.table-group-divider {

	border-top: calc(var(--bs-border-width) * 2) solid currentcolor;

}

.caption-top {

	caption-side: top;

}

.table-sm>:not(caption)>*>*{padding:.25rem .25rem}

.table-bordered>:not(caption)>*{border-width:var(--bs-border-width) 0}

.table-bordered>:not(caption)>*>*{border-width:0 var(--bs-border-width)}

.table-borderless>:not(caption)>*>*{border-bottom-width:0}

.table-borderless>:not(:first-child){border-top-width:0}

.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-color-type:var(--bs-table-striped-color);--bs-table-bg-type:var(--bs-table-striped-bg)}

.table-striped-columns>:not(caption)>tr>:nth-child(2n){--bs-table-color-type:var(--bs-table-striped-color);--bs-table-bg-type:var(--bs-table-striped-bg)}

.table-active {

	--bs-table-color-state: var(--bs-table-active-color);

	--bs-table-bg-state: var(--bs-table-active-bg);

}

.table-hover > tbody > tr:hover > * {

	--bs-table-color-state: var(--bs-table-hover-color);

	--bs-table-bg-state: var(--bs-table-hover-bg);

}

.table-primary {

	--bs-table-color: #000;

	--bs-table-bg: #cfe2ff;

	--bs-table-border-color: #a6b5cc;

	--bs-table-striped-bg: #c5d7f2;

	--bs-table-striped-color: #000;

	--bs-table-active-bg: #bacbe6;

	--bs-table-active-color: #000;

	--bs-table-hover-bg: #bfd1ec;

	--bs-table-hover-color: #000;

	color: var(--bs-table-color);

	border-color: var(--bs-table-border-color);

}

.table-secondary {

	--bs-table-color: #000;

	--bs-table-bg: #e2e3e5;

	--bs-table-border-color: #b5b6b7;

	--bs-table-striped-bg: #d7d8da;

	--bs-table-striped-color: #000;

	--bs-table-active-bg: #cbccce;

	--bs-table-active-color: #000;

	--bs-table-hover-bg: #d1d2d4;

	--bs-table-hover-color: #000;

	color: var(--bs-table-color);

	border-color: var(--bs-table-border-color);

}

.table-success {

	--bs-table-color: #000;

	--bs-table-bg: #d1e7dd;

	--bs-table-border-color: #a7b9b1;

	--bs-table-striped-bg: #c7dbd2;

	--bs-table-striped-color: #000;

	--bs-table-active-bg: #bcd0c7;

	--bs-table-active-color: #000;

	--bs-table-hover-bg: #c1d6cc;

	--bs-table-hover-color: #000;

	color: var(--bs-table-color);

	border-color: var(--bs-table-border-color);

}

.table-info {

	--bs-table-color: #000;

	--bs-table-bg: #cff4fc;

	--bs-table-border-color: #a6c3ca;

	--bs-table-striped-bg: #c5e8ef;

	--bs-table-striped-color: #000;

	--bs-table-active-bg: #badce3;

	--bs-table-active-color: #000;

	--bs-table-hover-bg: #bfe2e9;

	--bs-table-hover-color: #000;

	color: var(--bs-table-color);

	border-color: var(--bs-table-border-color);

}

.table-warning {

	--bs-table-color: #000;

	--bs-table-bg: #fff3cd;

	--bs-table-border-color: #ccc2a4;

	--bs-table-striped-bg: #f2e7c3;

	--bs-table-striped-color: #000;

	--bs-table-active-bg: #e6dbb9;

	--bs-table-active-color: #000;

	--bs-table-hover-bg: #ece1be;

	--bs-table-hover-color: #000;

	color: var(--bs-table-color);

	border-color: var(--bs-table-border-color);

}

.table-danger {

	--bs-table-color: #000;

	--bs-table-bg: #f8d7da;

	--bs-table-border-color: #c6acae;

	--bs-table-striped-bg: #eccccf;

	--bs-table-striped-color: #000;

	--bs-table-active-bg: #dfc2c4;

	--bs-table-active-color: #000;

	--bs-table-hover-bg: #e5c7ca;

	--bs-table-hover-color: #000;

	color: var(--bs-table-color);

	border-color: var(--bs-table-border-color);

}

.table-light {

	--bs-table-color: #000;

	--bs-table-bg: #f8f9fa;

	--bs-table-border-color: #c6c7c8;

	--bs-table-striped-bg: #ecedee;

	--bs-table-striped-color: #000;

	--bs-table-active-bg: #dfe0e1;

	--bs-table-active-color: #000;

	--bs-table-hover-bg: #e5e6e7;

	--bs-table-hover-color: #000;

	color: var(--bs-table-color);

	border-color: var(--bs-table-border-color);

}

.table-dark {

	--bs-table-color: #fff;

	--bs-table-bg: #212529;

	--bs-table-border-color: #4d5154;

	--bs-table-striped-bg: #2c3034;

	--bs-table-striped-color: #fff;

	--bs-table-active-bg: #373b3e;

	--bs-table-active-color: #fff;

	--bs-table-hover-bg: #323539;

	--bs-table-hover-color: #fff;

	color: var(--bs-table-color);

	border-color: var(--bs-table-border-color);

}

.table-responsive {

	overflow-x: auto;

	-webkit-overflow-scrolling: touch;

}

@media (max-width:575.98px){

.table-responsive-sm {

	overflow-x: auto;

	-webkit-overflow-scrolling: touch;

}

}

@media (max-width:767.98px){

.table-responsive-md {

	overflow-x: auto;

	-webkit-overflow-scrolling: touch;

}

}

@media (max-width:991.98px){

.table-responsive-lg {

	overflow-x: auto;

	-webkit-overflow-scrolling: touch;

}

}

@media (max-width:1199.98px){

.table-responsive-xl {

	overflow-x: auto;

	-webkit-overflow-scrolling: touch;

}

}

@media (max-width:1399.98px){

.table-responsive-xxl {

	overflow-x: auto;

	-webkit-overflow-scrolling: touch;

}

}

.form-label {

	margin-bottom: .5rem;

}

.col-form-label {

	padding-top: calc(.375rem + var(--bs-border-width));

	padding-bottom: calc(.375rem + var(--bs-border-width));

	margin-bottom: 0;

	font-size: inherit;

	line-height: 1.5;

}

.col-form-label-lg {

	padding-top: calc(.5rem + var(--bs-border-width));

	padding-bottom: calc(.5rem + var(--bs-border-width));

	font-size: 1.25rem;

}

.col-form-label-sm {

	padding-top: calc(.25rem + var(--bs-border-width));

	padding-bottom: calc(.25rem + var(--bs-border-width));

	font-size: .875rem;

}

.form-text {

	margin-top: .25rem;

	font-size: .875em;

	color: var(--bs-secondary-color);

}

.form-control {

	display: block;

	width: 100%;

	padding: .375rem .75rem;

	font-size: 1rem;

	font-weight: 400;

	line-height: 1.5;

	color: var(--bs-body-color);

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

	background-color: var(--bs-body-bg);

	background-clip: padding-box;

	border: var(--bs-border-width) solid var(--bs-border-color);

	border-radius: var(--bs-border-radius);

	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}

@media (prefers-reduced-motion:reduce){

.form-control {

	transition: none;

}

}

.form-control[type=file] {

	overflow: hidden;

}

.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}

.form-control:focus {

	color: var(--bs-body-color);

	background-color: var(--bs-body-bg);

	border-color: #86b7fe;

	outline: 0;

	box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);

}

.form-control::-webkit-date-and-time-value {

	min-width: 85px;

	height: 1.5em;

	margin: 0;

}

.form-control::-webkit-datetime-edit {

	display: block;

	padding: 0;

}

.form-control::-moz-placeholder {

	color: var(--bs-secondary-color);

	opacity: 1;

}

.form-control::placeholder {

	color: var(--bs-secondary-color);

	opacity: 1;

}

.form-control:disabled {

	background-color: var(--bs-secondary-bg);

	opacity: 1;

}

.form-control::-webkit-file-upload-button {

	padding: .375rem .75rem;

	margin: -.375rem -.75rem;

	-webkit-margin-end: .75rem;

	margin-inline-end: .75rem;

	color: var(--bs-body-color);

	background-color: var(--bs-tertiary-bg);

	pointer-events: none;

	border-color: inherit;

	border-style: solid;

	border-width: 0;

	border-inline-end-width: var(--bs-border-width);

	border-radius: 0;

	-webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;

	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}

.form-control::file-selector-button {

	padding: .375rem .75rem;

	margin: -.375rem -.75rem;

	-webkit-margin-end: .75rem;

	margin-inline-end: .75rem;

	color: var(--bs-body-color);

	background-color: var(--bs-tertiary-bg);

	pointer-events: none;

	border-color: inherit;

	border-style: solid;

	border-width: 0;

	border-inline-end-width: var(--bs-border-width);

	border-radius: 0;

	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}

@media (prefers-reduced-motion:reduce){

.form-control::-webkit-file-upload-button {

	-webkit-transition: none;

	transition: none;

}

.form-control::file-selector-button {

	transition: none;

}

}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:var(--bs-secondary-bg)}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--bs-secondary-bg)}

.form-control-plaintext {

	display: block;

	width: 100%;

	padding: .375rem 0;

	margin-bottom: 0;

	line-height: 1.5;

	color: var(--bs-body-color);

	background-color: transparent;

	border: solid transparent;

	border-width: var(--bs-border-width) 0;

}

.form-control-plaintext:focus {

	outline: 0;

}

.form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm {

	padding-right: 0;

	padding-left: 0;

}

.form-control-sm {

	min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));

	padding: .25rem .5rem;

	font-size: .875rem;

	border-radius: var(--bs-border-radius-sm);

}

.form-control-sm::-webkit-file-upload-button {

	padding: .25rem .5rem;

	margin: -.25rem -.5rem;

	-webkit-margin-end: .5rem;

	margin-inline-end: .5rem;

}

.form-control-sm::file-selector-button {

	padding: .25rem .5rem;

	margin: -.25rem -.5rem;

	-webkit-margin-end: .5rem;

	margin-inline-end: .5rem;

}

.form-control-lg {

	min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));

	padding: .5rem 1rem;

	font-size: 1.25rem;

	border-radius: var(--bs-border-radius-lg);

}

.form-control-lg::-webkit-file-upload-button {

	padding: .5rem 1rem;

	margin: -.5rem -1rem;

	-webkit-margin-end: 1rem;

	margin-inline-end: 1rem;

}

.form-control-lg::file-selector-button {

	padding: .5rem 1rem;

	margin: -.5rem -1rem;

	-webkit-margin-end: 1rem;

	margin-inline-end: 1rem;

}

textarea.form-control {

	min-height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));

}

textarea.form-control-sm {

	min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));

}

textarea.form-control-lg {

	min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));

}

.form-control-color {

	width: 3rem;

	height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));

	padding: .375rem;

}

.form-control-color:not(:disabled):not([readonly]){cursor:pointer}

.form-control-color::-moz-color-swatch {

	border: 0!important;

	border-radius: var(--bs-border-radius);

}

.form-control-color::-webkit-color-swatch {

	border: 0!important;

	border-radius: var(--bs-border-radius);

}

.form-control-color.form-control-sm {

	height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));

}

.form-control-color.form-control-lg {

	height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));

}

.form-select {

	--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");

	display: block;

	width: 100%;

	padding: .375rem 2.25rem .375rem .75rem;

	font-size: 1rem;

	font-weight: 400;

	line-height: 1.5;

	color: var(--bs-body-color);

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

	background-color: var(--bs-body-bg);

	background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);

	background-repeat: no-repeat;

	background-position: right .75rem center;

	background-size: 16px 12px;

	border: var(--bs-border-width) solid var(--bs-border-color);

	border-radius: var(--bs-border-radius);

	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}

@media (prefers-reduced-motion:reduce){

.form-select {

	transition: none;

}

}

.form-select:focus {

	border-color: #86b7fe;

	outline: 0;

	box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);

}

.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}

.form-select:disabled {

	background-color: var(--bs-secondary-bg);

}

.form-select:-moz-focusring {

	color: transparent;

	text-shadow: 0 0 0 var(--bs-body-color);

}

.form-select-sm {

	padding-top: .25rem;

	padding-bottom: .25rem;

	padding-left: .5rem;

	font-size: .875rem;

	border-radius: var(--bs-border-radius-sm);

}

.form-select-lg {

	padding-top: .5rem;

	padding-bottom: .5rem;

	padding-left: 1rem;

	font-size: 1.25rem;

	border-radius: var(--bs-border-radius-lg);

}

[data-bs-theme=dark] .form-select {

	--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");

}

.form-check {

	display: block;

	min-height: 1.5rem;

	padding-left: 1.5em;

	margin-bottom: .125rem;

}

.form-check .form-check-input {

	float: left;

	margin-left: -1.5em;

}

.form-check-reverse {

	padding-right: 1.5em;

	padding-left: 0;

	text-align: right;

}

.form-check-reverse .form-check-input {

	float: right;

	margin-right: -1.5em;

	margin-left: 0;

}

.form-check-input {

	--bs-form-check-bg: var(--bs-body-bg);

	flex-shrink: 0;

	width: 1em;

	height: 1em;

	margin-top: .25em;

	vertical-align: top;

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

	background-color: var(--bs-form-check-bg);

	background-image: var(--bs-form-check-bg-image);

	background-repeat: no-repeat;

	background-position: center;

	background-size: contain;

	border: var(--bs-border-width) solid var(--bs-border-color);

	-webkit-print-color-adjust: exact;

	color-adjust: exact;

	print-color-adjust: exact;

}

.form-check-input[type=checkbox] {

	border-radius: .25em;

}

.form-check-input[type=radio] {

	border-radius: 50%;

}

.form-check-input:active {

	filter: brightness(90%);

}

.form-check-input:focus {

	border-color: #86b7fe;

	outline: 0;

	box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);

}

.form-check-input:checked {

	background-color: #0d6efd;

	border-color: #0d6efd;

}

.form-check-input:checked[type=checkbox] {

	--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");

}

.form-check-input:checked[type=radio] {

	--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");

}

.form-check-input[type=checkbox]:indeterminate {

	background-color: #0d6efd;

	border-color: #0d6efd;

	--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");

}

.form-check-input:disabled {

	pointer-events: none;

	filter: none;

	opacity: .5;

}

.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{cursor:default;opacity:.5}

.form-switch {

	padding-left: 2.5em;

}

.form-switch .form-check-input {

	--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");

	width: 2em;

	margin-left: -2.5em;

	background-image: var(--bs-form-switch-bg);

	background-position: left center;

	border-radius: 2em;

	transition: background-position .15s ease-in-out;

}

@media (prefers-reduced-motion:reduce){

.form-switch .form-check-input {

	transition: none;

}

}

.form-switch .form-check-input:focus {

	--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");

}

.form-switch .form-check-input:checked {

	background-position: right center;

	--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");

}

.form-switch.form-check-reverse {

	padding-right: 2.5em;

	padding-left: 0;

}

.form-switch.form-check-reverse .form-check-input {

	margin-right: -2.5em;

	margin-left: 0;

}

.form-check-inline {

	display: inline-block;

	margin-right: 1rem;

}

.btn-check {

	position: absolute;

	clip: rect(0,0,0,0);

	pointer-events: none;

}

.btn-check:disabled + .btn, .btn-check[disabled] + .btn {

	pointer-events: none;

	filter: none;

	opacity: .65;

}

[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus){--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")}

.form-range {

	width: 100%;

	height: 1.5rem;

	padding: 0;

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

	background-color: transparent;

}

.form-range:focus {

	outline: 0;

}

.form-range:focus::-webkit-slider-thumb {

	box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25);

}

.form-range:focus::-moz-range-thumb {

	box-shadow: 0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25);

}

.form-range::-moz-focus-outer {

	border: 0;

}

.form-range::-webkit-slider-thumb {

	width: 1rem;

	height: 1rem;

	margin-top: -.25rem;

	-webkit-appearance: none;

	appearance: none;

	background-color: #0d6efd;

	border: 0;

	border-radius: 1rem;

	-webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;

	transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}

@media (prefers-reduced-motion:reduce){

.form-range::-webkit-slider-thumb {

	-webkit-transition: none;

	transition: none;

}

}

.form-range::-webkit-slider-thumb:active {

	background-color: #b6d4fe;

}

.form-range::-webkit-slider-runnable-track {

	width: 100%;

	height: .5rem;

	color: transparent;

	cursor: pointer;

	background-color: var(--bs-secondary-bg);

	border-color: transparent;

	border-radius: 1rem;

}

.form-range::-moz-range-thumb {

	width: 1rem;

	height: 1rem;

	-moz-appearance: none;

	appearance: none;

	background-color: #0d6efd;

	border: 0;

	border-radius: 1rem;

	-moz-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;

	transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}

@media (prefers-reduced-motion:reduce){

.form-range::-moz-range-thumb {

	-moz-transition: none;

	transition: none;

}

}

.form-range::-moz-range-thumb:active {

	background-color: #b6d4fe;

}

.form-range::-moz-range-track {

	width: 100%;

	height: .5rem;

	color: transparent;

	cursor: pointer;

	background-color: var(--bs-secondary-bg);

	border-color: transparent;

	border-radius: 1rem;

}

.form-range:disabled {

	pointer-events: none;

}

.form-range:disabled::-webkit-slider-thumb {

	background-color: var(--bs-secondary-color);

}

.form-range:disabled::-moz-range-thumb {

	background-color: var(--bs-secondary-color);

}

.form-floating {

	position: relative;

}

.form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select {

	height: calc(3.5rem + calc(var(--bs-border-width) * 2));

	min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));line-height:1.25

}

.form-floating > label {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 2;

	height: 100%;

	padding: 1rem .75rem;

	overflow: hidden;

	text-align: start;

	text-overflow: ellipsis;

	white-space: nowrap;

	pointer-events: none;

	border: var(--bs-border-width) solid transparent;

	transform-origin: 0 0;

	transition: opacity .1s ease-in-out,transform .1s ease-in-out;

}

@media (prefers-reduced-motion:reduce){

.form-floating > label {

	transition: none;

}

}

.form-floating > .form-control, .form-floating > .form-control-plaintext {

	padding: 1rem .75rem;

}

.form-floating > .form-control-plaintext::-moz-placeholder, .form-floating > .form-control::-moz-placeholder {

	color: transparent;

}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {

	color: transparent;

}

.form-floating>.form-control-plaintext:not(:-moz-placeholder-shown),.form-floating>.form-control:not(:-moz-placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}

.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown),.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}

.form-floating > .form-control-plaintext:-webkit-autofill, .form-floating > .form-control:-webkit-autofill {

	padding-top: 1.625rem;

	padding-bottom: .625rem;

}

.form-floating > .form-select {

	padding-top: 1.625rem;

	padding-bottom: .625rem;

}

.form-floating>.form-control:not(:-moz-placeholder-shown)~label{color:rgba(var(--bs-body-color-rgb),.65);transform:scale(.85) translateY(-.5rem) translateX(.15rem)}

.form-floating>.form-control-plaintext~label,.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{color:rgba(var(--bs-body-color-rgb),.65);transform:scale(.85) translateY(-.5rem) translateX(.15rem)}

.form-floating>.form-control:not(:-moz-placeholder-shown)~label::after{position:absolute;inset:1rem 0.375rem;z-index:-1;height:1.5em;content:"";background-color:var(--bs-body-bg);border-radius:var(--bs-border-radius)}

.form-floating>.form-control-plaintext~label::after,.form-floating>.form-control:focus~label::after,.form-floating>.form-control:not(:placeholder-shown)~label::after,.form-floating>.form-select~label::after{position:absolute;inset:1rem 0.375rem;z-index:-1;height:1.5em;content:"";background-color:var(--bs-body-bg);border-radius:var(--bs-border-radius)}

.form-floating>.form-control:-webkit-autofill~label{color:rgba(var(--bs-body-color-rgb),.65);transform:scale(.85) translateY(-.5rem) translateX(.15rem)}

.form-floating>.form-control-plaintext~label{border-width:var(--bs-border-width) 0}

.form-floating>.form-control:disabled~label,.form-floating>:disabled~label{color:#6c757d}

.form-floating>.form-control:disabled~label::after,.form-floating>:disabled~label::after{background-color:var(--bs-secondary-bg)}

.input-group {

	position: relative;

	display: flex;

	flex-wrap: wrap;

	align-items: stretch;

	width: 100%;

}

.input-group > .form-control, .input-group > .form-floating, .input-group > .form-select {

	position: relative;

	flex: 1 1 auto;

	width: 1%;

	min-width: 0;

}

.input-group > .form-control:focus, .input-group > .form-floating:focus-within, .input-group > .form-select:focus {

	z-index: 5;

}

.input-group .btn {

	position: relative;

	z-index: 2;

}

.input-group .btn:focus {

	z-index: 5;

}

.input-group-text {

	display: flex;

	align-items: center;

	padding: .375rem .75rem;

	font-size: 1rem;

	font-weight: 400;

	line-height: 1.5;

	color: var(--bs-body-color);

	text-align: center;

	white-space: nowrap;

	background-color: var(--bs-tertiary-bg);

	border: var(--bs-border-width) solid var(--bs-border-color);

	border-radius: var(--bs-border-radius);

}

.input-group-lg > .btn, .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text {

	padding: .5rem 1rem;

	font-size: 1.25rem;

	border-radius: var(--bs-border-radius-lg);

}

.input-group-sm > .btn, .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text {

	padding: .25rem .5rem;

	font-size: .875rem;

	border-radius: var(--bs-border-radius-sm);

}

.input-group-lg > .form-select, .input-group-sm > .form-select {

	padding-right: 3rem;

}

.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}

.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:calc(var(--bs-border-width) * -1);border-top-left-radius:0;border-bottom-left-radius:0}

.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select{border-top-left-radius:0;border-bottom-left-radius:0}

.valid-feedback {

	display: none;

	width: 100%;

	margin-top: .25rem;

	font-size: .875em;

	color: var(--bs-form-valid-color);

}

.valid-tooltip {

	position: absolute;

	top: 100%;

	z-index: 5;

	display: none;

	max-width: 100%;

	padding: .25rem .5rem;

	margin-top: .1rem;

	font-size: .875rem;

	color: #fff;

	background-color: var(--bs-success);

	border-radius: var(--bs-border-radius);

}

.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}

.form-control.is-valid, .was-validated .form-control:valid {

	border-color: var(--bs-form-valid-border-color);

	padding-right: calc(1.5em + .75rem);

	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");

	background-repeat: no-repeat;

	background-position: right calc(.375em + .1875rem) center;

	background-size: calc(.75em + .375rem) calc(.75em + .375rem);

}

.form-control.is-valid:focus, .was-validated .form-control:valid:focus {

	border-color: var(--bs-form-valid-border-color);

	box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25);

}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {

	padding-right: calc(1.5em + .75rem);

	background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem);

}

.form-select.is-valid, .was-validated .form-select:valid {

	border-color: var(--bs-form-valid-border-color);

}

.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"]{--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}

.form-select.is-valid:focus, .was-validated .form-select:valid:focus {

	border-color: var(--bs-form-valid-border-color);

	box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25);

}

.form-control-color.is-valid, .was-validated .form-control-color:valid {

	width: calc(3rem + calc(1.5em + .75rem));

}

.form-check-input.is-valid, .was-validated .form-check-input:valid {

	border-color: var(--bs-form-valid-border-color);

}

.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked {

	background-color: var(--bs-form-valid-color);

}

.form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus {

	box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25);

}

.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:var(--bs-form-valid-color)}

.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}

.input-group>.form-control:not(:focus).is-valid,.input-group>.form-floating:not(:focus-within).is-valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-control:not(:focus):valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.was-validated .input-group>.form-select:not(:focus):valid{z-index:3}

.invalid-feedback {

	display: none;

	width: 100%;

	margin-top: .25rem;

	font-size: .875em;

	color: var(--bs-form-invalid-color);

}

.invalid-tooltip {

	position: absolute;

	top: 100%;

	z-index: 5;

	display: none;

	max-width: 100%;

	padding: .25rem .5rem;

	margin-top: .1rem;

	font-size: .875rem;

	color: #fff;

	background-color: var(--bs-danger);

	border-radius: var(--bs-border-radius);

}

.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}

.form-control.is-invalid, .was-validated .form-control:invalid {

	border-color: var(--bs-form-invalid-border-color);

	padding-right: calc(1.5em + .75rem);

	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");

	background-repeat: no-repeat;

	background-position: right calc(.375em + .1875rem) center;

	background-size: calc(.75em + .375rem) calc(.75em + .375rem);

}

.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {

	border-color: var(--bs-form-invalid-border-color);

	box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25);

}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {

	padding-right: calc(1.5em + .75rem);

	background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem);

}

.form-select.is-invalid, .was-validated .form-select:invalid {

	border-color: var(--bs-form-invalid-border-color);

}

.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"]{--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}

.form-select.is-invalid:focus, .was-validated .form-select:invalid:focus {

	border-color: var(--bs-form-invalid-border-color);

	box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25);

}

.form-control-color.is-invalid, .was-validated .form-control-color:invalid {

	width: calc(3rem + calc(1.5em + .75rem));

}

.form-check-input.is-invalid, .was-validated .form-check-input:invalid {

	border-color: var(--bs-form-invalid-border-color);

}

.form-check-input.is-invalid:checked, .was-validated .form-check-input:invalid:checked {

	background-color: var(--bs-form-invalid-color);

}

.form-check-input.is-invalid:focus, .was-validated .form-check-input:invalid:focus {

	box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25);

}

.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:var(--bs-form-invalid-color)}

.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}

.input-group>.form-control:not(:focus).is-invalid,.input-group>.form-floating:not(:focus-within).is-invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-control:not(:focus):invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.was-validated .input-group>.form-select:not(:focus):invalid{z-index:4}

.btn {

	--bs-btn-padding-x: 0.75rem;

	--bs-btn-padding-y: 0.375rem;

	--bs-btn-font-family: ;

	--bs-btn-font-size: 1rem;

	--bs-btn-font-weight: 400;

	--bs-btn-line-height: 1.5;

	--bs-btn-color: var(--bs-body-color);

	--bs-btn-bg: transparent;

	--bs-btn-border-width: var(--bs-border-width);

	--bs-btn-border-color: transparent;

	--bs-btn-border-radius: var(--bs-border-radius);

	--bs-btn-hover-border-color: transparent;

	--bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);

	--bs-btn-disabled-opacity: 0.65;

	--bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);

	display: inline-block;

	padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);

	font-family: var(--bs-btn-font-family);

	font-size: var(--bs-btn-font-size);

	font-weight: var(--bs-btn-font-weight);

	line-height: var(--bs-btn-line-height);

	color: var(--bs-btn-color);

	text-align: center;

	text-decoration: none;

	vertical-align: middle;

	cursor: pointer;

	-webkit-user-select: none;

	-moz-user-select: none;

	user-select: none;

	border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);

	border-radius: var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out

}

@media (prefers-reduced-motion:reduce){

.btn {

	transition: none;

}

}

.btn:hover {

	color: var(--bs-btn-hover-color);

	background-color: var(--bs-btn-hover-bg);

	border-color: var(--bs-btn-hover-border-color);

}

.btn-check + .btn:hover {

	color: var(--bs-btn-color);

	background-color: var(--bs-btn-bg);

	border-color: var(--bs-btn-border-color);

}

.btn:focus-visible {

	color: var(--bs-btn-hover-color);

	background-color: var(--bs-btn-hover-bg);

	border-color: var(--bs-btn-hover-border-color);

	outline: 0;

	box-shadow: var(--bs-btn-focus-box-shadow);

}

.btn-check:focus-visible + .btn {

	border-color: var(--bs-btn-hover-border-color);

	outline: 0;

	box-shadow: var(--bs-btn-focus-box-shadow);

}

.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}

.btn-check:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}

.btn-check:checked:focus-visible + .btn {

	box-shadow: var(--bs-btn-focus-box-shadow);

}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {

	color: var(--bs-btn-disabled-color);

	pointer-events: none;

	background-color: var(--bs-btn-disabled-bg);

	border-color: var(--bs-btn-disabled-border-color);

	opacity: var(--bs-btn-disabled-opacity);

}

.btn-primary {

	--bs-btn-color: #fff;

	--bs-btn-bg: #0d6efd;

	--bs-btn-border-color: #0d6efd;

	--bs-btn-hover-color: #fff;

	--bs-btn-hover-bg: #0b5ed7;

	--bs-btn-hover-border-color: #0a58ca;

	--bs-btn-focus-shadow-rgb: 49,132,253;

	--bs-btn-active-color: #fff;

	--bs-btn-active-bg: #0a58ca;

	--bs-btn-active-border-color: #0a53be;

	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

	--bs-btn-disabled-color: #fff;

	--bs-btn-disabled-bg: #0d6efd;

	--bs-btn-disabled-border-color: #0d6efd;

}

.btn-secondary {

	--bs-btn-color: #fff;

	--bs-btn-bg: #6c757d;

	--bs-btn-border-color: #6c757d;

	--bs-btn-hover-color: #fff;

	--bs-btn-hover-bg: #5c636a;

	--bs-btn-hover-border-color: #565e64;

	--bs-btn-focus-shadow-rgb: 130,138,145;

	--bs-btn-active-color: #fff;

	--bs-btn-active-bg: #565e64;

	--bs-btn-active-border-color: #51585e;

	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

	--bs-btn-disabled-color: #fff;

	--bs-btn-disabled-bg: #6c757d;

	--bs-btn-disabled-border-color: #6c757d;

}

.btn-success {

	--bs-btn-color: #fff;

	--bs-btn-bg: #198754;

	--bs-btn-border-color: #198754;

	--bs-btn-hover-color: #fff;

	--bs-btn-hover-bg: #157347;

	--bs-btn-hover-border-color: #146c43;

	--bs-btn-focus-shadow-rgb: 60,153,110;

	--bs-btn-active-color: #fff;

	--bs-btn-active-bg: #146c43;

	--bs-btn-active-border-color: #13653f;

	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

	--bs-btn-disabled-color: #fff;

	--bs-btn-disabled-bg: #198754;

	--bs-btn-disabled-border-color: #198754;

}

.btn-info {

	--bs-btn-color: #000;

	--bs-btn-bg: #0dcaf0;

	--bs-btn-border-color: #0dcaf0;

	--bs-btn-hover-color: #000;

	--bs-btn-hover-bg: #31d2f2;

	--bs-btn-hover-border-color: #25cff2;

	--bs-btn-focus-shadow-rgb: 11,172,204;

	--bs-btn-active-color: #000;

	--bs-btn-active-bg: #3dd5f3;

	--bs-btn-active-border-color: #25cff2;

	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

	--bs-btn-disabled-color: #000;

	--bs-btn-disabled-bg: #0dcaf0;

	--bs-btn-disabled-border-color: #0dcaf0;

}

.btn-warning {

	--bs-btn-color: #000;

	--bs-btn-bg: #ffc107;

	--bs-btn-border-color: #ffc107;

	--bs-btn-hover-color: #000;

	--bs-btn-hover-bg: #ffca2c;

	--bs-btn-hover-border-color: #ffc720;

	--bs-btn-focus-shadow-rgb: 217,164,6;

	--bs-btn-active-color: #000;

	--bs-btn-active-bg: #ffcd39;

	--bs-btn-active-border-color: #ffc720;

	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

	--bs-btn-disabled-color: #000;

	--bs-btn-disabled-bg: #ffc107;

	--bs-btn-disabled-border-color: #ffc107;

}

.btn-danger {

	--bs-btn-color: #fff;

	--bs-btn-bg: #dc3545;

	--bs-btn-border-color: #dc3545;

	--bs-btn-hover-color: #fff;

	--bs-btn-hover-bg: #bb2d3b;

	--bs-btn-hover-border-color: #b02a37;

	--bs-btn-focus-shadow-rgb: 225,83,97;

	--bs-btn-active-color: #fff;

	--bs-btn-active-bg: #b02a37;

	--bs-btn-active-border-color: #a52834;

	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

	--bs-btn-disabled-color: #fff;

	--bs-btn-disabled-bg: #dc3545;

	--bs-btn-disabled-border-color: #dc3545;

}

.btn-light {

	--bs-btn-color: #000;

	--bs-btn-bg: #f8f9fa;

	--bs-btn-border-color: #f8f9fa;

	--bs-btn-hover-color: #000;

	--bs-btn-hover-bg: #d3d4d5;

	--bs-btn-hover-border-color: #c6c7c8;

	--bs-btn-focus-shadow-rgb: 211,212,213;

	--bs-btn-active-color: #000;

	--bs-btn-active-bg: #c6c7c8;

	--bs-btn-active-border-color: #babbbc;

	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

	--bs-btn-disabled-color: #000;

	--bs-btn-disabled-bg: #f8f9fa;

	--bs-btn-disabled-border-color: #f8f9fa;

}

.btn-dark {

	--bs-btn-color: #fff;

	--bs-btn-bg: #212529;

	--bs-btn-border-color: #212529;

	--bs-btn-hover-color: #fff;

	--bs-btn-hover-bg: #424649;

	--bs-btn-hover-border-color: #373b3e;

	--bs-btn-focus-shadow-rgb: 66,70,73;

	--bs-btn-active-color: #fff;

	--bs-btn-active-bg: #4d5154;

	--bs-btn-active-border-color: #373b3e;

	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

	--bs-btn-disabled-color: #fff;

	--bs-btn-disabled-bg: #212529;

	--bs-btn-disabled-border-color: #212529;

}

.btn-outline-primary {

	--bs-btn-color: #0d6efd;

	--bs-btn-border-color: #0d6efd;

	--bs-btn-hover-color: #fff;

	--bs-btn-hover-bg: #0d6efd;

	--bs-btn-hover-border-color: #0d6efd;

	--bs-btn-focus-shadow-rgb: 13,110,253;

	--bs-btn-active-color: #fff;

	--bs-btn-active-bg: #0d6efd;

	--bs-btn-active-border-color: #0d6efd;

	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

	--bs-btn-disabled-color: #0d6efd;

	--bs-btn-disabled-bg: transparent;

	--bs-btn-disabled-border-color: #0d6efd;

	--bs-gradient: none;

}

.btn-outline-secondary {

	--bs-btn-color: #6c757d;

	--bs-btn-border-color: #6c757d;

	--bs-btn-hover-color: #fff;

	--bs-btn-hover-bg: #6c757d;

	--bs-btn-hover-border-color: #6c757d;

	--bs-btn-focus-shadow-rgb: 108,117,125;

	--bs-btn-active-color: #fff;

	--bs-btn-active-bg: #6c757d;

	--bs-btn-active-border-color: #6c757d;

	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

	--bs-btn-disabled-color: #6c757d;

	--bs-btn-disabled-bg: transparent;

	--bs-btn-disabled-border-color: #6c757d;

	--bs-gradient: none;

}

.btn-outline-success {

	--bs-btn-color: #198754;

	--bs-btn-border-color: #198754;

	--bs-btn-hover-color: #fff;

	--bs-btn-hover-bg: #198754;

	--bs-btn-hover-border-color: #198754;

	--bs-btn-focus-shadow-rgb: 25,135,84;

	--bs-btn-active-color: #fff;

	--bs-btn-active-bg: #198754;

	--bs-btn-active-border-color: #198754;

	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

	--bs-btn-disabled-color: #198754;

	--bs-btn-disabled-bg: transparent;

	--bs-btn-disabled-border-color: #198754;

	--bs-gradient: none;

}

.btn-outline-info {

	--bs-btn-color: #0dcaf0;

	--bs-btn-border-color: #0dcaf0;

	--bs-btn-hover-color: #000;

	--bs-btn-hover-bg: #0dcaf0;

	--bs-btn-hover-border-color: #0dcaf0;

	--bs-btn-focus-shadow-rgb: 13,202,240;

	--bs-btn-active-color: #000;

	--bs-btn-active-bg: #0dcaf0;

	--bs-btn-active-border-color: #0dcaf0;

	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

	--bs-btn-disabled-color: #0dcaf0;

	--bs-btn-disabled-bg: transparent;

	--bs-btn-disabled-border-color: #0dcaf0;

	--bs-gradient: none;

}

.btn-outline-warning {

	--bs-btn-color: #ffc107;

	--bs-btn-border-color: #ffc107;

	--bs-btn-hover-color: #000;

	--bs-btn-hover-bg: #ffc107;

	--bs-btn-hover-border-color: #ffc107;

	--bs-btn-focus-shadow-rgb: 255,193,7;

	--bs-btn-active-color: #000;

	--bs-btn-active-bg: #ffc107;

	--bs-btn-active-border-color: #ffc107;

	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

	--bs-btn-disabled-color: #ffc107;

	--bs-btn-disabled-bg: transparent;

	--bs-btn-disabled-border-color: #ffc107;

	--bs-gradient: none;

}

.btn-outline-danger {

	--bs-btn-color: #dc3545;

	--bs-btn-border-color: #dc3545;

	--bs-btn-hover-color: #fff;

	--bs-btn-hover-bg: #dc3545;

	--bs-btn-hover-border-color: #dc3545;

	--bs-btn-focus-shadow-rgb: 220,53,69;

	--bs-btn-active-color: #fff;

	--bs-btn-active-bg: #dc3545;

	--bs-btn-active-border-color: #dc3545;

	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

	--bs-btn-disabled-color: #dc3545;

	--bs-btn-disabled-bg: transparent;

	--bs-btn-disabled-border-color: #dc3545;

	--bs-gradient: none;

}

.btn-outline-light {

	--bs-btn-color: #f8f9fa;

	--bs-btn-border-color: #f8f9fa;

	--bs-btn-hover-color: #000;

	--bs-btn-hover-bg: #f8f9fa;

	--bs-btn-hover-border-color: #f8f9fa;

	--bs-btn-focus-shadow-rgb: 248,249,250;

	--bs-btn-active-color: #000;

	--bs-btn-active-bg: #f8f9fa;

	--bs-btn-active-border-color: #f8f9fa;

	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

	--bs-btn-disabled-color: #f8f9fa;

	--bs-btn-disabled-bg: transparent;

	--bs-btn-disabled-border-color: #f8f9fa;

	--bs-gradient: none;

}

.btn-outline-dark {

	--bs-btn-color: #212529;

	--bs-btn-border-color: #212529;

	--bs-btn-hover-color: #fff;

	--bs-btn-hover-bg: #212529;

	--bs-btn-hover-border-color: #212529;

	--bs-btn-focus-shadow-rgb: 33,37,41;

	--bs-btn-active-color: #fff;

	--bs-btn-active-bg: #212529;

	--bs-btn-active-border-color: #212529;

	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

	--bs-btn-disabled-color: #212529;

	--bs-btn-disabled-bg: transparent;

	--bs-btn-disabled-border-color: #212529;

	--bs-gradient: none;

}

/*Inhaltsverzeichnisse*/

.iv ul{

  display:flex;

  flex-wrap:wrap;

  gap:6px;

  padding:0;

  margin:0;

  list-style:none;

  justify-content:center; 

}



/* Listenelemente neutralisieren */

.iv li{

  margin:0;

  padding:0;

}



/* Buttons */

.btn-outline-inhaltsverzeichnis{

  background:#DCDCDC;



  --bs-btn-font-weight:600;

  --bs-btn-color:#000;

  --bs-btn-border-color:#87cefa;

  --bs-btn-hover-color:#000;

  --bs-btn-hover-bg:#87cefa;

  --bs-btn-hover-border-color:#0d6efd;

  --bs-btn-focus-shadow-rgb:13,110,253;

  --bs-btn-active-color:#fff;

  --bs-btn-active-bg:#0d6efd;

  --bs-btn-active-border-color:#0d6efd;

  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);

  --bs-btn-disabled-color:#0d6efd;

  --bs-btn-disabled-bg:transparent;

  --bs-btn-disabled-border-color:#0d6efd;

  --bs-gradient:none;



  height:30px;

  width:210px;

  font-size:11px;



  display:inline-flex;

  align-items:center;

  justify-content:center;



  text-align:center;

  white-space:nowrap;

  margin:0;

}

@media (max-width: 767px){

.btn-outline-inhaltsverzeichnis{

width: 190px;

    font-size: 10px;

  }

}



/*Inhaltsverzeichnisse Ende*/

.btn-link {

	--bs-btn-font-weight: 400;

	--bs-btn-color: var(--bs-link-color);

	--bs-btn-bg: transparent;

	--bs-btn-border-color: transparent;

	--bs-btn-hover-color: var(--bs-link-hover-color);

	--bs-btn-hover-border-color: transparent;

	--bs-btn-active-color: var(--bs-link-hover-color);

	--bs-btn-active-border-color: transparent;

	--bs-btn-disabled-color: #6c757d;

	--bs-btn-disabled-border-color: transparent;

	--bs-btn-box-shadow: 0 0 0 #000;

	--bs-btn-focus-shadow-rgb: 49,132,253;

	text-decoration: none;

}

.btn-link:focus-visible {

	color: var(--bs-btn-color);

}

.btn-link:hover {

	color: var(--bs-btn-hover-color);

}

.btn-group-lg > .btn, .btn-lg {

	--bs-btn-padding-y: 0.5rem;

	--bs-btn-padding-x: 1rem;

	--bs-btn-font-size: 1.25rem;

	--bs-btn-border-radius: var(--bs-border-radius-lg);

}

.btn-group-sm > .btn, .btn-sm {

	--bs-btn-padding-y: 0.25rem;

	--bs-btn-padding-x: 0.5rem;

	--bs-btn-font-size: 0.875rem;

	--bs-btn-border-radius: var(--bs-border-radius-sm);

}

.fade {

	transition: opacity .15s linear;

}

@media (prefers-reduced-motion:reduce){

.fade {

	transition: none;

}

}

.fade:not(.show){opacity:0}

.collapse:not(.show){display:none}

.collapsing {

	height: 0;

	overflow: hidden;

	transition: height .35s ease;

}

@media (prefers-reduced-motion:reduce){

.collapsing {

	transition: none;

}

}

.collapsing.collapse-horizontal {

	width: 0;

	height: auto;

	transition: width .35s ease;

}

@media (prefers-reduced-motion:reduce){

.collapsing.collapse-horizontal {

	transition: none;

}

}

.dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center {

	position: relative;

}

.dropdown-toggle {

	white-space: nowrap;

}

.dropdown-toggle::after {

	display: inline-block;

	margin-left: .255em;

	vertical-align: .255em;

	content: "";

	border-top: .3em solid;

	border-right: .3em solid transparent;

	border-bottom: 0;

	border-left: .3em solid transparent;

}

.dropdown-toggle:empty::after {

	margin-left: 0;

}

.dropdown-menu {

	--bs-dropdown-zindex: 1000;

	--bs-dropdown-min-width: 10rem;

	--bs-dropdown-padding-x: 0;

	--bs-dropdown-padding-y: 0.5rem;

	--bs-dropdown-spacer: 0.125rem;

	--bs-dropdown-font-size: 1rem;

	--bs-dropdown-color: var(--bs-body-color);

	--bs-dropdown-bg: var(--bs-body-bg);

	--bs-dropdown-border-color: var(--bs-border-color-translucent);

	--bs-dropdown-border-radius: var(--bs-border-radius);

	--bs-dropdown-border-width: var(--bs-border-width);

	--bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));

	--bs-dropdown-divider-bg: var(--bs-border-color-translucent);

	--bs-dropdown-divider-margin-y: 0.5rem;

	--bs-dropdown-box-shadow: var(--bs-box-shadow);

	--bs-dropdown-link-color: var(--bs-body-color);

	--bs-dropdown-link-hover-color: var(--bs-body-color);

	--bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);

	--bs-dropdown-link-active-color: #fff;

	--bs-dropdown-link-active-bg: #0d6efd;

	--bs-dropdown-link-disabled-color: var(--bs-tertiary-color);

	--bs-dropdown-item-padding-x: 1rem;

	--bs-dropdown-item-padding-y: 0.25rem;

	--bs-dropdown-header-color: #6c757d;

	--bs-dropdown-header-padding-x: 1rem;

	--bs-dropdown-header-padding-y: 0.5rem;

	position: absolute;

	z-index: var(--bs-dropdown-zindex);

	display: none;

	min-width: var(--bs-dropdown-min-width);

	padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);

	margin: 0;

	font-size: var(--bs-dropdown-font-size);

	color: var(--bs-dropdown-color);

	text-align: left;

	list-style: none;

	background-color: var(--bs-dropdown-bg);

	background-clip: padding-box;

	border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);

	border-radius: var(--bs-dropdown-border-radius);

}

.dropdown-menu[data-bs-popper] {

	top: 100%;

	left: 0;

	margin-top: var(--bs-dropdown-spacer);

}

.dropdown-menu-start {

	--bs-position: start;

}

.dropdown-menu-start[data-bs-popper] {

	right: auto;

	left: 0;

}

.dropdown-menu-end {

	--bs-position: end;

}

.dropdown-menu-end[data-bs-popper] {

	right: 0;

	left: auto;

}

@media (min-width:576px){

.dropdown-menu-sm-start {

	--bs-position: start;

}

.dropdown-menu-sm-start[data-bs-popper] {

	right: auto;

	left: 0;

}

.dropdown-menu-sm-end {

	--bs-position: end;

}

.dropdown-menu-sm-end[data-bs-popper] {

	right: 0;

	left: auto;

}

}

@media (min-width:768px){

.dropdown-menu-md-start {

	--bs-position: start;

}

.dropdown-menu-md-start[data-bs-popper] {

	right: auto;

	left: 0;

}

.dropdown-menu-md-end {

	--bs-position: end;

}

.dropdown-menu-md-end[data-bs-popper] {

	right: 0;

	left: auto;

}

}

@media (min-width:992px){

.dropdown-menu-lg-start {

	--bs-position: start;

}

.dropdown-menu-lg-start[data-bs-popper] {

	right: auto;

	left: 0;

}

.dropdown-menu-lg-end {

	--bs-position: end;

}

.dropdown-menu-lg-end[data-bs-popper] {

	right: 0;

	left: auto;

}

}

@media (min-width:1200px){

.dropdown-menu-xl-start {

	--bs-position: start;

}

.dropdown-menu-xl-start[data-bs-popper] {

	right: auto;

	left: 0;

}

.dropdown-menu-xl-end {

	--bs-position: end;

}

.dropdown-menu-xl-end[data-bs-popper] {

	right: 0;

	left: auto;

}

}

@media (min-width:1400px){

.dropdown-menu-xxl-start {

	--bs-position: start;

}

.dropdown-menu-xxl-start[data-bs-popper] {

	right: auto;

	left: 0;

}

.dropdown-menu-xxl-end {

	--bs-position: end;

}

.dropdown-menu-xxl-end[data-bs-popper] {

	right: 0;

	left: auto;

}

}

.dropup .dropdown-menu[data-bs-popper] {

	top: auto;

	bottom: 100%;

	margin-top: 0;

	margin-bottom: var(--bs-dropdown-spacer);

}

.dropup .dropdown-toggle::after {

	display: inline-block;

	margin-left: .255em;

	vertical-align: .255em;

	content: "";

	border-top: 0;

	border-right: .3em solid transparent;

	border-bottom: .3em solid;

	border-left: .3em solid transparent;

}

.dropup .dropdown-toggle:empty::after {

	margin-left: 0;

}

.dropend .dropdown-menu[data-bs-popper] {

	top: 0;

	right: auto;

	left: 100%;

	margin-top: 0;

	margin-left: var(--bs-dropdown-spacer);

}

.dropend .dropdown-toggle::after {

	display: inline-block;

	margin-left: .255em;

	vertical-align: .255em;

	content: "";

	border-top: .3em solid transparent;

	border-right: 0;

	border-bottom: .3em solid transparent;

	border-left: .3em solid;

}

.dropend .dropdown-toggle:empty::after {

	margin-left: 0;

}

.dropend .dropdown-toggle::after {

	vertical-align: 0;

}

.dropstart .dropdown-menu[data-bs-popper] {

	top: 0;

	right: 100%;

	left: auto;

	margin-top: 0;

	margin-right: var(--bs-dropdown-spacer);

}

.dropstart .dropdown-toggle::after {

	display: inline-block;

	margin-left: .255em;

	vertical-align: .255em;

	content: "";

}

.dropstart .dropdown-toggle::after {

	display: none;

}

.dropstart .dropdown-toggle::before {

	display: inline-block;

	margin-right: .255em;

	vertical-align: .255em;

	content: "";

	border-top: .3em solid transparent;

	border-right: .3em solid;

	border-bottom: .3em solid transparent;

}

.dropstart .dropdown-toggle:empty::after {

	margin-left: 0;

}

.dropstart .dropdown-toggle::before {

	vertical-align: 0;

}

.dropdown-divider {

	height: 0;

	margin: var(--bs-dropdown-divider-margin-y) 0;

	overflow: hidden;

	border-top: 1px solid var(--bs-dropdown-divider-bg);

	opacity: 1;

}

.dropdown-item {

	display: block;

	width: 100%;

	padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);

	clear: both;

	font-weight: 400;

	color: var(--bs-dropdown-link-color);

	text-align: inherit;

	text-decoration: none;

	white-space: nowrap;

	background-color: transparent;

	border: 0;

	border-radius: var(--bs-dropdown-item-border-radius,0);

}

.dropdown-item:focus, .dropdown-item:hover {

	color: var(--bs-dropdown-link-hover-color);

	background-color: var(--bs-dropdown-link-hover-bg);

}

.dropdown-item.active, .dropdown-item:active {

	color: var(--bs-dropdown-link-active-color);

	text-decoration: none;

	background-color: var(--bs-dropdown-link-active-bg);

}

.dropdown-item.disabled, .dropdown-item:disabled {

	color: var(--bs-dropdown-link-disabled-color);

	pointer-events: none;

	background-color: transparent;

}

.dropdown-menu.show {

	display: block;

}

.dropdown-header {

	display: block;

	padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);

	margin-bottom: 0;

	font-size: .875rem;

	color: var(--bs-dropdown-header-color);

	white-space: nowrap;

}

.dropdown-item-text {

	display: block;

	padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);

	color: var(--bs-dropdown-link-color);

}

.dropdown-menu-dark {

	--bs-dropdown-color: #dee2e6;

	--bs-dropdown-bg: #343a40;

	--bs-dropdown-border-color: var(--bs-border-color-translucent);

	--bs-dropdown-box-shadow: ;

	--bs-dropdown-link-color: #dee2e6;

	--bs-dropdown-link-hover-color: #fff;

	--bs-dropdown-divider-bg: var(--bs-border-color-translucent);

	--bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);

	--bs-dropdown-link-active-color: #fff;

	--bs-dropdown-link-active-bg: #0d6efd;

	--bs-dropdown-link-disabled-color: #adb5bd;

	--bs-dropdown-header-color: #adb5bd;

}

.btn-group, .btn-group-vertical {

	position: relative;

	display: inline-flex;

	vertical-align: middle;

}

.btn-group-vertical > .btn, .btn-group > .btn {

	position: relative;

	flex: 1 1 auto;

}

.btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {

	z-index: 1;

}

.btn-toolbar {

	display: flex;

	flex-wrap: wrap;

	justify-content: flex-start;

}

.btn-toolbar .input-group {

	width: auto;

}

.btn-group {

	border-radius: var(--bs-border-radius);

}

.btn-group>.btn-group:not(:first-child),.btn-group>:not(.btn-check:first-child)+.btn{margin-left:calc(var(--bs-border-width) * -1)}

.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}

.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-top-left-radius:0;border-bottom-left-radius:0}

.dropdown-toggle-split {

	padding-right: .5625rem;

	padding-left: .5625rem;

}

.dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after {

	margin-left: 0;

}

.dropstart .dropdown-toggle-split::before {

	margin-right: 0;

}

.btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split {

	padding-right: .375rem;

	padding-left: .375rem;

}

.btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split {

	padding-right: .75rem;

	padding-left: .75rem;

}

.btn-group-vertical {

	flex-direction: column;

	align-items: flex-start;

	justify-content: center;

}

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group {

	width: 100%;

}

.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:calc(var(--bs-border-width) * -1)}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn~.btn{border-top-left-radius:0;border-top-right-radius:0}

.nav {

	--bs-nav-link-padding-x: 1rem;

	--bs-nav-link-padding-y: 0.5rem;

	--bs-nav-link-font-weight: ;

	--bs-nav-link-color: var(--bs-link-color);

	--bs-nav-link-hover-color: var(--bs-link-hover-color);

	--bs-nav-link-disabled-color: #6c757d;

	display: flex;

	flex-wrap: wrap;

	padding-left: 0;

	margin-bottom: 0;

	list-style: none;

}

.nav-link {

	display: block;

	padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);

	font-size: var(--bs-nav-link-font-size);

	font-weight: var(--bs-nav-link-font-weight);

	color: var(--bs-nav-link-color);

	text-decoration: none;

	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;

}

@media (prefers-reduced-motion: reduce) {

.nav-link {

	transition: none;

}

}

.nav-link:hover, .nav-link:focus {

	color: var(--bs-nav-link-hover-color);

}

.nav-link.disabled {

	color: var(--bs-nav-link-disabled-color);

	pointer-events: none;

	cursor: default;

}

.nav-tabs {

	--bs-nav-tabs-border-width: 1px;

	--bs-nav-tabs-border-color: #dee2e6;

	--bs-nav-tabs-border-radius: 0.375rem;

	--bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;

	--bs-nav-tabs-link-active-color: #495057;

	--bs-nav-tabs-link-active-bg: #fff;

	--bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;

	border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);

}

.nav-tabs .nav-link {

	margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));

	background: none;

	border: var(--bs-nav-tabs-border-width) solid transparent;

	border-top-left-radius: var(--bs-nav-tabs-border-radius);

	border-top-right-radius: var(--bs-nav-tabs-border-radius);

}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {

	isolation: isolate;

	border-color: var(--bs-nav-tabs-link-hover-border-color);

}

.nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled {

	color: var(--bs-nav-link-disabled-color);

	background-color: transparent;

	border-color: transparent;

}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {

	color: var(--bs-nav-tabs-link-active-color);

	background-color: var(--bs-nav-tabs-link-active-bg);

	border-color: var(--bs-nav-tabs-link-active-border-color);

}

.nav-tabs .dropdown-menu {

	margin-top: calc(-1 * var(--bs-nav-tabs-border-width));

	border-top-left-radius: 0;

	border-top-right-radius: 0;

}

.nav-pills {

	--bs-nav-pills-border-radius: 0.375rem;

	--bs-nav-pills-link-active-color: #fff;

	--bs-nav-pills-link-active-bg: #ffc800;

}

.nav-pills .nav-link {

	background: none;

	border: 0;

	border-radius: var(--bs-nav-pills-border-radius);

}

.nav-pills .nav-link:disabled {

	color: var(--bs-nav-link-disabled-color);

	background-color: transparent;

	border-color: transparent;

}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {

	color: var(--bs-nav-pills-link-active-color);

	background-color: var(--bs-nav-pills-link-active-bg);

}

.nav-fill > .nav-link, .nav-fill .nav-item {

	flex: 1 1 auto;

	text-align: center;

}

.nav-justified > .nav-link, .nav-justified .nav-item {

	flex-basis: 0;

	flex-grow: 1;

	text-align: center;

}

.nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link {

	width: 100%;

}

.tab-content > .tab-pane {

	display: none;

}

.tab-content > .active {

	display: block;

}

.navbar {

	--bs-navbar-padding-x: 1rem;

	--bs-navbar-padding-y: 0rem;

	--bs-navbar-color: rgba(0, 0, 0, 0.55);

	--bs-navbar-hover-color: rgba(0, 0, 0, 0.7);

	--bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);

	--bs-navbar-active-color: rgba(0, 0, 0, 0.9);

	--bs-navbar-brand-padding-y: 0.3125rem;

	--bs-navbar-brand-margin-end: 1rem;

	--bs-navbar-brand-font-size: 1.25rem;

	--bs-navbar-brand-color: rgba(0, 0, 0, 0.9);

	--bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9);

	--bs-navbar-nav-link-padding-x: 0.5rem;

	--bs-navbar-toggler-padding-y: 0.25rem;

	--bs-navbar-toggler-padding-x: 0.75rem;

	--bs-navbar-toggler-font-size: 1.25rem;

	--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");

	--bs-navbar-toggler-border-color: #fff;

	--bs-navbar-toggler-border-radius: 0.375rem;

	--bs-navbar-toggler-focus-width: 0.25rem;

	--bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;

	position: relative;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	justify-content: space-between;

	padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);

	margin-top: 0 !important;

	margin-bottom: 0 !important;

	padding-top: 10px !important;

	padding-bottom: 10px !important;

}

.navbar > .container, .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl {

	display: flex;

	flex-wrap: inherit;

	align-items: center;

	justify-content: space-between;

}

.navbar-brand {

	padding-top: var(--bs-navbar-brand-padding-y);

	padding-bottom: var(--bs-navbar-brand-padding-y);

	margin-right: var(--bs-navbar-brand-margin-end);

	font-size: var(--bs-navbar-brand-font-size);

	color: var(--bs-navbar-brand-color);

	text-decoration: none;

	white-space: nowrap;

}

.navbar-brand:hover, .navbar-brand:focus {

	color: var(--bs-navbar-brand-hover-color);

}

.navbar-nav {

	--bs-nav-link-padding-x: 0;

	--bs-nav-link-padding-y: 0.5rem;

	--bs-nav-link-font-weight: ;

	--bs-nav-link-color: var(--bs-navbar-color);

	--bs-nav-link-hover-color: blue;

	--bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);

	display: flex;

	flex-direction: column;

	padding-left: 0;

	margin-bottom: 0;

	list-style: none;

}

.navbar-nav .show > .nav-link, .navbar-nav .nav-link.active {

	color: var(--bs-navbar-active-color);

}

.navbar-nav .dropdown-menu {

	position: static;

}

.navbar-text {

	padding-top: 0.5rem;

	padding-bottom: 0.5rem;

	color: var(--bs-navbar-color);

}

.navbar-text a, .navbar-text a:hover, .navbar-text a:focus {

	color: var(--bs-navbar-active-color);

}

.navbar-collapse {

	flex-basis: 100%;

	flex-grow: 1;

	align-items: center;

}

.navbar-toggler {

	padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);

	font-size: var(--bs-navbar-toggler-font-size);

	line-height: 1;

	color: #87cefa;

	background-color: transparent;

	border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);

	border-radius: var(--bs-navbar-toggler-border-radius);

	transition: var(--bs-navbar-toggler-transition);

}

@media (prefers-reduced-motion: reduce) {

.navbar-toggler {

	transition: none;

}

}

.navbar-toggler:hover {

	text-decoration: none;

}

.navbar-toggler:focus {

	text-decoration: none;

	outline: 0;

	box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);

}

.navbar-toggler-icon {

	display: inline-block;

	width: 1.5em;

	height: 1.5em;

	vertical-align: middle;

	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%23ffffff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");

	background-repeat: no-repeat;

	background-position: center;

	background-size: 100%;

}

.navbar-nav-scroll {

	max-height: var(--bs-scroll-height, 75vh);

	overflow-y: auto;

}

@media (min-width: 576px) {

.navbar-expand-sm {

	flex-wrap: nowrap;

	justify-content: flex-start;

}

.navbar-expand-sm .navbar-nav {

	flex-direction: row;

}

.navbar-expand-sm .navbar-nav .dropdown-menu {

	position: absolute;

}

.navbar-expand-sm .navbar-nav .nav-link {

	padding-right: var(--bs-navbar-nav-link-padding-x);

	padding-left: var(--bs-navbar-nav-link-padding-x);

}

.navbar-expand-sm .navbar-nav-scroll {

	overflow: visible;

}

.navbar-expand-sm .navbar-collapse {

	display: flex !important;

	flex-basis: auto;

}

.navbar-expand-sm .navbar-toggler {

	display: none;

}

.navbar-expand-sm .offcanvas {

	position: static;

	z-index: auto;

	flex-grow: 1;

	width: auto !important;

	height: auto !important;

	visibility: visible !important;

	background-color: transparent !important;

	border: 0 !important;

	transform: none !important;

	transition: none;

}

.navbar-expand-sm .offcanvas .offcanvas-header {

	display: none;

}

.navbar-expand-sm .offcanvas .offcanvas-body {

	display: flex;

	flex-grow: 0;

	padding: 0;

	overflow-y: visible;

}

}

@media (min-width: 768px) {

.navbar-expand-md {

	flex-wrap: nowrap;

	justify-content: flex-start;

}

.navbar-expand-md .navbar-nav {

	flex-direction: row;

}

.navbar-expand-md .navbar-nav .dropdown-menu {

	position: absolute;

}

.navbar-expand-md .navbar-nav .nav-link {

	padding-right: var(--bs-navbar-nav-link-padding-x);

	padding-left: var(--bs-navbar-nav-link-padding-x);

}

.navbar-expand-md .navbar-nav-scroll {

	overflow: visible;

}

.navbar-expand-md .navbar-collapse {

	display: flex !important;

	flex-basis: auto;

}

.navbar-expand-md .navbar-toggler {

	display: none;

}

.navbar-expand-md .offcanvas {

	position: static;

	z-index: auto;

	flex-grow: 1;

	width: auto !important;

	height: auto !important;

	visibility: visible !important;

	background-color: transparent !important;

	border: 0 !important;

	transform: none !important;

	transition: none;

}

.navbar-expand-md .offcanvas .offcanvas-header {

	display: none;

}

.navbar-expand-md .offcanvas .offcanvas-body {

	display: flex;

	flex-grow: 0;

	padding: 0;

	overflow-y: visible;

}

}

@media (min-width: 992px) {

.navbar-expand-lg {

	flex-wrap: nowrap;

	justify-content: flex-start;

}

.navbar-expand-lg .navbar-nav {

	flex-direction: row;

}

.navbar-expand-lg .navbar-nav .dropdown-menu {

	position: absolute;

}

.dropdown-menu {

	max-height: 70vh; /* 70% der Bildschirmhöhe */;

	overflow-y: auto;

}

.navbar-expand-lg .navbar-nav .nav-link {

	padding-right: var(--bs-navbar-nav-link-padding-x);

	padding-left: var(--bs-navbar-nav-link-padding-x);

}

.navbar-expand-lg .navbar-nav-scroll {

	overflow: visible;

}

.navbar-expand-lg .navbar-collapse {

	display: flex !important;

	flex-basis: auto;

}

.navbar-expand-lg .navbar-toggler {

	display: none;

}

.navbar-expand-lg .offcanvas {

	position: static;

	z-index: auto;

	flex-grow: 1;

	width: auto !important;

	height: auto !important;

	visibility: visible !important;

	background-color: transparent !important;

	border: 0 !important;

	transform: none !important;

	transition: none;

}

.navbar-expand-lg .offcanvas .offcanvas-header {

	display: none;

}

.navbar-expand-lg .offcanvas .offcanvas-body {

	display: flex;

	flex-grow: 0;

	padding: 0;

	overflow-y: visible;

}

}

@media (min-width: 1200px) {

.navbar-expand-xl {

	flex-wrap: nowrap;

	justify-content: flex-start;

}

.navbar-expand-xl .navbar-nav {

	flex-direction: row;

}

.navbar-expand-xl .navbar-nav .dropdown-menu {

	position: absolute;

}

.navbar-expand-xl .navbar-nav .nav-link {

	padding-right: var(--bs-navbar-nav-link-padding-x);

	padding-left: var(--bs-navbar-nav-link-padding-x);

}

.navbar-expand-xl .navbar-nav-scroll {

	overflow: visible;

}

.navbar-expand-xl .navbar-collapse {

	display: flex !important;

	flex-basis: auto;

}

.navbar-expand-xl .navbar-toggler {

	display: none;

}

.navbar-expand-xl .offcanvas {

	position: static;

	z-index: auto;

	flex-grow: 1;

	width: auto !important;

	height: auto !important;

	visibility: visible !important;

	background-color: transparent !important;

	border: 0 !important;

	transform: none !important;

	transition: none;

}

.navbar-expand-xl .offcanvas .offcanvas-header {

	display: none;

}

.navbar-expand-xl .offcanvas .offcanvas-body {

	display: flex;

	flex-grow: 0;

	padding: 0;

	overflow-y: visible;

}

}

@media (min-width: 1400px) {

.navbar-expand-xxl {

	flex-wrap: nowrap;

	justify-content: flex-start;

}

.navbar-expand-xxl .navbar-nav {

	flex-direction: row;

}

.navbar-expand-xxl .navbar-nav .dropdown-menu {

	position: absolute;

}

.navbar-expand-xxl .navbar-nav .nav-link {

	padding-right: var(--bs-navbar-nav-link-padding-x);

	padding-left: var(--bs-navbar-nav-link-padding-x);

}

.navbar-expand-xxl .navbar-nav-scroll {

	overflow: visible;

}

.navbar-expand-xxl .navbar-collapse {

	display: flex !important;

	flex-basis: auto;

}

.navbar-expand-xxl .navbar-toggler {

	display: none;

}

.navbar-expand-xxl .offcanvas {

	position: static;

	z-index: auto;

	flex-grow: 1;

	width: auto !important;

	height: auto !important;

	visibility: visible !important;

	background-color: transparent !important;

	border: 0 !important;

	transform: none !important;

	transition: none;

}

.navbar-expand-xxl .offcanvas .offcanvas-header {

	display: none;

}

.navbar-expand-xxl .offcanvas .offcanvas-body {

	display: flex;

	flex-grow: 0;

	padding: 0;

	overflow-y: visible;

}

}

.navbar-expand {

	flex-wrap: nowrap;

	justify-content: flex-start;

}

.navbar-expand .navbar-nav {

	flex-direction: row;

}

.navbar-expand .navbar-nav .dropdown-menu {

	position: absolute;

}

.navbar-expand .navbar-nav .nav-link {

	padding-right: var(--bs-navbar-nav-link-padding-x);

	padding-left: var(--bs-navbar-nav-link-padding-x);

}

.navbar-expand .navbar-nav-scroll {

	overflow: visible;

}

.navbar-expand .navbar-collapse {

	display: flex !important;

	flex-basis: auto;

}

.navbar-expand .navbar-toggler {

	display: none;

}

.navbar-expand .offcanvas {

	position: static;

	z-index: auto;

	flex-grow: 1;

	width: auto !important;

	height: auto !important;

	visibility: visible !important;

	background-color: transparent !important;

	border: 0 !important;

	transform: none !important;

	transition: none;

}

.navbar-expand .offcanvas .offcanvas-header {

	display: none;

}

.navbar-expand .offcanvas .offcanvas-body {

	display: flex;

	flex-grow: 0;

	padding: 0;

	overflow-y: visible;

}

.navbar-dark {

	--bs-navbar-color: rgba(255, 255, 255, 0.55);

	--bs-navbar-hover-color: rgba(255, 255, 255, 0.75);

	--bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);

	--bs-navbar-active-color: #fff;

	--bs-navbar-brand-color: #fff;

	--bs-navbar-brand-hover-color: #fff;

	--bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);

	--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");

}

.card {

	--bs-card-spacer-y: 1rem;

	--bs-card-spacer-x: 1rem;

	--bs-card-title-spacer-y: 0.5rem;

	--bs-card-border-width: 1px;

	--bs-card-border-color: var(--bs-border-color-translucent);

	--bs-card-border-radius: 0.375rem;

	--bs-card-box-shadow: ;

	--bs-card-inner-border-radius: calc(0.375rem - 1px);

	--bs-card-cap-padding-y: 0.5rem;

	--bs-card-cap-padding-x: 1rem;

	--bs-card-cap-bg: rgba(0, 0, 0, 0.03);

	--bs-card-cap-color: ;

	--bs-card-height: ;

	--bs-card-color: ;

	--bs-card-bg: #fff;

	--bs-card-img-overlay-padding: 1rem;

	--bs-card-group-margin: 0.75rem;

	position: relative;

	display: flex;

	flex-direction: column;

	min-width: 0;

	height: var(--bs-card-height);

	word-wrap: break-word;

	background-color: var(--bs-card-bg);

  background-clip: border-box;

  border: var(--bs-card-border-width) solid var(--bs-card-border-color);

  border-radius: var(--bs-card-border-radius);

}

.card > hr {

	margin-right: 0;

	margin-left: 0;

}

.card > .list-group {

	border-top: inherit;

	border-bottom: inherit;

}

.card > .list-group:first-child {

	border-top-width: 0;

	border-top-left-radius: var(--bs-card-inner-border-radius);

	border-top-right-radius: var(--bs-card-inner-border-radius);

}

.card > .list-group:last-child {

	border-bottom-width: 0;

	border-bottom-right-radius: var(--bs-card-inner-border-radius);

	border-bottom-left-radius: var(--bs-card-inner-border-radius);

}

.card > .card-header + .list-group, .card > .list-group + .card-footer {

	border-top: 0;

}

.card-body {

	flex: 1 1 auto;

	padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);

	color: var(--bs-card-color);

}

.card-title {

	margin-bottom: var(--bs-card-title-spacer-y);

}

.card-subtitle {

	margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));

	margin-bottom: 0;

}

.card-text:last-child {

	margin-bottom: 0;

}

.card-link + .card-link {

	margin-left: var(--bs-card-spacer-x);

}

.card-header {

	padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);

	margin-bottom: 0;

	color: var(--bs-card-cap-color);

	background-color: var(--bs-card-cap-bg);

	border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);

}

.card-header:first-child {

	border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;

}

.card-footer {

	padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);

	color: var(--bs-card-cap-color);

	background-color: var(--bs-card-cap-bg);

	border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);

}

.card-footer:last-child {

	border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);

}

.card-header-tabs {

	border-bottom-style: none;

	border-bottom-color: inherit;

	border-bottom-width: 0;

	margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));

}

.card-header-tabs .nav-link.active {

	background-color: var(--bs-card-bg);

	border-bottom-color: var(--bs-card-bg);

}

.card-header-pills {

	margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));

}

.card-img-overlay {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	padding: var(--bs-card-img-overlay-padding);

	border-radius: var(--bs-card-inner-border-radius);

}

.card-img, .card-img-top, .card-img-bottom {

	width: 100%;

}

.card-img, .card-img-top {

	border-top-left-radius: var(--bs-card-inner-border-radius);

	border-top-right-radius: var(--bs-card-inner-border-radius);

}

.card-img, .card-img-bottom {

	border-bottom-right-radius: var(--bs-card-inner-border-radius);

	border-bottom-left-radius: var(--bs-card-inner-border-radius);

}

.card-group > .card {

	margin-bottom: var(--bs-card-group-margin);

}

@media (min-width: 576px) {

.card-group {

	display: flex;

	flex-flow: row wrap;

}

.card-group > .card {

	flex: 1 0 0%;

	margin-bottom: 0;

}

.card-group > .card + .card {

	margin-left: 0;

	border-left: 0;

}

.card-group > .card:not(:last-child) {

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

  }

.card-group > .card:not(:last-child) .card-img-top,

  .card-group > .card:not(:last-child) .card-header {

    border-top-right-radius: 0;

  }

.card-group > .card:not(:last-child) .card-img-bottom,

  .card-group > .card:not(:last-child) .card-footer {

    border-bottom-right-radius: 0;

  }

.card-group > .card:not(:first-child) {

    border-top-left-radius: 0;

    border-bottom-left-radius: 0;

  }

.card-group > .card:not(:first-child) .card-img-top,

  .card-group > .card:not(:first-child) .card-header {

    border-top-left-radius: 0;

  }

.card-group > .card:not(:first-child) .card-img-bottom,

  .card-group > .card:not(:first-child) .card-footer {

    border-bottom-left-radius: 0;

  }

}

.accordion {

	--bs-accordion-color: #212529;

	--bs-accordion-bg: #fff;

	--bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;

	--bs-accordion-border-color: var(--bs-border-color);

	--bs-accordion-border-width: 1px;

	--bs-accordion-border-radius: 0.375rem;

	--bs-accordion-inner-border-radius: calc(0.375rem - 1px);

	--bs-accordion-btn-padding-x: 1.25rem;

	--bs-accordion-btn-padding-y: 1rem;

	--bs-accordion-btn-color: #212529;

	--bs-accordion-btn-bg: var(--bs-accordion-bg);

	--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");

	--bs-accordion-btn-icon-width: 1.25rem;

	--bs-accordion-btn-icon-transform: rotate(-180deg);

	--bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;

	--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e6b400'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");

	--bs-accordion-btn-focus-border-color: #ffe480;

	--bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.25);

	--bs-accordion-body-padding-x: 1.25rem;

	--bs-accordion-body-padding-y: 1rem;

	--bs-accordion-active-color: #e6b400;

	--bs-accordion-active-bg: #fffae6;

}

.accordion-button {

	position: relative;

	display: flex;

	align-items: center;

	width: 100%;

	padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);

	font-size: 1rem;

	color: var(--bs-accordion-btn-color);

	text-align: left;

	background-color: var(--bs-accordion-btn-bg);

	border: 0;

	border-radius: 0;

	overflow-anchor: none;

	transition: var(--bs-accordion-transition);

}

@media (prefers-reduced-motion: reduce) {

.accordion-button {

	transition: none;

}

}

.accordion-button:not(.collapsed) {

  color: var(--bs-accordion-active-color);

  background-color: var(--bs-accordion-active-bg);

  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);

}

.accordion-button:not(.collapsed)::after {

  background-image: var(--bs-accordion-btn-active-icon);

  transform: var(--bs-accordion-btn-icon-transform);

}

.accordion-button::after {

	flex-shrink: 0;

	width: var(--bs-accordion-btn-icon-width);

	height: var(--bs-accordion-btn-icon-width);

	margin-left: auto;

	content: "";

	background-image: var(--bs-accordion-btn-icon);

	background-repeat: no-repeat;

	background-size: var(--bs-accordion-btn-icon-width);

	transition: var(--bs-accordion-btn-icon-transition);

}

@media (prefers-reduced-motion: reduce) {

.accordion-button::after {

	transition: none;

}

}

.accordion-button:hover {

	z-index: 2;

}

.accordion-button:focus {

	z-index: 3;

	border-color: var(--bs-accordion-btn-focus-border-color);

	outline: 0;

	box-shadow: var(--bs-accordion-btn-focus-box-shadow);

}

.accordion-header {

	margin-bottom: 0;

}

.accordion-item {

	color: var(--bs-accordion-color);

	background-color: var(--bs-accordion-bg);

	border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);

}

.accordion-item:first-of-type {

	border-top-left-radius: var(--bs-accordion-border-radius);

	border-top-right-radius: var(--bs-accordion-border-radius);

}

.accordion-item:first-of-type .accordion-button {

	border-top-left-radius: var(--bs-accordion-inner-border-radius);

	border-top-right-radius: var(--bs-accordion-inner-border-radius);

}

.accordion-item:not(:first-of-type) {

  border-top: 0;

}

.accordion-item:last-of-type {

	border-bottom-right-radius: var(--bs-accordion-border-radius);

	border-bottom-left-radius: var(--bs-accordion-border-radius);

}

.accordion-item:last-of-type .accordion-button.collapsed {

	border-bottom-right-radius: var(--bs-accordion-inner-border-radius);

	border-bottom-left-radius: var(--bs-accordion-inner-border-radius);

}

.accordion-item:last-of-type .accordion-collapse {

	border-bottom-right-radius: var(--bs-accordion-border-radius);

	border-bottom-left-radius: var(--bs-accordion-border-radius);

}

.accordion-body {

	padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);

}

.accordion-flush .accordion-collapse {

	border-width: 0;

}

.accordion-flush .accordion-item {

	border-right: 0;

	border-left: 0;

	border-radius: 0;

}

.accordion-flush .accordion-item:first-child {

	border-top: 0;

}

.accordion-flush .accordion-item:last-child {

	border-bottom: 0;

}

.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {

	border-radius: 0;

}

.breadcrumb {

	--bs-breadcrumb-padding-x: 0;

	--bs-breadcrumb-padding-y: 0;

	--bs-breadcrumb-margin-bottom: 1rem;

	--bs-breadcrumb-bg: ;

	--bs-breadcrumb-border-radius: ;

	--bs-breadcrumb-divider-color: #6c757d;

	--bs-breadcrumb-item-padding-x: 0.5rem;

	--bs-breadcrumb-item-active-color: #6c757d;

	display: flex;

	flex-wrap: wrap;

	padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);

	margin-bottom: var(--bs-breadcrumb-margin-bottom);

	font-size: var(--bs-breadcrumb-font-size);

	list-style: none;

	background-color: var(--bs-breadcrumb-bg);

  border-radius: var(--bs-breadcrumb-border-radius);

}

.breadcrumb-item + .breadcrumb-item {

	padding-left: var(--bs-breadcrumb-item-padding-x);

}

.breadcrumb-item + .breadcrumb-item::before {

	float: left;

	padding-right: var(--bs-breadcrumb-item-padding-x);

	color: var(--bs-breadcrumb-divider-color);

	content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;

}

.breadcrumb-item.active {

	color: var(--bs-breadcrumb-item-active-color);

}

.pagination {

	--bs-pagination-padding-x: 0.75rem;

	--bs-pagination-padding-y: 0.375rem;

	--bs-pagination-font-size: 1rem;

	--bs-pagination-color: var(--bs-link-color);

	--bs-pagination-bg: #fff;

	--bs-pagination-border-width: 1px;

	--bs-pagination-border-color: #dee2e6;

	--bs-pagination-border-radius: 0.375rem;

	--bs-pagination-hover-color: var(--bs-link-hover-color);

	--bs-pagination-hover-bg: #e9ecef;

	--bs-pagination-hover-border-color: #dee2e6;

	--bs-pagination-focus-color: var(--bs-link-hover-color);

	--bs-pagination-focus-bg: #e9ecef;

	--bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.25);

	--bs-pagination-active-color: #fff;

	--bs-pagination-active-bg: #ffc800;

	--bs-pagination-active-border-color: #ffc800;

	--bs-pagination-disabled-color: #6c757d;

	--bs-pagination-disabled-bg: #fff;

	--bs-pagination-disabled-border-color: #dee2e6;

	display: flex;

	padding-left: 0;

	list-style: none;

}

.page-link {

	position: relative;

	display: block;

	padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);

	font-size: var(--bs-pagination-font-size);

	color: var(--bs-pagination-color);

	text-decoration: none;

	background-color: var(--bs-pagination-bg);

	border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);

	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}

@media (prefers-reduced-motion: reduce) {

.page-link {

	transition: none;

}

}

.page-link:hover {

	z-index: 2;

	color: var(--bs-pagination-hover-color);

	background-color: var(--bs-pagination-hover-bg);

	border-color: var(--bs-pagination-hover-border-color);

}

.page-link:focus {

	z-index: 3;

	color: var(--bs-pagination-focus-color);

	background-color: var(--bs-pagination-focus-bg);

	outline: 0;

	box-shadow: var(--bs-pagination-focus-box-shadow);

}

.page-link.active, .active > .page-link {

	z-index: 3;

	color: var(--bs-pagination-active-color);

	background-color: var(--bs-pagination-active-bg);

	border-color: var(--bs-pagination-active-border-color);

}

.page-link.disabled, .disabled > .page-link {

	color: var(--bs-pagination-disabled-color);

	pointer-events: none;

	background-color: var(--bs-pagination-disabled-bg);

	border-color: var(--bs-pagination-disabled-border-color);

}

.page-item:not(:first-child) .page-link {

  margin-left: -1px;

}

.page-item:first-child .page-link {

	border-top-left-radius: var(--bs-pagination-border-radius);

	border-bottom-left-radius: var(--bs-pagination-border-radius);

}

.page-item:last-child .page-link {

	border-top-right-radius: var(--bs-pagination-border-radius);

	border-bottom-right-radius: var(--bs-pagination-border-radius);

}

.pagination-lg {

	--bs-pagination-padding-x: 1.5rem;

	--bs-pagination-padding-y: 0.75rem;

	--bs-pagination-font-size: 1.25rem;

	--bs-pagination-border-radius: 0.5rem;

}

.pagination-sm {

	--bs-pagination-padding-x: 0.5rem;

	--bs-pagination-padding-y: 0.25rem;

	--bs-pagination-font-size: 0.875rem;

	--bs-pagination-border-radius: 0.25rem;

}

.badge {

	--bs-badge-padding-x: 0.65em;

	--bs-badge-padding-y: 0.35em;

	--bs-badge-font-size: 0.75em;

	--bs-badge-font-weight: 700;

	--bs-badge-color: #fff;

	--bs-badge-border-radius: 0.375rem;

	display: inline-block;

	padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);

	font-size: var(--bs-badge-font-size);

	font-weight: var(--bs-badge-font-weight);

	line-height: 1;

	color: var(--bs-badge-color);

	text-align: center;

	white-space: nowrap;

	vertical-align: baseline;

	border-radius: var(--bs-badge-border-radius);

}

.badge:empty {

	display: none;

}

.btn .badge {

	position: relative;

	top: -1px;

}

.alert {

	--bs-alert-bg: transparent;

	--bs-alert-padding-x: 1rem;

	--bs-alert-padding-y: 1rem;

	--bs-alert-margin-bottom: 1rem;

	--bs-alert-color: inherit;

	--bs-alert-border-color: transparent;

	--bs-alert-border: 1px solid var(--bs-alert-border-color);

	--bs-alert-border-radius: 0.375rem;

	position: relative;

	padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);

	margin-bottom: var(--bs-alert-margin-bottom);

	color: var(--bs-alert-color);

	background-color: var(--bs-alert-bg);

	border: var(--bs-alert-border);

	border-radius: var(--bs-alert-border-radius);

}

.alert-heading {

	color: inherit;

}

.alert-link {

	font-weight: 700;

}

.alert-dismissible {

	padding-right: 3rem;

}

.alert-dismissible .btn-close {

	position: absolute;

	top: 0;

	right: 0;

	z-index: 2;

	padding: 1.25rem 1rem;

}

.alert-primary {

	--bs-alert-color: #997800;

	--bs-alert-bg: #fff4cc;

	--bs-alert-border-color: #ffefb3;

}

.alert-primary .alert-link {

	color: #7a6000;

}

.alert-secondary {

	--bs-alert-color: #41464b;

	--bs-alert-bg: #e2e3e5;

	--bs-alert-border-color: #d3d6d8;

}

.alert-secondary .alert-link {

	color: #34383c;

}

.alert-success {

	--bs-alert-color: #0f5132;

	--bs-alert-bg: #d1e7dd;

	--bs-alert-border-color: #badbcc;

}

.alert-success .alert-link {

	color: #0c4128;

}

.alert-info {

	--bs-alert-color: #087990;

	--bs-alert-bg: #cff4fc;

	--bs-alert-border-color: #b6effb;

}

.alert-info .alert-link {

	color: #066173;

}

.alert-warning {

	--bs-alert-color: #997800;

	--bs-alert-bg: #fff4cc;

	--bs-alert-border-color: #ffefb3;

}

.alert-warning .alert-link {

	color: #7a6000;

}

.alert-danger {

	--bs-alert-color: #842029;

	--bs-alert-bg: #f8d7da;

	--bs-alert-border-color: #f5c2c7;

}

.alert-danger .alert-link {

	color: #6a1a21;

}

.alert-light {

	--bs-alert-color: #959596;

	--bs-alert-bg: #fefefe;

	--bs-alert-border-color: #fdfdfe;

}

.alert-light .alert-link {

	color: #777778;

}

.alert-dark {

	--bs-alert-color: #141619;

	--bs-alert-bg: #d3d3d4;

	--bs-alert-border-color: #bcbebf;

}

.alert-dark .alert-link {

	color: #101214;

}

@keyframes progress-bar-stripes {

  0% {

    background-position-x: 1rem;

  }

}

.progress {

	--bs-progress-height: 1rem;

	--bs-progress-font-size: 0.75rem;

	--bs-progress-bg: #e9ecef;

	--bs-progress-border-radius: 0.375rem;

	--bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);

	--bs-progress-bar-color: #fff;

	--bs-progress-bar-bg: #ffc800;

	--bs-progress-bar-transition: width 0.6s ease;

	display: flex;

	height: var(--bs-progress-height);

	overflow: hidden;

	font-size: var(--bs-progress-font-size);

	background-color: var(--bs-progress-bg);

	border-radius: var(--bs-progress-border-radius);

}

.progress-bar {

	display: flex;

	flex-direction: column;

	justify-content: center;

	overflow: hidden;

	color: var(--bs-progress-bar-color);

	text-align: center;

	white-space: nowrap;

	background-color: var(--bs-progress-bar-bg);

	transition: var(--bs-progress-bar-transition);

}

@media (prefers-reduced-motion: reduce) {

.progress-bar {

	transition: none;

}

}

.progress-bar-striped {

	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

	background-size: var(--bs-progress-height) var(--bs-progress-height);

}

.progress-bar-animated {

	animation: 1s linear infinite progress-bar-stripes;

}

@media (prefers-reduced-motion: reduce) {

.progress-bar-animated {

	animation: none;

}

}

.list-group {

	--bs-list-group-color: #212529;

	--bs-list-group-bg: #fff;

	--bs-list-group-border-color: rgba(0, 0, 0, 0.125);

	--bs-list-group-border-width: 1px;

	--bs-list-group-border-radius: 0.375rem;

	--bs-list-group-item-padding-x: 1rem;

	--bs-list-group-item-padding-y: 0.5rem;

	--bs-list-group-action-color: #495057;

	--bs-list-group-action-hover-color: #495057;

	--bs-list-group-action-hover-bg: #f8f9fa;

	--bs-list-group-action-active-color: #212529;

	--bs-list-group-action-active-bg: #e9ecef;

	--bs-list-group-disabled-color: #6c757d;

	--bs-list-group-disabled-bg: #fff;

	--bs-list-group-active-color: #fff;

	--bs-list-group-active-bg: #ffc800;

	--bs-list-group-active-border-color: #ffc800;

	display: flex;

	flex-direction: column;

	padding-left: 0;

	margin-bottom: 0;

	border-radius: var(--bs-list-group-border-radius);

}

.list-group-numbered {

	list-style-type: none;

	counter-reset: section;

}

.list-group-numbered > .list-group-item::before {

	content: counters(section, ".") ". ";

	counter-increment: section;

}

.list-group-item-action {

	width: 100%;

	color: var(--bs-list-group-action-color);

	text-align: inherit;

}

.list-group-item-action:hover, .list-group-item-action:focus {

	z-index: 1;

	color: var(--bs-list-group-action-hover-color);

	text-decoration: none;

	background-color: var(--bs-list-group-action-hover-bg);

}

.list-group-item-action:active {

	color: var(--bs-list-group-action-active-color);

	background-color: var(--bs-list-group-action-active-bg);

}

.list-group-item {

	position: relative;

	display: block;

	padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);

	color: var(--bs-list-group-color);

	text-decoration: none;

	background-color: var(--bs-list-group-bg);

	border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);

}

.list-group-item:first-child {

	border-top-left-radius: inherit;

	border-top-right-radius: inherit;

}

.list-group-item:last-child {

	border-bottom-right-radius: inherit;

	border-bottom-left-radius: inherit;

}

.list-group-item.disabled, .list-group-item:disabled {

	color: var(--bs-list-group-disabled-color);

	pointer-events: none;

	background-color: var(--bs-list-group-disabled-bg);

}

.list-group-item.active {

	z-index: 2;

	color: var(--bs-list-group-active-color);

	background-color: var(--bs-list-group-active-bg);

	border-color: var(--bs-list-group-active-border-color);

}

.list-group-item + .list-group-item {

	border-top-width: 0;

}

.list-group-item + .list-group-item.active {

	margin-top: calc(-1 * var(--bs-list-group-border-width));

	border-top-width: var(--bs-list-group-border-width);

}

.list-group-horizontal {

	flex-direction: row;

}

.list-group-horizontal > .list-group-item:first-child:not(:last-child) {

  border-bottom-left-radius: var(--bs-list-group-border-radius);

  border-top-right-radius: 0;

}

.list-group-horizontal > .list-group-item:last-child:not(:first-child) {

  border-top-right-radius: var(--bs-list-group-border-radius);

  border-bottom-left-radius: 0;

}

.list-group-horizontal > .list-group-item.active {

	margin-top: 0;

}

.list-group-horizontal > .list-group-item + .list-group-item {

	border-top-width: var(--bs-list-group-border-width);

	border-left-width: 0;

}

.list-group-horizontal > .list-group-item + .list-group-item.active {

	margin-left: calc(-1 * var(--bs-list-group-border-width));

	border-left-width: var(--bs-list-group-border-width);

}

@media (min-width: 576px) {

.list-group-horizontal-sm {

	flex-direction: row;

}

.list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {

    border-bottom-left-radius: var(--bs-list-group-border-radius);

    border-top-right-radius: 0;

  }

.list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {

    border-top-right-radius: var(--bs-list-group-border-radius);

    border-bottom-left-radius: 0;

  }

.list-group-horizontal-sm > .list-group-item.active {

	margin-top: 0;

}

.list-group-horizontal-sm > .list-group-item + .list-group-item {

	border-top-width: var(--bs-list-group-border-width);

	border-left-width: 0;

}

.list-group-horizontal-sm > .list-group-item + .list-group-item.active {

	margin-left: calc(-1 * var(--bs-list-group-border-width));

	border-left-width: var(--bs-list-group-border-width);

}

}

@media (min-width: 768px) {

.list-group-horizontal-md {

	flex-direction: row;

}

.list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {

    border-bottom-left-radius: var(--bs-list-group-border-radius);

    border-top-right-radius: 0;

  }

.list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {

    border-top-right-radius: var(--bs-list-group-border-radius);

    border-bottom-left-radius: 0;

  }

.list-group-horizontal-md > .list-group-item.active {

	margin-top: 0;

}

.list-group-horizontal-md > .list-group-item + .list-group-item {

	border-top-width: var(--bs-list-group-border-width);

	border-left-width: 0;

}

.list-group-horizontal-md > .list-group-item + .list-group-item.active {

	margin-left: calc(-1 * var(--bs-list-group-border-width));

	border-left-width: var(--bs-list-group-border-width);

}

}

@media (min-width: 992px) {

.list-group-horizontal-lg {

	flex-direction: row;

}

.list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {

    border-bottom-left-radius: var(--bs-list-group-border-radius);

    border-top-right-radius: 0;

  }

.list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {

    border-top-right-radius: var(--bs-list-group-border-radius);

    border-bottom-left-radius: 0;

  }

.list-group-horizontal-lg > .list-group-item.active {

	margin-top: 0;

}

.list-group-horizontal-lg > .list-group-item + .list-group-item {

	border-top-width: var(--bs-list-group-border-width);

	border-left-width: 0;

}

.list-group-horizontal-lg > .list-group-item + .list-group-item.active {

	margin-left: calc(-1 * var(--bs-list-group-border-width));

	border-left-width: var(--bs-list-group-border-width);

}

}

@media (min-width: 1200px) {

.list-group-horizontal-xl {

	flex-direction: row;

}

.list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {

    border-bottom-left-radius: var(--bs-list-group-border-radius);

    border-top-right-radius: 0;

  }

.list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {

    border-top-right-radius: var(--bs-list-group-border-radius);

    border-bottom-left-radius: 0;

  }

.list-group-horizontal-xl > .list-group-item.active {

	margin-top: 0;

}

.list-group-horizontal-xl > .list-group-item + .list-group-item {

	border-top-width: var(--bs-list-group-border-width);

	border-left-width: 0;

}

.list-group-horizontal-xl > .list-group-item + .list-group-item.active {

	margin-left: calc(-1 * var(--bs-list-group-border-width));

	border-left-width: var(--bs-list-group-border-width);

}

}

@media (min-width: 1400px) {

.list-group-horizontal-xxl {

	flex-direction: row;

}

.list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {

    border-bottom-left-radius: var(--bs-list-group-border-radius);

    border-top-right-radius: 0;

  }

.list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {

    border-top-right-radius: var(--bs-list-group-border-radius);

    border-bottom-left-radius: 0;

  }

.list-group-horizontal-xxl > .list-group-item.active {

	margin-top: 0;

}

.list-group-horizontal-xxl > .list-group-item + .list-group-item {

	border-top-width: var(--bs-list-group-border-width);

	border-left-width: 0;

}

.list-group-horizontal-xxl > .list-group-item + .list-group-item.active {

	margin-left: calc(-1 * var(--bs-list-group-border-width));

	border-left-width: var(--bs-list-group-border-width);

}

}

.list-group-flush {

	border-radius: 0;

}

.list-group-flush > .list-group-item {

	border-width: 0 0 var(--bs-list-group-border-width);

}

.list-group-flush > .list-group-item:last-child {

	border-bottom-width: 0;

}

.list-group-item-primary {

	color: #997800;

	background-color: #fff4cc;

}

.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {

	color: #997800;

	background-color: #e6dcb8;

}

.list-group-item-primary.list-group-item-action.active {

	color: #fff;

	background-color: #997800;

	border-color: #997800;

}

.list-group-item-secondary {

	color: #41464b;

	background-color: #e2e3e5;

}

.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {

	color: #41464b;

	background-color: #cbccce;

}

.list-group-item-secondary.list-group-item-action.active {

	color: #fff;

	background-color: #41464b;

	border-color: #41464b;

}

.list-group-item-success {

	color: #0f5132;

	background-color: #d1e7dd;

}

.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {

	color: #0f5132;

	background-color: #bcd0c7;

}

.list-group-item-success.list-group-item-action.active {

	color: #fff;

	background-color: #0f5132;

	border-color: #0f5132;

}

.list-group-item-info {

	color: #087990;

	background-color: #cff4fc;

}

.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {

	color: #087990;

	background-color: #badce3;

}

.list-group-item-info.list-group-item-action.active {

	color: #fff;

	background-color: #087990;

	border-color: #087990;

}

.list-group-item-warning {

	color: #997800;

	background-color: #fff4cc;

}

.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {

	color: #997800;

	background-color: #e6dcb8;

}

.list-group-item-warning.list-group-item-action.active {

	color: #fff;

	background-color: #997800;

	border-color: #997800;

}

.list-group-item-danger {

	color: #842029;

	background-color: #f8d7da;

}

.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {

	color: #842029;

	background-color: #dfc2c4;

}

.list-group-item-danger.list-group-item-action.active {

	color: #fff;

	background-color: #842029;

	border-color: #842029;

}

.list-group-item-light {

	color: #959596;

	background-color: #fefefe;

}

.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {

	color: #959596;

	background-color: #e5e5e5;

}

.list-group-item-light.list-group-item-action.active {

	color: #fff;

	background-color: #959596;

	border-color: #959596;

}

.list-group-item-dark {

	color: #141619;

	background-color: #d3d3d4;

}

.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {

	color: #141619;

	background-color: #bebebf;

}

.list-group-item-dark.list-group-item-action.active {

	color: #fff;

	background-color: #141619;

	border-color: #141619;

}

.btn-close {

	box-sizing: content-box;

	width: 1em;

	height: 1em;

	padding: 0.25em 0.25em;

	color: #000;

	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;

	border: 0;

	border-radius: 0.375rem;

	opacity: 0.5;

}

.btn-close:hover {

	color: #000;

	text-decoration: none;

	opacity: 0.75;

}

.btn-close:focus {

	outline: 0;

	box-shadow: 0 0 0 0.25rem rgba(255, 200, 0, 0.25);

	opacity: 1;

}

.btn-close:disabled, .btn-close.disabled {

	pointer-events: none;

	-webkit-user-select: none;

	-moz-user-select: none;

	user-select: none;

	opacity: 0.25;

}

.btn-close-white {

	filter: invert(1) grayscale(100%) brightness(200%);

}

.toast {

	--bs-toast-zindex: 1090;

	--bs-toast-padding-x: 0.75rem;

	--bs-toast-padding-y: 0.5rem;

	--bs-toast-spacing: 1.5rem;

	--bs-toast-max-width: 350px;

	--bs-toast-font-size: 0.875rem;

	--bs-toast-color: ;

	--bs-toast-bg: rgba(255, 255, 255, 0.85);

	--bs-toast-border-width: 1px;

	--bs-toast-border-color: var(--bs-border-color-translucent);

	--bs-toast-border-radius: 0.375rem;

	--bs-toast-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);

	--bs-toast-header-color: #6c757d;

	--bs-toast-header-bg: rgba(255, 255, 255, 0.85);

	--bs-toast-header-border-color: rgba(0, 0, 0, 0.05);

	width: var(--bs-toast-max-width);

	max-width: 100%;

	font-size: var(--bs-toast-font-size);

	color: var(--bs-toast-color);

	pointer-events: auto;

	background-color: var(--bs-toast-bg);

	background-clip: padding-box;

	border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);

	box-shadow: var(--bs-toast-box-shadow);

  border-radius: var(--bs-toast-border-radius);

}

.toast.showing {

	opacity: 0;

}

.toast:not(.show) {

  display: none;

}

.toast-container {

	--bs-toast-zindex: 1090;

	position: absolute;

	z-index: var(--bs-toast-zindex);

	width: -moz-max-content;

	width: max-content;

	max-width: 100%;

	pointer-events: none;

}

.toast-container > :not(:last-child) {

  margin-bottom: var(--bs-toast-spacing);

}

.toast-header {

	display: flex;

	align-items: center;

	padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);

	color: var(--bs-toast-header-color);

	background-color: var(--bs-toast-header-bg);

	background-clip: padding-box;

	border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);

	border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));

	border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));

}

.toast-header .btn-close {

	margin-right: calc(-0.5 * var(--bs-toast-padding-x));

	margin-left: var(--bs-toast-padding-x);

}

.toast-body {

	padding: var(--bs-toast-padding-x);

	word-wrap: break-word;

}

.modal {

	--bs-modal-zindex: 1055;

	--bs-modal-width: 500px;

	--bs-modal-padding: 1rem;

	--bs-modal-margin: 0.5rem;

	--bs-modal-color: ;

	--bs-modal-bg: #fff;

	--bs-modal-border-color: var(--bs-border-color-translucent);

	--bs-modal-border-width: 1px;

	--bs-modal-border-radius: 0.5rem;

	--bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);

	--bs-modal-inner-border-radius: calc(0.5rem - 1px);

	--bs-modal-header-padding-x: 1rem;

	--bs-modal-header-padding-y: 1rem;

	--bs-modal-header-padding: 1rem 1rem;

	--bs-modal-header-border-color: var(--bs-border-color);

	--bs-modal-header-border-width: 1px;

	--bs-modal-title-line-height: 1.5;

	--bs-modal-footer-gap: 0.5rem;

	--bs-modal-footer-bg: ;

	--bs-modal-footer-border-color: var(--bs-border-color);

	--bs-modal-footer-border-width: 1px;

	position: fixed;

	top: 0;

	left: 0;

	z-index: var(--bs-modal-zindex);

	display: none;

	width: 100%;

	height: 100%;

	overflow-x: hidden;

  overflow-y: auto;

  outline: 0;

}

.modal-dialog {

	position: relative;

	width: auto;

	margin: var(--bs-modal-margin);

	pointer-events: none;

}

.modal.fade .modal-dialog {

	transition: transform 0.3s ease-out;

	transform: translate(0, -50px);

}

@media (prefers-reduced-motion: reduce) {

.modal.fade .modal-dialog {

	transition: none;

}

}

.modal.show .modal-dialog {

	transform: none;

}

.modal.modal-static .modal-dialog {

	transform: scale(1.02);

}

.modal-dialog-scrollable {

	height: calc(100% - var(--bs-modal-margin) * 2);

}

.modal-dialog-scrollable .modal-content {

	max-height: 100%;

	overflow: hidden;

}

.modal-dialog-scrollable .modal-body {

	overflow-y: auto;

}

.modal-dialog-centered {

	display: flex;

	align-items: center;

	min-height: calc(100% - var(--bs-modal-margin) * 2);

}

.modal-content {

	position: relative;

	display: flex;

	flex-direction: column;

	width: 100%;

	color: var(--bs-modal-color);

	pointer-events: auto; /*background-color: var(--bs-modal-bg);*/;

	background-color: #87cefa;

	background-clip: padding-box;

	border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);

	border-radius: var(--bs-modal-border-radius);

	outline: 0;

}

.modal-backdrop {

	--bs-backdrop-zindex: 1050;

	--bs-backdrop-bg: #000;

	--bs-backdrop-opacity: 0.1;

	position: fixed;

	top: 0;

	left: 0;

	z-index: var(--bs-backdrop-zindex);

	width: 100vw;

	height: 100vh;

	background-color: var(--bs-backdrop-bg);

}

.modal-backdrop.fade {

	opacity: 0;

}

.modal-backdrop.show {

	opacity: var(--bs-backdrop-opacity);

	background-color: rgba(160, 143, 67, 0.5); /* #a08f43 + 50% Transparenz */

}

.modal-header {

	display: flex;

	flex-shrink: 0;

	align-items: center;

	justify-content: space-between;

	padding: var(--bs-modal-header-padding);

	border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);

	border-top-left-radius: var(--bs-modal-inner-border-radius);

	border-top-right-radius: var(--bs-modal-inner-border-radius);

}

.modal-header .btn-close {

	padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);

	margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto;

}

.modal-title {

	margin-bottom: 0;

	line-height: var(--bs-modal-title-line-height);

}

.modal-body {

	position: relative;

	flex: 1 1 auto;

	padding: var(--bs-modal-padding);

	text-align: left;

	font-family: "Poiret One", sans-serif;

	font-size: 20px;

	font-weight: normal;

	padding-left: 20px;

}

.modal-footer {

	display: flex;

	flex-shrink: 0;

	flex-wrap: wrap;

	align-items: center;

	justify-content: flex-end;

	padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);

	background-color: var(--bs-modal-footer-bg);

	border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);

	border-bottom-right-radius: var(--bs-modal-inner-border-radius);

	border-bottom-left-radius: var(--bs-modal-inner-border-radius);

}

.modal-footer > * {

	margin: calc(var(--bs-modal-footer-gap) * 0.5);

}

@media (min-width: 576px) {

.modal {

	--bs-modal-margin: 1.75rem;

	--bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);

}

.modal-dialog {

	max-width: var(--bs-modal-width);

	margin-right: auto;

	margin-left: auto;

}

.modal-sm {

	--bs-modal-width: 300px;

}

}

@media (min-width: 992px) {

.modal-lg, .modal-xl {

	--bs-modal-width: 800px;

}

}

@media (min-width: 1200px) {

.modal-xl {

	--bs-modal-width: 1140px;

}

}

.modal-fullscreen {

	width: 100vw;

	max-width: none;

	height: 100%;

	margin: 0;

}

.modal-fullscreen .modal-content {

	height: 100%;

	border: 0;

	border-radius: 0;

}

.modal-fullscreen .modal-header, .modal-fullscreen .modal-footer {

	border-radius: 0;

}

.modal-fullscreen .modal-body {

	overflow-y: auto;

}

@media (max-width: 575.98px) {

.modal-fullscreen-sm-down {

	width: 100vw;

	max-width: none;

	height: 100%;

	margin: 0;

}

.modal-fullscreen-sm-down .modal-content {

	height: 100%;

	border: 0;

	border-radius: 0;

}

.modal-fullscreen-sm-down .modal-header, .modal-fullscreen-sm-down .modal-footer {

	border-radius: 0;

}

.modal-fullscreen-sm-down .modal-body {

	overflow-y: auto;

}

}

@media (max-width: 767.98px) {

.modal-fullscreen-md-down {

	width: 100vw;

	max-width: none;

	height: 100%;

	margin: 0;

}

.modal-fullscreen-md-down .modal-content {

	height: 100%;

	border: 0;

	border-radius: 0;

}

.modal-fullscreen-md-down .modal-header, .modal-fullscreen-md-down .modal-footer {

	border-radius: 0;

}

.modal-fullscreen-md-down .modal-body {

	overflow-y: auto;

}

}

@media (max-width: 991.98px) {

.modal-fullscreen-lg-down {

	width: 100vw;

	max-width: none;

	height: 100%;

	margin: 0;

}

.modal-fullscreen-lg-down .modal-content {

	height: 100%;

	border: 0;

	border-radius: 0;

}

.modal-fullscreen-lg-down .modal-header, .modal-fullscreen-lg-down .modal-footer {

	border-radius: 0;

}

.modal-fullscreen-lg-down .modal-body {

	overflow-y: auto;

}

}

@media (max-width: 1199.98px) {

.modal-fullscreen-xl-down {

	width: 100vw;

	max-width: none;

	height: 100%;

	margin: 0;

}

.modal-fullscreen-xl-down .modal-content {

	height: 100%;

	border: 0;

	border-radius: 0;

}

.modal-fullscreen-xl-down .modal-header, .modal-fullscreen-xl-down .modal-footer {

	border-radius: 0;

}

.modal-fullscreen-xl-down .modal-body {

	overflow-y: auto;

}

}

@media (max-width: 1399.98px) {

.modal-fullscreen-xxl-down {

	width: 100vw;

	max-width: none;

	height: 100%;

	margin: 0;

}

.modal-fullscreen-xxl-down .modal-content {

	height: 100%;

	border: 0;

	border-radius: 0;

}

.modal-fullscreen-xxl-down .modal-header, .modal-fullscreen-xxl-down .modal-footer {

	border-radius: 0;

}

.modal-fullscreen-xxl-down .modal-body {

	overflow-y: auto;

}

}

.tooltip {

	--bs-tooltip-zindex: 1080;

	--bs-tooltip-max-width: 200px;

	--bs-tooltip-padding-x: 0.5rem;

	--bs-tooltip-padding-y: 0.25rem;

	--bs-tooltip-margin: ;

	--bs-tooltip-font-size: 0.875rem;

	--bs-tooltip-color: #fff;

	--bs-tooltip-bg: #000;

	--bs-tooltip-border-radius: 0.375rem;

	--bs-tooltip-opacity: 0.9;

	--bs-tooltip-arrow-width: 0.8rem;

	--bs-tooltip-arrow-height: 0.4rem;

	z-index: var(--bs-tooltip-zindex);

	display: block;

	padding: var(--bs-tooltip-arrow-height);

	margin: var(--bs-tooltip-margin);

	font-family: "Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

	font-style: normal;

	font-weight: 400;

	line-height: 1.5;

	text-align: left;

	text-align: start;

	text-decoration: none;

	text-shadow: none;

	text-transform: none;

	letter-spacing: normal;

	word-break: normal;

	white-space: normal;

	word-spacing: normal;

	line-break: auto;

	font-size: var(--bs-tooltip-font-size);

	word-wrap: break-word;

	opacity: 0;

}

.tooltip.show {

	opacity: var(--bs-tooltip-opacity);

}

.tooltip .tooltip-arrow {

	display: block;

	width: var(--bs-tooltip-arrow-width);

	height: var(--bs-tooltip-arrow-height);

}

.tooltip .tooltip-arrow::before {

	position: absolute;

	content: "";

	border-color: transparent;

	border-style: solid;

}

.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {

	bottom: 0;

}

.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {

	top: -1px;

	border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;

	border-top-color: var(--bs-tooltip-bg);

}

/* rtl:begin:ignore */

.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {

	left: 0;

	width: var(--bs-tooltip-arrow-height);

	height: var(--bs-tooltip-arrow-width);

}

.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {

	right: -1px;

	border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;

	border-right-color: var(--bs-tooltip-bg);

}

/* rtl:end:ignore */

.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {

	top: 0;

}

.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {

	bottom: -1px;

	border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);

	border-bottom-color: var(--bs-tooltip-bg);

}

/* rtl:begin:ignore */

.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {

	right: 0;

	width: var(--bs-tooltip-arrow-height);

	height: var(--bs-tooltip-arrow-width);

}

.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {

	left: -1px;

	border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);

	border-left-color: var(--bs-tooltip-bg);

}

/* rtl:end:ignore */

.tooltip-inner {

	max-width: var(--bs-tooltip-max-width);

	padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);

	color: var(--bs-tooltip-color);

	text-align: center;

	background-color: var(--bs-tooltip-bg);

	border-radius: var(--bs-tooltip-border-radius);

}

.popover {

	--bs-popover-zindex: 1070;

	--bs-popover-max-width: 276px;

	--bs-popover-font-size: 0.875rem;

	--bs-popover-bg: #fff;

	--bs-popover-border-width: 1px;

	--bs-popover-border-color: var(--bs-border-color-translucent);

	--bs-popover-border-radius: 0.5rem;

	--bs-popover-inner-border-radius: calc(0.5rem - 1px);

	--bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);

	--bs-popover-header-padding-x: 1rem;

	--bs-popover-header-padding-y: 0.5rem;

	--bs-popover-header-font-size: 1rem;

	--bs-popover-header-color: ;

	--bs-popover-header-bg: #f0f0f0;

	--bs-popover-body-padding-x: 1rem;

	--bs-popover-body-padding-y: 1rem;

	--bs-popover-body-color: #212529;

	--bs-popover-arrow-width: 1rem;

	--bs-popover-arrow-height: 0.5rem;

	--bs-popover-arrow-border: var(--bs-popover-border-color);

	z-index: var(--bs-popover-zindex);

	display: block;

	max-width: var(--bs-popover-max-width);

	font-family: "Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

	font-style: normal;

	font-weight: 400;

	line-height: 1.5;

	text-align: left;

	text-align: start;

	text-decoration: none;

	text-shadow: none;

	text-transform: none;

	letter-spacing: normal;

	word-break: normal;

	white-space: normal;

	word-spacing: normal;

	line-break: auto;

	font-size: var(--bs-popover-font-size);

	word-wrap: break-word;

	background-color: var(--bs-popover-bg);

	background-clip: padding-box;

	border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);

  border-radius: var(--bs-popover-border-radius);

}

.popover .popover-arrow {

	display: block;

	width: var(--bs-popover-arrow-width);

	height: var(--bs-popover-arrow-height);

}

.popover .popover-arrow::before, .popover .popover-arrow::after {

	position: absolute;

	display: block;

	content: "";

	border-color: transparent;

	border-style: solid;

	border-width: 0;

}

.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {

	bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));

}

.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {

	border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;

}

.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {

	bottom: 0;

	border-top-color: var(--bs-popover-arrow-border);

}

.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {

	bottom: var(--bs-popover-border-width);

	border-top-color: var(--bs-popover-bg);

}

/* rtl:begin:ignore */

.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {

	left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));

	width: var(--bs-popover-arrow-height);

	height: var(--bs-popover-arrow-width);

}

.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {

	border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;

}

.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {

	left: 0;

	border-right-color: var(--bs-popover-arrow-border);

}

.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {

	left: var(--bs-popover-border-width);

	border-right-color: var(--bs-popover-bg);

}

/* rtl:end:ignore */

.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {

	top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));

}

.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {

	border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);

}

.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {

	top: 0;

	border-bottom-color: var(--bs-popover-arrow-border);

}

.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {

	top: var(--bs-popover-border-width);

	border-bottom-color: var(--bs-popover-bg);

}

.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {

	position: absolute;

	top: 0;

	left: 50%;

	display: block;

	width: var(--bs-popover-arrow-width);

	margin-left: calc(-0.5 * var(--bs-popover-arrow-width));

	content: "";

	border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);

}

/* rtl:begin:ignore */

.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {

	right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));

	width: var(--bs-popover-arrow-height);

	height: var(--bs-popover-arrow-width);

}

.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {

	border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);

}

.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {

	right: 0;

	border-left-color: var(--bs-popover-arrow-border);

}

.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {

	right: var(--bs-popover-border-width);

	border-left-color: var(--bs-popover-bg);

}

/* rtl:end:ignore */

.popover-header {

	padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);

	margin-bottom: 0;

	font-size: var(--bs-popover-header-font-size);

	color: var(--bs-popover-header-color);

	background-color: var(--bs-popover-header-bg);

	border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);

	border-top-left-radius: var(--bs-popover-inner-border-radius);

	border-top-right-radius: var(--bs-popover-inner-border-radius);

}

.popover-header:empty {

	display: none;

}

.popover-body {

	padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);

	color: var(--bs-popover-body-color);

}

.carousel {

	position: relative;

}

.carousel.pointer-event {

	touch-action: pan-y;

}

.carousel-inner {

	position: relative;

	width: 100%;

	overflow: hidden;

}

.carousel-inner::after {

	display: block;

	clear: both;

	content: "";

}

.carousel-item {

	position: relative;

	display: none;

	float: left;

	width: 100%;

	height: 100%;

	margin-right: -100%;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	transition: transform 0.6s ease-in-out;

}

@media (prefers-reduced-motion: reduce) {

.carousel-item {

	transition: none;

}

}

.carousel-item.active, .carousel-item-next, .carousel-item-prev {

	display: block;

}

.carousel-item-next:not(.carousel-item-start),

.active.carousel-item-end {

  transform: translateX(100%);

}

.carousel-item-prev:not(.carousel-item-end),

.active.carousel-item-start {

  transform: translateX(-100%);

}

.carousel-fade .carousel-item {

	opacity: 0;

	transition-property: opacity;

	transform: none;

}

.carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end {

	z-index: 1;

	opacity: 1;

}

.carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end {

	z-index: 0;

	opacity: 0;

	transition: opacity 0s 0.6s;

}

@media (prefers-reduced-motion: reduce) {

.carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end {

	transition: none;

}

}

.carousel-control-prev, .carousel-control-next {

	position: absolute;

	top: 0;

	bottom: 0;

	z-index: 1;

	display: flex;

	align-items: center;

	justify-content: center;

	width: 15%;

	padding: 0;

	color: #fff;

	text-align: center;

	background: none;

	border: 0;

	opacity: 0.5;

	transition: opacity 0.15s ease;

}

@media (prefers-reduced-motion: reduce) {

.carousel-control-prev, .carousel-control-next {

	transition: none;

}

}

.carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus {

	color: #fff;

	text-decoration: none;

	outline: 0;

	opacity: 0.9;

}

.carousel-control-prev {

	left: 0;

}

.carousel-control-next {

	right: 0;

}

.carousel-control-prev-icon, .carousel-control-next-icon {

	display: inline-block;

	width: 3rem;

	height: 3rem;

	background-repeat: no-repeat;

	background-position: 50%;

	background-size: 100% 100%;

}

rtl:options: {

	"autoRename": true, "stringMap": [ { "name" : "prev-next", "search" : "prev", "replace" : "next" } ];

}

*/

.carousel-control-prev-icon {

	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");

}

.carousel-control-next-icon {

	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");

}

.carousel-indicators {

	position: absolute;

	right: 0;

	bottom: 0px;

	left: 0;

	z-index: 2;

	display: flex;

	justify-content: center;

	padding: 0;

	margin-right: 15%;

	margin-bottom: 0rem;

	margin-left: 15%;

	list-style: none;

}

.carousel-indicators [data-bs-target] {

	box-sizing: content-box;

	flex: 0 1 auto;

	width: 30px;

	height: 3px;

	padding: 0;

	margin-right: 3px;

	margin-left: 3px;

	text-indent: -999px;

	cursor: pointer;

	background-color: #87cefa;

	background-clip: padding-box;

	border: 0;

	border-top: 10px solid transparent;

	border-bottom: 10px solid transparent;

	opacity: 0.5;

	transition: opacity 0.6s ease;

}

@media (prefers-reduced-motion: reduce) {

.carousel-indicators [data-bs-target] {

	transition: none;

}

}

.carousel-indicators .active {

	opacity: 1;

}

/* ================================

   Carousel Indicators (modern)

   Desktop: active = Wassertropfen

   Mobile: nur Punkte

   ================================ */

#carouselExampleIndicators .carousel-indicators {

	position: absolute;

	bottom: 18px;

	left: 50%;

	transform: translateX(-50%);

	display: flex;

	gap: 12px;

	padding: 8px 14px;

	background: rgba(0,0,0,0.25);

	backdrop-filter: blur(8px);

	-webkit-backdrop-filter: blur(8px);

	border-radius: 999px;

	margin: 0;

}

/* Standard-Punkte */

#carouselExampleIndicators .carousel-indicators [data-bs-target] {

	width: 10px;

	height: 10px;

	border-radius: 999px;

	background: rgba(255,255,255,0.65);

	border: none;

	opacity: .85;

	transition: transform .2s ease, opacity .2s ease, background .2s ease;

}

/* Active als Punkt (Basis) */

#carouselExampleIndicators .carousel-indicators .active {

	background: #87cefa;

	opacity: 1;

	transform: scale(1.25);

}

/* Hover */

#carouselExampleIndicators .carousel-indicators [data-bs-target]:hover {

	transform: scale(1.2);

	opacity: 1;

}

/* ==========================

   DESKTOP: Active = Tropfen

   ========================== */

@media (min-width: 1024px){

#carouselExampleIndicators .carousel-indicators .active {

	width: 22px;

	height: 30px;

	background: #87cefa;

	border-radius: 0;

	transform: translateY(-4px);

	opacity: 1; /* SVG Wassertropfen als Mask */;

	-webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 4 C32 4 12 30 12 42 C12 54 21.8 60 32 60 C42.2 60 52 54 52 42 C52 30 32 4 32 4Z'/%3E%3C/svg%3E") no-repeat center;

	-webkit-mask-size: contain;

	mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 4 C32 4 12 30 12 42 C12 54 21.8 60 32 60 C42.2 60 52 54 52 42 C52 30 32 4 32 4Z'/%3E%3C/svg%3E") no-repeat center;

	mask-size: contain;



    box-shadow:

      0 6px 16px rgba(135,206,250,0.5),

      inset 0 -2px 4px rgba(0,0,0,0.2);

}

}

/* ==========================

   MOBILE: nur Punkte (kein Tropfen)

   ========================== */

@media (max-width: 1024px){

#carouselExampleIndicators .carousel-indicators {

	display: none;

}

}

/* Ende*/

.carousel-caption {

	position: absolute;

	right: 15%;

	bottom: 1.25rem;

	left: 15%;

	padding-top: 1.25rem;

	padding-bottom: 1.25rem;

	color: #fff;

	text-align: center;

}

.carousel-dark .carousel-control-prev-icon, .carousel-dark .carousel-control-next-icon {

	filter: invert(1) grayscale(100);

}

.carousel-dark .carousel-indicators [data-bs-target] {

	background-color: #000;

}

.carousel-dark .carousel-caption {

	color: #000;

}

.spinner-grow, .spinner-border {

	display: inline-block;

	width: var(--bs-spinner-width);

	height: var(--bs-spinner-height);

	vertical-align: var(--bs-spinner-vertical-align);

	border-radius: 50%;

	animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);

}

@keyframes spinner-border {

  to {

    transform: rotate(360deg) /* rtl:ignore */;

  }

}

.spinner-border {

	--bs-spinner-width: 2rem;

	--bs-spinner-height: 2rem;

	--bs-spinner-vertical-align: -0.125em;

	--bs-spinner-border-width: 0.25em;

	--bs-spinner-animation-speed: 0.75s;

	--bs-spinner-animation-name: spinner-border;

	border: var(--bs-spinner-border-width) solid currentcolor;

	border-right-color: transparent;

}

.spinner-border-sm {

	--bs-spinner-width: 1rem;

	--bs-spinner-height: 1rem;

	--bs-spinner-border-width: 0.2em;

}

@keyframes spinner-grow {

  0% {

    transform: scale(0);

  }

  50% {

    opacity: 1;

    transform: none;

  }

}

.spinner-grow {

	--bs-spinner-width: 2rem;

	--bs-spinner-height: 2rem;

	--bs-spinner-vertical-align: -0.125em;

	--bs-spinner-animation-speed: 0.75s;

	--bs-spinner-animation-name: spinner-grow;

	background-color: currentcolor;

	opacity: 0;

}

.spinner-grow-sm {

	--bs-spinner-width: 1rem;

	--bs-spinner-height: 1rem;

}

@media (prefers-reduced-motion: reduce) {

.spinner-border, .spinner-grow {

	--bs-spinner-animation-speed: 1.5s;

}

}

.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {

	--bs-offcanvas-zindex: 1045;

	--bs-offcanvas-width: 400px;

	--bs-offcanvas-height: 30vh;

	--bs-offcanvas-padding-x: 1rem;

	--bs-offcanvas-padding-y: 1rem;

	--bs-offcanvas-color: ;

	--bs-offcanvas-bg: #fff;

	--bs-offcanvas-border-width: 1px;

	--bs-offcanvas-border-color: var(--bs-border-color-translucent);

  --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);

}

@media (max-width: 575.98px) {

.offcanvas-sm {

	position: fixed;

	bottom: 0;

	z-index: var(--bs-offcanvas-zindex);

	display: flex;

	flex-direction: column;

	max-width: 100%;

	color: var(--bs-offcanvas-color);

	visibility: hidden;

	background-color: var(--bs-offcanvas-bg);

	background-clip: padding-box;

	outline: 0;

	transition: transform 0.3s ease-in-out;

}

}

@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {

.offcanvas-sm {

	transition: none;

}

}

@media (max-width: 575.98px) {

.offcanvas-sm.offcanvas-start {

	top: 0;

	left: 0;

	width: var(--bs-offcanvas-width);

	border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

	transform: translateX(-100%);

}

}

@media (max-width: 575.98px) {

.offcanvas-sm.offcanvas-end {

	top: 0;

	right: 0;

	width: var(--bs-offcanvas-width);

	border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

	transform: translateX(100%);

}

}

@media (max-width: 575.98px) {

.offcanvas-sm.offcanvas-top {

	top: 0;

	right: 0;

	left: 0;

	height: var(--bs-offcanvas-height);

	max-height: 100%;

	border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

	transform: translateY(-100%);

}

}

@media (max-width: 575.98px) {

.offcanvas-sm.offcanvas-bottom {

	right: 0;

	left: 0;

	height: var(--bs-offcanvas-height);

	max-height: 100%;

	border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

	transform: translateY(100%);

}

}

@media (max-width: 575.98px) {

.offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {

    transform: none;

  }

}

@media (max-width: 575.98px) {

.offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show {

	visibility: visible;

}

}

@media (min-width: 576px) {

.offcanvas-sm {

	--bs-offcanvas-height: auto;

	--bs-offcanvas-border-width: 0;

	background-color: transparent !important;

}

.offcanvas-sm .offcanvas-header {

	display: none;

}

.offcanvas-sm .offcanvas-body {

	display: flex;

	flex-grow: 0;

	padding: 0;

	overflow-y: visible;

	background-color: transparent !important;

}

}

@media (max-width: 767.98px) {

.offcanvas-md {

	position: fixed;

	bottom: 0;

	z-index: var(--bs-offcanvas-zindex);

	display: flex;

	flex-direction: column;

	max-width: 100%;

	color: var(--bs-offcanvas-color);

	visibility: hidden;

	background-color: var(--bs-offcanvas-bg);

	background-clip: padding-box;

	outline: 0;

	transition: transform 0.3s ease-in-out;

}

}

@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {

.offcanvas-md {

	transition: none;

}

}

@media (max-width: 767.98px) {

.offcanvas-md.offcanvas-start {

	top: 0;

	left: 0;

	width: var(--bs-offcanvas-width);

	border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

	transform: translateX(-100%);

}

}

@media (max-width: 767.98px) {

.offcanvas-md.offcanvas-end {

	top: 0;

	right: 0;

	width: var(--bs-offcanvas-width);

	border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

	transform: translateX(100%);

}

}

@media (max-width: 767.98px) {

.offcanvas-md.offcanvas-top {

	top: 0;

	right: 0;

	left: 0;

	height: var(--bs-offcanvas-height);

	max-height: 100%;

	border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

	transform: translateY(-100%);

}

}

@media (max-width: 767.98px) {

.offcanvas-md.offcanvas-bottom {

	right: 0;

	left: 0;

	height: var(--bs-offcanvas-height);

	max-height: 100%;

	border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

	transform: translateY(100%);

}

}

@media (max-width: 767.98px) {

.offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {

    transform: none;

  }

}

@media (max-width: 767.98px) {

.offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show {

	visibility: visible;

}

}

@media (min-width: 768px) {

.offcanvas-md {

	--bs-offcanvas-height: auto;

	--bs-offcanvas-border-width: 0;

	background-color: transparent !important;

}

.offcanvas-md .offcanvas-header {

	display: none;

}

.offcanvas-md .offcanvas-body {

	display: flex;

	flex-grow: 0;

	padding: 0;

	overflow-y: visible;

	background-color: transparent !important;

}

}

@media (max-width: 991.98px) {

.offcanvas-lg {

	position: fixed;

	bottom: 0;

	z-index: var(--bs-offcanvas-zindex);

	display: flex;

	flex-direction: column;

	max-width: 100%;

	color: var(--bs-offcanvas-color);

	visibility: hidden;

	background-color: var(--bs-offcanvas-bg);

	background-clip: padding-box;

	outline: 0;

	transition: transform 0.3s ease-in-out;

}

}

@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {

.offcanvas-lg {

	transition: none;

}

}

@media (max-width: 991.98px) {

.offcanvas-lg.offcanvas-start {

	top: 0;

	left: 0;

	width: var(--bs-offcanvas-width);

	border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

	transform: translateX(-100%);

}

}

@media (max-width: 991.98px) {

.offcanvas-lg.offcanvas-end {

	top: 0;

	right: 0;

	width: var(--bs-offcanvas-width);

	border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

	transform: translateX(100%);

}

}

@media (max-width: 991.98px) {

.offcanvas-lg.offcanvas-top {

	top: 0;

	right: 0;

	left: 0;

	height: var(--bs-offcanvas-height);

	max-height: 100%;

	border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

	transform: translateY(-100%);

}

}

@media (max-width: 991.98px) {

.offcanvas-lg.offcanvas-bottom {

	right: 0;

	left: 0;

	height: var(--bs-offcanvas-height);

	max-height: 100%;

	border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

	transform: translateY(100%);

}

}

@media (max-width: 991.98px) {

.offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {

    transform: none;

  }

}

@media (max-width: 991.98px) {

.offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {

	visibility: visible;

}

}

@media (min-width: 992px) {

.offcanvas-lg {

	--bs-offcanvas-height: auto;

	--bs-offcanvas-border-width: 0;

	background-color: transparent !important;

}

.offcanvas-lg .offcanvas-header {

	display: none;

}

.offcanvas-lg .offcanvas-body {

	display: flex;

	flex-grow: 0;

	padding: 0;

	overflow-y: visible;

	background-color: transparent !important;

}

}

@media (max-width: 1199.98px) {

.offcanvas-xl {

	position: fixed;

	bottom: 0;

	z-index: var(--bs-offcanvas-zindex);

	display: flex;

	flex-direction: column;

	max-width: 100%;

	color: var(--bs-offcanvas-color);

	visibility: hidden;

	background-color: var(--bs-offcanvas-bg);

	background-clip: padding-box;

	outline: 0;

	transition: transform 0.3s ease-in-out;

}

}

@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {

.offcanvas-xl {

	transition: none;

}

}

@media (max-width: 1199.98px) {

.offcanvas-xl.offcanvas-start {

	top: 0;

	left: 0;

	width: var(--bs-offcanvas-width);

	border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

	transform: translateX(-100%);

}

}

@media (max-width: 1199.98px) {

.offcanvas-xl.offcanvas-end {

	top: 0;

	right: 0;

	width: var(--bs-offcanvas-width);

	border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

	transform: translateX(100%);

}

}

@media (max-width: 1199.98px) {

.offcanvas-xl.offcanvas-top {

	top: 0;

	right: 0;

	left: 0;

	height: var(--bs-offcanvas-height);

	max-height: 100%;

	border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

	transform: translateY(-100%);

}

}

@media (max-width: 1199.98px) {

.offcanvas-xl.offcanvas-bottom {

	right: 0;

	left: 0;

	height: var(--bs-offcanvas-height);

	max-height: 100%;

	border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

	transform: translateY(100%);

}

}

@media (max-width: 1199.98px) {

.offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {

    transform: none;

  }

}

@media (max-width: 1199.98px) {

.offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {

	visibility: visible;

}

}

@media (min-width: 1200px) {

.offcanvas-xl {

	--bs-offcanvas-height: auto;

	--bs-offcanvas-border-width: 0;

	background-color: transparent !important;

}

.offcanvas-xl .offcanvas-header {

	display: none;

}

.offcanvas-xl .offcanvas-body {

	display: flex;

	flex-grow: 0;

	padding: 0;

	overflow-y: visible;

	background-color: transparent !important;

}

}

@media (max-width: 1399.98px) {

.offcanvas-xxl {

	position: fixed;

	bottom: 0;

	z-index: var(--bs-offcanvas-zindex);

	display: flex;

	flex-direction: column;

	max-width: 100%;

	color: var(--bs-offcanvas-color);

	visibility: hidden;

	background-color: var(--bs-offcanvas-bg);

	background-clip: padding-box;

	outline: 0;

	transition: transform 0.3s ease-in-out;

}

}

@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {

.offcanvas-xxl {

	transition: none;

}

}

@media (max-width: 1399.98px) {

.offcanvas-xxl.offcanvas-start {

	top: 0;

	left: 0;

	width: var(--bs-offcanvas-width);

	border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

	transform: translateX(-100%);

}

}

@media (max-width: 1399.98px) {

.offcanvas-xxl.offcanvas-end {

	top: 0;

	right: 0;

	width: var(--bs-offcanvas-width);

	border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

	transform: translateX(100%);

}

}

@media (max-width: 1399.98px) {

.offcanvas-xxl.offcanvas-top {

	top: 0;

	right: 0;

	left: 0;

	height: var(--bs-offcanvas-height);

	max-height: 100%;

	border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

	transform: translateY(-100%);

}

}

@media (max-width: 1399.98px) {

.offcanvas-xxl.offcanvas-bottom {

	right: 0;

	left: 0;

	height: var(--bs-offcanvas-height);

	max-height: 100%;

	border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

	transform: translateY(100%);

}

}

@media (max-width: 1399.98px) {

.offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) {

    transform: none;

  }

}

@media (max-width: 1399.98px) {

.offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show {

	visibility: visible;

}

}

@media (min-width: 1400px) {

.offcanvas-xxl {

	--bs-offcanvas-height: auto;

	--bs-offcanvas-border-width: 0;

	background-color: transparent !important;

}

.offcanvas-xxl .offcanvas-header {

	display: none;

}

.offcanvas-xxl .offcanvas-body {

	display: flex;

	flex-grow: 0;

	padding: 0;

	overflow-y: visible;

	background-color: transparent !important;

}

}

.offcanvas {

	position: fixed;

	bottom: 0;

	z-index: var(--bs-offcanvas-zindex);

	display: flex;

	flex-direction: column;

	max-width: 100%;

	color: var(--bs-offcanvas-color);

	visibility: hidden;

	background-color: var(--bs-offcanvas-bg);

	background-clip: padding-box;

	outline: 0;

	transition: transform 0.3s ease-in-out;

}

@media (prefers-reduced-motion: reduce) {

.offcanvas {

	transition: none;

}

}

.offcanvas.offcanvas-start {

	top: 0;

	left: 0;

	width: var(--bs-offcanvas-width);

	border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

	transform: translateX(-100%);

}

.offcanvas.offcanvas-end {

	top: 0;

	right: 0;

	width: var(--bs-offcanvas-width);

	border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

	transform: translateX(100%);

}

.offcanvas.offcanvas-top {

	top: 0;

	right: 0;

	left: 0;

	height: var(--bs-offcanvas-height);

	max-height: 100%;

	border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

	transform: translateY(-100%);

}

.offcanvas.offcanvas-bottom {

	right: 0;

	left: 0;

	height: var(--bs-offcanvas-height);

	max-height: 100%;

	border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);

	transform: translateY(100%);

}

.offcanvas.showing, .offcanvas.show:not(.hiding) {

  transform: none;

}

.offcanvas.showing, .offcanvas.hiding, .offcanvas.show {

	visibility: visible;

}

.offcanvas-backdrop {

	position: fixed;

	top: 0;

	left: 0;

	z-index: 1040;

	width: 100vw;

	height: 100vh;

	background-color: #000;

}

.offcanvas-backdrop.fade {

	opacity: 0;

}

.offcanvas-backdrop.show {

	opacity: 0.5;

}

.offcanvas-header {

	display: flex;

	align-items: center;

	justify-content: space-between;

	padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);

}

.offcanvas-header .btn-close {

	padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);

	margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));

  margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));

  margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));

}

.offcanvas-title {

	margin-bottom: 0;

	line-height: 1.5;

}

.offcanvas-body {

	flex-grow: 1;

	padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);

	overflow-y: auto;

}

.placeholder {

	display: inline-block;

	min-height: 1em;

	vertical-align: middle;

	cursor: wait;

	background-color: currentcolor;

	opacity: 0.5;

}

.placeholder.btn::before {

	display: inline-block;

	content: "";

}

.placeholder-xs {

	min-height: 0.6em;

}

.placeholder-sm {

	min-height: 0.8em;

}

.placeholder-lg {

	min-height: 1.2em;

}

.placeholder-glow .placeholder {

	animation: placeholder-glow 2s ease-in-out infinite;

}

@keyframes placeholder-glow {

  50% {

    opacity: 0.2;

  }

}

.placeholder-wave {

	-webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);

	mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);

	-webkit-mask-size: 200% 100%;

	mask-size: 200% 100%;

  animation: placeholder-wave 2s linear infinite;

}

@keyframes placeholder-wave {

  100% {

    -webkit-mask-position: -200% 0%;

            mask-position: -200% 0%;

  }

}

.clearfix::after {

	display: block;

	clear: both;

	content: "";

}

.text-bg-primary {

	color: #fff !important;

	background-color: RGBA(255, 200, 0, var(--bs-bg-opacity, 1)) !important;

}

.text-bg-secondary {

	color: #fff !important;

	background-color: RGBA(108, 117, 125, var(--bs-bg-opacity, 1)) !important;

}

.text-bg-success {

	color: #fff !important;

	background-color: RGBA(25, 135, 84, var(--bs-bg-opacity, 1)) !important;

}

.text-bg-info {

	color: #fff !important;

	background-color: RGBA(13, 202, 240, var(--bs-bg-opacity, 1)) !important;

}

.text-bg-warning {

	color: #fff !important;

	background-color: RGBA(255, 200, 0, var(--bs-bg-opacity, 1)) !important;

}

.text-bg-danger {

	color: #fff !important;

	background-color: RGBA(220, 53, 69, var(--bs-bg-opacity, 1)) !important;

}

.text-bg-light {

	color: #000 !important;

	background-color: RGBA(248, 249, 250, var(--bs-bg-opacity, 1)) !important;

}

.text-bg-dark {

	color: #fff !important;

	background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important;

}

.link-primary {

	color: #87cefa !important;

}

.link-primary:hover, .link-primary:focus {

	color: #cca000 !important;

}

.link-secondary {

	color: #6c757d !important;

}

.link-secondary:hover, .link-secondary:focus {

	color: #565e64 !important;

}

.link-success {

	color: #198754 !important;

}

.link-success:hover, .link-success:focus {

	color: #146c43 !important;

}

.link-info {

	color: #0dcaf0 !important;

}

.link-info:hover, .link-info:focus {

	color: #0aa2c0 !important;

}

.link-warning {

	color: #ffc800 !important;

}

.link-warning:hover, .link-warning:focus {

	color: #cca000 !important;

}

.link-danger {

	color: #dc3545 !important;

}

.link-danger:hover, .link-danger:focus {

	color: #b02a37 !important;

}

.link-light {

	color: #f8f9fa !important;

}

.link-light:hover, .link-light:focus {

	color: #f9fafb !important;

}

.link-dark {

	color: #212529 !important;

}

.link-dark:hover, .link-dark:focus {

	color: blue !important;

}

.link-blau {

	color: #87cefa !important;

	font-size: 16px;

	text-align: center;

}

.link-gold:hover, .link-gold:focus {

	color: blue !important;

}

.link2-gold:hover, .link-gold:focus {

	color: #fff !important;

}

.ratio {

	position: relative;

	width: 100%;

}

.ratio::before {

	display: block;

	padding-top: var(--bs-aspect-ratio);

	content: "";

}

.ratio > * {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}

.ratio-1x1 {

	--bs-aspect-ratio: 100%;

}

.ratio-4x3 {

	--bs-aspect-ratio: 75%;

}

.ratio-16x9 {

	--bs-aspect-ratio: 56.25%;

}

.ratio-21x9 {

	--bs-aspect-ratio: 42.8571428571%;

}

.fixed-top {

	position: fixed;

	top: 0;

	right: 0;

	left: 0;

	z-index: 1030;

}

.fixed-bottom {

	position: fixed;

	right: 0;

	bottom: 0;

	left: 0;

	z-index: 1030;

}

.sticky-top {

	position: sticky;

	top: 0;

	z-index: 1020;

}

.sticky-bottom {

	position: sticky;

	bottom: 0;

	z-index: 1020;

}

@media (min-width: 576px) {

.sticky-sm-top {

	position: sticky;

	top: 0;

	z-index: 1020;

}

.sticky-sm-bottom {

	position: sticky;

	bottom: 0;

	z-index: 1020;

}

}

@media (min-width: 768px) {

.sticky-md-top {

	position: sticky;

	top: 0;

	z-index: 1020;

}

.sticky-md-bottom {

	position: sticky;

	bottom: 0;

	z-index: 1020;

}

}

@media (min-width: 992px) {

.sticky-lg-top {

	position: sticky;

	top: 0;

	z-index: 1020;

}

.sticky-lg-bottom {

	position: sticky;

	bottom: 0;

	z-index: 1020;

}

}

@media (min-width: 1200px) {

.sticky-xl-top {

	position: sticky;

	top: 0;

	z-index: 1020;

}

.sticky-xl-bottom {

	position: sticky;

	bottom: 0;

	z-index: 1020;

}

}

@media (min-width: 1400px) {

.sticky-xxl-top {

	position: sticky;

	top: 0;

	z-index: 1020;

}

.sticky-xxl-bottom {

	position: sticky;

	bottom: 0;

	z-index: 1020;

}

}

.hstack {

	display: flex;

	flex-direction: row;

	align-items: center;

	align-self: stretch;

}

.vstack {

	display: flex;

	flex: 1 1 auto;

	flex-direction: column;

	align-self: stretch;

}

.visually-hidden,

.visually-hidden-focusable:not(:focus):not(:focus-within) {

  position: absolute !important;

  width: 1px !important;

  height: 1px !important;

  padding: 0 !important;

  margin: -1px !important;

  overflow: hidden !important;

  clip: rect(0, 0, 0, 0) !important;

  white-space: nowrap !important;

  border: 0 !important;

}

.stretched-link::after {

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	z-index: 1;

	content: "";

}

.text-truncate {

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.vr {

	display: inline-block;

	align-self: stretch;

	width: 1px;

	min-height: 1em;

	background-color: currentcolor;

	opacity: 0.25;

}

.align-baseline {

	vertical-align: baseline !important;

}

.align-top {

	vertical-align: top !important;

}

.align-middle {

	vertical-align: middle !important;

}

.align-bottom {

	vertical-align: bottom !important;

}

.align-text-bottom {

	vertical-align: text-bottom !important;

}

.align-text-top {

	vertical-align: text-top !important;

}

.float-start {

	float: left !important;

}

.float-end {

	float: right !important;

}

.float-none {

	float: none !important;

}

.opacity-0 {

	opacity: 0 !important;

}

.opacity-25 {

	opacity: 0.25 !important;

}

.opacity-50 {

	opacity: 0.5 !important;

}

.opacity-75 {

	opacity: 0.75 !important;

}

.opacity-100 {

	opacity: 1 !important;

}

.overflow-auto {

	overflow: auto !important;

}

.overflow-hidden {

	overflow: hidden !important;

}

.overflow-visible {

	overflow: visible !important;

}

.overflow-scroll {

	overflow: scroll !important;

}

.d-inline {

	display: inline !important;

}

.d-inline-block {

	display: inline-block !important;

}

.d-block {

	display: block !important;

}

.d-grid {

	display: grid !important;

}

.d-table {

	display: table !important;

}

.d-table-row {

	display: table-row !important;

}

.d-table-cell {

	display: table-cell !important;

}

.d-flex {

	display: flex !important;

}

.d-inline-flex {

	display: inline-flex !important;

}

.d-none {

	display: none !important;

}

.shadow {

	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;

}

.shadow-sm {

	box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;

}

.shadow-lg {

	box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;

}

.shadow-none {

	box-shadow: none !important;

}

.position-static {

	position: static !important;

}

.position-relative {

	position: relative !important;

}

.position-absolute {

	position: absolute !important;

}

.position-fixed {

	position: fixed !important;

}

.position-sticky {

	position: sticky !important;

}

.top-0 {

	top: 0 !important;

}

.top-50 {

	top: 50% !important;

}

.top-100 {

	top: 100% !important;

}

.bottom-0 {

	bottom: 0 !important;

}

.bottom-50 {

	bottom: 50% !important;

}

.bottom-100 {

	bottom: 100% !important;

}

.start-0 {

	left: 0 !important;

}

.start-50 {

	left: 50% !important;

}

.start-100 {

	left: 100% !important;

}

.end-0 {

	right: 0 !important;

}

.end-50 {

	right: 50% !important;

}

.end-100 {

	right: 100% !important;

}

.translate-middle {

	transform: translate(-50%, -50%) !important;

}

.translate-middle-x {

	transform: translateX(-50%) !important;

}

.translate-middle-y {

	transform: translateY(-50%) !important;

}

.border {

	border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;

}

.border-0 {

	border: 0 !important;

}

.border-top {

	border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;

}

.border-top-0 {

	border-top: 0 !important;

}

.border-end {

	border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;

}

.border-end-0 {

	border-right: 0 !important;

}

.border-bottom {

	border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;

}

.border-bottom-0 {

	border-bottom: 0 !important;

}

.border-start {

	border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;

}

.border-start-0 {

	border-left: 0 !important;

}

.border-primary {

	--bs-border-opacity: 1;

	border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;

}

.border-secondary {

	--bs-border-opacity: 1;

	border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;

}

.border-success {

	--bs-border-opacity: 1;

	border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;

}

.border-info {

	--bs-border-opacity: 1;

	border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;

}

.border-warning {

	--bs-border-opacity: 1;

	border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;

}

.border-danger {

	--bs-border-opacity: 1;

	border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;

}

.border-light {

	--bs-border-opacity: 1;

	border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;

}

.border-dark {

	--bs-border-opacity: 1;

	border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;

}

.border-white {

	--bs-border-opacity: 1;

	border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;

}

.border-1 {

	--bs-border-width: 1px;

}

.border-2 {

	--bs-border-width: 2px;

}

.border-3 {

	--bs-border-width: 3px;

}

.border-4 {

	--bs-border-width: 4px;

}

.border-5 {

	--bs-border-width: 5px;

}

.border-opacity-10 {

	--bs-border-opacity: 0.1;

}

.border-opacity-25 {

	--bs-border-opacity: 0.25;

}

.border-opacity-50 {

	--bs-border-opacity: 0.5;

}

.border-opacity-75 {

	--bs-border-opacity: 0.75;

}

.border-opacity-100 {

	--bs-border-opacity: 1;

}

.w-25 {

	width: 25% !important;

}

.w-50 {

	width: 50% !important;

}

.w-75 {

	width: 75% !important;

}

.w-100 {

	width: 100% !important;

}

.w-auto {

	width: auto !important;

}

.mw-100 {

	max-width: 100% !important;

}

.vw-100 {

	width: 100vw !important;

}

.min-vw-100 {

	min-width: 100vw !important;

}

.h-25 {

	height: 25% !important;

}

.h-50 {

	height: 50% !important;

}

.h-75 {

	height: 75% !important;

}

.h-100 {

	height: 100% !important;

}

.h-auto {

	height: auto !important;

}

.mh-100 {

	max-height: 100% !important;

}

.vh-100 {

	height: 100vh !important;

}

.min-vh-100 {

	min-height: 100vh !important;

}

.flex-fill {

	flex: 1 1 auto !important;

}

.flex-row {

	flex-direction: row !important;

}

.flex-column {

	flex-direction: column !important;

}

.flex-row-reverse {

	flex-direction: row-reverse !important;

}

.flex-column-reverse {

	flex-direction: column-reverse !important;

}

.flex-grow-0 {

	flex-grow: 0 !important;

}

.flex-grow-1 {

	flex-grow: 1 !important;

}

.flex-shrink-0 {

	flex-shrink: 0 !important;

}

.flex-shrink-1 {

	flex-shrink: 1 !important;

}

.flex-wrap {

	flex-wrap: wrap !important;

}

.flex-nowrap {

	flex-wrap: nowrap !important;

}

.flex-wrap-reverse {

	flex-wrap: wrap-reverse !important;

}

.justify-content-start {

	justify-content: flex-start !important;

}

.justify-content-end {

	justify-content: flex-end !important;

}

.justify-content-center {

	justify-content: center !important;

}

.justify-content-between {

	justify-content: space-between !important;

}

.justify-content-around {

	justify-content: space-around !important;

}

.justify-content-evenly {

	justify-content: space-evenly !important;

}

.align-items-start {

	align-items: flex-start !important;

}

.align-items-end {

	align-items: flex-end !important;

}

.align-items-center {

	align-items: center !important;

}

.align-items-baseline {

	align-items: baseline !important;

}

.align-items-stretch {

	align-items: stretch !important;

}

.align-content-start {

	align-content: flex-start !important;

}

.align-content-end {

	align-content: flex-end !important;

}

.align-content-center {

	align-content: center !important;

}

.align-content-between {

	align-content: space-between !important;

}

.align-content-around {

	align-content: space-around !important;

}

.align-content-stretch {

	align-content: stretch !important;

}

.align-self-auto {

	align-self: auto !important;

}

.align-self-start {

	align-self: flex-start !important;

}

.align-self-end {

	align-self: flex-end !important;

}

.align-self-center {

	align-self: center !important;

}

.align-self-baseline {

	align-self: baseline !important;

}

.align-self-stretch {

	align-self: stretch !important;

}

.order-first {

	order: -1 !important;

}

.order-0 {

	order: 0 !important;

}

.order-1 {

	order: 1 !important;

}

.order-2 {

	order: 2 !important;

}

.order-3 {

	order: 3 !important;

}

.order-4 {

	order: 4 !important;

}

.order-5 {

	order: 5 !important;

}

.order-last {

	order: 6 !important;

}

.m-0 {

	margin: 0 !important;

}

.m-1 {

	margin: 0.25rem !important;

}

.m-2 {

	margin: 0.5rem !important;

}

.m-3 {

	margin: 1rem !important;

}

.m-4 {

	margin: 1.5rem !important;

}

.m-5 {

	margin: 3rem !important;

}

.m-auto {

	margin: auto !important;

}

.mx-0 {

	margin-right: 0 !important;

	margin-left: 0 !important;

}

.mx-1 {

	margin-right: 0.25rem !important;

	margin-left: 0.25rem !important;

}

.mx-2 {

	margin-right: 0.5rem !important;

	margin-left: 0.5rem !important;

}

.mx-3 {

	margin-right: 1rem !important;

	margin-left: 1rem !important;

}

.mx-4 {

	margin-right: 1.5rem !important;

	margin-left: 1.5rem !important;

}

.mx-5 {

	margin-right: 3rem !important;

	margin-left: 3rem !important;

}

.mx-auto {

	margin-right: auto !important;

	margin-left: auto !important;

}

.my-0 {

	margin-top: 0 !important;

	margin-bottom: 0 !important;

}

.my-1 {

	margin-top: 0.25rem !important;

	margin-bottom: 0.25rem !important;

}

.my-2 {

	margin-top: 0.5rem !important;

	margin-bottom: 0.5rem !important;

}

.my-3 {

	margin-top: 1rem !important;

	margin-bottom: 1rem !important;

}

.my-4 {

	margin-top: 1.5rem !important;

	margin-bottom: 1.5rem !important;

}

.my-5 {

	margin-top: 3rem !important;

	margin-bottom: 3rem !important;

}

.my-auto {

	margin-top: auto !important;

	margin-bottom: auto !important;

}

.mt-0 {

	margin-top: 0 !important;

}

.mt-1 {

	margin-top: 0.25rem !important;

}

.mt-2 {

	margin-top: 0.5rem !important;

}

.mt-3 {

	margin-top: 1rem !important;

}

.mt-4 {

	margin-top: 1.5rem !important;

}

.mt-5 {

	margin-top: 3rem !important;

}

.mt-auto {

	margin-top: auto !important;

}

.me-0 {

	margin-right: 0 !important;

}

.me-1 {

	margin-right: 0.25rem !important;

}

.me-2 {

	margin-right: 0.5rem !important;

}

.me-3 {

	margin-right: 1rem !important;

}

.me-4 {

	margin-right: 1.5rem !important;

}

.me-5 {

	margin-right: 3rem !important;

}

.me-auto {

	margin-right: auto !important;

}

.mb-0 {

	margin-bottom: 0 !important;

}

.mb-1 {

	margin-bottom: 0.25rem !important;

}

.mb-2 {

	margin-bottom: 0.5rem !important;

}

.mb-3 {

	margin-bottom: 1rem !important;

}

.mb-4 {

	margin-bottom: 1.5rem !important;

}

.mb-5 {

	margin-bottom: 3rem !important;

}

.mb-6 {

	margin-bottom: 4.5rem !important;

}

.mb-auto {

	margin-bottom: auto !important;

}

.ms-0 {

	margin-left: 0 !important;

}

.ms-1 {

	margin-left: 0.25rem !important;

}

.ms-2 {

	margin-left: 0.5rem !important;

}

.ms-3 {

	margin-left: 1rem !important;

}

.ms-4 {

	margin-left: 1.5rem !important;

}

.ms-5 {

	margin-left: 3rem !important;

}

.ms-auto {

	margin-left: auto !important;

}

.p-0 {

	padding: 0 !important;

}

.p-1 {

	padding: 0.25rem !important;

}

.p-2 {

	padding: 0.5rem !important;

}

.p-3 {

	padding: 1rem !important;

}

.p-4 {

	padding: 1.5rem !important;

}

.p-5 {

	padding: 3rem !important;

}

.px-0 {

	padding-right: 0 !important;

	padding-left: 0 !important;

}

.px-1 {

	padding-right: 0.25rem !important;

	padding-left: 0.25rem !important;

}

.px-2 {

	padding-right: 0.5rem !important;

	padding-left: 0.5rem !important;

}

.px-3 {

	padding-right: 1rem !important;

	padding-left: 1rem !important;

}

.px-4 {

	padding-right: 1.5rem !important;

	padding-left: 1.5rem !important;

}

.px-5 {

	padding-right: 3rem !important;

	padding-left: 3rem !important;

}

.py-0 {

	padding-top: 0 !important;

	padding-bottom: 0 !important;

}

.py-1 {

	padding-top: 0.25rem !important;

	padding-bottom: 0.25rem !important;

}

.py-2 {

	padding-top: 0.5rem !important;

	padding-bottom: 0.5rem !important;

}

.py-3 {

	padding-top: 1rem !important;

	padding-bottom: 1rem !important;

}

.py-4 {

	padding-top: 1.5rem !important;

	padding-bottom: 1.5rem !important;

}

.py-5 {

	padding-top: 3rem !important;

	padding-bottom: 3rem !important;

}

.pt-0 {

	padding-top: 0 !important;

}

.pt-1 {

	padding-top: 0.25rem !important;

}

.pt-2 {

	padding-top: 0.5rem !important;

}

.pt-3 {

	padding-top: 1rem !important;

}

.pt-4 {

	padding-top: 1.5rem !important;

}

.pt-5 {

	padding-top: 3rem !important;

}

.pe-0 {

	padding-right: 0 !important;

}

.pe-1 {

	padding-right: 0.25rem !important;

}

.pe-2 {

	padding-right: 0.5rem !important;

}

.pe-3 {

	padding-right: 1rem !important;

}

.pe-4 {

	padding-right: 1.5rem !important;

}

.pe-5 {

	padding-right: 3rem !important;

}

.pb-0 {

	padding-bottom: 0 !important;

}

.pb-1 {

	padding-bottom: 0.25rem !important;

}

.pb-2 {

	padding-bottom: 0.5rem !important;

}

.pb-3 {

	padding-bottom: 1rem !important;

}

.pb-4 {

	padding-bottom: 1.5rem !important;

}

.pb-5 {

	padding-bottom: 3rem !important;

}

.ps-0 {

	padding-left: 0 !important;

}

.ps-1 {

	padding-left: 0.25rem !important;

}

.ps-2 {

	padding-left: 0.5rem !important;

}

.ps-3 {

	padding-left: 1rem !important;

}

.ps-4 {

	padding-left: 1.5rem !important;

}

.ps-5 {

	padding-left: 3rem !important;

}

.gap-0 {

	gap: 0 !important;

}

.gap-1 {

	gap: 0.25rem !important;

}

.gap-2 {

	gap: 0.5rem !important;

}

.gap-3 {

	gap: 1rem !important;

}

.gap-4 {

	gap: 1.5rem !important;

}

.gap-5 {

	gap: 3rem !important;

}

.font-monospace {

	font-family: var(--bs-font-monospace) !important;

}

.fs-1 {

	font-size: calc(1.375rem + 1.5vw) !important;

}

.fs-2 {

	font-size: calc(1.325rem + 0.9vw) !important;

}

.fs-3 {

	font-size: calc(1.3rem + 0.6vw) !important;

}

.fs-4 {

	font-size: calc(1.275rem + 0.3vw) !important;

}

.fs-5 {

	font-size: 1.25rem !important;

}

.fs-6 {

	font-size: 1rem !important;

}

.fst-italic {

	font-style: italic !important;

}

.fst-normal {

	font-style: normal !important;

}

.fw-light {

	font-weight: 300 !important;

}

.fw-lighter {

	font-weight: lighter !important;

}

.fw-normal {

	font-weight: 400 !important;

}

.fw-bold {

	font-weight: 700 !important;

}

.fw-semibold {

	font-weight: 600 !important;

}

.fw-bolder {

	font-weight: bolder !important;

}

.lh-1 {

	line-height: 1 !important;

}

.lh-sm {

	line-height: 1.25 !important;

}

.lh-base {

	line-height: 1.5 !important;

}

.lh-lg {

	line-height: 1.75 !important;

}

.text-start {

	text-align: left !important;

}

.text-end {

	text-align: right !important;

}

.text-center {

	text-align: center !important;

}

.text-decoration-none {

	text-decoration: none !important;

}

.text-decoration-underline {

	text-decoration: underline !important;

}

.text-decoration-line-through {

	text-decoration: line-through !important;

}

.text-lowercase {

	text-transform: lowercase !important;

}

.text-uppercase {

	text-transform: uppercase !important;

}

.text-capitalize {

	text-transform: capitalize !important;

}

.text-wrap {

	white-space: normal !important;

}

.text-nowrap {

	white-space: nowrap !important;

}

/* rtl:begin:remove */

.text-break {

	word-wrap: break-word !important;

	word-break: break-word !important;

}

/* rtl:end:remove */

.text-primary {

	--bs-text-opacity: 1;

	color: #87cefa; !important;

}

.text-secondary {

	--bs-text-opacity: 1;

	color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;

}

.text-success {

	--bs-text-opacity: 1;

	color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;

}

.text-info {

	--bs-text-opacity: 1;

	color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;

}

.text-warning {

	--bs-text-opacity: 1;

	color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;

}

.text-danger {

	--bs-text-opacity: 1;

	color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;

}

.text-light {

	--bs-text-opacity: 1;

	color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;

}

.text-dark {

	--bs-text-opacity: 1;

	color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;

}

.text-black {

	--bs-text-opacity: 1;

	color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;

}

.text-white {

	--bs-text-opacity: 1;

	color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;

}

.text-abb {

	--bs-text-opacity: 1;

	color: #87cefa; !important;

}

.text-body {

	--bs-text-opacity: 1;

	color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;

}

.text-muted {

	--bs-text-opacity: 1;

	color: #000 !important;

}

.text-muted a {

	--bs-text-opacity: 1;

	color: #87cefa !important;

}

.text-muted a:hover {

	--bs-text-opacity: 1;

	color: blue !important;

}

.text-black-50 {

	--bs-text-opacity: 1;

	color: rgba(0, 0, 0, 0.5) !important;

}

.text-white-50 {

	--bs-text-opacity: 1;

	color: rgba(255, 255, 255, 0.5) !important;

}

.text-reset {

	--bs-text-opacity: 1;

	color: inherit !important;

}

.text-opacity-25 {

	--bs-text-opacity: 0.25;

}

.text-opacity-50 {

	--bs-text-opacity: 0.5;

}

.text-opacity-75 {

	--bs-text-opacity: 0.75;

}

.text-opacity-100 {

	--bs-text-opacity: 1;

}

.bg-primary {

	--bs-bg-opacity: 1;

	background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;

}

.bg-secondary {

	--bs-bg-opacity: 1;

	background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;

}

.bg-success {

	--bs-bg-opacity: 1;

	background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;

}

.bg-info {

	--bs-bg-opacity: 1;

	background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;

}

.bg-warning {

	--bs-bg-opacity: 1;

	background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;

}

.bg-danger {

	--bs-bg-opacity: 1;

	background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;

}

.bg-light {

	--bs-bg-opacity: 1;

	background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;

}

.bg-dark {

	--bs-bg-opacity: 1;

	background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;

}

.bg-black {

	--bs-bg-opacity: 1;

	background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;

}

.bg-white {

	--bs-bg-opacity: 1;

	background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;

}

.bg-5015 {

	--bs-bg-opacity: 1;

	background-color: #007CAF !important;

}

.bg-body {

	--bs-bg-opacity: 1;

	background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;

}

.bg-transparent {

	--bs-bg-opacity: 1;

	background-color: transparent !important;

}

.bg-opacity-10 {

	--bs-bg-opacity: 0.1;

}

.bg-opacity-25 {

	--bs-bg-opacity: 0.25;

}

.bg-opacity-50 {

	--bs-bg-opacity: 0.5;

}

.bg-opacity-75 {

	--bs-bg-opacity: 0.75;

}

.bg-opacity-100 {

	--bs-bg-opacity: 1;

}

.bg-gradient {

	background-image: var(--bs-gradient) !important;

}

.user-select-all {

	-webkit-user-select: all !important;

	-moz-user-select: all !important;

	user-select: all !important;

}

.user-select-auto {

	-webkit-user-select: auto !important;

	-moz-user-select: auto !important;

	user-select: auto !important;

}

.user-select-none {

	-webkit-user-select: none !important;

	-moz-user-select: none !important;

	user-select: none !important;

}

.pe-none {

	pointer-events: none !important;

}

.pe-auto {

	pointer-events: auto !important;

}

.rounded {

	border-radius: var(--bs-border-radius) !important;

}

.rounded-0 {

	border-radius: 0 !important;

}

.rounded-1 {

	border-radius: var(--bs-border-radius-sm) !important;

}

.rounded-2 {

	border-radius: var(--bs-border-radius) !important;

}

.rounded-3 {

	border-radius: var(--bs-border-radius-lg) !important;

}

.rounded-4 {

	border-radius: var(--bs-border-radius-xl) !important;

}

.rounded-5 {

	border-radius: var(--bs-border-radius-2xl) !important;

}

.rounded-circle {

	border-radius: 50% !important;

}

.rounded-pill {

	border-radius: var(--bs-border-radius-pill) !important;

}

.rounded-top {

	border-top-left-radius: var(--bs-border-radius) !important;

	border-top-right-radius: var(--bs-border-radius) !important;

}

.rounded-end {

	border-top-right-radius: var(--bs-border-radius) !important;

	border-bottom-right-radius: var(--bs-border-radius) !important;

}

.rounded-bottom {

	border-bottom-right-radius: var(--bs-border-radius) !important;

	border-bottom-left-radius: var(--bs-border-radius) !important;

}

.rounded-start {

	border-bottom-left-radius: var(--bs-border-radius) !important;

	border-top-left-radius: var(--bs-border-radius) !important;

}

.visible {

	visibility: visible !important;

}

.invisible {

	visibility: hidden !important;

}

@media (min-width: 576px) {

.float-sm-start {

	float: left !important;

}

.float-sm-end {

	float: right !important;

}

.float-sm-none {

	float: none !important;

}

.d-sm-inline {

	display: inline !important;

}

.d-sm-inline-block {

	display: inline-block !important;

}

.d-sm-block {

	display: block !important;

}

.d-sm-grid {

	display: grid !important;

}

.d-sm-table {

	display: table !important;

}

.d-sm-table-row {

	display: table-row !important;

}

.d-sm-table-cell {

	display: table-cell !important;

}

.d-sm-flex {

	display: flex !important;

}

.d-sm-inline-flex {

	display: inline-flex !important;

}

.d-sm-none {

	display: none !important;

}

.flex-sm-fill {

	flex: 1 1 auto !important;

}

.flex-sm-row {

	flex-direction: row !important;

}

.flex-sm-column {

	flex-direction: column !important;

}

.flex-sm-row-reverse {

	flex-direction: row-reverse !important;

}

.flex-sm-column-reverse {

	flex-direction: column-reverse !important;

}

.flex-sm-grow-0 {

	flex-grow: 0 !important;

}

.flex-sm-grow-1 {

	flex-grow: 1 !important;

}

.flex-sm-shrink-0 {

	flex-shrink: 0 !important;

}

.flex-sm-shrink-1 {

	flex-shrink: 1 !important;

}

.flex-sm-wrap {

	flex-wrap: wrap !important;

}

.flex-sm-nowrap {

	flex-wrap: nowrap !important;

}

.flex-sm-wrap-reverse {

	flex-wrap: wrap-reverse !important;

}

.justify-content-sm-start {

	justify-content: flex-start !important;

}

.justify-content-sm-end {

	justify-content: flex-end !important;

}

.justify-content-sm-center {

	justify-content: center !important;

}

.justify-content-sm-between {

	justify-content: space-between !important;

}

.justify-content-sm-around {

	justify-content: space-around !important;

}

.justify-content-sm-evenly {

	justify-content: space-evenly !important;

}

.align-items-sm-start {

	align-items: flex-start !important;

}

.align-items-sm-end {

	align-items: flex-end !important;

}

.align-items-sm-center {

	align-items: center !important;

}

.align-items-sm-baseline {

	align-items: baseline !important;

}

.align-items-sm-stretch {

	align-items: stretch !important;

}

.align-content-sm-start {

	align-content: flex-start !important;

}

.align-content-sm-end {

	align-content: flex-end !important;

}

.align-content-sm-center {

	align-content: center !important;

}

.align-content-sm-between {

	align-content: space-between !important;

}

.align-content-sm-around {

	align-content: space-around !important;

}

.align-content-sm-stretch {

	align-content: stretch !important;

}

.align-self-sm-auto {

	align-self: auto !important;

}

.align-self-sm-start {

	align-self: flex-start !important;

}

.align-self-sm-end {

	align-self: flex-end !important;

}

.align-self-sm-center {

	align-self: center !important;

}

.align-self-sm-baseline {

	align-self: baseline !important;

}

.align-self-sm-stretch {

	align-self: stretch !important;

}

.order-sm-first {

	order: -1 !important;

}

.order-sm-0 {

	order: 0 !important;

}

.order-sm-1 {

	order: 1 !important;

}

.order-sm-2 {

	order: 2 !important;

}

.order-sm-3 {

	order: 3 !important;

}

.order-sm-4 {

	order: 4 !important;

}

.order-sm-5 {

	order: 5 !important;

}

.order-sm-last {

	order: 6 !important;

}

.m-sm-0 {

	margin: 0 !important;

}

.m-sm-1 {

	margin: 0.25rem !important;

}

.m-sm-2 {

	margin: 0.5rem !important;

}

.m-sm-3 {

	margin: 1rem !important;

}

.m-sm-4 {

	margin: 1.5rem !important;

}

.m-sm-5 {

	margin: 3rem !important;

}

.m-sm-auto {

	margin: auto !important;

}

.mx-sm-0 {

	margin-right: 0 !important;

	margin-left: 0 !important;

}

.mx-sm-1 {

	margin-right: 0.25rem !important;

	margin-left: 0.25rem !important;

}

.mx-sm-2 {

	margin-right: 0.5rem !important;

	margin-left: 0.5rem !important;

}

.mx-sm-3 {

	margin-right: 1rem !important;

	margin-left: 1rem !important;

}

.mx-sm-4 {

	margin-right: 1.5rem !important;

	margin-left: 1.5rem !important;

}

.mx-sm-5 {

	margin-right: 3rem !important;

	margin-left: 3rem !important;

}

.mx-sm-auto {

	margin-right: auto !important;

	margin-left: auto !important;

}

.my-sm-0 {

	margin-top: 0 !important;

	margin-bottom: 0 !important;

}

.my-sm-1 {

	margin-top: 0.25rem !important;

	margin-bottom: 0.25rem !important;

}

.my-sm-2 {

	margin-top: 0.5rem !important;

	margin-bottom: 0.5rem !important;

}

.my-sm-3 {

	margin-top: 1rem !important;

	margin-bottom: 1rem !important;

}

.my-sm-4 {

	margin-top: 1.5rem !important;

	margin-bottom: 1.5rem !important;

}

.my-sm-5 {

	margin-top: 3rem !important;

	margin-bottom: 3rem !important;

}

.my-sm-auto {

	margin-top: auto !important;

	margin-bottom: auto !important;

}

.mt-sm-0 {

	margin-top: 0 !important;

}

.mt-sm-1 {

	margin-top: 0.25rem !important;

}

.mt-sm-2 {

	margin-top: 0.5rem !important;

}

.mt-sm-3 {

	margin-top: 1rem !important;

}

.mt-sm-4 {

	margin-top: 1.5rem !important;

}

.mt-sm-5 {

	margin-top: 3rem !important;

}

.mt-sm-auto {

	margin-top: auto !important;

}

.me-sm-0 {

	margin-right: 0 !important;

}

.me-sm-1 {

	margin-right: 0.25rem !important;

}

.me-sm-2 {

	margin-right: 0.5rem !important;

}

.me-sm-3 {

	margin-right: 1rem !important;

}

.me-sm-4 {

	margin-right: 1.5rem !important;

}

.me-sm-5 {

	margin-right: 3rem !important;

}

.me-sm-auto {

	margin-right: auto !important;

}

.mb-sm-0 {

	margin-bottom: 0 !important;

}

.mb-sm-1 {

	margin-bottom: 0.25rem !important;

}

.mb-sm-2 {

	margin-bottom: 0.5rem !important;

}

.mb-sm-3 {

	margin-bottom: 1rem !important;

}

.mb-sm-4 {

	margin-bottom: 1.5rem !important;

}

.mb-sm-5 {

	margin-bottom: 3rem !important;

}

.mb-sm-auto {

	margin-bottom: auto !important;

}

.ms-sm-0 {

	margin-left: 0 !important;

}

.ms-sm-1 {

	margin-left: 0.25rem !important;

}

.ms-sm-2 {

	margin-left: 0.5rem !important;

}

.ms-sm-3 {

	margin-left: 1rem !important;

}

.ms-sm-4 {

	margin-left: 1.5rem !important;

}

.ms-sm-5 {

	margin-left: 3rem !important;

}

.ms-sm-auto {

	margin-left: auto !important;

}

.p-sm-0 {

	padding: 0 !important;

}

.p-sm-1 {

	padding: 0.25rem !important;

}

.p-sm-2 {

	padding: 0.5rem !important;

}

.p-sm-3 {

	padding: 1rem !important;

}

.p-sm-4 {

	padding: 1.5rem !important;

}

.p-sm-5 {

	padding: 3rem !important;

}

.px-sm-0 {

	padding-right: 0 !important;

	padding-left: 0 !important;

}

.px-sm-1 {

	padding-right: 0.25rem !important;

	padding-left: 0.25rem !important;

}

.px-sm-2 {

	padding-right: 0.5rem !important;

	padding-left: 0.5rem !important;

}

.px-sm-3 {

	padding-right: 1rem !important;

	padding-left: 1rem !important;

}

.px-sm-4 {

	padding-right: 1.5rem !important;

	padding-left: 1.5rem !important;

}

.px-sm-5 {

	padding-right: 3rem !important;

	padding-left: 3rem !important;

}

.py-sm-0 {

	padding-top: 0 !important;

	padding-bottom: 0 !important;

}

.py-sm-1 {

	padding-top: 0.25rem !important;

	padding-bottom: 0.25rem !important;

}

.py-sm-2 {

	padding-top: 0.5rem !important;

	padding-bottom: 0.5rem !important;

}

.py-sm-3 {

	padding-top: 1rem !important;

	padding-bottom: 1rem !important;

}

.py-sm-4 {

	padding-top: 1.5rem !important;

	padding-bottom: 1.5rem !important;

}

.py-sm-5 {

	padding-top: 3rem !important;

	padding-bottom: 3rem !important;

}

.pt-sm-0 {

	padding-top: 0 !important;

}

.pt-sm-1 {

	padding-top: 0.25rem !important;

}

.pt-sm-2 {

	padding-top: 0.5rem !important;

}

.pt-sm-3 {

	padding-top: 1rem !important;

}

.pt-sm-4 {

	padding-top: 1.5rem !important;

}

.pt-sm-5 {

	padding-top: 3rem !important;

}

.pe-sm-0 {

	padding-right: 0 !important;

}

.pe-sm-1 {

	padding-right: 0.25rem !important;

}

.pe-sm-2 {

	padding-right: 0.5rem !important;

}

.pe-sm-3 {

	padding-right: 1rem !important;

}

.pe-sm-4 {

	padding-right: 1.5rem !important;

}

.pe-sm-5 {

	padding-right: 3rem !important;

}

.pb-sm-0 {

	padding-bottom: 0 !important;

}

.pb-sm-1 {

	padding-bottom: 0.25rem !important;

}

.pb-sm-2 {

	padding-bottom: 0.5rem !important;

}

.pb-sm-3 {

	padding-bottom: 1rem !important;

}

.pb-sm-4 {

	padding-bottom: 1.5rem !important;

}

.pb-sm-5 {

	padding-bottom: 3rem !important;

}

.ps-sm-0 {

	padding-left: 0 !important;

}

.ps-sm-1 {

	padding-left: 0.25rem !important;

}

.ps-sm-2 {

	padding-left: 0.5rem !important;

}

.ps-sm-3 {

	padding-left: 1rem !important;

}

.ps-sm-4 {

	padding-left: 1.5rem !important;

}

.ps-sm-5 {

	padding-left: 3rem !important;

}

.gap-sm-0 {

	gap: 0 !important;

}

.gap-sm-1 {

	gap: 0.25rem !important;

}

.gap-sm-2 {

	gap: 0.5rem !important;

}

.gap-sm-3 {

	gap: 1rem !important;

}

.gap-sm-4 {

	gap: 1.5rem !important;

}

.gap-sm-5 {

	gap: 3rem !important;

}

.text-sm-start {

	text-align: left !important;

}

.text-sm-end {

	text-align: right !important;

}

.text-sm-center {

	text-align: center !important;

}

}

@media (min-width: 768px) {

.float-md-start {

	float: left !important;

}

.float-md-end {

	float: right !important;

}

.float-md-none {

	float: none !important;

}

.d-md-inline {

	display: inline !important;

}

.d-md-inline-block {

	display: inline-block !important;

}

.d-md-block {

	display: block !important;

}

.d-md-grid {

	display: grid !important;

}

.d-md-table {

	display: table !important;

}

.d-md-table-row {

	display: table-row !important;

}

.d-md-table-cell {

	display: table-cell !important;

}

.d-md-flex {

	display: flex !important;

}

.d-md-inline-flex {

	display: inline-flex !important;

}

.d-md-none {

	display: none !important;

}

.flex-md-fill {

	flex: 1 1 auto !important;

}

.flex-md-row {

	flex-direction: row !important;

}

.flex-md-column {

	flex-direction: column !important;

}

.flex-md-row-reverse {

	flex-direction: row-reverse !important;

}

.flex-md-column-reverse {

	flex-direction: column-reverse !important;

}

.flex-md-grow-0 {

	flex-grow: 0 !important;

}

.flex-md-grow-1 {

	flex-grow: 1 !important;

}

.flex-md-shrink-0 {

	flex-shrink: 0 !important;

}

.flex-md-shrink-1 {

	flex-shrink: 1 !important;

}

.flex-md-wrap {

	flex-wrap: wrap !important;

}

.flex-md-nowrap {

	flex-wrap: nowrap !important;

}

.flex-md-wrap-reverse {

	flex-wrap: wrap-reverse !important;

}

.justify-content-md-start {

	justify-content: flex-start !important;

}

.justify-content-md-end {

	justify-content: flex-end !important;

}

.justify-content-md-center {

	justify-content: center !important;

}

.justify-content-md-between {

	justify-content: space-between !important;

}

.justify-content-md-around {

	justify-content: space-around !important;

}

.justify-content-md-evenly {

	justify-content: space-evenly !important;

}

.align-items-md-start {

	align-items: flex-start !important;

}

.align-items-md-end {

	align-items: flex-end !important;

}

.align-items-md-center {

	align-items: center !important;

}

.align-items-md-baseline {

	align-items: baseline !important;

}

.align-items-md-stretch {

	align-items: stretch !important;

}

.align-content-md-start {

	align-content: flex-start !important;

}

.align-content-md-end {

	align-content: flex-end !important;

}

.align-content-md-center {

	align-content: center !important;

}

.align-content-md-between {

	align-content: space-between !important;

}

.align-content-md-around {

	align-content: space-around !important;

}

.align-content-md-stretch {

	align-content: stretch !important;

}

.align-self-md-auto {

	align-self: auto !important;

}

.align-self-md-start {

	align-self: flex-start !important;

}

.align-self-md-end {

	align-self: flex-end !important;

}

.align-self-md-center {

	align-self: center !important;

}

.align-self-md-baseline {

	align-self: baseline !important;

}

.align-self-md-stretch {

	align-self: stretch !important;

}

.order-md-first {

	order: -1 !important;

}

.order-md-0 {

	order: 0 !important;

}

.order-md-1 {

	order: 1 !important;

}

.order-md-2 {

	order: 2 !important;

}

.order-md-3 {

	order: 3 !important;

}

.order-md-4 {

	order: 4 !important;

}

.order-md-5 {

	order: 5 !important;

}

.order-md-last {

	order: 6 !important;

}

.m-md-0 {

	margin: 0 !important;

}

.m-md-1 {

	margin: 0.25rem !important;

}

.m-md-2 {

	margin: 0.5rem !important;

}

.m-md-3 {

	margin: 1rem !important;

}

.m-md-4 {

	margin: 1.5rem !important;

}

.m-md-5 {

	margin: 3rem !important;

}

.m-md-auto {

	margin: auto !important;

}

.mx-md-0 {

	margin-right: 0 !important;

	margin-left: 0 !important;

}

.mx-md-1 {

	margin-right: 0.25rem !important;

	margin-left: 0.25rem !important;

}

.mx-md-2 {

	margin-right: 0.5rem !important;

	margin-left: 0.5rem !important;

}

.mx-md-3 {

	margin-right: 1rem !important;

	margin-left: 1rem !important;

}

.mx-md-4 {

	margin-right: 1.5rem !important;

	margin-left: 1.5rem !important;

}

.mx-md-5 {

	margin-right: 3rem !important;

	margin-left: 3rem !important;

}

.mx-md-auto {

	margin-right: auto !important;

	margin-left: auto !important;

}

.my-md-0 {

	margin-top: 0 !important;

	margin-bottom: 0 !important;

}

.my-md-1 {

	margin-top: 0.25rem !important;

	margin-bottom: 0.25rem !important;

}

.my-md-2 {

	margin-top: 0.5rem !important;

	margin-bottom: 0.5rem !important;

}

.my-md-3 {

	margin-top: 1rem !important;

	margin-bottom: 1rem !important;

}

.my-md-4 {

	margin-top: 1.5rem !important;

	margin-bottom: 1.5rem !important;

}

.my-md-5 {

	margin-top: 3rem !important;

	margin-bottom: 3rem !important;

}

.my-md-auto {

	margin-top: auto !important;

	margin-bottom: auto !important;

}

.mt-md-0 {

	margin-top: 0 !important;

}

.mt-md-1 {

	margin-top: 0.25rem !important;

}

.mt-md-2 {

	margin-top: 0.5rem !important;

}

.mt-md-3 {

	margin-top: 1rem !important;

}

.mt-md-4 {

	margin-top: 1.5rem !important;

}

.mt-md-5 {

	margin-top: 3rem !important;

}

.mt-md-auto {

	margin-top: auto !important;

}

.me-md-0 {

	margin-right: 0 !important;

}

.me-md-1 {

	margin-right: 0.25rem !important;

}

.me-md-2 {

	margin-right: 0.5rem !important;

}

.me-md-3 {

	margin-right: 1rem !important;

}

.me-md-4 {

	margin-right: 1.5rem !important;

}

.me-md-5 {

	margin-right: 3rem !important;

}

.me-md-auto {

	margin-right: auto !important;

}

.mb-md-0 {

	margin-bottom: 0 !important;

}

.mb-md-1 {

	margin-bottom: 0.25rem !important;

}

.mb-md-2 {

	margin-bottom: 0.5rem !important;

}

.mb-md-3 {

	margin-bottom: 1rem !important;

}

.mb-md-4 {

	margin-bottom: 1.5rem !important;

}

.mb-md-5 {

	margin-bottom: 3rem !important;

}

.mb-md-auto {

	margin-bottom: auto !important;

}

.ms-md-0 {

	margin-left: 0 !important;

}

.ms-md-1 {

	margin-left: 0.25rem !important;

}

.ms-md-2 {

	margin-left: 0.5rem !important;

}

.ms-md-3 {

	margin-left: 1rem !important;

}

.ms-md-4 {

	margin-left: 1.5rem !important;

}

.ms-md-5 {

	margin-left: 3rem !important;

}

.ms-md-auto {

	margin-left: auto !important;

}

.p-md-0 {

	padding: 0 !important;

}

.p-md-1 {

	padding: 0.25rem !important;

}

.p-md-2 {

	padding: 0.5rem !important;

}

.p-md-3 {

	padding: 1rem !important;

}

.p-md-4 {

	padding: 1.5rem !important;

}

.p-md-5 {

	padding: 3rem !important;

}

.px-md-0 {

	padding-right: 0 !important;

	padding-left: 0 !important;

}

.px-md-1 {

	padding-right: 0.25rem !important;

	padding-left: 0.25rem !important;

}

.px-md-2 {

	padding-right: 0.5rem !important;

	padding-left: 0.5rem !important;

}

.px-md-3 {

	padding-right: 1rem !important;

	padding-left: 1rem !important;

}

.px-md-4 {

	padding-right: 1.5rem !important;

	padding-left: 1.5rem !important;

}

.px-md-5 {

	padding-right: 3rem !important;

	padding-left: 3rem !important;

}

.py-md-0 {

	padding-top: 0 !important;

	padding-bottom: 0 !important;

}

.py-md-1 {

	padding-top: 0.25rem !important;

	padding-bottom: 0.25rem !important;

}

.py-md-2 {

	padding-top: 0.5rem !important;

	padding-bottom: 0.5rem !important;

}

.py-md-3 {

	padding-top: 1rem !important;

	padding-bottom: 1rem !important;

}

.py-md-4 {

	padding-top: 1.5rem !important;

	padding-bottom: 1.5rem !important;

}

.py-md-5 {

	padding-top: 3rem !important;

	padding-bottom: 3rem !important;

}

.pt-md-0 {

	padding-top: 0 !important;

}

.pt-md-1 {

	padding-top: 0.25rem !important;

}

.pt-md-2 {

	padding-top: 0.5rem !important;

}

.pt-md-3 {

	padding-top: 1rem !important;

}

.pt-md-4 {

	padding-top: 1.5rem !important;

}

.pt-md-5 {

	padding-top: 3rem !important;

}

.pe-md-0 {

	padding-right: 0 !important;

}

.pe-md-1 {

	padding-right: 0.25rem !important;

}

.pe-md-2 {

	padding-right: 0.5rem !important;

}

.pe-md-3 {

	padding-right: 1rem !important;

}

.pe-md-4 {

	padding-right: 1.5rem !important;

}

.pe-md-5 {

	padding-right: 3rem !important;

}

.pb-md-0 {

	padding-bottom: 0 !important;

}

.pb-md-1 {

	padding-bottom: 0.25rem !important;

}

.pb-md-2 {

	padding-bottom: 0.5rem !important;

}

.pb-md-3 {

	padding-bottom: 1rem !important;

}

.pb-md-4 {

	padding-bottom: 1.5rem !important;

}

.pb-md-5 {

	padding-bottom: 3rem !important;

}

.ps-md-0 {

	padding-left: 0 !important;

}

.ps-md-1 {

	padding-left: 0.25rem !important;

}

.ps-md-2 {

	padding-left: 0.5rem !important;

}

.ps-md-3 {

	padding-left: 1rem !important;

}

.ps-md-4 {

	padding-left: 1.5rem !important;

}

.ps-md-5 {

	padding-left: 3rem !important;

}

.gap-md-0 {

	gap: 0 !important;

}

.gap-md-1 {

	gap: 0.25rem !important;

}

.gap-md-2 {

	gap: 0.5rem !important;

}

.gap-md-3 {

	gap: 1rem !important;

}

.gap-md-4 {

	gap: 1.5rem !important;

}

.gap-md-5 {

	gap: 3rem !important;

}

.text-md-start {

	text-align: left !important;

}

.text-md-end {

	text-align: right !important;

}

.text-md-center {

	text-align: center !important;

}

}

@media (min-width: 992px) {

.float-lg-start {

	float: left !important;

}

.float-lg-end {

	float: right !important;

}

.float-lg-none {

	float: none !important;

}

.d-lg-inline {

	display: inline !important;

}

.d-lg-inline-block {

	display: inline-block !important;

}

.d-lg-block {

	display: block !important;

}

.d-lg-grid {

	display: grid !important;

}

.d-lg-table {

	display: table !important;

}

.d-lg-table-row {

	display: table-row !important;

}

.d-lg-table-cell {

	display: table-cell !important;

}

.d-lg-flex {

	display: flex !important;

}

.d-lg-inline-flex {

	display: inline-flex !important;

}

.d-lg-none {

	display: none !important;

}

.flex-lg-fill {

	flex: 1 1 auto !important;

}

.flex-lg-row {

	flex-direction: row !important;

}

.flex-lg-column {

	flex-direction: column !important;

}

.flex-lg-row-reverse {

	flex-direction: row-reverse !important;

}

.flex-lg-column-reverse {

	flex-direction: column-reverse !important;

}

.flex-lg-grow-0 {

	flex-grow: 0 !important;

}

.flex-lg-grow-1 {

	flex-grow: 1 !important;

}

.flex-lg-shrink-0 {

	flex-shrink: 0 !important;

}

.flex-lg-shrink-1 {

	flex-shrink: 1 !important;

}

.flex-lg-wrap {

	flex-wrap: wrap !important;

}

.flex-lg-nowrap {

	flex-wrap: nowrap !important;

}

.flex-lg-wrap-reverse {

	flex-wrap: wrap-reverse !important;

}

.justify-content-lg-start {

	justify-content: flex-start !important;

}

.justify-content-lg-end {

	justify-content: flex-end !important;

}

.justify-content-lg-center {

	justify-content: center !important;

}

.justify-content-lg-between {

	justify-content: space-between !important;

}

.justify-content-lg-around {

	justify-content: space-around !important;

}

.justify-content-lg-evenly {

	justify-content: space-evenly !important;

}

.align-items-lg-start {

	align-items: flex-start !important;

}

.align-items-lg-end {

	align-items: flex-end !important;

}

.align-items-lg-center {

	align-items: center !important;

}

.align-items-lg-baseline {

	align-items: baseline !important;

}

.align-items-lg-stretch {

	align-items: stretch !important;

}

.align-content-lg-start {

	align-content: flex-start !important;

}

.align-content-lg-end {

	align-content: flex-end !important;

}

.align-content-lg-center {

	align-content: center !important;

}

.align-content-lg-between {

	align-content: space-between !important;

}

.align-content-lg-around {

	align-content: space-around !important;

}

.align-content-lg-stretch {

	align-content: stretch !important;

}

.align-self-lg-auto {

	align-self: auto !important;

}

.align-self-lg-start {

	align-self: flex-start !important;

}

.align-self-lg-end {

	align-self: flex-end !important;

}

.align-self-lg-center {

	align-self: center !important;

}

.align-self-lg-baseline {

	align-self: baseline !important;

}

.align-self-lg-stretch {

	align-self: stretch !important;

}

.order-lg-first {

	order: -1 !important;

}

.order-lg-0 {

	order: 0 !important;

}

.order-lg-1 {

	order: 1 !important;

}

.order-lg-2 {

	order: 2 !important;

}

.order-lg-3 {

	order: 3 !important;

}

.order-lg-4 {

	order: 4 !important;

}

.order-lg-5 {

	order: 5 !important;

}

.order-lg-last {

	order: 6 !important;

}

.m-lg-0 {

	margin: 0 !important;

}

.m-lg-1 {

	margin: 0.25rem !important;

}

.m-lg-2 {

	margin: 0.5rem !important;

}

.m-lg-3 {

	margin: 1rem !important;

}

.m-lg-4 {

	margin: 1.5rem !important;

}

.m-lg-5 {

	margin: 3rem !important;

}

.m-lg-auto {

	margin: auto !important;

}

.mx-lg-0 {

	margin-right: 0 !important;

	margin-left: 0 !important;

}

.mx-lg-1 {

	margin-right: 0.25rem !important;

	margin-left: 0.25rem !important;

}

.mx-lg-2 {

	margin-right: 0.5rem !important;

	margin-left: 0.5rem !important;

}

.mx-lg-3 {

	margin-right: 1rem !important;

	margin-left: 1rem !important;

}

.mx-lg-4 {

	margin-right: 1.5rem !important;

	margin-left: 1.5rem !important;

}

.mx-lg-5 {

	margin-right: 3rem !important;

	margin-left: 3rem !important;

}

.mx-lg-auto {

	margin-right: auto !important;

	margin-left: auto !important;

}

.my-lg-0 {

	margin-top: 0 !important;

	margin-bottom: 0 !important;

}

.my-lg-1 {

	margin-top: 0.25rem !important;

	margin-bottom: 0.25rem !important;

}

.my-lg-2 {

	margin-top: 0.5rem !important;

	margin-bottom: 0.5rem !important;

}

.my-lg-3 {

	margin-top: 1rem !important;

	margin-bottom: 1rem !important;

}

.my-lg-4 {

	margin-top: 1.5rem !important;

	margin-bottom: 1.5rem !important;

}

.my-lg-5 {

	margin-top: 3rem !important;

	margin-bottom: 3rem !important;

}

.my-lg-auto {

	margin-top: auto !important;

	margin-bottom: auto !important;

}

.mt-lg-0 {

	margin-top: 0 !important;

}

.mt-lg-1 {

	margin-top: 0.25rem !important;

}

.mt-lg-2 {

	margin-top: 0.5rem !important;

}

.mt-lg-3 {

	margin-top: 1rem !important;

}

.mt-lg-4 {

	margin-top: 1.5rem !important;

}

.mt-lg-5 {

	margin-top: 3rem !important;

}

.mt-lg-auto {

	margin-top: auto !important;

}

.me-lg-0 {

	margin-right: 0 !important;

}

.me-lg-1 {

	margin-right: 0.25rem !important;

}

.me-lg-2 {

	margin-right: 0.5rem !important;

}

.me-lg-3 {

	margin-right: 1rem !important;

}

.me-lg-4 {

	margin-right: 1.5rem !important;

}

.me-lg-5 {

	margin-right: 3rem !important;

}

.me-lg-auto {

	margin-right: auto !important;

}

.mb-lg-0 {

	margin-bottom: 0 !important;

}

.mb-lg-1 {

	margin-bottom: 0.25rem !important;

}

.mb-lg-2 {

	margin-bottom: 0.5rem !important;

}

.mb-lg-3 {

	margin-bottom: 1rem !important;

}

.mb-lg-4 {

	margin-bottom: 1.5rem !important;

}

.mb-lg-5 {

	margin-bottom: 3rem !important;

}

.mb-lg-auto {

	margin-bottom: auto !important;

}

.ms-lg-0 {

	margin-left: 0 !important;

}

.ms-lg-1 {

	margin-left: 0.25rem !important;

}

.ms-lg-2 {

	margin-left: 0.5rem !important;

}

.ms-lg-3 {

	margin-left: 1rem !important;

}

.ms-lg-4 {

	margin-left: 1.5rem !important;

}

.ms-lg-5 {

	margin-left: 3rem !important;

}

.ms-lg-auto {

	margin-left: auto !important;

}

.p-lg-0 {

	padding: 0 !important;

}

.p-lg-1 {

	padding: 0.25rem !important;

}

.p-lg-2 {

	padding: 0.5rem !important;

}

.p-lg-3 {

	padding: 1rem !important;

}

.p-lg-4 {

	padding: 1.5rem !important;

}

.p-lg-5 {

	padding: 3rem !important;

}

.px-lg-0 {

	padding-right: 0 !important;

	padding-left: 0 !important;

}

.px-lg-1 {

	padding-right: 0.25rem !important;

	padding-left: 0.25rem !important;

}

.px-lg-2 {

	padding-right: 0.5rem !important;

	padding-left: 0.5rem !important;

}

.px-lg-3 {

	padding-right: 1rem !important;

	padding-left: 1rem !important;

}

.px-lg-4 {

	padding-right: 1.5rem !important;

	padding-left: 1.5rem !important;

}

.px-lg-5 {

	padding-right: 3rem !important;

	padding-left: 3rem !important;

}

.py-lg-0 {

	padding-top: 0 !important;

	padding-bottom: 0 !important;

}

.py-lg-1 {

	padding-top: 0.25rem !important;

	padding-bottom: 0.25rem !important;

}

.py-lg-2 {

	padding-top: 0.5rem !important;

	padding-bottom: 0.5rem !important;

}

.py-lg-3 {

	padding-top: 1rem !important;

	padding-bottom: 1rem !important;

}

.py-lg-4 {

	padding-top: 1.5rem !important;

	padding-bottom: 1.5rem !important;

}

.py-lg-5 {

	padding-top: 3rem !important;

	padding-bottom: 3rem !important;

}

.pt-lg-0 {

	padding-top: 0 !important;

}

.pt-lg-1 {

	padding-top: 0.25rem !important;

}

.pt-lg-2 {

	padding-top: 0.5rem !important;

}

.pt-lg-3 {

	padding-top: 1rem !important;

}

.pt-lg-4 {

	padding-top: 1.5rem !important;

}

.pt-lg-5 {

	padding-top: 3rem !important;

}

.pe-lg-0 {

	padding-right: 0 !important;

}

.pe-lg-1 {

	padding-right: 0.25rem !important;

}

.pe-lg-2 {

	padding-right: 0.5rem !important;

}

.pe-lg-3 {

	padding-right: 1rem !important;

}

.pe-lg-4 {

	padding-right: 1.5rem !important;

}

.pe-lg-5 {

	padding-right: 3rem !important;

}

.pb-lg-0 {

	padding-bottom: 0 !important;

}

.pb-lg-1 {

	padding-bottom: 0.25rem !important;

}

.pb-lg-2 {

	padding-bottom: 0.5rem !important;

}

.pb-lg-3 {

	padding-bottom: 1rem !important;

}

.pb-lg-4 {

	padding-bottom: 1.5rem !important;

}

.pb-lg-5 {

	padding-bottom: 3rem !important;

}

.ps-lg-0 {

	padding-left: 0 !important;

}

.ps-lg-1 {

	padding-left: 0.25rem !important;

}

.ps-lg-2 {

	padding-left: 0.5rem !important;

}

.ps-lg-3 {

	padding-left: 1rem !important;

}

.ps-lg-4 {

	padding-left: 1.5rem !important;

}

.ps-lg-5 {

	padding-left: 3rem !important;

}

.gap-lg-0 {

	gap: 0 !important;

}

.gap-lg-1 {

	gap: 0.25rem !important;

}

.gap-lg-2 {

	gap: 0.5rem !important;

}

.gap-lg-3 {

	gap: 1rem !important;

}

.gap-lg-4 {

	gap: 1.5rem !important;

}

.gap-lg-5 {

	gap: 3rem !important;

}

.text-lg-start {

	text-align: left !important;

}

.text-lg-end {

	text-align: right !important;

}

.text-lg-center {

	text-align: center !important;

}

}

@media (min-width: 1200px) {

.float-xl-start {

	float: left !important;

}

.float-xl-end {

	float: right !important;

}

.float-xl-none {

	float: none !important;

}

.d-xl-inline {

	display: inline !important;

}

.d-xl-inline-block {

	display: inline-block !important;

}

.d-xl-block {

	display: block !important;

}

.d-xl-grid {

	display: grid !important;

}

.d-xl-table {

	display: table !important;

}

.d-xl-table-row {

	display: table-row !important;

}

.d-xl-table-cell {

	display: table-cell !important;

}

.d-xl-flex {

	display: flex !important;

}

.d-xl-inline-flex {

	display: inline-flex !important;

}

.d-xl-none {

	display: none !important;

}

.flex-xl-fill {

	flex: 1 1 auto !important;

}

.flex-xl-row {

	flex-direction: row !important;

}

.flex-xl-column {

	flex-direction: column !important;

}

.flex-xl-row-reverse {

	flex-direction: row-reverse !important;

}

.flex-xl-column-reverse {

	flex-direction: column-reverse !important;

}

.flex-xl-grow-0 {

	flex-grow: 0 !important;

}

.flex-xl-grow-1 {

	flex-grow: 1 !important;

}

.flex-xl-shrink-0 {

	flex-shrink: 0 !important;

}

.flex-xl-shrink-1 {

	flex-shrink: 1 !important;

}

.flex-xl-wrap {

	flex-wrap: wrap !important;

}

.flex-xl-nowrap {

	flex-wrap: nowrap !important;

}

.flex-xl-wrap-reverse {

	flex-wrap: wrap-reverse !important;

}

.justify-content-xl-start {

	justify-content: flex-start !important;

}

.justify-content-xl-end {

	justify-content: flex-end !important;

}

.justify-content-xl-center {

	justify-content: center !important;

}

.justify-content-xl-between {

	justify-content: space-between !important;

}

.justify-content-xl-around {

	justify-content: space-around !important;

}

.justify-content-xl-evenly {

	justify-content: space-evenly !important;

}

.align-items-xl-start {

	align-items: flex-start !important;

}

.align-items-xl-end {

	align-items: flex-end !important;

}

.align-items-xl-center {

	align-items: center !important;

}

.align-items-xl-baseline {

	align-items: baseline !important;

}

.align-items-xl-stretch {

	align-items: stretch !important;

}

.align-content-xl-start {

	align-content: flex-start !important;

}

.align-content-xl-end {

	align-content: flex-end !important;

}

.align-content-xl-center {

	align-content: center !important;

}

.align-content-xl-between {

	align-content: space-between !important;

}

.align-content-xl-around {

	align-content: space-around !important;

}

.align-content-xl-stretch {

	align-content: stretch !important;

}

.align-self-xl-auto {

	align-self: auto !important;

}

.align-self-xl-start {

	align-self: flex-start !important;

}

.align-self-xl-end {

	align-self: flex-end !important;

}

.align-self-xl-center {

	align-self: center !important;

}

.align-self-xl-baseline {

	align-self: baseline !important;

}

.align-self-xl-stretch {

	align-self: stretch !important;

}

.order-xl-first {

	order: -1 !important;

}

.order-xl-0 {

	order: 0 !important;

}

.order-xl-1 {

	order: 1 !important;

}

.order-xl-2 {

	order: 2 !important;

}

.order-xl-3 {

	order: 3 !important;

}

.order-xl-4 {

	order: 4 !important;

}

.order-xl-5 {

	order: 5 !important;

}

.order-xl-last {

	order: 6 !important;

}

.m-xl-0 {

	margin: 0 !important;

}

.m-xl-1 {

	margin: 0.25rem !important;

}

.m-xl-2 {

	margin: 0.5rem !important;

}

.m-xl-3 {

	margin: 1rem !important;

}

.m-xl-4 {

	margin: 1.5rem !important;

}

.m-xl-5 {

	margin: 3rem !important;

}

.m-xl-auto {

	margin: auto !important;

}

.mx-xl-0 {

	margin-right: 0 !important;

	margin-left: 0 !important;

}

.mx-xl-1 {

	margin-right: 0.25rem !important;

	margin-left: 0.25rem !important;

}

.mx-xl-2 {

	margin-right: 0.5rem !important;

	margin-left: 0.5rem !important;

}

.mx-xl-3 {

	margin-right: 1rem !important;

	margin-left: 1rem !important;

}

.mx-xl-4 {

	margin-right: 1.5rem !important;

	margin-left: 1.5rem !important;

}

.mx-xl-5 {

	margin-right: 3rem !important;

	margin-left: 3rem !important;

}

.mx-xl-auto {

	margin-right: auto !important;

	margin-left: auto !important;

}

.my-xl-0 {

	margin-top: 0 !important;

	margin-bottom: 0 !important;

}

.my-xl-1 {

	margin-top: 0.25rem !important;

	margin-bottom: 0.25rem !important;

}

.my-xl-2 {

	margin-top: 0.5rem !important;

	margin-bottom: 0.5rem !important;

}

.my-xl-3 {

	margin-top: 1rem !important;

	margin-bottom: 1rem !important;

}

.my-xl-4 {

	margin-top: 1.5rem !important;

	margin-bottom: 1.5rem !important;

}

.my-xl-5 {

	margin-top: 3rem !important;

	margin-bottom: 3rem !important;

}

.my-xl-auto {

	margin-top: auto !important;

	margin-bottom: auto !important;

}

.mt-xl-0 {

	margin-top: 0 !important;

}

.mt-xl-1 {

	margin-top: 0.25rem !important;

}

.mt-xl-2 {

	margin-top: 0.5rem !important;

}

.mt-xl-3 {

	margin-top: 1rem !important;

}

.mt-xl-4 {

	margin-top: 1.5rem !important;

}

.mt-xl-5 {

	margin-top: 3rem !important;

}

.mt-xl-auto {

	margin-top: auto !important;

}

.me-xl-0 {

	margin-right: 0 !important;

}

.me-xl-1 {

	margin-right: 0.25rem !important;

}

.me-xl-2 {

	margin-right: 0.5rem !important;

}

.me-xl-3 {

	margin-right: 1rem !important;

}

.me-xl-4 {

	margin-right: 1.5rem !important;

}

.me-xl-5 {

	margin-right: 3rem !important;

}

.me-xl-auto {

	margin-right: auto !important;

}

.mb-xl-0 {

	margin-bottom: 0 !important;

}

.mb-xl-1 {

	margin-bottom: 0.25rem !important;

}

.mb-xl-2 {

	margin-bottom: 0.5rem !important;

}

.mb-xl-3 {

	margin-bottom: 1rem !important;

}

.mb-xl-4 {

	margin-bottom: 1.5rem !important;

}

.mb-xl-5 {

	margin-bottom: 3rem !important;

}

.mb-xl-auto {

	margin-bottom: auto !important;

}

.ms-xl-0 {

	margin-left: 0 !important;

}

.ms-xl-1 {

	margin-left: 0.25rem !important;

}

.ms-xl-2 {

	margin-left: 0.5rem !important;

}

.ms-xl-3 {

	margin-left: 1rem !important;

}

.ms-xl-4 {

	margin-left: 1.5rem !important;

}

.ms-xl-5 {

	margin-left: 3rem !important;

}

.ms-xl-auto {

	margin-left: auto !important;

}

.p-xl-0 {

	padding: 0 !important;

}

.p-xl-1 {

	padding: 0.25rem !important;

}

.p-xl-2 {

	padding: 0.5rem !important;

}

.p-xl-3 {

	padding: 1rem !important;

}

.p-xl-4 {

	padding: 1.5rem !important;

}

.p-xl-5 {

	padding: 3rem !important;

}

.px-xl-0 {

	padding-right: 0 !important;

	padding-left: 0 !important;

}

.px-xl-1 {

	padding-right: 0.25rem !important;

	padding-left: 0.25rem !important;

}

.px-xl-2 {

	padding-right: 0.5rem !important;

	padding-left: 0.5rem !important;

}

.px-xl-3 {

	padding-right: 1rem !important;

	padding-left: 1rem !important;

}

.px-xl-4 {

	padding-right: 1.5rem !important;

	padding-left: 1.5rem !important;

}

.px-xl-5 {

	padding-right: 3rem !important;

	padding-left: 3rem !important;

}

.py-xl-0 {

	padding-top: 0 !important;

	padding-bottom: 0 !important;

}

.py-xl-1 {

	padding-top: 0.25rem !important;

	padding-bottom: 0.25rem !important;

}

.py-xl-2 {

	padding-top: 0.5rem !important;

	padding-bottom: 0.5rem !important;

}

.py-xl-3 {

	padding-top: 1rem !important;

	padding-bottom: 1rem !important;

}

.py-xl-4 {

	padding-top: 1.5rem !important;

	padding-bottom: 1.5rem !important;

}

.py-xl-5 {

	padding-top: 3rem !important;

	padding-bottom: 3rem !important;

}

.pt-xl-0 {

	padding-top: 0 !important;

}

.pt-xl-1 {

	padding-top: 0.25rem !important;

}

.pt-xl-2 {

	padding-top: 0.5rem !important;

}

.pt-xl-3 {

	padding-top: 1rem !important;

}

.pt-xl-4 {

	padding-top: 1.5rem !important;

}

.pt-xl-5 {

	padding-top: 3rem !important;

}

.pe-xl-0 {

	padding-right: 0 !important;

}

.pe-xl-1 {

	padding-right: 0.25rem !important;

}

.pe-xl-2 {

	padding-right: 0.5rem !important;

}

.pe-xl-3 {

	padding-right: 1rem !important;

}

.pe-xl-4 {

	padding-right: 1.5rem !important;

}

.pe-xl-5 {

	padding-right: 3rem !important;

}

.pb-xl-0 {

	padding-bottom: 0 !important;

}

.pb-xl-1 {

	padding-bottom: 0.25rem !important;

}

.pb-xl-2 {

	padding-bottom: 0.5rem !important;

}

.pb-xl-3 {

	padding-bottom: 1rem !important;

}

.pb-xl-4 {

	padding-bottom: 1.5rem !important;

}

.pb-xl-5 {

	padding-bottom: 3rem !important;

}

.ps-xl-0 {

	padding-left: 0 !important;

}

.ps-xl-1 {

	padding-left: 0.25rem !important;

}

.ps-xl-2 {

	padding-left: 0.5rem !important;

}

.ps-xl-3 {

	padding-left: 1rem !important;

}

.ps-xl-4 {

	padding-left: 1.5rem !important;

}

.ps-xl-5 {

	padding-left: 3rem !important;

}

.gap-xl-0 {

	gap: 0 !important;

}

.gap-xl-1 {

	gap: 0.25rem !important;

}

.gap-xl-2 {

	gap: 0.5rem !important;

}

.gap-xl-3 {

	gap: 1rem !important;

}

.gap-xl-4 {

	gap: 1.5rem !important;

}

.gap-xl-5 {

	gap: 3rem !important;

}

.text-xl-start {

	text-align: left !important;

}

.text-xl-end {

	text-align: right !important;

}

.text-xl-center {

	text-align: center !important;

}

}

@media (min-width: 1400px) {

.float-xxl-start {

	float: left !important;

}

.float-xxl-end {

	float: right !important;

}

.float-xxl-none {

	float: none !important;

}

.d-xxl-inline {

	display: inline !important;

}

.d-xxl-inline-block {

	display: inline-block !important;

}

.d-xxl-block {

	display: block !important;

}

.d-xxl-grid {

	display: grid !important;

}

.d-xxl-table {

	display: table !important;

}

.d-xxl-table-row {

	display: table-row !important;

}

.d-xxl-table-cell {

	display: table-cell !important;

}

.d-xxl-flex {

	display: flex !important;

}

.d-xxl-inline-flex {

	display: inline-flex !important;

}

.d-xxl-none {

	display: none !important;

}

.flex-xxl-fill {

	flex: 1 1 auto !important;

}

.flex-xxl-row {

	flex-direction: row !important;

}

.flex-xxl-column {

	flex-direction: column !important;

}

.flex-xxl-row-reverse {

	flex-direction: row-reverse !important;

}

.flex-xxl-column-reverse {

	flex-direction: column-reverse !important;

}

.flex-xxl-grow-0 {

	flex-grow: 0 !important;

}

.flex-xxl-grow-1 {

	flex-grow: 1 !important;

}

.flex-xxl-shrink-0 {

	flex-shrink: 0 !important;

}

.flex-xxl-shrink-1 {

	flex-shrink: 1 !important;

}

.flex-xxl-wrap {

	flex-wrap: wrap !important;

}

.flex-xxl-nowrap {

	flex-wrap: nowrap !important;

}

.flex-xxl-wrap-reverse {

	flex-wrap: wrap-reverse !important;

}

.justify-content-xxl-start {

	justify-content: flex-start !important;

}

.justify-content-xxl-end {

	justify-content: flex-end !important;

}

.justify-content-xxl-center {

	justify-content: center !important;

}

.justify-content-xxl-between {

	justify-content: space-between !important;

}

.justify-content-xxl-around {

	justify-content: space-around !important;

}

.justify-content-xxl-evenly {

	justify-content: space-evenly !important;

}

.align-items-xxl-start {

	align-items: flex-start !important;

}

.align-items-xxl-end {

	align-items: flex-end !important;

}

.align-items-xxl-center {

	align-items: center !important;

}

.align-items-xxl-baseline {

	align-items: baseline !important;

}

.align-items-xxl-stretch {

	align-items: stretch !important;

}

.align-content-xxl-start {

	align-content: flex-start !important;

}

.align-content-xxl-end {

	align-content: flex-end !important;

}

.align-content-xxl-center {

	align-content: center !important;

}

.align-content-xxl-between {

	align-content: space-between !important;

}

.align-content-xxl-around {

	align-content: space-around !important;

}

.align-content-xxl-stretch {

	align-content: stretch !important;

}

.align-self-xxl-auto {

	align-self: auto !important;

}

.align-self-xxl-start {

	align-self: flex-start !important;

}

.align-self-xxl-end {

	align-self: flex-end !important;

}

.align-self-xxl-center {

	align-self: center !important;

}

.align-self-xxl-baseline {

	align-self: baseline !important;

}

.align-self-xxl-stretch {

	align-self: stretch !important;

}

.order-xxl-first {

	order: -1 !important;

}

.order-xxl-0 {

	order: 0 !important;

}

.order-xxl-1 {

	order: 1 !important;

}

.order-xxl-2 {

	order: 2 !important;

}

.order-xxl-3 {

	order: 3 !important;

}

.order-xxl-4 {

	order: 4 !important;

}

.order-xxl-5 {

	order: 5 !important;

}

.order-xxl-last {

	order: 6 !important;

}

.m-xxl-0 {

	margin: 0 !important;

}

.m-xxl-1 {

	margin: 0.25rem !important;

}

.m-xxl-2 {

	margin: 0.5rem !important;

}

.m-xxl-3 {

	margin: 1rem !important;

}

.m-xxl-4 {

	margin: 1.5rem !important;

}

.m-xxl-5 {

	margin: 3rem !important;

}

.m-xxl-auto {

	margin: auto !important;

}

.mx-xxl-0 {

	margin-right: 0 !important;

	margin-left: 0 !important;

}

.mx-xxl-1 {

	margin-right: 0.25rem !important;

	margin-left: 0.25rem !important;

}

.mx-xxl-2 {

	margin-right: 0.5rem !important;

	margin-left: 0.5rem !important;

}

.mx-xxl-3 {

	margin-right: 1rem !important;

	margin-left: 1rem !important;

}

.mx-xxl-4 {

	margin-right: 1.5rem !important;

	margin-left: 1.5rem !important;

}

.mx-xxl-5 {

	margin-right: 3rem !important;

	margin-left: 3rem !important;

}

.mx-xxl-auto {

	margin-right: auto !important;

	margin-left: auto !important;

}

.my-xxl-0 {

	margin-top: 0 !important;

	margin-bottom: 0 !important;

}

.my-xxl-1 {

	margin-top: 0.25rem !important;

	margin-bottom: 0.25rem !important;

}

.my-xxl-2 {

	margin-top: 0.5rem !important;

	margin-bottom: 0.5rem !important;

}

.my-xxl-3 {

	margin-top: 1rem !important;

	margin-bottom: 1rem !important;

}

.my-xxl-4 {

	margin-top: 1.5rem !important;

	margin-bottom: 1.5rem !important;

}

.my-xxl-5 {

	margin-top: 3rem !important;

	margin-bottom: 3rem !important;

}

.my-xxl-auto {

	margin-top: auto !important;

	margin-bottom: auto !important;

}

.mt-xxl-0 {

	margin-top: 0 !important;

}

.mt-xxl-1 {

	margin-top: 0.25rem !important;

}

.mt-xxl-2 {

	margin-top: 0.5rem !important;

}

.mt-xxl-3 {

	margin-top: 1rem !important;

}

.mt-xxl-4 {

	margin-top: 1.5rem !important;

}

.mt-xxl-5 {

	margin-top: 3rem !important;

}

.mt-xxl-auto {

	margin-top: auto !important;

}

.me-xxl-0 {

	margin-right: 0 !important;

}

.me-xxl-1 {

	margin-right: 0.25rem !important;

}

.me-xxl-2 {

	margin-right: 0.5rem !important;

}

.me-xxl-3 {

	margin-right: 1rem !important;

}

.me-xxl-4 {

	margin-right: 1.5rem !important;

}

.me-xxl-5 {

	margin-right: 3rem !important;

}

.me-xxl-auto {

	margin-right: auto !important;

}

.mb-xxl-0 {

	margin-bottom: 0 !important;

}

.mb-xxl-1 {

	margin-bottom: 0.25rem !important;

}

.mb-xxl-2 {

	margin-bottom: 0.5rem !important;

}

.mb-xxl-3 {

	margin-bottom: 1rem !important;

}

.mb-xxl-4 {

	margin-bottom: 1.5rem !important;

}

.mb-xxl-5 {

	margin-bottom: 3rem !important;

}

.mb-xxl-auto {

	margin-bottom: auto !important;

}

.ms-xxl-0 {

	margin-left: 0 !important;

}

.ms-xxl-1 {

	margin-left: 0.25rem !important;

}

.ms-xxl-2 {

	margin-left: 0.5rem !important;

}

.ms-xxl-3 {

	margin-left: 1rem !important;

}

.ms-xxl-4 {

	margin-left: 1.5rem !important;

}

.ms-xxl-5 {

	margin-left: 3rem !important;

}

.ms-xxl-auto {

	margin-left: auto !important;

}

.p-xxl-0 {

	padding: 0 !important;

}

.p-xxl-1 {

	padding: 0.25rem !important;

}

.p-xxl-2 {

	padding: 0.5rem !important;

}

.p-xxl-3 {

	padding: 1rem !important;

}

.p-xxl-4 {

	padding: 1.5rem !important;

}

.p-xxl-5 {

	padding: 3rem !important;

}

.px-xxl-0 {

	padding-right: 0 !important;

	padding-left: 0 !important;

}

.px-xxl-1 {

	padding-right: 0.25rem !important;

	padding-left: 0.25rem !important;

}

.px-xxl-2 {

	padding-right: 0.5rem !important;

	padding-left: 0.5rem !important;

}

.px-xxl-3 {

	padding-right: 1rem !important;

	padding-left: 1rem !important;

}

.px-xxl-4 {

	padding-right: 1.5rem !important;

	padding-left: 1.5rem !important;

}

.px-xxl-5 {

	padding-right: 3rem !important;

	padding-left: 3rem !important;

}

.py-xxl-0 {

	padding-top: 0 !important;

	padding-bottom: 0 !important;

}

.py-xxl-1 {

	padding-top: 0.25rem !important;

	padding-bottom: 0.25rem !important;

}

.py-xxl-2 {

	padding-top: 0.5rem !important;

	padding-bottom: 0.5rem !important;

}

.py-xxl-3 {

	padding-top: 1rem !important;

	padding-bottom: 1rem !important;

}

.py-xxl-4 {

	padding-top: 1.5rem !important;

	padding-bottom: 1.5rem !important;

}

.py-xxl-5 {

	padding-top: 3rem !important;

	padding-bottom: 3rem !important;

}

.pt-xxl-0 {

	padding-top: 0 !important;

}

.pt-xxl-1 {

	padding-top: 0.25rem !important;

}

.pt-xxl-2 {

	padding-top: 0.5rem !important;

}

.pt-xxl-3 {

	padding-top: 1rem !important;

}

.pt-xxl-4 {

	padding-top: 1.5rem !important;

}

.pt-xxl-5 {

	padding-top: 3rem !important;

}

.pe-xxl-0 {

	padding-right: 0 !important;

}

.pe-xxl-1 {

	padding-right: 0.25rem !important;

}

.pe-xxl-2 {

	padding-right: 0.5rem !important;

}

.pe-xxl-3 {

	padding-right: 1rem !important;

}

.pe-xxl-4 {

	padding-right: 1.5rem !important;

}

.pe-xxl-5 {

	padding-right: 3rem !important;

}

.pb-xxl-0 {

	padding-bottom: 0 !important;

}

.pb-xxl-1 {

	padding-bottom: 0.25rem !important;

}

.pb-xxl-2 {

	padding-bottom: 0.5rem !important;

}

.pb-xxl-3 {

	padding-bottom: 1rem !important;

}

.pb-xxl-4 {

	padding-bottom: 1.5rem !important;

}

.pb-xxl-5 {

	padding-bottom: 3rem !important;

}

.ps-xxl-0 {

	padding-left: 0 !important;

}

.ps-xxl-1 {

	padding-left: 0.25rem !important;

}

.ps-xxl-2 {

	padding-left: 0.5rem !important;

}

.ps-xxl-3 {

	padding-left: 1rem !important;

}

.ps-xxl-4 {

	padding-left: 1.5rem !important;

}

.ps-xxl-5 {

	padding-left: 3rem !important;

}

.gap-xxl-0 {

	gap: 0 !important;

}

.gap-xxl-1 {

	gap: 0.25rem !important;

}

.gap-xxl-2 {

	gap: 0.5rem !important;

}

.gap-xxl-3 {

	gap: 1rem !important;

}

.gap-xxl-4 {

	gap: 1.5rem !important;

}

.gap-xxl-5 {

	gap: 3rem !important;

}

.text-xxl-start {

	text-align: left !important;

}

.text-xxl-end {

	text-align: right !important;

}

.text-xxl-center {

	text-align: center !important;

}

}

@media (min-width: 1200px) {

.fs-1 {

	font-size: 2.5rem !important;

}

.fs-2 {

	font-size: 2rem !important;

}

.fs-3 {

	font-size: 1.75rem !important;

}

.fs-4 {

	font-size: 1.5rem !important;

}

}

@media print {

.d-print-inline {

	display: inline !important;

}

.d-print-inline-block {

	display: inline-block !important;

}

.d-print-block {

	display: block !important;

}

.d-print-grid {

	display: grid !important;

}

.d-print-table {

	display: table !important;

}

.d-print-table-row {

	display: table-row !important;

}

.d-print-table-cell {

	display: table-cell !important;

}

.d-print-flex {

	display: flex !important;

}

.d-print-inline-flex {

	display: inline-flex !important;

}

.d-print-none {

	display: none !important;

}

}

html {

	scroll-padding-top: 3.5rem;

}

body {

	position: relative;

}

p {

	line-height: 1.75;

}

.page-section {

	padding: 3rem 0;

}

.page-section h2.section-heading, .page-section .section-heading.h2 {

	font-size: 2.5rem;

	margin-top: 0;

	margin-bottom: 1rem;

}

.page-section h3.section-subheading, .page-section .section-subheading.h3 {

	font-size: 1rem;

	font-weight: 400;

	font-style: normal;

	font-family: "Poiret One", sans-serif;

	margin-bottom: 4rem;

}

@media (min-width: 768px) {

section {

	padding: 9rem 0;

}

}

/* ------------------------------------------------------------------------------------------ Eigene Styles ------------------------------------------------------------------------------------------------*/

.btn-xl {

	padding: 1.25rem 2.5rem;

	font-family: "Poiret One", sans-serif;

	font-size: 1.125rem;

	font-weight: 700;

}

.btn-social {

	height: 4.5rem;

	width: 4.5rem;

	display: inline-flex;

	align-items: center;

	justify-content: center;

	padding: 0;

	border-radius: 100%;

	box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;

}

.btn-preisliste {

	height: 4.5rem;

	width: 14.5rem;

	display: inline-flex;

	align-items: center;

	justify-content: center;

	padding: 0;

	border-radius: 15px;

	box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;

	font-size: 27px;

}

.btn-preisliste-modal {

	height: 2.5rem;

	width: 7.5rem;

	display: inline-flex;

	align-items: center;

	justify-content: center;

	padding: 0;

	border-radius: 15px;

	box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;

	font-size: 17px;

}

/* ===============================

   NAVIGATION LAYOUT & FARBEN

   =============================== */

/* Navbar Hintergrund */

#mainNav {

	padding: 0;

	background-color: #87cefa;

	box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;

}

#mainNav img {

	height: 48px;

	margin-right: 10px;

	margin-bottom: 10px;

}

/* Container: Außenabstand links & rechts */

#mainNav .container {

	padding-left: 24px;

	padding-right: 24px;

}

/* Logo */

.nav-logo {

}

/* Menüabstand */

.navbar-nav {

	gap: 1.2rem;

}

.navbar-brand {

	font-size: 40px;

}

/* Standard Link */

.navbar-nav .nav-link {

	color: #ffffff;

	font-weight: 400;

	transition: color 0.3s ease;

}

/* Hover */

.navbar-nav .nav-link:hover {

	color: #000000; !important ;

}

/* Aktiv / nach Klick */

.navbar-nav .nav-link.active, .navbar-nav .nav-link:focus {

	color: #000000;

}

/* Mobile Menü */

@media (max-width: 1200px) {

.navbar-nav {

	padding-top: 12px;

}

.navbar-brand {

	font-size: 20px;

}

#mainNav img {

	height: 48px;

	margin-right: 10px;

	margin-bottom: 0px;

}

}

/* =========================

       Portfolio Modal

       ========================= */

#portfolio .portfolio-item {

	max-width: 26rem;

	margin-left: auto;

	margin-right: auto;

}

#portfolio .portfolio-item .portfolio-link {

	position: relative;

	display: block;

	margin: 0 auto;

}

#portfolio .portfolio-item .portfolio-link .portfolio-hover {

	display: flex;

	position: absolute;

	width: 100%;

	height: 100%;

	background: #ffffff;

	align-items: center;

	justify-content: center;

	opacity: 0;

	transition: opacity ease-in-out 0.25s;

}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {

	font-size: 1.25rem;

	color: #000000;

}

#portfolio .portfolio-item .portfolio-link:hover .portfolio-hover {

	opacity: 1;

}

#portfolio .portfolio-item .portfolio-caption {

	padding: 1.5rem;

	text-align: center;

	background-color: #fff;

}

#portfolio .portfolio-item .portfolio-caption .portfolio-caption-heading {

	font-size: 1.5rem;

	font-family: "Poiret One", sans-serif;

	font-weight: 700;

	margin-bottom: 0;

}

#portfolio .portfolio-item .portfolio-caption .portfolio-caption-subheading {

	font-style: normal;

	font-family: "Poiret One", sans-serif;

}

.portfolio-modal .modal-dialog {

	margin: 1rem;

	max-width: 100vw;

}

.portfolio-modal .modal-content {

	padding-top: 6rem;

	padding-bottom: 6rem;

	text-align: center;

}

.portfolio-modal .modal-content h2, .portfolio-modal .modal-content .h2 {

	font-size: 2.7rem;

	line-height: 3rem;

}

.portfolio-modal .modal-content p.item-intro {

	font-style: normal;

	margin-bottom: 2rem;

	font-family: "Poiret One", sans-serif;

}

.portfolio-modal .modal-content p {

	margin-bottom: 2rem;

}

.portfolio-modal .modal-content ul.list-inline {

	margin-bottom: 2rem;

}

.portfolio-modal .modal-content img {

	margin-bottom: 2rem;

}

.portfolio-modal .close-modal {

	position: absolute;

	top: 1.5rem;

	right: 1.5rem;

	width: 3rem;

	height: 3rem;

	cursor: pointer;

	background-color: transparent;

}

.portfolio-modal .close-modal:hover {

	opacity: 0.3;

}

/* =========================

       Timeline

       ========================= */

.timeline {

	position: relative;

	padding: 0;

	list-style: none;

}

.timeline:before {

	position: absolute;

	top: 0;

	bottom: 0;

	left: 40px;

	width: 2px;

	margin-left: -1.5px;

	content: "";

	background-color: #e9ecef;

}

.timeline > li {

	position: relative;

	min-height: 50px;

	margin-bottom: 50px;

}

.timeline > li:after, .timeline > li:before {

	display: table;

	content: " ";

}

.timeline > li:after {

	clear: both;

}

.timeline > li .timeline-panel {

	position: relative;

	float: right;

	width: 100%;

	padding: 0 20px 0 100px;

	text-align: left;

}

.timeline > li .timeline-panel:before {

	right: auto;

	left: -15px;

	border-right-width: 15px;

	border-left-width: 0;

}

.timeline > li .timeline-panel:after {

	right: auto;

	left: -14px;

	border-right-width: 14px;

	border-left-width: 0;

}

.timeline > li .timeline-image {

	position: absolute;

	z-index: 100;

	left: 0;

	width: 80px;

	height: 80px;

	margin-left: 0;

	text-align: center;

	color: white;

	border: 7px solid #e9ecef;

	border-radius: 100%;

	background-color: #ffc800;

}

.timeline > li .timeline-image h4, .timeline > li .timeline-image .h4 {

	font-size: 10px;

	line-height: 14px;

	margin-top: 12px;

}

.timeline > li.timeline-inverted > .timeline-panel {

	float: right;

	padding: 0 20px 0 100px;

	text-align: left;

}

.timeline > li.timeline-inverted > .timeline-panel:before {

	right: auto;

	left: -15px;

	border-right-width: 15px;

	border-left-width: 0;

}

.timeline > li.timeline-inverted > .timeline-panel:after {

	right: auto;

	left: -14px;

	border-right-width: 14px;

	border-left-width: 0;

}

.timeline > li:last-child {

	margin-bottom: 0;

}

.timeline .timeline-heading h4, .timeline .timeline-heading .h4 {

	margin-top: 0;

	color: inherit;

}

.timeline .timeline-heading h4.subheading, .timeline .timeline-heading .subheading.h4 {

	text-transform: none;

}

.timeline .timeline-body > ul, .timeline .timeline-body > p {

	margin-bottom: 0;

}

@media (min-width: 768px) {

.timeline:before {

	left: 50%;

}

.timeline > li {

	min-height: 100px;

	margin-bottom: 100px;

}

.timeline > li .timeline-panel {

	float: left;

	width: 41%;

	padding: 0 20px 20px 30px;

	text-align: right;

}

.timeline > li .timeline-image {

	left: 50%;

	width: 100px;

	height: 100px;

	margin-left: -50px;

}

.timeline > li .timeline-image h4, .timeline > li .timeline-image .h4 {

	font-size: 13px;

	line-height: 18px;

	margin-top: 16px;

}

.timeline > li.timeline-inverted > .timeline-panel {

	float: right;

	padding: 0 30px 20px 20px;

	text-align: left;

}

}

@media (min-width: 992px) {

.timeline > li {

	min-height: 150px;

}

.timeline > li .timeline-panel {

	padding: 0 20px 20px;

}

.timeline > li .timeline-image {

	width: 150px;

	height: 150px;

	margin-left: -75px;

}

.timeline > li .timeline-image h4, .timeline > li .timeline-image .h4 {

	font-size: 18px;

	line-height: 26px;

	margin-top: 30px;

}

.timeline > li.timeline-inverted > .timeline-panel {

	padding: 0 20px 20px;

}

}

@media (min-width: 1200px) {

.timeline > li {

	min-height: 170px;

}

.timeline > li .timeline-panel {

	padding: 0 20px 20px 100px;

}

.timeline > li .timeline-image {

	width: 170px;

	height: 170px;

	margin-left: -85px;

}

.timeline > li .timeline-image h4, .timeline > li .timeline-image .h4 {

	margin-top: 40px;

}

.timeline > li.timeline-inverted > .timeline-panel {

	padding: 0 100px 20px 20px;

}

}

/* =========================

       Team-Member

       ========================= */

.team-member {

	margin-bottom: 0rem;

	text-align: center;

}

.team-member img {

	max-width: 100%;

	height: auto;

	border: 0.1rem solid #87cefa; /*box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;*/;

	border-radius: 20px;

	box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;*/;

}

.noborder img {

	max-width: 50%;

	height: auto;

	border: 0rem solid #87cefa; /*box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;*/;

	border-radius: 20px;

}

.team-member h1 {

	margin-top: 4.5rem;

	margin-bottom: 0;

	font-size: 34px;

}

.team-member h4 {

	margin-top: 0.5rem;

	padding-bottom: 2rem;

	margin-bottom: 0;

	font-size: 23px;

	font-color: #87cefa;

}

.team-member a {

	font-color: #87cefa;

}

#team a {

	font-size: 18px;

	font-color: #87cefa;

}

.team-member small {

	font-color: #000000;

}

/* Mobile */

@media (max-width: 1024px) {

.team-member h1 {

	font-size: 23px;

}

}

@media (max-width: 1024px) {

.passagen p {

	font-size: 14px;

}

}

.img-brand {

	height: 2.75rem;

}

section#contact {

	background-color: #212529;

	background-image: url("../assets/img/map-image.png");

	background-repeat: no-repeat;

	background-position: center;

}

section#contact .section-heading {

	color: #000;

}

section#contact form#contactForm .form-group {

	margin-bottom: 1.5rem;

}

section#contact form#contactForm .form-group input, section#contact form#contactForm .form-group textarea {

	padding: 1.25rem;

}

section#contact form#contactForm .form-group input.form-control {

	height: auto;

}

section#contact form#contactForm .form-group-textarea {

	height: 100%;

}

section#contact form#contactForm .form-group-textarea textarea {

	height: 100%;

	min-height: 10rem;

}

section#contact form#contactForm p.help-block {

	margin: 0;

}

section#contact form#contactForm .form-control:focus {

	border-color: #ffc800;

	box-shadow: none;

}

section#contact form#contactForm ::-webkit-input-placeholder {

	font-family: "Poiret One", sans-serif;

	font-weight: 700;

	color: #ced4da;

}

section#contact form#contactForm :-moz-placeholder {

	font-family: "Poiret One", sans-serif;

	font-weight: 700;

	color: #ced4da;

}

section#contact form#contactForm ::-moz-placeholder {

	font-family: "Poiret One", sans-serif;

	font-weight: 700;

	color: #ced4da;

}

section#contact form#contactForm :-ms-input-placeholder {

	font-family: "Poiret One", sans-serif;

	font-weight: 700;

	color: #ced4da;

}

/* =========================

       Footer

       ========================= */

footer {

	position: fixed;

	background: #87cefa;

	bottom: 0;

	left: 0;

	width: 100%;

	font-size: 18px;

	color: #000;

	background-color: #87cefa;

	box-shadow: rgba(0, 0, 0, 0.1) 0px -19px 38px, rgba(0, 0, 0, 0.22) 0px -15px 12px;

	z-index: 1200;

}

.footer-range {

	margin-bottom: 100px;

}

.copyright, .copyright:hover {

	color: #000;

}

@media (max-width: 768px) {

footer {

	position: relative;

	font-size: 14px;

	margin: 0;

	padding: 0;

}

}

.footer-link {

	color: #ffffff;

	text-decoration: none;

}

.footer-link:hover {

	color: #000000;

	text-decoration: none;

}

.payment-icon {

	height: 24px;

	object-fit: contain;

	filter: grayscale(100%);

	opacity: 0.85;

}

/* =========================

       Cookie Fenster

       ========================= */

.orangered-bdr {

	border: 5px solid #87cefa;

	color: black;

	background: #ffffff;

}

.cookie-consent-container {

	position: fixed;

	top: 110px;

	left: 0;

	width: 100%;

	z-index: 9999;

	font-family: inherit;

	padding: 20px;

}

.cookie-consent-container p {

	font-size: 16px;

}

@media (max-width: 768px) {

.cookie-consent-container p {

	font-size: 10px;

}

}

/* Schwarzer Header Cookiehinweis */

.cookie-header {

	background-color: #87cefa; /* schwarzer Balken */;

	color: #fff;

	display: flex;

	align-items: center;

	padding: 0.5rem 1rem;

}

/* Logo links */

.cookie-logo {

	height: 40px;

	width: auto;

}

/* Content Bereich unter Header */

.cookie-content {

	background-color: #fff;

	font-size: 0.9rem;

	line-height: 1.5;

	padding: 1rem;

}

/* Optional: Buttons rechts ausrichten */

.cookie-content .btn {

	min-width: 90px;

}

/*!

Ember Artist Logo Ausrichtung

*/

.gc_home img {

	border: 0;

	text-decoration: none;

	width: 100%;

	margin: 0 auto;

	margin-top: 30px;

}

@media (max-width: 1400px) {

.gc_home img {

	margin-top: 10px;

}

}

@media (max-width: 1200px) {

.gc_home img {

	margin-top: 10px;

}

}

@media (max-width: 768px) {

.cookie-consent-container p {

	font-size: 10px;

}

}

.cookie-consent-container {

	position: fixed;

	top: 110px;

	left: 0;

	width: 100%;

	z-index: 9999;

	font-family: inherit;

	padding: 20px;

}

}

.emberartist img {

	border: 0;

	text-decoration: none;

	max-width: 180px;

	box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;

	border-radius: 20px;

}

.emberartist2 img {

	border: 0;

	text-decoration: none;

	max-width: 180px;

	border-radius: 20px;

}

.img-fluid > .emberartist img {

	border: 0;

}

.zoomimg {

	border: 0;

	text-decoration: none;

	width: 280px;

}

.zoomimg {

	transition: transform 0.4s ease-in-out;

}

.zoomimg:hover {

	transform: scale(3.8);

}

@media (max-width: 1200px) {

.zoomimg {

	margin-top: 130px;

}

}

@media (min-width: 900px) {

.zoomimg {

	max-width: 250px;

}

}

@-webkit-keyframes scroll {

  0% {

    -webkit-transform: translateX(0);

            transform: translateX(0);

  }

  100% {

    -webkit-transform: translateX(calc(-250px * 7));

            transform: translateX(calc(-250px * 7));

  }

}

.white {

	color: #fff;

}

.hellbraun_formular {

	color: #FFF8DC;

}

.gc_gold {

	color: #a08f43;

}

/* =========================

       Kontakt Formular

       ========================= */

.container.form {

	max-width: 640px;

	width: 100%;

	margin-left: auto !important;

	margin-right: auto !important;

	padding-left: 15px;

	padding-right: 15px;

	float: none !important;

	position: relative;

}

#kontakt input[type=text], #kontakt input[type=email], #kontakt input[type=tel], #kontakt input[type=url], #kontakt textarea, #kontakt button[type=submit] {

}

#kontakt {

	background: #87cefa;

	padding: 30px;

	margin: 0px 0;

	border-radius: 25px;

	box-shadow: 0 18px 55px rgba(17,24,39,0.08);

	margin-bottom: 40px;

}

#kontakt h2 {

	color: #ffffff;

	font-size: 40px;

}

#kontakt h3 {

	color: #ffffff;

	font-size: 20px;

}

#kontakt h4 {

	color: #ffffff;

	padding: 0;

	font-size: 20px;

}

#kontakt a {

	color: #000000;

}

#kontakt a:hover {

	color: blue;

}

#kontakt select {

	margin: 0 0 10px;

	min-width: 100%;

	width: 100%;

	border: 1px solid #ffffff;

	border-radius: 10px;

	background: #ffffff;

	margin: 0 0 5px;

	padding: 10px;

	color: #000000;

}

fieldset {

	border: medium none !important;

	margin: 0 0 10px;

	min-width: 100%;

	padding: 0;

	width: 100%;

	color: #ffffff;

}

#kontakt input[type=text], #kontakt input[type=email], #kontakt input[type=tel], #kontakt input[type=url], #anruftermin, #kontakt textarea {

	width: 100%;

	border: 1px solid #ffffff;

	background: #FFFfff;

	margin: 0 0 5px;

	padding: 10px;

	border-radius: 10px;

}

#kontakt label {

	font-size: 22px;

}

#kontakt select:hover {

	background-color: #87cefa;

	color: #ffffff;

}

#kontakt option {

	width: 100%;

	border: 1px solid #87cefa;

	background: #ffffff;

	margin: 0 0 5px;

	padding: 10px;

	color: #000000;

	border-radius: 10px;

}

#kontakt input[type=text]:hover, #kontakt input[type=email]:hover, #kontakt input[type=tel]:hover, #kontakt input[type=url]:hover, #kontakt textarea:hover {

	-webkit-transition: border-color 0.3s ease-in-out;

	-moz-transition: border-color 0.3s ease-in-out;

	transition: border-color 0.3s ease-in-out;

	border: 1px solid red;

/* stärkerer Rahmen */box-shadow: 0 0 0 3px rgba(0, 62, 125, 0.15);

}

#kontakt textarea {

	height: 100px;

	max-width: 100%;

	resize: none;

}

#kontakt input:focus, #kontakt textarea:focus {

	outline: 0;

	border: 1px solid blue;

	color: #000;

	font-weight: normal;

}

#kontakt .btn {

	color: #ffffff;

	box-shadow: inset 0px 11px 8px -10px #ccc, inset 0px -11px 8px -10px #ccc;

}

#kontakt .btn:hover {

	box-shadow: none;

}

::-webkit-input-placeholder {

	color: #000000;

}

:-moz-placeholder {

	color: #000000;

}

::-moz-placeholder {

	color: #000000;

}

:-ms-input-placeholder {

	color: #000000;

}

.g-recaptcha {

	position: relative;

	max-width: 600px;

}

@media (max-width: 600px) {

.g-recaptcha {

	transform: scale(0.85);

	transform-origin: center;

	display: block;

	margin-left: auto;

	margin-right: auto;

}

}

/* =====================

   Promo Banner

   ===================== */

/* Banner */

.promo-bar {

	top: 8px;

	background: #a08f43;

	color: #fff;

	padding: 10px 0;

	margin: 0;

	display: flex;

	justify-content: center;

	align-items: center;

	border-top: 2px solid #000;

	border-bottom: 2px solid #000;

	position: relative;

	transition: opacity 0.6s ease, height 0.6s ease, padding 0.6s ease;

}

#promoBannerInactive.hide {

	opacity: 0;

	height: 0;

	padding: 0;

	overflow: hidden;

}

/* Container innerhalb Banner */

.promo-bar .container {

	display: flex;

	gap: 10px;

	justify-content: center;

	align-items: center;

	position: relative;

	z-index: 1;

}

/* Text */

.promo-bar .promo-text {

	font-size: 1.3rem;

	font-weight: 700;

	line-height: 1.1;

}

/* Countdown */

.promo-bar .promo-countdown {

	font-weight: 600;

	font-size: 1.3rem;

	line-height: 1.1;

}

/* Button */

.btn-promo {

	background: #fff;

	color: #b38a4c;

	border: none;

	padding: 7px 22px;

	border-radius: 999px;

	font-size: 1.1rem;

	font-weight: 600;

	letter-spacing: 0.5px;

	text-decoration: none;

	box-shadow: 0 4px 12px rgba(0,0,0,0.15);

	transition: all 0.3s ease;

}

.btn-promo:hover {

	background: #f8f5f0;

	color: #8a6a3f;

	transform: translateY(-1px);

	box-shadow: 0 6px 18px rgba(0,0,0,0.25);

}

/* Marquee */

.promo-marquee {

	position: absolute;

	inset: 0;

	overflow: hidden;

	pointer-events: none;

	z-index: 0;

	display: flex;

	align-items: center;

}

.promo-track {

	display: flex;

	gap: 80px;

	white-space: nowrap;

	transform: translateX(-100%);

	animation: marquee 50s linear infinite;

}

.promo-track span {

	font-size: 1.1rem;

	font-weight: 600;

	letter-spacing: 2px;

	color: rgba(180,0,0,0.35);

}

@keyframes marquee {

  from { transform: translateX(100vw); }

  to { transform: translateX(-100%); }

}

/* Responsive */

@media (max-width: 768px) {

.promo-bar {

	padding: 6px 0;

}

.promo-bar .promo-text, .promo-bar .promo-countdown {

	font-size: 0.95rem;

}

.btn-promo {

	padding: 5px 16px;

	font-size: 0.9rem;

}

.promo-marquee {

	display: none;

}

.promo-bar .container {

	flex-direction: column;

	gap: 6px;

	position: relative;

	width: 100%;

}

}

/* ===============================

   NAV MENU HOVER & ACTIVE GOLD

   =============================== */

/* Standard */

#mainNav .nav-link {

	color: #ffffff;

	font-weight: 400;

	transition: color 0.25s ease;

}

/* Hover */

#mainNav .nav-link:hover {

	color: #000000;

}

/* Aktiv / nach Klick */

#mainNav .nav-link.active, #mainNav .nav-link:focus {

	color: #000000;

}

/* Luxus Modal – scoped, überschreibt nichts */

.luxury-modal .modal-content {

	background-color: rgba(248, 245, 240, 0.95); /* Creme-Gold, leicht transparent */;

	border-radius: 18px;

/* Ecken rund */overflow: hidden;

/* VERY WICHTIG: verhindert, dass "Zipfel" überstehen */border: 1px solid rgba(160,143,67,0.35);

	box-shadow: 0 30px 80px rgba(0,0,0,0.35);

}

/* Header */

.luxury-modal .modal-header {

	border-bottom: 1px solid rgba(255,255,255,0.15);

	padding: 1.2rem 1.5rem;

	background: #000;

	color: #fff;

}

.luxury-modal .modal-header::after {

	content: "";

	display: block;

	height: 1px;

	background: linear-gradient( to right, transparent, #a08f43, transparent);

}

/* Close Button weiß */

.luxury-modal .btn-close {

	filter: invert(1);

	opacity: 0.8;

}

.luxury-modal .btn-close:hover {

	opacity: 1;

}

.luxury-modal .modal-title {

	color: #fff;

	font-weight: 600;

	letter-spacing: 0.6px;

}

/* Modal-Titel für Mobile */

@media (max-width: 768px) {

.modal-title {

	font-size: 1.0rem; /* etwas kleiner als Desktop */;

	line-height: 1.3;   /* Zeilenhöhe anpassen */

}

/* Optional: Padding im Modal anpassen */

.modal-body {

	padding: 15px;  /* kompakter für kleinere Bildschirme */

}

}

/* Intro Text */

.luxury-intro {

	font-size: 0.95rem;

	color: #000;

	margin-bottom: 1.2rem;

}

/* Inputs */

.luxury-modal .form-control, .luxury-modal .form-select {

	background-color: #f8f5f0; /* zartes Creme / Gold-weiß */;

	color: #000; /* Textfarbe */;

	border: 1px solid #a08f43;

/* feiner Goldrand */border-radius: 6px;

/* leicht abgerundete Ecken */padding: 10px 12px;          /* schöner Innenabstand */

}

.luxury-modal .form-control:focus, .luxury-modal .form-select:focus {

	background-color: #fff;

	border-color: #b38a4c;

	box-shadow: 0 0 5px rgba(160, 143, 67, 0.5);

}

/* Footer */

.luxury-modal .modal-footer {

	border-top: 1px solid rgba(0,0,0,0.08);

	padding: 1.2rem 1.5rem;

}

/* Luxus Button */

.btn-luxury {

	background: #a08f43;

	color: #fff;

	border-radius: 999px;

	padding: 14px;

	font-weight: 600;

	letter-spacing: 0.5px;

	border: none;

}

.btn-luxury:hover {

	background: #8d7e3b;

	color: #fff;

}

.luxury-modal.fade .modal-dialog {

	transform: translateY(20px) scale(0.96);

	opacity: 0;

	transition: all 0.35s ease;

}

.luxury-modal.show .modal-dialog {

	transform: translateY(0) scale(1);

	opacity: 1;

}

@media (max-width: 768px) {

.luxury-modal .modal-dialog {

	margin: 0.75rem;

}

.luxury-modal .modal-content {

	border-radius: 16px;

}

input, textarea, select {

	font-size: 16px; /* verhindert iOS Zoom */

}

}

/* Inhalt wieder nach oben holen */

.luxury-modal .modal-header, .luxury-modal .modal-body, .luxury-modal .modal-footer {

	position: relative;

	z-index: 1;

}

/* Modal Hintergrundbild */

.luxury-modal .modal-content {

	background-image: url("../img/home/modal7_bg.png"); /* Bild */;

	background-size: 160%;

	background-position: center 40px;

/* horizontal zentriert, vertikal 40px nach unten */background-repeat: no-repeat;

	position: relative;

}

/* Weiches Overlay für Lesbarkeit */

.luxury-modal .modal-content::before {

	content: "";

	position: absolute;

	inset: 0;

	background: rgba(255,255,255,0.75);

/* Transparenz */z-index: 0;

}

/* Datenschutz Checkbox – elegant & ruhig */

.privacy-check {

	font-size: 1.2rem;

	color: #555;

}

.privacy-check .form-check-input {

	margin-top: 0.3em;

	border-radius: 4px;

	border-color: #bbb;

}

.privacy-check .form-check-input:checked {

	background-color: #a08f43;

	border-color: #a08f43;

}

.privacy-check a {

	color: #a08f43;

	text-decoration: underline;

}

.privacy-check a:hover {

	color: #8a7a38;

}

@media (max-width: 768px) {

.privacy-check {

	font-size: 1.0rem;

	line-height: 1.4;

}

}

.paypal-btn {

	display: flex;

	align-items: center;

	justify-content: center;

	gap: 10px;

	background: #a08f43;

	color: #fff;

	font-weight: 600;

	border-radius: 999px;

	padding: 14px;

	margin: 30px;

	margin-bottom: 20px;

	text-decoration: none;

	font-size: 22px;

	z-index: 100;

}

.paypal-btn img {

	height: 22px;

}

/* PayPal Button Wrapper */

.paypal-wrapper {

	display: flex;

	justify-content: center;

	margin-top: 20px;

	margin-bottom: 40px; /* Abstand zum Modalboden */

}

/* Button selbst begrenzen */

#paypal-button-container {

	max-width: 100px; /* 🔥 hier steuerst du die Länge */;

	width: 100%;

}

@media (max-width: 768px) {

#paypal-button-container {

	max-width: 260px;

}

.paypal-wrapper {

	margin-bottom: 24px;

}

}

/* Wrapper erzwingt echte Zentrierung */

.voucher-wrapper {

	width: 100%;

	display: flex;

	justify-content: center;

	align-items: center;

	margin: 0px 0;

	border: 3px;

}

/* Button */

.voucher-btn {

	position: relative;

	width: 770px;

	max-width: 90%;

	height: 220px;

	display: block;

	border-radius: 16px;

	border-color: #87cefa;

	border: 3px;

	overflow: hidden;

	text-decoration: none;

	box-shadow: 0 18px 55px rgba(17,24,39,0.08);

	background: radial-gradient(700px 260px at 15% 15%, rgba(135,206,250,0.35), transparent 60%), radial-gradient(800px 320px at 90% 10%, rgba(135,206,250,0.18), transparent 55%), linear-gradient(180deg, rgba(255,255,255,0.9), rgba(255,255,255,0.65));

}

/* Bilder */

.voucher-img {

	position: absolute;

	inset: 0;

	width: 100%;

	height: 100%;

	object-fit: cover;

	transition: opacity 0.4s ease;

}

.voucher-img.front {

	opacity: 1;

}

.voucher-img.back {

	opacity: 0;

}

/* Text */

.voucher-text {

	position: absolute;

	inset: 0;

	display: flex;

	align-items: center;

	justify-content: center;

	color: #000;

	font-size: 1.2rem;

	font-weight: 700;

	text-align: center;

	z-index: 2;

	padding: 0 20px;

	transition: opacity 0.4s ease;

}

.voucher-text img {

	height: 200px;

	border-radius: 50%;

}

.back-text {

	opacity: 0;

}

/* Hover */

.voucher-btn:hover .front, .voucher-btn:hover .front-text {

	opacity: 0;

}

.voucher-btn:hover .back, .voucher-btn:hover .back-text {

	opacity: 1;

}

/* Mobile */

@media (max-width: 768px) {

.voucher-btn {

	height: 180px;

}

.voucher-text {

	font-size: 0.9rem;

}

.voucher-img {

	width: 70px;

	height: 70px;

}

}

.pastellgelb_bg {

	background: #FFF8DC;

}

.luxury-modal-footer {

	background: #FFF8DC;

}

/* =========================

   LUXURY MODAL ANIMATION

   ========================= */

/* Ausgangszustand */

.modal.luxury-fade .modal-dialog {

	transform: translateY(40px) scale(0.98);

	opacity: 0;

	transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.5s ease;

	transition-delay: 0.15s;

}

/* Beim Öffnen */

.modal.show.luxury-fade .modal-dialog {

	transform: translateY(0) scale(1);

	opacity: 1;

}

/* Sanftere Ausblendung */

.modal.luxury-fade:not(.show) .modal-dialog {

    transition-delay: 0s;

}

@media (max-width: 576px) {

.modal.luxury-fade .modal-dialog {

	transform: translateY(25px) scale(0.99);

}

}

/* Preisliste Ausrichtung */

.price-row {

	display: flex;

	justify-content: space-between; /* links / rechts */;

	align-items: center;

	padding: 6px 0;

	margin: 0;

}

.service {

	text-align: left;

}

.price {

	text-align: right;

	font-weight: 400;

	white-space: nowrap;

}

/* ================================

   FULLSCREEN BOOTSTRAP SLIDER

   ================================ */

.carousel .carousel-control-prev-icon {

	/* change fill="currentColor" to %23fff to make it white  */

background-image: url('../img/home/links.png');

}

.carousel .carousel-control-next-icon {

	/* change fill="currentColor" to %23fff to make it white  */

background-image: url('../img/home/rechts.png');

}

.carousel-control-next-icon, .carousel-control-prev-icon {

	/* Use to adjust size of icons */

  width: 3rem;

	height: 3rem;

}

.carousel-inner > .item {

	transition-duration: 2s;

}

.carousel {

	height: auto;

	width: 100%;

}

/* Mobile */

@media (max-width: 1024px) {

.carousel {

	top: 4px;

}

}

.carousel-control-next-icon, .carousel-control-prev-icon {

	/* Use to adjust size of icons */

  width: 1rem;

	height: 1rem;

}

}

/* ================================

   Bereichsbilder Stil

   ================================ */

.image-link {

	text-decoration: none;

	color: inherit;

	display: block;

	text-align: center;

}

.image-box img {

	border-radius: 8px;

	transition: transform 0.5s ease, box-shadow 0.3s ease;

	box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;

}

.image-link:hover .image-box {

	transform: translateY(-4px);

}

.image-text {

	margin-top: 12px;

	font-weight: 400;

	font-size: 1.05rem;

	color: #2B2E34;

	text-align: center;

}

/* Mobile Feinschliff */

@media (max-width: 576px) {

.image-text {

	font-size: 1rem;

}

}

@media (max-width: 576px) {

.bereiche img {

	width: 200px;

	padding: 0;

	margin: 0;

}

.image-text {

	margin-top: 2px;

	font-weight: 400;

	font-size: 0.9rem;

	color: #2B2E34;

	text-align: center;

}

}

/* ========================= 

 erstkontaktformular

/* ========================= */

.erstkontakt img {

	margin-top: 100px;

	width: 700px;

}

.form-card {

	border-radius: 1.25rem;

}

.form-section {

	padding: 1.5rem;

	border-radius: 15px;

	margin: 1.5rem;

	border: 2px solid #87cefa;

	background: radial-gradient(700px 260px at 15% 15%, rgba(135,206,250,0.35), transparent 60%), radial-gradient(800px 320px at 90% 10%, rgba(135,206,250,0.18), transparent 55%), linear-gradient(180deg, rgba(255,255,255,0.9), rgba(255,255,255,0.65));

	mix-blend-mode: normal;

}

.section-title {

	font-size: 0.95rem;

	font-weight: 400;

	color: var(--primary);

	margin-bottom: 1rem;

	text-transform: uppercase;

	letter-spacing: 0.04em;

}

.form-control, .form-select {

	border-radius: 0.75rem;

}

.form-control:focus, .form-select:focus {

	border-color: var(--primary);

	box-shadow: 0 0 0 0.15rem rgba(37, 99, 235, 0.25);

}

.btn-primary {

	background-color: #87cefa;

	border: none;

	border-radius: 999px;

	box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;

}

.btn-primary:hover {

	opacity: 0.9;

}

/* ========================= */

/* profil home

/* ========================= */

#profil {

	border: 3px;

	border-radius: 15px;

	border-color: #87cefa;

	margin-top: 60px;

}

#profil small p {

	color: #0d6efd;

}

#profil h4 {

	font-weight: 400;

}

/* ========================= */

/* downloads seite downloadbereich

/* ========================= */

#downloads {

	margin-bottom: 100px;

}

#downloads h2 {

	font-weight: 400;

	letter-spacing: 0.03em;

	text-transform: uppercase;

	color: #1e3a8a;

}

.download-category h4 {

	font-weight: 400;

	text-transform: uppercase;

	letter-spacing: 0.02em;

}

/* Liste mit filigranen Linien */

.list-group-item {

	border: none;

	border-bottom: 1px solid #e5e7eb;

	padding: 0.75rem 1rem;

	transition: background 0.2s;

}

.list-group-item:hover {

	background-color: #f8f9fa;

}

/* Icons */

.list-group-item img {

	width: 24px;

	height: 24px;

}

/* Download Buttons */

.list-group-item a.btn {

	font-size: 0.8rem;

	padding: 0.25rem 0.6rem;

	border-radius: 0.5rem;

}

/* =========================

       Download Home w120 pdf

       ========================= */

.download-item {

	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 1rem;

	background: #fff;

	border: 1px solid rgba(135,206,250,.85);

/* #87CEFA */border-radius: 14px;

	padding: .65rem .75rem;

	max-width: 420px;

	font-size: .95rem;

}

.file-info {

	display: flex;

	align-items: center;

}

.btn-download {

	background: #87CEFA;

	color: #000000;

	font-weight: 400;

	border-radius: 15px;

	border: 1px solid rgba(0,0,0,.06);

}

.btn-download:hover {

	color: #ffffff;

	background: #87CEFA;

}

/* =========================

       Formloader Kontaktformular

       ========================= */

.form-loader {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,0.6);

	display: none;

	justify-content: center;

	align-items: center;

	flex-direction: column;

	z-index: 99999;

	color: white;

	font-size: 18px;

}

.loader-spinner {

	width: 50px;

	height: 50px;

	border: 5px solid #ccc;

	border-top: 5px solid #a08f43;

	border-radius: 50%;

	animation: spin 1s linear infinite;

	margin-bottom: 15px;

}

@keyframes spin {

    0% { transform: rotate(0deg); }

    100% { transform: rotate(360deg); }

}

/* =========================

       Erfolgsanimation Kontaktmodal

       ========================= */

.success-checkmark {

	width: 80px;

	height: 80px;

	margin: 0 auto;

}

.check-icon {

	width: 80px;

	height: 80px;

	position: relative;

	border-radius: 50%;

	box-sizing: content-box;

	border: 4px solid #a08f43;

}

.icon-line {

	height: 5px;

	background-color: #a08f43;

	display: block;

	border-radius: 2px;

	position: absolute;

	z-index: 10;

}

.line-tip {

	top: 46px;

	left: 14px;

	width: 25px;

	transform: rotate(45deg);

	animation: icon-line-tip 0.75s;

}

.line-long {

	top: 38px;

	right: 8px;

	width: 47px;

	transform: rotate(-45deg);

	animation: icon-line-long 0.75s;

}

@keyframes icon-line-tip {

  0% { width: 0; }

  100% { width: 25px; }

}

@keyframes icon-line-long {

  0% { width: 0; }

  100% { width: 47px; }

}

/* =========================

       Updatetimer Webseite

       ========================= */

.footer-right {

	display: flex;

	align-items: center;

	justify-content: flex-end;

	gap: 12px;

}

/* Logos bleiben nebeneinander */

.footer-logos {

	display: flex;

	gap: 8px;

}

/* Mobile Verhalten */

@media (max-width: 767px){

.footer-right {

	flex-direction: column;

	align-items: center;

}

.footer-update {

	margin-top: 6px;

}

}

.footer-update {

	font-size: 0.85rem;

	white-space: nowrap;

	opacity: 0.4;

}

/* Mobile */

@media (max-width:768px){

.footer-right {

	align-items: center;

}

.footer-update {

	margin-top: 10px;

}

}

/* =========================

       Textstyle Datenschutzerklärung

       ========================= */

.privacy-text {

	line-height: 1.7;

	font-size: 15px;

	max-width: 100%;

	margin: auto;

}

.privacy-text h2 {

	margin-top: 40px;

	font-weight: 400;

}

.privacy-text h3 {

	margin-top: 25px;

	font-weight: 400;

}

.privacy-text h4 {

	margin-top: 15px;

	font-weight: 400;

}

.privacy-text hr {

	margin: 30px 0;

	opacity: 0.15;

}

.privacy-text ul {

	padding-left: 20px;

}

/* =========================

       Referenzen Timeline

       ========================= */

:root {

	--tl-line: rgba(15, 23, 42, .14); /* slate-ish */;

	--tl-dot: #0f172a;

	--tl-muted: rgba(15, 23, 42, .65);

	--tl-card: rgba(255,255,255,.8);

	--tl-card-border: rgba(15, 23, 42, .10);

	--tl-shadow: 0 12px 30px rgba(2, 6, 23, .08);

}

/* Container-Optik */

.tl-wrap {

	background: #fff;

;border: 1px solid #87cefa;

	border-radius: 1.25rem;

}

/* Timeline Grundlayout */

.timeline {

	position: relative;

	margin: 0;

	padding: 0;

	list-style: none;

}

/* Vertikale Linie */

.timeline::before {

	content: "";

	position: absolute;

	top: 0;

	bottom: 0;

	left: 1.05rem;

	width: 2px;

	background: var(--tl-line);

	border-radius: 999px;

}

.timeline-item {

	position: relative;

	padding-left: 0.25rem;

	padding-bottom: 0.25rem;

}

/* Punkt */

.timeline-item::before {

	content: "";

	position: absolute;

	left: .66rem;

	top: .35rem;

	width: .85rem;

	height: .85rem;

	border-radius: 999px;

	background: var(--tl-dot);

	box-shadow: 0 0 0 6px rgba(15,23,42,.08);

}

/* Datum-Badge */

.tl-date {

	display: inline-flex;

	align-items: center;

	gap: .45rem;

	font-size: .85rem;

	letter-spacing: .02em;

	color: var(--tl-muted);

	background: #e4de65;

	border: 1px solid rgba(15,23,42,.08);

	padding: .25rem .6rem;

	border-radius: 999px;

	margin-bottom: .55rem;

	width: fit-content;

}

/* Card */

.tl-card {

	background: #87cefa;

	border: 1px solid var(--tl-card-border);

	border-radius: 1rem;

	padding: .95rem 1.05rem;

	box-shadow: var(--tl-shadow);

	backdrop-filter: blur(8px);

}

.tl-card p {

	margin: 0;

	color: #000;

	line-height: 1.45;

}

/* Feiner Hover (optional, aber “premium”) */

.tl-card {

	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;

}

.tl-card:hover {

	transform: translateY(-2px);

	box-shadow: 0 18px 40px rgba(2, 6, 23, .12);

	border-color: rgba(15,23,42,.16);

}

/* Alternierend ab lg: Linie mittig + Items links/rechts */

@media (min-width: 992px){

.timeline::before {

	left: 50%;

	transform: translateX(-1px);

}

.timeline-item {

	padding-left: 0;

	padding-bottom: 0.4rem;

}

.timeline-item::before {

	left: 50%;

	transform: translateX(-50%);

	top: .5rem;

}

/* Inhalt-Boxen links/rechts */

.timeline-item .tl-content {

	width: 50%;

	padding: 0 1.25rem;

}

.timeline-item:nth-child(odd) .tl-content{

        margin-left: 50%;

      }

.timeline-item:nth-child(even) .tl-content{

        text-align: right;

      }

.timeline-item:nth-child(even) .tl-content .tl-date{

        margin-left: auto;

      }

.timeline-item:nth-child(even) .tl-card{

        margin-left: auto;

      }

}

/* =========================

       Referenzen Portfolio

       ========================= */

.ref-card {

	position: relative;

	border: 1px solid #87cefa;

	border-radius: 24px;

	padding: clamp(18px, 1.2vw, 34px);

	background: #fff;

	box-shadow: 0 20px 60px rgba(15, 23, 42, .10), 0 1px 0 rgba(255,255,255,.7) inset;

}

/* sehr subtiler "Aura"-Glow */

.ref-card::before {

	content: "";

	position: absolute;

	inset: -120px -140px auto auto;

	width: 320px;

	height: 320px;

	filter: blur(6px);

	pointer-events: none;

}

.ref-card::after {

	content: "";

	position: absolute;

	inset: auto auto -160px -160px;

	width: 360px;

	height: 360px;

	pointer-events: none;

}

.ref-head {

	position: relative;

	z-index: 1;

}

.ref-kicker {

	font-size: .72rem;

	letter-spacing: .18em;

	text-transform: uppercase;

	color: var(--ref-mu);

	margin-bottom: 10px;

}

.ref-title {

	font-weight: 400;

	letter-spacing: -0.02em;

	color: var(--ref-tx);

	margin: 0 0 10px 0;

	line-height: 1.15;

	font-size: clamp(1.15rem, 2.2vw, 1.55rem);

}

.ref-sub {

	margin: 0 0 16px 0;

	color: var(--ref-mu);

	line-height: 1.65;

	font-size: clamp(.95rem, 1.2vw, 1.02rem);

	max-width: 74ch;

}

.ref-tags {

	display: flex;

	flex-wrap: wrap;

	gap: 8px;

	margin-bottom: clamp(14px, 2vw, 20px);

}

.ref-tag {

	font-size: .82rem;

	color: rgba(15,23,42,.72);

	border: 1px solid var(--ref-bd);

	background: #fff;

;border-radius: 999px;

	padding: 6px 10px;

	backdrop-filter: blur(6px);

	-webkit-backdrop-filter: blur(6px);

}

.ref-grid {

	position: relative;

	z-index: 1;

}

.ref-media {

	position: relative;

	display: block;

	border-radius: 18px;

	overflow: hidden;

	background: rgba(255,255,255,.35);

	border: 1px solid var(--ref-bd);

	box-shadow: 0 16px 40px rgba(15,23,42,.10);

	transform: translateZ(0);

	transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;

	text-decoration: none;

	isolation: isolate;

	min-height: 320px; /* für sehr leichte, große Bildflächen */

}

.ref-media img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	display: block;

	transform: scale(1.03);

	transition: transform .6s ease, filter .6s ease;

	filter: saturate(1.02) contrast(1.02);

}

/* Filigranes Overlay, nicht "laut" */

.ref-media::before {

	content: "";

	position: absolute;

	inset: 0;

	background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,.28) 100%), radial-gradient(1200px 420px at 20% 0%, rgba(255,255,255,.14), transparent 50%);

	opacity: .95;

	transition: opacity .35s ease;

	z-index: 1;

}

.ref-cap {

	position: absolute;

	left: 14px;

	right: 14px;

	bottom: 14px;

	z-index: 2;

	display: flex;

	align-items: baseline;

	justify-content: space-between;

	gap: 10px;

	padding: 10px 12px;

	border-radius: 14px;

	border: 1px solid rgba(255,255,255,.18);

	background: rgba(255,255,255,.10);

	backdrop-filter: blur(10px);

	-webkit-backdrop-filter: blur(10px);

}

.ref-cap-k {

	color: rgba(255,255,255,.92);

	font-size: .86rem;

	letter-spacing: .04em;

	text-transform: uppercase;

	white-space: nowrap;

	text-align: center;

}

.ref-cap-v {

	color: rgba(255,255,255,.78);

	font-size: .88rem;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.ref-media:hover {

	transform: translateY(-4px);

	box-shadow: 0 26px 70px rgba(15,23,42,.16);

	border-color: rgba(15, 23, 42, .18);

}

.ref-media:hover img {

	transform: scale(1.08);

	filter: saturate(1.05) contrast(1.05);

}

.ref-media:hover::before {

	opacity: 1;

}

.ref-note {

	display: flex;

	align-items: center;

	gap: 10px;

	color: var(--ref-mu);

	font-size: .92rem;

}

.ref-dot {

	width: 8px;

	height: 8px;

	border-radius: 999px;

	background: rgba(15,23,42,.25);

	box-shadow: 0 0 0 6px rgba(15,23,42,.06);

}

.ref-card {

	width: 100%;

	overflow: hidden;   /* verhindert horizontales Überlaufen durch Effekte */

}

.ref-grid {

	margin-left: 0; /* optional, wenn irgendwo custom margins reinkommen */;

	margin-right: 0;    /* optional */

}

.ref-media {

	max-width: 100%;

}

.ref-media img {

	max-width: 100%;

	height: auto;

	display: block;

}

@media (max-width: 992px) {

.ref-cap-k {

	font-size: .66rem;

}

}

/* =========================

       Referenzen Accordion

       ========================= */

.ref-acc {

	border-top: 1px solid var(--fx-soft);

	margin-top: 16px;

}

.ref-item {

	background: transparent;

	border: 0;

}

/* ---------- Button ---------- */

.ref-btn {

	background: transparent !important;

	color: var(--fx-tx);

	padding: 16px 0;

	border: 0;

	box-shadow: none !important;

	display: flex;

	align-items: center;

	gap: 12px;

}

/* Bootstrap-Caret KOMPLETT deaktivieren */

.ref-btn::after {

	display: none !important;

}

.ref-btn:focus {

	box-shadow: none !important;

}

/* ---------- Icon ---------- */

.ref-ic {

	width: 34px;

	height: 34px;

	border-radius: 999px;

	display: inline-flex;

	align-items: center;

	justify-content: center;

	border: 2px solid var(--fx-bd);

	background: rgba(255,255,255,.55);

	color: #000;

	flex: 0 0 auto;

	transition: transform .25s ease, background .25s ease, border-color .25s ease;

	margin-bottom: 15px;

}

/* Bewegung */

.ref-btn:hover .ref-ic {

	transform: translateX(2px);

}

.ref-btn:not(.collapsed) .ref-ic{

  transform: rotate(90deg);

}

/* ---------- Titel ---------- */

.ref-title {

	display: inline-flex;

	align-items: center;

	gap: 10px;

	font-weight: 400;

	letter-spacing: -0.01em;

	color: #87cefa;

	min-width: 0;              /* extrem wichtig: verhindert "..." */

}

/* Bild im Titel – KEIN overflow */

.ref-title img {

	max-width: 112px;

	width: 100%;

	height: auto;

	flex: 0 0 auto;

}

/* ---------- Collapse Body ---------- */

.ref-body {

	padding: 0 0 16px 46px;

	line-height: 1.7;

	font-size: .98rem;

	border-bottom: 1px solid var(--fx-soft);

}

/* WICHTIG: damit Bootstrap sauber animiert */

.accordion-collapse {

	overflow: hidden;

}

/* ---------- Referenzliste ---------- */

.ref-wrap {

	max-width: 980px;

	width: 100%;

}

.ref-row {

	border: 1px solid #87cefa;

	border-radius: 10px;

	padding: 8px 10px;

	background: rgba(255,255,255,.75);

	box-shadow: 0 10px 28px rgba(15,23,42,.06);

	backdrop-filter: blur(8px);

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	font-size: .95rem;

	line-height: 1.15;

}

/* ---------- Mobile ---------- */

@media (max-width: 575.98px){

.ref-body {

	padding-left: 0;

}

.ref-row {

	font-size: .92rem;

	padding: 7px 9px;

}

}

@media (max-width: 575.98px){

.ref-title img {

	max-width: 32px;

	width: 100%;

	height: auto;

	flex: 0 0 auto;

}

}

/* =========================

       Wasserzähler Home

       ========================= */

#cans {

	display: inline-flex;

	align-items: baseline;

	justify-content: center;

	gap: 0.35em;

	white-space: nowrap; /* Responsive Typo & Spacing */;

	font-size: clamp(18px, 4.2vw, 40px);

	letter-spacing: clamp(2px, 0.45vw, 6px);

	padding: clamp(8px, 1.2vw, 16px) clamp(12px, 2vw, 22px); /* „Digital“-Look */;

	color: #b8ff3d;

	font-family: "DS-Digital", "Digital-7", "Orbitron", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;

	font-variant-numeric: tabular-nums; /* Ziffern springen nicht */;

	font-weight: 500;

	line-height: 1; /* Display-Panel */;

	background: linear-gradient(180deg, #2f2f2f 0%, #141414 100%);

	border: 1px solid rgba(255,255,255,0.08);

	border-radius: 14px;

/* Rahmen + Tiefe */box-shadow: inset 0 0 0 1px rgba(0,0,0,0.55), inset 0 10px 18px rgba(0,0,0,0.55), 0 10px 22px rgba(0,0,0,0.25); /* Glow subtil */;

	text-shadow: 0 0 6px rgba(124,252,0,0.65), 0 0 18px rgba(124,252,0,0.25); /* Smooth */;

	transition: transform .12s ease, filter .12s ease, box-shadow .12s ease;

}

/* Hover / Touch feedback */

#cans:hover {

	transform: translateY(-1px);

	filter: brightness(1.06);

	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.55), inset 0 10px 18px rgba(0,0,0,0.55), 0 14px 28px rgba(0,0,0,0.32);

}

/* Optional: „digitale Scanlines“ im Display */

#cans {

	position: relative;

	overflow: hidden;

}

#cans::after {

	content: "";

	position: absolute;

	inset: 0;

	pointer-events: none;

	background: repeating-linear-gradient( to bottom, rgba(255,255,255,0.03) 0px, rgba(255,255,255,0.03) 1px, rgba(0,0,0,0) 3px, rgba(0,0,0,0) 6px );

	mix-blend-mode: overlay;

	opacity: 0.45;

}

/* Optional: Einheit kleiner darstellen (m³), falls du sie in ein <sup> packst */

.cans {

	font-size: 0.85em;

	padding: 0;

	margin: 0;

}

@media (min-width: 900px){

.cans h4 {

	font-size: 0.75em;

}

.cans span {

	font-size: 0.35em;

}

}

/* ==========================================

   SANIERUNGEN – PREMIUM CLEAN (FINAL)

   ========================================== */

.sani-page {

	--sani-main: #87CEFA;

	--sani-main-dark: #3aa6e8;

	--sani-text: #1b2330;

	--sani-muted: #5b6778;

	--sani-hairline: rgba(0,0,0,.06);

}

/* ==========================================

   1) Alle Karten / Boxen neutralisieren

   ========================================== */

.sani-page .sani-hero, .sani-page .sani-card, .sani-page .sani-cta, .sani-page .sani-mini, .sani-page .sani-carousel-wrap, .sani-page .zoom-wrapper, .sani-page .sani-figure-card, .sani-page .sani-gallery-frame, .bb-legend-card, .bb-legend-imgwrap {

	background: transparent !important;

	border: 0 !important;

	box-shadow: none !important;

	border-radius: 0 !important;

}

/* ==========================================

   2) Container enger machen

   ========================================== */

/* weniger vertikaler Abstand */

.sani-page section {

	padding-top: 2.2rem !important;

	padding-bottom: 2.2rem !important;

}

/* noch kompakter bei großen Displays */

@media (min-width: 1200px){

.sani-page section {

	padding-top: 1.8rem !important;

	padding-bottom: 1.8rem !important;

}

}

/* Bootstrap py-5 killen */

.sani-page .py-5 {

	padding-top: 2rem !important;

	padding-bottom: 2rem !important;

}

.sani-page .pb-5 {

	padding-bottom: 2rem !important;

}

.sani-page .mt-4 {

	margin-top: 1.5rem !important;

}

.sani-page .mb-5 {

	margin-bottom: 2rem !important;

}

/* ==========================================

   3) Hairline Section-Trennung (High-End)

   ========================================== */

.sani-page section + section {

	border-top: 1px solid var(--sani-hairline);

}

/* ==========================================

   4) Typografie optimieren

   ========================================== */

.sani-page h1, .sani-page h2, .sani-page h3, .sani-page h4 {

	margin-bottom: .8rem;

	letter-spacing: -.01em;

}

.sani-page .passagen p {

	line-height: 1.65;

	margin-bottom: 1.1rem;

	color: var(--sani-text);

}

/* ==========================================

   5) Highlight

   ========================================== */

.sani-page .sani-highlight {

	border-left: 6px solid var(--sani-main);

	padding-left: 14px;

}

/* ==========================================

   6) Bilder – weich & modern

   ========================================== */

.sani-page .sani-img-rounded {

	border-radius: 18px;

}

.sani-page .zoom-wrapper {

	border-radius: 18px;

	overflow: hidden;

}

.sani-page .zoom-wrapper img {

	width: 100%;

	height: 220px;

	object-fit: cover;

	border-radius: 18px;

	transition: transform .35s ease;

}

.sani-page .zoom-wrapper:hover img {

	transform: scale(1.04);

}

/* ==========================================

   7) Coli-Kreis bleibt rund

   ========================================== */

.sani-page .img-zoom-frame {

	width: 360px;

	aspect-ratio: 1/1;

	border-radius: 50%;

	overflow: hidden;

	margin: 0 auto;

	border: 6px solid var(--sani-main);

}

.sani-page .img-zoom-inner {

	width: 100%;

	height: 100%;

	object-fit: cover;

	animation: zoomInside 8s ease-in-out infinite;

}

@keyframes zoomInside{

  0%,100%{ transform: scale(1); }

  50%{ transform: scale(1.06); }

}

/* ==========================================

   8) Abschlussbauwerke

   ========================================== */

.bb-legend-section {

	max-width: 1300px;

}

.bb-legend-img {

	width: 100%;

	height: auto;

	border-radius: 18px;

	max-height: 520px;

	object-fit: contain;

}

.bb-badge {

	width: 28px;

	height: 28px;

	border-radius: 50%;

	background: #0d6efd;

	color: #fff;

	display: inline-flex;

	align-items: center;

	justify-content: center;

	font-weight: 800;

	font-size: .9rem;

	flex: 0 0 28px;

}

/* ==========================================

   9) Buttons

   ========================================== */

.sani-page .btn-primary {

	background: var(--sani-main-dark);

	border-color: var(--sani-main-dark);

}

.sani-page .btn-primary:hover {

	background: #1f8ed6;

	border-color: #1f8ed6;

}

/* ==========================================

   10) Responsive noch kompakter

   ========================================== */

@media (max-width: 768px){

.sani-page section {

	padding-top: 1.6rem !important;

	padding-bottom: 1.6rem !important;

}

.sani-page .zoom-wrapper img {

	height: 180px;

}

.sani-page .img-zoom-frame {

	width: 260px;

}

}

/* =========================

       Header Themen-Icon

       ========================= */

/* Basisgröße (Desktop / Standard) */

.themen-icon {

	max-width: 380px;

}

@media (min-width: 992px) {

.downloads-icon {

	max-width: 300px;

}

}

/* Mobile: ca. 40–50 % kleiner */

@media (max-width: 575.98px) {

.themen-icon {

	max-width: 240px;

}

}

/* =========================

       Btn-back-to-top

       ========================= */

/* Button Grundstil */

.btn-to-top {

	position: fixed;

	bottom: 7.7rem;

	right: 2.45rem;

	width: 49px;

	height: 49px;

	border-radius: 50%;

	background-color: #007bff;

	border: none;

	display: flex;

	align-items: center;

	justify-content: center;

	cursor: pointer;

	opacity: 0;

	pointer-events: none;

	transition: opacity .3s ease, transform .3s ease;

	z-index: 2000;

	box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);

}

.fixedkontakt {

	position: fixed;

	bottom: 4.1rem;

	right: 2.45rem;

	display: flex;

	flex-direction: column;

	align-items: center;

	gap: 1rem;

	border-radius: 50%;

	border: none;

	display: flex;

	align-items: center;

	justify-content: center;

	z-index: 2000;

	box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);

}

.btn-to-contact {

	background-color: #007bff;

	border: none;

	border-radius: 50%;

	padding: 0.75rem;

	display: inline-flex;

	align-items: center;

	justify-content: center;

	transition: opacity .3s ease, transform .3s ease;

	z-index: 1050;

	box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);

}

/* Sichtbar */

.btn-to-top.show {

	opacity: 1;

	pointer-events: auto;

}

/* Hover */

.btn-to-top:hover {

	transform: translateY(-4px);

}

.btn-to-contact:hover {

	transform: translateY(-4px);

	background-color: green;

}

/* SVG Tropfen */

.btn-to-top svg {

	width: 28px;

	height: 28px;

	fill: #ffffff;

}

/* SVG Tropfen */

.btn-to-top svg:hover {

	fill: #ffffff;

}

/* Mobile etwas kleiner */

@media (max-width: 576px) {

.btn-to-top {

	bottom: 11rem;

	right: 10.8px;

	width: 51px;

	height: 51px;

}

/* Kontaktbutton */

.btn-to-top svg {

	width: 30px;

	height: 30px;

}

.fixedkontakt {

	right: 12.8px;

	bottom: 7.7rem;

}

}

/* =========================

       Seite Brunnenbau Layout

       ========================= */

:root {

	--brand: #87CEFA;

	--brand-dark: #4fb6f2;

}

.bg-brand {

	background: var(--brand) !important;

}

.text-brand {

	color: var(--brand-dark) !important;

}

.btn-brand {

	background: var(--brand);

	border-color: var(--brand);

	color: #00334a;

	font-weight: 400;

}

.btn-brand:hover {

	background: var(--brand-dark);

	border-color: var(--brand-dark);

	color: #002635;

}

.section-pad {

	padding: 4rem 0;

}

.soft-card {

	border: 1px solid rgba(0,0,0,.06);

	border-radius: 1rem;

	box-shadow: 0 10px 30px rgba(0,0,0,.06);

}

.kpi {

	border-left: 4px solid var(--brand);

	padding-left: 1rem;

}

.gallery-thumb {

	border-radius: 1rem;

	overflow: hidden;

	border: 1px solid rgba(0,0,0,.06);

	box-shadow: 0 10px 24px rgba(0,0,0,.06);

	cursor: pointer;

	background: #fff;

}

.gallery-thumb img {

	width: 100%;

	height: 260px;

	object-fit: cover;

	transition: transform .35s ease;

	display: block;

}

.gallery-thumb:hover img {

	transform: scale(1.03);

}

/* Modal Bild: immer schön im Viewport */

#galleryModal .modal-body {

	min-height: 60vh;

	display: flex;

	align-items: center;

	justify-content: center;

	padding: 0;

}

#galleryModal img {

	max-height: 88vh;

	width: auto;

	max-width: 100%;

	display: block;

}

/* Pfeil-Buttons im Modal (dezente, professionelle Controls) */

.gallery-nav {

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	border: 0;

	width: 54px;

	height: 54px;

	border-radius: 999px;

	background: rgba(255,255,255,.85);

	box-shadow: 0 10px 24px rgba(0,0,0,.12);

	display: flex;

	align-items: center;

	justify-content: center;

}

.gallery-prev {

	left: 12px;

}

.gallery-next {

	right: 12px;

}

.gallery-nav:active {

	transform: translateY(-50%) scale(.98);

}

/* optional: runde Brand-Trennlinie */

.brand-rule {

	width: 84px;

	height: 6px;

	border-radius: 999px;

	background: var(--brand);

	margin: .75rem auto 0;

}

/* ========================= */

.bb_icon img {

	width: 90px;

	height: auto;

}

/*========================= 

       abbgalerie

 =========================*/

.abbgalerie {

	background-color: #5D9CEC;

	color: #ffffff;

	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;

}

.abbgalerie:hover {

}

.abbgalerie h5 {

	font-size: 18px;

	text-align: center;

}

.abbgalerie h5:hover {

}

.abbgalerie .image img {

	text-align: center;

	border: 2px;

	border-color: #87cefa;

}

@media (max-width: 936px) {

.abbgalerie h5 {

	min-height: 3em;

}

}

@media (max-width: 576px) {

.abbgalerie h5 {

	font-size: 13px;

	min-height: 2.6em;

}

}

/*=====================

    Brunnenbau Moving Water

=======================*/

.moving_groundwater p {

	text-align: center;

	margin-top: 20px;

}

.moving_groundwater h4 {

	font-family: 'Times New Roman', serif;

	text-shadow: 1px 1px 0 rgba(255,255,255,0.75);

	color: #00347e;

	text-align: center;

	margin-bottom: 20px;

	font-size: 30px;

}

.underground {

	top: 100px;

	padding: 0px 0px 0px 0px;

	border-radius: 11px 11px 11px 11px;

	-moz-border-radius: 11px 11px 11px 11px;

	-webkit-border-radius: 11px 11px 11px 11px;

	border: 6px inset #eee;

	background-image: url("../img/brunnenbau/moving_groundwater/wasserfluss.png");

	margin: 0px auto;

	max-width: 900px;

	z-index: 99;

	background-position: 35% 40%;

	overflow: hidden;

	background-repeat: no-repeat;

}

#groundwater {

	z-index: -1;

	height: 200px;

	position: relative;

	overflow: hidden;

}

#groundwater > div {

	height: 200px;

	width: 3700px;

	background: url("../img/brunnenbau/moving_groundwater/wasserfluss1.jpg");

	background-repeat: repeat;

	opacity: .7;

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	z-index: -1;

	-moz-transition: opacity 0.5s ease-out;

	-o-transition: opacity 0.5s ease-out;

	-webkit-transition: opacity 0.5s ease-out;

	-ms-transition: opacity 0.5s ease-out;

	-webkit-animation: moveSlideshow 60s linear infinite;

	-moz-animation: moveSlideshow 60s linear infinite;

}

@-webkit-keyframes moveSlideshow {

    0% { left: 0; }

    100% { left: -1684px; }

}

@-moz-keyframes moveSlideshow {

    0% { left: 0; }

    100% { left: -1684px; }

}

/* Keyframes: nur einmal, sauber */

@keyframes moveSlideshow{

  0%   { left: 0; }

  100% { left: -1684px; }

}

/*=====================

    Infinite Slider

=======================*/

.infinite-slider-wrap {

	overflow: hidden;

	height: auto;

	width: 100%;

}

.infinite-slider {

	position: relative;

	height: auto;

	width: 100%;

	overflow: hidden;

	user-select: none;

	margin: 0 0 0 0;

	object-fit: cover;

}

.infinite-track {

	display: flex;

	align-items: center;

	gap: 16px;

	width: max-content;

	animation: scroll-left 65s linear infinite;

	will-change: transform;

}

/* Hover: Animation pausieren */

.infinite-slider:hover .infinite-track {

	animation-play-state: paused;

}

.slide {

	display: block;

	flex: 0 0 auto;

	text-decoration: none;

}

#infinite-slider .slide img {

	height: auto; /* ~500px hoch */;

	width: 100%; /* verschiedene Formate erlaubt */;

	display: block;

	object-fit: contain;

	border-radius: 16px;

}

.slide-brunnenbau {

	display: block;

	flex: 0 0 auto;

	text-decoration: none;

}

#infinite-slider .slide-brunnenbau img {

	height: 450px; /* ~500px hoch */;

	width: 100%; /* verschiedene Formate erlaubt */;

	display: block;

	object-fit: contain;

	border-radius: 16px;

}

/* Mobile: Höhe etwas reduzieren, damit es passt */

@media (min-width: 768px) {

.slide img {

	height: auto;

	width: 100%;

}

.infinite-slider {

	height: auto;

	width: 100%;

}

}

/* Animation: rechts -> links, verschwindet links, kommt rechts wieder */

@keyframes scroll-left {

  from { transform: translateX(0); }

  to   { transform: translateX(-50%); } /* -50% weil Track gedoppelt */

}

/*=====================

    Lightbox-Bildvergrößerer

=======================*/

.lightbox {

	position: fixed;

	inset: 0;

	background: rgba(0,0,0,.75);

	display: none;

	z-index: 1055;

	padding: 16px;

}

.lightbox.is-open {

	display: grid;

	place-items: center;

}

.lightbox-inner {

	position: relative;

	max-width: min(92vw, 1100px);

	max-height: 90vh;

	display: grid;

	place-items: center;

}

.lightbox-inner img {

	max-width: 100%;

	max-height: 90vh;

	width: auto;

	height: auto;

	display: block;

	border-radius: 18px;

}

/* Weißes X mittig auf dem Bild */

.lightbox-close {

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translate(-50%, -50%);

	width: 54px;

	height: 54px;

	border-radius: 999px;

	border: 0;

	background: rgba(255,255,255,.12);

	color: #fff;

	font-size: 28px;

	line-height: 1;

	cursor: pointer;

	backdrop-filter: blur(2px);

}

.lightbox-close:hover {

	background: rgba(255,255,255,.20);

}

/* =========================

      Brunnenbau Timeline

 ========================= */

.bb-timeline {

	position: relative;

	padding-left: 58px;

}

.bb-timeline:before {

	content: "";

	position: absolute;

	left: 26px;

	top: 6px;

	bottom: 6px;

	width: 2px;

	background: #e9ecef;

	border-radius: 999px;

}

.bb-item {

	position: relative;

	display: flex;

	gap: 14px;

	padding: 10px 0;

}

.bb-marker {

	position: absolute;

	left: 10px;

	top: 12px;

	width: 34px;

	height: 34px;

	border-radius: 999px;

	background: #fff;

	border: 1px solid #e9ecef;

	display: grid;

	place-items: center;

	color: #0d6efd;

}

.bb-num {

	position: absolute;

	top: -8px;

	right: -8px;

	width: 20px;

	height: 20px;

	border-radius: 999px;

	background: #0d6efd;

	color: #fff;

	font-size: 11px;

	display: grid;

	place-items: center;

	border: 2px solid #fff;

}

.bb-content {

	padding-left: 58px; /* Platz für Marker */;

	max-width: 100%;

}

.bb-title {

	font-weight: 600;

	font-size: 0.98rem; /* filigran */;

	line-height: 1.25;

}

.bb-text {

	margin-top: 4px;

	color: #6c757d;

	font-size: 0.92rem; /* filigran */;

	line-height: 1.35;

}

.bb-thumb {

	margin-top: 10px;

	width: 120px;

	height: 80px;

	object-fit: cover;

	border-radius: 10px;

	border: 1px solid #e9ecef;

}

@media (max-width: 576px){

.bb-timeline {

	padding-left: 52px;

}

.bb-content {

	padding-left: 52px;

}

.bb-title {

	font-size: 0.96rem;

}

.bb-text {

	font-size: 0.90rem;

}

}

/* =========================

     Business Kontakt Home

       ========================= */

.cx-section {

	padding: 0 0 60px 0;

}

.cx-panel {

	position: relative;

	border-radius: 28px;

	background: rgba(255,255,255,0.78);

	border: 1px solid rgba(17,24,39,0.08);

	box-shadow: 0 18px 55px rgba(17,24,39,0.08);

	overflow: hidden;

}

.cx-glow {

	position: absolute;

	inset: 0;

	pointer-events: none;

	background: radial-gradient(700px 260px at 15% 15%, rgba(135,206,250,0.35), transparent 60%), radial-gradient(800px 320px at 90% 10%, rgba(135,206,250,0.18), transparent 55%), linear-gradient(180deg, rgba(255,255,255,0.9), rgba(255,255,255,0.65));

	mix-blend-mode: normal;

}

.cx-grid {

	position: relative;

	display: grid;

	grid-template-columns: 1.55fr 0.95fr;

	gap: 54px;

	padding: 56px;

}

.cx-eyebrow {

	font-size: 17px;

	letter-spacing: 1.7px;

	text-transform: uppercase;

	color: rgba(17,24,39,0.55);

	margin-bottom: 10px;

}

.cx-title {

	font-size: 30px;

	line-height: 1.15;

	letter-spacing: -0.02em;

	font-weight: 520;

	color: #111827;

	margin: 0 0 10px 0;

}

.cx-sub {

	margin: 0;

	max-width: 54ch;

	color: rgba(17,24,39,0.62);

	font-size: 15.5px;

	line-height: 1.55;

}

.cx-split {

	width: 84px;

	height: 2px;

	margin: 26px 0 26px 0;

	background: linear-gradient(90deg, rgba(135,206,250,0.95), rgba(135,206,250,0));

	border-radius: 999px;

}

.cx-list {

	display: grid;

	gap: 14px;

}

.cx-row {

	display: grid;

	grid-template-columns: 120px 1fr;

	gap: 18px;

	align-items: baseline;

}

.cx-key {

	font-size: 13px;

	color: rgba(17,24,39,0.55);

}

.cx-val {

	font-size: 15.5px;

	color: rgba(17,24,39,0.88);

}

.cx-link {

	color: rgba(17,24,39,0.88);

	text-decoration: none;

	border-bottom: 1px solid rgba(135,206,250,0.55);

	padding-bottom: 2px;

}

.cx-link:hover {

	border-bottom-color: rgba(135,206,250,0.95);

}

.cx-actions {

	display: flex;

	gap: 12px;

	margin-top: 26px;

	flex-wrap: wrap;

}

.cx-btn {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	padding: 12px 16px;

	border-radius: 14px;

	text-decoration: none;

	font-size: 14.5px;

	letter-spacing: 0.2px;

	transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;

	user-select: none;

}

.cx-btn-primary {

	background: rgba(135,206,250,0.35);

	border: 1px solid rgba(135,206,250,0.55);

	color: #0b1b2a;

	box-shadow: 0 10px 24px rgba(135,206,250,0.22);

}

.cx-btn-primary:hover {

	transform: translateY(-1px);

	box-shadow: 0 14px 28px rgba(135,206,250,0.28);

}

.cx-btn-ghost {

	background: rgba(255,255,255,0.75);

	border: 1px solid rgba(17,24,39,0.10);

	color: rgba(17,24,39,0.82);

}

.cx-btn-ghost:hover {

	transform: translateY(-1px);

	box-shadow: 0 14px 28px rgba(17,24,39,0.08);

}

.cx-note {

	margin-top: 18px;

	font-size: 12.8px;

	color: rgba(17,24,39,0.55);

}

/* RIGHT PANEL */

.cx-right {

	border-left: 1px solid rgba(17,24,39,0.08);

	padding-left: 34px;

}

.cx-right-head {

	display: flex;

	align-items: baseline;

	justify-content: space-between;

	gap: 12px;

	margin-bottom: 20px;

}

.cx-badge {

	font-size: 12px;

	color: rgba(17,24,39,0.60);

	background: rgba(135,206,250,0.18);

	border: 1px solid rgba(135,206,250,0.35);

	padding: 6px 10px;

	border-radius: 999px;

}

.cx-right-title {

	font-size: 18px;

	font-weight: 520;

	color: #111827;

}

.cx-hours {

	display: grid;

	gap: 12px;

	margin-bottom: 22px;

}

.cx-hour {

	display: flex;

	justify-content: space-between;

	gap: 18px;

	padding: 12px 14px;

	border-radius: 16px;

	background: rgba(255,255,255,0.7);

	border: 1px solid rgba(17,24,39,0.06);

}

.cx-day {

	font-size: 13.5px;

	color: rgba(17,24,39,0.70);

}

.cx-time {

	font-size: 13.5px;

	color: rgba(17,24,39,0.92);

	font-weight: 520;

}

.cx-mini {

	border-radius: 18px;

	padding: 16px;

	background: rgba(17,24,39,0.03);

	border: 1px solid rgba(17,24,39,0.06);

}

.cx-mini-title {

	font-size: 13px;

	font-weight: 520;

	color: rgba(17,24,39,0.85);

	margin-bottom: 6px;

}

.cx-mini-text {

	font-size: 13px;

	line-height: 1.5;

	color: rgba(17,24,39,0.62);

}

/* Responsive */

@media (max-width: 992px){

.cx-grid {

	grid-template-columns: 1fr;

	padding: 34px;

	gap: 28px;

}

.cx-right {

	border-left: none;

	padding-left: 0;

	border-top: 1px solid rgba(17,24,39,0.08);

	padding-top: 22px;

}

.cx-title {

	font-size: 26px;

}

.cx-row {

	grid-template-columns: 98px 1fr;

}

}

/* =========================

      Gutachten Cards

       ========================= */

#gutachten-cards .card::after {

	display: block;

	position: absolute;

	bottom: -10px;

	left: 20px;

	width: calc(100% - 40px);

	height: 35px;

	background-color: #87cefa;

	-webkit-box-shadow: 0 19px 28px 5px rgba(64,64,64,0.09);

	box-shadow: 0 19px 28px 5px rgba(64,64,64,0.09);

	content: '';

	z-index: -1;

}

#gutachten-cards a.card {

	text-decoration: none;

}

#gutachten-cards .card {

	position: relative;

	margin-bottom: 30px;

	border: 0;

	border-radius: 0;

	background-color: #fff;

	background: radial-gradient(700px 260px at 15% 15%, rgba(135,206,250,0.35), transparent 60%), radial-gradient(800px 320px at 90% 10%, rgba(135,206,250,0.18), transparent 55%), linear-gradient(180deg, rgba(255,255,255,0.9), rgba(255,255,255,0.65));

	min-height: 270px;

	-webkit-box-shadow: 0 12px 20px 1px rgba(64,64,64,0.09);

	box-shadow: 0 12px 20px 1px rgba(64,64,64,0.09);

}

#gutachten-cards #gutachten-cards .card {

	position: relative;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column;

	min-width: 0;

	word-wrap: break-word;

	background-color: #fff;

	background-clip: border-box;

	border: 1px solid rgba(0,0,0,0.125);

	border-radius: .25rem;

}

#gutachten-cards .box-shadow {

	-webkit-box-shadow: 0 12px 20px 1px rgba(64,64,64,0.09) !important;

	box-shadow: 0 12px 20px 1px rgba(64,64,64,0.09) !important;

}

#gutachten-cards .ml-auto, .mx-auto {

	margin-left: auto !important;

}

#gutachten-cards .mr-auto, .mx-auto {

	margin-right: auto !important;

}

#gutachten-cards .rounded-circle {

	border-radius: 50% !important;

}

#gutachten-cards .bg-white {

	background-color: #fff !important;

}

#gutachten-cards .ml-auto, .mx-auto {

	margin-left: auto !important;

}

#gutachten-cards .mr-auto, .mx-auto {

	margin-right: auto !important;

}

#gutachten-cards .d-block {

	display: block !important;

}

#gutachten-cards img, figure {

	max-width: 100%;

	height: auto;

	vertical-align: middle;

}

#gutachten-cards .card-text {

	padding-top: 12px;

	color: #8c8c8c;

}

#gutachten-cards .text-sm {

	font-size: 19px !important;

}

#gutachten-cards p, .p {

	margin: 0 0 16px;

}

#gutachten-cards .card-title {

	margin: 0;

	font-family: "Montserrat",sans-serif;

	font-size: 22px;

	font-weight: 900;

}

#gutachten-cards .pt-1, .py-1 {

	padding-top: .25rem !important;

}

#gutachten-cards .head-icon {

	margin-top: 18px;

	color: #FF4500;

}

.icon-bubble {

	width: 90px;

	height: 90px;

	margin-top: -45px;

	border-radius: 999px;

	display: grid;

	place-items: center;

	border: 1px solid rgba(24,39,51,.10);

	background: linear-gradient(145deg, var(--c1), var(--c2));

	box-shadow: 0 10px 22px rgba(0,0,0,.06);

	transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;

}

/* Icon-Stil (technisch, klar) */

.icon-bubble svg {

	width: 34px;

	height: 34px;

	stroke: rgba(17,27,33,.82);

	fill: none;

	stroke-width: 1.9;

	stroke-linecap: round;

	stroke-linejoin: round;

}

/* Hover: modern, aber nicht aufdringlich */

#gutachten-cards a.card:hover .icon-bubble {

	transform: translateY(-2px);

	box-shadow: 0 18px 38px rgba(0,0,0,.10);

	filter: saturate(1.05);

}

/* Themen-Farbsets (muted / seriös) */

.t-brunnenbau {

	--c1: #E7F2F4;

	--c2: #D6E9EE;

}

.t-geothermie {

	--c1: #F3EFE7;

	--c2: #E9E2D4;

}

.t-pumpen {

	--c1: #EAF0F7;

	--c2: #DDE7F3;

}

.t-filter {

	--c1: #EEF2F5;

	--c2: #E1E8EE;

}

.t-material {

	--c1: #F1EEF7;

	--c2: #E6DFF3;

}

.t-gericht {

	--c1: #F0F3F6;

	--c2: #E2E8ED;

}

.t-vers {

	--c1: #EAF3EF;

	--c2: #DDECE5;

}

.t-privat {

	--c1: #F3F1EE;

	--c2: #E7E2DB;

}

.t-rechnung {

	--c1: #F2F6F2;

	--c2: #E5EEE5;

}

}

/* =========================

       Sanierung Grenzwertliste

       ========================= */

/* Physikalische Werte */

.ph .text-end {

	color: #dc3545;

}

.physik .text-end {

	color: #dc3545;

}

/* Elemente */

.elemente .text-end {

	color: #dc3545;

}

/* Kationen */

.kationen .text-end {

	color: #dc3545;

}

/* Mikrobiologie */

.mikrobiologie .text-end {

	color: #dc3545;

	font-weight: 600;

}

/* =========================

     GeothermieSeite

       ========================= */

.geothermie-section h2 {

	font-weight: 400;

	letter-spacing: 0.5px;

}

.geothermie-section p {

	font-size: 1.05rem;

	line-height: 1.8;

	color: #000000;

}

/* FAQ Styling */

.faq-accordion {

	margin-top: 2rem;

}

.faq-item {

	border-bottom: 1px solid #87cefa;

}

.faq-question {

	width: 100%;

	text-align: left;

	padding: 1.2rem 0;

	font-size: 1.1rem;

	font-weight: 500;

	background: none;

	border: none;

	outline: none;

	cursor: pointer;

	position: relative;

}

.faq-question::after {

	content: "+";

	position: absolute;

	right: 0;

	font-size: 1.4rem;

	transition: transform 0.3s ease;

}

.faq-item.active .faq-question::after {

	content: "–";

}

.faq-answer {

	max-height: 0;

	overflow: hidden;

	transition: max-height 0.4s ease;

}

.faq-item.active .faq-answer {

	max-height: 500px;

	padding-bottom: 1rem;

}

/* ---------------------- */

.faq-head h3 {

	font-weight: 650;

	letter-spacing: .2px;

}

.faq-accordion {

	background: radial-gradient(700px 260px at 15% 15%, rgba(135,206,250,0.35), transparent 60%), radial-gradient(800px 320px at 90% 10%, rgba(135,206,250,0.18), transparent 55%), linear-gradient(180deg, rgba(255,255,255,0.9), rgba(255,255,255,0.65));

	border: 1px solid #e8edf2;

	border-radius: 18px;

	overflow: hidden;

	box-shadow: 0 10px 30px rgba(16, 24, 40, .04);

}

.faq-item + .faq-item {

	border-top: 1px solid #eef2f6;

}

.faq-q {

	width: 100%;

	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 14px;

	padding: 18px 18px;

	background: transparent;

	border: 0;

	text-align: left;

	font-size: 1.05rem;

	font-weight: 600;

	color: #0b2239;

	cursor: pointer;

}

.faq-q:focus-visible {

	outline: 3px solid rgba(0,120,202,.25);

	outline-offset: -3px;

	border-radius: 14px;

}

.faq-ico {

	font-size: 1rem;

	color: #35566f;

	transition: transform .2s ease;

}

.faq-item.is-open .faq-ico {

	transform: rotate(45deg);

}

.faq-a {

	padding: 0 18px 18px 18px;

}

.faq-a p {

	margin: 0;

	color: #37566b;

	line-height: 1.75;

}

/* =========================

      Geothermie 3er-Galerie

       ========================= */

.gallery-3 {

	display: grid;

	grid-template-columns: repeat(3, minmax(0, 1fr));

	gap: 18px;

}

/* Jede Karte bleibt für sich stabil */

.g-card {

	margin: 0;

	background: #fff;

	border: 1px solid #87cefa;

	border-radius: 16px;

	overflow: hidden;

	box-shadow: 0 10px 28px rgba(16, 24, 40, 0.04);

}

/* Feste Medienhöhe verhindert Layout-Sprünge */

.g-media {

	height: 420px; /* Desktop-Höhe */;

	background: #f5f7fa;

}

.g-media img {

	width: 100%;

	height: 100%;

	object-fit: cover; /* Bild füllt Fläche ohne Verzerren */;

	display: block;

}

/* Textbereich */

.g-text {

	padding: 14px 16px 16px;

	color: #0b2239;

	line-height: 1.6;

	font-size: 0.95rem;

}

/* Tablet: 2 Spalten */

@media (max-width: 992px){

.gallery-3 {

	grid-template-columns: repeat(2, minmax(0, 1fr));

}

.g-media {

	height: 200px;

}

}

/* Mobile: 1 Spalte */

@media (max-width: 576px){

.gallery-3 {

	grid-template-columns: 1fr;

}

.g-media {

	height: 210px;

}

/* bewusst stabil lassen */

}

/* =========================

       Druckkessel SVG-Schema

       ========================= */

/* Layout */

/* =========================

     Video-Player

       ========================= */

#hauswasseranlagen-videos .list-group-item:hover {

	background-color: #87cefa;

}

#brunnenbau-videos .list-group-item:hover {

	background-color: #87cefa;

}

#modalVideo {

	border: none;

	background: radial-gradient(700px 260px at 15% 15%, rgba(135,206,250,0.35), transparent 60%), radial-gradient(800px 320px at 90% 10%, rgba(135,206,250,0.18), transparent 55%), linear-gradient(180deg, rgba(255,255,255,0.9), rgba(255,255,255,0.65));

}

/* =========================

      GWM SVG

       ========================= */

:root {

	--ci-red: #ff242f;

	--ci-blue: #0078ca;

	--ink: #0b2239;

	--line: #e8edf2;

}

.gwm-section {

	padding: 48px 0;

	background: #fff;

}

.gwm-card {

	margin: 0;

	background: #fff;

	border: 1px solid var(--line);

	border-radius: 18px;

	padding: 14px;

	box-shadow: 0 12px 30px rgba(16,24,40,.04);

}

.gwm-svg {

	width: 100%;

	height: auto;

	display: block;

}

.gwm-cap {

	margin-top: 10px;

	font-size: .92rem;

	color: rgba(11,34,57,.65);

}

.gwm-legend {

	background: #fff;

	border: 1px solid var(--line);

	border-radius: 18px;

	padding: 18px;

	box-shadow: 0 12px 30px rgba(16,24,40,.04);

}

.gwm-h {

	font-weight: 750;

	letter-spacing: .2px;

	color: var(--ink);

	margin: 0 0 12px 0;

}

.gwm-list {

	margin: 0;

	padding-left: 18px;

	color: var(--ink);

	line-height: 1.7;

}

.gwm-list li {

	margin: 0 0 10px 0;

}

.chip {

	display: inline-block;

	width: 14px;

	height: 14px;

	border-radius: 999px;

	border: 2px solid rgba(11,34,57,.85);

	margin-right: 10px;

	transform: translateY(2px);

}

.chip-blue {

	background: rgba(0,120,202,.18);

	border-color: rgba(0,120,202,.55);

}

.chip-red {

	background: rgba(255,36,47,.16);

	border-color: rgba(255,36,47,.55);

}

.chip-amber {

	background: rgba(242,201,76,.28);

	border-color: rgba(242,201,76,.65);

}

.chip-gray {

	background: rgba(52,73,94,.10);

	border-color: rgba(11,34,57,.35);

}

.gwm-note {

	margin: 14px 0 0;

	padding: 12px;

	border-radius: 12px;

	background: #f8fafc;

	border: 1px solid #eef2f6;

	color: rgba(11,34,57,.75);

	font-size: .92rem;

	line-height: 1.65;

}

/* =========================

      Elemente-Cards Brunnenbau

       ========================= */

/* ================================

   Bootstrap 5 Fix: Periodentabelle

   ================================ */

/* auf kleinen Screens horizontal scrollen statt zusammenfallen */

#wrapper {

	overflow-x: auto;

	-webkit-overflow-scrolling: touch;

}

/* 18-Spalten-Grid wie echte Periodentabelle */

#elements.periodic-grid {

	display: grid;

	grid-template-columns: repeat(18, minmax(0, 1fr));

	gap: .35rem;

	align-items: stretch; /* verhindert "Strich" durch zu geringe Breite */;

	min-width: 980px;

}

/* Zellen dürfen nicht kollabieren */

#elements.periodic-grid > div {

	min-height: 3.25rem;

	float: none !important; /* falls altes CSS floats nutzt */

}

/* Chip + Faces sollen die Zelle füllen */

#elements.periodic-grid .chip, #elements.periodic-grid .chip .face {

	width: 100%;

	height: 100%;

}

/* Legende: Farbkästchen */

#key .swatch {

	display: inline-block;

	width: 14px;

	height: 14px;

	border-radius: 3px;

	vertical-align: middle;

	margin-right: 6px;

}

.elementscontainer {

	position: relative;

	width: 100%;

	padding: 20px;

	box-sizing: border-box;

	display: grid;

	grid-template-columns: repeat(8, 127px);

	gap: 10px;

	justify-content: center;

	align-content: start;

	perspective: 1000px;

	overflow: visible;

}

/* --- Responsive Umbruch --- */

@media (max-width: 1200px){

.elementscontainer {

	grid-template-columns: repeat(4, 127px);

}

}

@media (max-width: 650px){

.elementscontainer {

	grid-template-columns: repeat(2, 127px);

}

}

/* --- Card: wie vorher --- */

.element-card {

	position: relative;

	width: 127px;

	height: 140px;

	transform-style: preserve-3d;

	-webkit-transform-style: preserve-3d;

	transform: rotateY(0deg); /* weich, aber nicht “sprunghaft” */;

	transition: transform 0.60s cubic-bezier(.22,.61,.36,1), width 0.28s ease, height 0.28s ease, box-shadow 0.25s ease;

	box-shadow: 4px 4px 20px rgba(0,0,0,0.40);

	border-radius: 6px;

	cursor: pointer;

}

.element-card:hover {

	box-shadow: none;

}

.element-card.open {

	width: 280px;

	height: 360px;

	z-index: 100;

	transform: rotateY(-180deg);

}

/* --- Faces --- */

.front-facing, .front-facing2, .front-facing3, .front-facing4, .back-facing {

	position: absolute;

	inset: 0;

	border-radius: 6px;

	backface-visibility: hidden;

	-webkit-backface-visibility: hidden;

}

/* --- Fronts: exakt wie ursprünglich (keine Flex-Zentrierung -> kein “links/rechts”) --- */

.front-facing {

	background: linear-gradient(to right, #666666 0%, #bbbbbb 50%, #666666 100%);

	border: 1px #000000 solid;

}

.front-facing2 {

	background: linear-gradient(to right, #2076d0 0%, #bbbbbb 50%, #2076d0 100%);

	border: 1px #000000 solid;

}

.front-facing3 {

	background: linear-gradient(to right, #91041c 0%, #bbbbbb 50%, #91041c 100%);

	border: 1px #000000 solid;

}

.front-facing4 {

	background: linear-gradient(to right, #046307 0%, #bbbbbb 50%, #046307 100%);

	border: 1px #000000 solid;

}

/* Original-Front-Typo */

.element-card .front-facing .abr {

	width: 100%;

	position: absolute;

	top: 50%;

	left: 0;

	font-size: 42px;

	margin: -35px 0 0 0;

	text-align: center;

	color: #000000;

}

.element-card .front-facing .title {

	width: 100%;

	font-weight: 600;

	position: absolute;

	top: 50%;

	left: 0;

	text-transform: uppercase;

	font-size: 12px;

	margin: 18px 0 0 0;

	text-align: center;

	color: #000000;

}

.element-card .front-facing2 .title2, .element-card .front-facing3 .title3, .element-card .front-facing4 .title4 {

	width: 100%;

	font-weight: 600;

	position: absolute;

	top: 21%;

	left: 0;

	text-transform: uppercase;

	font-size: 14px;

	margin: 18px 0 0 0;

	text-align: center;

	color: #000000;

	padding: 0 10px;

	box-sizing: border-box;

}

.element-card .front-facing .atomic-number {

	position: absolute;

	top: 10px;

	left: 10px;

	font-size: 12px;

	color: #ffaaaa;

}

.element-card .front-facing .atomic-mass {

	position: absolute;

	bottom: 10px;

	right: 10px;

	font-size: 12px;

	color: #ffaaaa;

}

/* --- Back: kompletter Text ohne Scroll (wie ursprünglich) --- */

.back-facing {

	transform: rotateY(180deg);

	background-color: #ecf0f1;

	border: 2px white solid;

	border-radius: 6px;

	padding: 20px;

	text-align: center;

	overflow: hidden;

/* kein Scrollbalken */display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

}

.back-facing p {

	font-size: 11px;

	margin: 0;

	line-height: 1.4;

}

/* Button ruhig */

.back-facing .js-close-card {

	margin-top: 12px;

}

@media (max-width: 650px){

/* Optional: etwas Luft am Rand */

:root {

	--card-gap: 12px;

}

/* Wenn eine Karte offen ist -> Overlay */

.element-card.open {

	position: fixed;

	left: 50%;

	top: 50%;

	transform: translate(-50%, -50%) rotateY(-180deg);

	width: calc(100vw - (var(--card-gap) * 2));

	max-width: 360px;

	height: 360px;

	z-index: 1050; /* über allem */

}

/* Abdunklung (Backdrop) – wird per JS an/aus gemacht */

.cards-backdrop {

	position: fixed;

	inset: 0;

	background: rgba(0,0,0,0.35);

	z-index: 1040;

}

/* Damit das Grid im Hintergrund nicht “mitzieht” */

.elementscontainer {

	overflow: visible;

}

}

/* =========================

      Elemente Tabelle Hauswasseranlagen

       ========================= */

#wrapper {

	width: 100%;

}

#wrapper * {

	box-sizing: border-box;

}

/* Legend */

#key {

	display: flex;

	flex-wrap: wrap;

	gap: 14px;

	margin: 14px 0 18px;

}

#key ul {

	list-style: none;

	padding: 0;

	margin: 0;

	width: 28%;

	min-width: 150px;

}

#key li {

	margin: 0 0 6px;

}

/* Swatch: wirklich eckig */

.swatch {

	width: 16px;

	height: 16px;

	display: inline-block;

	vertical-align: middle;

	border-radius: 0 !important;

	outline: none !important;

}

/* Grid */

#elements {

	display: grid;

	grid-template-columns: repeat(18, 55px);

	grid-auto-rows: 55px;

	gap: 6px;

	justify-content: center;

	align-content: start;

	perspective: 900px;

}

#elements > div {

	width: 55px;

	height: 55px;

	border-radius: 0 !important;

}

/* blank */

.element-blank {

	background: transparent;

	cursor: auto;

	border-radius: 0 !important;

}

.element-blank.full {

	grid-column: 1 / -1;

	height: 27.5px;

}

/* long chips */

.chip.long {

	width: 116px;

	height: 55px;

}

.element-lanthanoid-transitional-metal, .element-actinoid-transitional-metal {

	width: 116px !important;

	height: 55px !important;

	border-radius: 0 !important;

}

.element-lanthanoid-transitional-metal {

	grid-column: span 2;

}

.element-actinoid-transitional-metal {

	grid-column: span 2;

}

/* =========================================================

   Flip / 3D

========================================================= */

.chip {

	position: relative;

	width: 55px;

	height: 55px; /* absolut eckig */;

	border-radius: 0 !important;

	transform-style: preserve-3d;

	-webkit-transform-style: preserve-3d;

	transition: transform .55s ease;

	cursor: pointer; /* Anti-Flatter + "Kreis"-Artefakt weg */;

	will-change: transform;

	transform: translateZ(0);

	-webkit-transform: translateZ(0); /* optional: scharfe Kante statt weicher Aura */;

	box-shadow: none;

	outline: none;

}

/* Optionaler dezenter Rahmen, damit nichts "rund" wirkt */

.chip .face {

	border-radius: 0 !important;

	outline: 1px solid rgba(0,0,0,.35);

	outline-offset: -1px;

	background-clip: padding-box;

}

.face {

	position: absolute;

	inset: 0;

	border-radius: 0 !important;

	backface-visibility: hidden;

	-webkit-backface-visibility: hidden;

	transform-style: preserve-3d;

	-webkit-transform-style: preserve-3d;

	overflow: hidden;

}

/* iOS/Safari: auch Kinder */

.face * {

	backface-visibility: hidden;

	-webkit-backface-visibility: hidden;

}

/* Front */

.face.front i {

	position: absolute;

	top: 5px;

	left: 6px;

	font-style: normal;

	font-size: 10px;

	opacity: .95;

}

.face.front strong {

	position: absolute;

	inset: 0;

	display: flex;

	align-items: center;

	justify-content: center;

	font-size: 18px;

	font-weight: 700;

}

/* Back */

.face.back {

	transform: rotateY(180deg) translateZ(0);

	-webkit-transform: rotateY(180deg) translateZ(0);

	padding: 6px;

	font-size: 10px;

	line-height: 1.1;

}

.face.back p {

	margin: 0;

}

.face.back span {

	display: block;

	margin-top: 6px;

	font-weight: 700;

}

/* Flip nur per Klick/Touch (kein Hover => kein Flattern) */

.chip.is-flipped {

	transform: rotateY(180deg) translateZ(0);

}

/* Tastatur-Fokus: eckiger Ring (nicht rund, nicht "Aura") */

.chip:focus-visible {

	outline: 2px solid rgba(0,0,0,.6);

	outline-offset: 2px;

	border-radius: 0 !important;

}

/* =========================================================

   Responsive: unter 989px Blanks ausblenden, kachelbar

========================================================= */

@media (max-width:989px){

#wrapper {

	width: 90%;

	margin: 0 auto;

}

#wrapper .element-blank {

	display: none;

}

#elements {

	grid-template-columns: repeat(auto-fit, minmax(55px, 1fr));

	justify-content: center;

}

}

/* =========================================================

   Farben KNALLIGER (gleiche Struktur, nur strahlender)

========================================================= */

span.swatch.element-metal {

	background-image: linear-gradient(to right bottom,#f2f2f2,#7b7b7b);

}

span.swatch.element-non-metal {

	background-image: linear-gradient(to right bottom,#c7d6dc,#3d4f57);

}

span.swatch.element-alkali-metal {

	background-image: linear-gradient(to right bottom,#e8ff59,#5d7b00);

}

span.swatch.element-alkali-earth-metal {

	background-image: linear-gradient(to right bottom,#63ffc2,#008a4d);

}

span.swatch.element-transition-metal {

	background-image: linear-gradient(to right bottom,#7fe0ff,#006bff);

}

span.swatch.element-lanthoid {

	background-image: linear-gradient(to right bottom,#ffe92b,#b28a00);

}

span.swatch.element-actinoid {

	background-image: linear-gradient(to right bottom,#ffbf2a,#c46a00);

}

span.swatch.element-metalloid {

	background-image: linear-gradient(to right bottom,#ff5a5a,#b80000);

}

span.swatch.element-halogen {

	background-image: linear-gradient(to right bottom,#ffd27a,#9a5a00);

}

span.swatch.element-noble-gas {

	background-image: linear-gradient(to right bottom,#c8c8ff,#3030d8);

}

/* Kachel-Farben */

.element-metal .front {

	color: #2d2d2d;

	background-image: linear-gradient(to right bottom,#f2f2f2,#7b7b7b);

}

.element-metal .face.back {

	background-color: #d9d9d9;

}

.element-alkali-metal .front {

	color: #2e3500;

	background-image: linear-gradient(to right bottom,#e8ff59,#5d7b00);

}

.element-alkali-metal .face.back {

	background-color: #eaff99;

}

.element-alkali-earth-metal .front {

	color: #052113;

	background-image: linear-gradient(to right bottom,#63ffc2,#008a4d);

}

.element-alkali-earth-metal .face.back {

	background-color: #a8ffd9;

}

.element-transition-metal .front {

	color: #001f3a;

	background-image: linear-gradient(to right bottom,#7fe0ff,#006bff);

}

.element-transition-metal .face.back {

	background-color: #bdeeff;

}

.element-lanthoid .front {

	color: #3d3200;

	background-image: linear-gradient(to right bottom,#ffe92b,#b28a00);

}

.element-lanthoid .face.back {

	background-color: #ffef76;

}

.element-actinoid .front {

	color: #2b1600;

	background-image: linear-gradient(to right bottom,#ffbf2a,#c46a00);

}

.element-actinoid .face.back {

	background-color: #ffd27a;

}

.element-metalloid .front {

	color: #2b0000;

	background-image: linear-gradient(to right bottom,#ff5a5a,#b80000);

}

.element-metalloid .face.back {

	background-color: #ff9a9a;

}

.element-non-metal .front {

	color: #0c1214;

	background-image: linear-gradient(to right bottom,#c7d6dc,#3d4f57);

}

.element-non-metal .face.back {

	background-color: #dbe6ea;

}

.element-halogen .front {

	color: #241500;

	background-image: linear-gradient(to right bottom,#ffd27a,#9a5a00);

}

.element-halogen .face.back {

	background-color: #ffe2b0;

}

.element-noble-gas .front {

	color: #14143a;

	background-image: linear-gradient(to right bottom,#c8c8ff,#3030d8);

}

.element-noble-gas .face.back {

	background-color: #dadaff;

}

/* Kombi-Kacheln La-Lu / Ac-Lr (gleiches Prinzip, nur strahlender) */

.element-lanthanoid-transitional-metal .front {

	color: #0b2342;

	background-image: linear-gradient(to right bottom,#25c6ff,#ffdf00);

}

.element-lanthanoid-transitional-metal .face.back {

	background-color: #bdeeff;

}

.element-actinoid-transitional-metal .front {

	color: #0b2342;

	background-image: linear-gradient(to right bottom,#25c6ff,#ff9a00);

}

.element-actinoid-transitional-metal .face.back {

	background-color: #bdeeff;

}

</style>

/* -------------------

	Media Queries

-------------------- */

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

  #wrapper {

    width: 90%;

  }

  #wrapper .element-blank {

    display: none;

  }



  #key {

    position: static;

    width: 100%;

    left: 165px;

    z-index: 100;

    margin-top: 20px;

    margin-bottom: 10px;

  }

  #key:after {

    content: '';

    content: ".";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0;

  }

  #key ul {

    width: 28%;

    min-width: 150px;

    margin-right: 5%;

  }

  #key ul:nth-of-type(3) {

    margin-right: 0;

  }

}

/* auf kleinen Screens horizontal scrollen statt zusammenfallen */

#wrapper {

	overflow-x: auto;

	-webkit-overflow-scrolling: touch;

}

/* 18-Spalten-Grid wie echte Periodentabelle */

#elements.periodic-grid {

	display: grid;

	grid-template-columns: repeat(18, minmax(0, 1fr));

	gap: .35rem;

	align-items: stretch; /* verhindert "Strich" durch zu geringe Breite */;

	min-width: 980px;

}

/* Zellen dürfen nicht kollabieren */

#elements.periodic-grid > div {

	min-height: 3.25rem;

	float: none !important; /* falls altes CSS floats nutzt */

}

/* Chip + Faces sollen die Zelle füllen */

#elements.periodic-grid .chip, #elements.periodic-grid .chip .face {

	width: 100%;

	height: 100%;

}

/* Legende: Farbkästchen */

#key .swatch {

	display: inline-block;

	width: 14px;

	height: 14px;

	border-radius: 3px;

	vertical-align: middle;

	margin-right: 6px;

}

/* =========================

      Contakt Band

       ========================= */

.contact-band {

	background: transparent; /* verschmilzt */

}

.contact-band-inner {

	background: #fff;

	border: 0px solid rgba(0,0,0,.08);

	border-radius: 10px;

	padding: 18px 18px;

	background: radial-gradient(700px 260px at 15% 15%, rgba(135,206,250,0.35), transparent 60%), radial-gradient(800px 320px at 90% 10%, rgba(135,206,250,0.18), transparent 55%), linear-gradient(180deg, rgba(255,255,255,0.9), rgba(255,255,255,0.65));

}

.cb-block {

	padding-left: 14px;

	border-left: 2px solid rgba(0,0,0,.06);

}

.cb-title {

	font-size: .78rem;

	letter-spacing: .08em;

	text-transform: uppercase;

	font-weight: 600;

	color: #000000;

	margin-bottom: .35rem;

}

.cb-text {

	font-size: .95rem;

	line-height: 1.45;

	color: #000000;

}

.cb-muted {

	color: #000000;

	font-size: .85rem;

}

.cb-link {

	color: blue;

	text-decoration: none;

	border-bottom: 0px solid rgba(0,0,0,.12);

}

.cb-link:hover {

	border-bottom-color: rgba(0,0,0,.35);

}

/*==================================================



    Wasserprobe



==================================================*/

.bottle-main {

	margin: 0 auto;

	width: auto;

}

.clover {

	position: relative;

}

.leave {

	display: block;

	height: 16px;

	width: 10px;

	background: #2cb62c;

	position: absolute;

	left: 17px;

	top: 1px;

	transform: rotate(-45deg);

	border-radius: 5px 5px 0 3px;

	transform-origin: -2% 102%;

}

.leave:after {

	content: '';

	display: block;

	height: 16px;

	width: 10px;

	background: #2cb62c;

	transform: rotate(90deg) translate(-5px,5px);

	transform-origin: 50% 100%;

	border-radius: 5px 5px 3px 0;

}

.leaves {

	height: 34px;

	width: 34px;

	position: relative;

	z-index: 1;

}

.angleN {

	transform: rotate(-45deg);

}

.angleS {

	transform: rotate(135deg);

}

.angleW {

	transform: rotate(-135deg);

}

.angleE {

	transform: rotate(45deg);

}

.branch {

	height: 40px;

	width: 40px;

	position: absolute;

	left: 15px;

	top: -4px;

}

.branch:after {

	content: '';

	display: block;

	height: 50px;

	width: 40px;

	border-bottom: 2px solid #219b21;

	border-radius: 50px 50px 25px 150px;

	position: absolute;

	left: 0;

	top: -8px;

}

.bottle {

	width: 100px;

	position: relative;

	margin: 0 auto;

}

.bottle:after {

	content: '';

	display: block;

	height: 14px;

	width: 100px;

	border-radius: 46px/10px;

	box-shadow: 0 1px 4px -2px rgba(0,0,0,0.2),0px 2px 10px -3px rgba(0,0,0,0.1);

	position: absolute;

	bottom: -7.6px;

	z-index: 0;

}

.bottle:before {

	content: '';

	display: block;

	height: 14px;

	width: 100px;

	border-radius: 46px/10px;

	box-shadow: 0 2px 10px -2px rgba(0,204,255,0.3),0px 2px 15px -2px rgba(0,204,255,0.4);

	position: absolute;

	bottom: -7.6px;

	z-index: 0;

}

.bottle_top {

	height: 30px;

	width: 80px;

	position: relative;

	border: 1px solid rgba(255,255,255,0.5);

	border-top: none;

	border-bottom: none;

	margin: 0 auto;

}

.bottle_top:after, .bottle_top:before {

	content: '';

	display: block;

	height: 10px;

	width: 78px;

	border-radius: 46px/10px;

	border: 2px solid rgba(255,255,255,0.5);

	border-bottom: 2px solid rgba(255,255,255,0.6);

	border-top: 1px solid rgba(255,255,255,0.4);

	position: absolute;

	left: -1px;

	box-shadow: 0 0 6px rgba(255,255,255,0.6) inset;

}

.bottle_top:after {

	top: -6px;

	box-shadow: 0 0 6px rgba(255,255,255,0.6) inset,0px 3px 3px -1px rgba(255,255,255,0.3);

}

.bottle_top:before {

	top: 24px;

	box-shadow: 0 0 6px rgba(255,255,255,0.4) inset;

}

.bottle_neck {

	height: 20px;

	width: 62px;

	position: relative;

	background: none;

	border: 1px solid rgba(255,255,255,0.5);

	border-top: none;

	border-bottom: none;

	margin: 0 auto;

}

.bottle_neck:after, .bottle_neck:before {

	content: '';

	display: block;

	height: 8px;

	width: 62px;

	border-radius: 30px/8px;

	border: 1px solid rgba(255,255,255,0.5);

	border-top: none;

	position: absolute;

	left: -1px;

}

.bottle_neck:after {

	top: -4px;

	border: 1px solid rgba(255,255,255,0.2);

	box-shadow: 0 5px 3px -2px rgba(0,0,0,0.05);

}

.bottle_neck:before {

	top: 15px;

}

.bottle_main {

	height: 150px;

	position: relative;

	width: 98px;

	background: none;

	border: 1px solid rgba(255,255,255,0.5);

	border-top: none;

	border-bottom: none;

}

.bottle_main:after, .bottle_main:before {

	content: '';

	display: block;

	height: 12px;

	width: 96px;

	border-radius: 46px/10px;

	border: 2px solid rgba(255,255,255,0.5);

	border-bottom: 2px solid rgba(255,255,255,0.7);

	border-top: 1px solid rgba(255,255,255,0.3);

	position: absolute;

	left: -1px;

}

.bottle_main:after {

	top: -7px;

	box-shadow: 0 0 6px rgba(255,255,255,0.6) inset,0px 3px 3px -1px rgba(255,255,255,0.4),0px 0 3px rgba(0,0,0,0.05) inset,0px 0 6px rgba(255,255,255,0.7) inset,0px 0 3px rgba(0,0,0,0.15) inset;

}

.bottle_main:before {

	top: 143px;

	box-shadow: 0 0 6px rgba(255,255,255,0.7) inset,0px 0 3px rgba(0,0,0,0.15) inset;

}

.bottle_mouth {

	height: 52px;

	width: 44px;

	margin: 0 auto;

	position: relative;

	background: none;

	border: 1px solid rgba(0,0,0,0.04);

	border-top: none;

	border-bottom: none;

	background: linear-gradient(left,rgba(255,255,255,0.3),rgba(255,255,255,0) 5%,rgba(255,255,255,0) 95%,rgba(255,255,255,0.3));

	box-shadow: 0 0 6px rgba(255,255,255,0.3);

}

.bottle_mouth:after {

	content: '';

	display: block;

	height: 6px;

	width: 44px;

	border-radius: 25px/6px;

	border: 1px solid rgba(255,255,255,0.4);

	position: absolute;

	left: -1px;

	top: -4px;

	z-index: 1;

	box-shadow: 0 0 3px rgba(255,255,255,0.3);

}

.bottle_inner {

	height: 149px;

	width: 92%;

	margin: 0 auto;

	border-radius: 10px 10px 20px 20px/10px;

	border: 1px solid rgba(0,0,0,0.01);

	border-top: 1px solid rgba(255,255,255,0.3);

	border-bottom-width: .5px;

	position: relative;

	box-shadow: 0 0 2px rgba(255,255,255,0.5) inset,0px 0 8px rgba(255,255,255,0.6) inset,0px 0 5px rgba(255,255,255,0.5);

	position: relative;

	top: 1px;

}

.bottle_inner:before {

	content: '';

	display: block;

	border-radius: 40px/4px;

	position: absolute;

	top: 140px;

	width: 90%;

	left: 3px;

	height: 9px;

}

.bottle_top .highlight {

	display: block;

	height: 30px;

	width: 20px;

	position: absolute;

	left: 5px;

	top: 5px;

	transform: skew(0deg,5deg);

	background: linear-gradient(left,rgba(255,255,255,0.1),rgba(255,255,255,0.6) 4%,rgba(255,255,255,0.2) 98%,rgba(255,255,255,0));

}

.bottle_top .highlight:after {

	content: '';

	display: block;

	height: 30px;

	width: 2px;

	position: absolute;

	left: -3px;

	top: -1px;

	transform: skew(0deg,5deg);

	background: rgba(255,255,255,0.3);

}

.bottle_main .highlight {

	display: block;

	height: 150px;

	width: 25px;

	position: absolute;

	left: 10px;

	top: 6px;

	transform: skew(0deg,6deg);

	background: linear-gradient(left,rgba(255,255,255,0.2),rgba(255,255,255,0.5) 4%,rgba(255,255,255,0.2) 98%,rgba(255,255,255,0));

	z-index: 2;

}

.bottle_main .highlight:after {

	content: '';

	display: block;

	height: 150px;

	width: 4px;

	position: absolute;

	left: -6px;

	top: 0;

	transform: skew(0deg,3deg);

	background: linear-gradient(top,rgba(255,255,255,0.3),rgba(255,255,255,0) 80%);

}

.bottle_neck .highlight {

	display: block;

	height: 20px;

	width: 25px;

	position: absolute;

	left: 2px;

	top: 6px;

	transform: skew(0deg,6deg);

	background: linear-gradient(left,rgba(255,255,255,0.1),rgba(255,255,255,0.3) 4%,rgba(255,255,255,0.1) 98%,rgba(255,255,255,0));

}

.water {

	background: linear-gradient(-85deg,rgba(0,204,255,0.35),rgba(0,173,216,0.55) 70%,rgba(0,173,216,0.4));

	height: 80px;

	width: 98%;

	position: absolute;

	left: 1px;

	bottom: 1px;

	border-radius: 50px 50px 20px 20px/8px 8px 10px 10px;

	box-shadow: 0 0 6px rgba(0,204,255,0.5) inset,0px .2px 3px -1px rgba(0,0,0,0.3) inset,0px 2px 6px -1px rgba(0,0,0,0.1) inset,0px 2px 5px rgba(0,204,255,0.3),0px 1px 3px rgba(0,204,255,0.2);

}

.water:after {

	content: '';

	display: block;

	height: 10px;

	width: 88px;

	position: absolute;

	left: -1px;

	top: 0;

	background: linear-gradient(left,rgba(255,255,255,0.4),rgba(0,204,255,0.05) 50%,rgba(0,204,255,0.1) 80%,rgba(255,255,255,0.3));

	border-radius: 50px/8px;

	border: 1px solid rgba(255,255,255,0.2);

	border-bottom-color: rgba(255,255,255,0.4);

	box-shadow: 0 1px 2px -1px rgba(0,204,255,0.35);

}

.water:before {

	content: '';

	display: block;

	height: 10px;

	width: 82px;

	position: absolute;

	left: 2px;

	bottom: -1px;

	background: linear-gradient(left,rgba(0,173,216,0.2),rgba(0,204,255,0.1) 50%,rgba(0,204,255,0.2) 80%,rgba(0,173,216,0.3));

	border-radius: 50px/10px;

	border: 1px solid rgba(255,255,255,0.1);

	border-bottom: none;

	box-shadow: 0 -2px 3px -1px rgba(0,204,255,0.25);

}

.bubble {

	display: block;

	border: .5px solid rgba(255,255,255,0.7);

	position: absolute;

	z-index: 1;

	border-radius: 6px/3px;

	transform: skew(0deg,2deg);

	box-shadow: 0 0 2px rgba(255,255,255,0.6) inset,-1px 1px 2px -1px rgba(0,204,255,0.1);

}

.bubble1 {

	height: 3px;

	width: 6px;

	left: 6px;

	top: 7.2px;

}

.bubble2 {

	height: 2px;

	width: 4px;

	left: 14px;

	top: 8.4px;

}

.bubble3 {

	height: .5px;

	left: 14px;

	width: .5px;

	bottom: 2px;

	border: .5px solid rgba(255,255,255,0.1);

	box-shadow: 0 0 0 rgba(0,0,0,0);

}

.cloverTop {

	position: absolute;

	left: 19px;

	top: -7px;

	z-index: 1;

	height: 14px;

	overflow: hidden;

}

.cloverBottom {

	position: absolute;

	left: 14px;

	top: 7px;

	z-index: 0;

	height: 54px;

	width: 100px;

	overflow: hidden;

}

.cloverBottom .clover {

	margin: -14px 0 0 5px;

}

.cloverBottom:after {

	content: '';

	display: block;

	height: 2px;

	width: 36px;

	border: .5px solid rgba(255,255,255,0.3);

	position: absolute;

	left: 3px;

	top: -1px;

	z-index: 1;

	border-radius: 19px/2px;

	border-top: none;

	border-right: none;

	border-bottom-color: rgba(255,255,255,0.2);

	box-shadow: 0 0 3px -1px rgba(0,0,0,0.2) inset;

}

.cloverBottom:before {

	content: '';

	display: block;

	height: 3.5px;

	width: 41px;

	border: .5px solid rgba(255,255,255,0.2);

	position: absolute;

	left: 2px;

	top: -1px;

	border-radius: 19px/3.5px;

	border-top: none;

	border-left: none;

	border-bottom-color: rgba(255,255,255,0.1);

	box-shadow: 0 0 3px -1px rgba(0,0,0,0.15) inset,0px 0 1px rgba(0,0,0,0.08) inset;

	z-index: 2;

}

.cloverTop, .cloverBottom {

	animation: cloverMove 4s linear infinite alternate;

}

@keyframes cloverMove{0%{transform:translate(0px,0px)}25%{transform:translate(-3px,1px)}50%{transform:translate(0px,-1px)}75%{transform:translate(4px,1px)}100%{transform:translate(0px,0px)}}

.branch {

	animation: branchMove 4s linear infinite alternate;

	transform-origin: 0 0;

}

@keyframes branchMove{0%{transform:rotate(0deg)}25%{transform:rotate(3deg)}50%{transform:rotate(-2deg)}75%{transform:rotate(4deg)}100%{transform:rotate(0deg)}}

.bubble3 {

	animation: bubbleRise 4s linear infinite;

}

@keyframes bubbleRise{0%{transform:translate(0px,0px);opacity:0;border-color:rgba(255,255,255,0.1)}10%{transform:translate(0px,0px);opacity:1}30%{transform:translate(-1px,-15px)}50%{transform:translate(1px,-30px)}75%{transform:translate(-1px,-50px) scale(1.2)}98%{opacity:1;border-color:rgba(255,255,255,0.25)}100%{transform:translate(0px,-67px) scale(1.4);opacity:0;border-color:rgba(255,255,255,0.1)}}

.bubble1, .bubble2 {

	animation: bubbleMove 4s linear infinite alternate;

}

@keyframes bubbleMove{0%{transform:translate(0px,0px) skew(0deg,2deg)}25%{transform:translate(-2px,0.5px) skew(0deg,5deg)}50%{transform:translate(0px,-0.5px) skew(0deg,2deg)}75%{transform:translate(2px,0.5px) skew(0deg,0deg)}100%{transform:translate(0px,0px) skew(0deg,2deg)}}

.pink .water {

	background: linear-gradient(-85deg,rgba(255,0,204,0.35),rgba(210,0,170,0.55) 70%,rgba(210,0,170,0.4));

	box-shadow: 0 0 6px rgba(255,0,204,0.5) inset,0px .2px 3px -1px rgba(0,0,0,0.3) inset,0px 2px 6px -1px rgba(0,0,0,0.1) inset,0px 2px 5px rgba(255,0,204,0.3),0px 1px 3px rgba(255,0,204,0.2);

}

.pink .water:after {

	background: linear-gradient(left,rgba(255,255,255,0.4),rgba(255,0,204,0.05) 50%,rgba(255,0,204,0.1) 80%,rgba(255,255,255,0.3));

	box-shadow: 0 1px 2px -1px rgba(255,0,204,0.35);

}

.pink .water:before {

	background: linear-gradient(left,rgba(210,0,170,0.2),rgba(255,0,204,0.1) 50%,rgba(255,0,204,0.2) 80%,rgba(210,0,170,0.3));

	box-shadow: 0 -2px 3px -1px rgba(255,0,204,0.25);

}

.pink:before {

	box-shadow: 0 2px 10px -2px rgba(255,0,204,0.3),0px 2px 15px -2px rgba(255,0,204,0.4);

}

.pink .bubble {

	box-shadow: 0 0 2px rgba(255,255,255,0.6) inset,-1px 1px 2px -1px rgba(255,0,204,0.1);

}

.yellow .water {

	background: linear-gradient(-85deg,rgba(255,240,20,0.35),rgba(233,217,0,0.55) 70%,rgba(233,217,0,0.4));

	box-shadow: 0 0 6px rgba(255,240,20,0.5) inset,0px .2px 3px -1px rgba(0,0,0,0.3) inset,0px 2px 6px -1px rgba(0,0,0,0.1) inset,0px 2px 5px rgba(255,240,20,0.3),0px 1px 3px rgba(255,240,20,0.2);

}

.yellow .water:after {

	background: linear-gradient(left,rgba(255,255,255,0.4),rgba(255,240,20,0.05) 50%,rgba(255,240,20,0.1) 80%,rgba(255,255,255,0.3));

	box-shadow: 0 1px 2px -1px rgba(255,240,20,0.35);

}

.yellow .water:before {

	background: linear-gradient(left,rgba(233,217,0,0.2),rgba(255,240,20,0.1) 50%,rgba(255,240,20,0.2) 80%,rgba(233,217,0,0.3));

	box-shadow: 0 -2px 3px -1px rgba(255,240,20,0.25);

}

.yellow:before {

	box-shadow: 0 2px 10px -2px rgba(255,240,20,0.3),0px 2px 15px -2px rgba(255,240,20,0.4);

}

.yellow .bubble {

	box-shadow: 0 0 2px rgba(255,255,255,0.6) inset,-1px 1px 2px -1px rgba(255,240,20,0.1);

}

.green .water {

	background: linear-gradient(-85deg,rgba(90,230,0,0.35),rgba(70,190,0,0.55) 70%,rgba(70,190,0,0.4));

	box-shadow: 0 0 6px rgba(90,230,0,0.5) inset,0px .2px 3px -1px rgba(0,0,0,0.3) inset,0px 2px 6px -1px rgba(0,0,0,0.1) inset,0px 2px 5px rgba(90,230,0,0.3),0px 1px 3px rgba(90,230,0,0.2);

}

.green .water:after {

	background: linear-gradient(left,rgba(255,255,255,0.4),rgba(90,230,0,0.05) 50%,rgba(90,230,0,0.1) 80%,rgba(255,255,255,0.3));

	box-shadow: 0 1px 2px -1px rgba(90,230,0,0.35);

}

.green .water:before {

	background: linear-gradient(left,rgba(70,190,0,0.2),rgba(90,230,0,0.1) 50%,rgba(90,230,0,0.2) 80%,rgba(70,190,0,0.3));

	box-shadow: 0 -2px 3px -1px rgba(90,230,0,0.25);

}

.green:before {

	box-shadow: 0 2px 10px -2px rgba(90,230,0,0.3),0px 2px 15px -2px rgba(90,230,0,0.4);

}

.green .bubble {

	box-shadow: 0 0 2px rgba(255,255,255,0.6) inset,-1px 1px 2px -1px rgba(90,230,0,0.1);

}

.jellyfish {

	position: absolute;

	left: 40px;

	top: 30px;

	animation: jellyfishSwimming 4s linear infinite alternate;

}

.jellyfish_head {

	position: absolute;

	left: 0;

	top: 0;

	display: block;

	height: 15px;

	width: 20px;

	background: rgba(255,255,255,0.15);

	border: 1px solid rgba(255,255,255,0.5);

	border-radius: 20px 20px 10px 10px/20px 20px 16px 16px;

	box-shadow: 0 0 4px rgba(255,255,255,0.5) inset,1px 1px 2px rgba(255,255,255,0.2) inset,3px 3px 1px rgba(255,255,255,0.2) inset,-1px -1px 1px rgba(255,255,255,0.1) inset;

	animation: jellyfish_headChange 4s linear infinite alternate;

}

.jellyfish_head:after {

	content: '';

	display: block;

	height: 3px;

	width: 5px;

	background: rgba(255,255,255,0.4);

	position: absolute;

	left: 3px;

	top: 2px;

	border-radius: 5px/3px;

	transform: rotate(-15deg);

	box-shadow: 0 0 1px rgba(255,255,255,0.8) inset;

}

.jellyfish_tail {

	position: absolute;

	left: 2px;

	top: 15px;

	display: block;

	height: 20px;

	width: 18px;

	border: .5px solid rgba(255,255,255,0.4);

	border-top: none;

	border-bottom: none;

	border-radius: 10px 10px 16px 6px/20px 20px 6px 6px;

	box-shadow: 0 0 3px rgba(255,255,255,0.3) inset,0px 4px 3px rgba(255,255,255,0.1) inset;

	transform-origin: 50% 0;

	animation: jellyfish_tailChange 4s linear infinite alternate;

}

.jellyfish_tail:after {

	content: '';

	position: absolute;

	left: .5px;

	top: 1px;

	display: block;

	height: 21px;

	width: 15.5px;

	border: .5px solid rgba(255,255,255,0.3);

	border-right-color: rgba(255,255,255,0.4);

	border-top: none;

	border-bottom: none;

	border-radius: 10px/10px 20px 16px 16px;

	box-shadow: 0 0 3px rgba(255,255,255,0.3) inset,0px 3px 3px rgba(255,255,255,0.2) inset;

}

.jellyfish_tail:before {

	content: '';

	position: absolute;

	left: 1.5px;

	top: 1px;

	display: block;

	height: 17px;

	width: 17px;

	border-right: .5px solid rgba(255,255,255,0.4);

	border-radius: 15px 10px 16px 16px/30px 30px 8px 8px;

	box-shadow: 0 0 3px rgba(255,255,255,0.3) inset;

	transform: rotate(-6deg);

}

.jellyfish_tail_in {

	position: absolute;

	left: -.5px;

	top: 0;

	display: block;

	height: 16px;

	width: 10px;

	border-left: .5px solid rgba(255,255,255,0.4);

	border-radius: 10px 20px 16px 10px/20px 20px 6px 20px;

	box-shadow: 3px 0 3px rgba(255,255,255,0.2) inset;

	transform: rotate(14deg);

}

@keyframes jellyfishSwimming{0%{transform:translate(0px,0px) rotate(-4deg) scale(0.8)}20%{transform:translate(-1px,-3px) rotate(-6deg) scale(0.8)}50%{transform:translate(-2px,-1px) rotate(-3deg) scale(0.8)}70%{transform:translate(-1px,-3px) rotate(-6deg) scale(0.8)}100%{transform:translate(0px,0px) rotate(-4deg) scale(0.8)}}

@keyframes jellyfish_headChange{0%{transform:scale(1)}5%{transform:scale(1.1,0.95)}20%{transform:scale(0.95,1.1)}50%{transform:scale(1)}55%{transform:scale(1.1,0.95)}70%{transform:scale(0.95,1.1)}100%{transform:scale(1)}}

@keyframes jellyfish_tailChange{0%{transform:scale(0.8)}5%{transform:scale(0.9,0.75)}20%{transform:scale(0.7,1)}50%{transform:scale(0.8)}55%{transform:scale(0.9,0.75)}70%{transform:scale(0.7,1)}100%{transform:scale(0.8)}}

.leave {

	transform: rotate(-45deg);

	border-radius: 5px 5px 0 3px;

	transform-origin: -2% 102%;

}

.leave:after {

	transform: rotate(90deg) translate(-5px,5px);

	transform-origin: 50% 100%;

	border-radius: 5px 5px 3px 0;

}

.angleN {

	transform: rotate(-45deg);

}

.angleS {

	transform: rotate(135deg);

}

.angleW {

	transform: rotate(-135deg);

}

.angleE {

	transform: rotate(45deg);

}

.branch:after {

	border-radius: 50px 50px 25px 150px;

}

.bottle:after {

	border-radius: 46px/10px;

	box-shadow: 0 1px 4px -2px rgba(0,0,0,0.2),0px 2px 10px -3px rgba(0,0,0,0.1);

}

.bottle:before {

	border-radius: 46px/10px;

	box-shadow: 0 2px 10px -2px rgba(0,204,255,0.3),0px 2px 15px -2px rgba(0,204,255,0.4);

}

.bottle_top:after, .bottle_top:before {

	border-radius: 46px/10px;

	box-shadow: 0 0 6px rgba(255,255,255,0.6) inset;

}

.bottle_top:after {

	box-shadow: 0 0 6px rgba(255,255,255,0.6) inset,0px 3px 3px -1px rgba(255,255,255,0.3);

}

.bottle_top:before {

	box-shadow: 0 0 6px rgba(255,255,255,0.4) inset;

}

.bottle_neck:after, .bottle_neck:before {

	border-radius: 30px/8px;

}

.bottle_neck:after {

	box-shadow: 0 5px 3px -2px rgba(0,0,0,0.05);

}

.bottle_main:after, .bottle_main:before {

	border-radius: 46px/10px;

}

.bottle_main:after {

	box-shadow: 0 0 6px rgba(255,255,255,0.6) inset,0px 3px 3px -1px rgba(255,255,255,0.4),0px 0 3px rgba(0,0,0,0.05) inset,0px 0 6px rgba(255,255,255,0.7) inset,0px 0 3px rgba(0,0,0,0.15) inset;

}

.bottle_main:before {

	box-shadow: 0 0 6px rgba(255,255,255,0.7) inset,0px 0 3px rgba(0,0,0,0.15) inset;

}

.bottle_mouth {

	background: linear-gradient(left,rgba(255,255,255,0.3),rgba(255,255,255,0) 5%,rgba(255,255,255,0) 95%,rgba(255,255,255,0.3));

	box-shadow: 0 0 6px rgba(255,255,255,0.3);

}

.bottle_mouth:after {

	border-radius: 25px/6px;

	box-shadow: 0 0 3px rgba(255,255,255,0.3);

}

.bottle_inner {

	border-radius: 10px 10px 20px 20px/10px;

	box-shadow: 0 0 2px rgba(255,255,255,0.5) inset,0px 0 8px rgba(255,255,255,0.6) inset,0px 0 5px rgba(255,255,255,0.5);

}

.bottle_inner:before {

	border-radius: 40px/4px;

}

.bottle_top .highlight {

	transform: skew(0deg,5deg);

	background: linear-gradient(left,rgba(255,255,255,0.1),rgba(255,255,255,0.6) 4%,rgba(255,255,255,0.2) 98%,rgba(255,255,255,0));

}

.bottle_top .highlight:after {

	transform: skew(0deg,5deg);

}

.bottle_main .highlight {

	transform: skew(0deg,6deg);

	background: linear-gradient(left,rgba(255,255,255,0.2),rgba(255,255,255,0.5) 4%,rgba(255,255,255,0.2) 98%,rgba(255,255,255,0));

}

.bottle_main .highlight:after {

	transform: skew(0deg,3deg);

	background: linear-gradient(top,rgba(255,255,255,0.3),rgba(255,255,255,0) 80%);

}

.bottle_neck .highlight {

	transform: skew(0deg,6deg);

	background: linear-gradient(left,rgba(255,255,255,0.1),rgba(255,255,255,0.3) 4%,rgba(255,255,255,0.1) 98%,rgba(255,255,255,0));

}

.water {

	background: linear-gradient(-85deg,rgba(0,204,255,0.35),rgba(0,173,216,0.55) 70%,rgba(0,173,216,0.4));

	border-radius: 50px 50px 20px 20px/8px 8px 10px 10px;

	box-shadow: 0 0 6px rgba(0,204,255,0.5) inset,0px .2px 3px -1px rgba(0,0,0,0.3) inset,0px 2px 6px -1px rgba(0,0,0,0.1) inset,0px 2px 5px rgba(0,204,255,0.3),0px 1px 3px rgba(0,204,255,0.2);

}

.water:after {

	background: linear-gradient(left,rgba(255,255,255,0.4),rgba(0,204,255,0.05) 50%,rgba(0,204,255,0.1) 80%,rgba(255,255,255,0.3));

	border-radius: 50px/8px;

	box-shadow: 0 1px 2px -1px rgba(0,204,255,0.35);

}

.water:before {

	background: linear-gradient(left,rgba(0,173,216,0.2),rgba(0,204,255,0.1) 50%,rgba(0,204,255,0.2) 80%,rgba(0,173,216,0.3));

	border-radius: 50px/10px;

	box-shadow: 0 -2px 3px -1px rgba(0,204,255,0.25);

}

.bubble {

	border-width: 1px;

	border-radius: 6px/3px;

	transform: skew(0deg,2deg);

	box-shadow: 0 0 2px rgba(255,255,255,0.6) inset,-1px 1px 2px -1px rgba(0,204,255,0.1);

}

.bubble3 {

	box-shadow: 0 0 0 rgba(0,0,0,0);

}

.cloverBottom:after {

	border-width: 1px;

	border-radius: 19px/2px;

	box-shadow: 0 0 3px -1px rgba(0,0,0,0.2) inset;

}

.cloverBottom:before {

	border-width: 1px;

	border-radius: 19px/3.5px;

	box-shadow: 0 0 3px -1px rgba(0,0,0,0.15) inset,0px 0 1px rgba(0,0,0,0.08) inset;

}

.cloverTop, .cloverBottom {

	animation: cloverMove 4s linear infinite alternate;

}

@keyframes cloverMove{0%{transform:translate(0px,0px)}25%{transform:translate(-3px,1px)}50%{transform:translate(0px,-1px)}75%{transform:translate(4px,1px)}100%{transform:translate(0px,0px)}}

.branch {

	animation: branchMove 4s linear infinite alternate;

	transform-origin: 0 0;

}

@keyframes branchMove{0%{transform:rotate(0deg)}25%{transform:rotate(3deg)}50%{transform:rotate(-2deg)}75%{transform:rotate(4deg)}100%{transform:rotate(0deg)}}

.bubble3 {

	animation: bubbleRise 4s linear infinite;

}

@keyframes bubbleRise{0%{transform:translate(0px,0px);opacity:0;border-color:rgba(255,255,255,0.2)}10%{transform:translate(0px,0px);opacity:1}30%{transform:translate(-1px,-15px)}50%{transform:translate(1px,-30px)}75%{transform:translate(-1px,-50px) scale(1.2)}98%{opacity:1;border-color:rgba(255,255,255,0.35)}100%{transform:translate(0px,-67px) scale(1.4);opacity:0;border-color:rgba(255,255,255,0.2)}}

.bubble1, .bubble2 {

	animation: bubbleMove 4s linear infinite alternate;

}

@keyframes bubbleMove{0%{transform:translate(0px,0px) skew(0deg,2deg);border:1px solid rgba(255,255,255,0.5)}25%{transform:translate(-2px,0.5px) skew(0deg,5deg)}50%{transform:translate(0px,-0.5px) skew(0deg,2deg)}75%{transform:translate(2px,0.5px) skew(0deg,0deg)}100%{transform:translate(0px,0px) skew(0deg,2deg);border:1px solid rgba(255,255,255,0.5)}}

.pink .water {

	background: linear-gradient(-85deg,rgba(255,0,204,0.35),rgba(210,0,170,0.55) 70%,rgba(210,0,170,0.4));

	box-shadow: 0 0 6px rgba(255,0,204,0.5) inset,0px .2px 3px -1px rgba(0,0,0,0.3) inset,0px 2px 6px -1px rgba(0,0,0,0.1) inset,0px 2px 5px rgba(255,0,204,0.3),0px 1px 3px rgba(255,0,204,0.2);

}

.pink .water:after {

	background: linear-gradient(left,rgba(255,255,255,0.4),rgba(255,0,204,0.05) 50%,rgba(255,0,204,0.1) 80%,rgba(255,255,255,0.3));

	box-shadow: 0 1px 2px -1px rgba(255,0,204,0.35);

}

.pink .water:before {

	background: linear-gradient(left,rgba(210,0,170,0.2),rgba(255,0,204,0.1) 50%,rgba(255,0,204,0.2) 80%,rgba(210,0,170,0.3));

	box-shadow: 0 -2px 3px -1px rgba(255,0,204,0.25);

}

.pink:before {

	box-shadow: 0 2px 10px -2px rgba(255,0,204,0.3),0px 2px 15px -2px rgba(255,0,204,0.4);

}

.pink .bubble {

	box-shadow: 0 0 2px rgba(255,255,255,0.6) inset,-1px 1px 2px -1px rgba(255,0,204,0.1);

}

.yellow .water {

	background: linear-gradient(-85deg,rgba(255,240,20,0.35),rgba(233,217,0,0.55) 70%,rgba(233,217,0,0.4));

	box-shadow: 0 0 6px rgba(255,240,20,0.5) inset,0px .2px 3px -1px rgba(0,0,0,0.3) inset,0px 2px 6px -1px rgba(0,0,0,0.1) inset,0px 2px 5px rgba(255,240,20,0.3),0px 1px 3px rgba(255,240,20,0.2);

}

.yellow .water:after {

	background: linear-gradient(left,rgba(255,255,255,0.4),rgba(255,240,20,0.05) 50%,rgba(255,240,20,0.1) 80%,rgba(255,255,255,0.3));

	box-shadow: 0 1px 2px -1px rgba(255,240,20,0.35);

}

.yellow .water:before {

	background: linear-gradient(left,rgba(233,217,0,0.2),rgba(255,240,20,0.1) 50%,rgba(255,240,20,0.2) 80%,rgba(233,217,0,0.3));

	box-shadow: 0 -2px 3px -1px rgba(255,240,20,0.25);

}

.yellow:before {

	box-shadow: 0 2px 10px -2px rgba(255,240,20,0.3),0px 2px 15px -2px rgba(255,240,20,0.4);

}

.yellow .bubble {

	box-shadow: 0 0 2px rgba(255,255,255,0.6) inset,-1px 1px 2px -1px rgba(255,240,20,0.1);

}

.green .water {

	background: linear-gradient(-85deg,rgba(90,230,0,0.35),rgba(70,190,0,0.55) 70%,rgba(70,190,0,0.4));

	box-shadow: 0 0 6px rgba(90,230,0,0.5) inset,0px .2px 3px -1px rgba(0,0,0,0.3) inset,0px 2px 6px -1px rgba(0,0,0,0.1) inset,0px 2px 5px rgba(90,230,0,0.3),0px 1px 3px rgba(90,230,0,0.2);

}

.green .water:after {

	background: linear-gradient(left,rgba(255,255,255,0.4),rgba(90,230,0,0.05) 50%,rgba(90,230,0,0.1) 80%,rgba(255,255,255,0.3));

	box-shadow: 0 1px 2px -1px rgba(90,230,0,0.35);

}

.green .water:before {

	background: linear-gradient(left,rgba(70,190,0,0.2),rgba(90,230,0,0.1) 50%,rgba(90,230,0,0.2) 80%,rgba(70,190,0,0.3));

	box-shadow: 0 -2px 3px -1px rgba(90,230,0,0.25);

}

.green:before {

	box-shadow: 0 2px 10px -2px rgba(90,230,0,0.3),0px 2px 15px -2px rgba(90,230,0,0.4);

}

.green .bubble {

	box-shadow: 0 0 2px rgba(255,255,255,0.6) inset,-1px 1px 2px -1px rgba(90,230,0,0.1);

}

.jellyfish {

	display: none;

	animation: jellyfishSwimming 4s linear infinite alternate;

}

.jellyfish_head {

	border-radius: 20px 20px 10px 10px/20px 20px 16px 16px;

	box-shadow: 0 0 4px rgba(255,255,255,0.5) inset,1px 1px 2px rgba(255,255,255,0.2) inset,3px 3px 1px rgba(255,255,255,0.2) inset,-1px -1px 1px rgba(255,255,255,0.1) inset;

	animation: jellyfish_headChange 4s linear infinite alternate;

}

.jellyfish_head:after {

	border-radius: 5px/3px;

	transform: rotate(-15deg);

	box-shadow: 0 0 1px rgba(255,255,255,0.8) inset;

}

.jellyfish_tail {

	border-width: 1px;

	border-radius: 10px 10px 16px 6px/20px 20px 6px 6px;

	box-shadow: 0 0 3px rgba(255,255,255,0.3) inset,0px 4px 3px rgba(255,255,255,0.1) inset;

	transform-origin: 50% 0;

	animation: jellyfish_tailChange 4s linear infinite alternate;

}

.jellyfish_tail:after {

	border-width: 1px;

	border-radius: 10px/10px 20px 16px 16px;

	box-shadow: 0 0 3px rgba(255,255,255,0.3) inset,0px 3px 3px rgba(255,255,255,0.2) inset;

}

.jellyfish_tail:before {

	border-width: 1px;

	border-radius: 15px 10px 16px 16px/30px 30px 8px 8px;

	box-shadow: 0 0 3px rgba(255,255,255,0.3) inset;

	transform: rotate(-6deg);

}

.jellyfish_tail_in {

	border-width: 1px;

	border-radius: 10px 20px 16px 10px/20px 20px 6px 20px;

	box-shadow: 3px 0 3px rgba(255,255,255,0.2) inset;

	transform: rotate(14deg);

}

@keyframes jellyfishSwimming{0%{transform:translate(0px,0px) rotate(-4deg) scale(0.8)}20%{transform:translate(-1px,-3px) rotate(-6deg) scale(0.8)}50%{transform:translate(-2px,-1px) rotate(-3deg) scale(0.8)}70%{transform:translate(-1px,-3px) rotate(-6deg) scale(0.8)}100%{transform:translate(0px,0px) rotate(-4deg) scale(0.8)}}

@keyframes jellyfish_headChange{0%{transform:scale(1)}5%{transform:scale(1.1,0.95)}20%{transform:scale(0.95,1.1)}50%{transform:scale(1)}55%{transform:scale(1.1,0.95)}70%{transform:scale(0.95,1.1)}100%{transform:scale(1)}}

@keyframes jellyfish_tailChange{0%{transform:scale(0.8)}5%{transform:scale(0.9,0.75)}20%{transform:scale(0.7,1)}50%{transform:scale(0.8)}55%{transform:scale(0.9,0.75)}70%{transform:scale(0.7,1)}100%{transform:scale(0.8)}}

.leave {

	border-radius: 5px 5px 0 3px;

}

.leave:after {

	border-radius: 5px 5px 3px 0;

}

.branch:after {

	border-radius: 50px 50px 25px 150px;

}

.bottle:after {

	border-radius: 46px/10px;

	box-shadow: 0 1px 4px -2px rgba(0,0,0,0.2),0px 2px 10px -3px rgba(0,0,0,0.1);

}

.bottle:before {

	border-radius: 46px/10px;

	box-shadow: 0 2px 10px -2px rgba(0,204,255,0.3),0px 2px 15px -2px rgba(0,204,255,0.4);

}

.bottle_top:after, .bottle_top:before {

	border-radius: 46px/10px;

	box-shadow: 0 0 6px rgba(255,255,255,0.6) inset;

}

.bottle_top:after {

	box-shadow: 0 0 6px rgba(255,255,255,0.6) inset,0px 3px 3px -1px rgba(255,255,255,0.3);

}

.bottle_top:before {

	box-shadow: 0 0 6px rgba(255,255,255,0.4) inset;

}

.bottle_neck {

	height: 20px;

	width: 62px;

	position: relative;

	background: none;

	border: 1px solid rgba(255,255,255,0.5);

	border-top: none;

	border-bottom: none;

	margin: 0 auto;

}

.bottle_neck:after, .bottle_neck:before {

	border-radius: 30px/8px;

}

.bottle_neck:after {

	box-shadow: 0 5px 3px -2px rgba(0,0,0,0.05);

}

.bottle_main:after, .bottle_main:before {

	border-radius: 46px/10px;

}

.bottle_main:after {

	box-shadow: 0 0 6px rgba(255,255,255,0.6) inset,0px 3px 3px -1px rgba(255,255,255,0.4),0px 0 3px rgba(0,0,0,0.05) inset,0px 0 6px rgba(255,255,255,0.7) inset,0px 0 3px rgba(0,0,0,0.15) inset;

}

.bottle_main:before {

	box-shadow: 0 0 6px rgba(255,255,255,0.7) inset,0px 0 3px rgba(0,0,0,0.15) inset;

}

.bottle_mouth {

	box-shadow: 0 0 6px rgba(255,255,255,0.3);

}

.bottle_mouth:after {

	border-radius: 25px/6px;

	box-shadow: 0 0 3px rgba(255,255,255,0.3);

}

.bottle_inner {

	border-radius: 10px 10px 20px 20px/10px;

	box-shadow: 0 0 2px rgba(255,255,255,0.5) inset,0px 0 8px rgba(255,255,255,0.6) inset,0px 0 5px rgba(255,255,255,0.5);

}

.bottle_inner:before {

	border-radius: 40px/4px;

}

.water {

	border-radius: 50px 50px 20px 20px/8px 8px 10px 10px;

	box-shadow: 0 0 6px rgba(0,204,255,0.5) inset,0px .2px 3px -1px rgba(0,0,0,0.3) inset,0px 2px 6px -1px rgba(0,0,0,0.1) inset,0px 2px 5px rgba(0,204,255,0.3),0px 1px 3px rgba(0,204,255,0.2);

}

.water:after {

	border-radius: 50px/8px;

	box-shadow: 0 1px 2px -1px rgba(0,204,255,0.35);

}

.water:before {

	border-radius: 50px/10px;

	box-shadow: 0 -2px 3px -1px rgba(0,204,255,0.25);

}

.bubble {

	border-radius: 6px/3px;

	box-shadow: 0 0 2px rgba(255,255,255,0.6) inset,-1px 1px 2px -1px rgba(0,204,255,0.1);

}

.bubble3 {

	box-shadow: 0 0 0 rgba(0,0,0,0);

}

.cloverBottom:after {

	border-radius: 19px/2px;

	box-shadow: 0 0 3px -1px rgba(0,0,0,0.2) inset;

}

.cloverBottom:before {

	border-radius: 19px/3.5px;

	box-shadow: 0 0 3px -1px rgba(0,0,0,0.15) inset,0px 0 1px rgba(0,0,0,0.08) inset;

}

.water_pink .water {

	box-shadow: 0 0 6px rgba(255,0,204,0.5) inset,0px .2px 3px -1px rgba(0,0,0,0.3) inset,0px 2px 6px -1px rgba(0,0,0,0.1) inset,0px 2px 5px rgba(255,0,204,0.3),0px 1px 3px rgba(255,0,204,0.2);

}

.water_pink .water:after {

	box-shadow: 0 1px 2px -1px rgba(255,0,204,0.35);

}

.water_pink .water:before {

	box-shadow: 0 -2px 3px -1px rgba(255,0,204,0.25);

}

.water_pink:before {

	box-shadow: 0 2px 10px -2px rgba(255,0,204,0.3),0px 2px 15px -2px rgba(255,0,204,0.4);

}

.water_pink .bubble {

	box-shadow: 0 0 2px rgba(255,255,255,0.6) inset,-1px 1px 2px -1px rgba(255,0,204,0.1);

}

.water_yellow .water {

	box-shadow: 0 0 6px rgba(255,240,20,0.5) inset,0px .2px 3px -1px rgba(0,0,0,0.3) inset,0px 2px 6px -1px rgba(0,0,0,0.1) inset,0px 2px 5px rgba(255,240,20,0.3),0px 1px 3px rgba(255,240,20,0.2);

}

.water_yellow .water:after {

	box-shadow: 0 1px 2px -1px rgba(255,240,20,0.35);

}

.water_yellow .water:before {

	box-shadow: 0 -2px 3px -1px rgba(255,240,20,0.25);

}

.water_yellow:before {

	box-shadow: 0 2px 10px -2px rgba(255,240,20,0.3),0px 2px 15px -2px rgba(255,240,20,0.4);

}

.water_yellow .bubble {

	box-shadow: 0 0 2px rgba(255,255,255,0.6) inset,-1px 1px 2px -1px rgba(255,240,20,0.1);

}

.water_green .water {

	box-shadow: 0 0 6px rgba(90,230,0,0.5) inset,0px .2px 3px -1px rgba(0,0,0,0.3) inset,0px 2px 6px -1px rgba(0,0,0,0.1) inset,0px 2px 5px rgba(90,230,0,0.3),0px 1px 3px rgba(90,230,0,0.2);

}

.water_green .water:after {

	box-shadow: 0 1px 2px -1px rgba(90,230,0,0.35);

}

.water_green .water:before {

	box-shadow: 0 -2px 3px -1px rgba(90,230,0,0.25);

}

.water_green:before {

	box-shadow: 0 2px 10px -2px rgba(90,230,0,0.3),0px 2px 15px -2px rgba(90,230,0,0.4);

}

.water_green .bubble {

	box-shadow: 0 0 2px rgba(255,255,255,0.6) inset,-1px 1px 2px -1px rgba(90,230,0,0.1);

}

.jellyfish_head {

	border-radius: 20px 20px 10px 10px/20px 20px 16px 16px;

	box-shadow: 0 0 4px rgba(255,255,255,0.5) inset,1px 1px 2px rgba(255,255,255,0.2) inset,3px 3px 1px rgba(255,255,255,0.2) inset,-1px -1px 1px rgba(255,255,255,0.1) inset;

}

.jellyfish_head:after {

	border-radius: 5px/3px;

	box-shadow: 0 0 1px rgba(255,255,255,0.8) inset;

}

.jellyfish_tail {

	border-radius: 10px 10px 16px 6px/20px 20px 6px 6px;

	box-shadow: 0 0 3px rgba(255,255,255,0.3) inset,0px 4px 3px rgba(255,255,255,0.1) inset;

}

.jellyfish_tail:after {

	border-radius: 10px/10px 20px 16px 16px;

	box-shadow: 0 0 3px rgba(255,255,255,0.3) inset,0px 3px 3px rgba(255,255,255,0.2) inset;

}

.jellyfish_tail:before {

	border-radius: 15px 10px 16px 16px/30px 30px 8px 8px;

	box-shadow: 0 0 3px rgba(255,255,255,0.3) inset;

}

.jellyfish_tail_in {

	border-radius: 10px 20px 16px 10px/20px 20px 6px 20px;

	box-shadow: 3px 0 3px rgba(255,255,255,0.2) inset;

}

.bottle-copyright {

	font-size: 9px;

	text-align: center;

}

/*===Cover Slider Sanierungen=======*/

/* Wrapper: Höhe responsiv statt fest */

.cover-slider__wrap2 {

	height: clamp(240px, 45vw, 500px);

}

/* UL ist nur Bühne */

.cover-slider {

	position: relative;

	width: 100%;

	height: 100%;

	backface-visibility: hidden;

}

/* Slides: absolut übereinander, starten "außerhalb" (right:100%) */

.cover-slider__slide2 {

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 100%;

	padding: 0;

	margin: 0;

	list-style: none;

	background-size: cover;

	background-position: center;

	z-index: 0;

	opacity: 1;

}

/* Animationen wie gehabt */

.cover-slider__slide2.active {

	animation-duration: 2500ms;

	animation-name: slidein;

	animation-fill-mode: forwards;

}

.cover-slider__slide2.inactive {

	animation-duration: 2500ms;

	animation-name: slideout;

	animation-fill-mode: forwards;

}

@keyframes slidein{

  from { left: 0; right: 100%; }

  to   { left: 0; right: 0; }

}

@keyframes slideout{

  from { left: 0; right: 0; }

  to   { left: 100%; right: 0; }

}

/* Backgrounds (dein Bestand) */

.cover-slider__slide2:nth-child(1){ background-image: url("https://www.ambergauer-brunnenbau.de/img/brunnenbau/slide_01.jpg"); }

.cover-slider__slide2:nth-child(2){ background-image: url("https://www.ambergauer-brunnenbau.de/img/brunnenbau/slide_02.jpg"); }

.cover-slider__slide2:nth-child(3){ background-image: url("https://www.ambergauer-brunnenbau.de/img/brunnenbau/slide_03.jpg"); }

.cover-slider__slide2:nth-child(4){ background-image: url("https://www.ambergauer-brunnenbau.de/img/brunnenbau/slide_04.jpg"); }

.cover-slider__slide2:nth-child(5){ background-image: url("https://www.ambergauer-brunnenbau.de/img/brunnenbau/slide_05.jpg"); }

.cover-slider__slide2:nth-child(6){ background-image: url("https://www.ambergauer-brunnenbau.de/img/brunnenbau/slide_06.jpg"); }

/* -------------------

	Elements

-------------------- */

span.swatch.element-metal {

	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M2YzZjNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzg2ODY4NiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');

	background-size: 100%;

	background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #c6c6c6), color-stop(100%, #868686));

	background-image: -moz-linear-gradient(left top, #c6c6c6, #868686);

	background-image: -webkit-linear-gradient(left top, #c6c6c6, #868686);

	background-image: linear-gradient(to right bottom, #c6c6c6, #868686);

}

span.swatch.element-non-metal {

	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E1YjNiOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzYyNzU3YyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');

	background-size: 100%;

	background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #a5b3b8), color-stop(100%, #62757c));

	background-image: -moz-linear-gradient(left top, #a5b3b8, #62757c);

	background-image: -webkit-linear-gradient(left top, #a5b3b8, #62757c);

	background-image: linear-gradient(to right bottom, #a5b3b8, #62757c);

}

span.swatch.element-alkali-metal {

	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M2ZDg2NyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzg2OTkyNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');

	background-size: 100%;

	background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #c6d867), color-stop(100%, #869927));

	background-image: -moz-linear-gradient(left top, #c6d867, #869927);

	background-image: -webkit-linear-gradient(left top, #c6d867, #869927);

	background-image: linear-gradient(to right bottom, #c6d867, #869927);

}

span.swatch.element-alkali-earth-metal {

	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhlZDViMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNkYTY3NCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');

	background-size: 100%;

	background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #8ed5b3), color-stop(100%, #3da674));

	background-image: -moz-linear-gradient(left top, #8ed5b3, #3da674);

	background-image: -webkit-linear-gradient(left top, #8ed5b3, #3da674);

	background-image: linear-gradient(to right bottom, #8ed5b3, #3da674);

}

span.swatch.element-transition-metal {

	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IwZGNmZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMyYTVmZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');

	background-size: 100%;

	background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #b0dcfe), color-stop(100%, #32a5fd));

	background-image: -moz-linear-gradient(left top, #b0dcfe, #32a5fd);

	background-image: -webkit-linear-gradient(left top, #b0dcfe, #32a5fd);

	background-image: linear-gradient(to right bottom, #b0dcfe, #32a5fd);

}

span.swatch.element-lanthoid {

	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZWUzYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2JhYWEwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');

	background-size: 100%;

	background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #ffee3a), color-stop(100%, #baaa00));

	background-image: -moz-linear-gradient(left top, #ffee3a, #baaa00);

	background-image: -webkit-linear-gradient(left top, #ffee3a, #baaa00);

	background-image: linear-gradient(to right bottom, #ffee3a, #baaa00);

}

span.swatch.element-actinoid {

	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYzg0NyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M3OGIwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');

	background-size: 100%;

	background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #ffc847), color-stop(100%, #c78b00));

	background-image: -moz-linear-gradient(left top, #ffc847, #c78b00);

	background-image: -webkit-linear-gradient(left top, #ffc847, #c78b00);

	background-image: linear-gradient(to right bottom, #ffc847, #c78b00);

}

span.swatch.element-metalloid {

	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1OGE4YSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M0MmIyYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');

	background-size: 100%;

	background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #e58a8a), color-stop(100%, #c42b2b));

	background-image: -moz-linear-gradient(left top, #e58a8a, #c42b2b);

	background-image: -webkit-linear-gradient(left top, #e58a8a, #c42b2b);

	background-image: linear-gradient(to right bottom, #e58a8a, #c42b2b);

}

span.swatch.element-halogen {

	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NkYjI3NSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhlNzMzNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');

	background-size: 100%;

	background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #cdb275), color-stop(100%, #8e7334));

	background-image: -moz-linear-gradient(left top, #cdb275, #8e7334);

	background-image: -webkit-linear-gradient(left top, #cdb275, #8e7334);

	background-image: linear-gradient(to right bottom, #cdb275, #8e7334);

}

span.swatch.element-noble-gas {

	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FkYWRkYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU1NTViMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');

	background-size: 100%;

	background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #adadda), color-stop(100%, #5555b2));

	background-image: -moz-linear-gradient(left top, #adadda, #5555b2);

	background-image: -webkit-linear-gradient(left top, #adadda, #5555b2);

	background-image: linear-gradient(to right bottom, #adadda, #5555b2);

}

.element-metal .front {

	color: #2d2d2d;

	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M2YzZjNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzg2ODY4NiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');

	background-size: 100%;

	background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #c6c6c6), color-stop(100%, #868686));

	background-image: -moz-linear-gradient(left top, #c6c6c6, #868686);

	background-image: -webkit-linear-gradient(left top, #c6c6c6, #868686);

	background-image: linear-gradient(to right bottom, #c6c6c6, #868686);

}

.element-metal .face.back {

	background-color: #c6c6c6;

}

.element-alkali-metal .front {

	color: #3b4311;

	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M2ZDg2NyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzg2OTkyNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');

	background-size: 100%;

	background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #c6d867), color-stop(100%, #869927));

	background-image: -moz-linear-gradient(left top, #c6d867, #869927);

	background-image: -webkit-linear-gradient(left top, #c6d867, #869927);

	background-image: linear-gradient(to right bottom, #c6d867, #869927);

}

.element-alkali-metal .face.back {

	background-color: #d5e38f;

}

.element-alkali-earth-metal .front {

	color: #133323;

	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhlZDViMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNkYTY3NCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');

	background-size: 100%;

	background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #8ed5b3), color-stop(100%, #3da674));

	background-image: -moz-linear-gradient(left top, #8ed5b3, #3da674);

	background-image: -webkit-linear-gradient(left top, #8ed5b3, #3da674);

	background-image: linear-gradient(to right bottom, #8ed5b3, #3da674);

}

.element-alkali-earth-metal .face.back {

	background-color: #b3e3cc;

}

.element-transition-metal .front {

	color: #012948;

	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IwZGNmZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMyYTVmZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');

	background-size: 100%;

	background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #b0dcfe), color-stop(100%, #32a5fd));

	background-image: -moz-linear-gradient(left top, #b0dcfe, #32a5fd);

	background-image: -webkit-linear-gradient(left top, #b0dcfe, #32a5fd);

	background-image: linear-gradient(to right bottom, #b0dcfe, #32a5fd);

}

.element-transition-metal .face.back {

	background-color: #b0dcfe;

}

.element-lanthoid .front {

	color: #443e00;

	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZWUzYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2JhYWEwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');

	background-size: 100%;

	background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #ffee3a), color-stop(100%, #baaa00));

	background-image: -moz-linear-gradient(left top, #ffee3a, #baaa00);

	background-image: -webkit-linear-gradient(left top, #ffee3a, #baaa00);

	background-image: linear-gradient(to right bottom, #ffee3a, #baaa00);

}

.element-lanthoid .face.back {

	background-color: #ffee3a;

}

.element-actinoid .front {

	color: #140e00;

	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYzg0NyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M3OGIwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');

	background-size: 100%;

	background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #ffc847), color-stop(100%, #c78b00));

	background-image: -moz-linear-gradient(left top, #ffc847, #c78b00);

	background-image: -webkit-linear-gradient(left top, #ffc847, #c78b00);

	background-image: linear-gradient(to right bottom, #ffc847, #c78b00);

}

.element-actinoid .face.back {

	background-color: #ffc847;

}

.element-metalloid .front {

	color: #320b0b;

	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1OGE4YSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M0MmIyYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');

	background-size: 100%;

	background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #e58a8a), color-stop(100%, #c42b2b));

	background-image: -moz-linear-gradient(left top, #e58a8a, #c42b2b);

	background-image: -webkit-linear-gradient(left top, #e58a8a, #c42b2b);

	background-image: linear-gradient(to right bottom, #e58a8a, #c42b2b);

}

.element-metalloid .face.back {

	background-color: #e58a8a;

}

.element-non-metal .front {

	color: #131718;

	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E1YjNiOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzYyNzU3YyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');

	background-size: 100%;

	background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #a5b3b8), color-stop(100%, #62757c));

	background-image: -moz-linear-gradient(left top, #a5b3b8, #62757c);

	background-image: -webkit-linear-gradient(left top, #a5b3b8, #62757c);

	background-image: linear-gradient(to right bottom, #a5b3b8, #62757c);

}

.element-non-metal .face.back {

	background-color: #b9c4c8;

}

.element-halogen .front {

	color: #0c0904;

	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NkYjI3NSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhlNzMzNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');

	background-size: 100%;

	background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #cdb275), color-stop(100%, #8e7334));

	background-image: -moz-linear-gradient(left top, #cdb275, #8e7334);

	background-image: -webkit-linear-gradient(left top, #cdb275, #8e7334);

	background-image: linear-gradient(to right bottom, #cdb275, #8e7334);

}

.element-halogen .face.back {

	background-color: #d6c190;

}

.element-noble-gas .front {

	color: #1b1b3a;

	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FkYWRkYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU1NTViMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');

	background-size: 100%;

	background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #adadda), color-stop(100%, #5555b2));

	background-image: -moz-linear-gradient(left top, #adadda, #5555b2);

	background-image: -webkit-linear-gradient(left top, #adadda, #5555b2);

	background-image: linear-gradient(to right bottom, #adadda, #5555b2);

}

.element-noble-gas .face.back {

	background-color: #adadda;

}

.element-lanthanoid-transitional-metal .front {

	color: #1b1b3a;

	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRiYjBmZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2QzYzEwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');

	background-size: 100%;

	background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #4bb0fd), color-stop(100%, #d3c100));

	background-image: -moz-linear-gradient(left top, #4bb0fd, #d3c100);

	background-image: -webkit-linear-gradient(left top, #4bb0fd, #d3c100);

	background-image: linear-gradient(to right bottom, #4bb0fd, #d3c100);

}

.element-lanthanoid-transitional-metal .face.back {

	background-color: #b0dcfe;

}

.element-actinoid-transitional-metal .front {

	color: #1b1b3a;

	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRiYjBmZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UwOWQwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');

	background-size: 100%;

	background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #4bb0fd), color-stop(100%, #e09d00));

	background-image: -moz-linear-gradient(left top, #4bb0fd, #e09d00);

	background-image: -webkit-linear-gradient(left top, #4bb0fd, #e09d00);

	background-image: linear-gradient(to right bottom, #4bb0fd, #e09d00);

}

.element-actinoid-transitional-metal .face.back {

	background-color: #b0dcfe;

}

.element-blank {

	background: transparent;

	cursor: auto;

}

.element-blank.full {

	height: 27.5px;

	clear: both;

	width: 100%;

}

/* =========================

   PRO SEARCH UI (Button + Overlay)

   ========================= */

/* Overlay */

.site-search-overlay {

	position: fixed;

	inset: 0;

	background: rgba(0,0,0,0.58);

	backdrop-filter: blur(4px);

	-webkit-backdrop-filter: blur(4px);

	display: none;

	align-items: flex-start;

	justify-content: center;

	padding: 90px 16px 24px;

	z-index: 2000;

}

.site-search-overlay.is-open {

	display: flex;

}

/* Panel */

.site-search-panel {

	width: min(980px, 100%);

	border-radius: 22px;

	background: rgba(255,255,255,0.92);

	border: 1px solid rgba(17,24,39,0.10);

	box-shadow: 0 30px 80px rgba(0,0,0,0.35);

	overflow: hidden;

	transform: translateY(12px) scale(0.985);

	opacity: 0;

	animation: searchIn .22s ease forwards;

}

@keyframes searchIn{

  to{ transform: translateY(0) scale(1); opacity: 1; }

}

/* Top Bar */

.site-search-top {

	display: flex;

	align-items: center;

	justify-content: space-between;

	padding: 14px 16px;

	background: #87cefa;

	color: #000000;

}

.site-search-title {

	display: flex;

	align-items: center;

	gap: 10px;

	font-weight: 600;

	letter-spacing: .3px;

}

.site-search-title .dot {

	width: 10px;

	height: 10px;

	border-radius: 999px;

	background: #87cefa;

	box-shadow: 0 0 0 6px rgba(135,206,250,0.18);

}

.site-search-close {

	width: 44px;

	height: 44px;

	border-radius: 14px;

	border: 1px solid rgba(255,255,255,0.14);

	background: rgba(255,255,255,0.08);

	display: grid;

	place-items: center;

	cursor: pointer;

	transition: transform .16s ease, background .16s ease;

}

.site-search-close svg {

	width: 22px;

	height: 22px;

	fill: #fff;

	opacity: .9;

}

.site-search-close:hover {

	transform: translateY(-1px);

	background: rgba(255,255,255,0.14);

}

/* Search box */

.site-search-box {

	padding: 16px;

	border-bottom: 1px solid rgba(17,24,39,0.08);

}

.site-search-inputwrap {

	display: flex;

	align-items: center;

	gap: 10px;

	padding: 12px 14px;

	border-radius: 16px;

	background: #fff;

	border: 1px solid rgba(135,206,250,0.55);

	box-shadow: 0 10px 24px rgba(135,206,250,0.18);

}

.site-search-ic {

	width: 22px;

	height: 22px;

	fill: #0b1b2a;

	opacity: .9;

}

#searchInput {

	flex: 1;

	border: 0;

	outline: none;

	font-size: 18px; /* groß */;

	padding: 6px 2px;

	background: transparent;

	color: #0b1b2a;

}

.site-search-clear {

	width: 40px;

	height: 40px;

	border-radius: 12px;

	border: 1px solid rgba(17,24,39,0.08);

	background: rgba(17,24,39,0.03);

	cursor: pointer;

	font-size: 26px;

	line-height: 1;

	color: #0b1b2a;

	opacity: .75;

	transition: opacity .16s ease, transform .16s ease;

}

.site-search-clear:hover {

	opacity: 1;

	transform: translateY(-1px);

}

.site-search-meta {

	margin-top: 10px;

	font-size: 13px;

	opacity: .7;

	color: #111827;

}

/* Results */

.site-search-results {

	max-height: min(62vh, 560px);

	overflow: auto;

	padding: 10px 10px 14px;

}

.search-empty {

	padding: 16px;

	color: rgba(17,24,39,0.70);

	font-size: 14px;

}

.search-item {

	display: block;

	text-decoration: none;

	background: #fff;

	border: 1px solid rgba(17,24,39,0.08);

	border-radius: 16px;

	padding: 12px 14px;

	margin: 10px;

	transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;

}

.search-item:hover {

	transform: translateY(-2px);

	box-shadow: 0 16px 40px rgba(2,6,23,0.10);

	border-color: rgba(135,206,250,0.65);

}

.search-item .kicker {

	font-size: 12px;

	letter-spacing: .12em;

	text-transform: uppercase;

	color: rgba(17,24,39,0.55);

}

.search-item .title {

	margin-top: 6px;

	font-size: 16px;

	font-weight: 650;

	color: #0b1b2a;

}

.search-item .snippet {

	margin-top: 6px;

	font-size: 13.5px;

	line-height: 1.45;

	color: rgba(17,24,39,0.75);

}

mark {

	background: rgba(135,206,250,0.35);

	padding: 0 .15em;

	border-radius: 6px;

}

/* Mobile */

@media (max-width: 576px){

.site-search-btn {

	width: 54px;

	height: 54px;

	top: 12px;

	right: 12px;

}

#searchInput {

	font-size: 16px;

}

/* verhindert iOS Zoom */

.site-search-overlay {

	padding-top: 74px;

}

}

/* =========================

   External Link Modal

   ========================= */

.ext-modal {

	position: fixed;

	inset: 0;

	display: none;

	z-index: 99999;

	font-family: inherit;

}

.ext-modal.is-open {

	display: block;

}

.ext-backdrop {

	position: absolute;

	inset: 0;

	background: rgba(0,0,0,.55);

	backdrop-filter: blur(2px);

}

.ext-dialog {

	position: absolute;

	left: 50%;

	top: 50%;

	transform: translate(-50%, -50%);

	width: min(520px, calc(100vw - 28px));

	background: rgba(255,255,255,.96);

	border: 1px solid rgba(0,0,0,.08);

	border-radius: 16px;

	box-shadow: 0 24px 70px rgba(0,0,0,.25);

	overflow: hidden;

}

.ext-head {

	display: flex;

	gap: 12px;

	align-items: center;

	padding: 14px 14px;

	background: #87cefa;

/* passt zu deinem Brand */color: #000;

}

.ext-icon {

	width: 38px;

	height: 38px;

	border-radius: 12px;

	display: grid;

	place-items: center;

	background: rgba(255,255,255,.65);

	border: 1px solid rgba(0,0,0,.08);

	font-weight: 700;

}

.ext-title {

	font-size: 16px;

	font-weight: 700;

	line-height: 1.1;

}

.ext-sub {

	font-size: 13px;

	opacity: .85;

	margin-top: 2px;

}

.ext-x {

	margin-left: auto;

	width: 38px;

	height: 38px;

	border-radius: 12px;

	border: 1px solid rgba(0,0,0,.10);

	background: rgba(255,255,255,.7);

	cursor: pointer;

	font-size: 22px;

	line-height: 1;

}

.ext-body {

	padding: 14px;

}

.ext-url {

	font-size: 13px;

	padding: 10px 12px;

	border-radius: 12px;

	background: rgba(135,206,250,.18);

	border: 1px solid rgba(135,206,250,.55);

	word-break: break-word;

}

.ext-hint {

	margin-top: 10px;

	font-size: 13px;

	opacity: .8;

}

.ext-actions {

	display: grid;

	grid-template-columns: 1fr 1fr;

	gap: 10px;

	padding: 14px;

	border-top: 1px solid rgba(0,0,0,.08);

	background: rgba(255,255,255,.75);

}

.ext-btn {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	padding: 12px 12px;

	border-radius: 14px;

	text-decoration: none;

	border: 1px solid rgba(0,0,0,.10);

	cursor: pointer;

	font-size: 14px;

	font-weight: 600;

	user-select: none;

}

.ext-stay {

	background: #fff;

	color: #000;

}

.ext-go {

	background: #87cefa;

/* dein Gold */border-color: rgba(160,143,67,.7);

	color: #fff;

}

.ext-go:active, .ext-stay:active, .ext-x:active {

	transform: scale(.99);

}

/* Mobile: Buttons untereinander, noch besser klickbar */

@media (max-width: 420px){

.ext-actions {

	grid-template-columns: 1fr;

}

.ext-btn {

	padding: 14px 12px;

	font-size: 15px;

}

}

/* =========================

   Seite Kamerabefahrung

   ========================= */

.cam-page {

	--cam-brand: #87CEFA;

	--cam-brand-dark: #4fb6f2;

	--cam-ink: #0b1b2a;

	--cam-muted: rgba(17,24,39,.68);

	--cam-card: rgba(255,255,255,.86);

	--cam-line: rgba(17,24,39,.10);

	--cam-shadow: 0 18px 55px rgba(17,24,39,0.08);

	color: var(--cam-ink);

	background: radial-gradient(900px 420px at 12% 12%, rgba(135,206,250,0.28), transparent 60%), radial-gradient(800px 360px at 88% 8%, rgba(135,206,250,0.16), transparent 55%), linear-gradient(180deg, rgba(255,255,255,1), rgba(255,255,255,0.94));

}

.cam-page .cam-brand-dot {

	width: 10px;

	height: 10px;

	border-radius: 999px;

	background: var(--cam-brand);

	box-shadow: 0 0 0 6px rgba(135,206,250,0.20);

	display: inline-block;

	margin-right: .55rem;

	vertical-align: middle;

}

.cam-page .cam-hero {

	padding: clamp(38px, 5vw, 70px) 0;

}

.cam-page .cam-hero-card {

	border: 1px solid var(--cam-line);

	background: var(--cam-card);

	border-radius: 24px;

	box-shadow: var(--cam-shadow);

	overflow: hidden;

}

.cam-page .cam-hero-top {

	background: linear-gradient(180deg, rgba(135,206,250,0.50), rgba(135,206,250,0.10));

	border-bottom: 1px solid rgba(135,206,250,0.25);

}

.cam-page .cam-kicker {

	font-size: .78rem;

	letter-spacing: .18em;

	text-transform: uppercase;

	color: rgba(17,24,39,.60);

}

.cam-page .cam-title {

	letter-spacing: -0.02em;

	line-height: 1.08;

	font-weight: 620;

}

.cam-page .cam-sub {

	color: var(--cam-muted);

	line-height: 1.65;

	max-width: 72ch;

}

.cam-page .cam-chip {

	display: inline-flex;

	align-items: center;

	gap: .45rem;

	padding: .45rem .75rem;

	border-radius: 999px;

	border: 1px solid rgba(135,206,250,0.45);

	background: rgba(255,255,255,0.75);

	font-size: .92rem;

	color: rgba(17,24,39,.85);

}

.cam-page .cam-soft-card {

	border: 1px solid var(--cam-line);

	background: rgba(255,255,255,0.88);

	border-radius: 20px;

	box-shadow: var(--cam-shadow);

}

.cam-page .cam-soft-card .cam-card-header {

	background: rgba(135,206,250,0.20);

	border-bottom: 1px solid rgba(135,206,250,0.22);

	font-weight: 600;

}

.cam-page .cam-rule {

	width: 92px;

	height: 6px;

	border-radius: 999px;

	background: var(--cam-brand);

}

.cam-page .cam-section {

	padding: 34px 0;

}

.cam-page .cam-step {

	display: flex;

	gap: 14px;

	padding: 14px;

	border-radius: 18px;

	border: 1px solid var(--cam-line);

	background: rgba(255,255,255,0.82);

}

.cam-page .cam-step .cam-badge {

	width: 40px;

	height: 40px;

	border-radius: 999px;

	display: grid;

	place-items: center;

	background: rgba(135,206,250,0.25);

	border: 1px solid rgba(135,206,250,0.40);

	color: rgba(11,27,42,0.92);

	flex: 0 0 auto;

	font-size: 18px;

}

.cam-page .cam-callout {

	border-left: 5px solid var(--cam-brand);

	padding-left: 1rem;

}

.cam-page .cam-btn-brand {

	background: var(--cam-brand);

	border-color: var(--cam-brand);

	color: #00334a;

	font-weight: 600;

	border-radius: 999px;

	padding: .7rem 1.05rem;

	box-shadow: 0 10px 24px rgba(135,206,250,0.22);

}

.cam-page .cam-btn-brand:hover {

	background: var(--cam-brand-dark);

	border-color: var(--cam-brand-dark);

	color: #002635;

}

.cam-page .cam-btn-ghost {

	border-radius: 999px;

	border: 1px solid rgba(17,24,39,0.14);

	background: rgba(255,255,255,0.75);

	color: rgba(17,24,39,0.86);

	padding: .7rem 1.05rem;

}

.cam-page .cam-btn-ghost:hover {

	background: rgba(255,255,255,0.95);

}

.cam-page .cam-footer-note {

	color: rgba(17,24,39,.55);

	font-size: .9rem;

}

.cam-page .cam-spec-table th {

	width: 38%;

	color: rgba(17,24,39,.72);

	font-weight: 600;

	white-space: nowrap;

}

.cam-page .cam-spec-table td {

	color: rgba(17,24,39,.90);

}

/* Accordion – nur kleine optische Veredelung */

.cam-page .accordion-button:not(.collapsed){

      background: rgba(135,206,250,0.18);

      color: rgba(11,27,42,0.95);

    }

/* Mobile polish */

@media (max-width: 576px){

.cam-page .cam-title {

	font-size: 1.7rem;

}

.cam-page .cam-hero {

	padding: 26px 0;

}

}

/* =========================

   Textanpassung Löschbrunnen

   ========================= */

#feuerloeschbrunnen .accordion-button {

	letter-spacing: 0.1px;

}

#feuerloeschbrunnen .accordion-button:not(.collapsed) {

  box-shadow: none;

}

#feuerloeschbrunnen .norm-code {

	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

	font-size: 0.95em;

	padding: 0.15rem 0.35rem;

	border: 1px solid var(--bs-border-color);

	border-radius: 0.4rem;

	background: var(--bs-body-bg);

}

#feuerloeschbrunnen .faq-item {

	padding: 0.75rem 1rem;

	border: 1px solid var(--bs-border-color);

	border-radius: 0.9rem;

	background: var(--bs-body-bg);

}

/* ==================

 Layoutanpassung Handpumpen

===================== */

#schwengelpumpen-premium .hero-premium {

	background: radial-gradient(1200px 600px at 15% 15%, rgba(13,110,253,.18), transparent 55%), radial-gradient(900px 500px at 80% 10%, rgba(25,135,84,.14), transparent 60%), linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.15));

	color: #fff;

}

#schwengelpumpen-premium .hero-premium .bg-body-tertiary, #schwengelpumpen-premium .hero-premium .border {

	background: rgba(255,255,255,.06) !important;

	border-color: rgba(255,255,255,.18) !important;

}

#schwengelpumpen-premium .hero-premium .text-body-secondary {

	color: rgba(255,255,255,.75) !important;

}

#schwengelpumpen-premium .hero-media img {

	min-height: 420px;

}

#schwengelpumpen-premium .hero-overlay {

	background: linear-gradient(90deg, rgba(0,0,0,.55), rgba(0,0,0,.05));

}

#schwengelpumpen-premium .hero-glow {

	position: absolute;

	inset: -40%;

	background: radial-gradient(circle at 20% 30%, rgba(13,110,253,.22), transparent 55%), radial-gradient(circle at 70% 20%, rgba(25,135,84,.18), transparent 60%);

	filter: blur(30px);

	pointer-events: none;

	opacity: .9;

}

#schwengelpumpen-premium .spec-card {

	max-width: 420px;

}

#schwengelpumpen-premium .icon-circle {

	width: 2.25rem;

	height: 2.25rem;

	display: inline-flex;

	align-items: center;

	justify-content: center;

	border-radius: 999px;

	border: 1px solid var(--bs-border-color);

	background: var(--bs-body-bg);

	font-weight: 700;

}

#schwengelpumpen-premium .dot {

	width: .55rem;

	height: .55rem;

	border-radius: 999px;

	display: inline-block;

	border: 1px solid rgba(255,255,255,.35);

}

#schwengelpumpen-premium .dot.ok {

	background: rgba(25,135,84,.8);

}

#schwengelpumpen-premium .cta-premium {

	background: radial-gradient(900px 500px at 20% 10%, rgba(13,110,253,.10), transparent 55%), radial-gradient(900px 500px at 90% 0%, rgba(25,135,84,.08), transparent 60%), var(--bs-body-bg);

}

#schwengelpumpen-premium .sticky-cta {

	position: fixed;

	left: 0;

	right: 0;

	bottom: 0;

	padding: .75rem 0;

	background: rgba(255,255,255,.92);

	backdrop-filter: blur(10px);

	border-top: 1px solid var(--bs-border-color);

	z-index: 1030;

}

/* ======================= 

 Layoutanpassung Pumpentechnik

================================ */

#pumpentechnik-premium {

	position: relative;

}

/* ---------- HERO Premium ---------- */

#pumpentechnik-premium .hero-premium {

	background: radial-gradient(1200px 600px at 15% 15%, rgba(13,110,253,.18), transparent 55%), radial-gradient(900px 500px at 80% 10%, rgba(25,135,84,.14), transparent 60%), linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.15));

	color: #fff;

}

#pumpentechnik-premium .hero-premium .text-body-secondary {

	color: rgba(255,255,255,.78) !important;

}

#pumpentechnik-premium .hero-media img {

	min-height: 420px;

}

#pumpentechnik-premium .hero-overlay {

	background: linear-gradient(90deg, rgba(0,0,0,.58), rgba(0,0,0,.08));

}

#pumpentechnik-premium .hero-glow {

	position: absolute;

	inset: -40%;

	background: radial-gradient(circle at 20% 30%, rgba(13,110,253,.22), transparent 55%), radial-gradient(circle at 70% 20%, rgba(25,135,84,.18), transparent 60%);

	filter: blur(30px);

	pointer-events: none;

	opacity: .9;

}

/* ---------- Headline Feinheiten (dein Satz ist wichtig) ---------- */

#pumpentechnik-premium h2.display-6 {

	letter-spacing: .2px;

	text-wrap: balance;

}

/* ---------- Icon / Dot ---------- */

#pumpentechnik-premium .icon-circle {

	width: 2.25rem;

	height: 2.25rem;

	display: inline-flex;

	align-items: center;

	justify-content: center;

	border-radius: 999px;

	border: 1px solid var(--bs-border-color);

	background: var(--bs-body-bg);

	font-weight: 700;

}

#pumpentechnik-premium .dot {

	width: .55rem;

	height: .55rem;

	border-radius: 999px;

	display: inline-block;

	border: 1px solid rgba(255,255,255,.35);

}

#pumpentechnik-premium .dot.ok {

	background: rgba(25,135,84,.85);

}

/* ---------- Spec Card (Glas/Transparent wie gewünscht) ---------- */

#pumpentechnik-premium .spec-card {

	max-width: 480px;

}

#pumpentechnik-premium .spec-card.glass {

	background: rgba(255,255,255,0.45) !important;

	backdrop-filter: blur(14px) !important;

	-webkit-backdrop-filter: blur(14px) !important;

	border: 1px solid rgba(255,255,255,0.32) !important;

	box-shadow: 0 12px 34px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.18) !important;

}

/* damit im Hero die badges im Glaspanel ordentlich aussehen */

#pumpentechnik-premium .spec-card.glass .badge {

	font-weight: 600;

}

/* ---------- CTA Premium Box ---------- */

#pumpentechnik-premium .cta-premium {

	background: radial-gradient(900px 500px at 20% 10%, rgba(13,110,253,.10), transparent 55%), radial-gradient(900px 500px at 90% 0%, rgba(25,135,84,.08), transparent 60%), var(--bs-body-bg);

}

/* ===========================

   Anpassung Pumpentechnik

=============================== */

#pumpentechnik-premium {

	position: relative;

}

/* ---------- HERO Premium ---------- */

#pumpentechnik-premium .hero-premium {

	background: radial-gradient(1200px 600px at 15% 15%, rgba(13,110,253,.18), transparent 55%), radial-gradient(900px 500px at 80% 10%, rgba(25,135,84,.14), transparent 60%), linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.15));

	color: #fff;

}

#pumpentechnik-premium .hero-premium .text-body-secondary {

	color: rgba(255,255,255,.78) !important;

}

/* damit deine Headline hochwertig wirkt */

#pumpentechnik-premium h2.display-6 {

	letter-spacing: .2px;

	text-wrap: balance;

}

#pumpentechnik-premium .hero-media img {

	min-height: 420px;

}

#pumpentechnik-premium .hero-overlay {

	background: linear-gradient(90deg, rgba(0,0,0,.58), rgba(0,0,0,.08));

}

#pumpentechnik-premium .hero-glow {

	position: absolute;

	inset: -40%;

	background: radial-gradient(circle at 20% 30%, rgba(13,110,253,.22), transparent 55%), radial-gradient(circle at 70% 20%, rgba(25,135,84,.18), transparent 60%);

	filter: blur(30px);

	pointer-events: none;

	opacity: .9;

}

/* ---------- Icon / Dot ---------- */

#pumpentechnik-premium .icon-circle {

	width: 2.25rem;

	height: 2.25rem;

	display: inline-flex;

	align-items: center;

	justify-content: center;

	border-radius: 999px;

	border: 1px solid var(--bs-border-color);

	background: var(--bs-body-bg);

	font-weight: 700;

}

#pumpentechnik-premium .dot {

	width: .55rem;

	height: .55rem;

	border-radius: 999px;

	display: inline-block;

	border: 1px solid #00ff00;

}

#pumpentechnik-premium .dot.ok {

	background: rgba(25,135,84,.85);

}

/* ---------- Glossy / Glass Spec Panel ---------- */

#pumpentechnik-premium .spec-card {

	max-width: 480px;

}

#pumpentechnik-premium .spec-card.glass {

	color: #111;

	background: rgba(255,255,255,.88);

	backdrop-filter: blur(10px);

	-webkit-backdrop-filter: blur(10px);

	border-color: rgba(255,255,255,.55) !important;

	box-shadow: 0 10px 30px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.35);

}

#pumpentechnik-premium .spec-card.glass .badge {

	font-weight: 600;

}

/* ---------- CTA Premium Box ---------- */

#pumpentechnik-premium .cta-premium {

	background: radial-gradient(900px 500px at 20% 10%, rgba(13,110,253,.10), transparent 55%), radial-gradient(900px 500px at 90% 0%, rgba(25,135,84,.08), transparent 60%), var(--bs-body-bg);

}

/* =========================================================

   Top-Pick Mini-Matrix (Pills)

========================================================= */

#pumpentechnik-premium .matrix {

	display: grid;

	gap: .55rem;

}

#pumpentechnik-premium .matrix-row {

	display: grid;

	grid-template-columns: 110px 1fr;

	align-items: center;

	gap: .75rem;

	padding: .45rem .5rem;

	border: 1px solid var(--bs-border-color);

	border-radius: 1rem;

	background: var(--bs-body-bg);

}

#pumpentechnik-premium .matrix-label {

	font-weight: 600;

}

#pumpentechnik-premium .matrix-cells {

	display: flex;

	flex-wrap: wrap;

	gap: .4rem;

}

#pumpentechnik-premium .pill {

	display: inline-flex;

	align-items: center;

	padding: .15rem .55rem;

	border-radius: 999px;

	border: 1px solid var(--bs-border-color);

	background: var(--bs-body-bg);

	font-size: .85rem;

	font-weight: 600;

}

#pumpentechnik-premium .pill.note {

	font-weight: 500;

	opacity: .75;

}

#pumpentechnik-premium .pill.ok {

	border-color: rgba(25,135,84,.35);

	background: rgba(25,135,84,.10);

}

#pumpentechnik-premium .pill.mid {

	border-color: rgba(13,110,253,.30);

	background: rgba(13,110,253,.08);

}

#pumpentechnik-premium .pill.warn {

	border-color: rgba(255,193,7,.55);

	background: rgba(255,193,7,.18);

}

@media (max-width: 575.98px){

#pumpentechnik-premium .matrix-row {

	grid-template-columns: 90px 1fr;

}

}

/* =========================================================

   Brunnenbau-Konfigurator – FULL CSS (Theme #87CEFA)

   Gilt nur im Bereich #brunnen-konfigurator

   ========================================================= */

#brunnen-konfigurator {

	--bb-main: #87CEFA; /* Hauptfarbe */;

	--bb-main-dark: #3aa6e8; /* dunkler Akzent */;

	--bb-main-hover: #5fb9f2; /* Hover Akzent */;

	--bb-main-soft: rgba(135,206,250,.35);

	--bb-border: #cfeafc; /* helle Border-Variante */;

	--bb-border-strong: #87CEFA;

	--bb-bg: #ffffff;

	--bb-bg-soft: #f5fbff;

	--bb-text: #1b2330;

	--bb-muted: #5b6778;

	--bb-radius: 12px;

	--bb-radius-lg: 16px;

}

/* =========================

   Cards / allgemeine Boxen

   ========================= */

#brunnen-konfigurator .card {

	border-radius: var(--bb-radius-lg);

	border: 1px solid var(--bb-border);

	background: var(--bb-bg);

}

#brunnen-konfigurator .card.shadow-sm {

	box-shadow: 0 .35rem 1.25rem rgba(16,24,40,.08) !important;

}

/* Sektion-Überschriften etwas "cleaner" */

#brunnen-konfigurator h2, #brunnen-konfigurator h3 {

	color: var(--bb-text);

}

/* Bootstrap "text-body-secondary" harmonisieren */

#brunnen-konfigurator .text-body-secondary {

	color: var(--bb-muted) !important;

}

/* =========================

   Inputs / Selects / Textareas

   ========================= */

#brunnen-konfigurator .form-control, #brunnen-konfigurator .form-select, #brunnen-konfigurator textarea {

	border: 2px solid var(--bb-main);

	border-radius: var(--bb-radius);

	background: var(--bb-bg);

	color: var(--bb-text);

	transition: border-color .15s ease, box-shadow .15s ease;

}

#brunnen-konfigurator .form-control:hover, #brunnen-konfigurator .form-select:hover, #brunnen-konfigurator textarea:hover {

	border-color: var(--bb-main-hover);

}

#brunnen-konfigurator .form-control:focus, #brunnen-konfigurator .form-select:focus, #brunnen-konfigurator textarea:focus {

	border-color: var(--bb-main-dark);

	box-shadow: 0 0 0 3px var(--bb-main-soft);

	outline: none;

}

/* Pflichtfeld-Fehler (vom JS gesetzt: bb-invalid) */

#brunnen-konfigurator .bb-invalid {

	border-color: #dc3545 !important;

	box-shadow: 0 0 0 3px rgba(220,53,69,.20) !important;

}

/* Kreisnummer Kategorien */

.number-circle {

	width: 32px;

	height: 32px;

	display: inline-flex;

	align-items: center;

	justify-content: center;

	border-radius: 50%;

	color: white;

	font-weight: bold;

}

/* =========================

   Checkboxen / Radio (Bootstrap)

   ========================= */

#brunnen-konfigurator .form-check-input {

	border-color: var(--bb-border-strong);

}

#brunnen-konfigurator .form-check-input:focus {

	box-shadow: 0 0 0 3px var(--bb-main-soft);

}

#brunnen-konfigurator .form-check-input:checked {

	background-color: var(--bb-main-dark);

	border-color: var(--bb-main-dark);

}

/* =========================

   Slider

   ========================= */

#brunnen-konfigurator .form-range::-webkit-slider-thumb {

	background: var(--bb-main-dark);

	border: 0;

}

#brunnen-konfigurator .form-range::-moz-range-thumb {

	background: var(--bb-main-dark);

	border: 0;

}

/* =========================

   Buttons (im Konfigurator)

   ========================= */

#brunnen-konfigurator .btn-primary {

	background: var(--bb-main-dark);

	border-color: var(--bb-main-dark);

}

#brunnen-konfigurator .btn-primary:hover {

	background: #1f8ed6;

	border-color: #1f8ed6;

}

#brunnen-konfigurator .btn-outline-secondary {

	border-color: var(--bb-main);

	color: var(--bb-text);

}

#brunnen-konfigurator .btn-outline-secondary:hover {

	background: var(--bb-bg-soft);

	border-color: var(--bb-main-dark);

	color: var(--bb-text);

}

/* =========================

   Opt-Tiles (Optionen-Kacheln)

   ========================= */

#brunnen-konfigurator .opt-tile {

	display: flex;

	gap: .75rem;

	padding: 14px 14px;

	border: 1px solid var(--bb-border);

	border-radius: var(--bb-radius-lg);

	background: var(--bb-bg);

	cursor: pointer;

	transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;

	height: 100%;

}

#brunnen-konfigurator .opt-tile:hover {

	border-color: var(--bb-main);

	background: var(--bb-bg-soft);

	box-shadow: 0 .35rem 1.2rem rgba(16,24,40,.08);

}

#brunnen-konfigurator .opt-title {

	font-weight: 800;

	color: var(--bb-text);

}

#brunnen-konfigurator .opt-text {

	color: var(--bb-muted);

	font-size: .92rem;

	line-height: 1.25rem;

}

/* kleine Ausrichtung der Checkbox in den Tiles */

#brunnen-konfigurator .opt-tile .opt-check {

	margin-top: .2rem;

}

/* =========================

   req-item (Voraussetzungen + Hauswasserversorgung)

   ========================= */

#brunnen-konfigurator .req-item {

	display: flex;

	gap: .75rem;

	align-items: flex-start;

	padding: 12px 12px;

	border: 1px solid var(--bb-border);

	border-radius: 14px;

	background: var(--bb-bg);

	transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;

}

#brunnen-konfigurator .req-item:hover {

	border-color: var(--bb-main);

	background: var(--bb-bg-soft);

}

/* =========================

   Live-Zusammenfassung Box rechts

   ========================= */

#brunnen-konfigurator #summaryBox {

	border: 1px dashed var(--bb-main);

	border-radius: 14px;

	padding: 12px 12px;

	background: var(--bb-bg-soft);

	color: var(--bb-text);

	min-height: 120px;

}

/* =========================

   Deluxe UI (Schrittbalken + Steps)

   ========================= */

#brunnen-konfigurator .bb-deluxe {

	position: sticky;

	top: 94px; /* <- HIER kannst du ihn runterholen */;

	z-index: 500; /* bleibt über dem Rest */;

	background: rgba(255,255,255,.95);

	backdrop-filter: blur(8px);

	border: 1px solid var(--bb-border);

	border-radius: var(--bb-radius-lg);

	padding: 14px 14px;

	box-shadow: 0 .35rem 1.25rem rgba(16,24,40,.08);

}

/* Progress */

#brunnen-konfigurator .bb-progress {

	height: 10px;

	border-radius: 999px;

	background: #e7f4fd;

	overflow: hidden;

}

#brunnen-konfigurator .bb-progress-bar {

	height: 100%;

	border-radius: 999px;

	background: var(--bb-main-dark);

	transition: width .2s ease;

}

/* Meta */

#brunnen-konfigurator .bb-progress-meta {

	display: flex;

	justify-content: space-between;

	gap: 12px;

	margin-top: 10px;

	margin-bottom: 14px;

}

#brunnen-konfigurator .bb-step-text {

	font-weight: 900;

	color: var(--bb-text);

}

#brunnen-konfigurator .bb-step-title {

	color: var(--bb-muted);

}

/* Steps Nav */

#brunnen-konfigurator .bb-steps {

	display: flex;

	gap: 10px;

	flex-wrap: wrap;

}

/* Step Buttons – KEIN transform => kein „Flackern“ */

#brunnen-konfigurator .bb-step-btn {

	width: 40px;

	height: 40px;

	border-radius: 999px;

	border: 2px solid var(--bb-main);

	background: #fff;

	color: var(--bb-text); /* Zahl dunkel sichtbar */;

	font-weight: 900;

	transition: border-color .12s ease, background-color .12s ease, color .12s ease, box-shadow .12s ease;

}

#brunnen-konfigurator .bb-step-btn:hover {

	border-color: var(--bb-main-dark);

	box-shadow: 0 .25rem .9rem rgba(16,24,40,.08);

}

/* active */

#brunnen-konfigurator .bb-step-btn.is-active {

	background: var(--bb-main-dark);

	border-color: var(--bb-main-dark);

	color: #fff;

	box-shadow: 0 0 0 3px var(--bb-main-soft);

}

/* done */

#brunnen-konfigurator .bb-step-btn.is-done {

	background: rgba(135,206,250,.22);

	border-color: var(--bb-main);

	color: var(--bb-text);

}

/* =========================

   Rechte Sticky-Zusammenfassung: unter Deluxe halten

   (wichtig für z-index/Überlappung)

   ========================= */

#brunnen-konfigurator .col-12.col-lg-5 .sticky-top {

	z-index: 1 !important;

}

/* =========================

   Optional: Badge Farben leicht angleichen (Bootstrap Badges)

   ========================= */

#brunnen-konfigurator .badge.text-bg-primary {

	background: rgba(135,206,250,.45) !important;

	color: var(--bb-text) !important;

}

#brunnen-konfigurator .badge.text-bg-info {

	background: rgba(135,206,250,.35) !important;

	color: var(--bb-text) !important;

}

#brunnen-konfigurator .badge.text-bg-secondary {

	background: #e7f4fd !important;

	color: var(--bb-text) !important;

}

/* Vorschau 8 Fotos */

#brunnen-konfigurator .bb-photo-preview {

	display: flex;

	flex-wrap: wrap;

	gap: 10px;

}

#brunnen-konfigurator .bb-photo-thumb {

	position: relative;

	width: 170px;

	border: 1px solid var(--bb-border);

	border-radius: 12px;

	background: #fff;

	padding: 8px;

}

#brunnen-konfigurator .bb-photo-thumb img {

	width: 100%;

	height: 100px;

	object-fit: cover;

	border-radius: 10px;

	display: block;

}

#brunnen-konfigurator .bb-photo-name {

	margin-top: 6px;

	font-size: 12px;

	color: var(--bb-muted);

	word-break: break-word;

}

#brunnen-konfigurator .bb-photo-remove {

	position: absolute;

	top: 6px;

	right: 6px;

	width: 26px;

	height: 26px;

	border-radius: 999px;

	border: 1px solid var(--bb-border);

	background: #fff;

	color: #111;

	font-weight: 900;

	line-height: 1;

	display: flex;

	align-items: center;

	justify-content: center;

	cursor: pointer;

	box-shadow: 0 .25rem .9rem rgba(16,24,40,.10);

}

#brunnen-konfigurator .bb-photo-remove:hover {

	border-color: var(--bb-main-dark);

	box-shadow: 0 0 0 3px var(--bb-main-soft);

}

#brunnen-konfigurator .bb-photo-note-wrap {

	margin-top: 8px;

}

#brunnen-konfigurator .bb-photo-note {

	border: 2px solid var(--bb-main) !important;

	border-radius: 10px !important;

	font-size: 12.5px;

	padding: 7px 9px;

}

#brunnen-konfigurator .bb-afterpdf {

	margin-top: 12px;

	border: 1px solid var(--bb-border);

	border-radius: var(--bb-radius-lg);

	background: var(--bb-bg-soft);

	padding: 12px 12px;

	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 12px;

	flex-wrap: wrap;

}

#brunnen-konfigurator .bb-afterpdf-text {

	color: var(--bb-text);

	font-size: 0.95rem;

	line-height: 1.25rem;

}

#brunnen-konfigurator .bb-afterpdf-actions {

	display: flex;

	gap: 10px;

	flex-wrap: wrap;

}

/* =========================

   Kleine Mobile-Optimierungen

   ========================= */

@media (max-width: 576px){

#brunnen-konfigurator .bb-deluxe {

	top: 72px; /* auf Mobile oft kleinere Navbar */;

	padding: 12px;

}

#brunnen-konfigurator .bb-step-btn {

	width: 38px;

	height: 38px;

}

}

/* Mobile polish */

@media (max-width: 1024px){

#brunnen-konfigurator .bb-deluxe {

	top: 4.9rem;

}

}

@media (max-width: 576px){

.info-box {

	left: auto;

	right: 0; /* an rechter Kante ausrichten */;

	max-width: 85vw; /* nie breiter als Viewport */;

	width: 260px; /* darf bleiben, wird aber begrenzt */;

	box-sizing: border-box;

}

}

/* =========================

   Badge "neu" Konfigurator

   ========================= */

.nav-new {

	position: relative;

	display: inline-block;

}

.btn-text {

	position: relative;

	display: inline-block;

}

.badge-new {

	position: absolute;

	top: -5px;

	right: -22px;

	font-size: 0.55rem;

	padding: 2px 6px;

	background-color: #228b22;

	color: #fff;

	border-radius: 10px;

	font-weight: 600;

	line-height: 1;

}

/*.badge-new {

	animation: pulse 2s infinite;

}

    @keyframes pulse {

    0% { transform: scale(1); }

    50% { transform: scale(1.1); }

    100% { transform: scale(1); }

}*/

/* =========================

   Konfigurator Info hover

   ========================= */

.info-trigger {

	position: relative;

	display: inline-block;

}

.info-badge {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	width: 22px;

	height: 22px;

	margin-left: 6px;

	font-size: 11px;

	border-radius: 50%;

	background: var(--bs-primary);

	color: #fff;

	vertical-align: middle;

	position: relative;

	top: -2px;

}

.info-box {

	position: absolute;

	color: #000;

	top: 28px;

	left: 0;

	width: 260px;

	background: #87cefa;

	padding: 14px 16px;

	border-radius: 12px;

	border: 2px;

	border-color: #000;

	box-shadow: 0 12px 30px rgba(0,0,0,0.12);

	font-size: 14px;

	line-height: 1.4;

	opacity: 0;

	visibility: hidden;

	transition: all 0.2s ease;

	z-index: 1000;

	font-weight: 300;

}

.info-box strong {

	display: block;

	margin-bottom: 6px;

	font-size: 14px;

	color: #fff;

}

/* Hover Effekt */

.info-trigger:hover .info-box {

	opacity: 1;

	visibility: visible;

}

/*Konfigurator Button Anleitung im Slide*/

/* Steps-Zeile: links 1–6, rechts Help-Button */

#brunnen-konfigurator .bb-steps-row {

	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 12px;

}

/* bbSteps bleibt die Button-Reihe */

#brunnen-konfigurator .bb-steps {

	display: flex;

	gap: 10px;

	flex-wrap: wrap;

}

/* Help-Button rechts */

#brunnen-konfigurator .bb-help-btn {

	padding: 6px 12px;

	font-size: 14.5px;

	font-weight: 800;

	border-radius: 999px;

	border: 2px solid var(--bb-main);

	background: #fff;

	color: var(--bb-text);

	white-space: nowrap;

}

#brunnen-konfigurator .bb-help-btn:hover {

	border-color: var(--bb-main-dark);

	box-shadow: 0 .25rem .9rem rgba(16,24,40,.08);

}

/* =========================

   HELP MODAL Konfigurator — Komplett

   ========================= */

/* Overlay */

.bb-help-modal {

	display: none;

	position: fixed;

	inset: 0;

	z-index: 99999;

	background: rgba(0,0,0,.55);

	backdrop-filter: blur(2px);

	align-items: center;

	justify-content: center;

	padding: 18px;

}

.bb-help-modal.active {

	display: flex;

}

/* Modal-Karte */

.bb-help-card {

	position: relative;

	background: #ffffff;

	color: #000;

	border-radius: 14px;

	width: min(92vw, 720px);

	max-height: 85vh;

	overflow: hidden;

	border: 1px solid #87cefa;

	box-shadow: 0 20px 60px rgba(0,0,0,.35);

	display: flex;

	flex-direction: column;

	animation: bbModalIn .18s ease-out;

}

/* HEADER */

.bb-help-header {

	display: flex;

	align-items: center;

	justify-content: space-between;

	padding: 16px 18px;

	border-bottom: 1px solid #e5e5e5;

	background: #87cefa;

}

.bb-help-title {

	font-size: 18px;

	font-weight: 800;

}

/* BODY */

.bb-help-body {

	padding: 18px;

	overflow: auto;

	font-size: 14px;

	line-height: 1.45;

	color: #333;

}

/* FOOTER */

.bb-help-footer {

	display: flex;

	justify-content: flex-end;

	gap: 10px;

	padding: 14px 18px;

	border-top: 1px solid #e5e5e5;

}

/* BUTTON *

.bb-help-btn{

  background:#87cefa;

  border:none;

  border-radius:8px;

  padding:6px 16px;

  font-weight:600;

  cursor:pointer;

}



.bb-help-btn:hover{

  background:#6bbde8;

}*/

/* Close-X */

.bb-help-close {

	background: none;

	border: none;

	font-size: 20px;

	cursor: pointer;

	color: #555;

}

/* Animation */

@keyframes bbModalIn{

  from{

    opacity:0;

    transform: translateY(10px) scale(.98);

  }

  to{

    opacity:1;

    transform: translateY(0) scale(1);

  }

}

/* Dropdown-Pfeil */

.bb-select {

	appearance: none; /* Standardpfeil aus */;

	-webkit-appearance: none;

	-moz-appearance: none;

	background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");

	background-repeat: no-repeat;

	background-position: right 12px center;

	background-size: 18px;

	padding-right: 40px; /* Platz für Pfeil */

}

/* =========================

   Belegungskalender Index

   ========================= */

/* =========================================================

   ONLINE-KALENDER – FINAL CLEAN VERSION

   ========================================================= */

/* =========================

   1) GRUNDFARBEN

   ========================= */

:root {

	--bb-success: #198754; /* Frei */;

	--bb-warning: #ffc107; /* Reserviert */;

	--bb-secondary: #6c757d; /* Witterung */;

	--bb-danger: #dc3545; /* Belegt */;

	--bb-info: #0d6efd; /* Feiertag */;

	--bb-head: #87cefa;   /* Kopf + Umrahmung */

}

/* =========================

   2) WRAPPER

   ========================= */

.bb-cal-wrap {

	max-width: 1200px;

	margin: 0 auto;

	padding: 18px 12px 10px;

}

.bb-cal-title {

	font-size: 22px;

	font-weight: 800;

	line-height: 1.2;

}

.bb-cal-sub {

	font-size: 14px;

	color: rgba(0,0,0,.6);

}

/* =========================

   3) CARD / UMRAHMUNG

   ========================= */

.bb-cal-card {

	border: 2px solid var(--bb-head);

	border-radius: 14px;

	background: #87cefa;

	overflow: hidden;

	box-shadow: 0 6px 18px rgba(0,0,0,.06);

}

/* Kopfbereich */

.bb-cal-cardhead {

	background: var(--bb-head);

	padding: 14px;

	border-bottom: 2px solid var(--bb-head);

}

.bb-cal-cardtitle {

	font-weight: 800;

	font-size: 16px;

}

.bb-cal-cardsub {

	font-size: 13px;

	color: rgba(0,0,0,.7);

}

/* Aktualisierung live */

.live-rotate {

	display: inline-block;

	animation: spin 3s linear infinite;

}

@keyframes spin {

  from { transform: rotate(0deg); }

  to { transform: rotate(360deg); }

}

/* =========================

   4) LEGENDE (gefüllt + 8px Radius)

   ========================= */

.bb-legend-btn {

	pointer-events: none;

	cursor: default;

	min-width: 110px;

	border-radius: 8px;

/* <-- 8px wie gewünscht */font-weight: 700;

	color: #fff;

}

/* Farben */

.bb-legend-btn.btn-outline-success {

	background: var(--bb-success);

	border-color: var(--bb-success);

}

.bb-legend-btn.btn-outline-warning {

	background: var(--bb-warning);

	border-color: var(--bb-warning);

	color: #111;  /* Orange = schwarz */

}

.bb-legend-btn.btn-outline-secondary {

	background: var(--bb-secondary);

	border-color: var(--bb-secondary);

}

.bb-legend-btn.btn-outline-danger {

	background: var(--bb-danger);

	border-color: var(--bb-danger);

}

/* =========================

   5) SCROLLBEREICH

   ========================= */

.bb-cal-tablewrap {

	max-height: 520px;

	overflow-y: auto;

	padding: 10px;

	background: #edf7fe;

}

/* =========================

   6) TAGESZEILE

   ========================= */

.bb-dayrow {

	display: flex;

	align-items: center;

	gap: 10px;

	width: 100%;

	padding: 8px 12px;

	margin-bottom: 8px;

	border-radius: 8px;

/* <-- 8px wie gewünscht */color: #fff; /* komplette Schrift weiß */;

	text-decoration: none;

	font-weight: 600;

}

/* Linke Spalte (KW) */

.bb-dayrow .bb-col-left {

	min-width: 70px;

	font-weight: 800;

	white-space: nowrap;

}

/* Mitte (Datum + Wochentag) */

.bb-dayrow .bb-col-mid {

	flex: 1;

	line-height: 1.2;

}

.bb-dayrow .bb-date {

	font-weight: 800;

}

.bb-dayrow .bb-sub {

	font-size: 12px;

	opacity: .95;

}

/* Rechts Status */

.bb-dayrow .bb-status {

	min-width: 140px;

	text-align: right;

	font-weight: 900;

}

/* =========================

   7) STATUS-FARBEN (VOLLFLÄCHE)

   ========================= */

.bb-dayrow.is-frei {

	background: var(--bb-success);

}

.bb-dayrow.is-reserviert {

	background: var(--bb-warning);

	color: #111;   /* Orange = schwarz */

}

.bb-dayrow.is-witterung {

	background: var(--bb-secondary);

}

.bb-dayrow.is-belegt {

	background: var(--bb-danger);

}

.bb-dayrow.is-feiertag {

	background: var(--bb-info);

	color: #fff;   /* Blau = schwarz */

}

/* =========================

   8) KLICK-EFFEKT (nur Frei)

   ========================= */

.bb-dayrow.is-clickable {

	cursor: pointer;

	transition: transform .08s ease, box-shadow .08s ease;

}

.bb-dayrow.is-clickable:hover {

	transform: translateY(-2px);

	box-shadow: 0 6px 18px rgba(0,0,0,.12);

}

.bb-dayrow.is-disabled {

	cursor: default;

}

/* =========================

   9) FOOTNOTE

   ========================= */

.bb-cal-footnote {

	font-size: 12px;

	color: rgba(0,0,0,.65);

	margin-top: 10px;

}

/* =========================================

   MOBILE OPTIMIERUNG (≤ 768px)

   ========================================= */

@media (max-width: 768px){

.bb-cal-head {

	font-size: 15px;

}

.bb-dayrow {

	padding: 6px 8px;

/* weniger Höhe */gap: 6px;

	font-size: 13px;         /* Grundschrift kleiner */

}

.bb-dayrow .bb-col-left {

	min-width: 55px; /* KW schmaler */;

	font-size: 12px;

}

.bb-dayrow .bb-date {

	font-size: 13px;

}

.bb-dayrow .bb-sub {

	font-size: 11px;

}

.bb-dayrow .bb-status {

	min-width: 95px; /* Status schmaler */;

	font-size: 12px;

}

}

/* =========================================

   404 Animation

   ========================================= */

/* =========================================================

   Staub nur an den Rändern

   ========================================================= */

.drill-dust {

	position: absolute;

	bottom: 10px;

	width: 190px;

	height: 110px;

	opacity: 0;

	pointer-events: none;

}

.drill-dust--left {

	left: 0;

}

.drill-dust--right {

	right: 0;

}

.drill-dust::before, .drill-dust::after {

	content: "";

	position: absolute;

	inset: 0;

	background: radial-gradient(circle, rgba(0,0,0,.25) 0 3px, transparent 4px) 20% 72%, radial-gradient(circle, rgba(0,0,0,.18) 0 2px, transparent 3px) 38% 62%, radial-gradient(circle, rgba(0,0,0,.22) 0 3px, transparent 4px) 58% 78%, radial-gradient(circle, rgba(0,0,0,.18) 0 2px, transparent 3px) 78% 66%, radial-gradient(circle, rgba(0,0,0,.16) 0 2px, transparent 3px) 88% 80%;

	opacity: .9;

}

.drill-dust::before {

	animation: dustPuff 1.15s ease-out infinite;

}

.drill-dust::after {

	animation: dustPuff 1.15s ease-out infinite;

	animation-delay: 180ms;

	opacity: .6;

}

@keyframes dustPuff{

  0%   { transform: translate(0, 10px) scale(.9); opacity: 0; }

  18%  { opacity: 1; }

  100% { transform: translate(32px, -26px) scale(1.2); opacity: 0; }

}

/* Staub sichtbar nur bei Randkontakt – gleiche Dauer wie Bewegung! */

.drill-dust--left {

	animation: dustGateLeft var(--drill-speed) linear infinite;

}

.drill-dust--right {

	animation: dustGateRight var(--drill-speed) linear infinite;

}

@keyframes dustGateLeft{

  0%,10%   { opacity: .95; }  /* links rein */

  12%,90%  { opacity: 0; }

  92%,100% { opacity: .95; }  /* links raus am Ende */

}

@keyframes dustGateRight{

  0%,40%   { opacity: 0; }

  43%,60%  { opacity: .95; }  /* rechts raus + rechts rein */

  63%,100% { opacity: 0; }

}

/* Accessibility: Reduced Motion */

@media (prefers-reduced-motion: reduce){

.drill-overlay__img, .drill-dust {

	animation: none !important;

}

.drill-overlay {

	height: calc(var(--drill-size) + 20px);

}

}

/* =========================================================

   Shim Button

   ========================================================= */

.shim {

	position: relative; /* Crucial for pseudo-element positioning */;

	display: inline-block;

	overflow: hidden;

/* Essential to clip the shimmer effect */transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease;

	z-index: 1; /* Ensure button content is above default pseudo-element stacking */

}

.shim::before {

	content: '';

	position: absolute;

	top: 0;

	left: -100%; /* Start off-screen to the left */;

	width: 75%; /* Width of the shimmer itself */;

	height: 100%;

	background: linear-gradient( 100deg, /* Angle of the shimmer */ rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 80% );

	transform: skewX(-25deg); /* Angle the shimmer shape */;

	transition: left 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94);

/* Smooth, custom timing */z-index: -1; /* Place shimmer behind button text but above background */

}

.shim:hover, .shim:focus-visible {

	/* Optional: slightly darken or change button on hover/focus */

  /* e.g., filter: brightness(0.95); */

  box-shadow: 0 4px 10px rgba(0,0,0,0.2);

	outline: none;

}

.shim:hover::before, .shim:focus-visible::before {

	left: 125%; /* Move shimmer across and off-screen to the right */

}

.shim:active {

	transform: scale(0.98);

	box-shadow: 0 1px 3px rgba(0,0,0,0.1);

}

/* ================================

   Linke Hover-Sidebar

   ================================ */

.side-rail {

	position: fixed;

	top: clamp(72px, 8vh, 93.72px);

	left: 0;

	bottom: clamp(44px, 6vh, 59px);

	width: clamp(52px, 5vw, 64px);

	background: #87CEFA;

	z-index: 1029;

	overflow: hidden;

	transition: width 0.28s ease;

	box-shadow: 2px 0 10px rgba(0, 0, 0, 0.08);

}



.side-rail:hover {

	width: clamp(180px, 22vw, 260px);

}



.side-rail-nav {

	display: flex;

	flex-direction: column;

	gap: clamp(0.15rem, 0.5vh, 0.35rem);

	width: clamp(180px, 22vw, 260px);

	padding: clamp(0.5rem, 1.2vh, 1rem) clamp(0.3rem, 0.8vw, 0.5rem);

}



.side-rail-link {

	display: flex;

	align-items: center;

	gap: clamp(0.5rem, 1vw, 0.9rem);

	min-height: clamp(38px, 4.5vh, 48px);

	padding: clamp(0.45rem, 1vh, 0.75rem) clamp(0.65rem, 1.2vw, 1rem);

	color: #000000;

	text-decoration: none;

	border-radius: 0.75rem;

	transition: background-color 0.2s ease, transform 0.2s ease;

	white-space: nowrap;

	font-size: clamp(0.82rem, 0.95vw, 1rem);

}



.side-rail-link:hover {

	background: #ffffff;

	color: blue;

	border: 0.5px solid blue;

	border-radius: 5px;

	transform: translateX(2px);

transform: translateY(0);

  transition: all 0.25s ease;

  box-shadow: 0 8px 20px rgba(0,0,0,0.15);}



.side-rail-link i {

	flex: 0 0 clamp(18px, 2vw, 24px);

	width: clamp(18px, 2vw, 24px);

	font-size: clamp(0.95rem, 1.3vw, 1.2rem);

	text-align: center;

	color: #000000;

}



.side-rail-link span {

	opacity: 0;

	transform: translateX(-8px);

	transition: opacity 0.18s ease, transform 0.18s ease;

	font-weight: 400;

	letter-spacing: 0.01em;

	font-size: inherit;

}



.side-rail:hover .side-rail-link span {

	opacity: 1;

	transform: translateX(0);

}



.side-rail-link.active {

	background: rgba(255, 255, 255, 0.22);

}



@media (max-width: 1199.98px) {

	.side-rail {

		display: none !important;

	}

}

/* ================================

   FAQ Brunnenbauseite

   ================================ */

:root{

  --faq-primary:#87CEFA;

  --faq-dark:blue;

  --faq-dark-2:#082947;

  --faq-bg:#f4fbff;

  --faq-card:#ffffff;

  --faq-text:#17324a;

  --faq-muted:#5f7790;

  --faq-border:rgba(13,63,117,.16);

  --faq-shadow:0 12px 28px rgba(8,41,71,.12);

  --faq-shadow-soft:0 8px 18px rgba(8,41,71,.08);

  --faq-speed:280ms ease;

}



*{box-sizing:border-box}



.brunnen-faq-section {

  width: 100%;

  padding: 0px 0px;

}



.brunnen-faq-container {

  width: 100%;

  max-width: 1400px;

  margin: 0 auto;

}



.brunnen-faq-widget {

  width: 100%;

}

.brunnen-faq-widget{

  width:min(100%, 1400px);

  background:linear-gradient(180deg, rgba(135,206,250,.30) 0%, rgba(255,255,255,.95) 18%, #fff 100%);

  border:1px solid var(--faq-border);

  border-radius:24px;

  box-shadow:var(--faq-shadow);

  overflow:hidden;

  position:relative;

  padding:0;

}



.brunnen-faq-widget::before{

  content:"";

  position:absolute;

  top:0; left:0; right:0;

  height:6px;

  background:linear-gradient(90deg,var(--faq-dark),var(--faq-primary),var(--faq-dark));

}

.site-header {

  text-align: center;

  padding: 10px 0;

}



.site-header img {

  max-height: 280px;

  width: auto;

  display: inline-block;

  margin: 0 auto;

  position:relative;

}

.faq-head{

  padding:22px 20px 16px;

  background:

    radial-gradient(circle at top right, rgba(135,206,250,.42), transparent 42%),

    linear-gradient(180deg, rgba(135,206,250,.24), rgba(255,255,255,.75));

  border-bottom:1px solid rgba(13,63,117,.10);

}



.faq-badges{

  display:flex;

  flex-wrap:wrap;

  gap:8px;

  margin-bottom:12px;

}



.faq-badge{

  display:inline-flex;

  align-items:center;

  gap:6px;

  font-size:12px;

  font-weight:700;

  color:var(--faq-dark);

  background:rgba(255,255,255,.82);

  border:1px solid blue;

  border-radius:999px;

  padding:6px 10px;

  box-shadow:var(--faq-shadow-soft);

}



.faq-title{

  margin:0;

  color:var(--faq-dark-2);

  font-size:24px;

  line-height:1.15;

}



.faq-subtitle{

  margin:10px 0 0;

  font-size:14px;

  line-height:1.55;

  color:var(--faq-muted);

}



.faq-tools{

  padding:14px 20px 12px;

  background:rgba(255,255,255,.78);

  border-bottom:1px solid rgba(13,63,117,.08);

}



.faq-search{

  width:100%;

  padding:13px 14px 13px 42px;

  border-radius:14px;

  border:1px solid rgba(13,63,117,.14);

  outline:none;

  font-size:14px;

  color:var(--faq-text);

  background:

    #fff

    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%230d3f75' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='7'/><line x1='21' y1='21' x2='16.65' y2='16.65'/></svg>")

    no-repeat 14px center;

  transition:var(--faq-speed);

  box-shadow:0 3px 10px rgba(8,41,71,.05) inset;

}



.faq-search:focus{

  border-color:rgba(13,63,117,.35);

  box-shadow:0 0 0 4px rgba(135,206,250,.22);

}



.faq-toolbar{

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:10px;

  margin-top:10px;

  flex-wrap:wrap;

}



.faq-count{

  font-size:12px;

  font-weight:700;

  color:var(--faq-muted);

}



.faq-actions{

  display:flex;

  gap:8px;

  flex-wrap:wrap;

}



.faq-btn{

  border:none;

  cursor:pointer;

  border-radius:999px;

  padding:8px 11px;

  font-size:12px;

  font-weight:700;

  color:#fff;

  background:linear-gradient(180deg,var(--faq-dark),var(--faq-dark-2));

  box-shadow:0 6px 14px rgba(13,63,117,.18);

  transition:transform var(--faq-speed),box-shadow var(--faq-speed),opacity var(--faq-speed);

}



.faq-btn:hover{

  transform:translateY(-1px);

  box-shadow:0 10px 18px rgba(13,63,117,.22);

}



.faq-body{

  padding:8px 12px 16px;

  max-height:48vh;

  overflow:auto;

  scroll-behavior:smooth;

}



.faq-group-title{

  margin:18px 6px 10px;

  padding:10px 12px;

  font-size:12px;

  font-weight:800;

  text-transform:uppercase;

  letter-spacing:.4px;

  color:var(--faq-dark-2);

  border-left:5px solid var(--faq-dark);

  border-radius:10px;

  background:linear-gradient(90deg, rgba(135,206,250,.18), rgba(255,255,255,0));

}



.faq-item{

  background:var(--faq-card);

  border:1px solid rgba(13,63,117,.12);

  border-radius:16px;

  margin:10px 2px;

  box-shadow:var(--faq-shadow-soft);

  overflow:hidden;

  animation:fadeInUp .42s ease both;

}



.faq-item[open]{

  border-color:rgba(13,63,117,.22);

  box-shadow:0 12px 24px rgba(8,41,71,.12);

}



.faq-item summary{

  list-style:none;

  cursor:pointer;

  display:flex;

  align-items:center;

  gap:12px;

  padding:8px 9px;

  position:relative;

  user-select:none;

  transition:background var(--faq-speed);

}



.faq-item summary::-webkit-details-marker{display:none}



.faq-item summary:hover{

  background:linear-gradient(90deg, rgba(135,206,250,.14), rgba(255,255,255,0));

}



.faq-icon{

  width: 30px;

  min-width: 30px;

  height: 30px;



  display: inline-flex;

  align-items: center;

  justify-content: center;



  border-radius: 50%;          /* 🔥 Kreis */



  font-size: 15px;

  font-weight: 700;

  color: #082947;              /* dunkler Text */



  background: #c8ecf9;         /* 🔥 Innenfarbe */

  border: 1px solid blue;      /* 🔵 Rahmen */



  box-shadow: 0 6px 14px rgba(13,63,117,.18);

}.faq-question{

  flex:1;

  padding-right:28px;

  color:var(--faq-dark-2);

  font-size:14px;

  line-height:1.5;

  font-weight:700;

}



.faq-chevron{

  width:12px;

  height:12px;

  position:absolute;

  right:10px;

  top:40%;

  margin-top:-8px;

  border-right:2px solid var(--faq-dark);

  border-bottom:2px solid var(--faq-dark);

  transform:rotate(45deg);

  transition:transform var(--faq-speed), margin-top var(--faq-speed);

}



.faq-item[open] .faq-chevron{

  transform:rotate(225deg);

  margin-top:-3px;

}



.faq-answer{

  padding:10px 18px 50px 60px;

  color:var(--faq-text);

  font-size:14px;

  line-height:1.8;

  animation:answerReveal .25s ease;

}



.faq-answer p{

  margin:0;

  text-align: left;

}



.faq-answer strong{

  color:var(--faq-dark-2);

}



.faq-empty{

  display:none;

  margin:16px 12px 4px;

  padding:18px;

  text-align:center;

  border-radius:16px;

  border:1px dashed rgba(13,63,117,.18);

  background:rgba(135,206,250,.08);

  color:var(--faq-muted);

  font-size:14px;

  line-height:1.6;

}



.faq-foot{

  padding:14px 18px 18px;

  border-top:1px solid rgba(13,63,117,.08);

  background:linear-gradient(180deg, rgba(135,206,250,.08), rgba(255,255,255,.95));

  color:var(--faq-muted);

  font-size:12px;

  line-height:1.6;

}



.faq-foot strong{

  color:var(--faq-dark);

}



@keyframes fadeInUp{

  from{opacity:0; transform:translateY(8px)}

  to{opacity:1; transform:translateY(0)}

}



@keyframes answerReveal{

  from{opacity:0; transform:translateY(-4px)}

  to{opacity:1; transform:translateY(0)}

}



@media (max-width:1400px){



  .faq-body{

    max-height:75vh;

  }



  .faq-item summary{

    padding:14px;

  }



  .faq-answer{

    padding:14px 16px 20px 16px;

    font-size:14px;

    line-height:1.8;



    height:auto !important;

    max-height:none !important;

    overflow:visible !important;

  }



  .faq-item[open]{

    min-height:180px;

  }

  .faq-chevron{

  width:12px;

  height:12px;

  position:absolute;

  right:15px;

  top:42%;

  margin-top:-8px;

  border-right:2px solid var(--faq-dark);

  border-bottom:2px solid var(--faq-dark);

  transform:rotate(45deg);

  transition:transform var(--faq-speed), margin-top var(--faq-speed);

}

.site-header img {

  max-height: 200px;

  width: auto;

}



}

/* ================================

   Bouncing Words FAQ Brunnenbauseite

   ================================ */

.site-header{

  position: relative;

  overflow: hidden;

  background-image: linear-gradient(to top, #57C785 0%, #b0e2ff 100%);

  border: 1px blue;

}



.floating-words{

  position: absolute;

  inset: 0;

  z-index: 3;

  pointer-events: none;

}



.floating-word{

  position: absolute;

  left: 0;

  top: 0;

  display: inline-block;

  white-space: nowrap;

  user-select: none;

  pointer-events: none;

  font-size: 18px;

  font-weight: 700;

  line-height: 1;

  color: rgba(255,255,255,.75);

  text-shadow:

    0 2px 8px rgba(0,0,0,.22),

    0 0 14px rgba(135,206,250,.18);

  will-change: transform, opacity, filter;

  mix-blend-mode: screen;

}



.floating-word.is-soft{

  opacity: .65;

}



@media (max-width: 767px){

  .floating-word{

    font-size: 14px;

  }

}

.site-header img{

  position: relative;

  z-index: 4;

}



.floating-word.is-soft{

  opacity: .55;

  font-size: 16px;

}



@media (max-width: 767px){

  .floating-word{

    font-size: 14px;

  }

}

/* ================================

   Pflegeassistent Seite Sanierungen

   ================================ */

:root{

  --wcp-primary:#87CEFA;

  --wcp-primary-2:#bfe9ff;

  --wcp-dark:#143b60;

  --wcp-dark-2:#143b60;

  --wcp-text:#18324a;

  --wcp-muted:#64798d;

  --wcp-border:rgba(12,39,64,.12);

  --wcp-soft:rgba(135,206,250,.10);

  --wcp-shadow:0 16px 40px rgba(7,34,56,.10);

  --wcp-shadow-soft:0 8px 22px rgba(7,34,56,.08);

  --wcp-speed:280ms ease;

}



.well-care-pro{

  width:100%;

  padding:32px 20px;

  background:

    radial-gradient(circle at top right, rgba(135,206,250,.18), transparent 32%),

    linear-gradient(180deg, #fafdff 0%, #f3faff 100%);

}



.wcp-shell{

  max-width:1400px;

  margin:0 auto;

  background:rgba(255,255,255,.92);

  border:1px solid var(--wcp-border);

  border-radius:28px;

  box-shadow:var(--wcp-shadow);

  overflow:hidden;

  position:relative;

  backdrop-filter:blur(12px);

}



.wcp-topline{

  height:6px;

  background:linear-gradient(90deg, var(--wcp-dark), var(--wcp-primary), var(--wcp-dark));

}



.wcp-hero{

  padding:34px 30px 24px;

  background:

    linear-gradient(135deg, rgba(135,206,250,.22), rgba(255,255,255,.88)),

    radial-gradient(circle at 85% 20%, rgba(135,206,250,.28), transparent 30%);

  border-bottom:1px solid var(--wcp-border);

}



.wcp-eyebrow{

  display:inline-flex;

  padding:8px 12px;

  border-radius:999px;

  background:rgba(255,255,255,.9);

  border:1px solid var(--wcp-border);

  font-size:12px;

  font-weight:800;

  letter-spacing:.08em;

  text-transform:uppercase;

  color:var(--wcp-dark-2);

}



.wcp-hero h2{

  margin:14px 0 10px;

  font-size:clamp(28px, 3vw, 46px);

  line-height:1.08;

  color:var(--wcp-dark);

}



.wcp-hero h2 span{

  color:var(--wcp-dark-2);

}



.wcp-hero p{

  max-width:980px;

  margin:0;

  color:var(--wcp-text);

  font-size:16px;

  line-height:1.7;

}



.wcp-badges{

  display:flex;

  gap:10px;

  flex-wrap:wrap;

  margin-top:20px;

}



.wcp-badge{

  display:inline-flex;

  align-items:center;

  padding:8px 12px;

  border-radius:999px;

  border:1px solid var(--wcp-border);

  background:#fff;

  color:var(--wcp-dark-2);

  font-size:13px;

  font-weight:700;

  box-shadow:var(--wcp-shadow-soft);

}



.wcp-start{

  padding:28px 28px 34px;

}



.wcp-stepbar{

  display:grid;

  grid-template-columns:repeat(4,1fr);

  gap:12px;

  margin-bottom:24px;

}



.wcp-step{

  padding:14px 16px;

  border-radius:18px;

  border:1px solid var(--wcp-border);

  background:#fff;

  font-size:14px;

  font-weight:700;

  color:var(--wcp-muted);

  text-align:center;

}



.wcp-step.is-active{

  color:var(--wcp-dark);

  background:linear-gradient(180deg, #fff, var(--wcp-soft));

  border-color:rgba(135,206,250,.55);

}



.wcp-choice-grid{

  display:grid;

  grid-template-columns:repeat(2,minmax(0,1fr));

  gap:20px;

}



.wcp-choice-card{

  appearance:none;

  width:100%;

  text-align:left;

  border:1px solid var(--wcp-border);

  background:linear-gradient(180deg, rgba(135,206,250,.08), rgba(255,255,255,.94));

  border-radius:24px;

  padding:24px;

  cursor:pointer;

  transition:transform var(--wcp-speed), box-shadow var(--wcp-speed), border-color var(--wcp-speed);

  box-shadow:var(--wcp-shadow-soft);

}



.wcp-choice-card:hover{

  transform:translateY(-2px);

  border-color:rgba(135,206,250,.65);

  box-shadow:0 18px 35px rgba(7,34,56,.12);

}



.wcp-choice-icon{

  width:56px;

  height:56px;

  border-radius:18px;

  display:flex;

  align-items:center;

  justify-content:center;

  font-size:26px;

  background:var(--wcp-primary);

  border:1px solid rgba(12,39,64,.08);

  margin-bottom:14px;

}



.wcp-choice-card h3{

  margin:0 0 10px;

  color:var(--wcp-dark);

  font-size:28px;

}



.wcp-choice-card p{

  margin:0;

  color:var(--wcp-text);

  line-height:1.7;

  font-size:15px;

}



.wcp-choice-action{

  display:inline-flex;

  margin-top:18px;

  font-size:14px;

  font-weight:800;

  color:var(--wcp-dark-2);

}



.is-hidden{

  display:none !important;

}



.wcp-app{

  padding:24px 24px 30px;

}



.wcp-toolbar{

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:18px;

  margin-bottom:22px;

  flex-wrap:wrap;

}



.wcp-toolbar-left{

  display:flex;

  align-items:center;

  gap:12px;

  flex-wrap:wrap;

}



.wcp-mode-pill{

  padding:10px 14px;

  border-radius:999px;

  background:#fff;

  border:1px solid var(--wcp-border);

  color:var(--wcp-dark);

  font-size:14px;

}



.wcp-link-btn{

  border:none;

  background:none;

  color:var(--wcp-dark-2);

  cursor:pointer;

  font-weight:700;

}



.wcp-progress-wrap{

  min-width:280px;

  flex:1 1 320px;

}



.wcp-progress-label{

  font-size:12px;

  font-weight:800;

  color:var(--wcp-muted);

  margin-bottom:6px;

  text-transform:uppercase;

  letter-spacing:.05em;

}



.wcp-progress{

  height:12px;

  border-radius:999px;

  background:#eaf5fc;

  overflow:hidden;

}



.wcp-progress-bar{

  width:16.666%;

  height:100%;

  border-radius:999px;

  background:linear-gradient(90deg, var(--wcp-primary), #56b7f4);

  transition:width var(--wcp-speed);

}



.wcp-layout{

  display:grid;

  grid-template-columns:280px minmax(0,1fr);

  gap:22px;

}



.wcp-sidebar{

  background:linear-gradient(180deg, #fff, rgba(135,206,250,.08));

  border:1px solid var(--wcp-border);

  border-radius:22px;

  padding:18px;

  height:fit-content;

  position:sticky;

  top:18px;

}



.wcp-nav-title{

  font-size:12px;

  font-weight:800;

  color:var(--wcp-muted);

  margin-bottom:12px;

  text-transform:uppercase;

  letter-spacing:.08em;

}



.wcp-nav-item{

  width:100%;

  text-align:left;

  border:1px solid transparent;

  background:transparent;

  border-radius:14px;

  padding:12px 14px;

  cursor:pointer;

  font-size:14px;

  font-weight:700;

  color:var(--wcp-text);

  transition:background var(--wcp-speed), border-color var(--wcp-speed), color var(--wcp-speed);

}



.wcp-nav-item:hover,

.wcp-nav-item.is-active{

  background:#fff;

  border-color:rgba(135,206,250,.55);

  color:var(--wcp-dark);

}



.wcp-main{

  min-width:0;

  display:flex;

  flex-direction:column;

}



.wcp-panels-wrap{

  position:relative;

  min-height:400px;

}



.wcp-panel{

  background:#fff;

  border:1px solid var(--wcp-border);

  border-radius:24px;

  padding:24px;

  box-shadow:var(--wcp-shadow-soft);

}



.wcp-panels-wrap.is-measured .wcp-panel{

  position:absolute;

  inset:0;

  overflow-y:auto;

  padding-right:12px;

}



.wcp-panel-head{

  margin-bottom:20px;

}



.wcp-panel-kicker{

  display:inline-flex;

  padding:7px 10px;

  border-radius:999px;

  background:var(--wcp-soft);

  color:var(--wcp-dark-2);

  font-size:12px;

  font-weight:800;

  letter-spacing:.05em;

  text-transform:uppercase;

}



.wcp-panel-head h3{

  margin:12px 0 8px;

  color:var(--wcp-dark);

  font-size:30px;

  line-height:1.15;

}



.wcp-panel-head p{

  margin:0;

  color:var(--wcp-text);

  line-height:1.75;

  font-size:15px;

}



.wcp-callout{

  padding:16px 18px;

  border-radius:18px;

  border:1px solid rgba(135,206,250,.55);

  background:linear-gradient(180deg, rgba(135,206,250,.16), rgba(255,255,255,.96));

  color:var(--wcp-text);

  line-height:1.7;

  margin-bottom:20px;

}



.wcp-grid{

  display:grid;

  gap:18px;

}



.wcp-grid.two{

  grid-template-columns:repeat(2, minmax(0,1fr));

}



.wcp-card{

  border:1px solid var(--wcp-border);

  border-radius:20px;

  background:linear-gradient(180deg, #fff, rgba(135,206,250,.05));

  padding:20px;

}



.wcp-card-accent{

  border-color:rgba(135,206,250,.55);

}



.wcp-card h4{

  margin:0 0 12px;

  font-size:20px;

  color:var(--wcp-dark);

}



.wcp-list{

  margin:0;

  padding-left:18px;

  color:var(--wcp-text);

  line-height:1.8;

  font-size:15px;

}



.wcp-check{

  display:flex;

  gap:10px;

  align-items:flex-start;

  margin-bottom:12px;

  color:var(--wcp-text);

  line-height:1.6;

  font-size:15px;

}



.wcp-check input{

  margin-top:4px;

}



.wcp-field{

  margin-bottom:14px;

}



.wcp-field label{

  display:block;

  margin-bottom:7px;

  font-size:13px;

  font-weight:800;

  color:var(--wcp-dark-2);

}



.wcp-field select{

  width:100%;

  min-height:48px;

  border-radius:14px;

  border:1px solid var(--wcp-border);

  background:#fff;

  padding:0 14px;

  font-size:15px;

  color:var(--wcp-text);

  outline:none;

}



.wcp-service-box{

  margin-top:16px;

  padding:14px 16px;

  border-radius:16px;

  background:rgba(135,206,250,.12);

  border:1px solid rgba(135,206,250,.45);

  color:var(--wcp-text);

  line-height:1.65;

}



.wcp-result{

  border-radius:24px;

  border:1px solid var(--wcp-border);

  overflow:hidden;

  box-shadow:var(--wcp-shadow-soft);

  background:#fff;

}



.wcp-result-status{

  padding:16px 20px;

  font-size:18px;

  font-weight:900;

  color:#fff;

  background:#7c8a96;

}



.wcp-result-body{

  padding:22px 20px;

  color:var(--wcp-text);

  line-height:1.8;

  font-size:15px;

}



.wcp-result.is-green .wcp-result-status{ background:#179f63; }

.wcp-result.is-yellow .wcp-result-status{ background:#d58b00; }

.wcp-result.is-red .wcp-result-status{ background:#c33a32; }



.wcp-service-final{

  margin-top:18px;

  border:1px solid rgba(135,206,250,.5);

  border-radius:22px;

  padding:22px;

  background:linear-gradient(180deg, rgba(135,206,250,.12), rgba(255,255,255,.96));

}



.wcp-service-final h4{

  margin:0 0 8px;

  color:var(--wcp-dark);

  font-size:22px;

}



.wcp-service-final p{

  margin:0 0 16px;

  color:var(--wcp-text);

  line-height:1.8;

}



.wcp-final-actions{

  display:flex;

  gap:12px;

  flex-wrap:wrap;

}



.wcp-cta{

  min-height:48px;

  padding:0 0px;

  border-radius:16px;

  border:none;

  background:linear-gradient(180deg, #1a4a74, #0c2740);

  color:#fff;

  cursor:pointer;

  font-size:15px;

  font-weight:800;

  box-shadow:0 10px 20px rgba(12,39,64,.16);

}



.wcp-controls{

  display:flex;

  justify-content:space-between;

  gap:12px;

  margin-top:18px;

  position:sticky;

  bottom:0;

  background:linear-gradient(180deg, rgba(255,255,255,.86), rgba(255,255,255,1));

  padding-top:12px;

}



.wcp-btn{

  min-height:48px;

  padding:0 18px;

  border-radius:16px;

  border:none;

  background:linear-gradient(180deg, #1a4a74, #0c2740);

  color:#fff;

  cursor:pointer;

  font-size:15px;

  font-weight:800;

  box-shadow:0 10px 20px rgba(12,39,64,.16);

}



.wcp-btn-ghost{

  background:#fff;

  color:var(--wcp-dark);

  border:1px solid var(--wcp-border);

  box-shadow:none;

}

.wcp-btn-anfrage{

  background: #ff9c3f;

}

.wcp-btn-print{

  background:linear-gradient(180deg, #56b7f4, #1a84c5);

}



.wcp-btn-pdf{

  background:linear-gradient(180deg, #13805f, #0b5d45);

}



/* Druckbereich */

#printArea{

  position:fixed;

  left:-99999px;

  top:0;

  width:190mm;

  background:#fff;

  opacity:0;

  pointer-events:none;

  z-index:-1;

}



.print-doc{

  width:100%;

  max-width:180mm;

  margin:0 auto;

  padding:10mm;

  background:#fff;

  color:#000;

  font-family:Arial, sans-serif;

  line-height:1.5;

  box-sizing:border-box;

}



.print-header{

  display:flex;

  justify-content:space-between;

  align-items:flex-start;

  margin-bottom:16px;

  gap:20px;

}



.print-logo{

  max-height:70px;

  width:auto;

  height:auto;

}



.print-company{

  text-align:right;

  font-size:12px;

  line-height:1.45;

}



.print-doc h1{

  margin:0 0 6px;

  font-size:24px;

}



.print-subline{

  margin-bottom:14px;

}



.print-meta{

  display:flex;

  justify-content:space-between;

  margin-bottom:12px;

  border:1px solid #87cefa;

  padding:10px;

  gap:16px;

  flex-wrap:wrap;

}



.print-doc h2{

  margin-top:16px;

  font-size:16px;

}



.print-doc h3{

  margin:10px 0 6px;

  font-size:14px;

}



.print-doc ul{

  margin:0 0 6px;

  padding-left:18px;

}



.print-page-break{

  page-break-before:always;

  break-before:page;

}



.print-check-table{

  width:100%;

  border-collapse:collapse;

  margin-top:8px;

  font-size:12px;

}



.print-check-table th,

.print-check-table td{

  border:1px solid #87cefa;

  padding:8px;

  vertical-align:top;

}



.print-check-table th{

  background:#efefef;

  text-align:left;

}



.print-check-cell{

  width:70px;

  text-align:center;

}



.print-check-box{

  display:inline-block;

  width:14px;

  height:14px;

  border:1px solid #000;

}



.print-signature{

  display:grid;

  grid-template-columns:1fr 1fr;

  gap:30px;

  margin-top:70px;

  page-break-inside:avoid;

  break-inside:avoid;

}



.print-sign-field{

  border-top:1px solid #87cefa;

  padding-top:6px;

  min-height:40px;

  font-size:12px;

}



@media (max-width:1100px){

  .wcp-layout{

    grid-template-columns:1fr;

  }



  .wcp-sidebar{

    position:relative;

    top:auto;

  }

}



@media (max-width:820px){

  .wcp-choice-grid,

  .wcp-grid.two,

  .wcp-stepbar{

    grid-template-columns:1fr;

  }



  .wcp-hero,

  .wcp-start,

  .wcp-app{

    padding-left:16px;

    padding-right:16px;

  }



  .wcp-panel{

    padding:18px;

  }



  .wcp-panel-head h3{

    font-size:24px;

  }



  .wcp-controls,

  .wcp-final-actions{

    flex-direction:column;

  }



  .wcp-btn,

  .wcp-btn-ghost,

  .wcp-btn-print,

  .wcp-btn-pdf,

  .wcp-cta{

    width:100%;

  }

}



@media print{

  html, body{

    margin:0;

    padding:0;

    background:#fff !important;

  }



  body *{

    visibility:hidden !important;

  }



  #printArea,

  #printArea *{

    visibility:visible !important;

  }



  #printArea{

    position:absolute !important;

    left:0 !important;

    top:0 !important;

    width:100% !important;

    opacity:1 !important;

    pointer-events:auto !important;

    z-index:auto !important;

  }



  .print-doc{

    max-width:180mm;

    margin:0 auto;

    padding:0;

  }

  .print-signature{

  margin-top:60px;

}



  @page{

    size:A4;

    margin:15mm;

  }

}