@import "font-awesome.min.css";

@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot?814wz2');
    src: url('fonts/icomoon.eot?814wz2#iefix') format('embedded-opentype'),
        url('fonts/icomoon.ttf?814wz2') format('truetype'),
        url('fonts/icomoon.woff?814wz2') format('woff'),
        url('fonts/icomoon.svg?814wz2#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

.invisible, .realinvisible {
    display: none;
}

#languageselector, #languageselector2 option {
	font-family:"Helvetica Neue LT W05 55 Roman", sans-serif;
}

.block {
    display: block;
    overflow: visible;
}

.fromTablet, .back-to-top, #LogoBW, #ScartInfo .SmartphoneAmount,
    #MainNavi .navi-logo {
    /*display: none;*/
    visibility: hidden;
    position: absolute;
}

body, .main-content {
    font-family: 'Helvetica Neue LT W05 45 Light';
    font-style: normal;
	background: #fff;
}

.mod_rocksolid_slider p.main-message {
    font-family: 'Helvetica Neue LT W05_77 Bd Cn';
    letter-spacing: 0px;
    font-style: normal;
}

[class^="ico-"], [class*=" ico-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#ERPTable td {
    padding: 2.5em 0.625em;
}

.ico-home3:before {
    font-size: 1.55em;
    height: 15px;
    text-align: center;
    padding: 0 1.2em;
}

/* same as font-awesome */
.icom {
    display: inline-block;
    font: normal normal normal 1em/1 icomoon;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#Navi .main-navigation li.ico-home3 a {
    font-size: 0px;
    content: "";
    line-height: 24px;
    padding: 0px;
    margin: auto;
	margin-right:50px;
}

#Navi .main-navigation li.ico-home3 a::before {
    width: 230px;
	height:120px;
    padding: 0px;
	margin-right: 30px;
    background: url('/tradepro/shop/layout/logo_pmp.png') 0px 55% no-repeat;
    background-size: 100%;
}

#Navi .main-navigation li.ico-home3 a:hover {
    color: #fff;
}

.fa:not(.fa-phone):not(.fa-plus-square):not(.fa-minus-square):not(.fa-caret-right):not(.fa-heart):not(.fa-clock-o):not(.fa-search) {
    font: normal normal normal 1em/1 icomoon; 
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.icon-repeat-solid:before, .fa-repeat:before {
    content: "\f01e";
}

.ico-config:before {
    content: "\e924";
}

.ico-refresh:before, .fa-refresh:before {
    content: "\e929";
}

.ico-file:before, .fa-file-o:before {
    content: "\e92b";
}

.ico-caret-square-up:before {
    content: "\e925";
}

.icon-chevron-circle-down:after {
    content: "\f13a";
}

.ico-caret-square-down:before {
    content: "\e927";
}

.ico-wrench-solid:before, .fa-wrench:before {
    content: "\e923";
}

.ico-info-circle-solid:before, .fa-info-circle:before {
    content: "\e91a";
}

.ico-check-circle-regular:before, .fa-check-circle:before {
    content: "\e91b";
}

.ico-times-circle-regular:before, .fa-times-circle:before {
    content: "\e91c";
}

.ico-tag-solid:before, .fa-tag:before {
    content: "\e91d";
}

.ico-chart-line-solid:before, .fa-line-chart:before {
    content: "\e91e";
}

.ico-chart-bar-regular:before, .fa-bar-chart-o:before {
    content: "\e90f";
}

.ico-sliders-h-solid:before, .fa-sliders:before {
    content: "\e910";
}

.ico-info-solid:before, .fa-info:before {
    content: "\e913";
}

.ico-users-solid:before, .fa-users:before {
    content: "\e914";
}

.ico-search-solid:before, .fa-search-dollar:before {
    content: "\f688";
}

.ico-search-solid:before, .fa-search:before {
    content: "\f002";    
}

.ico-euro-sign-solid:before, .fa-euro:before {
    content: "\e915";
}

.ico-clock-o-solid:before, .fa-clock-o:before {
    content: "\f017";
}

.ico-cart-plus-solid:before, .fa-cart-plus:before {
    content: "\e917";
}

.ico-facebook-f-brands:before {
    content: "\e90c";
}

.fa-facebook:before {
    content: "\e90c";
    font-size: 19px;
    line-height: 30px;
}

.ico-xing-brands:before {
    content: "\e90d";
}

.fa-xing:before {
    content: "\e90d";
    font-size: 19px;
    line-height: 30px;
}

.ico-shopping-cart:before, .fa-shopping-cart:before {
    content: "\f07a";
}

.fa-skull-crossbones:before {
    font-family: 'FontAwesome';
    content: "\f714";
}


/*
.fa-shopping-cart:before {
    content: "\e904";
    font-size: 32px;
    font-family: icomoon;
}
*/

.customerShoppingcart:before {
    content: "\e904";
    font-size: 140px;
    height: 150px;
}

.ico-comments-regular:before {
    content: "\e90a";
}

.fa-comments-o:before {
    content: "\e90a";
    font-size: 32px;
}

.ico-clock-regular:before, .fa-clock-o:before {
    content: "\f017";
    font-size: 16px;
}

.ico-copy-regular:before, .fa-files-o:before {
    content: "\e90b";
}

.ico-angle-doubleright:before {
    content: "\e909";
}

.ico-home3:before {
    /*  content: "\e901";*/
    
}

.ico-key:before {
    content: "\e902";
}

.ico-cart:before {
    content: "\e904";
    font-size: 32px;
}

.ico-pencil:before, .fa-pencil-square-o:before, .fa-pencil:before {
    content: "\e905";
}

.ico-angle-down-solid:before, .fa-angle-down:before {
    content: "\e900";
}

.fa-angle-up:before {
    content: "\e92a";
}

.ico-angle-left-solid:before {
    content: "\e903";
}

.ico-angle-up-solid:before {
    content: "\e906";
}

/*.ico-angle-right-solid:before, .fa-angle-right:before {
    content: "\e907";
}

.ico-angle-left-solid:before, .fa-angle-left:before {
    content: "\e907";
    transform: rotate(180deg);
}*/

.ico-book-solid:before, .fa-fastpage:before {
    content: "\e91f";
}

.ico-envelop:before {
    content: "\e945";
}

.ico-eye-slash-regular:before, .fa-eye-slash:before {
    content: "\e921";
}

.ico-eye-regular:before, .fa-eye:before {
    content: "\e922";
}

.ico-calendar:before {
    content: "\e953";
}

.ico-file-text2:before {
    content: "\e926";
}

.ico-menu:before {
    content: "\e9bd";
}

.ico-printer:before, .fa-print:before {
    content: "\e954";
}

.ico-search:before {
    content: "\e908";
}

.ico-bin:before, .fa-trash:before, .fa-trash-o:before {
    content: "\e9ac";
}

.ico-switch:before {
    content: "\e9b6";
}

.ico-list:before, .fa-list:before {
    content: "\e9ba";
}

.ico-list2:before, .fa-list-ul:before {
    content: "\e9bb";
}

.ico-link-solid:before, .fa-link:before {
    content: "\e920";
}

.ico-download3:before, .fa-file-image-o:before {
    content: "\e9c7";
}

.ico-upload3:before {
    content: "\e9c8";
}

.ico-sphere:before {
    content: "\e9c9";
}

.ico-plus:before, .fa-plus-square:before {
    content: "\ea0a";
}

.ico-minus:before, .fa-minus-square:before {
    content: "\ea0b";
}

.icon-cancel-circle:before {
    content: "\ea0d";
}

.ico-cross:before, .fa-times:before {
    content: "\ea0f";
}

.ico-check:before, .fa-check:before {
    content: "\ea10";
}

.ico-enter:before, .fa-sign-in:before {
    content: "\ea13";
}

.ico-exit:before {
    content: "\ea14";
}

.ico-arrow-up2:before {
    content: "\ea3a";
}

.ico-arrow-right2:before {
    content: "\ea3c";
}

.ico-arrow-down2:before {
    content: "\ea3e";
}

.ico-arrow-left2:before {
    content: "\ea40";
}

.ico-circle-up:before {
    content: "\ea41";
}

.ico-circle-right:before {
    content: "\ea42";
}

.ico-circle-down:before {
    content: "\ea43";
}

.ico-circle-left:before {
    content: "\ea44";
}

.ico-table2:before {
    content: "\ea71";
}

.ico {
    width: 16px;
    height: 16px;
}

html, body {
    /*background: #e00;   */
    -webkit-font-smoothing: antialiased;
}

#PrintView body {
    font: 16px/20px "Helvetica Neue LT W05 55 Roman";
}

img, a img {
    border: none;
}

ol, ul {
    list-style: none outside none;
}

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

a:hover {
    cursor: pointer;
    color: #e3010b;
    text-decoration: none;
}

img {
    border: none;
}

.ClearLeft {
    clear: left;
}

.ClearRight {
    clear: right !important;
}

.ClearBoth {
    clear: both !important;
}

.FloatLeft {
    float: left;
}

.FloatRight {
    float: right;
}

.MarginBottom5 {
    margin-bottom: 5px;
}

.MarginRight {
    margin-right: 2%;
}

.MarginLeft {
    margin-left: 2%;
}

.MarginTop5 {
    margin-top: 5px;
}

.MarginTop10 {
    margin-top: 10px;
}

.MarginBottom10 {
    margin-bottom: 10px;
}

.Padding5 {
    padding: 5px;
}

.PaddingBottom10 {
    padding-bottom: 10px;
}

.Padding0 {
    padding: 0;
}

.BorderBottom {
    border-bottom: 6px solid #d8d8d8;
}

.Block {
    display: block;
}

.inline-block {
    display: inline-block;
}

a:focus {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

.Top {
    vertical-align: top;
}

.Bottom {
    vertical-align: bottom;
}

.BottomRight {
    position: absolute;
    bottom: 10px; /*right:10px;*/
}

.Nowrap {
    white-space: nowrap;
}

header, nav, section, article, aside, footer {
    display: block;
}

/*-------------------------------------*/
/* Standardklassen Forms */
/*-------------------------------------*/
html select, html input, html textarea {
    border: 1px solid black;
    padding: 8px;
    color: #000;
    font-size: 16px;
}

#FFqueryDO {
	border-radius: 30px;
	width: 500px;
}

.FloatingButtonRight{
	right:0px;
	top:250px;
	position:fixed;
	width:30px;
	height:90px;
	z-index:4000;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.floatingMenuContact {
    top: 280px;
    right: -305px;
}

.floatingMenuContactActive {
    top: 280px;
    right: 0px;
}

.floatingMenuContact:hover {
    right: -292px;
}

.floatingEffect {
    -webkit-transition: right 0.5s; /* Safari prior 6.1 */
    transition: right 0.5s;
}

body.safari .floatingMenuContact {
    top: 320px;
    right: -303px;
}

body.safari .floatingMenuAktionen {
    right: -15px;
}

#floatingMenuContent p {
    color: #6f6f6f;
    font-size: 13px;
    line-height: 1.15em;
}
#floatingMenuContent a {
    color: #e30713;
    font-size: 13px;
    line-height: 1.15em;
}
#floatingMenuContent a:hover {
    text-decoration: none;
}
#floatingMenuContent h3 {
    margin-bottom: 0;
    margin-top: 10px;
}

#DemoShopNote {
    clear: left;
    background: white;
    border: 1px solid #333;
    font-size: 12px;
    font-family: "Helvetica Neue LT W02_75 Bold";
    padding: 5px 10px;
    text-align: center;
    margin: 0 0 10px 0;
    line-height: 1.5em;
}

.error404 {
    height: 180px;
    background: url(/tradepro/shop/layout/404-grafik.jpg) bottom right
        no-repeat #f3f3f3;
}

.error, .errorNoScroll {
    /*line-height: 2em;*/
    
}

.errorSerps {
    background: url(/tradepro/shop/layout/suchfehler-grafik-resp.jpg) center
        right no-repeat #fff;
}

.error404-resp {
    background: url(/tradepro/shop/layout/404-grafik-resp.jpg) bottom right
        no-repeat #fff;
    min-height: 390px;
}

.error p {
    width: 50%;
}

.floatingMenuAktionen {
    top: 169px;
    right: -16px;
    background-color: #c41522;
    width: 41px;
}

.floatingMenuAktionen>a {
    text-decoration: none;
    text-indent: 20px;
}

.floatingMenuAktionen:hover {
    right: 2px;
}

.floatingPlaceholder {
    width: 129px;
    height: 70px;
}

.floatingMenu {
    pointer-events: none;
    position: fixed;
    z-index: 4000;
    cursor: pointer;
    display: block;
}

.floatingMenu>table {
    border-spacing: 0;
    border: 0px;
    padding: 0px;
    z-index: 100;
    position: relative;
}

.floatingMenu table {
    background: transparent;
}

.floatingMenu .trigger {
    /* background-color: #e31d3c; */
    vertical-align: top;
}

.floatingMenu table td {
    padding: 0;
}

.floatingTriggerBasic {
    background-color: #e3010b;
    color: #fff;
    pointer-events: all;
    overflow: hidden;
}

.floatingTextRotated {
    transform: rotate(-90deg);
    color: #fff;
    z-index: 9999;
    width: 102px;
    height: 96px;
    display: block;
    font-size: 1em;
    text-align: center;
    padding: 1px;
    white-space: nowrap;
}

.floatingTextSalesContact {
 	width: 115px;
    text-indent: -9px;
    height: 109px;
    padding-top: 73px;
    margin-left: -70px;
    margin-top: 0px;
    padding-right: 107px;
}

/* definiert die maxBreite der Box */
.floatingPlaceholder {
    width: 250px;
    height: 10px;
    display: block;
}

.floatingMenu .content {
    background-color: #fff;
    pointer-events: all;
}

.floatingMenu .floatingMenuContent {
    padding: 5px 20px;
    background-color: #fff;
    border: 1px solid #ccc;
    min-height: 155px;
    width: 292px;
}

#floatingMenuContent {
    z-index: 4001;
}

.floatingMenu .content ul li {
    padding: 10px 0;
}

.floatingMenu h4 {
    font-size: 1.3em;
}

.floatingMenu h5, .floatingMenu h4 {
    margin: 0;
}

.floatingMenu h5, .floatingMenu p {
    margin-top: 0;
    font-size: 1em;
    display: block;
}

#floatingMenuTele {
    z-index: 10;
    position: relative;
    padding: 10px;
    /*border: 1px solid #ccc;*/
    background-color: #f1f1f1;
    margin: 0px 40px;
    text-align: center;
    top: -45px;
    width: 240px;
}

.floatingMenu table td {
    padding: 0;
}

.FloatingButtonRight:hover {
    right: 0px;
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.wrapper {
    position: relative;
    margin: 0 auto;
}

.FFSContent {
    float: right;
    width: 75%;
    position: relative;
}

/* Shop-Buttons */
button, html .button, html input.submit, .feature-box-link {
    padding: 8px;
    display: inline-block;
    text-decoration: none;
    background: #fff;
    border: 2px solid #000;
    white-space: nowrap;
    color: #000;
    font-size: 1em;
    cursor: pointer;
    box-shadow: none;
    text-shadow: none;
    /*text-transform: initial;*/
    box-shadow: none;
}

button, html .button, html input.submit, .feature-box-link {
    background: #e3010b;
    color: #fff;
    border: 0px ;
}

html .button-icon {
    padding: 10px 15px;
}

html .button-icon:hover i {
    color: #fff;
}

html .button:hover, html input.submit:hover, html .button:focus, html .button:active,
    html .button.active, .feature-box-link:hover {
    background: #e3010e;
    border: 0px;
    color: #fff;
}

html .button_blue {
    color: #fff;
    background-color: #0075bc;
    border: 1px solid #0075bc;
}

html .button_small {
    font-size: 1.2em;
    padding: 0.4em;
    line-height: 1em;
    margin: 0.1em;
}

.buttonRubView {
    font-size: 1.2em;
    padding: 0.4em;
    margin-right: 0.2em;
}

html .button_x-small {
    font-size: 0.8em;
    padding: 0.4em;
    line-height: 1em;
}

html .button:hover {
    color: white;
    text-decoration: none;
    cursor: pointer;
}

button.-small, .button.-small, input[type="submit"].-small {
    padding: 0.16em 0.57em;
    font-size: 1em;
}

.buttoninactive {
    background-color: #e3e3e3;
    background-image: none;
    color: #333;
    cursor: default;
}

.back-to-top {
    display: none;
}

.back-to-top a:after {
    z-index: 9999;
    font-family: 'icomoon';
    font-size: 3em;
    content: "\e906";
    color: #363636;
    padding: 2px 10px;
    line-height: 100%;
    background: rgba(250, 250, 250, 0.7);
    border: 1px solid #ccc;
    display: block;
    position: fixed;
    bottom: 20px;
    right: 20px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.ShopTable {
    position: relative;
    clear: both;
    width: 100%;
    margin: 20px 0;
    border-collapse: separate;
    border-bottom: 1px solid #ccc;
    border-radius: 0px;
}

.fixedscreen .ShopTable input{
	font-size:13px;
	margin: 4px 0px;
}

.fixedscreen table td {
	padding:0.1em 0.1em;
}

.ShopTable td {
    /*padding: 0.375em 0;*/
    
}

#InfoDemoShop {
    position: relative;
    top: 2.5em;
}

/* Umschaltung kleine oder große Ansicht */
.mega-dropdown {
    max-width: 1146px;
}

.fixedscreen .mega-dropdown {
    max-width: 1146px;
}

.fixedscreen #Navi, .fixedscreen .StartContent, .fixedscreen .wrapper,
    .fixedscreen .page-header, .fixedscreen .SiteContainer, .fixedscreen #eprocMainNav
    {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.fixedscreen .SiteContainer {
    max-width: 1215px;
}

.widescreen #eprocMainNav {
    max-width: 1146px;
    padding-left: 10px;
    padding-right: 10px;
}

.widescreen #Navi, .widescreen .StartContent, .widescreen .wrapper,
    .widescreen .page-header, .widescreen .SiteContainer, .artCMS {
    max-width: 1146px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.widescreen .SiteContainer {
    max-width: 1146px;
}

.widescreen #Navi {
    padding-left: 3px;
    padding-right: 3px;
}

#UserNavi .sf-menu {
    position: relative;
    height: 40px;
    display: block;
}

#UserNavi .sf-menu .level2 {
    left: -181px;
}

#UserNavi .sf-menu .loginCMS {
    background-color: #fff;
    left: -180px;
    border: 1px solid #f1f1f1;
}

.small_size {
    height: 375px;
    width: 1200px;
}

.big_size {
    width: 1800px;
    height: 600px;
}

.widescreen .block_rechts, .widescreen .block_links {
    display: none;
}

.fixedscreen .block_rechts_flex, .fixedscreen .block_links_flex {
    display: none;
}

.image_container video {
    display: block;
    width: 100%;
    height: auto;
}

html table, html table th, html table td {
    border: none;
}

html table {
    /* border-bottom: 1px solid #ccc; */
    /* border-top: 1px solid #ccc; */
    
}

/*-------------------------------------*/
/* Shop-Layout */
/*-------------------------------------*/
html {
    margin-bottom: 20px;
}

body {
    /*border-top: 5px solid #0075bc;*/
    margin: 0px;
    background-attachment: fixed;
	/* overflow: hidden; */
}

html, body {
    font-size: 1em;
    margin-left: auto;
    margin-right: auto;
}

.SiteContainer {
    position: relative;
    margin: auto;
    background: rgba(255, 255, 255, 0.9);
    border: none;
    padding: 15px;
}

.shop a[target="_blank"]::after {
    display: none;
}

/* Highlight Attribute über Suchergebnis */
.hla {
    background: #fff;
    padding: 1em;
    border-radius: 3px;
    border: 1px solid #ccc;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
    margin-bottom: 2.25em;
}

.hla strong {
    background: #0274bc;
    display: block;
    padding: .333em .333em .333em 1em;
    color: #fff;
    font-weight: normal;
    margin: -1em -1em .5em -1em;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.hla a {
    min-width: 10%;
    margin: 1% 1% 0 0;
    color: #666;
    
}

.hla a.active:after {
    display: inline-block;
    float: right;
    font-family: "icomoon";
    content: "\e91c";
    color: #fff;
    margin-left: .5em;
}

.hla a img {
    display: block;
    max-height: 120px;
    margin-bottom: .5em;
    margin-left: auto;
    margin-right: auto;
}

html .hla .button {
    transition: background 0.3s ease-in-out;
}

/* ------------------------------------------------------------------------------ */
/* Meta Menu*/
.meta-menu-container {
	display:none;
    padding: 2px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.meta-menu-container ul.meta-menu {
    margin-top: 2px;
    margin-bottom: 2px;
    width: 100%;
    text-align: right;
}

.meta-menu-container ul.meta-menu li {
    list-style: none;
    display: inline;
}

.meta-menu-container ul.meta-menu li a {
    color: #333;
    font-size: 14px;
}

.meta-menu-container ul.meta-menu li:after {
    content: "|";
    margin: 0 5px 0 10px;
}

.meta-menu-container ul.meta-menu li:last-child:after {
    content: " ";
    margin: 0 0 0 10px;
}

/* ------------------------------------------------------------------------------ */
/* Header */
header {

    height: 135px;
    z-index: 6900;
   
}

/* Header Logo */
#LogoDivHeader {
	display: none;
    position: absolute;
    top: 10px;
    left: 12px;
    margin-top: 0;
}

#Logo {
    width: 237px;
    height: 57px;
    background: url('/tradepro/shop/layout/logo_pmp.png') top left no-repeat;
	background-size: 100%;
}

/* Header FactFinder */

#header #FactFinder {
	display:none;
    position: absolute;
    top: 26px;
    left: 50%;
    width: 550px;
    border-bottom: 1px solid white;
}



#FactFinder input {
    top: 0;
    left: 0;
    margin: 0;
    height: 42px;
    /*padding:5px 1%;*/
    font-size: 1em;



}

#FFquery {
    width: 97%;
	border-radius:28px;
	border:1px solid #000000;
}

#FactFinder button {
    position: absolute;
    top: 0px;
    right: -20px;
    width: 7%;
    margin: 0;
    font-size: 1em;
    color: white;
    height: 42px;
    background: #0075bc;
    border-radius: 0px 3px 3px 0px;
    padding: 0px;
    border: 0px;
}

#ScartInfo .scartcounternumber, .scartcounternumber {
    width: 26px;
    height: 26px;
    display: block;
    border-radius: 100%;
    font-size: 14px;
    color: #fff;
    line-height: 26px;
    text-align: center;
    background: #0075BC;
    position: relative;
    top: -15px;
    left: -13px;
}

#FactFinder button i {
    font-size: 1.4em;
    padding: 0.5em 10px;
    color: #fff;
}

.isSlc {
    color: #01a000;
    line-height: inherit;
    vertical-align: text-top;
    margin-right: 5px;
}

/* Header Warenkorb */

.ScartItemDetails {
    position: absolute;
    width: 130%;
    top: 40px;
    z-index: 2000;
    box-sizing: border-box;
    border-radius: 0 0 3px 3px;
    display: none;
    right: 0;
}

#Navigationbar div {
    color: #333;
}

#Navigationbar .block {
    overflow: visible;
}

#Navigationbar .main-navigation {
    height: auto;
    padding: 0;
    position: relative;
    z-index: 1550;
}

.main-navigation .login-open {
    opacity: 1;
    max-height: 9999px;
    pointer-events: auto;
    padding: 14px 16px;
}

.main-navigation .login-button-open {
    background-color: #0075BC;
}

.main-navigation .login-button-open>a, .main-navigation .login-button-open>i,
    .main-navigation .login-button-open>.ico-key {
    color: #fff !important;
}

.dynamicsearch-campaign {
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #ccc;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .2);
    margin-bottom: 15px;
    padding: 15px;
    position: relative;
}

.dynamicsearch-campaign-icon {
    font-size: 50px;
    width: 50px;
    left: 15px;
    top: -10px;
    position: absolute;
    color: #737373;
}

.dynamicsearch-campaign-question {
    font-size: 20px;
    font-family: "Helvetica Neue LT W02_75 Bold";
    margin-left: 60px;
    min-height: 45px;
    color: #737373;
}

.dynamicsearch-campaign-answers {
    margin-left: 60px;
}

.dynamicsearch-campaign-answer {
    display: inline-block;
}

.dynamicsearch-campaign-answer a, .dynamicsearch-campaign-answer a:visited
    {
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-right: 5px;
    padding: 10px 15px;
    text-decoration: none;
}

.dynamicsearch-campaign-answer a:hover, .dynamicsearch-campaign-answer a:focus
    {
    background-color: #0075bc;
    color: #fff;
}

.dynamic_score {
    text-align: center;
    width: 100px;
    height: 22px;
    padding: 2px;
    margin: 0;
    background-color: #f00;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    font-family: "Helvetica Neue LT W02_75 Bold";
    font-size: 10px;
}

.block_links {
    width: 300px;
    height: 50px;
    position: absolute;
    left: -305px;
}

/* in den Flex-box Bereich */
.block_rechts {
    width: 300px;
    height: 50px;
    position: absolute;
    right: -305px;
}

.main-navigation>ul>li.-mega {
    position: static;
}

.main-navigation>ul>li>ul li {
    border-bottom: none;
}

#ResponsiveButton {
    display: none;
    color: #fff;
    cursor: pointer;
}

#Navi {
    margin: auto;
    display: block;
}

#Navi i {
    font-size: 1.5em;
    color: #333;
	margin-left: 20px;
}

#Navi i:hover {
    font-size: 1.5em;
    color: #e3010b;
	margin-left: 20px;
}
.login-button-open .ico-key {
    /*margin-left: -10px;*/
    color: white !important;
}

#MainNavi {
    display: block;
    float: left;
    width: 82%;
}

/* ICONS IM NAVI */
#Navi .main-navigation li.fa::before {
    display: none;
}

#Navi .main-navigation li a.fa::before {
    color: #333;
    font-family: FontAwesome;
    font-size: 20px;
    margin-top: 10px;
    text-indent: 0;
}

#Navi .main-navigation li.fa a {
    font-size: 0;
    text-indent: -1000px;
}

#Navi .main-navigation li a.fa {
    width: 40px;
}

#UserNavi {
    display: block;
    float: right;
    width: 17%;
}

#UserNavi .level_2 {
    left: -44px;
}

#navLogin .level_2 {
    left: -129px;
    background-color: #fff;
}

#navLogin {
    padding-left: 7px;
}

#Navi .level1>li>a, #Navigationbar .level_1>li>a {
    display: block;
    color: #333;
    text-align: center;
    content: "\e901";
}

#Navi .level1>li>a:hover, #Navigationbar .level_1>li>a:hover {
	color: #e3010b;
}

#Navi .lostpw a {
    background-color: #fff;
    color: #000;
}

.level_2.split {
    width: auto;
}

.main-navigation a:before, .main-navigation span.active:before,
    .main-navigation span.trail:before, .main-navigation span.forward:before
    {
    content: none;
    display: none;
}

.main-navigation ul {
    display: inline;
    margin: 0;
    padding: 0;
}

.main-navigation>ul>li {
    position: relative;
    height: 135px;
    border-bottom: 0px solid transparent;
}

#MainNavi>ul>li {
    float: left;
}

#UserNavi>ul>li {
    float: right;
}

.no_small_screen {
    display: block;
}

.small_screen {
    display: none;
}

.main-navigation>ul>li.-mega {
    position: static;
}


#MainNavi>ul>li:hover {
    border-bottom: 3px solid #e3010b;
}


#MainNavi ul.level_1 li:first-child:hover {
    border-bottom: 0px solid transparent;
}

#MainNavi ul.level_2 li:first-child:hover {
    border-bottom: 0px solid transparent;
}

 /*
.main-navigation>ul>li:hover, .main-navigation>ul>li:hover>a,
    .main-navigation>ul>li:hover>a>i {
    border-bottom: 1px solid #e3010b;
}
*/

.main-navigation>ul>li:before {
    position: absolute;
    top: 50%;
    left: -1.1em;
    margin-top: -0.55em;
}

.main-navigation>ul>li>a, .main-navigation>ul>li>span.active,
    .main-navigation>ul>li>span.trail, .main-navigation>ul>li>span.forward
    {
    position: relative;
    float: left;
    font-size: 17px;
	top:0px;
	height:100%;
}

#UserNavi>ul>li>a {
    padding: 0 8px;
}



.main-navigation>ul>li>ul {
    position: absolute;
    top: 100%;
    left: 0px;
    display: block;
    overflow: hidden;
    max-height: 0;
    min-width: 11.25em;
    padding: 0;
    background: #e3010b 0% 0% no-repeat padding-box;
    opacity: 0;
    pointer-events: none;
}

.main-navigation>ul>li>ul li {
    position: relative;
    display: block;
    border-bottom: none;
    white-space: nowrap;
}

.main-navigation>ul>li>ul a, .main-navigation>ul>li>ul span.active,
    .main-navigation>ul>li>ul span.trail, .main-navigation>ul>li>ul span.forward,
    #UserNavi #NaviLogin {
    position: relative;
    display: block;
    margin: 0;
    font-size: 0.875em;
}

.main-navigation>ul>li>ul a {
    border-radius: 3px;
    color: #fff;
    text-transform: none;
    background: none;
}

.main-navigation>ul>li>ul a:hover {
    background: none;
}

.main-navigation>ul>li.last>ul {
    left: auto;
    right: 0;
}

.widescreen .mega-dropdown {
    padding-left: 60px;
    padding-right: 60px;
}

.mega-dropdown {
    position: absolute;
    width: 100vw;
    left: 0px;
    top: 100%;
    display: none;
    overflow: hidden;
    border-top: 0px solid #6d6d6d;
    font-size: 0.875em;
    background: #363636;
    opacity: 0;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
}

.main-navigation>ul>li>a:after, .main-navigation>ul>li>span.active:after,
    .main-navigation>ul>li>span.trail:after, .main-navigation>ul>li>span.forward:after
    {
    border-top: none;
    top: 0;
}

.mega-dropdown .rs-column.-large-col-1-1 {
    width: auto;
    background: #fff;
}

#Navi .mega-dropdown {
    background: white no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
	color:black;
}

.fixedscreen #Navi .mega-dropdown {
    max-width: 1200pX;
    margin-left: 2px !important;
    margin-right: auto;
}

.fixedscreen #Navigationbar ul.productsnav {
	grid-template-columns: 20% 20% 20% 20% 20%;
	
}


.fixedscreen #Navi .mega-dropdown.level_3 {
	overflow-y:auto;	
}


#Navigationbar ul.level_1 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}


#Navigationbar ul.productsnav.level_2 ul.level_3 ul.level_4 {
    display: none;
}

#Navi>nav>ul>li>ul>li>a:before {
    position: absolute;
    font-family: "icomoon";
    content: "\e907";
    display: block;
    margin-right: 24px;
    text-indent: -14px;
}

/* Navigation über mehrere Kategorieebenen */
/* Header: 2 Ebenen anzeigen*/
#Navigationbar ul.productsnav.level_2 ul {
    list-style: none;
    flex-wrap: wrap;
    padding: 0;
    display: flex;
    flex-direction: row;
    width: 100%;
    font-size: 13px;
    font-weight: normal;
}

.main_category a::before {
    display: inline-block;
}

/*#Navigationbar ul.level_2 {
	overflow: visible;
}*/
#Navigationbar ul.productsnav li>ul.level_3 {
    display: none;
}

#Navigationbar ul.productsnav li>ul.level_3  a::before {
    display: inline-block;
    content: "»";
}

#Sitemap ul.split {
    float: left;
}

div#languages {
    float: right;
    position: absolute;
    width: 100%;
    display: none;
}

.UserBoxStartseite {
    float: right;
    width: 23%;
}

.UserBoxStartseite>* {
    padding: 10px;
}

.UserBoxStartseite .LoginBoxStartseiteContent {
    background-color: #f1f1f1;
    border: 1px solid #d3d3d3;
    border-top: 0;
    border-bottom: 0;
}

.UserBoxStartseite h3 {
    color: #fff;
    background-color: #0075bc;
    border-radius: 3px 3px 0 0;
    margin-bottom: 0;
    font-size: 1.2em;
}

.UserBoxStartseite h3 span {
    display: block;
    font-size: 0.75em;
    color: #fff;
}

.UserBoxStartseite .LoginBoxButtons {
    border: 1px solid #d3d3d3;
    background-color: #f1f1f1;
    padding: 0;
    border-radius: 0 0 3px 3px;
}

.UserBoxStartseite button {
    width: 100%;
    border-radius: 0;
}

.UserBoxStartseite .button i {
    color: #006bbb;
}

.UserBoxStartseite .button_two {
    width: 49%;
    float: left;
    border-radius: 0px;
    padding: 10px 0px;
    margin: 0px;
    border: 0;
    display: block;
    overflow: hidden;
}

.UserBoxStartseite a.button_two {
    font-size: 0.8em;
}

.UserBoxStartseite .button_first {
    float: left;
    border-radius: 0 0 0 3px;
}

.UserBoxStartseite .button_second {
    float: right;
    border-radius: 0 0 3px 0;
}

.UserBoxStartseite .LoginBoxButtons:after {
    content: " ";
    clear: both;
    display: block;
}

.UserBoxStartseite input {
    box-sizing: border-box;
    width: 100%;
}

.UserBoxStartseite form>div {
    margin: 10px 0;
}

#LoginToggle {
    border-radius: 3px;
    cursor: pointer;
}

#LoginToggle.active {
    border-radius: 3px 3px 0 0;
}

.login-toggle {
    background: url("/tradepro/shop/layout/login-toggle.gif") no-repeat
        scroll left top transparent;
    height: 18px;
    position: absolute;
    right: 15px;
    top: 13px;
    width: 18px;
    cursor: pointer;
}

#LoginToggle.active .login-toggle {
    background-position: left bottom;
}

#MainPageSlideshow {
    position: relative;
    overflow: hidden;
    max-width: 100%;
	height:1024px;
    margin-left: auto;
    margin-right: auto;
    border: none;
    top: 0px;
    text-align: center;
}

.mod_article #MainPageSlideshow.subnav-scrolled {
    margin-bottom: 144px;
}

.fixedscreen #MainPageSlideshow {
    max-width: 1200px;
}

.slider-content {
    position: absolute;
    width: 95%;
    left: 0px;
}

.slider-content.sc-top {
    top: 0px;
}

.slider-content.sc-left {
    left: 0px;
}

.slider-content.sc-right {
    right: 0px;
    text-align: right;
    left: auto;
}

.slider-content h1 {
    font-size: 28px;
    font-weight: normal;
}

.slider-content.sc-w30 {
    width: 30%;
}

.slider-content.sc-w70 {
    width: 70%;
}

#MainPageSlideshow .ce_text.slider-content {
    /*	background-color: rgba(255,255,255,0.5);
	 padding: 10px;  */
    margin: 1em;
}

.ShopContent {
    width: 100%;
}

.FFBlock {
    background-color: #fff;
    display: block;
}

#SearchResult a {
    margin-left: 0;
    margin-right: 0;
}

#SearchResult {
    padding-left: 5px;
    margin-top: 0;
}

#RubView li {
    background-color: #fff;
}

.StartContent #RubView li {
    width: 18.4%;
}

#RubView li ins {
    font-size: 1.2em;
    display: block;
    text-align: center;
    color: #333;
}

/*
 *
 * Artikel im CMS - Galerieansicht
 *
 */

#RubView.ArtCMSview ul { margin-top: 0 }


/*
 *
 * Artikel im CMS - Listenansicht
 *
 */

#ListView.ArtCMSview li { margin-left: 0 !important }
.listProductTitle { font: inherit }



/*
 *
 * Artikel im CMS - Slider
 *
 */

.articleSlider {
    border: 1px solid #ccc
}

.articleSlider .innerSlide {
    position: relative;
    padding: 1em 4em;
    /*border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;*/
}

.articleSlider .innerSlide .banner {
    position: absolute;
    left: 0;
    top: 0;
}

.articleSlider h3 { margin-top: 0 }

.articleSlider h3 a { font: inherit }

.articleSlider a.button { clear: both}

.articleSlider .slick-slide img {
    width: auto;
    height: auto
}

.webPikto {
    height: 50px;
    line-height: 50px;
    margin-bottom: 1.5em;
}
.webPikto img {
    display: inline-block !important;
    margin-right: 10px;
    vertical-align: middle;
}

.slick-slider { margin: 0 }
.slick-prev, .slick-next { box-shadow: none }


/*
 *
 * Artikel im CMS - Tabelle
 *
 */

.articleTable { margin: 30px 0; border-radius:0px;}
.articleTable tr.odd {
    background: #f1f1f1;
}
.aTabHeadline + .articleTable { margin-top: 0}

h1.aTabHeadline,
h2.aTabHeadline,
h3.aTabHeadline,
h4.aTabHeadline { margin: 1em 0 .5em 0 }

.articleTable th { border-bottom: 1px solid #ccc }
.articleTable .aTabPreis { text-align: right; width: 14% }

.articleTable .summe td { border-top: 1px solid #ccc; font-style: normal }

.infoAngebot { float: right }

.artCMS #RubView li ins {
    height: 28px;
}

#RubView li .item-overlay-shop, #RubView .offerItem .item-overlay-shop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#RubView .banner, #DetailImageContainer .banner, #ListView .banner {
    position: absolute;
    top: 0px;
    left: 0px;
    padding-left: 7px;
    padding-right: 7px;
    border-radius: 0 0 5px 0;
}

.banner_new, .banner_neuheit {
    background-color: #07C1A1;
    color: #fff;
}

.banner_aktion {
    background-color: #e00;
    color: #fff;
}

.banner_angebot {
	background-color:#ffcf03;
	color:white;
}

.main-content .ArticleElement, .galerie .ArticleElement {
    width: 220px;
    display: flex;
    position: relative;
    border: 1px solid #f1f1f1;
    overflow: hidden;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    float: left;
    overflow: hidden;
    padding-top: 10px;
    word-wrap: break-word;
    margin-bottom: 20px;
    margin-right: 10px;
}

.articlelist .btn-container {
    bottom: 31px;
    padding-bottom: 0;
}

.offerItem .btn-container .button {
    min-width: 32px;
    height: 32px;
    margin-bottom: 7px;
}

#RubView {
    margin-bottom: 20px;
}

.alignCMSprice {
    height: unset;
}

.block_links_flex {
    flex-shrink: 1;
    padding-right: 5px;
}

.block_rechts_flex {
    flex-shrink: 1;
    padding-left: 5px;
}

.flexblock {
    min-width: 260px;
    max-width: 300px;
    margin-top: 20px;
}

.flexcontainerMultilist {
    list-style: none;
    flex-wrap: wrap;
    margin: 20px 0 0 0;
    padding: 0;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 25% 25% 25% 25%;
    width: 100%;
}

.det .InnerContainer .flexcontainerMultilist {
    margin: 0 0 119px 0;
}

.flexcontainer, .articlelist {
    list-style: none;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
}

.FFS-Flex {
    display: flex;
    background-color: transparent;
}

.innerBox {
    background-color: #fff;
    height: 283px;
    overflow: hidden;
    border: 1px solid #f1f1f1;
    background-color: #fff;
}

.addProductsFrame {
    height: 320px;
}

.artCMS .addProductsFrame {
    height: 100%;
}


.FFSContent #RubView li.cms-between {
    max-width: 100%;
    width: 100%;
    flex-basis: 100%;
    height: auto;
    tansition: none;
    border: 0;
    margin: 7px 5px 10px;
    border: 1px solid #f1f1f1;
    padding: 5px;
}
 
.FFSContent #RubView li.cms-between p {
    margin: 5px 0;
}
 
.FFSContent #RubView li.cms-between:hover {
    heigth: auto;
    border: 0;
    margin: 7px 5px 10px;
    border: 1px solid #f1f1f1;
}

#RubView li:hover .itemContent {
    z-index: 1700;
}

.ias-noneleft {
    width: 100%;
}

#RubView>div .offerItem, #RubView>div  .offerItem:hover, .artCMS #RubView .offerItem
    {
    margin-bottom: 0px;
}

.artCMS #RubView .offerItem {
    height: 398px;
}

.RubViewForm {
    margin-top: unset;
    margin-bottom: unset;
}

.offerItem {
    min-width: unset;
}

.artCMS #RubView li {
    width: 220px;
}

.StartContent {
    padding-left: 0px;
    padding-right: 0px;
}

.isFavo {
    color: #e7bb02;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.StartSlider {
    border: 7px;
}


.CMS .FFSContent #RubView li:hover, #RubView .offerItem:hover {
	z-index: 0 !important;
    margin-bottom: 0px;
}

.CMS .FFSContent #RubView li, #RubView .offerItem:hover {
	z-index: 0 !important;
    margin-bottom: 0px;
}

#RubView li, #RubView .offerItem {
    height: 370px;
}

#RubView li:hover, #RubView .offerItem {
    height: 370px;
}

#RubView li .itemButtonMoreText {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1650;
}

#RubView li .itemButtonMoreText i {
    font-size: 1.3em;
    color: #666;
}

#RubView li:hover .itemButtonMoreText {
    display: block;
}


#RubView .itemContent div {
    font-size:1em;
    position:relative;
    margin: 0 0 20px 0;
    line-height: 1.5;
    font-weight: normal;
}

#RubView .thumb {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 100px;
    min-height: 186px;
    border: 0;
}

#RubView .thumb img {
    max-width: 186px;
    margin-top: 0;
    max-height: 186px;
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translate(-50%, -50%);
}

.thumbNoAnimation {
    height: 200px;
}

#RubView .thumbNoAnimation img {
    margin-top: 0;
    max-height: 200px;
    height: 200px;
    position: relative;
    left: 50%;
    top: 100px;
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translate(-50%, -50%);
}

#RubView .productNameContainer {
    height: 80px;
}

.artCMS #RubView .productNameContainer {
    height: 70px;
}

#RubView .productNameContainer h2 {
    font-size: 16px;
    padding-left: 10p;
    padding-right: 10p;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: center;
    margin-top: 11px;
}

#RubView .productNameContainer div.CrossArticleTitle {
    font-size: 16px;
    padding-left: 10p;
    padding-right: 10p;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: center;
    margin-top: 11px;
    margin-bottom: 7px;
    height: 60px;
}



#RubView .itemContent h4 {
    font-size: 0.9em;
    height: 40px;
    width: 100%;
    display: block;
    overflow: hidden;
    line-height: 20px;
    padding: 0px 10px 0px 10px;
    margin: 0;
}

#RubView h3 a {
    color: #333;
    font-weight: normal;
    font-size: 0.9em;
    display: block;
}

.RubImageContainer {
    height: 196px;
    width: 196px;
    display: block;
}

#RubView p {
    margin: 10px 10px 10px 10px;
    padding: 0;
    bottom: 0px;
    position: relative;
}

#RubView li .btn-container ins {
    color: #333;
    padding-top: 4px;
    padding-bottom: 6px;
    /* margin-top: 16px; */
    margin-bottom: 20px;
}

#RubView ins {
    text-decoration: none;
    font-family: "Helvetica Neue LT W02_75 Bold";
    color: #006bbb;
}

#RubView .btn-container, .Info .btn-container {
    width: 100%;
    position: relative;
    padding: 0;
    text-align: center;
    display: block;
    margin-bottom: 0.5em;
}


.start #RubView .btn-container, .Info .btn-container {
    width: 100%;
    position: relative;
    padding: 0;
    text-align: center;
    display: none;
    margin-bottom: 0.8em;
}



.FFSContent #RubView .btn-container {
    margin-bottom: 0;
}

.ArtCMSview .itemContent {
    width: 220px;
    position: inherit;
}

#RubView .itemContent {
    position: absolute;
    left: 0px;
    top: 218px;
    background-color: #ffffff;
    padding-left: 0px;
    padding-right: 0px;
    height: 176px;
    width: 100%;
    border-top: 1px solid #e3e3e3;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#RubView li:hover h2 {
    font-size: 1.0em;
    margin-bottom: 7px;
}

#RubView li:not(.cms-between) h2 {
    font-size: 1.0em;
    margin-bottom: 7px;
    height:60px;
}

.FFS-Flex #RubView .itemContent div {
    font-size: 1.0em;
    margin-bottom: 7px;
    height: 60px;
    margin: 0 0 3px 0;
    font-weight: normal;
    line-height: 1.3;
    position: relative;
}


.FFS-Flex #RubView .itemContent .btn-container {
    margin-bottom: 20px;
    margin-top: 0px;
}


#RubView .itemContentNoAnimation {
    background-color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    height: 140px;
    border-top: 1px solid #e3e3e3;
}

#RubView li:hover .itemContent, #RubView #TopProducts li:hover .itemContent,
    #RubView .offerItem:hover .itemContent {
    
}

#RubView .button {
    bottom: 1em;
    position: static;
    padding: 5px;
}

#RubView .offerItem.noprice {
    height: auto;
}

#RubView li .itemlogo {
    position: absolute;
    right: -100px;
    width: 100px;
    top: 10px;
    z-index: 1500;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    pointer-events: none;
}

#RubView input.amountSmall {
    width: 60px;
    height: 32px;
    /*line-height: 40px;*/
    margin-right: 4px;
}

#RubView form {
    height: 37px;
    margin-right: 7px;
    margin-top:0px !important;
}

/***
 * Thumbs in Rubrikenansicht
 */
.rvThumbs {
    position: absolute;
    top: 42%;
    left: -100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #fff;
    padding: 5px;
    z-index: 1001;
    width: 100%;
}

.rvThumbs .moreColours {
    float: right;
    height: 60px;
    line-height: 60px;
    font-family: "Helvetica Neue LT W02_75 Bold";
    color: #0075bc;
    font-size: 30px;
}

.rvThumbs img {
    padding-left: 2px;
    max-width: 44px;
    max-height: 44px;
}

#RubView li:hover .rvThumbs {
    left: 0;
}

/***
 * Thumbs in Listenansicht
 */
.lvThumbs {
    float: left;
    position: relative;
}

.lvThumbs img {
    margin-left: 5px;
    display: inline-block;
}

.slick-slider {
    padding-left: 60px;
    padding-right: 60px;
    width: calc(100% - 15px);
}


.fixedscreen .slick-slider {
    padding-left: 0px;
    padding-right: 0px;
    width: calc(100% - 0px);
}


.slick-arrow {
    color: #f1f1f1;
    font-size: 3em;
    position: relative;
    z-index: 10;
}

.prev-arrow {
    top: 132px;
    left: -55px;
}

.fixedscreen .prev-arrow {
    top: 132px;
    left: -68px;
}

.next-arrow {
    float: right;
    top: -176px;
    left: 28px;
}


.fixedscreen .next-arrow {
    float: right;
    top: -176px;
    left: 29px;
}

#RubView li:hover .itemlogo {
    position: absolute;
    right: 0px;
    top: 10px;
}

#RubView li .itemlogo img {
    margin: 0 auto;
    display: block;
    max-width: 100%;
    background-color: #ffffff;
    padding: 2px;
}

/* ------------------------------------------------------------------------------ */
/* Listenansicht */
.lvThumbs {
    float: left;
    position: relative;
}

.lvThumbs img {
    margin-left: 5px;
    display: inline-block;
}


#ListView ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#ListView li {
    border-bottom: 1px dashed #ccc;
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
    padding-bottom: 10px;
    position: relative;
}

#ListView > ul > li:not(.cms-between) p {
    margin: 0 110px 10px 110px;
}

#ListView .thumb {
    float: left;
    position: relative;
    display: block;
    width: 90px;
    margin-bottom: 10px;
}

#ListView .thumb img {
    display: block;
    max-width: 90px;
}

#ListView .thumb .banner {
    position: absolute;
    top: 0px;
    left: 0px;
    border: none;
}

#ListView .hersteller {
    float: right;
    max-height: 20px;
}

#ListView h3 {
    margin: 0 110px 10px 110px;
    padding: 0;
}


#ListView div.ArticleTitle {
    margin: 0 110px 10px 110px;
    padding: 0;
    position: relative;
    font-size: 1.8em;
}

#ListView i.fa.fa-repeat.isSlc, i.fa.fa-heart.isFavo {
    font-size: 16px;
    vertical-align: text-top;
}


#ListView p {
    margin: 0 110px 10px 110px;
}

#ListView .button {
    margin-right: 2px;
}

#Pages {
    clear: left;
    float: right;
    padding-bottom: 30px;
    display: inline-block;
    z-index: 1;
    position: relative;
}

#Pages strong {
    display: block;
    float: left;
    height: 2em;
    text-align: center;
    line-height: 19px;
    margin: 5px 5px 0 10px;
}

#Pages ul {
    float: left;
    list-style: none;
    padding: 0;
    margin: 0;
}

#Pages a, #Pages li {
    display: block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    text-align: center;
    border-radius: 3px;
    text-decoration: none;
}

#Pages li {
    float: left;
    color: #000;
    background: #e4e4e4;
    font-weight: normal;
    margin: 0 0 4px 4px;
}

#Pages li.active {
    background: #d4d4d4;
}

#Pages li:after {
    content: none;
    margin: 0 0 0 4px;
}

/* Detailseite */
#ZoomContainer {
    position: relative;
    float: left;
    width: 30%;
}

#Zoomlinks {
    position: relative;
    float: left;
    margin: 0 0 20px 0;
}

#zoomzcontainer {
    position: absolute;
    right: 0px;
    top: 0.5em;
    width: 100%;
    height: 450px;
    z-index: 5;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
}

.zoomz {
    visibility: hidden;
}

.zoomz.hover {
    visibility: visible;
}

#zoomField {
    position: absolute;
    cursor: zoom-in;
    background: url('/tradepro/shop/layout/zoomsprite.png') repeat;
    pointer-events: none;
    visibility: hidden;
}

#DetailImageContainer:hover #zoomField {
    visibility: visible;
}

#DetailImageContainer {
    position: relative;
    display: block;
    overflow: hidden;
}

#DetailImage {
    display: block;
    width: 100%;
    height: auto;
}

#DetailThumbs {
    padding: 8px 0;
    overflow: hidden;
}

#DetailThumbs a {
    float: left;
}

#DetailThumbs img {
    display: block;
    width: 43px;
    margin: 1px;
}

#ZoomlinkInfo {
    clear: left;
    margin: 0;
    padding: 5px 0;
    text-align: center;
}

/* WIP FE*/

@media screen and (min-width: 1193px) {
    .det .DetailContent #DetailInfo {
        margin-bottom: 143px;
    }
}



#DetailInfo {
    float: right;
    margin: 0 3.1% 20px 2%;
    width: 64%;
    position: relative;
    padding: 0 5px;
}

#DetailInfo h3 {
    margin: 0 0 20px 0;
    line-height: 1.5;
    font-weight: normal;
    position: relative;
    font-size: 1.5em;
}

#DetailInfo h1 {
    margin: 0 0 20px 0;
    line-height: 1.5;
    font-weight: normal;
    position: relative;
    font-size: 2.5em;
}

#DetailInfo ul {
    padding-left: 0;
}

#DetailInfo ul li, .Info ul li {
    list-style-type: disclosure-closed;
    list-style-position: inside;
}

#DetailHersteller {
    float: right;
    max-width: 100px;
}

#DetailAttributes {
    margin: 0;
}

#readmorecontainer {
    margin: 0 0 2em 0;
    overflow: hidden;
}

#DetailAttributes dt {
    float: left;
    clear: left;
    width: 40%;
    margin: 0 0 10px 0;
    font-family: "Helvetica Neue LT W02_75 Bold";
    word-break: break-all;
}

#DetailAttributes dd {
    float: left;
    margin: 0 0 10px 0;
    width: 60%;
}

.hToggle {
    display: block;
    position: relative;
    margin: 0 0 30px 0;
    overflow: hidden;
    padding-bottom: 0;
}

#DetailMoreInfos {
    clear: right;
    float: right;
    margin: 10px 10px 0 0;
}

#DetailTableLoading {
    clear: left;
    margin: 10px 0;
    text-align: center;
}

#DetailTableShow {
    clear: both;
}

#DetailTable .fastpageicon {
    width: auto;
    height: 12px;
}

#DetailFastpageAllArticles {
    /* clear: right; */
    float: right;
    margin: 10px 10px 0 0;
}

#submitform {
    clear: both
}

#DetailTable, #DetailCross {
    border-collapse: separate;
}

#DetailCross {
    flex: 2;
}

#DetailTable tbody tr:nth-child(2n) {
    background: #eee;
}

.InnerContainer {
    /*	max-width: 1200px;  */
    margin: auto;
}

.RubMaxWidth {
    max-width: 350px;
    height: 334px;
}

.RubMaxWidthButtons {
    max-width: 350px;
    height: 350px;
}

#DetailCross td, #DetailTable th, #DetailTable td {
    padding: 5px 10px;
    position: static;
    font-size: 1em;
}

.DetailCross .thumb {
    width: 100px;
    text-align: center;
}

.DetailCrossList li {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.artCMS .DetailCrossList .inactive {
    height: 0px;
}

#PrintView #PrintHead img {
    margin: 10px 5px;
}

#DetailCross h2 {
    line-height: 2.5em;
    font:normal 1.6em "Helvetica Neue LT W05 55 Roman";
}

.DetailCrossHeadline .toggle_position {
    padding: 10px;
    position: relative;
    top: 3px;
}

.InfoHead .Toggle, .Info .Toggle, .DetailHeadline .Toggle {
    Display: inline;
    margin: 10px;
}

#DetailTable th, #DetailTable th i {
    background: #f1f1f1;
    color: #000;
}

.Toggle i {
    font-size: 1em;
    margin-top: 5px;
}

#detTab {
    clear: both;

    /* WIP FE ---> auskommentiert siehe unten*/ 

    
  
    /* padding-bottom: 2em; */
    /*	max-width:1200px; */
    margin: auto;
}

#detTab .resp-tab-content {
    padding: 2em 0 0;
}

div#video {
	clear:left;
    width: 50%;
}

/* Detailtabs Artikeltabelle */
#detTab .ShopTable {
    margin-top: 0;
}

.ShopTable th.DetailLiefer i {
    font-size: 1.5em;
}

.technische_daten_container {
    position: relative;
    float: left;
	width: 100%;
}

.technischer_container {
    width: calc(50% - 5px);
    position: relative;
}

.technische_daten_container>div:nth-of-type(2n+1) {
    float: left;
}

.technische_daten_container>div:nth-of-type(2n) {
    float: right;
}

.technischer_container>div:nth-of-type(2n+1) {
    background-color: #f1f1f1;
}

.technischer_container>.technische_line.technischer_header {
    padding: 2px 10px;
    background-color: #f1f1f1;
    color: #000;
}

.technische_line>div {
    width: 50%;
    display: inline-block;
    padding: 2px 10px;
}

.sav_variation_banner {
    background-color: #0075bc;
    color: #fff;
    font-size: 25px;
    padding: 10px;
    position: relative;
}

.sav_variation_banner.sav_ico:before {
    font-family: "icomoon";
    margin-right: 10px;
    top: 2px;
    position: relative;
}

.sav_variation_banner.info:before {
    content: "\e91a";
}

.sav_variation_banner.wrench:before {
    content: "\e923";
}

.einzelansicht {
    padding: 5px 10px;
}

/* Detailtabs Downloads */
#downloadList {
    width: 50%;
    padding: 2em 0em;
}

#downloadList li {
    height: 2em;
    line-height: 2em;
    margin-bottom: .5em;
}

#downloadList li i {
    font-size: 1.33em;
    margin-right: .5em;
    color: #ccc;
}

#downloadList li i:before {
    content: "\e92b";
    color: #0075BC;
}

#downloadList li:hover i:before {
    content: "\e92b";
    color: #0075BC;
}

#downloadList a.button {
    float: right;
    padding: 0 1em;
    height: 1.8em;
    margin-top: .1em;
}

.resp_tabs_cont {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    height: auto;
    border-bottom: 1px solid #ccc;
}

/* Detailtabs Videos */
.videoContainer {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    margin-bottom: 2em;
}

.videoContainer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* ------------------------------------------------------------------------------ */
/* Detailvideo*/
.artVideo{
    margin-bottom:84px;
}

@media screen and (min-width: 1193px) {
    .artVideo{
        margin-bottom:143px;
    }
}

.artVideoContainer-item{
    position: relative;
    max-width:800px;
    margin-bottom: 3em;
    
}
.artVideoContainer-item-video {
    position: relative;
    overflow: hidden;
    width: 100%;   
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
    margin-bottom: 3em;
  }
  
@media screen and (min-width: 1193px) {
  .det .artVideoContainer-item .artVideoContainer-item-title {
    margin-top: 0;
  }
}

  /* Then style the iframe to fit in the container div with full height and width */
  .responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;   
    width: 100%;
    height: 100%;
  }



/* ------------------------------------------------------------------------------ */
/* Detailbuttons */
#DetailBack {
    
}


.fixedscreen #DetailScart {
    padding: 7px 30px;
    margin: 23px 56px;
}


 

#DetailPrint {
    margin: 0 10px 0 0;
}

/* Detailtabelle */
#DetailTable a.nolink {
    cursor: default;
    color: #333;
}

#DetailTable a:hover {
    text-decoration: none;
}

#DetailTable .showmobile {
    display: none;
}

#DetailTableClone {
    position: relative;
    overflow: hidden;
    max-width: 100%;
}

#DetailTableCloneConf {
    position: relative;
    
}


#ScartSteps {
    position: relative;
    list-style: none;
    width: 100%;
    height: 60px;
    overflow: hidden;
    margin: 0 0 20px 0;
    padding: 0;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
}

#ScartSteps after {
    border-left: 15px solid rgb(243, 243, 243);
}

#ScartSteps li:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 15px solid rgb(255, 255, 255);
    position: absolute;
    top: 50%;
    margin-top: -30px;
    left: 100%;
    z-index: 2;
}

#ScartSteps li.active:after {
    border-left: 15px solid rgb(243, 243, 243);
}

#ScartSteps li:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 15px solid #e2e2e2;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    margin-left: 1px;
    left: 100%;
    z-index: 1;
}

#ScartSteps li {
    position: relative;
    width: 25%;
    height: 60px;
    float: left;
}

#ScartSteps li div {
    width: 100%;
    height: 60px;
}

#ScartSteps li strong {
    position: absolute;
    bottom: 5px;
    left: 40px;
    font-size: 2.8em;
    font-weight: normal;
    color: #bbb;
}

#ScartSteps li p {
    /*font-size: 12px;*/
    display: inline;
    bottom: 20px;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 70px;
    color: #999;
}

#DetailCross th, #ScartTable th, #ERPTable th, #DirectOrderTable th,
    .ShopTable th {
    /*font-size:1.6em;*/
    border-bottom: 1px solid #ccc;
    border-left: 0;
    border-right: 0;
    text-align: left;
    vertical-align: top;
}

#CCTable .headLeft, #ScartTable .headLeft {
    text-align: left;
}

#CCTable .headRight, #ScartTable .headRight {
    text-align: right;
}

#CompareTable td {
    border-bottom: 1px solid #ccc;
}

#CompareTable .Order th, #CompareTable .Order td {
    border-bottom: 0px;
}

.ShopTable td {
    position: relative;
    font-weight: normal;
}

.ShopTable .Article .previewthumb {
    width: 90px;
    height: auto;
    vertical-align: top;
}

#CCTable {
    margin-top: 20px;
}

#CCTable th {
    /*font-size:1.2em;*/
    border-bottom: 1px solid #ccc;
}

#ScartSteps li.active {
    background-color: #f3f3f3;
}

#ScartSteps li.active strong {
    color: #999;
}

#ScartSteps li.active p {
    color: black;
}

#DirectOrderTable {
    /*margin-bottom: 40px;*/
    margin-top: 0;
    border-bottom: 1px solid #ccc;
    max-width: 100%;
}

#DirectOrderTable th {
    padding: 12px 10px;
}

#DirectOrderTable #MengeWert {
    width: 45px;
}

.ShopTable thead>tr {
    border: none;
}

.tableBreak {
    border-top: 1px solid #ccc;
}

.ShopTable strong, .ShopTable strong b {
    font-weight: normal;
}

.ShopTable p {
    margin-top: 0;
}

.CCinArticle>span {
    display: block;
}

.CCinArticle>.CCLabel {
    float: left;
    text-align: left;
}

.CCinArticle>.CCInput {
    float: right;
}

.CCinArticle>.CCInput>input, .CCinArticle>.CCInput>select {
    box-sizing: border-box;
    min-width: 60%;
}

.ShopTable hr {
    border: 1px #ccc;
    border-style: none none dashed none;
}

#ScartOrderButton {
    text-align: right;
    width: 40%;
    overflow: hidden;
    border-left: 1px solid #ccc;
}

#WaitSubmit {
    display: none;
}

/* ------------------------------------------------------------------------------ */
/* Shop-Formulare */
.ShopForm, .ShopFormNB, .ShopForm td, .ShopFormNB td{
	border:none;
}
.ShopForm, .ShopFormNB{
	width:50%;
}
.ShopForm .PLZ, .ShopFormNB .PLZ { width:25% !important; margin:0 2% 0 0; }
.ShopForm .Ort,  .ShopFormNB .Ort { width:62% !important; }

/*.ShopForm input[type='checkbox'], .ShopFormNB input[type='checkbox']{
	width:auto;
}*/

.ShopForm input, .ShopForm select, .ShopForm textarea,
.ShopFormNB input, .ShopFormNB select, .ShopFormNB textarea{
	width:90% !important;
	box-sizing:border-box;
}

#ScarStepsExplain {
    width: 56%;
}

#ScartOrderButton select {
    width: 95% !important;
}

#ScartOrderButton .os_scart_payment_txt {
    margin: 1em 0 0 0;
}

#scartFooter table td, #scartSummary table td {
    border: none;
}


/* ------------------------------------------------------------------------------ */
/* Breadcrum */
#Breadcrum {
    padding-bottom: 30px;
}

#Breadcrum strong {
    margin-right: 6px;
}

#Breadcrum a {
    margin-right: 6px;
    color: #333;
}

#Breadcrum a:hover {
    color: #006bbb;
    text-decoration: none;
}

#Breadcrum ul {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
}

#Breadcrum li {
    display: inline;
}

#Breadcrum li a {
    padding-left: 12px;
    background: url(/tradepro/shop/layout/breadcrum_arrow.gif) left 0.5em
        no-repeat transparent;
}


/* Meine Startseite */
#customerMenu a div.TwoColumns {
    background-color: #eee;
    margin-bottom: 1%;
    overflow: hidden;
    position: relative;
}

.TwoColumns {
    width: 49%;
    margin-left: 0.5%;
    margin-right: 0.5%;
}

.TwoColumns h2 {
    font-weight: normal;
}

#customerMenu a:hover div.TwoColumns {
    background-color: #0075bc;
}

#customerMenu a:hover * {
    color: #fff;
}

#customerMenu>a>div>i {
    font-size: 10em;
    color: #ccc;
    margin-left: -5%;
}

#customerMenu div.textContainer {
    position: absolute;
    top: 0.4em;
    left: 10em;
    margin-right: 2%;
}

#customerMenu div.textContainer div {
    font-size: 1.4em;
    margin: 10px 0px 10px 0px;
}

#myIndex .textbox {
    float: left;
    width: 500px;
    position: relative;
}

#myIndex .card {
    position: relative;
    float: right;
    width: 319px;
    background-color: #fff;
    padding: 10px;
    border: 1px solid #CCCCCC;
}

#myIndex .card p {
    float: left;
    line-height: 14px;
    margin-bottom: 0px;
    font-size: 10px;
    margin-left: 11px;
    position: relative;
    top: 0px;
}

/* Rubrikenansicht */
#SearchFilter {
    position: relative;
    clear: left;
    border-bottom: 1px solid #e6e6e6;
    border-width: 1px 0;
    margin-bottom: 20px;
    padding: 10px 5px;
    height: 50px;
}

#SearchFilter select {
    float: right;
    padding: 0.3em;
    border-radius: 3px;
    margin-right: 7px;
}

#SearchFilter .layoutSwitch {
    background: #f1f1f1;
    border: 1px solid #ccc;
    padding: 3px 6px;
    font-size: 16px;
    float: left;
    margin-left: 7px;
}

#SearchFilter .layoutSwitch i {
    font-size: 14px;
    color: #999
}

#SearchFilter .layoutSwitch.active {
    background: #0075bc;
    border: 1px solid #0075bc;
    cursor: pointer;
}

#SearchFilter .layoutSwitch.active i {
    color: #fff;
}

#SearchFilter #ffsRub.inactive {
    border-left: none;
}

#SearchFilter a.layoutSwitch.inactive:hover i {
    color: #333;
}

.image_container.float_right, .image_container.float_left {
    max-width: 330px;
}

#myIndex .RubView {
    margin-bottom: 20px;
}

#myIndex .RubView ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#myIndex .RubView li {
    position: relative;
    float: left;
    margin: 0px 15px 20px 0;
    width: 135px;
    height: 200px;
    border: 1px solid #ccc;
    background-color: #f3f3f3;
}

#myIndex .RubView .thumb {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
}

#myIndex .RubView .thumb img {
    width: 100%;
    height: auto;
    margin-top: 0;
}

#myIndex .RubView h3 {
    position: relative;
    margin: 0 10px 10px 10px;
    padding: 10px 0 0 0;
}

#myIndex .RubView p {
    margin: 0 5px;
    padding: 0;
    line-height: initial;
}

/* ------------------------------------------------------------------------------ */
/* Payment */
#PaymentInfo {
    display: none;
}

#tabnav {
    
}

#tabnav .menu {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 44px;
}

#tabnav .menu li {
    float: left;
    padding: 8px 10px;
}

#tabnav .menu li.active {
    border: 1px solid #ccc;
    padding: 4px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    background-color: #f3f3f3;
}

#tabnav .menu li a {
    display: block;
    width: 50px;
    height: 32px;
    background: url(/tradepro/shop/layout/payment_light.gif) no-repeat;
}

#tabnav .menu li a.tab1 {
    background-position: -100px 0;
}

#tabnav .menu li a.tab2 {
    background-position: -150px 0;
}

#tabnav .menu li a.tab3 {
    background-position: -50px 0;
}

#tabnav .menu li a.tab4 {
    background-position: 0 0;
}

#tabnav .menu li a.tab5 {
    background-position: -200px 0;
}

#tabnav .menu li a.tab6 {
    background-position: -250px 0;
}

#tabnav .menu li a.tab7 {
    background-position: -300px 0;
}

#tabnav .menu li a.tab8 {
    background-position: -350px 0;
}

#tabnav .menu li a.tab9 {
    background-position: -400px 0;
}

#tabnav .content {
    clear: left;
    height: 600px;
    overflow: auto;
    background: white;
    margin: 20px 0 0 0;
    padding: 10px;
}

.TableTwoColumns {
    width: 50%;
    clear: none;
}

/* Warenkorb aktualisieren */
.scartRefresh {
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    display: none;
    position: relative;
    top: 3px;
    box-shadow: none;
    text-shadow: none;
}

.scartRefresh, .scartRefreshDummy {
    width: 22px;
    height: 20px;
}

/* Geschenkartikel */
.Gift {
    min-height: 120px;
    overflow: hidden;
}

.Gift .thumb {
    float: left;
}

.Gift .thumb img {
    width: 90px;
}

.Gift .content {
    margin-left: 100px;
}

.Gift .content .GiftTitle {
    margin: 0 0 1em 0;
    clear: none;
    font-size:1.3em;
    position:relative;
}

.Gift .content a strong {
    color: #0066bb;
}

.Gift .content p {
    margin: 0 0 1em 0;
}

.Gift .content button {
    padding: 0 10px;
    width: 100%;
    white-space: normal;
}

html .rotating-boxes-item-content, html .rotating-boxes-item-cover, html .ce_accordion .toggler,
    html .ce_accordion .accordion, html .ce_accordion+.ce_accordion .toggler
    {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    border: 1px solid #e5e5e5;
}

.CMS.twocolumnleft section.main-content {
    width: 72%;
    margin: 2.5em 0 0 2%;
    float: right;
}

.CMS .content-wrapper {
    max-width: 1180px;
}

.CMS.twocolumnleft aside.sidebar {
    width: 22.22222%;
    margin: 2.5em 0 0 0;
}

.CMS .sidebar li .active {
    font-family: "Helvetica Neue LT W02_75 Bold";
}

.CMS sup, .CMS sub {
    font-size: .83em;
    line-height: 0.5em;
    vertical-align: baseline;
    position: relative;
}

.CMS sup {
    top: -0.4em
}

.CMS sub {
    bottom: -0.4em
}

/******* ANPASSUNG KONTAKTFORMULAR *******/
.h3bottom {
    border-bottom: 1px solid #ccc;
}

.kontakt-25 {
    width: 25%;
    float: left;
}

.kontakt-75 {
    width: 73%;
    float: left;
    margin-left: 2%;
}

/* jQuery Zoomz */
.zoomz {
    overflow: hidden;
    position: relative;
    display: inline-block;
    font-size: 0
}

.zoomz img {
    display: block
}

.zoomz .target {
    position: absolute;
    opacity: 0;
    transition: opacity .5s
}

.zoomz.hover .target {
    opacity: 1
}

.zoomz-ready {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.hidden {
    display: none; /* war mal !important */
}

#scart-popup-container {
    top: 300px;
    right: 10px;
    height: 800px;
    width: 400px;
    z-index: 7001;
    pointer-events: none;
    position: fixed;
}

#scart-popup-container .scart-add-popup .title {
    color: #797979;
}

.scart-add-popup {
    padding: 5px 5px 5px 90px;
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid #0075bc;
    margin-bottom: 5px;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, .35);
    display: none;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.scart-add-popup .background {
    position: absolute;
    top: -70px;
    left: 80px;
    right: 0;
    bottom: 0;
    overflow: hidden;
    text-align: center;
    z-index: 1;
}

.scart-add-popup .background i {
    top: -128px;
    text-align: center;
}

#scart-popup-container .scart-add-popup .background i {
    color: rgba(0, 117, 188, .2);
    font-size: 280px;
}

.scart-add-popup .amount {
    font-family: "Helvetica Neue LT W02_75 Bold";
}

.scart-add-popup .image {
    width: 80px;
    min-height: 80px;
    float: left;
    margin-left: -85px;
    position: relative;
    z-index: 2;
}

.scart-add-popup .title {
    position: relative;
    z-index: 2;
}

.scart-add-popup .image img {
    max-width: 80px;
    max-height: 80px;
}

tr.alternating:nth-of-type(2n+1) td,
.manual-odd td {
    /* odd = ungerade = 1, 3, 5,... */
    background-color: #FFF;
}

tr.alternating:nth-of-type(2n) td,
.manual-even td{
    /* even = gerade = 2, 4, 6,... */
    background-color: #F1F1F1;
}

/*
 * Login-Seite für geschlossenen Shop
 */
body.closed-shop-login {
    background-color: #0075BC;
}

body.closed-shop-login .login-box {
    position: relative;
    width: 430px;
    max-width: 90%;
    margin: 10% auto;
}

body.closed-shop-login .login-box>div {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .5);
    padding: 15px;
    box-shadow: 0 0 5px rgba(213, 166, 26, .5);
    border-radius: 6.66px;
}

body.closed-shop-login .login-box p {
    color: #ccc;
    margin-top: 20px;
    font-size: 10px;
    text-align: center;
    line-height: 1.4em;
}

body.closed-shop-login label {
    display: block;
    font-family: "Helvetica Neue LT W02_75 Bold";
}

body.closed-shop-login input {
    margin-bottom: 15px;
    width: 96%;
}

.updowncontainer i {
    display: block;
}

.menge+.updowncontainer {
    /* nur anzeigen wenn Mengenfeld vorhanden */
    width: 1.1em;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

.increase, .decrease {
    cursor: pointer;
    display: block;
    color: #fff;
    background-color: #000;
    font-size: 10px;
    padding: 2px;
    text-align: justify;
    margin: 2px;
    margin-top: 4px;
}

/***
 * 	 STRIPE CSS
 */
/* MODAL BEI PAYMENT PROZESS */
#stripe-modal-wrapper {
    display: none;
    position: fixed;
    z-index: 20000201;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.3);
    width: 100%;
    height: 100%;
}

#stripe-modal {
    width: 300px;
    height: auto;
    background: none;
    text-align: center;
    color: #202020;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -150px;
    margin-top: -100px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/* STATUS IN BESTELLÜBERSICHT */
span.stripestatus {
    display: inline-block;
    color: #fff;
    width: 100px;
    height: 26px;
    border-radius: 3px;
    font-size: .85em;
    line-height: 26px;
    display: inline-block;
    text-align: center;
    text-shadow: 0 0 1px #000;
}

.stripestatus-green, .stripestatus-green i {
    color: #fff;
    background-color: #3e8600
}

.stripestatus-red, .stripestatus-red i {
    color: #fff;
    background-color: #7f0000
}

.stripestatus-orange, .stripestatus-orange i {
    color: #fff;
    background-color: orange
}

.stripestatus-grey, .stripestatus-grey i {
    color: #fff;
    background-color: #ccc
}

.stripestatus-blue, .stripestatus-blue i {
    color: #fff;
    background-color: rgba(43, 134, 186, 1)
}

/* STRIPE ENDE */
.flags {
    position: relative;
    bottom: -4px;
}

.erpbutton {
    min-width: 70px;
    background-color: #fff;
    display: inline-block;
    border: 1px solid #000;
    text-align: center;
    font-size: 12px;
    color: #000;
}

a.erpbutton:hover {
    color: #fff;
    background-color: #177ebb;
}

#languageselector, #languageselector2 {
    padding: 0;
    font-size: 14px;
    box-shadow: none;
    border: none;
    background-color: transparent;
    color: #333;
    width: 45px !important;
}

/* PassMeter (kundendaten ändern) */
/* Passmeter */
.pwtest {
    width: 80%;
    font-family: "Helvetica Neue LT W02_75 Bold";
    text-align: center;
}

.pwtest.passMeter-bad {
    background: #e3010b;
    color: #fff;
    box-shadow: inset 0px 0px 9px #920000;
}

.pwtest.passMeter-low {
    background: yellow;
    color: #000;
    box-shadow: inset 0px 0px 9px #909200;
}

.pwtest.passMeter-good, .pwtest.passMeter-strong {
    background: lightgreen;
    color: #000;
    box-shadow: inset 0px 0px 9px #00ad00;
}

#footer>div.ce_text, #footer #CreditInfoWrapper {
    background-color: transparent;
}

.categoryselector {
    position: absolute;
    font-size: 15px;
    left: 0;
    top: 0;
    height: 42px;
    background-color: #f1f1f1;
    color: #000;
    border: 1px solid #ccc;
    padding: 9px 8px 0 8px;
    overflow: hidden;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

#categorydropdown {
    left: 0;
    right: 0;
    top: 0;
    bottom: 4px;
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.block_links {
    width: 300px;
    height: 50px;
    position: absolute;
    left: -305px;
}

.block_rechts {
    width: 300px;
    height: 50px;
    position: absolute;
    right: -305px;
}

.innerScrollDetailTable {
    overflow: auto;
    /*width: 100%;
	 height: 200px;*/
}

.innerScrollDetailTableConf {
    overflow: auto;
    width:100%;
    /*width: 100%;
	 height: 200px;*/
}

#DetailTable th.fixedColumn {
    position: sticky;
    left: 0;
    z-index: 1;
}

#DetailTableCloneConf th.fixedColumn {
    position: sticky;
    left: 0;
    z-index: 1;
}

#DetailTableCloneConf table {
	border-spacing:2px 0px;
}

#DetailTable th.lastFix {
    position: sticky;
    right: 0;
    z-index: 1;
}

#DetailTableCloneConf th.lastFix {
    position: sticky;
    right: 0;
    z-index: 1;
}

#DetailTable td.fixedColumn {
    position: sticky;
    left: 0;
    z-index: 1;
}

#DetailTableCloneConf td.fixedColumn {
    position: sticky;
    left: 0;
    z-index: 1;
    
}

#DetailTable td.lastFix {
    position: sticky;
    right: 0;
    z-index: 1;
}

#DetailTableCloneConf td.lastFix {
    position: sticky;
    right: 0;
    z-index: 1;
}

.asn_colorbox {
    display: block;
    height: 40px;
    list-style: none;
    margin: 0 auto;
    padding: 0;
}

.colorbox {
    float: left;
    display: block;
    margin: 0 10px 10px 0;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 3px;
    box-shadow: 1px 1px 1px #ccc;
}

.rainbow {
    background: -moz-linear-gradient(top, rgba(253, 0, 23, 1) 0%,
        rgba(253, 0, 23, 1) 16%, rgba(253, 151, 42, 1) 17%,
        rgba(253, 151, 42, 1) 33%, rgba(254, 253, 66, 1) 34%,
        rgba(254, 253, 66, 1) 50%, rgba(59, 254, 60, 1) 51%,
        rgba(59, 254, 60, 1) 67%, rgba(28, 156, 251, 1) 68%,
        rgba(28, 156, 251, 1) 84%, rgba(104, 61, 249, 1) 85%,
        rgba(104, 61, 249, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(253,
        0, 23, 1)), color-stop(16%, rgba(253, 0, 23, 1)),
        color-stop(17%, rgba(253, 151, 42, 1)),
        color-stop(33%, rgba(253, 151, 42, 1)),
        color-stop(34%, rgba(254, 253, 66, 1)),
        color-stop(50%, rgba(254, 253, 66, 1)),
        color-stop(51%, rgba(59, 254, 60, 1)),
        color-stop(67%, rgba(59, 254, 60, 1)),
        color-stop(68%, rgba(28, 156, 251, 1)),
        color-stop(84%, rgba(28, 156, 251, 1)),
        color-stop(85%, rgba(104, 61, 249, 1)),
        color-stop(100%, rgba(104, 61, 249, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(253, 0, 23, 1) 0%,
        rgba(253, 0, 23, 1) 16%, rgba(253, 151, 42, 1) 17%,
        rgba(253, 151, 42, 1) 33%, rgba(254, 253, 66, 1) 34%,
        rgba(254, 253, 66, 1) 50%, rgba(59, 254, 60, 1) 51%,
        rgba(59, 254, 60, 1) 67%, rgba(28, 156, 251, 1) 68%,
        rgba(28, 156, 251, 1) 84%, rgba(104, 61, 249, 1) 85%,
        rgba(104, 61, 249, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(253, 0, 23, 1) 0%,
        rgba(253, 0, 23, 1) 16%, rgba(253, 151, 42, 1) 17%,
        rgba(253, 151, 42, 1) 33%, rgba(254, 253, 66, 1) 34%,
        rgba(254, 253, 66, 1) 50%, rgba(59, 254, 60, 1) 51%,
        rgba(59, 254, 60, 1) 67%, rgba(28, 156, 251, 1) 68%,
        rgba(28, 156, 251, 1) 84%, rgba(104, 61, 249, 1) 85%,
        rgba(104, 61, 249, 1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(253, 0, 23, 1) 0%,
        rgba(253, 0, 23, 1) 16%, rgba(253, 151, 42, 1) 17%,
        rgba(253, 151, 42, 1) 33%, rgba(254, 253, 66, 1) 34%,
        rgba(254, 253, 66, 1) 50%, rgba(59, 254, 60, 1) 51%,
        rgba(59, 254, 60, 1) 67%, rgba(28, 156, 251, 1) 68%,
        rgba(28, 156, 251, 1) 84%, rgba(104, 61, 249, 1) 85%,
        rgba(104, 61, 249, 1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd0017',
        endColorstr='#683df9', GradientType=0); /* IE6-9 */
    background: linear-gradient(top, rgba(253, 0, 23, 1) 0%,
        rgba(253, 0, 23, 1) 16%, rgba(253, 151, 42, 1) 17%,
        rgba(253, 151, 42, 1) 33%, rgba(254, 253, 66, 1) 34%,
        rgba(254, 253, 66, 1) 50%, rgba(59, 254, 60, 1) 51%,
        rgba(59, 254, 60, 1) 67%, rgba(28, 156, 251, 1) 68%,
        rgba(28, 156, 251, 1) 84%, rgba(104, 61, 249, 1) 85%,
        rgba(104, 61, 249, 1) 100%); /* W3C */
}

#ShopMenu .asn_colorbox li:before, .colorbox:before {
    content: "";
}

.colorbox a:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.6) 0%,
        rgba(255, 255, 255, 0) 100%);
    z-index: 100;
}

#ShopMenu {
    position: relative;
    background: none;
    float: right;
    width: 270px;
    margin-bottom: 20px;
}

#ShopMenu .Filter {
    display: none
}

#ShopMenu section, #ShopMenu>div {
    background-color: #fff;
}

#ShopMenu>div#Filter {
    background: none;
}

#ShopMenu .angebote li {
    margin-bottom: 10px;
}

#ShopMenu .angebote li:before {
    content: "";
}

#ShopMenu>section, #ShopMenu>#Filter>section, #ShopMenu>.ce_text {
    border-bottom: 1px solid #ccc;
    padding: 10px 10px 10px 10px;
    /*margin-bottom:15px;*/
    position: relative;
}

#ShopMenu>*, #ShopMenu>#Filter>* {
    border: 1px solid #f1f1f1;
    margin: 0 0 1.5em 0;
}

#ShopMenu.FFSMenu {
    float: left;
}

er {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border: none;
}

/*#ShopMenu h1 {
	font-size: 1.3em;
	text-shadow: 1px 1px 0 white;
	margin: 0;
	position: relative;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	color: #242424;
}*/
#ShopMenu h1 .ASN_Toggle, .toggle {
    background: url("/tradepro/shop/layout/ASN_toggle.png") no-repeat scroll
        left top transparent;
    height: 18px;
    position: absolute;
    right: 5px;
    top: 2px;
    width: 18px;
    cursor: pointer;
}

#ShopMenu h1 .ASN_Toggle.close, .toggle.close {
    background-position: left bottom;
}

#ShopMenu>#Filter {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border: none;
}

#ShopMenu h6 {
    color: #ff00ff;
}

#ShopMenu h1 {
    font-size: 1em;
    text-shadow: 1px 1px 0 white;
    margin: 0;
    position: relative;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    padding-right: 25px;
}

#ShopMenu h1 .ASN_Toggle, .toggle {
    background: url("/tradepro/shop/layout/ASN_toggle.png") no-repeat scroll
        left top transparent;
    height: 16px;
    position: absolute;
    right: 5px;
    top: 2px;
    width: 18px;
    cursor: pointer;
}

#ShopMenu h1 .ASN_Toggle.close, .toggle.close {
    background-position: left bottom;
}

#ShopMenu ul {
    margin: 10px 0 0 0;
    padding: 0;
    list-style: none;
}

#ShopMenu.NoMargin ul, #DirectOrderTable button {
    margin-top: 0px;
}

#ShopMenu li:before {
    position: absolute;
    font-family: "icomoon";
    content: "\e907";
    margin-top: 0.7em;
    font-size: 0.6em;
    text-indent: 1px;
}

#ShopMenu li {
    position: relative;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

#ShopMenu li.active {
    background-color: #0075bc;
    color: #fff;
    margin-bottom: 3px;
}

#ShopMenu li.active a:after {
    position: absolute;
    font-family: "icomoon";
    content: "\ea0f";
    top: 0.7em;
    right: 6px;
    color: #fff;
    font-size: 9px;
}

#CMS #ShopMenu li.active a:after {
    content: "";
}

#ShopMenu li.open {
    background-image: url(/tradepro/shop/layout/arrow_down.png);
    background-position: 0 3px;
}

#ShopMenu section a {
    display: block;
    margin: 0 0 0 15px;
    padding: 0.4em 0 0.4em 0;
    color: #333;
}

#ShopMenu section a:hover {
    color: #e3010b;
    text-decoration: none;
}

#ShopMenu li.active a {
    color: #fff;
}

#ShopMenu section a.button:hover {
    color: #fff;
}

#ShopMenu a.active:after {
    font-family: 'FontAwesome';
    font-size: 1em;
    float: right;
    content: '\f00d';
    padding-top: 0.2em;
    padding-right: 5px;
    line-height: 100%;
}

#ShopMenu section span {
    color: #999;
}

#ShopMenu select {
    width: 100%;
    margin-bottom: 10px;
}

#ShopMenu .level2 {
    margin-left: 12px;
}

#topseller span {
    font-weight: normal;
}

#topseller span::after {
    content: ")"
}

#topseller span::before {
    content: "("
}

/* Kundenkonto */
#CustAccount a#os_link_customer {
    margin: 0;
    padding: 0;
    display: block;
    /*position: relative;*/
}

#CustAccount img {
    position: absolute;
    top: 10px;
    right: 10px;
    max-width: 50px;
}

#CustAccount form {
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}

#CustAccount form>div {
    position: relative;
    margin-top: 5px;
    clear: both;
}

#CustAccount form>div:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#CustAccount form label {
    float: left;
    width: 33%;
    margin: 6px 0 6px 0;
    padding: 0;
    line-height: 20px;
}

#CustAccount form input.Input {
    float: right;
    width: 66%;
    box-sizing: border-box;
}

#CustAccount form button.Submit {
    padding: 5px 15px;
    float: right;
}

/* Zuletzt gesehen */
#CustLastEmpty {
    background: none;
}

#ShopMenu #CustLastEmpty:before {
    content: "";
}

.elasticsearchbackground {
    background-image: url('/tradepro/shop/elastic.png');
    background-repeat: no-repeat;
    background-position: center;
    background-position: 90%;
}

.factfinderbackground {
    background-image: url('/tradepro/shop/fact-finder.png');
    background-repeat: no-repeat;
    background-position: center;
    background-position: 90%;
}

/* Contao Geraffel für Slider Inhalte neues Design */
.image_container {
    margin: 0;
}

.slider-content h1 {
    line-height: 0;
}

.mWidth500 {
    margin-top: 0.5 vw;
    max-width: 25vw;
    display: block;
    font-size: 1vw;
    background-color: #f1f1f1;
    opacity: 0.8;
    padding: 1vw;
    display: flex;
    margin: 0;
    margin-bottom: 0.5 vw;
}

.teaser_center {
    display: table-cell;
    vertical-align: middle;
}

.teaser_block {
    max-width: 50%;
    display: block;
}

.fixedscreen .teaser_block {
	max-width:100%;
}

.teaser_container {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    margin-bottom: 60px;
}

.teaser_image {
    display: block;
    background-size: auto 100%;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}

.teaser_flatbox {
    margin-top: 0%;
    width: 50%;
    bottom: 0px;
    position: relative;
    display: table;
    text-align: center;
    height: 400px;
}

.teaser_rechts .teaser_flatbox {
    margin-left: 50%;
}

.teaser_rechts .teaser_image {
    background-position: left;
}

.teaser_rechts .teaser_block {
    float: left;
}

.teaser_links .teaser_block {
    float: right;
}

.teaser_links .teaser_flatbox {
    margin-left: 0%;
}

.teaser_links .teaser_image {
    background-position: right;
}

.teaserTopicBlack {
    background: #000;
    opacity: 1;
    font-size: 1.2 vw;
    color: #fff;
    padding: 15px;
    display: inline-block;
    margin-top: 20px;
}

.teaserTextBlack {
    opacity: 1;
    font-size: 2vw;
    color: #000;
    padding: 5px;
    display: inline-block;
    margin-top: 15px;
    line-height: 2.1 vw;
    font-family: "Helvetica Neue LT W02_75 Bold";
    text-transform: uppercase;
}

.teaserButton .button {
    margin-top: 15px;
    border-radius: 25px;
    text-transform: uppercase;
}

.teaser_weiss {
    background-color: #FFFFFF;
}

.teaser_gelb {
    background-color: #FFD13D;
}

.teaser_gruen {
    background-color: #54B751;
}

.teaser_rot {
    background-color: #E51616;
}

.teaser_blau {
    background-color: #182869;
}

.teaser_blau .teaserTextBlack {
	color:white;

}

.teaser_hellgrau {
    background-color: #f1f1f1;
}

.teaser_dunkelgrau {
    background-color: #545558;
}

.teaser_dunkelgrau .teaserTextBlack {
    color: white;
}

.teaser_schwarz {
    background-color: #000000;
    color:white;
}

.teaser_schwarz .teaserTopicBlack {
    background-color: #555555;
}

.teaser_schwarz .teaserTextBlack {
    color: white;
}

.sliderTopicBlack {
    background: #000;
    opacity: 1;
    font-size: 1.2 vw;
    color: #fff;
    margin-bottom: 0.5 vw;
    display: flex;
    justify-content: center;
    align-content: center;
}

.rsts-nav {
    display: flex;
    justify-content: center;
    align-content: center;
    width: 100%;
}

.innerTopicBlack {
    padding: 0.5vw;
}

.topicResponsive {
    left: 2vw;
}

.slider-contentbox-top {
    position: absolute;
    top: 2vw;
}

.slider-contentbox-middle {
    position: absolute;
    left: 3vw;
}

.slider-contentbox-bottom {
    position: absolute;
    bottom: 2vw;
}

.slider-contentbox-left {
    left: 3vw;
}

.slider-contentbox-center {
    left: 3vw;
}

.slider-contentbox-right {
    right: 3vw;
    text-align: right;
}

.slider-subheadline {
    background: #000;
    opacity: 1;
    color: #fff;
    margin: 1em 0 0.1em;
    /*text-align: center;*/
    padding: 0.375rem 0.5rem;
    /*width: 17vw;*/
    font-size: 1.4em;
    display: inline-block;
    font-family: "Helvetica Neue LT W05 55 Roman";
}

.slider-linktext {
    background-color: #0075BCcc;
    color: #fff;
    font-weight: normal;
    font-size: 2.4vw;
    padding: 1rem 0.5rem;
    line-height: unset;
    text-decoration: none;
    margin-top: 0.5vw;
}

.slider-linktext a {
    color: #fff;
    text-decoration: none;
    font-family: "Helvetica Neue LT W05 55 Roman";
}

.slider-linktext a:hover {
    opacity: 0.9;
}

.break {
    flex-basis: 100%;
    height: 0;
}

.sliderBlueTransparent {
    background-color: #0075BC;
    color: #fff;
    font-weight: normal;
    font-size: 2.4vw;
    padding: 1.3vw 1.2vw 1.3vw 1.2vw;
    display: flex;
    opacity: 0.8;
    line-height: unset;
    text-decoration: none;
    margin-top: 0.5vw;
}

.containerFlex {
    display: flex;
    justify-content: center;
    align-content: center;
}

.sliderBlueTransparent:hover {
    text-decoration: none;
    opacity: 0.9;
    color: #fff;
}

.sliderBlueTransparent .ico {
    font-size: 2vw;
    margin-left: 1vw;
    margin-top: -0.2 vw;
}

.pos-tradepro {
    position: absolute;
    left: 3vw;
    top: 2vw;
}

.TopicBlackTradepro {
    max-width: 17vw;
}

.pos-responsive {
    position: absolute;
    left: 4vw;
    top: 0vw;
}

.TopicBlackResponsive {
    max-width: 15vw;
}

.pos-hautpflege {
    position: absolute;
    left: 20vw;
    bottom: 3.2 vw;
}

.TopicBlackHautpflege {
    max-width: 15vw;
}

.pos-visualLinks {
    position: absolute;
    left: 35vw;
    bottom: 5vw;
}

.TopicBlackvisualLinks {
    max-width: 15vw;
}

.slidervisualLinks {
    max-width: 17vw;
}

.TopicBlackKuechenpflege {
    top: 17vw;
    left: 18vw;
}

.pos-Karriere {
    position: absolute;
    bottom: 5vw;
    left: 18vw;
}

.TopicBlackKarriere {
    max-width: 10vw;
}

.sliderKarriere {
    max-width: 20vw;
}

.posPSA {
    bottom: 6vw;
    left: 8vw;
    position: absolute;
}

.TopicBlackPSA {
    max-width: 10vw;
}

.sliderPSA {
    max-width: 45vw;
}

.rsts-skin-default .rsts-nav {
    position: absolute;
    bottom: 30px;
    text-align: right;
    display: flex;
    justify-content: center;
    align-content: center;
    right: unset;
}

.rsts-skin-default .rsts-nav-bullets a {
    width: 20px;
    height: 20px;
    border: 0;
}

.rsts-skin-default .rsts-nav-bullets a:hover, .rsts-skin-default .rsts-nav-bullets a.active
    {
    background-color: #0075BC;
    border: 0;
}

.rsts-prev, .rsts-next {
    display: none;
}

/* Allgemein */
.Width45 {
    width: 45px;
}

.ZweiSpalten {
    width: 49%;
}

.widescreen.CMS .content-wrapper {
    max-width: 100%;
}

.teaser_container {
    /* float: left; */
    display: block;
}

.FormTwoColumns {
    width: 49%;
}

.FormTwoColumns:first-of-type {
    margin-right: 2%;
}

html table {
    border-radius: 0px;
}

.InfoText ul {
    list-style: disc;
    padding: 0px;
}

h2.Info {
    position: relative;
    font-size: 1.8em;
    clear: left;
    margin: 20px 0 5px 0;
    padding: 10px 0 5px 0;
    color: 000;
    border-bottom: 1px solid #ccc;
}



#ListView li {
    border-bottom-style: solid;
}

/* CMS */
.CMS table th.col_first {
    border-left: 0px;
}

.CMS table th.col_last {
    border-right: 0px;
}

.CMS table {
    border-radius: 0px;
}

.CMS table thead th {
    border-bottom: 1px solid #ccc;
}

.CMS table th {
    background-color: #f1f1f1;
}

.CMS table tbody th {
    border-right: 1px solid #ccc;
}

.ce_downloads, .ce_downloads hr {
    border-color: #f1f1f1;
}

.ce_downloads h3 {
    background: #f1f1f1;
    color: #222;
}

/* NEWS */
.naiTextContainer {
    width: 100%;
	padding:20px;
}

.naiTextContainer .teaser {
    display:none;
}

.naiImageContainer {
    display: block;
    width: 100%;
    margin-right: 0%;
    border: 0px solid #fff;
}

.naiImageContainer img {
    display: block;
    float: none;
    height: 150px;
    overflow: hidden;
    object-fit: cover;
    width: 100%;
}

.mod_newslist>div {
    border-bottom: 1px solid #e3e3e3;
    position: relative;
}

.newsArchiveItem {
    padding: 0 0 1em 0;
    margin: 0 0 1em 0;
}

.newsArchiveItem .more a {
    display: block;
    margin-top: .75em;
    font-weight: normal;
    color: #0075BC;
}

.mod_newslist h1 a, .mod_newslist h1 {
    font-size: 1.1em;
    font-family: "Helvetica Neue LT W02_75 Bold";
    color: #0075BC;
}


.mod_newslist h2 a, .mod_newslist h2 {
    font-size: 0.8em;
    font-family: "Helvetica Neue LT W02_75 Bold";
    color: #0075BC;
}

/* WARENKORB */
select#directorder {
    width: 100%;
    max-width: 100%;
}

#ScartSteps li strong {
    bottom: 20px;
}

/* NAVIGATION */
#ScartScroll .scartcounternumber {
    top: 0px;
    right: -5px;
    position: absolute;
    left: auto;
}

#ScartScroll {
    margin-right: 10px;
    padding-bottom: 10px;
}

/* Artikel im CMS */
.articleTable thead {
    background: #f1f1f1;
}

/* Artikel im CMS - Slider */
.articleSlider.artCMS .slick-arrow {
    position: absolute;
    display: block;
    height: 100%;
    top: 0px;
    width: 45px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: #eee;
    padding: 0;
    border: none;
    outline: none;
}

.articleSlider.artCMS .slick-arrow:before {
    font: normal normal normal 1em/1 icomoon;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\e907";
    font-size: 50px;
}

.articleSlider.artCMS .slick-prev.slick-arrow:before {
    transform: rotate(180deg);
}

.articleSlider.artCMS .slick-next.slick-arrow {
    right: 0px;
}

.articleSlider.artCMS .slick-prev.slick-arrow {
    left: 0px;
}

/* SAV Box Ansicht */
#ShopMenu .savorderbox2 {
    border: 0;
    box-shadow: none;
}

.DetailMenu {
    width: 287px;
    border: 1px solid #f1f1f1;
}

.savorderbox2 table, .savorderbox2 tr, .savorderbox2 td {
    background: transparent;
    border: 0;
    padding: 0;
    margin: 0;
}

.savorderbox2 {
    position: relative;
}

.savorderbox2 .preisbox {
    background-color: #f1f1f1;
    height: 35px;
    padding: 5px 10px;
    color: #000;
}

.savorderbox2 .preisbox .amountcontainer {
    position: absolute;
    right: 2px;
    top: -1px;
}

.savorderbox2 .lineelement {
    position: relative;
    padding: 3px 10px;
    border-bottom: 1px solid #ededed;
    font-weight: normal;
    font-size: 14px;
}

.savorderbox2 .lineelement .right {
    position: absolute;
    right: 10px;
    text-align: right;
    top: 3px;
}

.savorderbox2 .buttonline {
    text-align: right;
    padding: 10px 8px;
    
}

.savorderbox2 .buttonline a {
    /*background-color: #ededed;*/
    padding: 4px;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    border-radius: 0px;
    border: 1px solid black;
}

.savorderbox2 .buttonline a:hover {
    background-color: #006bbb;
    color: white;
    border: 1px solid #006bbb;
}


#savorderbox2 {
    margin-bottom: 5px;
}

#PrintView #Zoomlinks, #PrintView #DetailImageContainer, #PrintView #DetailImage
    {
    width: 180px;
}

.OlistWrapper {
    display: block;
    overflow: auto;
}

table.scroll {
    width: 100%;
    background-color: #fff;
}

table.scroll thead {
    width: 100%;
    background: #f1f1f1;
    color: #000;
}

table.scroll thead tr:after {
    content: '';
    overflow-y: scroll;
    visibility: hidden;
}

table.scroll thead th {
    flex: 1 auto;
    display: block;
}

table.scroll tbody {
    display: block;
    width: 100%;
    overflow-y: auto;
    height: auto;
    max-height: 200px;
}

table.scroll thead tr, table.scroll tbody tr {
    display: flex;
}

table.scroll tbody tr td {
    flex: 1 auto;
    word-wrap: break;
    border: 1px solid #ccc;
}

table.scroll thead tr th, table.scroll tbody tr td {
    min-width: 120px;
    padding: 5px;
    text-align: left;
}

table.scroll input {
    max-width: 45px;
}

#debug {
    padding: 0.3em;
    background: #0075BC;
    opacity: 0.7;
    color: #fff;
    font-family: OpenSansBold;
    font-size: 12px;
    position: fixed;
    left: 1.5em;
    top: 0;
    z-index: 10000;
    transform-origin: top left;
    transform: rotate(90deg);
    line-height: 1em;
    white-space: nowrap;
}

.cselected a {
    padding: 0;
    position: relative;
    margin: 0;
}

.cselected a:after, .colorbox:hover a:after {
    font-family: 'icomoon';
    font-size: 22px;
    font-family: "Helvetica Neue LT W02_75 Bold";
    content: '\ea10';
    line-height: 100%;
    position: absolute;
    top: 3px;
    left: 4px;
    color: #fff;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px
        0 #000;
    z-index: 200;
}

.cselected a:hover:after {
    content: '\ea0f';
}

.main-navigation>ul>li>a.trail, .main-navigation>ul>li>a.forward {
    font-weight: normal;
}

/* .page>.content-wrapper {
    padding-left: 12px;
    padding-right: 12px;
} */

#RubView li.no-article {
    height: 0;
}

#RubView li.no-article:hover {
    border: none;
    margin-left: 14px;
}

#scartsummator>td:nth-of-type(2n) {
    padding-left: 10px;
}

#scartsummator>td:nth-of-type(2n+1) {
    padding-right: 10px;
}

.minorder {
    font-size: 1.5em;
    color: #f00;
    display: inline-block;
    margin-bottom: 10px;
    font-family: "Helvetica Neue LT W02_75 Bold";
}

.main-navigation>ul>li>a.active, .main-navigation>ul>li>a.trail,
    .main-navigation>ul>li>a.forward, .main-navigation>ul>li span.active,
    .main-navigation>ul>li span.trail, .main-navigation>ul>li span.forward,
    .main-navigation>ul>li>ul>li span.active, .main-navigation>ul>li>ul>li span.trail,
    .main-navigation>ul>li>ul>li span.forward {
    font-weight: normal;
}

label {
    display: block;
    margin-bottom: 0.35714em;
    /*font-size: 0.875em;*/
    color: #000;
}

form.fullwidthform input[type="text"], form.fullwidthform input[type="password"],
    form.fullwidthform select, form.fullwidthform textarea {
    width: 75% !important;
}


    form[name="Bestellung"].fullwidthform select {
    width: 75% !important;
}

form.fullwidthform input.plz {
    width: 25% !important;
}

form[name="Bestellung"].fullwidthform input.city {
    margin-left: 10px;
    width: calc(45% - 10px) !important;
}

form.fullwidthform input.city {
    margin-left: 10px;
    width: calc(48% - 10px) !important;
}


table tr td:first-of-type {
    /*padding-left: 0;*/
    
}

table tr td:last-of-type {
    padding-right: 0;
}

/* Allgemein */
#SearchFilter #ArticlesPerPage li:not (:last-child ):after {
    content: '|';
    color: #333;
    margin: 0 0 0 5px;
}

#SearchFilter {
    position: relative;
    clear: left;
    border: 1px solid #bbb;
    border-width: 1px 0;
    margin-bottom: 20px;
    padding: 10px 0;
    height: 50px;
}

.fixedscreen #SearchFilter {
    padding: 2px 0;

}

#SearchFilter #ArticlesPerPage {
    float: right;
    padding: 4px 10px 3px 3px;
    width: 24%;
}

#ArticlesPerPage span {
	float:left;
	margin-right:6px;
}

#SearchFilter #ArticlesPerPage ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#SearchFilter #ArticlesPerPage li {
    display: inline;
}
/* Detailseite */
#DetailVarianten a.button {
    /*margin-top: -12px;
	float: right;*/
    display: inline-block;
}

#DetailVarianten {
    margin-bottom: 3em;
    margin-top: 3em;
    display: inline-grid;
}

}
.DetailCrossHeadline {
    margin-right: 20px;
}
/* Bestelllisten */
#RubView.olist li {
    float: left;
    border: 1px solid #ccc;
    padding: 10px;
    margin: 5px;
    height: auto;
    width: 250px;
}

#RubView.olist li h3 {
    border-top: 1px solid #ccc;
    font-size: 1em;
    height: 75px;
}

#RubView.olist li h3 a {
    font-size: 1em;
}

#RubView.olist li:hover {
    background: #f1f1f1;
}

#RubView.olist .thumb {
    padding: 10px;
    margin-bottom: 10px;
    height: 200px;
    overflow: hidden;
    background: #fff;
}

#RubView.olist .thumb img {
    width: 100%;
    height: auto;
    max-width: unset;
    max-height: unset;
    position: inherit;
    display: block;
    transform: none;
    left: unset;
    top: 0px;
}

#scart-popup-container .scart-add-popup .background i.fa-heart {
    font-size: 200px;
    margin-top: 20px;
}

.scart-add-popup .amount {
    font-family: "Helvetica Neue LT W02_75 Bold";
}

.scart-add-popup .image {
    width: 80px;
    min-height: 80px;
    float: left;
    margin-left: -85px;
    position: relative;
    z-index: 2;
}

.scart-add-popup .title {
    position: relative;
    z-index: 2;
}

.scart-add-popup .image img {
    max-width: 80px;
    max-height: 80px;
}

#scart-popup-container .scart-add-popup .background i.red {
    color: rgba(200, 0, 0, .1);
}

#scart-popup-container .scart-add-popup .background i.yellow {
    color: rgba(200, 200, 0, .2);
}

/* Header Warenkorb */
.ScartItemDetails>h1 {
    font-size: 1.5em;
    line-height: 1;
    font-weight: normal;
}

.ScartItemDetails>h1, .ScartItemDetails>a {
    margin: 0;
    background: none;
    padding: 10px;
    color: #000;
}

.ScartItemDetails>a>span {
    float: right;
}


.ScartItemDetails>ul>li {
    position: relative;
    width: 100%;
    height: auto;
    /*display: inline-block;*/
    display: flex;
    padding: 5px;
    text-transform: none;
}

.ScartItemDetails li>a {
    float: left;
    width: calc(100% - 60px);
    padding-left: 5px;
    color: black;
}

.ScartItemDetails .imgCon {
    float: left;
    width: 60px;
    min-height: 60px;
    height: 100%;
    padding-top: 5px;
    text-align: center;
    background: #fff;
}

/* Navigation */
#navLogin .level_2 {
    left: -10px;
}

#Navigationbar .level_2 li>a:hover {
    text-decoration: none;
}

.productsnav .catimg {
    height: 80px;
}

.catimgcontainercontainer {
    width: 183px;
    text-align: center;
    background: #fff;
    height: 100%;
    padding-top: 10px;
    display: inline-block;
}

.catimgcontainer {
    height: 100px;
    text-align: left;
    margin-bottom: 10px;
}

/* Footer */

#footer .catimgcontainer, #Sitemap .catimgcontainer {
    display: none;
}
/* ****************************** */

/*-------------------------------------*/
/* Responsive Table to Tabs */
/*-------------------------------------*/
ul.resp-tabs-list {
    margin-bottom: 0px;
    padding: 0px;
}

/* WIP FE*/
.det #detTab .resp-tabs-list li.artTable {
    margin-top: 0;
}



.resp-tabs-list li {
    display: inline-block;
    padding: 10px 30px;
    margin: 0 .5em 0 0;
    list-style: none;
    float: left;
    font-size: 1.2em;
    border: 0px solid #f4f4f4;
    border-bottom: none;
    background: #fafafa;
}

.resp-tabs-list li:hover {
    background: #f6f6f6;
}

.resp_tabs_cont .resp-tabs-list li {
    padding: 10px 0;
}

.resp_tabs_cont .resp-tabs-list li a {
    padding: 10px 30px;
}

.resp-tabs-container {
    padding: 0px;
    background-color: fff;
    /*clear: left;*/
}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

.resp-tab-content {
    display: none;
}

.resp-tabs-list li.resp-tab-active {
    border: 0px solid #ccc;
    border-bottom: 0px solid #fff;
    margin-bottom: -1px;
    background-color: #f6f6f6 !important;
    color: #000;
}

.resp-content-active, .resp-accordion-active {
    display: block;
}

.resp-tab-content {
    /* border-top: 1px solid #ccc; */
    
}

h2.resp-accordion {
    font-size: 1.1em;
    border-bottom: #ccc 1px solid;
    margin: 0px;
    padding: 10px 15px;
}

h2.resp-tab-active {
    border-bottom: 0px solid #ccc;
    margin-bottom: 0px;
    padding: 10px 15px;
}

h2.resp-tab-title:last-child {
    border-bottom: 12px solid #ccc;
    background: blue;
}
/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 30%;
}

.resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 15px 15px;
    margin: 0;
    cursor: pointer;
    float: none;
}

.resp-vtabs .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    border: 1px solid #ccc;
    float: left;
    width: 68%;
    min-height: 250px;
    border-radius: 4px;
    clear: none;
}

.resp-vtabs .resp-tab-content {
    border: none;
}

.resp-vtabs li.resp-tab-active {
    border: 1px solid #ccc;
    border-right: none;
    background-color: #fff;
    position: relative;
    z-index: 1;
    margin-right: -1px;
}

.resp-arrow:before {
    float: right;
    font-family: 'FontAwesome';
    content: '\f107';
    margin-left: 0.8em;
}

h2.resp-tab-active span.resp-arrow:before {
    float: right;
    font-family: 'FontAwesome';
    content: '\f106';
    margin-left: 0.8em;
}
/*-----------Accordion styles-----------*/
h2.resp-tab-active {
    background: #F1F1F1;
}

.resp-easy-accordion  h2.resp-accordion {
    display: block;
}

.resp-easy-accordion .resp-tab-content {
    border: 1px solid #ccc;
}

.resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #ccc;
}

.resp-jfit {
    width: 100%;
    margin: 0px;
}

.resp-tab-content-active {
    display: block;
}

h2.resp-accordion:first-child {
    border-top: 1px solid #ccc;
}

#os_scart_form .CCLabel {
    width: 28%;
}

#os_scart_form .CCInput {
    width: 70%;
}

#os_scart_form #couponcode {
    width: calc(78% - 20px);
}

.lds-ring {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 51px;
    height: 51px;
    margin: 6px;
    border: 6px solid #0075bc;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #0075bc transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes lds-ring { 
	
0% {
    transform: rotate(0deg);
}

100% {
transform: rotate(360deg);
  
}
}
#RubView .button_dark, html .button_dark {
    color: #fff;
    background-color: darkgrey;
    border: 0px solid darkgrey;
	padding-top: 8px;
	padding-bottom: 8px;
}

#RubView form {
    /*margin-top: 0;*/
    display: inline-block;
    width: 60%;
    float: left !important;
    text-align: left;
    margin-top: 5px;
}

.lieferzeit img:hover {
    cursor: pointer
}

dl.lagerdemo {
    width: 200px;
    background: #fcfcfc;
    margin: -8px -8px -8px;
}

dl.lagerdemo dt, dl.lagerdemo dd {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #ddd;
}

dl.lagerdemo dt:nth-of-type(even), dl.lagerdemo dd:nth-of-type(even) {
    background: #FFF;
}

dl.lagerdemo dd {
    width: 30px;
    text-align: center;
    display: inline-block;
    margin: 0;
}

dl.lagerdemo dd img {
    vertical-align: middle;
}

dl.lagerdemo dt {
    width: 170px;
    padding-left: 5px;
    display: inline-block;
}

#FFqueryDO {
    margin-right: 5px;
}

.page-header {
    z-index: auto;
}

.ShopTable th.Center, .Center {
    text-align: center;
}

.ShopTable th.Left, .Left {
    text-align: left;
}

.ShopTable th.Right, .Right {
    text-align: right;
}

th.noborderline {
    border-bottom: none;
}

#SOrder td input {
    width: 80%;
}


/* Ansprechpartner aus CMS */
.contactSidebar .ccontent{
/*	text-align:center;*/
}
.contactSidebar .ccontent h1 {
    font-size: 1.5em;
}

.contactSidebar .ccontent figure.image_container {
    box-shadow: none;
    margin: 0;
    border-radius: 50%;
    overflow: hidden;
    padding: 0;
    background-image: none;
    background: none;
}
.contactSidebar .ccontent figure.image_container img{
	max-width:200px;
}

/* DEFEKTE ICONS DURCH ICOMOON REPARIEREN
.fa-plus-square-o, .fa-minus-square-o, .fa-caret-up, .fa-caret-down, .fa-phone, .fa-envelope,
    .fa-user, .fa-angle-left, .fa-angle-right, .fa-shopping-cart, .fa-search, .fa-search-dollar, .fa-skull-crossbones {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
 */
.fa-angle-left, .fa-angle-right {
	font-size: 28px;
}

.fancybox-inner {
    overflow: visible !important;
}

.Scaninfo ol[type="a"] li {
    list-style: disc;
}

.main-content label {
    font-size: 16px;
}

.ce_form select {
    font-size: 16px;
}

.lieferzeit {
    text-align: right;
}

a[href*="agb"] {
    text-decoration: underline;
}

a[href*="datenschutz"] {
    text-decoration: underline;
}

a[href*="impressum"] {
    text-decoration: underline;
}

.rs-column.-small-col-3-1, .tao-no-sidebar .rs-column.-small-col-3-1,
    .page-footer .rs-column.-small-col-3-1 {
    width: 100%;
    margin-bottom: 20px;
}

#DetailCross input.amountSmall {
    width: inherit;
}

.fancybox-margin {
    margin-right: auto !important;
}

rsts-skin-default .rsts-nav-bullets a:hover, .rsts-skin-default .rsts-nav-bullets a.active {
    background-color: #777;
    box-shadow: inset 0 2px 0 -1px rgba(255,255,255,0.5),inset 0 -2px 0 -1px rgba(0,0,0,0.3),0 0 0 1px #555;
}

.rsts-skin-default .rsts-nav-bullets a {
    display: inline-block;
    width: 20px;
    height: 20px;
    overflow: hidden;
    margin: 12px 4px;
    border-radius: 100%;
    outline: none;
    text-align: left;
    text-indent: -999px;
    background-color: rgba(255,255,255,0.8);
    background-clip: padding-box;
    box-shadow: 0 0 2px #777;
}

.rsts-skin-default .rsts-nav-bullets a:hover, .rsts-skin-default .rsts-nav-bullets a.active {
    background-color: #0075BC;
}


.rsts-skin-default .rsts-nav li {
    display: inline;
}

.rsts-skin-default .rsts-nav ul {
    margin: 0 !important;
    padding: 0 !important;
}

.rsts-skin-default .rsts-nav li.rsts-nav-prev, 
.rsts-skin-default .rsts-nav li.rsts-nav-next {
    display: none;
} 

#DetailVlink {
    margin-top: 30px;
    padding: 10px 33px;
}


#cookiewookieblock {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.75);
    z-index: 10001;
}


.colorbox.cselected a {
    position: initial !important;
}

.setToggle i.fa.fa-angle-up.close {
    display: inline-block !important;
    /* float: left; */
}

.setToggle i.fa.fa-angle-down.open {
    display: inline-block !important;
    /*float: left;*/
}


img.pictogram {
	width:40px;
}

.info-map-boxes-item h1 {
	width:90%;
}


.counter-boxes-item {
    text-decoration: none !important;
}

#floatingMenuContent ul {
    padding-left: 0px !important;
}

/*input.Input {
    width: 20%;
}*/

#OrderForm .form-row input, select, textarea {
    width: 75% !important;
}

.customer #OrderForm .form-row input, select, textarea {
	width:100% !important;
}

#OrderForm input[name="ort"], #OrderForm input[name="strasse"], #OrderForm input[name="rort"], #OrderForm input[name="lort"] {
    width: 59% !important;
}

#OrderForm input[name="plz"], #OrderForm input[name="hausnummer"], #OrderForm input[name="rplz"], #OrderForm input[name="lplz"] {
    width: 15% !important;
}

#OrderForm .form-row input[type="submit"] {
    width: 49% !important;
}

#OrderForm input, textarea {
	width:75%;
}

#OrderForm input[type="checkbox"] {
	width:auto;
}


.sav aside#ShopMenu {
    width: 16.25%;
}


#SearchFilter select {
    width: 20% !important;
}


li#languageSelection, #languageSelection2 {
    list-style: none;
}


.info-table .image-cell {
    padding: 0% 0%;
}


.naiTextContainer h4 {
    font-size: 15px;
}

.sav.fixedscreen aside#ShopMenu {
	width:23%;	
}


.CMS.twocolumnright aside.sidebar {
    width: 22.22222%;
    margin: 2.5em 0 0 0;
}


.CMS.twocolumnright section.main-content {
    width: 76%;
    float: left;
}

.start .artCMS #RubView .offerItem {
    height: 398px;
}

#DetailCross li.offerItem.RubMaxWidthButtons {
    height: auto !important;
}


#DetailCross .artCMS .addProductsFrame {
    height: 384px;
}

#ScartTable .lieferzeit {
	text-align:inherit;
}


.toggle-view .panel {
	display:block;
}



.InfoTitle {
	position: relative;
    font-size: 1.5em;
    margin: 30px 0 10px 0;
    line-height: 1.5;
    font-weight: normal;
}


.InfoTitleScart {
	position: relative;
    font-size: 1.3em;
    margin: 30px 0 10px 0;
    line-height: 1.5;
    font-weight: normal;
}



.ArticleTitleCMS {
	margin: 0 110px 10px 110px;
    padding: 0;
    position: relative;
    font-size: 1.3em;
}


.InfoTitleLogin {
	position: relative;
    font-size: 1.5em;
    margin: 20px 0 5px 0;
    padding: 10px 0 5px 0;
    line-height: 1.5;
    font-weight: normal;
    border-bottom: 1px solid #ccc;
    clear: left;

}

.main-content h1 {
	font-weight:normal;
}

.main-content h2 {
	color:#48484a;
	font-size:1.6em;
}

.mostwanted {
    /* justify-content: space-between; */
    margin: 0 -5px;
}
.mostwanted li {
    min-width: 200px;
    max-width: 300px;
    margin: 5px;
    height: 300px;
    flex: 1 1 0;
    position: relative;
}

#ShopMenu .mostwanted li::before {
    content: '';
}
#ShopMenu .mostwanted a {
    margin:0 ;
}
.mostwanted li .innerBox {
    padding-bottom: 5px;
    height:100%
}

.mostwanted .RubImageContainer {
    width: 100%;
    height: auto;
    border-bottom:1px solid #f1f1f1;

}

.mostwanted .RubImageContainer img {
    max-width: 90%;
    padding-left: 10%;
}
.mostwanted .btn-container {
    background-color: #f00;
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
}

.mostwanted .btn-container .button {
    width: 100%;
}

.mostwanted .mosttitle {
    position: relative;
    left: 10px;
    right: 10px;
    height: 42px;
    overflow: hidden;
       padding-top: 5px;
 
}


/* HEADER */


a[target="_blank"]::after {
	display:none;
}

svg {
  fill:black;
}

svg:hover {
  fill:#e3010b;
}


#Searchdiv, #Logindiv {
	display:none;
	width: 100%;
	height:600px;
	background:#f2f2f2;
	position: absolute;
	bottom: 90px;
	left: 0px;
	text-align: left;
	z-index:2;
}				


#Searchdiv #FactFinder, #Logindiv #NaviLogin{
	position:absolute;
	width: 1146px;
	height:600px;
	left:calc(50% - 575px);
	text-align: left;
	z-index:3;
}			

#Searchdiv #FactFinder #FFquery {	
	border-radius:30px;	
   	position: absolute;	
	padding: 25px 50px;
	background:transparent;
	width: 70%;
   	top: 125px;
   	left: 0px;
}

#Searchdiv #FactFinder #FFquery:before {					
	content:'\f002';
}

#ffbackground {
   position: absolute;
   top: 140px;
   left: 20px;
   bottom: 0;
   right: 0;
   z-index: -1;
   overflow: hidden;
	font-size:1.3em;
}



/* Anpassungen Kim Mayr */

/* Wartung / Maintenance */
#maintenance header {
    max-width: 1146px;
    margin: 0px auto;
    display: block;
    margin-top: 40px;
}

#maintenance header img {
    width: auto;
    height: 60px;
}

#maintenance main{
    max-width: 1146px;
    margin: 0px auto;
    width: auto;
    height: calc(100% - 80px);
    padding: 40px;
}

#maintenance img {
    margin-bottom: 40px;
}

#maintenance h2 {
    margin-bottom: 20px;
    margin-top: 40px;
}

#maintenance .footer-icons {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 24px;
}

#maintenance .footer-icons a {
    display: block;
    height: 30px;
    width: 30px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 24px;
}

#maintenance .footer-icons a.instagram {
    background-image: url('/files/Permapack/Icons/instagram.svg');
}

#maintenance .footer-icons a.facebook {
    background-image: url('/files/Permapack/Icons/facebook.svg');
}

#maintenance .footer-icons a.twitter {
    background-image: url('/files/Permapack/Icons/twitter.svg');
}

#maintenance .footer-icons a.xing {
    background-image: url('/files/Permapack/Icons/xing.svg');
}

#maintenance .footer-icons a.linkedin {
    background-image: url('/files/Permapack/Icons/linkedin.svg');
}

#maintenance .footer-icons a.youtube {
    background-image: url('/files/Permapack/Icons/youtube.svg');
}


/* Allgemein */
* {
    font-family: "Helvetica Neue LT W05 55 Roman";
    font-weight: normal !important;
    outline: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0.7);
}

/* Contao fügt einfach 12px Margin an einem Element hinzu, welches "hidden" dargestellt sein sollte */
#belegform {
    margin: 0px;
}

/* Standard Contao focus Style durch Permapack Farbe ersetzt */
button.-secondary:focus,
.button.-secondary:focus,
input[type="submit"].-secondary:focus,
.header-login .formbody input[type=submit]:focus,
.header-dropdown > ul input[type=submit]:focus,
button.-tertiary:focus,
.button.-tertiary:focus,
input[type="submit"].-tertiary:focus,
.rotating-boxes-item-content .rotating-boxes-item-link:focus,
.pricing-table-plan a:focus,
button.-quaternary:focus,
.button.-quaternary:focus,
input[type="submit"].-quaternary:focus,
.highlight-box-link:focus,
.feature-box-link:focus,
.headline-box-link:focus,
button:focus,
.button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
    border-color: none;
    text-decoration: none;
    background: #e3010b 0% 0% no-repeat padding-box;
}

.back-button {
    width: max-content;
    border-radius: 24px;
    opacity: 1;
    letter-spacing: 0.7px;
    line-height: 17px;
    font-size: 14px;
    padding: 12px 24px;
    color: #fff;
    background: #e3010b 0% 0% no-repeat padding-box;
    text-transform: uppercase;
    text-decoration: none;
    font-family: "Helvetica Neue LT W02_75 Bold";
}

.back-button:hover {
    box-shadow: 0px 3px 6px #00000029;
    color: #fff;
    text-decoration: none;
}

.back-button:active {
    background: #7b0000 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
}

::selection {
    background: rgba(0, 0, 0, 0.1);
    color: #000;
}

html {
    margin: 0px;
    height: 100%;
}

body {
    height: auto;
}

body.start {
    background: #f6f6f6;
}

body.fixed {
    position: fixed;
    width: 100%;
}

.page {
    height: 100%;
}

.widescreen .SiteContainer {
    padding: 0px;
}

.content-wrapper {
    max-width: unset;
}

.main-content {
    margin: 0px;
    overflow: hidden;
    position: relative;
}

.main-content .mod_article.first {
    margin-top: 100px;
}

.main-content .mod_article.first.slider-available {
    margin-top: 0px;
}

.main-content .mod_article.grau,
.artCMS .mod_article.grau {
    background: #f6f6f6;
    width: 100vw;
    transform: translateX(-50%);
    left: 50%;
    position: relative;
    max-width: none;
    padding: 75px 80px 0px 80px;
    margin: 0px;
    overflow: hidden;
}

sup {
    font-family: inherit;
}

h1,
.content-h1,
.content-h1 a,
.main-content h1,
.artCMS h1,
.artCMS h1 a,
.main-content .content-h1,
.artCMS .content-h1,
.main-content .ce_downloads h1 {
    margin-top: 0px;
    margin-bottom: 32px;
    font-family: "Helvetica Neue LT W05_77 Bd Cn";
    font-size: 54px;
    line-height: 64px;
    letter-spacing: 0.54px;
    color: #000;
    text-decoration: none;
}

h2,
.content-h2,
.content-h2 a,
.main-content h2,
.artCMS h2,
.artCMS h2 a,
.main-content .content-h2,
.artCMS .content-h2,
.main-content .ce_downloads h2 {
    margin-bottom: 24px;
    margin-top: 0px;
    font-family: "Helvetica Neue LT W05_77 Bd Cn";
    font-size: 36px;
    line-height: 43px;
    letter-spacing: 0.36px;
    color: #000;
    text-decoration: none;
}

h3,
.content-h3,
.content-h3 a,
.main-content h3,
.artCMS h3,
.artCMS h3 a,
.main-content .content-h3,
.artCMS .content-h3,
.main-content .ce_downloads h3 {
    margin-bottom: 16px;
    margin-top: 0px;
    font-family: "Helvetica Neue LT W05_77 Bd Cn";
    font-size: 24px;
    line-height: 29px;
    letter-spacing: 0.48px;
    color: #000;
    text-decoration: none;
}

h4,
.main-content h4,
.artCMS .content-h4 {
    margin-bottom: 16px;
    margin-top: 0px;
    font-family: "Helvetica Neue LT W05_77 Bd Cn";
    font-size: 24px;
    line-height: 29px;
    letter-spacing: 0.48px;
    color: #000;
}

h5,
.main-content h5,
.artCMS .content-h5 {
    margin-bottom: 16px;
    margin-top: 0px;
    font-family: "Helvetica Neue LT W05_77 Bd Cn";
    font-size: 24px;
    line-height: 29px;
    letter-spacing: 0.48px;
    color: #000;
}

h6,
.main-content h6,
.artCMS .content-h6 {
    margin-bottom: 16px;
    margin-top: 0px;
    font-family: "Helvetica Neue LT W05_77 Bd Cn";
    font-size: 24px;
    line-height: 29px;
    letter-spacing: 0.48px;
    color: #000;
}

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

a:hover {
    text-decoration: none;
    color: #e3010b;
}

a:active {
    text-decoration: none;
    color: #7b0000;
}

a[id^=anker] {
    padding-top: 157px !important;
    display: block;
    margin-top: -157px !important;
}

.main-content .back a,
.main-content .previous a,
.main-content .next a,
.artCMS .back a,
.artCMS .previous a,
.artCMS .next a {
    color: #e3010b;
    text-decoration: none;
}

p > a,
.main-content p > a,
.artCMS p > a {
    text-decoration: underline;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.32px;
    color: #000;
    font-family: 'Helvetica Neue LT W05 45 Light';
}

p > a:hover,
.main-content p > a:hover,
.main-content p.lead-text > a:hover,
.main-content p.info-text > a:hover,
.artCMS p > a:hover,
.artCMS p.lead-text > a:hover,
.artCMS p.info-text > a:hover {
    text-decoration: underline;
    color: #e3010b;
}

p > a:active,
.main-content p > a:active,
.main-content p.lead-text > a:active,
.main-content p.info-text > a:active,
.artCMS p > a:active,
.artCMS p.lead-text > a:active,
.artCMS p.info-text > a:active {
    text-decoration: underline;
    color: #7b0000;
}

p,
.main-content p,
.artCMS p,
.pwinfo {
    margin-bottom: 24px;
    margin-top: 0px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.32px;
    color: #000;
    font-family: 'Helvetica Neue LT W05 45 Light';
}

.main-content p.lead-text,
.artCMS p.lead-text {
    margin-bottom: 48px;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0.24px;
    color: #000;
    font-family: 'Helvetica Neue LT W05 55 Roman';
}

.main-content p.lead-text a,
.artCMS p.lead-text a {
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0.24px;
    color: #000;
    font-family: 'Helvetica Neue LT W05 55 Roman';
}

.main-content p.info-text,
.artCMS p.info-text {
    margin-bottom: 24px;
    margin-top: 16px;
    font-size: 13px;
    line-height: 19px;
    letter-spacing: 0.39px;
    color: #000;
    font-family: 'Helvetica Neue LT W05 45 Light';
}

.main-content p.info-text a,
.artCMS p.info-text a {
    font-size: 13px;
    line-height: 19px;
    letter-spacing: 0.39px;
    color: #000;
    font-family: 'Helvetica Neue LT W05 45 Light';
}

p.kicker {
    font-family: 'Helvetica Neue LT W02_75 Bold';
    font-size: 18px;
    margin-bottom: 16px;
    text-transform: uppercase;
    color: #e3010b;
}

ul,
.main-content ul {
    padding: 0px 0px 0px 17px;
    margin: 0px;
}

ul li,
.main-content ul li {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.32px;
    color: #000;
    font-family: 'Helvetica Neue LT W05 45 Light';
    list-style-type: disc;
}

.mod_article .ce_text ul > li > a {
    text-decoration: underline;
    font-family: 'Helvetica Neue LT W05 45 Light';
}

ol,
.main-content ol {
    padding: 0px 0px 0px 17px;
    margin: 0px;
}

ol li,
.main-content ol li {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.32px;
    color: #000;
    font-family: 'Helvetica Neue LT W05 45 Light';
}

.mod_article .ce_text ol > li > a {
    text-decoration: underline;
    font-family: 'Helvetica Neue LT W05 45 Light';
}

.main-content .grau.mod_article > div,
.main-content .grau.mod_article > h1,
.main-content .grau.mod_article > h2,
.main-content .grau.mod_article > h3,
.main-content .grau.mod_article > h4,
.main-content .grau.mod_article > h5,
.main-content .grau.mod_article > h6,
.artCMS .grau.mod_article > div,
.artCMS .grau.mod_article > h1,
.artCMS .grau.mod_article > h2,
.artCMS .grau.mod_article > h3,
.artCMS .grau.mod_article > h4,
.artCMS .grau.mod_article > h5,
.artCMS .grau.mod_article > h6 {
    max-width: 1146px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.main-content table,
.main-content form,
.main-content fieldset,
.artCMS table,
.artCMS form,
.artCMS fieldset {
    margin: 0px;
}

.main-content .mod_article,
.artCMS .mod_article {
    max-width: 1146px;
    margin: 0px auto;
}

.ce_image {
    line-height: 0;
    font-size: 0;
}

.image_container,
picture {
    border: 0px;
    box-shadow: none;
    background: none;
    padding: 0px;
    margin: 0px;
    border-radius: 0px;
    line-height: 0;
    font-size: 0;
}

img {
    line-height: 0;
    font-size: 0;
    -webkit-tap-highlight-color: unset;
    max-width: 100%;
    height: auto;
    image-rendering: -webkit-optimize-contrast;
}

.image_container a:hover img,
.image_container a:focus img {
    filter: none;
    transform: none;
}

.image_container a:hover:before,
.image_container a:focus:before {
    content: none;
}

.zentriert,
.zentriert > * {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

h1.abstand-klein,
h2.abstand-klein,
h3.abstand-klein,
h4.abstand-klein,
h5.abstand-klein,
h6.abstand-klein,
.abstand-klein {
    margin-bottom: 48px !important;
}

h1.abstand-mittel,
h2.abstand-mittel,
h3.abstand-mittel,
h4.abstand-mittel,
h5.abstand-mittel,
h6.abstand-mittel,
.abstand-mittel {
    margin-bottom: 96px !important;
}

h1.abstand-gross,
h2.abstand-gross,
h3.abstand-gross,
h4.abstand-gross,
h5.abstand-gross,
h6.abstand-gross,
.abstand-gross {
    margin-bottom: 160px !important;
}

h1.abstand-max,
h2.abstand-max,
h3.abstand-max,
h4.abstand-max,
h5.abstand-max,
h6.abstand-max,
.abstand-max {
    margin-bottom: 320px !important;
}

.background-red {
    background: #e3010b;
}

.background-black {
    background: #000;
}

.background-white {
    background: #fff;
}

.flex-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

input::placeholder,
textarea::placeholder {
    color: #a5a5a5;
}


/* Confident CMS Code für Text und Bild Content */
@media screen and (max-width: 767px) {
    .rs-columns.was-wir-bieten {
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex-wrap: wrap;
        align-items: center;
        width: 100%;
        align-content: center;
    }
    .rs-columns.was-wir-bieten .rs-column {
        flex-basis: 45%;
        flex-grow: 1;
        flex-shrink: 1;
        min-width: 270px;
    }

    .was-wir-bieten .rs-column:nth-child(1) {
        order: 1;
    }
    .was-wir-bieten .rs-column:nth-child(2) {
        order: 2;
    }
    .was-wir-bieten .rs-column:nth-child(3) {
        order: 4;
    }
    .was-wir-bieten .rs-column:nth-child(4) {
        order: 3;
    }
    .was-wir-bieten .rs-column:nth-child(5) {
        order: 5;
    }
    .was-wir-bieten .rs-column:nth-child(6) {
        order: 6;
    }
    .was-wir-bieten .rs-column:nth-child(7) {
        order: 8;
    }
    .was-wir-bieten .rs-column:nth-child(8) {
        order: 7;
    }
    .was-wir-bieten .rs-column:nth-child(9) {
        order: 9;
    }
    .was-wir-bieten .rs-column:nth-child(10) {
        order: 10;
    }
    .was-wir-bieten .rs-column:nth-child(11) {
        order: 12;
    }
    .was-wir-bieten .rs-column:nth-child(12) {
        order: 11;
    }
    .was-wir-bieten .rs-column:nth-child(13) {
        order: 13;
    }
    .was-wir-bieten .rs-column:nth-child(14) {
        order: 14;
    }
}


/* Formular */
.main-content label .mandatory {
    color: #000;
}

.artCMS #RubView form {
    float: none;
    height: auto;
    margin: 0px auto;
    width: auto;
}

.main-content .ce_form .form-row,
.artCMS .ce_form .form-row {
    margin-top: 0px;
    margin-bottom: 32px;
}

.ce_form .error p.error {
    width: 100%;
}

#scartName:focus {
    border: 2px solid #000;
}

.ce_form input[type="number"],
form input[type="number"],
.ce_form input[type="number"]::-webkit-outer-spin-button,
form input[type="number"]::-webkit-outer-spin-button,
.ce_form input[type="number"]::-webkit-inner-spin-button,
form input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: textfield;
    margin: 0;
}

.ce_form input,
.ce_form select,
.ce_form textarea,
.ce_form input:hover,
.ce_form select:hover,
.ce_form textarea:hover,
form input,
form select,
form textarea,
form input:hover,
form select:hover,
form textarea:hover,
.ce_form input[type="file"],
form input[type="file"] {
    border: 1px solid #000000;
    border-radius: 0px;
    box-shadow: none;
    padding: 14px 24px 16px 24px;
    font-size: 16px;
    min-height: 50px;
}

.ce_form input:disabled,
.ce_form select:disabled,
.ce_form textarea:disabled,
.ce_form input:hover:disabled,
.ce_form select:hover:disabled,
.ce_form textarea:hover:disabled,
form input:disabled,
form select:disabled,
form textarea:disabled,
form input:hover:disabled,
form select:hover:disabled,
form textarea:hover:disabled,
.ce_form input[type="file"]:disabled,
form input[type="file"]:disabled,
select:disabled ~ .styled-select {
    background: #d2d2d2;
    pointer-events: none;
}

.ce_form input:focus,
.ce_form select:focus,
.ce_form textarea:focus,
form input:focus,
form select:focus,
form textarea:focus {
    border: 2px solid #000000;
    padding: 13px 23px 15px 23px;
}

.ce_form label,
.ce_form legend,
form label,
form legend {
    font-family: "Helvetica Neue LT W02_75 Bold";
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    color: #000;
    margin-bottom: 12px;
    padding: 0px;
}

.ce_form span.mandatory
form span.mandatory {
    color: #e3010b;
}

.ce_form fieldset,
form fieldset {
    border: 0px;
}

.ce_form fieldset > span,
form fieldset > span {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ce_form input[type="checkbox"],
form input[type="checkbox"],
#FilterNotCategory input[type="checkbox"],
.FFSFiltersEinschubmenue input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 20px !important;
    width: 20px !important;
    min-height: 0px;
    left: 0px;
    top: 8px;
    z-index: 1;
    border: 1px solid #000;
}

.ce_form input[type="checkbox"] + label,
.ce_form input[type="radio"] + label,
form input[type="checkbox"] + label,
form input[type="radio"] + label {
    font-family: 'Helvetica Neue LT W05 45 Light';
}

.ce_form .checkmark::after,
form .checkmark::after,
#FilterNotCategory .checkmark::after,
.FFSFiltersEinschubmenue .checkmark::after {
    content: "";
    position: absolute;
    display: none;
    left: 6px;
    top: 2px;
    width: 4px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ce_form input[type="checkbox"] ~ .checkmark,
form input[type="checkbox"] ~ .checkmark,
#FilterNotCategory input[type="checkbox"] ~ .checkmark,
.FFSFiltersEinschubmenue input[type="checkbox"] ~ .checkmark {
    position: absolute;
    top: 8px;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #000;
}

#FilterNotCategory input[type="checkbox"],
#FilterNotCategory input[type="checkbox"] ~ .checkmark,
.FFSFiltersEinschubmenue input[type="checkbox"] ~ .checkmark {
    top: 11px;
    left: 18px;
}

.FFSFiltersEinschubmenue input[type="checkbox"] ~ .checkmark,
.FFSFiltersEinschubmenue input[type="checkbox"] {
    top: 20px;
    left: 1px;
}

.ce_form input[type="checkbox"]:hover ~ .checkmark,
form input[type="checkbox"]:hover ~ .checkmark,
#FilterNotCategory input[type="checkbox"]:hover ~ .checkmark,
.FFSFiltersEinschubmenue input[type="checkbox"]:hover ~ .checkmark {
    border: 2px solid #000;
}
  
.ce_form input[type="checkbox"]:checked ~ .checkmark,
form input[type="checkbox"]:checked ~ .checkmark,
#FilterNotCategory input[type="checkbox"]:checked ~ .checkmark,
.FFSFiltersEinschubmenue input[type="checkbox"]:checked ~ .checkmark {
    background-color: #000;
}

.ce_form input[type="checkbox"]:checked ~ .checkmark::after,
form input[type="checkbox"]:checked ~ .checkmark::after,
#FilterNotCategory input[type="checkbox"]:checked ~ .checkmark::after,
.FFSFiltersEinschubmenue input[type="checkbox"]:checked ~ .checkmark::after {
    display: block;
}

.ce_form input[type="radio"],
form input[type="radio"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 22px !important;
    width: 22px !important;
    left: 0px;
    top: 8px;
    z-index: 1;
    border: 1px solid #000;
    border-radius: 50%;
}

.ce_form input[type="radio"] + label,
.ce_form input[type="radio"] + label,
form input[type="radio"] + label,
form input[type="radio"] + label {
    font-family: 'Helvetica Neue LT W05 45 Light';
}

.ce_form input[type="radio"] ~ .checkmark,
form input[type="radio"] ~ .checkmark {
    position: absolute;
    top: 8px;
    left: 0;
    height: 22px;
    width: 22px;
    border: 1px solid #000;
    border-radius: 50%;
}

.ce_form input[type="radio"]:hover ~ .checkmark,
form input[type="radio"]:hover ~ .checkmark {
    border: 2px solid #000;
}
  
.ce_form input[type="radio"]:checked ~ .checkmark,
form input[type="radio"]:checked ~ .checkmark {
    box-shadow: inset 0 0 0 2px white, inset 0 0 0 10px black;
}

.ce_form .s-hidden {
    visibility: hidden;
    font-size: 16px;
}

.ce_form .select,
form .select {
    position: relative;
}

.ce_form .select:not(label.select),
form .select:not(label.select) {
    cursor: pointer;
    display: inline-block;
    position: relative;
    color: black;
    width: 100%;
    height: auto;
    min-height: 50px;
}

.ce_form .select:focus,
form .select:focus {
    border: 2px solid #000;
}

.ce_form .styled-select,
form .styled-select,
.direct-order-result .styled-select {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    padding: 14px 24px 16px 24px;
    font-size: 16px;
    border: 1px solid #000;
    height: 100%;
    min-height: 50px;
    max-height: 53px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ce_form .styled-select::after,
form .styled-select::after,
.direct-order-result .styled-select::after {
    position: absolute;
    width: 0;
    height: 0;
    top: 14px;
    right: 20px;
    content: url('/files/Permapack/Icons/icon_arrow_small.svg');
    transform: rotate(90deg);
}

.ce_form .styled-select:active,
.ce_form .styled-select.active,
form .styled-select:active,
form .styled-select.active,
.direct-order-result .styled-select:active,
.direct-order-result .styled-select.active {
    background-color: #fff;
    border: 2px solid #000;
}

.ce_form .options,
form .options,
.direct-order-result .options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 16px 0 0 0;
    padding: 0 0;
    list-style: none;
    background-color: #fff;
    box-shadow: 0px 3px 6px #00000029;
}

.ce_form .options li,
form .options li,
.direct-order-result .options li {
    margin: 0 0;
    padding: 14px 24px 16px 24px;
    list-style-type: none;
}

.ce_form .options li:hover,
form .options li:hover,
.direct-order-result .options li:hover {
    background: #F6F6F6 0% 0% no-repeat padding-box;
    color: #000;
}

.ce_form .options li.active-item,
form .options li.active-item,
.direct-order-result .options li.active-item {
    font-family: 'Helvetica Neue LT W02_75 Bold';
    color: #e3010b;
}

.ce_form button:focus,
form button:focus {
    background: #7b0000 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border: 0px;
}

.fa-heart::before {
    content: '';
    width: 15px;
    display: block;
    height: 14px;
    background: url('/files/Permapack/Icons/herz-icon-grey.svg');
    background-repeat: no-repeat;
    background-size: contain;
}

.fa-heart.isFavo::before {
    content: '';
    background: url('/files/Permapack/Icons/herz-icon-red.svg');
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: initial;
    height: 24px;
    width: 24px;
    position: relative;
    right: 3px;
}

.fa-repeat.isSlc {
    font-size: 16px;
    vertical-align: text-top;
    margin: 0px;
    position: relative;
    right: 3px;
}

.fa-repeat.isSlc::before {
    content: '';
    background: url('/files/Permapack/Icons/scart-ordered-black.svg');
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: initial;
    width: 24px;
    display: block;
    height: 24px;
}


/* Table / Tabelle */
.CMS .ce_table {
    overflow-x: auto;
    margin-bottom: 120px;
}

.CMS table {
    table-layout: fixed;
    width: 1146px;
}

.CMS table thead th {
    font-family: 'Helvetica Neue LT W02_75 Bold';
    padding: 24px;
    background-color: #fff;
    border-bottom: 1px solid #D2D2D2;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
}

.CMS table thead th.tablesorter-headerAsc {
    vertical-align: middle;
}

.CMS table thead th,
.CMS table thead td {
    background-color: #fff;
    border-bottom: 1px solid #D2D2D2;
    background-size: 20px;
    height: 90px;
}

.CMS table thead th * {
    display: inline-block;
    vertical-align: middle;
    font-family: 'Helvetica Neue LT W02_75 Bold';
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
}


.CMS table thead th.col_first {
    border-right: 0px solid #D2D2D2;
}

.CMS table thead th.col_first,
.CMS table tbody th,
.CMS table tbody td {
    padding: 24px 24px 24px 0px;
    background-color: #fff;
    border-bottom: 1px solid #D2D2D2;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
}

.CMS table th.col_first {
    filter: drop-shadow(3px 0px 2px hsla(0, 0%, 82%, 1));
    font-family: 'Helvetica Neue LT W02_75 Bold';
    position: sticky;
    left: 0px;
    border-right: 0px;
}

.CMS table tbody td {
    padding: 24px;
    font-family: 'Helvetica Neue LT W05 45 Light';
}

.CMS table tbody td a {
    font-family: 'Helvetica Neue LT W05 45 Light';
    text-decoration: underline;
}


/* Header */
header {
    display: none;
}


/* Navigation Mobile Menü */
.navigation-mobile {
    display: none;    
    position: fixed;
    bottom: 0px;
    width: 100%;
    background-color: #fff;
    z-index: 9999;
    height: 80px;
    box-shadow: -3px -3px 6px #00000029;
}

.navigation-mobile .navigation-mobile-container {
    max-width: 1146px;
    margin: 0px 40px;
    text-align: center;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.navigation-mobile .navigation-mobile-content {
    height: 64px;
    width: 64px;
    margin: 0px 10px;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.navigation-mobile .navigation-mobile-content:first-child {
    margin-left: 20px;
}

.navigation-mobile .navigation-mobile-content:last-child {
    margin-right: 20px;
}

.navigation-mobile .navigation-mobile-content #scart-button {
    position: relative;
}

.navigation-mobile .navigation-mobile-content svg {
    text-align: center;
    display: block;
    margin: 0px auto 8px auto;
}

.navigation-mobile .navigation-mobile-content svg#fa-search,
.navigation-mobile .navigation-mobile-content svg#fa-wk,
.navigation-mobile .navigation-mobile-content svg#fa-user {
    height: 24px;
    width: 24px;
}

.navigation-mobile .navigation-mobile-content span {
    font-size: 10px;
    letter-spacing: 0px;
    line-height: 11px;
    text-align: center;
    display: block;
}

.navigation-mobile .navigation-mobile-content:hover span {
    color: #000;
    cursor: pointer;
}

.navigation-mobile .navigation-mobile-content:hover span.amount {
    color: #fff;
}

.navigation-mobile .navigation-mobile-content:hover svg {
    fill: #e3010b;
}

.navigation-mobile .navigation-mobile-content span.scartcounternumber {
    background: #e3010b;
    font-size: 12px;
    letter-spacing: 0.18px;
    line-height: 7px;
    width: auto;
    height: 20px;
    padding: 7px;
    border-radius: 20px;
    position: absolute;
    top: 3px;
    left: 44px;
}

.navigation-mobile .navigation-mobile-content span.amount {
    font-size: 12px;
    letter-spacing: 0.18px;
    line-height: 26px;
}

#mobile-nav-menu * {
    -webkit-tap-highlight-color: transparent;
}

#mobile-nav-menu {
    background: #00000080 0% 0% no-repeat padding-box;
    display: none;
    height: 100%;
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 99;
    transform: translateX(-100%);
}

#mobile-nav-menu.active {
    transform: translateX(0);
    z-index: 10000;
}

.mobile-nav-container {
    width: 80%;
    height: 100%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
    transform: translateX(-100%);
    transition: transform 0.3s;
    -webkit-transition: transform 0.3s;
    padding-bottom: 30px;
}

.mobile-nav-container.active {
    transform: translateX(0);
}

.mobile-nav-wrapper {
    height: 100%;
    width: 100%;
}

.close-container {
    text-align: right;
    width: 100%;
    padding: 44px 40px 50px 40px;
    position: sticky;
    top: 0px;
    z-index: 2;
    background: transparent linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 81%, #FFFFFF00 100%) 0% 0% no-repeat padding-box;
}

.close-container .close {
    width: 24px;
    display: inline-block;
    height: auto;
}

#mobile-nav-menu #MainNavi,
#mobile-nav-menu #main-navigation {
    width: 100%;
    float: none;
    position: static;
}

#mobile-nav-menu #MainNavi > ul.level_1 > li.first,
#mobile-nav-menu #main-navigation > ul.level_1 > li.first {
    display: none;
}

#mobile-nav-menu #MainNavi ul.level_1 li,
#mobile-nav-menu #main-navigation ul.level_1 li {
    float: none;
    display: block;
    height: auto;
    position: relative;
    padding: 0px 40px;
}

#mobile-nav-menu #MainNavi ul.level_1 li.dashboard > a.dashboard,
#mobile-nav-menu #main-navigation ul.level_1 li.dashboard > a.dashboard {
    padding-left: 30px;
}

#mobile-nav-menu #MainNavi ul.level_1 li.dashboard > a.dashboard::before,
#mobile-nav-menu #main-navigation ul.level_1 li.dashboard > a.dashboard::before {
    content: url('/files/Permapack/Icons/benutzer-icon-black.svg');
    height: 22px;
    width: 22px;
    position: absolute;
    left: 0px;
    margin-top: 1px;
    display: block;
}

#mobile-nav-menu #MainNavi ul.level_1 li:hover,
#mobile-nav-menu #main-navigation ul.level_1 li:hover {
    border: 0px;
}

#mobile-nav-menu #MainNavi ul.level_1 li::after,
#mobile-nav-menu #main-navigation ul.level_1 li::after {
    content: url('/files/Permapack/Icons/icon_arrow_big.svg');
    height: 26px;
    width: 18px;
    display: block;
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
}

#mobile-nav-menu #MainNavi ul.level_1 li:hover::after,
#mobile-nav-menu #main-navigation ul.level_1 li:hover::after {
    margin: 0px;
}

#mobile-nav-menu #MainNavi ul.level_1 li.submenu.-mega.active:hover::after,
#mobile-nav-menu #main-navigation ul.level_1 li.submenu.-mega.active:hover::after {
    margin: 0px;
    top: 32px;
    left: 40px;
    right: unset;
    transform: rotate(180deg);
}

#mobile-nav-menu #MainNavi > ul.level_1 > li:nth-child(2) > a,
#mobile-nav-menu #main-navigation > ul.level_1 > li:nth-child(2) > a {
    border-top: 1px solid #000;
}

#mobile-nav-menu #MainNavi ul.level_1 > li > a,
#mobile-nav-menu #main-navigation ul.level_1 > li > a {
    font-family: "Helvetica Neue LT W05_77 Bd Cn";
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0.3px;
    padding: 32px 0px;
    display: block;
    width: 100%;
    float: none;
    color: #000;    
    border-bottom: 1px solid #000;
}

#mobile-nav-menu #MainNavi .submenu.-mega.active,
#mobile-nav-menu #main-navigation .submenu.-mega.active {
    position: absolute;
    width: 100%;
    background: #fff;
    top: 110px;
    padding: 0px;
    min-height: 600px;
    z-index: 1;
}

#mobile-nav-menu #MainNavi ul.level_1 > li.submenu.-mega.active > a.submenu,
#mobile-nav-menu #main-navigation ul.level_1 > li.submenu.-mega.active > a.submenu {
    padding-left: 42px;
    margin-left: 40px;
    color: #d2d2d2;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    width: calc(100% - 80px);
}

#mobile-nav-menu #MainNavi ul.level_1 > li.submenu.-mega.active > a.submenu.dashboard,
#mobile-nav-menu #main-navigation ul.level_1 > li.submenu.-mega.active > a.submenu.dashboard {
    padding-left: 72px;
}

#mobile-nav-menu #MainNavi ul.level_1 li.dashboard.active > a.dashboard::before,
#mobile-nav-menu #main-navigation ul.level_1 li.dashboard.active > a.dashboard::before {
    content: url('/files/Permapack/Icons/benutzer-icon-grey.svg');
    left: 40px;
}

#mobile-nav-menu #MainNavi .submenu.-mega.active .mega-dropdown,
#mobile-nav-menu #main-navigation .submenu.-mega.active .mega-dropdown {
    display: block;
    z-index: 10;
}

#mobile-nav-menu .mega-dropdown {
    max-width: 100%;
    position: relative;
    padding: 0px;
    background: inherit;
    display: none;
}

#mobile-nav-menu .mega-dropdown .mege-dropdown-content {
    padding-bottom: 30px;
} 

#mobile-nav-menu .mega-dropdown .rs-columns {
    display: flex;
    flex-direction: column;
}

#mobile-nav-menu .mega-dropdown .rs-column {
    width: 100%;
    margin: 0px;
    padding: 0px
}

#mobile-nav-menu .mega-dropdown .rs-column p {
    display: none;
}

#mobile-nav-menu .mega-dropdown .rs-column .content-h3 {
    margin: 0px;
    padding: 24px 0px;
    z-index: 10;
    border-bottom: 1px solid #000;
    display: block;
    position: relative;
    margin-left: 40px;
    width: calc(100% - 80px);
}

#mobile-nav-menu .mega-dropdown .rs-column .content-h3 .mobile-navigation-icon {
    background: url('/files/Permapack/Icons/icon_plus.svg');
    background-size: 26px 26px;
    height: 26px;
    width: 26px;
    display: block;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

#mobile-nav-menu .mega-dropdown .rs-column .content-h3.active {
    border-bottom: 0px;
    box-shadow: 0px 3px 6px #00000029;
    padding: 24px 40px;
    margin: 0px;
    width: 100%;
}

#mobile-nav-menu .mega-dropdown .rs-column .content-h3 .mobile-navigation-icon.active {
    background: url('/files/Permapack/Icons/icon_minus.svg');
    background-size: 26px 26px;
    right: 40px;
}

#mobile-nav-menu .mega-dropdown .rs-column .content-h3 {
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0.3px;
}

#mobile-nav-menu .mega-dropdown .rs-column .content-h3 a {
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0.3px;
    display: block;
    width: calc(100% - 25px);
    margin: 0px;
}

#mobile-nav-menu .mega-dropdown .rs-column .content-h3 a:hover,
#mobile-nav-menu .mega-dropdown .rs-column .content-h3 a:active {
    color: #e3010b;
    text-decoration: none;
}

#mobile-nav-menu .mega-dropdown .rs-column ul {
    display: none;
}

#mobile-nav-menu .mega-dropdown .rs-column ul.active {
    display: block;
    box-shadow: inset 0px -3px 6px #00000029;
}

#mobile-nav-menu #MainNavi .mega-dropdown .rs-column ul.active li,
#mobile-nav-menu #main-navigation .mega-dropdown .rs-column ul.active li {
    padding: 0px 40px;
}

#mobile-nav-menu #MainNavi .mega-dropdown .rs-column ul.active li::after,
#mobile-nav-menu #main-navigation .mega-dropdown .rs-column ul.active li::after {
    content: url('/files/Permapack/Icons/icon_arrow_small.svg');
    height: 20px;
    width: 20px;
    display: block;
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
}

#mobile-nav-menu #MainNavi .mega-dropdown .rs-column ul.active li a,
#mobile-nav-menu #main-navigation .mega-dropdown .rs-column ul.active li a {
    border-top: 0px;
    border-bottom: 1px solid #000;
    display: block;
    padding: 15px 0px;
    font-family: 'Helvetica Neue LT W05 45 Light';
    text-decoration: none;
}

#mobile-nav-menu #MainNavi .mega-dropdown .rs-column ul.active li:last-child a,
#mobile-nav-menu #main-navigation .mega-dropdown .rs-column ul.active li:last-child a {
    border-bottom: 0px;
}

#mobile-nav-menu .mega-dropdown .rs-column .ce_image,
#mobile-nav-menu .mega-dropdown .ce_custom-button {
    display: none;
}

#mobile-nav-menu .mega-dropdown.menu-dashboard .ghost-button.black {
    margin: 40px;
    display: block;
}

#mobile-nav-menu .mobile-nav-container .navigation-mobile-language-container {
    margin: 82px 40px 0px 40px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}

#mobile-nav-menu .mobile-nav-container .navigation-mobile-language-container .ghost-button {
    width: 57px;
    padding: 15px;
    display: block;
    text-align: center;
    margin-right: 8px;
}

#mobile-nav-menu .mobile-nav-container .navigation-mobile-language-container .ghost-button.active {
    background: #000;
    color: #fff;
}


/* Navigation */
#Navigationbar {
    position: sticky;
    top: 0px;
    left: 0px;
    height: 90px;
    z-index: 20;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
}

#Navigationbar #Navi {
    padding: 0px;
}

#Navigationbar .main-navigation {
    float: none;
    width: auto;
    display: block;
}

#Navi #MainNavi.main-navigation {
    float: left;
    width: calc(100% - 182px);
}

#Navi #MainNavi.main-navigation ul.level_1 {
    padding-right: clamp(24px, 5%, 60px);
}

#Navi #MainNavi.main-navigation .dashboard {
    display: none;
}

#Navi #MainNavi.main-navigation ul.level_1 > li:first-child > a,
#Navi #MainNavi.main-navigation ul.level_1 > li:nth-child(2) > a {
    pointer-events: initial;
}

#Navi #MainNavi.main-navigation ul.level_1 > li > a {
    pointer-events: none;
}

#Navi #UserNavi.main-navigation {
    width: auto;
    text-align: right;
    float: right;
}

#Navigationbar .main-navigation ul.level_1 {
    height: 90px;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

#Navigationbar .main-navigation ul.level_1 li {
    height: 90px;
    float: none;
    display: inline-block;
    padding: 0px;
    margin: 0px;
}

#Navigationbar #MainNavi ul.level_1 > li.mega-menu-opened {
    border-bottom: 3px solid #e3010b;
}

#Navigationbar #MainNavi ul.level_1 > li:first-child.mega-menu-opened {
    border: 0px;
}

#Navi .level1 > li:hover > a svg,
#Navigationbar .level_1 > li:hover > a svg {
    fill: #e3010b;
}

svg#fa-search,
svg#fa-wk,
svg#fa-user {
    height: 26px;
    width: 26px;
}

li#nav-search #fa-search-link:hover > svg,
li#navLogin #fa-user-link:hover > svg {
    fill: #e3010b;
}

#Navi #MainNavi.main-navigation ul.level_1 li.disabled {
    pointer-events: none;
}

#Navi #MainNavi.main-navigation ul.level_1 li.disabled .mega-dropdown,
#Navi #UserNavi ul.level_1 li.disabled .mega-dropdown,
#Navi #UserNavi ul.level_1 li.disabled .ScartItemDetails {
    display: none;
}

#Navi #MainNavi.main-navigation ul.level_1 > li.trail {
    border-bottom: 3px solid #e3010b;
}

.main-navigation > ul > li > a:before,
.main-navigation > ul > li > span.active:before,
.main-navigation > ul > li > span.trail:before,
.main-navigation > ul > li > span.forward:before {
    content: none;
}

#Navi .mega-dropdown.menu-products .ce_text .content-h1,
#Navi .mega-dropdown.menu-products .ce_text .content-h2,
#Navi .mega-dropdown.menu-products .ce_text .content-h3 {
    margin: 26px 0px 24px 0px;
}

#Navi .mega-dropdown.menu-markets .ce_text .content-h1,
#Navi .mega-dropdown.menu-markets .ce_text .content-h2,
#Navi .mega-dropdown.menu-markets .ce_text .content-h3 {
    margin: 37px 0px 11px 0px;
}

#Navi .mega-dropdown.menu-markets .ce_text .content-h3:hover,
#Navi .mega-dropdown.menu-markets .ce_text .content-h3:hover a,
#Navi .mega-dropdown.menu-markets .ce_text .content-h3:hover + p,
#Navi .mega-dropdown.menu-markets .ce_text .content-h3:hover + p a {
    color: #e3010b;
}

#Navi .mega-dropdown.menu-services .ce_text .content-h1,
#Navi .mega-dropdown.menu-services .ce_text .content-h2,
#Navi .mega-dropdown.menu-services .ce_text .content-h3 {
    margin: 24px 0px 30px 0px;
}

#Navi .mega-dropdown.menu-company .ce_text .content-h1,
#Navi .mega-dropdown.menu-company .ce_text .content-h2,
#Navi .mega-dropdown.menu-company .ce_text .content-h3 {
    margin: 0px 0px 30px 0px;
}

#Navi .mega-dropdown .ce_text .content-h1 a.hovered,
#Navi .mega-dropdown .ce_text .content-h2 a.hovered,
#Navi .mega-dropdown .ce_text .content-h3 a.hovered,
#Navi .mega-dropdown .ce_text .hovered a {
    color: #e3010b;
}

#Navi .main-navigation li.ico-home3 a {
    margin: 0px;
    padding-right: 0px;
    line-height: 0px;
    font-size: 0px;
}

#Navi .main-navigation li.ico-home3 a::before {
    content: "";
    width: 160px;
    height: 90px;
    margin: 0px;
    padding: 0px;
    background: url('/tradepro/shop/layout/logo_pmp.png') 0% 0% no-repeat padding-box;
    background-size: 100%;
    background-position: center center;
    display: block;
    position: relative;
    top: 0px;
    margin-right: 40px;
}

#Navi #UserNavi.main-navigation > ul > li > a {
    font-size: 0px;
    line-height: 0px;
    padding: 0px;
    border: 0px;
}

#Navi #UserNavi.main-navigation > ul > li:nth-child(2) > a {    
    margin: 0px 46px;
}

#Navi .level1 > li > a,
#Navigationbar .level_1 > li > a {
    font-family: "Helvetica Neue LT W02_75 Bold";
    font-size: 16px;
    letter-spacing: 0.96px;
    line-height: 19px;
    font-weight: normal;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding: 0px;
    text-transform: uppercase;
}

#ScartInfo .scartcounternumber,
.scartcounternumber {
    background: #e3010b;
    font-size: 12px;
    letter-spacing: 0.18px;
    line-height: 7px;
    width: auto;
    height: 20px;
    padding: 7px;
    border-radius: 20px;
    position: absolute;
    top: unset;
    left: 100%;
}

#ScartInfo .scartcounternumber .amount,
.scartcounternumber .amount {
    position: relative;
    top: -10px;
    font-size: 12px;
    letter-spacing: 0.18px;
    line-height: 26px;
    font-family: 'Helvetica Neue LT W05_77 Bd Cn';
}
				
#NaviLogin input {
    border-radius:30px;	
    padding: 12px 40px;
    border: 1px solid black;
    background: transparent;
    width: 400px;
}

#NaviLogin input {					
    border-radius:30px;	
    padding: 12px 24px;
    border: 1px solid black;
    background: transparent;
    width: 387px;
    box-shadow: none;
}

#NaviLogin #ansprechpartner {
    bottom: 126px;
}

#ansprechpartner.search-header {
    top: 150px;
}

#ansprechpartner {
    position: absolute;
    right: 0px;
    bottom: 76px;
    max-width: 265px;
    z-index: 10001;
}

#ansprechpartner .ce_custom-contactbutton {
    margin-bottom: 0px;
}

#ansprechpartner .contactbutton-contact {
    max-width: calc(100% - 126px);
}

#ansprechpartner .ce_text {
    text-align: center;
}

#ansprechpartner figure,
#ansprechpartner picture {	
    border: none;
    background: transparent;
    box-shadow: none;
}

#ansprechpartner figure img,
#ansprechpartner picture img {			
    width: 102px;
    height: 102px;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    margin-right: 24px;
}

#ansprechpartner h4 {
    font-family: "Helvetica Neue LT W05_77 Bd Cn";
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0.3px;
}

#ansprechpartner p strong {
    font-family: "Helvetica Neue LT W05_77 Bd Cn";
    font-size: 16px;
}

#ansprechpartner p {	
    text-align: left;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
}

#ansprechpartner p:nth-last-child(2) {
    margin-bottom: 0px;
}

#ansprechpartner p:last-child {
    margin-top: 0px;
}

#ansprechpartner .Searchbutton {
    max-width: 220px;
    display: block;
    margin: 0px auto;
}

#ansprechpartner .contact-info {
    margin-top: 16px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}

#ansprechpartner .contactbutton-phone {
    font-size: 0;
    width: 62px;
    height: 46px;
    display: inline-block;
    border: 1px solid #000;
    margin-right: 8px;
    border-radius: 24px;
    position: relative;
    background-color: transparent;
}

#ansprechpartner .contactbutton-phone::before {
    content: "";
    background: url(/files/Permapack/Icons/phone-icon-black.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 24px;
    width: 24px;
}

#ansprechpartner .contactbutton-phone:hover {
    background-color: #0000000D;
    border: 1px solid #000;
}

#ansprechpartner .contactbutton-phone:active {
    background-color: #00000026;
    border: 1px solid #000;
}

#ansprechpartner .contactbutton-email {
    font-size: 0;
    width: 62px;
    height: 46px;
    display: inline-block;
    border: 1px solid #000;
    margin-right: 8px;
    border-radius: 24px;
    position: relative;
    background-color: transparent;
}

#ansprechpartner .contactbutton-email::before {
    content: "";
    background: url(/files/Permapack/Icons/email-icon-black.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 24px;
    width: 24px;
}

#ansprechpartner .contactbutton-email:hover {
    background-color: #0000000D;
    border: 1px solid #000;
}

#ansprechpartner .contactbutton-email:active {
    background-color: #00000026;
    border: 1px solid #000;
}

.image_container.float_above {
    margin-top: 0px;
}

#Searchbuttons {
    position: absolute;
    top: 64px;
    left: 0px;
    width: 100%;
    list-style-type: none;
    display: block;
}

#Searchbuttons #SearchClosebutton {
    top: 0px;
}

.Searchbutton {
    background:transparent;
    border-radius:30px;
    border:1px solid #000000;
    cursor:pointer;
    color:black;
    font-size:12px;
    text-decoration:none;
    margin-right:20px;
    padding:15px 20px;
}

#SearchClosebutton {
    width: 30px;
    font-size: 30px;
    font-weight: normal;
    cursor:pointer;
    position: absolute;
    right: 4px;
    top: 66px;
}

#SearchClosebutton svg {
    fill: #e3010b;
}

.Searchbutton {
    border: 1px solid #000;
    background: transparent 0% 0% no-repeat padding-box;
    color: #000;
    padding: 12px 24px;
    font-size: 14px;
    letter-spacing: 0.7px;
    line-height: 17px;
    font-family: "Helvetica Neue LT W02_75 Bold";
}

.Searchbutton:hover {
    background: #0000000D 0% 0% no-repeat padding-box;
    color: #000;
}

.Searchbutton:active {
    background: #00000026 0% 0% no-repeat padding-box;
    color: #000;
}

.slidedown {
	animation: searchmove 0.6s;
	animation-fill-mode: forwards;
}

@keyframes searchmove {
  from {top: 0px;}
  to {top: 600px;}
}

.slideup {
	animation: searchmove2 0.2s;
	animation-fill-mode: forwards;
}

@keyframes searchmove2 {
  from {top: 600px;}
  to {top: 0px;}
}

.slidedown-body {
	animation: searchmove-body 0.6s;
	animation-fill-mode: forwards;
}

@keyframes searchmove-body {
  from {padding-top: 0px;}
  to {padding-top: 600px;}
}

.slideup-body {
	animation: searchmove2-body 0.2s;
	animation-fill-mode: forwards;
}

@keyframes searchmove2-body {
  from {padding-top: 600px;}
  to {padding-top: 0px;}
}

/* Suggest */
#Searchdiv > .mod_article {
    max-width: 1146px;
    margin: 0px auto;
    position: relative;
    height: 100%;
}

#Searchdiv #FactFinder,
#Logindiv #NaviLogin {
    position: relative;
    max-width: 1146px;
    z-index: 3;
    width: auto;
    height: 600px;
    overflow: visible;
    margin: 0px auto;
    left: 0px;
}

#Searchdiv #FactFinder #FFquery {
    font-family: "Helvetica Neue LT W02_75 Bold";
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    color: #000;
    padding: 15px 55px;
    height: auto;
    width: calc(100% - 98px);
    border-radius: 30px;
    top: 64px;
}

#Searchdiv #FactFinder #FFquery::placeholder {
    font-family: 'Helvetica Neue LT W05 45 Light';
    color: #d2d2d2;
}

#ffbackground {
    top: 77px;
}

#icon-close {
    position: absolute;
    right: 125px;
    top: 79px;
    cursor: pointer;
    z-index: 4;
    display: none;
}

div.suggestLayer {
    left: 0px;
    top: -443px;
    width: auto;
    height: 403px;
    max-height: unset;
    max-width: 1146px;
    margin: 0px auto;
}

.suggestLayer li.suggestHeader {
    padding: 0px;
    margin: 0px 0px 21px 0px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.14px;
    font-family: "Helvetica Neue LT W02_75 Bold";
}

.suggestLayer .suggestLayerBlock {
    width: calc(100% - 337px);
    float: none;
    position: relative;
    height: 100%;
}

.suggestLayerBlock li.suggestHeader:first-child {
    font-size: 14px;
}

#suggestLayer>div>ul:first-child:nth-last-child(1) {
    width: 50%;
}

#suggestLayer .suggestLayerBlockImage:first-child:nth-last-child(1) .cms-container {
    margin-top: 0px;
}

.suggestLayer span.suggestTextQuery {
    padding: 0px 16px;
    width: calc(100% - 58px);
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 38px;
    display: -webkit-box;
}

.suggestLayerBlockImage {
    padding-right: 25px;
}

.suggestLayerBlockText {
    max-height: 52%;
    border: 0px;
    padding-left: 25px;
    overflow: hidden;
}

.suggestLayerBlockText .suggestRow::before {
    content: '';
    height: 20px;
    width: 22px;
    display: block;
    position: absolute;
    left: -9px;
    top: 0px;
    background: url(/files/Permapack/Icons/icon_arrow_small.svg);
    background-size: contain;
    background-position: center center;
}

.suggestLayerBlockText span.suggestTextQuery {
    padding: 0px;
    margin: 0px 0px 17px 18px;
}

.suggestLayerBlockText .suggestParentCategory,
.suggestLayerBlockText .suggestTextAmount {
    display: none;
}

.suggestLayer span.suggestTextQuery,
.suggestLayer span.suggestTextQueryTyped {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.42px;
    font-family: 'Helvetica Neue LT W05 45 Light';
    order: 2;
}

span.suggestTextQueryTyped {
    color: #e3010b;
}

li.suggestRow {
    height: auto;
    padding: 0px;
    position: relative;
}

.suggestLayer li.suggestRowWithImage:first-of-type {
    border-top: 1px solid #fff;
}

.suggestLayer li.suggestRowWithImage {
    border-bottom: 1px solid #fff;
    padding: 4px 0px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}

li.suggestRowWithImage:active {
    background-color: #ffffff50;
}

li.suggestHighlight {
    background-color: #fff;
}

.suggestLayerBlockText .suggestHighlight,
.cms-container li.suggestRow.suggestHighlight {
    background-color: unset;
}

.suggestLayerBlockText .suggestHighlight .suggestTextQuery,
.cms-container li.suggestRow.suggestHighlight .suggestTextQuery {
    color: #e3010b;
}

.suggestLayer .cms-container {
    position: absolute;
    display: block;
    left: calc(50% + 25px);
    width: calc(50% - 16px);
    max-height: 53%;
    overflow: hidden;
}

.suggestLayer .cms-container .cms-list {
    padding-left: 0px;
}

.suggestLayer .cms-container li.suggestRowWithImage {
    border: 0px;
    justify-content: flex-start;
    padding: 0px;
}

.suggestLayer .cms-container li.suggestRowWithImage::before {
    content: '';
    height: 20px;
    width: 22px;
    display: block;
    position: absolute;
    left: -9px;
    top: 0px;
    background: url(/files/Permapack/Icons/icon_arrow_small.svg);
    background-size: contain;
    background-position: center center;
}

.cms-container span.suggestTextQuery {
    padding: 0px;
    margin: 0px 0px 17px 18px;
}

.suggestLayer .cms-container .suggestImage {
    display: none;
}

.suggestLayer .cms-container .suggestTextQuery {
    padding: 0px;
}

li.suggestRow .suggestImage {
    height: 58px;
    width: 58px;
    display: inline-block;
    padding: 0px;
    float: none;
    vertical-align: middle;
    overflow: hidden;
    position: relative;
    order: 1;
}

li.suggestRow .suggestImage img {
    width: 100%;
    height: 100%;
}

.suggest-icon-container {
    order: 3;
    position: relative;
    left: 0px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-content: center;
    height: 100%;
    width: 20px;
}

li.suggestRow .suggestImage .angebotsflag {
    position: absolute;
    left: 4px;
    padding: 0px;
    border-radius: 0px;
    margin: 0px;
    background: #E3010B 0% 0% no-repeat padding-box;
    text-transform: uppercase;
    font-size: 6px;
    line-height: 7px;
    letter-spacing: 0.3px;
    transform: rotate(315deg);
    height: 22.5px;
    width: 22.5px;
    border: 0px;
    top: -11px;
    float: none;
}

li.suggestRow .suggestImage .angebotsflag span {
    display: inline-block;
    top: 14px;
    left: 10px;
    transform: translate(-65%, -40%) rotate(45deg);
    position: absolute;
    font-family: "Helvetica Neue LT W02_75 Bold";
    color: #fff;
}


/* Navigation Login */
#Logindiv .login-container {
    position: absolute;
    bottom: 82px;
}

#Logindiv .login-container .e-mail-container {
    margin-bottom: 24px;
}

#Logindiv #ansprechpartner {
    bottom: 130px;
    text-align: center;
    max-width: 224px;
}

#Logindiv #ansprechpartner .content-h3 {
    margin-bottom: 48px;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0.36px;
    text-align: center;
}

#Logindiv #ansprechpartner .Searchbutton {
    width: 100%;
    text-transform: uppercase;
}

#Logindiv #NaviLogin .btn-container {
    text-align: center;
    margin-top: 89px;
    width: 100%;
    max-width: 220px;
    margin-right: 0px;
    margin-left: auto;
}

#Logindiv #NaviLogin button {
    width: max-content;
    border-radius: 24px;
    opacity: 1;
    letter-spacing: 0.7px;
    padding: 12px 24px;
    line-height: 17px;
    font-size: 14px;
    font-family: "Helvetica Neue LT W02_75 Bold";
    color: #fff;
    background: #e3010b 0% 0% no-repeat padding-box;
    text-transform: uppercase;
    margin-top: 0px;
    width: 100%;
}

#Logindiv #NaviLogin button:hover{
    box-shadow: 0px 3px 6px #00000029;
}

#Logindiv #NaviLogin button:active {
    background: #7b0000 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
}

#Logindiv #NaviLogin .lostpw {
    text-align: center;
    margin-top: 24px;
}

#Logindiv #NaviLogin .lostpw a {
    font-size: 14px;
    font-family: "Helvetica Neue LT W02_75 Bold";
    line-height: 22px;
    letter-spacing: 0.14px;
}

/* Warenkorb-Hover Ansicht */
.ScartItemDetails {
    top: 95px;
    box-shadow: 0px 3px 6px #00000029;
    padding: 26px 30px 0px 30px;
    width: 440px;
    background: #fff;
    right: -20px;
}

#ScartInfo:hover .ScartItemDetails {
    display: block;
}

.ScartItemDetails > h2 {
    font-family: 'Helvetica Neue LT W05_77 Bd Cn';
    font-size: 36px;
    line-height: 40px;
    letter-spacing: 0.36px;
    color: #000;
    background: none;
    text-align: left;
    padding: 0px 0px 57px 0px;
    margin: 0px;
    border-bottom: 1px solid #d2d2d2;
}

.ScartItemDetails > a {
    color: #fff;
    text-transform: uppercase;
    background: #e3010b;
    width: calc(100% + 60px);
    left: -30px;
    text-align: center;
    font-family: "Helvetica Neue LT W02_75 Bold";
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.42px;
    position: relative;
    bottom: 0px;
    padding: 25px;
    margin-top: 38px;
}

.ScartItemDetails > a:hover {
    color: #fff;
}

.ScartItemDetails > a:active {
    background: #7b0000 0% 0% no-repeat padding-box;
}

#Navigationbar #ScartInfo .ScartItemDetails ul li {
    border-bottom: 1px solid #d2d2d2;
    height: auto;
}

#Navigationbar #ScartInfo .ScartItemDetails ul li:last-child {
    border-bottom: 1px solid #000;
}

#ScartInfo .ScartItemDetails ul li a {
    width: calc(100% - 96px);
    max-height: 71px;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin: 24px 0px;
    padding: 0px;
    text-align: left;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    font-family: 'Helvetica Neue LT W05 45 Light';
}

#ScartInfo .ScartItemDetails ul li:last-child a {
    margin-bottom: 48px;
}

.ScartItemDetails .imgCon {
    height: 71px;
    width: 79px;
    margin: 24px 17px 24px 0px;
    padding: 0px;
}

.ScartItemDetails .imgCon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin: 0px;
    padding: 0px;
}

#ScartInfo .ScartItemDetails .show-more {
    text-align: center;
    width: 100%;
    text-decoration: underline;
}

#ScartInfo .ScartItemDetails .price {
    font-family: "Helvetica Neue LT W02_75 Bold";
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0.39px;
    margin: 24px 0px 0px 0px;
    color: #000;
    display: block;
}



/* Navigationsmenü / navigation menu / product-menu / Produkte Menü / Märkte Menü */
#Navi li.submenu.-mega.hidden .mega-dropdown {
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease-in-out;
}

#MainNavi ul.productsnav.level_2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

#MainNavi ul.productsnav.level_2 li {
    width: calc(100% / 6);
}

#Navigationbar .main-navigation ul.level_1 li.submenu ul.level_2 {
    background: #fff 0% 0% no-repeat padding-box;
}

#Navi .mega-dropdown {
    position: fixed;
    left: 0px;
    top: 90px;
    width: 100%;
    max-width: 100%;
    height: 100%;
    background: #00000080 0% 0% no-repeat padding-box;
    margin: 0px;
    padding: 0px;
    opacity: 0;
    display: none;
    z-index: 0;
    pointer-events: auto;
}

#Navi .mega-dropdown.active {
    max-height: 100%;
    display: block;
    opacity: 1;
}

#Navi li:hover .mega-dropdown.active {
    -webkit-transition-delay: 500ms;
    -moz-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    transition-delay: 500ms;
}

#Navi .mega-dropdown .mega-dropdown-inner {
    width: 100%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: inset 0px 3px 6px #00000029;
    padding: 0px 80px 48px 80px;
    height: 669px;
    z-index: 1;
    overflow: auto;
}

#Navi .mega-dropdown .mega-dropdown-inner .mega-dropdown-content {
    position: relative;
    padding-top: 70px;
    z-index: 2;
}

#Navi .mega-dropdown .mega-dropdown-inner .mega-dropdown-content,
#Navi .mega-dropdown .mega-dropdown-inner .mega-dropdown-content > .mod_article {
    overflow: hidden;
    max-width: 1146px;
    margin: 0px auto 0px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

#Navi .mega-dropdown .close {
    position: absolute;
    top: 20px;
    height: 30px;
    width: 30px;
    background-image: url(/files/Permapack/Icons/Close_slim.svg);
    background-size: 65px 65px;
    background-repeat: no-repeat;
    background-position: top left;
    z-index: 2;
    cursor: pointer;
}

#Navi .mega-dropdown .mega-dropdown-inner .mega-dropdown-content > .mod_article {
    max-width: none;
    width: 100%;
}

#Navi .mega-dropdown:not(.menu-company) .mega-dropdown-inner .mega-dropdown-content .rs-columns {
    display: flex;
}

#Navi .mega-dropdown:not(.menu-company):not(.menu-services) .mega-dropdown-inner .mega-dropdown-content .rs-column {
    border-right: 1px solid #F6F6F6;
    width: calc(100% / 6);
    margin: 0px;
    padding: 0px 16px;
}

#Navi .mega-dropdown.menu-services .mega-dropdown-inner .mega-dropdown-content .rs-column {
    border-right: 1px solid #F6F6F6;
    width: calc(100% / 4);
    margin: 0px;
    padding: 0px 16px;
}

#Navi .mega-dropdown:not(.menu-company) .mega-dropdown-inner .mega-dropdown-content .rs-column.-large-first {
    border-left: 1px solid #F6F6F6;
    padding-left: 16px;
}

#Navi .mega-dropdown.menu-products .mega-dropdown-inner .mega-dropdown-content .content-h1,
#Navi .mega-dropdown.menu-products .mega-dropdown-inner .mega-dropdown-content .content-h2,
#Navi .mega-dropdown.menu-products .mega-dropdown-inner .mega-dropdown-content .content-h3 {
    height: 58px;
    padding: 0px;
}

#Navi .mega-dropdown.menu-services .mega-dropdown-inner .mega-dropdown-content .ce_image {
    text-align: center;
}

#Navi .mega-dropdown .mega-dropdown-inner .mega-dropdown-content figure img,
#Navi .mega-dropdown .mega-dropdown-inner .mega-dropdown-content picture img {
    object-fit: cover;
    height: 80px;
    width: 100%;
}

#Navi li.submenu:nth-child(2) .mega-dropdown .mega-dropdown-inner .mega-dropdown-content picture img {
    object-fit: contain;
}

#Navi .mega-dropdown.menu-services .mega-dropdown-inner .mega-dropdown-content figure,
#Navi .mega-dropdown.menu-services .mega-dropdown-inner .mega-dropdown-content picture,
#Navi .mega-dropdown.menu-markets .mega-dropdown-inner .mega-dropdown-content figure,
#Navi .mega-dropdown.menu-markets .mega-dropdown-inner .mega-dropdown-content picture {
    width: 100%;
}

#Navi .mega-dropdown.menu-services .mega-dropdown-inner .mega-dropdown-content figure img,
#Navi .mega-dropdown.menu-services .mega-dropdown-inner .mega-dropdown-content picture img {
    width: 100%;
    height: 147px;
}

#Navi .mega-dropdown .mega-dropdown-inner .mega-dropdown-content a {
    text-decoration: none;
}

#Navi .mega-dropdown .mega-dropdown-inner .mega-dropdown-content ul li {
    height: auto;
    margin: 0px;
    padding: 0px 0px 0px 15px;
    position: relative;
    display: block;
}

#Navi .mega-dropdown .mega-dropdown-inner .mega-dropdown-content ul li::before {
    content: ">";
    width: auto;
    transform: matrix(0.6, 0, 0, 1.1, 0, 0);
    left: 0px;
    position: absolute;
    top: -1.5px;
}

#Navi .mega-dropdown .mega-dropdown-inner .mega-dropdown-content li a {
    font-family: 'Helvetica Neue LT W05 45 Light';
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0.42px;
}

#Navi .mega-dropdown .mega-dropdown-inner .mega-dropdown-content li:hover a,
#Navi .mega-dropdown .mega-dropdown-inner .mega-dropdown-content p a:hover,
#Navi .mega-dropdown .mega-dropdown-inner .mega-dropdown-content li:hover::before,
#Navi .mega-dropdown .mega-dropdown-inner .mega-dropdown-content .market-title-container:hover * {
    text-decoration: none;
    color: #e3010b;
}

#Navi .mega-dropdown .mega-dropdown-inner .mega-dropdown-content li:active a,
#Navi .mega-dropdown .mega-dropdown-inner .mega-dropdown-content p a:active,
#Navi .mega-dropdown .mega-dropdown-inner .mega-dropdown-content li:active::before {
    text-decoration: none;
    color: #7b0000;
}

#Navi .mega-dropdown .mega-dropdown-inner .mega-dropdown-content .ce_custom-button {
    margin-top: 80px;
    margin-left: 16px;
}

#Navi .mega-dropdown.menu-markets .mega-dropdown-inner .mega-dropdown-content .ce_custom-button {
    margin-top: 16px;
}

/* Unternehmen Menü */
#Navi .mega-dropdown.menu-company .mega-dropdown-inner {
    background: linear-gradient(90deg, #fff calc(50% + 296.5px), #F6F6F6 50%);
}

#Navi .mega-dropdown.menu-company .mega-dropdown-inner p:not(.content-h1):not(.content-h2):not(.content-h3),
#Navi .mega-dropdown.menu-company .mega-dropdown-inner p:not(.content-h1):not(.content-h2):not(.content-h3) a {
    font-family: "Helvetica Neue LT W02_75 Bold";
}

#Navi .mega-dropdown.menu-company .mega-dropdown-inner .rs-columns ul {
    margin-top: 30px;
}

#Navi .mega-dropdown.menu-company .mega-dropdown-inner .ce_text ul {
    margin-bottom: 40px;
    display: block;
}

#Navi .mega-dropdown.menu-company .mega-dropdown-inner .mega-dropdown-content .rs-column {
    border-right: 1px solid #F6F6F6;
    width: calc(100% / 4);
    margin: 0px;
    padding: 0px 32px;
}

#Navi .mega-dropdown.menu-company .mega-dropdown-inner .mega-dropdown-content .rs-column:last-child,
#Navi .mega-dropdown.menu-company .mega-dropdown-inner .mega-dropdown-content .rs-column:nth-child(3) {
    border-right: 0px;
}

#Navi .mega-dropdown.menu-company .mega-dropdown-inner .mega-dropdown-content figure img,
#Navi .mega-dropdown.menu-company .mega-dropdown-inner .mega-dropdown-content picture img {
    width: 100%;
    height: 143px;
}

#Navi .mega-dropdown.menu-company .mega-dropdown-inner .mega-dropdown-content .company-image {
    position: relative;
    top: 30px;
}

#Navi .mega-dropdown.menu-company .mega-dropdown-inner .mega-dropdown-content .company-image figure img,
#Navi .mega-dropdown.menu-company .mega-dropdown-inner .mega-dropdown-content .company-image picture img {
    width: 100px;
    height: 100px;
}


/* Dashboard Menü / Loggedin Menü */
.mega-dropdown.menu-dashboard .mega-dropdown-inner-container {
    box-shadow: inset 0px 3px 6px #00000029;
    padding-top: 6px;
    background: linear-gradient(90deg, #fff 66%, #F6F6F6 33%);
}

.mega-dropdown.menu-dashboard .mega-dropdown-inner-container .mega-dropdown-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: flex-start;
    max-width: 1214px;
    margin: 0px auto;
    position: relative;
    left: 34px;
    overflow: auto;
}

#Navi .mega-dropdown.menu-dashboard .mega-dropdown-inner.left {
    background: #fff;
    padding-right: 0px;
    width: calc(100% / 3 * 2);
    vertical-align: top;
    font-size: 0px;
    line-height: 0px;
    letter-spacing: 0px;
    margin: 0px;
    box-shadow: none;
    padding: 0px;
    min-height: auto;
    overflow: hidden;
}

#Navi .mega-dropdown.menu-dashboard .mega-dropdown-inner.right {
    background: #F6F6F6;
    padding-left: 0px;
    width: calc(100% / 3);
    vertical-align: top;
    font-size: 0px;
    line-height: 0px;
    letter-spacing: 0px;
    margin: 0px;
    box-shadow: none;
    padding: 0px;
    min-height: auto;
    overflow: hidden;
}

#Navi .mega-dropdown.menu-dashboard .mega-dropdown-inner.left .close,
#Navi .mega-dropdown.menu-dashboard .mega-dropdown-inner.right .close {
    display: none;
}

#Navi .mega-dropdown.menu-dashboard .mega-dropdown-inner.left .mega-dropdown-content {
    overflow: hidden;
    max-width: none;
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
    align-content: flex-start;
    text-align: left;
    min-height: 690px;
    padding: 90px 80px 72px 0px;
}

#Navi .mega-dropdown.menu-dashboard .mega-dropdown-inner.right .mega-dropdown-content {
    overflow: hidden;
    max-width: none;
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
    align-content: flex-start;
    text-align: left;
    min-height: 690px;
    padding: 90px 0px 72px 68px;
    background: #F6F6F6;
    width: auto;
}

.content-row.first {
    margin-right: 128px;
}

.content-row a.ghost-button.black {
    margin-top: 38px;
    display: block;
}

#Navi .mega-dropdown.menu-dashboard .mega-dropdown-inner .mega-dropdown-content p.content-h3 {
    padding-bottom: 30px;
    margin-bottom: 0px;
    border-bottom: 1px solid #000;
}

#Navi .mega-dropdown.menu-dashboard .mega-dropdown-inner .mega-dropdown-content .last {
    width: 100%;
}

#Navi .mega-dropdown.menu-dashboard .mega-dropdown-inner .mega-dropdown-content li {
    border-bottom: 1px solid #000;
    padding: 0px;
    width: auto;
}

#Navi .mega-dropdown.menu-dashboard .mega-dropdown-inner .mega-dropdown-content ul li::before {
    content: none;
}

#Navi .mega-dropdown.menu-dashboard .mega-dropdown-inner .mega-dropdown-content ul li::after {
    content: url('/files/Permapack/Icons/icon_arrow_small.svg');
    width: auto;
    right: 0px;
    position: absolute;
    top: 17px;
}

#Navi .mega-dropdown.menu-dashboard .mega-dropdown-inner .mega-dropdown-content li.content-item::before {
    transform: none;
    top: 14px;
    height: 30px;
    width: 30px;
}

#Navi .mega-dropdown.menu-dashboard .mega-dropdown-inner .mega-dropdown-content li.content-item.home::before {
    content: url('/files/Permapack/Icons/home-icon-black-border.svg');
}

#Navi .mega-dropdown.menu-dashboard .mega-dropdown-inner .mega-dropdown-content li.content-item.home:hover::before {
    content: url('/files/Permapack/Icons/home-icon-red-border.svg');
}

#Navi .mega-dropdown.menu-dashboard .mega-dropdown-inner .mega-dropdown-content li.content-item.order-history::before {
    content: url('/files/Permapack/Icons/list-icon-black.svg');
}

#Navi .mega-dropdown.menu-dashboard .mega-dropdown-inner .mega-dropdown-content li.content-item.order-history:hover::before {
    content: url('/files/Permapack/Icons/list-icon-red.svg');
}

#Navi .mega-dropdown.menu-dashboard .mega-dropdown-inner .mega-dropdown-content li.content-item.favorite-list::before {
    content: url('/files/Permapack/Icons/herz-icon-black.svg');
}

#Navi .mega-dropdown.menu-dashboard .mega-dropdown-inner .mega-dropdown-content li.content-item.favorite-list:hover::before {
    content: url('/files/Permapack/Icons/herz-icon-red.svg');
}

#Navi .mega-dropdown.menu-dashboard .mega-dropdown-inner .mega-dropdown-content li.content-item.fast-order::before {
    content: url('/files/Permapack/Icons/fast-order-icon-black.svg');
}

#Navi .mega-dropdown.menu-dashboard .mega-dropdown-inner .mega-dropdown-content li.content-item.fast-order:hover::before {
    content: url('/files/Permapack/Icons/fast-order-icon-red.svg');
}

#Navi .mega-dropdown.menu-dashboard .mega-dropdown-inner .mega-dropdown-content li.content-item.saved-scart::before {
    content: url('/files/Permapack/Icons/saved-scart-icon-black.svg');
}

#Navi .mega-dropdown.menu-dashboard .mega-dropdown-inner .mega-dropdown-content li.content-item.saved-scart:hover::before {
    content: url('/files/Permapack/Icons/saved-scart-icon-red.svg');
}

#Navi .mega-dropdown.menu-dashboard .mega-dropdown-inner .mega-dropdown-content li.content-item.my-product-catalog::before {
    content: url('/files/Permapack/Icons/folder-icon-black.svg');
}

#Navi .mega-dropdown.menu-dashboard .mega-dropdown-inner .mega-dropdown-content li.content-item.my-product-catalog:hover::before {
    content: url('/files/Permapack/Icons/folder-icon-red.svg');
}

#Navi .mega-dropdown.menu-dashboard .mega-dropdown-inner .mega-dropdown-content li.content-item.to-the-shop::before {
    content: url('/files/Permapack/Icons/warenkorb-icon-black.svg');
}

#Navi .mega-dropdown.menu-dashboard .mega-dropdown-inner .mega-dropdown-content li.content-item.to-the-shop:hover::before {
    content: url('/files/Permapack/Icons/warenkorb-icon-red.svg');
}

/* Kupo: Meist bestellte Artikel*/

#Navi .mega-dropdown.menu-dashboard .mega-dropdown-inner .mega-dropdown-content li.content-item.most-ordered-item::before {
    content: url('/files/Permapack/Icons/meist-bestellt-icon-black.svg');
}

#Navi .mega-dropdown.menu-dashboard .mega-dropdown-inner .mega-dropdown-content li.content-item.most-ordered-item:hover::before {
    content: url('/files/Permapack/Icons/meist-bestellt-icon-red.svg');
}


#Navi .mega-dropdown.menu-dashboard .mega-dropdown-inner .mega-dropdown-content .content-row.first li.content-item a {    
    padding: 14px 40px;
}

#Navi .mega-dropdown.menu-dashboard .mega-dropdown-inner .mega-dropdown-content .content-row li.content-item a {
    padding: 14px 0px;
    display: block;
    width: 267px;
    font-family: 'Helvetica Neue LT W05 45 Light';
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0px;
}

.haulbusiness #Navi .mega-dropdown.menu-dashboard .mega-dropdown-inner .mega-dropdown-content .content-row.documents .content-item:first-child,
.haulbusiness #Navi .mega-dropdown.menu-dashboard .mega-dropdown-inner .mega-dropdown-content .content-row.documents .content-item:nth-child(n+4) {
    display: none;
}

#Navi #contact-loggedin {
    margin-top: 90px;
}

#Navi #contact-loggedin .contactbutton-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

#Navi #contact-loggedin .contactbutton-container picture {
    height: 102px;
    width: 102px;
}

#Navi #contact-loggedin .contactbutton-container picture img {
    height: 100%;
    width: 100%;
}

#Navi #contact-loggedin .contactbutton-container .contactbutton-contact {
    max-width: 208px;
    margin-left: 26px;
}

#Navi #contact-loggedin .contactbutton-container .contactbutton-contact h4 {
    font-family: "Helvetica Neue LT W02_75 Bold";
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.14px;
    margin: 0px;
}

#Navi #contact-loggedin .contactbutton-container .contactbutton-contact p,
#Navi #contact-loggedin .contactbutton-container .contactbutton-contact .contact-info a {
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.42px;
    margin: 0px;
}


/* CMS */
/* Submenu Nav */
.submenu-nav-container {
    box-shadow: 0px 3px 6px #00000029;
    position: relative;
    width: 100vw;
    left: calc(-50vw + 50%);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    top: -110px;
}

.submenu-nav-container.fixed {
    top: 90px;
    z-index: 10;
    position: fixed;
    left: 0px;
    width: 100%;
}

.ce_submenu-nav {
    max-width: 1146px;
    margin: 0px auto;
}

.ce_submenu-nav ul {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: space-between;
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.ce_submenu-nav ul li {
    padding: 20px 0px;
    list-style-type: none;
}

.ce_submenu-nav ul li span {
    font-family: "Helvetica Neue LT W02_75 Bold";
    font-size: 16px;
    letter-spacing: 0.96px;
    line-height: 19px;
    text-transform: uppercase;
}

.ce_submenu-nav ul li a.active {
    color: #e3010b;
}


/* Downloads */
.ce_downloads h1,
.ce_downloads h2,
.ce_downloads h3,
.ce_downloads h4,
.ce_downloads h5,
.ce_downloads h6,
.main-content .ce_downloads h1,
.main-content .ce_downloads h2,
.main-content .ce_downloads h3,
.main-content .ce_downloads h4,
.main-content .ce_downloads h5,
.main-content .ce_downloads h6,
.artCMS .ce_downloads h1,
.artCMS .ce_downloads h2,
.artCMS .ce_downloads h3,
.artCMS .ce_downloads h4,
.artCMS .ce_downloads h5,
.artCMS .ce_downloads h6,
.sidebar .ce_downloads h1,
.sidebar .ce_downloads h2,
.sidebar .ce_downloads h3,
.sidebar .ce_downloads h4,
.sidebar .ce_downloads h5,
.sidebar .ce_downloads h6 {
    margin: 0px;
    padding: 0px;
    border: 0px;
    border-radius: 0px;
    font-weight: normal;
    letter-spacing: inherit;
    text-transform: none;
    background: none;
    color: #e3010b;
}

.ce_downloads h1:before,
.ce_downloads h2:before,
.ce_downloads h3:before,
.ce_downloads h4:before,
.ce_downloads h5:before,
.ce_downloads h6:before,
.sidebar .ce_downloads h1:before,
.sidebar .ce_downloads h2:before,
.sidebar .ce_downloads h3:before,
.sidebar .ce_downloads h4:before,
.sidebar .ce_downloads h5:before,
.sidebar .ce_downloads h6:before {
    content: none;
}


.ce_downloads {
    border: 0px;
    margin: 0px 0px 64px 0px;
    padding: 0px;
}

.ce_downloads ul {
    margin-top: 32px;
}

.ce_downloads ul li.download-element {
    position: relative;
    list-style-type: none;
}

.ce_downloads ul li.download-element a {
    color: #e3010b;
    height: 100%;
    width: auto;
    display: block;
    font-size: 16px;
    margin: 0px 0px 16px 16px;
    position: relative;
}

.ce_downloads ul li.download-element:hover a,
.ce_downloads ul li.download-element a:hover {
    color: #7b0000;
}

.ce_downloads ul li.download-element:active {
    color: #000;
}

.ce_downloads ul li.download-element::before {
    content: "";
    background: url('/files/Permapack/Icons/download-icon-red.svg');
    background-repeat: no-repeat;
    background-size: contain;
    height: 24px;
    width: 24px;
    position: absolute;
    left: -16px;
    top: 50%;
    transform: translateY(-50%);
}

.ce_downloads ul li.download-element:hover::before {
    background: url('/files/Permapack/Icons/download-icon-brown.svg');
}

.ce_downloads ul li.download-element:active::before {
    background: url('/files/Permapack/Icons/download-icon-black.svg');
}

button.show-more-button {
    border: 0px;
    background: none;
    padding: 0px;
    margin: 16px 0px 0px 36px;
    color: #e3010b;
    text-transform: uppercase;
    font-size: 14px;
    width: auto;
    font-family: "Helvetica Neue LT W02_75 Bold";
}

button.show-more-button:hover {
    color: #7b0000;
    box-shadow: none;
    background: none;
}

button.show-more-button:active {
    color: #000;
    background: none;
    box-shadow: none;
}


/* Buttons / Buttongenerator */
.button-kontakt {
    width: max-content;
    border-radius: 24px;
    opacity: 1;
    letter-spacing: 0.7px;
    padding: 12px 24px;
    line-height: 17px;
    font-size: 14px;
    font-family: "Helvetica Neue LT W02_75 Bold";
    color: #fff;
    background: #e3010b 0% 0% no-repeat padding-box;
    border: 0px;
    text-transform: uppercase;
}

.button-kontakt:hover {    
    background: #e3010b 0% 0% no-repeat padding-box;
    border: 0px;
    box-shadow: 0px 3px 6px #00000029;
}

.button-kontakt:active {
    background: #7b0000 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border: 0px;
}

#nlButton {
    font-family: "Helvetica Neue LT W02_75 Bold";
    font-size: 14px;
    letter-spacing: 0.7px;
}

div.ce_custom-button a { 
    font-size: 14px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 24px;
}

div.ce_custom-button img,
button > img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 24px;
    height: 24px;
    width: 24px;
    object-fit: contain;
}

/* Contained Button */
.contained-button.has-icon,
button,
html .button,
html input.submit,
.feature-box-link {
    width: max-content;
    border-radius: 24px;
    opacity: 1;
    letter-spacing: 0.7px;
    padding: 12px 24px 12px 57px;
    line-height: 17px;
    font-size: 14px;
    font-family: "Helvetica Neue LT W02_75 Bold";
    text-transform: uppercase;
    text-decoration: none !important;
    position: relative;
}

.contained-button {
    width: max-content;
    border-radius: 24px;
    opacity: 1;
    padding: 12px 24px;
    letter-spacing: 0.7px;
    line-height: 17px;
    font-size: 14px;
    font-family: "Helvetica Neue LT W02_75 Bold";
    text-transform: uppercase;
    text-decoration: none !important;
    position: relative;
}

.contained-button.white {
    color: #000;
    background: #fff 0% 0% no-repeat padding-box;
}

.contained-button.white:hover {
    box-shadow: 0px 3px 6px #00000029;
}

.contained-button.white:active {
    background: #e9e9e9 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
}

.contained-button.red,
button,
html .button,
html input.submit,
.feature-box-link {
    color: #fff;
    background: #e3010b 0% 0% no-repeat padding-box;
}

.contained-button.red:hover,
button:hover,
html .button:hover,
html input.submit:hover,
.feature-box-link:hover {
    box-shadow: 0px 3px 6px #00000029;
    background: #e3010b 0% 0% no-repeat padding-box;
}

.contained-button.red:active,
button:active,
html .button:active,
html input.submit:active,
.feature-box-link:active {
    background: #7b0000 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
}

.contained-button.black {
    color: #fff;
    background: #000 0% 0% no-repeat padding-box;
}

.contained-button.black:hover {
    box-shadow: 0px 3px 6px #00000029;
}

.contained-button.black:active {
    background: #777 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
}

/* Ghost Button */
.ghost-button {
    font-size: 14px;
    width: max-content;
    border-radius: 24px;
    opacity: 1;
    letter-spacing: 0.7px;
    padding: 12px 24px;
    line-height: 17px;
    font-family: "Helvetica Neue LT W02_75 Bold";
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
}

.ghost-button.has-icon {
    padding: 12px 24px 12px 57px;
}

.ghost-button:hover,
.ghost-button:active,
.ghost-button:focus {
    text-decoration: none;
    box-shadow: none;
}

.ghost-button.white {
    border: 1px solid #fff;
    background: transparent 0% 0% no-repeat padding-box;
    color: #fff;
}

.ghost-button.white:hover {
    background: #ffffff33 0% 0% no-repeat padding-box;
    color: #fff;
}

.ghost-button.white:active {
    background: #ffffff66 0% 0% no-repeat padding-box;
    color: #fff;
}

.ghost-button.red {
    border: 1px solid #e3010b;
    background: transparent 0% 0% no-repeat padding-box;
    color: #e3010b;
}

.ghost-button.red:hover {
    background: #e3010b0D 0% 0% no-repeat padding-box;
    color: #e3010b;
}

.ghost-button.red:active {
    background: #e3010b26 0% 0% no-repeat padding-box;
    color: #e3010b;
}

.ghost-button.black {
    border: 1px solid #000;
    background: transparent 0% 0% no-repeat padding-box;
    color: #000;
}

.ghost-button.black:hover {
    background: #0000000D 0% 0% no-repeat padding-box;
    color: #000;
    border: 1px solid #000;
}

.ghost-button.black:active {
    background: #00000026 0% 0% no-repeat padding-box;
    color: #000;
    border: 1px solid #000;
}

/* Text Button */
.text-button {
    font-size: 14px;
    width: max-content;
    color: #e3010b;
    letter-spacing: 0.42px;
    opacity: 1;
    font-family: "Helvetica Neue LT W02_75 Bold";
    line-height: 17px;
    text-transform: uppercase;
    box-shadow: none;
}

.text-button:hover {
    color: #7b0000;
    box-shadow: none;
}

.text-button:active {
    color: #000;
}


/* Rocksolid Slider CMS */
.mod_article #MainPageSlideshow {
    position: relative;
    width: 100vw;
    left: calc(-50vw + 50%);
    height: calc(100vw * (9/21));
    top: 0px;
    background: none;
    max-width: none;
    max-height: 62vh;
    overflow: hidden; /* Siehe Unternehmen/Management im Livesystem */
    margin-bottom: 80px;
    padding-bottom: 30px;
}

#MainPageSlideshow.page-slide-content-width {
    width: 100%;
    left: unset;
}

.mod_article #MainPageSlideshow .mod_rocksolid_slider,
.mod_article #MainPageSlideshow .mod_rocksolid_slider > div:not(.rsts-nav),
.mod_article #MainPageSlideshow .mod_rocksolid_slider .rsts-view,
.mod_article #MainPageSlideshow .mod_rocksolid_slider .rsts-crop,
.mod_article #MainPageSlideshow .mod_rocksolid_slider .rsts-slide > div,
.mod_article #MainPageSlideshow .mod_rocksolid_slider .ce_image,
.mod_article #MainPageSlideshow .mod_rocksolid_slider .image_container,
.mod_article #MainPageSlideshow .mod_rocksolid_slider picture,
.mod_article #MainPageSlideshow .mod_rocksolid_slider .image_container img,
.mod_article #MainPageSlideshow .mod_rocksolid_slider picture img {
    margin: 0px;
    max-height: 100%;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.rsts-slide .ce_image .image_container,
.rsts-slide .ce_image picture {
    width: 100%;
}

.rsts-slide .ce_image .image_container img,
.rsts-slide .ce_image picture img {
    object-fit: cover;
    height: auto;
    max-height: none;
}

.rsts-skin-default .rsts-active .rsts-caption {
    display: none;
}

.rsts-skin-default .rsts-nav-bullets {
    left: 0px;
    bottom: -30px;
}

.rsts-skin-default .rsts-nav-bullets a {
    background-color: #D2D2D2;
    box-shadow: none;
    margin: 0px 8px;
    height: 15px;
    width: 15px;
}

.rsts-skin-default .rsts-nav-bullets a:hover,
.rsts-skin-default .rsts-nav-bullets a.active {
    background-color: #000;
    box-shadow: none;
}

.content-box-background {
    background: rgba(255,255,255,0.8);
    height: 150%;
    width: 95%;
    position: absolute;
    transform: rotate(-45deg) translateX(-25%);
    left: -45%;
    top: 0;
}

#MainPageSlideshow.page-slide-content-width .content-box-background {
    background: rgba(255,255,255,0.8);
    height: 135%;
    width: 95%;
    position: absolute;
    transform: rotate(-45deg) translateX(0%);
    left: -45%;
    top: 0;
}

.rsts-crop,
.rsts-thumbs-crop {
    overflow: hidden;
}

.slider-contentbox-left {
    left: 60px;
}

.slider-contentbox-top {
    top: 60px;
    text-align: left;
    max-width: 314px;
}

.slider-contentbox-top .slider-subheadline {
    text-transform: uppercase;
    font-family: "Helvetica Neue LT W02_75 Bold";
    color: #e3010b;
    background: none;
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.7px;
}

.slider-contentbox-top .main-message {
    margin: 16px 0px;
}

.slider-contentbox-top .main-message p {
    font-family: 'Helvetica Neue LT W05_77 Bd Cn';
    font-size: 1.5rem;
    line-height: 30px;
    letter-spacing: 0.36px;
}

.slider-contentbox-top .sub-message {
    margin: 0px 0px 36px 0px;
}

.slider-contentbox-top .sub-message p {
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.42px;
    margin: 0px;
    padding: 0px;
}

.slider-contentbox-top .slider-linktext {
    background: none;
    font-size: inherit;
    padding: 0px;
    margin: 0px;
}

.slider-contentbox-top a.slider-linktext {
    width: max-content;
    border-radius: 24px;
    opacity: 1;
    letter-spacing: 0.7px;    
    line-height: 17px;
    font-size: 14px;
    padding: 12px 24px;
    color: #fff;
    background: #e3010b 0% 0% no-repeat padding-box;
    text-transform: uppercase;
    text-decoration: none;
    font-family: "Helvetica Neue LT W02_75 Bold";
}

.slider-contentbox-top a.slider-linktext:hover {
    box-shadow: 0px 3px 6px #00000029;
    color: #fff;    
    text-decoration: none;
}

.slider-contentbox-top a.slider-linktext:active {
    background: #7b0000 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
}


/* Slick-Slider styling with Boxes / Kachelstyling */
.main-content .mod_article.infokachel,
.artCMS .mod_article.infokachel,
.main-content .mod_article.themenbutton,
.artCMS .mod_article.themenbutton,
.main-content .mod_article.branchen,
.artCMS .mod_article.branchen,
.main-content .mod_newslist,
.artCMS .mod_newslist {
    background: #f6f6f6;
    width: 100vw;
    transform: translateX(-50%);
    left: 50%;
    position: relative;
    max-width: none;
    padding: 241px 0px 100px 0px;
    overflow: hidden;
    /* scroll-snap-type: y mandatory; */
    /* scroll-snap-align: start; */
}

.mod_article .slider-wrapper-blur-right,
.mod_article .slider-wrapper-blur-both {
    max-width: 1291px;
    margin: 0px auto;
    padding: 0px;
    width: 100%;
    overflow: visible;
    border: 0px;
}

.slider-wrapper-blur-right > * {
    float: none;
    width: auto;
}

.mod_article .slider-wrapper-blur-both {
    max-width: 1436px;
    overflow: visible;
}

.mod_article .slider-wrapper-blur-both.no-slider {
    max-width: 1146px;
    width: auto;
}

.infokachel .slick-next,
.infokachel .slick-prev,
.themenbutton .slick-next,
.themenbutton .slick-prev,
.branchen .slick-next,
.branchen .slick-prev,
.services .slick-next,
.services .slick-prev,
.mod_newslist .slick-next,
.mod_newslist .slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    display: block;
    width: 35px;
    height: 35px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    margin-top: 17px;
    bottom: -49px;
    top: unset;
}

.infokachel .slick-next.disabled,
.infokachel .slick-prev.disabled,
.themenbutton .slick-next.disabled,
.themenbutton .slick-prev.disabled,
.branchen .slick-next.disabled,
.branchen .slick-prev.disabled,
.services .slick-next.disabled,
.services .slick-prev.disabled,
.mod_newslist .slick-next.disabled,
.mod_newslist .slick-prev.disabled {
    pointer-events: none;
}

.infokachel .slick-next,
.themenbutton .slick-next,
.branchen .slick-next,
.services .slick-next,
.mod_newslist .slick-next {
    background: transparent url('/files/Permapack/Icons/arrow-next.svg') 0% 0% no-repeat padding-box;
    right: 40px;
    background-position: 1px;
    margin: 0px;
}

.shop .infokachel .slick-next {
    bottom: -66px;
}

.infokachel .slick-next:hover,
.themenbutton .slick-next:hover,
.branchen .slick-next:hover,
.services .slick-next:hover,
.mod_newslist .slick-next:hover {
    background: transparent url('/files/Permapack/Icons/arrow-hover.svg') 0% 0% no-repeat padding-box;
    background-position: 1px;
    margin: 0px;
    box-shadow: none;
}

.infokachel .slick-next:active,
.themenbutton .slick-next:active,
.branchen .slick-next:active,
.services .slick-next:active,
.mod_newslist .slick-next:active {
    background: transparent url('/files/Permapack/Icons/arrow-active.svg') 0% 0% no-repeat padding-box;
    background-position: 1px;
    margin: 0px;
}

.infokachel .slick-next.slick-disabled,
.themenbutton .slick-next.slick-disabled,
.branchen .slick-next.slick-disabled,
.services .slick-next.slick-disabled,
.mod_newslist .slick-next.slick-disabled,
.infokachel .slick-next.disabled,
.themenbutton .slick-next.disabled,
.branchen .slick-next.disabled,
.services .slick-next.disabled,
.mod_newslist .slick-next.disabled {
    background: transparent url('/files/Permapack/Icons/arrow-disabled.svg') 0% 0% no-repeat padding-box;
    transform: rotate(180deg);
    background-position: 1px;
    margin: 0px;
    box-shadow: none;
    bottom: -49px;
}

.infokachel .slick-next.slick-disabled:hover,
.themenbutton .slick-next.slick-disabled:hover,
.branchen .slick-next.slick-disabled:hover,
.services .slick-next.slick-disabled:hover,
.mod_newslist .slick-next.slick-disabled:hover,
.infokachel .slick-next.disabled:hover,
.themenbutton .slick-next.disabled:hover,
.branchen .slick-next.disabled:hover,
.services .slick-next.disabled:hover,
.mod_newslist .slick-next.disabled:hover,
.infokachel .slick-next.slick-disabled:active,
.themenbutton .slick-next.slick-disabled:active,
.branchen .slick-next.slick-disabled:active,
.services .slick-next.slick-disabled:active,
.mod_newslist .slick-next.slick-disabled:active,
.infokachel .slick-next.disabled:active,
.themenbutton .slick-next.disabled:active,
.branchen .slick-next.disabled:active,
.services .slick-next.disabled:active,
.mod_newslist .slick-next.disabled:active {
    box-shadow: none;
}

.infokachel .slick-prev,
.themenbutton .slick-prev,
.branchen .slick-prev,
.services .slick-prev,
.mod_newslist .slick-prev {
    background: transparent url('/files/Permapack/Icons/arrow-next.svg') 0% 0% no-repeat padding-box;
    transform: rotate(180deg);
    left: 74px;
    background-position: 1px;
    margin: 0px;
}

.infokachel .slick-prev::before,
.themenbutton .slick-prev::before,
.branchen .slick-prev::before,
.services .slick-prev::before,
.mod_newslist .slick-prev::before,
.infokachel .slick-next::before,
.themenbutton .slick-next::before,
.branchen .slick-next::before,
.services .slick-next::before,
.mod_newslist .slick-next::before {
    content: none;
}

.infokachel .slick-prev:hover,
.themenbutton .slick-prev:hover,
.branchen .slick-prev:hover,
.services .slick-prev:hover,
.mod_newslist .slick-prev:hover {
    background: transparent url('/files/Permapack/Icons/arrow-hover.svg') 0% 0% no-repeat padding-box;
    transform: rotate(180deg);
    background-position: 1px;
    margin: 0px;
    box-shadow: none;
}

.infokachel .slick-prev:active,
.themenbutton .slick-prev:active,
.branchen .slick-prev:active,
.services .slick-prev:active,
.mod_newslist .slick-prev:active {
    background: transparent url('/files/Permapack/Icons/arrow-active.svg') 0% 0% no-repeat padding-box;
    transform: rotate(180deg);
    background-position: 1px;
    margin: 0px;
}

.infokachel .slick-prev.disabled,
.themenbutton .slick-prev.disabled,
.branchen .slick-prev.disabled,
.services .slick-prev.disabled,
.mod_newslist .slick-prev.disabled,
.infokachel .slick-prev.slick-disabled,
.themenbutton .slick-prev.slick-disabled,
.branchen .slick-prev.slick-disabled,
.services .slick-prev.slick-disabled,
.mod_newslist .slick-prev.slick-disabled {
    background: transparent url('/files/Permapack/Icons/arrow-disabled.svg') 0% 0% no-repeat padding-box;
    background-position: 1px;
    transform: none;
}

.infokachel .slick-prev.disabled:hover,
.themenbutton .slick-prev.disabled:hover,
.branchen .slick-prev.disabled:hover,
.services .slick-prev.disabled:hover,
.mod_newslist .slick-prev.disabled:hover,
.infokachel .slick-prev.slick-disabled:hover,
.themenbutton .slick-prev.slick-disabled:hover,
.branchen .slick-prev.slick-disabled:hover,
.services .slick-prev.slick-disabled:hover,
.mod_newslist .slick-prev.slick-disabled:hover,
.infokachel .slick-prev.disabled:active,
.themenbutton .slick-prev.disabled:active,
.branchen .slick-prev.disabled:active,
.services .slick-prev.disabled:active,
.mod_newslist .slick-prev.disabled:active,
.infokachel .slick-prev.slick-disabled:active,
.themenbutton .slick-prev.slick-disabled:active,
.branchen .slick-prev.slick-disabled:active,
.services .slick-prev.slick-disabled:active,
.mod_newslist .slick-prev.slick-disabled:active {
    box-shadow: none;
}

.infokachel .slick-list,
.themenbutton .slick-list,
.branchen .slick-list,
.services .slick-list,
.mod_newslist .slick-list {
    margin: 0px -15px;
    max-width: 1291px;
    left: 75px;
    overflow: hidden;
    padding: 0 20% 0 0;
}

.slider-wrapper-blur-both .slick-next {
    right: 145px;
}

.slider-wrapper-blur-both .slick-prev {
    left: 145px;
}

.slider-wrapper-blur-both .slick-list {
    max-width: 1436px;
    left: 0px;
    margin: 0px;
    /* padding: 0px 20% 0px 0px !important; */
}

.infokachel .slick-list .white-blur,
.themenbutton .slick-list .white-blur,
.branchen .slick-list .white-blur,
.services .slick-list .white-blur,
.mod_newslist .slick-list .white-blur {
    position: absolute;
    right: -2px;
    height: 100%;
    width: 137px;
    top: 0px;
    z-index: 99;
    background: transparent linear-gradient(90deg, #ffffff1a 5%, #ffffffd1 60%, #fff 100%) 0% 0% no-repeat padding-box;
}

.infokachel .slick-list .white-blur,
.mod_newslist .slick-list .white-blur {
    background: transparent linear-gradient(90deg, #f6f6f61a 5%, #f6f6f6d1 60%, #f6f6f6 100%) 0% 0% no-repeat padding-box;
}

.slider-wrapper-blur-both .slick-list .white-blur {
    height: calc(100% - 30px);
    top: 15px;
}

.slider-wrapper-blur-both .slick-list .white-blur-pre {
    position: absolute;
    left: -2px;
    height: calc(100% - 30px);
    width: 137px;
    top: 15px;
    z-index: 99;
    background: transparent linear-gradient(269deg, #ffffff1a 5%, #ffffffd1 60%, #fff 100%) 0% 0% no-repeat padding-box
}


/* Artikel im CMS */
article .artCMS {
    height: 100%;
    width: 100%;
    max-width: 100%;
    margin-bottom: 100px;
}

article .artCMS h2 {
    margin: 0px;
    padding: 0px;
    display: none;
}

article .artCMS section#RubView {
    margin: 0px;
    height: 100%;
}

.infokachel article .artCMS ul.flexcontainer {
    margin: 0px;
}

article .artCMS ul.flexcontainer {
    padding: 0px;
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0px -15px; /* Für die Artikel im CMS nötig */
}

article .artCMS #RubView .offerItem {
    height: 100%;
    border: 0px;
    min-width: 0px;
    list-style: none;
    display: inline-block;
    width: calc(100% / 4 - 30px);
    text-align: center;
    margin: 0px 15px;
    margin-bottom: 24px;
}

article .artCMS #RubView .offerItem:hover {
    box-shadow: 1px 2px 6px #00000029;
}

article .artCMS #RubView .offerItem:hover a,
article .artCMS #RubView .offerItem a:hover {
    color: #000;
}

article .artCMS #RubView .offerItem .innerBox {
    position: relative;
    border: 0px;
    min-height: 392px;
}

article .artCMS #RubView .offerItem .innerBox .title-container {
    display: flex;
    justify-content: space-between;
    margin: 16px 16px 0px 16px;
}

article .artCMS #RubView .offerItem .innerBox .product-subtitle {
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.42px;
    height: 67px;
    max-width: 147px;
    text-align: left;
    color: #a5a5a5;
}

article .artCMS #RubView .offerItem .innerBox .product-banner,
article .artCMS #ListView .product-banner {
    width: auto;
    height: auto;
    position: relative;
    top: -45px;
    right: 10px;
}

article .artCMS #ListView .product-banner {
    position: absolute;
    top: -32px;
    right: 12px;
}

article .artCMS #RubView .offerItem .innerBox .product-banner .banner_new,
article .artCMS #ListView .product-banner .banner_new  {
    position: relative;
    left: unset;
    padding: 0px;
    border-radius: 0px;
    margin: 0px;
    background: #E3010B 0% 0% no-repeat padding-box;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.5px;
    transform: rotate(315deg);
    height: 59px;
    width: 59px;
}

article .artCMS #RubView .offerItem .innerBox .product-banner .banner_new span,
article .artCMS #ListView .product-banner .banner_new span {
    display: inline-block;
    top: 65%;
    left: 40%;
    transform: translate(-65%, -40%) rotate(45deg);
    position: absolute;
    font-family: "Helvetica Neue LT W02_75 Bold";
}

article .artCMS #RubView .addProductsFrame .product-image,
article .artCMS #RubView .addProductsFrame picture img {
    margin: 0px auto 32px auto;
    display: block;
}

article .artCMS #RubView .addProductsFrame img {
    position: static;
    margin: 0px auto;
    transform: none;
    max-height: 139px;
    width: auto;
    object-fit: contain;
}

.artCMS #RubView li ins {
    display: none;
}

.artCMS #RubView .offerItem .itemContentNoAnimation {
    padding: 0px;
    margin: 32px 0px 0px 0px;
    border: 0px;
    height: auto;
}

.artCMS #RubView .productNameContainer {
    text-align: center;
    height: auto;
    width: auto;    
    margin: 0px 16px 16px 16px;
}

.artCMS #RubView .productNameContainer span {
    text-align: center;
    font-family: 'Helvetica Neue LT W05_77 Bd Cn';
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0.27px;
    margin-bottom: 8px;
    display: block;
}

.artCMS #RubView .productNameContainer p {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    hyphens: auto;
    -webkit-hyphens: auto;
    margin: 0px;
    padding: 0px;
    font-family: "Helvetica Neue LT W05 55 Roman";
}

.artCMS #RubView .offerItem .btn-container::before {
    content: "";
    background: transparent linear-gradient(180deg, #FFFFFF00 0%, #FFFFFF 79%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
    height: 48px;
    width: 100%;
    position: absolute;
    bottom: 49px;
    left: 0px;
    display: none;
}

.artCMS #RubView .offerItem:hover .btn-container::before {
    display: block;
}

.artCMS #RubView .offerItem .btn-container {
    bottom: 0px;
    position: absolute;
    margin: 0px;
}

.artCMS #RubView .offerItem .btn-container .button {
    width: 100%;
    height: auto;
    background: #e3010b;
    color: #fff;
    border-radius: 0px;
    margin: 0px;
    padding: 16px 0px;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.7px;
    display: none;
    font-family: "Helvetica Neue LT W02_75 Bold";
}

.artCMS #RubView .offerItem:hover .btn-container .button {
    display: block;
}


/* Artikel im CMS Infokachel */
.slider-wrapper-blur-right article .artCMS #RubView .offerItem {
    width: 100%;
}

.slider-wrapper-blur-right article .artCMS #RubView .offerItem .innerBox {
    min-height: unset;
}

.slider-wrapper-blur-right article .artCMS #RubView .offerItem:nth-child(2) .innerBox,
.slider-wrapper-blur-right article .artCMS #RubView .offerItem:nth-child(3) .innerBox {
    margin-right: 0px;
    margin-left: 0px;
}

.slider-wrapper-blur-right article .artCMS #RubView .offerItem {
    margin: 0px auto;
}

.slider-wrapper-blur-right article .artCMS #RubView .offerItem:hover {
    box-shadow: none;
}


/* Infokachel / Infobox */
.main-content .mod_article.infokachel,
.artCMS .mod_article.infokachel {
    padding-top: 0px;
}

.slider-wrapper-blur-right .ce_infokachel,
.slider-wrapper-blur-right article.article-in-cms {
    height: 425px;
    display: inline-block;
    box-shadow: 1px 3px 6px #00000016;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;
    cursor: pointer;
}

.mod_article .slider-wrapper-blur-right.no-slider {
    max-width: 1146px;
    width: auto;
}

.mod_article .slider-wrapper-blur-right.no-slider .ce_infokachel,
.mod_article .slider-wrapper-blur-right.no-slider .article-in-cms,
.mod_article .slider-wrapper-blur-right.no-slider .mod_article {
    display: inline-block;
    width: calc(33% - 25px);
    vertical-align: top;
    margin: 15px;
}

.mod_article .slider-wrapper-blur-right.no-slider .ce_infokachel:first-child,
.mod_article .slider-wrapper-blur-right.no-slider .article-in-cms:first-child,
.mod_article .slider-wrapper-blur-right.no-slider .mod_article:first-child {
    margin-left: 0px;
}

.mod_article .slider-wrapper-blur-right.no-slider .mod_article .ce_infokachel {
    width: 100%;
    margin: 0px;
}

.slider-wrapper-blur-right .ce_infokachel:hover,
.slider-wrapper-blur-right article.article-in-cms:hover {
    box-shadow: 1px 3px 6px #00000066;
}

.ce_infokachel.slick-slide,
article.slick-slide,
.mod_article.slick-slide {
    margin: 15px;
}

.ce_infokachel .infobox-image,
.ce_infokachel .infobox-person-image,
.news-box .news-box-image {
    margin: 0px 0px 32px 0px;
}

.ce_infokachel .infobox-image .image_container,
.ce_infokachel .infobox-image picture,
.ce_infokachel .infobox-person-image .image_container,
.ce_infokachel .infobox-person-image picture,
.news-box .news-box-image .image_container,
.news-box .news-box-image picture {
    border: 0px;
    padding: 0px;
    margin: 0px;
    border-radius: 0px;
    background: none;
    background-image: none;
    box-shadow: none;
    display: block;
    margin-top: 0px !important;
}

.ce_infokachel .infobox-image .image_container img,
.ce_infokachel .infobox-image picture img,
.news-box-image .image_container img,
.news-box-image picture img {
    width: 100%;
    height: 169px;
    object-fit: cover;
}

.ce_infokachel .infobox-image .image_container a:hover:before,
.ce_infokachel .infobox-image picture a:hover:before,
.ce_infokachel .infobox-image .image_container a:focus:before,
.ce_infokachel .infobox-image picture a:focus:before,
.ce_infokachel .infobox-image .image_container a:hover:after,
.ce_infokachel .infobox-image picture a:hover:after,
.ce_infokachel .infobox-image .image_container a:focus:after,
.ce_infokachel .infobox-image picture a:focus:after {
    content: none;
}

.ce_infokachel .infobox-image .image_container a:hover img,
.ce_infokachel .infobox-image picture a:hover img,
.ce_infokachel .infobox-image .image_container a:focus img,
.ce_infokachel .infobox-image picture a:focus img {
    filter: none;
    transform: none;
}

.ce_infokachel .infobox-headline,
.news-box-headline {
    color: #e3010b;
    font-family: "Helvetica Neue LT W02_75 Bold";
    text-transform: uppercase;
    font-size: 14px;
    margin: 0px 24px 10px 24px;
    line-height: 17px;
    letter-spacing: 0.7px;
    vertical-align: top;
    hyphens: auto;
    -webkit-hyphens: auto;
}

.ce_infokachel .infobox-text {
    font-size: 24px;
    margin: 0px 24px 24px 24px;
    line-height: 30px;
    letter-spacing: 0.36px;
    font-family: 'Helvetica Neue LT W05_77 Bd Cn';
    height: 118px;
    hyphens: auto;
    -webkit-hyphens: auto;
}

.ce_infokachel .infobox-person-image {
    display: inline-block;
    margin: 0px 0px 10px 24px;
}

.ce_infokachel .infobox-person-image .image_container img,
.ce_infokachel .infobox-person-image picture img {
    height: 31px;
    width: 31px;
    border-radius: 50%;
    object-fit: cover;
}

.ce_infokachel.no-optional .infobox-person-image .image_container img,
.ce_infokachel.no-optional .infobox-person-image picture img {
    border-radius: 0px;
    width: auto;
    height: 31px;
}

.ce_infokachel .infobox-optional {
    font-family: 'Helvetica Neue LT W05 45 Light';
    display: inline-block;
    margin: 0px 24px 24px 10px;
    vertical-align: top;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.36px;
    width: 65%;
    height: 31px;
    hyphens: auto;
    -webkit-hyphens: auto;
}

.ffsearch .ce_infokachel .infobox-optional {
    width: calc(100% - 94px);
}


/* Themenbutton / Themebutton */
.main-content .mod_article.themenbutton,
.artCMS .mod_article.themenbutton {
    background: none;
    padding: 0px 0px 160px 0px;
}

.slider-wrapper-blur-both.no-slider .ce_themebutton {
    margin: 15px;
}

.slider-wrapper-blur-both.no-slider .ce_themebutton:nth-child(3n) {
    margin-right: 0px;
}

.slider-wrapper-blur-both.no-slider .ce_themebutton:nth-child(3n + 1) {
    margin-left: 0px;
}

.slider-wrapper-blur-both .ce_themebutton {
    background-color: #f6f6f6;
    height: 460px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    vertical-align: top;
    width: calc(33.333% - 33px);
}

.slider-wrapper-blur-both .ce_themebutton:hover {
    box-shadow: 0px 3px 6px #00000029;
}

.ce_themebutton.slick-slide {
    margin: 15px;
}

.slider-wrapper-blur-both .ce_themebutton .themebutton-image {
    position: absolute;
    bottom: 0px;
    top: unset;
    width: 100%;
    height: 100%;
    max-height: 100%;
}

.slider-wrapper-blur-both .ce_themebutton .themebutton-image img {
    position: absolute;
    left: unset;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: bottom right;
    max-height: 80%;
}

.slider-wrapper-blur-both .ce_themebutton .themebutton-headline {
    font-family: 'Helvetica Neue LT W05_77 Bd Cn';
    font-size: 36px;
    line-height: 40px;
    letter-spacing: 0.36px;
    margin: 24px 32px 16px 32px;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    position: relative;
    z-index: 1;
}

.slider-wrapper-blur-both .ce_themebutton .themebutton-list-container {
    position: absolute;
    margin: 0px 32px 0px 32px;
    z-index: 1;
}

.slider-wrapper-blur-both .ce_themebutton .themebutton-list-container .themebutton-list {
    margin: 0px;
    padding: 0px;
}

.slider-wrapper-blur-both .ce_themebutton .themebutton-list .themebutton-list-item {
    font-family: 'Helvetica Neue LT W05 45 Light';
    font-size: 16px;
    letter-spacing: 0.42px;
    line-height: 24px;
    margin: 0px;
    list-style: none;
    list-style-type: none;
}

.slider-wrapper-blur-both .ce_themebutton .themebutton-list .themebutton-list-item:nth-child(n+9) {
    display: none;
}

.slider-wrapper-blur-both .ce_themebutton .themebutton-list .themebutton-list-mobile-etc {
    display: none;
}


/* Branchen / Industry */
.main-content .mod_article.branchen,
.artCMS .mod_article.branchen {
    background: none;
    padding: 0px 0px 160px 0px;
}

.ce_industry.slick-slide {
    margin: 15px;
}

.slider-wrapper-blur-both.no-slider .ce_industry:first-child {
    margin-left: 0px;
}

.slider-wrapper-blur-both.no-slider .ce_industry:last-child {
    margin-right: 0px;
}

.slider-wrapper-blur-both.no-slider .ce_industry {
    margin: 15px;
    width: calc(25% - 26px);
}

.slider-wrapper-blur-both .ce_industry {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    width: calc(25% - 26px);
    display: inline-block;
    max-width: 264px;
}

.slider-wrapper-blur-both .ce_industry::before {
    background: #000000 0% 0% no-repeat padding-box;
    opacity: 0.3;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.slider-wrapper-blur-both .ce_industry::after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.slider-wrapper-blur-both .ce_industry .industry-image,
.slider-wrapper-blur-both .ce_industry picture img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: all 0.4s ease-in-out;
    position: absolute;
}

.slider-wrapper-blur-both .ce_industry:hover .industry-image,
.slider-wrapper-blur-both .ce_industry:hover picture img {
    transform: scale(1.1);
}

.slider-wrapper-blur-both .ce_industry .industry-headline {
    z-index: 2;
    position: absolute;
    font-size: 24px;
    letter-spacing: 0.36px;
    line-height: 30px;
    color: #fff;
    font-family: 'Helvetica Neue LT W05_77 Bd Cn';
    text-align: center;
    margin: 0px auto;
    padding: 0px 16px;
    bottom: 24px;
    width: 100%;
    hyphens: auto;
    -webkit-hyphens: auto;
}


/* Services */
.main-content .mod_article.services,
.artCMS .mod_article.services {
    background: none;
    padding: 0px 0px 120px 0px;
}

.main-content .mod_article.services .slider-wrapper-blur-right.no-slider .mod_article.services {
    width: 100%;
}

.mod_article.services .slider-wrapper-blur-right {
    max-width: 1146px;
}

.no-slider .services-container {
    max-width: 358px;
}

.services-container {
    display: inline-block;
    width: calc(33.333% - 23px);
    vertical-align: top;
    margin: 15px;
}

.services-container:nth-child(3n) {
    margin-right: 0px;
}

.services-container:nth-child(3n + 1) {
    margin-left: 0px;
}

.services-container .services-flag {
    font-family: 'Helvetica Neue LT W02_75 Bold';
    font-size: 14px;
    letter-spacing: 0.7px;
    line-height: 17px;
    text-align: left;
    color: #e3010b;
    text-transform: uppercase;
    margin-bottom: 14px;
    display: block;
    hyphens: auto;
    -webkit-hyphens: auto;
}

.ce_services {
    border-top: 6px solid #e3010b;
    box-shadow: 0px 3px 6px #00000029;
    cursor: pointer;
    height: 388px;
}

.ce_services.no-headline {
    border-top: 0px
}

.ce_services:hover {
    box-shadow: 0px 3px 6px #00000066;
}

.ce_services .services-headline {
    font-family: 'Helvetica Neue LT W05_77 Bd Cn';
    height: 88px;
    margin: 26px 24px 28px 24px;
    font-size: 24px;
    letter-spacing: 0.36px;
    line-height: 30px;
    text-align: left;
    hyphens: auto;
    -webkit-hyphens: auto;
}

.ce_services .services-image {
    width: 100%;
}

.ce_services .services-image img {
    height: 240px;
    width: 100%;
    margin: 0px;
    padding: 0px;
    object-fit: cover;
}

.ce_services.no-headline .services-image {
    height: 100%;
}

.ce_services.no-headline .services-image img {
    object-position: top right;
    object-fit: cover;
    max-height: 100%;
    height: 100%;
}


/* Produktgruppen / Product-Groups */
.main-content .mod_article.produktgruppen,
.artCMS .mod_article.produktgruppen {
    background: none;
    padding: 74px 0px 24px 0px;
}

.ce_product-groups {
    display: inline-block;
    width: calc(25% - 26px);
    margin: 15px;
    height: 322px;
    cursor: pointer;
    vertical-align: top;
}

.ce_product-groups:nth-child(4n) {
    margin-right: 0px;
}

.ce_product-groups:nth-child(4n + 1) {
    margin-left: 0px;
}

.ce_product-groups:hover {
    box-shadow: 0px 3px 6px #00000029;
}

.ce_product-groups .product-groups-image {
    width: auto;
    margin: 24px 16px 16px 16px;
    font-size: 0px;
    line-height: 0px;
}

.ce_product-groups .product-groups-image img {
    height: 170px;
    width: 100%;
    margin: 0px;
    padding: 0px;
    object-fit: contain;
}

.ce_product-groups .product-groups-headline {
    font-family: 'Helvetica Neue LT W05_77 Bd Cn';
    height: 88px;
    margin: 0px 16px 24px 16px;
    font-size: 24px;
    letter-spacing: 0.36px;
    line-height: 30px;
    text-align: center;
    hyphens: auto;
    -webkit-hyphens: auto;
}


/* Newskachel / Aktuelles / Newsbox */
.start .mod_newslist .slick-list {
    left: 0px;
}

.CMS .main-content .mod_newslist,
.artCMS .mod_newslist {
    padding-top: 0px;
}

.mod_newslist .slider-wrapper-blur-right.no-slider {
    max-width: 1146px;
    width: auto;
}

.mod_newslist .slider-wrapper-blur-right.no-slider .news-box {
    display: inline-block;
    width: 28.5%;
    vertical-align: top;
    margin: 15px;
}

.mod_newslist .news-box {
    cursor: pointer;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 425px;
    box-shadow: 1px 3px 6px #00000016;
}

.mod_newslist .news-box:hover {
    box-shadow: 1px 3px 6px #00000066;
}

.news-box-teaser p {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0.36px;
    margin-top: 0px;
    font-family: 'Helvetica Neue LT W05_77 Bd Cn';
}

.news-box-teaser {
    height: 118px;
    margin: 0px 24px 24px 24px;
}

.news-box-headline {
    letter-spacing: 0.42px;
}

.news-box-date {
    font-family: 'Helvetica Neue LT W05 45 Light';
    font-size: 14px;
    letter-spacing: 0.42px;
    line-height: 17px;
    margin: 0px 24px 31px 24px;
}


/* Kontaktbutton-Inline */
.ce_custom-contactbutton {
    margin-top: 0px;
    margin-bottom: 64px;
}

.ce_custom-contactbutton .contactbutton-container > picture img {
    border-radius: 50%;
    object-fit: cover;
    height: 175px;
    width: 175px;
    display: inline-block;
    vertical-align: top;
    margin-right: 40px;
    margin-bottom: 24px;
}

.ce_custom-contactbutton .contactbutton-container > .contactbutton-contact {
    display: inline-block;    
    vertical-align: top;
    max-width: calc(100% - 215px);
}

.ce_custom-contactbutton .contactbutton-container > .contactbutton-contact > h4 {
    margin-top: 0px;
    margin-bottom: 14px;
    font-family: 'Helvetica Neue LT W05_77 Bd Cn';
    letter-spacing: 0.3px;
    line-height: 26px;
    font-size: 20px;
}

.ce_custom-contactbutton .contactbutton-container > .contactbutton-contact > p {
    margin-top: 0px;
    margin-bottom: 0px;
    letter-spacing: 0px;
    line-height: 24px;
    font-size: 16px;
    font-family: 'Helvetica Neue LT W05 45 Light';
}

.ce_custom-contactbutton .contact-info {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
}

.contactbutton-phone,
.contactbutton-email {
    text-decoration: none;
    display: inline-block;
    letter-spacing: 0px;    
    line-height: 24px;
    font-size: 16px;
    font-family: 'Helvetica Neue LT W05 45 Light';
}

.ce_custom-contactbutton .contactbutton-container > .contactbutton-contact > .contactbutton-button {
    margin-top: 48px;
    display: inline-block;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    border-radius: 24px;
    line-height: 17px;
    font-family: "Helvetica Neue LT W02_75 Bold";
}


/* Kontaktbutton-Banner */
.custom-contactbutton-banner {
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #e3010b;
    max-height: 350px;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
}

.custom-contactbutton-banner .contactbutton-image-balloon-banner-container img {
    max-height: 350px;
    display: block;
    width: auto;
}

.custom-contactbutton-banner .contactbutton-container {
    margin-right: 40px;
}

.custom-contactbutton-banner .contactbutton-contact p:first-child {
    font-family: "Helvetica Neue LT W02_75 Bold";
}

.custom-contactbutton-banner .contactbutton-contact p {
    color: #fff;
}

.custom-contactbutton-banner .contactbutton-contact p:first-child {
    font-weight: normal;
}

.custom-contactbutton-banner .contact-info {
    position: relative;
    margin-top: 16px;
    height: 46px;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
}

.custom-contactbutton-banner .contactbutton-phone {
    font-size: 0;
    width: 62px;
    height: 46px;
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 24px;
    position: relative;
}

.custom-contactbutton-banner .contactbutton-phone::before {
    content: "";
    background: url('/files/Permapack/Icons/phone-icon-white.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-color: transparent;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    height: 24px;
    width: 24px;
}

.custom-contactbutton-banner .contactbutton-phone:hover {
    background: #ffffff33 0% 0% no-repeat padding-box;
}

.custom-contactbutton-banner .contactbutton-phone:active {
    background: #ffffff66 0% 0% no-repeat padding-box;
}

.custom-contactbutton-banner .contactbutton-email {
    font-size: 0;
    width: 62px;
    height: 46px;
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 24px;
    position: relative;
    margin-right: 10px;
}

.custom-contactbutton-banner .contactbutton-email::before {
    content: "";
    background: url('/files/Permapack/Icons/email-icon-white.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-color: transparent;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    height: 24px;
    width: 24px;
}

.custom-contactbutton-banner .contactbutton-email:hover {
    background: #ffffff33 0% 0% no-repeat padding-box;
}

.custom-contactbutton-banner .contactbutton-email:active {
    background: #ffffff66 0% 0% no-repeat padding-box;
}


/* Kontaktbutton-Spickel / gusset */
.ce_gusset-custom-contactbutton {
    position: absolute;
    right: -375px;
    transform: rotate(315deg);
    border: 0px;
    z-index: 1;
    top: 100px;
}

.gusset-contact-container {
    background: transparent;
    width: 100%;
    height: 100%;
    display: grid;
}

.gusset-box {
    text-align: center;
    position: relative;
    max-height: 364px;
    max-width: 364px;
    min-height: 300px;
    min-width: 300px;
    width: 30vw;
    height: 30vw;
}

.gusset-box:first-child {
    grid-row: 1;
    grid-column: 1;
}

.gusset-box:last-child {
    grid-row: 1;
    grid-column: 3;
}

.gusset-box-space {
    grid-row: 1;
    grid-column: 2;
    width: 20px;
}

.gusset-box-content {
    background: none;
    top: 50%;
    left: calc(50% - 16px);
    transform: translate(-50%, -50%) rotate(45deg);
    position: absolute;
    display: inline-block;
    padding-bottom: 30px;
    margin: 0px 16px;
}

.gusset-box-content img {
    height: 140px;
    width: 140px;
    border-radius: 50%;
    margin-bottom: 16px;
    object-fit: cover;
    display: inline-block;
}

.gusset-info {
    width: 220px;
    max-height: 72px;
    margin: 0px auto;
    display: inline-block;
}

.gusset-info p {
    margin: 0px;    
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    color: #fff;
    display: block;
    hyphens: auto;
    -webkit-hyphens: auto;
}

.gusset-info p:first-child {
    font-family: "Helvetica Neue LT W02_75 Bold";
}

.gusset-info .gusset-buttons {
    margin-top: 16px;
    display: inline-block;
}

.gusset-box .contactbutton-phone,
#DetailTable .contactbutton-phone {
    font-size: 0;
    width: 62px;
    height: 46px;
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 24px;
    hyphens: auto;
    -webkit-hyphens: auto;
    position: relative;
    margin-right: 0px;
}

#DetailTable .contactbutton-phone {
    border: 1px solid #000;
}

.gusset-box .contactbutton-phone::before,
#DetailTable .contactbutton-phone::before {
    content: "";
    border-radius: 24px;
    background: url('/files/Permapack/Icons/phone-icon-white.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    height: 24px;
    width: 24px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}

#DetailTable .contactbutton-phone::before {
    background: url('/files/Permapack/Icons/phone-icon-black.svg');
}
.gusset-box .contactbutton-phone:hover,
#DetailTable .contactbutton-phone:hover {
    background: #ffffff33 0% 0% no-repeat padding-box;
}

.gusset-box .contactbutton-phone:active,
#DetailTable .contactbutton-phone.active {
    background: #ffffff66 0% 0% no-repeat padding-box;
}

.gusset-box .contactbutton-email {
    font-size: 0;
    width: 62px;
    height: 46px;
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 24px;
    margin-right: 8px;
    hyphens: auto;
    -webkit-hyphens: auto;
    position: relative;
}

.gusset-box .contactbutton-email::before {
    content: "";
    background: url('/files/Permapack/Icons/email-icon-white.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    height: 24px;
    width: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}

.gusset-box .contactbutton-email:hover {
    background: #ffffff33 0% 0% no-repeat padding-box;
}

.gusset-box .contactbutton-email:active {
    background: #ffffff66 0% 0% no-repeat padding-box;
}

.gusset-box .background-black {
    display: none !important;   
}

.detailPickle {
    right: -67vw !important;
    /*display: none;*/
}


/* Zeitstrahl / Timeline */
.mod_article.zeitstrahl {
    max-width: 1146px;
    margin-bottom: 220px;
}

.mod_article.zeitstrahl .show-more-button {
    text-align: center;
    margin: 40px 0px 0px 0px;
    width: 100%;
}

.ce_timeline-element {
    width: 50%;
    padding: 0px 0px 60px 0px;
    position: relative;
}

.ce_timeline-element::before {
    content: '';
    display: list-item;
    list-style-type: disc;
    list-style-position: inside;
    font-size: 30px;
    height: 10px;
    width: 10px;
    position: absolute;
    left: -5.5px;
    top: -16px;
}

@-moz-document url-prefix() {
    .ce_timeline-element::before {
        left: -6.5px;
    }
}

.ce_timeline-element.right {
    transform: translateX(calc(100% - 2px));
    border-left: 2px solid #f1f1f1;
}

.ce_timeline-element.left {
    border-right: 2px solid #f1f1f1;
    text-align: right;
}

.ce_timeline-element.left::before {
    right: -6px;
    left: unset;
}

.ce_timeline-element.left.last {
    border-right: 2px solid transparent;
}

.ce_timeline-element.right.last {
    border-left: 2px solid transparent;
}

.ce_timeline-element .timeline-element-counter {
    font-family: 'Helvetica Neue LT W05_77 Bd Cn';
    font-size: 54px;
    letter-spacing: 0.54px;
    line-height: 48px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin-left: 36px;
    margin-right: 50px;
}

.ce_timeline-element.left .timeline-element-counter {
    text-align: right;
    margin-left: 50px;
    margin-right: 36px;
}

.ce_timeline-element .timeline-element-content {
    display: inline-block;
    max-width: 362px;
}

.ce_timeline-element.left .timeline-element-content {
    text-align: right;
}

.ce_timeline-element.right .timeline-element-content.no-headline {
    margin-left: 118px;
}

.ce_timeline-element.left .timeline-element-content.no-headline {
    margin-right: 118px;
}

.ce_timeline-element .timeline-element-title {
    font-family: 'Helvetica Neue LT W05_77 Bd Cn';
    font-size: 20px;
    letter-spacing: 0.3px;
    line-height: 26px;
    margin-bottom: 8px;
}

.ce_timeline-element .timeline-element-text p,
.ce_timeline-element .timeline-element-text a {
    font-family: 'Helvetica Neue LT W05 45 Light';
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 24px;
    margin: 0px 0px 24px 0px;
}

.ce_timeline-element .timeline-element-image {
    height: 204px;
    margin-bottom: 24px;
}

.ce_timeline-element .timeline-element-image figure.image_container,
.ce_timeline-element .timeline-element-image picture {
    font-size: 0px;
    line-height: 0px;
    height: 100%;
    width: 100%;
}

.ce_timeline-element .timeline-element-image figure.image_container img,
.ce_timeline-element .timeline-element-image picture img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.ce_timeline-element.zeitstrahl-proportional .timeline-element-image figure.image_container img,
.ce_timeline-element.zeitstrahl-proportional .timeline-element-image picture img {
    width: auto;
    object-fit: contain;
}

.ce_timeline-element.subhead {
    text-align: center;
    width: auto;
    padding: 0px;
    position: relative;
}

.ce_timeline-element.subhead::before {
    content: "";
    border-right: 2px solid #f1f1f1;
    display: block;
    position: absolute;
    left: calc(50% - 12px);
    height: 100%;
    padding: 0px 0px 95px 0px;
}

.ce_timeline-element.subhead .timeline-subhead-title {
    font-family: 'Helvetica Neue LT W05_77 Bd Cn';
    font-size: 54px;
    letter-spacing: 0.54px;
    line-height: 64px;
    padding: 0px 0px 95px 0px;
}


/* Inhaltsthemen / content-topics */
.mod_article.inhaltsthemen {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.ce_content-topics {
    width: calc(33% - 20px);
    margin-bottom: 94px;
    font-size: 0px;
}

.ce_content-topics:nth-child(3n - 1) {
    margin: 0px 30px 94px 30px;
}

.ce_content-topics .content-topics-image {
    width: 100%;
    margin-bottom: 32px;
}

.ce_content-topics .image_container img,
.ce_content-topics picture img {
    height: calc(100% * (1/2));
}

.ce_content-topics .content-topics-headline {
    font-family: 'Helvetica Neue LT W05_77 Bd Cn';
    font-size: 30px;
    letter-spacing: 0.3px;
    line-height: 36px;
    margin-bottom: 24px;
}

.ce_content-topics .content-topics-text p {
    font-family: 'Helvetica Neue LT W05 45 Light';
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 24px;
    margin: 0px;
}

.ce_content-topics .content-topics-link {
    margin-top: 24px;
}

.ce_content-topics .content-topics-link a {
    font-family: 'Helvetica Neue LT W02_75 Bold';
    font-size: 14px;
    letter-spacing: 0.42px;
    line-height: 17px;
    color: #e3010b;
    text-transform: uppercase;
    text-decoration: none;
}

.ce_content-topics .content-topics-link a:hover {
    color: #7b0000;
}

.ce_content-topics .content-topics-link a:active {
    color: #000;
}


/* Inhaltselement Bild und Text / content element image and text */
.ce_content-element-image-text {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    margin-bottom: 80px;
    font-size: 0px;
}

.content-element-image-text-image {
    width: calc(50% - 12px);
    text-align: center;
}

.content-element-image-text-image .image_container,
.content-element-image-text-image picture {
    height: 100%;
    width: auto;
}

.content-element-image-text-image .image_container img,
.content-element-image-text-image picture img {
    display: block !important;
    object-fit: contain;
    /*
    width: 100%; 
    height: 80%;
    */
    width: 100%;
    max-height: 299px;
    position: relative;
}

.content-element-image-text-container {
    width: calc(50% - 12px);
    margin-left: 24px;
}

.content-element-image-text-container .content-element-image-text-headline {
    font-family: 'Helvetica Neue LT W05_77 Bd Cn';
    font-size: 24px;
    letter-spacing: 0.36px;
    line-height: 30px;
    margin-bottom: 16px;
}

.content-element-image-text-container .content-element-image-text-text ul {
    padding-left: 17px;
}

.content-element-image-text-container .content-element-image-text-text p,
.content-element-image-text-container .content-element-image-text-text li {
    font-family: 'Helvetica Neue LT W05 45 Light';
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 24px;
    margin-top: 0px;
}

.content-element-image-text-container .content-element-image-text-text p:last-child {
    margin-bottom: 0px;
}

.content-element-image-text-container .content-element-image-text-buttons {
    font-size: 0px;
    line-height: 0px;
}

.content-element-image-text-container .content-element-image-text-buttons > a {
    display: inline-block;
    margin-top: 48px;
    text-transform: uppercase;
}

.content-element-image-text-container .content-element-image-text-link-more {
    margin-right: 16px;
}

.content-element-image-text-container .content-element-image-text-link-product {
    position: relative;
    padding-left: 53px;
}

.content-element-image-text-container .content-element-image-text-link-product::before {
    content: "";
    background-image: url('/files/Permapack/Icons/warenkorb-icon-black.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    height: 24px;
    width: 24px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 24px;
    transform: translateY(-50%);
}


/* Team Portrait */
.mod_article.team-portrait .rs-columns {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.mod_article.team-portrait .rs-columns .rs-column.-large-col-2-1:first-of-type,
.mod_article.team-portrait .rs-columns .rs-column.-large-col-3-1:first-of-type,
.mod_article.team-portrait .rs-columns .rs-column.-large-col-4-1:first-of-type {
    margin-left: 0px;
}

.mod_article.team-portrait .rs-columns .rs-column.-large-col-2-1:last-of-type,
.mod_article.team-portrait .rs-columns .rs-column.-large-col-3-1:last-of-type,
.mod_article.team-portrait .rs-columns .rs-column.-large-col-4-1:last-of-type {
    margin-right: 0px;
}

.mod_article.team-portrait .rs-columns .rs-column.-large-col-2-1 {
    width: calc(50% - 17px);
    margin: 15px;
    float: none;
}

.mod_article.team-portrait .rs-columns .rs-column {
    width: 100%;
    margin: 0px;
    float: none;
}

.rs-column > .ce_team-portrait:first-of-type {
    margin-left: 0px;
}

.rs-column > .ce_team-portrait:last-of-type {
    margin-right: 0px;
}

.ce_team-portrait {
    width: calc(100% / 4 - 26px);
    margin: 0px 15px 64px 15px;
    font-size: 0px;
    display: inline-block;
    vertical-align: top;
}

.rs-column.-large-col-2-1 .ce_team-portrait {
    width: calc(100% / 2 - 17px);
}

.ce_team-portrait .team-portrait-image {
    margin-bottom: 24px;
}

.ce_team-portrait .team-portrait-image .image_container,
.ce_team-portrait .team-portrait-image picture {
    position: relative;
    width: 100%;
    display: block;
}

.ce_team-portrait .team-portrait-image .image_container::after,
.ce_team-portrait .team-portrait-image picture::after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

/* https://stackoverflow.com/questions/51447317/image-height-same-as-width */
.ce_team-portrait .team-portrait-image .image_container img,
.ce_team-portrait .team-portrait-image picture img {
    position: absolute; /* Take your picture out of the flow */
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; /* Make the picture taking the size of it's parent */
    width: 100%; /* This if for the object-fit */
    height: 100%; /* This if for the object-fit */
    object-fit: cover; /* Equivalent of the background-size: cover; of a background-image */
    object-position: center;
}

.ce_team-portrait .team-portrait-name {
    font-family: "Helvetica Neue LT W02_75 Bold";
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
}

.ce_team-portrait .team-portrait-email,
.ce_team-portrait .team-portrait-phone {
    line-height: 0;
    font-size: 0;
}

.ce_team-portrait .team-portrait-position,
.ce_team-portrait .team-portrait-email a,
.ce_team-portrait .team-portrait-phone a {
    font-family: 'Helvetica Neue LT W05 45 Light';
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
}


/* Zusammenfassung */
.ce_summary {
    max-width: 754px;
    margin: 56px auto 64px auto;
    padding: 26px 0px 36px 0px;
    border-top: 2px solid #e3010b;
    border-bottom: 2px solid #e3010b;
}

.ce_summary .summary-headline {
    font-family: "Helvetica Neue LT W05_77 Bd Cn";
    font-size: 36px;
    line-height: 40px;
    letter-spacing: 0.36px;
    margin-bottom: 24px;
}

.ce_summary .summary-list ul {
    padding-left: 23px;
}

.ce_summary .summary-list li {
    font-size: 24px;
    line-height: 34px;
    letter-spacing: 0px;
    font-family: 'Helvetica Neue LT W05 55 Roman';
    margin-bottom: 12px;
}

.ce_summary .summary-list li:last-child {
    margin-bottom: 0px;
}

.ce_summary .summary-list li a {
    font-family: 'Helvetica Neue LT W05 55 Roman';
}


/* Zitat */
.main-content .mod_article .ce_quotation,
.artCMS .mod_article .ce_quotation {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    font-size: 0px;
    margin-bottom: 180px;
}

.ce_quotation .quotation-image {
    width: calc(50% - 15px);
    text-align: center;
}

.ce_quotation .quotation-image .image_container img,
.ce_quotation .quotation-image picture img {
    object-fit: cover;
    height: 362px;
    width: 362px;
    border-radius: 50%;
}

.ce_quotation .quotation-container {
    width: calc(50% - 15px);
    margin-left: 30px;
}

.ce_quotation .quotation-headline {
    font-family: "Helvetica Neue LT W05_77 Bd Cn";
    font-size: 36px;
    line-height: 42px;
    letter-spacing: 0.36px;
    margin-bottom: 32px;
}

.ce_quotation .quotation-name,
.ce_quotation .quotation-position {
    font-family: 'Helvetica Neue LT W05 45 Light';
    font-size: 24px;
    line-height: 34px;
    letter-spacing: 0px;
}


/* Team-Zähler */
.counter-boxes {
    max-width: 951px;
    margin: 0px auto 96px auto;
    display: flex;
    justify-content: center;
    flex-flow: wrap;
}

.counter-boxes .counter-boxes-item {
    margin: 0px 30px;
}

.counter-boxes .counter-boxes-item.-large-first  {
    margin: 0px;
}

.counter-boxes .counter-boxes-item.-large-last{
    margin: 0px;
}

.counter-boxes-item .-counter {
    font-family: "Helvetica Neue LT W02_75 Bold";
    font-size: 75px;
    line-height: 85px;
    letter-spacing: 0.75px;
    color: #e3010b;
    margin-bottom: 16px;
}

.counter-boxes-item .counter-boxes-name {
    margin-bottom: 48px;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0.24px;
    color: #000;
}


/* Breadcrumb */
.mod_breadcrumb {
    display: block;
    width: auto;
    max-width: 1146px;
    margin: 80px auto 0px auto;
    overflow: hidden;
}

.mod_breadcrumb .breadcrumb {
    padding-left: 0px;
}

.mod_breadcrumb .breadcrumb li,
.mod_breadcrumb .breadcrumb li a {
    color: #e3010b;
    text-decoration: none;
    font-weight: normal;
    border: 0px;
    height: auto;
    float: none;
    display: inline-block;
    padding: 0px;
    margin: 0px;    
    font-size: 16px;
    font-family: "Helvetica Neue LT W05 55 Roman";
}

.mod_breadcrumb .breadcrumb li {
    margin-right: 10px;
}

.mod_breadcrumb .breadcrumb li:only-child {
    display: none;
}

.mod_breadcrumb .breadcrumb li:first-child::before {
    content: none;
}

.mod_breadcrumb .breadcrumb li::before {
    content: ">";
    position: relative;
    top: 0px;
    left: 0px;
    margin-top: 0px;
    margin-right: 12px;
    font-size: inherit;
}

.mod_breadcrumb .breadcrumb li:hover a span {
    color: #7b0000;
}

.mod_breadcrumb .breadcrumb li:active,
.mod_breadcrumb .breadcrumb li:active a span {
    color: #7b0000;
}

.mod_breadcrumb .breadcrumb li a:focus span {
    color: #7b0000;
}


/* Startseite */
.start-slider-container {
    height: calc(100vh - 90px);
}

.full_overlay{
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100.4%;
	width: 100%;
	z-index: 20;
	background-color: #000;
	opacity: 0.4;
}

/* Video */
.vid {
    position: absolute; 
    top: 0; left:0;
    width: 100%;
    z-index: -1;
}

.vid video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


@media (min-aspect-ratio: 16/9) {
    #videoBG, .vid {
        width:100%;
        height: 100%;
    }
}

@media (max-aspect-ratio: 16/9) {
    #videoBG, .vid { 
        width: 100%;
        height: 100%;
    }
}

@media (max-width: 767px) {
    body {
        background-size: cover;
    }
}


/* Rocksolid Slider Startseite */
.start #MainPageSlideshow,
.start #MainPageSlideshow .mod_rocksolid_slider,
.start #MainPageSlideshow .mod_rocksolid_slider .rsts-view,
.start #MainPageSlideshow .mod_rocksolid_slider .rsts-view .rsts-crop,
.start #MainPageSlideshow .mod_rocksolid_slider .rsts-view .rsts-crop .rsts-slides,
.start #MainPageSlideshow .mod_rocksolid_slider .rsts-view .rsts-crop .rsts-slides .rsts-slide,
.start #MainPageSlideshow .mod_rocksolid_slider .rsts-view .rsts-crop .rsts-slides .rsts-slide > div,
.start #MainPageSlideshow .mod_rocksolid_slider .rsts-view .rsts-crop .rsts-slides .rsts-slide > div .ce_image,
.start #MainPageSlideshow .mod_rocksolid_slider .rsts-view .rsts-crop .rsts-slides .rsts-slide > div .ce_image .image_container {
    /* background: url('/tradepro/layout/Startseite-Aussenaufnahme-Permapack.jpg'); 
    background-repeat:no-repeat; 
    background-position:center top; 
    background-size: cover; */
    width: 100%;
    height: 100%;
}

.start #MainPageSlideshow .mod_rocksolid_slider .rsts-slide .image_container::before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.3);
}

.start .rsts-slide .ce_image picture img {
    object-fit: cover;
    height: 100%;
    max-height: none;
    width: 100%;
}

.themestartpage {    
    margin: auto;
    text-align: left;
    background: transparent;
    position: absolute;
    top: 138px; 
    left: calc(50% + 15px);
    max-width: 560px;
}

.themestartpage span {
    font-family: "Helvetica Neue LT W05_77 Bd Cn";
    font-size: 80px;
    letter-spacing: 0.8px;
    line-height: 82px;
    color: #fff;
    margin-bottom: 16px;
    display: block;
}

.themestartpage p {
    font-family: "Helvetica Neue LT W05_77 Bd Cn";
    font-size: 24px;
    letter-spacing: 0.48px;
    line-height: 32px;
    color: #fff;
}


/* Titel */
.StartContent #homeTab {
    margin-top: 135px;
}

.StartContent #homeTab h2 {
    font-family: "Helvetica Neue LT W05_77 Bd Cn";
    font-size: 36px;
    font-weight: normal;
    line-height: 40px;
    letter-spacing: 0.36px;
    margin-bottom: 70px;
    z-index: 1; 
}


/* Business Boxen */
.bounce-container {
    position: absolute;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 1146px;
}

.bouncestart {
    text-align: left;
    bottom: -200px;
    width: 264px;
    background: #fff;
    height: 380px;
    border-top: 6px solid #e3010b;
    padding: 0px;
    position: relative;
}

.bouncestart figure {	
    padding: 0px;
    margin: 0px;
    border: none;
    background: transparent;
    box-shadow: none;
}

.bouncestart .rs-column {
    margin: 0px;
    float: none;
    display: inline-block;
}

.bouncestart h2 {
    font-family: "Helvetica Neue LT W05_77 Bd Cn";
    font-size: 36px;
    line-height: 40px;
    letter-spacing: 0.36px;
    font-weight: normal;
    margin: 23px 22px 0px 24px;
    padding: 0px;
    height: 154px;
}

.bouncestart figure.image_container {
    width: 100%;
}

.bouncestart .image_container img {
    object-fit: cover;
}

/* News Boxen */
#homeTab {
    height: auto;
}

#homeTab .mod_newslist .slider-wrapper-blur-right {
    display: flex;
    border: 0px;
}

#homeTab article article,
#homeTab article .newsArchiveItem {
    background: #fff;
    width: 265px;
    height: 350px;
    margin-right: 30px;
    overflow: hidden;
    float: none;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
    color: black;
    display: inline-block;
}

#homeTab article article a span,
#homeTab article .newsArchiveItem a span {
    font-family: "Helvetica Neue LT W05_77 Bd Cn";
    letter-spacing: 0.36px;
    line-height: 30px;
    font-size: 24px;
    font-weight: normal;
    color: #000;
}

#homeTab article article:last-child, #homeTab article .newsArchiveItem:last-child{
    margin-right: 0px;
}

article .more {
    display:none;
} 

#newslink {
    margin-left: 40%;
    margin-top: 80px;
    font-style: normal;
    letter-spacing: 1px;
}

a.news-button.ghost-button.black {
    display: block;
    margin: 80px auto 0px auto;
    text-transform: uppercase;
}


/* Footer */
#footer,
.page-footer {
    background: url(/files/Permapack/Icons/footer-desktop.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: calc(50% - 110px) center;
    width: 100%;
    position: relative;
    left: 0px;
    height: 100%;
    overflow: hidden;
    margin: 180px auto 0px auto;
    padding-top: 343px;
}

#footer #Sitemap,
.page-footer #Sitemap {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-end;
    max-width: 1146px;
    justify-content: flex-end;
    align-items: flex-end;
    right: 0px;
    bottom: 0px;
    margin: 0px auto;
    height: 100%;
}

#footer #Sitemap .footer-container > .ghost-button.white,
.page-footer #Sitemap .footer-container > .ghost-button.white {
    margin: 0px auto 120px auto;
    display: block;
}

#footer #Sitemap .wrapper,
.page-footer #Sitemap .wrapper {
    margin: 0px 0px 60px 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-end;
    align-items: flex-start;
}

#footer #Sitemap .wrapper:nth-of-type(2),
.page-footer #Sitemap .wrapper:nth-of-type(2) {
    justify-content: space-between;
    width: 100%;
}

#footer #Sitemap .wrapper > div,
.page-footer #Sitemap .wrapper > div {
    margin-right: 80px;
}

#footer #Sitemap .wrapper > div:last-child,
.page-footer #Sitemap .wrapper > div:last-child {
    margin-right: 0px;
}

#footer #Sitemap .footer-address,
.page-footer #Sitemap .footer-address {
    margin: 0px 0px 20px 0px;
}

#footer #Sitemap .footer-languages .ghost-button,
.page-footer #Sitemap .footer-languages .ghost-button {
    padding: 12px 15px;
}

#footer #Sitemap .footer-languages .ghost-button:first-child,
.page-footer #Sitemap .footer-languages .ghost-button:first-child {
    margin-right: 8px;
}

#footer #Sitemap .footer-languages .ghost-button.active,
.page-footer #Sitemap .footer-languages .ghost-button.active {
    color: #e3010b;
    background: #fff;
}

#footer #Sitemap .footer-icons,
.page-footer #Sitemap .footer-icons {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

#footer #Sitemap .footer-icons a,
.page-footer #Sitemap .footer-icons a {
    display: block;
    height: 30px;
    width: 30px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 24px;
}

#footer #Sitemap .footer-icons a:last-child,
.page-footer #Sitemap .footer-icons a:last-child {
    margin-right: 0px;
}

#footer #Sitemap .footer-icons a.instagram,
.page-footer #Sitemap .footer-icons a.instagram {
    background-image: url('/files/Permapack/Icons/instagram.svg');
}

#footer #Sitemap .footer-icons a.facebook,
.page-footer #Sitemap .footer-icons a.facebook {
    background-image: url('/files/Permapack/Icons/facebook.svg');
}

#footer #Sitemap .footer-icons a.twitter,
.page-footer #Sitemap .footer-icons a.twitter {
    background-image: url('/files/Permapack/Icons/twitter.svg');
}

#footer #Sitemap .footer-icons a.xing,
.page-footer #Sitemap .footer-icons a.xing {
    background-image: url('/files/Permapack/Icons/xing.svg');
}

#footer #Sitemap .footer-icons a.linkedin,
.page-footer #Sitemap .footer-icons a.linkedin {
    background-image: url('/files/Permapack/Icons/linkedin.svg');
}

#footer #Sitemap .footer-icons a.youtube,
.page-footer #Sitemap .footer-icons a.youtube {
    background-image: url('/files/Permapack/Icons/youtube.svg');
}

#footer #Sitemap .footer-icons a img,
.page-footer #Sitemap .footer-icons a img {
    width: 100%;
    height: 100%;
}

#footer #Sitemap .footer-links a,
.page-footer #Sitemap .footer-links a {
    color: #fff;
    text-decoration: none;
    margin-right: 10px;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0.42px;
}

#footer #Sitemap .footer-links a:last-child,
.page-footer #Sitemap .footer-links a:last-child {
    margin-right: 0px;
}

#footer #Sitemap .content-h3,
.page-footer #Sitemap .content-h3 {
    font-family: 'Helvetica Neue LT W05_77 Bd Cn';
    font-size: 24px;
    line-height: 26px;
    letter-spacing: 0.36px;
    margin-bottom: 20px;
}

#footer #Sitemap p,
.page-footer #Sitemap p {
    color: #fff;
    font-family: "Helvetica Neue LT W02_75 Bold";
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.7px;
    margin: 0px;
    padding: 0px;
}

#footer #Sitemap p a,
.page-footer #Sitemap p a {
    color: #fff;
    font-family: "Helvetica Neue LT W02_75 Bold";
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.7px;
    margin: 0px;
    padding: 0px;
}

#footer #Sitemap ul,
.page-footer #Sitemap ul {
    padding: 0px;
    margin: 0px 0px 40px 0px;
}

#footer #Sitemap ul li,
.page-footer #Sitemap ul li {
    list-style: none;
    list-style-type: none;
    height: auto;
    margin: 0px;
    padding: 0px 0px 0px 15px;
    position: relative;
    display: block;
    color: #fff;
}

#footer #Sitemap ul li::before,
.page-footer #Sitemap ul li::before {
    content: ">";
    width: auto;
    transform: matrix(0.6, 0, 0, 1.1, 0, 0);
    left: 0px;
    position: absolute;
    top: -1.5px;
}

#footer #Sitemap ul li a,
.page-footer #Sitemap ul li a {
    color: #fff;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0.42px;
}

#footer #Sitemap ul.level_3,
.page-footer #Sitemap ul.level_3 {
    display: none;
}


/* Shop CSS */
.customer .ce_gusset-custom-contactbutton {
    display: none;
}

.ffsearch .FFSContent > .clearfix > .mod_article {
    margin: 20px 0px 20px 0px;
}


/* Infobox Shop */
.ffsearch .FFSContent .clearfix .mod_article.infokachel {
    margin-bottom: 80px;
}

.ffsearch .artCMS .infokachel,
.ffsearch .artCMS .services,
.ffsearch .infokachel,
.ffsearch .services {
    background: none;
    width: calc(100% + 4px);
    padding-left: 4px;
}

.ffsearch .artCMS .infokachel,
.ffsearch .infokachel {
    margin-bottom: 80px;
    overflow: visible;
    padding-bottom: 0px;
}

.ffsearch .artCMS .infokachel .slider-wrapper-blur-right.no-slider,
.ffsearch .infokachel .slider-wrapper-blur-right.no-slider {
    margin: -10px 0px -50px 0px;
    display: flex;
    justify-content: flex-start;
}

.ffsearch .artCMS .infokachel .slider-wrapper-blur-right.no-slider .mod_article,
.ffsearch .infokachel .slider-wrapper-blur-right.no-slider .mod_article {
    width: calc(100% / 3);
}

.ffsearch .artCMS .infokachel .slider-wrapper-blur-right.no-slider .mod_article:nth-child(3n),
.ffsearch .infokachel .slider-wrapper-blur-right.no-slider .mod_article:nth-child(3n) {
    margin-right: 0px;
}

.ffsearch .infokachel .slick-prev {
    left: 40px;
}

.ffsearch .infokachel .slick-list {
    left: 0px;
    margin: -15px;
}

.det .artCMS .infokachel {
    background: none;
}

.ffsearch .infokachel .slick-list .white-blur,
.det .artCMS .infokachel .slick-list .white-blur {
    background: transparent linear-gradient(90deg, #f6f6f61a 5%, #ffffffd1 60%, #fff 100%) 0% 0% no-repeat padding-box;
}

.ffsearch .infokachel .ce_infokachel {
    width: 100%;
}


/* Services Shop */
.ffsearch .services,
.ffsearch .artCMS .services {
    margin-bottom: 21px;
    width: 100%;
    padding-left: 0px;
    padding-bottom: 0px;
}

.ffsearch .services-container,
.ffsearch .services-container:nth-child(3n),
.ffsearch .services-container:nth-child(3n + 1) {
    margin-top: 0px;
}

.ffsearch .services .slider-wrapper-blur-right,
.ffsearch .artCMS .services .slider-wrapper-blur-right {
    display: flex;
    justify-content: flex-start;
}

.ffsearch .services-container {
    width: calc(100% / 3);
}

.ffsearch .services-container .ce_services .services-headline {
    font-size: 22px;
    height: 114px;
}

.ffsearch .ce_services .services-image img {
    height: 214px;
}

.ffsearch .services-shop .services-image img {
    height: 100% !important;
}


/* Datepicker */
.ui-datepicker {
    border-radius: 0px;
    border: 1px solid #000;
    padding: 5px;
    margin-top: 2px;
    background: #fff;
}

.ui-datepicker * {
    font-family: 'Helvetica Neue LT W05 45 Light';
    font-weight: normal;
}

#ERPTable .hasDatepicker.has-date {
    background: none;
}

body:not(.bestellen) .ui-datepicker .ui-datepicker-title {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.ui-datepicker .ui-datepicker-title span {
    font-family: "Helvetica Neue LT W02_75 Bold";
    color: #000;
}

.ui-datepicker .ui-datepicker-header {
    background: transparent;
    border-radius: 0px;
    border: 0px;
}

.ui-datepicker .ui-datepicker-next {
    background: transparent url('/files/Permapack/Icons/arrow-next.svg');
    border: 0px;
    border-radius: 0px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center center;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border-radius: 0px;
    border: 0px solid #000;
    background: transparent url('/files/Permapack/Icons/arrow-hover.svg');
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center center;
}

.ui-state-hover:active {
    border-radius: 0px;
    border: 0px solid #000;
    background: transparent url('/files/Permapack/Icons/arrow-active.svg');
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center center;
}

.ui-datepicker .ui-datepicker-prev {
    border-radius: 0px;
    border: 0px solid #000;
    background: transparent url('/files/Permapack/Icons/arrow-disabled.svg');
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 1;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: none;
}

.ui-datepicker .ui-datepicker-calendar thead {
    background: none;
    border-bottom: 5px solid transparent;
}

.ui-datepicker .ui-datepicker-calendar thead th,
.ui-datepicker .ui-datepicker-calendar thead th span {
    color: #000;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background: #fff;
    border: 1px solid #000;
    color: #000;
}

.ui-state-default:hover,
.ui-widget-content .ui-state-default:hover,
.ui-widget-header .ui-state-default:hover {
    background: #e3010b;
    border: 1px solid #e3010b;
    color: #fff;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    background: #e3010b;
    border: 1px solid #e3010b;
    color: #fff;
}


/* Popup / Artikel hinzufügen */
#scart-popup-container {
    z-index: 10;
}

#scart-popup-container .scart-add-popup {
    padding: 5px 5px 5px 100px;
    margin: 10px 0px;
    background-color: rgba(255, 255, 255, 1);
    margin-bottom: 5px;
    display: none;
    overflow: hidden;
    position: relative;
    z-index: 2;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    border: 0px;
}

#scart-popup-container .scart-add-popup .image {
    margin-left: -95px;
}

#scart-popup-container .scart-add-popup .title {
    font-family: "Helvetica Neue LT W02_75 Bold";
    color: #000;
    margin-bottom: 20px;
}

#scart-popup-container .scart-add-popup .text {
    color: #000;
}


/* Warenkorb */
.wk-title {
    margin-top: 108px;
    margin-bottom: 50px;
}

.ShopContentScart {
	width: calc(100% - 490px);
    float: left;
}

.ShopContentScart td {
    padding: 0px;
    margin: 0px;
}

.direct-order {
    font-family: "Helvetica Neue LT W02_75 Bold";
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.24px;
    margin-bottom: 17px;
    display: block;
}

#DirectOrderTable {
    margin: 0px 0px 96px 0px;
    padding: 0px;
    border: 0px;
}

#DirectOrderTable .direct-order-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

#DirectOrderTable .direct-order-container form.direct-order-search {
    width: calc(100% - 174px);
}

#FFqueryDO {
    width: 100%;
    margin: 0px;
    padding: 14px 55px;
    border-radius: 24px;
    height: 48px;
    font-family: 'Helvetica Neue LT W05 45 Light';
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
}

.ffquery-container::before {
    content: "";
    background: url('/files/Permapack/Icons/suche-icon-black.svg');
    background-repeat: no-repeat;
    background-size: 19px 19px;
    height: 19px;
    width: 19px;
    display: block;
    position: absolute;
    top: 15px;
    left: 24px;
}

div.suggestLayer_directorder {
    background-color: #fff;
}

div.suggestLayer_directorderBlock {
    background-color: #fff;
    box-shadow: 0px 2px 4px #00000029;
    cursor: pointer;
}

div.suggestLayer_directorder .suggestRow.suggestRowWithImage:first-of-type {
    border-top: 1px solid #f1f1f1;
}

div.suggestLayer_directorder .suggestRow.suggestRowWithImage {
    border-bottom: 1px solid #fff;
    padding: 4px 0px;
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
}

div.suggestLayer_directorder .suggestRow.suggestRowWithImage.suggestHighlight {
    background: #f1f1f1;
}

div.suggestLayer_directorder span.suggestTextQuery,
div.suggestLayer_directorder span.suggestTextQueryTyped {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.42px;
    font-family: 'Helvetica Neue LT W05 45 Light';
}

div.suggestLayer_directorder span.suggestTextQuery {
    padding: 0px 16px;
    width: calc(100% - 58px);
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 37px;
    display: -webkit-box;
    order: 2;
}

div.suggestLayer_directorder i.fa.fa-repeat.isSlc,
div.suggestLayer_directorder i.fa.fa-heart.isFavo {
    padding-right: 16px;
}

#DirectOrderTable .direct-order-container .direct-order-quantity {
    height: 48px;
    width: 90px;
    margin: 0px 8px;
}

#DirectOrderTable .direct-order-container .direct-order-quantity #MengeWert {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: 0.22px;
    text-align: center;
    font-family: "Helvetica Neue LT W02_75 Bold";
    color: #000;    
    border-radius: 24px;
    border: 0px;
    background-color: #f6f6f6;
    height: 100%;
    width: 100%;
    padding: 12px;
}

#DirectOrderTable .direct-order-container .direct-order-quantity #MengeWert:hover {
    box-shadow: none;
    border: 0px;
}

#DirectOrderTable .direct-order-container #DirectOrderButton {
    height: 48px;
    width: 68px;
    padding: 15px 26px;
}

#DirectOrderTable .direct-order-container #DirectOrderButton i.fa.fa-shopping-cart {
    width: 100%;
    height: 100%;
}

#DirectOrderTable .direct-order-container #DirectOrderButton i.fa.fa-shopping-cart::before {
    content: "";
    background: url('/files/Permapack/Icons/warenkorb-icon-white.svg');
    background-repeat: no-repeat;
    background-size: contain;
    height: 24px;
    width: 24px;
    position: absolute;
    left: 22px;
    top: 50%;
    transform: translateY(-50%);
}

select#directorder,
div.directorder-single {
    position: absolute;
    margin-top: 24px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-family: 'Helvetica Neue LT W05 45 Light';
}

.direct-order-result .styled-select  {
    top: 74px;
    height: 100%;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0.8px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 14px 40px 16px 24px;
}

.direct-order-result .options {
    top: calc(100% + 74px);
}

.wk-buttons-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

.wk-button {
    font-family: 'Helvetica Neue LT W05 55 Roman';
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 24px;
    color: #e3010b;
    position: relative;
    padding-left: 33px;
}

.wk-button.delete::before {
    content: "";
    background: url('/files/Permapack/Icons/muelleimer-icon-red.svg');
    background-repeat: no-repeat;
    background-size: contain;
    height: 24px;
    width: 24px;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}

.wk-button.save::before {
    content: "";
    background: url('/files/Permapack/Icons/saved-scart-icon-red.svg');
    background-repeat: no-repeat;
    background-size: contain;
    height: 24px;
    width: 24px;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}

.wk-button.print::before {
    content: "";
    background: url('/files/Permapack/Icons/drucken-icon-red.svg');
    background-repeat: no-repeat;
    background-size: contain;
    height: 24px;
    width: 24px;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
}

.wk-stock-available {
    font-size: 12px;
    letter-spacing: 0.36px;
    line-height: 21px;
    color: #0EB700;
    font-family: 'Helvetica Neue LT W05 45 Light';
}

.wk-stock-unavailable {
    font-size: 12px;
    letter-spacing: 0.36px;
    line-height: 21px;
    color: #e3010b;
    font-family: 'Helvetica Neue LT W05 45 Light';
}

.wk-stock-available::before {
    content: "";
    background: url('/files/Permapack/Icons/haken-icon-green.svg');
    background-repeat: no-repeat;
    background-size: 14px 14px;
    height: 14px;
    width: 14px;
    display: inline-block;
    position: relative;
    top: 3px;
    margin-right: 8px;
}

.wk-stock-unavailable::before {
    content: "";
    background: url('/files/Permapack/Icons/x-icon-red.svg');
    background-repeat: no-repeat;
    background-size: 14px 14px;
    height: 14px;
    width: 14px;
    display: inline-block;
    position: relative;
    top: 3px;
    margin-right: 8px;
}

.wk-button-delete {
    content: "";
    background: url('/files/Permapack/Icons/muelleimer-icon-black.svg');
    background-repeat: no-repeat;
    background-size: 14px 14px;
    height: 14px;
    width: 14px;
    display: inline-block;
    position: relative;
    top: 3px;
    margin-right: 4px;
}

.wk-button-delete:hover {
    content: "";
    background: url('/files/Permapack/Icons/muelleimer-icon-red.svg');
    background-repeat: no-repeat;
}

.wk-button-delete-text {
    text-decoration: underline;
    font-family: 'Helvetica Neue LT W05 45 Light';
    font-size: 12px;
    line-height: 21px;
    letter-spacing: 0.36px;
}

#ScartTable.wk {
    border-top: 1px solid #d2d2d2;
}

#ScartTable,
.scart-mobile {
    border-top: 0px;
    border-bottom: 0px;
    margin: 36px 0px 0px 0px;
}

#ScartTable p,
.scart-mobile span,
.scart-mobile p {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    margin-bottom: 8px;
}

#ScartTable .product-link a,
.scart-mobile .product-link {
    font-family: 'Helvetica Neue LT W05_77 Bd Cn';
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0.3px;
    text-decoration: none;
}

#ScartTable .product-infos,
.scart-mobile .product-infos {
    margin-bottom: 35px;
}

#ScartTable tr.Article > td {
    border-bottom: 1px solid #d2d2d2;
    padding: 24px 0px;
}

#ScartTable tr.Article > td:nth-child(2) {
    padding: 24px 30px;
}

#ScartTable .zoomThumb,
.scart-mobile .zoomThumb {
    width: 68px;
    height: 68px;
    display: block;
    margin-right: 30px;
}

#ScartTable .CCinArticle > input,
.scart-mobile .CCinArticle > input {
    width: 100%;
    height: 38px;
    min-height: auto;
    border-color: #a5a5a5;
    font-family: 'Helvetica Neue LT W05 45 Light';
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0px;
    padding: 10px 20px;
    color: #000;
}

#ScartTable .updowncontainer,
.scart-mobile .updowncontainer {
    display: flex;    
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    background-color: #f6f6f6;
    border-radius: 24px;
    max-width: 172px;
    margin: 0px auto 24px auto;
}

#ScartTable .updowncontainer .increase,
#ScartTable .updowncontainer .decrease,
.scart-mobile .updowncontainer .increase,
.scart-mobile .updowncontainer .decrease {
    display: inline-block;
    width: 48px;
    height: 48px;
    padding: 12px;
    min-height: auto;
    text-align: center;
    vertical-align: middle;
    margin: 0px;
    padding: 0px;
    background-color: unset;
}

.ico-minus:before,
.fa-minus-square:before {
    content: "";
    background: url('/files/Permapack/Icons/Minus.svg');
    background-repeat: no-repeat;
    background-size: 24px 24px;
    height: 100%;
    width: 100%;
    background-position: 16px center;
    display: block;
}

.ico-plus:before,
.fa-plus-square:before {
    content: "";
    background: url('/files/Permapack/Icons/Plus.svg');
    background-repeat: no-repeat;
    background-size: 24px 24px;
    height: 100%;
    width: 100%;
    background-position: 8px center;
    display: block;
}

#ScartTable .updowncontainer input.menge,
.scart-mobile .updowncontainer input.menge {
    background-color: unset;
    color: #000;
    font-family: "Helvetica Neue LT W02_75 Bold";
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0.2px;
    width: 76px;
    height: 48px;
    padding: 12px;
    min-height: auto;
    text-align: center;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-top: 0px;
    border-bottom: 0px;
    vertical-align: middle;
    margin: 0px;
}

#ScartTable .total-price,
.scart-mobile .total-price {
    font-family: "Helvetica Neue LT W02_75 Bold";
    text-align: center;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0.3px;
    display: block;
    margin-bottom: 7px;
}

#ScartTable .piece-price,
.scart-mobile .piece-price {
    font-family: 'Helvetica Neue LT W05 45 Light';
    text-align: center;
    font-size: 12px;
    line-height: 21px;
    letter-spacing: 0.36px;
    display: block;
}

#ScartTable .quantity .wk-availability,
#ScartTable .article-information td > span {
    display: none;
}

.no_small_screen {
	float: right;
	max-width: 360px;
}

.no_small_screen .Info,
.no_small_screen .Info > p {
    margin-bottom: 66px;
}

.no_small_screen h2 {
    margin-bottom: 24px;
}

#Gesamtpreis,
#scartSummary,
.Gesamtpreis {
    background: #f1f1f1;
}

#Gesamtpreis {
    padding: 26px 30px;
}

#Gesamtpreis div {
    font-family: 'Helvetica Neue LT W05 45 Light';
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.42px;
    padding: 0px;
}

#Gesamtpreis .flex-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 24px;
}

#Gesamtpreis .flex-container div:first-child {
    margin-right: 30px;
}

#Gesamtpreis .total {
    border-top: 1px solid #d2d2d2;
    padding-top: 14px;
    font-size: 26px;
    line-height: 30px;
    letter-spacing: 0.39px;
    font-family: 'Helvetica Neue LT W02_75 Bold';
    margin-bottom: 14px;
}

#Gesamtpreis .total-text {
    max-width: 50%;
}

.no_small_screen button,
.FormTwoColumnsright button {
    background: #e3010b;
    color: #fff;
    border: 0px;
	width: 100%;
	margin: 0px;
	padding: 23px 0px;
    border-radius: 0px;
}

/* Warenkorb Mobile */
.scart-mobile {
    display: none;
    padding: 24px 0px;
}

.scart-mobile:last-of-type {
    border-bottom: 1px solid #d2d2d2;
}

.scart-mobile .scart-mobile-article {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    width: 50%;
}

.scart-mobile .updowncontainer {
    margin: 0px 0px 24px 0px;
}

.scart-mobile .wk-stock-available,
.scart-mobile .wk-stock-unavailable {
    font-size: 12px;
    letter-spacing: 0.36px;
    line-height: 21px;
    margin-bottom: 24px;
}

.scart-mobile .CCinArticle {
    width: 50%;
}


/* Warenkorb Schritt 2, 3 und thx */
.bestellen #Navigationbar,
.thx #Navigationbar {
    height: 200px;    
    background: #F6F6F6 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    margin-bottom: 140px;
}

#scart-navigation-container {
    height: 100%;
    max-width: 1146px;
    margin: 0px auto;
}

#scart-navigation-scart-link {
    position: absolute;
    top: 64px;
    font-family: 'Helvetica Neue LT W05 45 Light';
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.42px;
}

#scart-navigation-scart-link-mobile {
    display: none;
}

#scart-navigation-scart-link::before {
    content: url('/files/Permapack/Icons/icon_arrow_small.svg');
    height: auto;
    width: auto;
    display: inline-block;
    transform: rotate(180deg);
    position: relative;
    left: 0px;
    top: 3px;
    margin-right: 4px;
}

#scart-navigation-scart-link:hover::before {
    content: url('/files/Permapack/Icons/Arrow.svg');
    height: auto;
    width: auto;
    display: inline-block;
    transform: none;
    position: relative;
    left: 0px;
    top: 8px;
    margin-right: 4px;
}

#scart-steps {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    height: 100%;
}

#scart-steps .scart-line {
    margin: 0px 6px;
    padding: 0px;
    width: 135px;
    border: 1px solid #E3010B;
    opacity: 0.3;    
    position: relative;
    bottom: 16px;
    background-color: #e3010b;
}

#scart-steps .scart-step {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    height: 100%;
}

#scart-steps .scart-step .scart-step-counter {
    border: 1px solid #e3010b;
    text-align: center;
    border-radius: 50%;
    font-family: 'Helvetica Neue LT W05_77 Bd Cn';
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0.36px;
    color: #e3010b;
    opacity: 0.3;
    padding: 11px 20px;
    margin-bottom: 16px;
}

#scart-steps .scart-step.active .scart-step-counter {
    color: #fff;
    opacity: 1;
    background: #e3010b 0% 0% no-repeat padding-box;
}

#scart-steps .scart-step.completed .scart-step-counter {
    background: transparent;
    border: 2px solid #e3010b;
    opacity: 1;
    padding: 6px 10px;
}

#scart-steps .scart-step.completed .scart-step-counter .icon-tick {
    opacity: 1;
    height: 30px;
    width: 30px;
    position: relative;
    top: 3px;
}

#scart-steps .scart-step span {
    color: #e3010b;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.42px;
    opacity: 0.3;
}

#scart-steps .scart-step.active span {
    opacity: 1;
}

#scart-steps .scart-step.completed span {
    opacity: 1;
}

#scart-steps .scart-step .scart-step-link {
    color: #e3010b;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.42px;
    opacity: 1;
}

.ShopFormNB {
    width: calc(50% - 64px);
}

.ShopFormNB.checkout-2 {
    width: 50%;
}

.ShopFormNB:first-of-type {
    margin-right: 128px;
}

.ShopFormNB.checkout-2:first-of-type {
    margin-right: 226px;
}

.ShopFormNB.checkout-2:last-of-type {
    width: calc(50% - 226px);
}

.ShopFormNB.checkout-2 p {
    margin: 0px;
}

.ShopFormNB.checkout-2.first td {
    padding-bottom: 10px;
}

.ShopFormNB.checkout-2.first tr:first-child td {
    padding-bottom: 0px;
}


.ShopFormNB.checkout-2 p.p-invoice {
    padding-bottom: 32px;
    margin-bottom: 36px;
    border-bottom: 1px solid #d2d2d2;
}

.ShopFormNB h2 {
    margin: 0px 0px 24px 0px;
    padding: 0px;
    border: 0px;
    font-size: 36px;
    line-height: 40px;
    letter-spacing: 0.36px;
}

.ShopFormNB h2.delivery-address {
    margin: 107px 0px 44px 0px;
}

.ShopFormNB .scart-step-form.edit {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: flex-start;
}

.ShopFormNB .scart-step-form.edit h2.delivery-address {
    margin: 0px 34px 24px 0px;
}

.ShopFormNB .scart-step-form.edit.border {
    padding-top: 32px;
    margin-top: 36px;
    border-top: 1px solid #d2d2d2;
}

.ShopFormNB .scart-step-form.edit h2 {
    margin-right: 34px;
}

.ShopFormNB .scart-step-form.edit.article {
    margin-top: 113px;
}

.ShopFormNB .scart-step-form.edit.article h2 {
    margin-bottom: 0px;
}

.ShopFormNB td {
    margin: 0px;
    padding: 0px;
    font-family: 'Helvetica Neue LT W05 45 Light';
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    vertical-align: top;
}

.ShopFormNB label {
    margin: 32px 0px 16px 0px;
}

.ShopFormNB label.first {
    margin-top: 0px;
}

.ShopFormNB .datepicker-container {
    position: relative;
}

.ShopFormNB .datepicker-container input {
    padding-left: 50px;
}

.ShopFormNB .datepicker-container img {
    position: absolute;
    top: 14px;
    left: 20px;
    height: 22px;
    width: 24px;
}

.ShopFormNB .Info.agb {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-top: 35px;
}

.ShopFormNB label.label-agb {
    position: relative;
    height: 20px;
    width: 44px;
    margin: 0px 26px 0px 0px;
}

.ShopFormNB label.label-agb input#AGB,
.ShopFormNB label.label-agb .checkmark {
    top: -8px;
}

.ShopFormNB .checkmark::after {
    top: 1px;
}

.ShopFormNB .agb-text {
    font-family: 'Helvetica Neue LT W05 45 Light';
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.42px;
}

.ShopFormNB .agb-text a {
    font-family: 'Helvetica Neue LT W05 45 Light';
    color: #e3010b;
}

form.fullwidthform .ShopFormNB td input,
form.fullwidthform .ShopFormNB td textarea {
    width: 100% !important; /* Man muss !important gebrauchen --> siehe form.fullwidthform Z:5700 - Man müsste dies zuerst fixen. */
}

form.fullwidthform .ShopFormNB #zip-location {
    width: 100%;
    display: flex;
}

.ShopFormNB .zip-location-container {
    width: 50%;
}

.ShopFormNB .zip-location-container:first-of-type {
    margin-right: 32px;
}

form.fullwidthform .ShopFormNB .zip-location-container > input {
    width: 100% !important; /* Man muss !important gebrauchen --> siehe form.fullwidthform Z:5700 - Man müsste zuerst dies fixen. */
}

.ShopFormNB .styled-select {
    width: 100%;
    font-family: 'Helvetica Neue LT W05 45 Light';
    color: #a5a5a5;
    padding-right: 42px;
}

.ShopFormNB .select > .options > li {
    word-break: break-word;
}

.ShopFormNB .submit-container {
    width: 100%;
    margin-top: 113px;
}

.ShopFormNB .submit-container button {
    margin: 0px;
}

.ShopFormNB .ui-datepicker,
.ui-datepicker {
    display: none;
}

.ShopFormNB #SubmitButton {
    margin-bottom: 0px;
}

#ScartTable .piece-price {
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.42px;
}

#ScartTable .unit-amount {
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
}

.thx .ShopContent .title-thanks {
    margin: 0px 0px 24px 0px;
    padding: 0px;
    border: 0px;
    font-size: 36px;
    line-height: 40px;
    letter-spacing: 0.36px;
}

.thx .ShopContent .text-thanks {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    margin-bottom: 48px;
}

.thx .ShopContent .ghost-button.black {
    display: block;
    margin: 0px auto;
}

.thx .ShopContent .ghost-button.black.print {
    margin-bottom: 24px;
    position: relative;
}

.thx .ShopContent .ghost-button.black.print img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 24px;
    height: 24px;
    width: 24px;
}


/* Detailseite / Detailpage / Printview / Druckansich */
#PrintView .thumbs img {
    height: 120px;
    width: 120px;
    object-fit: contain;
}


/* Kundenstartseite / Customer */
.customer #Navi #MainNavi.main-navigation ul.level_1 > li.trail {
    border-bottom: 0px;
}

.customer #Navi #MainNavi.main-navigation ul.level_1 > li.trail:hover {
    border-bottom: 3px solid #e3010b;
}

.customer .content-wrapper {
    max-width: 100%;
    position: relative;
    height: 100%;
    overflow: hidden;
}

.customer .ShopContent {
    width: 100%;
}

.content-h1.InfoHead.MyAccount {
    margin-top: 128px;
    margin-bottom: 64px;
}

.InfoText.MyAccount {
    margin-bottom: 211px;
    max-width: 460px;
    font-size: 24px;
    line-height: 34px;
    letter-spacing: 0px;
}

.customer #ShopMenu {
    display: none;
}

.customer .top-products .Article {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
}

#ERPTable.ShopTable.TopProducts {
    border: 0px;
    margin: 0px 0px 48px 0px;
}

#ERPTable .top-products {
    border-bottom: 1px solid #d2d2d2;
    padding: 24px 0px;
}

#ERPTable .top-products:first-child {
    border-top: 1px solid #d2d2d2;
}

#ERPTable .top-products .image-container {
    width: 140px;
    margin-right: 48px;
}

#ERPTable .top-products .zoomThumb {
    display: block;
}

#ERPTable .top-products .zoomThumb img {
    height: 100%;
    width: 100%;
    max-height: 120px;
    object-fit: contain;
}

#ERPTable .top-products .title-and-description {
    width: 20%;
    margin-right: 48px;
}

#ERPTable .top-products .title-and-description .artNo,
#ERPTable .top-products .title-and-description .artDescription {
    position: static;
}

#ERPTable .top-products .title-and-description .artNo {
    font-family: 'Helvetica Neue LT W05 45 Light';
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    margin-bottom: 8px;
}

#ERPTable .top-products .title-and-description .artDescription a {
    font-family: 'Helvetica Neue LT W05_77 Bd Cn';
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0.3px;
    color: #000;
}

#ERPTable .top-products .title-and-description .artDescription .specifics {
    display: block;
    font-family: 'Helvetica Neue LT W05 45 Light';
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    color: #000;
    margin-top: 8px;
}

#ERPTable .top-products .date-and-price-container {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: hidden;
    width: 65%;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#ERPTable .top-products .date-and-price-container .date-and-price {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

#ERPTable .top-products .date-and-price-container .date-and-price > div {
    margin-right: 48px;
    width: 100%;
    font-family: 'Helvetica Neue LT W05 45 Light';
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
}

#ERPTable .top-products .date-and-price-container .date-and-price > div:last-child {
    margin-right: 0px;
}

#ERPTable .top-products .date-and-price-container .date-and-price .date {
    font-family: 'Helvetica Neue LT W02_75 Bold';
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.14px;
    margin-bottom: 20px;
}

#ERPTable .top-products .date-and-price-container .date-and-price > div:nth-child(n+4) {
    display: none;
}

#ERPTable .top-products .amount-and-order-container {
    margin: 0px 0px 0px auto;
}

#ERPTable .updowncontainer{
    display: flex;    
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    background-color: #f6f6f6;
    border-radius: 24px;
    width: 166px;
    max-width: 166px;
    margin: 0px auto 24px auto;
}

#ERPTable .updowncontainer .increase,
#ERPTable .updowncontainer .decrease {
    display: inline-block;
    width: 48px;
    height: 48px;
    padding: 12px;
    min-height: auto;
    text-align: center;
    vertical-align: middle;
    margin: 0px;
    padding: 0px;
    background-color: unset;
}

#ERPTable .ico-minus:before,
#ERPTable .fa-minus-square:before {
    content: "";
    background: url('/files/Permapack/Icons/Minus.svg');
    background-repeat: no-repeat;
    background-size: 24px 24px;
    height: 100%;
    width: 100%;
    background-position: 16px center;
    display: block;
}

#ERPTable .ico-plus:before,
#ERPTable .fa-plus-square:before {
    content: "";
    background: url('/files/Permapack/Icons/Plus.svg');
    background-repeat: no-repeat;
    background-size: 24px 24px;
    height: 100%;
    width: 100%;
    background-position: 8px center;
    display: block;
}

#ERPTable .updowncontainer input.menge {
    background-color: unset;
    color: #000;
    font-family: "Helvetica Neue LT W02_75 Bold";
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0.2px;
    width: 76px;
    height: 48px;
    padding: 12px;
    min-height: auto;
    text-align: center;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-top: 0px;
    border-bottom: 0px;
    vertical-align: middle;
    margin: 0px;
}

#ERPTable .updowncontainer input.menge::placeholder {
    color: #d2d2d2;
}

form#submitform > #DetailScart.button {
    display: block;
    margin: 0px 0px 0px auto;
}

form#submitform > #DetailScart.button img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 24px;
    height: 24px;
    width: 24px;
}


/* Fastoverview Schritt 2 */
.shop .ShopContent.fastoverview {
    width: 100%;
}

.shop .ShopContent.fastoverview h1 {
    margin-top: 80px;
    margin-bottom: 64px;
}

.shop .ShopContent.fastoverview form > button {
    margin-top: 48px;
}

.shop .ShopContent.fastoverview #ScartTable.fastoverview-table th,
.shop .ShopContent.fastoverview #ScartTable.fastoverview-table td {
    padding: 24px 0px;
    margin: 0px;
}

.shop .ShopContent.fastoverview input.menge {
    background-color: unset;
    color: #000;
    font-family: "Helvetica Neue LT W02_75 Bold";
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0.2px;
    width: 76px;
    height: 48px;
    padding: 12px;
    min-height: auto;
    text-align: center;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-top: 0px;
    border-bottom: 0px;
    vertical-align: middle;
    margin: 0px;
    background-color: #f1f1f1;
    border-radius: 24px;
}


/* Favoritenliste */
.ShopContent .favo-title {
    margin-top: 128px;
    margin-bottom: 64px;
}

.ShopContent .favo-text {
    margin-bottom: 80px;
    max-width: 460px;
    font-size: 24px;
    line-height: 34px;
    letter-spacing: 0px;
}

.ShopContent .favo-text.short {
    margin-bottom: 160px;
}

.ShopContent .favo-list-options {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
}

.ShopContent #Favoliste .updowncontainer {
    margin: 0px 0px 0px auto;
}

.fa-caret-up::before {
    content: "";
    background: url('/files/Permapack/Icons/icon_arrow_small.svg');
    background-repeat: no-repeat;
    background-size: 24px 24px;
    height: 24px;
    width: 24px;
    display: inline-block;
    transform: rotate(270deg);
}

.fa-caret-down::before {
    content: "";
    background: url('/files/Permapack/Icons/icon_arrow_small.svg');
    background-repeat: no-repeat;
    background-size: 24px 24px;
    height: 24px;
    width: 24px;
    display: inline-block;
    transform: rotate(90deg);
}

.fa-trash-o::before {
    content: "";
    background: url('/files/Permapack/Icons/muelleimer-icon-black.svg');
    background-repeat: no-repeat;
    background-size: contain;
    height: 24px;
    width: 24px;
    display: block;
}

.ShopContent .ico-list:before,
.ShopContent .fa-list:before {
    color: #000;
    font-size: 20px;
}

.ShopContent .fa-heart::before {
    width: 24px;
    height: 20px;
}

.ShopContent .button.-small {
    padding: 5px 12px;
    background: none;
    vertical-align: middle;
}

.ShopContent .button.-small:hover {
    box-shadow: none;
}

#DetailCross th,
#ScartTable th,
#ERPTable th,
#DirectOrderTable th,
.ShopTable th {
    padding: 24px 0px;
    position: relative;
}

form#Favoliste {
    margin-bottom: 69px;
}

form#Favoliste #ScartTable tr {
    height: 100%;
}

form#Favoliste #ScartTable th,
form#Favoliste #ScartTable td {
    padding: 24px;
    border: 0px;
}

form#Favoliste #ScartTable th:nth-child(2),
form#Favoliste #ScartTable .favo-artnr-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: flex-start;
    height: 100%;
}

form#Favoliste #ScartTable td {
    border-bottom: 1px solid #d2d2d2;
}

form#Favoliste #ScartTable td:nth-child(2) {
    min-height: 116px;
}

form#Favoliste #ScartTable th#qtyFavo {
    text-align: right;
}

#Favoliste .favo-checkbox-container {
    position: relative;
}

#Favoliste .favo-actions {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

#Favoliste .favo-article-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
}

#Favoliste .favo-actions-mobile,
#Favoliste .favo-link-mobile,
#Favoliste .favo-artnr-mobile {
    display: none;
}

#Favoliste .favo-checkbox-container input[type="checkbox"] {
    position: relative;
    top: 4px;
}

#Favoliste .favo-checkbox-container input[type="checkbox"] ~ .checkmark,
#Favoliste .favo-checkbox-container input[type="checkbox"] ~ .checkmark {
    top: 4px;
}

.ShopContent input#favolist,
.ShopContent input#fastorder {
    width: max-content;
    border-radius: 24px;
    opacity: 1;
    letter-spacing: 0.7px;
    padding: 0px;
    margin: 0px 20px 0px 0px;
    line-height: 17px;
    font-size: 14px;
    border: 0px;
    min-height: unset;
}

.ShopContent input#favolist::-webkit-file-upload-button,
.ShopContent input#fastorder::-webkit-file-upload-button,
.ShopContent input#favolist::file-selector-button,
.ShopContent input#fastorder::file-selector-button,
input[type="file" i]::-webkit-file-upload-button,
input[type="file" i]::file-selector-button,
input[type="file"]::-webkit-file-upload-button,
input[type="file"]::file-selector-button {
    border: 1px solid #000;
    background: transparent 0% 0% no-repeat padding-box;
    color: #000;
    width: max-content;
    border-radius: 24px;
    opacity: 1;
    letter-spacing: 0.7px;
    padding: 12px 24px;
    line-height: 17px;
    font-size: 14px;
    font-family: "Helvetica Neue LT W02_75 Bold";
    text-transform: uppercase;
    cursor: pointer;
}

.ShopContent input#favolist::-webkit-file-upload-button:hover,
.ShopContent input#fastorder::-webkit-file-upload-button:hover,
.ShopContent input#favolist::file-selector-button:hover,
.ShopContent input#fastorder::file-selector-button:hover,
input[type="file" i]::-webkit-file-upload-button:hover,
input[type="file" i]::file-selector-button:hover,
input[type="file"]::-webkit-file-upload-button:hover,
input[type="file"]::file-selector-button:hover {
    background: #0000000D 0% 0% no-repeat padding-box;
    color: #000;
}

.ShopContent input#favolist::-webkit-file-upload-button:active,
.ShopContent input#fastorder::-webkit-file-upload-button:active,
.ShopContent input#favolist::file-selector-button:active,
.ShopContent input#fastorder::file-selector-button:active,
input[type="file" i]::-webkit-file-upload-button:active,
input[type="file" i]::file-selector-button:active,
input[type="file"]::-webkit-file-upload-button:active,
input[type="file"]::file-selector-button:active {
    background: #00000026 0% 0% no-repeat padding-box;
    color: #000;
}

.ShopContent label#favolist-label,
.ShopContent label#fastorder-label {
    color: #fff;
    background: #e3010b 0% 0% no-repeat padding-box;
    width: max-content;
    border-radius: 24px;
    opacity: 1;
    letter-spacing: 0.7px;
    padding: 12px 24px;
    line-height: 17px;
    font-size: 14px;
    font-family: "Helvetica Neue LT W02_75 Bold";
    text-transform: uppercase;
    cursor: pointer;
}

.ShopContent label#favolist-label:hover,
.ShopContent label#fastorder-label:hover {
    box-shadow: 0px 3px 6px #00000029;
}

.ShopContent label#favolist-label:active,
.ShopContent label#fastorder-label:active {
    background: #7b0000 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
}

.ShopContent .favo-button-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    align-content: flex-start;
    margin-top: 40px;
}

.ShopContent .favo-button-container.article-table {
    justify-content: space-between;
}

form#Favoliste .favo-button-container .button {
    margin: 0px;
}

form#Favoliste .favo-button-container .button img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 24px;
    height: 24px;
    width: 24px;
}

.ShopContent .instructions {
    margin-bottom: 69px;
}


/* Fastorder */
.fastorder > form {
    margin-bottom: 40px;
}

.ShopContent.fastorder #ScartTable:first-child {
    border-right: 1px solid #ccc;
}

.ShopContent.fastorder #ScartTable th,
.ShopContent.fastorder #ScartTable td {
    padding: 24px;
}

.ShopContent.fastorder #ScartTable th input,
.ShopContent.fastorder #ScartTable td input {
    width: 100%;
    min-width: 104px;
}

.ShopContent.fastorder .favo-button-container {
    justify-content: flex-start;
}

.ShopContent.fastorder .favo-button-container #fastorder-label {
    margin: 0px 40px 0px 0px;
}

.ShopContent.fastorder .favo-button-container button.button {
    margin: 0px;
}


/* Gespeicherte Warenkörbe */
#ScartTable.saved-scart .TableSort a {
    display: inline-block;
    width: 20px;
}

.favo-list-options .button img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 24px;
    height: 24px;
    width: 24px;
}


/* Artikel vergleichen / Compare article */
#compareform h1 {
    margin-bottom: 40px;
}

#CompareTable .article-title a {
    font-family: "Helvetica Neue LT W02_75 Bold";
    font-weight: normal;
}

#CompareTable th {
    font-family: "Helvetica Neue LT W02_75 Bold";
    font-weight: normal;
}

#CompareTable td {
    font-family: 'Helvetica Neue LT W05 45 Light';
}

#CompareTable .Order p {
    margin: 0px;
}

#CompareTable .Order .button {
    background: none;
    padding: 0px;
    margin: 0px;
    width: auto;
    border: 0px;
    border-radius: 0px;
    text-align: left;
}

#CompareTable .Order .button:hover {
    box-shadow: none;
}

.compare div {
    font-family: 'Helvetica Neue LT W05 45 Light';
}

.compare div strong {
    font-family: "Helvetica Neue LT W02_75 Bold";
}

.compare .fa.fa-files-o {
    background: none;
    box-shadow: none;
    padding: 0px;
    margin: 0px;
}

.compare .fa.fa-files-o::before {
    content: '';
    width: 24px;
    display: block;
    height: 24px;
    background: url(/files/Permapack/Icons/artikel-vergleichen.svg);
    background-repeat: no-repeat;
    background-size: contain;
}


/* SLC / Mein Produkt-Katalog */
#ScartTable.SLC th,
#ScartTable.SLC .Article td {
    padding: 24px;
    border: 0px;
}

#ScartTable.SLC th .slc-th-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}

#ScartTable.SLC th .slc-th-container .TableSort {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    margin-right: 10px;
}

#ScartTable.SLC .Article td .button {
    margin: 0px;
}

.slclist #Pages {
    z-index: 1;
}

.slclist .fa-angle-left:before {
    content: url(/files/Permapack/Icons/icon_arrow_small.svg);
    top: 3px;
    position: relative;
    transform: rotate(180deg);
    display: inline-block;
}

.slclist .fa-angle-right:before {
    content: url(/files/Permapack/Icons/icon_arrow_small.svg);
    top: 3px;
    position: relative;
    display: inline-block;
}


/* Kundenbackend Daten ändern */
#editform label,
#editform input:not(.city):not(.plz),
#editform select,
#editform .styled-select,
#datachange_request label,
#datachange_request input:not(.PLZ):not(.Ort),
#datachange_request select,
#datachange_request .styled-select {
    width: 100% !important; /* Wir haben generell in unserem CSS !important für die Forms, was das responsive Design erschwert. */
}

#editform h2,
#datachange_request h2 {
    margin: 69px 0px 48px 0px;
}

#editform .vsalesallow-label {
    position: relative;
    padding-left: 30px;
    margin: 0px;
}

#editform input.plz,
#datachange_request input.PLZ {
    margin: 0px;
}

#editform input.city,
#datachange_request input.Ort {
    width: calc(75% - 20px) !important;
    margin-left: 20px;
}

#editform td,
#editform th {
    padding: 0px 0px 24px 0px;
}

#editform input[type="checkbox"] {
    top: 2px;
}

#editform input[type="checkbox"] ~ .checkmark {
    top: 2px;
}

#editform .optional .ShopForm {
    width: 100%;
}

#editform .optional.FloatLeft.FormTwoColumns.first {
    margin-right: 2%;
}

#editform button > a {
    letter-spacing: 0.7px;
    line-height: 17px;
    font-size: 14px;
    font-family: "Helvetica Neue LT W02_75 Bold";
    text-transform: uppercase;
    color: #fff;
}

#datachange_request .optional .ShopForm {
    width: 100%;
}

#datachange_request .optional.FloatLeft.FormTwoColumns.first {
    margin-right: 2%;
}


/* Kundenbackend Zusätzliche Adressen */
#ScartTable.addresslist {
    padding: 0px 0px 24px 0px;
}

#ScartTable.addresslist th,
#ScartTable.addresslist .Article td {
    padding: 24px;
}

.addresslist-button {
    margin-top: 0px;
}

.addresslist .submit-button:hover {
    background: #e3010b;
}

.info-shipping-list {
    float: left;
}


/* Login failed */
.customer .login-infos {
    margin-top: 40px;
}


/* Newsseite */
.main-content .mod_article.aktuelles {
    box-shadow: inset 0px 3px 6px #00000029;
}

.main-content .mod_article.aktuelles .mod_newsarchive {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1146px;
    margin: 0px auto;
}

.main-content .mod_article.aktuelles .mod_newsarchive .newsarchive-wrapper {
    margin: 69px -15px 0px -15px;
}

.main-content .mod_article.mod_article.aktuelles .mod_newsarchive article {
    flex-grow: 1;
    width: 33%;
    max-width: 302px;
    height: 425px;
    display: inline-block;
    box-shadow: 1px 3px 6px #00000016;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;
    cursor: pointer;
    vertical-align: top;
    margin: 15px;
}

.main-content .mod_article.mod_article.aktuelles .mod_newsarchive article:hover {
    box-shadow: 1px 3px 6px #00000066;
}

.main-content .mod_article.mod_article.aktuelles .mod_newsarchive .news-pagination {
    flex: 0 0 100%;
    max-width: 966px;
    text-align: center;
    margin-top: 69px;
    margin-bottom: 69px;
}



#ShopMenu section ul li {
    list-style-type: none;
}

/* Anpassung 17.12.2018 KM PP55++*/

/*
.mobileTable {
	display: none;
}
*/

.ERPFilter button.ui-datepicker-trigger i,
.ERPFilter button.calendaricon i {
    color: #fff;
    font-size: 25px;
}

.ERPFilter button.calendaricon i{
	font-size:20px;
}
.ERPFilter button.ui-datepicker-trigger,
.ERPFilter button.calendaricon{

    border: none;
    box-shadow: none;
    padding: 0;
    position: relative;
    font-size: 1em;
    line-height: 1em;
    margin: 0;
    background: #70706e;
    padding-left: 0.5em;
    padding-right: 0.5em;
    border-radius: 0;
    top: 4px;
    cursor: pointer;
    display: inline-grid;
}
.ERPFilter button.calendaricon{
    padding-top: 2px;
    padding-bottom: 3px;
    top: 2px;
    cursor: default;	

	}
	
	
#ERPTable > div > table img {
	height: 120px;
}

#ERPTable > div {
	position: relative;
}

#ERPTable div.artDescription {
    position: absolute;
    left: 122px;
    top: 0px;
}

#ERPTable div.artDescription a {
    font-size: 14px;
    font-weight: normal;
    text-decoration: none;
    color:#e30713;
}

#ERPTable div.artNo {
	position: absolute;
	left: 122px;
	top: 25px;
	font-size: 12px;
}

#ERPTable td.artNo,
#ERPTable td.artDescription {
    font-weight: normal;
}

#ERPTable #topQty {
    text-align: right;
    min-width: 100px;
}


#ERPTable > div > table td:first-child {
	max-width: 100px; 
}

#ERPTable > div > table td:first-child img {
	margin: 5px 5px 10px 0px;
}

#ERPTable > div > table td:nth-child(2) {
	vertical-align: bottom !important;
}

#ERPTable > div > table td:nth-child(3) {
	vertical-align: middle !important;
	width: 105px;
}

#ERPTable > div > table td:nth-child(3) div.OrderInputTopProduct {
    position: relative;
    top: 10px;
}

#ERPTable > div > table td:nth-child(2) > table {
	border-collapse: collapse;
	margin: 5px 5px 10px 0px;
}

#ERPTable > div > table td:nth-child(2) > table td {
	padding: 0px 2px;
	border: 1px solid black !important;
    line-height: 125%;
    max-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 80px;
    text-align: right !important;
    font-family:Arial,sans-serif;
    font-weight: normal;
    font-size:13px;
    color:#222;
    border: 0 none;
    margin: 0;
    padding: 0;
}

#ERPTable > div > table td:nth-child(2) > table.mobileTable {
	display: none;
}

#ERPTable > div > table td:nth-child(2) > table td:first-child {
	text-align: left !important;
	max-width: 100px;
}

#ERPTable td.artNo,
#ERPTable td.artDescription {
    font-weight: normal;
}

#ERPTable #topQty {
    text-align: right;
    min-width: 100px;
}



/* PP55--*/


/* Manfred Heller CSS Anpassungen */

i.fa.fa-phone {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-right: 4em;
    font-size: 24px;
}

.increase, .decrease {
    font: normal normal normal 10px/1 icomoon; 
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

i.fa.fa-heart {
     font-size: 15px;
    
}
.elastic_explain {
    padding: 15px 15px 45px 15px;
    border: 1px solid #e9ecef;
    border-radius: 5px;
    background-color: #fdfdfd;
    margin-bottom: 45px;
    border-left-width: 65px;
    border-left-color: #0075BC;
    position: relative;
}

.elastic_explain i {
    font-family: FontAwesome;
    position: absolute;
    left: -50px;
    margin-top: -10px;
    font-size: 40px;
    color: #fff;
}

.elastic_explain p {
    margin: 30px 0 0 0;
}

.elastic_explain code {
    background-color: #b9b7b7;
    margin-right: 1ex;
}

.elastic_explain ul li {
    list-style: square;
}

th.sorting.sorting_desc, table.dataTable thead .sorting {
    background-image: unset !important;    
}

.elastic_explain {
    padding: 15px 15px 45px 15px;
    border: 1px solid #e9ecef;
    border-radius: 5px;
    background-color: #fdfdfd;
    margin-bottom: 45px;
    border-left-width: 65px;
    border-left-color: #0075BC;
    position: relative;
}

.elastic_explain i {
    font-family: FontAwesome;
    position: absolute;
    left: -50px;
    margin-top: -10px;
    font-size: 40px;
    color: #fff;
}

.elastic_explain p {
    margin: 30px 0 0 0;
}

.elastic_explain code {
    background-color: #b9b7b7;
    margin-right: 1ex;
}

.elastic_explain ul li {
    list-style: square;
}

th.sorting.sorting_desc, table.dataTable thead .sorting {
    background-image: unset !important;    
}

/* KuPo2*/

/* Navigation Login */

table.ShopForm.new-pw tr td:not(.pwinfo) {
    font-weight: bold !important;
}

#Logindiv .login-container {
    bottom: 62px;
}


/* Passwort vergessen */
.login-fail-message{
	visibility: hidden;
	margin-top:20px;
    padding-left: 2px;
	display: block;
    color: #e3010b;
}

.lostpw-fail-message {
	visibility: hidden;
	margin-top:20px;
	display: block;
    color: #e3010b;
}

span.lostpw-fail-message a.no-button {
    color: #e3010b;
}

.lostpw-fail-message span.mail-link {
    text-decoration: underline;
}
.lostpw-fail-message span.mail-link:active {
    color: #7b0000;
}

span.login-fail-message.login-fail,
span.lostpw-fail-message.lostpw-fail {
    visibility: visible;
}


@media screen and (max-width: 1193px) {
    .login-fail-message{
        padding-left: 0px;
    }

}

.ShopContent.pwlost.lostpw .InfoText {
    max-width: 675px;
}


/* neu 7 Anzeige UVP Preisspalte BU70 */

.det #DetailTable td.hidden {
    display: none !important;
}

@media screen and (max-width: 1193px) {
    .det #DetailTable td.mobileHidden {
        display: none;
    }
}

/* Login / Passwort vergessen */
#editform_forcepw button.contained-button[type="submit"] {
    margin-top: 32px;
}

#editform_forcepw table td:not(.repeat-pw) {
    padding-bottom: 32px;
    padding-top: 0px;
}


/* Registrierung*/
.register-shorttext {
    max-width: 100%;
    float: none;
}
.background-gray {
    background: #f6f6f6;
    padding-top: 10px;
}

.InfoText.company-customers {
    padding-bottom: 10px;
}

.widescreen .SiteContainer.register {
    max-width: 1166px;
}

.register .ShopContent.pwlost.main-content.full {
    padding-left: 10px;
    padding-right: 10px;
}

.background-gray {
    background: #f6f6f6;
    padding-top: 10px;
    position: relative;
    left: -10px;
    padding-left: 10px;
    padding-right: 10px;
}

.register span.requiredField {
    color: #e3010b;
}

.register span.requiredField {
    color: #e3010b;
}

/* Abweichende Adressen */
.ShopFormNB h2.delivery-address.main-delivery {
    margin-bottom: 24px;
    margin-top: 42px;
}

.ShopFormNB h2.delivery-address.alternative-address {
    margin-top: 66px;
}

p.address-hint.hint-delivery-address {
    margin-top: 0px;
}

.ShopFormNB .submit-container {
    margin-top: 42px;
}

p.address-hint {
    font-size: 14px;
    margin-top: 15px;
}

.select.deactive {
    pointer-events: none;
}

.select.deactive select.deactive + .styled-select {
    background: #f1f1f1;
}

#datachange_request button.contained-button.red.FloatRight {
    clear: left;
}

form#datachange_request table td {
    padding-left: 0px;
}

form#datachange_request table td {
    padding-bottom: 24px;
}

.content-wrapper.data-change {
    padding-bottom: 65px;
}

.info-shipping-list {
    float: left;
}

.addresslist-button {
    margin-top: 0;
}


/* Fix suggest*/
ul.suggestLayerBlockImage > .cms-container:first-child {
    top: 0 !important;
}

/* Abweichende Adressen 
.ShopFormNB h2.delivery-address.main-delivery {
    margin-bottom: 24px;
}
*/

/* Form-Validierung */
.form-error {
    color: #e3010b;
    display: block;
    height: 25px;
}
#datachange_request .ShopForm input.Ort,
#register-form .ShopForm input.Ort {
    width: 70% !important;
}

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

    #datachange_request .ShopForm input.Ort,
    #register-form .ShopForm input.Ort {
        width: 69% !important;
    }
}

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

    #datachange_request .ShopForm input.Ort {
        width: 68% !important;
    }
}
@media screen and (max-width: 400px) {

    #datachange_request .ShopForm input.Ort {
        width: 66% !important;
    }
}

form#datachange_request table td {
    padding-bottom: 24px;
}



#register-form button.contained-button.red.MarginBottom {
    margin-top: 24px;
}

#register-form .agbcheck p {
    margin-bottom: 0px;
}

#register-form .ShopForm td {
    padding-bottom: 10px;
}

.form-error {
    color: #e3010b;
    display: block;
    height: 25px;
    visibility: hidden;
}

.form-error.show-error {
    visibility: visible;
}

p.securepwhint, p.your_business_text {
    margin-top: 10px;
}

@media screen and (max-width: 428px) {
 
    #register-form span.form-error {
        font-size: 0.9em;
    }

}

@media screen and (max-width: 391px) {
 
    #register-form span.form-error {
        font-size: 0.8em;
    }

}

/* Form-Validierung Fastorder File Error */

.file-upload-error {
    margin-top: 15px;
    color: #e3010b;
    visibility: hidden;
}
.file-upload-error.show-upload-error {
    visibility: visible;
}
/* Suggest */
input.button.show-more-search {
    position: absolute;
    bottom: 35px;
    left: 0px;
    z-index: 10000000;
    display: none;
    padding: 12px 24px 12px 24px;
    width: auto;
}

button.show-more-search-mobile,
button.show-more-search-mobile:hover,
button.show-more-search-mobile:active {
    border: 0px;
    background: none;
    padding: 0px 5px 5px 0px;
    margin: 0;
    color: #e3010b;
    text-transform: uppercase;
    font-size: 14px;
    width: auto;
    font-family: "Helvetica Neue LT W02_75 Bold";
    position: absolute;
    top:0px;
    z-index: 5000000;
    box-shadow: none;
}

@media screen and (min-width: 767px) {
    button.button.show-more-search-mobile {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    
    .suggestLayer .suggestLayerBlock {
        top: 30px;
    }

    input.button.show-more-search {
		display: none !important;
	}

    div#UpperASN .show-more-search-mobile {
        top: 15px !important;
    }

}
/* Anzeige Zubehör im Warenkorb */

.clearfix {
    clear: both;
}
.cross-item-container-scart {
    clear: both;
    margin-top: 100px;
}
.cross-item-container-scart .flexcontainer {
    display: flex;
}

.cross-item-container-scart .flexcontainer li.cross-item {
    height: 100%;
    border: 0px;
    min-width: 0px;
    list-style: none;
    display: inline-block;
    width: calc(100% / 4 - 30px);
    text-align: center;
    margin: 0px 15px;
    margin-bottom: 24px;
}

.cross-item-container-scart .flexcontainer li.cross-item:hover {
    box-shadow: 1px 2px 6px #00000029;
}

.cross-item-container-scart .addProductsFrame {
    position: relative;
    border: 0px;
    min-height: 392px;
}

.cross-item-container-scart .addProductsFrame img {
    position: static;
    margin: 0px auto;
    transform: none;
    max-height: 139px;
    width: auto;
    object-fit: contain;
}

.cross-item-container-scart .title-container {
    display: flex;
    justify-content: space-between;
    margin: 16px 16px 0px 16px;
}

.cross-item-container-scart .product-image {
    margin: 0px auto 32px auto;
    display: block;
}

.cross-item-container-scart .productNameContainer {
    text-align: center;
    height: auto;
    width: auto;
    margin: 0px 16px 16px 16px;
}

.cross-item-container-scart .productNameContainer span {
    text-align: center;
    font-family: 'Helvetica Neue LT W05_77 Bd Cn';
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0.27px;
    margin-bottom: 8px;
    display: block;
}

.cross-item-container-scart .product-subtitle {
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.42px;
    height: 67px;
    max-width: 147px;
    text-align: left;
    color: #a5a5a5;
}

.cross-item-container-scart .btn-container {
    bottom: 0px;
    position: absolute;
    margin: 0px;
    width: 100%;
    padding: 0;
    text-align: center;
    display: block;
}

.cross-item-container-scart .btn-container .button {
    width: 100%;
    height: auto;
    background: #e3010b;
    color: #fff;
    border-radius: 0px;
    margin: 0px;
    padding: 16px 0px;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.7px;
    display: none;
    font-family: "Helvetica Neue LT W02_75 Bold";
}

.cross-item-container-scart .cross-item:hover .btn-container .button {
    display: block;
}


@media screen and (max-width: 1193px) {
    .cross-item-container-scart .flexcontainer li.cross-item {
        width: calc(100% / 3 - 24px);
        margin: 0px 12px;
        margin-bottom: 24px;
    }

    .cross-item-container-scart .flexcontainer li.cross-item .product-subtitle {
        font-size: 12px;
        line-height: 16px;
        height: 68px;
    }
}

@media only screen and (max-width: 1024px){
    .cross-item-container-scart .addProductsFrame {
        height: 410px !important;
    }
}



@media screen and (max-width: 767px) {
    .cross-item-container-scart .flexcontainer li.cross-item {
        width: calc(100% / 2 - 16px);
        margin: 0px 8px;
        margin-bottom: 16px;
    }

    .cross-item-container-scart .addProductsFrame {
        max-height: 218px !important;
        min-height: unset;
        height: unset;
    }

    .cross-item-container-scart .flexcontainer li.cross-item .product-subtitle {
        display: none;
    }

    .cross-item-container-scart .flexcontainer li.cross-item .addProductsFrame img {
        max-height: 79px;
    }

    .cross-item-container-scart .flexcontainer li.cross-item .addProductsFrame .product-image {
        margin-bottom: 8px;
    }

    .cross-item-container-scart .flexcontainer li.cross-item .addProductsFrame .productNameContainer {
        margin-bottom: 8px;
    }

    .cross-item-container-scart .flexcontainer li.cross-item .addProductsFrame .productNameContainer span {
        margin-bottom: 6px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        max-height: 77px;
        display: -webkit-box;
        hyphens: auto;
        -webkit-hyphens: auto;
    }

    .cross-item-container-scart .flexcontainer li.cross-item .addProductsFrame .productNameContainer span p {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0px;
    }

}
/* 4.21 Anzeige Lieferstatus */

.wk-stock-available::before,
.wk-stock-unavailable::before {
    content: "";
    background: none;
    background-repeat: no-repeat;
    margin: 0px;
    width: 0px;
    height: 0px;
    padding-left: 2px;
}

.wk-stock-unavailable {
    color: #e39436;
}

.wk-stock-available.with-deliverydate {
    color: #e39436;
    display: block;
    line-height: 18px;
}

.det.priceplugin .pricedelivery.deliverydate {
    bottom: calc(46px + 46px);
}

/*Video auf Registrierungsseite */
.artVideoContainer-item-video.register {
    padding-bottom: 0;
    width: 66%;
    margin-bottom: 90px;
}

.register .ShopContent  h2.InfoHead + .InfoText.company-customers.advantages {
    margin-bottom: 15px;
    
}
@media screen and (max-width: 1250px) {
    iframe.register {
        height: 400px;
    }

}

@media screen and (max-width: 1070px) {
    iframe.register {
        height: 465px;
    }

    .artVideoContainer-item-video.register {
        width: 85%;
    }

}


@media screen and (max-width: 1030px) {
    iframe.register {
        height: 445px;
    }
}


@media screen and (max-width: 920px) {
    iframe.register {
        height: 385px;
    }
}

@media screen and (max-width: 790px) {
    iframe.register {
        height: 330px;
    }
}


@media screen and (max-width: 680px) {
    iframe.register {
        height: 300px;
    }
}

@media screen and (max-width: 650px) {
    .artVideoContainer-item-video.register {
        width: 100%;
    }
}

@media screen and (max-width: 560px) {
    iframe.register {
        height: 275px;
    }
}

@media screen and (max-width: 500px) {
    iframe.register {
        height: 240px;
    }
}


@media screen and (max-width: 430px) {
    iframe.register {
        height: 200px;
    }
}

/* 4.19 Darstellung Telefonhörer Artikel */
.det #DetailTable .mobileAdditional.request-item {
    display: none;
}

.det #DetailTable .mobileAdditional span.preis-eins {
    position: relative;
    top: 3px;
}

#DetailTable td.mobileAdditional.Right.phone-item {
    padding: 2px 10px;
}

#DetailTable a.contactbutton-phone.request-item {
    z-index: 9998;
}

#DetailTable .contactbutton-phone {
    width: 46px;
    height: 33px;
    vertical-align: middle;
}

p.phone-text {
    margin-bottom: 2px;
    margin-top: 10px;
    line-height: 18px;
}

@media only screen and (max-width: 767px) {
    #Navigationbar {
        z-index: 10000 !important;
    }
}

#Navigationbar {
    z-index: 10000 !important;
}



/* 4.13 Login auf eigener Seite*/
section#CustAccount.login-page {
    max-width: 1166px;
    margin: auto;
}

section#CustAccount.login-page h1.login {
    padding-top: 50px;
}


/* 4.13 Breadcrumb auf Kundenseiten*/

.fastorder #Breadcrum,
.customer #Breadcrum,
.Belege #Breadcrum {
    display: block !important;
    position: absolute;
    top: 81px;
}

.content-h1.InfoHead.MyAccount,
.shop .InfoHead.MyAccount.content-h1 {
    margin-top: 204px;
}

.shop #Breadcrum a {
    color: #e3010b;
    font-size: 16px;
}

.shop #Breadcrum li::before {
    content: ">";
    position: relative;
    top: 0px;
    left: 0px;
    margin-top: 0px;
    margin-right: 12px;
    font-size: inherit;
    color: #e3010b;
}

.shop #Breadcrum li a {
    background: none;
    padding-left: 0px;
}

.shop #Breadcrum.customer a {
    margin-right: 12px;
}


/* 4.13 Auflistung Kundenbackend-Links */

.InfoText.MyAccount {
    margin-bottom: 180px;
}

.content-wrapper-myaccount {
    display: flex;
}

.customer.shop .content-list li.content-item {
    list-style: none;
    width: auto;
    border-bottom: 1px solid #000;
    padding: 0px;
    width: auto;
    position: relative;
}

.customer.shop .content-list li.content-item a {
    padding: 14px 40px;
    display: block;
    width: 267px;
    font-family: 'Helvetica Neue LT W05 45 Light';
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0px;
}

.customer.shop .second .content-list li.content-item a {
    padding-left: 0px;
}


.customer.shop ul.content-list {
    padding: 0;
}


.customer.shop .content-list li.content-item::before {
    transform: none;
    top: 14px;
    height: 30px;
    width: 30px;
    left: 0px;
    position: absolute;
}


.customer.shop .content-list li.content-item:hover a {
    text-decoration: none;
    color: #e3010b;
}


.customer.shop .content-list li.content-item::after {
    content: url(/files/Permapack/Icons/icon_arrow_small.svg);
    width: auto;
    right: 0px;
    position: absolute;
    top: 17px;
}

.customer.shop .content-list li.content-item.order-history::before {
    content: url(/files/Permapack/Icons/list-icon-black.svg);
}

.customer.shop .content-list li.content-item.order-history:hover::before {
    content: url(/files/Permapack/Icons/list-icon-red.svg);
}


.customer.shop .content-list li.content-item.favorite-list::before {
    content: url(/files/Permapack/Icons/herz-icon-black.svg);
}

.customer.shop .content-list li.content-item.favorite-list:hover::before {
    content: url(/files/Permapack/Icons/herz-icon-red.svg);
}

.customer.shop .content-list li.content-item.fast-order::before {
    content: url(/files/Permapack/Icons/fast-order-icon-black.svg);
}

.customer.shop .content-list li.content-item.fast-order:hover::before {
    content: url(/files/Permapack/Icons/fast-order-icon-red.svg);
}


.customer.shop .content-list li.content-item.saved-scart::before {
    content: url(/files/Permapack/Icons/saved-scart-icon-black.svg);
}

.customer.shop .content-list li.content-item.saved-scart:hover::before {
    content: url(/files/Permapack/Icons/saved-scart-icon-red.svg);
}

.customer.shop .content-list li.content-item.most-ordered-item::before {
    content: url('/files/Permapack/Icons/meist-bestellt-icon-black.svg');
}

.customer.shop .content-list li.content-item.most-ordered-item:hover::before {
    content: url('/files/Permapack/Icons/meist-bestellt-icon-red.svg');
}

.customer.shop .content-list li.content-item.to-the-shop::before {
    content: url('/files/Permapack/Icons/warenkorb-icon-black.svg');
}
    
.customer.shop .content-list li.content-item.to-the-shop:hover::before {
    content: url('/files/Permapack/Icons/warenkorb-icon-red.svg');    
}

.InfoText.MyAccount {
    margin-bottom: 95px;
}


/* 4.13 Anzeige VI-Mitarbeiter */
.content-wrapper-contact {
    display: none;
    margin-top: 85px;
}


/* 4.29 Optimierung Druckansicht */
#PrintView #PrintHead img {
    height: 40px;
}

#PrintView  #ZoomContainer {
    display: flex;
    justify-content: center;
}

#PrintView #DetailImage {
    margin-top: 60px;
}

#PrintView #DetailInfo ul li, .Info ul li {
    list-style-type: disc;
    list-style-position: inside;
}

#PrintView p.undertitle {
    font-size: 26px;
}

#PrintView div#PrintFoot .button {
    padding: 12px 24px 12px 24px;
}

div#PrintFoot {
    margin-top: 30px;
}

#PrintView .footer-contact p{
  margin-bottom: 0;
}

#PrintView #DetailAttributes {
    margin-top: 24px;
}

#PrintView #DetailTableLoading {
    clear: both;
}

#PrintView table#DetailTablePrint {
    font-size: 1em;
}

#PrintView #DetailTableLoading {
    display: block;
}

#PrintView table#DetailTablePrint thead tr th {
    font-weight: bolder !important;
}

#PrintView table#DetailTablePrint thead tr.Article {
    border-bottom: 1px solid green !important;
}

#PrintView table#DetailTablePrint.ShopTable thead>tr {
    background-color: #dad4d4;
}

#PrintView #PrintHead img {
    float: right;
}

#PrintFoot span {
    border-left: 1px solid #000 !important;
}

#PrintView table#DetailTablePrint.ShopTable tr.Article td {
    border-bottom: 1px solid #dad4d4;
}

#PrintView table#DetailTablePrint.ShopTable thead > tr > th {
   padding-left: 5px !important;
}


@media print {
    #PrintView table#DetailTablePrint.ShopTable thead>tr {
        background-color: #dad4d4 !important;
        -webkit-print-color-adjust: exact;
    }

}

#PrintView table#DetailTablePrint thead tr th {
    font-weight: bolder !important;
    max-width: 156px !important;
}

#PrintView table#DetailTablePrint thead tr th {
    font-weight: bolder !important;
    max-width: 100px !important;
    overflow: hidden;
    word-break: break-all;
}

#PrintView table#DetailTablePrint {
    min-width: 1000px;
    overflow: hidden;
}

#PrintView #DetailInfo h1,
#PrintView p.undertitle {
    line-height: 1.3;
}

#PrintView #PrintHead img {
    margin-bottom: 45px;
}

#DetailPrint.ghost-button.black {
    background: #00000026 0% 0% no-repeat padding-box;
    color: #000;
    border: 1px solid #000;
}

#DetailPrint.ghost-button.black {
    border: 1px solid #000;
    background: transparent 0% 0% no-repeat padding-box;
    color: #000;
}


#DetailPrint.ghost-button.black:hover {
    border: 1px solid #000;
    background: #0000000D 0% 0% no-repeat padding-box;
    color: #000;
}

#PrintView #DetailInfo {
    float: left;
}


#PrintView #DetailInfo img {
    float: left;
    margin-right: 7px;
}

/* Login Page */
#CustAccount #NaviLogin input.Input {
    width: 387px !IMPORTANT;
    margin-bottom: 24px;
    min-height: 50px;
}

#CustAccount form div.login-container {
    float: left;
    margin-top: 5px;
    clear: both;
}

#CustAccount form div.login-container input.Input {
    float: none;
}

#CustAccount form div.login-container .e-mail-container {
    min-height: 50px;
    text-align: left;
}

#CustAccount form div.login-container .password-container {
    position: relative;
    text-align: left;
}

#CustAccount  #NaviLogin .login-container .password-container input {
    margin-bottom: 20px;
}


#CustAccount form div.login-container .password-container .login-fail-message {
    visibility: hidden;
    margin-top: 0px;
    padding-left: 3px;
    display: block;
    color: #e3010b;
    position: relative;
    text-align: left;
    max-width: 387px;
}

#CustAccount form div.login-container .password-container .login-fail-message.login-fail {
    visibility: visible;
}

#CustAccount #NaviLogin div#Searchbuttons {
    text-align: left;
    top: 0;
}

#CustAccount #NaviLogin div#ansprechpartner {
    bottom: 48px;
    right: 0px;
    position: absolute;
    text-align: center;
    z-index: 1;
}

#CustAccount #NaviLogin div#ansprechpartner a.Searchbutton {
    line-height: initial;
}

#CustAccount #NaviLogin #ansprechpartner .content-h3 {
    margin-bottom: 48px;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0.36px;
    text-align: center;
}

#CustAccount #NaviLogin .headlogin {
    padding-top: 50px;
    margin-bottom: 50px;
}

#CustAccount #NaviLogin .btn-container {
    max-width: 220px;
    text-align: center;
    margin-top: 89px;
    float: right;
}

#CustAccount #NaviLogin .btn-container button.button {
    text-align: center;
    padding: 12px 57px 12px 57px;
    width: 100%;
}

#CustAccount #NaviLogin {
    position: relative;
}

#CustAccount #NaviLogin .lostpw {
    margin-top: 24px;
}

#CustAccount #ansprechpartner .Searchbutton {
    text-transform: uppercase;
}

.bestellen table.alt-addresses ul.options li {
    list-style: none;
}

/* Banner Promo */

.banner_promo {
    background-color: #07C1A1;
    color: #fff;
}

article .artCMS #RubView .offerItem .innerBox .product-banner .banner_promo,
article .artCMS #ListView .product-banner .banner_promo  {
    position: relative;
    left: unset;
    padding: 0px;
    border-radius: 0px;
    margin: 0px;
    background: #E3010B 0% 0% no-repeat padding-box;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 0.5px;
    transform: rotate(315deg);
    height: 59px;
    width: 59px;
}

article .artCMS #RubView .offerItem .innerBox .product-banner .banner_promo span,
article .artCMS #ListView .product-banner .banner_promo span {
    display: inline-block;
    top: 65%;
    left: 40%;
    transform: translate(-65%, -40%) rotate(45deg);
    position: absolute;
    font-family: "Helvetica Neue LT W02_75 Bold";
}

.banner.banner_promo span {
    font-size: 20px;
}

li.suggestRow .suggestImage .angebotsflag.promo {
    font-size: 11px;
}

.banner.banner_new span {
    font-size: 14px;
}

/* fixes w4all:22174 | Einzug und Grösse der Infokacheln FR abweichend von DE*/
.main-content .mod_article.infokachel.abstand-mittel .slider-wrapper-blur-right.no-slider {
    max-width: 1146px;
    width: auto;
    margin: 0px auto;
}

.main-content .mod_article .slider-wrapper-blur-right.no-slider .ce_infokachel:first-child,
.main-content .mod_article .slider-wrapper-blur-right.no-slider .article-in-cms:first-child,
.main-content .mod_article.infokachel.abstand-mittel .slider-wrapper-blur-right.no-slider .mod_article:first-child {
    margin-left: 0px;
}

.main-content .mod_article.infokachel.abstand-mittel .slider-wrapper-blur-right .ce_infokachel,
.slider-wrapper-blur-right article.article-in-cms {
    height: 425px;
}

.ce_infokachel .infobox-image .image_container img,
.main-content .mod_article.infokachel.abstand-mittel .ce_infokachel .infobox-image picture img,
.news-box-image .image_container img, .news-box-image picture img {
    width: 100%;
    height: 169px;
    object-fit: cover;
}

.main-content .mod_article.infokachel.abstand-mittel .ce_infokachel .infobox-headline,
.news-box-headline {
    color: #e3010b;
    font-family: "Helvetica Neue LT W02_75 Bold";
    text-transform: uppercase;
    font-size: 14px;
    margin: 0px 24px 10px 24px;
    line-height: 17px;
    letter-spacing: 0.7px;
    vertical-align: top;
    hyphens: auto;
    -webkit-hyphens: auto;
}

.main-content .mod_article.infokachel.abstand-mittel .ce_infokachel .infobox-text {
    font-size: 24px;
    margin: 0px 24px 24px 24px;
    line-height: 30px;
    letter-spacing: 0.36px;
    font-family: 'Helvetica Neue LT W05_77 Bd Cn';
    height: 118px;
    hyphens: auto;
    -webkit-hyphens: auto;
}

.mod_article .slider-wrapper-blur-right.no-slider .ce_infokachel,
.mod_article .slider-wrapper-blur-right.no-slider .article-in-cms,
.main-content .mod_article.infokachel.abstand-mittel .slider-wrapper-blur-right.no-slider .mod_article {
    display: inline-block;
    width: calc(33% - 25px);
    vertical-align: top;
    margin: 15px;
}

.slider-wrapper-blur-right .ce_infokachel {
    display: block;
}


/* SEO Optimierungen*/

#ansprechpartner p.content-h4,
#Navi #contact-loggedin .contactbutton-container .contactbutton-contact p.content-h4  {
    font-size: 20px;
    font-family: "Helvetica Neue LT W05_77 Bd Cn";
    line-height: 26px;
    margin-bottom: 14px;
    letter-spacing: 0.3px;
}

#Navi #contact-loggedin .contactbutton-container .contactbutton-contact p {
    text-align: left;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
}

.ce_custom-contactbutton .contactbutton-container > .contactbutton-contact > p.content-h4 {
    margin-top: 0px;
    margin-bottom: 14px;
    letter-spacing: 0.3px;
    line-height: 26px;
    font-size: 20px;
    font-family: 'Helvetica Neue LT W05_77 Bd Cn';
}


.FFSContent {
    margin: 56px 0px 0px 40px;
}

div#SearchResult h1 {
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 0px;
    letter-spacing: 0.36px;
}

@media only screen and (max-width: 767px){
    div#SearchResult h1 {
        font-size: 26px;
        line-height: 31px;
    }
}

.themestartpage h1.startpage-h1 {
    font-family: "Helvetica Neue LT W05_77 Bd Cn";
    font-size: 80px;
    letter-spacing: 0.8px;
    line-height: 82px;
    color: #fff;
    margin-bottom: 16px;
    display: block;
}

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

    .themestartpage h1.startpage-h1 {
        font-size: 48px;
        letter-spacing: 0.46px;
        line-height: 52px;
    }
}



/* Styling Anpassung: Inline Button  */

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

    .main-content .mod_article.blog .ce_custom-contactbutton .contactbutton-phone,
    .main-content .mod_article.blog .ce_custom-contactbutton .contactbutton-email,
    .main-content .mod_newsreader.block .ce_custom-contactbutton .contactbutton-phone,
    .main-content .mod_newsreader.block .ce_custom-contactbutton .contactbutton-email,
    .main-content .ce_custom-contactbutton .contactbutton-phone,
    .main-content .ce_custom-contactbutton .contactbutton-email,
    .ShopContent .ce_custom-contactbutton .contactbutton-phone,
    .ShopContent .ce_custom-contactbutton .contactbutton-email {
        font-size: 0;
        width: 62px;
        height: 46px;
        display: inline-block;
        border: none;
        border-radius: 24px;
        position: relative;
        margin-right: 8px;
        background: #e3010b;
    }

    .main-content .mod_article.blog .ce_custom-contactbutton .contactbutton-phone::before,
    .main-content .mod_article.blog .ce_custom-contactbutton .contactbutton-email::before,
    .main-content .mod_newsreader.block .ce_custom-contactbutton .contactbutton-phone::before,
    .main-content .mod_newsreader.block .ce_custom-contactbutton .contactbutton-email::before,
    .main-content .ce_custom-contactbutton .contactbutton-phone::before,
    .main-content .ce_custom-contactbutton .contactbutton-email::before,
    .ShopContent .ce_custom-contactbutton .contactbutton-phone::before,
    .ShopContent .ce_custom-contactbutton .contactbutton-email::before {
        content: "";
        background: url(/files/Permapack/Icons/phone-icon-white.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        height: 24px;
        width: 24px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .main-content .mod_article.blog .ce_custom-contactbutton .contactbutton-email::before,
    .main-content .mod_newsreader.block .ce_custom-contactbutton .contactbutton-email::before,
    .main-content .ce_custom-contactbutton .contactbutton-email::before,
    .ShopContent .ce_custom-contactbutton .contactbutton-email::before {
        background: url(/files/Permapack/Icons/email-icon-white.svg);

    }

    
    .main-content .mod_article.blog .ce_custom-contactbutton .contactbutton-phone:hover,
    .main-content .mod_article.blog .ce_custom-contactbutton .contactbutton-email:hover,
    .main-content .mod_newsreader.block .ce_custom-contactbutton .contactbutton-phone:hover,
    .main-content .mod_newsreader.block .ce_custom-contactbutton .contactbutton-email:hover,
    .main-content .ce_custom-contactbutton .contactbutton-phone:hover,
    .main-content .ce_custom-contactbutton .contactbutton-email:hover,
    .ShopContent .ce_custom-contactbutton .contactbutton-phone:hover,
    .ShopContent .ce_custom-contactbutton .contactbutton-email:hover {
        box-shadow: 0px 3px 6px #00000029;
        background: #e3010b 0% 0% no-repeat padding-box;
        border: none;
    }
    
    .main-content .mod_article.blog .ce_custom-contactbutton .contactbutton-phone:active,
    .main-content .mod_article.blog .ce_custom-contactbutton .contactbutton-email:active,
    .main-content .mod_newsreader.block .ce_custom-contactbutton .contactbutton-phone:active,
    .main-content .mod_newsreader.block .ce_custom-contactbutton .contactbutton-email:active,
    .main-content .ce_custom-contactbutton .contactbutton-phone:active,
    .main-content .ce_custom-contactbutton .contactbutton-email:active,
    .ShopContent .ce_custom-contactbutton .contactbutton-phone:active,
    .ShopContent .ce_custom-contactbutton .contactbutton-email:active  {
        background: #7b0000 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
    }

    .main-content .mod_article.block .ce_custom-contactbutton .contact-info,
    .main-content .mod_newsreader.block .ce_custom-contactbutton .contact-info,
    .main-content .ce_custom-contactbutton .contact-info,
    .ShopContent .ce_custom-contactbutton .contact-info {
        position: relative;
        margin-top: 16px;
        height: 46px;
        flex-direction: row;
    }

}





/* Banner auf Produktsuche */

.FFSContent .ce_custom-contactbutton.custom-contactbutton-banner .contact-info {
    flex-direction: row;
    justify-content: flex-start;
}

.FFSContent .ce_custom-contactbutton.custom-contactbutton-banner .contact-info a.contactbutton-phone {
    margin-right: 10px;
}

.FFSContent .ce_custom-contactbutton.custom-contactbutton-banner .contactbutton-phone:hover,
.FFSContent .ce_custom-contactbutton.custom-contactbutton-banner .contactbutton-email:hover,
.FFSContent .ce_custom-contactbutton.custom-contactbutton-banner .contactbutton-phone:active,
.FFSContent .ce_custom-contactbutton.custom-contactbutton-banner .contactbutton-email:active {
    border: 1px solid #fff;
}

/* Banner Container Shopseite - Suche Ende hover effekt korrigieren */

.main-content .mod_article.blog .contactbutton-image-balloon-banner-container .contactbutton-phone:hover,
.main-content .mod_article.blog .contactbutton-image-balloon-banner-container .contactbutton-email:hover {
    background: #ffffff33 0% 0% no-repeat padding-box;
}



/* Styling Anpassung: Kontaktspickel */

@media screen and (min-width: 310px) and (max-width: 766px) {

  
    .main-content .mod_article.block .ce_gusset-custom-contactbutton .contactbutton-phone,
    .main-content .mod_article.block .ce_gusset-custom-contactbutton .contactbutton-email {
        font-size: 0;
        width: 62px;
        height: 46px;
        display: inline-block;
        border: none;
        border-radius: 24px;
        position: relative;
        margin-right: 8px;
        background: #e3010b;
    }

    .main-content .mod_article.block .ce_gusset-custom-contactbutton .contactbutton-phone:active,
    .main-content .mod_article.block .ce_gusset-custom-contactbutton .contactbutton-email:active {
        background: #7b0000 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
    }



   


    .main-content .mod_article.block .ce_gusset-custom-contactbutton .contactbutton-phone::before {
        background: url(/files/Permapack/Icons/phone-icon-white.svg);
    }

    .main-content .mod_article.block .ce_gusset-custom-contactbutton .contactbutton-email::before {
        background: url(/files/Permapack/Icons/email-icon-white.svg);
    }

}

/* Kundenmenu */

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


    #Navi #contact-loggedin .contactbutton-container .contactbutton-contact .contact-info {
        position: relative;
        margin-top: 16px;
        height: 46px;
        flex-direction: row;
    }


    #Navi #contact-loggedin .contactbutton-container .contactbutton-contact .contact-info a.contactbutton-phone,
    #Navi #contact-loggedin .contactbutton-container .contactbutton-contact .contact-info a.contactbutton-email,
    #Searchdiv #ansprechpartner .contactbutton-container .contactbutton-contact .contact-info a.contactbutton-phone,
    #Searchdiv #ansprechpartner .contactbutton-container .contactbutton-contact .contact-info a.contactbutton-email {
        font-size: 0;
        width: 62px;
        height: 46px;
        display: inline-block;
        border: 1px solid #000;
        border-radius: 24px;
        position: relative;
        margin-right: 8px;
        background: #e3010b;
        color: #fff;
        border: none;
    }

    #Navi #contact-loggedin .contactbutton-container .contactbutton-contact .contact-info a.contactbutton-phone:hover,
    #Navi #contact-loggedin .contactbutton-container .contactbutton-contact .contact-info a.contactbutton-email:hover,
    #Searchdiv #ansprechpartner .contactbutton-container .contactbutton-contact .contact-info a.contactbutton-phone:hover,
    #Searchdiv #ansprechpartner .contactbutton-container .contactbutton-contact .contact-info a.contactbutton-email:hover {
        box-shadow: 0px 3px 6px #00000029;
        background: #e3010b 0% 0% no-repeat padding-box;
    }

    #Navi #contact-loggedin .contactbutton-container .contactbutton-contact .contact-info a.contactbutton-phone:active,
    #Navi #contact-loggedin .contactbutton-container .contactbutton-contact .contact-info a.contactbutton-email:active,
    #Searchdiv #ansprechpartner .contactbutton-container .contactbutton-contact .contact-info a.contactbutton-phone:active,
    #Searchdiv #ansprechpartner .contactbutton-container .contactbutton-contact .contact-info a.contactbutton-email:active {
        background: #7b0000 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
    }
   

    #Navi #contact-loggedin .contactbutton-container .contactbutton-contact .contact-info a.contactbutton-phone::after,
    #Navi #contact-loggedin .contactbutton-container .contactbutton-contact .contact-info a.contactbutton-email::after {
        content: "";
        background: url(/files/Permapack/Icons/email-icon-white.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        height: 24px;
        width: 24px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }


    #Navi #contact-loggedin .contactbutton-container .contactbutton-contact .contact-info a.contactbutton-phone::after,
    #Searchdiv #ansprechpartner .contactbutton-container .contactbutton-contact .contact-info a.contactbutton-phone::before {
        background: url(/files/Permapack/Icons/phone-icon-white.svg);
    }

    #Navi #contact-loggedin .contactbutton-container .contactbutton-contact .contact-info a.contactbutton-email::after,
    #Searchdiv #ansprechpartner .contactbutton-container .contactbutton-contact .contact-info a.contactbutton-email::before {
        background: url(/files/Permapack/Icons/email-icon-white.svg);
    }


}

 




.contao-form .submit_container {
    margin-bottom: 48px;
}