body header #suche{position:relative;display:flex;flex-grow:1}body header #suche #suchfeld{height:42px;flex-grow:1;border:solid 1px #000;padding:5px 15px;transition:all .3s;width:200px;font-size:25px}body header #suche input+label span{display:none}body header #suche:focus-within input#suchfeld{width:600px}body header #suche:focus-within #ergebnisse:has(.result){display:block}body header #suche #ergebnisse{display:none;position:fixed;top:90px;left:50%;transform:translateX(-50%);background:#fff;width:1000px;z-index:2000;border-left:var(--borderthick);border-right:var(--borderthick);border-bottom:var(--borderthick)}body header #suche #ergebnisse .result{border-bottom:solid 1px var(--ptb-midnightblue)}body header #suche #ergebnisse .result a{padding:5px 10px;text-decoration:none;color:#000;display:block;width:100%}body header #suche #ergebnisse .result a:hover{background:var(--ptb-midnightblue);color:#fff}body header #suche #ergebnisse .result a:hover:before{filter:brightness(0) invert(1)}body header #suche #ergebnisse .result:nth-child(odd){background:var(--ptb-lightgrey)}body header #suche #ergebnisse .result.kontakt{display:grid;padding:5px;white-space:nowrap;overflow:hidden;grid-template-columns:40px 1fr}body header #suche #ergebnisse .result.kontakt:before{content:"";display:inline-block;min-width:25px;height:25px;margin-right:10px;background:url("../Icons/person.svg") no-repeat center center}body header #suche #ergebnisse .result.kontakt span.name{font-family:universheavy}body header #suche #ergebnisse .result.kontakt .kontaktbox{display:grid;align-items:center;margin-left:40px;grid-template-columns:1fr 1fr 1fr;grid-template-rows:25px;gap:0 10px}body header #suche #ergebnisse .result.kontakt .kontaktbox *{font-size:16px}body header #suche #ergebnisse .result.kontakt .kontaktbox .oe{grid-column-start:1;grid-column-end:4;display:flex;align-items:center;padding:5px 0}body header #suche #ergebnisse .result.kontakt .kontaktbox .oe:before{content:"";display:inline-block;width:20px;height:20px;margin-right:5px;background-repeat:no-repeat}body header #suche #ergebnisse .result.kontakt .kontaktbox .email a,body header #suche #ergebnisse .result.kontakt .kontaktbox .telefon a,body header #suche #ergebnisse .result.kontakt .kontaktbox .ort a{display:inline-flex;align-items:center;text-decoration:none;font-family:universreg;background:var(--ptb-lightgrey);border-radius:4px;color:inherit;border:solid 1px rgba(0,32,57,.2509803922);padding:1px 4px 1px 2px;font-size:16px;line-height:18px;position:relative;top:5px}body header #suche #ergebnisse .result.kontakt .kontaktbox .email a:hover,body header #suche #ergebnisse .result.kontakt .kontaktbox .telefon a:hover,body header #suche #ergebnisse .result.kontakt .kontaktbox .ort a:hover{background-color:var(--ptb-midnightblue);color:#fff}body header #suche #ergebnisse .result.kontakt .kontaktbox .email a:hover:before,body header #suche #ergebnisse .result.kontakt .kontaktbox .telefon a:hover:before,body header #suche #ergebnisse .result.kontakt .kontaktbox .ort a:hover:before{filter:brightness(0) invert(1)}body header #suche #ergebnisse .result.kontakt .kontaktbox .email a span,body header #suche #ergebnisse .result.kontakt .kontaktbox .telefon a span,body header #suche #ergebnisse .result.kontakt .kontaktbox .ort a span{font-family:universreg;font-size:16px}body header #suche #ergebnisse .result.kontakt .kontaktbox .email a:before,body header #suche #ergebnisse .result.kontakt .kontaktbox .telefon a:before,body header #suche #ergebnisse .result.kontakt .kontaktbox .ort a:before{content:"";display:inline-block;min-width:32px;min-height:32px;margin-right:8px;background-position:center;background-size:80%;background-repeat:no-repeat;min-width:20px;min-height:20px;margin-right:5px;border-right:solid 1px rgba(0,32,57,.2509803922)}body header #suche #ergebnisse .result.kontakt .kontaktbox .email span,body header #suche #ergebnisse .result.kontakt .kontaktbox .telefon span,body header #suche #ergebnisse .result.kontakt .kontaktbox .ort span{display:flex;align-items:center}body header #suche #ergebnisse .result.kontakt .kontaktbox .oe:before{background-image:url("../Icons/oe.svg")}body header #suche #ergebnisse .result.kontakt .kontaktbox .email a:before{background-image:url("../Icons/email.svg")}body header #suche #ergebnisse .result.kontakt .kontaktbox .telefon a:before{background-image:url("../Icons/telefon.svg")}body header #suche #ergebnisse .result.kontakt .kontaktbox .ort a:before{background-image:url("../Icons/ort.svg")}body header #suche #ergebnisse .result.page{display:flex;align-items:center;justify-content:space-between}body header #suche #ergebnisse .result.page .kontaktbox{display:flex;align-items:center;gap:10px;padding:0 10px}body header #suche #ergebnisse .result.page .kontaktbox span.name{display:none}body header #suche #ergebnisse .result.page .kontaktbox span.oe{display:inline-block;width:25px;height:25px;border:solid 2px var(--ptb-midnightblue);color:rgba(0,0,0,0);overflow:hidden;background:url("../Icons/oe.svg") no-repeat center/80%}body header #suche #ergebnisse .result.page .kontaktbox span{line-height:0}body header #suche #ergebnisse .result.page .kontaktbox span a{border:solid 2px var(--ptb-midnightblue);color:rgba(0,0,0,0);overflow:hidden;width:25px;height:25px;padding:0}body header #suche #ergebnisse .result.page .kontaktbox span a:hover{background-color:var(--ptb-midnightblue)}body header #suche #ergebnisse .result.page .kontaktbox span a:hover:before{filter:brightness(0) invert(1)}body header #suche #ergebnisse .result.page .kontaktbox span a:before{content:"";display:inline-block;width:100%;height:100%;background-repeat:no-repeat;background-size:80%;background-position:center}body header #suche #ergebnisse .result.page .kontaktbox span.telefon a:before{background-image:url("../Icons/telefon.svg")}body header #suche #ergebnisse .result.page .kontaktbox span.email a:before{background-image:url("../Icons/email.svg")}body header #suche #ergebnisse .result.page .kontaktbox span.ort a:before{background-image:url("../Icons/ort.svg")}@media screen and (max-width: 530px){body header .logo-heading #suche #suchfeld{width:42px;display:flex;align-items:center}body header .logo-heading #suche #ergebnisse{display:none;position:fixed;top:70px;left:0;width:100vw;transform:none}body header .logo-heading #suche #ergebnisse .result.kontakt .kontaktbox{grid-template-columns:1fr}body header .logo-heading #suche #ergebnisse .result.kontakt .kontaktbox .email a,body header .logo-heading #suche #ergebnisse .result.kontakt .kontaktbox .telefon a,body header .logo-heading #suche #ergebnisse .result.kontakt .kontaktbox .ort a{padding:3px 6px}body header .logo-heading #suche #ergebnisse .result.kontakt .kontaktbox .oe{grid-column-end:unset}body header .logo-heading:has(#suche:focus-within) .logo{display:none}body header .logo-heading:has(#suche:focus-within) input#suchfeld{width:calc(100vw - 100px)}}/*# sourceMappingURL=suche.min.css.map */
