/* BEAUFORT (HEIMATUFER) */

/* BASICS
****************************************************************************************************************************************************************************************/

.page-beaufort .content .btn-main__holder {
    margin-top: 50px;
}



/* STÖRER
****************************************************************************************************************************************************************************************/

section#anfrage-header, section#anfrage {z-index:11;}

.page-beaufort #stoerer {position: fixed; bottom: 45%; right: -30px; width: auto; z-index: 10; display: none; transition: right 250ms ease;}
@media (min-width: 1200px) {
   .page-beaufort #stoerer {display:block;}
}

.page-beaufort #stoerer:hover {right:0px;} 
/*.page-beaufort #stoerer a:hover img {opacity:0.7;}*/




/* FOOTER
****************************************************************************************************************************************************************************************/

.page-beaufort ul.footer__contact {display:none;}


/* LAGEPLAN
****************************************************************************************************************************************************************************************/

/*
.page-beaufort .tooltips_item {flex-direction: column; }
*/

/* Dots */
.page-beaufort .area_map_dots_item_wrapper {
	border-radius:0px;
	    width: 34px!important; /*ex: 30 */
    height: 37px!important;
}

.page-beaufort .area_map_dots_item {background-color:transparent!important; border-radius:0px;
/*	background-color:yellow!important;*/
}
	
.page-beaufort .area_map_dots_wrapper .area_map_dots_image {width: 100%; height: 100%; border-radius:0px;}



.page-beaufort .tooltips_item, 
.page-beaufort .tooltips_item_wrapper {min-height: 210px;}

