Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.
 
 
 
 

2 строки
8.6 KiB

  1. .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%}.election-detail{margin:0 0 80px}.election-detail--text{display:flex;justify-content:space-between;align-items:flex-start;background:var(--color-background);padding:0 0 30px}@media (max-width: 1100px){.election-detail--text{display:block}}.election-detail--text img{display:block;width:545px;margin:0 40px 0 0}@media (max-width: 1100px){.election-detail--text img{width:100%}}.election-detail--text .election-detail--image-container{position:relative;margin:0 40px 0 0}.election-detail--text .election-detail--image-container img{margin:0}.election-detail--text .election-detail--image-container .copyright{position:absolute;display:block;left:100%;bottom:0;font-size:12px;text-align:left;line-height:1.2;z-index:2;transform-origin:0 100%;transform:rotate(-90deg);transition:.3s ease;color:var(--swatches-neutrals-white);text-shadow:0 0 3px rgba(0,0,0,.6),0 0 8px rgba(0,0,0,.6);width:calc(66.6% + 7px);padding:8px 18px}.election-detail--text .text-box{flex:1;padding-right:1.5rem}@media (max-width: 1100px){.election-detail--text .text-box{padding-left:15px;padding-right:15px}}.election-detail--text h1{margin:1.5rem 0}.election-detail--text h2{margin:0 0 .75rem;font-size:36px;line-height:42px}.election-detail--text p{margin:0 0 1.5rem}.election-detail--text p.subheadline{margin:-1rem 0 1.5rem;font-weight:600}.election-detail--text .social-media p{font-size:1rem;text-transform:uppercase;margin:0 0 .5rem}.election-detail--text .social-media .social-icons a:before{color:var(--color-text)}.election-detail--text .social-media .social-icons a:hover:before{color:var(--color-decoration)}.election-detail--video{padding:30px 0;background:var(--color-background)}@media (max-width: 1100px){.election-detail--video{background:none}}.election-detail--video .video-container{margin:0 auto;max-width:976px}@media (max-width: 1100px){.election-detail--video .video-container{width:100%;max-width:none}}.election-detail--video .video-container .video{margin:0}.election-detail--info{display:flex;justify-content:space-between;background:var(--color-background);color:var(--color-text)}@media (max-width: 1023px){.election-detail--info{display:block;background:none}}.election-detail--info .info-box{flex:1;padding:30px 20px;display:flex;flex-direction:column;justify-content:space-between}@media (max-width: 1023px){.election-detail--info .info-box{background:var(--color-background);margin:0 0 5px}}.election-detail--info .info-headline{display:block;font-size:16px;margin-bottom:2px;letter-spacing:.3px}@media (max-width: 767px){.election-detail--info .info-headline{font-size:14px}}.election-detail--info .info-headline+h1,.election-detail--info .info-headline+.like-h1{margin-top:.1em}.election-detail--info .info-headline+h2,.election-detail--info .info-headline+.like-h2,.election-detail--info .info-headline+h3,.election-detail--info .info-headline+.like-h3,.election-detail--info .info-headline+h4+.like-h4{margin-top:.2em}.election-detail--info .info-box--content p{font-size:18px;line-height:27px;margin:0 0 5px}.election-detail--info .info-box--content p.headline{font-weight:600;margin:0}.election-detail--info .info-box--content .address .text{margin:inherit;font-size:18px}.election-detail--info .info-box--text{cursor:pointer}.election-detail--info .info-box--text{font-size:36px;line-height:44px;margin:0;font-family:Korb,sans-serif}@media (max-width: 767px){.election-detail--info .info-box--text{font-size:24px;line-height:29px}}.election-detail--back{background:var(--color-background);display:flex;justify-content:center;padding:30px 15px;margin:20px 0 0}.election-detail--more{margin:60px 0 0!important;max-width:none!important}.election-detail--more h3,.election-detail--more .like-h3{margin-left:0;margin-right:0}