/* CONTENT ALL PAGES - GENERAL STUFF -> "/resources/css/formate.css" */

/* download-information.php */
.alt-theme-color .fact-box,
.alt-theme-color .tech-card  {background: #434b57 !important; }
.alt-theme-color .go-signal {background: #32363e;}
.alt-theme-color .icon-inline {fill: #95a5a6; }

.alt-theme-color .icon-download-btn {fill: #bfbfa4;}

/* Scrollbalken-Styling für den Dark Mode */
.alt-theme-color ::-webkit-scrollbar {
    width: 12px;               /* Breite des Balkens */
    background: #222;          /* Hintergrund der Leiste */
}
.alt-theme-color ::-webkit-scrollbar-thumb {
    background-color: #555;    /* Farbe des beweglichen Schiebers */
    border-radius: 10px;       /* Abgerundete Ecken */
    border: 3px solid #222;    /* Abstand zum Rand */
}
.alt-theme-color ::-webkit-scrollbar-thumb:hover {
    background-color: #777;    /* Farbe beim Drüberfahren */
}
/* Für Firefox */
.alt-theme-color {scrollbar-width:auto;scrollbar-color:#555 #222;}
/* Scrollbalken-Styling [ENDE] */

.alt-theme-color #bg_header {background-color: #333;}

.alt-theme-color, 
.alt-theme-color #content {
	color: #7e8e98; 
	background-color: #333 !important;
}

.alt-theme-color #content h3, 
.alt-theme-color #content h4, .alt-theme-color #content h5 {
	color: #8796a4;
}

.alt-theme-color #content a:link {color: #8E89AC;}
#content-middle h1:first-child + p, #content-middle h1 + p:first-of-type {
    color: #666;
    border-left: 5px solid #505a66;
}
.alt-theme-color #content .big_button {
    color: #bfbfa4 !important;
    border-top: 2px solid #6b8857;
    border-bottom: 2px solid #45533f;
    background: #525e4d;
    color: #efefef;
}

.alt-theme-color .letterbar a {
    color: #266DBB;
    border: 1px solid #3C5F93;
    background-color: #353535;
}

.alt-theme-color #content .letterbar  a {color: #0074AB;}
.alt-theme-color .letterbar a:hover {border:1px solid #5B92C8; background-color:#B7E2EB;}

.alt-theme-color #content-right h5 {border-bottom: 5px solid #3c3c3c;}
.alt-theme-color #content-right .nav-level-2 {border-bottom: 3px solid #3c3c3c !important;}
.alt-theme-color #content-right {border-left:1px solid #3c3c3c;}

/* Greift nun für JEDEN Link in der Sidebar beim Hover */
.alt-theme-color #content-right nav li a:hover {
	background-color:#444253 !important;
	color: #e1f8ff;
}
.alt-theme-color #content-right > ul > li, .alt-theme-color #content-right > ol > li {
	color: #7e8e98;
    border-bottom: none;
    border-top: none;
}
.alt-theme-color #content-right li:last-child {border-bottom: 0;}

.alt-theme-color .inline-box { /* "/legal/datenschutz.php" */
    border: 1px solid #73a4c2;
    background-color: #454962;
    /*padding: 0 3px 0 3px;*/
}

