:root {
	--main-bg-color:#FFF; /* weiss */
	--main-primary-color:#eee;
	--main-primary-font-color:#242424;
	--main-secondary-color:#b9b9b9;
	--main-tertiary-color:#FFF;	
	--main-tertiary-font-color:#000;
	--main-tertiary-border-color:#fec;	
	--main-button-color:#2d2d2d;
	--main-link-color:#df0c0c;
}

/*
_:root {
	--main-bg-color:#FFF; /* weiss */
	--main-primary-color:#5D5C5C;
	--main-primary-font-color:#FFF;
	--main-secondary-color:#777;
	--main-tertiary-color:#FFF;	
	--main-tertiary-font-color:#000;
	--main-tertiary-border-color:#fec;	
	--main-button-color:#FFF;
	--main-link-color:#000;
}
*/


/*
@font-face {
    font-family: 'Reggea One';
    src: url('../Fonts/ReggaeOne-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

* {
    font-family: 'Reggea One', 'Noto Sans', sans-serif;
}
*/
body, * {
	font-family: 'myriad-pro',sans-serif;
	font-size: 16px;
	line-height: 1.33333333;
	color: #2l2l2f;
}



/* Sprachmenue */
ul#lang_wrap {
	display:block;
	position:static;
	text-align:right;
}
ul#lang_wrap li {
	display:inline-block;
}
.lang_btn {
	background-color: var(--main-primary-color) !important;
}
.lang_btn:hover {
	background-color: var(--main-secondary-color) !important;
}
/* Sprachmenue Ende */

body, html {
	background-color:var(--main-bg-color);
}

.mainheader {
	background-color:#FFF;
	color:#000;
	height:50px;
}
.mainheader a.schalter_ein {
	color:#000 !important;
}

.wizard li span {
	box-shadow: 0 0 2px white;
}
.wizard li.active span.round-tab {
    background: #fff;
    border: 6px solid #DA001A;
}

.wizard li.active:after {
	border-bottom-color: #DA001A;
}

.content__error {
	opacity:0.85;
}

#filter_accordion .ui-state-active, #sugg_accordion .ui-state-active, .ui-state-active, select option:selected {
	background-color: var(--main-primary-color);
	border-color: var(--main-primary-color);
	color:  var(--main-primary-font-color);
}

.ui-accordion-header {
	background-color: var(--main-primary-color);  
	color: var(--main-primary-font-color);
}

#sugg_accordion .ui-state-active {
	background-color: var(--main-primary-color); 
	border-color: var(--main-primary-color); 
	color: var(--main-primary-font-color);
}


/* Bootstrap-Items */
.btn, .btn-primary {
	background-color: var(--main-primary-color);
	color: var(--main-button-color);
}

.btn:active, .btn:focus, .btn:hover {
	background-color: var(--main-secondary-color)  !important;
	color: var(--main-button-color);
}

.btn.disabled:hover,
.btn[disabled]:hover {
	background-color: var(--main-primary-color) /* !important */;
}

.panel .panel-heading, #info_box > .panel-heading, .panel .panel-heading .accordion-toggle {
	background-color: var(--main-primary-color);
	border: 1px solid var(--main-primary-color) !important;
	color: var(--main-primary-font-color);
}
.panel {
	background-color: var(--main-bg-color);
	border: 1px solid var(--main-primary-color) !important;
	color: var(--main-primary-font-color);
}

#banner {
	max-width: 767px;
	margin:auto !important;
}

#banner_r, #banner_l {
	display:block-inline;
	height:100px;
	line-height:100%;
}

#banner_r {
	background:url(../images/MG-Logo-dunkelblau.svg) center no-repeat;
	background-size: contain;
	background-position:right center;
	margin-top:12px;
}

#banner_l h1 {
	position:absolute;bottom:0;
	font-weight:normal;
	font-size:30px;
}

#banner_l {
	background:url(../images/Serviceportal_Neuss.png) center no-repeat;
	background-size: auto 100px;
	background-position:left center;
}

.content/*--mdt*/ {
	margin-top:0;
        padding: 60px 30px;
}

.colored-title, .modal-dialog a , a.infolink {
	color:var(--main-link-color) !important;
}


.kontrast .panel, .kontrast .panel .panel-heading, .kontrast #info_box > .panel-heading, .kontrast .panel .panel-heading .accordion-toggle {
	background-color: #000;
	border: 1px solid #000 !important;
	color: #FFF;
}

#cookie_msg .btn {
                border: 2px solid #dbaf01 !important;
                color: #242424;
                }

#cookie_msg .btn:hover {
                        color: #242424;
                        border: 2px solid #dbaf01 !important;
}

#cookie_msg_btn_yes {
                background-color: #dbaf01;
                border: 2px solid #dbaf01cf !important;
}

#cookie_msg_btn_yes:hover {
                background-color: #dbaf01ab !important;
                border: 2px solid #dbaf01cf !important;
}

#cookie_msg_btn_no {
                background-color: transparent;
                border: 2px solid transparent !important;
}

#cookie_msg_btn_no:hover {
                background-color: #dbaf01ab !important;
                border: 2px solid #dbaf01cf !important;
}

input#locbutton.sel_button.btn.btn-primary.fifty {
        color: #FFF;
        background-color: #DA001A;
}

input#locbutton.sel_button.btn.btn-primary.fifty:hover {
        color: #666;
}

#vidvid {
	position:fixed;
	right:0;
	bottom:0;
}

#footer {
	background-color: var(--main-primary-color);
	color:  var(--main-primary-font-color);
	max-width:767px;
	margin:auto;
}

#footer *, #footer_link_help {
	background-color: var(--main-primary-color);
	color:  var(--main-primary-font-color);
}
div#customfootercontent {
	color: var(--main-primary-color) !important;
	background-color:  var(--main-primary-font-color) !important;
	box-shadow: 0 -5px 5px -5px #333;
	padding:3px;
}

/* #buttonfunktionseinheit-13 {
	  display: none !important;
 } */

/* #buttonfunktionseinheit-21 {
	  display: none !important;
 } */



/* #buttonfunktionseinheit-22 {
	               display: none !important;
} */


/* .languageSelect {
    display: none !important;
} */

@media (max-width: 760px) {
	#banner {
		h_eight:120px;
	}
	#banner_l {
		display:none;
	}
	#banner_r {
		background-position:center center;
		width:100%;
	}
	.content--mdt {
		/*margin:10px auto 20px;*/
                padding: 60px 30px;
	}
}


#link_privacy_notes {
	        display: none !important;
	}

/*Hebt den Text für den Bestätigungslink hervor */
div#reserve_confirmed.tvweb_form p {
	        font-weight: bold;
	        color: #DA001A;
}