img {border:0;}
:root {
    --HeaderBackground: #303030;
    --FooterBackground: #282828;
    --Blue: #00447a;
    --psw-orange: #fbab00;
}
.row{min-width:100%;}
nav .row{width:100%;min-width:auto;}
html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

.pointer {
    cursor: pointer;
}

#footernav ul {
    margin: 0;
    padding: 0;
}

input:focus {outline: 0;}

.container {
    position: relative;
}

.container .hidden {
    display: none;
}

body {
    font-family: 'Calibri', Arial, sans-serif;
    font-size: 100%;

    display: flex;
    flex-direction: column;
}
a {
    color: #00447a;
    text-decoration: none;
}


h2 + h3{font-style:italic; }


/**
*
*   HEADER
*
**/

mheader {
    position: fixed;
    width: 100%;
    height: auto;

    z-index: 100000;
}
/**
*
*   HEADER TOP
*
**/

mheader #top {
    height: 90px;
    display: flex;
    align-items: center;

    background-color: #fff;
}

mheader #top .row div[class*="col-"]{
    display: flex;
    align-items: center;
}

mheader #top #phone {
    margin-top: -6px;
    line-height: normal;
    font-weight: bold;
    font-size: 20px;
    color: var(--Blue);
    white-space: nowrap;
    padding: 0 5px;
}

mheader #top #phone em {
    color: #2d2d2d;
    font-weight: normal;
    font-size: 14px;
    font-style: normal;
}

mheader #top #trusted {
    white-space: nowrap;
}

mheader #top #trusted img{
    margin: 0 0 0 10px;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);

    cursor: pointer;
}

mheader #top #trusted img:hover{
    filter: none;
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
}

mheader #top button {
    background-color: var(--psw-orange);
    text-transform: uppercase;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    border-radius: 0;
    height: 35px;
}

mheader #login a,
.btn-orange,
.btn-orange:hover,
.btn-orange:focus {
    background-color: var(--psw-orange);
    text-transform: uppercase;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    border-radius: 0;
    height: 35px;
    white-space: nowrap;
}

@media only screen and (max-width: 992px) {
    mheader #top #login {
        display:none;
    }
}

@media only screen and (max-width: 1024px) {
    mheader #top #trusted div {
        display:none;
    }

    mheader #top #logo img {
        width: 200px;
        height: auto;
    }


    mheader #top button {
        position: absolute;
        right: 15px;
    }
}


/**
*
*   MENÜ
*
**/

mheader #menu {
    height: 50px;
    background-color: var(--HeaderBackground);
}


mheader #menu .mobilemenu{
    display: none;
}

mheader nav {
    position: relative;
}
mheader #menu ul {
    margin-left:0;padding-left:0;
}

mheader #menu > div > nav > ul > li{
    list-style: none;
    display: inline-block;
    float: none;
}

mheader #menu > div > nav > ul > li > a {
    height: 50px;
    display: flex;
    align-items: center;

    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 19px;

    padding: 0 20px 0 0;
}

@media only screen and (max-width: 1200px) {
    mheader #menu > div > nav > ul > li > a {
        font-size:16px;
        padding-right:15px;
    }
}

@media only screen and (max-width: 1024px) {
    mheader #menu > div > nav > ul > li > a {
        padding-right:15px;
    }

    mheader #menu > div > nav > ul > li > a {
        font-size: 15px;
    }

    mheader #menu > div > nav > ul > li.submenu div.drop .sub .title {
        font-size: 14px;
    }

}
.submenu .sidebuttontgl.collapsed {color:#6d6d6d}
.submenu .sidebuttontgl.collapsed  a {color:#6d6d6d}
.submenu a.sidebuttontgl.da {color:#6d6d6d}

mheader #menu > div > nav > ul > li > a:hover,
mheader #menu > div > nav > ul > li.active > a {
    color: var(--psw-orange);
}

mheader #menu > div > nav > ul > li.search {
    position: absolute;
    right: 6px;
    top: 12px;
    background: url(../Images/search.png);
    background-size: 25px;
    height: 25px;
    width: 25px;
    margin: 0;
}

mheader #menu #searchinput {
    display: none;
    position: absolute;
    top: 60px;
    right: 0;
}

mheader #menu #searchinput.show {
    display: block;
}

mheader #menu #searchinput .input {
    background-color: #fff;
    box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1);
    width: 100%;
    height: 60px;
}

mheader #menu #searchinput .input .icon {
    position: absolute;
    right: 42px;
    top: 20px;
    background: url(../Images/searchinput.png) no-repeat;
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
    margin: 0;
}

mheader #menu #searchinput .kesearch_searchbox.input .icon {
    right: 28px;
}

mheader #menu #searchinput input{
    width: 100%;
    height: 100%;

    border: none;
    border-radius: 0;

    outline: none!important;
    padding-right: 60px;
}

mheader #menu > div > nav > ul > li.login{
    display: none;
}

mheader #menu > div > nav > ul > li.submenu > div{
    display: none;
    background-color: #fff;
    box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.1);

    position: absolute;
    top: 140px;
    left: 50%;
    transform: translate(-50%, -50%);

    width: 100%;
    min-height: 100px;
    max-height: 610px;
    height: auto;
    overflow: hidden;

    z-index: 1000;

    padding: 0;
}

mheader #menu > div > nav > ul > li.submenu.mega > div{
    top: 339px;
}

mheader #menu > div > nav > ul > li.submenu div.show{
    display: block;
}


mheader #menu > div > nav > ul > li.submenu div.drop .sub{
    width: calc(100% - 299px);
    position: absolute;
}

mheader #menu > div > nav > ul > li.submenu div.drop .sub.row{
    margin: 40px 0 0;
}

mheader #menu > div > nav > ul > li.submenu div.drop .sub .title{
    border-left: 2px solid #00447a;
    padding-left: 10px;

    text-transform: uppercase;
    font-weight: bold;

    margin: 0 0 15px;
}

mheader #menu > div > nav > ul > li.submenu div.drop .sub ul li{
    padding: 10px 0;
    border-bottom: 1px solid #f1f1f1;

    font-size: 15px;
    font-weight: normal;

    list-style: none;
}

mheader #menu > div > nav > ul > li.submenu div.drop .sub ul li a{
    color: #606060;
    display:block;
    text-decoration: none;
}
mheader #menu > div > nav > ul > li.submenu div.drop .sub ul li a:hover{
    color: #202020;

    text-decoration: underline;
}

mheader #menu > div > nav > ul > li.submenu div.drop .brands{
    margin: 30px 0 20px;
}


mheader #menu > div > nav > ul > li.submenu div.drop .brands img{
    margin: 20px 20px 0 0;
}


mheader #menu > div > nav > ul > li.submenu div.drop .productinfo{
    background: url(../Images/AdobeStock_193301133_Preview.png);

    width: 299px;
    height: 578px;

    float: right;

    color: #353535;

    padding: 30px 0 0;
}

mheader #menu > div > nav > ul > li.submenu div.drop .productinfo .title{
    font-size: 24px;
    font-weight: bold;
}

mheader #menu > div > nav > ul > li.submenu div.drop .productinfo .teaser{
    font-size: 16px;
    font-style: italic;

    margin-top: 20px;
}

mheader #menu > div > nav > ul > li.submenu div.drop .productinfo button{
    font-size: 14px;
    font-weight: bold;
    padding: 10px;

    margin-top: 40px;

    border: 2px solid #353535;
    background-color: transparent;

    text-transform: uppercase;
}
mheader #menu > div > nav > ul > li.submenu div.drop .productinfo button a,
mheader #menu > div > nav > ul > li.submenu div.drop .productinfo button a:hover,
mheader #menu > div > nav > ul > li.submenu div.drop .productinfo button a:focus{
    text-decoration: none;
    color: #353535;

}



/**
*
*   HOME SLIDER
*
**/

#homeslider{
    background: url(../Images/slider/sliderbg.jpg);
    width: 100%;
    margin-top: 140px;
    display: flex;
    align-items: center;
    font-family: 'Calibri', Arial, sans-serif;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

#homeslider .carousel-inner{display: flex;    align-items: flex-end;}
#homeslider .carousel-item{
visibility:hidden

}
#homeslider .carousel-item.active{
    visibility:visible

    }
#homeslider a{
    text-decoration: none;
    color: var(--HeaderBackground);

}


#homeslider a .teaser{
    display: block;
    font-size: 19px;
    word-spacing: 1px;
}

#homeslider a button{
    margin-top: 40px;
    padding: 10px 20px;
    background-color: transparent;

    color: #323232;

    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;

    border: 2px solid #323232;
}

#homeslider a img{
    position: absolute;
    right: 10px;
    bottom: 0;
}


#homeslider img.right{
    float: right;
}


.control .prev{
    background-image: url(../Images/slider/prev.png);

    height: 60px;
    width: 60px;
    position: absolute;
    left: 80px;
}
.control .prev:hover{
    background-image: url(../Images/slider/prevh.png);
    border:1px solid #00447a;
    border-radius:30px;
}

.control .next{
    background-image: url(../Images/slider/next.png);

    height: 60px;
    width: 60px;

    position: absolute;
    right: 80px;
}
.control .next:hover{
    background-image: url(../Images/slider/nexth.png);
    border:1px solid #00447a;
    border-radius:30px;
}
#homeslider .carousel{width: 100%;}


/**
*
*   MAIN
*
**/

main {
    flex: 1 0 auto;
    margin-top: 40px;
}

main section {
    position: relative;
    margin-top: 80px;
}

main section:first-child {
    margin-top: 0;
}


main section#quicklinks .text {
    position: absolute;
    top: 0;
    right: 0;

    padding: 0 0 0 20px;
}

main section#quicklinks .marker {
    position: absolute;
    top: 1px;
    left: 25px;

    background: url("../Images/marker.png");
    background-size: 100% 100%;

    height: 58px;
    width: 30px;
}

main section#quicklinks .marker div{
    transform: rotate(90deg);
    position: absolute;
    top: 10px;
    left: 0px;

    color: #fff;

    font-size: 14px;
}

main section#quicklinks .text h2{
    font-size: 24px;
    text-transform: uppercase;
    margin-top: 30px;
}

