/* =======================================================================================================================================
Shortcode: [ansprechpartner]
======================================================================================================================================= */
#top .ansprechpartner{display: flex; align-items: flex-start; align-items: center; max-width: 100%; margin: 1rem 0}
#top .ansprechpartner > figure{width: 240px; min-width: 240px; max-width: 240px; aspect-ratio: 1/1; background: #f2f2f2; overflow: hidden; border-radius: 50%; position: relative; margin: 0 1rem 0 -120px}
#top .ansprechpartner > figure > img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; display: block;}
#top .ansprechpartner > div > ul{margin: 1em 0 0; list-style: none;}
#top .ansprechpartner > div > ul li{margin: 0; padding: 0; font-size: var(--step--1);}
#top .ansprechpartner > div > .icons{display: flex; gap: 1rem; margin: 1rem 0 0;} 
#top .ansprechpartner > div > .icons > a{border: 0; display: -ms-inline-grid; display: inline-grid; width: 2em; height: 2em; font-size: var(--step-3); place-content: center; background: var(--yellow); border-radius: 50%; transition: .2s ease}
#top .ansprechpartner > div > .icons > a i{line-height: 1; font-size: 1em}
#top .ansprechpartner > figure + div > .icons{translate: -5rem 0;}

html.no-touch-device #top .ansprechpartner > div > .icons > a:hover{scale: 1.1;}

@media only screen and (min-width: 480px){
    #top .ansprechpartner > figure{margin: 0 1rem 0 -80px}
}

@media only screen and (min-width: 768px){
    #top .ansprechpartner{align-items: center;}
    #top .ansprechpartner > figure{width: 360px; min-width: 360px; max-width: 360px; margin: 0 2rem 0 ; margin-left: -80px;}
    #top .ansprechpartner > div > ul li{font-size: var(--step-0);}
    #top .ansprechpartner > figure + div > .icons{margin: 2rem 0 0;}
}

@media only screen and (min-width: 990px) and (max-width: 2019px){
    #top .ansprechpartner > figure{margin-left: 0px;}
}

@media only screen and (min-width: 2020px){
    #top .ansprechpartner > figure{margin-left: -180px;}
}