|
- .contact-wrapper{position:relative;background-color:var(--color-background);border-bottom:var(--border-width) solid var(--color-decoration);padding:var(--content-box-padding);overflow:hidden;font-size:var(--font-size-small);margin:var(--section-margin) 0}.contact-wrapper>h2,.contact-wrapper>h3,.sidebar .contact-wrapper>h2,.sidebar .contact-wrapper>.like-h2,.contacts-in-text .contact-wrapper>h2,.contacts-in-text .contact-wrapper>.like-h2,.contact-wrapper>.like-h2,.contact-wrapper>.like-h3{margin-top:var(--section-headline-margin)}.contact-wrapper h5,.contact-wrapper .like-h5,.contact-wrapper h6,.contact-wrapper .like-h6{margin-top:-.3em;font-size:var(--font-size-copy);font-family:var(--font-korb),sans-serif}.contact-wrapper .contact-person{display:flex;margin:0 calc((var(--content-box-padding) + var(--col-padding)) * -1);padding-bottom:25px!important}.contact-wrapper:not([data-tab-style=open]) .contact-person{position:absolute;top:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s ease 0s,visibility 0s ease .4s,transform .4s ease 0s;transform:translateZ(0) scale(.95);width:calc(100% + (var(--content-box-padding) + var(--col-padding)) * 2)}.contact-wrapper:not([data-tab-style=open]) .contact-person.active{position:relative;opacity:1;visibility:visible;pointer-events:all;transition:opacity .4s ease .4s,visibility 0s ease .4s,transform .4s ease .4s;transform:translateZ(0) scale(1);order:1;z-index:1}.contact-wrapper .image-box,.contact-wrapper .text-box{flex:1 1 100%;padding:0 var(--col-padding)}.contact-wrapper p,.contact-wrapper .text{margin-bottom:.4em}.contact-wrapper .contacts{position:relative;display:flex;flex-direction:column;transition:height .3s cubic-bezier(.25,.46,.45,.94)}.contact-wrapper .contact-buttons,.contact-wrapper .tab-buttons{padding:0;list-style:none;margin:1.1em -.3em 0}.contact-wrapper .contact-buttons li,.contact-wrapper .tab-buttons li{margin:0 .3em .6em}.contact-wrapper .contact-buttons .btn,.contact-wrapper .tab-buttons .btn{margin-left:-.06em}.contact-wrapper .contact-buttons li:last-child{margin-bottom:0}.contact-wrapper .tab-buttons{display:flex;flex-wrap:wrap;margin:0 -.3em 1.2em}.contact-wrapper .tab-buttons .btn:after{display:none}.contact-wrapper .tab-buttons li:not(.active) .btn:not(:hover){background-color:var(--buttons-tertiary-background);color:var(--buttons-tertiary-text)}.contact-wrapper img{max-width:100%;height:auto;transition:opacity .3s ease;opacity:1}.contact-wrapper img.loading{opacity:0}.contact-wrapper[data-size=lg] .image-box{max-width:33.333333%;padding-left:calc(var(--content-box-padding) + var(--col-padding))}.contact-wrapper[data-size=lg] .text-box{padding-right:calc(var(--content-box-padding) + var(--col-padding))}.contact-wrapper[data-size=lg] .text-box:first-child{padding-left:calc(var(--content-box-padding) + var(--col-padding));max-width:880px}.contact-wrapper[data-size=md] .image-box{padding-left:calc(var(--content-box-padding) + var(--col-padding))}.contact-wrapper[data-size=md] .text-box{min-width:calc(100% - 360px - var(--content-box-padding) * 2);padding-right:calc(var(--content-box-padding) + var(--col-padding))}.contact-wrapper[data-size=md] .text-box:first-child{padding-left:calc(var(--content-box-padding) + var(--col-padding))}.contact-wrapper[data-size=sm]{padding:calc(var(--content-box-padding) * 2) var(--content-box-padding)}.contact-wrapper[data-size=sm] .image-box{margin-bottom:1em}.contact-wrapper[data-size=sm] .contact-person{flex-direction:column;padding:0 var(--content-box-padding)}.contact-wrapper[data-size=sm] .tab-buttons{margin-bottom:.8em}.contact-wrapper.ansprechpartner{background-color:var(--swatches-primary-200);padding:20px;border-bottom:none}.sidebar .contact-wrapper h2,.sidebar .contact-wrapper .like-h2{margin-top:var(--section-headline-margin);margin-bottom:.6em}.sidebar .contact-wrapper,.contacts-in-text .contact-wrapper{padding:20px 20px 10px;font-size:18px}@media (max-width: 767px){.sidebar .contact-wrapper,.contacts-in-text .contact-wrapper{font-size:16px}}.sidebar .contact-wrapper+*,.contacts-in-text .contact-wrapper+*{margin-top:48px}.sidebar .contact-wrapper h2,.sidebar .contact-wrapper .like-h2,.contacts-in-text .contact-wrapper h2,.contacts-in-text .contact-wrapper .like-h2{margin-top:0}.sidebar .contact-wrapper .tab-buttons,.contacts-in-text .contact-wrapper .tab-buttons{padding:0}.sidebar .contact-wrapper .contact-buttons li,.contacts-in-text .contact-wrapper .contact-buttons li{display:block}.sidebar .contact-wrapper .contact-person,.contacts-in-text .contact-wrapper .contact-person{flex-direction:column;margin:0;display:block;padding:0;width:auto}.sidebar .contact-wrapper .contact-person>div,.contacts-in-text .contact-wrapper .contact-person>div{flex:1 1 100%;max-width:100%;padding:10px 0}.sidebar .contact-wrapper .contact-person>div.text-box:first-child,.contacts-in-text .contact-wrapper .contact-person>div.text-box:first-child{padding:0 0 10px}.ansprechpartner{display:block!important}.ansprechpartner .contact{float:left;max-width:49%}
|
