.datenkommunikation-with-frames .heading-wrapper{display:inline-block}.datenkommunikation-with-frames .frame-1{padding:400px 0 210px;position:relative;text-align:center}.datenkommunikation-with-frames .frame-1 h2:not(first-child),.datenkommunikation-with-frames .frame-3 h2:not(first-child),.datenkommunikation-with-frames .frame-4 h2:not(first-child){margin-top:10px}.datenkommunikation-with-frames .frame-1 .heading-wrapper h2,.datenkommunikation-with-frames .frame-3 .heading-wrapper h2,.datenkommunikation-with-frames .frame-4 .heading-wrapper h2{font-family:Permanent Marker;font-size:70px;font-weight:400;transform:rotate(.25deg)}.datenkommunikation-with-frames .frame-1 .heading-wrapper h2>div,.datenkommunikation-with-frames .frame-3 .heading-wrapper h2>div,.datenkommunikation-with-frames .frame-4 .heading-wrapper h2>div{display:inline-block}.datenkommunikation-with-frames .frame-1 .images-wrapper .above-heading{left:50%;position:absolute;top:150px;transform:translateX(-50%)}.datenkommunikation-with-frames .frame-1 .images-wrapper .arrow{bottom:-70px;left:50%;position:absolute;transform:translateX(-50%)}.datenkommunikation-with-frames .frame-1 .images-wrapper .arrow-1{margin-left:-210px}.datenkommunikation-with-frames .frame-1 .images-wrapper .arrow-2{margin-left:-55px}.datenkommunikation-with-frames .frame-1 .images-wrapper .arrow-3{margin-left:90px}.datenkommunikation-with-frames .frame-1 .images-wrapper .arrow-4{margin-left:250px}.datenkommunikation-with-frames .frame-2{align-items:flex-start;background-color:#f9fac6;column-gap:50px;display:flex;justify-content:center;padding:250px 0 0}.datenkommunikation-with-frames .frame-2 .item>img{height:160px!important}.datenkommunikation-with-frames .frame-2 .item .text{font-size:30px;font-weight:500;margin-top:20px}.datenkommunikation-with-frames .frame-2 .item .text .part>div{background-color:#ffe500;display:inline-block;line-height:1}.datenkommunikation-with-frames .frame-2 .item .text>div:not(:first-child){margin-top:-3px}.datenkommunikation-with-frames .frame-2 .item .audio-button{align-items:center;background-color:#ffe500;border-radius:50%;cursor:pointer;display:flex;filter:drop-shadow(0 0 10px rgba(0,0,0,.15));flex-direction:column;gap:5px;height:120px;justify-content:center;margin-top:20px;text-align:center;width:120px}.datenkommunikation-with-frames .frame-2 .item .audio-button span{font-weight:500}.datenkommunikation-with-frames .frame-2 .item .audio-button .normal{display:block}.datenkommunikation-with-frames .frame-2 .item .audio-button .hover,.datenkommunikation-with-frames .frame-2 .item .audio-button:hover .normal{display:none}.datenkommunikation-with-frames .frame-2 .item .audio-button:hover .hover{display:block}.datenkommunikation-with-frames .frame-2 .item .audio-button:hover span{color:#fff}.datenkommunikation-with-frames .gradient-wrapper{background:linear-gradient(179.68deg,#f9fac6 5.74%,rgba(176,188,253,.9) 46.08%,#c7f8dd 98.29%)}.datenkommunikation-with-frames .frame-3{padding:200px 0}.datenkommunikation-with-frames .frame-4{padding:200px 0 0}.datenkommunikation-with-frames .frame-3,.datenkommunikation-with-frames .frame-4{position:relative;text-align:center}.datenkommunikation-with-frames .frame-3 .description div,.datenkommunikation-with-frames .frame-4 .description div{font-size:30px;font-weight:500;line-height:34px;margin:30px auto auto;max-width:820px}.datenkommunikation-with-frames .frame-3 .button-wrapper a{background-color:#222020;color:#fff;display:inline-block;font-size:30px;font-weight:500;line-height:34px;margin-top:60px;padding:5px 20px}.datenkommunikation-with-frames .frame-3 .button-wrapper a:hover{background-color:#ffe500;color:#000}.datenkommunikation-with-frames .frame-3 .content-wrapper,.datenkommunikation-with-frames .frame-4 .content-wrapper{position:relative}.datenkommunikation-with-frames .frame-3 .images-wrapper{bottom:-90px;margin-right:-400px;position:absolute;right:50%;transform:translateX(50%)}.datenkommunikation-with-frames .frame-3 .images-wrapper img:first-child{margin-right:50px}.datenkommunikation-with-frames .frame-4 .images-wrapper img:first-child{left:50%;margin-left:-500px;position:absolute;top:-190px}.datenkommunikation-with-frames .frame-4 .images-wrapper img:last-child{margin-bottom:-50px;margin-top:50px}@media (max-width:1439px){.datenkommunikation-with-frames .frame-1 .heading-wrapper h2{font-size:60px}.datenkommunikation-with-frames .frame-2 .item .text{font-size:20px}.datenkommunikation-with-frames .frame-2 .item>img{height:100px!important}.datenkommunikation-with-frames .frame-2 .item .audio-button{height:100px;width:100px}.datenkommunikation-with-frames .frame-3 .images-wrapper{margin-right:-300px}.datenkommunikation-with-frames .frame-3 .images-wrapper img:first-child{width:130px}.datenkommunikation-with-frames .frame-3 .images-wrapper img:nth-child(2){width:80px}}@media (max-width:1023px){.datenkommunikation-with-frames .frame-1{padding:300px 0 210px}.datenkommunikation-with-frames .frame-1 .heading-wrapper h2,.datenkommunikation-with-frames .frame-3 .heading-wrapper h2,.datenkommunikation-with-frames .frame-4 .heading-wrapper h2{font-size:40px;line-height:1.2}.datenkommunikation-with-frames .frame-1 .images-wrapper .arrow{bottom:-70px}.datenkommunikation-with-frames .frame-1 .images-wrapper .arrow-1{margin-left:-140px}.datenkommunikation-with-frames .frame-1 .images-wrapper .arrow-1 img{width:120px}.datenkommunikation-with-frames .frame-1 .images-wrapper .arrow-2{margin-left:-55px}.datenkommunikation-with-frames .frame-1 .images-wrapper .arrow-2 img{width:40px}.datenkommunikation-with-frames .frame-1 .images-wrapper .arrow-3{margin-left:30px}.datenkommunikation-with-frames .frame-1 .images-wrapper .arrow-3 img{width:45px}.datenkommunikation-with-frames .frame-1 .images-wrapper .arrow-4{bottom:-60px;margin-left:140px}.datenkommunikation-with-frames .frame-1 .images-wrapper .arrow-4 img{width:140px}.datenkommunikation-with-frames .frame-2{padding:150px 0 0}.datenkommunikation-with-frames .frame-2 .item>img{width:100px}.datenkommunikation-with-frames .frame-2 .item .text{font-size:16px}.datenkommunikation-with-frames .frame-2 .item .audio-button{height:70px;margin:10px 0 0;width:70px}.datenkommunikation-with-frames .frame-2 .item .audio-button span{font-size:12px}.datenkommunikation-with-frames .frame-2 .item .audio-button img{width:20px}.datenkommunikation-with-frames .frame-3{padding:100px 0}.datenkommunikation-with-frames .frame-4 .heading-wrapper h2{font-size:40px;line-height:1.2}.datenkommunikation-with-frames .frame-3 .description div,.datenkommunikation-with-frames .frame-4 .description div{font-size:20px;line-height:1.4}.datenkommunikation-with-frames .frame-3 .images-wrapper{bottom:-30px;margin-right:-220px}.datenkommunikation-with-frames .frame-3 .images-wrapper img:first-child{margin-right:30px;width:100px}.datenkommunikation-with-frames .frame-3 .images-wrapper img:nth-child(2){width:60px}.datenkommunikation-with-frames .frame-3 .button-wrapper a{font-size:20px;margin-top:30px}.datenkommunikation-with-frames .frame-4{padding:100px 0 0}.datenkommunikation-with-frames .frame-4 .images-wrapper img:first-child{margin-left:-200px;top:-120px;width:100px}.datenkommunikation-with-frames .frame-4 .images-wrapper img:last-child{width:50px}.person .description-wrapper div span{font-size:20px!important}section.person .description-wrapper .button-wrapper a{font-size:20px;line-height:1.2}section.person{padding:100px 0}}@media (max-width:767px){.datenkommunikation-with-frames .frame-1{padding:160px 15px 80px}.datenkommunikation-with-frames .frame-1 .heading-wrapper h2,.datenkommunikation-with-frames .frame-4 .heading-wrapper h2{font-size:22px;line-height:1}.datenkommunikation-with-frames .frame-1 .images-wrapper .above-heading{left:30%;top:40px;transform:translateX(-20%)}.datenkommunikation-with-frames .frame-1 .images-wrapper .arrow-1{margin-left:-75px}.datenkommunikation-with-frames .frame-1 .images-wrapper .arrow-1 img{width:76px}.datenkommunikation-with-frames .frame-1 .images-wrapper .arrow-2{margin-left:-25px;width:25px}.datenkommunikation-with-frames .frame-1 .images-wrapper .arrow-3{margin-left:20px}.datenkommunikation-with-frames .frame-1 .images-wrapper .arrow-3 img{width:29px}.datenkommunikation-with-frames .frame-1 .images-wrapper .arrow-4{bottom:-60px;margin-left:85px}.datenkommunikation-with-frames .frame-1 .images-wrapper .arrow-4 img{width:92px}.datenkommunikation-with-frames .frame-2{column-gap:0;flex-wrap:wrap;padding:100px 0 0;row-gap:50px}.datenkommunikation-with-frames .frame-2 .item{padding:0 15px;text-align:center;width:100%}.datenkommunikation-with-frames .frame-2 .item .audio-button{margin:10px auto 0}.datenkommunikation-with-frames .frame-3{padding:170px 15px 0}.datenkommunikation-with-frames .frame-3 .heading-wrapper h2{font-size:28px}.datenkommunikation-with-frames .frame-3 .images-wrapper{bottom:unset;display:flex;justify-content:center;left:0;margin-right:unset;right:unset;top:-115px;transform:unset;width:100%}.datenkommunikation-with-frames .frame-3 .images-wrapper img:first-child{margin-right:50px;width:100px}.datenkommunikation-with-frames .frame-3 .images-wrapper img:last-child{width:60px}.datenkommunikation-with-frames .frame-4{padding:140px 15px 20px}.datenkommunikation-with-frames .frame-3 .description div,.datenkommunikation-with-frames .frame-4 .description div{font-size:16px;line-height:1.4}.datenkommunikation-with-frames .frame-3 .button-wrapper a{margin-top:30px}.datenkommunikation-with-frames .frame-4 .images-wrapper img:first-child{left:30px;margin-left:0;top:-90px;transform:unset;width:80px}.datenkommunikation-with-frames .frame-4 .images-wrapper img:last-child{width:30px}.datenkommunikation-with-frames .frame-3 .button-wrapper a,section.person .description-wrapper .button-wrapper a{font-size:16px;line-height:1.4}}