@font-face {font-family: "Univers LT Std 57 Condensed";
    src: url("/typo3conf/ext/site_netpeppers/Resources/Public/External/fonts/7c631010b431b2d84c8a7229a9e64705.eot"); /* IE9*/
    src: url("/typo3conf/ext/site_netpeppers/Resources/Public/External/fonts/7c631010b431b2d84c8a7229a9e64705.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/typo3conf/ext/site_netpeppers/Resources/Public/External/fonts/7c631010b431b2d84c8a7229a9e64705.woff2") format("woff2"), /* chrome、firefox */
    url("/typo3conf/ext/site_netpeppers/Resources/Public/External/fonts7/c631010b431b2d84c8a7229a9e64705.woff") format("woff"), /* chrome、firefox */
    url("/typo3conf/ext/site_netpeppers/Resources/Public/External/fonts7/c631010b431b2d84c8a7229a9e64705.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url("/typo3conf/ext/site_netpeppers/Resources/Public/External/fonts7/c631010b431b2d84c8a7229a9e64705.svg#Univers LT Std 57 Condensed") format("svg"); /* iOS 4.1- */
  }

  @font-face{
    font-family:"Eurostile LT W05 Bold E5102246";
    src:url("/typo3conf/ext/site_netpeppers/Resources/Public/External/fonts/688cd94a-46f7-4a5c-8c2c-380c283774d1.woff2") format("woff2"),
    url("/typo3conf/ext/site_netpeppers/Resources/Public/External/fonts/e20195a7-59e9-4b25-887a-a8abc4bc4b53.woff") format("woff");
   }
   

:target {
    scroll-margin-top: 163px;
}   

body {
        font-family:"Univers LT Std 57 Condensed" !important;
        font-style:normal;
        color: #585858;
        -webkit-font-smoothing: antialiased;
        -webkit-text-stroke-width: 0.2px;
        -moz-osx-font-smoothing: grayscale;
        font-size:1rem;
}

#main {
    min-height: 82.5vh;
}

img {
    width: 100%;
    height: auto;
}  

a {
    color: #CA4F24;
    text-decoration: none;
}

a:hover {
    color: #CA4F24;
}

.min-vh-100 {
    min-height: calc(100vh - 206px) !important;
}

.powermail_fieldwrap_type_html a {
    display: inline-block;
  }
  
  .powermail_fieldwrap_type_html a::after {
    content: '';
    width: 0px;
    height: 1px;
    display: block;
    background: #CA4F24;
    transition: 300ms;
  }
  
  .powermail_fieldwrap_type_html a:hover::after {
    width: 100%;
  }

.np-blank-body #header {
    -webkit-box-shadow: 0px 9px 7px -3px rgba(0,0,0,0.22); 
    box-shadow: 0px 9px 7px -3px rgba(0,0,0,0.22);
}

/*
#main {
    margin-top: 160px;
}
*/
.np-navbar-top 
{
    font-size: 0.75rem;
    font-weight: 100;
}

.np-navbar-top a
{
    color: #fff;
    text-decoration: none;
}

.tx_indexedsearch-header button{
    border: none;
    background:transparent;
}

.tx_indexedsearch-header input{
    border-radius: 4px;
}

#header .tx-indexedsearch-info-sword, #header .tx-indexedsearch-browsebox, #header .tx-indexedsearch-res{
    display: none !important;
}

.np-navbar-collapse {
    position: fixed; 
    width: 100%;
    height: 100%;
    background-color: #fff;
    top: 32px;
    background: rgba(202,79,36,0.75);
    overflow-y: auto;
}

.bd-highlight {
    background-color: rgba(86,61,124,0.15);
    border: 1px solid rgba(86,61,124,0.15);
}

#navbarScroll .container {
    padding: 0;
    overflow-y: auto;
}

.np-navbar-collapse .list-group-item {
    border: none;
    font-size: 1.5rem;
    padding: 0;   
}

.np-navbar-collapse .list-group-item a{
    color: #462905;
}

.np-nav-right {
    width: 275px;
    height: 640px;
    padding-top: 90px;
}

@media (max-width: 767px) {
    .np-nav-left {
        display: none;
    }
    .navbar-collapse .justify-content-around {
        justify-content: flex-start !important;
    }
    .np-nav-right {
        padding-left: 2rem;
        padding-top: 50px;
    }

    .np-nav-right:focus {
        overflow-y: scroll; /* Hinzufügen der vertikalen Scrollleiste bei Fokus */
    }
}

.np-nav-left {
    height: 640px;
    padding-top: 210px;
}

.np-nav-mid {
    width: 160px;
}

.np-socials svg
{
    margin-left: 2rem;
    margin-right: 3px;
    margin-bottom: 8px;
}

.np-socials img
{
    margin-right: 3px;
    margin-bottom: 8px;
}

.np-socials-mobile img
{
    margin-right: 20px;
    margin-bottom: 0px;
}

.np-socials {
    display: none;
    font-size: 1rem;
    color: #462905;
    line-height: 1rem;    
}

.np-socials a {
    color: #462905;    
}


@media (min-width: 992px) {
    .np-socials-mobile {
        display: none;
    }
    .np-socials {
        display: table;
    }
}

.np-start-slider-left-svg, .np-start-slider-right-svg {
    bottom: -35px;
    z-index: 10;
}

.np-start-slider-left-svg  a {
    height: 100%;
    display: block;
}

.np-start-slider-left {
    left: 100px;
    bottom: -10px;
    z-index: 20;
}

.np-start-slider-right {
    right: 100px;
    bottom: -10px;
    z-index: 20;
}

@media (max-width: 1399px) {
    .np-start-slider-left-svg svg, .np-start-slider-right-svg svg {
        width: 555px !important;
    }
}

@media (max-width: 1199px) {
    .np-start-slider-left-svg svg, .np-start-slider-right-svg svg {
        width: 465px !important;        
    }    

    .np-start-slider-left {
        left: 75px;
    }
    .np-start-slider-right {
        right: 75px;
    }
}

@media (max-width: 991px) {
    .np-start-slider-left-svg svg, .np-start-slider-right-svg svg {
        width: 410px !important;        
    }    

    .np-start-slider-left {
        left: 56px;
    }
    .np-start-slider-right {
        right: 56px;
    }
}

@media (max-width: 767px) {

    .np-start-slider-right-svg {
        width: 50% !important;
        bottom: -50px;
        background-color: #A5B174;
    }
    
    .np-start-slider-right-svg svg {
        
        float: right;
    }

    .np-start-slider-left-svg {
        width: 50% !important;
        background-color: #CA4F24;
        bottom: -50px;
    }

    .np-start-slider-right-svg svg, .np-start-slider-left-svg svg  {
        height: 50px !important;
        width: 100% !important;
    }

    .np-start-slider-left {
        left: 0px;
        bottom: -41px;
        margin-left: 55px;
    }
    .np-start-slider-right {
        right: 0px;
        bottom: -41px;
        text-align: end;
        margin-right: 55px;
    }
    
    
}

.np-start-slider-left a, .np-start-slider-right a{
    color: #fff ;
    text-decoration: none;
}

.np-start-slider-left a:hover, .np-start-slider-right a:hover {
    text-decoration: underline;
}

.np-h1-header-left {
    border-left: 35px solid #CA4F24;  
}

.np-green .np-h1-header-left {
    border-left: 35px solid #A5B174;
}

