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

body{
	background-color:#f5f5f5;
	margin:0px;
	padding:0px;
}

.startplan_th{
	color:#FFFFFF;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#317082;
}
.startplan_td{
	color:#000000;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
}
.startplan_td2{
	color:#000000;
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#F0F0F0;
}
.startplan_tdb{
	color:#000000;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
}
a img{
	border:none;
}

.container{
	font-family:Arial, Helvetica, sans-serif;
}

a{
	text-decoration:none;
	outline:none;
}

a:link {
	color:#1E3762;
	text-decoration: none;
}

a:visited {
	color:#1E3762;
	text-decoration: none;
}

a:active {
	color:#B01F26;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.toggle-arrow {
	cursor: pointer;
	color: #0066cc;
	text-decoration: none;
	transition: color 0.2s;
}

.toggle-arrow:hover {
	color: #003d7a;
}

.toggle-arrow::before {
	content: '▼ ';
	font-size: 0.85em;
	display: inline-block;
	transition: transform 0.3s;
}

.toggle-arrow.expanded::before {
	transform: rotate(180deg);
}

.hidden-content {
	display: none;
	margin-top: 10px;
	padding: 15px;
	border-radius: 4px;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.hidden-content.show {
	display: block;
	opacity: 1;
}
.hidden-content[style*="display: block"] {
	opacity: 1 !important;
	max-height: 10000px !important;
}

.toggle-disciplines {
	cursor: pointer;
	color: #0066cc;
	text-decoration: none;
	padding: 4px 10px;
	background-color: #f0f0f0;
	border-radius: 4px;
	display: inline-block;
	transition: all 0.2s;
}

.toggle-disciplines:hover {
	background-color: #e0e0e0;
}

.toggle-disciplines::before {
	content: '▼ ';
	font-size: 0.8em;
}

.toggle-disciplines.expanded::before {
	content: '▲ ';
}

.starter-disciplines {
	display: none;
}

.starter-disciplines.show {
	display: block;
}

.main{
	font-size:12px;
	width:100%;
	height:auto;
	float:left;
}

.enter{
	background-color:#F0F0F0;
	line-height:22px;
	padding-left:5px;
	width:150px;
	height:32px;
	font-weight:bold;
	font-size:18px;
	display:block;
}

.blacklink a {
	color:black;
	text-decoration: none;
}
.blacklink a:visited {
	color:black;
	text-decoration: none;
}
.blacklink a:active {
	color:black;
	text-decoration: none;
}
.blacklink a:hover {
	text-decoration: underline;
}
a.tips {
	color:blue;
	font-weight:bold;
}
a.tips2 {
}
.ergebnis {
	border-bottom:1px solid grey;
	font-size:16px;
	padding:4px;
}
.ergebnis a {
	color:black;
	text-decoration: none;
}
TR.diszi TD {
	border-top: 1px solid #999;
}
span.ltitel1{
	width:110px;
	margin-left:10px;
	line-height:35px;
	float:left;
}
span.ltitel2{
	width:80px;
	font-weight:bold;
	font-size:12px;
	margin-left:0px;
	line-height:35px;
	color:#3a3a3a;
	float:left;
}
span.help{
	width:30px;
	margin-top:5px;
	margin-left:5px;
	line-height:35px;
	color:#3a3a3a;
	float:right;
}
.hilfe{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left:10px;
	padding-right:5px;
}
li.hilfe{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-left:25px;
	padding-top:-20px;
}
a:hover li.hilfe{
	text-decoration: underline;
}
h3.hilfe{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:18px;
	padding-left:5px;
	padding-right:5px;
}
span.rtitel{
	width:200px;
	font-weight:bold;
	font-size:12px;
	margin-right:10px;
	line-height:35px;
	font-weight:normal;
	font-style:italic;
	font-size:12px;
	color:#3a3a3a;
	float:right;
}

.aenderungen{
	font-style:italic;
	color:#1e3762;
	font-size:10px;
	padding-top:8px;
}

:root {
	--headline-height: 30px;
}
.main > .headline {
	#position: sticky;
	top: 0;
	height: var(--headline-height);
	line-height: var(--headline-height);
	text-align: center;
	z-index: 100;
	background-color: #505050;
	color: #fff;
}
.headline{
	font-size:14px;
	color:#FFFFFF;
	background-color:#505050;
	width:100%;
	height:30px;
	float:left;
	text-align: center;
}
.headline span{
	margin-left:10px;
	line-height:28px;
}
.sub_menu{
	padding-top:5px;
	background-color:#EBEBEB;
	border-bottom:1px solid #d8d8d8;
	width:100%;
	height:35px;
	float:left;
}
.fliesstextfett {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt;color: #000000; font-weight: bold}
.small {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt;color: #000000}
.h1 {  font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-weight: bold; color: #000000}
.h2 {  font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold; color: #000000}
.h3 {  font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: normal; color: #000000}
.code {  font-family: Arial, Helvetica, "Courier New", Courier, mono;color: #000000}
.error {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #FF0000}
.durchgestrichen { text-decoration:line-through; }
.eingabe {  font-family: Arial, Helvetica, sans-serif; font-size: 16pt; color: #000000}
.eingabe_klein {  font-family: Arial, Helvetica, sans-serif; font-size: 12pt; color: #000000}

/* tabs */
#navlist
{
	padding: 3px 0;
	margin-left: 0;
	border-bottom: 1px solid #000;
	font-size: 9pt;
	font-family:Verdana, sans-serif;
}

#navlist li
{
	list-style: none;
	margin: 0;
	display: inline;
}

#navlist li a
{
	padding: 3px 0.5em;
	margin-left: 3px;
	border: 1px solid #778;
	border-bottom: none;
	background: #DDE;
	text-decoration: none;
}

#navlist li a:link { color: #448; }
#navlist li a:visited { color: #667; }

#navlist li a:hover
{
	color: #000;
	background: #AAE;
	border-color: #227;
}

#navlist li a#current
{
	background: white;
	border-bottom: 1px solid white;
	font-weight: bold;
}

/* Drag&Drop*/
#dhtmlgoodies_dragDropContainer{	/* Main container for this script */

}
#dhtmlgoodies_dragDropContainer ul{	/* General rules for all <ul> */
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;
	padding:1px;
}

#dhtmlgoodies_dragDropContainer li{	/* Movable items, i.e. <LI> */
	list-style-type:none;
	height:25px;
	background-color:#EEE;
	border:1px solid #000;
	padding:2px;
	margin-bottom:1px;
	cursor:pointer;
	font-size:8pt;
	text-align: center;
}

/* LEFT COLUMN CSS */
div#dhtmlgoodies_listOfItems{	/* Left column "Available students" */

	float:left;
	padding-left:10px;
	padding-right:10px;
	position: fixed;

	/* CSS HACK */
	width: 160px;	/* IE 5.x */
	width/* */:/**/140px;	/* Other browsers */
	width: /**/140px;

}
#dhtmlgoodies_listOfItems ul{	/* Left(Sources) column <ul> */
	height:560px;

}
div#dhtmlgoodies_listOfItems div{
	border:1px solid #999;
}
div#dhtmlgoodies_listOfItems div ul{	/* Left column <ul> */
	margin-left:10px;	/* Space at the left of list - the arrow will be positioned there */
}
div#dhtmlgoodies_listOfItems div ul li div{	/* info */
	position:relative;
	top:-10px;
	left:0px;
	width:auto;
	height:auto;
	border:0;
	color:#00f;
	text-align:left;
	font-weight:bold;
}
#dhtmlgoodies_listOfItems div p{	/* Heading above left column */
	margin:0px;
	font-weight:bold;
	padding-left:12px;
	background-color:#317082;
	color:#FFF;
	margin-bottom:2px;
}
/* END LEFT COLUMN CSS */

#dhtmlgoodies_dragDropContainer .mouseover{	/* Mouse over effect DIV box in right column */
	background-color:#E2EBED;
	border:1px solid #317082;
}

