@charset "UTF-8";
/* MD 25.01.2021 */
section.wvv-spezialmodul-dach .wvv-box-content-white a{
	color:white;
}
/*************** */


/* MD 25.01.2021 */
section.wvv-tabe .wvv-tabe-container .wvv-tabe-inner-text a{
	color:white;
}
/*************** */

/* FB 19.07.2021 */
section.formedit-contact form .form-combo select {
	background-color: transparent;
}
section.formedit-contact form .form-combo .float-label{
	color: #758085;
}
/*************** */

/* MD 04.02.2021 */
pv-configurator .form-group label {
	color:white;
}
/*************** */
/* MD 13.04.2021 (Issig) */
pv-configurator .form-check-inline .form-check-input {
	display: block;
}
pv-configurator .form-group .form-check-inline label{
	position: static;
}

/* MD 21.10.2021 
*  Button CTA Bar für Bestellstrecken
*/
.wvv-red-bar form{
	display: inline;
}

.wvv-red-bar form button.wvv-arrow-right{
	background:none;
	background-image: url("https://www.wvv.de/media-technisch/sources/img/icons/arrow-middle-ic.svg");
	background-position: right center;
	background-repeat: no-repeat;
	border: none;
	color: white;
	padding-right: 35px;

}
/* MD 11.02.2022 */
.wvv-c-newsticker{
	border: 1px solid #000;
}
/******************/

/*********************/
/* MD 09.03.22 */
section.formedit-contact form .form-combo .float-label{
	z-index: 700 !important;
}

.ignore-css{all:unset;}

/* MD SAP CDC Center */
#SAP_CDC_SECTION input::placeholder{
    color: #495057;
	font-size: 0.9em;
}

/*MD 11.07.2023 */
.wvv-header-first-row .row{
	flex-wrap:nowrap; }
	
/* *********************/
/*************** */

	section.formedit-contact form .form-datepicker{
		margin-bottom: 30px;
		margin-top: 30px;
	}

	section.formedit-contact form .form-datepicker .float-label {
		position: relative;
		bottom: 220px;
		z-index: 999;
	}

	.xdsoft_datetimepicker.xdsoft_inline {
		top: 30px;
		position: relative !important;
	}
@media (min-width: 440px) {
	section.formedit-contact form .form-datepicker .float-label {
		left: -310px;
	}
}
/* MD PopUp Banner */
.wvv-popupbanner{
	/*width: 400px;*/
	padding: 0px 10px 20px 10px;
	margin: 100px auto;
	left: 20%;
	right: 20%;
	background:#fff;
	z-index: 10000;
	border: 1px solid #d50041;
	position: fixed;
	display: none;
	overflow: hidden;
}

.wvv-popupbanner .closebtn{
	float: right;
	cursor: pointer; 
	color: #d50041;
	font-size: 1.2em;
	transition: 0.3s;
	font-weight: bold;
}

.wvv-popupbanner h3{
	font-size: 1.1em;
	font-weight: bold;
}

/* *********************/

/* Webforms .  */
.webforms-container > section{
	margin-top: 24px;
}
section.pf-footer .webforms-container > section > .container{
	padding-top: 0;
}
.pf-footer .mwf-form{
	min-width:100%
}
.mwf-form .mwf-pager, .mwf-form .mwf-cancel{
	display: none
}
.mwf-form .mwf-label{ 
	color:#000;
	font-size: 12px; 
}
.mwf-form li.mwf-captcha {width: 100%;}
.mwf-form .mwf-captcha label.mwf-label{
	color:#000;
    position: relative;
    left: 216px;
    bottom: -28px;
	font-size: 12px; 
	transition: bottom ease-in-out 0.15s, font-size ease-in-out 0.15s;
}

.mwf-input input[type="text"],.mwf-input input[type="password"],.mwf-input input[type="email"],.mwf-input input[type="url"],.mwf-input input[type="search"],.mwf-input textarea {
    display: block;
    height: 36px;
	border: none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-radius: 0 !important;
    font-size: 1rem;
    font-weight: 300;
    padding: 0;
    background-color: transparent;
    background-image: none !important;
    box-shadow: none;
    border-bottom: 1px solid #758085; 
	margin-left: 0;
}

