/* GRID */
#main #formhandler-contact-form .cols-item {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 24px;
    text-align: left
}
    #main #formhandler-contact-form .one-cols .csc-mailform-field {
        width: 100%
    }
    #main #formhandler-contact-form .two-cols .csc-mailform-field {
        width: 48%
    }
    #main #formhandler-contact-form .three-cols .csc-mailform-field {
        width: 32%
    }
/* #### */
/* RESPONSIVE */
@media (max-width: 1440px) {
    #main #formhandler-contact-form .cols-item {
        width: 90%
    }
}
@media (max-width: 800px) {
    #main #formhandler-contact-form .cols-item {
        margin-bottom: 0
    }
        #main #formhandler-contact-form .one-cols .csc-mailform-field,
        #main #formhandler-contact-form .two-cols .csc-mailform-field,
        #main #formhandler-contact-form .three-cols .csc-mailform-field {
            margin-top: 16px;
            width: 100%
        }
		
		#main #formhandler-contact-form .no-subheader {
			margin-top:16px;	
		}
}
@media (max-width: 420px) {
    #main #formhandler-contact-form .one-cols .csc-mailform-field,
    #main #formhandler-contact-form .two-cols .csc-mailform-field,
    #main #formhandler-contact-form .three-cols .csc-mailform-field {
        margin-top: 8px
    }
}
/* ########## */


/* ###################################################################################################### */
/* ###################################################################################################### */


/* FORMHANDLER + NL */
#main #formhandler-contact-form label,
#main #optin_form label {
    display: inline-block;
    width: 100%;
    line-height: 1.5
}
#main #formhandler-contact-form input,
#main #formhandler-contact-form select,
#main #formhandler-contact-form textarea,
#main #formhandler-contact-form button,
#main #optin_form input,
#main #optin_form select,
#main #optin_form textarea,
#main #optin_form button {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border-radius: 0;
    border: 1px solid #DDD;
    font-size: 1em;
    font-weight: 400;
    color: #000;
    background: #FFF;
    padding: 0 16px;
    outline: none;
    height: 48px;
    width: 100%
}

/* IE Fix */
#main #formhandler-contact-form select::-ms-expand{
    display: none;
}

#main #formhandler-contact-form input#ArrivalDate,
#main #formhandler-contact-form input#DepartureDate {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAuRJREFUeNrUll9ojlEcx5/n3RtrES2r+Z/kX4u8WeRPKS5IY6LkAiEX2p0blhIu/OkdN26JlH8Xi+JKIXFBS2RYZm0TMYv1zqxteT3vfH/6nvr1OGeeZ/G+c+rT8zznOb9zfuec7/n9jp9KpTxH2Q5OgEFwAFzx4pVt4CTIgVqXve9wYAZ4DsbyuxcsBK0RB58NnoESfn+l/dtww4Sjg+lqcCljwLQYs5+iBpcyDky0NUyCSlAEBvhs47KHS46OyOwCx8DGPmf5F9CRmXz3QVYcuA1KaSQrchpcsnTQDfaCOscAZkVPgWuWf9/APnBYjfUlYdmOCaAFfFD/Olg3SbW14XEy0rZT2b/nypSGxkrYNLCaS7ke3CDruC1VEfZ/De3X0vY6qFb/ftOATUAXwE6wiXXF4ByYFcGByeA82KHsRZBnqZ8/OuDRcCl4SMGsAFNjnIKNoJn2snLLXPbJITqRY7PFG36JZJ/wClz0CjRSuUX/eMyAJy0VduAQuJmnia8CdyUYFXwL4jqwB7wEDZxBGevTTF5PVdZbzoT0mPWL4p4CV5KpUKF1FN/ngAV8H83neGZAnZBG9imIUq6CF+CHZDLQxfpj4CKDTjfrnjCgBTxZjX/DgWYSLg1El07mgmGtgOzpfs5U9vkMBVXF6CZ3hz5whDOuAYs523fgKJjP9JvlOGmb88khEspu9X2LDlTyrmhEWEcHJMttYH0THZAb1C7Vx2WbA1FF6OdbhG0UVsA2Tay/z9T8HfSDHiXOV7zpdLDuDTjObZQ+2l234i7eVKoLEIozrhWQZLFSHaFH4COYS3GZY3iHglzCfG+OoXRezmho+ngAPkfdAolq9ep7M69WW3mpNCKcx7vjwZAIKxh660NXvXv/TSSU2b2m2IpVdPtEgfaxTZb17bwJB+qo9VCIA4wlvSNehCajlVBMg6E44FvqzRa66nOWPvqpnV922oE0ybsGMnwGeR5bjmbmpwADAI1gubtt+z5mAAAAAElFTkSuQmCC');
    background-position: calc(100% - 8px) 50%;
    background-repeat: no-repeat;
    background-size: auto 16px
}
#main #formhandler-contact-form select,
#main #optin_form select {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWRJREFUeNrslj1Lw0AYgE0nxUUQp67+gWTTyUHsH3DrpCAiKmgd1MWtWIqKgzq4dHITnRwEByfH/AJXQYq0BUel5/PCO0ipJrmcZrnAw3vkeO+eS+4rMMaMFPkEXsALeIGiBUqDL6IoCgoToPNxwiKx5Loj2pyC7aQvIAJ1uHcpQVtjhH04oVz5TaADkzDvWGIV1rU8+6NAHMefhBl4cSFBbhnOKB7Dq4qcJq4CkqYJj1CGB6gg17cQ2CMcwgcs0cZV6mWYR0JGTliDTZCcBlyS3820D9hKkCcd7kJbRMi5Sb0PDMyJZ8Jc2jlB3SjUKG7oqybcZtqIbCVknROOdMK9QRXOyTdOtuKk30H9jgrIs0xdy/lZMExCy1u6xN5VooVA508OoyEST3AAPVih4+tch5HFnJDRG11qd/92HH/7EjIPallH7uQ+oBILdH5h3YgI5CEMw4k8+f5K5gW8QOECXwIMAD/3ISP9+16AAAAAAElFTkSuQmCC');
    background-position: calc(100% - 8px) 50%;
    background-repeat: no-repeat;
    background-size: auto 16px
}
#main #formhandler-contact-form textarea {
    padding: 16px;
    line-height: 24px;
    resize: none;
    height: auto;
    font-family: "minion-pro",serif;
	width:100%;
	display:block;
}
#main #formhandler-contact-form button,
#main #optin_form button {
    width: 100%;
    cursor: pointer;
    margin: 24px 0;
    background: #2a2a2a;
    text-align: center;
    color: #dbbc9c;
    text-transform: uppercase;
    font-family: 'MaisonNeue';
    padding: 0 16px;
    height: 42px;
    line-height: 42px;
    font-size: 16px;
}

