@charset "utf-8";
/* reset */
 *{margin:0;padding:0;border:none;cursor:default;}
 a{text-decoration:none;color:#777;white-space:nowrap;}
 a:hover{text-decoration:underline;}
 a,a *,input[type=submit],input[type=file],button,.btn{cursor:pointer;}
 input[type=text],input[type=email],input[type=password],textarea{cursor:text;}
 a:active,a:focus,input:focus,textarea:focus,select:focus{outline:none;}
 table{border-collapse:collapse;}
 address{font-style:normal;}
 div,section,article,header,footer,a,nav,form,label,input,select,textarea{box-sizing:border-box;}
 ::-moz-selection{background-color:transparent;}
 ::selection{background-color:transparent;}
 input::-moz-selection,textarea::-moz-selection{background-color:#f39900;color:#f8f8f8;}
 input::selection,textarea::selection{background-color:#f39900;color:#f8f8f8;}
 html{height:100%;overflow-y:scroll;scroll-behavior:smooth;}
 body{height:100%;background:#fff;color:#777;font-size:1em;line-height:1.7em}
 h1{font-size:150%;font-weight:bold;margin-bottom:10px;}
 h2{font-size:140%;font-weight:bold;margin-bottom:10px;}
 h3{font-size:120%;font-weight:bold;margin-bottom:10px;}
 h4{font-size:120%;font-weight:bold;margin-bottom:10px;}
 h5{font-size:100%;font-weight:bold;margin-bottom:10px;}
 hr{border-bottom:1px solid #f1f1f1;margin:40px 0;}
 ul{padding-left:20px;}
 ul li{list-style-type:square;}
/* RKR */
 /* Farben | orange:#f39900 | grau:#777 | hellesgrau(rahmen):#e9e9e9 */
 /* Farben Original Logo | orange:#e75b12 | grau:#575e62 */
.orange{
    color:#f39900;
}
body{
    position:relative;
    zoom:100%;
    text-align:center;
}
body,input,select,textarea{
    font-family:"Century Gothic", CenturyGothic,"Apple Gothic", Geneva, AppleGothic, sans-serif;
}
.orangebgd,
.orangebgh,
.orangebgd a,
.orangebgh a{
    color: #fff;
}
.orangebgd{
    background-color:#f59c00;
}
.orangebgh{
    background-color: #f59c00b8;
}
.graubg{
    background-color: #f4f4f4;
}
section,footer{
    position: relative;
    /*padding: 7%;*/
    padding:4em 2em 3em;
}
.block{
    display: inline-block;
    width: 95%;
    max-width: 1350px;
    margin:0 auto 30px;
    vertical-align: middle;
    text-align: left;
}
.block img{
    width: 100%;
}
.btn{
    background-color: #f39900;
    color: #fff;
    padding: 10px;
}
.btn:hover{
    background-color: #f7b238;
    text-decoration: none;
}
.btn:focus{
    background-color: #face80;
}
header .orangebgd{
    padding: 10px;
}
header .block{
    height: 125px;
    padding: 30px 0;
    margin-bottom: 0px;
}
header .block50{
    width: 45%;
}
header .block.logo svg{
    height: 100%;
    width: 100%;
}
header .block.logo span{
    display: none;
}
header .block.kontakt{
    text-align: right;
}
header .block.kontakt a{
    display: inline-block;
    color: #f39900;
    font-weight: bold;
    margin: 10px;
    width: 45px;
    height: 45px;
    background-size: contain;
    background-repeat: no-repeat;
}
header .block.kontakt a span{
    display: none;
}
header .kontakt a[href*=tel]{
    background-image: url("data:image/svg+xml,%3Csvg version='1.0' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='31.277px' height='32.058px' viewBox='0 0 31.277 32.058' enable-background='new 0 0 31.277 32.058' xml:space='preserve'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' width='31.277' height='32.058'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' overflow='visible'/%3E%3C/clipPath%3E%3Cpath clip-path='url(%23SVGID_2_)' fill='none' stroke='%23f39900' stroke-width='1.92' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='22.926' d=' M24.745,14.223c0.168-1.061,0.078-2.108-0.207-3.068c-0.349-1.179-0.992-2.239-1.809-3.048c-0.858-0.85-1.919-1.435-3.051-1.615 c-0.667-0.106-1.353-0.071-2.031,0.129'/%3E%3Cpath clip-path='url(%23SVGID_2_)' fill='none' stroke='%23f39900' stroke-width='1.92' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='22.926' d=' M29.72,16.65c0.841-2.568,0.753-5.182-0.006-7.519c-0.582-1.794-1.562-3.425-2.817-4.745c-1.274-1.339-2.836-2.367-4.566-2.933 c-1.915-0.627-4.027-0.691-6.18,0.008'/%3E%3Cpath clip-path='url(%23SVGID_2_)' fill='none' stroke='%23f39900' stroke-width='1.92' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='22.926' d=' M9.054,11.203c-1.591,1.549-1.112,5.035,1.161,8.001c2.272,2.966,5.514,4.336,7.423,3.202'/%3E%3Cpath clip-path='url(%23SVGID_2_)' fill='none' stroke='%23f39900' stroke-width='1.92' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='22.926' d=' M22.819,29.167c-0.069,0.117-0.438,0.429-1.777,1.417c-2.616,1.933-8.826-1.719-14.231-8.772C1.406,14.757-0.43,7.827,2.042,5.788 C3.374,4.69,3.744,4.443,3.865,4.431'/%3E%3Cpath clip-path='url(%23SVGID_2_)' fill='none' stroke='%23f39900' stroke-width='1.92' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='22.926' d=' M23.369,28.197l-4.998-6.521c-0.286-0.374-0.215-0.914,0.159-1.2l2.265-1.735c0.373-0.287,0.913-0.215,1.2,0.158l4.997,6.523 c0.287,0.373,0.215,0.913-0.159,1.2l-2.264,1.734C24.195,28.642,23.655,28.571,23.369,28.197z'/%3E%3Cpath clip-path='url(%23SVGID_2_)' fill='none' stroke='%23f39900' stroke-width='1.92' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='22.926' d=' M9.938,10.668L4.941,4.145C4.654,3.772,4.726,3.232,5.099,2.946L7.364,1.21c0.374-0.286,0.913-0.215,1.2,0.159l4.998,6.522 c0.286,0.374,0.214,0.914-0.159,1.201l-2.265,1.735C10.764,11.113,10.225,11.042,9.938,10.668z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
header .kontakt a[href*=mail]{
    background-image: url("data:image/svg+xml,%3Csvg version='1.0' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='26.868px' height='22.965px' viewBox='0 0 26.868 22.965' enable-background='new 0 0 26.868 22.965' xml:space='preserve'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' y='0' width='26.868' height='22.965'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' overflow='visible'/%3E%3C/clipPath%3E%3Crect x='2.827' y='4.528' transform='matrix(-0.9218 0.3876 -0.3876 -0.9218 30.2699 16.8596)' clip-path='url(%23SVGID_2_)' fill='none' stroke='%23f39900' stroke-width='1.92' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='22.926' width='21.216' height='13.91'/%3E%3Cpolyline clip-path='url(%23SVGID_2_)' fill='none' stroke='%23f39900' stroke-width='1.92' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='22.926' points=' 20.518,0.96 14.105,13.079 0.96,9.184 '/%3E%3C/g%3E%3C/svg%3E%0A");
}
#main{
    background-image: url('pics/RKR_Komfort_Haus_Stadtvilla_3D1.webp');
    background-size: cover;
    background-position: center;
    padding:5em 1em;
}
#main .punkte{
    background-color: #fffffff2;
    text-align: left;
    padding: 20px;
}
#main .punkte h1{
    font-size: 200%;
    position: relative;
}
#main .punkte h2{
    color: #f39900;
    margin-top: 10px;
}
#main .punkte h1,
#main .punkte h2{
    margin-left: 18px;
}
#main .punkte h1::before {
    content: '!';
    color: #f39900;
    font-size: 267%;
    position: absolute;
    left: -29px;
    top: 16px;
}
#main .punkte ul li{
    list-style-type: none;
}
#main .punkte ul li::before {
    content: '';
    display: inline-block;
    height: 10px;
    width: 10px;
    margin: 0 7px 0 -18px;
    /*
    background-color: #f39900;
    svg
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.0' x='0px' y='0px' width='9.992px' height='9.998px' viewBox='318.61 -10.002 9.992 9.998'%3E%3Cg transform='translate(-40.734375,-31.890625)'%3E%3Cpath fill='%23636866' d='M364.898,31.888h-5.554v-5.551h5.554V31.888z'/%3E%3Cpath fill='%23F5910F' d='M369.34,31.886h-2.844l0.003-7.156l-7.151,0.002v-2.844h9.997L369.34,31.886z' /%3E%3C/g%3E%3C/svg%3E");
    gradient simple
    background: conic-gradient(from 180deg at 55% 45%, #777 90deg, #f39900 90deg);
    gradient mit weiss, in mini ok
    */
    background:conic-gradient(from 182deg at 55% 45%, #777 86deg, #fff 86deg, #fff 90deg, #f39900 90deg, #f39900 356deg, #fff 356deg);
}
#main .punkte a{
    display: inline-block;
    vertical-align: middle;
}
#main .punkte a[href*=tel]{
    width: 75px;
    height: 75px;
    margin: 0 20px 20px 0;
}
#main .punkte a[href*=tel] svg{
    width: 100%;
    height: 100%;
}
#main .punkte .btn{
    width: 200px;
    text-align: center;
    white-space: unset;
}
#Fuerer::before{
    content: 'ˮ';
    color: #f39900;
    font-size:2500%;
    position: absolute;
    top: 0.215em;
}
#Fuerer span{
    display: block;
    margin-top: 1em;
    font-weight: bold;
}
#Beratung{
    font-size: 150%;
}
#Beratung a{
    font-size: 160%;
    text-decoration: none;
    display: inline-block;
    margin: 0.5em 0;
}
#Beratung svg{
    width: 100px;
    height: 100px;
    vertical-align: middle;
}
#Haustypen h2,
#Gruende h2{
    color: #f39900;
    margin-bottom: 20px;
}
#Haustypen a,
#Gruende article{
    display: inline-block;
}
#Haustypen p{
    /*margin-bottom: 30px;*/
}
#Haustypen a{
    width:46%;
    background-color: #f39900;
    position: relative;
    height:9em; /* anpassen */
    background-size: cover;
    background-position: center;
    margin-top: 5%;
}
#Haustypen a:nth-child(odd) {
     margin-right: 5%;
}
#Haustypen a h3{
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #f39900;
    color: #fff;
    padding: 3px 10px;
    box-sizing: border-box;
    max-width:100%; 
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis; 
}
#Haustypen a span{
    position: absolute;
    bottom: 0px;
    right: 0px;
    background-color: #f4f4f4;
    padding: 3px 10px;
    font-size: 60%;
}
#Gruende article{
    margin: 5% 0;
    width:100%;
    padding: 18px 25px;
    border: 1px solid #f39900;
    /*height: 14em;*/
}
#Gruende article:nth-child(odd) {
    border-color: #777;
}
#Gruende article h3{
    margin-bottom: 10px;
}
#Gruende article p{
    font-size: 80%;
}
#Bewertungen::before{
    content: 'ˮ';
    color: #f39900;
    font-size:2500%;
    position: absolute;
    top: 0.215em;
}
#Bewertungen h2{
    position: absolute;
    top: -1em;
    left: 7.5em;
}
#Bewertungen .Bewertung{

}
#Bewertungen .block{
    min-height:400px;
    overflow-y:scroll;
}
#Bewertungen .block .Bewertung{
    text-align: center;
}
#Bewertungen .block button{
    position: absolute;
    top: -2em;
    right: 2.3em;
    background-color: #fff;
    font-size: 200%;
}
#Bewertungen .block button.weiter{
    right: 1em;
}
#Bewertungen .block .Bewertung .BewertungSlide{
    width: 100%;
    text-align: left;
}