.mwf-form ul > .mwf-captcha img{}
.mwf-form ul > .mwf-captcha input[type="text"] {
    display: block;
    height: 36px;
    width: calc(100% - 212px);
    border: none;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-radius: 0 !important;
    font-size: 1rem;
    font-weight: 300;
    padding: 0;
    background-color: transparent;
    background-image: none !important;
    box-shadow: none;
    border-bottom: 1px solid #758085; 
	margin-left: 12px}
@media (max-width: 575.98px) {
	.mwf-form ul > .mwf-captcha input[type="text"] {
		width: 100% } 		
	.mwf-form .mwf-captcha label.mwf-label{
		left: 0px;
		bottom: -100px;
	}
	.mwf-form .mwf-captcha label.mwf-label.flow-up{
		bottom: -72px;
	}
}

.mwf-form .mwf-hint{font-size: 12px; color: #758085;}

.mwf-form h3{
	color: #d50041;
	margin-top: 3rem !important;
	margin-bottom: 1.5rem !important;
	font-size: 3.125rem;
	font-family: 'Roboto Slab', serif;
	font-weight: 500;
	line-height: 1.2;}
	@media (max-width: 991.98px) {
		.mwf-form h3 {
			font-size: 2.25rem; } }
	@media (max-width: 575.98px) {
		.mwf-form h3 {
			font-size: 1.75rem; } }

.mwf-button--submit:disabled {background: #ffffff!important; color:#758085!important;cursor: not-allowed; }

.mwf-form fieldset > span.mwf-option{float:left;}
.mwf-form .mwf-upload-dropzone > h3 {font-size:1.2em;margin-top:0!important; margin-bottom:0!important;}
.mwf-form ul>li .mwf-option{white-space: normal;}
.mwf-from .mwf-captcha .mwf-input > a {margin-right: 16px}
.mwf-form ul>li.mwf-fatlabel .mwf-label{font-weight: bold;}
.mwf-form ul>li.mwf-grey{color:#758085; font-size: 12px;}


.mwf-form .p-autocomplete{
	display: inline;
}

/* Formcentric
***********************************************************
*/
.mwf-form {
	max-width: 100%;
}


@media (min-width: 768px) {
    .mwf-textinput--s {
        display: inline-flex;
        width: 24%;
    }
    .mwf-textinput--m {
        display: inline-flex;
        width: 33%;
    }
}



/************************ */

/* ***********************
*	Wabenrechner
*************************/ 
#zone_planner{
	padding: 10px; 
}

#zone_planner .result-zone{
	color: #d5004;
	font-weight: bold;
	font-size: 1.2em;
}

#zone_planner ul{
	padding:0;
	margin-bottom:0;
}
/****************************************/

@media (max-width: 767.98px){
  li.mwf-m, li.mwf-l, li.mwf-s{
    width: 100% !important;
  }
}

.console{
	margin: 12px;
	padding: 4px;
	display: block;
	width: 100%;
	min-height: 200px;
	resize: vertical;
	background: #eee;
	word-break: break-all;
	transition: border .1s ease;
	overflow: auto;
}

/* ***********************
*	Gewitterampel
*************************/ 
#gewitterampel{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      min-height: 50vh;
      font-family: Arial, sans-serif;
      padding: 20px;
}

#gewitterampel h1{
	margin-bottom:20px;
}
#gewitterampel p {
      margin-top: 20px;
      max-width: 300px;
      text-align: center;
}

#gewitterampel .ampel{
      width: 100px;
      background-color: #333;
      border-radius: 20px;
      padding: 20px;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 20px;
      box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

#gewitterampel .licht {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      background-color: #111;
      box-shadow: inset 0 0 10px #000;
      transition: background-color 0.3s, box-shadow 0.3s;
}


#gewitterampel .red.an { background-color: red; box-shadow: 0 0 20px red; }
#gewitterampel .yellow.an { background-color: yellow; box-shadow: 0 0 20px yellow; }
#gewitterampel .green.an { background-color: limegreen; box-shadow: 0 0 20px limegreen; }

/****************************************/

/* FB 27.11.25 */
.mwf-checkbox__text {
  display: block;
}