.np-h1-header-left h1 {
    margin-left: 45px;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.np-h1-header-left h2 {
    margin-left: 45px !important;
    font-size: 1.5rem;
    font-family: "Univers LT Std 57 Condensed";
    padding-top: 0.75rem;
    margin-bottom: -0.5rem;
}

.section.np-benefits .container, .section.np-marken .container, .section.np-partner .container, .section.np-news-list .container,
.section.np-section-padding .container, .section.np-cta-orange .container, .section.np-cta-green .container 
{
    padding-left: 95px;
    padding-right: 95px;
}

.np-container-padding, .frame-ruler-before  {
    padding-left: 80px;
    padding-right: 80px;
}


.section.np-section-padding .container .np-h1-header-left {
    margin-left: -80px;
}



@media screen and (max-width:991px) {
    .section.np-section-padding .container, .np-container-padding, .frame-ruler-before  {
        padding-left: 15px;
        padding-right: 15px;
    }
    .section.np-section-padding .container .np-h1-header-left {
        margin-left: 0px;
    }
}

.frame-ruler-before:before {
    border-top: none;
    margin-bottom: 0;
}

.section.np-download .container {
    padding-left: 140px;
    padding-right: 140px;
}

.np-benefits-wrapper {
    padding-top: 90px;
}

.np-benefits-content {
    border: 1px solid #462905;
    padding: 2.5rem 2rem 1rem;
}

.np-benefits-content h3 {
    font-size: 1rem;
    font-family: "Eurostile LT W05 Bold E5102246";
    color: #CA4F24;
}

.np-green .np-benefits-content h3 {
    color: #A5B174;
}

.np-benefits-content p {
    font-size: 1rem;
    color: #462905;
}

.section.np-marken .card {
    border-radius: 0;
    border: 0;
}

.np-green-gradient {
    background: rgb(193,209,136);
    background: -moz-radial-gradient(circle, rgba(193,209,136,1) 41%, rgba(164,177,116,1) 100%);
    background: -webkit-radial-gradient(circle, rgba(193,209,136,1) 41%, rgba(164,177,116,1) 100%);
    background: radial-gradient(circle, rgba(193,209,136,1) 41%, rgba(164,177,116,1) 100%);    
}

.np-orange-gradient {
    background: rgb(252,102,49);
    background: -moz-radial-gradient(circle, rgba(252,102,49,1) 32%, rgba(202,79,36,1) 100%);
    background: -webkit-radial-gradient(circle, rgba(252,102,49,1) 32%, rgba(202,79,36,1) 100%);
    background: radial-gradient(circle, rgba(252,102,49,1) 32%, rgba(202,79,36,1) 100%);    
}

.np-green-gradient h2, .np-orange-gradient h2 {
    color: #fff;
}

@media (max-width: 767px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
  }
  
  .carousel-inner .carousel-item.active,
  .carousel-inner .carousel-item-next,
  .carousel-inner .carousel-item-prev {
    display: flex;
  }
  
  /* medium and up screens */
  @media (min-width: 768px) {
    
    .carousel-inner .carousel-item-end.active,
    .carousel-inner .carousel-item-next {
      transform: translateX(16.66666667%);
    }
    
    .carousel-inner .carousel-item-start.active, 
    .carousel-inner .carousel-item-prev {
      transform: translateX(16.66666667%);
    }
  }
  
  .carousel-inner .carousel-item-end,
  .carousel-inner .carousel-item-start { 
  transform: translateX(0);
  }

.owl-carousel .owl-item img {
    /*width: 175px !important;
    height: 175px;*/
    background: transparent;
    z-index: 150;
}

.owl-stage .zindex-popover {
    z-index: 1070;
}

.np-partner .partner-section-icon {
    position:absolute;
    top: -110px;
    right: 0px;
}

@media screen and (max-width:991px) {
    .np-partner .partner-section-icon {
        right: -40px;
    }
}

@media screen and (max-width:767px) {
    .np-partner .partner-section-icon {
        display: none;
    }
}

.section.np-partner .container {
    position: relative;
}

.np-partner .card {
    background: transparent !important;
    border: none;    
}

.np-partner .card-body {
    margin-top: -80px;
    background: #fff;
    padding-top: 6rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 1.5rem;
    height: 25rem;
}

.np-partner .card img {
    border-radius: 50%;-webkit-box-shadow: 7px -5px 10px 0px #585858, -8px -19px 25px 17px rgba(0,0,0,0); 
    box-shadow: 7px -5px 10px 0px #585858, -8px -19px 25px 17px rgba(0,0,0,0);
}

.np-partner .card-title {
    font-family:"Eurostile LT W05 Bold E5102246";
    font-size: 1.125rem;
    color: #858585;
}

.np-partner .card.large  {
    margin-top: -1rem;    
}

.np-partner .card.large .card-title {
    font-size: 1.25rem;    
}

.np-partner .card.large .card-body {
    
    padding-bottom: 6rem; 
    width: 120%;
    margin-left: -36px;
    border: 1px solid #858585; 
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    height: 27rem;
    -webkit-box-shadow: -10px 0px 13px -7px #000000, 10px 0px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0); 
    box-shadow: -10px 0px 13px -7px #000000, 10px 0px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
    /*transition: height 0.75s*/;   
}

.np-partner .card-text p {
    color: #585858;
}
 
.np-partner .owl-prev {
    position: absolute;
    top: 50%;
    left: -83px;
}

.np-partner .owl-next {
    position: absolute;
    top: 50%;
    right: -83px;
}

.np-partner .owl-nav button.owl-prev, .np-partner .owl-nav button.owl-next  {
    color: #fff !important;
    font-size: 3rem !important;
    width: 2rem !important;
    height: 2rem !important;
}

.np-partner .owl-nav button.owl-prev {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
  }

.np-partner .owl-nav button.owl-next  {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
  }

.np-partner .owl-nav button.owl-prev span, .np-partner .owl-nav button.owl-next span {
      display: none;
  }

.np-partner .owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
    color: #FFF;
    text-decoration: none;
}


@media screen and (max-width:1199px) {
    .np-partner .card.large {
        word-wrap:normal;
    }
    .np-partner .card.large .card-body {
        padding-left:  30px;
        padding-right: 30px;
    }
    .np-partner .card-title {
        font-size: 1rem;
    }
    .np-partner .card-text p {
        font-size: 14px;
    } 
}

@media screen and (max-width:991px) {
    .np-partner .card-body {
        height: 20rem;
    }    
}

@media screen and (max-width:768px) {
    .np-partner .card-body {
        height: 26rem;
    }    
}


.owl-stage {
    margin-top: 3rem;
}

.news .news-list-view .article img {
    width: 100%;
    height: auto;
}

.news .news-list-view .article .row {
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
}

.news .news-list-view .article .row > * {
    padding-right: 0;
    padding-left: 0;
    
  }

.news .article .news-img-wrap {
    margin: 0;    
}

.news .article .news-img-wrap a {
    display: flex;
    float: none;
    padding: 0px;
    border: none;
    background: transparent;
}

.news .news-list-date {
    margin-top: 20px;
    font-family:"Eurostile LT W05 Bold E5102246";
}

.news .news-list-date span{
    font-size: 1.5rem;
}

.news .bg-np-green-light .news-list-date {
    color: #fff;
}

.news .news-list-view .article .header{
    padding-left: 45px;
    font-family:"Eurostile LT W05 Bold E5102246";
    font-size: 1rem;
}

.news .news-list-view .article .header h3{
    font-size: 1rem;
}

.news .news-list-view .article .teaser-text{
    padding-left: 45px;    
}

.news .news-list-view .article .teaser-text p {
    padding-right: 30px;
    padding-bottom: 10px;
}

.news .news-list-view .article .header a{
    color: #585858;
    text-decoration: none;
}

.news .news-list-view .article .header a:hover{
    text-decoration: underline;
}

.news .np-news-button, .np-card-btn {
    background-color: #CA4F24;
    border: none;
    border-radius: 0;
}

.news .np-news-button a, .np-card-btn  {
    color: #fff;
    text-decoration: none;
    font-family: "Eurostile LT W05 Bold E5102246", sans-serif;
    text-transform: uppercase;
    font-size: 0.75rem;
}

.news .np-news-button a:hover, .np-card-btn:hover {
    color: #fff;
    text-decoration: underline;
}

.news .article .teaser-text {
    margin: 0 0 4rem 0;
}

.news.news-single .article .teaser-text {
    margin: 30px 0 0 0;
}

.news.news-single .article .teaser-text p {
    font-size: 16px;
}

.news-single .article .newsbox.main ul li {
    color: #858585;
}

@media screen and (max-width:1199px) {
    .section.np-news-list .mt-7 {
        margin-top: 60px!important;
    }
    
    .news .news-list-date span{
        font-size: 16px;
    }

    .news .news-list-date {
        font-size: 12px;
    }
}

@media screen and (max-width:991px) {
    .section.np-news-list .mt-7 {
        margin-top: 90px!important;
    }    
}

@media screen and (max-width:450px) {
    .section.np-news-list .mt-7 {
        margin-top: 0 !important;
    }    
}

@media screen and (max-width:768px) {
    .section.np-news-list .container {
        padding-left: 15px;
        padding-right: 15px;
    }   
}

.np-cta-orange {
    min-height: 1030px;
    max-height: 1030px;
    background: url("/fileadmin/images/background/Brochure-Folder-Mockup-ORANGE.png") no-repeat center center, radial-gradient(circle, rgba(252,102,49,1) 32%, rgba(202,79,36,1) 100%);    
}

.np-cta-green {
    min-height: 1030px;
    max-height: 1030px;
    background: url("/fileadmin/images/background/Brochure-Folder-Mockup-ORANGE.png") no-repeat center center, radial-gradient(circle, rgba(193,209,136,1) 41%, rgba(164,177,116,1) 100%);
}

@media screen and (max-width:1399px) {
    .np-cta-orange {
        min-height: 995px;
        max-height: 995px;
        background: url("/fileadmin/images/background/Brochure-Folder-Mockup-ORANGE_1250.png") no-repeat center center, radial-gradient(circle, rgba(252,102,49,1) 32%, rgba(202,79,36,1) 100%);    
    }
    .np-cta-green {
        min-height: 995px;
        max-height: 995px;
        background: url("/fileadmin/images/background/Brochure-Folder-Mockup-ORANGE_1250.png") no-repeat center center, radial-gradient(circle, rgba(193,209,136,1) 41%, rgba(164,177,116,1) 100%);
    }    
}

@media screen and (max-width:1199px) {
    .np-cta-orange {
        min-height: 1015px;
        max-height: 1015px;
        background: url("/fileadmin/images/background/Brochure-Folder-Mockup-ORANGE_1100.png") no-repeat center center, radial-gradient(circle, rgba(252,102,49,1) 32%, rgba(202,79,36,1) 100%);    
    }
    .np-cta-green {
        min-height: 1015px;
        max-height: 1015px;
        background: url("/fileadmin/images/background/Brochure-Folder-Mockup-ORANGE_1100.png") no-repeat center center, radial-gradient(circle, rgba(193,209,136,1) 41%, rgba(164,177,116,1) 100%);
    }

    .spacer-cta-form-col {
        padding-left: 45px;
    }
    
    
}

@media screen and (max-width:991px) {
    .np-cta-orange {
        min-height: 1015px;
        max-height: 1015px;
        background: url("/fileadmin/images/background/Brochure-Folder-Mockup-ORANGE_900.png") no-repeat center center, radial-gradient(circle, rgba(252,102,49,1) 32%, rgba(202,79,36,1) 100%);    
    }
    .np-cta-green {
        min-height: 1015px;
        max-height: 1015px;
        background: url("/fileadmin/images/background/Brochure-Folder-Mockup-ORANGE_900.png") no-repeat center center, radial-gradient(circle, rgba(193,209,136,1) 41%, rgba(164,177,116,1) 100%);
    }
    
    .spacer-cta-form-col {
        padding-left: 45px;
    }
}

@media screen and (max-width:450px) {
    .spacer-cta-form-col {
        padding-left: 15px;
    }
}

.np-display-none {
    display: none;
}

#footer {
    font-size: 0.75rem;
    background-color: #462905;
    padding: 1rem 0;
    color: #fff;    
}

#footer .footer-menu li {
    list-style-type: none;
    padding-right: 2rem;
}