/* Start main container CSS */

div#dhtmlgoodies_mainContainer{	/* Right column DIV */
	width:590px;
	float:left;
	margin-left:160px;
}
#dhtmlgoodies_mainContainer div{	/* Parent <div> of small boxes */
	float:left;
	margin-right:1px;

	margin-bottom:1px;
	margin-top:0px;
	border:1px solid #999;

	/* CSS HACK */
	width: 132px;	/* IE 5.x */
	width/* */:/**/110px;	/* Other browsers */
	width: /**/110px;

}
#dhtmlgoodies_mainContainer div ul{
	margin-left:2px;
}
#dhtmlgoodies_mainContainer div ul li div{	/* info */
	position:relative;
	top:2px;
	left:0px;
	width:auto;
	height:auto;
	border:0;
	color:#00f;
	text-align:left;
	font-weight:bold;
}
#dhtmlgoodies_mainContainer div p{	/* Heading above small boxes */
	margin:0px;
	padding:0px;
	padding-left:12px;
	font-weight:bold;
	background-color:#317082;
	color:#FFF;
	margin-bottom:5px;
}
#dhtmlgoodies_mainContainer th{
	padding:4px;
	font-weight:bold;
	font-size:9pt;
	background-color:#317082;
	color:#FFF;
	margin:5px;
	width:90px;
	border-bottom:1px solid #000;
}
#dhtmlgoodies_mainContainer .dtd{
	padding:4px;
	font-weight:normal;
	font-size:8pt;
	background-color:#F0F0F0;
	color:#000;
	margin:5px;
	width:115px;
	border:1px solid #CCC;
}

