html, body {
    margin:0px auto;
    padding: 0;
    width: 100%;
    height: 100%; 
    font-family: Noto Sans, Helvetica, Arial, Geneva, sans-serif;
    color:#717070;
    line-height:27px;
    font-size:14px;
    background:#ffffff;
}
:root {
	--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-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-white-rgb: 255, 255, 255;
	--bs-black-rgb: 0, 0, 0;
	--bs-body-color-rgb: 33, 37, 41;
	--bs-body-bg-rgb: 255, 255, 255;
	--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--bs-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-bg: #fff;
	--Sky: #DBEAED;
	--Pearl: #EAEAE8;
	--Poppy: #E24639;
	--Steel: #4D5256; 
	--main-color-fonts: #4D5256;
	--main-color-red: #E24639;
	--main-color-white: #FFFFFF;
	--main-color-light-grey: #EAEAE8;
	--main-color-dark-grey: #707070;
	--main-color-light-blue: #DBEAED;
	--accent-color-light-grey: #0000001F;
	--tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
	--panel: #ffffff;
    --panel-2: #f3f6ff;
	--card-radius: 16px;
    --shadow: 0 10px 25px rgba(16,23,40,.08);
  }
  .BackGray50
  {
	  background: var(--bs-gray-100);
  }
  .BackGray100
  {
	  background: var(--bs-gray-100);
  }
  .BackGray200
  {
	  background: var(--bs-gray-200);
  }
  .BackPearl
  {
	background: var(--Pearl);
  }
  .BackSky
  {
	background: var(--Sky);
  }
  .ColorPoppy
  {
	color: var(--Poppy);
  }
  .ColorSteel
  {
	color: var(--Steel);
  }
  .space-y-4 {
	margin-top: 1rem;
}
  .SidebarJournalContent
  {
	padding:15px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	background: var(--Sky);
	margin-bottom: 10px;
  }
  .NewListLine
  {
	background:	 	var(--bs-body-bg);
	padding:		3px;
	border-radius: 	3px;
	margin-top: 	2px;
	transition: 	border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  .NewListLine:hover
  {
	background: var(--Poppy);
	color:		var(--bs-body-bg);
  }
  .visaart-box
  {
	background-color: var(--Pearl);
	padding: 20px;
	border-radius: 30px;
	max-width: 400px;
	width: 100%;
  }
  .visaart-box h3
  {
	font-size: 23px;
	margin: 10px 0 15px;
	color: var(--Steel);
	border-left: 0px;
	text-transform: none;
  }
  .CloseX
  {
	  text-align:			right;
	  margin-top:			-32px;
	  z-index:				999999;
	  position:				fixed;
	  border-radius: 		30px;
	  width: 				50px;
	  height: 				48px;
	  background-color:		#ffffff;
	  color: 				var(--Poppy);
	  font-size: 			45px;
	  border: 				2px solid var(--Poppy);
	  text-align: 			center;
	  float:				right;
	  padding-top: 			2px;
	  cursor: 				pointer;
	  margin-right: 		-40px;
  }
  .CloseX:hover
  {
		color: 				var(--Steel);
		border: 			2px solid var(--Steel);
  }
         #dragHandle {
            width: 50px;
            height: 30px;
            color: var(--Steel);
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: grab;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
        }

        #dragHandle:active {
            cursor: grabbing;
        }
.popupError {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 300px;
  max-width: 500px;
  padding: 24px 32px 18px 24px;
  background: #f8d7da;
  color: #721c24;
  box-shadow: 0 4px 16px rgba(0,0,0,0.25);
  border-radius: 8px;
  z-index: 10000;
  text-align: center;
  font-size: 1.3em;
  display:none;
}
  .sidebarImmi {
    position: fixed;
    top: 0;
    left: -300px; /* Standardmäßig versteckt */
    width: 300px;
    height: 100vh;
    background-color: var(--Sky);
    color: #ecf0f1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    transition: left 0.3s ease-in-out; /* Animation für das Ein-/Ausklappen */
	border-bottom-right-radius: 15px;
	border-top-right-radius: 15px;
}
/* Wenn die Sidebar aktiv ist */
.sidebarImmi.active {
    left: 0;
}


/* Toggle-Button */
.toggle-btnImmi {
    position: absolute;
    top: 20px;
    right: -45px; /* Schwebt außerhalb der Sidebar */
    background-color: var(--Poppy);
    border: none;
    border-radius: 50%;
    color: white;
    font-size: 20px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    z-index: 1100;
}
/* Wenn Sidebar sichtbar ist, Inhalt verschieben */
.sidebarImmi.active ~ .content {
    margin-left: 300px;
}
/* Logo Bereich */
.logoImmi {
    text-align: center;
    font-size: 1.5em;
    padding: 10px 0;
    background-color: var(--Poppy);
    font-weight: bold;
    border-bottom: 1px solid var(--Pearl);
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

/* Navigation Menu */
.nav-menuImmi {
    list-style: none;
    padding: 0;
    margin: 0;
    flex-grow: 1;
}

.nav-menuImmi li {
    margin: 0;
}

.nav-menuImmi a {
    display: block;
    color: var(--Steel);
    text-decoration: none;
    padding: 10px 15px;
    transition: all 0.3s ease-in-out;
}

.nav-menuImmi a:hover {
    background-color: var(--Steel);
    color: #ffffff;
}
.ModalLine
{
	padding: 7px;
	width:100%;
	cursor:pointer;
	border-radius: 7px;
}
.ModalLine:hover
{
	transition: all 0.3s ease-in-out;
	background-color: var(--Steel);
    color: #ffffff;
}
.ModalLineButt
{
	padding:5px;
	width:30px;
	cursor:pointer;
	border-radius: 3px;
	background: var(--Poppy);
	text-align: center;
	color: #ffffff;
}
.ModalLineButt:hover
{
	transition: all 0.3s ease-in-out;
	background-color: var(--Steel);
    color: #ffffff;
	border: 1px solid #ffffff;
}
/* Footer Bereich */
.footerImmi {
    text-align: center;
    font-size: 0.9em;
    padding: 10px;
    background-color: var(--Steel);
    border-top: 1px solid var(--Pearl);
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}
  /* Styling für den Link */
        .popover-link {
            position: relative;
            display: inline-block;
            text-decoration: none;
            color: #007bff;
            font-weight: bold;
            cursor: pointer;
        }

        /* Das Popover selbst */
        .popover-link .popover {
            position: absolute;
            top: 100%; /* Direkt unter dem Link */
            left: 50%;
            transform: translateX(-50%);
            display: none; /* Versteckt das Popover standardmäßig */
            width: 200px;
            padding: 10px;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 5px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            z-index: 10;
            text-align: center;
        }

        /* Zeiger am Popover */
        .popover::after {
            content: '';
            position: absolute;
            top: -10px;
            left: 50%;
            transform: translateX(-50%);
            border-width: 10px;
            border-style: solid;
            border-color: transparent transparent #fff transparent;
        }

        /* Popover sichtbar machen bei Hover */
        .popover-link:hover .popover,
        .popover-link:focus .popover {
            display: block;
        }

        /* Animationen */
        .popover {
            animation: fadeIn 0.3s ease-in-out;
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translate(-50%, 10px);
            }
            to {
                opacity: 1;
                transform: translate(-50%, 0);
            }
        }
.table{width:100%;margin-bottom:1rem;color:#212529}.table td,.table th{padding:.65rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table-sm td,.table-sm th{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{color:#212529;background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:#7abaff}.table-hover .table-primary:hover{background-color:#9fcdff}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db}.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{border-color:#b3b7bb}.table-hover .table-secondary:hover{background-color:#c8cbcf}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf}.table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:#8fd19e}.table-hover .table-success:hover{background-color:#b1dfbb}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>td,.table-info>th{background-color:#bee5eb}.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:#86cfda}.table-hover .table-info:hover{background-color:#abdde5}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:#ffdf7e}.table-hover .table-warning:hover{background-color:#ffe8a1}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:#ed969e}.table-hover .table-danger:hover{background-color:#f1b0b7}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:#fbfcfc}.table-hover .table-light:hover{background-color:#ececf6}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#95999c}.table-hover .table-dark:hover{background-color:#b9bbbe}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#343a40;border-color:#454d55}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#343a40}.table-dark td,.table-dark th,.table-dark thead th{border-color:#454d55}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive>.table-bordered{border:0}
.table-container {
	width: 90%;
	max-width: 800px;
	background: white;
	border-radius: 10px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	overflow: hidden;
}

.table-header2, .table-row2 {
	display: flex;
	padding: 5px 5px;
	align-items: left;
	justify-content: space-between;
}

.table-header2 {
	background: var(--Steel);
	color: white;
	font-weight: bold;
}

.table-row2 {
	border-bottom: 1px solid #ddd;
	transition: background 0.3s ease;
}

.table-row2:nth-child(even) {
	background: #f9f9f9;
}

.table-row2:hover {
	background: #f1f1f1;
}

.table-cell2 {
	flex: 1;
	padding: 4px;
	text-align: left;
}

/* Erste Spalte (ID) kleiner machen */
.table-cell2.id {
	flex: 0.5;
}

/* Responsive Anpassung */
@media (max-width: 600px) {
	.table-header2, .table-row {
		flex-direction: column;
		align-items: flex-start;
		padding: 10px;
	}

	.table-cell2 {
		width: 100%;
		text-align: left;
		padding: 4px 0;
	}

	.table-cell2::before {
		font-weight: bold;
		margin-right: 8px;
	}

	.table-cell2:nth-child(1)::before { content: "ID: "; }
	.table-cell2:nth-child(2)::before { content: "Produkt: "; }
	.table-cell2:nth-child(3)::before { content: "Preis: "; }
	.table-cell2:nth-child(4)::before { content: "Menge: "; }
}
.DivTable
{
	background: #9b9a9a;
	width:100%;
	margin-bottom:1rem;
	color:#212529;
	clear:both;
}
.DivTable:hover
{
	background: #f1f1f1;
}
.TextContainer
{
    max-width: 1050px;
}
.DropDownNew
{
	border: 1px solid var(--Steel);
	background-color: var(--Pearl);
	padding: 5px;
}
.DropDownNewRed
{
	border: 1px solid var(--Poppy);
	padding: 5px;
	color: var(--Poppy);
}
.tab-navigation {
	display: flex;
	border-bottom: 2px solid var(--Poppy);
}
#countdown {
	display: flex;
	gap: 20px;
	justify-content: center;
	align-items: center;
  }
.time-box {
	background: rgba(255, 255, 255, 0.2);
	padding: 20px;
	border-radius: 10px;
	width: 100px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  }
  .time-box span {
	display: block;
	font-size: 2rem;
	font-weight: bold;
	color: var(--Poppy);
  }
  .time-box label {
	display: block;
	font-size: 1rem;
	margin-top: 5px;
	color: var(--Poppy);
  }
.tab-navigation button {
	background-color: transparent;
	border: none;
	padding: 10px 20px;
	cursor: pointer;
	font-size: 16px;
	color:  var(--Poppy);
	border-bottom: 3px solid transparent;
	transition: all 0.3s ease;
}

.tab-navigation button:hover {
	background-color: #f0f0f0;
}

.tab-navigation button.active {
	color: #000;
	background-color: #f0f0f0;
	border-bottom: 3px solid var(--Poppy);
}
.form-control {
	display: block;
	width: 100%;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0.25rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.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: #212529;
	background-color: #fff;
	border-color: #86b7fe;
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  }
  .form-control::-webkit-date-and-time-value {
	height: 1.5em;
  }
  .form-control::-moz-placeholder {
	color: #6c757d;
	opacity: 1;
  }
  .form-control::placeholder {
	color: #6c757d;
	opacity: 1;
  }
  .form-control:disabled, .form-control[readonly] {
	background-color: #e9ecef;
	opacity: 1;
  }
  .form-control::-webkit-file-upload-button {
	padding: 0.375rem 0.75rem;
	margin: -0.375rem -0.75rem;
	-webkit-margin-end: 0.75rem;
	margin-inline-end: 0.75rem;
	color: #212529;
	background-color: #e9ecef;
	pointer-events: none;
	border-color: inherit;
	border-style: solid;
	border-width: 0;
	border-inline-end-width: 1px;
	border-radius: 0;
	-webkit-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;
	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;
  }
  .form-control::file-selector-button {
	padding: 0.375rem 0.75rem;
	margin: -0.375rem -0.75rem;
	-webkit-margin-end: 0.75rem;
	margin-inline-end: 0.75rem;
	color: #212529;
	background-color: #e9ecef;
	pointer-events: none;
	border-color: inherit;
	border-style: solid;
	border-width: 0;
	border-inline-end-width: 1px;
	border-radius: 0;
	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) {
	.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: #dde0e3;
  }
  .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
	background-color: #dde0e3;
  }
  .form-control::-webkit-file-upload-button {
	padding: 0.375rem 0.75rem;
	margin: -0.375rem -0.75rem;
	-webkit-margin-end: 0.75rem;
	margin-inline-end: 0.75rem;
	color: #212529;
	background-color: #e9ecef;
	pointer-events: none;
	border-color: inherit;
	border-style: solid;
	border-width: 0;
	border-inline-end-width: 1px;
	border-radius: 0;
	-webkit-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;
	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) {
	.form-control::-webkit-file-upload-button {
	  -webkit-transition: none;
	  transition: none;
	}
  }
  .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
	background-color: #dde0e3;
  }
  
  .form-control-plaintext {
	display: block;
	width: 100%;
	padding: 0.375rem 0;
	margin-bottom: 0;
	line-height: 1.5;
	color: #212529;
	background-color: transparent;
	border: solid transparent;
	border-width: 1px 0;
  }
  .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
	padding-right: 0;
	padding-left: 0;
  }
  
  .form-control-sm {
	min-height: calc(1.5em + 0.5rem + 2px);
	padding: 0.25rem 0.5rem;
	font-size: 0.875rem;
	border-radius: 0.2rem;
  }
  .form-control-sm::-webkit-file-upload-button {
	padding: 0.25rem 0.5rem;
	margin: -0.25rem -0.5rem;
	-webkit-margin-end: 0.5rem;
	margin-inline-end: 0.5rem;
  }
  .form-control-sm::file-selector-button {
	padding: 0.25rem 0.5rem;
	margin: -0.25rem -0.5rem;
	-webkit-margin-end: 0.5rem;
	margin-inline-end: 0.5rem;
  }
  .form-control-sm::-webkit-file-upload-button {
	padding: 0.25rem 0.5rem;
	margin: -0.25rem -0.5rem;
	-webkit-margin-end: 0.5rem;
	margin-inline-end: 0.5rem;
  }
  
  .form-control-lg {
	min-height: calc(1.5em + 1rem + 2px);
	padding: 0.5rem 1rem;
	font-size: 1.25rem;
	border-radius: 0.3rem;
  }
  .form-control-lg::-webkit-file-upload-button {
	padding: 0.5rem 1rem;
	margin: -0.5rem -1rem;
	-webkit-margin-end: 1rem;
	margin-inline-end: 1rem;
  }
  .form-control-lg::file-selector-button {
	padding: 0.5rem 1rem;
	margin: -0.5rem -1rem;
	-webkit-margin-end: 1rem;
	margin-inline-end: 1rem;
  }
  .form-control-lg::-webkit-file-upload-button {
	padding: 0.5rem 1rem;
	margin: -0.5rem -1rem;
	-webkit-margin-end: 1rem;
	margin-inline-end: 1rem;
  }
  
  textarea.form-control {
	min-height: calc(1.5em + 0.75rem + 2px);
  }
  textarea.form-control-sm {
	min-height: calc(1.5em + 0.5rem + 2px);
  }
  textarea.form-control-lg {
	min-height: calc(1.5em + 1rem + 2px);
  }
  
  .form-control-color {
	width: 3rem;
	height: auto;
	padding: 0.375rem;
  }
  .form-control-color:not(:disabled):not([readonly]) {
	cursor: pointer;
  }
  .form-control-color::-moz-color-swatch {
	height: 1.5em;
	border-radius: 0.25rem;
  }
  .form-control-color::-webkit-color-swatch {
	height: 1.5em;
	border-radius: 0.25rem;
  }
  .form-floating {
	position: relative;
  }
  .form-floating > .form-control,
  .form-floating > .form-select {
	height: calc(3.5rem + 2px);
	line-height: 1.25;
  }
  .form-floating > label {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	padding: 1rem 0.75rem;
	pointer-events: none;
	border: 1px solid transparent;
	transform-origin: 0 0;
	transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
  }
  @media (prefers-reduced-motion: reduce) {
	.form-floating > label {
	  transition: none;
	}
  }
  .form-floating > .form-control {
	padding: 1rem 0.75rem;
  }
  .form-floating > .form-control::-moz-placeholder {
	color: transparent;
  }
  .form-floating > .form-control::placeholder {
	color: transparent;
  }
  .form-floating > .form-control:not(:-moz-placeholder-shown) {
	padding-top: 1.625rem;
	padding-bottom: 0.625rem;
  }
  .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
	padding-top: 1.625rem;
	padding-bottom: 0.625rem;
  }
  .form-floating > .form-control:-webkit-autofill {
	padding-top: 1.625rem;
	padding-bottom: 0.625rem;
  }
  .form-floating > .form-select {
	padding-top: 1.625rem;
	padding-bottom: 0.625rem;
  }
  .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
	opacity: 0.65;
	transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
  }
  .form-floating > .form-control:focus ~ label,
  .form-floating > .form-control:not(:placeholder-shown) ~ label,
  .form-floating > .form-select ~ label {
	opacity: 0.65;
	transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
  }
  .form-floating > .form-control:-webkit-autofill ~ label {
	opacity: 0.65;
	transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
  } 
  
  /* Modal Container */
	.modal {
	display: none; /* Hidden by default */

	position: fixed; 
	z-index: 1; 
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto; 
	background-color: rgb(0,0,0); 
	background-color: rgba(0,0,0,0.4); 

}
.modallg {
	display: none; /* Hidden by default */

	position: fixed; 
	z-index: 1; 
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto; 
	background-color: rgb(0,0,0); 
	background-color: rgba(0,0,0,0.4); 

}
.SelectTypeFreeRegister
{
	max-width: 400px;
	width:100%;
	padding: 15px;
	border-radius: 20px;
	background: var(--Pearl);
	text-align: center;
	height: 80px;
	transform-origin: 0 0;
	transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
	font-size: 24px;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.62); 
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.62);
	line-height: 1.4em;
}
.SelectTypeFreeRegister:hover
{
	background: var(--Poppy);
	color: #fff;
}
/* Modal Content */
.modal-content {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 20px;
	border: 1px solid #888;
	width: 80%;
	max-width: 600px;
	animation: slideDown 0.5s;
	border-radius: 20px;
	padding:20px;
	margin-top: 50px;
}
.modal-contentlg {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 20px;
	border: 1px solid #888;
	width: 80%;
	max-width: 800px;
	animation: slideDown 0.5s;
	border-radius: 20px;
	padding:20px;
	margin-top: 50px;
}
/* Slide down animation */
@keyframes slideDown {
	from {top: -300px; opacity: 0;}
	to {top: 0; opacity: 1;}
}

/* Close button */
.close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
} 
  .MainContent {
    background-color: #ffffff;
    color:#bfbfbf;
	font-size:16px;
	font-family: "Inter Regular";
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 11px 0px 0px;
    width: 100%
}
.TopContent 
{

    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 11px;
    color: var(--Gray500);
    
    /* Inside auto layout */
    
    flex: none;
    order: 0;
    flex-grow: 0;
}
.GrayBox
{
    max-width: 1100px;
    overflow: hidden;
    padding: 40px;
    display:flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: left;
    align-items: left;
    gap: 35px;
    background: var(--Gray900);
    border-radius: 16px;
}
.FlexRow
{
    display:flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: left;
}
.FlexRowVisaFinder
{
	display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
    align-content: space-around;
    align-items: center;
	border-bottom: 0.8px solid #cccccc;
	cursor: pointer;
	border-left: 5px solid var(--Pearl);
}
.FlexRowVisaFinder:hover
{
	border-left: 5px solid var(--Poppy);
}

