.image-hotspot__mobile-nav-item:first-of-type:before {content: 'Fett frei' ! important}
.image-hotspot__mobile-nav-item:nth-of-type(2):before {content: 'Lack ab' ! important}
.image-hotspot__mobile-nav-item:nth-of-type(3):before {content: 'Staub' ! important}
.image-hotspot__mobile-nav-item:nth-of-type(4):before {content: 'Verlust' ! important}

.lang-en .image-hotspot__mobile-nav-item:first-of-type:before {content: 'Grease' ! important}
.lang-en .image-hotspot__mobile-nav-item:nth-of-type(2):before {content: 'Coating' ! important}
.lang-en .image-hotspot__mobile-nav-item:nth-of-type(3):before {content: 'Dust' ! important}
.lang-en .image-hotspot__mobile-nav-item:nth-of-type(4):before {content: 'Loss' ! important}

.lang-es .image-hotspot__mobile-nav-item:first-of-type:before {content: 'Grease' ! important}
.lang-es .image-hotspot__mobile-nav-item:nth-of-type(2):before {content: 'Coating' ! important}
.lang-es .image-hotspot__mobile-nav-item:nth-of-type(3):before {content: 'Dust' ! important}
.lang-es .image-hotspot__mobile-nav-item:nth-of-type(4):before {content: 'Loss' ! important}