#dhtmlgoodies_mainContainer .dtd2{
	padding:4px;
	font-weight:normal;
	font-size:8pt;
	background-color:#999999;
	color:#000;
	margin:5px;
	width:115px;
	border:1px solid #CCC;
}
#dhtmlgoodies_mainContainer ul{	/* Small box in right column ,i.e <ul> */
	width:105px;
	height:22px;
	border:0px;
	margin-bottom:0px;
	overflow:hidden;

}
#dhtmlgoodies_mainContainer .dtd div{	/* info */
	position:relative;
	top:2px;
	left:-1px;
	width:auto;
	height:auto;
	border:0;
	color:#00f;
	text-align:left;
	font-weight:bold;
}

#footer{
	height:30px;
	vertical-align:middle;
	text-align:right;
	clear:both;
	padding-right:3px;
	margin-top:2px;
	width:400px;
}
#footer form{
	margin:0px;
	margin-top:2px;
}

ul#css3menu1,ul#css3menu1 ul{
	margin:0;list-style:none;padding:0;background-color:#C0C0C0;background-image:url("mainbk.png");background-repeat:repeat;border-width:0px;border-style:solid;border-color:#999999;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
ul#css3menu1 ul{
	display:none;position:absolute;left:0;top:100%;-moz-box-shadow:0.7px 0.7px 1px #777777;-webkit-box-shadow:0.7px 0.7px 1px #777777;box-shadow:0.7px 0.7px 1px #777777;background-color:#FFF;background-image:none;border-width:1px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border-style:solid;border-color:#d8d9da;padding:0 9px 9px;}
ul#css3menu1 li:hover>*{
	display:block;}
ul#css3menu1 li{
	position:relative;display:block;white-space:nowrap;font-size:0;float:left;}
ul#css3menu1 li:hover{
	z-index:1;}
ul#css3menu1 ul ul{
	position:absolute;left:100%;top:0;}
ul#css3menu1{
	font-size:0;z-index:999;position:relative;display:inline-block;zoom:1;padding:1px 1px 1px 0;
	*display:inline;}
* html ul#css3menu1 li a{
	display:inline-block;}
ul#css3menu1>li{
	margin:0 0 0 1px;}
ul#css3menu1 ul>li{
	margin:1px 0 0;}
ul#css3menu1 a:active, ul#css3menu1 a:focus{
	outline-style:none;}
ul#css3menu1 a{
	display:block;vertical-align:middle;text-align:left;text-decoration:none;font:bold 12px Arial;color:#262626;cursor:default;padding:10px;background-color:#C0C0C0;background-image:url("mainbk.png");background-repeat:repeat;background-position:0 200px;border-width:0px;border-style:none;border-color:;}
ul#css3menu1 ul li{
	float:none;margin:9px 0 0;}
ul#css3menu1 ul a{
	text-align:left;padding:8px 0 0 0;background-color:#FFF;background-image:none;border-width:1px 0 0 0;border-style:solid;border-color:#D9D9D9;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;font:13px Arial;color:#333333;text-decoration:none;}
ul#css3menu1 li:hover>a,ul#css3menu1 li a.pressed{
	background-color:#C0C0C0;border-style:none;color:#efefef;background-image:url("mainbk.png");background-position:0 100px;text-decoration:none;}
ul#css3menu1 span{
	display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;}
ul#css3menu1 ul span{
	background-image:url("arrowsub.gif");padding-right:15px;}
ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li a.pressed{
	background-color:#FFF;background-image:none;border-style:solid;border-color:#D9D9D9;color:#55de3d;text-decoration:none;}
ul#css3menu1 li.topfirst>a{
	border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;-webkit-border-radius:4px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;text-shadow:#d8d8d8 0px 1px 1px;}
ul#css3menu1 li.topfirst:hover>a,ul#css3menu1 li.topfirst a.pressed{
	text-shadow:#3d3d3d 0px -1px 1px;}
ul#css3menu1 li.topmenu>a{
	text-shadow:#d8d8d8 0px 1px 1px;}
ul#css3menu1 li.topmenu:hover>a,ul#css3menu1 li.topmenu a.pressed{
	text-shadow:#3d3d3d 0px -1px 1px;}
ul#css3menu1 li.toplast>a{
	border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;-webkit-border-radius:0;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;text-shadow:#d8d8d8 0px 1px 1px;}
ul#css3menu1 li.toplast:hover>a,ul#css3menu1 li.toplast a.pressed{
	text-shadow:#3d3d3d 0px -1px 1px;}
ul#css3menu1 _>li>a{
	padding:0;}