.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.p-4 {
    padding: 1rem;
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rounded-lg {
    border-radius: 0.5rem;
}
.RectRedBorder
{
	border: 2px solid var(--Poppy);
	text-align: center;
	color: var(--Poppy);
	padding:10px;
}
.RequiredVisa
{
	padding:7px;
	background-color: var(--Poppy);
	margin-top:0px;
	color:#ffffff;
	text-align:center;
	font-size: 18px;
}
.NoVisaRequired
{
	padding:7px;
	background-color: var(--Sky);
	margin-top:0px;
	color: var(--Steel);
	text-align:center;
}
.SpaceAround
{

	justify-content: space-between;
}
.SpaceAround2
{

	justify-content: space-around;
}
.Gap15
{
	gap: 15px;
}
.Gap25
{
	gap: 25px;
}
.FlexColumn
{
    display:flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: left;
}
.JustifyItemsLeft
{
    justify-items: left;
    justify-content: left;
}
.JustifyItemsCenter
{
    justify-content: center;
}
.JustifyContentSpaceBetween
{
	justify-content: space-between
}
.JustifyItemsRight
{
	justify-items: right;
	justify-content: right;
}
.JustifyItemsCenter
{
	justify-content: center;
}
.JustifyItemsCenter-I
{
	justify-items: center;
}
.JustifyContentEnd
{
	justify-content: flex-end;
}

.JustifyContentSpaceAround
{
	justify-content: space-around;
}
.AlignItemsCenter
{
	align-items: center;
}
.AlignItemsEnd
{
	align-items: flex-end;
}
.AlignContentCenter
{
	align-content: center;
}
.TextVerticalTop
{
    align-items: initial;
}
.VisaPop
{
	text-align:left;
	position:absolute;
	display:flex;
	flex-direction: column;
	align-content: space-between;
	flex-wrap: wrap;
	row-gap: 10px;
    column-gap: 10px;
	gap: 10px;
	padding:15px;
	width:300px;
	left:50%;
	margin-top:50px;
	margin-left:-200px;
	z-index:9001;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.62); 
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.62);
	border-radius: 20px;
	background: var(--Sky);

}
.VisaFinderWidget
{
	display:		none;
	position:  		fixed;
	border-radius:	20px;
	padding:		15px;
	background: 	var(--Sky);
	text-align: 	left;
	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;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.62); 
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.62);
	z-index:		99999;
}
.MenuButton
{
	width: 				90px;
	height:				68px;
	padding-top:		15px;
	border-radius:		17px;
	text-align: 		center;
	background-color: 	#ffffff;
	color: 				var(--bs-red);
	font-size: 			10px;
	border: 			1px solid var(--bs-red);
	cursor:				pointer;
	line-height: 		14px;
}
.MenuButton:hover
{
	box-shadow: var(--wb-ds-box-shadow--smooth);
	box-shadow: 0 3px 5px -2px rgba(0,0,0,.35), 0 2px 6px -1px rgba(0,0,0,.35);
	transition: 		.4s;
	background-color: 	var(--bs-red);
	color: 	#ffffff;
}
.NewBoxRedBorder
{
	color: 				var(--bs-red);
	font-size: 			10px;
	border: 			1px solid var(--bs-red);
	cursor:				pointer;
	line-height: 		14px;
	border-radius:		17px;
	padding:			10px;
}
.NewBoxButtons
{
	display: 			flex;
	flex-direction: 	row;
	justify-items:		baseline;
	width:				500px;
	flex-wrap:			wrap;
	/*justify-content: 	space-between;*/
	align-items: 		flex-start;
	align-content: 		flex-start;
	gap: 				10px;
}
.th{padding:5px;vertical-align:top;border-top:1px solid #dee2e6;float:left;font-weight:bold;}
.DivTd{padding:5px;;vertical-align:top;border-top:1px solid #dee2e6;float:left;font-weight:normal;cursor: pointer;}
.accordion {
	overflow-anchor: none;
  }
  
  .accordion > .card {
	overflow: hidden;
  }
  
  .accordion > .card:not(:last-of-type) {
	border-bottom: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
  }
  
  .accordion > .card:not(:first-of-type) {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
  }
  
  .accordion > .card > .card-header {
	border-radius: 0;
	margin-bottom: -1px;
  }
.ClearBox
{
	clear:both;
}
.DisplayNone
{
	display:none;
}
.DisplayBlock
{
	display: block;
}
#BezBland
{
	display:inline;
}
.MessageCenterHead
{
	float:left;
	width:130px;
	font-weight:bold;
	text-align:left;
	background:#b6b2b2;
	padding:5px;
}
.MessageCenter
{
	float:left;
	width:130px;
	text-align:left;

	padding:5px;
	cursor:pointer;
}
.MessageCenterZeile
{
	float:left;
	width:1140px;
	cursor:pointer;
	background:#f1f1f1;
}
.MessageCenterZeile:hover
{
	background:#e6f2fa;
}
.LogDaten
{
	z-index:3200;
	width:550px;
	background:#fabf21;
	border:3px solid #ffffff;
	display:none;
	margin-top:-30px;
	margin-left:120px;
	position:fixed;
	padding:8px;
	text-align:center;
	color:#666666;
	background-image: linear-gradient(to top, #fabf21 9%, #fbd570 90%);
	border-radius: 5px 5px 5px 5px;
}
.EvaluationPage
{
	display: flex;
	flex-direction: column;
    align-items: flex-start;
	width: 100%;
	background: #f1f1f1;
	text-align: center;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}
.TokenPage
{
	display: flex;
	flex-direction: column;
    align-items: flex-start;
	width: 100%;
	height: 100%;
	background: #f1f1f1;
	text-align: center;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}
.center_block
.umsatz_zelle
{
	float:left;
	width:130px;
	font-weight:normal;
	text-align:right;
	background:#f1f1f1;
	padding:5px;
	cursor:pointer;
}
.umsatz_zelle:hover
{
	background:#c5c9c7;
}
.umsatz_zelle_head
{
	float:left;
	width:130px;
	font-weight:bold;
	text-align:right;
	background:#b6b2b2;
	padding:5px;
}
.umsatz_zelle_gesamt
{
	float:left;
	width:130px;
	font-weight:bold;
	text-align:right;
	background:#f3f3f1;
	padding:5px;
	border-top:3px double #cccccc;
	font-size: 18px;
}
.umsatz_zelle_gesamt_IDK
{
	float:left;
	width:130px;
	font-weight:bold;
	text-align:right;
	background:#f3f3f1;
	padding:5px;
	font-size: 18px;
	margin-left:2px;
}
.umsatz_zelle_gesamt2
{
	float:left;
	width:130px;
	font-weight:bold;
	text-align:right;
	background:#ffffff;
	border:1px solid #cccccc;
	padding:5px;
	font-size: 22px;
	color:#97a931;
	margin-left:2px;
}
.us_head
{
	height:25px;
	background:#b7d1c6;
	font-size:10pt;
	padding:4px;
	border:0px solid #aceb01;
	float:left;
	text-align:left;
	margin-left:5px;
}
.us_head:hover
{
   background:#297853;
}
.us_zelle
{
	height:20px;
	background:#edf4f1;
	font-size:10pt;
	padding:3px;
	border:0px solid #aceb01;
	float:left;
	text-align:left;
	margin-left:5px;
}
.us_zelleEinz
{
	width:120px;
	height:20px;
	background:#f1f1f1;
	font-size:10pt;
	padding:3px;
	border:0px solid #aceb01;
	float:left;
	text-align:left;
	margin-left:5px;
}
.us_zelleEinz2
{
	width:120px;
	height:20px;
	background:#ffffff;
	font-size:10pt;
	padding:3px;
	border:0px solid #aceb01;
	float:left;
	text-align:left;
	margin-top:1px;
}
.us_zelle2
{
	height:20px;
	background:#b7d1c6;
	font-size:10pt;
	padding:3px;
	border:0px solid #aceb01;
	float:left;
	text-align:left;
	margin-left:5px;
}
.us_zelle3
{
	height:20px;
	background:#eaeaea;
	font-size:10pt;
	padding:3px;
	border:0px solid #aceb01;
	float:left;
	text-align:left;
	margin-left:5px;
}
.ReLine
{
	height:20px;
	background:#ffffff;
	font-size:10pt;
	padding:3px;
	border:0px solid #aceb01;
	float:left;
	text-align:left;
	margin-left:5px;
	cursor:pointer;
}
.rech_anz
{
	text-align:left;
	background:#f1f1f1;
	border:3px solid #ffffff;
	width:650px;
	padding:7px;
	display:none;
	position:absolute;
	margin-left:120px;
	margin-top:-10px;
	height:450px;
	overflow:hidden;
	overflow-y:scroll;
	border-radius: 0px 5px 5px 0px;
	opacity: 1;
	transition: 0.3s;
	box-shadow: 10px 10px 15px rgb(58, 58, 58);
}
.HinwButton
{
	display:none;
	width:650px;
	background:#f1f1f1;
	padding:15px;
	position:absolute;
	background-image: linear-gradient(to top, #f8efc2 9%, #fcf8e1 90%);
	border-radius: 3px 3px 3px 3px;
	text-align:left;
	line-height: 22px;
}
.back-to-top
{
	color:#666666;
	text-align:right;
	position: fixed;
	bottom:20px;
	right:20px;
	padding:1em;
	font-size:45px;
	float:right;
}
.HinwNeu
{
    float:left; 
    text-align: left; 
    margin-top: 2px; 
    background: #e5c305; 
    width: 650px;
	line-height:21px;
	padding:9px;
	background-image: linear-gradient(to top, #f8efc2 9%, #fcf8e1 90%);
	border-radius: 3px 3px 3px 3px;
}
.TokenBox
{
    float:left; 
    text-align: left; 
    margin-top: 2px; 
    background: #e5c305; 
    width: 1015px;
	line-height:21px;
	padding:9px;
	background-image: linear-gradient(to top, #f8efc2 9%, #fcf8e1 90%);
	border-radius: 3px 3px 3px 3px;
}
.TokenCell
{
	float:left;
	padding:7px;
	width:200px;
	text-align:left;
}
.BoxInfo
{
    float:left; 
    text-align: left; 
    margin-top: 2px; 
    background: #e1e1e0; 
    width: 650px;
	line-height:21px;
	padding:9px;
	background-image: linear-gradient(to top, #e6e6e3 9%, #e1e1e0 90%);
	border-radius: 3px 3px 3px 3px;
	-webkit-box-shadow: 1px 4px 16px 2px rgba(0,0,0,0.39); 
	box-shadow: 1px 4px 16px 2px rgba(0,0,0,0.39);
}
.antrag_download
{
    width:80px;
    height:200px;
    padding:0px;
    font-weight: bold;
    color: #cccccc;
    text-decoration: none;
    position:fixed;
    right:0px;
	top:50%;
	margin-top:-50px;
	cursor:pointer;
	z-index:100000;
	display:none;
}
.PrioHead
{
	background-image: linear-gradient(
		-45deg, 
		rgb(250,200,188) 25%, rgb(252,245,230) 25%, 
		rgb(252,245,230) 50%, rgb(250,200,188) 50%, 
		rgb(250,200,188) 75%, rgb(252,245,230) 75%, 
		rgb(252,245,230));
	background-size: 25px 25px;
	color:#ffffff;
	cursor:pointer;
	width:920px;
	margin-bottom:1px;
	margin-top:1px;
	border:0px solid #666666;
	height:27px;
}
.Stripes
{
	background-image: linear-gradient(
		-45deg, 
		rgb(250,200,188) 25%, rgb(252,245,230) 25%, 
		rgb(252,245,230) 50%, rgb(250,200,188) 50%, 
		rgb(250,200,188) 75%, rgb(252,245,230) 75%, 
		rgb(252,245,230));
	background-size: 25px 25px;
	color:#ffffff;
}
a.type_1:link {color: #666666; text-decoration: none; font-size: 12pt; }
a.type_1:visited {color: #666666; text-decoration: none; font-size: 12pt; }
a.type_1:active {color: #666666; text-decoration: none; font-size:12pt; }
a.type_1:hover {color: #c81517; text-decoration: none; font-size:12pt;}
.black_overlay
 {
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 110%;
	height: 380%;
	background-color: black;
	z-index:3001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
 }
#login
{
	text-align:left;
	position:absolute;
	padding:15px;
	width:435px;
	left:50%;
	margin-top:360px;
	margin-left:-210px;
	z-index:9000;
	background:#ffffff;
	color:#666666;
	box-shadow: 10px 10px 15px black;
	border-radius: 3px 3px 3px 3px;
}
#upload4 { 
position:fixed; 
top:50%; left:50%; 
margin-top:-100px;
z-index:3010;
height:150px; 
width:400px;
padding:10px 5px 15px 23px; 
font-weight:bold; 
color:#ffffff;
font-size:14pt;
}  
.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loader {
  color: #ffffff;
  font-size: 18px;
  margin: 80px auto;
  position: absolute;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 3.5em;
}

.loaderRed,
.loaderRed:before,
.loaderRed:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loaderRed {
  color: #c90f06;
  font-size: 18px;
  margin: 80px auto;
  position: absolute;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loaderRed:before,
.loaderRed:after {
  content: '';
  position: absolute;
  top: 0;
}
.loaderRed:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loaderRed:after {
  left: 3.5em;
}

@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}

.loaderSmall {
	color: #ffffff;
	font-size: 90px;
	text-indent: -9999em;
	overflow: hidden;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	margin: 72px auto;
	position: relative;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
	animation: load6 1.7s infinite ease, round 1.7s infinite ease;
  }
  @-webkit-keyframes load6 {
	0% {
	  box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
	5%,
	95% {
	  box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
	10%,
	59% {
	  box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
	}
	20% {
	  box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
	}
	38% {
	  box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
	}
	100% {
	  box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
  }
  @keyframes load6 {
	0% {
	  box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
	5%,
	95% {
	  box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
	10%,
	59% {
	  box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
	}
	20% {
	  box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
	}
	38% {
	  box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
	}
	100% {
	  box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
	}
  }
  @-webkit-keyframes round {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
  }
  @keyframes round {
	0% {
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	100% {
	  -webkit-transform: rotate(360deg);
	  transform: rotate(360deg);
	}
  }
  

.content {
    min-height: 100%;
    position: relative;
    overflow: auto;
    z-index: 0; 
    text-align:center;
	font-family: Noto Sans, Helvetica, Arial, Geneva, sans-serif;
}
	#video_norm
	{
		display:block;
	}
	#video_320
	{
		display:none;
	}
.bestimmungen_anz
{
	margin-left:10px;
	text-align:justify;
	width:540px;
	padding:5px;
	float:left;
	background:#ffffff;
	color:#666666;
	border:0px solid #f1f1f1;
}
.bestimmungen_anz2
{
	margin-left:45px;
	text-align:justify;
	width:550px;
	padding:5px;
	float:left;
	background:#ffffff;
	color:#666666;
	border:0px solid #f1f1f1;
}
.bestimmungen_anz3
{
	margin-top:10px;
	margin-left:10px;
	text-align:justify;
	width:1080px;
	padding:5px;
	float:left;
	background:#ffffff;
	color:#666666;
	border:0px solid #f1f1f1;
}
.background {
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
}
.DocsAuftragList
{
	margin-left:10px;
	width:800px;
	cursor:pointer;
	background:#ffffff;
	height:25px;
	float:left;
}
.DocsAuftragList:hover
{
	background:#dde7c1;
	color:#666666;
}
.AuftragFelder
{
	float:left;
	width:250px;
	padding:5px;
	background:#f1f1f1;
	text-align:left;
	vertical-align: middle;
	position: relative;
}
.WorkerFelder
{
	float:left;
	width:400px;
	padding:5px;
	background:#f1f1f1;
	text-align:left;
}
    .auftrag-container {
      max-width: 900px;
      margin: 2em auto;
      background: #EAEAE8;
      border-radius: 10px;
      box-shadow: 0 3px 14px rgba(77,82,86,0.09);
      padding: 2em 1em;
    }
    .auftrag-table {
      width: 100%;
      border-collapse: collapse;
      margin-top: 1em;
    }
    .auftrag-table thead {
      background: #DBEAED;
    }
    .auftrag-table th {
      padding: 12px 8px;
      background: #EAEAE8;
      color: #4D5256;
      font-weight: 700;
      text-align: left;
    }
    .auftrag-table td {
      padding: 12px 8px;
      border-bottom: 1px solid #DBEAED;
    }
    .auftrag-table tr:last-child td {
      border-bottom: none;
    }
    .auftrag-table td.email {
      color: #E24639;
      font-weight: 500;
      word-break: break-all;
    }
    .auftrag-table td.number {
      font-weight: bold;
      color: #4D5256;
      text-align: right;
    }
    @media (max-width: 700px) {
      .auftrag-container {
        padding: 1em .3em;
      }
      .auftrag-table th, .auftrag-table td {
        padding: 8px 5px;
        font-size: 15px;
      }
      .auftrag-table th, .auftrag-table td {
        white-space: nowrap;
      }
    }
    @media (max-width: 500px) {
      .auftrag-table, .auftrag-table thead, .auftrag-table tbody, .auftrag-table th, .auftrag-table td, .auftrag-table tr {
        display: block;
      }
      .auftrag-table th {
        position: absolute;
        left: -9999px;
      }
      .auftrag-table td {
        position: relative;
        padding-left: 50%;
        font-size: 14px;
      }
      .auftrag-table td:before {
        position: absolute;
        top: 8px;
        left: 8px;
        width: 45%;
        white-space: nowrap;
        font-weight: bold;
        color: #4D5256;
        content: attr(data-label);
      }
    }
.FreeFields
{
	float:left;
	width:400px;
	padding:5px;
	text-align:left;
}
.ConfBox
{
	width:1110px;
	min-height:950px;
	background:#f1f1f1;
	padding:10px;
	border-radius: 3px 3px 3px 3px;
}
.ConfBoxLeft
{
	width:500px;
	float:left;
	overflow-y: scroll;
	max-height:900px;
}
/* ===== Scrollbar CSS ===== */
  /* Firefox */
  .ConfBox  {
    scrollbar-width: auto;
    scrollbar-color: #f1f1f1 #f1f1f1;
  }

  /* Chrome, Edge, and Safari */
  .ConfBox ::-webkit-scrollbar {
    width: 20px;
  }

  .ConfBox ::-webkit-scrollbar-track {
    background: #f1f1f1;
  }

  .ConfBox ::-webkit-scrollbar-thumb {
    background-color: #f1f1f1;
    border-radius: 10px;
    border: 3px solid #f1f1f1;
  }
.ConfBoxRight
{
	width:550px;
	float:left;
	text-align: left;
	margin-left:50px;
}
.ConfBoxButton
{
 background:#7b7e7b;
 color:#ffffff;
 width:350px;
 height:45px;
 padding:5px;
 text-align:center;
 cursor:pointer;
 border: 2px solid #7b7e7b;
 margin-bottom:7px;
 font-size:18px;
 border-radius: 3px 3px 3px 3px;
}
.ConfBoxButton a
{
	color:#666666;
	font-size:18px;
	font-weight:bold;
}
.ConfBoxButton:hover
{
	color:#666666;
	background:#aad699;
	border: 2px solid #d2f3c6;
}
.ConfBoxButtonBig
{
 background:var(--Poppy);
 color:#ffffff;
 width:150px;
 height:55px;
 padding:5px;
 padding-top:15px;
 vertical-align:middle;
 text-align:center;
 cursor:pointer;
 border: 2px solid var(--Poppy);
 margin-bottom:7px;
 font-size:18px;
 float:left;
 border-radius: 3px 3px 3px 3px;
}
.ConfBoxButtonBig a
{
	color:#666666;
	font-size:18px;
	font-weight:bold;
}
.ConfBoxButtonBig:hover
{
	color:#666666;
	background:#aad699;
	border: 2px solid #d2f3c6;
}
.ConfBoxHinweisTask
{
	margin-left:50px;
	margin-top:100px;
	width:450px;
	background:#ffffff;
	padding:15px;
	border:2px solid #cccccc;
	color:#8d8c8c;
	font-size:18px;
	line-height:23px;
	border-radius: 7px 7px 7px 7px;
}
#page_header {
	margin:0px auto;
	height: 40px;
	width:1150px;
	position: relative;
	overflow: hidden;
	z-index: 0; 
	text-align:right;
	color:#666666;
	padding-top:25px;
	font-family: Noto Sans, Helvetica, Arial, Geneva, sans-serif;
}
.page_h1
{
	float:left;
	width:520px;
	text-align:left;
	font-size:20px;
	font-weight:bold;
	height:40px;
}
.page_header_re
{
	width:680px;
	float:left;
	text-align:right;
}
#page_main
 {
	margin-top:20px;
	margin-left:15px;
	width:1170px;
	z-index: 0; 
	text-align:left;
	color:#666666;
	overflow:visible;
	font-family: Noto Sans, Helvetica, Arial, Geneva, sans-serif;
}
#box1 {
float:left;
width:100%;
}
#box1 ul {
margin:0;
padding:0px 10px 0 50px;
list-style:none;
}
#box1 li {
display:inline;
margin:0;
padding:0;
}
#box1 a {
float:left;
display:block;
background:#bbbbbb;
color:#ffffff;
font-weight:bold;
margin:0 4px 0 0;
padding:10px 10px 5px 10px;
text-decoration:none;
}
#box1 a:hover {
color:#000000;
background:#e6e6e6;
}
#box2{
padding:10px 50px 10px 50px;
margin:0;
clear:left;
}
.top_block {
    width: 100%;
    display: block; 
}

.bottom_block {
    position: absolute;
    width: 100%;
    display: block;
    bottom: 0; 
}

.left_block {
    display: block;
    float: left; 
}

.right_block {
    display: block;
    float: right; 
}

.center_block {
    display: block;
    width: auto; 
    text-align:center;
}

.background.body {
    height: auto !important;
    padding-bottom: 0;
    left: 0;
    right: 0;
    background-color: #ffffff; 
}

.head {
    width: 1100px;
    height: 115px;
    background-color: #ffffff;
    color:#bfbfbf;
	border-top:3px solid #878787;
	font-size:18px;
	font-family: Noto Sans, Helvetica, Arial, Geneva, sans-serif;
}

.head_nav {
    width: 100%;
    height: 40px;
    background-color: #ffffff;
	font-family: Noto Sans, Helvetica, Arial, Geneva, sans-serif;
}
.subnav
{
	clear:both;
	display:none;
	width:350px;
	height:300px;
	position:absolute;
	z-index:8001;
}
.subnav_item
{
	width:230px;
	height:30px;
	background:#313131;
	color:#ffffff;
	padding:5px;
	margin-top:5px;
	cursor:pointer;
}
.subnav_item:hover
{
	background-color:rgba(182, 54, 43, 1.00);
}
.video {

  z-index: 1;
  height:490px;
  width:auto;
  overflow:hidden;
  text-align:center;
}
.myvideo {

  z-index: 1;
  min-width: 100%;
  min-height: 190%;
  width: auto;
  height: auto;
  margin-top:-250px;
}
.container {
    width: 100%;
    height:;
    background-color: #ffffff;
	padding-bottom:300px;
	text-align:center;
}
.container2 {
    width: 100%;
	min-height:150px;
    margin-top:15px;
    background-color: #ffffff;
}
a{ color: #2a97f3; text-decoration: none; font-size: 14px;} 
a:hover{ color: #000000; text-decoration: none;}
a:active{ color: #9caa47;}
h1 {
    color: #717070;
    font-family:'Noto Sans', Helvetica, Arial;
    font-weight: normal; 
    font-style: normal; 
    font-size: 20pt;
    letter-spacing:0px;
	line-height:36px;
}   
h2 {
    color: #717070;
    font-family:'Noto Sans', Helvetica, Arial;
    font-weight: normal; 
    font-style: normal; 
    font-size: 16pt;
    letter-spacing:0px;
	text-transform: uppercase;
 }   
 
 h2 a {
    color: #926202;
    font-family:'Noto Sans', Helvetica, Arial;
    font-weight: normal; 
    font-style: normal; 
    font-size: 16pt;
    text-transform: uppercase;
    letter-spacing:0px;
 }    
 h2 a:focus {
    color: #444;
    font-family:'Noto Sans', Helvetica, Arial;
    font-weight: normal; 
    font-style: normal; 
    font-size: 16pt;
    text-transform: uppercase;
    letter-spacing:0px;
 }  
h3 { color: #ffffff; font-size: 22pt;text-transform: uppercase; font-family: Arial, Helvetica;font-weight: normal;margin-top:0px;border-left:3px solid #c81517;}  
h3 a {
    color: #0161ac;
    font-family:'Noto Sans', Helvetica, Arial;
    font-weight: normal; 
    font-style: normal; 
    font-size: 16pt;
    text-transform: uppercase;
    letter-spacing:0px;
 }   
 h4 { color: #666666; font-size: 22pt;text-transform: uppercase; font-family: Arial, Helvetica;font-weight: normal;margin-top:0px;border-left:3px solid #c81517;padding-left:15px;}  
h4 a {
    color: #0161ac;
    font-family:'Noto Sans', Helvetica, Arial;
    font-weight: normal; 
    font-style: normal; 
    font-size: 16pt;
    text-transform: uppercase;
    letter-spacing:0px;
 }   
 h5
 {
	font-size:18px;
	color:#c11f18;
	margin-bottom:4px;
	text-transform: uppercase;
 }
 h6
 {
	font-size:14px;
	color:#c11f18;
	margin-bottom:4px;
	text-transform: normal;
 }
 .nav {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
  }
  
  .nav-link {
	display: block;
	padding: 0.5rem 1rem;
  }
  
  .nav-link:hover, .nav-link:focus {
	text-decoration: none;
  }
  
  .nav-link.disabled {
	color: #6c757d;
	pointer-events: none;
	cursor: default;
  }
  
  .nav-tabs {
	border-bottom: 1px solid #dee2e6;
  }
  
  .nav-tabs .nav-link {
	margin-bottom: -1px;
	border: 1px solid transparent;
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
  }
  
  .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
	border-color: #e9ecef #e9ecef #dee2e6;
  }
  
  .nav-tabs .nav-link.disabled {
	color: #6c757d;
	background-color: transparent;
	border-color: transparent;
  }
  
  .nav-tabs .nav-link.active,
  .nav-tabs .nav-item.show .nav-link {
	color: #495057;
	background-color: #fff;
	border-color: #dee2e6 #dee2e6 #fff;
  }
  
  .nav-tabs .dropdown-menu {
	margin-top: -1px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
  }
  
  .nav-pills .nav-link {
	border-radius: 0.25rem;
  }
  
  .nav-pills .nav-link.active,
  .nav-pills .show > .nav-link {
	color: #fff;
	background-color: #007bff;
  }
  
  .nav-fill > .nav-link,
  .nav-fill .nav-item {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	text-align: center;
  }
  
  .nav-justified > .nav-link,
  .nav-justified .nav-item {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	text-align: center;
  }
  
  .tab-content > .tab-pane {
	display: none;
  }
  
  .tab-content > .active {
	display: block;
  }
  
  .navbar {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0.5rem 1rem;
  }
  
  .navbar .container,
  .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
  }
  
  .navbar-brand {
	display: inline-block;
	padding-top: 0.3125rem;
	padding-bottom: 0.3125rem;
	margin-right: 1rem;
	font-size: 1.25rem;
	line-height: inherit;
	white-space: nowrap;
  }
  
  .navbar-brand:hover, .navbar-brand:focus {
	text-decoration: none;
  }
  
  .navbar-nav {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
  }
  
  .navbar-nav .nav-link {
	padding-right: 0;
	padding-left: 0;
  }
  
  .navbar-nav .dropdown-menu {
	position: static;
	float: none;
  }
  
  .navbar-text {
	display: inline-block;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
  }
  
  .navbar-collapse {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-align: center;
	align-items: center;
  }
  
  .navbar-toggler {
	padding: 0.25rem 0.75rem;
	font-size: 1.25rem;
	line-height: 1;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 0.25rem;
  }
  
  .navbar-toggler:hover, .navbar-toggler:focus {
	text-decoration: none;
  }
  
  .navbar-toggler-icon {
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	vertical-align: middle;
	content: "";
	background: 50% / 100% 100% no-repeat;
  }
  
  .navbar-nav-scroll {
	max-height: 75vh;
	overflow-y: auto;
  }
  @media (max-width: 575.98px) {
	.navbar-expand-sm > .container,
	.navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
	  padding-right: 0;
	  padding-left: 0;
	}
  }
  
  @media (min-width: 576px) {
	.navbar-expand-sm {
	  -ms-flex-flow: row nowrap;
	  flex-flow: row nowrap;
	  -ms-flex-pack: start;
	  justify-content: flex-start;
	}
	.navbar-expand-sm .navbar-nav {
	  -ms-flex-direction: row;
	  flex-direction: row;
	}
	.navbar-expand-sm .navbar-nav .dropdown-menu {
	  position: absolute;
	}
	.navbar-expand-sm .navbar-nav .nav-link {
	  padding-right: 0.5rem;
	  padding-left: 0.5rem;
	}
	.navbar-expand-sm > .container,
	.navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
	  -ms-flex-wrap: nowrap;
	  flex-wrap: nowrap;
	}
	.navbar-expand-sm .navbar-nav-scroll {
	  overflow: visible;
	}
	.navbar-expand-sm .navbar-collapse {
	  display: -ms-flexbox !important;
	  display: flex !important;
	  -ms-flex-preferred-size: auto;
	  flex-basis: auto;
	}
	.navbar-expand-sm .navbar-toggler {
	  display: none;
	}
  }
  
  @media (max-width: 767.98px) {
	.navbar-expand-md > .container,
	.navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
	  padding-right: 0;
	  padding-left: 0;
	}
  }
  
  @media (min-width: 768px) {
	.navbar-expand-md {
	  -ms-flex-flow: row nowrap;
	  flex-flow: row nowrap;
	  -ms-flex-pack: start;
	  justify-content: flex-start;
	}
	.navbar-expand-md .navbar-nav {
	  -ms-flex-direction: row;
	  flex-direction: row;
	}
	.navbar-expand-md .navbar-nav .dropdown-menu {
	  position: absolute;
	}
	.navbar-expand-md .navbar-nav .nav-link {
	  padding-right: 0.5rem;
	  padding-left: 0.5rem;
	}
	.navbar-expand-md > .container,
	.navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
	  -ms-flex-wrap: nowrap;
	  flex-wrap: nowrap;
	}
	.navbar-expand-md .navbar-nav-scroll {
	  overflow: visible;
	}
	.navbar-expand-md .navbar-collapse {
	  display: -ms-flexbox !important;
	  display: flex !important;
	  -ms-flex-preferred-size: auto;
	  flex-basis: auto;
	}
	.navbar-expand-md .navbar-toggler {
	  display: none;
	}
  }
  
  @media (max-width: 991.98px) {
	.navbar-expand-lg > .container,
	.navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
	  padding-right: 0;
	  padding-left: 0;
	}
  }
  
  @media (min-width: 992px) {
	.navbar-expand-lg {
	  -ms-flex-flow: row nowrap;
	  flex-flow: row nowrap;
	  -ms-flex-pack: start;
	  justify-content: flex-start;
	}
	.navbar-expand-lg .navbar-nav {
	  -ms-flex-direction: row;
	  flex-direction: row;
	}
	.navbar-expand-lg .navbar-nav .dropdown-menu {
	  position: absolute;
	}
	.navbar-expand-lg .navbar-nav .nav-link {
	  padding-right: 0.5rem;
	  padding-left: 0.5rem;
	}
	.navbar-expand-lg > .container,
	.navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
	  -ms-flex-wrap: nowrap;
	  flex-wrap: nowrap;
	}
	.navbar-expand-lg .navbar-nav-scroll {
	  overflow: visible;
	}
	.navbar-expand-lg .navbar-collapse {
	  display: -ms-flexbox !important;
	  display: flex !important;
	  -ms-flex-preferred-size: auto;
	  flex-basis: auto;
	}
	.navbar-expand-lg .navbar-toggler {
	  display: none;
	}
  }
  
  @media (max-width: 1199.98px) {
	.navbar-expand-xl > .container,
	.navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
	  padding-right: 0;
	  padding-left: 0;
	}
  }
  
  @media (min-width: 1200px) {
	.navbar-expand-xl {
	  -ms-flex-flow: row nowrap;
	  flex-flow: row nowrap;
	  -ms-flex-pack: start;
	  justify-content: flex-start;
	}
	.navbar-expand-xl .navbar-nav {
	  -ms-flex-direction: row;
	  flex-direction: row;
	}
	.navbar-expand-xl .navbar-nav .dropdown-menu {
	  position: absolute;
	}
	.navbar-expand-xl .navbar-nav .nav-link {
	  padding-right: 0.5rem;
	  padding-left: 0.5rem;
	}
	.navbar-expand-xl > .container,
	.navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
	  -ms-flex-wrap: nowrap;
	  flex-wrap: nowrap;
	}
	.navbar-expand-xl .navbar-nav-scroll {
	  overflow: visible;
	}
	.navbar-expand-xl .navbar-collapse {
	  display: -ms-flexbox !important;
	  display: flex !important;
	  -ms-flex-preferred-size: auto;
	  flex-basis: auto;
	}
	.navbar-expand-xl .navbar-toggler {
	  display: none;
	}
  }
  
  .navbar-expand {
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-ms-flex-pack: start;
	justify-content: flex-start;
  }
  
  .navbar-expand > .container,
  .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
	padding-right: 0;
	padding-left: 0;
  }
  
  .navbar-expand .navbar-nav {
	-ms-flex-direction: row;
	flex-direction: row;
  }
  
  .navbar-expand .navbar-nav .dropdown-menu {
	position: absolute;
  }
  
  .navbar-expand .navbar-nav .nav-link {
	padding-right: 0.5rem;
	padding-left: 0.5rem;
  }
  
  .navbar-expand > .container,
  .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
  }
  
  .navbar-expand .navbar-nav-scroll {
	overflow: visible;
  }
  
  .navbar-expand .navbar-collapse {
	display: -ms-flexbox !important;
	display: flex !important;
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
  }
  
  .navbar-expand .navbar-toggler {
	display: none;
  }
  
  .navbar-light .navbar-brand {
	color: rgba(0, 0, 0, 0.9);
  }
  
  .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
	color: rgba(0, 0, 0, 0.9);
  }
  
  .navbar-light .navbar-nav .nav-link {
	color: rgba(0, 0, 0, 0.5);
  }
  
  .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
	color: rgba(0, 0, 0, 0.7);
  }
  
  .navbar-light .navbar-nav .nav-link.disabled {
	color: rgba(0, 0, 0, 0.3);
  }
  
  .navbar-light .navbar-nav .show > .nav-link,
  .navbar-light .navbar-nav .active > .nav-link,
  .navbar-light .navbar-nav .nav-link.show,
  .navbar-light .navbar-nav .nav-link.active {
	color: rgba(0, 0, 0, 0.9);
  }
  
  .navbar-light .navbar-toggler {
	color: rgba(0, 0, 0, 0.5);
	border-color: rgba(0, 0, 0, 0.1);
  }
  
  .navbar-light .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  }
  
  .navbar-light .navbar-text {
	color: rgba(0, 0, 0, 0.5);
  }
  
  .navbar-light .navbar-text a {
	color: rgba(0, 0, 0, 0.9);
  }
  
  .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
	color: rgba(0, 0, 0, 0.9);
  }
  
  .navbar-dark .navbar-brand {
	color: #fff;
  }
  
  .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
	color: #fff;
  }
  
  .navbar-dark .navbar-nav .nav-link {
	color: rgba(255, 255, 255, 0.5);
  }
  
  .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
	color: rgba(255, 255, 255, 0.75);
  }
  
  .navbar-dark .navbar-nav .nav-link.disabled {
	color: rgba(255, 255, 255, 0.25);
  }
  
  .navbar-dark .navbar-nav .show > .nav-link,
  .navbar-dark .navbar-nav .active > .nav-link,
  .navbar-dark .navbar-nav .nav-link.show,
  .navbar-dark .navbar-nav .nav-link.active {
	color: #fff;
  }
  
  .navbar-dark .navbar-toggler {
	color: rgba(255, 255, 255, 0.5);
	border-color: rgba(255, 255, 255, 0.1);
  }
  
  .navbar-dark .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  }
  
  .navbar-dark .navbar-text {
	color: rgba(255, 255, 255, 0.5);
  }
  
  .navbar-dark .navbar-text a {
	color: #fff;
  }
  
  .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
	color: #fff;
  }
 .alert
 {
	 position:relative;
	 padding:.75rem 1.25rem;
	 margin-bottom:0rem;
	 border:1px solid transparent;
	 border-radius:.25rem
}
.alert-heading
{
	color:inherit
}
.alert-link
{
	font-weight:700
}
.alert-dismissible
{
	padding-right:4rem
}
.alert-dismissible .close
{
	position:absolute;
	top:0;
	right:0;
	z-index:2;
	padding:.75rem 1.25rem;
	color:inherit
}
.alert-primary
{
	color:#004085;
	background-color:#cce5ff;
	border-color:#b8daff;
	text-align:center;
}
.alert-primary hr
{
	border-top-color:#9fcdff
}
.alert-primary .alert-link
{
	color:#002752
}
.alert-secondary
{
	color:#383d41;
	background-color:#e2e3e5;
	border-color:#d6d8db
}
.alert-secondary hr
{
	border-top-color:#c8cbcf
}
.alert-secondary .alert-link
{
	color:#202326
}
.alert-success
{
	color:#155724;
	background-color:#d4edda;
	border-color:#c3e6cb
}
.Left{
	float:left;
}
.alert-success hr{border-top-color:#b1dfbb}
.alert-success .alert-link{color:#0b2e13}
.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}
.alert-info hr{border-top-color:#abdde5}
.alert-info .alert-link{color:#062c33}
.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}
.alert-warning hr{border-top-color:#ffe8a1}
.alert-warning .alert-link{color:#533f03}
.alert-danger{color:#8a0e19;background-color:#ee7782;border-color:#ee7782}
.alert-danger hr{border-top-color:#f1b0b7}
.alert-danger .alert-link{color:#491217}
.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}
.alert-light hr{border-top-color:#ececf6}
.alert-light .alert-link{color:#686868}
.alert-light2{color:#818182;background-color:#fefefe;border-color:#c0bfbf}
.alert-light2 hr{border-top-color:#c0bfbf;}
.alert-light2 .alert-link{color:#818182;}
.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}
.alert-dark hr{border-top-color:#b9bbbe}
.alert-dark .alert-link{color:#040505}
.badge {
	display: inline-block;
	padding: 0.25em 0.4em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 0.25rem;
	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;
  }
   
  a.badge:hover, a.badge:focus {
	text-decoration: none;
  }
  
  .badge:empty {
	display: none;
  }
  
  .btn .badge {
	position: relative;
	top: -1px;
  }
  
  .badge-pill {
	padding-right: 0.6em;
	padding-left: 0.6em;
	border-radius: 10rem;
  }
  
  .badge-primary {
	color: #fff;
	background-color: #007bff;
  }
  
  a.badge-primary:hover, a.badge-primary:focus {
	color: #fff;
	background-color: #0062cc;
  }
  
  a.badge-primary:focus, a.badge-primary.focus {
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
  }
  
  .badge-secondary {
	color: #fff;
	background-color: #6c757d;
  }
  
  a.badge-secondary:hover, a.badge-secondary:focus {
	color: #fff;
	background-color: #545b62;
  }
  
  a.badge-secondary:focus, a.badge-secondary.focus {
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
  }
  
  .badge-success {
	color: #fff;
	background-color: #28a745;
  }
  
  a.badge-success:hover, a.badge-success:focus {
	color: #fff;
	background-color: #1e7e34;
  }
  
  a.badge-success:focus, a.badge-success.focus {
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
  }
  
  .badge-info {
	color: #fff;
	background-color: #17a2b8;
  }
  
  a.badge-info:hover, a.badge-info:focus {
	color: #fff;
	background-color: #117a8b;
  }
  
  a.badge-info:focus, a.badge-info.focus {
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
  }
  
  .badge-warning {
	color: #212529;
	background-color: #ffc107;
  }
  
  a.badge-warning:hover, a.badge-warning:focus {
	color: #212529;
	background-color: #d39e00;
  }
  
  a.badge-warning:focus, a.badge-warning.focus {
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
  }
  
  .badge-danger {
	color: #fff;
	background-color: #dc3545;
  }
  
  a.badge-danger:hover, a.badge-danger:focus {
	color: #fff;
	background-color: #bd2130;
  }
  
  a.badge-danger:focus, a.badge-danger.focus {
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
  }
  
  .badge-light {
	color: #212529;
	background-color: #f8f9fa;
  }
  
  a.badge-light:hover, a.badge-light:focus {
	color: #212529;
	background-color: #dae0e5;
  }
  
  a.badge-light:focus, a.badge-light.focus {
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
  }
  
  .badge-dark {
	color: #fff;
	background-color: #343a40;
  }
  
  a.badge-dark:hover, a.badge-dark:focus {
	color: #fff;
	background-color: #1d2124;
  }
  
  a.badge-dark:focus, a.badge-dark.focus {
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
  }
.list-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:.25rem}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.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:#6c757d;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}.list-group-horizontal{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child{border-top-right-radius:.25rem;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:1px;border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}@media (min-width:576px){.list-group-horizontal-sm{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child{border-top-right-radius:.25rem;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:1px;border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:768px){.list-group-horizontal-md{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child{border-top-right-radius:.25rem;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:1px;border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:992px){.list-group-horizontal-lg{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child{border-top-right-radius:.25rem;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:1px;border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:1200px){.list-group-horizontal-xl{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child{border-top-right-radius:.25rem;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:1px;border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 1px}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{color:#004085;background-color:#b8daff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#004085;background-color:#9fcdff}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#004085;border-color:#004085}.list-group-item-secondary{color:#383d41;background-color:#d6d8db}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383d41;background-color:#c8cbcf}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41}.list-group-item-success{color:#155724;background-color:#c3e6cb}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#155724;background-color:#b1dfbb}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724}.list-group-item-info{color:#0c5460;background-color:#bee5eb}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#0c5460;background-color:#abdde5}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460}.list-group-item-warning{color:#856404;background-color:#ffeeba}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#856404;background-color:#ffe8a1}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404}.list-group-item-danger{color:#721c24;background-color:#f5c6cb}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#721c24;background-color:#f1b0b7}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24}.list-group-item-light{color:#818182;background-color:#fdfdfe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#818182;background-color:#ececf6}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#818182;border-color:#818182}.list-group-item-dark{color:#1b1e21;background-color:#c6c8ca}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#1b1e21;background-color:#b9bbbe}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}
.OrderNav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: rgb(122, 122, 122);
}

.OrderNav li {
    float: left;
	cursor:pointer;
}

.OrderNav li a {
    display: block;
    color: white;
    text-align: center;
    padding: 12px 14px;
    text-decoration: none;
}
.AutoFillButton
{
	background: #ffffff;
	border-radius: 7px;
	padding:5px;
	height:25px;
	width:90%;
	margin-bottom:7px;
}
.AutoFillButton:hover
{
	background: var(--Poppy);
	color: #ffffff;
	box-shadow:0px 0px 15px 1px rgba(0,0,0,0.28);
	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;
	cursor:pointer;
}
/* Change the link color to #111 (black) on hover */
.OrderNav li a:hover {
    background-color: #111;
	transition: 0.5s;
}
.OrderNavActive
{
	background:var(--Poppy);
}
.Pic {
    width: 100%;
    height: auto;
}
.tab_v
{
	padding:3px;
	background:#f1f1f1;

}
.list_tr
{
	background:#ffffff;
	padding:2px;
	height:15px;
}
.list_tr:hover
{
	background:#f1f1f1;
}
.zellemitte
{
	font-size:12px;
	padding:0px;
	padding-left:2px;
}
.visum_info
{
	width:1100px;
	height:650px;
	background:#ffffff;
	padding:7px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-550px;
	margin-top:-320px;
	display:none;
	overflow:scroll;
	z-index:8000;
	border-radius: 5px;
}
 .red_left
 {
	border-left:3px solid #c81517;
	padding-left:10px;
	text-transform: uppercase;
 }
  .red_left_anz
 {
	border-left:3px solid #c81517;
	padding-left:10px;
	text-transform: uppercase;
	margin-top:35px;
	margin-left:-15px;
	font-size:24px;
	color:#444444;
	margin-bottom:5px;
 }
 .success-checkmark {
    width: 80px;
    height: 115px;
    margin: 0 auto;
    
    .check-icon {
        width: 80px;
        height: 80px;
        position: relative;
        border-radius: 50%;
        box-sizing: content-box;
        border: 4px solid #4CAF50;
        
        &::before {
            top: 3px;
            left: -2px;
            width: 30px;
            transform-origin: 100% 50%;
            border-radius: 100px 0 0 100px;
        }
        
        &::after {
            top: 0;
            left: 30px;
            width: 60px;
            transform-origin: 0 50%;
            border-radius: 0 100px 100px 0;
            animation: rotate-circle 4.25s ease-in;
        }
        
        &::before, &::after {
            content: '';
            height: 100px;
            position: absolute;
            background: #FFFFFF;
            transform: rotate(-45deg);
        }
        
        .icon-line {
            height: 5px;
            background-color: #4CAF50;
            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;
            }
        }

        .icon-circle {
            top: -4px;
            left: -4px;
            z-index: 10;
            width: 80px;
            height: 80px;
            border-radius: 50%;
            position: absolute;
            box-sizing: content-box;
            border: 4px solid rgba(76, 175, 80, .5);
        }
        
        .icon-fix {
            top: 8px;
            width: 5px;
            left: 26px;
            z-index: 1;
            height: 85px;
            position: absolute;
            transform: rotate(-45deg);
            background-color: #FFFFFF;
        }
    }
}

@keyframes rotate-circle {
    0% {
        transform: rotate(-45deg);
    }
    5% {
        transform: rotate(-45deg);
    }
    12% {
        transform: rotate(-405deg);
    }
    100% {
        transform: rotate(-405deg);
    }
}

@keyframes icon-line-tip {
    0% {
        width: 0;
        left: 1px;
        top: 19px;
    }
    54% {
        width: 0;
        left: 1px;
        top: 19px;
    }
    70% {
        width: 50px;
        left: -8px;
        top: 37px;
    }
    84% {
        width: 17px;
        left: 21px;
        top: 48px;
    }
    100% {
        width: 25px;
        left: 14px;
        top: 45px;
    }
}

@keyframes icon-line-long {
    0% {
        width: 0;
        right: 46px;
        top: 54px;
    }
    65% {
        width: 0;
        right: 46px;
        top: 54px;
    }
    84% {
        width: 55px;
        right: 0px;
        top: 35px;
    }
    100% {
        width: 47px;
        right: 8px;
        top: 38px;
    }
}
	 #bestdok
	{
		background-image:url(../images/leistungen_back.jpg);
		width:1200px;
		min-height:320px;
		text-align:left;
		padding-top:0px;
		margin-top:10px;
	}
	.bestdok1
	{
		float:left;
		width:850px;
		min-height:300px;
		margin-left:35px;
	}
	.bestdok2
	{
		padding-top:30px;
		color:#ffffff;
		line-height:22px;
		text-align:left;
	}
	.bestdok_list
	{
		padding:0px;
		color:#ffffff;
		margin-left:30px;
		cursor:pointer;
	}
	.bestdok_titel
	{
		border-left:3px solid #c81517;
		font-size:30px;
		font-family:Arial;
	}
	.bestdok_kreis
	{
		float:left;
		width:150px;
		text-align:center;
		padding-left:35px;
	}
	.bestdok_nodok
	{
		width:490px;
		border:1px solid #ffffff;
		padding:5px;
		text-align:center;
		color:#ffffff;
		margin-left:370px;
		margin-top:0px;
	}
	.best_preis_pfeil
	{
		float:left;
		margin-left:10px;
		margin-top:20px;
		width:48;
		height:48px;
		cursor:pointer;
		background:#f2f2f2;
	}
	.best_preis
	{
		width:1090px;
		height:35px;
		float:left;
		margin-left:15px;
	}
	.best_preisrechner
	{
		background:#f2f2f2;
		width:1120px;
		margin-left:20px;
		padding:0px;
		display:none;
	}
	.best_preisrechner2
	{
		height:80px;
		padding:5px;
		text-align:justify;
	}
	.best_preisrechner3
	{
		clear:both;
		height:50px;
		padding-top:25px;
		padding-left:80px;
	}
	.best_preisrechner4
	{
		width:640px;
		float:left;
		padding:3px;
		background:#ffffff;
		margin-left:70px;
		height:30px;
		padding-left:15px;
	}
	.best_preisrechner4a
	{
		width:640px;
		float:left;
		padding:3px;
		background:#ffffff;
		margin-left:70px;
		height:30px;
		padding-left:15px;
	}
	.best_preisrechner5
	{
		width:120px;
		float:left;
		padding:3px;
		background:#ffffff;
		text-align:right;
		height:30px;
	}
	.best_preisrechner5-2
	{
		width:120px;
		float:left;
		padding:3px;
		background:#ffffff;
		text-align:right;
		height:30px;
	}
	.best_preisrechner5a
	{
		width:120px;
		float:left;
		padding:3px;
		background:#ffffff;
		text-align:right;
		height:30px;
	}
	.clear_preis
	{
		clear:both;

	}
	#leistungen1
	{
		float:left;
		width:510px;
		margin-left:1px;
		text-align:justify;
	}
	#leistungen2
	{
		float:left;
		width:510px;
		margin-left:100px;
		text-align:justify
	}
	#leistungen3
	{
		background-image:url(../images/banner_leistungen.jpg);
		background-repeat:no-repeat;
		width:1200px;
		height:470px;
		text-align:center;
		padding-top:7px;
	}
	#leistungen4
	{
		width:1100px;
		height:100px;
		margin:auto;
	}
	#leistungen5
	{
		width:900px;
		height:40px;
		margin-left:160px;
		font-size:12px;
		text-align:right;
		color:#ffffff;
		padding-left:25px;
	}
	#leistungen6
	{
		width:1200px;
		height:380px;
		text-align:center;
		padding-top:30px;
	}
	#leistungen7
	{
		width:1100px;
		height:100px;
		margin:auto;
	}
	#leistungen8
	{
		background-image:url(../images/leistungen_back.jpg);
		width:1200px;
		height:270px;
		text-align:center;
		padding-top:50px;
		margin-top:70px;
	}
	#leistungen9
	{
		width:960px;
		height:70px;
		margin-left:120px;
		border-left:4px solid #c81517;
		font-size:28px;
		text-align:left;
		color:#ffffff;
		padding-left:25px;
		line-height:38px;
		font-weight:normal;
	}
	#leistungen10
	{
		width:960px;
		height:100px;
		margin-left:120px;
		border-left:4px solid #c81517;
		font-size:28px;
		text-align:left;
		color:#ffffff;
		padding-left:25px;
		line-height:38px;
		font-weight:normal;
	}
	#leistungen11
	{
		width:900px;
		height:100px;
		margin-left:160px;
		font-size:18px;
		text-align:right;
		color:#ffffff;
		padding-left:25px;
		line-height:35px;
	}
	#leistungen12
	{
		width:900px;
		height:40px;
		margin-left:160px;
		font-size:12px;
		text-align:right;
		color:#ffffff;
		padding-left:25px;
	}
	#leistungen13
	{
		width:1200px;
		height:100px;
		text-align:left;
		padding-top:0px;
		margin-top:70px;
	}	
	#leistungen14
	{
		width:1200px;
		height:130px;
		margin:auto;
		margin-left:5px;
	}
.stil1 {color: #ffffff; font-size: 14px; font-family: Arial, Helvetica;margin:0px;width:40px;height:8px;background:#1e4c7d;font-weight:normal;float:left;margin-top:5px;}  
.stil2 {color: #ffffff; font-size: 14px; font-family: Arial, Helvetica;margin:0px;width:40px;height:8px;background:#2f9596;font-weight:normal;float:left;margin-top:5px;}   
.stil3 {color: #ffffff; font-size: 14px; font-family: Arial, Helvetica;margin:0px;width:40px;height:8px;background:#948819;font-weight:normal;float:left;margin-top:5px; }   
.stil4 { color: #ffffff; font-size: 14px; font-family: Arial, Helvetica;margin:0px;width:40px;height:8px;background:#940c1e;font-weight:normal;float:left;margin-top:5px; }   
.stil5 { color: #ffffff; font-size: 14px; font-family: Arial, Helvetica;margin:0px;width:40px;height:8px;background:#d17e11;font-weight:normal;float:left;margin-top:5px; } 
.stil6 {color: #ffffff; font-size: 14px; font-family: Arial, Helvetica;margin:0px;width:40px;height:8px;background:#297853;font-weight:normal;float:left;margin-top:5px;}  
.stila{float: left;padding-left: 7px;font-size:12px;font-style:italic;}
.w3-btn,.w3-button{border:none;display:inline-block;background:#f1f1f1;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:#666666;text-align:center;cursor:pointer;white-space:nowrap}
.w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.ButtonBlackNew
{
	border-radius: 	25px;
	border: 		1px solid var(--Steel);
	padding: 		10px; 
	text-align:		center;
	width: 			150px;
	background:		#ffffff;
}
.ButtonBlackNew:hover
{
	color: 			var(--Pearl);
	background:		var(--Poppy);
	border: 		1px solid var(--Poppy);
}
.button_nav
{
	margin-left:10px;
	border:0px solid #666666;
	padding:5px;
	cursor:pointer;
	background:#cccbcb;
	width:190px;
	height:40px;
}
.button_nav:hover
{
	background:var(--Poppy);
	color:#ffffff;
}
.button_2014
{
	width:180px;
	height:28px;
	background:#d0d0d0;
	color:#5d5d5c;
	text-align:center;
	padding:5px;
	margin-right:5px;
	font-size:18px;
	float:left;
	padding-top:7px;
	cursor:pointer;
}
.button_2014:hover
{
	background:#ffd580;
}
.button_rounded
{
	color: rgba(255, 255, 255, 1.00);
	background-color:rgba(182, 54, 43, 1.00);
	padding:7px;
	border-radius:3px 3px 3px 3px;
	cursor:pointer;
}
.button_rounded:hover
{
	background:#3f3f3f;
}
.button_rounded_grey
{
	color: #666666;
	background-color:#ffffff;
	padding:5px;
	border-radius:3px 3px 3px 3px;
	cursor:pointer;
	width:250px;
	text-align:center;
	margin-top:4px;
	margin-left:7px;
	font-weight:normal;
	
}
.button_rounded_grey:hover
{
	background:#c81517;
	color:#ffffff;
}
.ButtonOKround
{
	width:25px;
	height:22px;
	color: rgba(255, 255, 255, 1.00);
	background-color:rgba(69, 167, 4, 1.00);
	padding:3px;
	border-radius:24px 24px 24px 24px;
	cursor:pointer;
	float:left;
	text-align:center;
	padding-top:5px;
	font-size:18px;
}
.ButtonOKround:hover
{
	background:#3f3f3f;
}
.ButtonXround
{
	width:25px;
	height:22px;
	color: rgba(255, 255, 255, 1.00);
	background-color:rgba(197, 3, 3, 1.00);
	padding:3px;
	border-radius:24px 24px 24px 24px;
	cursor:pointer;
	float:left;
	text-align:center;
	padding-top:5px;
	font-size:18px;
}
.ButtonXround:hover
{
	background:#3f3f3f;
}
.AutoSelect
{
	padding:4px;
	background:#f1f1f1;
	border-radius: 5px 5px 5px 5px;
	margin-left:5px;
	float:left;
}
.AutoSelectActive
{
	padding:4px;
	background:#94b402;
	border-radius: 5px 5px 5px 5px;
	margin-left:5px;
	float:left;
}
.MandButt
{
	background:var(--Poppy);
	color:#ffffff;
	height:27px;
	padding:5px;
	text-align:center;
	border:0px;
	cursor:pointer;
	width:240px;
	border-radius: 0px 5px 5px 0px;
	opacity: 1;
	transition: 0.3s;
}
.MandButt:hover
{
	opacity: 0.6
}
.MandButt2
{
	background:#dab22f;
	color:#3f3f3f;
	height:27px;
	padding:5px;
	text-align:center;
	border:0px;
	cursor:pointer;
	width:240px;
	border-radius: 0px 5px 5px 0px;
	opacity: 1;
	transition: 0.3s;
}
.MandButt2:hover
{
	opacity: 0.6
}
.Row{
	background:#ffffff;
	height:35px;
}
.Row:hover
{
	background:#abc2db;
	opacity: 1;
	transition: 0.3s;
}
.RowGrey{
	background:#ffffff;
	height:35px;
}
.RowGrey:hover
{
	background:#d4d4d4;
	opacity: 1;
	transition: 0.6s;
	transition-timing-function: ease-in-out;
}
.fragen1
{
	width:318px;
	height:129px;
	margin-left:20px;
	margin-top:10px;
}
.fragen2
{
	padding-top:60px;
	margin-left:90px;
	font-size:11px;
}	
.sp_left_start
{
	float:left;
	width:650px;
	text-align:justify;
	color:#898888;
	line-height:25px;
	height:auto;
	margin-left:10px;
}
.sp_right_start
{
	margin-left:55px;
	width:380px;
	float:left;
	font-size:11pt;
	color:#898888;
	line-height:25px;
	height:auto;
}
	.visalegbox
	{
		float:left;
		width:334px;
		height:350px;
		background:#ffffff;
		margin-top:50px;
		text-align:center;
		color:#898888;
		line-height:22px;
	}
.block_11_leist {
	display:none;
	}
	.block_11_visabox {
		width: 100%;
		height: 1230px;
		background-color: #ffffff;
		margin-top:05px;
	}
	.block_11_visum {
		width: 100%;
		height: 1230px;
		background-color: #ffffff;
		margin-top:05px;
	}
	.leist_kontakt
	{
		background:#f2f2f2;
		width:302px;
		margin-left:20px;
		padding-left:15px;
		margin-top:10px;
	}
.redlist
{
  background:#666666;
  color:#ffffff;
  padding:3px;
  cursor:pointer;
}
.redlist:hover
{
	background:#c81517;
}
.content {
    margin:0px auto;
    min-height: 100%;
    position: relative;
    overflow: auto;
    z-index: 0; 
    text-align:center;
    padding-bottom:60px;
}
.content_head
 {
    margin:0px auto;
    height: 62px;
    width:1200px;
    position: relative;
    overflow: hidden;
    z-index: 0; 
    text-align:left;
    color:#666666;
    padding-top:15px;
	background:#ffffff;
}
#content_head_top
{
	background:var(--Steel);
	height: 38px;
   font-family: Noto Sans, Helvetica, Arial, Geneva, sans-serif;

}
.headtopfont
 {
  color:#f1f1f1;
  text-transform: uppercase;
  font-size:8pt;
  letter-spacing:1px;
}
a.headtopfont:hover
{
	color:red;
}
.content_head_top
 {
    margin:0px auto;
    height: 38px;
    width:1200px;
    position: relative;
    overflow: hidden;
    z-index: 0; 
    text-align:right;
    color:#ffffff;
    padding-top:0px;
	background:var(--Steel);
}
#head_top1
{
	float:right;
	position:relative;
	width:750px;
	padding-top:7px;
}
#head_top2
{
	font-size:10px;
	float:left;
	margin-right:50px;
	width:426px;
}
#social_logo
{
	float:left;
	width:36px;
	font-size:20px;
}
	#languages
	{
		float:left;
		width:50px;
		font-size:20px;
		margin-left:30px;
	}
a.logo_top
{
	color:#ffffff;
	font-size:22px;
}
.logo_top:hover
{
	color:#c11f18;
}
#content_head_nav
{
	background:#f1f1f1;
}
.content_head_nav
 {
    margin:0px auto;
    height: 50px;
    width:520px;
    position: relative;
    z-index: 0; 
    text-align:left;
    color:#717070;
    padding-top:7px;
    
	font-weight:bold;
	float:left;
	margin-left:8px;
}
.headnav
{
    color:#ffffff;
    width:auto;
    height:20px;
    float:left;
    text-align:left;
    margin-left:20px;
}
.kontakt_banner
{
	background-image:url(../images/banner_kontakt.jpg);
	height:475px;
	padding-top:50px;
	padding-left:40px;
	color:#ffffff;
}
.kontakt2
{
	float:left;
	width:750px;
}
.kontakt3
{
	float:left;
	width:950px;
	margin-left:0px;
}
.kontakt4
{
	margin-left:20px;
	width:1200px;'
}
.kontakt_inl
{
	float:left;
	width:550px;
	text-align:left;
	border:0px solid #ffffff;
}
.kontakt_inl2
{
	float:left;
	width:250px;
	text-align:left;
}
	.formfeld_kontakt
	{
		margin-left:10px;
		margin-top:10px;
		width:480px;
		border:0px;
		color:#666666;
		height:35px;
		background:#ffffff;
		padding:5px;
		padding-left:10px;
		font-family:Arial;
		font-size:14px;
	}
	.formfeld_kontakt2
	{
		margin-left:10px;
		margin-top:10px;
		width:480px;
		height:120px;
		border:0px;
		color:#666666;
		background:#ffffff;
		padding:5px;
		padding-left:10px;
		font-family:Arial;
		font-size:14px;
	}
	.head_kontakt
	{
		border-left:3px solid #c81517;
		font-size:30px;
		font-family:Arial;
		padding-left:15px;
	}
	.impressum
	{
		width:1200px;
		text-align:left;
		margin-left:0px;
		color:#666666;
	}
	.impressum2
	{
		margin-left:15px;
		width:1050px;
		line-height:18px;
	}
	.datenschutz
	{
		width:1200px;
		text-align:left;
		margin-left:0px;
		color:#666666;
	}
	.datenschutz2
	{
		margin-left:15px;
		width:950px;
		line-height:18px;
	}
.content_head_nav a {
    color: #717070;
    font-family: Noto Sans, Helvetica, Arial, Geneva, sans-serif;
    font-size: 16px;
    letter-spacing: 0px;
    text-transform: uppercase;
	margin-left:18px;
	font-weight:normal;
}
.content_head_nav a:hover 
{
    color:#c11f18;
}
.box_portrait
{
	float:left;
	width:250px;
	padding:5px;
	line-height:18px;
}
.box_portrait_spacing
{
	width:40px;
	float:left;
}
.vpbox
{
	padding:5px;
	background:#f1f0f0;
	border-left:2px solid var(--Poppy);
}
.vpinput
{
	border:0px;
	height:30px;
	width:400px;
	background:#ffffff;
}
.vpinput2
{
	border:0px;
	height:30px;
	width:400px;
	background:#f1f1f1;
	border:1px solid #cccccc;
}
.vpinput3
{
	box-sizing: border-box;
	/* Auto layout */
	align-items: center;
	padding: 10px 14px;

	height: 44px;

	/* Base/White */

	background: #FFFFFF;
	/* Gray/300 */

	border: 1px solid #D0D5DD;
	/* Shadow/xs */

	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
	border-radius: 2px;
	/* Inside auto layout */

}
.WorkFlowHeader
{
	padding:15px;
	font-size:18px;
	cursor:pointer;
	height: 30px;
	float:left;
	min-width: 75%;
	border:0px solid #cccccc;
	border-radius: 15px;
}
.WorkFlowHeader:hover
{
	background: #8da9b6;

}
.TaskActive
{
	padding:15px;
	font-size:18px;
	cursor:pointer;
	height: 25px;
	float:left;
	min-width: 50px;
	text-align: center;
	border-radius: 5px;
	padding-top:20px;
}
.TaskActive:hover
{
	background-color: #878787;
}
.TaskNoActive
{
	background:#f1f1f1;
	color:#d1d1d1;
	padding:15px;
	font-size:18px;
	cursor:pointer;
	height: 25px;
	float:left;
	min-width: 50px;
	text-align: center;
	border-radius: 5px;
	padding-top:20px;
}
.TaskOpen
{
	padding:0px;
	font-size:18px;
	cursor:pointer;
	height: 25px;
	float:left;
	min-width: 70px;
	text-align: center;
	border-radius: 5px;
	padding-top:14px;
}
.WorkflowContainer
{
	background: #ffffff;
	border-radius: 5px;
}
.HeadSymb
{
	font-size:20px;
	margin-bottom: 5px;
}
.HoverColorRed:hover
{
	color:#c21f18;
}
.HoverShaddow:hover
{
	background: #eac2c5;
	box-shadow: var(--wb-ds-box-shadow--smooth);
	box-shadow: 0 5px 20px -2px rgba(0,0,0,.35), 0 2px 6px -1px rgba(0,0,0,.35);
	transition: .4s;
}
.HoverShaddowRounded:hover
{
	background: var(--bs-red);
	border-radius: 15px;
	color:	#ffffff;
	box-shadow: var(--wb-ds-box-shadow--smooth);
	box-shadow: 0 5px 10px -2px rgba(0,0,0,.35), 0 2px 6px -1px rgba(0,0,0,.35);
	transition: .4s;
}
.HoverLight:hover
{
	background: #ffffff;
	transition: .4s;
	border-radius: 15px;
}
.CircleOK
{
	color:#5c8b02;
	font-size: 10px;
	margin-top:0px;

}
.WorkflowOpen
{
	background:#cccccc;
	color:#666666;
	border-color: #cccccc;
	border-radius: 10;
	width:200px;
	height:30px;
	text-align: center;
	margin-top: 3px;
	margin-left: 3px;
	float:left;
}
.WorkflowOpen:hover
{
	background:#f7931d;
	border-color: #f7931d;
	transition: 0.4s;
}
.accordion-button:hover {
	z-index: 2;
  }
  .accordion-button:focus {
	z-index: 3;
	border-color: #86b7fe;
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  }
  
  .accordion-header {
	margin-bottom: 0;
  }
  
  .accordion-item {
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.125);
  }
  .accordion-item:first-of-type {
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
  }
  .accordion-item:first-of-type .accordion-button {
	border-top-left-radius: calc(0.25rem - 1px);
	border-top-right-radius: calc(0.25rem - 1px);
  }
  .accordion-item:not(:first-of-type) {
	border-top: 0;
  }
  .accordion-item:last-of-type {
	border-bottom-right-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
  }
  .accordion-item:last-of-type .accordion-button.collapsed {
	border-bottom-right-radius: calc(0.25rem - 1px);
	border-bottom-left-radius: calc(0.25rem - 1px);
  }
  .accordion-item:last-of-type .accordion-collapse {
	border-bottom-right-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
  }
  
  .accordion-body {
	padding: 1rem 1.25rem;
  }
  
  .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 {
	border-radius: 0;
  }
  .accordion-button:hover {
	z-index: 2;
  }
  .accordion-button:focus {
	z-index: 3;
	border-color: #86b7fe;
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  }
  
  .accordion-header {
	margin-bottom: 0;
  }
  
  .accordion-item {
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.125);
  }
  .accordion-item:first-of-type {
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
  }
  .accordion-item:first-of-type .accordion-button {
	border-top-left-radius: calc(0.25rem - 1px);
	border-top-right-radius: calc(0.25rem - 1px);
  }
  .accordion-item:not(:first-of-type) {
	border-top: 0;
  }
  .accordion-item:last-of-type {
	border-bottom-right-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
  }
  .accordion-item:last-of-type .accordion-button.collapsed {
	border-bottom-right-radius: calc(0.25rem - 1px);
	border-bottom-left-radius: calc(0.25rem - 1px);
  }
  .accordion-item:last-of-type .accordion-collapse {
	border-bottom-right-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
  }
  
  .accordion-body {
	padding: 1rem 1.25rem;
  }
  
  .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 {
	border-radius: 0;
  }
	
.BorderRed
{
  border:1px solid red;
}
.BorderRounded
{
	border-radius: 15px;
}
.BorderRounded20
{
	border-radius: 20px;
}
.BorderRounded40
{
	border-radius: 40px;
}
.BorderBottom
{
	border-bottom: 1px solid var(--Steel);
}
.hidden {
	opacity: 0; /* Unsichtbar */
	transition: opacity 1s ease-out; /* Langsames Einblenden */
}

.visible {
	opacity: 1; /* Sichtbar */
}
/* CSS-Animation für das Blinken */
@keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 0; }
	100% { opacity: 1; }
}

/* Klasse, um das Blinken zu aktivieren */
.blink {
	animation: blink 1.5s ease-in-out 3; /* Blinkt 3 Mal für je 0,5 Sekunden */
}
.form-Main {
	display: block;
	width: 100%;
	height: calc(1.5em + 0.75rem + 2px);
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  .form-Main2 {
	display: block;
	width: 100%;
	height: calc(1.5em + 0.75rem + 2px);
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 15px;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  .switch {
	display: inline-block;
	height: 34px;
	position: relative;
	width: 60px;
  }
  
  .switch input {
	display:none;
  }
  .switchsmall {
	display: inline-block;
	height: 20px;
	position: relative;
	width: 38px;
  }
  
  .switchsmall input {
	display:none;
  }
  .slidersmall {
	background-color: #ccc;
	bottom: 0;
	cursor: pointer;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: .4s;
  }
  
  .slidersmall:before {
	background-color: #fff;
	bottom: 4px;
	content: "";
	height: 26px;
	left: 4px;
	position: absolute;
	transition: .4s;
	width: 26px;
  }
  .slider {
	background-color: #ccc;
	bottom: 0;
	cursor: pointer;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: .4s;
  }
  
  .slider:before {
	background-color: #fff;
	bottom: 4px;
	content: "";
	height: 26px;
	left: 4px;
	position: absolute;
	transition: .4s;
	width: 26px;
  }
  .Frame
{
    display: flex;
    flex-direction: row;
    align-items: center;
    width:100%;
    flex-flow: wrap;  
}
.FlexCenter
{
	display: flex;
    flex-direction: row;
    align-items: center;
	align-content: center;
}
.FlexCenterColumn
{
	display: flex;
    flex-direction: column;
    align-items: center;
	align-content: center;
}
.FlexCenterRow
{
	display: flex;
    flex-direction: row;
    align-items: center;
	align-content: center;
}
.EvBox
{
	padding:5px;
	border: 1px solid var(--Poppy);
	text-align: center;
	background:#f1f1f1;
	margin-left: 7px;
	cursor:pointer;
}
.EvBox:hover
{
	background:var(--Poppy);
}
.EvBoxActive
{
	padding:5px;
	border: 1px solid #6bc449;
	text-align: center;
	background:#6bc449;
	margin-left: 7px;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.62); 
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.62);
}
.PopUpNew-text {
    width:400px;

	visibility: hidden;
    background-color: var(--Sky);
    color: var(--Steel);
    text-align: left;
    border-radius: 5px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 125%; /* Positioniert den Text über dem Link */
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s ease;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.62); 
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.62);
}

.PopUpNew-text::after {
    content: "";
    position: absolute;
    top: 100%; /* Zeigt den Pfeil nach unten */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: var(--Sky) transparent transparent transparent;
}
.PopUpNewlink {
    position: relative;
    color: #000;
    text-decoration: none;
    padding: 5px 10px;
    transition: color 0.3s ease;
}

.PopUpNewlink:hover {
    color: #007BFF;
}
.PopUpNewlink:hover .PopUpNew-text {
    visibility: visible;
    opacity: 1;
}
.PopUpNew-textU {
    width:520px;
	margin-left: -80px;
	visibility: hidden;
    background-color: var(--Sky);
    color: var(--Steel);
    text-align: left;
    border-radius: 5px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    top: 125%; /* Positioniert den Text über dem Link */
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s ease;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.62); 
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.62);
}


.PopUpNewlinkU {
    position: relative;
    color: #000;
    text-decoration: none;
    padding: 5px 10px;
    transition: color 0.3s ease;
}

.PopUpNewlinkU:hover {
    color: #007BFF;
}
.PopUpNewlinkU:hover .PopUpNew-textU {
    visibility: visible;
    opacity: 1;
}
  input:checked + .slider {
	background-color: #66bb6a;
  }
  
  input:checked + .slider:before {
	transform: translateX(26px);
  }
  
  .slider.round {
	border-radius: 34px;
  }
  
  .slider.round:before {
	border-radius: 50%;
  }
  .form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#28a745}.valid-tooltip{position:absolute;top:100%;left:0;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(40,167,69,.9);border-radius:.25rem}
  @media (prefers-reduced-motion: reduce) {
	.form-Main {
	  transition: none;
	}
  }
  
  .form-Main::-ms-expand {
	background-color: transparent;
	border: 0;
  }
  
  .form-Main:focus {
	color: #495057;
	background-color: #fff;
	border-color: #80bdff;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  }
  
  .form-Main::-webkit-input-placeholder {
	color: #6c757d;
	opacity: 1;
  }
  
  .form-Main::-moz-placeholder {
	color: #6c757d;
	opacity: 1;
  }
  
  .form-Main:-ms-input-placeholder {
	color: #6c757d;
	opacity: 1;
  }
  
  .form-Main::-ms-input-placeholder {
	color: #6c757d;
	opacity: 1;
  }
  
  .form-Main::placeholder {
	color: #6c757d;
	opacity: 1;
  }
.headnav a:focus
{
 text-decoration: underline;

}

.headnav a:active
{
 text-decoration: underline;

}
.content_bild
 {
    margin:0px auto;
    height: 250px;
    width:950px;
    position: relative;
    overflow: auto;
    z-index: 0; 
    text-align:right;
    padding:0px;
    overflow:hidden;
}
.content_text
 {
    margin:0px auto;
    width:1200px;
    position: relative;
    z-index: 0; 
    text-align:left;
    padding-top:0px;
    overflow:hidden;
}
.topnav_line
{
    margin-bottom:15px;
    margin-top:10px;
    width:220px;
    height:20px;
    color:#4c4c4c;
    padding:5px;
    cursor:pointer;
}
.topnav_line_active
{
    margin-bottom:15px;
    margin-top:10px;
    width:220px;
    height:20px;
    color:#4c4c4c;
    padding:5px;
    cursor:pointer;
    font-weight:bold;
    border-bottom:1px dashed #c4c4c9;
    border-top:1px dashed #c4c4c9;
}
.topnav_line:hover
{
    width:220px;
    color:#4c4c4c;
    padding:5px;
    cursor:pointer;
}
.topnav_line a
{
    color:#4c4c4c;
    text-decoration:none;
    font-size:17px;
}
.topnav_line a:hover
{
    color:#4c4c4c;
    text-decoration:none;
    font-weight:bold;
}
.topnav_line_active a
{
    color:#4c4c4c;
    text-decoration:none;
    font-size:17px;
}
.topnav_line_active a:hover
{
    color:#4c4c4c;
    text-decoration:none;
    font-weight:bold;
}
.right_text
{
    width:250px;
    padding:8px;
    float:left;
    margin-top:38px;
    margin-left:35px;
    text-align:left;
    color:#000000;
    font-family:Arial;
}
.maintext
{
    width:750px;
    float:left;
    margin-top:5px;
    margin-left:15px;
    text-align:left;
}
.maintext_start1
{
    width:1100px;
    margin-top:5px;
    margin-left:0px;
    text-align:left;
}
.maintext_start2
{
    width:1100px;
    margin-top:5px;
    margin-left:0px;
    text-align:left;
	background:#686868;
}
.background {
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
}

.top_block {
    width: 100%;
    display: block; 
    text-align:center;
}
.schnelltext_box
{
	display:block;
	position:absolute;
	left:50%;
	width:310px;
	height:35px;
	padding:5px;
	color:#ffffff;
	margin-left:-580px;
	margin-top:380px;
	cursor:pointer;
	border: 2px solid var(--Poppy);
	background-color: var(--Poppy);
	border-color:var(--Poppy);
	border-radius: .25rem;
}
.schnelltext_box:hover
{
	border:2px solid #d1d1d1;
	background: #f1f1f1;
	color: #6c757d;
}
.mand_logo
{
	width:280px;
	height:37px;
	padding:5px;
	float:left;
	color:#ffffff;
	margin-left:10px;
	cursor:pointer;
}
.login_box
{
	width:45px;
	height:35px;
	background:var(--Poppy);
	padding:5px;
	float:left;
	color:#ffffff;
	margin-left:10px;
	cursor:pointer;
	text-align:center;
	border-radius:7px;
}
.login_box:hover
{
	background:#cccccc;
}
.rllh
{
	border-left:3px solid #c81517;
	font-size:16px;
	padding-left:5px;
	margin-bottom:10px;
	text-transform: uppercase;
}
.maintext1
{
	width:1170px;
	margin-left:20px;
	margin-top:20px;	
}
.maintext1_leist
{
	width:1170px;
	margin-left:20px;
	margin-top:20px;	
}
.bottom_block {
    position: absolute;
    width: 100%;
    display: block;
    bottom: 0; 
}

.left_block {
    display: block;
    float: left; 

}

.right_block {
    display: block;
    float: right; 
}
.span_red_stand
{
	color:#c81517;
}
.span_red_kontakt
{
	color:#c81517;
	text-transform:uppercase;
	font-weight:normal;
	margin-top:7px;
	padding-top:10px;
}
.center_block {
    display: block;
    width: auto; 
}

.block_1 {
    width: 100%;
    height: 80px;
    text-align:center;
}

.block_2 {
    width: 100%;
    height: 290px;
}

.block_3 {
    width: 100%;
    height: 50px;
}

.block_4 {
    width: 100%;
}
.formfeld
{
    border:1px solid #ffffff;
    background:#ffffff;
    font-size:16px;
	height:22px;
}
.formfeld:hover
{
    border:0px;
    border:1px solid #9caa47;
    font-size:16px;
}
.formfeld_schnell
{
    width:270px;
	border:1px solid #ffffff;
    background:#ffffff;
    font-size:14px;
	height:32px;
	color:#666666;
	border-radius: 7px;
}
.formfeld_schnell:hover
{
    border:1px solid #9caa47;

}
.formfeld_grey
{
    border:0px;
    background:#f1f1f1;
    font-size:18px;
	height:35px;
	width:200px;
}
.formfeld_grey:hover
{
    border:0px;
    border:1px solid #9caa47;
}
.list-group {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
	border-radius: 0.25rem;
  }
  .list-group-item-head {
	position: relative;
	display: block;
	padding: 0.65rem 1.25rem;
	background-color: #f1f1f1;
	border: 1px solid rgba(0, 0, 0, 0.125);
	font-weight:bold;
	font-size: 20px;
	margin-top:3px;
	cursor:pointer;
	float:left;
  }
  .list-group-item {

	float:left;
	margin-left:15px;
	position: relative;
	display: block;
	padding: 0.55rem 1.1rem;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.125);
	cursor:pointer;
  }
  .list-group-item-action {
	width: 100%;
	color: #495057;
	text-align: inherit;
  }
  
  .list-group-item:hover, .list-group-item-action:focus {
	z-index: 1;
	color: #495057;
	text-decoration: none;
	background-color: #f8f9fa;
  }
.GreenExtension
{
	background:#b3d204;
	
}
.GreenBack
{
	background: #e5f0e8;
}
.email_textfeld
{
	width:450px;
	border:0px;
	color:#666666;
	height:35px;
	background:#f0f0f0;
	padding:5px;
}
.newslide
{
	display:none;
	background:#ffffff;
	box-shadow: inset 0 0 1em #ffffff, 0 0 1em #666666;
	width:1070px;
	padding:20px;
	position:absolute;
	margin-top:0px;
	margin-bottom:50px;
	border-radius: 7px 7px 7px 7px;
}
.ConfBoxHinweisImport
{
	margin-left:0px;
	margin-top:0px;
	width:850px;
	background:#ffffff;
	padding:15px;
	border:2px solid #cccccc;
	color:#8d8c8c;
	font-size:18px;
	line-height:23px;
	border-radius: 7px 7px 7px 7px;
	box-shadow: inset 0 0 0.5em #ffffff, 0 0 0.5em #666666;
}
.ConfBoxHinweisImportShadow
{
	margin-left:0px;
	margin-top:50px;
	width:850px;
	background:#ffffff;
	padding:15px;
	border:2px solid #cccccc;
	color:#8d8c8c;
	font-size:18px;
	line-height:23px;
	border-radius: 7px 7px 7px 7px;
	box-shadow: inset 0 0 1em #ffffff, 0 0 1em #666666;
}
#invoicing_add
{
	position:fixed;
	z-index:9000;
	background:#ffffff;
	padding:7px;
	margin-top:-700px;
	width:1050px;
	height:750px;
	background:#ffffff;
	padding:15px;
	border:2px solid #cccccc;
	color:#8d8c8c;
	font-size:18px;
	line-height:23px;
	border-radius: 7px 7px 7px 7px;
	box-shadow: inset 0 0 1em #ffffff, 0 0 1em #3d3d3d;
	overflow: scroll;
}
.invoicing_addNew
{
	position:fixed;
	width:650px;
	z-index:9000;
	background:#ffffff;
	padding:7px;
	margin-top:-250px;
	border-radius: 4px 4px 4px 4px;
	background-image: linear-gradient(to top, #f3fa85 9%, #eceed6 95%);
	-webkit-transition: left .5s ease-in;
	-moz-transition: left .5s ease-in;
	-o-transition: left .5s ease-in;
	-ms-transition: left .5s ease-in;
	transition: 0.3s;
	box-shadow: 10px 10px 15px rgb(58, 58, 58);
}

#schnellinfo
{
	text-align:left;
	position:absolute;
	display:block;
	padding:9px;
	width:300px;
	height:270px;
	left:50%;
	margin-top:80px;
	margin-left:-580px;
	z-index:8000;
	background-image:url(../images/box_start_check.png);
	color:#cccccc;
}

#schnellinfoCheck
{
	text-align:left;
	position:absolute;
	display:block;
	padding:9px;
	width:300;
	left:50%;
	height:250px;
	margin-top:50px;
	margin-left:-200px;
	z-index:8001;
	background-image:url(../images/box_start_check.png);
	background-repeat: no-repeat;
	color:#cccccc;
}
#schnellinfoNeu
{
	text-align:left;
	position:absolute;
	display:block;
	padding:9px;
	padding-top:30px;
	width:300px;
	height:270px;
	left:50%;
	margin-top:28px;
	margin-left:-580px;
	z-index:8000;
	color:#cccccc;
	opacity: 15;
	border-radius: 10px 0px 10px 0px;
	background:#302e28;
}
#schnellinfoNeuFunny
{
	text-align:left;
	position:absolute;
	display:block;
	padding:9px;
	padding-top:30px;
	width:300px;
	height:270px;
	left:50%;
	margin-top:28px;
	margin-left:-580px;
	z-index:8000;
	color:#cccccc;
	opacity: 15;
	border-radius: 10px 0px 10px 0px;
	background:#a1f60e;
}
#schnellinfoExtraBox
{
	text-align:left;
	position:absolute;
	display:block;
	padding:9px;
	width:300px;
	height:250px;
	margin-top:50px;
	left:50%;
	margin-left:-200px;
	z-index:9000;
	background-image:url(../images/box_start_check.png);
	color:#cccccc;
}
.schnellinfo_button
{	
	text-align:center;
	position:absolute;
	display:block;
	padding:9px;
	width:140px;
	height:20px;
	left:50%;
	margin-top:42px;
	margin-left:-580px;
	z-index:8000;
	background-image:url(../images/transblack.png);
	color:#cccccc;
	cursor:pointer;
}
.schnellinfo_button:hover
{
	background-image:url(../images/transblack2.png);
}
.schnellinfo_button2
{	
	text-align:center;
	position:absolute;
	display:block;
	padding:9px;
	width:140px;
	height:20px;
	left:50%;
	margin-top:42px;
	margin-left:-420px;
	z-index:8000;
	background-image:url(../images/transblack2.png);
	color:#cccccc;
	cursor:pointer;
}

.kreis_start
{
	position:absolute;
	left:50%;
	margin-top:298px;
	margin-left:-484px;
	z-index:9000;
	background-image:url(../images/button_start.png);
	background-repeat:no-repeat;
	width:116px;
	text-align:center;
	color:#ffffff;
	height: 107px;
	font-size:13pt;
	text-align:center;
	padding-top:25px;
	cursor:pointer;
	font-weight:normal;
	text-transform:uppercase;
	font-size:15px;
}
.kreis_start_pflicht
{
	position:absolute;
	left:50%;
	margin-top:417px;
	margin-left:-104px;
	z-index:9000;
	background-image:url(../images/button_start.png);
	background-repeat:no-repeat;
	width:117px;
	text-align:center;
	color:#ffffff;
	height: 107px;
	font-size:12pt;
	text-align:center;
	padding-top:40px;
	cursor:pointer;
	font-weight:normal;
	line-height:20px;
}
.kreis_start_vispop
{
	position:absolute;
	left:50%;
	margin-top:268px;
	margin-left:-104px;
	z-index:9000;
	background-image:url(../images/button_start.png);
	background-repeat:no-repeat;
	width:117px;
	text-align:center;
	color:#ffffff;
	height: 107px;
	font-size:12pt;
	text-align:center;
	padding-top:36px;
	cursor:pointer;
	font-weight:normal;
	line-height:20px;
}
	#schnellinfo_news
	{
		text-align:left;
		position:absolute;
		line-height:20px;
		display:block;
		padding:14px;
		width:290px;
		height:260px;
		left:50%;
		margin-top:80px;
		margin-left:-580px;
		z-index:8000;
		background-image:url(../images/box_start_check.png);
		color:#cccccc;
	}
.schnellinfo_button2:hover
{
	background-image:url(../images/transblack.png);
}
.newsartikel a 
{
 color:#7a7982;
}
#ablauf1
{
	display:block;
}
#ablauf2
{
	display:none;
}
#visakat
{
	padding:7px;
	margin-left:-15px;
	width:1150px;
	color:#666666;
	background-image:url(../images/laender_back.jpg);
}
	.visakat_p
	{
		width:950px;
	}
/* (A) UPLOAD ZONE */
#upzone {
	width: 500px; 
	height: 165px; 
	background: #f1f1f1;
	border:3px dashed #cccccc;
	padding: 2px;
	text-align:center;
  }
  #upzone.highlight {
	background: rgb(184, 14, 2);
	opacity: 2;
	transition: 0.4s;
  }
 .upzone {
	width: 100%;
	height: 165px; 
	background: #f1f1f1;
	border:3px dashed #cccccc;
	padding: 2px;
	text-align:center;
	border-radius: 5px;
  }
  .upzone.highlight {
	background: rgb(184, 14, 2);
	opacity: 2;
	transition: 0.4s;
  }
  
  /* (B) UPLOAD FORM */
  #upform {
	display: none;
  }
#footer {
    width: 100%;
    height: 340px;
    background:var(--Steel);
    bottom:0px;
    position:absolute;
	margin-bottom:0px;
    color:#ffffff;
    font-size:10pt;
	padding-bottom:10px;
	border-bottom:20px solid var(--Poppy);
	z-index: 88888;
}
#footer a
{
	color:#a4a3a3;
	font-size:10pt;
	font-weight:normal;
	font-family: Noto Sans, Helvetica, Arial, Geneva, sans-serif;
}
#footer a:hover
{
	color:#960d03;
	font-size:10pt;
}
#footer2
{
	left:50%;
	margin-left:-550px;
	width:1200px;
	text-align:left;
	position:relative;
	padding-top:10px;
	height:110px;
}
.kontakt1_crm
{
	background:#666666;
	color:#ffffff;
	font-size:16px;
	font-family:Arial;
	padding:5px;
}
.kontakt_crm
{
	width:200px;
	float:left;
	font-family:Arial;
}
/* Daten f�r DRAG DROP FENSTER */
#dragandrophandler
{
border:2px dotted #0B85A1;
width:580px;
color:#92AAB0;
text-align:center;vertical-align:middle;
padding:10px 10px 10 10px;
margin-bottom:10px;
font-size:150%;
height:40px;
}
#dragandrophandler2
{
border:2px dotted #0B85A1;
width:580px;
color:#92AAB0;
text-align:center;vertical-align:middle;
padding:10px 10px 10 10px;
margin-bottom:10px;
font-size:150%;
height:30px;
}
.progressBar {
    width: 160px;
    height: 22px;
    border: 1px solid #ddd;
    border-radius: 0px; 
    overflow: hidden;
    display:inline-block;
    margin:0px 10px 5px 5px;
    vertical-align:top;
}
@-webkit-keyframes progress-bar-stripes {
	0% {
	  background-position-x: 1rem;
	}
  }
  
  @keyframes progress-bar-stripes {
	0% {
	  background-position-x: 1rem;
	}
  }
  .progress {
	display: flex;
	height: 1rem;
	overflow: hidden;
	font-size: 0.75rem;
	background-color: #e9ecef;
	border-radius: 0.25rem;
  }
  
  .progress-bar {
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	background-color: #0d6efd;
	transition: width 0.6s ease;
  }
  @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: 1rem 1rem;
  }
  
  .progress-bar-animated {
	-webkit-animation: 1s linear infinite progress-bar-stripes;
	animation: 1s linear infinite progress-bar-stripes;
  }
  @media (prefers-reduced-motion: reduce) {
	.progress-bar-animated {
	  -webkit-animation: none;
	  animation: none;
	}
  }
.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-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;
  }
.progressBar div {
    height: 100%;
    color: #fff;
    text-align: right;
    line-height: 22px; /* same as #progressBar height if we want text middle aligned */
    width: 0;
    background-color: #f2d032; border-radius: 0px; 
}
.statusbar
{
    border-top:0px solid #d1c8a9;
    min-height:25px;
    width:580px;
    padding:10px 10px 0px 10px;
    vertical-align:top;
}
.statusbar:nth-child(odd){
    background:#f1f1f1;
}
.filename
{
display:inline-block;
vertical-align:top;
width:290px;
}
.filesize
{
display:inline-block;
vertical-align:top;
color:#30693D;
width:100px;
margin-left:10px;
margin-right:5px;
}
.abort{
    background-color:#A8352F;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;display:inline-block;
    color:#fff;
    font-family:arial;font-size:13px;font-weight:normal;
    padding:4px 15px;
    cursor:pointer;
    vertical-align:top
    }
/* Daten f�r DRAG DROP FENSTER ENDE */
.textbox
{
    clear: both; 
    text-align: center; 
    padding: 5px; 
    margin-top: 15px; 
    background: #e1e1e0; 
    width: 230px;
}
.infobox_h
{
    float:left; 
    text-align: center; 
    margin-top: 15px; 
    width: 250px;
	height:275px;
	line-height:21px;
}
	.infobox_w
	{
		float:left; 
		text-align: left; 
		margin-top: 2px; 
		background: #e5c305; 
		width: 1100px;
		line-height:21px;
		padding:9px;
		background-image: linear-gradient(to top, #f8efc2 9%, #fcf8e1 90%);
		border-radius: 3px 3px 3px 3px;
	}
.infobox_hl
{
    float:left; 
    text-align: center; 
    margin-top: 15px; 
    width: 200px;
	height:275px;
	line-height:21px;
}
.infobox
{
    float:left; 
    text-align: left; 
    margin-top: 15px; 
    background: #e1e1e0; 
    width: 260px;
	height:255px;
	line-height:21px;
}
.infobox_oh
{
    float:left; 
    text-align: left; 
    margin-top: 15px; 
    background: #e1e1e0; 
    width: 1100px;
	line-height:21px;
	padding:7px;
}
.infobox_center
{
    display:none;
	text-align: left; 
	margin:0px auto;
	width:950px;
	padding:7px;
	background:#f2f2f2;
	position:fixed;
	z-index:4000;
	height:450px;
	overflow:auto;
	border-radius: 4px 4px 4px 4px;
	background-image: linear-gradient(to top, #ffffff 9%, #ffffff 95%);
	-webkit-transition: left .5s ease-in;
	-moz-transition: left .5s ease-in;
	-o-transition: left .5s ease-in;
	-ms-transition: left .5s ease-in;
	transition: 0.3s;
	box-shadow: 0 0 1em #666666;
}
.infobox_centerw
{
    display:none;
	text-align: left; 
	margin:0px auto;
	width:100%;
	padding:7px;
	background:#f2f2f2;
	position:fixed;
	z-index:4000;
	height:400px;
	overflow:auto;
}
.infobox_head
{
    text-align: center; 
    padding: 5px; 
    background:var(--Poppy);
	color:#ffffff;
	height:23px;
}
.infobox_text
{
    padding: 8px; 
    background: #e1e1e0; 
	height:220px;
}
.infoboxZusatz
{
	width:725px;
	padding:10px;
	background:#f1f1f1;
	color:#666666;
	margin-left:55px;
	text-align:justify;
	line-height:20px;
}
.hinweis_schnelltest
{
	margin-left:15px;
	width:263px;
	padding:2px;
	border:1px solid #ffffff;
	display:none;
	text-align:center;
}
.InfoI
{
	display:none;
	width:500px;
	padding:7px;
	background:#f3fa85;
	color:#7a8032;
	border:1px solid #b4ba55;
	position:absolute;
	border-radius: 4px 4px 4px 4px;
	background-image: linear-gradient(to top, #f3fa85 9%, #eceed6 95%);
	-webkit-transition: left .5s ease-in;
	-moz-transition: left .5s ease-in;
	-o-transition: left .5s ease-in;
	-ms-transition: left .5s ease-in;
	transition: 0.3s;
	box-shadow: 10px 10px 15px rgb(58, 58, 58);
}
.InfoI2
{
	display:none;
	width:500px;
	padding:7px;
	color:#666666;
	border:2px solid #999999;
	position:absolute;
	background-image: linear-gradient(to top, #f1f1f1 9%, #f1f1f1 95%);
	-webkit-transition: left .5s ease-in;
	-moz-transition: left .5s ease-in;
	-o-transition: left .5s ease-in;
	-ms-transition: left .5s ease-in;
	transition: 0.3s;
	box-shadow: inset 0 0 1em #ffffff, 0 0 1em #666666;
	border-radius: 7px 7px 7px 7px;
	margin-left: 25px;
	z-index: 99999;
}
.InfoI3
{
	width:1150px;
	display:block;
	padding:7px;
	color:#666666;
	border:1px solid #f1f1f1;
	border-radius: 4px 4px 4px 4px;
	background-image: linear-gradient(to top, #f1f1f1 9%, #f1f1f1 95%);
	-webkit-transition: left .5s ease-in;
	-moz-transition: left .5s ease-in;
	-o-transition: left .5s ease-in;
	-ms-transition: left .5s ease-in;
	transition: 0.3s;
	box-shadow: 5px 5px 5px rgb(163, 162, 162);
}
.InfoI4
{
	display:none;
	width:500px;
	padding:7px;
	color:#666666;
	border:0px solid #b4ba55;
	position:absolute;
	border-radius: 4px 4px 4px 4px;
	background-image: linear-gradient(to top, #ffffff 9%, #ffffff 95%);
	-webkit-transition: left .5s ease-in;
	-moz-transition: left .5s ease-in;
	-o-transition: left .5s ease-in;
	-ms-transition: left .5s ease-in;
	transition: 0.3s;
	box-shadow: 0px 3px 15px 3px rgba(0,0,0,0.33);
	z-index: 9999;
}
.AllgBox
{
	display:none;
	width:500px;
	padding:10px;
	color:#666666;
	z-index:4000;
	border:0px solid #b4ba55;
	position:fixed;
	border-radius: 4px 4px 4px 4px;
	background-image: linear-gradient(to top, #ffffff 9%, #ffffff 95%);
	-webkit-transition: left .5s ease-in;
	-moz-transition: left .5s ease-in;
	-o-transition: left .5s ease-in;
	-ms-transition: left .5s ease-in;
	transition: 0.3s;
	box-shadow: 0 0 1em #666666;
}
.AllgBoxScrollY
{
	display:none;
	width:500px;
	padding:7px;
	color:#666666;
	z-index:4000;
	border:0px solid #b4ba55;
	position:fixed;
	border-radius: 4px 4px 4px 4px;
	background-image: linear-gradient(to top, #ffffff 9%, #ffffff 95%);
	-webkit-transition: left .5s ease-in;
	-moz-transition: left .5s ease-in;
	-o-transition: left .5s ease-in;
	-ms-transition: left .5s ease-in;
	transition: 0.3s;
	overflow-y:scroll;
	
}
.ErrorBox
{
	display:none;
	width:500px;
	padding:20px;
	color:#ffffff;
	z-index:99999;
	border:0px solid #b4ba55;
	position:absolute;
	border-radius: 17px 17px 17px 17px;
	background-image: linear-gradient(to top, #e92c2c 9%, #e92c2c 95%);
	-webkit-transition: left .5s ease-in;
	-moz-transition: left .5s ease-in;
	-o-transition: left .5s ease-in;
	-ms-transition: left .5s ease-in;
	transition: 0.3s;
	box-shadow: 0 0 1em #666666;
}
.ListBoxHeader
{
	border: solid;
	border-width: 0.13em;
	border-color: #cccccc;
	border-radius: 4px 4px 4px 4px;
	padding: 7px;
	background-color:#ffffff;
	cursor:pointer;
}
.ListBoxHeader:hover
{
	border-color:#c2dbfe;
	border-width: 0.13em;
}
.ListBox
{
	border: solid;
	border-width: 0.13em;
	border-color: #cccccc;
	border-radius: 4px 4px 4px 4px;
	padding: 7px;
	background-color:#f1f1f1;
	cursor:pointer;
}
.SearchResultAutoFill
{
	margin-left:500px;
	padding:7px;
	float:left;
	z-index:99999;
	background: #f1f1f1;
	border-radius: 4px 4px 4px 4px;
	min-height: 150px;
	display:none;
}
.AufCopy:hover{
	background-color: #b90893;
	color:#ffffff;
}

.OptMessage
{
	border:2px solid #c81517;
	padding:10px;
	font-size:26px;
	color:#c81517;
	cursor:pointer;
}
.OptMessageTXT
{
	display:none;
	padding:15px;
	font-size:14px;
	color:#666666;
}
.OptArrow
{
	float:right;
	widht:50px;
	font-size:48px;
	margin-top:-10px;
}
.NewsText
{
	height:80px;
	overflow:hidden;
}

.spacebox
{
	float:left;
	width:15px;
}
.spacebox2
{
	clear:both;
	height:15px;
	background:#ffffff;
}
.spacebox3
{
	float:left;
	width:20px;
}
.spacebox4
{
	clear:both;
	height:20px;
}
.textbox:hover
{
    background:#666666;
    color:#ffffff;
}
.dashbox
{
	background:var(--Poppy);
	
	text-align:center;
	color:#ffffff;
	float:left;
	width:230px;
	font-size:14pt;
	cursor:pointer;
	height:65px;
	padding:7px;
	opacity: 1;
	transition: 0.3s;
	border-radius:3px;
}
.dashbox:hover
{
	opacity: 0.6;
}
.dashbox_background_y
{
	background:#cf961c;
	text-align:center;
	color:#ffffff;
	float:left;
	width:230px;
	font-size:14pt;
	cursor:pointer;
	height:65px;
	padding:7px;
	opacity: 1;
	transition: 0.3s;
	border-radius:3px;
}
.dashbox_dea
{
	background:#cccccc;
	
	text-align:center;
	color:#ffffff;
	float:left;
	width:230px;
	font-size:14pt;
	cursor:pointer;
	height:65px;
	padding:7px;
}
.button
{
 background:var(--Poppy);
 color:#ffffff;
 width:150px;
 height:35px;
 padding:5px;
 text-align:center;
 border:0px;
 cursor:pointer;
 opacity: 1;
 transition: 0.3s;
}
.button:hover
{
	opacity: 0.6;
}
.button_round
{
 background:var(--Poppy);
 color:#ffffff;
 width:150px;
 height:35px;
 padding:5px;
 text-align:center;
 border:0px;
 cursor:pointer;
 border-radius: 2px 2px 2px 2px;
}
.button_round:hover
{
	background:#cccccc;
}
.button_deaktiviert
{
	background:#cccccc;
	 width:150px;
	 height:35px;
	 padding:5px;
	 text-align:center;
	 border:0px;
	 cursor:pointer;
}
.button3
{
	background:#f4cd33;
	color:#ffffff;
	padding:7px;
	text-align:center;
	cursor:pointer;
	font-family: Arial, Helvetica;
	border:0px;
}
.button3:hover
{
	background:#cccccc;
}
.button4
{
	background:#cca714;
	color:#ffffff;
	padding:7px;
	text-align:center;
	cursor:pointer;
	font-family: Arial, Helvetica;
	border:0px;
}
.button4:hover
{
	background:#cccccc;
}
.button_blue
{
 background:#1f618f;
 color:#ffffff;
 width:150px;
 height:35px;
 padding:5px;
 text-align:center;
 border:0px;
 cursor:pointer;
}
.button_blue:hover
{
	background:#cccccc;
}
.buchen_button
{
 background:var(--Poppy);
 color:#ffffff;
 width:170px;
 height:25px;
 padding:5px;
 text-align:center;
 text-transform:uppercase;
 opacity: 1;
 transition: 0.3s;
 cursor:pointer;
}
.buchen_button a
{
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
}
.buchen_button:hover
{
	opacity: 0.6;
}
.buchen_button_active
{
	background:#d87e76;
	color:#ffffff;
	text-transform:uppercase;
	opacity: 1;
	transition: 0.3s;
}
.buchen_button2
{
 background:#2d80b4;
 color:#ffffff;
 width:150px;
 height:40px;
 padding:5px;
 text-align:center;
 border:0px;
 margin-top:10px;
}
.buchen_button2:hover
{
	background:#cccccc;
}
.buchen_button3
{
 background:#535353;
 color:#ffffff;
 width:170px;
 height:25px;
 padding:5px;
 text-align:center;
 border:0px solid #666666;
 text-transform:uppercase;
 opacity: 1;
 transition: 0.3s;
 cursor:pointer;
}
.buchen_button3:hover
{
	opacity: 0.6;
}
.buchen_button3_active
{
	background:#f1f1f1;
	color:#666666;
	border:1px solid #666666;
	text-transform:uppercase;
	opacity: 1;
	transition: 0.3s;
}
.button_del
{
	height:16px;
	margin-left:5px;
	color:#ffffff;
	padding:7px;
	text-align:center;
	cursor:pointer;
	font-family: Arial, Helvetica;
	border:0px;
	float:left;
	border-radius: 2px 2px 2px 2px;
	background-image: linear-gradient(to top, #c63531 9%, #d8514d 95%)
}
.button_del:hover
{
	background:#cccccc;
}
.buttonDEL
{
	height:24px;
	margin-left:5px;
	color:#ffffff;
	padding:7px;
	text-align:center;
	cursor:pointer;
	font-family: Arial, Helvetica;
	border:0px;
	float:left;
	border-radius: 2px 2px 2px 2px;
	background-image: linear-gradient(to top, #c63531 9%, #d8514d 95%)
}
.buttonDEL:hover
{
	background:#cccccc;
}
.button_green
{
	background:#5cb85c;
	color:#ffffff;
	padding:7px;
	text-align:center;
	cursor:pointer;
	font-family: Arial, Helvetica;
	border:0px;
	width:170px;
	border-radius: 2px 2px 2px 2px;
}
.button_green:hover
{
	background:#077231;
}
.BigLoginButton
{
	


	text-align:left;

}
.BigLoginButton2
{

	text-align:left;
	
}
.BigLoginButtonOLD
{
	position:absolute;
	left:50%;
	margin-left:-560px;
	margin-top:220px;
	text-align:left;
	background:#f1f1f1;
}
@media all and (max-width:1199px)
{
	.BigLoginButton
	{
		margin-left:-100px;
	}
}
.btn {
	display: inline-block;
	font-weight: 400;
	color: #212529;
	text-align: center;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: 0.25rem;
	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) {
	.btn {
	  transition: none;
	}
  }
  
  .btn:hover {
	color: #212529;
	text-decoration: none;
  }
  
  .btn:focus, .btn.focus {
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  }
  .btn-secondary {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d;
  }
  
  .btn-secondary:hover {
	color: #fff;
	background-color: #5a6268;
	border-color: #545b62;
  }
  
  .btn-secondary:focus, .btn-secondary.focus {
	color: #fff;
	background-color: #5a6268;
	border-color: #545b62;
	box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
  }
  
  .btn-secondary.disabled, .btn-secondary:disabled {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d;
  }
  
  .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
  .show > .btn-secondary.dropdown-toggle {
	color: #fff;
	background-color: #545b62;
	border-color: #4e555b;
  }
  
  .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
  .show > .btn-secondary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
  }
  .btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#218838;border-color:#1e7e34;box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}
  .btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}.btn-warning.focus,.btn-warning:focus{color:#212529;background-color:#e0a800;border-color:#d39e00;box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107} 
  .btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c82333;border-color:#bd2130;box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d} 
  .btn-outline-warning {
	color: #ffc107;
	border-color: #ffc107;
  }
  
  .btn-outline-warning:hover {
	color: #212529;
	background-color: #ffc107;
	border-color: #ffc107;
  } 
  .btn-outline-warning:focus, .btn-outline-warning.focus {
	box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
  }
  
  .btn-outline-warning.disabled, .btn-outline-warning:disabled {
	color: #ffc107;
	background-color: transparent;
  }
  
  .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
  .show > .btn-outline-warning.dropdown-toggle {
	color: #212529;
	background-color: #ffc107;
	border-color: #ffc107;
  }
  
  .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
  .show > .btn-outline-warning.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
  }
  .btn-outline-success {
	color: #28a745;
	border-color: #28a745;
  }
  
  .btn-outline-success:hover {
	color: #fff;
	background-color: #28a745;
	border-color: #28a745;
  }
  
  .btn-outline-success:focus, .btn-outline-success.focus {
	box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
  }
  
  .btn-outline-success.disabled, .btn-outline-success:disabled {
	color: #28a745;
	background-color: transparent;
  }
  
  .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
  .show > .btn-outline-success.dropdown-toggle {
	color: #fff;
	background-color: #28a745;
	border-color: #28a745;
  }
  .OnlyShadow
 {
	box-shadow: 5px 5px 5px rgb(102, 101, 101);
 } 
 .ShadowXS
{
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
}
.ShadowSM
{
    box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06);
}
.ShadowMD
{
    box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
}
.ShadowLG
{
    box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
}
.ShadowXL
{
    box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03);
}
.Shadow2XL
{
    box-shadow: 0px 24px 48px -12px rgba(16, 24, 40, 0.18);
}
.Shadow3XL
{
    box-shadow: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);
}
  .dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 10rem;
	padding: 0.5rem 0;
	margin: 0.125rem 0 0;
	font-size: 1rem;
	color: #212529;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 0.25rem;
  }
  .dropdown-item {
	display: block;
	width: 100%;
	padding: 0.25rem 1.5rem;
	clear: both;
	font-weight: 400;
	color: #212529;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
  }
  
  .dropdown-item:hover, .dropdown-item:focus {
	color: #16181b;
	text-decoration: none;
	background-color: #e9ecef;
  }
  
  .dropdown-item.active, .dropdown-item:active {
	color: #fff;
	text-decoration: none;
	background-color: #007bff;
  }
  
  .dropdown-item.disabled, .dropdown-item:disabled {
	color: #adb5bd;
	pointer-events: none;
	background-color: transparent;
  }
.DropDown
{
	float: left;
	min-width: 10rem;
	padding: 0.5rem 0;
	margin: 0.125rem 0 0;
	font-size: 1rem;
	color: #212529;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 0.25rem;
}
.DropDownItem
{
	padding:4px;
	font-size: 1.5rem;
	color: #71777c;
}
.btnSuccess {
	display: inline-block;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	user-select: none;
	border: 0px solid transparent;
    color: #fff;
    background-color: #28a745;
	border-color: #28a745;
	border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btnSuccess:hover
{
	border:2px solid #81d394;
	background: #63c379;
	cursor:pointer;
}
.StdButton
{
    box-sizing: border-box;

    /* Auto layout */

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 18px;
    gap: 8px;

    width: 155px;
    height: 44px;

    /* Base/Black */
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    background: #000000;
    /* Base/Black */

    border: 1px solid #000000;
    /* Shadow/xs */

    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 3px;

    /* Inside auto layout */

    flex: none;
    order: 0;
    flex-grow: 0;
    cursor:pointer;
}
.StdButton:hover
{
    color: #ffffff;
    background: #C71518;
    /* Base/Black */

    border: 1px solid #C71518;
}
.StdButtonWhite
{
    box-sizing: border-box;

    /* Auto layout */

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 18px;
    gap: 8px;

    width: 155px;
    height: 44px;

    /* Base/Black */
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #364152;
    background: var(--Gray100);
    /* Base/Black */

    border: 1px solid #000000;
    /* Shadow/xs */

    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 3px;

    /* Inside auto layout */

    flex: none;
    order: 0;
    flex-grow: 0;
    cursor:pointer;
}
.StdButtonWhite:hover
{
    color: #ffffff;
    background: #000000;
    /* Base/Black */

    border: 1px solid #000000;
}
.StdButtonRed
{
    box-sizing: border-box;

    /* Auto layout */

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 18px;
    gap: 8px;

    width: 155px;
    height: 44px;

    /* Base/Black */
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    background: #C71518;
    /* Base/Black */

    border: 1px solid #C71518;
    /* Shadow/xs */

    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 3px;

    /* Inside auto layout */

    flex: none;
    order: 0;
    flex-grow: 0;
    cursor:pointer;
}
/* DAten für Token List */
  .panel { width:100%;background: var(--panel); border-radius: var(--card-radius); box-shadow: var(--shadow); padding: 16px }
  .badgeZM{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid #d0d6e0;color:#374151;background:#fff}
  .badgeZM.ok{background:#e8f6ee;border-color:#c6ecd5;color:#166534}
  .badgeZM.warn{background:#fff7ed;border-color:#fde68a;color:#92400e}
  .badgeZM.danger{background:#fde2e2;border-color:#ffc9c9;color:#7f1d1d}
  .chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#92400e;background:#fff7ed;border:1px solid #fde68a;border-radius:999px;padding:4px 8px}

  /* Pfeil-Icon */
  .chev{margin-left:8px;transition:transform .25s ease}
  details[open] .chev{transform:rotate(90deg)}

  /* Detail-Body */
  .details-body{border:1px solid #e5e9f4;border-radius:12px;background:#f7f9ff;padding:6px 8px 8px 8px;display:flex;flex-direction:row;gap:12px;color:#1f2937}
  .details-body:hover
  {
	background:#c3cae2;
  }
  .field{padding:5px 6px}
  .field .label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.3px}
  .field .val{margin-top:4px;font-weight:700}
/* Token List ENDE */
.StdButtonRed:hover
{
    color: var(--Gray900);
    background: var(--Gray100);
    /* Base/Black */

    border: 1px solid #C71518;
}
.btnNormal {
	display: inline-block;
	width:160px;
	height:35px;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	user-select: none;
	border: 0px solid transparent;
    color: #fff;
    background-color: #6c757d;
	border-color: #6c757d;
	border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btnNormal:hover
{
	border:2px solid #d1d1d1;
	background: #f1f1f1;
	color: #6c757d;
	cursor:pointer;
}
.btnNormalActive
{
	display: inline-block;
	width:160px;
	height:35px;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	user-select: none;
	border: 0px solid transparent;
	border:2px solid #d1d1d1;
	background: #f1f1f1;
	color: #6c757d;
	border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btnNormalRed {
	display: inline-block;
	width:160px;
	height:35px;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	user-select: none;
	border: 2px solid var(--Poppy);
    color: #fff;
    background-color: var(--Poppy);
	border-color: var(--Poppy);
	border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btnNormalRed:hover
{
	border:2px solid #d1d1d1;
	background: #f1f1f1;
	color: #6c757d;
	cursor:pointer;
}
.btnNormalRed2 {
	display: inline-block;
	width:160px;
	height:35px;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	user-select: none;
	border: 2px solid var(--Poppy);
    color: #fff;
    background-color: var(--Poppy);
	border-color: var(--Poppy);
	border-radius: 17px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btnNormalRed2:hover
{
	border:2px solid #d1d1d1;
	background: #f1f1f1;
	color: #6c757d;
	cursor:pointer;
}
.btnNormalRedActive
{
	display: inline-block;
	width:160px;
	height:35px;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	user-select: none;
	border: 0px solid transparent;
	border:2px solid #d1d1d1;
	background: #f1f1f1;
	color: #6c757d;
	border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btnNormalRedNew {
	display: inline-block;
	width:160px;
	height:35px;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	user-select: none;
	border: 2px solid var(--Poppy);
    color: #fff;
    background-color: var(--Poppy);
	border-color: var(--Poppy);
	border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btnNormalRedNew:hover
{
	border:1px solid var(--Steel);
	background: #f1f1f1;
	color: var(--Steel);
	cursor:pointer;
}
.btnNormalRedNewSmall {
	display: inline-block;
	width:160px;
	height:35px;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	user-select: none;
	border: 2px solid var(--Poppy);
    color: #fff;
    background-color: var(--Poppy);
	border-color: var(--Poppy);
	border-radius: .35rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btnNormalRedNewSmall:hover
{
	border:1px solid var(--Steel);
	background: #f1f1f1;
	color: var(--Steel);
	cursor:pointer;
}
.btnService {
	
	width:160px;
	height:35px;
	float: left;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	user-select: none;
	border: 3px solid transparent;
    color: #fff;
    background-color: #6c757d;
	border-color: #6c757d;
	border-radius: .25rem;
	margin-left: 5px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btnService:hover
{
	border:2px solid #d1d1d1;
	background: #f1f1f1;
	color: #6c757d;
	cursor:pointer;
}
.btnServiceActive {
	
	width:160px;
	height:35px;
	float: left;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	user-select: none;
	border: 3px solid transparent;
	border-radius: .25rem;
	margin-left: 5px;
	color: #fff;
    background-color: #b3d204;
	border-color: #edf8ab;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btnServiceActive:hover
{
	border:2px solid #d1d1d1;
	background: #f1f1f1;
	color: #6c757d;
	cursor:pointer;
}
.WHCC
{
	width:200px;
	height:40px;
}
.PermissionHead
{
	background:#f1f1f1;
	font-weight:bold;
	font-size:20px;
	padding:3px;
	width:1120px;
}
.PermissionLine
{
	padding:3px;
	width:1050px;
	float:left;
	margin-left:15px;
}
.PermissionCell
{
	float:left;
	text-align: left;
}
.land_ausw
{
	float:left;
	width:640px;
	padding:5px;
	margin-left:350px;
	font-size:18px;
	border:1px solid #666666;
	cursor:pointer;
}
.land_ausw:hover
{
	background:#cccccc;
}
.land_auswNew
{
	float:left;
	width:720px;
	padding:5px;
	margin-left:350px;
	font-size:18px;
	border:1px solid #666666;
	cursor:pointer;
	box-shadow: 3px 3px 3px rgb(207, 207, 207);
}
.land_ausw_vis
{
	float:left;
	width:730px;
	padding:5px;
	margin-left:350px;
	font-size:18px;
	border:1px solid #cccccc;
	cursor:pointer;
}
.land_ausw_vis:hover
{
	background:#cccccc;
}
.land_ausw_info
{
	float:left;
	width:67px;
	padding:4px;
	margin-left:10px;
	font-size:28px;
	border:1px solid var(--Poppy);
	cursor:pointer;
	background:var(--Poppy);
	color:#ffffff;
	text-align:center;
}
.land_ausw_info:hover
{
	background:#cccccc;
}
.BoxNewsShadow
{
	float:left;
	width:1030px;
	margin-left:100px;
	overflow: hidden;
	border: 1px solid rgb(230, 229, 229);
	background: #ffffff;
	padding:10px;
	border-radius: .25rem;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.10);
}
.TransmitBox
{
	width:1060px;
	padding:7px;
	border:1px solid #f3da64;
	text-align:center;
	background:#f3da64;
	color:#666666;
	margin-left:15px;
	border-radius: .25rem;
	box-shadow: 3px 3px 3px rgb(207, 207, 207);
}
.box_error
{
 background:#cb0e0a;
 border:0px solid #ea6f02;
 text-align:center;
 padding:5px;
 color:#ffffff;
}
.box_error3
{
 position:absolute;
 margin-left:120px;
 padding-top:10px;
 padding-right:10px;
 padding-left:10px;
 width:330px;
 height:130px;
 border:0px solid #ea6f02;
 background:#f9d405;
 z-index:1005;
 font-size:16px;
}
.box_error4
{
 background:#cb0e0a;
 border:0px solid #ea6f02;
 color:#ffffff;
 padding:5px;
 width:1200px;
 margin-bottom:7px;
 margin-top:7px;
 border-radius: 4px 4px 4px 4px;
 background-image: linear-gradient(to top, #c63531 9%, #d8514d 95%);
 -webkit-transition: left .5s ease-in;
 -moz-transition: left .5s ease-in;
 -o-transition: left .5s ease-in;
 -ms-transition: left .5s ease-in;
 transition: left .5s ease-in;
}
.box_error5
{
 background:#cb0e0a;
 border:0px solid #ea6f02;
 color:#ffffff;
 padding:5px;
 width:900px;
 margin-bottom:7px;
 margin-top:7px;
 border-radius: 4px 4px 4px 4px;
 background-image: linear-gradient(to top, #c63531 9%, #d8514d 95%);
 -webkit-transition: left .5s ease-in;
 -moz-transition: left .5s ease-in;
 -o-transition: left .5s ease-in;
 -ms-transition: left .5s ease-in;
 transition: 0.3s;
 box-shadow: 10px 10px 15px rgb(58, 58, 58);
}
.box_error6
{
 background:#cb0e0a;
 border:0px solid #ea6f02;
 color:#ffffff;
 padding:5px;
 width:1120px;
 margin-bottom:7px;
 margin-top:7px;
 border-radius: 4px 4px 4px 4px;
 background-image: linear-gradient(to top, #c63531 9%, #d8514d 95%);
 -webkit-transition: left .5s ease-in;
 -moz-transition: left .5s ease-in;
 -o-transition: left .5s ease-in;
 -ms-transition: left .5s ease-in;
 transition: 0.3s;
 box-shadow: 5px 5px 5px rgb(207, 207, 207);
}
.AufEU 
{
	width:1050px;
	margin-bottom:-50px;
	margin-left:50px;
	margin-top:10px;
	text-align:center;
}
.box_error_zurueck
{
	z-index:8000;
	position:fixed;
	width:620px;
	height:105px;
	background:#666666;
	border:0px solid #c81517;
	display:none;
	margin-top:-100px;
	margin-left:0px;
	padding:8px;
	text-align:center;
	color:#ffffff;
	border-radius: 4px 4px 4px 4px;
	background-image: linear-gradient(to top, #c63531 9%, #d8514d 95%);
	-webkit-transition: left .5s ease-in;
	-moz-transition: left .5s ease-in;
	-o-transition: left .5s ease-in;
	-ms-transition: left .5s ease-in;
	transition: left .5s ease-in;
	transition: 0.3s;
	box-shadow: 10px 10px 15px rgb(58, 58, 58);
}
.box_green
{
	width:1000px;
	height:35px;
	background:#c0d103;
	color:#666666;
	text-align:center;
	margin-top:15px;
	padding:7px;
}
.box_hinweisN2
{
	z-index:8000;
	position:fixed;
	width:620px;
	height:105px;
	background:#666666;
	border:0px solid #f1b306;
	display:none;
	margin-top:-100px;
	margin-left:0px;
	padding:8px;
	text-align:center;
	color:#ffffff;
	border-radius: 4px 4px 4px 4px;
	background-image: linear-gradient(to top, #f0a70a 9%, #f3cb5c 95%);
	-webkit-transition: left .5s ease-in;
	-moz-transition: left .5s ease-in;
	-o-transition: left .5s ease-in;
	-ms-transition: left .5s ease-in;
	transition: left .5s ease-in;
	transition: 0.3s;
	box-shadow: 10px 10px 15px rgb(58, 58, 58);
}
.JournalBox
{
	padding:10px;
	position:fixed;
	margin-left:0px;
	margin-top:-200px;
	top:60px;
	width:600px;
	background:#fcfba8;
	border:2px solid #e1e3e3;
	display:none;
	border-radius: 4px 4px 4px 4px;
	background-image: linear-gradient(to top, #f0a70a 9%, #f3cb5c 95%);
	-webkit-transition: left .5s ease-in;
	-moz-transition: left .5s ease-in;
	-o-transition: left .5s ease-in;
	-ms-transition: left .5s ease-in;
	transition: left .5s ease-in;
	transition: 0.3s;
	box-shadow: 10px 10px 15px rgb(58, 58, 58);
}
.JournalBoxNew
{
	position:fixed;
	margin-top:250px;
	left:200px;
	top:60px;
	width:760px;
	height: 750px;
	overflow-y: scroll;
	overflow-x: hidden;
	border:2px solid #ffffff;
	background:#e1e3e3;
	padding:7px;
	text-align:left;
	z-index:99999;
	display:none;
	box-shadow:0px 0px 19px 8px rgba(0,0,0,0.31);
	border-radius: 4px 4px 4px 4px;
}
.item {
	border-bottom: 1px solid #ccc;
}

.item:last-child {
	border-bottom: none;
}

.headerJ {
	
	padding: 10px;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: normal;
	text-align: left;
}
.accordcontent
{
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease;
	text-align: left;
	padding: 0 10px;
}
.accordcontent p {
	margin: 10px 0;
}

.arrowJ {
	transition: transform 0.3s ease;
}
.rotate {
	transform: rotate(180deg);
}
.box_green_endless
{
	height:35px;
	background:#c0d103;
	color:#666666;
	text-align:center;
	padding:7px;
}
.box_green_auftrag
{
	color:#666666;
	text-align:center;
	margin-top:15px;
	width:1130px;
	min-height:560px;
	padding:10px;
	background:#dfdfdf;
}
.box_green_new
{
	width:1000px;
	height:35px;
	background:#c0d103;
	color:#666666;
	text-align:center;
	margin-top:15px;
	padding:7px;
	background-image: linear-gradient(to top, #bdce0a 9%, #c8d817 95%);
	border-radius: 4px 4px 4px 4px;
}
.box_green_new2
{
	width:1000px;
	height:35px;
	background:#c0d103;
	color:#666666;
	text-align:center;
	padding:7px;
	background-image: linear-gradient(to top, #bdce0a 9%, #c8d817 95%);
	border-radius: 4px 4px 4px 4px;
	box-shadow: 5px 5px 5px rgb(207, 207, 207);
}
.boxAuftrSave
{
	width:1110px;
	height:300px;
	background:#eaeaea;
	color:#666666;
	text-align:center;
	padding:7px;
	background-image: linear-gradient(to top, #eaeaea 9%, #dfdddd 95%);
	border-radius: 4px 4px 4px 4px;
	box-shadow: 5px 5px 5px rgb(207, 207, 207);
}
.box_warning
{
	width:1000px;
	background:#fbba00;
	color:#666666;
	text-align:center;
	margin-top:15px;
	padding:7px;
}
.MandNewBox
{
	width:1110px;
	height:330px;
	color:#666666;
	text-align:left;
	padding:10px;
	margin-top:20px;
	background-image: linear-gradient(to top, #faf5dd 9%, #f8eec0 95%);
	border-radius: 4px 4px 4px 4px;
	box-shadow: 5px 5px 5px rgb(207, 207, 207);
}
.Lead
{
	height:220px;
	margin-top:25px;
	background-image: linear-gradient(to top, #f8ddbe 9%, #f7e7d6 95%);
}
.Prospect
{
	height:270px;
	margin-top:25px;
	background-image: linear-gradient(to top, #bed5f8 9%, #aecbf8 95%);
}
.MandNewBoxClient
{
	width:1110px;
	min-height:55px;
	cursor:pointer;
	color:#666666;
	text-align:left;
	padding:10px;
	margin-top:20px;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 5px 5px 5px rgb(207, 207, 207);
	background-image: linear-gradient(to top, #daf09d 9%, #eef8d3 95%);
	-webkit-transition: left .5s ease-in;
	-moz-transition: left .5s ease-in;
	-o-transition: left .5s ease-in;
	-ms-transition: left .5s ease-in;
	transition: left .5s ease-in;
	transition: 0.3s;
}
.MandNewBoxClient2
{
	width:1110px;
	min-height:55px;
	cursor:pointer;
	color:#666666;
	text-align:left;
	padding:10px;
	margin-top:20px;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 5px 5px 5px rgb(207, 207, 207);
	background-image: linear-gradient(to top, #f0ef9d 9%, #f8f6d3 95%);
	-webkit-transition: left .5s ease-in;
	-moz-transition: left .5s ease-in;
	-o-transition: left .5s ease-in;
	-ms-transition: left .5s ease-in;
	transition: left .5s ease-in;
	transition: 0.3s;
}
.MandNewBoxIN
{
	width:400px;
	padding:3px;
	float:left;
}
.ClientWorkerBox
{
	width:1110px;
	cursor:pointer;
	color:#666666;
	text-align:left;
	padding:10px;
	margin-top:20px;
	border-radius: 4px 4px 4px 4px;
	box-shadow: 5px 5px 5px rgb(207, 207, 207);
	background-image: linear-gradient(to top, #f1f1f1 9%, #f1f1f1 95%);
	-webkit-transition: left .5s ease-in;
	-moz-transition: left .5s ease-in;
	-o-transition: left .5s ease-in;
	-ms-transition: left .5s ease-in;
	transition: left .5s ease-in;
	transition: 0.3s;
}
.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: var(--Sky);
	color:#666666;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 30px;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.62); 
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.62);
  }
  
  .sidenav a {
	text-decoration: none;
	font-size: 14px;
	color: #818181;
	display: block;
	transition: 0.3s;
  }
  
  .sidenav a:hover {
	color: #f1f1f1;
  }
  
  .sidenav .closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;
  }
  
  .sidenavRight {
	height: 100%;
	width: 0px;
	position: fixed;
	z-index: 1;
	top: 0;
	right: 0; /* <-- Statt left: 0 */
	background-color: var(--Sky);
	color: #666666;
	overflow-x: hidden;
	transition: width 0.5s;
	padding-top: 30px;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.62); 
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.62);
  }
  #closeSidenavRight {
	position: absolute;
	top: 25px;
	margin-top: 22px;
	right: 20px;
	font-size: 35px;
	font-weight: bold;
	color: var(--Steel);
	cursor: pointer;
	transition: color 0.3s;
}

#closeSidenavRight:hover {
	color: var(--Poppy);
}
  .sidenavRight a {
	text-decoration: none;
	font-size: 14px;
	color: #818181;
	display: block;
	transition: 0.3s;
  }
  
  .sidenavRight a:hover {
	color: #f1f1f1;
  }
  
  .sidenavRight .closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;
  }


  .sidenavIntern {


	height: 700px;
	width: 0;
	position: fixed;
	z-index: 1;
	left: 0;
	background-color: #e8e7e7;
	color:#666666;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 30px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.62); 
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.62);
	border-radius: 3px;
	margin-top:-140px;
  }
  
  .sidenavIntern a {
	text-decoration: none;
	font-size: 14px;
	color: #818181;
	display: block;
	transition: 0.3s;
  }
  
  .sidenavIntern a:hover {
	color: #f1f1f1;
  }
  
  .sidenavIntern .closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;
  }
  .sidenavInternLight {


	height: 700px;
	width: 0;
	position: absolute;
	z-index: 1;
	left: 0;
	background: rgb(240,240,240);
	background: linear-gradient(261deg, rgba(240,240,240,1) 0%, rgba(240,239,239,1) 89%);
	color:#666666;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 30px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.62); 
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.62);
	border-radius: 5px;
  }
  
  .sidenavInternLight a {
	text-decoration: none;
	font-size: 14px;
	color: #818181;
	display: block;
	transition: 0.3s;
  }
  
  .sidenavInternLight a:hover {
	color: #f1f1f1;
  }
  
  .sidenavInternLight .closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;
  }
.BackGrey1
{
	background:#f1f1f1;
}
.BackGrey2
{
	background:#d3d2d2;
}
.BackWhite
{
	background:#ffffff;
}
.OverFlowHidden
{
	overflow: hidden;
}
.OverFlowScroll
{
	overflow-y: scroll;
}
.CursorPointer
{
	cursor: pointer;
}
.FloatLeft
{
	float:left;
}
.FloatRight
{
	float:right;
}
.TextRight
{
	text-align:right;
}
.TextLeft
{
	text-align:left;
}
.TextCenter
{
	text-align:center;
}
.DisplayInline
{
	display:inline;
}
.Padding0
{
	padding:0px;
}
.Padding2
{
	padding:2px;
}
.Padding5
{
	padding:5px;
}
.Padding10
{
	padding:10px;
}
.Padding15
{
	padding:15px;
}
.Padding25
{
    padding:25px;
}
.Padding40
{
    padding:40px;
}
.PaddingTop3
{
	padding-top: 3px;
}
.PaddingTop4
{
	padding-top: 4px;
}
.PaddingTop5
{
	padding-top: 5px;
}
.PaddingLeft5
{
	padding-left: 5px;
}
.PaddingRight10
{
	padding-right: 10px;
}
.MargTop-5
{
	margin-top:-5px;
}
.MargTop-10
{
	margin-top:-10px;
}
.MargTop0
{
	margin-top:0px;
}
.MargTop2
{
	margin-top:2px;
}
.MargTop3
{
	margin-top:3px;
}
.MargTop5
{
	margin-top:5px;
}
.MargTop10
{
	margin-top:10px;
}
.MargTop20
{
	margin-top:20px;
}
.MargTop30
{
	margin-top:30px;
}
.MargTop35
{
	margin-top:35px;
}
.MargTop40
{
	margin-top:40px;
}
.MargTop50
{
	margin-top:50px;
}
.MargTop60
{
	margin-top:60px;
}
.MargTop70
{
	margin-top:70px;
}
.MargLeft0
{
	margin-left:0px;
}
.MargLeft5
{
	margin-left:5px;
}
.MargLeft10
{
	margin-left:10px;
}
.MargLeft15
{
	margin-left:15px;
}
.MargLeft20
{
	margin-left:20px;
}
.MargLeft30
{
	margin-left:30px;
}
.MargLeft40
{
	margin-left:40px;
}
.MargLeft50
{
	margin-left:50px;
}
.MargLeft60
{
	margin-left:60px;
}
.MargLeft70
{
	margin-left:70px;
}
.MargLeft80
{
	margin-left:80px;
}
.MargLeft100
{
	margin-left:100px;
}
.MargLeft200
{
	margin-left:200px;
}
.MargLeft300
{
	margin-left:300px;
}
.MargLeft350
{
	margin-left:350px;
}
.MargLeft400
{
	margin-left:400px;
}
.MargRight5
{
	margin-right:5px;
}
.MargRight10
{
	margin-right:10px;
}
.MargRight20
{
	margin-right:20px;
}
.MargBottom0
{
	margin-bottom:0px;
}
.MargBottom5
{
	margin-bottom:5px;
}
.MargBottom10
{
	margin-bottom:10px;
}
.MargBottom20
{
	margin-bottom:20px;
}
.MargBottom40
{
	margin-bottom:40px;
}
.WMax400
{
	max-width: 400px;
}
.WMax450
{
	max-width: 450px;
}
.WMax700
{
	max-width: 700px;
}
.W10
{
	width:10px;
}
.W30
{
	width:30px;
}
.W32
{
	width:32px;
}
.W40
{
	width:40px;
}
.W50
{
	width:50px;
}
.W70
{
	width:70px;
}
.W80
{
	width:80px;
}
.W90
{
	width:90px;
}
.W100
{
	width:100px;
}
.W110
{
	width:110px;
}
.W120
{
	width:120px;
}
.W130
{
	width:130px;
}
.W150
{
	width:150px;
}
.W160
{
	width:160px;
}
.W170
{
	width:170px;
}
.W180
{
	width:180px;
}
.W200
{
	width:200px;
}
.W220
{
	width:220px;
}
.W250
{
	width:250px;
}
.W270
{
	width:270px;
}
.W280
{
	width:280px;
}
.W300
{
	width:300px;
}
.W350
{
	width:350px;
}
.W370
{
	width:370px;
}
.W390
{
	width:390px;
}
.W400
{
	width:400px;
}
.W500
{
	width:500px;
}
.W550
{
	width:550px;
}
.W600
{
	width:600px;
}
.W600R
{
	width:600px;
}
.W650
{
	width:650px;
}
.W700
{
	width:700px;
}
.W750
{
	width:750px;
}
.W770
{
	width:770px;
}
.W800
{
	width:800px;
}
.W830
{
	width:830px;
}
.W850
{
	width:850px;
}
.W900
{
	width:900px;
}
.W1000
{
	width:1000px;
}
.W1040
{
	width:1040px;
}
.W1050
{
	width:1050px;
}
.W1100
{
	width:1100px;
}
.W1140
{
	width:1140px;
}
.W1150
{
	width:1150px;
}
.W1100R
{
	width:1100px;
}
.W1200
{
	width:1200px;
}
.W1800
{
	width:1800px;
}
.W80P
{
	width:80%;
}
.W85P
{
	width:85%;
}
.W87P
{
	width:86%;
}
.W90P
{
	width:90%;
}
.W100P
{
	width:100%;
}
.H10
{
	height:10px;
}
.H15
{
	height:15px;
}
.H17
{
	height:17px;
}
.H20
{
	height:20px;
}
.H25
{
	height:25px;
}
.H30
{
	height:30px;
}
.H33
{
	height:33px;
}
.H35
{
	height:35px;
}
.H40
{
	height:40px;
}
.H45
{
	height:45px;
}
.H43
{
	height:43px;
}
.H50
{
	height:50px;
}
.H60
{
	height:60px;
}
.H70
{
	height:70px;
}
.H80
{
	height:80px;
}
.H100
{
	height:100px;
}
.H130
{
	height:130px;
}
.H150
{
	height:150px;
}
.H200
{
	height:200px;
}
.H250
{
	height:250px;
}
.H300
{
	height:300px;
}
.H400
{
	height:400px;
}
.H450
{
	height:450px;
}
.H500
{
	height:500px;
}
.H550
{
	height:550px;
}
.H600
{
	height:600px;
}
.H650
{
	height:650px;
}
.H700
{
	height:700px;
}
.H750
{
	height:750px;
}
.H800
{
	height:800px;
}
.H900
{
	height:900px;
}
.H1000
{
	height:1000px;
}
.H80M
{
	max-height:80px;
}
.H100M
{
	max-height:100px;
}
.H100P
{
	height:100%;
}
.MH70
{
	min-height:70px;
}
.MH300
{
	min-height:300px;
}
.HAuto
{
	height:auto;
}
.Style9
{
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    color: var(--Gray900);
    letter-spacing: -0.02em;
}
.Style10
{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: var(--Gray500);
}
.Style11
{
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: var(--Gray900);
}
.FontSize14
{
	font-size: 14px;
}
.FontSize16
{
	font-size: 16px;
}
.FontSize18
{
	font-size: 18px;
}
.FontSize22
{
	font-size: 22px;
}
.FontSize24
{
	font-size: 24px;
}
.FontSize26
{
	font-size: 26px;
}
.FontSize30
{
	font-size: 30px;
}
.FontColorGrey
{
	color:#666666;
}
.FontColorRed
{
	color:var(--bs-red);
}
.FontColorGreen
{
	color:#4caf50;
}
.FontColorLight
{
	color:#cccccc;
}
.FontColorGreySmall
{
	color:#666666;
	font-size: 12px;
	margin-bottom:2px;
}
.FontColorSteel
{
	color: var(--Steel);
}
.NewLine
{
	padding:3px;
	height:30px;
}
.NewLine:hover
{
	background:#f1f1f1;
}
.MinHeight50
{
	min-height: 50px;
}
.PositionAbsolute
{
	position: absolute;
}
.PositionFixed
{
	position: fixed;
}
.TextAlignRight
{
	text-align: right;
}
.TextAlignLeft
{
	text-align: left;
}
.TextAlignCenter
{
	text-align: center;
}
.TextLineHeight18
{
	line-height: 18px;
}
.TextLineHeight20
{
	line-height: 20px;
}
.ClearBoth
{
	clear:both;
}
.BackGrey
{
	background:#a7a7a7;
	color:#cccccc;
}
.BackGreyLight
{
	background:#f1f1f1;
	color:#d1d1d1;
}
.BackWhite
{
	background:#ffffff;
}
.Shaddow 
{
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.62); 
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.62);
}
.journal-entry {
	display: flex;
	align-items: center;
	justify-between: space-between;
	background-color: white;
	padding: 16px;
	border-radius: 10px;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
	transition: transform 0.2s ease-in-out;
}
.journal-entry:hover {
	transform: scale(1.05);
	background-color: var(--Sky);
	font-size: 16px;
}
.DocsCont
{
	border-radius: 7px;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.62); 
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.62);
}
.InfoBack
{
	background-image: url("images/infoback.png");
	background-position: right;
}
/*
NEW DESIGN 
*/
.InputBox
{
	box-sizing: border-box;
	/* Auto layout */
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 10px 14px;

	height: 44px;

	/* Base/White */

	background: #FFFFFF;
	/* Gray/300 */

	border: 1px solid #D0D5DD;
	/* Shadow/xs */

	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
	border-radius: 2px;

	/* Inside auto layout */

}
.BoxWithShaddow
{

align-items: center;
padding: 14px;

position: relative;
left: 0px;
top: 0px;

/* Base/White */

background: #FFFFFF;
/* Shadow/2xl */

box-shadow: 0px 20px 40px -12px rgba(16, 24, 40, 0.18);
border-radius: 8px;
}
.ShaddowBox
{
display: flex;

align-items: center;
padding: 14px;

position: relative;
left: 0px;
top: 0px;

/* Base/White */

background: #FFFFFF;
/* Shadow/2xl */

box-shadow: 0px 24px 48px -12px rgba(16, 24, 40, 0.18);
border-radius: 8px;
}
.buttonND {
	display: inline-block;
	text-align: center;
	color: var(--main-color-white);
	background-color: var(--main-color-red);
	border: 2px solid var(--main-color-red);
	border-radius: 100px;
	padding: 10px 40px;
	cursor: pointer;
	position: relative;
	z-index: 1;
}

.buttonND:hover {
	color: var(--main-color-fonts);
	background-color: var(--main-color-white);
	border-color: var(--main-color-fonts);
}
.ButtonBase
{
	/* _Button base */


	box-sizing: border-box;

	/* Auto layout */

	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 16px 28px;
	gap: 8px;

	width: 300px;
	height: 60px;

	/* VisumPoint / Red */

	background: #C71518;
	/* VisumPoint / Red */

	border: 1px solid #C71518;
	/* Shadow/xs */

	box-shadow: 2px 10px 18px 1px rgba(16, 24, 40, 0.18);
	border-radius: 2px;

	/* Inside auto layout */

	flex: none;
	order: 0;
	flex-grow: 0;

	/* Text lg/Medium */

	/* font-family: 'Inter';*/
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 28px;
	/* identical to box height, or 156% */


	/* Base/White */

	color: #FFFFFF;
	cursor: pointer;
}
.ButtonBase:hover
{
	box-sizing: border-box;

	/* Auto layout */

	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 16px 28px;
	gap: 8px;

	width: 300px;
	height: 60px;

	/* Brand Color / 600 */

	background: #9F1113;
	/* Brand Color / 600 */

	border: 1px solid #9F1113;

	/* Inside auto layout */

	flex: none;
	order: 0;
	flex-grow: 0;
	transition: 200ms;
}
.drop-down { 
	position: relative; 
	display: inline-block; 
	width: auto; 
	margin-top: 0; 
	font-family: verdana; 
} 
.drop-down select 
{ 
	display: none; 
} 
.drop-down-select-list 
{ 
	display: none;
	position: absolute;
	z-index: 1; 
	text-align: left;
	margin-top: 220px; 
	margin-left: -10px; 
	padding: 0px; 
	background-color: #ffffff; 
	height:300px;
	width:250px;
	overflow-y:scroll;
	overflow-x: hidden;
	box-shadow: 2px 10px 18px 1px rgba(16, 24, 40, 0.25);
	border-radius: 5px;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
} 
.drop-down-select-list-li 
{ 
	margin-left:0px;
	display: inline-block; 
	min-height: 30px; 
	min-width: 280px; 
	width: 100%; 
	padding: 5px 15px 5px 35px; 
	padding-left:10px;
	background-color: #ffffff; 
	background-position: left 10px center; 
	background-repeat: no-repeat; 
	font-size: 16px; 
	text-align: left; 
	color: #666666; 
	opacity: 0.7; 
	box-sizing: border-box; 
	cursor:pointer;
	overflow: hidden;
}
.drop-down-select-list-li:hover
{ 
	background-color: #f1f1f1; 
}
.dropdown-search-box {
    display: flex;
    align-items: center;
    padding: 5px 10px;
    background: #f5f5f5;
    border-bottom: 1px solid #ddd;
}
.dropdown-search-icon {
    font-size: 16px;
    margin-right: 8px;
    color: #888;
}
.dropdown-search-input {
    width: 100%;
    border: none;
    outline: none;
    padding: 6px 4px;
    background: transparent;
    font-size: 14px;
}
.drop-down .select-list li span:hover, .drop-down .select-list li span:focus { opacity: 1; }

.drop-down2 { 
	position: relative; 
	display: inline-block; 
	width: auto; 
	margin-top: 0; 
	font-family: verdana; 
} 
.drop-down2 select 
{ 
	display: none;
	 
} 
.drop-down2 .select-list 
{ 
	position: absolute;
	top: 0; 
	left: 0; 
	z-index: 1; 
	margin-top: 40px; 
	padding: 0px; 
	background-color: #ffffff; 
	height:200px;
	overflow: auto;
	box-shadow: 2px 10px 18px 1px rgba(16, 24, 40, 0.25);
	border-radius: 2px;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
} 
.drop-down2 .select-list li 
{ 
	display: none; 
	list-style-type: none;
} 
.drop-down2 .select-list li span 
{ 
	display: inline-block; 
	min-height: 30px; 
	min-width: 280px; 
	width: 100%; 
	padding: 5px 15px 5px 35px; 
	background-color: #ffffff; 
	background-position: left 10px center; 
	background-repeat: no-repeat; 
	font-size: 16px; 
	text-align: left; 
	color: #666666; 
	opacity: 0.7; 
	box-sizing: border-box; 
	cursor:pointer;
} 
.drop-down2 .select-list li span:hover, .drop-down2 .select-list li span:focus { opacity: 1; }

.drop-down3 { 
	position: relative; 
	display: inline-block; 
	width: auto; 
	margin-top: 0; 
	font-family: verdana; 
} 
.drop-down3 select 
{ 
	display: none;
	 
} 
.drop-down3 .select-list 
{ 
	position: absolute;
	top: 0; 
	left: 0; 
	z-index: 1; 
	margin-top: 40px; 
	padding: 0px; 
	background-color: #ffffff; 
	height:200px;
	overflow: auto;
	box-shadow: 2px 10px 18px 1px rgba(16, 24, 40, 0.25);
	border-radius: 2px;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
} 
.drop-down3 .select-list li 
{ 
	display: none; 
	list-style-type: none;
} 
.drop-down3 .select-list li span 
{ 
	display: inline-block; 
	min-height: 30px; 
	min-width: 280px; 
	width: 100%; 
	padding: 5px 15px 5px 35px; 
	background-color: #ffffff; 
	background-position: left 10px center; 
	background-repeat: no-repeat; 
	font-size: 16px; 
	text-align: left; 
	color: #666666; 
	opacity: 0.7; 
	box-sizing: border-box; 
	cursor:pointer;
} 
.drop-down3 .select-list li span:hover, .drop-down3 .select-list li span:focus { opacity: 1; }


.drop-down4 { 
	position: relative; 
	display: inline-block; 
	width: auto; 
	margin-top: 0; 
	font-family: verdana; 
} 
.drop-down4 select 
{ 
	display: none;
	 
} 
.drop-down4 .select-list 
{ 
	position: absolute;
	top: 0; 
	left: 0; 
	z-index: 1; 
	margin-top: 40px; 
	padding: 0px; 
	background-color: #ffffff; 
	height:200px;
	overflow: auto;
	box-shadow: 2px 10px 18px 1px rgba(16, 24, 40, 0.25);
	border-radius: 2px;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
} 
.drop-down4 .select-list li 
{ 
	display: none; 
	list-style-type: none;
} 
.drop-down4 .select-list li span 
{ 
	display: inline-block; 
	min-height: 30px; 
	min-width: 280px; 
	width: 100%; 
	padding: 5px 15px 5px 35px; 
	background-color: #ffffff; 
	background-position: left 10px center; 
	background-repeat: no-repeat; 
	font-size: 16px; 
	text-align: left; 
	color: #666666; 
	opacity: 0.7; 
	box-sizing: border-box; 
	cursor:pointer;
} 
.drop-down4 .select-list li span:hover, .drop-down4 .select-list li span:focus { opacity: 1; }
/*
END NEW DESIGN
*/
.LineButtonsDel
{
	border-radius:3px 3px 3px 3px;
	padding:2px;
	width:19px;
	height:19px;
	float:left;
	background:#aa3b08;
	color:#f1f1f1;
	text-align:center;
	padding-top:3px;
	margin-top:5px;
}
.LineButtonsDel:hover
{
	background:#79b5b6;
	color:#356364;
	padding-top:3px;
}
.FileCust
{
	padding: 7px;
	border-radius: 25px;
	background: #ffffff;
	display: flex;
}
.FileCust:hover
{
	background: linear-gradient(135deg, var(--Poppy), #f07a72);
    color:#fff; 
}

.FileCust > div:last-child {
  margin-left: auto;
}
.HoverPoppy:hover
{
	background: var(--Poppy);
	color: #ffffff;
}
.center
{
	left:50%;
	top:50%;
	position: fixed;
}
.DelDiv
{
	width:18px;
	height:13px;
	padding:9px;
	float:left;
	margin-top:1px;
	background:#ffffff;
	cursor:pointer;
}
.DelDiv:hover
{
	background:#c81517;
	color:#ffffff;
}
.tab
{
	background:#ffffff;
	float:left;
	width:150px;
	padding:5px;
	margin:5px;
	height:22px;
}
.content_head_nav_mobile
	{
		display:none;
	}
.content_head_mobile
	{
		display:none;
	}
.button_black
{
	width:150px;
	background:#222222;
	color:#a4a3a3;
	text-transform: uppercase;
	border:1px solid #c81517;
	height:25px;
	cursor:pointer;
}
.button_black:hover
{
	background:#cccccc;
	color:#666666;
}
.button_white
{
	width:150px;
	background:#ffffff;
	color:#666666;
	text-transform: uppercase;
	border:1px solid #c81517;
	height:25px;
	cursor:pointer;
}
.button_white:hover
{
	background:#cccccc;
	color:#666666;
}
.button_grey
{
	width:150px;
	background:#f2f2f2;
	color:#666666;
	text-transform: uppercase;
	border:1px solid #c81517;
	height:25px;
	cursor:pointer;
}
.button_grey:hover
{
	background:#cccccc;
	color:#666666;
}
.button_grey_tr
{
	width:150px;
	background-color: Transparent;
	color:#ffffff;
	text-transform: uppercase;
	border:1px solid #c81517;
	height:25px;
	cursor:pointer;
}
.button_grey_tr:hover
{
	background:#cccccc;
	color:#666666;
}
.btn-group
{
	width:900px;
	height:50px;
}
.butDarkgrey
{
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: .25rem;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d;
	width:150px;
	cursor:pointer;
	border: 2px solid #6c757d;
}
.butDarkgrey:hover {
    color: #fff;
    background-color: #94989e;
    border: 2px solid #caced1;
}
.butDarkgreyActive
{
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: .25rem;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	color: #6c757d;
	background-color: #c8d2db;
	border-color: #6c757d;
	width:150px;
	cursor:pointer;
	border: 2px solid #caced1;
}
.footer_box
{
	margin:0 auto;
	margin-top:10px;
	margin-left:0px;
	float:left;
	width:225px;
	font-size:9pt;
	color:#a4a3a3;
	text-align:left;
	line-height:18px;
	font-family: Noto Sans, Helvetica, Arial, Geneva, sans-serif;
	font-weight: normal;
}
.footer_box:a
{
	font-family: Noto Sans, Helvetica, Arial, Geneva, sans-serif;
	font-size:9pt;
}
.footer_box a:hover
{
	
	font-size:9pt;
	color:#960d03;
}
.footer_box1
{
	margin:0 auto;
	margin-top:10px;
	margin-left:70px;
	float:left;
	width:330px;
	font-size:9pt;
	color:#a4a3a3;
	text-align:left;
	line-height:18px;
	font-family: Noto Sans, Helvetica, Arial, Geneva, sans-serif;
	font-weight: normal;
}
.footer_box1:a
{
	font-family: Noto Sans, Helvetica, Arial, Geneva, sans-serif;
	font-size:9pt;
}
.footer_box1 a:hover
{
	
	font-size:9pt;
	color:#960d03;
}
.footer_box2
{
	margin:0 auto;
	margin-top:10px;
	margin-left:0px;
	float:left;
	width:250px;
	font-size:9pt;
	color:#a4a3a3;
	text-align:left;
	line-height:18px;
	font-family: Noto Sans, Helvetica, Arial, Geneva, sans-serif;
	font-weight: normal;
}
.footer_box2:a
{
	font-family: Noto Sans, Helvetica, Arial, Geneva, sans-serif;
	font-size:9pt;
}
.footer_box2 a:hover
{
	
	font-size:9pt;
	color:#960d03;
}
.footer_box3
{
	margin:0 auto;
	margin-top:10px;
	margin-left:0px;
	padding-top:230px;
	float:left;
	width:80px;
	font-size:9pt;
	color:#a4a3a3;
	text-align:left;
	line-height:18px;
	font-family: Noto Sans, Helvetica, Arial, Geneva, sans-serif;
	font-weight: normal;
}
.footer_box3:a
{
	font-family: Noto Sans, Helvetica, Arial, Geneva, sans-serif;
	font-size:9pt;
}
.footer_box3 a:hover
{
	
	font-size:9pt;
	color:#960d03;
}
.GesLine
{
	padding:3px;
	color:#666666;
	background: #ffffff;
	cursor: pointer;
	height:23px;
}
.GesLine:hover
{
	background: #f1f1f1;
}
.SmallLine
{
	border-radius: 10px;
}
.SmallLine:hover
{
	background: var(--bs-red);
	color: #ffffff;
}
.SmallLineActive
{
	border-radius: 10px;
	background-color: var(--Sky);
}
.SmallLineActive:hover
{
	background: var(--bs-red);
	color: #ffffff;
}
.SmallLineActive1
{
	border-radius: 10px;
	background-color: #ddba51;
}
.SmallLineActive1:hover
{
	background: var(--bs-red);
	color: #ffffff;
}
a.news_footer:link {color: #c81517; text-decoration: none; 	font-family: Noto Sans, Helvetica, Arial, Geneva, sans-serif;font-size:9pt;}
a.news_footer:visited {color: #666666; text-decoration: none; font-size: 11pt; }
a.news_footer:active {color: #666666; text-decoration: none; font-size:11pt; }
a.news_footer:hover {color: #ffffff; text-decoration: none; font-size:11pt;}
a.link_red:link {color: #c81517; text-decoration: none;font-size:12pt;}
a.link_red:visited {color: #666666; text-decoration: none; font-size: 12pt; }
a.link_red:active {color: #666666; text-decoration: none; font-size:12pt; }
a.link_red:hover {color: #666666; text-decoration: none; font-size:12pt;}
#list
{
	width:180px;
	font-size:14pt;
}
#list:hover
{
	width:180px;
	background:#cccccc;
}
.fa-cog {
  color: #b6362b;
}
div.kreis {
  width: 160px;
  height: 107px;
  border-radius: 80px;
  background-color: #ce061e;
  color:#ffffff;
  font-size:16pt;
  text-align:center;
  padding-top:53px;
  margin-left:45px;
  margin-top:10px;
}
.kreis:hover
{
	background:#666666;
}
.kreis2 {
  width: 160px;
  height: 107px;
  border-radius: 80px;
  background-image:url('../images/reddot.png');
  color:#ffffff;
  font-size:16pt;
  text-align:center;
  padding-top:53px;
  margin-left:45px;
  margin-top:80px;
  cursor:pointer;
}
.kreis2:hover
{
	background:#666666;
}
.kreis_social {
  width: 24px;
  height: 18px;
  border-radius:15px;
  background:var(--Poppy);
  color:#ffffff;
  font-size:10pt;
  text-align:center;
  padding-top:4px;
  float:left;
  margin-left:10px;
  margin-top:5px;
}
.kreis_social:hover
{
	background:#666666;
}
.kreis_antrag {
  width: 50px;
  height: 39px;
  border-radius:40px;
  background:#ffffff;
  color:var(--Poppy);
  font-size:20pt;
  text-align:center;
  padding-top:10px;
  padding-left:1px;
  float:left;
  margin-left:10px;
  margin-top:-2px;
  cursor:pointer;
}
.kreis_antrag:hover
{
	background:#666666;
}
.kreis_antrag_dea {
  width: 50px;
  height: 39px;
  border-radius:40px;
  background:#666666;
  color:#ffffff;
  font-size:20pt;
  text-align:center;
  padding-top:10px;
  padding-left:1px;
  float:left;
  margin-left:10px;
  margin-top:-2px;
  cursor:pointer;
}
.kreis_antrag_dea:hover
{
  background:#ffffff;
  color:#b6362b;
  
}
.KreisMessage {
	width: 30px;
	height: 30px;
	border-radius:60px;
	background:#f109d8;
	border:2px solid #ffffff;
	color:#ffffff;
	font-size:15pt;
	text-align:center;
	padding-top:1px;
	padding-left:0px;
	float:left;
	margin-left:-10px;
	margin-top:-15px;
	cursor:pointer;
  }
  .KreisMessageZu {
	width: 30px;
	height: 30px;
	border-radius:60px;
	background:#9aba03;
	border:2px solid #ffffff;
	color:#ffffff;
	font-size:15pt;
	text-align:center;
	padding-top:1px;
	padding-left:0px;
	float:left;
	margin-left:210px;
	margin-top:-15px;
	cursor:pointer;
  }
.step_antrag {
  width: 260px;
  height: 45px;
  border-radius: 15px 0px 0px 15px;
  background:var(--Poppy);
  color:#ffffff;
  cursor:pointer;
}
.step_antrag:hover
{
	background:#666666;
	color:#ffffff;
}
.step_antrag_dea {
  width: 260px;
  height: 45px;
  border-radius: 15px 0px 0px 15px;
  background:#ffffff;
  color:#666666;
  cursor:pointer;
}
.step_antrag_dea:hover
{
	background:var(--Poppy);
	color:#ffffff;
}
.button_next
{
	font-size:38px;
	color:var(--Poppy);
	float:right;
	cursor:pointer;
}
.button_next:hover
{
	color:#666666;
}
.kreis_dateien
{
  position:relative;
  width: 150px;
  height: 100px;
  border-radius:150px;
  background-image:url('../images/button_rot.png');
  color:#ffffff;
  font-size:15pt;
  text-align:center;
  padding-top:45px;
  float:center;
  margin-top:5px;
  cursor:pointer;
  margin:0 auto;
}
.kreis_dateien:hover
{
	background:#666666;
}
.kreis_antrag_na {
  width: 160px;
  height: 150px;
  border-radius: 80px;
  background-color:var(--Poppy);
  color:#ffffff;
  font-size:16pt;
  text-align:center;
  padding-top:10px;
  margin-left:45px;
  margin-top:10px;
  float:left;
}
.kreis_antrag_na:hover
{
	background:#666666;
}
.AutoFill 
{
	background:#f1f1f1;
	border:3px solid #ffffff;
	width:750px;
	padding:7px;
	display:none;
	position:absolute;
	margin-left:120px;
	margin-top:-10px;
	height:400px;
	overflow:hidden;
	overflow-y:scroll;
	border-radius: 0px 5px 5px 0px;
	opacity: 1;
	transition: 0.3s;
	box-shadow: 10px 10px 15px rgb(58, 58, 58);
}
.RechWindow
{
	background:#f1f1f1;
	border:3px solid #ffffff;
	width:650px;
	padding:7px;
	display:none;
	position:absolute;
	margin-left:120px;
	margin-top:-10px;
	height:400px;
	overflow:hidden;
	overflow-y:scroll;
	border-radius: 7px 7px 7px 7px;
	opacity: 1;
	transition: 0.3s;
	box-shadow: 10px 10px 15px rgb(105, 105, 105);
}
.list_autofill
{
	color:#666666;
	width:330px;
	background:#ffffff;
	height:30px;
}
.list_autofill:hover
{
	background:#b3d204;
}
.bild_inner1
{
  width:100%;
  height:530px;
  z-index:1;
  text-align:center;
  font-size:18pt;
  margin-top:-80px;
  z-index:1001;
  background:url(../images/banner1.jpg) no-repeat;
  background-size:100% auto;
}
.bild_innerFunny
{
  width:100%;
  height:530px;
  z-index:1;
  text-align:center;
  font-size:18pt;
  margin-top:-80px;
  z-index:1001;
  background:url(../images/FunnyBack.jpg) no-repeat;
  background-size:100% auto;
}
.bild_inner2
{
  width:100%;
  height:530px;
  z-index:1;
  text-align:center;
  font-size:18pt;
  margin-top:-80px;
  z-index:1001;
  background:url(../images/banner2.jpg) no-repeat;
  background-size:100% auto;
}
.bild_inner3
{
  width:100%;
  height:530px;
  z-index:1;
  text-align:center;
  font-size:18pt;
  margin-top:-80px;
  z-index:1001;
  background:url(../images/banner3.jpg) no-repeat;
  background-size:100% auto;
}
.bild_inner_news1
{
  width:100%;
  height:530px;
  z-index:1;
  text-align:center;
  font-size:18pt;
  margin-top:-80px;
  z-index:1001;
  background:url(images/newsback1.jpg) no-repeat;
  background-size:100% auto;
}
.bild_inner_news
{
  width:100%;
  height:530px;
  z-index:1;
  text-align:center;
  font-size:18pt;
  margin-top:-80px;
  z-index:1001;
  background:url(images/newsback.jpg) no-repeat;
  background-size:100% auto;
}
.news_list
{
	color:#666666;
	padding:0px;
	float:left;
}
.news_list_1
{
	cursor:pointer;
	background:#ffffff;
	width:920px;
	margin-bottom:1px;
	margin-top:1px;
	border:0px solid #666666;
	height:27px;
}
.news_list_1:hover
{
	background:#d4d4d4;
	opacity: 1;
	transition: 0.6s;
	transition-timing-function: ease-in-out;
}
.news_list_2
{
	cursor:pointer;
	background:#f0f0f0;
	width:920px;
	margin-bottom:1px;
	border:0px solid #666666;
	height:26px;
}
.news_list_2:hover
{
	background:#faffc5;
}
.news_list_3
{
	cursor:pointer;
	background:#ffffff;
	width:920px;
	margin-bottom:1px;
	border-bottom:1px dotted #cccccc;
	height:26px;
}
.news_list_3:hover
{
	background:#faffc5;
}
.news_list_4
{
	cursor:pointer;
	background:#ffffff;
	width:920px;
	margin-bottom:1px;
	border-bottom:0px dotted #cccccc;
}
.news_list_4:hover
{
	background:#faffc5;
}
.button_list
{
	width:20px;
	height:20px;
	background:var(--Poppy);
	color:#ffffff;
	margin-top:0px;
	text-align:center;
	padding-top:3px;
	float:left;
	margin-left:5px;
	font-size:14px;
	border-radius:3px 3px 3px 3px;
}
.button_list:hover
{
	background:#666666;	
}
.button_listR
{
	width:30px;
	height:30px;
	background:var(--Poppy);
	color:#ffffff;
	margin-top:0px;
	text-align:center;
	padding-top:0px;
	float:left;
	margin-left:5px;
	font-size:14px;
}
.button_listR:hover
{
	background:#666666;	
}
.button_preise
{
	background:#cccccc;
	text-align:center;
	text-transform:uppercase;
	font-size:11px;
	float:left;
	width:270px;
	padding:5px;
}
.button_preise:hover
{
	background:#f2f2f2;
}
#page {
  width: 960px;
}
.news_index
{
	width:340px;
	cursor:pointer;
	padding-right:25px;
}
.news_index:hover
{
	background:#cccccc;
}
.mandauswahl
{
	width:360px;
	padding:5px;
	background:#f1f1f1;
	font-size:12px;
	cursor:pointer;
	margin-top:3px;
	margin-left:3px;
	height:25px;
}
.mandauswahl:hover
{
	background:#a3ca08;
}
#st_box1
{
		margin-left:80px;
		width:1100px;
		margin-top:50px;
}
#st_box2
{
		float:left;
		width:500px;
		font-size:14px;
		text-align: justify;
}
#st_box3
{
	border-left:3px solid #c81517;
	width:500px;
	height:45px;
}
#st_box4
{
	float:left;
	width:490px;
	margin-left:60px;
	background:#f4f4f4;
	padding:20px;
	text-align:left;
}
	#st_box5
	{
		width:1200px;
		height:200px;
		text-align:center;
		margin:0 auto;
	}
	#st_box5a
	{
	 width:1100px;
	 height:100px;
	 margin:auto;
	}
	#st_news
	{
		margin-left:52px;
		width:1200px;
		margin-top:50px;
	}
	#st_news1
	{
		float:left;
		width:500px;
		font-size:12px;
		text-align: justify;
	}
	#st_news1a
	{
		border-left:3px solid #c81517;
		width:500px;
		height:45px;
		font-size:14px;
	}
	#st_news1b
	{
		font-size:11px;
		margin-top:-5px;
		float:left;
		padding-left:10px;
		height:20px;
		width:500px;
	}
	#st_news2
	{
		float:left;
		width:600px;
		font-size:12px;
		text-align:right;
		margin-left:10px;
	}
	#space_50
	{
		clear:both;
		height:50px;
	}
	.st_emailtext
	{
		font-size:14px;
		text-align:left;
		margin-left:140px;
	}
	#news_anz
	{
		width:890px;
		float:left;
		margin-top:25px;
	}
	.news_list1
	{
		float:left;
		width:650px;
		font-size:12px;
		color:#717070;
		background:#f2f2f2;
		padding:15px;
		padding-left:25px;
		padding-top:0px;
		border-left:2px solid #c81517;
		cursor:pointer;
	}
	.news_list2
	{
		margin-top:40px;
		text-align:center;
		width:250px;
		margin-left:180px;
		cursor:pointer;
		float:left;
	}
	#kontakt1
	{
		width:550px;
		float:left;
		margin-top:25px;
		margin-left:15px;
	}
	#kontakt2
	{
		float:left;
		width:250px;
		margin-left:20px;
	}
/* carousel global styles */

.carrousel__container {
  white-space: nowrap;
}
.carrousel__content[aria-hidden=true] {
  display: none;
}

/* exemple styles */
.news-carrousel__control__list,
.images-carrousel__control__list {
  position: absolute;
  list-style-type: none;
  top: 100%;
  right: 0;
  left: 0;
  padding-left: 0;
  text-align: center;
}
.news-carrousel__control__list__item,
.images-carrousel__control__list__item {
  display: inline-block;
  margin: 0 .5em;
}
.news-carrousel__control__list__link,
.images-carrousel__control__list__link {
  display: inline-block;
  width: 1em;
  height: 1em;
  background: #fff;
  border: 1px solid #666;
  border-radius: 1em;
}

.news-carrousel__button-container,
.images-carrousel__button-container {
  position: absolute;

}
.news-carrousel__button__previous,
.images-carrousel__button__previous {

  margin-top: -18px;
  left: 0;
  margin-left: -35px;
}
.news-carrousel__button__next,
.images-carrousel__button__next {

  margin-top: -18px;
  right: 0;
  margin-right: -35px;
}
.news-carrousel__button__button,
.images-carrousel__button__button {
  margin: 0;
  padding: 0;
  background: transparent;
}



.kreis_weiss {
  width: 60px;
  height: 45px;
  border-radius: 90px;
  background-color: #ffffff;
  color:#b6362b;
  font-size:18pt;
  text-align:center;
  padding-top:17px;
  padding-left:2px;
  margin-left:-5px;
  margin-top:-12px;
  float:left;
}


/* transition slide */
.slide .carrousel__content {
  display: inline-block;
  vertical-align: top;
  visibility: visible;
  width: 100%;
  position: relative;
  -webkit-transition: left .5s ease-in;
  -moz-transition: left .5s ease-in;
  -o-transition: left .5s ease-in;
  -ms-transition: left .5s ease-in;
  transition: left .5s ease-in;
}

.slide .carrousel__content.visibility-off {
  visibility: hidden;
}


.carrouselslide-1-1.slide > div,
.carrouselslide-2-1.slide > div,
.carrouselslide-3-1.slide > div,
.carrouselslide-4-1.slide > div,
.carrouselslide-5-1.slide > div {
  left: 0;
}
.carrouselslide-1-2.slide > div,
.carrouselslide-2-2.slide > div,
.carrouselslide-3-2.slide > div,
.carrouselslide-4-2.slide > div,
.carrouselslide-5-2.slide > div {
  left: -100%;
}
.carrouselslide-1-3.slide > div,
.carrouselslide-2-3.slide > div,
.carrouselslide-3-3.slide > div,
.carrouselslide-4-3.slide > div,
.carrouselslide-5-3.slide > div {
  left: -200%;
}
.carrouselslide-1-4.slide > div,
.carrouselslide-2-4.slide > div,
.carrouselslide-3-4.slide > div,
.carrouselslide-4-4.slide > div,
.carrouselslide-5-4.slide > div {
  left: -300%;
}
.carrouselslide-1-5.slide > div,
.carrouselslide-2-5.slide > div,
.carrouselslide-3-5.slide > div,
.carrouselslide-4-5.slide > div,
.carrouselslide-5-5.slide > div {
  left: -400%;
}


.slide .carrousel__content[aria-hidden=true] {
  display: inline-block;
}

/* transition fade */
.fade .carrousel__content {
  -webkit-animation: fadein 1s;
  -moz-animation:    fadein 1s;
  -o-animation:      fadein 1s;
  -ms-animation:     fadein 1s;
  animation:         fadein 1s;
}
.fade .carrousel__content[aria-hidden=true] {
  -webkit-animation: fadeout 1s;
  -moz-animation:    fadeout 1s;
  -o-animation:      fadeout 1s;
  -ms-animation:     fadeout 1s;
  animation:         fadeout 1s;
}

@-webkit-keyframes fadeout {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes fadeout {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes fadeout {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-ms-keyframes fadeout {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fadeout {
  0%   { opacity: 1; }
  100% { opacity: 0; }
}

@-webkit-keyframes fadein {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes fadein {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes fadein {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-ms-keyframes fadein {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fadein {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}



/* carrousel */
.news-carrousel__control__list__link:focus,
.news-carrousel__control__list__link:hover,
.news-carrousel__control__list__link:active,
.news-carrousel__control__list__link[aria-selected=true],
.images-carrousel__control__list__link:focus,
.images-carrousel__control__list__link:hover,
.images-carrousel__control__list__link:active,
.images-carrousel__control__list__link[aria-selected=true] {
  background: #666;
}
.eumeldung_noaccess
{
	border:1px solid #666666;
	padding:30px;
	margin-left:100px;
	width:900px;
	text-align:center;
}
@media all and (max-width:568px)
{
	body 
	{
		
	}
	.maintext
	{
		width:100%;
	}	
	.content 
	{
		overflow:none;
		padding-bottom:250px;
		min-height:100%;
	}
	.right_text
	{
		display:none;
	}
	.content_head_top
	 {
		margin:0px auto;
		height: 38px;
		width:100%;
		position: relative;
		overflow: hidden;
		z-index: 0; 
		text-align:right;
		color:#ffffff;
		padding-top:0px;
		background:var(--Steel);
	}
	#head_top1
	{
		float:right;
		position:relative;
		width:100%;
		padding-top:7px;
	}
	#head_top2
	{
		display:none;
	}
	#social_logo
	{
		display:none;
	}
	#languages
	{
		float:right;
		width:50px;
		font-size:20px;
		margin-right:15px;
		margin-top:-5px;
	}
	.content_head_nav
	{
		display:none;
	}
	.content_head
	{
		display:none;
	}
	.content_head_mobile
	{
		display:block;
	}
	.content_head_nav_mobile
	{
		display:block;
	}
	.head
	{
		height:60px;
	}
	.content_text
	{
		width:100%;
		min-height:100%;
	}
	.video 
	{
		  z-index: 1;
		  height:450px;
		  width:100%;
		  overflow:hidden;
		  text-align:center;
	}
	.bild_inner1
	{
	  width:100%;
	  height:430px;
	  z-index:1;
	  text-align:center;
	  font-size:18pt;
	  margin-top:-20px;
	  z-index:1001;
	  background:url(../images/banner1.jpg) no-repeat;
	  background-size:800px 500px;
	}
	.bild_inner2
	{
	  width:100%;
	  height:430px;
	  z-index:1;
	  text-align:center;
	  font-size:18pt;
	  margin-top:-20px;
	  z-index:1001;
	  background:url(../images/banner2.jpg) no-repeat;
	  background-size:1300px 500px;
	  background-position: 70% 20%;
	}
	.bild_inner3
	{
	  width:100%;
	  height:430px;
	  z-index:1;
	  text-align:center;
	  font-size:18pt;
	  margin-top:-20px;
	  z-index:1001;
	  background:url(../images/banner3.jpg) no-repeat;
	  background-size:800px 500px;
	  background-position: center; 
	}
	.bild_inner_news1
	{
	  width:100%;
	  height:430px;
	  z-index:1;
	  text-align:center;
	  font-size:18pt;
	  margin-top:-80px;
	  z-index:1001;
	  background:url(images/newsback1.jpg) no-repeat;
	  background-size:800px 500px;
	}
	.bild_inner_news
	{
	  width:100%;
	  height:430px;
	  z-index:1;
	  text-align:center;
	  font-size:18pt;
	  margin-top:-80px;
	  z-index:1001;
	  background:url(images/newsback.jpg) no-repeat;
	  background-size:800px 500px;
	}
	#schnellinfoNeu
	{
		text-align:left;
		position:absolute;
		display:block;
		padding:9px;
		padding-top:30px;
		width:100%;
		height:270px;
		left:0px;
		margin-top:28px;
		margin-left:5px;
		z-index:8000;
		color:#cccccc;
		opacity: 15;
		border-radius: 10px 0px 10px 0px;
		background:#302e28;
	}
	#schnellinfoNeuFunny
	{
		text-align:left;
		position:absolute;
		display:block;
		padding:9px;
		padding-top:30px;
		width:100%;
		height:270px;
		left:0px;
		margin-top:28px;
		margin-left:5px;
		z-index:8000;
		color:#cccccc;
		opacity: 15;
		border-radius: 10px 0px 10px 0px;
		background:#a1f60e;
	}
	#schnellinfoExtraBox
	{
		text-align:left;
		position:absolute;
		display:block;
		padding:9px;
		width:100%;
		height:250px;
		margin-top:50px;
		margin-left:10px;
		z-index:9000;
		background-image:url(../images/box_start_check_notrans.png);
		color:#cccccc;
		left:0%;
	}
	.schnellinfo_button
	{	
		text-align:center;
		position:absolute;
		display:block;
		padding:9px;
		width:140px;
		height:20px;
		left:50%;
		margin-top:42px;
		margin-left:-160px;
		z-index:8000;
		background-image:url(../images/transblack.png);
		color:#cccccc;
		cursor:pointer;
	}
	.schnellinfo_button2
	{	
		text-align:center;
		position:absolute;
		display:block;
		padding:9px;
		width:140px;
		height:20px;
		left:50%;
		margin-top:42px;
		margin-left:0px;
		z-index:8000;
		background-image:url(../images/transblack2.png);
		color:#cccccc;
		cursor:pointer;
	}
	#schnellinfo
	{
		text-align:left;
		position:absolute;
		display:block;
		padding:9px;
		width:300px;
		height:270px;
		left:50%;
		margin-top:80px;
		margin-left:-160px;
		z-index:8000;
		background-image:url(../images/box_start_check.png);
		color:#cccccc;
	}
	#schnellinfoCheck
	{
		text-align:left;
		position:absolute;
		display:block;
		padding:9px;
		width:90%;
		left:0%;
		height:250px;
		margin-top:50px;
		margin-left:3px;
		z-index:8001;
		background-image:url(../images/box_start_check.png);
		background-repeat: no-repeat;
		color:#cccccc;
	}
	.kreis_start_vispop
	{
		position:absolute;
		left:50%;
		margin-top:268px;
		margin-left:-90px;
		z-index:9000;
		background-image:url(../images/button_start.png);
		background-repeat:no-repeat;
		width:117px;
		text-align:center;
		color:#ffffff;
		height: 107px;
		font-size:12pt;
		text-align:center;
		padding-top:36px;
		cursor:pointer;
		font-weight:normal;
		line-height:20px;
	}
	#schnellinfoExtraBox
	{
		text-align:left;
		position:absolute;
		display:block;
		padding:9px;
		width:300px;
		height:250px;
		margin-top:50px;
		margin-left:-200px;
		z-index:9000;
		background-image:url(../images/box_start_check.png);
		color:#cccccc;
		left:50%;
	}
	#schnellinfow
	{
		text-align:left;
		display:block;
		padding:9px;
		width:100%;
		text-align:left;
		margin-top:0px;
		margin-left:0px;
		z-index:2000;
		background:#232323;
		color:#cccccc;
	}
	.kreis_start
	{
		position:absolute;
		left:50%;
		margin-top:298px;
		margin-left:-65px;
		z-index:9000;
		background-image:url(../images/button_start.png);
		background-repeat:no-repeat;
		width:116px;
		text-align:center;
		color:#ffffff;
		height: 107px;
		font-size:14pt;
		text-align:center;
		padding-top:25px;
		cursor:pointer;
		font-weight:normal;
		text-transform:uppercase;
	}
	#schnellinfo_news
	{
		text-align:left;
		position:absolute;
		line-height:20px;
		display:block;
		padding:14px;
		width:290px;
		height:260px;
		left:50%;
		margin-top:80px;
		margin-left:-160px;
		z-index:8000;
		background-image:url(../images/box_start_check.png);
		color:#cccccc;
	}
	h1
	{
		color: #444444;
		font-family: Noto Sans, Helvetica, Arial, Geneva, sans-serif;
		font-weight: normal; 
		font-style: normal; 
		font-size: 16pt;
		letter-spacing:0px;
	}
	#menu_mobile a
	{
		color:#ffffff;
		font-size:20px;
	}
	.navpoints
	{
		height:35px;
	}
	.container
	{
		width:100%;
		padding-right:5px;
	}
	.content_text
	{
		width:100%;
		padding-right:5px;
	}
	.maintext1
	{
		width:100%;
		min-height:300px;
		margin-left:5px;
		margin-top:5px;	
	}
	.maintext1_leist
	{
		width:100%;
		margin-left:5px;
		margin-top:5px;	
		padding-bottom:450px;
	}
	#video_norm
	{
		display:none;
	}
	#video_320
	{
		display:block;
	}
	#st_box1
	{
		margin-left:10px;
		width:100%;
		margin-top:50px;
	}
	#st_box2
	{
		width:95%;
		font-size:14px;
		text-align: left;
		line-height:18px;
	}
	#st_box3
	{
		border-left:3px solid #c81517;
		width:100%;
		height:45px;
	}
	#st_box4
	{
		clear:both;
		margin-top:25px;
		margin-left:0px;
		width:100%;
		background:#f4f4f4;
		padding:10px;
		text-align:left;
	}
	#st_box5
	{
		width:100%;
		height:200px;
		text-align:center;
		margin:0 auto;
	}
	#st_box5a
	{ 
		width:100%;
		margin:0 auto;
		text-align:center;
		line-height:18px;
		align-items: center; 
	}
	.infobox_h
	{
		text-align: center; 
		margin-top: 15px; 
		width: 300px;
		height:275px;
		line-height:21px;
		clear:both;
	}
	.infobox_w
	{
		float:left; 
		text-align: left; 
		margin-top: 2px; 
		background: #e5c305; 
		width: 1100px;
		line-height:21px;
		padding:9px;
		background-image: linear-gradient(to top, #f8efc2 9%, #fcf8e1 90%);
		border-radius: 3px 3px 3px 3px;
	}
	.gallery
	{
		display:none;
	}
	#st_news
	{
		margin-left:10px;
		width:95%;
		height:600px;
		margin-top:0px;
	}
	#st_news1
	{
		float:left;
		width:100%;
		font-size:12px;
		text-align: justify;
	}
	#st_news1a
	{
		border-left:3px solid #c81517;
		width:100%;
		height:45px;
		font-size:14px;
	}
	#st_news1b
	{
		font-size:11px;
		margin-top:0px;
		float:left;
		padding-left:10px;
		height:20px;
		width:100%;
	}
	#st_news2
	{
		clear:both;
		float:left;
		width:100%;
		height:650px;
		font-size:12px;
		text-align:left;
		margin-left:0px;
	}
	#space_50
	{
		clear:both;
		height:0px;
	}
	.st_emailtext
	{
		font-size:14px;
		text-align:left;
		margin-left:0px;
	}
	.email_textfeld
	{
		width:280px;
		border:0px;
		color:#666666;
		height:35px;
		background:#f0f0f0;
		padding:5px;
	}
	#ablauf1
	{
		display:none;
	}
	#ablauf2
	{
		display:block;
	}
	#visakat
	{
		padding:7px;
		margin-left:-15px;
		width:100%;
		color:#666666;
		background-image:url(../images/laender_back.jpg);
	}
	.visakat_p
	{
		width:100%;
	}
	.bestimmungen_anz
	{
		margin-left:-5px;
		text-align:left;	
		width:95%;
		padding:0px;
		float:left;
		background:#ffffff;
		color:#666666;
		border:0px solid #f1f1f1;
		line-height:16px;
	}
	.bestimmungen_anz2
	{
		
		text-align:left;	
		margin-left:-5px;
		width:95%;
		padding:0px;
		float:left;
		background:#ffffff;
		color:#666666;
		border:0px solid #f1f1f1;
		line-height:16px;
	}
	.bestimmungen_anz3
	{
		margin-left:-5px;
		text-align:left;	
		width:95%;
		padding:0px;
		float:left;
		background:#ffffff;
		color:#666666;
		border:0px solid #f1f1f1;
		line-height:16px;
	}
	.red_left_anz
	 {
		border-left:3px solid #c81517;
		padding-left:10px;
		text-transform: uppercase;
		margin-top:25px;
		margin-left:5px;
		font-size:24px;
		color:#444444;
		margin-bottom:5px;
	 }
	 #bestdok
	{
		background-image:url(../images/leistungen_back.jpg);
		width:100%;
		height:300px;
		text-align:left;
		padding-top:0px;
		margin-top:10px;
		margin-left:-15px;
	}
	.bestdok1
	{
		float:left;
		width:100%;
		height:200px;
		margin-left:10px;
	}
	.bestdok2
	{
		width:100%;
		padding-top:30px;
		color:#ffffff;
		line-height:16px;
		text-align:left;
	}
	.bestdok_list
	{
		padding:0px;
		color:#ffffff;
		margin-left:10px;
		cursor:pointer;
		height:15px;
	}
	.bestdok_titel
	{
		border-left:3px solid #c81517;
		font-size:20px;
		font-family:Arial;
	}
	.bestdok_kreis
	{
		display:none;
		clear:both;
		width:150px;
		text-align:center;
		padding-left:15px;
		height:150px;
	}
	.bestdok_nodok
	{
		width:100%;
		border:1px solid #ffffff;
		padding:5px;
		text-align:center;
		color:#ffffff;
		margin-left:10px;
		margin-top:0px;
	}
	.best_preis_pfeil
	{
		float:left;
		margin-left:10px;
		margin-top:28px;
		width:48;
		height:48px;
		cursor:pointer;
		background:#f2f2f2;
	}
	.best_preis
	{
		width:250px;
		height:35px;
		float:left;
		margin-left:-7px;
	}
	.best_preisrechner
	{
		background:#f2f2f2;
		width:100%;
		margin-left:-10px;
		padding:2px;
		display:none;
	}
	.best_preisrechner2
	{
		height:80px;
		line-height:16px;
		padding:2px;
		margin-left:0px;
	}
	.best_preisrechner3
	{
		clear:both;
		height:50px;
		padding-top:25px;
		padding-left:0px;
	}
	.best_preisrechner4
	{
		clear:both;
		width:290px;
		float:left;
		padding:3px;
		background:#ffffff;
		margin-left:5px;
		padding-left:5px;
		height:30px;
		line-height:16px;
	}
	.best_preisrechner4a
	{
		display:none;
		clear:both;
		width:250px;
		float:left;
		padding:3px;
		background:#ffffff;
		margin-left:5px;
		height:30px;
		padding-left:5px;
	}
	.best_preisrechner5
	{
		clear:both;
		width:90px;
		float:left;
		padding:3px;
		background:#ffffff;
		text-align:right;
		margin-left:5px;
	}
	.best_preisrechner5-2
	{
		width:90px;
		float:left;
		padding:3px;
		background:#ffffff;
		text-align:right;
		margin-left:0px;
	}

	.best_preisrechner5a
	{
		display:none;
		clear:both;
		width:100px;
		float:left;
		padding:3px;
		background:#ffffff;
		text-align:right;
		height:30px;
		margin-left:5px;
	}
	.best_preisrechner6
	{
		width:640px;
		float:left;
		padding:3px;
		background:#ffffff;
		margin-left:10px;
		height:30px;
		padding-left:15px;
	}
	.button_preise
	{
		background:#cccccc;
		text-align:center;
		text-transform:uppercase;
		font-size:11px;
		float:left;
		width:300px;
		padding:5px;
	}
	.clear_preis
	{
		clear:both;
		height:7px;
	}
	#leistungen1
	{
		width:95%;
		margin-left:10px;
		text-align:left;
		line-height:18px;
	}
	#leistungen2
	{
		clear:both;
		width:95%;
		margin-top:15px;
		margin-left:10px;
		text-align:left;
		line-height:18px;
	}
	#leistungen3
	{
		background-image:url(../images/banner_leistungen.jpg);
		background-repeat:no-repeat;
		background-size:1300px 1400px;
		width:100%;
		height:1260px;
		text-align:center;
		padding-top:7px;
		line-height:18px;
		margin:0 auto;
	}
	#leistungen4
	{
		width:100%;
		height:100px;
		margin:0 auto;
		text-align:center;
		line-height:18px;
		display: flex;
		flex-direction:column;
		align-items: center;
	}
	#leistungen5
	{
		clear:both;
		width:100%;
		height:40px;
		margin-left:160px;
		font-size:12px;
		text-align:right;
		color:#ffffff;
		padding-left:25px;
		line-height:18px;
	}
	#leistungen6
	{
		width:100%;
		height:1250px;
		text-align:center;
		padding-top:30px;
	}
	#leistungen7
	{
		width:100%;
		margin:auto;
		display: flex;
		flex-direction:column;
		align-items: center;
	}
	#leistungen8
	{
		background-image:url(../images/leistungen_back.jpg);
		width:100%;
		height:270px;
		text-align:center;
		padding-top:50px;
		margin-top:70px;
	}
	#leistungen9
	{
		width:95%;
		height:50px;
		margin-left:20px;
		border-left:4px solid #c81517;
		font-size:18px;
		text-align:left;
		color:#ffffff;
		padding-left:10px;
		line-height:22px;
		font-weight:normal;
	}
	#leistungen10
	{
		width:90%;
		height:100px;
		margin-left:20px;
		border-left:4px solid #c81517;
		font-size:18px;
		text-align:left;
		color:#ffffff;
		padding-left:10px;
		line-height:22px;
		font-weight:normal;
	}
	#leistungen11
	{
		width:85%;
		height:100px;
		margin-left:20px;
		font-size:14px;
		text-align:right;
		color:#ffffff;
		padding-left:5px;
		line-height:22px;
	}
	#leistungen12
	{
		width:100%;
		height:40px;
		margin-left:160px;
		font-size:12px;
		text-align:right;
		color:#ffffff;
		padding-left:25px;
	}
	#leistungen13
	{
		width:100%;
		height:170px;
		text-align:left;
		padding-top:0px;
		margin-top:50px;
	}	
	#leistungen14
	{
		width:100%;
		height:170px;
		margin:auto;
		margin-left:10px;
		text-align:center;
		padding-bottom:50px;
	}
	#news_anz
	{
		width:100%;
		float:left;
		margin-top:25px;
	}
	.news_list1
	{
		clear:both;
		width:96%;
		font-size:12px;
		color:#717070;
		background:#f2f2f2;
		padding:15px;
		padding-left:10px;
		padding-right:15px;
		padding-top:0px;
		border-left:2px solid #c81517;
		cursor:pointer;
		text-align:left;
	}
	.news_list2
	{
		margin-top:40px;
		text-align:left;
		width:250px;
		margin-left:10px;
		cursor:pointer;
		float:left;
	}
	#kontakt1
	{
		width:100%;
		margin-top:25px;
		margin-left:15px;
	}
	#kontakt2
	{
		width:100%;
		margin-left:20px;
	}
	.karte
	{
		width:100%;
	}
	.kontakt_banner
	{
		background-image:url(../images/banner_kontakt.jpg);
		height:470px;
		padding-top:20px;
		padding-left:0px;
		color:#ffffff;
	}
	.kontakt2
	{
		float:left;
		width:96%;
		line-height:18px;
	}
	.kontakt3
	{
		float:left;
		width:100%;
		margin-left:5px;
	}
	.kontakt4
	{
		margin-left:10px;
		width:100%;
	}
	.formfeld_kontakt
	{
		margin-left:0px;
		margin-top:10px;
		width:300px;
		border:0px;
		color:#666666;
		height:35px;
		background:#ffffff;
		padding:5px;
		padding-left:10px;
		font-family:Arial;
		font-size:14px;
	}
	.formfeld_kontakt2
	{
		margin-left:0px;
		margin-top:10px;
		width:300px;
		height:100px;
		border:0px;
		color:#666666;
		background:#ffffff;
		padding:5px;
		padding-left:10px;
		font-family:Arial;
		font-size:14px;
	}
	.head_kontakt
	{
		border-left:3px solid #c81517;
		font-size:20px;
		font-family:Arial;
		padding-left:15px;
		margin-left:5px;
	}
	.impressum
	{
		width:100%;
		text-align:left;
		margin-left:0px;
		color:#666666;
	}
	.impressum2
	{
		margin-left:5px;
		width:100%;
		line-height:18px;
	}
	.datenschutz
	{
		width:100%;
		text-align:left;
		margin-left:0px;
		color:#666666;
	}
	.datenschutz2
	{
		margin-left:5px;
		width:96%;
		line-height:18px;
	}
	#footer {
		width: 100%;
		height:810px;
		background:var(--Steel);
		bottom:0px;
		position:absolute;
		margin-bottom:0px;
		color:#ffffff;
		font-size:10pt;
		padding-bottom:10px;
		border-bottom:20px solid #c81517;
	}
	#footer2
	{
		left:2%;
		margin-left:10px;
		width:100%;
		text-align:left;
		position:relative;
		padding-top:10px;
	}
	.footer_box
	{
		clear:both;
		margin:0 auto;
		margin-top:20px;
		margin-left:0px;
		width:100%;
		font-size:9pt;
		color:#a4a3a3;
		text-align:left;
		line-height:18px;
		font-family: Noto Sans, Helvetica, Arial, Geneva, sans-serif;
		font-weight: normal;
	}
	.footer_box1
	{
		clear:both;
		margin:0 auto;
		margin-top:20px;
		margin-left:0px;
		width:100%;
		font-size:9pt;
		color:#a4a3a3;
		text-align:left;
		line-height:18px;
		font-family: Noto Sans, Helvetica, Arial, Geneva, sans-serif;
		font-weight: normal;
	}
	.footer_box2
	{
		clear:both;
		margin:0 auto;
		margin-top:20px;
		margin-left:0px;
		width:100%;
		font-size:9pt;
		color:#a4a3a3;
		text-align:left;
		line-height:18px;
		font-family: Noto Sans, Helvetica, Arial, Geneva, sans-serif;
		font-weight: normal;
	}
	.footer_box3
	{
		display:none;
		clear:both;
		margin:0 auto;
		margin-top:20px;
		margin-left:0px;
		width:100%;
		height:30px;
		font-size:9pt;
		color:#a4a3a3;
		text-align:left;
		line-height:18px;
		font-family: Noto Sans, Helvetica, Arial, Geneva, sans-serif;
		font-weight: normal;
	}
	.eumeldung_noaccess
	{
		border:1px solid #666666;
		padding:20px;
		margin-left:0px;
		margin-right:0px;
		width:80%;
		text-align:center;
	}
	.W600R
	{
		width:100%;
	}
	.W1100R
	{
		width:100%;
	}
}
@media screen and (min-width : 569px) and (max-width : 1000px) 
{
	body 
	{
		
	}
	.maintext
	{
		width:100%;
	}	
	.content 
	{
		overflow:none;
		padding-bottom:250px;
		min-height:100%;
	}
	.right_text
	{
		display:none;
	}
	.content_head_top
	 {
		margin:0px auto;
		height: 38px;
		width:100%;
		position: relative;
		overflow: hidden;
		z-index: 0; 
		text-align:right;
		color:#ffffff;
		padding-top:0px;
		background:var(--Steel);
	}
	#head_top1
	{
		float:right;
		position:relative;
		width:100%;
		padding-top:7px;
	}
	#head_top2
	{
		display:none;
	}
	#social_logo
	{
		display:none;
	}
	.antrag_download
	{
		display:none;
	}
	#languages
	{
		float:right;
		width:50px;
		font-size:20px;
		margin-right:15px;
		margin-top:-5px;
	}
	.content_head_nav
	{
		display:none;
	}
	.content_head
	{
		display:none;
	}
	.content_head_mobile
	{
		display:block;
	}
	.content_head_nav_mobile
	{
		display:block;
	}
	.head
	{
		height:60px;
	}
	.content_text
	{
		width:100%;
		min-height:100%;
	}
	.video 
	{
		  z-index: 1;
		  height:450px;
		  width:100%;
		  overflow:hidden;
		  text-align:center;
	}
	.bild_inner1
	{
	  width:100%;
	  height:430px;
	  z-index:1;
	  text-align:center;
	  font-size:18pt;
	  margin-top:-20px;
	  z-index:1001;
	  background:url(../images/banner1.jpg) no-repeat;
	  background-size:800px 500px;
	}
	.bild_inner2
	{
	  width:100%;
	  height:430px;
	  z-index:1;
	  text-align:center;
	  font-size:18pt;
	  margin-top:-20px;
	  z-index:1001;
	  background:url(../images/banner2.jpg) no-repeat;
	  background-size:1300px 500px;
	  background-position: 70% 20%;
	}
	.bild_inner3
	{
	  width:100%;
	  height:430px;
	  z-index:1;
	  text-align:center;
	  font-size:18pt;
	  margin-top:-20px;
	  z-index:1001;
	  background:url(../images/banner3.jpg) no-repeat;
	  background-size:800px 500px;
	  background-position: center; 
	}
	.bild_inner_news1
	{
	  width:100%;
	  height:430px;
	  z-index:1;
	  text-align:center;
	  font-size:18pt;
	  margin-top:-80px;
	  z-index:1001;
	  background:url(images/newsback1.jpg) no-repeat;
	  background-size:800px 500px;
	}
	.bild_inner_news
	{
	  width:100%;
	  height:430px;
	  z-index:1;
	  text-align:center;
	  font-size:18pt;
	  margin-top:-80px;
	  z-index:1001;
	  background:url(images/newsback.jpg) no-repeat;
	  background-size:800px 500px;
	}
	.schnellinfo_button
	{	
		text-align:center;
		position:absolute;
		display:block;
		padding:9px;
		width:140px;
		height:20px;
		left:50%;
		margin-top:42px;
		margin-left:-160px;
		z-index:8000;
		background-image:url(../images/transblack.png);
		color:#cccccc;
		cursor:pointer;
	}
	.schnellinfo_button2
	{	
		text-align:center;
		position:absolute;
		display:block;
		padding:9px;
		width:140px;
		height:20px;
		left:50%;
		margin-top:42px;
		margin-left:0px;
		z-index:8000;
		background-image:url(../images/transblack2.png);
		color:#cccccc;
		cursor:pointer;
	}
	#schnellinfo
	{
		text-align:left;
		position:absolute;
		display:block;
		padding:9px;
		width:300px;
		height:270px;
		left:50%;
		margin-top:80px;
		margin-left:10px;
		z-index:8001;
		background-image:url(../images/box_start_check.png);
		color:#cccccc;
	}
	#schnellinfoCheck
	{
		text-align:left;
		position:absolute;
		display:block;
		padding:9px;
		width:90%;
		left:0%;
		height:270px;
		margin-top:50px;
		margin-left:10px;
		z-index:8001;
		background-image:url(../images/box_start_check.png);
		background-repeat: no-repeat;
		color:#cccccc;
	}
	#schnellinfoExtraBox
	{
		text-align:left;
		position:absolute;
		display:block;
		padding:9px;
		width:300px;
		height:250px;
		margin-top:50px;
		margin-left:-200px;
		z-index:9000;
		background-image:url(../images/box_start_check.png);
		color:#cccccc;
		left:50%;
	}
	.kreis_start
	{
		position:absolute;
		left:50%;
		margin-top:298px;
		margin-left:-65px;
		z-index:9000;
		background-image:url(../images/button_start.png);
		background-repeat:no-repeat;
		width:116px;
		text-align:center;
		color:#ffffff;
		height: 107px;
		font-size:14pt;
		text-align:center;
		padding-top:25px;
		cursor:pointer;
		font-weight:normal;
		text-transform:uppercase;
	}
	#schnellinfo_news
	{
		text-align:left;
		position:absolute;
		line-height:20px;
		display:block;
		padding:14px;
		width:290px;
		height:260px;
		left:50%;
		margin-top:80px;
		margin-left:-160px;
		z-index:8000;
		background-image:url(../images/box_start_check.png);
		color:#cccccc;
	}
	h1
	{
		color: #444444;
		font-family:'Noto Sans', Helvetica, Arial;
		font-weight: normal; 
		font-style: normal; 
		font-size: 16pt;
		letter-spacing:0px;
	}
	#menu_mobile a
	{
		color:#ffffff;
		font-size:20px;
	}
	.navpoints
	{
		height:35px;
	}
	.container
	{
		width:100%;
		padding-right:5px;
	}
	.content_text
	{
		width:100%;
		padding-right:5px;
	}
	.maintext1
	{
		width:100%;
		min-height:300px;
		margin-left:5px;
		margin-top:5px;	
	}
	.maintext1_leist
	{
		width:100%;
		margin-left:5px;
		margin-top:5px;	
		padding-bottom:450px;
	}
	#video_norm
	{
		display:none;
	}
	#video_320
	{
		display:block;
	}
	#st_box1
	{
		margin-left:10px;
		width:97%;
		margin-top:50px;
	}
	#st_box2
	{
		width:100%;
		font-size:14px;
		text-align: justify;
	}
	#st_box3
	{
		border-left:3px solid #c81517;
		width:100%;
		height:45px;
	}
	#st_box4
	{
		clear:both;
		margin-top:25px;
		margin-left:0px;
		width:100%;
		background:#f4f4f4;
		padding:10px;
		text-align:left;
	}
	#st_box5
	{
		width:100%;
		height:200px;
		text-align:center;
		margin:0 auto;
	}
	#st_box5a
	{
	 width:100%;
	 height:100px;
	 margin:auto;
	 text-align:center;

	}
	.infobox_h
	{
		text-align: center; 
		margin-top: 15px; 
		width: 300px;
		height:275px;
		line-height:21px;
		clear:both;
	}
	.gallery
	{
		display:none;
	}
	#st_news
	{
		margin-left:10px;
		width:95%;
		height:600px;
		margin-top:0px;
	}
	#st_news1
	{
		float:left;
		width:100%;
		font-size:12px;
		text-align: justify;
	}
	#st_news1a
	{
		border-left:3px solid #c81517;
		width:100%;
		height:45px;
		font-size:14px;
	}
	#st_news1b
	{
		font-size:11px;
		margin-top:0px;
		float:left;
		padding-left:10px;
		height:20px;
		width:100%;
	}
	#st_news2
	{
		clear:both;
		float:left;
		width:100%;
		height:650px;
		font-size:12px;
		text-align:left;
		margin-left:0px;
	}
	#space_50
	{
		clear:both;
		height:0px;
	}
	.st_emailtext
	{
		font-size:14px;
		text-align:left;
		margin-left:0px;
	}
	.email_textfeld
	{
		width:280px;
		border:0px;
		color:#666666;
		height:35px;
		background:#f0f0f0;
		padding:5px;
	}
	#ablauf1
	{
		display:none;
	}
	#ablauf2
	{
		display:block;
	}
	#visakat
	{
		padding:7px;
		margin-left:-15px;
		width:100%;
		color:#666666;
		background-image:url(../images/laender_back.jpg);
	}
	.visakat_p
	{
		width:100%;
	}
	.bestimmungen_anz
	{
		margin-left:-5px;
		text-align:left;	
		width:95%;
		padding:0px;
		float:left;
		background:#ffffff;
		color:#666666;
		border:0px solid #f1f1f1;
		line-height:16px;
	}
	.bestimmungen_anz2
	{
		
		text-align:left;	
		margin-left:-5px;
		width:95%;
		padding:0px;
		float:left;
		background:#ffffff;
		color:#666666;
		border:0px solid #f1f1f1;
		line-height:16px;
	}
	.bestimmungen_anz3
	{
		margin-left:-5px;
		text-align:left;	
		width:95%;
		padding:0px;
		float:left;
		background:#ffffff;
		color:#666666;
		border:0px solid #f1f1f1;
		line-height:16px;
	}
	.red_left_anz
	 {
		border-left:3px solid #c81517;
		padding-left:10px;
		text-transform: uppercase;
		margin-top:25px;
		margin-left:5px;
		font-size:24px;
		color:#444444;
		margin-bottom:5px;
	 }
	 #bestdok
	{
		background-image:url(../images/leistungen_back.jpg);
		width:100%;
		height:300px;
		text-align:left;
		padding-top:0px;
		margin-top:10px;
		margin-left:-15px;
	}
	.bestdok1
	{
		float:left;
		width:100%;
		height:200px;
		margin-left:10px;
	}
	.bestdok2
	{
		width:100%;
		padding-top:30px;
		color:#ffffff;
		line-height:16px;
		text-align:left;
	}
	.bestdok_list
	{
		padding:0px;
		color:#ffffff;
		margin-left:10px;
		cursor:pointer;
		height:15px;
	}
	.bestdok_titel
	{
		border-left:3px solid #c81517;
		font-size:20px;
		font-family:Arial;
	}
	.bestdok_kreis
	{
		display:none;
		clear:both;
		width:150px;
		text-align:center;
		padding-left:15px;
		height:150px;
	}
	.bestdok_nodok
	{
		width:100%;
		border:1px solid #ffffff;
		padding:5px;
		text-align:center;
		color:#ffffff;
		margin-left:10px;
		margin-top:0px;
	}
	.best_preis_pfeil
	{
		float:left;
		margin-left:10px;
		margin-top:28px;
		width:48;
		height:48px;
		cursor:pointer;
		background:#f2f2f2;
	}
	.best_preis
	{
		width:250px;
		height:35px;
		float:left;
		margin-left:-7px;
	}
	.best_preisrechner
	{
		background:#f2f2f2;
		width:100%;
		margin-left:-10px;
		padding:2px;
		display:none;
	}
	.best_preisrechner2
	{
		height:80px;
		line-height:16px;
		padding:2px;
		margin-left:0px;
	}
	.best_preisrechner3
	{
		clear:both;
		height:50px;
		padding-top:25px;
		padding-left:0px;
	}
	.best_preisrechner4
	{
		clear:both;
		width:290px;
		float:left;
		padding:3px;
		background:#ffffff;
		margin-left:5px;
		padding-left:5px;
		height:30px;
		line-height:16px;
	}
	.best_preisrechner4a
	{
		display:none;
		clear:both;
		width:250px;
		float:left;
		padding:3px;
		background:#ffffff;
		margin-left:5px;
		height:30px;
		padding-left:5px;
	}
	.best_preisrechner5
	{
		clear:both;
		width:90px;
		float:left;
		padding:3px;
		background:#ffffff;
		text-align:right;
		margin-left:5px;
	}
	.best_preisrechner5-2
	{
		width:90px;
		float:left;
		padding:3px;
		background:#ffffff;
		text-align:right;
		margin-left:0px;
	}

	.best_preisrechner5a
	{
		display:none;
		clear:both;
		width:100px;
		float:left;
		padding:3px;
		background:#ffffff;
		text-align:right;
		height:30px;
		margin-left:5px;
	}
	.best_preisrechner6
	{
		width:640px;
		float:left;
		padding:3px;
		background:#ffffff;
		margin-left:10px;
		height:30px;
		padding-left:15px;
	}
	.button_preise
	{
		background:#cccccc;
		text-align:center;
		text-transform:uppercase;
		font-size:11px;
		float:left;
		width:300px;
		padding:5px;
	}
	.clear_preis
	{
		clear:both;
		height:7px;
	}
	#leistungen1
	{
		width:95%;
		margin-left:10px;
		text-align:left;
		line-height:18px;
	}
	#leistungen2
	{
		clear:both;
		width:95%;
		margin-top:15px;
		margin-left:10px;
		text-align:left;
		line-height:18px;
	}
	#leistungen3
	{
		background-image:url(../images/banner_leistungen.jpg);
		background-repeat:no-repeat;
		background-size:1300px 1400px;
		width:100%;
		height:650px;
		text-align:center;
		padding-top:7px;
		line-height:18px;
	}
	#leistungen4
	{
		width:100%;
		height:100px;
		margin:auto;
		line-height:18px;
	}
	#leistungen5
	{
		clear:both;
		width:100%;
		height:40px;
		margin-left:160px;
		font-size:12px;
		text-align:right;
		color:#ffffff;
		padding-left:25px;
		line-height:18px;
	}
	#leistungen6
	{
		width:100%;
		height:600px;
		text-align:center;
		padding-top:30px;
	}
	#leistungen7
	{
		width:100%;
		margin:auto;
	}
	#leistungen8
	{
		background-image:url(../images/leistungen_back.jpg);
		width:100%;
		height:270px;
		text-align:center;
		padding-top:50px;
		margin-top:70px;
	}
	#leistungen9
	{
		width:95%;
		height:50px;
		margin-left:20px;
		border-left:4px solid #c81517;
		font-size:18px;
		text-align:left;
		color:#ffffff;
		padding-left:10px;
		line-height:22px;
		font-weight:normal;
	}
	#leistungen10
	{
		width:90%;
		height:100px;
		margin-left:20px;
		border-left:4px solid #c81517;
		font-size:18px;
		text-align:left;
		color:#ffffff;
		padding-left:10px;
		line-height:22px;
		font-weight:normal;
	}
	#leistungen11
	{
		width:85%;
		height:100px;
		margin-left:20px;
		font-size:14px;
		text-align:right;
		color:#ffffff;
		padding-left:5px;
		line-height:22px;
	}
	#leistungen12
	{
		width:100%;
		height:40px;
		margin-left:160px;
		font-size:12px;
		text-align:right;
		color:#ffffff;
		padding-left:25px;
	}
	#leistungen13
	{
		width:100%;
		height:120px;
		text-align:left;
		padding-top:0px;
		margin-top:50px;
	}	
	#leistungen14
	{
		width:100%;
		height:170px;
		margin:auto;
		margin-left:10px;
		text-align:center;
		padding-bottom:50px;
	}
	#news_anz
	{
		width:100%;
		float:left;
		margin-top:25px;
	}
	.news_list1
	{
		clear:both;
		width:96%;
		font-size:12px;
		color:#717070;
		background:#f2f2f2;
		padding:15px;
		padding-left:10px;
		padding-right:15px;
		padding-top:0px;
		border-left:2px solid #c81517;
		cursor:pointer;
		text-align:left;
	}
	.news_list2
	{
		margin-top:40px;
		text-align:left;
		width:250px;
		margin-left:10px;
		cursor:pointer;
		float:left;
	}
	#kontakt1
	{
		width:100%;
		margin-top:25px;
		margin-left:15px;
	}
	#kontakt2
	{
		width:100%;
		margin-left:20px;
	}
	.karte
	{
		width:100%;
	}
	.kontakt_banner
	{
		background-image:url(../images/banner_kontakt.jpg);
		height:470px;
		padding-top:20px;
		padding-left:0px;
		color:#ffffff;
	}
	.kontakt2
	{
		float:left;
		width:96%;
		line-height:18px;
	}
	.kontakt3
	{
		float:left;
		width:100%;
		margin-left:5px;
	}
	.kontakt4
	{
		margin-left:10px;
		width:100%;
	}
	.formfeld_kontakt
	{
		margin-left:0px;
		margin-top:10px;
		width:300px;
		border:0px;
		color:#666666;
		height:35px;
		background:#ffffff;
		padding:5px;
		padding-left:10px;
		font-family:Arial;
		font-size:14px;
	}
	.formfeld_kontakt2
	{
		margin-left:0px;
		margin-top:10px;
		width:300px;
		height:100px;
		border:0px;
		color:#666666;
		background:#ffffff;
		padding:5px;
		padding-left:10px;
		font-family:Arial;
		font-size:14px;
	}
	.head_kontakt
	{
		border-left:3px solid #c81517;
		font-size:20px;
		font-family:Arial;
		padding-left:15px;
		margin-left:5px;
	}
	.impressum
	{
		width:100%;
		text-align:left;
		margin-left:0px;
		color:#666666;
	}
	.impressum2
	{
		margin-left:5px;
		width:100%;
		line-height:18px;
	}
	.datenschutz
	{
		width:100%;
		text-align:left;
		margin-left:0px;
		color:#666666;
	}
	.datenschutz2
	{
		margin-left:5px;
		width:96%;
		line-height:18px;
	}
	#footer {
		width: 100%;
		height:850px;
		background:var(--Steel);
		bottom:0px;
		position:absolute;
		margin-bottom:0px;
		color:#ffffff;
		font-size:10pt;
		padding-bottom:10px;
		border-bottom:20px solid #c81517;
	}
	#footer2
	{
		left:2%;
		margin-left:10px;
		width:100%;
		text-align:left;
		position:relative;
		padding-top:10px;
	}
	.footer_box
	{
		clear:both;
		margin:0 auto;
		margin-top:20px;
		margin-left:0px;
		width:100%;
		font-size:9pt;
		color:#a4a3a3;
		text-align:left;
		line-height:18px;
		font-family:  'Noto Sans';
		font-weight: normal;
	}
	.footer_box1
	{
		clear:both;
		margin:0 auto;
		margin-top:20px;
		margin-left:0px;
		width:100%;
		font-size:9pt;
		color:#a4a3a3;
		text-align:left;
		line-height:18px;
		font-family:  'Noto Sans';
		font-weight: normal;
	}
	.footer_box2
	{
		clear:both;
		margin:0 auto;
		margin-top:20px;
		margin-left:0px;
		width:100%;
		font-size:9pt;
		color:#a4a3a3;
		text-align:left;
		line-height:18px;
		font-family:  'Noto Sans';
		font-weight: normal;
	}
	.footer_box3
	{
		display:none;
		clear:both;
		margin:0 auto;
		margin-top:20px;
		margin-left:0px;
		width:100%;
		height:30px;
		font-size:9pt;
		color:#a4a3a3;
		text-align:left;
		line-height:18px;
		font-family:  'Noto Sans';
		font-weight: normal;
	}
	.eumeldung_noaccess
	{
		border:1px solid #666666;
		padding:20px;
		margin-left:0px;
		margin-right:0px;
		width:80%;
		text-align:center;
	}
}
.role-popup {
  position: absolute;
  bottom: 45px; /* Popup erscheint über dem Button */
  left: 0;
  min-width: 200px;
  background: #fff;
  box-shadow: 0 6px 32px 0 rgba(44,55,130,.16), 0 1.5px 4.5px 0 rgba(0,0,0,.07);
  border-radius: 18px;
  padding: 18px 20px 18px 18px;
  z-index: 99;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.role-popup-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.role-btn {
  border: none;
  border-radius: 10px;
  background: #cad8f4;
  color: #283573;
  font-size: 16px;
  padding: 8px 0;
  cursor: pointer;
  box-shadow: 0 1.5px 4.5px 0 rgba(44,55,130,0.07);
  transition: background .2s, color .2s;
  font-weight: 500;
}
.role-btn:hover {
  background: #d1e4fa;
  color: #e24639;
}

.close-popup-btn {
  position: absolute;
  top: 7px;
  right: 11px;
  background: #f3f5fa;
  border: none;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  font-size: 20px;
  font-weight: bold;
  color: #283573;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .2s, color .2s;
  box-shadow: 0 1.5px 6px 0 rgba(44,55,130,.09);
}
.close-popup-btn:hover {
  background: #e24639;
  color: #fff;
}
.info-icon {
  display: inline-block;
  position: relative;
  
  color: #283573;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  line-height: 22px;
  margin-left: 7px;

  cursor: pointer;
  transition: background 0.2s, color 0.2s;

}
.info-icon:hover {

  color: #e24639;
}
.info-tooltip {
  visibility: hidden;
  opacity: 0;
  width: max-content;
  max-width: 260px;
  background: #283573;
  color: #fff;
  text-align: left;
  border-radius: 8px;
  padding: 9px 15px;
  position: absolute;
  z-index: 5;
  bottom: 120%; /* Über dem Icon */
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 6px 32px 0 rgba(44,55,130,.16), 0 1.5px 4.5px 0 rgba(0,0,0,.07);
  transition: opacity 0.3s;
  pointer-events: none;
  font-size: 13px;
}
.info-icon:hover .info-tooltip {
  visibility: visible;
  opacity: 1;
}
  .form-input.error {
            border-color: #e74c3c;
            background: #fff5f5;
            animation: shake 0.5s ease-in-out;
        }

        .error-message {
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            background: linear-gradient(135deg, #e74c3c, #c0392b);
            color: white;
            padding: 12px 15px;
            border-radius: 0 0 12px 12px;
            font-size: 14px;
            font-weight: 500;
            opacity: 0;
            transform: translateY(-10px);
            transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
            pointer-events: none;
            z-index: 10;
            box-shadow: 0 5px 15px rgba(231, 76, 60, 0.3);
        }

        .error-message::before {
            content: '';
            position: absolute;
            top: -6px;
            left: 20px;
            width: 0;
            height: 0;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-bottom: 6px solid #e74c3c;
        }

        .error-message.show {
            opacity: 1;
            transform: translateY(0);
            pointer-events: all;
        }
		/* Schließen-Button */
		.error-message .close-btn {
		position: absolute;
		top: 6px;
		right: 8px;
		background: transparent;
		border: none;
		color: white;
		font-size: 18px;
		font-weight: bold;
		cursor: pointer;
		line-height: 1;
		}

		.error-message .close-btn:hover {
		color: #f1c0c0;
		}
        .error-icon {
            display: inline-block;
            margin-right: 8px;
            font-size: 16px;
        }

        @keyframes shake {
            0%, 20%, 40%, 60%, 80%, 100% {
                transform: translateX(0);
            }
            10%, 30%, 50%, 70%, 90% {
                transform: translateX(-5px);
            }
        }
        .error-messageInl {
           position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            background: linear-gradient(135deg, #e74c3c, #c0392b);
            color: white;
            padding: 12px 15px;
            border-radius: 0 0 12px 12px;
            font-size: 14px;
            font-weight: 500;
            opacity: 0;
            transform: translateY(-10px);
            transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
            pointer-events: none;
            z-index: 10;
            box-shadow: 0 5px 15px rgba(231, 76, 60, 0.3);
        }

        .error-messageInl::before {
            content: '';
            position: absolute;
            top: -6px;
            left: 20px;
            width: 0;
            height: 0;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
            border-bottom: 6px solid #e74c3c;
        }

        .error-messageInl.show {
            opacity: 1;
            transform: translateY(0);
            pointer-events: all;
        }
		/* Schließen-Button */
		.error-messageInl .close-btn {
		position: absolute;
		top: 6px;
		right: 8px;
		background: transparent;
		border: none;
		color: white;
		font-size: 18px;
		font-weight: bold;
		cursor: pointer;
		line-height: 1;
		}

		.error-messageInl .close-btn:hover {
		color: #f1c0c0;
		}
/* === Container === */
.ui-datepicker.datepicker-modern {
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  border: none;
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,.12);
  overflow: hidden;
  background: #fff;
  min-width: 312px; /* sicherer Wert; passt mit 36px-Zellen + Padding */
}

/* === Header === */
.ui-datepicker.datepicker-modern .ui-datepicker-header {
  background: #fff;
  border: none;
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

/* Titel */
.ui-datepicker.datepicker-modern .ui-datepicker-title {
  font-weight: 600;
  font-size: 15px;
  margin: 0 6px;
}

/* Prev/Next Buttons */
.ui-datepicker.datepicker-modern .ui-datepicker-prev,
.ui-datepicker.datepicker-modern .ui-datepicker-next {
  width: 34px;
  height: 34px;
  border-radius: 999px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color .15s ease, transform .15s ease;
}

.ui-datepicker.datepicker-modern .ui-datepicker-prev:hover,
.ui-datepicker.datepicker-modern .ui-datepicker-next:hover {
  background: rgba(0,0,0,.06);
  transform: translateY(-1px);
}

/* jQuery UI span ausblenden */
.ui-datepicker.datepicker-modern .ui-datepicker-prev span,
.ui-datepicker.datepicker-modern .ui-datepicker-next span {
  display: none;
}

/* Pfeile als Inline-SVG */
.ui-datepicker.datepicker-modern .ui-datepicker-prev::after,
.ui-datepicker.datepicker-modern .ui-datepicker-next::after {
  content: "";
  width: 16px;
  height: 16px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
}

/* Left Arrow */
.ui-datepicker.datepicker-modern .ui-datepicker-prev::after {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%23222' d='M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z'/></svg>");
}

/* Right Arrow */
.ui-datepicker.datepicker-modern .ui-datepicker-next::after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23222" d="m8.59 16.59 1.41 1.41L16 12 10 6 8.59 7.41 13.17 12z"/></svg>');
}

/* === Monat/Jahr Selects === */
.ui-datepicker.datepicker-modern .ui-datepicker-month,
.ui-datepicker.datepicker-modern .ui-datepicker-year {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 6px 32px 6px 10px;
  font: inherit;
  background: #fff;
  position: relative;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'><path fill='%236b7280' d='M7 10l5 5 5-5z'/></svg>");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 12px 12px;
  cursor: pointer;
  min-width: 100px;
}

.ui-datepicker.datepicker-modern .ui-datepicker-month { margin-right: 6px; }

.ui-datepicker.datepicker-modern .ui-datepicker-month:hover,
.ui-datepicker.datepicker-modern .ui-datepicker-year:hover {
  border-color: #d1d5db;
}

.ui-datepicker.datepicker-modern .ui-datepicker-month:focus,
.ui-datepicker.datepicker-modern .ui-datepicker-year:focus {
  outline: 2px solid #E2463940; /* Primärfarbe mit Transparenz */
  outline-offset: 2px;
}

/* Tabelle soll IMMER reinpassen */
.ui-datepicker.datepicker-modern table {
  margin: 4px 4px 4px;   /* Innenabstand */
  width: 100%;             /* statt calc(...) */
  box-sizing: border-box;  /* damit 100% inkl. Padding/Margin sauber rechnen */
}

.ui-datepicker.datepicker-modern th {
  font-weight: 600;
  color: #6b7280; /* neutral-500 */
  padding: 4px 0;
  text-align: center;
}

/* Tage */
.ui-datepicker.datepicker-modern td a,
.ui-datepicker.datepicker-modern td span {
  display: inline-flex;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  border: none !important;
  background: transparent;
  color: #111827; /* neutral-900 */
  text-decoration: none;
  transition: background-color .12s ease, color .12s ease;
}

.ui-datepicker.datepicker-modern td a:hover {
  background: #E2463930; /* Primärfarbe leicht transparent */
  color: #E24639;
}

.ui-datepicker.datepicker-modern .ui-datepicker-current-day a,
.ui-datepicker.datepicker-modern .ui-state-active {
  background: #E24639; /* Primärfarbe */
  color: #fff !important;
}

.ui-datepicker.datepicker-modern .ui-datepicker-today a {
  box-shadow: inset 0 0 0 2px #E24639;
  border-radius: 10px;
}

/* Disabled */
.ui-datepicker.datepicker-modern .ui-state-disabled,
.ui-datepicker.datepicker-modern .ui-state-disabled * {
  opacity: .35 !important;
  pointer-events: none;
}
/* Falls irgendwo (Theme/Global-CSS) Wochenenden versteckt wurden, erzwingen wir Anzeige */
.ui-datepicker.datepicker-modern .ui-datepicker-week-end {
  display: table-cell !important;
  visibility: visible !important;
  opacity: 1 !important;
}
/* === Button-Panel === */
.ui-datepicker.datepicker-modern .ui-datepicker-buttonpane {
  border-top: 1px solid #e5e7eb;
  padding: 10px 12px;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.ui-datepicker.datepicker-modern .ui-datepicker-buttonpane button {
  border: none;
  border-radius: 10px;
  padding: 8px 12px;
  font: inherit;
  cursor: pointer;
  transition: background-color .12s ease;
}

.ui-datepicker.datepicker-modern .ui-datepicker-buttonpane button.ui-datepicker-current {
  background: #f3f4f6;
  color: #111827;
}

.ui-datepicker.datepicker-modern .ui-datepicker-buttonpane button:not(.ui-datepicker-current) {
  background: #E24639;
  color: #fff;
}

.ui-datepicker.datepicker-modern .ui-datepicker-buttonpane button:not(.ui-datepicker-current):hover {
  background: #c53b30; /* dunklerer Ton der Primärfarbe */
}
.spinner {
	width: 100px;
	height: 100px;
	border: 10px solid #4D5256; /* Sekundärfarbe */
	border-top: 10px solid #E24639; /* Primärfarbe */
	border-radius: 50%;
	animation: spin 1s linear infinite;
  }
  
  @keyframes spin {
	from {
	  transform: rotate(0deg);
	}
	to {
	  transform: rotate(360deg);
	}
  }
          .photo-container {
            width: 120px;
            height: 120px;
            margin: 0 auto 20px;
            border-radius: 50%;
            overflow: hidden;
            border: 5px solid white;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
            background: #e9ecef;
        }

        .photo-container img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .initials-avatar {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 48px;
            font-weight: bold;
            color: #667eea;
            background: #e9ecef;
        }
		.spinnerstripe {
    width: 24px;
    height: 24px;
    border: 2px solid rgba(255,255,255,0.25);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin .8s linear infinite;
  }
  @keyframes spin {
    to { transform: rotate(360deg); }
  }
  .SuccessGreen
  {
	padding:15px;
	border-radius: 15px;
	background: #55af00;
	width: 100%;
	color: #ffffff;
	text-align: center;
  }
  .modern-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: row;
  gap: 10px;
  font-family: "Inter", Arial, sans-serif;
}

.modern-list li {
  text-align: center;
}

.modern-list a {
  display: inline-block;
  padding: 12px 18px;
  border-radius: 8px;
  text-decoration: none;
  color: #CE1126;
  background: linear-gradient(135deg, #ffffff, #ffffff);
  border:1px solid #CE1126;
  transition: all 0.25s ease;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  width:130px;
}

.modern-list a:hover {
  background: linear-gradient(135deg, #CE1126, #CE1126);
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
  color: #ffffff;
}

.modern-list a:active {
  transform: scale(0.98);
}
.DeleteSideNav
{
	padding: 5px;
	background: var(--bs-red);
	color: #ffffff;
	cursor:pointer;
	border-radius: 10px;
}
.DeleteSideNav:hover
{
	background: var(--steel);
}
.BorderTopRed
{
	margin-top: 5px;
	border-bottom: 1px solid var(--Poppy);
}
.ModalDel
{
	background-color: var(--bs-gray-200);
	border: 1px solid var(--Poppy);
	color: var(--Poppy);
	padding:15px;
	border-radius: 10px;
	display:none;
}
.col-Pos {
    background-color: var(--bs-gray);
    border-radius: 999px;
    color: #ffffff;
    margin-right: 5px;
	margin-top: 3px;
	padding-top: 3px;
    width: 23px;
    height: 20px;
    text-align: center;

    /* 🔥 Zentrierung */
    display: flex;
    align-items: center;  /* vertikal */
    justify-content: center; /* horizontal */

    font-size: 12px; /* optional für optische Mitte */
    padding: 3; /* Padding entfernen, stört die Zentrierung */
}

/* Select2 Dropdown höher machen */
.select2-dropdown-large .select2-results {
    max-height: 500px !important;  /* Standard ist 200px */
}

/* Oder für ALLE Select2-Dropdowns auf der Seite */
.select2-results {
    max-height: 500px !important;
}

/* Einzelne Einträge höher machen */
.select2-results__option {
    padding: 12px 15px !important;  /* Standard ist etwa 8px */
    font-size: 14px;
}