div.imageMap__container
div.markers
div.marker__card   {padding: 00px ! important; min-height: 10px; background: none ! important; border: none; box-shadow: none ! important}
div.imageMap__container
div.markers
div.marker__card p {background: #fff; padding: 8px 8px 8px 8px; display: block ! important; border-radius: 8px ! important}
div.imageMap__container div.markers div.marker__card p {text-align: left;font-size: 14px; line-height: 1.6 ! important; }

div.imageMap__container div.markers div.marker__card p strong {font-size: 14px; line-height: 1.6 ! important; text-align: left;}


.slider-container {background: transparent ! important}
@media (min-width:992px){.lang-en .imageMap__container {position: relative; top: 30px}}
.search-navigation {display: none ! important}
body#blog-7 .small-header-top, body#blog-59 .small-header-top, body#blog-8 .small-header-top, body#blog-48 .small-header-top, body#blog-85 .small-header-top {height: auto } body#blog-60 .small-header-top, body#blog-8 .small-header-top, body#blog-48 .small-header-top, body#blog-85 .small-header-top {height: auto }

@media (max-width:768px){.lang-nav, .search-navigation {display: none ! important}}
.imageMap__container img {margin-bottom: 95px}
div.six.col-xs-12.col-sm-5.col-md-4.col-lg-3
.layout.layout-default.c-textpic.c-layout-0.bri.lead
div.textpic.textpic-above
div.textpic-item.textpic-text
.text-center {font-size: 16px ! important; font-weight: 400 ! important}
.lang-nav ul.dropdown-menu, .lang-nav ul.dropdown-menu li:hover, .lang-nav ul.dropdown-menu a:hover {background: #d70e85 ! important}
div#c949 .gallery-row .gallery-item .video-caption:before {font-size: 26px; display: block; position: relative;}

div#c949 .gallery-row .gallery-item:nth-of-type(1) .video-caption:before {content: 'Die Aufgabenstellung'}
div#c949 .gallery-row .gallery-item:nth-of-type(2) .video-caption:before {content: 'Fähigkeiten und Eigenschaften'}
div#c949 .gallery-row .gallery-item:nth-of-type(3) .video-caption:before {content: 'Anwendung'}
div#c949 .gallery-row .gallery-item:nth-of-type(4) .video-caption:before {content: 'Strahlen'}
div#c949 .gallery-row .gallery-item:nth-of-type(5) .video-caption:before {content: 'Was PantaTec leistet'}
div#c949 .gallery-row .gallery-item:nth-of-type(6) .video-caption:before {content: 'PantaTec INJECTO'}
div#c949 .gallery-row .gallery-item:nth-of-type(7) .video-caption:before {content: 'Das PantaTec-Verfahren'}

.video-caption {color: #fff; padding-top: 6px}
#blog-85 .c-footer {margin-top: -20px}
div#c949 div.gallery-row {padding-left: 10px; padding-right: 10px; max-width: 1600px; margin: 0 auto}
h2, h3, h4 {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto ! important;
}
.feature.feature-7b .slider-container.slstyle1 {margin-top: 0 ! important}
div#c947.layout h2 {color: #fff ! important}
* {scroll-margin-top: 150px ! important;}
#tns1-ow.tns-outer div.card {border: none ! important}
body .btn.btn-outline-primary {border-radius: 8px ! important}
body#blog-1 .feature-19b h2 {color: #fff ! important}
body#blog-5 .feature.feature-2 {margin-top: -20px ! important; padding-top: 0 ! important}
body#blog-1 .feature.feature-19b, body .feature.feature-19b .container .row .c-card_group .card-group-element,
body#blog-5 .feature.feature-2 .layout, body#blog-5 .feature.feature-2, body#blog-5 .feature.feature-2 .container .row .c-card_group .card-group-element  {background: #d70e85}
body .feature .h4 {font-size: 30px;}
html body .content.border:not(.ps-after) {border: 1px solid #ccc ! important; border-radius: 9px ! important; padding: 12px 12px 2px 19px}@media (min-width:992px){.ce-col.col-md-6 .layout {max-width: 600px}}
div.feature.feature-1.standard.maincontent .layout.listing.border {border: none ! important}
html body .feature .layout.f-white * {color: #fff ! important}
.cmwidthm h2, .cmwidthm h3 {max-width: 790px}
.small-header-top .c-text {position: absolute; top: 153px}
body .feature.feature-19b, body:not(#blog-1) .feature.feature-1.standard.maincontent {/* background: radial-gradient(circle at 18.7% 37.8%, rgb(250, 250, 250) 0%, rgb(225, 234, 238) 90%); */}
.feature.feature-1.standard.maincontent {margin-top: -20px ! important; margin-bottom: -50px ! important; padding-bottom: 65px; padding-top: 50px}
body:not(#blog-1) .feature.feature-1.standard.maincontent .col-lg-9, body .feature.feature-1.standard.maincontent .layout {background: #fff}
body .link-page:before {content: '→'; padding-right: 6px}
body .feature.feature-19a {background: #000528}
body .feature.feature-19a h2 {color: #fff ! important}
#blog-1 .feature-7b {min-height: 650px} #blog-1 .feature-7b {padding-top: 60px ! important; padding-bottom: 60px ! important}
body#blog-2 .c-card_group, body#blog-2 .c-card_group .card-group-element {background: #000528} body#blog-2 .feature.feature-2, .c-card_group h2 {color: #fff ! important}body:not(#blog-1) .six.col-lg-9, body:not(#blog-1) .six.col-lg-3 {margin-top: 25px}
@media (max-width:767px){body:not(#blog-1) .six.col-lg-9, body:not(#blog-1) .six.col-lg-3 {min-width: 100%;}}
@media (max-width:766px){body:not(#blog-1) .six.col-lg-3 {display: none}}
body:not(#blog-1) .six.col-lg-9 { padding: 25px 35px 25px 30px; border: 1px solid #eee; -webkit-box-shadow: 0px 2px 5px 1px rgba(112,112,112,0.20); box-shadow: 0px 2px 5px 1px rgba(112,112,112,0.20);border-radius: 8px ! important}
body:not(#blog-1) .six.col-lg-9 {max-width: 100% ! important;}
@media (min-width:768px){body:not(#blog-1) .six.col-lg-9 {margin-left: -5px; max-width: calc(68% - 50px) ! important;}body:not(#blog-1) .six.col-lg-3 {margin-left: 40px;} body:not(#blog-1) .six.col-lg-3 .layout {padding: 0px 15px 15px 15px; margin-right: -35px; border: 1px solid #eee; -webkit-box-shadow: 0px 2px 5px 1px rgba(112,112,112,0.20); box-shadow: 0px 2px 5px 1px rgba(112,112,112,0.20);border-radius: 8px ! important}}
@media (max-width:575px){
div.container.simplethotspots div.lc-block {padding-left: 10px ! important;}
div.container.simplethotspots div.lc-block.mb-4 h1 {max-width: 290px; margin: 0 auto}
}
@media (min-width:992px){

html body div.container.simplethotspots.col-xxl-8.px-4.no-pb-5
div.row.flex-lg-nowrap.align-items-center.g-5.no-py-5 .pt-5 {padding-top: 0 ! important; margin-top: 0 ! important}


body:not(#blog-1) .six.col-lg-9 {max-width: calc(75% - 50px);}body:not(#blog-1) .six.col-lg-3 {margin-left: 40px;}}

.border-wrap {margin-top: 1px}
body .feature.feature-1 .col-lg-3 .textpic.textpic-above {padding-top: 0px ! important; padding-bottom: 0px ! important; border: none ! important; -webkit-box-shadow: none ! important; box-shadow: none ! important;border-radius: 8px ! important}
body:not(#blog-1) .six.col-lg-3 .textpic.textpic-above .textpic-gallery img  {border: 10px solid transparent ! important; margin-top: 20px}
body:not(#blog-1) .six.col-lg-9 img {border-radius: 8px ! important; margin-top: 6px}
body:not(#blog-1) .six.col-lg-9 .c-uploads img {margin-top:0px ! important;}
body:not(#blog-1) .six.col-lg-9 .c-uploads {border-radius: 10px ! important}

#c20 {background: #fff; padding-bottom: 50px}
body .header-top h1 { margin-top: -15px ! important}
body h2 {font-weight: 600}
body .header-top {overflow: hidden}
html body .header-top {border-top: 3px solid #fff ! important}
.header-top .container-fluid .row2 #c11.layout .textpic.textpic-above { background: #fff! important;  position: relative; z-index: 2; padding-top: 2px;   }
.header-top .container-fluid .row2 #c11.layout .textpic.textpic-above .textpic-item.textpic-gallery {border-top: 1px solid #000528;background: #fff ! important; padding-top: 15px; padding-bottom: 8px}
.header-top .container-fluid .row2 #c11.layout .textpic.textpic-above .gallery-row {max-width: 200px; margin: 0 auto; }

.icon-long-arrow-right {position: relative; top: 2px; padding-left: 4px}
.header-top .textpic {background: #000528}

.header-top .btn.btn-light {background: transparent ! important; color: #fff ! important; border: 1px solid #fff ! important; border-radius: 6px ! important; padding: 8px 18px}
.header-top .textpic img {width: 100%; height: auto}
.header-top h1, .header-top p, .header-top ul {color: #fff ! important;}
/*
#blog-1 .header-top h1, #blog-1  .header-top p, #blog-1  .header-top ul {color: #fff ! important; padding-left: 15px; }
*/
.header-top .textpic p, .header-top .textpic li, .header-top .textpic a {color: #fff ! important;}
body .header-top .link {font-size:16px ! important; letter-spacing: 2px; font-style: normal; font-weight: 400 ! important; text-transform: uppercase; color: #e5007d ! important;
  text-shadow: 0px 4px 3px rgba(0,0,0,0.1),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1); background: none ! important}
body .header-top .link:hover {opacity: 0.9;}
@media (min-width:768px) and (max-width:991.98px) {
body .imageMap__container {
overflow: hidden ! important;}
/* .header-top .imageMap__container > img {height: auto; min-width: 780px ! important; } */
/*
#blog-1 .header-top p, #blog-1 .header-top ul, #blog-1 .header-top .textpic h1 {padding-left: 30px;}
#blog-1 .header-top h1 {font-size: 38px ! important;padding-left: 30px ! important; max-width: 640px}
*/
}
@media (min-width:992px) and (max-width:1399.98px) {
body .imageMap__container {
overflow: hidden ! important;}
/* .header-top .imageMap__container > img {height: auto; min-width: 780px ! important; } */
/*
#blog-1 .header-top .textpic p, .header-top .textpic ul {padding-left: 50px;}
#blog-1 .header-top h1 {font-size: 38px ! important;padding-left: 50px ! important; max-width: 640px}
*/
}
@media (min-width:1300px){
body .six.col-lg-3 .lead {position: sticky ! important; top: 150px ! important;}
}
@media (min-width:1440px){
/*
#blog-1 .header-top .textpic div {padding-bottom: 0}
#blog-1 .header-top h1 {padding-left: 95px ! important; max-width: 640px}
#blog-1 .header-top .textpic p, .header-top .textpic ul {padding-left: 95px; max-width: 640px}
*/
.offset-md-1 {padding-left: 35px}
}
html body .layout.c-html .fw-bold {font-weight: 600 ! important}
body .card .btn, body .card .btn.visited {background: #000528 ! important}

body:not(#blog-1) .header-top {background:  #000528 ! important; padding-top: 40px; padding-bottom: 30px}
html body:not(#blog-111) .header-top  {background:  #000528 ! important; padding-top: 0px; padding-bottom: 0px;   border: none ! important}
html body:not(#blog-111) .header-top .container-fluid .row2 {margin-top: -70px ! important; margin-bottom: -95px ! important;}
html body:not(#blog-111) .layout .btn.btn-primary {border: 1px solid #fff ! important}

body .link.btn {position: relative; font-size:16px ! important; letter-spacing: 2px; font-style: normal; font-weight: 400 ! important; text-transform: uppercase; color: #e5007d ! important; min-width: 285px;
  text-shadow: 0px 4px 3px rgba(0,0,0,0.1), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1); background: none ! important}

body .link.btn:after {content: '→'; font-size:16px ! important; color: #e5007d ! important; position: absolute; right: 35px}