.page-beaufort .tooltips_item_wrapper .tooltips_item_arrow {border-color: transparent #958678 transparent transparent!important;} /* rechts unten: default*/
.page-beaufort .tooltips_item_wrapper.down .tooltips_item_arrow,  
.page-beaufort .tooltips_item_wrapper.right.down .tooltips_item_arrow {border-color: transparent transparent #958678!important;} /* rechts oben: down down.right */
.page-beaufort .tooltips_item_wrapper.right .tooltips_item_arrow {border-color: #958678 transparent transparent!important;} /* links unten: right */
.page-beaufort .tooltips_item_wrapper.right.down .tooltips_item_arrow {border-color: transparent transparent transparent #958678!important;} /* links oben: down.right */

.page-beaufort .tooltips_item_wrapper .tooltips_item {border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 0px; flex-direction: column; width: 360px; overflow: hidden; background-color: #958678;}
.page-beaufort .tooltips_item_wrapper.down .tooltips_item {border-top-left-radius: 15px; border-top-right-radius: 0px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;}
.page-beaufort .tooltips_item_wrapper.right .tooltips_item {border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 0px; border-bottom-right-radius: 15px;}
.page-beaufort .tooltips_item_wrapper.down.right .tooltips_item {border-top-left-radius: 0px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;}


.page-beaufort .tooltips_item_wrapper .tooltips_item > .panel_info,
.page-beaufort .tooltips_item_wrapper .tooltips_item > .panel_images {width: 100% !important;}

/* Orders */
.page-beaufort .tooltips_item_wrapper .panel_info {order:2;}
.page-beaufort .tooltips_item_wrapper .panel_images {order:1;}
.page-beaufort .tooltips_item_wrapper.down .panel_info {order:1;}
.page-beaufort .tooltips_item_wrapper.down .panel_images {order:2;}


/* Inside */

.page-beaufort .tooltips_item_wrapper .panel_images {height: 150px; min-height: 150px; background-size: cover; background-position: center;}
.page-beaufort .tooltips_item_wrapper .panel_info {background-color: #958678!important; color: #ffffff!important; padding:20px 25px;}

.page-beaufort .tooltips_item_wrapper .panel_info_header_caption,
.page-beaufort .tooltips_item_wrapper .panel_info_body p,
.page-beaufort .tooltips_item_wrapper .panel_info_footer a {color:#ffffff!important;}

.page-beaufort .tooltips_item_wrapper .panel_info_header {margin-bottom:-3px; padding-top:3px; /*margin-bottom: 10px; background-color:yellow;*/}
.page-beaufort .tooltips_item_wrapper .panel_info_header .panel_info_header_caption {font-weight:400!important; text-transform:none;}
.page-beaufort .tooltips_item .panel_info_body {/*background-color:blue;*/    /*margin-bottom: 20px;*/ display:none;}
.page-beaufort .tooltips_item_wrapper .panel_info_footer {/*margin-top: 10px; background-color:red;*/ dislay:none;}





/* FORM (HEIMATUFER STYLE)
****************************************************************************************************************************************************************************************/

#anfrage.section-beige, #anfrage.section--white, #anfrage.section--black {background-color:#f4f2f1;}
#anfrage form {padding-top: 60px;}
#anfrage fieldset {padding: 0; margin: 0; border: 0;}
#anfrage .powermail_form h3, #anfrage .powermail_subtitle, #anfrage .tx-powermail .powermail_label {display: none;}
#anfrage .tx-powermail--defaultpad {padding: 0px 15px;}
#anfrage .tx-powermail .powermail_field {margin-bottom: 5px; font-size:20px;}
@media screen and (max-width: 992px) {
	.tx-powermail .powermail_fieldwrap_type_input {margin-bottom: 10px;}
}


/* Text */
#anfrage .powermail_fieldwrap_type_text .powermail_field {min-height: 27px; margin-bottom: 20px; padding-top:5px; text-align: left; font-size:18px; font-weight: 400; color: #a3968a; }
#anfrage .powermail_fieldwrap_type_text .powermail_field a {color:#a3968a; text-decoration:underline;}
@media screen and (min-width: 993px) {
	#anfrage .fieldset_links .powermail_fieldwrap_type_radio .powermail_field {min-height: 33px; margin-bottom:0px;}
	#anfrage .fieldset_rechts .powermail_fieldwrap_type_text .powermail_field {text-align:right; padding-top:1px; min-height:33px; margin-bottom:4px;}
}

/* Inputs, Textarea, Placeholder */
#anfrage select, #anfrage textarea, #anfrage input:not([type=checkbox]):not([type=radio]):not([type=submit]) {margin-bottom: 0px; padding: 19px 15px 13px; box-sizing: border-box; font-size: 18px; background-color: #fff; color: #a3968a; border: 1px solid #d5cfc9; width: 100%; border-radius: 0; line-height: 1em; /*font-family: 'Barlow Condensed', sans-serif;*/}
#anfrage select {appearance: none; }
#anfrage select:hover, #anfrage select:focus {appearance: none !important; -webkit-appearance: none !important; background-color: #fff !important; border-color: #d5cfc9 !important; outline: none !important; background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23a3968a%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E') !important;}
#anfrage textarea {border: 0; resize: none; min-height: 180px;}
#anfrage ::placeholder {color: #a3968a; font-size: 18px; /*font-family: 'Barlow Condensed', sans-serif; */opacity: 1;}
#anfrage input:-webkit-autofill, #anfrage textarea:-webkit-autofill, #anfrage select:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset !important; -webkit-text-fill-color: #a3968a !important;}
#anfrage input:focus, #anfrage textarea:focus {outline: none;}
#anfrage .tx-powermail .powermail_field .selection {font-size:18px;}

/* Select 2 */
.select2-container.select2-container--default {width: calc(48.5% - 10px) !important; color:#a3968a;}
.select2-container.select2-container--default .select2-dropdown {background: #ffffff; border: 1px solid #d5cfc9;}
.select2-container--default .select2-results__option--selectable.select2-results__option--highlighted, 
.select2-container--default .select2-results__option--selected {background-color: #d5cfc9; color:#a3968a; color:white;}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {background-color: #d5cfc9; color: #a3968a; color:white;}
.select2-container--default .select2-results__option {padding: 9px 15px 3px; font-size: 18px;}

.page-beaufort .select2-container.select2-container--default {width: 100%!important;}
.page-beaufort .select2-container--default .select2-selection--single {background-color: #fff; border: 1px solid #d5cfc9; border-radius: 0; height: auto; padding: 21px 15px 15px; line-height: 1em; display: block; width: 100%;}
.page-beaufort .select2-container--default .select2-selection--single .select2-selection__rendered {color: #a3968a; /*font-family: 'Barlow Condensed', sans-serif;*/ font-size: 18px; line-height: 1em; padding: 0;}
.page-beaufort .select2-container--default .select2-selection--single .select2-selection__placeholder {color: #a3968a;}
.page-beaufort .select2-container--default .select2-selection--single .select2-selection__arrow {height: 100%; top: 0; right: 15px; width: 15px; display: flex; align-items: center;}
.page-beaufort .select2-container--default .select2-selection--single .select2-selection__arrow b {border-color: #a3968a transparent transparent transparent; border-width: 6px 6px 0 6px; margin-left: -6px; position: static; display: block;}
.page-beaufort .select2-container--default .select2-selection--single .select2-selection__arrow:before {content: none;}
.page-beaufort .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {border-color: transparent transparent #a3968a transparent; border-width: 0 6px 6px 6px;}
.page-beaufort .select2-container--default.select2-container--focus .select2-selection--single, #anfrage .select2-container--default:hover .select2-selection--single {border-color: #a3968a; outline: none;}

/* Checkboxes + Radio */
#anfrage .tx-powermail .powermail_fieldwrap_type_radio .radio label {display: inline-flex; align-items: baseline; padding-left: 0; margin-bottom: 0px; color: #a3968a; line-height: 1.4; position: relative;}
#anfrage .tx-powermail .powermail_fieldwrap_type_radio .radio input.powermail_radio {position: relative; top: 0 !important; left: 0 !important; width: 22px !important; height: 22px !important; margin: 0 10px 0 0; cursor: pointer; appearance: none; -webkit-appearance: none; background: #ffffff; border: 1px solid #d5cfc9; border-radius: 0; display: inline-grid; place-content: center;}
#anfrage .tx-powermail .powermail_fieldwrap_type_radio .radio input.powermail_radio::after {content: ""; width: 12px; height: 12px; display: block; opacity: 0; background-repeat: no-repeat; background-position: center; background-size: 12px 12px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E");}

/* checked state */
#anfrage .tx-powermail .powermail_fieldwrap_type_radio .radio input.powermail_radio:checked {background-color: #a3968a; border-color: #a3968a;}
#anfrage .tx-powermail .powermail_fieldwrap_type_radio .radio input.powermail_radio:checked::after {opacity: 1;}
#anfrage .tx-powermail .powermail_fieldwrap_type_radio .radio label::before{content: none !important;}
#anfrage .tx-powermail .powermail_fieldwrap_type_radio .radio label input {top: 0 !important; left: 0 !important; width: 22px !important; height: 22px !important;}
#anfrage .tx-powermail .custom-control.custom-checkbox .custom-control-label::before {border-radius: 0; background-color: #ffffff; color: #a3968a; border: 1px solid #d5cfc9; height: 24px; width: 24px;}
#anfrage .tx-powermail .custom-control.custom-checkbox .custom-control-label::after {height: 22px; width: 22px; margin: 1px; background-size: 12px 12px; background-position: center;}
#anfrage .tx-powermail .custom-control.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{background-color: #a3968a;}
#anfrage .tx-powermail .custom-control-input:focus ~ .custom-control-label::before {box-shadow: none !important; border-color: #d5cfc9 !important;}

/* Checkbox */
#anfrage .custom-checkbox .custom-control-input:checked~.custom-control-label::after {background-color: #a3968a; background-size: 12px 12px; background-position:center;}
#anfrage .tx-powermail .custom-control .custom-control-label:after {height:22px; width:22px; margin:1px;}
/* Label Text */
#anfrage .tx-powermail .powermail_fieldwrap_type_check .powermail_field .custom-control-label {color: #a3968a; line-height:1.3; margin-top:20px; padding-top:5px;}
#anfrage .tx-powermail .powermail_fieldwrap_type_check .powermail_field .custom-control-label a {color: #a3968a; text-decoration:underline; font-weight:normal;}

/* Textarea */
@media screen and (min-width: 1400px) {
    #anfrage .tx-powermail .powermail_fieldwrap_type_textarea {margin-bottom: 10px;}
}
@media screen and (min-width: 993px) {
    #anfrage .tx-powermail .powermail_fieldwrap_type_textarea {margin-bottom: 5px;}
}


/* Captcha */

#anfrage .powermail_fieldwrap_captcha input:not([type=checkbox]):not([type=radio]):not([type=submit]) {width:auto; font-size:18px; min-height:61px; width:50%!important;}
#anfrage .powermail_fieldwrap_marker .powermail_field {color: #a3968a; font-size: 17px; font-style: italic; margin-top: 0px; line-height: 1.2; padding-top:18px;}


/* Error messages */
#anfrage .powermail-errors-list {color:red;}
#anfrage .powermail_field_error {border-color:red!important;}


/* Submit */
@media screen and (min-width: 993px) {
    #anfrage .tx-powermail .powermail_fieldwrap_type_submit {margin-bottom: 50px;}
}

@media (max-width: 767px) {
    #anfrage form {padding-top:40px;}
    #anfrage .col-lg-6.links {margin-bottom:-16px;}
    #anfrage input[type=submit] {width:100%; max-width: none; font-size: 16px; letter-spacing: 1px;}
    #anfrage .powermail_fieldwrap_type_text .powermail_field {text-align:left; display: none;}
    #anfrage .powermail_fieldwrap_type_radio.powermail_fieldwrap_geschlecht .powermail_field label {margin-bottom:0px;}
    #anfrage .powermail_fieldwrap_type_radio.powermail_fieldwrap_geschlecht .powermail_field div.radio {margin-bottom:0px;}
    .page-beaufort .select2-container--default .select2-selection--single {padding: 16px 12px 12px;}
   	#anfrage select,
  	#anfrage textarea,
  	#anfrage input:not([type=checkbox]):not([type=radio]):not([type=submit]) {padding: 14px 12px 10px;}
    #anfrage .tx-powermail .powermail_fieldwrap_type_textarea {margin-bottom: 10px;}
    #anfrage .tx-powermail .powermail_fieldwrap_type_check .powermail_field .custom-control-label {font-size: 16px;}
    .page-beaufort .content #anfrage .btn-main__holder {margin-top:0px;}
    #anfrage .tx-powermail .powermail_fieldwrap_type_submit {margin-bottom:75px;}
}
@media screen and (min-width: 993px) {
    #anfrage .links {float:left; padding-right:1.5%; width: 48.5%;}
    #anfrage .rechts {float:right; padding-left:1.5%; width: 48.5%;}	
    #anfrage .fieldset_unten {clear:both;}
    #anfrage .col-lg-12.unten {clear: both; width: 100%; display: block;}
}
@media (min-width: 1025px) and (max-width:1366px) {
    #anfrage form {padding:0 60px;}
}


/* Thank you page */
#anfrage .section--white {background-color: #f4f2f1; margin: 100px 0;}