ul#css3menu1 li.subfirst>a{
	border-width:0;border-style:none;padding:0;}
ul#css3menu1 li.subfirst:hover>a,ul#css3menu1 li.subfirst a.pressed{
	border-style:none;}

/* Artikel */
#contentContainer h2{	/* No margins above <h2> tags */
	margin-top:0px;
}
#mainContainer{
	width:775px;
	margin:0 auto;
	text-align:left;
	padding:5px;
	margin-top:20px;
	border:1px solid #000;
	background-color: #FFF;
}
#contentContainer{
	float:left;
	border:1px solid #000;
	background-color: #E2EBED;
	overflow:auto;
	margin-right:10px;
	padding:10px;

	/* CSS HACK */
	width: 497px;	/* IE 5.x */
	width/* */:/**/480px;	/* Other browsers */
	width: /**/480px;

	/* CSS HACK */
	height: 612px;	/* IE 5.x */
	height/* */:/**/590px;	/* Other browsers */
	height: /**/590px;

}
#contentContainer .openingText{
	color:red;
}
#articleListContainer{	/* <ul> container for article list */
	float:left;
	height:610px;
	overflow:auto;
	width:260px;
	border:1px solid #000;
	background-color:#FFF;
}
.articleList{
	margin:0px;
	padding:2px;
}
.articleList li{	/* General layout article in list */
	list-style-type:none;
	border:1px solid #999;
	background-color:#EEE;
	height: auto;
	margin:1px;
	padding:2px;
	color:#333;
	cursor:pointer;
}
.articleList li.articleMouseOver{	/* Mouse over article in list - layout */
	border:1px solid #000;
	color:#000;
}
.articleList li.articleClick{	/* Active article in list - layout */
	border:1px solid #000;
	color:#000;
	background-color:#317082;
	color:#FFF;
}
.keyText{	/* Just a column I use for key text inside articles - the one with the light blue bg and dotted border */
	background-color:#FFF;
	border:1px dotted #000;
	float:right;
	margin-top:5px;
	margin-left:5px;
	margin-bottom:5px;
	width:150px;
	padding:3px
}
.eingabebc{
	background-image:url(../images/bc.jpg);
}
.eingabebc2{
}
.clear{
	clear:both;
}

.icon-info {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	color: #2196F3;
	font-size: 18px;
	cursor: help;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	border: 2px solid #2196F3;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
}

.input-wrapper {
	position: relative;
	flex: 1;
}

/* Tabellen */


/* ============================================================================
   SORT-TABLE - SORTIERBARE TABELLEN MIT STICKY HEADER
   ============================================================================

   Verwendung für alle sortierbaren Listen (Starterliste, RO-Liste, etc.)

   Features:
   - Sticky Header (bleibt beim Scrollen sichtbar)
   - 3D-Button-Effekt bei Header-Zellen
   - Zebra-Muster (weiß/grau alternierend)
   - Orange Hover-Effekt
   - Funktioniert mit <td> UND <th> im Header!

   ============================================================================ */

.sort-table {
	background: #FFFFFF;
	color: WindowText;
	border-collapse: collapse;
}

.sort-table td {
	padding: 2px 5px;
}

.sort-table tbody tr {
	scroll-margin-top: 45px;
}

/* Zebra-Muster nur für tbody */
.sort-table tbody tr:nth-child(even) {
	background: #F0F0F0;
}

/* Hover-Effekt nur für tbody */
.sort-table tbody tr:hover {
	background: orange !important;
}

/* ============================================================================
   THEAD - MIT STICKY + 3D-BUTTONS
   ============================================================================ */

.sort-table thead {
	background: ButtonFace;
}

.sort-table thead tr {
	background: #CCCCCC;
	font-weight: bold;
	white-space: nowrap;
}

/* Header bleibt grau beim Hover */
.sort-table thead tr:hover {
	background: #CCCCCC !important;
}