#footer .footer-menu li {
    float: right;
}

#footer .footer-menu li a{
    color: #fff;
    text-decoration: none;
}

#footer .footer-menu li a:hover{
    text-decoration: underline;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #585858;
}

.np-tabs .nav-link {
    color: #585858;
    font-family:"Eurostile LT W05 Bold E5102246";
    font-size: 0.75rem;
}

.np-tabs.nav-pills .nav-link {
    border: 1px solid #585858;
    border-radius: 0;    
}

.np-tabs .nav-link:hover, .nav-link:focus {
    color: #585858;
}

.np-product-card .card-body {
    background-color: rgba(0, 0, 0, 0.05);
}

.np-product-card .card-body h5{
    font-family:"Eurostile LT W05 Bold E5102246";
    color: #585858;  
    font-size: 1rem;  
}

.np-product-card .card-link {
    
    background-color: #f8f9fa !important;
    justify-content: flex-end !important;
    display: flex !important;
}

.np-product-header p {
    margin-left: 80px;
    font-size: 1.5rem;
}

.np-product-header h2, .np-product-header ul {
    margin-left: 80px;
    font-size: 1.5rem;
}

.np-product-header .btn-primary-wrap {
    float: left;
}

.btn-primary {
    background-color: #CA4F24;
    border: 1px solid #CA4F24;
    border-radius: 0;
    font-size: 0.75rem;
    font-family:"Eurostile LT W05 Bold E5102246";
    margin-left: 0.5rem;
}

.btn-primary:hover {
    background: rgba(202,79,36,0.8);
    border: 1px solid #CA4F24;    
}

.np-product-header .np-margin-left {
    margin-left: 80px;
} 

.np-product-benefits .np-product-card .card-body h5 { 
    color: #CA4F24;
    text-align: center;
    font-size: 1.25rem;
    padding-bottom: 1.25rem;
}

.np-product-benefits .np-product-card .card-text {
    text-align: center;
}

.np-product-benefits .card  {
    border: none;
    background-color: transparent;
}



.np-product-benefits .img-fluid {
    width: 100%; 
    height: auto; 
    /*background-color: #CA4F24;   
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 50% 100%, 0% 80%, 0% 50%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 50% 100%, 0% 80%, 0% 50%);*/
}

.video-section {
    position: relative;
}

.video-section .right {
    background: url(/fileadmin/user_upload/netool.io/vidbg1feature22.jpg) center center/cover no-repeat local;
    height: 420px;
}

.video-section .video-holder {
    position: absolute;
    left: 75%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.video-section .video-holder a {
    background: #CA4F24;
    background: url(/fileadmin/images/background/video-bg.png) center center/ cover no-repeat;
    width: 150px;
    height: 150px;
    line-height: 100px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


@media screen and (min-width: 992px) {
    .video-section .right {
        float: right;
    }
}

.video-section .left  {
    background: #CA4F24;    
    height: 420px;
}

.video-section .left .inner  {
    max-width: 590px;
    float: right;
}

.video-section .section-title h2{
    margin-bottom: 35px;
    margin-top: -3px;
    color: #fff;
}

.video-section .section-title span,  .video-section .details p{
    font-size: 1.5rem;
    color: #fff;
}

.video-section .details {
    padding-right: 90px;
}

.frame-type-textmedia .ce-bodytext ul {
    margin-top: 1.75rem;    
}

.frame-type-textmedia .ce-bodytext ul li{
    color: #858585;
    font-family:"Univers LT Std 57 Condensed";
    margin-left: 1.5em;
    line-height: 1.5em;
    list-style-image: url('/fileadmin/images/background/list_image_7px.png');
    padding-left: 12px;
}

.frame-type-textmedia .ce-bodytext ul li strong{
    color: #585858;
    font-family:"Eurostile LT W05 Bold E5102246";
}

.np_feature_slider .outer { 
    margin:0 auto; 
    max-width:100%;
}

.np_feature_slider .owl-stage {
    margin-top: 0;
}

.np_feature_slider .owl-carousel .owl-item img {
    width: 100% !important;
    height: auto;    
}

.np_feature_slider ul {
    padding-left: 0;
}

#big.owl-theme { 
    position: relative; 
}

.np-where-to-buy .card img{
    padding: 3rem 1rem;
}

.np-where-to-buy .card-body {
    display: none;
}

.np-where-to-buy .card-link {    
    background-color: #462905 !important;
    justify-content:  center !important;
    display: flex !important;
}

.np-where-to-buy .card-link a {
    color: #CA4F24;
    background-color: #462905;
}

.np-where-to-buy .card {
    border: 1px solid #462905;
}

.np-download .svg-icon {
    top: -75px
}

.np-download .svg-icon svg {
    background-color: #fff;
    border-radius: 45px;
}

.np-download .card-body h4 {
    color: #CA4F24;
    font-family:"Eurostile LT W05 Bold E5102246";
    font-size: 0.875rem;
}

.np-download .card-text p {
    color: #462905;
    font-size: 0.875rem;
}

.np-download .card-body {
    flex: 1 1 auto;
    padding: 2rem 1.5rem 0 1.5rem;
    min-height: 155px;    
}

.np-download .card {
    border: 1px solid #462905;
}

.np-download .card-link a {
    color: #CA4F24;
    background-color: #462905;    
}

.np-table thead {
    font-family:"Eurostile LT W05 Bold E5102246";
    font-size: 1.275rem;
    background-color: #CA4F24;
    color: #fff;
    padding: 0.75rem 0.75rem;      
}

.np-table th {
    padding: 0.75rem 0.75rem 0.75rem 2.5rem;
}

.np-table th a {
    font-family:"Eurostile LT W05 Bold E5102246";
    font-size: 1.275rem;
    background-color: #CA4F24;
    color: #fff; 
}

.np-table th:first-child, .np-table th:first-child a {
    background-color: #fff;
    color: #585858;
    font-size: 1.275rem;
    width: 33%;
    padding: 0.75rem 0.75rem;
}

.np-table tbody {
    font-size: 1rem;
}

.np-table tbody td {
    
    border-top: #fff 3px solid;
    padding: 0.75rem 0.75rem 0.75rem 2.5rem;
    color: #585858;
}

.np-table tbody td:first-child {
    background-color: #585858;
    color: #fff;
    padding: 0.75rem 0.75rem;
}

.np-table tbody td:first-child a {
    color: #fff;
}

.np-related .owl-prev {
    position: absolute;
    top: 50%;
    left: -83px;
}

.np-related .owl-next {
    position: absolute;
    top: 50%;
    right: -83px;
}

.np-related .owl-nav button.owl-prev, .np-related .owl-nav button.owl-next  {
    color: #fff !important;
    font-size: 3rem !important;
    width: 2rem !important;
    height: 2rem !important;
}

.np-related .owl-nav button.owl-prev {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23585858'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
  }

.np-related .owl-nav button.owl-next  {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23585858'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
  }

.np-related .owl-nav button.owl-prev span, .np-related .owl-nav button.owl-next span {
      display: none;
  }

.np-related .owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
    color: #FFF;
    text-decoration: none;
}

.np-related .np-container-inner {
    padding-left: 84px;
    padding-right: 84px;
}


.np-start-slider img {
    width: 100% !important;
    height: auto !important;
}

.dropdown-menu {
  position: relative;
}

.np_develop .np-navbar-collapse {
    position: fixed; 
    width: 100%;
    height: 100%;
    background-color: #fff;
    top: 64px;
    background: rgba(86,61,124,0.15);
}

.dropdown-toggle::after {
    display: inline-block;
    background-image: url("/fileadmin/icons/submenu-arrow-closed.png");
    background-repeat: no-repeat;
    border: none;
    height: 10px;
    width: 15px;
    background-size: 100%;
    vertical-align: 0;
    background-color: #fff;
}

.dropdown-toggle.show::after {
    background-image: url("/fileadmin/icons/submenu-arrow-open.png");
}

.dropdown-menu {
    border: none;
    margin-top: 0;
}

.dropdown-menu[data-bs-popper] {    
    margin-top: 0;
    padding: 0;
}


.np-navbar-collapse .list-group-item .dropdown-item  {
    font-size: 1rem; 
}

.dropdown-item {
    padding: 0 0 0 0.5rem;
}

.dropdown-item:before {
    background-image: url("");
    width: 9px;
    height: 9px;
    background-repeat: no-repeat;
    background-size: 100%;
}

.dropdown-item:hover, .dropdown-item:focus {
    color: #CA4F24 !important;
}

.dropdown-item:hover, .dropdown-item:focus {
    background:none;
}

.dropdown-menu.show li{
    list-style-image: url("/fileadmin/icons/submenu-punkt-inaktiv.png");
    margin-left: 45px;
}

.dropdown-menu.show li:hover{
    list-style-image: url("/fileadmin/icons/submenu-punkt-aktiv.png");
}

.list-group-item.active {
    background-color: transparent;    
}


.navbar-toggler-wrap {
    margin-top: 30px;
    margin-right: 30px;
}


@media screen and (min-width: 768px) {
    .navbar-toggler-wrap {
        margin-top: 55px;
        margin-right: 65px;
    }
}

button:focus,a:focus {outline:0;}



.quick-contact-phone, .quick-contact-mail, .quick-contact-slogan, .quick-contact-newsletter  {    
    display: none;    
}


.quick-contact-phone {
    top: 280px;
}

.quick-contact-mail {
    top: 330px;
}

.quick-contact-slogan {
    top: 385px;  
}

.quick-contact-newsletter {
    top: 380px;
}
  
.quick-contact-slogan  p {    
      transform: rotate(270deg);
      font-size: 12px;
      letter-spacing: 13px;
      overflow: visible;
      white-space: nowrap;
      color: #585858;
}