#Kontakt h2{
    margin-bottom: 20px;
    font-size: 150%;
    line-height: 130%;
}
#Kontakt .block{
    vertical-align: top;
}
#Kontakt .block33 div{
    display: inline-block;
    vertical-align:top;
}
#Kontakt .block33 div:first-child{
    width:18%;
    margin-right:3%;
}
#Kontakt .block33 div:last-child{
    width:75%;
}
#Kontakt .block33 a{
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    font-size: 170%;
}
#Kontakt .block33 div svg{
    width: 100%;
    height: 100%;
}
#Kontakt .block33 div a[href^="mailto:"],
#Kontakt .block33 div a svg{
    opacity: 0.5;
}
#Kontakt input,
#Kontakt textarea{
    padding: 18px 15px 18px 55px;
    width: 100%;
    margin-bottom:1em;
    font-size: 110%;
}
::placeholder {color:#f59c00;opacity:1;}
:-ms-input-placeholder {color:#f59c00;}
::-ms-input-placeholder {color:#f59c00;}

.labcbx{ 
    position:relative;
    display:block;
    margin:10px 0 15px;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    padding-left:29px;
}
.labcbx input{
    position:absolute;
    opacity:0;
    cursor:pointer;
    height:0;
    width:0;
}
.labcbx .haken{
    position:absolute;
    top:5px;
    left:0;
    height:20px;
    width:20px;
    background-color:#eee;
}
.labcbx .haken::after{
    content:"";
    position:absolute;
    display:none;
    left:6px;
    top:2px;
    width:5px;
    height:10px;
    border:solid white;
    border-width:0 3px 3px 0;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
}
.labcbx:hover input ~ .haken{
    background-color:#ccc;
}
.labcbx input:checked ~ .haken{
    background-color:#f39900;
}
.labcbx input:checked ~ .haken::after{
    display:block;
}
input,
textarea{
    background-repeat: no-repeat;
    background-position-x: 17px;
    background-position-y: center;
    background-size: 25px;
    border: 2px solid #f59c00;
}
textarea{
    background-position-y: 17px;
}
input[type=submit]{
    border: 1px solid #fff;
    background-image: url("data:image/svg+xml,%3Csvg version='1.0' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='34.867px' height='28.102px' viewBox='0 0 34.867 28.102' enable-background='new 0 0 34.867 28.102' xml:space='preserve'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' width='34.867' height='28.102'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' overflow='visible'/%3E%3C/clipPath%3E%3Cpath clip-path='url(%23SVGID_2_)' fill='none' stroke='%23fff' stroke-width='1.92' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='22.926' d=' M0.96,5.661L33.907,0.96L13.362,27.142l-1.154-11.345l-0.051-2.057l-0.171-0.124l-0.022-0.21l-1.756-1.073L0.96,5.661z M32.935,1.521L12.061,13.573'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-position-x: 26px;
    font-weight: bold;
}
input[name=Name]{
    background-image: url("data:image/svg+xml,%3Csvg version='1.0' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='34.802px' height='31.292px' viewBox='0 0 34.802 31.292' enable-background='new 0 0 34.802 31.292' xml:space='preserve'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' width='34.802' height='31.292'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' overflow='visible'/%3E%3C/clipPath%3E%3Cpath clip-path='url(%23SVGID_2_)' fill='none' stroke='%23f39900' stroke-width='1.92' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='22.926' d=' M25.622,3.615h8.22v26.717H0.96V3.615h8.221 M9.798,0.96h15.207v5.044H9.798V0.96z M20.63,13.042h8.726 M20.63,16.572h8.726 M20.63,20.103h8.726 M20.63,23.634h5.499 M10.276,18.454c-1.848-0.67-2.362-1.922-2.362-3.451c0-1.529,1.058-2.594,2.362-2.594 c1.305,0,2.362,1.065,2.362,2.594C12.638,16.532,12.154,17.829,10.276,18.454z M8.101,18.856h4.351c1.46,0,2.654,1.194,2.654,2.653 v2.115H5.447V21.51C5.447,20.05,6.641,18.856,8.101,18.856z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
input[name=Telefon]{
    background-image: url("data:image/svg+xml,%3Csvg version='1.0' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='31.277px' height='32.058px' viewBox='0 0 31.277 32.058' enable-background='new 0 0 31.277 32.058' xml:space='preserve'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' width='31.277' height='32.058'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' overflow='visible'/%3E%3C/clipPath%3E%3Cpath clip-path='url(%23SVGID_2_)' fill='none' stroke='%23f39900' stroke-width='1.92' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='22.926' d=' M24.745,14.223c0.168-1.061,0.078-2.108-0.207-3.068c-0.349-1.179-0.992-2.239-1.809-3.048c-0.858-0.85-1.919-1.435-3.051-1.615 c-0.667-0.106-1.353-0.071-2.031,0.129'/%3E%3Cpath clip-path='url(%23SVGID_2_)' fill='none' stroke='%23f39900' stroke-width='1.92' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='22.926' d=' M29.72,16.65c0.841-2.568,0.753-5.182-0.006-7.519c-0.582-1.794-1.562-3.425-2.817-4.745c-1.274-1.339-2.836-2.367-4.566-2.933 c-1.915-0.627-4.027-0.691-6.18,0.008'/%3E%3Cpath clip-path='url(%23SVGID_2_)' fill='none' stroke='%23f39900' stroke-width='1.92' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='22.926' d=' M9.054,11.203c-1.591,1.549-1.112,5.035,1.161,8.001c2.272,2.966,5.514,4.336,7.423,3.202'/%3E%3Cpath clip-path='url(%23SVGID_2_)' fill='none' stroke='%23f39900' stroke-width='1.92' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='22.926' d=' M22.819,29.167c-0.069,0.117-0.438,0.429-1.777,1.417c-2.616,1.933-8.826-1.719-14.231-8.772C1.406,14.757-0.43,7.827,2.042,5.788 C3.374,4.69,3.744,4.443,3.865,4.431'/%3E%3Cpath clip-path='url(%23SVGID_2_)' fill='none' stroke='%23f39900' stroke-width='1.92' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='22.926' d=' M23.369,28.197l-4.998-6.521c-0.286-0.374-0.215-0.914,0.159-1.2l2.265-1.735c0.373-0.287,0.913-0.215,1.2,0.158l4.997,6.523 c0.287,0.373,0.215,0.913-0.159,1.2l-2.264,1.734C24.195,28.642,23.655,28.571,23.369,28.197z'/%3E%3Cpath clip-path='url(%23SVGID_2_)' fill='none' stroke='%23f39900' stroke-width='1.92' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='22.926' d=' M9.938,10.668L4.941,4.145C4.654,3.772,4.726,3.232,5.099,2.946L7.364,1.21c0.374-0.286,0.913-0.215,1.2,0.159l4.998,6.522 c0.286,0.374,0.214,0.914-0.159,1.201l-2.265,1.735C10.764,11.113,10.225,11.042,9.938,10.668z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
input[name=EMail],
input[name=EMailrep]{
    background-image: url("data:image/svg+xml,%3Csvg version='1.0' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='26.868px' height='22.965px' viewBox='0 0 26.868 22.965' enable-background='new 0 0 26.868 22.965' xml:space='preserve'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' y='0' width='26.868' height='22.965'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' overflow='visible'/%3E%3C/clipPath%3E%3Crect x='2.827' y='4.528' transform='matrix(-0.9218 0.3876 -0.3876 -0.9218 30.2699 16.8596)' clip-path='url(%23SVGID_2_)' fill='none' stroke='%23f39900' stroke-width='1.92' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='22.926' width='21.216' height='13.91'/%3E%3Cpolyline clip-path='url(%23SVGID_2_)' fill='none' stroke='%23f39900' stroke-width='1.92' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='22.926' points=' 20.518,0.96 14.105,13.079 0.96,9.184 '/%3E%3C/g%3E%3C/svg%3E%0A");
}
input[name=Bauort]{
    background-image: url("data:image/svg+xml,%3Csvg version='1.0' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='33.924px' height='32.92px' viewBox='0 0 33.924 32.92' enable-background='new 0 0 33.924 32.92' xml:space='preserve'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' y='0' width='33.924' height='32.92'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' overflow='visible'/%3E%3C/clipPath%3E%3Cpolyline clip-path='url(%23SVGID_2_)' fill='none' stroke='%23f39900' stroke-width='1.92' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='22.926' points=' 6.517,15.763 6.517,31.96 27.69,31.96 27.69,15.763 '/%3E%3C/g%3E%3Crect x='13.194' y='17.108' fill='none' stroke='%23f39900' stroke-width='1.92' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='22.926' width='7.819' height='7.819'/%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_3_' y='0' width='33.924' height='32.92'/%3E%3C/defs%3E%3CclipPath id='SVGID_4_'%3E%3Cuse xlink:href='%23SVGID_3_' overflow='visible'/%3E%3C/clipPath%3E%3Cpolyline clip-path='url(%23SVGID_4_)' fill='none' stroke='%23f39900' stroke-width='1.92' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='22.926' points=' 6.517,10.196 6.517,0.96 10.934,0.96 10.934,6.227 '/%3E%3Cpolygon clip-path='url(%23SVGID_4_)' fill='none' stroke='%23f39900' stroke-width='1.92' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='22.926' points=' 32.964,15.125 32.821,15.28 32.964,15.407 30.589,18.078 16.962,5.937 3.334,18.078 0.959,15.407 1.103,15.28 0.959,15.125 16.82,0.96 16.962,1.086 17.104,0.96 '/%3E%3C/g%3E%3C/svg%3E%0A");
}
input[name=Frage],
textarea{
    background-image: url("data:image/svg+xml,%3Csvg version='1.0' id='Ebene_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='33.385px' height='32.22px' viewBox='0 0 33.385 32.22' enable-background='new 0 0 33.385 32.22' xml:space='preserve'%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' y='0' width='33.384' height='32.219'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' overflow='visible'/%3E%3C/clipPath%3E%3Cpath clip-path='url(%23SVGID_2_)' fill='none' stroke='%23f39900' stroke-width='1.92' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='22.926' d=' M26.8,0.96h0.307c1.041,0,1.893,0.852,1.893,1.894v24.619c0,1.042-0.852,1.894-1.893,1.894H26.8c-1.054,0-7.584-9.652-14.573-9.652 H3.526c-1.411,0-2.566-1.154-2.566-2.565v-3.97c0-1.412,1.154-2.566,2.566-2.566h8.701C19.218,10.612,25.746,0.96,26.8,0.96z'/%3E%3Cpath clip-path='url(%23SVGID_2_)' fill='none' stroke='%23f39900' stroke-width='1.92' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='22.926' d=' M28.97,10.558c1.996,0.58,3.455,2.422,3.455,4.605c0,2.183-1.459,4.025-3.455,4.605'/%3E%3Cline clip-path='url(%23SVGID_2_)' fill='none' stroke='%23f39900' stroke-width='1.92' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='22.926' x1='12.392' y1='10.612' x2='12.392' y2='19.714'/%3E%3Cpath clip-path='url(%23SVGID_2_)' fill='none' stroke='%23f39900' stroke-width='1.92' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='22.926' d=' M10.313,19.714c0.353,2.014-0.164,4.114,1.06,6.04l2.072,3.262c0.521,0.819-0.32,2.244-1.259,2.244H9.076 c-0.939,0-1.937-0.764-2.161-1.71l-2.33-9.836H10.313z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.fehlerBorder{
    border-color:#000;
    animation:fehlerInputBlink 0.3s 5 alternate ease-out;
}
.fehlerCB{
    border:1px solid #000;
    animation:fehlerInputBlink 0.3s 5 alternate ease-out;
}
.fehlerText,
.fehlerText a{
    color:#000;
    animation:fehlerTextBlink 0.3s 5 alternate ease-out;
}
@keyframes fehlerInputBlink {
  from {border-color:#dadada;}
  to {border-color:#000;}
}
@keyframes fehlerTextBlink {
  from {color:#fff;}
  to {color:#000;}
}
#Kontaktformular{
    position: relative;
}
#Kontaktformular #status{
    position:absolute;
    top:0px;
    right:0px;
    bottom:0px;
    left:0px;
    background-color:#f59c00cc;
    background-repeat:no-repeat;
    background-position:center;
    background-image:url(/wohntraum/pics/load.gif);
    padding:5em 2em;
    overflow:auto;
    font-size: 120%;
}
#Kontaktformular #status hr{
    border-bottom:1px solid #DFDFDF;
}
/* geht nicht :(
input:-internal-autofill-selected{
    background-color: none !important;
    color: none !important;
}
input:autofill {
    background-color: none !important;
    color: none !important;
    border: 5px solid green;
}
input:-webkit-autofill {
    border: 5px solid blue;
}
*/
@media screen and (min-width:800px) { /* 1380 gesamt */
    section{
        /*padding: 6% 2%;*/
        padding: 4em 2em;
    }
    .block33,
    .block50,
    .block66{
        margin: 0 2%;
    }
    .block33{
        width: 30%;
        max-width: 450px;
    }
    .block50{
        width: 45%;
        max-width: 670px;
    }
    .block66{
        width: 60%;
        max-width: 900px;
    }
    header .block.kontakt a{
        background-image: unset;
        width: auto;
    }
    header .block.kontakt a span{
        display: inline-block;
    }
    #main{
        height: 70vh;
        min-height: 600px;
        padding: 10em;
    }
    #main .punkte{
        position: absolute;
        padding: 45px;
        bottom: 15%;
    }
    #main .punkte .btn{
        width: unset;
    }
    .Fuerer::before{
        /*bottom: unset;*/
    }
    #Beratung svg{
        margin: 10px 30px;   
    }
    #Haustypen a:nth-child(odd){
        margin-right: 1%;
    }
    #Haustypen a,
    #Gruende article{
        vertical-align: top;
        width: 30%;
        margin: 1%;
    }
    #Gruende article{
        min-height: 15em;
    }
    #Bewertungen h2{
        left: 23vw;
    }
    #Bewertungen .block{
        height:auto;
        min-height:220px;
        overflow-y:auto;
    }

    #Kontakt input,
    #Kontakt textarea{
        width: 47%;
        margin: 3% 2% 0 0 ;
    }
    #Kontakt textarea{
        width: 96.5%;
    }
    #Kontakt>.block:last-child{
        margin-top: 100px;
    }
}



/*
.block33{background-color:#f00;}
.block50{background-color:#0f0;}
.block66{background-color:#00f;}