main section#quicklinks .text .teaser{
    margin-top: 20px;
    font-style: italic;
    font-size: 19px;
}


main section#hotupdates > div{
    background: url("../Images/hotupdates/bg.png");
    background-size: 100% 100%;
    width: 100%;
    height: 158px;

    margin: 0;
    padding: 0 40px;
    display: flex;
    align-items: center;

    font-style: italic;
    font-size: 19px;
}

main section#hotupdates h3{
    font-style: normal;
    text-transform: uppercase;
    font-size: 28px;
}


main section#hotupdates h3 span{
    color: #00447a;
}

main section#hotupdates button{
    background-color: var(--psw-orange);
    border: none;
    color: #fff;
    padding: 10px 20px;

    position: relative;
    left: 20px;

    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
}

main section#news h3 {
    text-transform: uppercase;
    letter-spacing: 2px;

    font-size: 28px;
}

main section#news .entry {
    font-size: 19px;
}

main section#news .date {
    margin-right: 20px;
}

main section#news .highlight {
    color: #00447a;

    font-weight: bold;
}


main section#bestseller > div {
    display: flex;
    align-items: center;
}
#bestseller{margin:20px 80px;width:auto;}

main section .headline {
    margin-bottom: 30px;

    font-size: 21px;
    font-style: italic;

    color: #606060;
}

main section .headline h2{
    font-size: 26px;
    text-transform: uppercase;
    font-style: normal;

    color: #323232;
}
main .header h2{
    font-size: 26px;
    text-transform: uppercase;
    font-style: normal;

    color: #323232;
}

main section#bestseller .products {
    position: relative;
}


main section#bestseller .marker {
    position: absolute;
    top: 1px;
    right: 25px;

    background: url("../Images/marker.png");
    background-size: 100% 100%;

    height: 58px;
    width: 30px;
}

main section#bestseller .marker div{
    transform: rotate(90deg);
    position: absolute;
    top: 15px;
    left: 5px;

    color: #fff;
    font-weight: 600;
    font-size: 14px;
}

main section#bestseller .products .informationen{
    margin-top: 20px;
}

main section#bestseller .products .informationen .title{
    font-size: 19px;
    font-style: italic;
}


main section#bestseller .products .informationen .price{
    font-size: 14px;
}

main section#bestseller .products .informationen .price span{
    font-size: 20px;
    font-weight: bold;
    color: #00447a;
}

main section#bestseller .slick-slide {
    margin: 0 10px;
}

main section#bestseller .slick-list {
    margin: 0 -10px;
}

main section#bestseller .container > div {
    padding: 0;
}

main section#bestseller .control {
    display: flex;
    align-items: center;
}

main section#bestseller .prev {
    background-image: url(../Images/slider/prev.png);

    height: 60px;
    width: 60px;

    position: absolute;
    top: 35%;
    left: -80px;
}
main section#bestseller .prev:hover {

    border:1px solid #00447a;
    background-image: url(../Images/slider/prevh.png);
    border-radius:30px;
}
main section#bestseller .next {
    background-image: url(../Images/slider/next.png);

    height: 60px;
    width: 60px;

    position: absolute;
    top: 35%;
    right: -80px;
}
main section#bestseller .next:hover {

    border:1px solid #00447a;
    background-image: url(../Images/slider/nexth.png);
    border-radius:30px;
}
main section#ecommerce > div{
    background: url("../Images/ecommerce/box.png");
    background-size: 100% 466px;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 640px;

    margin: 0;
    padding: 0 40px;
    display: flex;
    align-items: center;

    font-style: italic;
    font-size: 19px;
}

main section#ecommerce .marker {
    position: absolute;
    top: 0px;
    right: 90px;

    background: url("../Images/marker.png");
    background-size: 100% 100%;

    height: 58px;
    width: 30px;
}

main section#ecommerce .marker div{
    transform: rotate(90deg);
    position: absolute;
    top: 15px;
    left: 3px;

    color: #fff;
    font-weight: 600;
    font-size: 14px;
}

main section#ecommerce .infomationen h3{
    font-size: 23px;
}

main section#ecommerce .infomationen h3 small{
    display: block;
    margin: 10px 0 30px;
    font-size: 18px;
    font-style: italic;

    color: #4e4e4e;
}

main section#ecommerce .infomationen .details{
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 20px;
}

main section#ecommerce .infomationen .details strong{
    font-size: 16px;
    line-height: 30px;
    color: #00447a;

    margin-left: 5px;
}

main section#ecommerce .infomationen .teaser{
    text-align: justify;
    font-size: 16px;
    margin-bottom: 20px;
}

main section#ecommerce .infomationen .price{
    font-size: 30px;
    color: #00447a;

    margin-top: 40px;
}

main section#ecommerce .infomationen .price small{
    font-size: 16px;
    color: #cccccc;
}

main section#ecommerce .infomationen .price small span{
    text-decoration: line-through;
}

main section#ecommerce .infomationen .price button{
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;

    color: #fff;
    background-color: #00447a;
    border: none;

    padding: 10px 20px;

    float: right;
}

main section#aboutus .content{
    margin: 40px 0 100px;
    font-size: 18px;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

main section#aboutus button{
    position: absolute;
    bottom: 0;
    left: 50%;
    right: 50%;
    transform: translate(-50%, -50%);

    color: #353535;
    font-size: 14px;
    font-weight: bold;

    border: 2px solid #353535;
    padding: 10px 20px;

    background-color: transparent;
}

main section#blog .blogentry img{
    width: 100%;
    height: auto;
}

main section#blog .date{
    font-size: 48px;
    font-weight: bold;
}

main section#blog .date small{
    font-size: 14px;
    font-weight: bold;
    color: #00447a;

    text-transform: uppercase;
}

main section#blog h3 {
    position: relative;
    font-size: 14px;
    font-weight: bold;

    text-transform: uppercase;
    margin-bottom: 40px;
    -ms-word-break: break-all;
    word-break: break-all;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    margin-bottom: 50px;
}

main section#blog h3:after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 0;


    width: 15%;
    height: 3px;

    background-color: #00447a;
}

main section#blog .teaser {
    font-size: 15px;

    color: #7b7b7b;
    -ms-word-break: break-all;
    word-break: break-all;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    margin-bottom: 50px;
}

main section#blog .readmore {
    font-size: 14px;
    font-weight: bold;

    text-transform: uppercase;

    color: #00447a;

    position: absolute;
    bottom: 0;
}

main section#logobrand {
    border-top: 2px dotted #efefef;
    border-bottom: 2px dotted #efefef;

    padding: 40px 0;
}

main section#logobrand .sliders .slick-slide{
    height: 96px;
    text-align: center;
    padding-right: 30px;

    display: flex;
    align-items: center;
}

main section#logobrand img {
    width: 100%;
}

main section#logobrand .prev {
    background: url(../Images/slider/prev.png);

    height: 60px;
    width: 60px;

    position: absolute;
    top: 30%;
    left: -90px;
}

main section#logobrand .next {
    background: url(../Images/slider/next.png);

    height: 60px;
    width: 60px;

    position: absolute;
    top: 30%;
    right: -90px;
}


main section#newsletter {
    background: url(../Images/newsletter/bg.png);

    height: 452px;
    width: 100%;

    padding: 40px 0;
}

main section#newsletter:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;

    background: url(../Images/newsletter/newsletter.png) no-repeat;

    height: 452px;
    width: 100%;
}

main section#newsletter .headline {
    margin-top: 50px;

    font-size: 16px;
    font-style: normal;

    color: #606060;
}

main section#newsletter .headline h2{
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 900;

    color: #201f1f;
    margin-bottom: 30px;
}

main section#newsletter .headline small{
    display: block;
    margin-top: 20px;

    font-size: 14px;
}

main section#newsletter .inputarea {
    margin: 10px auto 0;
}

main section#newsletter input {
    padding: 25px 70px 25px 25px;

    background-color: transparent;
    border: 2px solid #cccccc;
    border-radius: 0;

    outline: none;
}

main section#newsletter input::placeholder  {
    color: #fff;
    font-size: 14px;
    font-style: italic;
}

main section#newsletter button {
    background: url("../Images/newsletter/icon.png");
    background-position: 20% 50%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    width: 20px;
    height: 100%;
    border: none;

    position: absolute;
    top: 0;
    right: 15px;

    padding: 20px 30px;

    outline: none;
}

main section#testimonials .testimonial {
    margin: 0 auto;
}

main section#testimonials .person{
    color: #2d2d2d;
    font-size: 16px;
    font-weight: bold;

    margin-bottom: 30px;
}
main section#testimonials .person small {
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #00447a;
}

main section#testimonials .persontestimonial{
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
    color: #606060;

}

main section#testimonials .control{

    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

main section#testimonials img{
    display: unset;
}

main section#testimonials .prev {
    background: url(../Images/testimonials/prev.png);
    background-size: 40px 40px;
    background-repeat: no-repeat;

    height: 40px;
    width: 40px;

    position: absolute;
    top: 30%;
    left: 0px;
}

main section#testimonials .next {
    background: url(../Images/testimonials/next.png);
    background-size: 40px 40px;
    background-repeat: no-repeat;

    height: 40px;
    width: 40px;

    position: absolute;
    top: 30%;
    right: 0px;
}


main section#shipping .box{
    border: 1px dotted #cccccc;
    height: 190px;

    padding-top: 25px;
}

main section#shipping .box:hover{
    border-color: #00447a;
}

main section#shipping .box img{
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);

    opacity: .7;
}

main section#shipping .box:hover img{
    filter: none;
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;

    opacity: 1;
}

main section#shipping .box .text{
    color: #5b5b5b;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;

    margin-top: 20px;
}

main section#shipping .box .text small{
    display: block;
    color: #5b5b5b;
    font-size: 14px;
    font-weight: normal;
    text-transform: none;

    margin-top: 10px;
}

main section#shipping .box:hover .text,
main section#shipping .box:hover .text small{
    color: #00447a;
}



footer{
    position: relative;
    background-color: var(--FooterBackground);
    width: 100%;
    min-height: 500px;
    flex-shrink: 0;
    padding-bottom: 60px;
    margin: 160px 0 0;
}

