/* ------------------------------------------------ 
	MAILFORM 
	------------------------------------------------ */	
    /* ----FONT (CF-7) ---- */
    form #submit input,
    .wpcf7 form.sent .wpcf7-response-output {
       font-family: 'Roboto_Medium','Helvetica','Arial',sans-serif;
    }
    .field-wrapper textarea::placeholder {
      font-family: 'Roboto_Regular','Helvetica','Arial',sans-serif;
    }
	
    form input,
    form textarea,
    form .field-wrapper .wpcf7-form-control.wpcf7-select,
    .wpcf7 form.invalid .wpcf7-response-output,
    .wpcf7 form.sent .wpcf7-response-output { font-size: 1.05rem; }

     /*form .i-label,*/
	.wpcf7-list-item-label,
	.wpcf7-not-valid-tip,
    .checkbox-wrapper label{ font-size: .9rem; }

    .wpcf7 form.invalid .wpcf7-response-output,
    .wpcf7 form.sent .wpcf7-response-output,
    .checkbox-wrapper .wpcf7-list-item-label { line-height: 140%;}

    /* ---- COLOR (CF-7) ---- */
    /*placeholder*/
    form .field-wrapper .wpcf7-form-control.wpcf7-select {color: gray;}

	
    /* ----- DROPDOWN (CF-7) ---- */
    form .field-wrapper .wpcf7-select,
    form .field-wrapper .wpcf7-form-control.wpcf7-select {
        width: 100%;   
        border: 2px solid #bbb;
        border-radius: 6px;
        background-color: white;  
        padding: .8rem 1.2rem;

        box-sizing: border-box;     /* ensures padding fits inside width */
        appearance: none;           /* remove default browser arrow (optional) */
        -webkit-appearance: none;
        -moz-appearance: none;

        background-image: url('data:image/svg+xml;utf8,<svg fill="%23333" height="10" viewBox="0 0 10 10" width="10" xmlns="http://www.w3.org/2000/svg"><polygon points="0,0 10,0 5,6"/></svg>');
        background-repeat: no-repeat;
        background-position: right 0.5em center;
        background-size: 0.65em auto;
        padding-right: 2em; /* make space for the arrow */
    }
   
    /* ----- RADIOBUTTON (CF-7) not-in-use ---- */
    /*form .field-wrapper.date-select input[type="radio"] {
        -webkit-appearance: radio; 
        -moz-appearance: radio;    
        appearance: radio;          

        width: 18px;
        height: 18px;
        margin: 0.2em 0.5em 0 0;
        vertical-align: middle;
    }*/
    
    /* ----- CHECKBOX (CF-7) ---- */
    form #checkbox {padding: 1rem 0; } 
    form .checkbox .checkbox-wrapper p br {display: none; }
   
    /* checkbox icon*/
    form .wpcf7-list-item:first-child {margin-left: 0;}
    form .wpcf7-list-item {
        display: flex;
        align-items: flex-start;
        gap: 8px;
    }
    form .wpcf7-list-item-label{
        vertical-align: top;
        margin 0px; 

    }
    /*error*/
    form .checkbox-wrapper .wpcf7-not-valid-tip {
        position: relative; 
        bottom: 0px; 
    }
    form .wpcf7-not-valid input[type="checkbox"] {
        border: 2px solid #E15257;
    }
    
    /* ----- SUBMIT (CF-7) ---- */
	form #submit {float: right;  }
    form #submit p { padding-bottom: 0 !important; }
	
    /* ----SPINNER (CF-7) -----*/
	.wpcf7-spinner {
        display: none;
        clear: both;
        margin-top: 1rem; 
    }

    /* ----ERROR (CF-7)----- */
    .wpcf7-not-valid-tip {color: #E15257;}
    form label input.wpcf7-not-valid, 
    form label textarea.wpcf7-not-valid {border: 2px solid #E15257;}
    form .field-wrapper :has(input.wpcf7-not-valid, textarea.wpcf7-not-valid) > .i-label {color: #E15257;}
    
    form .wpcf7-not-valid-tip {  float: right;}
    form .checkbox-wrapper .wpcf7-not-valid-tip { float: none; }
    
    /* success + invalid */
    /*.wpcf7 form {
      display: flex;
      flex-direction: column;
    }
    .wpcf7 .wpcf7-response-output {order: 1;}
    .wpcf7 #submit {
        order: 2;
        display: flex;
        justify-content: flex-end;
    }
    .wpcf7 #submit input[type="submit"] {width: auto;}*/
    
    form.invalid .error-output,
    form.sent .error-output,
    form.invalid .wpcf7-response-output,
    form.sent .wpcf7-response-output {
      color: #fff;
      border: none;
      padding: .5rem 1rem;
      border-radius: 6px;
      margin: 0 0 .5rem; 
      background: #E15257;
      clear: both;
    }
    form.sent .error-output,
    form.sent .wpcf7-response-output {
      text-align: center;
      background: #f0aa00;
    }

    /*RESP FORM*/
    @media only screen and (max-width: 1440px) { }
	@media only screen and (max-width: 1280px) { }
	@media only screen and (max-width: 1024px) { }
    @media only screen and (max-width: 960px) { }
	@media only screen and (max-width: 850px) {
        #stammtisch .contain.row {padding: 0 15px;}
        #stammtisch #form,
        #stammtisch #sidebar { padding: 0px; }
    }
	@media only screen and (max-width: 766px) { }
	@media only screen and (max-width: 599px) { }
	@media only screen and (max-width: 480px) {	}

	
	/* ---- POPUP-SUCCESS -----*/
    /*.wpcf7-response-output { display: none !important; }*/
    
    /* ---- loader -----*/
	/*div.wpcf7 .ajax-loader {
		display: block;
		margin: 15px 0 10px 140px;
		float: none;
	}*/
	
	/*#cf7-popup-success {
	  position: fixed;
	  top: 50%;
	  left: calc(50% + 100px);
	  transform: translate(-50%, -50%);
	  
	  z-index: 9999;
	  display: none;
	  box-shadow: 0 0 10px rgba(0,0,0,0.3);
	 
	  border-radius: 1rem;
	  padding: 2.5rem 3rem 6rem;
	  background: #9B4AFF;
  	  
	  color: #FFE6FF;
 	  font-size: 1.5vw;
	  font-variation-settings: "wght" 400, "wdth" 75;
	}
	#cf7-popup-success p.popup-message { text-align: center; }*/
	
	/*POPUP close*/
	/*#cf7-popup-close {
	  position: absolute;
	  top: -15px;
	  right: 5px;
	  
	  background: none;
	  border: none;
	  font-size: 50px;
	  cursor: pointer;
	  color: #FFE6FF;
	}
	#cf7-popup-close:hover { opacity: .8;}*/
	
	/*POPUP ok-icon*/
	/*#ok-icon { 
		display: none;
		position: relative; 
		text-align: center;
		margin-left: -70px;
	}
	#ok-icon:after { 
		content: '';
		position: absolute;
		width: 70px;
		height: 70px;
		
		background: url('../img/svg/others/ok-icon-white.svg') no-repeat;
		transform: scale(.8);
		animation: popBounce 0.6s ease-out forwards;
	}
	@keyframes popBounce {
	  0% {
		transform: scale(0.5);
	  }
	  60% {
		transform: scale(1);
	  }
	  80% {
		transform: scale(0.9);
	  }
	  100% {
		transform: scale(0.8);
	  }
	}*/