/* Template for Home © admotion*/



#intro-container {display: block;}
#intro-container a {color: var(--text);}

#intro-img {aspect-ratio: auto; margin-top: 40px; width: 100%; text-align: right;margin-bottom: -50px;}
#intro-img .custom {position: relative;}
#intro-img img {position: relative; width: 200px; z-index: 1;}


.sprechblase {position: absolute; background: url(/images/Muster/sprechblase.png) no-repeat; background-size: 100% 100%; font-family: 'Chelsea Market', sans-serif; text-shadow: 0 0 6px rgba(0, 0, 0, 0.8); padding: 15px 40px 44px; z-index: 3; animation: blase 2s ease-out; transform-origin: bottom right; transition: 0.2s ease-in-out; left: -25px;}
.sprechblase:hover {transform: scale(1.05) rotate(-3deg);}
@keyframes blase {
    0% {transform: scale(0);}
    50% {transform: scale(0);}
    100% {transform: scale(1);}
}

#goenner {position: absolute; right: 160px; bottom: 75px; z-index: 2; width: 140px; animation: pulse 2s infinite;
text-shadow: 0px 0px 20px #243282, 0px 0px 20px #243282, 0px 0px 30px #243282, 0px 0px 40px #243282;  transition: 0.2s ease-in-out;}
#goenner a {color: var(--text); }
/* #goenner:hover {transform: rotate(-6deg) scale(1.1); } */
@keyframes pulse {
    0% {transform: scale(1);}
    30% {transform: scale(0.9);}
    100% {transform: scale(1);}
    
}
.com-content-article__body {padding-top: 40px;}

@media(min-width:600px){
#intro-img {right: 5%;}
.sprechblase {right: 180px; left: auto;}
#goenner {right: 200px;}

}

@media(min-width:960px){

    #intro {width: 600px;}
    #intro-img {position: absolute; bottom: 0; width: 446px;}
    #intro-img img {width: 220px;}
    #goenner {opacity: 0; transition: 0.3s; width: 175px; right: 60px; bottom: 40px;}
   #intro-img:hover #goenner {opacity: 1;}
   .com-content-article__body {padding-top: 75px;}


}

@media(min-width:1250px){

        #intro {width: 62%;}

       #intro-img  {width: auto; margin-bottom: -160px; }
       #intro-img img  {width: 300px;}

    #goenner {width: 175px; right: 95px; bottom: 80px;}

   .sprechblase {width: 320px; right: 280px; top: 10px; font-size: 24px; line-height: 1.4; padding: 20px 40px 60px; }
    
}


@media(min-width:1750px){
          #intro-img img  {width: 340px;}
          .sprechblase {top: 100px; right: 320px;}
 .com-content-article__body {padding-top: 100px;}


}