footer .top {
    content: "";
    z-index: 10;
    margin-top: -1px;
    margin-left: auto;
    margin-right: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 32px 184.5px 0 184.5px;
    border-color: #ffffff transparent transparent transparent;
    line-height: 0px;
    _border-color: #ffffff #000000 #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

footer .scrollup{
     z-index: 20;
     position: absolute;
     top: -15px;
     left: 0;
     right: 0;

     margin-left: auto;
     margin-right: auto;


     background: url("../Images/footerellip.png");
     height: 96px;
     width: 96px;

     cursor: pointer;
 }

footer .container {
    position: relative;
}

footer .container .content{
    color: #fff;
}

footer #footernav {
    margin-top: 100px;
}


footer #footernav h4, footer #footernav p.tc12{
    font-size: 16px;
    color: #fff;

    border-left: 2px solid #00447a;

    padding-left: 20px;
    margin-bottom: 30px;
}

footer #footernav ul{
    list-style: inside;
}

footer #footernav ul li {
    color: #8e8e8e;
}

footer #footernav ul li a, footer #footernav ul li{
    text-decoration: none;
    font-size: 14px;

    color: #8e8e8e;
}
footer #footernav ul li:hover,
footer #footernav ul li a:hover{
    color: #fff;
}

/*footer #footernav .map{
    position: absolute;
    left: -60px;
    bottom: 40px;
    background: url(../Images/map.png);
    height: 179px;
    width: 320px;
}*/



footer #copyright{
    position: absolute;
    bottom: 0;
    width: 100%;
    min-height: 60px;
    margin-top: 20px;
    background-color: var(--HeaderBackground);

    display: flex;
    align-items: center;

    color: #999999;
    font-size: 16px;
    padding-top: 20px;
}


footer #copyright .socialmedia ul{
    list-style: none;
    float: right;
}

footer #copyright .socialmedia ul li{
    position: relative;
    display: inline;
    padding: 0px 20px;
}

footer #copyright .socialmedia ul li:after{
    content: "";
    background: url(../Images/socialmedialine.png);
    height: 20px;
    width: 1px;
    position: absolute;
    top: 1px;
    left: -2px;
}

footer #copyright .socialmedia ul li a{
    font-size: 16px;

    color: #8e8e8e;
}

#mobileoverlay {
    display: none;
}

@media only screen and (max-width: 1440px) {
    #homeslider .control .prev {
        left: 20px;
    }

    #homeslider .control .next {
        right: 20px;
    }
}

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

    main section#quicklinks .text h2 {
        font-size: 20px;
        text-transform: uppercase;
        margin-top: 15px;
    }

    main section#quicklinks .text .teaser {
        margin-top: 16px;
        font-style: italic;
        font-size: 16px;
    }

}

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

/*

    #homeslider a {

        padding-left: 55px;
    }

    #homeslider a h1 {
        margin-top: 80px;
        text-transform: uppercase;
        color: #00447a;
        font-size: 80px;
    }
*/
    main section .headline h2 {
        font-size: 22px;
        text-transform: uppercase;
        font-style: normal;
        color: #323232;
    }

    main section .headline {
        margin-bottom: 30px;
        font-size: 16px;
        font-style: italic;
        color: #606060;
    }

    main section#quicklinks .row > div {
        margin-bottom: 20px;
    }

    main section#news h3 {
        text-transform: uppercase;
        letter-spacing: 2px;
        font-size: 21px;
    }

    main section#news .entry {
        font-size: 14px;
    }

    main section#bestseller .products .informationen .title {
        font-size: 14px;
        font-style: italic;
    }

    main section#bestseller .products .informationen .price {
         font-size: 13px;
     }

    main section#ecommerce > div {
        background: none;
        background-size: 100% 466px;
        background-repeat: no-repeat;
        background-position: center center;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0 40px;
        display: flex;
        align-items: center;
        font-style: italic;
        font-size: 19px;
    }

    main section#ecommerce .infomationen h3 {
        margin-top: 20px;
        font-size: 22px;
    }

    main section#ecommerce .infomationen h3 small {
        display: block;
        margin: 5px 0 30px;
        font-size: 13px;
        font-style: italic;
        color: #4e4e4e;
    }

    main section#ecommerce .infomationen .details {
        font-size: 16px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    main section#ecommerce .infomationen .teaser {
        text-align: justify;
        font-size: 14px;
        margin-bottom: 20px;
    }

    main section#ecommerce .infomationen .price {
        font-size: 24px;
        margin-top: 30px;
    }

    main section#ecommerce .infomationen .price button {
        font-size: 16px;
        float: unset;
        width: 160px;
        margin: 20px 60px 0;
    }

    main section#ecommerce .marker {
        position: absolute;
        top: 0;
        right: 55px;
        background: url(../Images/marker.png);
        background-size: 100% 100%;
        height: 58px;
        width: 30px;
    }

    main section#bestseller .marker {
        position: absolute;
        top: 1px;
        right: 10px;
        background: url(../Images/marker.png);
        background-size: 100% 100%;
        height: 48px;
        width: 30px;
    }

    main section#bestseller .marker div {
        transform: rotate(90deg);
        position: absolute;
        top: 15px;
        left: 6px;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
    }


    main section#aboutus .content {
        margin: 40px 0;
        font-size: 14px;
    }

    main section#aboutus img {
        margin-top: 40px;
    }

    main section#newsletter:before {
        display: none;
    }

    main section#newsletter .headline {
        font-size: 14px;
    }


    main section#shipping .box {
        margin-bottom: 20px;
    }

    main section#testimonials .prev {
        left: -40px;
    }

    main section#testimonials .next {
        right: -40px;
    }

    main section#logobrand a {
        padding: 0 15px;
    }

}

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

    mheader #top {
        height: 0;
        display:block;
    }

    mheader #top #phone,
    mheader #top .phone > img,
    mheader #top #trusted,
    mheader #top button {
        display: none;
    }

    mheader #menu {
        background-color: var(--Blue);
        height: 60px;
    }

    mheader #menu .container {
        position: unset;
    }

    mheader #logo {
        max-width: 200px !important;
        flex: 200px !important;
        padding: 0;
        position: absolute;
        top: 17px;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        filter: brightness(0) invert(1);
    }

    mheader #logo img{
        width: 150px;
        height: auto;
    }

    mheader #menu .mobilemenu {
        display: block;
        color: #fff;
        font-size: 26px;
        padding-top: 0;
        position: absolute;
        top: 11px;
        right: 21px;
    }

    mheader #menu .mobilemenu small {
        display: block;
        font-size: 13px;
        text-transform: uppercase;
        margin-top: -7px;
        margin-left: -1px;
    }

    mheader .mobilesearch {
        position: absolute;
        left: 21px;
        top: 21px;
    }

    mheader .mobilesearch .icon {
        background: url(../Images/searchinput.png) no-repeat;
        background-size: 20px 20px;
        height: 20px;
        width: 20px;
        margin: 0;
        filter: brightness(0) invert(1);
    }

    mheader #menu nav {
        display: none;
    }

    mheader #menu nav.show {
        display: block;
        position: absolute;
        height: 100%;
        min-height: calc(100vh - 50px);
        width: 80%;
        top: 60px;
        left: 0;
        background-color: #f0f0f0;
        border-top: 1px solid #c6c6c6;
        z-index: 100;
        overflow-y: auto;
    }

    mheader #menu > div > nav > ul > li{
        display: block;
        border-bottom: 1px solid #ccc;
    }

    mheader #menu > div > nav > ul > li > a {
        height: auto;
        display: flex;
        align-items: center;
        color: #303030;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 19px;
        padding: 10px 10px 10px 10px;
        margin-left: 50px;
        position: relative;
    }

    mheader .submenu.mega .dropdown-opener {
        position:relative;
        top: 40px;
        left: 20px;
    }

    mheader .submenu.mega .dropdown-opener:before {
        font-family: "Font Awesome 5 Free";
        content: "\f067";
        font-weight: 900;
        font-size: 20px;
        color: #00447a;
    }

    mheader .submenu.mega.show .dropdown-opener:before {
        content: "\f068";
    }

    mheader #menu > div > nav > ul > li.submenu.show > div {
        display: block;
        background-color: transparent;
        box-shadow: none;
        position: static;
        top: 0;
        left: 0;
        transform: none;
        width: 100%;
        min-height: auto;
        height: auto;
        overflow: hidden;
        z-index: 1000;
        padding: 0;
        max-height: unset;
    }

    mheader #menu > div > nav > ul > li.submenu.show > div .brands,
    mheader #menu > div > nav > ul > li.submenu.show > div .productinfo{
        display: none;
    }

    mheader #menu > div > nav > ul > li.submenu div.drop .sub {
        width: 100%;
        position: relative;
        padding-left: 20px;
    }

    mheader #menu > div > nav > ul > li.submenu div.drop .sub .title {
        border-left: 4px solid #00447a;
        padding-left: 10px;
        text-transform: uppercase;
        font-weight: bold;
        margin: 30px 0 10px;
        font-size: 14px;
    }

    mheader #menu > div > nav > ul > li.submenu div.drop .sub > div:first-child .title {
        margin: 0 0 10px;
    }

    mheader #menu > div > nav > ul > li > a:hover,
    mheader #menu > div > nav > ul > li.active > a {
        color: var(--psw-orange);
    }

    mheader #menu > div > nav > ul > li.search{
        display: none;
    }

    mheader #menu > div > nav > ul > li.submenu div.drop .sub.row {
        margin: 0;
    }

    mheader #menu > div > nav > ul > li.submenu div.show {
        display: none;
    }

    mheader #menu > div > nav > ul > li.submenu div.drop .sub ul li {
        padding: 5px 0;
    }

    mheader #menu > div > nav > ul > li.login{
        display: block;
    }

    #homeslider {
        margin-top: 60px;

    }