/* STICKY + 3D-Button für <td> im Header */
.sort-table thead td {
	position: sticky;
	top: 0;
	z-index: 10;
	background-color: #CCCCCC;
	border: 1px solid;
	border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
	cursor: default;
	padding: 2px 5px;
	vertical-align: middle;
	font-weight: bold;
}

/* STICKY + 3D-Button für <th> im Header */
.sort-table thead th {
	position: sticky;
	top: 0;
	z-index: 10;
	background-color: #CCCCCC;
	border: 1px solid;
	border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
	cursor: default;
	padding: 2px 5px;
	vertical-align: middle;
	font-weight: bold;
}

/* Aktiv-State beim Klicken (für beide) */
.sort-table thead td:active,
.sort-table thead th:active {
	border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
	padding: 3px 4px 1px 6px;
}

/* Nicht-sortierbare Spalten (für beide) */
.sort-table thead td[_sortType=None]:active,
.sort-table thead th[_sortType=None]:active {
	border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
	padding: 2px 5px;
}

.sort-arrow {
	width: 11px;
	height: 11px;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0 2px;
	vertical-align: middle;
}

.sort-arrow.descending {
	background-image: url("../images/downsimple.png");
}

.sort-arrow.ascending {
	background-image: url("../images/upsimple.png");
}

.legacy-table {
	margin-left: auto;
	margin-right: auto;          /* align=center */

	border-collapse: separate;   /* erforderlich für cellspacing */
	border-spacing: 1px;         /* cellspacing=1 */

	background-color: #999999;   /* Tabellenhintergrund */
}

.legacy-table td,
.legacy-table th {
	padding: 2px;                /* cellpadding=2 */

}


.bdmp-form-table {
	border-collapse: separate;
	border-spacing: 1px;
	background-color: #999999;
	margin: 0 auto;
}

.bdmp-form-table th,
.bdmp-form-table td {
	padding: 5px 8px;
	background-color: #ffffff;
}

.bdmp-form-table th {
	font-weight: bold;
	text-align: left;
}

/* Verschachtelte Tabellen (z.B. Startgelder) */
.bdmp-form-table .bdmp-nested-table {
	background-color: #999999;
	border-spacing: 1px;
	width: 100%;
}

/* Zebra-Muster für verschachtelte Tabellen auf TD-Ebene */
.bdmp-form-table .bdmp-nested-table tbody tr:nth-child(odd) td {
	background-color: #ffffff;
}

.bdmp-form-table .bdmp-nested-table tbody tr:nth-child(even) td {
	background-color: #f0f0f0;
}

/* Hover-Effekt für verschachtelte Tabellen */
.bdmp-form-table .bdmp-nested-table tbody tr:hover td {
	background-color: orange !important;
}


.bdmp-list-table {
	border-collapse: separate;
	border-spacing: 1px;
	background-color: #999999;
	margin: 0 auto;
}

.bdmp-list-table th {
	padding: 3px;
	font-weight: bold;
	text-align: left;
	background-color: #ffffff;
}

.bdmp-list-table td {
	padding: 3px;
}

/* Zebra-Muster auf TD-Ebene im tbody */
.bdmp-list-table tbody tr:nth-child(odd) td {
	background-color: #ffffff;
}

.bdmp-list-table tbody tr:nth-child(even) td {
	background-color: #f0f0f0;
}

/* Hover-Effekt nur auf tbody-Zeilen */
.bdmp-list-table tbody tr:hover td {
	background-color: orange !important;
}

.bdmp-list-table thead th {
	position: sticky;
	top: var(--headline-height);
	z-index: 10;
	background-color: #fff;   /* th braucht eigenen Hintergrund, sonst scheint die Tabelle durch */
}

.bdmp-list-table thead {
	position: sticky;
	top: var(--headline-height);
	z-index: 10;
}

.bdmp-wk-table {
	border: 1px solid #000000;     /* Schwarzer Rahmen außen */
	border-collapse: collapse;      /* Durchgängige Linien */
	margin: 0 auto;                 /* Zentriert */
}

/* NUR direkte th/td Kinder (nicht in verschachtelten Tabellen!) */
.bdmp-wk-table > tbody > tr > th,
.bdmp-wk-table > tbody > tr > td {
	padding: 3px;
	border: 1px solid #999999;      /* Graue Trennlinien */
}

.bdmp-wk-table > tbody > tr > th {
	font-weight: bold;
	text-align: center;
}

/* Zebra-Muster: NUR für direkte Zeilen */
.bdmp-wk-table > tbody > tr:nth-child(odd) > th,
.bdmp-wk-table > tbody > tr:nth-child(odd) > td {
	background-color: #f0f0f0;      /* Grau */
}