#main #formhandler-contact-form button:hover,
#main #optin_form button:hover {
	background:#4c6828;
}

/* Checkbox für DSGVO */

#main #formhandler-contact-form .dsgvo label{
	width:auto;
}

#main #formhandler-contact-form .dsgvo input[type=radio]:hover {
cursor:pointer;
}

#main #formhandler-contact-form .dsgvo input[type=checkbox]:not(old),
#main #formhandler-contact-form .dsgvo input[type=radio]:not(old){
  width   : 40px;
  margin  : 0;
  padding : 0;
  opacity : 0;
}

#main #formhandler-contact-form .dsgvo input[type=checkbox]:not(old) + label,
#main #formhandler-contact-form .dsgvo input[type=radio]:not(old) + label{
  display      : inline-block;
  margin-left  : -40px;
  padding-left : 40px;
  line-height  : 40px;
  height:40px;
  background:url(../formhandler/checks.png) no-repeat 0 0;
}

#main #formhandler-contact-form .dsgvo input[type=checkbox]:not(old):checked + label{
  background-position : 0 -40px;
}

#main #formhandler-contact-form .dsgvo input[type=radio]:not(old):checked + label{
  background-position : 0 -40px;
}

/* ########### */
/* RESPONSIVE */
@media (max-width: 600px) {
    #main #formhandler-contact-form label {
        line-height: 2em
    }
    #main #formhandler-contact-form input,
    #main #formhandler-contact-form select,
    #main #formhandler-contact-form textarea,
    #main #formhandler-contact-form button {
        padding: 0 8px
    }
	
	.dsgvo .error {
		border:none;
	}
    
    #main #formhandler-contact-form .dsgvo input[type="checkbox"]:not(old), #main #formhandler-contact-form .dsgvo input[type="radio"]:not(old) {
        width:0;
    }
    
    #main #formhandler-contact-form .dsgvo input[type="checkbox"]:not(old) + label, #main #formhandler-contact-form .dsgvo input[type="radio"]:not(old) + label {
        margin-left:0;
    }
}
/* ########## */


/* ###################################################################################################### */
/* ###################################################################################################### */


/* HONEYPOT */
#main #formhandler-contact-form .csc-mailform-field-honeypot {
    display: none
}
/* ######## */


/* ###################################################################################################### */
/* ###################################################################################################### */


/* HIDE PACKAGE */
.fh_hide {
    display: none  
}
/* ############ */


/* ###################################################################################################### */
/* ###################################################################################################### */


/* ERROR */
#main #formhandler-contact-form .csc-mailform-field .error {
    border: 1px solid #F00
}
#main #formhandler-contact-form .csc-mailform-field a:not(.dsgvo),
#main #formhandler-contact-form .csc-mailform-field a:not(.dsgvo):link,
#main #formhandler-contact-form .csc-mailform-field a:not(.dsgvo):hover,
#main #formhandler-contact-form .csc-mailform-field a:not(.dsgvo):active,
#main #formhandler-contact-form .csc-mailform-field a:not(.dsgvo):visited,
#main #formhandler-contact-form .csc-mailform-field a:not(.dsgvo):focus {
    display: inline-block;
    width: 100%;
    line-height: 2;
    background: #F00;
    text-align: center;
    color: #FFF;
    text-decoration: none
}

#main #formhandler-contact-form .dsgvo input[type="checkbox"]:not(old) + label.error , 
#main #formhandler-contact-form .dsgvo input[type="radio"]:not(old) + label.error {
	margin-left:0;
	width:100%;
}
/* ##### */

/* NL */


#main #optin_form label {
	display:inline;	
}

#main #optin_form .element{
	margin-bottom: 24px;
}

#main #optin_form input[type=checkbox] {
	width:20px;
	height:20px;
	padding:0;
	margin-right:10px;
}

#main #optin_form input[type=checkbox]:hover {
	cursor:pointer;	
}

#main #optin_form input[type=checkbox]:checked {
	background:url(../formhandler/checks.png);
	background-repeat:no-repeat;
	background-size:auto 51px;
	background-position:-4px -29px;
}

#main #optin_form .mandatory {
	font-weight:bold;	
}

#main #optin_form .validation {
	display:none;	
}

#main #optin_form .invalid .validation {
	display:block;	
	background: #F00;
	color: #FFF;
}

#main #optin_form .invalid input {
	border: 1px solid #F00
}

#main .inactive {
	color:#ccc;	
}