#c3982 {position:absolute; top:calc(50vh - 375px); left:calc(50vw - 179px); display:none; width:358px; height:450px;z-index: 1001;}
#c3982 {background-image:url(/fileadmin/user_upload/Pop/hartmann-pop-up-grafik-responsive.jpg);background-repeat: no-repeat;background-size: contain;}
.pop .poplogo {position:absolute; top:20px; left:10px; z-index:2;}
.pop .poplogo img {display:block; width: 180px; height:auto;}
.pop > .text {width:100%;padding: 15px 15px 15px 15px;background-color: #FFFFFF;margin-top: 231px; display:flow-root;}
.pop > .text .p12.cap.ls3 {margin-top:0px}
.pop > .text .p72.cap {margin-top:15px}
.pop > .text .p12:not(.cap) {margin-top:30px; margin-bottom:40px;}
.pop .ls3 {letter-spacing:0.03em;}
.pop .p12 {font-size:13px; font-weight:400; line-height:1.4}
.pop .p72 {font-size:74px; font-weight:900; letter-spacing:-0.04em; line-height:1.0}
.pop .p43 {font-size:45px; font-weight:900; letter-spacing:-0.04em; line-height:1.0}
.pop .p23 {font-size:24px; font-weight:900; letter-spacing:-0.03em; line-height:1.1}
.pop .close{position:absolute; right:1px; top:1px; padding-right:20px; padding-top:20px; cursor:pointer; z-index:2;}
.pop .popicons {width:100%;float:left; }
.pop .popicon {width:25%; float:left; text-align:center;}
.pop .popicon .bild {height:40px; display:felx; align-items:center; justify-content:center;}
.pop .popicon .text {font-size:9px; line-height:1.2; margin-top:5px; height:40px; border-right:1px solid #D31113; display:flex; align-items:center; justify-content:center; text-align:center;}
.pop .popicons .popicon:last-of-type .text {border-right:none;}
.pop .allnews {margin-top: 25px;}
.clearfix {
    text-align: left;
    float: left;
    width: 100%;
}
#popunterlay {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    visibility: hidden;
    background: #98999f;
    background: rgba(152, 153, 159, 0.8);
}

@media screen and (min-width:768px) and (max-width:1023px) {
.pop > .text {width:50%; margin-left:50%; margin-top:0; padding-left:25px; background-color:transparent;}
#c3982 {width: 700px; height: 450px; top: calc(50vh - 225px); left: calc(50vw - 350px); }
#c3982 {background-image:url(/fileadmin/user_upload/Pop/hartmann-pop-up-grafik-tablet.jpg);}

.pop > .text .p12.cap.ls3 {margin-top:15px;}
.pop > .text .p72.cap {margin-top:20px;}
.pop > .text .p12:not(.cap) {margin-top:20px; margin-bottom:25px;}

.pop .p12 {font-size:11px;}
.pop .p72 {font-size:72px;}
.pop .p43 {font-size:43px;}
.pop .p23 {font-size:23px;}
.pop .popicon .text {font-size:11px; height: 40px;}
.pop .popicon .bild {height:36px;}
.pop .allnews {margin-top:20px;}

.pop .poplogo {top:20px; left:20px;}
.pop .poplogo img {width:210px;}
}

@media screen and (min-width: 1024px) {
.pop > .text {width:50%;margin-left:50%;margin-top:0; padding-left:25px; background-color:transparent;}  
#c3982 {width:950px; height:610px;top:calc(50vh - 310px); left:calc(50vw - 475px); }
#c3982 {background-image:url(/fileadmin/user_upload/Pop/hartmann-pop-up-grafik1.jpg);}


.pop > .text .p12.cap.ls3 {margin-top: 20px;}
.pop > .text .p12:not(.cap) {margin-top:30px; margin-bottom:40px;}
.pop > .text .p72.cap {margin-top:30px;}
.pop .p72 {font-size:98px; margin-top: 30px;}
.pop .p43 {font-size:59px;}
.pop .p23 {font-size:32px; letter-spacing: -0.04em;}
.pop .popicon .text {font-size:13px; height:40px;}
.pop .allnews {margin-top:40px;}

.pop .poplogo {top:20px; left:30px;}
.pop .poplogo img {width:280px;}
}