@charset "utf-8";
/* CSS Document */

.style_screen_js_nav_1{
	display: none;
}

/* Boxen*/
#main_field_1 {
  	position:absolute;
	top: 48px;
	left: 0;
	width: 100%;
	height:calc(100% - 48px);
	/* Schmaler seitlicher Rand (~5px) + Safe-Area (Notch/abgerundete Ecken) */
	padding: 0 5px;
	padding-left: max(5px, env(safe-area-inset-left));
	padding-right: max(5px, env(safe-area-inset-right));
	box-sizing: border-box;
	}

/* Content-Box volle Breite: style_screen.js setzt bei schmalem Screen
   width=screenW-60 + negatives marginRight auf #box_standard_1 (=> ~30px Rand
   je Seite) und .bs23_frame_0 hat right:50%. Mobil wollen wir NUR den 5px-Rand
   von #main_field_1 -> Box in den normalen Fluss zwingen, JS-Inline-Werte
   (width/marginRight) per !important neutralisieren. */
#box_standard_1 {
	position: relative !important;
	left: auto !important;
	right: auto !important;
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	transform: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	box-sizing: border-box !important;
	}
#menu_top_big_1 {
  	visibility: hidden;
	}
#menu_left_big_1{
  	visibility: hidden;
	}
#menu_top_small_1 {
  	position:fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	height:auto;
	background-color:#3E3E3E;
	z-index: 10000;
	text-align: right;
	visibility: visible;
	}
#menu_top_small_1_grey {
  	position:absolute;
	top: 35px;
	left: 0px;
	width:100%;
	height: 5px;
	background-color: #8B8B8B;	
	z-index: 100;
	visibility: visible;
	}
.menu_top_testing_1 {
	padding: 0px 20px 0px 20px;
	text-align: center;
	border: 0px;
	color: #FFFFFF!important;
	background: rgba(150,77,78,1.00); 
	border-radius: 3px;
	}
.menu_top_small_language_1 {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	width: auto;
	height: 35px;
	background-color:#3E3E3E;
	text-align: center;
	outline: none;
	margin: 0px;
	border: 0px;
	padding:0px 0px 0px 0px;
	font-family: abel, sans-serif;
	font-size: 20px;
	color: #FFFFFF;
    }
.menu_top_small_language_1::-ms-expand {
    display: none;
    }
.menu_top_small_language_1 option {
    color: #FFFFFF;
	background-color:#4B4B4B;
	border: green;
	outline: green;
    }
.menu_top_small_language_1:focus::-ms-value {
   	background-color: #4B4B4B;
    }
.menu_top_small_language_1 {
      /* ... */
    cursor: pointer;
    }
.menu_top_small_menu_1 {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	width: 40px;
	height: 35px;
  	background-image: url("../images/button_menu_1.svg");
	background-size: 40px 35px;
	background-repeat: no-repeat;
	background-color: transparent;
	text-align: center;
	outline: none;
	margin: 0px;
	border: 0px;
	padding:0px 0px 0px 0px;
	font-family: abel, sans-serif;
	font-size: 20px;
	color: #FFFFFF;
    }
.menu_top_small_menu_1::-ms-expand {
    display: none;
    }
.menu_top_small_menu_1 option {
    color: #FFFFFF;
	background-color:#4B4B4B;
	border: green;
	outline: green;
    }
.menu_top_small_menu_1:focus::-ms-value {
   	background-color: #4B4B4B;
    }
.menu_top_small_menu_1 {
      /* ... */
    cursor: pointer;
    }
.menu_top_small_login_1 {
	border: 0px;
	background-color:#168DCB;
	width: 100%;
	height: auto;
	}
.menu_top_small_login_1:hover {
	border: 0px;
	background-color:#363636;
	}
.menu_top_small_support_1 {
	text-align: center;
	font-family: abel, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
    background:#4A4C4A;
	border-left:10px solid #4A4C4A;
	border-right: 10px solid #4A4C4A;
	border-bottom: 1px solid #4A4C4A;
	border-top: 1px solid #4A4C4A;
	border-radius: 1px;
	margin-bottom: 5px;
	text-decoration: none;
	padding: 0px;
	margin-right: 10px;
	margin-top: 3px;
	height: 28px;
	box-sizing: border-box;
	}
/* Mobile menu scroll fix */
.lity-container {
	max-height: 95vh !important;
}
#menu {
	max-height: 85vh !important;
	overflow-y: auto !important;
}

/* =========================================================================
   MOBILE FOUNDATION — sauberes responsives Grundgeruest (bausync)
   Aktiv nur wenn dieses Stylesheet laedt (max-width:1000px ODER max-height:660px).
   Ersetzt die frueheren verstreuten "Mobile overflow fixes".
   Ziel: fluides Content-Layout OHNE per-Seite-Brechstange.
   ========================================================================= */

/* 1) Die Gesamtseite scrollt nie horizontal (statt overflow-x auf #main_field_1,
      das dort ungewollt vertikales Element-Scrolling erzwingen wuerde). */
html, body {
	max-width: 100%;
	overflow-x: hidden;
}

/* 2) Struktur-Frames fliessend halten */
.bs23_frame_0 {
	padding-left: 0 !important;
}
.bs23_frame_0,
.bs23_frame_2,
.bs23_frame_2c,
.bs23_frame_3 {
	max-width: 100% !important;
	overflow-x: hidden !important;
	box-sizing: border-box !important;
}
.bs23_frame_1 {
	max-width: 100% !important;
	box-sizing: border-box !important;
	overflow: visible !important;   /* Dropdowns/Menues duerfen ueberlappen */
}

/* 3) Layout-Tabellen: fixe Desktop-Spaltenbreiten (colgroup) deaktivieren -> fliessend */
.bs23_box_1,
.bs23_box_1b,
.bs23_box_1c {
	table-layout: auto !important;
}
.bs23_box_1 colgroup,
.bs23_box_1b colgroup,
.bs23_box_1c colgroup {
	display: none !important;
}
.bs23_box_frame_1 {
	max-width: 100% !important;
	table-layout: fixed !important;
}
table {
	max-width: 100% !important;
}

/* 4) Breite Daten-Tabellen scrollen INNERHALB ihres Rahmens statt die Seite zu sprengen */
.dataTables_wrapper {
	max-width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

/* 5) Formularfelder nie breiter als der Viewport */
.bs23_input_1,
.bs_text_area_1,
.bs23_select,
select,
input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="date"],
textarea {
	max-width: 100% !important;
	box-sizing: border-box !important;
}

/* 6) Medien nie ueber den Rand */
img, video, canvas {
	max-width: 100%;
	height: auto;
}

.menu_top_small_credits_1 {
	text-align: center;
	font-family: abel, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
    background:#FF931E;
	border-left:10px solid #FF931E;
	border-right: 10px solid #FF931E;
	border-bottom: 1px solid #FF931E;
	border-top: 1px solid #FF931E;
	border-radius: 1px;
	margin-bottom: 5px;
	text-decoration: none;
	padding: 0px;
	margin-right: 10px;
	margin-top: 3px;
	}