@media screen and (min-width:1100px) {
    .quick-contact-slogan {
        display: inline;
        top:340px;
        right: 800px;
    }
    
    
    .quick-contact-phone, .quick-contact-mail, .quick-contact-newsletter  {
        left: 275px;
        display: inline;    
    }
          
}

@media screen and (min-width:1200px) {       
    .quick-contact-slogan  {
        top:370px;
        right: 955px;
    }
    .quick-contact-phone, .quick-contact-mail, .quick-contact-newsletter  {
        left: 240px;    
    }
          
}

@media screen and (min-width:1270px) {
        
    .quick-contact-slogan  {
        top:370px;
        right: 955px;
    }
    .quick-contact-phone, .quick-contact-mail, .quick-contact-newsletter  {
        left: 240px;    
    }    
}

@media screen and (min-width:1320px) {
    .quick-contact-slogan {        
        top:370px;
        right: 955px;
    }
    .quick-contact-phone, .quick-contact-mail, .quick-contact-newsletter  {
        left: 240px;    
    }         
}

@media screen and (min-width:1400px) {
    .quick-contact-slogan {
        top:385px;
    }
    .quick-contact-slogan {
        right: 1065px;
    }
    .quick-contact-phone, .quick-contact-mail, .quick-contact-newsletter  {
        left: 260px;    
    }       
}

@media screen and (min-width:1440px) {
    .quick-contact-slogan {
        top:385px;
    }
    .quick-contact-phone, .quick-contact-mail, .quick-contact-newsletter  {
        left: 280px;    
    }    
}

@media screen and (min-width:1510px) {
    .quick-contact-slogan {
        top:385px;
    }    
}

@media screen and (min-width:1650px) {
    .quick-contact-slogan {
        top:385px;
    }    
}



#body_1 .np-benefits-content, #body_68 .np-benefits-content {
    min-height: 245px;
}


@media screen and (max-width:1399px) {
    #body_1 .np-benefits-content, #body_68 .np-benefits-content {
        min-height: 293px;
    }   
}

@media screen and (max-width:1199px) {
    #body_1 .np-benefits-content, #body_68 .np-benefits-content {
        min-height: 341px;
    }   
}

@media screen and (max-width:991px) {
    #body_1 .np-benefits-content, #body_68 .np-benefits-content {
        min-height: 100px;
    }   
}

@media screen and (max-width:767px) {
    #body_1 .np-benefits-content, #body_68 .np-benefits-content {
        min-height: 100px;
    }   
}


.form-control, .powermail_input.form-control, .powermail_textarea.form-control {  
    padding: 0.675rem 0.75rem;
    margin-bottom: 1rem; 
    color: #585858;
    border-radius: 0; 
    border-color: #585858;
} 

.powermail_captcha.form-control {  
    padding: 0.675rem 0.75rem;
    color: #585858;
    border-radius: 0; 
    border-color: #585858;
}

.form-control:focus, .powermail_input.form-control:focus, .powermail_textarea.form-control:focus { 
    border-color: #585858;
    box-shadow: none;
} 

.form-control::-webkit-input-placeholder, .powermail_input.form-control::-webkit-input-placeholder, .powermail_textarea.form-control::-webkit-input-placeholder { /* Edge */
    color: rgb(88,88,88,0.5);
}
  
.form-control:-ms-input-placeholder, .powermail_input.form-control:-ms-input-placeholder, .powermail_textarea.form-control:-ms-input-placeholder { /* Internet Explorer */
    color: rgb(88,88,88,0.5);;
}
  
.form-control::placeholder, .powermail_input.form-control::placeholder, .powermail_textarea.form-control::placeholder, .powermail_captcha.form-control::placeholder {
    color: rgb(88,88,88,0.5);
}

.powermail_fieldwrap_type_submit .btn-primary {
    margin-top: 2rem;
    float: right;
    border-radius: 0;
    background: #CA4F24;
    border-color: #CA4F24;
    font-family: "Eurostile LT W05 Bold E5102246";
    text-transform: uppercase;
    font-size: 0.75rem;
    padding: 1.5rem;
    transition: background 2s;
}

.powermail_fieldwrap_type_submit .btn-primary:hover {
    background: rgba(202,79,36,0.75);
}

.tx-powermail .powermail_fieldset .parsley-errors-list.filled {
    display: none;
}

.spacer-cta-form-col, .spacer-cta-text-col {
    margin-top: 140px;
}

.spacer-cta-text-col {
    padding-left: 44px;
    padding-right: 125px;    
}

@media screen and (max-width:1399px) {
    .spacer-cta-text-col {
        padding-right: 80px;    
    }
}

@media screen and (max-width:1199px) {
    .spacer-cta-text-col {
        padding-right: 25px;    
    }
}

@media screen and (max-width:991px) {
    .spacer-cta-text-col {
        margin-top: 105px;
        padding-right: 80px;        
    }

    .spacer-cta-text-col p {
        display: none;
    }

    .spacer-cta-form-col {
        margin-top: -60px;
    }
    .np-cta-orange h2, .np-cta-orange p, .np-cta-green h2, .np-cta-green p {
        color: #585858 !important;
    }
}

.np-cta-orange h2, .np-cta-orange p, .np-cta-green h2, .np-cta-green p  {
    color: #fff;
}

.np-cta-orange .tx-powermail p  {
    color: #585858;
}

@media screen and (max-width:767px) {
    
    .section.np-cta-orange, .section.np-cta-green {
        padding-top: 0;
        margin-top: 0;
    }

    .section.np-cta-orange .container, .section.np-cta-green .container {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 3px;
        padding-top: 3px;
    }
    .spacer-cta-text-col {
        margin-top: 20px;
        padding-right: 40px;
    }
    .spacer-cta-form-col {
        margin-top: -60px;
        padding-bottom: 30px;
    }

    .spacer-cta-text-col .frame-space-before-extra-large {
        margin-top: 2rem !important;
    }

    .np-cta-orange h2, .np-cta-orange p, .np-cta-green h2, .np-cta-green p {
        color: #585858 !important;
    }
    .np-cta-orange {
        min-height: 0px;
        max-height: 100%;
        background: #e5e5e5;    
    }
    .np-cta-green {
        min-height: 910px;
        max-height: 910px;
        background: #e5e5e5;
    }
    .np-cta-orange .row, .np-cta-green .row {        
        background-color: #e5e5e5;
    } 
}

.carousel-item .card-img {
    border: 1px solid #585858;
}

.carousel-item .card-img img {
    width: 100% !important;
    height: auto;
}

.carousel .carousel-item .col-md-2 {
    width: 20%;
}


@media screen and (max-width:1199px) {
    .carousel .carousel-item .col-md-2 {
        width: 25%;
    }
}

@media screen and (max-width:991px) {
    .carousel .carousel-item .col-md-2 {
        width: 33.3333333%;
    }
}

@media screen and (max-width:767px) {
    .carousel .carousel-item .col-md-2 {
        width: 100%;
    }
}


.np-tabs.nav-pills .nav-link {
  position: relative;
  transition: color 0.5s, transform 0.2s, background-color 0.2s;
  outline: none;
}
  
.np-tabs.nav-pills .nav-link:active
{
    transform: translateY(3px);
} 
  
.np-tabs.nav-pills .nav-link:hover {
    background-color: transparent;
    box-shadow: none;
    color: #585858;
}

.np-tabs.nav-pills .nav-link.active:hover {
    background-color: #585858;
    box-shadow: none;
    color: #fff;
}  


.tab-content > .active {
    display: flex;
}

.np-product-image img {
    padding: 40px 0px 0px 0px;    
}

.np-product-header {
    margin-bottom: 40px;
}

.np_feature_slider .outer .owl-item {
    min-height: 350px;
    background-color: #f8f9fa;
}

.np_feature_slider .outer .owl-item .item {
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%); 
}

#thumbs .item {
    background-color: #f8f9fa; 
    height:100%; 
    line-height:70px;  
    margin:10px 2px 0 2px; 
    border: 1px solid #fff;
    cursor: pointer; 
}

.bg-light #thumbs .item {
    background-color: #f8f9fa; 
    border: 1px solid #f8f9fa;    
}

.bg-np-orange-light {
    background-color: #CA4F24 !important;
}

/**NP Product Card ist für max 3 Zeilen ausgelegt (Display ab 1400px)**/
.np-product-card .card-body {
    min-height: 185px;
    /*max-height: 185px;*/
    /* Raus am  29.4. - warum war das drin ??*/
}
.np-product-card .card-body .card-text p {
    margin: 0;
}

/**NP Product Card ist für max 4 Zeilen ausgelegt (Display bis 1399px)**/
@media screen and (max-width:1399px) {
    .np-product-card .card-body {
        min-height: 220px;
    }

    .video-section .left .inner {
        max-width: 530px;
    }
}

/**OWL - NP Product Card ist für max 3 Zeilen ausgelegt - da nur 2 Items ! (Display bis 1199px)**/
@media screen and (max-width:1199px) {
    .owl-item .np-product-card .card-body {
        min-height: 180px;
    }
    .video-section .left .inner {
        max-width: 460px;
    }
}

/**OWL - NP Product Card ist für max 4 Zeilen ausgelegt - da nur 2 Items ! (Display bis 991px)**/
@media screen and (max-width:991px) {
    .owl-item .np-product-card .card-body {
        min-height: 180px;
        padding: 25px;
    }
    .video-section .left .inner {
        max-width: 100%;
        padding-left: 30px;
    }
}

.bi.bi-x-square, .bi.bi-check2-square {
    width: 24px;
    height: 24px;
}

.section.np-partner .owl-carousel .owl-item img {
    max-width: 150px;
}

.card-icon img {width: 88px !important;}

.np_contact_site {
    margin-left: 80px;
}
.np_contact_site img {
    width: 45px;
    height: 45px;
}
.np_contact_site figure {
    display: flex;
}
.np_contact_site p {
    margin-left: 15px;    
    font-size: 1.25rem;
}
.np_contact_site a {
    color: #858585;
}
.np_contact_mail{
    margin-top: 45px;
}
.np_contact_phone p, .np_contact_mail p{
    margin-top: 8px;
}