/*    #homeslider a {
        text-decoration: none;
        color: var(--HeaderBackground);

        padding-left: 0;
    }
    #homeslider a.cta_slider {
        text-decoration: none;
        color: var(--HeaderBackground);
        display:block;
        padding-left: 10px;
        padding-right:10px;
    }

    #homeslider a > div:first-child{
        padding-left: 30px;
    }

    #homeslider a .teaser {
        display: block;
        font-size: 16px;
        word-spacing: 1px;
    }

    #homeslider a h1 {
        margin-top: 50px;
        text-transform: uppercase;
        color: #00447a;
        font-size: 60px;
    }

    #homeslider a h1 small {
         font-size: 18px;
    }
*/
    #homeslider .control .prev {
        background-size: 50px;
        height: 50px;
        width: 50px;
        left: 5px;
    }

    #homeslider .control .next {
        background-size: 50px;
        height: 50px;
        width: 50px;
        right: 5px;
    }

    main section#quicklinks .text h2 {
        font-size: 18px;
        text-transform: uppercase;
        margin-top: 15px;
    }

    main section#quicklinks .text {
        position: absolute;
        top: 0;
        right: 0;
        padding: 0 0 0 10px;
    }

    main section#quicklinks .text .teaser {
        margin-top: 7px;
        font-style: italic;
        font-size: 14px;
    }

    main section#hotupdates button {
        padding: 10px 15px;
        left: 30px;
        font-size: 12px;
    }

    main section#aboutus button {
        position: unset;
        left: 0;
        right: 0;
        transform: unset;
    }

    footer .container .content {
         padding-bottom: 60px;
    }

    footer #footernav .map {
        display: none;
    }

    footer #copyright .socialmedia ul{
        list-style: none;
        float: unset;
        padding-top: 10px;
    }
}

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

    #homeslider {
        margin-top: 50px;
        height: 250px;
    }
 /*   #homeslider p{margin:0;}


    #homeslider a{
        height: 250px;
        padding-left: 0px;
    }

    #homeslider a .img{
        display: none;
    }


    #homeslider a .text{
        text-align: center;
    }

*/
    #homeslider .control {
        display: none;
    }

 /*   #homeslider a h1 {
        margin-top: 25px;
        font-size: 30px;
    }

    #homeslider a h1 small{
        font-size: 18px;
    }

    #homeslider a h1 strong {
        margin-bottom: -5px;
    }

    #homeslider a button {
        margin-top: 20px;
    }
*/
    main section#quicklinks .text h2 {
        font-size: 24px;
        text-transform: uppercase;
        margin-top: 40px;
    }

    main section#quicklinks .text .teaser {
        margin-top: 20px;
        font-style: italic;
        font-size: 16px;
    }

    main section#hotupdates > div {
        background: url("../Images/hotupdates/mobilebg.png");
        background-size: 100% 100%;
        width: 100%;
        height: 158px;

        padding: 0;
    }

    main section#hotupdates h3 {
         font-size: 20px;
    }


    main section#hotupdates h3 span{
         display: block;
    }

    main section#hotupdates button {
        padding: 10px;
        font-size: 13px;
        left: 0;
    }

    main section#hotupdates small{
        display: none;
    }

    main section#quicklinks .text {
        padding: 0 0 0 40px;
    }

    main section#blog .blogentry:not(first-child) {
        margin-top: 30px;
    }

    main section#aboutus button{
        position: unset;
        bottom: 0;
        left: 0;
        right: 0;
        transform: unset;

        color: #353535;
        font-size: 14px;
        font-weight: bold;

        border: 2px solid #353535;
        padding: 10px 20px;

        background-color: transparent;
    }

    footer{
        background: none;
        background-color: #ccc;

        min-height: 100px;
        margin: 0;
    }

    footer #footernav {
        margin-top: 40px;
        padding-bottom: 20px;
    }

    footer #footernav h4{
        position: relative;
        font-size: 16px;
        color: #000000;

        border-left: none;
        margin-bottom: 20px;
        text-transform: uppercase;

        cursor: pointer;
    }

    footer #footernav h4.show{
        margin-bottom: 5px;
    }

    footer #footernav h4:before{
        font-family: "Font Awesome 5 Free";
        content: "\f105";
        display: inline-block;
        vertical-align: middle;
        position: absolute;
        top: -6px;
        left: 0px;
        font-weight: 900;
        font-size: 26px;

        color: #00447a;
        margin-right: 20px;
    }

    footer #footernav h4.show:before{
        content: "\f107";
    }

    footer #footernav ul {
        display: none;
        margin-bottom: 25px;
    }

    footer #footernav ul li{
        list-style: none;
    }

    footer #footernav ul li a{
        color: #272727;
    }

    footer #footernav .row {
        padding: 0 21px;
    }

    footer #footernav ul.show {
        display: flex;
        flex-direction: column;
    }


    footer #copyright {
        background: none;
        background-color: #ccc;
    }

    footer #copyright:before{
        content: "";

        position: absolute;
        top: 0;
        left:0;
        right:0;

        margin-left: auto;
        margin-right: auto;

        width: 95%;
        height: 1px;

        background-color: #adadad;
    }

    footer #copyright .adress {
        display: none;
    }

    footer #copyright .socialmedia ul{
        list-style: none;
        float: none;
    }

    footer #copyright .socialmedia ul li:after {
        display: none;
    }

    footer #copyright .socialmedia ul li a{
        font-size: 18px;
    }

}

@media only screen and (max-width: 375px) {
   /* #homeslider, #homeslider a {
        height: 220px;
    }

    #homeslider a h1 {
        margin-top: 35px;
        font-size: 25px;
    }

    #homeslider a h1 small {
        font-size: 17px;
    }

    #homeslider a .teaser {
         font-size: 14px;
    }

    #homeslider a button {
        margin-top: 12px;
        font-size: 14px;
    }*/
    main section#quicklinks .text h2 {
        font-size: 19px;
        text-transform: uppercase;
        margin-top: 30px;
    }

    main section#quicklinks .text .teaser {
        margin-top: 20px;
        font-style: italic;
        font-size: 14px;
        padding-right: 12px;
    }

    main section#ecommerce > div {
        padding: 0 10px;
        text-align: center;
    }

    main section#ecommerce .infomationen .details,
    main section#ecommerce .infomationen .details strong{
        text-align: left;
        font-size: 14px;
    }

    main section#ecommerce .infomationen .price {
        font-size: 18px;
        margin-top: 30px;
    }

    main section#ecommerce .infomationen .price small {
        font-size: 14px;
        color: #cccccc;
    }

    main section#ecommerce .infomationen .price button {
        font-size: 16px;
        float: unset;
        width: 160px;
        margin: 20px 30px 0;
    }

    main section#aboutus img {
        margin-top: 60px;
    }

    main section#newsletter .headline {
        font-size: 11px;
    }

    main section#testimonials .persontestimonial {
        font-size: 14px;
    }
}

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

    main section#news .entry {
        font-size: 14px;
    }

    main section#news .date {
        margin-right: 10px;
    }

    main section#bestseller .products .informationen .price {
        font-size: 14px;
    }

    main section#bestseller .products .informationen .price span {
        font-size: 13px;
        font-weight: bold;
        color: #00447a;
    }
}


#logo .ce-gallery {
    margin-bottom: 0px;
}

#phone p {
    margin-top: 0;
    margin-bottom: 0;
}

#phone a {
    color: #00447a;
}

#top .btn-nav {
    background-color: var(--psw-orange);
    color: white;
    border-radius: 0px;
    border: 0px;
    margin-left: 5px;
}


a.none {
    color: inherit;
    text-decoration: none;
}


a.tpartner
{
    margin: 10px;
}

#logobrand .slick-slide {
    padding: 15px;
}

#logobrand img{
    max-height: 80px;
}

.mainseparator
{
    padding-top: 100px;
    padding-bottom: 60px;
    width: 100%;
}

fieldset {
    margin: 15px 0 0;
    margin-top: 15px;
    margin-bottom: 0px;
    padding: 0;
}

fieldset.pagetitle {
    margin-top: 0px;
    margin-bottom: 50px;
    text-align: center;
    border: 0;
        border-top-color: currentcolor;
        border-top-style: none;
        border-top-width: 0px;
    border-top: 1px solid #bcbcbc;
}

legend
{
    font-weight: lighter;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    color: #565656;
    border: 0;
    outline: 0;
    background: 0 0;
}

header {
    width: 100%;
}

h1.tc10 {
    color: #9d9d9d;
    font-size: 48px;
    margin-bottom: 5px;
}

.tcsep {
    width: 50px;
    height: 4px;
    background-color: #00447a;
    margin-bottom: 30px;
}


.frame-layout-1
{
    width: 100%;
}

.powermail_form_1 h3, .powermail_form_4 h3, .powermail_form_2 h3 {
    height: 0px;
    overflow: hidden;
    visibility: hidden;
}

.powermail_field {
    width: calc(50% - 20px);
    float: left;
}
.powermail_fieldwrap_space + div{clear:both;}
.powermail_form_1 .powermail_fieldwrap_type_check, .powermail_form_4 .powermail_fieldwrap_type_check,
.powermail_form_2 .powermail_fieldwrap_type_check {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    float: left;
}

.powermail_form_1 .powermail_fieldwrap_marker, .powermail_form_4 .powermail_fieldwrap_marker,
.powermail_form_2 .powermail_fieldwrap_marker {
    width: 100%;
    float: left;
    font-size: 20px;
    color: #00447a;
    margin-bottom: 20px;
}

input.powermail_input, .powermail_select{
    width: 95%;
    padding: 8px;
    margin-bottom: 20px;
}

.powermail_select {
    padding: 11px;
}

.powermail_form_1 .powermail_submit, .powermail_form_4 .powermail_submit, .powermail_form_2 .powermail_submit
{
    width: 95%;
}

h2.tc11, h4.tc11 {
    color: #00447a;
    margin-bottom: 20px;
}



