/* Contact measured against original desktop and 390px screenshots. */
.contact-banner{height:223px;display:flex;align-items:center;justify-content:center;background:linear-gradient(#980d1ed9,#980d1ed9),url('../images/Foto-Zuschauerraum.jpg') center/cover;color:#fff}.contact-banner h1{font:400 56px/1.2 'Times New Roman',serif;margin:0}
.contact-page{background:#f5f5f5;padding:100px 0}.contact-columns{position:relative;display:grid;grid-template-columns:88px 440px 568px;align-items:center;width:1100px;max-width:calc(100% - 40px);margin:auto;min-height:655px}.contact-photo{grid-column:3;grid-row:1}.contact-photo img{width:568px;height:auto}.contact-card{grid-column:2;grid-row:1;position:relative;z-index:1;min-height:655px;padding:50px;background:#980d1e;border-radius:5px;box-shadow:0 0 20px #0003;color:white}.contact-card h2{font:400 39px/1 'Times New Roman',serif;color:white;margin:0 0 70px;padding-bottom:20px;border-bottom:1px solid #ffffff25;white-space:nowrap}.contact-card .contact-method{display:flex;gap:25px;align-items:center;margin:0 0 50px}.contact-icon{background:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;width:65px;height:65px;flex:0 0 65px}.contact-card .contact-method svg{width:26px;height:26px;flex:none;fill:#333}.contact-card .contact-method h3{font:600 25px/1.2 Roboto,Arial,sans-serif;color:#fff;margin:0 0 8px;white-space:nowrap}.contact-card .contact-method p{font:400 16px/1.5 Roboto,Arial,sans-serif;color:#c3c3c3;margin:0;white-space:nowrap;overflow-wrap:normal}.contact-social{grid-column:1;grid-row:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;background:white;min-height:495px;color:#777;padding:20px;box-shadow:0 0 25px #0001}.contact-social>*{font:bold 16px/22px Arial,sans-serif}
@media(min-width:768px) and (max-width:1150px){.contact-columns{grid-template-columns:60px 42% 1fr}.contact-card{padding:35px 25px}.contact-card h2{font-size:30px}.contact-card .contact-method{gap:12px}.contact-card .contact-method h3{font-size:20px}.contact-card .contact-method p{white-space:normal;overflow-wrap:anywhere}.contact-icon{width:50px;height:50px;flex-basis:50px}}
@media(max-width:767px){.contact-page{padding:50px 30px}.contact-columns{display:flex;flex-direction:column;width:100%;max-width:100%;min-height:0}.contact-photo{width:100%}.contact-photo img{width:100%}.contact-card{width:100%;min-height:527px;padding:50px 30px}.contact-card h2{font-size:24px;line-height:24px;text-align:center;margin:0 0 70px;padding-bottom:20px;white-space:normal}.contact-card .contact-method{flex-direction:column;gap:18px;text-align:center;margin-bottom:50px}.contact-icon{width:57px;height:57px;flex-basis:57px}.contact-card .contact-method h3{font-size:23px;white-space:normal}.contact-card .contact-method p{font-size:16px;white-space:normal;overflow-wrap:anywhere}.contact-card .contact-method:last-child{margin-bottom:0}.contact-social{width:100%;min-height:84px;flex-direction:row;gap:30px;padding:20px}.contact-social>*{font-size:14px}}