.np_section_padding_left .container  {
    padding-left: 95px;
}

.np_section_padding_right .container  {
    padding-right: 95px;
}

.tx-powermail .container-fluid  {
    padding-left: 0;
    padding-right: 0;
}

h3,h4 {
    font-family:"Eurostile LT W05 Bold E5102246";
    color: #585858;  
    font-size: 1rem; 
}

.tx-seminars-pi1-selectorwidget {
    display: none;
}

.date-media-container {
    display: flex;
    align-items: flex-end;
    margin-bottom: 40px;
}

.newsbox {
    float: left;    
    padding: 20px;
    box-sizing: border-box;
   }

.newsbox.date {
    width: 100px;
    background: #A5B174;
    overflow: hidden;
    text-align: center;
    color: #fff;
    margin-bottom: 0;
    margin-top: auto;
}

.newsbox.main {
    width: 88%;
    margin-right: 0;
    padding: 0;
    overflow: hidden;
}

@media screen and (min-width:500px) {
    .news.news-single .article .news-img-wrap {
        min-width: 425px !important;
        width: 425px !important;
    }
}

.news.news-single .article .news-img-wrap {
    margin-left: 0;
    margin-bottom: 0;
    float: left;
}

.news.news-single .article .news-img-wrap img{
    width: 100% !important;
    height: auto !important;
}

.np-hersteller-text p {
    font-size: 1.25rem !important;
}

#c9 .tx_indexedsearch-header, #c9 .tx-indexedsearch-info-sword, #c9 .tx-indexedsearch-browsebox {
    display: none;
}

#c9 .tx-indexedsearch-res
{
    padding-bottom: 3rem;
}
 
.np-langselect a {
    color: #CA4F24; 
    padding: 3px;   
}

.np-langselect b { 
    padding: 3px;   
}

.np-langselect a:hover {
    text-decoration: underline;    
}

.np-langselect {
    color: #fff;
    margin-bottom: 0px;
}

.np-langselect li {
    list-style-type: none;
    padding: 3px;
}

.powermail_fieldset.layout2 .powermail_legend {    
    font-size: 1.75rem;
    font-family: "Eurostile LT W05 Bold E5102246";
    color: #585858;
} 

.np-start-slider-header{
    z-index: 2;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
    top: 0;
}

.np-start-slider-header h2 {
    color: #fff;
    font-size: 38px;
    font-weight: 300;
    line-height: 60px;
    text-transform: uppercase;
    margin: 0;
    font-family: "Univers LT Std 57 Condensed";
}

.np-start-slider-header h3 {
    color: #A5B174;
    font-family: "Univers LT Std 57 Condensed";
    margin: 0;
    font-weight: 300;
    background-color: rgb(255,255,255,0.8);
}

.np-product-slider .owl-dots {
    display: none;
} 


.card {
    word-wrap:normal;        
}

.np-tabs-element .tab-content .tab-pane div:nth-child(3) .card{
    margin-bottom: 3em; 
}



.tx-we-cookie-consent a.btn-primary {
    color: #fff;
    background-color: #CA4F24;
    border-color: #CA4F24;
}

.tx-we-cookie-consent .table thead th {
    color: #858585;
    text-transform:none;
    font-weight: 300;
}

.tx-we-cookie-consent .table td{
    color: #858585;
}

.klaro.we_cookie_consent .cookie-modal a, .klaro.we_cookie_consent .cookie-modal h1, .klaro.we_cookie_consent .cookie-modal h2, .klaro.we_cookie_consent .cookie-modal li, .klaro.we_cookie_consent .cookie-modal p, .klaro.we_cookie_consent .cookie-modal strong, .klaro.we_cookie_consent .cookie-modal ul, .klaro.we_cookie_consent .cookie-notice a, .klaro.we_cookie_consent .cookie-notice h1, .klaro.we_cookie_consent .cookie-notice h2, .klaro.we_cookie_consent .cookie-notice li, .klaro.we_cookie_consent .cookie-notice p, .klaro.we_cookie_consent .cookie-notice strong, .klaro.we_cookie_consent .cookie-notice ul {
    color: #858585;
    font-size: 1em;
}

.klaro.we_cookie_consent .cookie-modal .cm-modal.cm-klaro .hide {
    color: #858585 !important;;
}

#klaro .klaro.we_cookie_consent .cookie-modal .cm-btn.cm-btn-accept {
    background: #CA4F24;
    color: #FFF;
}

#klaro .klaro.we_cookie_consent .cookie-modal .cm-btn {
    background: transparent;
    border-radius: 0px;
    border: 2px solid #CA4F24;
    color: #fff;
    font-weight: 500;
}

#klaro .klaro.we_cookie_consent .cookie-modal .cm-btn.cm-btn-decline, #klaro .klaro.we_cookie_consent .cookie-modal .cm-btn.cm-btn-accept-all
{
    color: #CA4F24;
}

.klaro.we_cookie_consent .cookie-modal .cm-service>div>.cm-list-label .slider:before {
    background-color: #858585;
}

#klaro .klaro.we_cookie_consent .cookie-notice:not(.cookie-modal-notice) .cm-btn, #klaro .klaro.we_cookie_consent .cookie-notice:not(.cookie-modal-notice) .cm-btn-sm {
    border: 2px solid #CA4F24;
    border-radius: 0px;
}

@media screen and (min-width: 768px){
    #klaro .klaro.we_cookie_consent .cookie-notice:not(.cookie-modal-notice) .cm-btn.cm-btn-success {
        background: #CA4F24; 
        color: #FFF;       
    }
}

#klaro .klaro.we_cookie_consent .cookie-notice:not(.cookie-modal-notice) .cm-btn.cm-btn-success {
    background: #CA4F24;
    color: #FFF;
}

.klaro.we_cookie_consent .cookie-notice:not(.cookie-modal-notice) .cm-btn {
    background: #EFEFEF;
    color: #858585;    
}

#klaro .klaro.we_cookie_consent .cookie-notice:not(.cookie-modal-notice) .cm-link {
    border: 2px solid #CA4F24;
    border-radius: 0px;
    color: #858585;
}

#klaro .klaro.we_cookie_consent .cookie-notice:not(.cookie-modal-notice) .cm-btn.cm-btn-danger:before, #klaro .klaro.we_cookie_consent .cookie-notice:not(.cookie-modal-notice) .cm-btn.cn-decline:before {
    content: url('/fileadmin/icons/np-icon-close.svg');
}
#klaro .klaro.we_cookie_consent .cookie-notice:not(.cookie-modal-notice) .cm-link:before {
    content: url(/fileadmin/icons/np-icon-pen.png);
    width: 24px;
}

/* external css: flickity.css */

* { box-sizing: border-box; }

body { font-family: sans-serif; }

.np-vendor-slider {
    border: 1px solid #858585;  
}

.carousel {
  background: #858585;
}

.carousel-cell {
  width: 20%;
  margin-right: 1px;
  background: #858585;
  border-radius: 0px;
  counter-increment: gallery-cell;
}

.carousel img {
    display: block;
    height: auto;
  }


.flickity-prev-next-button.previous {
    left: -90px;
}

.flickity-prev-next-button.next {
    right: -85px;
}

.flickity-button {
    color: #858585;
}

.flickity-page-dots .dot {
    display: none;
}



/***********************************/
/***********************************/
/***********************************/
/*  START RESPONSIVE TEIL ALLGEMEIN*/
/***********************************/
/***********************************/
/***********************************/