@media only screen and (max-width: 600px) {
    .powermail_form_1 .powermail_submit, .powermail_form_1 .powermail_field, .powermail_form_4 .powermail_submit, .powermail_form_4 .powermail_field,
    .powermail_form_2 .powermail_submit, .powermail_form_2 .powermail_field
    {
        width: 100%;
    }

    .powermail_form_1 .powermail_submit, .powermail_form_4 .powermail_submit,
    .powermail_form_2 .powermail_submit
    {
        margin-bottom: 30px;
    }

    .wrow
    {
        margin-left: 0px;
        margin-right: 0px;
    }

    .mainseparator
    {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .twwc
    {
        height: 0px !important;
        overflow: hidden !important;
        visibility: hidden !important;
        margin: 0px !important;
        min-height: 0px !important;
    }

    .twwt
    {
        width: 100%;
        height: 40px;
    }

  }

  .undersliderbg
  {
      background-image: url('../Images/slider/sliderbg.jpg');
      width: 100%;
      height: auto;
      overflow-y: auto;
      min-height: 350px;
      margin-top: 140px;
  }

  a.wus_button {
      font-size: 18px;
      color: white;
      background-color: var(--psw-orange);
      padding: 15px;
  }

  a.wus_button:hover
  {
      color: white;
      text-decoration: none;
  }

  .row .frame {
      width: 100%;
  }



  fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
    }

  fieldset.pagetitle {
    margin-bottom: 50px;
    text-align: center;
    border: 0;
        border-top-color: currentcolor;
        border-top-style: none;
        border-top-width: 0px;
    border-top: 1px solid #bcbcbc;
    font-weight: 400;
    }

    fieldset.pagetitle legend {
        width: auto;
        margin: 0 auto;
    }

    fieldset.pagetitle legend h1, div#main div.container h2 {
        word-break: inherit;
    }

    .container {
        font-family: 'Calibri', Arial, sans-serif;
    }

    .tbtopcl {
        width: 100%; height: 140px;
    }

    .sidetitle {
        font-size: 18px;
        color: #121212;
        text-transform: uppercase;
    }

    .undersidetitle {
        width: 20%;
        height: 2px;
        background: #121212;
        margin-bottom: 20px;
    }

    .sidebuttontgl {
        border: none;
        background-color: inherit;
        color: #00447a;
        width: 100%;
        text-align: left;
        text-transform: uppercase;
        padding: 0px;
        margin: 0px;
        font-weight: bold;
        letter-spacing: 0.3px;
        border-bottom: 1px solid #ededed;
    }

    ul.left-bar-products {
        margin-bottom: 18px;
    }

    .left-bar-products li {
        list-style-type: none;
        color: #8d8d8d;
    }

    .aptbtn.active {
        background-color: #94c11c;
        color: white;
        font-weight: bolder;
    }

    .aptbtn {
        height: 100% !important;
        background-color: white;
        color: #9d9d9d;
        border-radius: 0px;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    .aptbtn:hover {
        color: inherit !important;
    }

    .btn-group.btn-group-toggle .btn:focus, .btn-group.btn-group-toggle .btn.focus {
        box-shadow: none;
    }

    .tw-description div[style] {
        font-family: 'Calibri', Arial, sans-serif;
        font-size: 16px !important;
        color: #232323 !important;
    }

    .tw-header h1 {
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #000;
        line-height: 0.1em;
        margin: 10px 0 20px;
     }

     .tw-header h1 span {
         background:#fff;
         padding:0 10px;
         font-weight: 200;
     }

     .btn.bgIcons-einkaufswagen {
        background-image: url('/fileadmin/template/img/einkaufswagen.png');
        padding-right: 45px;
        background-repeat: no-repeat;
        background-position: 93% 50%;
        background-position-x: 93%;

     }

     .btn.btn-bgGruen, .bgGruen, .bgGreen, .bg-success {
        background-color: #94c11c;
     }

     .bg-primary,
     .bg-primary:hover,
     .bg-primary:focus,
     .bgBlue,
     .bgBlue:hover,
     .bgBlue:focus,
     .powermail_fieldwrap_type_submit.layout1 .powermail_submit,
     .powermail_fieldwrap_type_submit.layout1 .powermail_submit:hover,
     .powermail_fieldwrap_type_submit.layout1 .powermail_submit:focus {
        background-color: var(--Blue) !important;
     }

     .button.bg-primary,
     .bg-primary:hover,
     .bg-primary:focus, 
     .button.bgBlue,
     .bgBlue:hover,
     .bgBlue:focus,
     .powermail_fieldwrap_type_submit.layout1 .powermail_submit,
     .powermail_fieldwrap_type_submit.layout1 .powermail_submit:hover,
     .powermail_fieldwrap_type_submit.layout1 .powermail_submit:focus {
        background: none;
     }

     .tw-orderBtn .btn {
        font-weight: bold;
        color: #FFFFFF;
        text-decoration: none;
        font-size: 120%;
        text-transform: uppercase;
        line-height: 1.3;
        text-align: left !important;
        background-repeat: no-repeat;
        border-radius: 0;
        padding: 12px 15px;
        float: right !important;

     }

     .tw-orderBtn .btn:focus {
        box-shadow: none;
     }


     div.ssl-productbox div.inhalt div.icons span.available, span.available {
        width: 23px;
        height: 22px;
        margin-top: 10px;
        background: url('/fileadmin/template/img/psw_group_sprite.png') -355px -3px;
            background-position-x: -355px;
            background-position-y: -3px;
            background-repeat: repeat;
        background-repeat: no-repeat;
        background-position: -355px -3px;
        background-position-x: -355px;
        background-position-y: -3px;
        padding-right: 11px;
    }

    .rowtable
    {
        display: table !important;
    }

    .coltable
    {
        display: table-cell! important;
        vertical-align:middle;
    }

    /*VERFÜGBAR / NICHT VERFÜGBAR*/

    span.not_available {
        width: 22px;
        height: 20px;
        margin-top: 10px;
        background: url('/fileadmin/template/img/psw_group_sprite.png') -355px -3px;
            background-position-x: -355px;
            background-position-y: -3px;
            background-repeat: repeat;
        background-repeat: no-repeat;
        background-position: -355px -33px;
        background-position-x: -355px;
        background-position-y: -33px;
        padding-right: 11px;
    }

    .col-md-3.coltable.text-center {
        min-width: 85px;
    }

    /*SPRITES*/

    .sprite_einzel_ssl-zertifikat {
        background-image: url('/fileadmin/template/img/einzel_ssl-zertifikat.png');
        background-repeat: no-repeat;
        background-size: 405px 27px;
        display: block;
    }

    item_warranty {
        min-width: 50%;
    }

    span.warranty {
        background-position-x: -278px;
        background-position-y: -0px;
        width: 22px;
        height: 27px;
        margin: 9px 5px 9px 5px;
    }

    span.dyn_trustlogo {
        background-position-x: -78px;
        background-position-y: -2px;
        width: 16px;
        height: 25px;
        margin: 9px 0px 9px 5px;
    }

    span.schnelle_ausstellung {
        background-position-x: 0px;
        background-position-y: -2px;
        width: 21px;
        height: 25px;
        margin: 9px 0px 9px 5px;
    }

    span.gratis_domain {
        background-position-x: -327px;
        background-position-y: -0px;
        width: 36px;
        height: 27px;
        margin: 9px 5px 9px 5px;
    }

    .sidebarb {
        border-bottom: 1px solid #dadada;
        min-width: 100%;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .left-bar-link, .left-bar-link:hover {
        color: #808080;
        line-height: 30px;
    }






    /*Preis Slider Linke Bar*/

    .pslider {
        -webkit-appearance: none;
        width: 100%;
        height: 15px;
        border-radius: 5px;
        background: #d3d3d3;
        outline: none;
        opacity: 1;
        -webkit-transition: .2s;
        transition: opacity .2s;
      }

      .pslider::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background: #00447a;
        border: none;
        cursor: pointer;
      }

      .pslider::-moz-range-thumb {
        width: 25px;
        height: 25px;
        border-radius: 50%;
        border: none;
        background: #00447a;
        cursor: pointer;
      }


      .powermail_fieldset_2 .powermail_fieldwrap_type_textarea .powermail_field,
      .powermail_fieldset_2 .powermail_fieldwrap_datenschutzerklrung .powermail_field{
          width: 100%;
      }

        .powermail_field_ihreanfrage, textarea#powermail_field_ihreanfrage {
            width: 94%;
        }


    .btn.btn-danger {
        background-color: white;
        color: #dc3545;
        border-radius: 0px;
        border: 2px solid #dc3545;
        margin-right: 15px;
        padding: 8px 20px;
    }

    .btn.btn-danger:hover {
        color: white;
        background-color: #dc3545;
    }

