.m10_allgemeine_informationen_item svg{
width:16px;
height: auto;
-webkit-transition: fill .4s;
-moz-transition: fill .4s;
-ms-transition: fill .4s;
-o-transition: fill .4s;
transition: fill .4s;
}
.m10_allgemeine_informationen_item a {
-webkit-transition: color .4s;
-moz-transition: color .4s;
-ms-transition: color .4s;
-o-transition: color .4s;
transition: color .4s;
}
.m10_allgemeine_informationen_item a:hover {
color: #fff;
}
.m10_allgemeine_informationen_item_content_inner svg{
fill:#007fc5;
margin-right: 5px;
}
.m10_allgemeine_informationen_item_content_inner a:hover svg {
fill: #fff;
}
.m10_googlemaps_link_container svg{
fill:#fff;
width: 9px;
height: 11px;
margin-right: 15px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.m10_allgemeine_informationen_item_content_inner a:hover {
color: #007fc5;
}
.m10_googlemaps_link_container a:hover svg {
fill: #007fc5;
}
.m10_bezeichnung{
font-size:1.56rem;
display: flex; align-items: start;
}
.m10_bezeichnung img,
.m10_bezeichnung svg {
width: 22px;
min-width: 22px;
height: 22px;
min-height: 22px; margin-right: 10px;
margin-bottom: 6px;
}
.m10_googlemaps_link_container *{
font-size:0.90rem;
}
.m10_bezeichnung{
margin-bottom:0;
}
.m10_adresse_strasse{
margin-bottom:2px;
}
.m10_bezeichnung_container{
margin-bottom: 22px;
}
p.m10_adresse_plz_ort{
margin-bottom:28px;
}
.m10_googlemaps_link_container{
margin-top:29px;
}
section.m10_kontakt .m10_karte_container {
position: relative;
overflow: hidden;
}
section.m10_kontakt .m10_karte_container svg {
margin-top: -250px;
}
section.m10_kontakt .m10_karte_container svg text {
font-size: .9rem;
}
.m10_karte_container .m10_karte_bullet {
cursor: pointer;
opacity: .6;
-wekbit-transition: opacity .4s;
-moz-transition: opacity .4s;
-ms-transition: opacity .4s;
-o-transition: opacity .4s;
transition: opacity .4s;
}
.m10_karte_container .m10_karte_bullet:hover,
.m10_karte_container .m10_karte_bullet.active {
opacity: 1;
}
[data-variante="variante_1"] .m10_karte_container:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 520px;
background: linear-gradient(to top, #121212, #121212 80%, rgba(18,18,18,.6) 90%, transparent 100%);
}
.m10_allgemeine_informationen_item_content_inner{
display: flex;
justify-content: center;
flex-direction: column;
max-width: 100%;
}
.m10_allgemeine_informationen_container { margin-top: -440px;
position: relative;
}
.m10_allgemeine_informationen_item_image_container_inner{
height:100%;
}
.m10_allgemeine_informationen_item_image{
width:100%;
height:100%;
max-height: 250px;
object-fit:cover;
}
.m10_text_container{
column-count: 2;
gap: 75px;
margin-bottom:56px;
}
.m10_beschriftung_container{
margin-bottom:50px;
max-width: 36%;
}
.m10_kontakt[data-variante="variante_1"] .m10_allgemeine_informationen_item{
display:flex;
flex-direction: column;
position: absolute;
left: 0;
top: 0;
opacity: 0;
width: 100%;
}
.m10_kontakt[data-variante="variante_1"] .m10_allgemeine_informationen_item.active {
opacity: 1;
z-index: 1;
}
.m10_kontakt[data-variante="variante_1"] .m10_allgemeine_informationen_item_content{ padding: 0 67px;
display: flex;
}
.m10_kontakt[data-variante="variante_1"] .m10_allgemeine_informationen_item_image_container{ width: 55%;
}
.m10_kontakt[data-variante="variante_1"] .m10_allgemeine_informationen_item_content { width: 45%;
}
.m10_kontakt[data-variante="variante_1"] .m10_allgemeine_informationen_item_content_main{
display:flex;
align-items: center;
}
.m10_kontakt[data-variante="variante_2"] .m10_allgemeine_informationen_container{
display:flex;
gap: 0 30px;
}
.m10_kontakt[data-variante="variante_2"] .m10_allgemeine_informationen_item_image{
height:220px;
width: 100%;
object-fit:cover;
border: 1px solid #333333;
}
.m10_kontakt[data-variante="variante_2"] .m10_allgemeine_informationen_item {
display: flex;
flex-direction: column;
justify-content: space-between;
border: 1px solid #333333;
padding:24px;
width:calc(100% / 3);
background: #121212;
-webkit-transition: background .4s;
-moz-transition: background .4s;
-ms-transition: background .4s;
-o-transition: background .4s;
transition: background .4s;
}
.m10_kontakt[data-variante="variante_2"] .m10_allgemeine_informationen_item.active {
background: #1a1a1a;
}
.m10_kontakt[data-variante="variante_2"] .m10_allgemeine_informationen_item_image_container{
margin-bottom:24px;
}
.m10_link_to_form_container {
align-self: center;
cursor: pointer;
margin-top: 35px;
}
.m10_link_to_form_container span {
font-size: .9rem;
}
.m10_titel_container {
margin-bottom: 50px;
}
@media screen and (max-width: 2199px) {
.m10_beschriftung_container {
max-width: 41%;
}
}
@media screen and (max-width: 1920px) {
.m10_beschriftung_container {
max-width: 52%;
}
.m10_allgemeine_informationen_container { margin-top: -330px;
}
[data-variante="variante_1"] .m10_karte_container:after {
height: 420px;
}
}
@media screen and (max-width: 1599px) {
.m10_beschriftung_container {
max-width: 62%;
}
.m10_allgemeine_informationen_container { margin-top: -300px;
}
[data-variante="variante_1"] .m10_karte_container:after {
height: 370px;
}
.m10_kontakt[data-variante="variante_1"] .m10_allgemeine_informationen_item_image_container{
width:55%;
}
.m10_kontakt[data-variante="variante_1"] .m10_allgemeine_informationen_item_content {
width: 45%;
}
}
@media screen and (max-width: 1399px) {
.m10_allgemeine_informationen_container {
margin-top: -300px;
}
[data-variante="variante_1"] .m10_karte_container:after {
height: 300px;
}
.m10_beschriftung_container {
max-width: 54%;
}
section.m10_kontakt .m10_karte_container svg {
margin-top: -200px;
}
section.m10_kontakt .m10_karte_container svg text {
font-size: 1rem;
}
}
@media screen and (max-width: 1199px) {
.container.m10_karte_container_outer {
max-width: 100%;
}
.m10_beschriftung_container {
max-width: 65%;
}
.m10_allgemeine_informationen_container {
margin-top: -250px;
}
[data-variante="variante_1"] .m10_karte_container:after {
height: 250px;
}
}
@media screen and (max-width: 991px) {
.m10_kontakt[data-variante="variante_1"] .m10_allgemeine_informationen_item_content{
padding: 40px 0 40px 20px;
}
.m10_beschriftung_container {
max-width: 88%;
}
.m10_allgemeine_informationen_container { margin-top: -150px;
}
[data-variante="variante_1"] .m10_karte_container:after {
height: 200px;
}
.m10_kontakt[data-variante="variante_2"] .m10_allgemeine_informationen_container {
flex-direction: column;
height: auto !important;
}
.m10_kontakt[data-variante="variante_2"] .m10_allgemeine_informationen_item {
width: 100%;
}
.m10_kontakt[data-variante="variante_2"] .m10_allgemeine_informationen_container .m10_allgemeine_informationen_item:not(:last-child) {
margin-bottom: 20px;
}
section.m10_kontakt .m10_karte_container svg {
margin-top: -150px;
}
section.m10_kontakt .m10_karte_container svg text {
font-size: 1.2rem;
}
.m10_kontakt[data-variante="variante_1"] .m10_allgemeine_informationen_item_image_container,
.m10_kontakt[data-variante="variante_1"] .m10_allgemeine_informationen_item_content {
width:100%;
}
.m10_kontakt[data-variante="variante_1"] .m10_allgemeine_informationen_item_content_main {
flex-wrap: wrap;
}
}
@media screen and (max-width: 767px) {
.m10_kontakt[data-variante="variante_1"] .m10_text_container{
column-count: 1;
}
.m10_beschriftung {
font-size: 2rem;
}
.m10_allgemeine_informationen_container {
margin-top: -150px;
}
[data-variante="variante_1"] .m10_karte_container:after {
height: 150px;
}
section.m10_kontakt .m10_karte_container svg {
margin-top: -100px;
}
.m10_allgemeine_informationen_container {
margin-top: -100px;
}
}
@media screen and (max-width: 575px) {
.m10_kontakt[data-variante="variante_1"] .m10_allgemeine_informationen_item_content_main{
display:block;
}
.m10_kontakt[data-variante="variante_1"] .m10_allgemeine_informationen_item_content{
padding:0;
padding-top:10px;
width: 100%;
display: block;
}
.m10_kontakt[data-variante="variante_1"] .m10_allgemeine_informationen_item_image_container, .m10_allgemeine_informationen_item_content{
width:100%;
}
.m10_allgemeine_informationen_container {
margin-top: 0;
}
[data-variante="variante_1"] .m10_karte_container:after {
display: none;
}
.m10_karte_container {
overflow: hidden;
}
.m10_karte_container svg {
min-height: 350px;
-webkit-transform: scale(1.4);
-moz-transform: scale(1.4);
-ms-transform: scale(1.4);
-o-transform: scale(1.4);
transform: scale(1.4);
}
.m10_beschriftung_container {
max-width: 90%;
}
section.m10_kontakt .m10_karte_container svg {
margin-top: -50px;
}
}
@media screen and (max-width: 500px) {
.m10_beschriftung_container {
max-width: 100%;
}
}
@media screen and (max-width: 450px) {
.m10_beschriftung_container {
max-width: 92%;
}
.m10_beschriftung {
font-size: 1.7rem;
}
}
@media screen and (max-width: 375px) {
.m10_bezeichnung {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto;
word-break: break-word;
}
}