@media screen and (max-width:1399px) {

    .section.np-download .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media screen and (max-width:1199px) {
    .section-default .container .col-lg-12 div:first-of-type 
        {
            margin-top: 0 !important;
        }
    
    .section-default .col-lg-12 {
        padding-bottom: 3rem !important;
    }

    .np_feature_slider .row .pe-5 {
        padding-right: 0 !important;
    }

    .section.np-download .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .np-tabs-element .tab-content .tab-pane div:nth-child(3) .card{
        margin-bottom: 0em; 
    }

    .np-tabs-element .tab-content .tab-pane div:nth-child(2) .card{
        margin-bottom: 3em; 
    }

    .np-tabs-element .tab-content .tab-pane div:nth-child(4) .card{
        margin-bottom: 3em; 
    }

    .np-tabs-element .tab-content .tab-pane div:nth-child(6) .card{
        margin-bottom: 3em; 
    }

    .np-tabs-element .tab-content .tab-pane div:nth-child(8) .card{
        margin-bottom: 3em; 
    }
}


@media screen and (max-width:991px) {

    .carousel-cell {
        width: 33.3333%;
        margin-right: 1px;
        background: #858585;
        counter-increment: gallery-cell;
    }
    
    .flickity-button {
        display: none;
    }

    .flickity-page-dots .dot {
        display: inline-block;
        background: #585858;    
    }

    .carousel-indicators li {
        position: relative;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        width: 30px;
        height: 3px;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        background-color: blue;
    }


    .np-container-padding-0 {
        padding-left: 0;
        padding-right: 0;
    }
   
    .container {
        max-width: 100%;
    }

    .section.np-download .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .np-download .card-body {
        padding: 1.75rem 1.25rem 0 1.25rem;
        min-height: 160px;
    }

    .np-download .card-link a {
        min-height: 68px;
    }

    .card {
        word-wrap:normal;        
    }

    .section.np-cta-orange .container, .section.np-cta-green .container  {
        max-width: 720px;
    }

}

@media screen and (max-width:767px) {
    
    .carousel-cell {
        width: 50%;
        margin-right: 1px;
        background: #858585;
        counter-increment: gallery-cell;
    }

    .np_section_padding_right .container {
        padding-right: 60px;
    }
    .np_section_padding_left .container {
        padding-left: 60px;
    }
    
    .np_contact_site {
        margin-left: 40px;
    }
    
    .np-product-slider .owl-dots {
        display: block;
    }
    
    .np-related .owl-prev {
        position: absolute;
        top: 50%;
        left: 0px;
    }
        
    .tx_indexedsearch-header {
        display: none;
    }

    .navbar .navbar-brand img {
        width: 50%;
    }

    .np-start-slider {
        min-height: 320px !important;
    }

    .np-start-slider img {
        min-height: 320px !important;
        width: 100%;
        object-fit: contain;
    }

    .np-start-slider-header h2 {
        padding: 10px 7px 0 7px;
        font-size: 22px;
        line-height: 35px;        
    }

    h1, .h1 {
        font-size: calc(.95rem + 1.5vw);
    }

    .np-h1-header-left h1, .np-h1-header-left h2 {
        margin-left: 20px !important;
    }

    .np-product-header p {
        margin-left: 45px;
    }

    .np-product-header .btn-primary-wrap {
       display: none;         
    }

    .np-h1-header-left {
        border-left: 25px solid #CA4F24;
    }

    .np-green .np-h1-header-left {
        border-left: 25px solid #A5B174;
    }

    .section.np-benefits .container, .section.np-marken .container, .section.np-partner .container, .section.np-news-list .container, .section.np-section-padding .container, .section.np-cta-orange .container, .section.np-cta-green .container {
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .carousel-control-prev {
        left: 60px;
        top: 390px;
    }

    .carousel-control-next {
        right: 60px;
        top: 390px;
    }

    .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
        display: none;
    }

    .section-default .col-md-6 {
        padding-bottom: 3rem !important;
    }

    .np-product-image img {
       padding: 0px 0px 40px 0px; 
    }

    .np-product-header {
        margin-bottom: 0px;
    }

    .video-section .video-holder {
        position: absolute;
        left: 50%;
        top: 75%;
    }

    .video-section .left .inner {
        max-width: 100%;
        float: left;
        padding: 0 30px 15px 30px;
    }

    .video-section .row {
        margin: 0;
    }

    .video-section .left {
        height: 100%;
    }

    .np-product-benefits .img-fluid {
        display: none;
    }

    .np-product-benefits.pt-6 {
        padding-top: 1.5rem !important;
        padding-bottom: 3rem;
    }

    .np-product-benefits .card-body {
        min-height: 100% !important;
        max-height: 100%;
    }

    .pt-6 {
        padding-top: 3rem !important;
    }

    .np_feature_slider .row .ps-5 {
        padding-right: 0 !important;
    }

    .section-default.np_feature_slider.pb-5 {
        padding-bottom: 0 !important;
    }

    .np-table th:first-child, .np-table th:first-child a {
        font-size: 1rem;
        width: 33%;        
    }
    .np-table thead {
        font-size: 1rem;        
    }

    .section.np-download .container {
        padding-left: 30px;
        padding-right: 30px;
    }

    .section.np-download .container .col-md-3, .section.np-download .container .col-md-4 {
        flex: 0 0 auto;
        width: 50%;
    }

    .section.np-download .container .row div:nth-child(2) .card {
        margin-bottom: 100px; 
    }

    .np-tabs-element .tab-content .tab-pane div:nth-child(3) .card{
        margin-bottom: 0em; 
    }

    .np-tabs-element .tab-content .tab-pane div:nth-child(2) .card{
        margin-bottom: 0em; 
    }

    .np-tabs-element .tab-content .tab-pane div:nth-child(4) .card{
        margin-bottom: 0em; 
    }

    .np-tabs-element .tab-content .tab-pane div:nth-child(6) .card{
        margin-bottom: 0em; 
    }

    .np-tabs-element .tab-content .tab-pane div:nth-child(8) .card{
        margin-bottom: 0em; 
    }

    .np-tabs .nav-item {
        min-width: 49%;
    }

    .np-tabs .nav-item button {
        min-height: 46px;
        margin: 0 8px 8px 8px;
    }

    .np-product-version1 .ce-gallery img {
        display: none;
    }

    .np-where-to-buy .np-product-card {
        margin-bottom: 30px;
    }

    .np-where-to-buy .col-md-4 .frame-space-after-extra-large {
        margin-bottom: 0;
    }

    .mobile-mb-large {
        margin-bottom: 4em;
    }

    .np-mobile-display-none img {
        display: none;
    }
    
}

@media screen and (max-width:575px) {

    .carousel-cell {
        width: 100%;
        margin-right: 1px;
        background: #858585;
        counter-increment: gallery-cell;
    }
    
    .carousel-control-prev {
        position: relative;
        left: 0;
        top: 0;
        margin-top: 15px;
        margin-left: 25px;
        float: left;
    }

    .carousel-control-next {
        position: relative;
        right: 0;
        top: 0;
        margin-top: 15px;
        margin-right: 25px;
        float: right;
    }

    .np-related .np-container-inner {
        padding-left: 42px;
        padding-right: 42px;
    }

    .np-table th, .np-table tbody td {
        padding: 0.75rem 0.75rem 0.75rem 1.25rem;
    }

}


@media screen and (max-width:475px) {    


    .np_section_padding_right .container {
        padding-right: 15px;
    }
    .np_section_padding_left .container {
        padding-left: 15px;
    }
    
    .navbar-collapse .bd-example .np-nav-mid {
        width: 130px;
    }

    .dropdown-menu.show li {
        margin-left: 25px;
    }

    .np-related .np-container-inner {
        padding-left: 30px;
        padding-right: 30px;
    }

    .section.np-download .container .col-md-3, .section.np-download .container .col-md-4 {
        flex: 0 0 auto;
        width: 100%;
    }

    .section.np-download .container .row .card {
        margin-bottom: 100px; 
    }

    .section.np-download .container .row div:nth-child(4) .card {
        margin-bottom: 0px; 
    }
}


@media screen and (max-width:386px) {
    
    .np_contact_site {
        margin-left: 40px;
    }

    .top-header-mail {
        display: none;
    }

    .np-related .np-container-inner {
        padding-left: 0px;
        padding-right: 0px;
    }

    .navbar-toggler.me-5 {
        margin-right: 15px !important;
    }

    .navbar-collapse .bd-example .np-nav-mid {
        margin-left: -10px;
        width: 125px;
    }

    .dropdown-menu.show li {
        margin-left: 20px;
    }

    .np-table th, .np-table tbody td {
        padding: 0.75rem 0.75rem 0.75rem 1rem;
    }
}

/*  ENDE RESPONSIVE TEIL ALLGEMEIN*/



.aktions_flyer .bg-flyer {
    background-image: url('/fileadmin/images/aktionen/NP_ExpertenSet_Flyer_2022_Hb.jpg') !important;
    background-repeat: no-repeat !important; 
    background-position: right top; 
    background-size: cover;         
}

.section.np-section-padding.aktions_flyer .container .bg-flyer .np-h1-header-left {
    margin-left: -11px;
}

.aktions_flyer .bg-flyer .frame-indent {
    margin-right: 260px;
}

.aktions_flyer .bg-flyer .frame-type-text {
    margin-left: 70px;
    margin-right: 60px;
}

.aktions_flyer .bg-flyer .frame-type-text p {
    font-size: 1.15rem;
}

.aktions_flyer .bg-flyer h4 {
   font-size: 1.35rem;
   font-weight: 300;
   line-height: 1.85rem;
   font-family: "Univers LT Std 57 Condensed" !important; 
}

.aktions_flyer .bg-flyer .ce-gallery {
    max-width: 35%;
    margin-left: 45px;
}

.aktions_flyer .bg-flyer .frame-type-text ul {
    padding-left: 1rem;
    padding-top: 15px;
}

.aktions_flyer .bg-flyer .frame-type-text ul li {
    color: #CA4F24;
    font-size: 1.25rem;
    font-family: "Univers LT Std 57 Condensed";
    margin-left: 1.5em;
    line-height: 1.75em;
    list-style-image: url(/fileadmin/images/background/list_image_7px.png);
    padding-left: 12px;
}

.aktions_flyer .bg-flyer .frame-type-mask-aktionsflyerpreis {
    margin-left: 25px;
}

.aktions_flyer .bg-flyer .text-right {
    text-align: end;
}

.frame-type-mask-aktionsflyerpreis .card-header {
    background-image: url('/fileadmin/images/aktionen/NP_ExpertenSet_Flyer_2022_Aktionspreis.jpg') !important;
    background-repeat: no-repeat !important; 
    background-position: left top; 
    background-size: cover;
    color: #f8f9fa; 
    max-width: 90%;
    border: 0px solid transparent !important;    
}

.frame-type-mask-aktionsflyerpreis .card-text {
    color: #f8f9fa;
    background-color: #585858;
    padding: 10px 15px;
    max-width: 90%;
    border-left: 1px solid #f8f9fa;
}

.frame-type-mask-aktionsflyerpreis .card-addits {
    color: #585858;
    font-size: 1.25rem;
    background-color: #fff;
    padding: 10px 15px;
    max-width: 90%;
    border-left: 1px solid #f8f9fa;
}


@media screen and (min-width:767px) {
    .frame-type-mask-aktionsflyerpreis .card-header, .frame-type-mask-aktionsflyerpreis .card-text, .frame-type-mask-aktionsflyerpreis .card-addits  {
        max-width: 65%;
    }
}

.frame-type-mask-aktionsflyerpreis .card-header h5 {
    font-size: 1rem;
    padding: 10px 0 0 0;
}

.frame-type-mask-aktionsflyerpreis .card-header .card-price {
    position: relative;
    font-size: 3.25rem;
    line-height: 1.75rem;
    font-weight: 600;
    padding-bottom: 15px;
    text-align: end;
}

.frame-type-mask-aktionsflyerpreis .card-header .card-price-symbol {
    position: absolute;
    top: -17px;
    right: 0;
    font-size: 2rem;
    font-weight: 500;
}

.frame-type-mask-aktionsflyerpreis .card-text p {
    color: #f8f9fa;
    font-weight: 200;
    padding: 0;
    margin: 0;
}

.aktion-features {
    padding-top: 60px;
}

@media screen and (min-width:1200px) {
    .aktion-features {
        padding-top: 285px;
    }
}



.aktions_flyer .aktion-features h3 {
    color: #CA4F24;
    padding-bottom: 0;
    margin-bottom: 0;
}

.aktions_flyer .aktion-features .aktions-hr {
    content: '';
    display: block;
    border-bottom: 1px solid #585858;
    margin: 0.75rem 0;
    position: relative;   
}

.aktions_flyer .aktion-features .aktions-hr .icon {
    background-image: url('/fileadmin/images/aktionen/AktionsFeatureBG.png') !important;
    background-repeat: no-repeat !important; 
    background-position: left top; 
    background-size: 35px;
    position: absolute;
    top:-20px;
    left:-35px;
    width: 35px;
    height: 38px;
}

.aktions_flyer .aktion-features .frame-indent {
    margin-left: 15%;
    margin-right: 0;
} 

.frame-type-mask-image-absolute {
    min-height: 300px;
}


#body_442 .frame-type-mask-image-absolute {
    min-height: 600px;
}