section#shipping{width:100%;}
    .sprite-zertifizierer {
        background-image:url('/fileadmin/template/img/zertifizierer-sprite-05-2020.png');
        background-repeat:no-repeat;
        background-size:3262px 140px;
        display:inline-block;
       }
       .sprite-symantec {
        width:171px;
        height:48px;
        background-position:-3090px -15px;
        background-position-x:-3090px;
        background-position-y:-15px;
       }
       .sprite-symantec.grau {
        background-position:-3091px -82px !important;
        background-position-x:-3091px !important;
        background-position-y:-82px !important;
       }
       .sprite-atos {
        width:121px;
        height:39px;
        background-position:-2659px -16px !important;
       }
       .sprite-atos.grau {
        background-position:-2659px -84px !important;
        background-position-x:-2659px !important;
        background-position-y:-84px !important;
       }
       .sprite-bdr {
        width:104px;
        height:47px;
        background-position:-2987px -13px !important;
       }
       .sprite-bdr.grau {
        background-position:-2978px -85px !important;
        background-position-x:-2978px !important;
        background-position-y:-85px !important;
       }
       .sprite-digicert {
        width:171px;
        height:48px;
        background-position:-3090px -15px;
        background-position-x:-3090px;
        background-position-y:-15px;
       }
       .sprite-digicert.grau {
        background-position:-3091px -82px !important;
        background-position-x:-3091px !important;
        background-position-y:-82px !important;
       }
       .sprite-digicert-platinum {
        width:171px;
        height:48px;
        background-position:-3090px -15px;
        background-position-x:-3090px;
        background-position-y:-15px;
        zoom:.8;
        margin-top:20px;
       }
       .sprite-digicert-platinum.grau {
        background-position:-3091px -82px !important;
        background-position-x:-3091px !important;
        background-position-y:-82px !important;
        zoom:.8;
        margin-top:20px;
       }
       .sprite-thawte {
        width:102px;
        height:58px;
        background-position:-157px -5px;
        background-position-x:-157px;
        background-position-y:-5px;
        margin-top:1px;
       }
       .sprite-thawte.grau {
        background-position:-157px -77px !important;
        background-position-x:-157px !important;
        background-position-y:-77px !important;
       }
       .sprite-geotrust {
        width:116px;
        height:54px;
        background-position:-305px -9px;
        background-position-x:-305px;
        background-position-y:-9px;
        margin-top:6px;
       }
       .sprite-geotrust.grau {
        background-position:-305px -81px !important;
        background-position-x:-305px !important;
        background-position-y:-81px !important;
       }
       .sprite-comodo {
        width:111px;
        height:33px;
        background-position:-461px -18px;
        background-position-x:-460px;
        background-position-y:-18px;
        margin-top:6px;
       }
       .sprite-comodo.grau {
        background-position:-461px -90px !important;
        background-position-x:-460px !important;
        background-position-y:-90px !important;
       }
       .sprite-sectigo {
        width:150px;
        height:50px;
        background-position:-1801px -13px;
        ;
        background-position-x:-1801px;
        background-position-y:-13px;
       }
       .sprite-sectigo.grau {
        background-position:-1801px -81px;
        background-position-x:-1801px;
        background-position-y:-81px;
       }
       .sprite-globalsign {
        width:117px;
        height:37px;
        background-position:-614px -15px;
        background-position-x:-614px;
        background-position-y:-15px;
        margin-top:6px;
       }
       .sprite-globalsign.grau {
        background-position:-614px -87px !important;
        background-position-x:-614px !important;
        background-position-y:-87px !important;
       }
       .sprite-swisssign {
        width:157px;
        height:28px;
        background-position:-1995px -24px;
        background-position-x:-1995px;
        background-position-y:-24px;
        margin-top:20px;
        margin-bottom:5px;
       }
       .sprite-swisssign.grau {
        background-position:-1995px -85px !important;
        background-position-x:-1995px !important;
        background-position-y:-85px !important;
       }
       .sprite-certum {
        width:126px;
        height:40px;
        background-position:-917px -13px;
        background-position-x:-917px;
        background-position-y:-13px;
        margin-top:0px;
       }
       .sprite-certum.grau {
        background-position:-917px -85px !important;
        background-position-x:-917px !important;
        background-position-y:-85px !important;
       }
       .sprite-rapidssl {
        width:115px;
        height:27px;
        background-position:-1086px -20px;
        background-position-x:-1086px;
        background-position-y:-20px;
        margin-top:6px;
       }
       .sprite-rapidssl.grau {
        background-position:-1086px -92px !important;
        background-position-x:-1086px !important;
        background-position-y:-92px !important;
       }
       .sprite-alphassl {
        width:184px;
        height:46px;
        background-position:-2794px -14px;
        background-position-x:-2794px;
        background-position-y:-14px;
        margin-top:13px;
       }
       .sprite-alphassl.grau {
        background-position:-2794px -85px !important;
        background-position-x:-2794px !important;
        background-position-y:-85px !important;
       }

       .sprite-godaddy {
        width:153px;
        height:67px;
        background-position:-1444px 0px;
        background-position-x:-1444px;
        background-position-y:0px;
       }

       .sprite-godaddy.grau {
        background-position:-1444px -72px !important;
        background-position-x:-1444px !important;
        background-position-y:-72px !important;
       }

       .sprite-trustwave {
        width:159px;
        height:31px;
        background-position:-1809px -23px;
        background-position-x:-1809px;
        background-position-y:-23px;
       }

       .sprite-trustwave.grau {
        background-position:-1809px -85px !important;
        background-position-x:-1809px !important;
        background-position-y:-85px !important;
       }

       .sprite-protectr,
       .sprite-procilon {
        background-repeat:no-repeat;
        background-position:-756px -18px;
        background-position-x:-756px;
        background-position-y:-18px;
        width:137px;
        height:24px;
       }

       .sprite-protectr,
       .sprite-procilon.grau {
        background-position:-756px -93px !important;
        background-position-x:-756px !important;
        background-position-y:-93px !important;
       }

    .sidebuttontgl .sidebar-icon {
        float: right;
    }

    .sidebuttontgl.collapsed .sidebar-icon::before {
         content: "\f067";
    }

    .sidebuttontgl .sidebar-icon::before {
         content: "\f068";
    }

    .left-bar-products a {
        color: #6d6d6d;
        text-decoration: none;
        font-weight: normal;
        line-height: 27px;
    }
    .left-bar-products a:hover {
        text-decoration: underline;
    }
    .left-bar-products a.active {
        color: #00447a;
    }
    .product_list .product_list_image{

        width: auto;

        max-width: 255px;
        background-color: #f0f0f0;
        margin-bottom: 13px;
    }

    .product_list .product_name {
        color: #808080;
        width: 100%;
        min-width: 100%;
        margin-bottom: 13px;
    }
    .product_list i.product_price {
        color: #00447a;
        text-transform: none;
        font-style: normal;
        font-size: 24px;
        font-weight: bolder;
        margin-right: 8px;
    }

    .product_list i.product_price_info {
        text-transform: none;
        color: #808080;
    }

    .product_list .product_laufzeit .dropdown-toggle, .product_list .product_laufzeit .dropdown-menu, .product_item .product_laufzeit .dropdown-toggle, .product_list .product_laufzeit .dropdown-menu {
        width: 100%;
        text-align: left;
    }


    .product_item .product_laufzeit .dropdown-toggle::after, .product_list .product_laufzeit .dropdown-toggle::after {
        float: right;
        margin-top: 10px;
    }

    .product_item .product_image{
        width: 100%;
        background-color: #f0f0f0;
        margin-bottom: 13px;
    }

    .product_item .product_title {
        color: #343434;
        margin-bottom: 25px;
        margin-top: 0px;
        font-size: 35px;
        line-height: 36px;
        font-weight: bolder;
    }

    .product_item .product_descr, .product_item .product_descr div, .product_item .product_descr span {
        font-family: 'Calibri', Arial, sans-serif;
        color: #6d6d6d;
    }

    .product_item i.product_price {
        color: #00447a;
        text-transform: none;
        font-style: normal;
        font-size: 36px;
        font-weight: bolder;
        margin-right: 8px;
        width: 100%;
        display: block;
        text-align: center;
    }

    .product_item i.product_price_info {
        text-transform: none;
        color: #808080;
        width: 100%;
        display: block;
        margin-bottom: 20px;
        text-align: center;
    }

    .product_item a.btn-ordernow {
        color: white;
        background: #00447a;
        border: none;
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 22px;
        font-weight: bolder;
        margin-bottom: 30px;
        cursor: pointer;
    }

    .product_props .nav .nav-link.active {
        border-top: none;
        border-top: 2px solid var(--psw-orange);
        color: var(--psw-orange);
    }

    .product_props .nav .nav-link {
        padding: 10px 30px;
        font-size: 21px;
        font-weight: bold;
        text-transform: uppercase;
    }
    .tab-content.p-5{padding:30px!important;}
    .product_props .nav a.nav-link {
        color: #343434;
    }

    .product_props .nav-tabs .nav-link {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }

    .product_props .tab-pane {
        font-size: 22px;
        color: #6d6d6d;
    }

    .product_item .select-laufzeit {
        margin-bottom: 30px;
    }

    a.specialofferbuy {
        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #fff;
        background-color: #00447a;
        border: none;
        padding: 10px 20px;
        float: right;
    }



.image-center{text-align:center;}



    /*Produkte Mobilansicht*/
    @media only screen and (max-width: 600px) {
        .product_item .nav-item {
            width: 100%;
            text-align: center;
        }

        .breadcrumb-line {
            visibility: hidden;
            height: 0px;
        }

        .tbtopcl{
            height: 30px;
        }
      }



    .prodImage {
        max-width: 100%;
        width: 100%;
        height:auto;

    }

    .custom_prodImage_badge {
        position: absolute;
        top: 1px;
        left: 25px;
        background: url("../Images/marker.png");
            background-size: auto;
        background-size: 100% 100%;
        height: 58px;
        width: 30px;
    }

    .custom_prodImage_badge div {
        transform: rotate(90deg);
        position: absolute;
        top: 10px;
        left: 0px;
        color: #fff;
        font-size: 14px;
    }



    .product_list .f3-widget-paginator {
        width: calc(100% - 40px);
        padding: 20px;
    }

    .product_list .f3-widget-paginator li
    {
        list-style: none;
        float: left;
        margin-right: 15px;
    }

    .product_list .f3-widget-paginator li a {
        list-style: none;
        float: left;
        padding: 6px;
        border-radius: 100%;
        background-color: #dadada;
        width: 38px;
        height: 38px;
        text-align: center;
    }

    .product_list .f3-widget-paginator li a {
        color: black;
    }

    .product_list .f3-widget-paginator li.current
    {
        color: white;
        background: #00447a;
        padding: 6px;
        border-radius: 100%;
        width: 38px;
        height: 38px;
        text-align: center;
    }

    .priceFilterButton {
        background: var(--psw-orange);
        color: white;
        font-weight: 500;
        border: 0px;
        padding: 4px 20px;
    }


    h4.tc11 {
        margin-top: 25px;
        margin-bottom: 10px !important;
    }


    /* Rahmen für Content Elemente */
    .frame-10 {
        background: #252525;
        color: white;
    }

    .bgdark-grid p {
        color: white;
    }

    .bgdark-grid h2.tc13 {
        color: white;
        text-align: center;
        font-weight: 300;
    }

    .container.text-center.twwc {
        padding: 0px;
    }


    #homeslider p {
        color: #303030;
        margin:0;
    }

    .cta_slider {
        margin-top: 40px;
        padding: 10px 20px;
        background-color: white;
        color: #323232;
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        border: 2px solid #323232;
        text-decoration: none;
    }
    #homeslider a.cta_slider {
        margin-top: 15px;
        padding: 10px 20px;
        background-color: white;
        color: #323232;
        font-size: 14px;
        display:inline-block;
        height:auto;
        font-weight: bold;
        text-transform: uppercase;
        border: 2px solid #323232;
        text-decoration: none;
    }
    #homeslider a.cta_slider:hover {
        background-color: #323232;
    }
        .cta_slider:hover {
        text-decoration: underline;
    }

    span.text_middle_sized_slider {
        display: block;
        font-size: 24px !important;
        letter-spacing: 2px;
        color: #303030;
    }

    span.introtext_slider {
        font-size: 16px;
        font-weight: normal;
        text-transform: uppercase;
    }

    span.text_middle_bold {
        display: block;
        font-weight: bold;
        text-transform: uppercase;
        color: #303030;
        font-size: 48px !important;;
    }

    span.text_middle {
        display: block;
        font-weight: normal;
        text-transform: uppercase;
        color: #00447a;
        font-size: 48px !important;
    }

    strong span.text_middle {
        font-weight: 600;
    }