.bdmp-wk-table > tbody > tr:nth-child(even) > th,
.bdmp-wk-table > tbody > tr:nth-child(even) > td {
	background-color: #ffffff;      /* Weiß */
}


.bdmp-wk-disciplines {
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
}

.bdmp-wk-disciplines th,
.bdmp-wk-disciplines td {
	padding: 1px;
	/* KEINE Rahmen hier! */
}
/* ============================================================================
   HILFEKLASSEN
   ============================================================================ */

/* Text-Ausrichtung */
.text-center {
	text-align: center;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

/* Nowrap */
.nowrap {
	white-space: nowrap;
}

/* Breiten */
.w-full {
	width: 100%;
}

.w-98 {
	width: 98%;
}

/* Input-Größen */
.input-sm {
	width: 30px;
}

.input-md {
	width: 295px;
}

div[style*="overflow: auto"] {
	scroll-padding-top: 45px;
}

/* Smooth Scrolling */
html {
	scroll-behavior: smooth;
}

.black-separator {
	background-color: #000000 !important;
	color: #ffffff;
	font-weight: bold;
	padding: 5px;
}

.warning-red {
	background-color: #ffebee !important;
	border-left: 4px solid #d32f2f !important;
}

.warning-icon {
	display: inline-block;
	margin-right: 8px;
	font-size: 1.2em;
	color: #d32f2f;
}

/* Äußere Tabelle: MIT Rahmen und Trennlinien */
.bdmp-starter-table {
	border-collapse: separate;
	border-spacing: 1px;
	background-color: #999999;
	margin: 0 auto;
}

.bdmp-starter-table > thead > tr > td,
.bdmp-starter-table > thead > tr > th {
	padding: 8px;
	background-color: #f0f0f0;
}

.bdmp-starter-table > tbody > tr > td,
.bdmp-starter-table > tbody > tr > th {
	padding: 8px;
	background-color: #ffffff;
}

.bdmp-starter-table > tbody > tr > th {
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}

/* Zebra-Muster für äußere Tabelle */
.bdmp-starter-table > tbody > tr:nth-child(odd) > td,
.bdmp-starter-table > tbody > tr:nth-child(odd) > th {
	background-color: #ffffff;
}

.bdmp-starter-table > tbody > tr:nth-child(even) > td,
.bdmp-starter-table > tbody > tr:nth-child(even) > th {
	background-color: #f0f0f0;
}

/* Innere Tabellen (Disziplin-Liste): OHNE Rahmen, MIT Zebra */
.bdmp-starter-disciplines {
	width: 100%;
	border-collapse: collapse;
	background-color: transparent;
}

.bdmp-starter-disciplines td {
	padding: 5px;
	border: none;
}

/* Zebra-Muster für Disziplin-Liste (OHNE Trennlinien) */
.bdmp-starter-disciplines tbody tr:nth-child(odd) td {
	background-color: #ffffff;
}

.bdmp-starter-disciplines tbody tr:nth-child(even) td {
	background-color: #f0f0f0;
}

/* Aufgeklappte Disziplin-Details: OHNE Rahmen, MIT Zebra */
.bdmp-starter-details {
	width: 100%;
	border-collapse: collapse;
	background-color: transparent;
}

.bdmp-starter-details td {
	padding: 5px;
	border: none;
}

/* Zebra-Muster für Details (OHNE Trennlinien) */
.bdmp-starter-details tbody tr:nth-child(odd) td {
	background-color: #ffffff;
}

.bdmp-starter-details tbody tr:nth-child(even) td {
	background-color: #f0f0f0;
}

/* Container für aufgeklappte Bereiche (Umrandung bleibt im div/inline-style) */
.discipline-container {
	display: none;  /* Wichtig: Standardmäßig versteckt */
	border: thin solid #999999;
	padding-left: 5px;
}

.simple-table {
	border-collapse: collapse;  /* entspricht border=0 + cellspacing=0 */
	width: 100%;
}

.simple-table td,
.simple-table th {
	padding: 1px;  /* entspricht cellpadding=1 */
}

.simple-table0 {
	border-collapse: collapse;  /* entspricht border=0 + cellspacing=0 */
}

.simple-table0 td,
.simple-table0 th {
	padding: 0px;  /* entspricht cellpadding=0 */
}

.simple-table3 {
	border-collapse: separate;  /* entspricht border=0 + cellspacing=0 */
}

.simple-table3 td,
.simple-table3 th {
	padding: 3px;  /* entspricht cellpadding=3 */
}

.startplan-table {
	border-collapse: separate;  /* WICHTIG: separate, nicht collapse! */
	border-spacing: 1px;
	width: 98%;
	background-color: #000000;
	margin: 0 auto;
}

.startplan-table td,
.startplan-table th {
	padding: 1px;  /* entspricht cellpadding=1 */
}

.startplan_bg {
	background-color:#999999;
}

/* Warnungen */
.warning-red {
	background-color: #ffebee !important;
	border-left: 4px solid #d32f2f !important;
}

.warning-icon {
	display: inline-block;
	margin-right: 8px;
	font-size: 1.2em;
	color: #d32f2f;
}

/* Option 2: Gelbe Warnung (Mittel) */
.warning-yellow {
	background-color: #fff9c4 !important;
	border-left: 4px solid #f57f17 !important;
}

.warning-symbol {
	display: inline-block;
	margin-right: 5px;
	font-size: 1.3em;
	color: #f57f17;
}

/* Option 3: Pulsierende Animation (Sehr dringend) */
.warning-pulse {
	background-color: #ffebee !important;
	animation: pulse 2s ease-in-out infinite;
}

@keyframes pulse {
	0%, 100% {
		background-color: #ffebee;
	}
	50% {
		background-color: #ffcdd2;
	}
}

.warning-pulse .warning-icon {
	animation: pulse-icon 1s ease-in-out infinite;
}

@keyframes pulse-icon {
	0%, 100% {
		transform: scale(1);
		opacity: 1;
	}
	50% {
		transform: scale(1.2);
		opacity: 0.7;
	}
}

/* Option 4: Blinkendes Icon */
.warning-blink {
	background-color: #fff3e0 !important;
}

.warning-blink-icon {
	display: inline-block;
	margin-right: 8px;
	animation: blink 1.5s ease-in-out infinite;
}

@keyframes blink {
	0%, 49%, 100% {
		opacity: 1;
	}
	50%, 99% {
		opacity: 0.3;
	}
}

/* Option 5: Badge/Label */
.warning-badge {
	background-color: #fff9c4 !important;
}

.warning-label {
	display: inline-block;
	background-color: #d32f2f;
	color: white;
	padding: 2px 8px;
	border-radius: 12px;
	font-size: 0.85em;
	font-weight: bold;
	margin-left: 10px;
	vertical-align: middle;
}

/* Option 6: Tooltip mit Warnung */
.warning-tooltip {
	background-color: #fff9c4 !important;
	position: relative;
}

.warning-info {
	display: inline-block;
	width: 18px;
	height: 18px;
	background-color: #f57f17;
	color: white;
	border-radius: 50%;
	text-align: center;
	line-height: 18px;
	font-size: 12px;
	font-weight: bold;
	margin-left: 5px;
	cursor: help;
	position: relative;
}

.warning-info:hover::after {
	content: attr(data-warning);
	position: absolute;
	bottom: 25px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #333;
	color: white;
	padding: 8px 12px;
	border-radius: 4px;
	white-space: nowrap;
	font-size: 12px;
	font-weight: normal;
	z-index: 1000;
	box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}

.warning-info:hover::before {
	content: '';
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #333;
	z-index: 1000;
}

/* Option 7: Gestrichelte Umrandung */
.warning-dashed {
	background-color: #fff9c4 !important;
	border: 2px dashed #f57f17 !important;
}

.warning-triangle-pulse {
	background-color: #ffebee !important;
}

.warning-triangle-pulse .triangle-icon {
	display: inline-block;
	margin-right: 8px;
	font-size: 1.3em;
	color: #ff0000;
	animation: pulse-triangle 1.5s ease-in-out infinite;
}

@keyframes pulse-triangle {
	0%, 100% {
		transform: scale(1);
		filter: drop-shadow(0 0 0px #ff0000);
	}
	50% {
		transform: scale(1.3);
		filter: drop-shadow(0 0 8px #ff0000);
	}
}
.warning-triangle-css {
	display: inline-block;
	width: 0;
	height: 0;
	margin-right: 8px;
	vertical-align: middle;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 14px solid #ff0000;
	position: relative;
	animation: blink-red-triangle 1s ease-in-out infinite;
}

/* Ausrufezeichen im Dreieck */
.warning-triangle-css::after {
	content: '!';
	position: absolute;
	top: 3px;
	left: -3px;
	color: white;
	font-weight: bold;
	font-size: 10px;
}

@keyframes blink-red-triangle {
	0%, 100% {
		border-bottom-color: #ff0000;
		opacity: 1;
	}
	50% {
		border-bottom-color: #8b0000;
		opacity: 0.6;
	}
}

.warning-pulse-icon {
	display: inline-block;
	margin-right: 5px;
	color: #d32f2f;
	font-size: 1.2em;
	animation: pulse-warning 1.5s ease-in-out infinite;
}

@keyframes pulse-warning {
	0%, 100% {
		transform: scale(1);
		opacity: 1;
	}
	50% {
		transform: scale(1.2);
		opacity: 0.7;
	}
}

@media (max-width: 900px) {
	.rtitel { display: none; }
}

@media (max-width: 700px) {
	.ltitel1 { display: none; }
}

#awp_optionen { transition: opacity .15s; }
#awp_optionen.ist-deaktiviert { opacity: .45; pointer-events: none; }

/* ==========================================================================
   Standbelegung: Drag&Drop (inc/js/range_dnd.js, Pointer Events)
   Ersetzt die alten DHTML-Goodies-Regeln (#dragContent, #dragDropIndicator,
   li#indicateDestination), die entfernt wurden.
   ========================================================================== */

/* Eintraege: Scrollen erlaubt, Doppeltipp-Zoom aus, kein Textmarkieren / iOS-Kontextmenue */
#dhtmlgoodies_dragDropContainer li {
	cursor: grab;
	touch-action: manipulation;
	-webkit-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
}

/* Hoehe einer Zelle fuer 1 Eintrag (25 + 2*2 Padding + 2*1 Rahmen + 1 Abstand + 3 Luft).
   Frueher hat das JavaScript das pro Zelle als Inline-Style gesetzt. */
#dhtmlgoodies_mainContainer ul {
	height: 34px;
}

/* Touch: Eintrag wird gerade "erkannt" (Finger liegt, Haltezeit laeuft) */
#dhtmlgoodies_dragDropContainer li.dnd-pressing {
	background-color: #cfe3e8;
	border-color: #317082;
	transition: background-color .3s;
}