/* FAQ */
.alt-theme-color .faq-topic-title {border-bottom: 0 solid #3c3c3c !important;}
.alt-theme-color .menutitle h3 {background-color:#434b57;}
/*.alt-theme-color .menutitle a {background-color:#40424d;}*/ /* currently not enabled */
.alt-theme-color .menutitle {background-color:#40424d;}

/* TIMELINE -> "/resources/css/timeline.css" */
.alt-theme-color .flag {background: rgb(69, 89, 119);}
.alt-theme-color .direction-r .flag::after {border-right-color: rgb(69, 89, 119);}
.alt-theme-color .direction-l .flag::after {border-left-color: rgb(69, 89, 119);}
.alt-theme-color .time {background: rgb(19, 19, 19);}
/* END TIMELINE */

.alt-theme-color ul.odd_list > li:first-of-type {border-top:none;}
.alt-theme-color ul.odd_list > li:last-of-type {border-bottom:none;}
.alt-theme-color .fat, .alt-theme-color .formular legend {color: #567bb3;}

.alt-theme-color .odd_list li:nth-child(2n+1) {background: #3c3c3c;}
.alt-theme-color .odd_list li:first-child {border-top: 1px solid #444;}
.alt-theme-color .odd_list li {border-bottom: 1px solid #0c1a24;}



/* FORM ELEMENTS - LEAVE FEEDBACK, LOGIN etc. */
.alt-theme-color .formular fieldset {background: #323b44;}
.alt-theme-color .feedback fieldset {background:#323b44 url('/resources/images/feedback_trans_darkmode.gif') no-repeat bottom right;}
.alt-theme-color .formular input[type="text"], 
.alt-theme-color .formular input[type="email"],
.alt-theme-color .formular input[type="password"],
.alt-theme-color .formular textarea, 
.alt-theme-color .formular select,
.alt-theme-color .hl-wrapper {
	background-color: #647882; 
	border: 2px solid #5d608e;
	xxcolor: #fff; /* Wichtig für die Lesbarkeit im Dark Mode */
}

.alt-theme-color .formular input[type="submit"], 
.alt-theme-color .formular input[type="button"] {
    background-color: #525e4d;
    border-bottom: 2px solid #5f775f;
    color: #ccc777;
}

.alt-theme-color .formular input[type=submit]:hover, 
.alt-theme-color .formular input[type=button]:hover {
    border-bottom: 1px solid #5f775f; 
}

.alt-theme-color label span.error {color: #ae6464;}

/* ANIMATED DOWNLOAD LINK */
/*.alt-theme-color .downloadDocument .cc-m-download-link:after{background-color:#9095a5;}*/

.alt-theme-color .footerholder {border-top: 1px solid #203a53;}



/* CHECKBOX STYLED */
.alt-theme-color label.checkmark {
	outline: 2px solid #305c9e;
	background: #334e68;
}
/* On mouse-over, add a grey background color */
.alt-theme-color label.checkmark:hover {
  background-color: #5d9ccc;
  cursor:pointer;
}
/* When the checkbox is checked, add a blue background */
.alt-theme-color input#accept:checked ~ label.accept, 
.alt-theme-color input#remember_me:checked ~ label.remember_me,
.alt-theme-color input#rememberMe:checked ~ label.rememberMe  {
	background-color: #2196F3;
}
/* Create the checkmark/indicator (hidden when not checked) */
.alt-theme-color label.checkmark:after {
  content: "";
  position: relative;
  display: none;
}
/* Style the checkmark/indicator */
.alt-theme-color label.checkmark:after {
	left: 5px;
	top: 2px;
	width: 5px;
	height: 9px;
	border: solid #5b51a4;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
/* END CHECKBOX STYLED */


/* TABLES -> "/resources/css/table.css" */
.alt-theme-color tr.border_bottom td {
	border-bottom: 2pt solid #2B2B2B;
}



/* ==================================== WENN SCHMAL! ================================== */
@media screen and (max-width: 600px) { 
	/*** CHECKOUT Media Queries -> BESTELLUNG PRÜFEN ***/
	.alt-theme-color table tr {
	    border-bottom: 3px solid #0c1a24;
	    background-color: #3c3c3c;
	}
	.alt-theme-color table td{border-bottom: 1px solid #4d4d4d!important;}

	/*** TIMELINE Media Queries -> "/timeline.css" ***/
	.alt-theme-color .desc {background:#505050;} /* background color timeline text/description */
	.alt-theme-color .direction-l .flag:after,
	.alt-theme-color .direction-r .flag:after {
		border: solid transparent;
		border-bottom-color: rgb(69, 89, 119);
		border-width: 8px;
		/* pointer-events: none;*/
	}
}