#homeslider .carousel-item{
display:flex;

}
#homeslider .carousel-item.image-align{

flex-direction: row-reverse;
}
#homeslider .carousel-item img{

max-width:100%;
height:auto;
min-height:0px;
}
    #homeslider .carousel-caption {
        text-align: inherit !important;
        top:0px;
        display:table-cell;
        vertical-align: middle;
        line-height: 1.3;
        left:0;right:0;
        position:relative;
        padding-top: 20px;
        padding-bottom: 20px;
        align-items: center;
        display:flex;
    }
    #homeslider .image-bottom{        align-items: flex-end;
    padding-top:20px;
        display:flex;}
        #homeslider .image-bottom > div {   display:table-cell;}
    #homeslider .carousel-caption .carousel-text {   display:table-cell;}
    @media (min-width: 800px){
       #homeslider .col-md-5{flex: 0 0 50%;max-width: 50%;}
        #homeslider .col-md-7{flex: 0 0 50%;}
        .homeslider-big #homeslider .col-md-5{flex: 0 0 58.333333%;max-width: 58.333333%;}
        .homeslider-big #homeslider .col-md-7{flex: 0 0 41.666667%;}

    }
    @media (max-width: 799px){
        #homeslider .col-md-5 img{width:0;display:none;}
         #homeslider .col-md-7 img{width:0;display:none;}
         .homeslider-big #homeslider .col-md-5 img{width:0;display:none;}
         .homeslider-big #homeslider .col-md-7 img{width:0;display:none;}
         #homeslider .col-md-5 .image-bottom{width:0;display:none;}
         #homeslider .col-md-7 .image-bottom{width:0;display:none;}
         .homeslider-big #homeslider .col-md-5 .image-bottom{width:0;display:none;}
         .homeslider-big #homeslider .col-md-7 .image-bottom{width:0;display:none;}
         #homeslider .col-md-5{flex: 0 0 100%;max-width:100%;}
         #homeslider .col-md-7{flex: 0 0 100%;max-width:100%;}
         .homeslider-big #homeslider .col-md-5{flex: 0 0 100%;max-width:100%;}
         .homeslider-big #homeslider .col-md-7{flex: 0 0 100%;max-width:100%;}


     }

    @media only screen and (max-width: 1450px){
        #homeslider span.text_middle_bold {

            font-size: 36px !important;
        }
        #homeslider span.text_middle {
            font-size: 36px !important;
        }
    }
    @media only screen and (max-width: 800px){
        #homeslider span.text_middle_bold {
            font-size: 30px !important;
        }
        #homeslider span.text_middle {
            font-size: 30px !important            ;
        }
        #homeslider .image-bottom{display:none;}
    }

    .carousel-control-next-icon
    {
        background: url(../Images/slider/next.png);
        height: 60px;
        width: 60px;
        position: absolute;
        right: 80px;
    }

    .carousel-control-prev-icon{
        background: url(../Images/slider/prev.png);
        height: 60px;
        width: 60px;
        position: absolute;
        left: 80px;
    }

    #ke_search_sword {
        position: static !important;
    }

    .tx-kesearch-pi1 {
        position: relative;
    }

    .tx-kesearch-pi1 input[type="search"]#ke_search_sword {
        color: #495057;
        border: 1px solid #ced4da;
        font-size: 1rem;
        font-family: 'Calibri', Arial, sans-serif;
    }

    .tx-kesearch-pi1 input[type="search"]#ke_search_sword::placeholder {
        font-size: 1rem;
        font-family: 'Calibri', Arial, sans-serif;
    }

    .tx-kesearch-pi1 #kesearch_num_results {
        color: #212529;
        float: none;
        font-size: 100%;
    }

    #searchinput input[type="submit"].icon {
        position: absolute;
        right: 42px;
        top: 20px;
        background: url(../Images/searchinput.png) no-repeat;
        background-size: auto;
        background-size: 20px 20px;
        height: 20px;
        width: 20px;
        margin: 0;
        border: 0px;
        padding-right: 0px !important;
        text-indent: -999px;
    }

    #searchinput input[type="text"].form-control,
    #searchinput input[type="search"].form-control {
        height: 60px !important;
    }

    #menu #searchinput .tx-indexedsearch-info-sword, #menu #searchinput .tx-indexedsearch-browsebox, #menu #searchinput .tx-indexedsearch-res, .main_content .input {
        visibility: hidden;
        overflow: hidden;
        height: 0px;
    }




    @media only screen and (min-width: 600px) {

    #footernav .frame {
        min-height: 330px;
    }

    }

    #footernav .frame li {
        list-style: none;
        margin-bottom: 5px;
    }

    #footernav .frame h4.tc12, #footernav .frame p.tc12 {
        margin-bottom: 15px;
        line-height: 1.2;
    }

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

    main section#hotupdates small{
        display: none;
    }
        #homeslider img.d-block.w-100 {
            display: block;
            visibility: hidden;
            padding: 0px;
            margin: 0px;
            overflow: hidden;
        }
        .carousel-caption{left:5%;right:5%;}
        #footernav .col-md-2 .frame {
            min-height: 30px;
        }

        #footernav .col-md-2 .frame li {
            display: block;
            margin-bottom: 10px;
            float: unset;
            height: 20px;
            width: 100%;
            position: unset;
        }

        main, #quicklinks
        {

                flex: none !important;
                max-width: 100%;
        }

        #hotupdates .row {
            background-size: cover;
        }

      }

      @media only screen and (min-width: 600px) and (max-width: 768px) {

        #hotupdates .row {
            background-size: cover;
        }
    }

    .w-100 {
        width: 100% !important;
        height: auto;
    }

      .testimonial img {
          border-radius: 100%;
      }

      img.image-embed-item {
          max-width: 100%;
      }



      /*Header Anchor Fix:*/
      :target:before {
        content: "";
        display: block;
        height: 140px; /* same as your fixed header height */
        margin: -140px 0 0; /* negative fixed header height */
    }

    .breadcrumb {
        background-color: white !important;
        padding: 0px;
    }

    .breadcrumb-item + .breadcrumb-item::before {
        display: inline-block;
        padding-right: .9rem;
    }

    .breadcrumb-item + .breadcrumb-item {
        padding-left: .9rem;
    }

    .breadcrumb-item a {
        color:#606060;
    }

    .breadcrumb-item.active a {
        color:#00447a;
    }




    .breadcrumb {
        border-radius: 0px;
    }


    .product_list .dropdown-toggle {
        border-radius: 0px;
        border: none;
        color: #343434;
    }

    .product_list .dropdown-toggle::after {
        float: right;
        margin-top: 10px;
    }

    .product_list .dropdown-menu {
        border-radius: 0px;
    }


    .tx-indexedsearch-browsebox
    {
        width: 100%;
        height: auto;
        margin: 0px;
        padding: 0px;
        padding-bottom: 20px;
        margin-top: 10px;
    }
    .tx-indexedsearch-browsebox li
    {
        padding: 0px;
        margin: 0px;
        float: left;
        list-style: none;
        margin-right: 20px;
    }


    .product_list a sup {
        top: .35em;
        font-size: 24px;
        float: right;
        color: #212529;
        font-family: arial;
    }

    .product_list .btn.btn-light.btn-block {
        text-align: left;
    }

    .iconCardElement .cardicon {
        font-size: 52px;
    }

    .iconCardElement .cardheader {
        font-size: 20px;
        text-transform: uppercase;
    }


    .btn-outline-primary, .btn-outline-primary:hover {
        padding: 10px 20px;
        background-color: transparent;
        color: #323232;
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        border: 2px solid #323232;
        text-decoration: none;
        border-radius: 0px;
    }

    .card-header {
        font-weight: bold
    }

    .pricingcard .card-header {
        font-weight: bold !important;
        text-transform: uppercase;
        font-family: 'Calibri', Arial, sans-serif;
    }


    .collapseleft .btn-primary, .btn-primary, .powermail_submit, a.ansehenbutton{
        padding: 10px 20px;
        background-color: transparent;
        color: #323232;
        font-size: 14px;
        font-weight: bold;
        text-transform: uppercase;
        border: 2px solid #323232;
        text-decoration: none;
        border-radius: 0px;
    }

    .collapseleft .card {
        border-radius: 0px;
        border: 2px solid #323232;
    }

    .btn-primary:hover, .btn-primary:focus, a.ansehenbutton:hover {
        background: #323232;
        color: white;
        border: 2px solid #323232;
    }

    collapseleft {
        min-width: 100%;
    }


    ul.liste-mit-haken {
        list-style: none;
    }

    ul.liste-mit-haken li:before {
      content: '✓ ';
      margin-left: -16px;
    }

    ul.liste-mit-haken li {
        margin-bottom: 10px;
    }

    h2.kleinfett {
        font-style: italic;
        font-weight: bold;
        font-size: 21px !important;
    }

    .cardtext {
        min-height: 120px;
    }

    .card-body {
       /* min-height: 330px;*/
    }

    .cardheader {
        min-height: 63px;
    }

    .powermail_fieldwrap_nachricht .powermail_textarea {
        width: 100%;
    }

    .powermail_fieldwrap_nachricht .powermail_label {
        visibility: hidden;
        overflow: hidden;
        height: 0px;
        padding: 0px;
        margin: 0px;
    }

    .powermail_fieldwrap_nachricht .powermail_field {
        width: calc(95% - 20px);
    }

    .powermail_form_4 .powermail_fieldset {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .tx-wacon-products table.relationtable {
        border-collapse: collapse;
        border-spacing: 0px; border:1px solid #f2f2f2;}
    .tx-wacon-products .upper{text-transform:uppercase}
    .tx-wacon-products .add-white{background-color: #fff;}
    .tx-wacon-products .add-grey{background-color: #f2f2f2;}
    .tx-wacon-products .addition td:last-child {white-space: nowrap;text-align:right;width:100px;}
    .tx-wacon-products .addition td:nth-child(2),.tx-wacon-products .addition td:nth-child(3) {white-space: nowrap;width:100px;}

    @media only screen and (max-width: 1200px) {
        .tx-wacon-products .addition td:last-child {width:80px;}
        .tx-wacon-products .addition td:nth-child(2),.tx-wacon-products .addition td:nth-child(3) {width:80px;}

    }
    @media only screen and (max-width: 992px) {
        .tx-wacon-products td:nth-child(2){display:none;}

    }
    .contenttable td {
        padding: 15px;
    }
    .relationtable td{padding:5px 15px;}
    .contenttable tr:first-child {
        background-color: #00447a;
        color: white;
        font-size: bold;
    }
    .contenttable tr.tabelle-grau:first-child {
        background-color: #ddd;
        color: #212529;
        font-size: bold;
    }
    .relationtable tr:first-child {
        background-color: #00447a;
        color: white;
        font-size: bold;
    }
    .contenttable {
        min-width: 100%;
    }


    @media only screen and (max-width: 600px) {
        .frame-table {
        overflow-x: auto;
    }

    }



    tr:nth-child(even){background-color: #f2f2f2}


    ul.liste-mit-haken {
        list-style-position: outside;
    }

    ul#submenu {
        list-style: none;
        padding: 0px;
    }

    ul#submenu li {
        font-weight: bold;
        margin-bottom: 5px;
        margin-top: 15px;
    }

    ul#submenu ul#submenu li a{
        color: gray;
        font-size: 14px;
    }

    ul#submenu ul#submenu li a.active{
        color: #00447a;
        font-size: 14px;
    }

    ul#submenu ul#submenu li {
       font-weight: normal;
       margin-bottom: 3px;
       margin-top: 0px;
    }


    main section#quicklinks .text {
        right: 23px;
    }

    a.ctahotupdate {
        background-color: var(--psw-orange);
        border: none;
        color: #fff;
        padding: 10px 20px;
        position: relative;
        left: 20px;
        font-size: 16px;
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: 1px;
    }

    .frame-newsFrontPage {
        padding: 20px;
    }

    .frame-newsFrontPage .no-media-element {
        visibility: hidden;
        overflow: hidden;
        height: 0px;
        width: 0px;
    }

    .frame-newsFrontPage .article .news-img-wrap
    {
        width: 0px;
        height: 0px;
        margin: 0px;
        padding: 0px;
    }

    .frame-newsFrontPage .news-list-date {
        float: left;
        margin-right: 20px;
    }

    .frame-newsFrontPage .headline, .frame-newsList .headline{
        float: left;
        font-weight: bold;
        margin-right: 8px;
    }

    .frame-newsFrontPage .teaser-text {
        float: left;
    }

    .frame-newsList .news-list-date, .frame-newsList .teaser-text {
        float: left;
    }

    .frame-newsList .news-list-date {
        margin-right: 7px;
    }

    .frame-newsList .news-list-date {
        margin-right: 7px;
    }

    .frame-newsList .news-headertop {
        width: 100%;
        color: #00447a;
        font-size: 28px;
        padding-bottom: 15px;
        height: auto;
        min-height: 80px;
        font-weight: bold;
    }

    .frame-newsList .news-text {
        width: 100%;
        padding-bottom: 30px;
    }


    .news .article {
        padding-bottom: 10px;
        margin-bottom: 20px;
        border-bottom: 1px solid #e5e7e9 ;
    }

    .product_props .nav-link, .product_props .nav-link:hover {
        background-color: #f0f0f0;
        border: 1px solid #cccccc;
    }

    .product_props .nav-link.active {
        background-color: white;
    }

    .product_item .product_title {
        font-style: italic;
        font-size: 26px;
    }
    /*.frame-type-textpic .ce-left .ce-bodytext {
        padding-left: 15px;
    }*/

    .frame-type-textpic .ce-left .ce-bodytext header {
        margin-bottom: 15px;
    }

    .custom_prodImage_badge div {
        transform: rotate(0deg);
        top: 2px;
        width: 100%;
        text-align: center;
    }

    .badgesub {
        width: 100%;
        padding-top: 8px;
    }

    .brands img {
        max-height: 45px !important;
    }

    a.cta_slider:hover {
        background-color: #323232;
        color: white !important;
        text-decoration: none;
    }

    @media only screen and (min-width: 768px) and (max-width: 992px) {
        a.cta_slider {
            padding: 5px !important;
        }
    }

    .frontnewsletter p {
        color: #606060 !important;
    }

    .frontnewsletter header h2 {
        color: #201f1f;
        font-weight: bold;
        margin-bottom: 20px;
    }

    .frontnewsletter a.cta_slider {
        background-color: transparent;
    }

    .frontnewsletter a.cta_slider:hover {
        background-color: #201f1f;
    }

    @media only screen and (max-width: 1000px) {
        .frontnewsletter {
            background-image: none !important;
            background-color: #adadaf !important;
        }
    }



    .frame-imageAutoHeight img {
        height: auto !important;
    }

    .ce-gallery iframe {
        max-width: 100%;
    }

    .frame-videoRahmen .video-embed  {
        box-shadow: 0 2px 0 rgba(0,0,0,.04);
        border: 1px solid #e4e4e4 !important;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #ccc;
        padding: 8px;
        border-radius: 5px;
        background: #fff;
        z-index: 1001;
    }
    .frame-layout-3{position:relative;opacity: 0.4;background: #666666;min-height:280px;height:100%;padding:15px;padding-bottom:70px;}
    .frame-layout-3.active{background: #666666;opacity: 1;cursor:pointer;}
    .frame-layout-3.active.selected{background: #00447a;opacity: 1;cursor:pointer;}
    .frame-layout-3 header{padding-bottom:10px;text-align:center;}
    .frame-layout-3 *{color: #fff;}
    .frame-layout-3 u{font-weight:bold;  display:none;  font-size: 14px;position:absolute;right:15px;bottom:15px;
        padding:10px;border:2px solid #fff;text-decoration:none;}
        .frame-layout-3.active u{display:inline-block;}
        #c1451, #c1443,#c1444,#c1445, #c1446,#c1447,#c1448,#c1449,#c1450{display:none;}


.sidebar-only-mob {
  display: none;
}

@media only screen and (max-width: 992px) {
  .sidebar-only-mob {
    display: block;
    padding: 20px;
    padding-top: 25px;
  }

  .sidebar-only-mob a {
    background-color: var(--psw-orange);
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    border-radius: 0;
    height: 35px;
    white-space: nowrap;
    padding: 15px;

  }
}


.banner-text-top {
  margin: 11% 0 10%;
}


.rapidleiHeader {
    background-image: url('/typo3conf/ext/wacon_design/Resources/Public/Images/rapidlei/rapidlei-world.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    padding-top: 35px;
    padding-bottom: 35px;
    margin-top: 135px;
}

.text-center {
        text-align:center;
    }

    .text-right {
        text-align:right;
    }

    .text-justify {
        text-align:justify;
    }



.rapidleiHeader .img-one img {
  width: 115%;
  max-width: 115%;
  animation-name: fadebounce;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  animation-delay: 2s;
  height: auto;
}

.rapidleiHeader h1 {
  font-size: 58px;
  margin-top: 60px;
  line-height: 1.3em;
  font-weight: 800;
  margin-bottom: 0;
  text-transform: uppercase;
  color: #ffffff;
}

.rapidleiHeader h5 {
    color: white;
    position: relative;
}

.rapidleiHeader .fas.fa-cart-arrow-down {
    color: white;
    font-size: 48px;
    margin-top: 15px
}

.main_content header {
    position: unset;
}

.flipcard {
    height: 260px;
    background-size: cover;
    max-width: 100%;
}

.flipcard .text-not-hovered {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  max-width: 100%;
}

.flipcard .text-hovered {
    justify-content: center;
    align-items: center;
    height: 100%;
    display: none;
    max-width: 100%;
}


.powermail_fieldset_11 .powermail_fieldwrap, .powermail_fieldset_11 .powermail_fieldwrap label, .powermail_fieldset_11 .powermail_fieldwrap .powermail_field {
    height: auto;
    width: 100%;
    overflow-y: auto;
}

.bsAccordion {
    width: 100%;
}

.bsAccordion h2 button {
    color: #666;
    font-size: 0.563em;
    font-weight: 600;
    word-wrap: break-word;
}

.bsAccordion h2 button:hover, .bsAccordion h2 button:focus {
    color: #666;
    text-decoration: none;
}

.bsAccordion .card-header:hover {
    background: #f0f0f0;
}


a.buybutton {
    color: #fff;
    border-color: #f90;
    background-color: #f90;
    font-size: 16px;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 25px;
    padding-right: 25px;
    border-radius: 5px;
    background-image: linear-gradient(to bottom,rgba(255,255,255,.2) 0,rgba(255,255,255,.01) 100%);
    background-repeat: repeat-x;
}

.frame-text-white,
.frame-text-white h1,
.frame-text-white h2,
.frame-text-white h3,
.frame-text-white h4,
.frame-text-white h5
.frame-text-white p
 {
    color: white !important;
}

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

    .ce-textpic.ce-left.ce-intext .ce-gallery,
    .ce-textpic.ce-left.ce-intext .ce-bodytext {
        width: 100%;
    }


}

.flipcard h2 {
    line-height: 1.8rem;
    padding-top: 20px;
    margin-bottom: 20px;
}

/*Browser Hack für Firefox, Mac, wg. Header Fehler*/
@supports (-moz-osx-font-smoothing:auto) {

 mheader #menu > div > nav > ul > li > a {
    font-size: 16px;
    font-weight: 400;
    padding: 0px 25px 0px 0px;
 }
}

call-us-selector call-us {
   bottom: 250px;
}

/** Trusted Shop Logo **/
div[id^="minimized-trustbadge"] {
    left: 10px !important;
}