/* Original-Eintrag waehrend des Ziehens */
#dhtmlgoodies_dragDropContainer li.dnd-source {
	opacity: .35;
}

/* Zelle, in die gerade nicht abgelegt werden kann (belegt) */
#dhtmlgoodies_dragDropContainer .dnd-invalid {
	background-color: #f6d6d6;
	border: 1px solid #b01f26;
}

/* Der mitgezogene Eintrag */
.dnd-ghost {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 2000;
	margin: 0;
	padding: 0;
	list-style: none;
	pointer-events: none;
	will-change: transform;
	box-shadow: 0 6px 14px rgba(0, 0, 0, .35);
}
.dnd-ghost li {
	list-style-type: none;
	height: 25px;
	margin: 0;
	padding: 2px;
	background-color: #fff7c2;
	border: 1px solid #317082;
	font-size: 8pt;
	text-align: center;
	animation: dnd-pop .12s ease-out;
}
.dnd-ghost li div {
	position: relative;
	top: -10px;
	left: -1px;
	width: auto;
	height: auto;
	border: 0;
	color: #00f;
	text-align: left;
	font-weight: bold;
}
.dnd-ghost.dnd-will-remove li {
	background-color: #fbd0d0;
	border-color: #b01f26;
}
@keyframes dnd-pop {
	from { transform: scale(.85); }
	to   { transform: scale(1); }
}

