.block.graphek_ansprechpartner-themen {
background: #F0F0F1;
color: #261B63;
padding: 50px 0px;
margin-bottom: 40px;
}
.block.graphek_ansprechpartner-themen .wrap {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: top;
-webkit-align-items: top;
-moz-box-align: top;
-ms-flex-align: top;
align-items: top;
-webkit-align-content: top;
-ms-flex-line-pack: top;
align-content: top;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.block.graphek_ansprechpartner-themen .wrap .bild {
-webkit-box-flex: 0;
-webkit-flex: 0 0 160px;
-moz-box-flex: 0;
-ms-flex: 0 0 160px;
flex: 0 0 160px;
}
.block.graphek_ansprechpartner-themen .wrap .text {
-webkit-box-flex: 2;
-webkit-flex: 2;
-moz-box-flex: 2;
-ms-flex: 2;
flex: 2;
margin-left: 40px;
}
.block.graphek_ansprechpartner-themen .wrap .text h1,
.block.graphek_ansprechpartner-themen .wrap .text h2,
.block.graphek_ansprechpartner-themen .wrap .text h3 {
margin-top: 0;
}
.block.graphek_ansprechpartner-themen .wrap select {
max-width: 400px;
margin: 30px 0px;
}
.block.graphek_ansprechpartner-themen .ansprechpartner_liste {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-moz-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 900px;
}
.block.graphek_ansprechpartner-themen .ansprechpartner_liste .mitarbeiter {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-moz-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
padding: 19px;
font-size: 14px;
display: none;
position: relative;
}
.block.graphek_ansprechpartner-themen .ansprechpartner_liste .mitarbeiter.show {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.block.graphek_ansprechpartner-themen .ansprechpartner_liste .bild {
width: 200px;
height: 200px;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
background-position: 50% 50% !important;
}
.block.graphek_ansprechpartner-themen .ansprechpartner_liste .inhalt {
padding-left: 20px;
}
.block.graphek_ansprechpartner-themen .ansprechpartner_liste .name {
margin-top: 15px;
font-family: aktiv-grotesk-extended, sans-serif;
font-weight: 500;
font-style: normal;
}
.block.graphek_ansprechpartner-themen .ansprechpartner_liste .position {
color: #C00D1E;
font-family: aktiv-grotesk-extended, sans-serif;
font-weight: 500;
font-style: normal;
margin-bottom: 20px;
}
.block.graphek_ansprechpartner-themen .ansprechpartner_liste a {
display: block;
color: #261B63;
text-decoration: none;
}
.block.graphek_ansprechpartner-themen .ansprechpartner_liste a:hover {
color: #C00D1E;
}
.block.graphek_ansprechpartner-themen .formular {
display: none;
margin: 40px 0px;
max-width: 600px;
}
.block.graphek_ansprechpartner-themen .formular .empfaenger {
display: none;
}
.block.graphek_ansprechpartner-themen .formular input,
.block.graphek_ansprechpartner-themen .formular textarea {
background: #fff;
border: 0;
}
.block.graphek_ansprechpartner-themen .formular input[type="submit"] {
background: #C00D1E;
margin-top: 20px;
}
.block.graphek_ansprechpartner-themen .formular .checkbox {
position: relative;
padding-left: 20px;
}
.block.graphek_ansprechpartner-themen .formular .checkbox input {
position: absolute;
top: 4px;
left: 0px;
}
@media (max-width: 600px) {
.block.graphek_ansprechpartner-themen .wrap .text {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-moz-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin-left: 0;
margin-top: 20px;
}
.block.graphek_ansprechpartner-themen .ansprechpartner_liste .mitarbeiter.show {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.block.graphek_ansprechpartner-themen .ansprechpartner_liste .bild,
.block.graphek_ansprechpartner-themen .ansprechpartner_liste .inhalt {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-moz-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding-left: 0;
}
}.block.graphek_google-maps .gmap_container {
height: 600px;
width: 100%;
background: #eee;
position: relative;
}
.block.graphek_google-maps .gmap_container #gmaps {
position: absolute;
top: 0px;
left: 10px;
right: 10px;
height: 100%;
}
.block.graphek_google-maps .gmap_container .cookie_fallback {
text-align: center;
padding: 100px 20px;
position: relative;
z-index: 20;
font-family: aktiv-grotesk-extended, sans-serif;
font-weight: 500;
font-style: normal;
}
.block.graphek_google-maps .gmap_container .cookie_fallback .cookie_button {
margin-top: 15px;
}
.block.graphek_google-maps .standort_ui {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
max-width: 800px;
margin: 0 auto;
margin-top: -24px;
position: relative;
z-index: 20;
}
.block.graphek_google-maps .standort_ui nav.standorte {
-webkit-box-flex: 0;
-webkit-flex: 0 0 220px;
-moz-box-flex: 0;
-ms-flex: 0 0 220px;
flex: 0 0 220px;
}
.block.graphek_google-maps .standort_ui nav.standorte .nav_item {
font-size: 18px;
padding: 8px 25px;
font-family: aktiv-grotesk-extended, sans-serif;
font-weight: 300;
font-style: normal;
color: #fff;
background: #C4C4C4;
cursor: pointer;
}
.block.graphek_google-maps .standort_ui nav.standorte .nav_item.aktiv,
.block.graphek_google-maps .standort_ui nav.standorte .nav_item:hover {
background: #C00D1E;
}
.block.graphek_google-maps .standort_ui .content_container {
-webkit-box-flex: 2;
-webkit-flex: 2;
-moz-box-flex: 2;
-ms-flex: 2;
flex: 2;
background: #C00D1E;
padding: 40px 40px;
color: #fff;
margin-top: -40px;
}
.block.graphek_google-maps .standort_ui .content_container a {
color: #fff;
text-decoration: none;
}
.block.graphek_google-maps .standort_ui .content_container .content {
display: none;
}
.block.graphek_google-maps .standort_ui .content_container .content .bild {
width: 180px;
height: 180px;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
background-position: center center !important;
margin-right: 30px;
}
.block.graphek_google-maps .standort_ui .content_container .content .text p:first-child {
margin-top: 0;
}
.block.graphek_google-maps .standort_ui .content_container .content.aktiv {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 760px) {
.block.graphek_google-maps .gmap_container {
height: 300px;
}
.block.graphek_google-maps .standort_ui {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 0;
}
.block.graphek_google-maps .standort_ui nav.standorte {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-moz-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.block.graphek_google-maps .standort_ui nav.standorte .nav_item {
display: block;
}
.block.graphek_google-maps .standort_ui .content_container {
margin-top: 0;
padding: 20px;
}
.block.graphek_google-maps .standort_ui .content_container .content {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.block.graphek_google-maps .standort_ui .content_container .content .bild {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-moz-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin-bottom: 20px;
}
}