@media screen and (min-width:1200px) {
    
    .np_image_absolute {
        position:absolute;
    }
    
    #body_442 .frame-type-mask-image-absolute {
        min-height: 455px;
    }


    .w-500 {
        width: 650px;
        height: auto;
    }

    .w-535 {
        width: 535px;
        height: auto;
    }

    .left-180 {
        left:-180px;
    }

    .left-90 {
        left:-90px;
    }

    .top-60 {
        top:-60px;
    }

    .top-180 {
        top:-180px;
    }


    .left-100 {
        left:-310px
    }

    .top-100 {
        top: -200px !important;
    }

}

.mt-165 {
    margin-top: 125px !important;
}

video {
    max-width: 100%;
    height: auto;
}
.table-scrollable {
    width: 100%;
    overflow-y: auto;
    margin: 0 0 1em;
  }
  
  .table-scrollable::-webkit-scrollbar {
    width: 14px;
    height: 14px;
  }
  
  .table-scrollable::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 3px solid #fff;
    background-color: rgba(0, 0, 0, .3);
  }

  @media screen and (max-width:767px) {
    #footer .footer-menu li {
        float: none;
        text-align: right;
    }
  }

  .np-orange {
    color: #CA4F24 !important;
  }

.powermail_fieldwrap_type_radio .radio {
    display: inline-flex;      /* sorgt dafür, dass die .radio-Container nebeneinander stehen */
    align-items: center;       /* Input und Text vertikal zentrieren */
    gap: 0.5rem;               /* Abstand zwischen Input und Label-Text */
    margin-right: 1rem;       /* Abstand zwischen den einzelnen Radio-Items */
    margin-bottom: 1rem;
}

.powermail_fieldwrap_type_radio .radio label {
    display: inline-flex;     /* Label-Inhalt inline und flexible Ausrichtung */
    align-items: center;
    gap: 0.5rem;
    vertical-align: top;
}

/* Optional: bei sehr schmalen Bildschirmen Zeilenumbruch erlauben */
.powermail_fieldwrap_type_radio {
    flex-wrap: wrap;
    display: flex;
    gap: 0.5rem;
}

.femanager_fieldset .radio label{
    display: flex;
    vertical-align: top;
}

.femanager_fieldset input[type="radio"], .powermail_fieldwrap_type_radio input[type="radio"] {
    /* Add if not using autoprefixer */
    -webkit-appearance: none;
    appearance: none;
    /* For iOS < 15 to remove gradient background */
    background-color: #fff;
    /* Not removed via appearance */
    margin: 0;
  }
  
.femanager_fieldset input[type="radio"], .powermail_fieldwrap_type_radio input[type="radio"] {
    appearance: none;
    background-color: #fff;
    margin: 0;
    font: inherit;
    color: currentColor;
    width: 1.15em;
    height: 1.15em;
    border: 0.15em solid currentColor;
    border-radius: 50%;
    transform: translateY(-0.075em);
    margin-right: 8px;
  }

.femanager_fieldset  input[type="radio"], .powermail_fieldwrap_type_radio input[type="radio"] {
    display: grid;
    place-content: center;
  }

.femanager_fieldset   input[type="radio"], .powermail_fieldwrap_type_radio input[type="radio"] {
    display: grid;
    place-content: center;
  }
  
.femanager_fieldset  input[type="radio"]::before, .powermail_fieldwrap_type_radio input[type="radio"]::before {
    content: "";
    width: 0.65em;
    height: 0.65em;
    border-radius: 50%;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em var(--form-control-color);
  }
  
.femanager_fieldset input[type="radio"]:checked::before, .powermail_fieldwrap_type_radio input[type="radio"]:checked::before {
    transform: scale(1);
  }

.femanager_fieldset input[type="radio"]::before, .powermail_fieldwrap_type_radio input[type="radio"]::before {
    background-color: #ca4f24;
  }

.femanager_fieldset input[type="radio"]:focus, .powermail_fieldwrap_type_radio input[type="radio"]:focus {
    outline: max(2px, 0.15em) solid currentColor;
    outline-offset: max(2px, 0.15em);
  }

  .np-product-benefits .np-product-card .card-text ul{
    text-align: start ;
}

.femanager_error {
    margin-bottom: 1.5rem;
}


/*  NEUES PREIS ELEMENT FÜR AKTIONEN */

.section.section-default.lwl-aktionen .container {
    background-image: url('/fileadmin/images/background/NP_All-in-One_Flyer_2023_fond.jpg'); 
    background-size: cover;
    background-repeat: no-repeat; 
    width: 100%;
    height: auto;
}

.section.section-default.lwl-aktionen .np-product-header {
    position: relative;
}

.section.section-default.lwl-aktionen .np-product-header h2 {
    font-size: 2rem;
    margin-bottom: 40px;
    color: #CA4F24;
}

.section.section-default.lwl-aktionen .np-product-header h3 {
    font-size: 1.5rem;
    margin: 30px 0 15px 80px;
    color: #CA4F24;
}

.section.section-default.lwl-aktionen .np-product-header sub {
    font-size: 0.75rem;
    line-height: 1rem;
    color: #585858;
    bottom: 0;
    margin: 0;
    display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.section.section-default.lwl-aktionen .np-product-header h1 {
    font-size: 3rem;
}

.section.section-default.lwl-aktionen .frame-type-mask-aktionsflyerpreis .card-header {
    background-image: url(/fileadmin/images/aktionen/NP_ExpertenSet_Flyer_2023_Aktionspreis.jpg) !important;
    background-repeat: no-repeat !important;
    background-position: left top;
    background-size: cover;
    color: #f8f9fa;
    max-width: 100%;
    border: 0px solid transparent !important;
    padding: 30px;
}

.section.section-default.lwl-aktionen .frame-type-mask-aktionsflyerpreis .card-body {
    flex: 1 1 auto;
    padding: 20px 0 10px 80px;
    width: 80%;
}

@media screen and (max-width:767px) {
    .section.section-default.lwl-aktionen .frame-type-mask-aktionsflyerpreis .card-body {
        padding: 20px 40px 10px 40px;
        width: 90%;
    }
    
}

.section.section-default.lwl-aktionen .frame-type-mask-aktionsflyerpreis .card-header .card-title {
    font-size: 3.0rem;
}

.section.section-default.lwl-aktionen .frame-type-mask-aktionsflyerpreis .card-header .card-price {
    padding: 30px 0 40px 0;
    font-weight: 300;
}

.section.section-default.lwl-aktionen .frame-type-mask-aktionsflyerpreis .card-header .card-price-symbol {
    top: 10px;    
}

.section.section-default.lwl-aktionen .frame-type-mask-aktionsflyerpreis .card-header p {
   margin-left: 0;
   color: #FFF;
}

.section.section-default.lwl-aktionen .frame-type-mask-aktionsflyerpreis .card-header p a {
    margin-left: 0;
    color: #FFF;
 }

 .section.section-default.lwl-aktionen .frame-type-mask-aktionsflyerpreis .card-addits {
    max-width: 100% !important;
    font-size: 1.5rem;
    letter-spacing: 3px;
    font-weight: 600;
    padding-left: 30px;
 }


 .section.section-default.lwl-aktionen .frame-type-mask-aktionsflyerpreis .card-label-image {
    position: absolute;
    top: 30%;
    right: 0;
    max-width: 233px;
    height: auto;
 }

 @media screen and (max-width:1199px) {
    .section.section-default.lwl-aktionen .frame-type-mask-aktionsflyerpreis .card-label-image {
        top: 30%;
        right: -10%;
        max-width: 233px;
        height: auto;
     }
 } 

 @media screen and (max-width:992px) {
    .section.section-default.lwl-aktionen .frame-type-mask-aktionsflyerpreis .card-label-image {
        right: 4%;        
     }
 } 

 @media screen and (max-width:700px) {
    .section.section-default.lwl-aktionen .frame-type-mask-aktionsflyerpreis .card-label-image {
        max-width: 150px;
        top: -8%;        
     }
 } 

 .section.section-default.lwl-aktionen .frame-type-mask-aktionsflyerpreis .card-total-price-info {
    background-color: #585858;
 }

 .section.section-default.lwl-aktionen .frame-type-mask-aktionsflyerpreis .card-total-price-info p {
    color: #fff;
    margin: 0;
    padding: 10px 30px;
    font-size: 1.5rem;
    line-height: 1.25rem;
 }

 .section.section-default.lwl-aktionen .frame-type-mask-aktionsflyerpreis .card-total-price-info p sub {
    font-size: 0.75rem;
    bottom: -5px;
    padding-bottom: 5px;
    font-weight: 200;
    color: #FFF;
    line-height: 1rem;
 }

.dropdown-menu.dropdown-2-cols.show li {
    margin-left: 15px !important;
}

.dropdown-menu.dropdown-2-cols.show .dropdown-item {
    padding: 0 0 2px 5px;
}

.np-circle-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
  }
  
  .np-circle {
    width: 150px;
    height: 150px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    position: relative;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    transition: box-shadow 0.3s;
    cursor: pointer;
  }
  
  .np-arrow {
    width: 0;
    height: 0;
    border-top: 20px solid transparent; /* Obere Pfeilspitze */
    border-bottom: 20px solid transparent; /* Untere Pfeilspitze */
    border-left: 40px solid #585858; /* Pfeil nach rechts */
    position: absolute;
    top: 50%;
    left: 52%;
    transform: translate(-50%, -50%);
  }
  
  .np-circle:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
  }
  
  .np-circle:active {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
  }

  .tx-seminars-pi1-error {
    color: #858585;
    font-weight: normal;
}