/* Waehrend des Ziehens */
body.dnd-active {
	cursor: grabbing;
	-webkit-user-select: none;
	user-select: none;
}
body.dnd-active #cluetip,
body.dnd-active #cluetip-waitimage {
	display: none !important;   /* keine Kommentar-Tooltips im Weg */
}


/* ==========================================================================
   Aufklappmenue: lange Untermenues (inc/js/menu_fit.js setzt dann max-height)
   ========================================================================== */
ul#css3menu1 ul {
	overscroll-behavior: contain;          /* Mausrad scrollt nicht die Seite mit, wenn die Liste am Ende ist */
	scrollbar-width: thin;                 /* Firefox, neuere Chrome/Safari */
	scrollbar-color: #8c98a4 #eef1f4;
}
/* aeltere Safari/Chrome: Scrollleiste sichtbar halten (macOS blendet sie sonst aus,
   man sieht dann nicht, dass die Liste weiter geht) */
ul#css3menu1 ul::-webkit-scrollbar {
	width: 10px;
}
ul#css3menu1 ul::-webkit-scrollbar-track {
	background: #eef1f4;
	border-radius: 5px;
}
ul#css3menu1 ul::-webkit-scrollbar-thumb {
	background: #8c98a4;
	border: 2px solid #eef1f4;
	border-radius: 5px;
}