.frame {
    position: relative;
}

.tx-powermail .powermail_fieldset .powermail-errors-list.filled {
    display: none;
}


.frame-type-mask_np_product_feature_circle {
    padding: 100px 300px;
}

.frame-type-mask_np_product_feature_circle .icons {
    position: absolute;
    text-align: center;
}

.frame-type-mask_np_product_feature_circle .icons img {
    width: 95px;
}

.frame-type-mask_np_product_feature_circle .icons h4 {
    max-width: 250px;
    width: 250px;
    overflow: hidden;
}

.frame-type-mask_np_product_feature_circle .icon-1 {
    top: -2%;
    left: 40%;
}

.frame-type-mask_np_product_feature_circle .icon-2 {
    top: 15%;
    right: 15%;
}

.frame-type-mask_np_product_feature_circle .icon-3 {
    top: 42%;
    right: 10%;
}

.frame-type-mask_np_product_feature_circle .icon-4 {
    bottom: 20%;
    right: 15%;
}

.frame-type-mask_np_product_feature_circle .icon-5 {
    bottom: 0;
    left: 40%;
}

.frame-type-mask_np_product_feature_circle .icon-6 {
    bottom: 20%;
    left: 15%;
}

.frame-type-mask_np_product_feature_circle .icon-7 {
    top: 42%;
    left: 5%;
}

.frame-type-mask_np_product_feature_circle .icon-8 {
    top: 15%;
    left: 15%;
}



.frame-type-mask_np_product_feature_circle {
    padding: 100px 300px;
}

.frame-type-mask_np_product_feature_circle .icons {
    position: absolute;
    text-align: center;
    cursor: pointer;
}

.frame-type-mask_np_product_feature_circle .icons img {
    width: 95px;
}

.frame-type-mask_np_product_feature_circle .icons h4 {
    max-width: 250px;
    width: 250px;
    overflow: hidden;
}

.frame-type-mask_np_product_feature_circle .icon-1 {
    top: -2%;
    left: 40%;
}

.frame-type-mask_np_product_feature_circle .icon-2 {
    top: 15%;
    right: 15%;
}

.frame-type-mask_np_product_feature_circle .icon-3 {
    top: 42%;
    right: 10%;
}

.frame-type-mask_np_product_feature_circle .icon-4 {
    bottom: 20%;
    right: 15%;
}

.frame-type-mask_np_product_feature_circle .icon-5 {
    bottom: 0;
    left: 40%;
}

.frame-type-mask_np_product_feature_circle .icon-6 {
    bottom: 20%;
    left: 15%;
}

.frame-type-mask_np_product_feature_circle .icon-7 {
    top: 42%;
    left: 5%;
}

.frame-type-mask_np_product_feature_circle .icon-8 {
    top: 15%;
    left: 15%;
}

.frame-type-mask_np_product_feature_circle .mobile-icons-wrapper {
    margin-bottom: 20px;
}

.frame-type-mask_np_product_feature_circle .mobile-icons {
    border: 1px solid rgba(0, 0, 0, 0.125);
    padding: 10px;
    text-align: center;
    min-height: 100%;
}

.frame-type-mask_np_product_feature_circle .mobile-icons img{
    width: 40%;
    padding-bottom: 10px;
}


@media screen and (max-width:1199px) {

    .frame-type-mask_np_product_feature_circle {
        padding: 50px 150px;
    }

    .frame-type-mask_np_product_feature_circle .icons img {
        width: 80px;
    }

    .frame-type-mask_np_product_feature_circle .icons h4 {
        max-width: 250px;
        width: 250px;
    }

    .frame-type-mask_np_product_feature_circle .icon-1 {
        top: -5%;
        left: 35%;
    }

    .frame-type-mask_np_product_feature_circle .icon-2 {
        top: 15%;
        right: 8%;
    }

    .frame-type-mask_np_product_feature_circle .icon-3 {
        top: 42%;
        right: 0;
    }

    .frame-type-mask_np_product_feature_circle .icon-4 {
        bottom: 20%;
        right: 8%;
    }

    .frame-type-mask_np_product_feature_circle .icon-5 {
        bottom: -2%;
        left: 35%;
    }

    .frame-type-mask_np_product_feature_circle .icon-6 {
        bottom: 20%;
        left: 8%;
    }

    .frame-type-mask_np_product_feature_circle .icon-7 {
        top: 42%;
        left: 0;
    }

    .frame-type-mask_np_product_feature_circle .icon-8 {
        top: 15%;
        left: 8%;
    }
}

@media screen and (max-width:991px) {
    .frame-type-mask_np_product_feature_circle {
        padding: 0;
    }
}

.np-aktionen .np-product-header ul {
    margin-left: 0px;
}

.section.section-default.ku-aktionen .container {
    background-image: url('/fileadmin/images/background/NP_Fond_Netzwerkverbindung.jpg');
}

.section.section-default.wlan-aktionen .container {
    background-image: url('/fileadmin/images/background/NP_Wlan.jpg');
}

.section.section-default.wlan-aktionen-2025 .container {
    background-image: url('/fileadmin/images/background/ekahau_Bundle.jpg');
    background-position: center;
}

.section.section-default.wlan-aktionen-2025 h1, .section.section-default.wlan-aktionen-2025 p {
    color: #F5F5F5;
}

.np-copyright-text {
    position: absolute;
    top: 0;
    right: 22px;
    color: #F6F6F6;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    font-family: Arial, sans-serif;
    line-height: 14px;
    z-index: 1;
    transform-origin: right top;
    white-space: nowrap;
    padding: 4px;
    transform: rotate(270deg);
}


.np_feature_slider .owl-carousel .owl-nav button.owl-next,
.np_feature_slider .owl-carousel .owl-nav button.owl-prev,
.np_feature_slider .owl-carousel button.owl-dot {
    background: transparent !important; /* Transparenter Hintergrund */
    color: inherit; /* Erbt die Textfarbe */
    border: 1px solid #585858; /* Kein Rahmen */
    padding: 0 15px !important; /* Keine Abstände */
    font: inherit; /* Erbt Schriftarten */
    font-size: 36px; /* Schriftgröße für den Pfeil */
    border-radius: 50%; /* Rund machen */
    width: 60px; /* Breite und Höhe anpassen, um den Button rund zu machen */
    height: 60px;
    transition: none !important; /* Keine Übergangseffekte */
    margin: 0 30px;
}

.np_feature_slider .owl-carousel .owl-nav button.owl-next i,
.np_feature_slider .owl-carousel .owl-nav button.owl-prev i {
    font-size: 36px; /* Größe des Pfeils */
}

.np_feature_slider .owl-carousel .owl-nav button.owl-next:hover,
.np_feature_slider .owl-carousel .owl-nav button.owl-prev:hover,
.np_feature_slider .owl-carousel .owl-nav button.owl-next:active,
.np_feature_slider .owl-carousel .owl-nav button.owl-prev:active,
.np_feature_slider .owl-carousel .owl-nav button.owl-next:focus,
.np_feature_slider .owl-carousel .owl-nav button.owl-prev:focus {
    background: transparent !important; /* Keine Änderung bei Hover/Active/Focus */
    color: inherit !important; /* Keine Farbänderung */
    outline: none !important; /* Kein Fokus-Stil */
}

@media screen and (max-width:767px) {
    .np_feature_slider .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
        display: inline;
    }
}

/* Grund-Style der Checkbox */
.powermail_checkbox {
    appearance: none;
    -webkit-appearance: none;
    width: 22px;
    height: 22px;
    border: 2px solid #ccc;
    border-radius: 4px;
    display: inline-block;
    position: relative;
    margin-right: 10px;
    cursor: pointer;
    vertical-align: middle;
    background-color: #fff;
    transition: all 0.2s ease;
}

/* Wenn angeklickt: Hintergrund in Orange + weißes Häkchen */
.powermail_checkbox:checked {
    background-color: #ca4f24;
    border-color: #ca4f24;
}

.powermail_checkbox:checked::after {
    content: '✔';
    color: #fff;
    font-size: 16px;
    position: absolute;
    top: -3px;
    left: 4px;
}

/* Optional: Hover-Effekt */
.powermail_checkbox:hover {
    border-color: #ca4f24;
}


/* Etwas Innenabstand beim Label */
.powermail_fieldwrap_type_check {
    margin-bottom: 1em;
}


.powermail_fieldwrap_type_check .checkbox label {
    padding: 8px 12px;
    display: flex;
    align-items: center;
    gap: 15px; /* Abstand zwischen Checkbox und Text */
}

.netpeppers-cat-list ul {
    padding-top: 10px;
    list-style: none;
    padding-left: 0;
}

.netpeppers-cat-list a:hover {
    text-decoration: underline;
}

.news-backlink-wrap {
    width: 100%;
    float: left;
}

.np-news-list .text-right {
    position: absolute;
    right: 40px;
    top:-80px;
}