/*.product_drop a:nth-of-type(5):lang(en),
#dd_products_mob li:nth-of-type(5):lang(en){
display: none !important;
}*/
body {
    line-height: 1.375rem;
    overflow-x:hidden;
    width: 100vw;
}
em {    
    color: orange;
}
.italic {
    font-style: italic;   
}
.content_pt {
    padding-top: 50px;
}
ul {
    padding-left: 20px;
    list-style-type: disc;
}
.font-norm,
.font-norm:hover{
    font-family: "FilsonBook" !important; 
}
strong {
    font-family: "FilsonBold" ;
    font-weight: 700;
}
.kicker {
    font-size: 1rem;
    line-height: 1.375rem;
}
header ul,
footer ul,
.modal ul {
    padding-left: 0;
    list-style: none;
}
h1.likeh2 {
    font-family: "FilsonBook";
    line-height: 2rem;
    font-weight: 300;
    font-size: 1.5rem;
}
.text-initial {
    text-transform: none;
}
.prefooter a, 
.prefooter a:hover {
    text-transform: none;
}
.service_redstar {
    height: 150px;
}
.legalrow {
    justify-content: center;
}
/*content that is not shown in one language *****/
.footer_net:lang(de) {
    display: none;
}
/*.socialcontainer .d-lg-flex:lang(en) {
display: none !important;
}*/
.social_links {
    justify-content: space-evenly;
}
.social_links:lang(en) {
    justify-content: right;
}
.social_links > .fbtext:lang(en)  {
    margin-right: 10px;
}
.dd_career:lang(en) {
    display: none; 
}
.catalogs_menu:lang(en) {
    display: none;
}
.d_none_en:lang(en),
.d_none_hu:lang(hu),
.d_none_de:lang(de) {
    display: none !important;
}
.servicerow:lang(en) {
    justify-content: center;
}
.pt-top {
    padding-top: 30px; 
}
.btn-plain {
    color: #505A6E;
}
.link-medium {
    font-size: 1rem;
    line-height: 1.375rem;
    text-transform: none;
}
.link_small {
    font-size: .875rem;
    text-transform: none;
}
.jump {
    padding-top: 70px;
}
.jump svg {
    width: 28px;
    height: 18px;
    margin-left: 5px;
}
.jump .line-faded {
    margin-top: 30px;
}
.tablehead {
    height: 28px;
    line-height: 1.9rem;
    padding-left: 10px;
    color: white;
    font-size: 0.89rem;
    background-color: #505A6E;
    text-transform: uppercase;
}
.btn-white {
    background-color: white;
    color: #505A6E;
    -webkit-transition: all .9s;
    transition: all .9s;
}
.btn-darkgray {
    background-color: #828C96;
    color: white;
    -webkit-transition: all .9s;
    transition: all .9s;
}
.btn-white:hover,
.btn-white:active,
.btn-darkgray:hover,
.btn-darkgray:active {
    background-color: #CE0E2D;
    color: white;
}
.font-14 {
    font-size: .875rem;
    line-height: 1.25rem;
}
button, html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: initial;
}
.btn.disabled {
    background-color: #A0AAAF !important;
    pointer-events: none !important;
    color: white !important;
}
.minus_zindex {
    z-index: -1 !important; 
}
.inset-shadow {
    box-shadow: inset 0px 10px 16px -5px rgba(0,0,0,.34);
}
.center_image .imagetmpl {
    text-align: center;
}
.fb-wrapper a:hover {
    color: #505A6E;
}
.navbar-expand-lg .navbar-nav .nav-link {
    white-space: nowrap;
}
.imagetmpl img {
    max-width: 100%;
    height: auto;
}
/*********inputfields***********************/
.form-group.blank {
    position: relative;
}
.blank input.form-control {
    background-color: transparent;
    border-bottom: 1px solid #A0AAAF;  
}
.blank input.form-control:active,
input.form-control:focus {
    border-color: #505A6E;  
}
.blank .labelactive {
    position: absolute;
    top: -7px;
    display: none;
}
.blank .form-control.textactive {
    font-size: 1rem;
    padding-left: 0;
    margin-bottom: 19px;
}
.blank .form-control.textactive:focus {
    font-size: 1.125rem;
    line-height: 1.375rem;
}
.blank .form-control.textactive:focus + .labelactive {
    display: block;
}
.error_content {
    color: red;
    margin-top: -20px;
    position: absolute;
    font-size: .875rem;
    line-height: 1rem;
    z-index: 3;
}
#newsletter .error_content {
    margin-left: 63px;
}
.rmBase__section {
    text-align: left;
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 300;
}
#rmOrganism .rmSubscription .rmBase__el--text {
    text-align: left !important;
    font-size: 1.125rem;
    line-height: 1.5rem;
}
.rmSubscription .blank .form-control.textactive {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-weight: 300;
}
/**************end inputfields**************/
button:focus {
    outline: none;
}
.no-link .more {
    display: none;
}

/*Produktedetail*/
.vers_container td,
.vers_container th {
    border-left: 2px solid white;
    border-right: 2px solid white;
    padding-left: 4px;
}
.vers_container th {
    padding-right: 4px;
    text-align: center;
    padding-left: 4px;
}
/************+Produkte Detailansicht****************************************/
.detailstop {
    padding-bottom: 82px;
}
.detailgallery {
    margin-top: 11px;
    padding-left: 8px;
}
.detailgallery div.col-2 {
    border-right: 1px solid #ECECEC;
    border-left: 1px solid #ECECEC;
    border-top: 2px solid #ECECEC;
    border-bottom: 2px solid #ECECEC;
    padding: 0;
}
.detailgallery div:first-of-type {
    border-left: 2px solid #ECECEC;
}
.row.detailgallery div:last-of-type {
    border-right: 2px solid #ECECEC;
}
.text-col {
    padding-left: 16px;
    margin-top: -3px;
}
.text-col .lead {
    margin-bottom: 14px;
}
.versionslink {
    padding-bottom: 5px;
    padding-left: 30px;
} 
.versionslink .more:before {
    margin-right: -1px;
}
.detailpage .bg-graylightest .lead {
    padding-top: 25px;
    padding-bottom: 38px;
}
.detail_list {
    padding-bottom: 68px;
}
.detail_list div.bg-graydark {
    height: 28px;
}
.detail_list .menusort {
    line-height: 1.9rem;
    padding-left: 10px;
}
.detail_list td {
    padding-left: 8px;
    line-height: 1.65rem;
}
.detail_list tr td:first-of-type {
    padding-left: 8px;
}
.detail_list .spec {
    width: 49%; 
}
.dl_doc img + p.red {
    padding-left: 40px;
    margin-top: -2px;
}
.dl_doc img {
    float: left;
}
.dl_doc .filterhl {
    margin-bottom: 1px;
}
.dl_doc p.red span:first-of-type {
    font-size: 1.09rem;
}
.dl_doc p.red span:nth-of-type(2) {
    font-size: 0.9rem;
    line-height: 1rem;
}

.producttitle {
    font-size: 1.12rem;
    padding-left: 3px;
}
.detailpage .producttitle {
    width: 64%;
}
.detailpage .bg-graylightest .copylg {
    padding-left: 2px;
    font-size: 1.09rem;
    line-height: 1.1;
    padding-top: 2px;
}
.detailpage .proproducttitle {
    margin-bottom: 2px;
}
.dl_doc {
    margin-top: 27px;
    padding-left: 16px;
}
/*also in default examples!*/
.tablehead {
    height: 28px;
    line-height: 1.9rem;
    padding-left: 10px;
    color: white;
    font-size: 0.89rem;
    background-color: #505A6E;
    text-transform: uppercase;
}
.spec {
    font-size: 1rem;
    font-family: "FilsonBold";
}
table.striped tbody tr:nth-of-type(odd) {
    background-color: white;
}
.vers_container {
    padding-bottom: 68px;
}

#products .content_pt {
    padding-top: 80px; 
}
div#tree:empty {
    background-color: transparent !important;
}
a.treeitem {
    color: inherit;
    text-transform: inherit;
    font-size: inherit;
    line-height: inherit;
    text-decoration: inherit;
    font-family: inherit;
    font-weight: inherit;
    background: inherit;
    /*overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;*/
}
.normlogos {
    height: 50px;
}
.detailstop .detailimg .normlogos img {
    max-height: 100%;
}
.artnr {
    display: flex;
    margin-bottom: 40px;
    height: 22px;  
}
#artikelnummer {
    order: 2;
}
#artikelnummer:empty + span {
    display: none;
}
/*******************************Ende Produkte Detailansicht******************************/
/**********************************************toptemplate_text **************************/
.toptemplate_text {
    padding-top: 30px;
}
.toptemplate_text h1 {
    margin-bottom: 16px;
}
.toptemplate_text .more {
    padding-bottom: 30px; 
}
.toptemplate_text.smallcontainer > .container {
    max-width: 640px;
}
.toptemplate_text.smallcontainer .kicker {
    margin-bottom: 12px;
    margin-top: -3px;
}
.toptemplate_text.smallcontainer h1 {
    margin-bottom: 21px;
}
.toptemplate_text.smallcontainer .lead {
    margin-bottom: 32px;
}
.toptemplate_text.smallcontainer .more {
    padding-bottom: 40px;
    margin-top: 80px;
}
/********************************link-style more********************************/
.more a:before,
.more label:before{
    content: "";
    background-image: url("/HU/repos/files/dietzel/icons/ico%5flink%2esvg?exp=48579&fps=d64e8f2a9ed05bc518b460d52286b3536582b44f");
    display: inline-block;
    height: 14px;
    width: 19px;
    background-size: 8px;
    background-position: 4px 4px;
    background-repeat: no-repeat;

}
.noline .line-faded {
    display: none;
}

/****************************************************************************************************************************header start****************************/
header {
    background-color: white;
    padding-bottom: 10px;
    box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.24);
    /*filter: drop-shadow(0px 3px 3px rgba(0,0,0,0.24));*/
}
.navbar {
    padding-left: 0;
    padding-right: 0;
    /*padding-top: 6px;*/
}
.red_bar {
    margin-top: 6px;
    margin-bottom: 6px;
    padding-top: 0;
    padding-bottom: 0;
    background-color: #CE0E2D;
    height: 46px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.nav-wrapper {
    width: 100%;
    z-index: 1;
    background-color: white;
    height: 46px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 7;
}
.navrow-top .nav-item {
    color: #828C96;
    font-size: 0.875rem;
    line-height: 2rem;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
}
.choosen_country,
.countryflag {
    vertical-align: top;
    display: inline-block;
}
.countrymap {
    display: inline-block;
    margin-right: 5px;
    margin-top: 4px;
}
.choosen_country {
    line-height: 1.4rem;
    margin-top: 2px;
}
.countryflag {
    margin-top: 5px;
    margin-left: 8px;
}
.countrymap svg {
    height: 30px;
    width: 48px;
}
.countryflag svg {
    height: 16px;
    width: 20px;
}
.navbar-top {
    padding-bottom: 0;
}
.navbar-top .float-left li {
    margin-right: 15px;
}
.navrow-top {
    width: 718px;
    margin-left: 0;
}
.header_red {
    width: 720px;
    border-radius: 0 32px 32px 0;
    height: 46px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.header_red a {
    line-height: 1.9rem;
}
.productburger svg {
    height: 30px;
    width: 32px;
    margin-right: 10px;
    fill: white;
    position: absolute;
}
.productburger span.productmenu {
    margin-left: 56px;
}
.logo_menu {
    background-color: white;
    display: block;
    height: 46px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.logo_menu svg {
    width: 183px;
    height: 92px;
    margin-right: 20px;
    margin-top: -39px;
    background-color: white;
    opacity: 1;
    -webkit-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in;
}
.navbar-bottom a:hover:not(.searchicon) {
    font-family: "FilsonBold";
}

li.search {
    padding-right: 12px;
}
li.search svg {
    height: 33px;
    width: 30px;
    margin-top: 8px;
}
header .dropdown-menu {
    display: none;
}
li.nav-item.dropdown.productburger {
    padding-right: 2px;
    margin-right: 6px;
}
li.nav-item.dropdown.productburger:lang(en) {
    margin-right: 16px;
}
li.nav-item.dropdown.show.productburger,
li.nav-item.dropdown.productburger:hover {
    padding-right: 22px;
}
li.nav-item.dropdown.show.productburger:lang(en), 
li.nav-item.dropdown.productburger:lang(en):hover {
    padding-right: 22.5px;
}
.univolt_uk li.nav-item.dropdown.productburger:lang(en):hover {
    padding-right: 16.5px;
    margin-right: 0;
}
li.nav-item.dropdown:not(.productburger):lang(hu):hover {
    padding-right: 6px;
}
.navbar-nav:lang(hu) li.nav-item:nth-of-type(4):hover {
    padding-right: 5px;
}
.navbar-nav:lang(hu) li.nav-item.dropdown:nth-of-type(5):hover {
    padding-right: 7.5px;
}
li.nav-item.dropdown:nth-of-type(2).show,
li.nav-item.dropdown:nth-of-type(2):hover {
    padding-right: 6px;
}
li.nav-item.dropdown:nth-of-type(2).show:lang(hu), 
li.nav-item.dropdown:nth-of-type(2):lang(hu):hover {
    padding-right: 3px;
}
li.nav-item.dropdown:nth-of-type(4).show:lang(hu), 
li.nav-item.dropdown:nth-of-type(4):lang(hu):hover {
    padding-right: 23.5px;
}
li.nav-item.dropdown:not(.productburger),
li.nav-item.dropdown:not(.productburger) + li.nav-item{
    padding-left: 8px;
    padding-right: 8px;
}
.dietzel li.nav-item:lang(en).dropdown:not(.productburger),
.dietzel li.nav-item:lang(en).dropdown:not(.productburger) + li.nav-item {
    padding-left: 18px;
    padding-right: 18px;
}
.dietzel li.nav-item.dropdown.productburger.align-self-center {
    margin-right: 0;
    padding-right: 8px;
}
.dietzel li.nav-item.dropdown.productburger:hover {
    padding-right: 6px;
}
.dietzel:lang(en) li.nav-item.dropdown.productburger:hover {
    padding-right: 6.5px;
}
.dietzel li.nav-item:nth-of-type(3).show,
.dietzel li.nav-item:nth-of-type(3):hover {
    padding-right: 6.5px !important;
}
.dietzel li.nav-item:nth-of-type(5).show, 
.dietzel li.nav-item:nth-of-type(5):hover {
    padding-right: 6px !important;
}
.dietzel:lang(en) li.nav-item.dropdown:nth-of-type(2).show,
.dietzel:lang(en) li.nav-item.dropdown:nth-of-type(2):hover {
    padding-right: 16px !important;
}
.dietzel:lang(en) li.nav-item:nth-of-type(3).show, 
.dietzel:lang(en) li.nav-item:nth-of-type(3):hover {
    padding-right: 16.5px !important;
}
.univolt_uk .header_red li.nav-item:hover:not(.productburger) {
    padding-right: 6.5px !important;
}
.header_red li.nav-item:hover:not(.search) {
    background-color: white;
}
.header_red li.nav-item:hover > a:not(#searchicon) {
    color: #CE0E2D;
    font-family: "FilsonBold";
}
.header_red li.nav-item:hover svg {
    fill: #CE0E2D;
}
.search-visible .searchfield + .header_red li.nav-item:not(.search) {
    pointer-events: none;
}
.nav-item.products:lang(hu) {
    display: none;
}
.nav-item.search:lang(hu) {
    display: none;
}

/*******Search Dropdown*********************************/
/*.search_dd {
position: absolute;
width: 100%;
-webkit-box-shadow: -2px -1px 8px 0px rgba(0,0,0, .35);
-moz-box-shadow: 2px 2px 8px 0px rgba(0,0,0, .35);
box-shadow: -2px -1px 8px 0px rgba(0,0,0, .35);
}
.search_dd .kicker{
font-size: .875rem;
line-height: 1.25rem;
margin-bottom: 4px;
padding-left: 9px;
padding-right: 20px;
}
.groups {
margin-left: 8px;
width: 41%;
padding-top: 10px;
padding-bottom: 12px;
height: 100%;
overflow: scroll;
}
.groups a.more {
padding-left: 9px;
padding-right: 20px;
margin-top: 20px;
}
.items {
width: 56.7%;
padding-top: 10px;
padding-left: 9px;
padding-bottom: 10px;
height: 100%;
overflow: scroll;
}
.items .imagewrapper {
width: 72px;
height: 72px;
overflow: hidden;
margin-right: 6px;
}
.items .imagewrapper img {
width: 100%;
height: auto;
}
.items .textwrapper {
padding-top: 3px;
}
.items .textwrapper span {
font-size: .875rem;
line-height: 1.25rem;
}
.items div.line-faded:last-of-type {
display: none;
}
.items .textwrapper div.bold {
font-size: 1rem;
line-height: 1.375rem;
}
.search_dd a.result_wrapper {
padding-bottom: 11px;
padding-top: 7px;
color: #505A6E;
text-transform: initial;
}
.search_dd a.result_wrapper:hover { 
text-decoration: none;
}
.search_productscat label.search-treeitem.dropdown-item {
position: relative;
padding-left: .7em;
font-family: "FilsonBook";
font-weight: 300;
font-size: 1rem;
line-height: 1.7rem;
color: #505A6E;
text-transform: initial;
width: 100%;
padding: 0.25rem 0rem;
clear: both;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;
white-space: initial;
padding-left: 9px;
padding-right: 20px;
position: relative;
margin-bottom: 0;
}
.search_dd .row {
height: 60vw;
}
*/
.search-popup li:nth-of-type(1n+6) {
    display: none;
}
.search_productscat label.search-treeitem.dropdown-item > span {
    max-width: 210px;
    word-break: break-word;
    white-space: normal;
    text-overflow: ellipsis;
}
.search_productscat label.search-treeitem.dropdown-item:hover {
    background-color: #ECECEC;
}
.search_productscat svg {
    fill: #CE0E2D;
    height: 16px;
    width: 8px;
    position: absolute;
    right: 5px;
    top: 8px;
}
span.number_prod {
    word-break: initial !important;
}
input[name="stree"]:checked + .search-treeitem,
input[name="stree"]:checked:hover + .search-treeitem {
    background-color: #CE0E2D;
    color: white;
}
/*************************modal choose country*************************/
#choose_country .modal-body .flag svg {
    height: 20px;
    width: 20px;
}
#choose_country .modal-header {
    border: none;
    padding: .7rem .6rem .6rem;
    position: relative;
}

#choose_country .modal-header,
#choose_country .modal-footer {
    border: none; 
}
#choose_country .modal-footer {
    justify-content: center;
    padding-bottom: 8px;
    padding-top: 10px;
    padding-top: 0px;
}
#choose_country .modal-body {
    padding-top: .65rem;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}
#choose_country ul {
    margin-bottom: 10px;
}
#choose_country li {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 6px;
}
#choose_country div a {
    width: 100%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
}
#choose_country div a > span:first-of-type {
    width: 242px;
    display: inline-block;
    line-height: 20px;
    text-transform: none;
    font-size: 1rem;

}
#choose_country div a span.country_big {
    font-size: 1.12rem;
    line-height: 32px;
    display: inline-block;
    margin-bottom: -5px;
}
#choose_country ul a {
    color: #828C96;
    margin-bottom: 0;
}
#choose_country div {
    width: 100%;
    margin-bottom: 0;
}
#choose_country ul li:hover,
#choose_country ul li:active {
    background-color: #ECECEC;
}
#choose_country ul li:hover span,
#choose_country ul li:active span{
    color: #505A6E;
}
#choose_country input {
    display: none;
}
#choose_country .checker {
    width: 40px;
}
#choose_country:lang(de) li.lang_de,
.dietzel #choose_country:lang(en) li.lang_en,
#choose_country:lang(hu) li.lang_hu,
.univolt_uk #choose_country:lang(en) li.lang_uk{
    background-color: #ECECEC; 
}
.dietzel #choose_country:lang(de) li.lang_de span,
.dietzel #choose_country:lang(en) li.lang_en span,
.univolt_hu #choose_country:lang(hu) li.lang_hu span,
.univolt_uk #choose_country:lang(en) li.lang_en span {
    color: #505A6E; 
}
.dietzel #choose_country:lang(de) li.lang_de .checker,
.dietzel #choose_country:lang(en) li.lang_en .checker,
.univolt_hu #choose_country:lang(hu) li.lang_hu .checker,
.univolt_uk #choose_country:lang(en) li.lang_uk .checker{
    background-color: #ECECEC; 
    height: 17px;
    width: 12px;
    border-right: 2px solid red;
    border-bottom: 2px solid red;
    margin-left: .9rem;
    margin-right: 3px;
    margin-top: -3px;
    transform: rotate(45deg);
}
#choose_country .modal-dialog {
    max-width: 228px;
    margin: 15rem auto;
    height: 310px;
    background-color: transparent;
    border-radius: 0.3rem;
}
#choose_country .modal-title {
    line-height: 1.4;
    font-size: .87em;
}
#choose_country button.close {
    padding: 0;
    opacity: 1;
    position: absolute;
    top: -12px;
    right: -4px;
}
#choose_country button.close svg{
    height: 2.2em;
    width: 2.2rem;
}
#choose_country + .modal-backdrop.show
{
    opacity:.7;
}
#choose_country .modal-footer button {
    border: none;
    color: #505A6E;
    background-color: white;
}
#choose_country .modal-content {
    border: 1px solid white;
}

.flag_at:lang(en),
.flag_at:lang(hu),
.flag_int:lang(de),
.flag_int:lang(hu),
.univolt_uk .flag_int,
.flag_hu:lang(en),
.flag_hu:lang(de),
.dietzel .flag_uk,
.univolt_hu .flag_uk,
.choosen_at:lang(en),
.choosen_at:lang(hu),
.choosen_int:lang(de),
.choosen_int:lang(hu),
.univolt_uk .choosen_int,
.univolt_uk .choosen_hu,
.choosen_hu:lang(de),
.choosen_hu:lang(en),
.choosen_uk:lang(de),
.choosen_uk:lang(hu),
.dietzel .choosen_uk{
    display: none;
}
.dietzel .flag_int:lang(en),
.dietzel .flag_at:lang(de),
.univolt_hu .flag_hu:lang(hu),
.univolt_uk .flag_hu:lang(en)
.dietzel .choosen_int:lang(en),
.dietzel .choosen_at:lang(de),
.univolt_hu .choosen_hu:lang(hu)
.univolt_uk .choosen_uk:lang(en){
    display: inline-block; 
}
/******** searchfield header****/
.nav-wrapper.bg-white {
    position: relative;
}
.desktop_header .searchfield,
.mobil_header .searchfield{
    /*#searchfield,
    #searchfieldsm{*/
    position: absolute;
    top: 3px; 
    z-index: 5;
    display:none;
    -webkit-animation: slide-right  .5s ease-out;
    -moz-animation: slide-right .5s ease-out;
    animation: slide-right .5s ease-out;
}
.search-visible .desktop_header .searchfield,
.search-visible .mobil_header .searchfield{
    /*.search-visible #searchfield,
    .search-visible #searchfieldsm{*/
    display:block;
    -webkit-animation: slide-left  .5s ease-in-out;
    -moz-animation: slide-left .5s ease-out;
    animation: slide-left .5s ease-out;
    z-index: 7;
}
.desktop_header .searchfield input,
.mobil_header .searchfield input{
    /*#searchfield input,
    #searchfieldsm input {*/
    height: 40px;
    width: 672px;
    padding-left: 13px;
    color: #505A6E;
    border-color: transparent;
    font-size: 1.125rem;
}
.reset_x {
    position: absolute;
    top: 10px;
    right: 13px;
    background-color: transparent;
    border:none;
    padding:0;
    cursor: pointer;
}
.reset_x svg {
    height: 18px;
    width: 18px;
}
header .dropdown-toggle::after {
    content: none;
} 
li.nav-item.dropdown.show {
    background-color: white;
}
li.nav-item.dropdown.show a {
    color: #CE0E2D;
    font-family: "FilsonBold";
    font-weight: 700;
}
li.nav-item.dropdown.show svg {
    fill: #CE0E2D;
}
header .dropdown-menu{
    border: none;
    border-radius: 0;
    -webkit-box-shadow: 2px 2px 8px 0px rgba(0,0,0, .35);
    -moz-box-shadow: 2px 2px 8px 0px rgba(0,0,0, .35);
    box-shadow: 2px 2px 8px 0px rgba(0,0,0, .35);
    top: 44px;
    padding-top: 0;
    padding-bottom: 0;
    min-width: 302px;
    display: block;
    opacity:0;
    -webkit-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
}
header .navbar-nav .dropdown-menu.show {
    opacity:1;
    -webkit-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
}
.header_red li.nav-item a.dropdown-item {
    font-family: "FilsonBook";
    font-weight: 300;
    font-size: 1.125rem;
    line-height: 2rem;
    color: #505A6E;
    text-transform: none;
    padding-left: .7em;
    display: none;
}
header .navbar-nav .dropdown-menu.show a.dropdown-item {
    display: block;
    position: relative;
}

header a.dropdown-item:hover {
    background-color: #ECECEC;
}
.header_red li.nav-item a.dropdown-item:active {
    background-color: #CE0E2D;
    color: white;
}
ul.header_red li.nav-item.dropdown.show:nth-last-of-type(2) .dropdown-menu {
    width: auto;
}
ul.header_red li.nav-item.dropdown.show:nth-last-of-type(2) .dropdown-menu a {
    padding-right: .7em;
}
.search-visible .searchfield + .navbar-nav .nav-item:hover:not(.search) {
    background-color: #CE0E2D;
    cursor: none;
}
.search-visible .searchfield + .navbar-nav .nav-item:hover:not(.search) > a {
    cursor: none;
}

/********header after scroll*******/

.red_bar.sticky .nav-wrapper {
    background-color: #CE0E2D;
    height: 60px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.red_bar.sticky .bg-red {
    height: 60px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.red_bar a.logo_menu::after {
    content: "";
    background-image: url("/HU/repos/files/dietzel/header/Logo%5fHeaderReduced%2esvg?exp=87320&fps=a53b0446f46717d05b89b2d4fdb6e8d41b668bf3");
    height: 60px;
    width: 134px;
    background-repeat: no-repeat;
    background-color: white;
    display: block;
    opacity: 0;
    position: absolute;
    background-size: 114px auto;
    background-position: center;
    right: 11px;
    top: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.red_bar.sticky a.logo_menu {
    background-color: #CE0E2D;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.red_bar.sticky a.logo_menu::after {
    opacity: 10; 
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}
.red_bar.sticky .container {
    position: relative;
}
.red_bar.sticky .logo_menu svg {
    opacity:0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.red_bar.sticky {
    position: fixed;
    width: 100%;
    margin-top: 0;
    top: 0;
    height: 60px;
    z-index: 10;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.red_bar.sticky li.nav-item:not(.search) {
    height: 60px;
    -webkit-transition: height .3s ease-in-out;
    transition: height .3s ease-in-out;
}
.red_bar.sticky li.nav-item:not(.search) a {
    line-height: 2.8;
}
.red_bar.sticky .dropdown-menu.show {
    top: 58px;
}
.red_bar.sticky .productburger svg {
    top: 16px;
}
.desktop_header .sticky .searchfield input,
.mobil_header .sticky .searchfield input{
    /*.sticky #searchfield input,
    .sticky #searchfieldsm input{*/
    height: 54px;
}
.desktop_header .searchfield input::-ms-clear {
    display: none;
}
.sticky .reset_x {
    top: 18px;
}
.red_bar.sticky li.nav-item:not(.search) a.dropdown-item {
    line-height: 2rem;
}
/*********************************************text_image_link_column-Template********/
.text_image_link_column > .container {
    padding: 36px 48px 49px;
}
.text_image_link_column .imagetmpl {
    width: 35%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 58px;
    margin-bottom: 57px;
    padding: 21px 27px 27px;
    background-color: white;
    box-shadow: 1px 1px 8px 2px rgba(0,0,0,0.2);
}
.text_image_link_column .imagetmpl img {
    width: 100%;
    height: auto;
}
.text_image_link_column .lead {
    font-size: 1.37rem;
    line-height: 1.82rem;
    margin-top: 11px;
}
/*****************************************************************animations******/
@-webkit-keyframes slide-right {
    100% { opacity: 1; -webkit-transform: translateX(0); }
    0% { opacity: 0; -webkit-transform: translateX(-100%); }   
}
@-moz-keyframes slide-right {
    100% { opacity: 1; -moz-transform: translateX(0); }
    0% { opacity: 0; -moz-transform: translateX(-100%); } 
}
@-webkit-keyframes slide-left {
    0% { opacity: 0; -webkit-transform: translateX(-100%); }
    100% { opacity: 1; -webkit-transform: translateX(0); }   
}
@-moz-keyframes slide-left {
    0% { opacity: 0; -moz-transform: translateX(-100%); }
    100% { opacity: 1; -moz-transform: translateX(0); }   
}

@keyframes slide-out {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-100%); }
}

@-webkit-keyframes slide-out {
    0% { -webkit-transform: translateX(0%); }
    100% { -webkit-transform: translateX(-100%); }
}
@keyframes slide-down
{
    from {height: 0;}
    to {height: 100vw;}
}
@keyframes slide-up
{
    from {height: 100vw;}
    to {height: 0;}
}
/*******************h2_text************************/
.h2_text {
    padding-top: 30px;
    padding-bottom: 30px;
}

/*************************************************categories-Template*******************/
.categories nav {
    background-color: #CE0E2D;
    height: 78px;
}
.categories nav .nav-link {
    color: white;
    border-color: transparent;
    border-radius: 0;
    border-right: 1px solid white;
    padding-top: 18px;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 11px;
}
.categories nav .nav-link:first-of-type {
    border-left: 2px solid white;
}
.categories nav .nav-link:last-of-type {
    border-right: 2px solid white;
}

.categories .nav-tabs .nav-link.active, 
.categories .nav-tabs .nav-item.show .nav-link {
    color: #CE0E2D;
    background-color: #F4F4F4;
    border-color: transparent;
}
.catcontent {
    background-color: #F4F4F4;
}
.categories .nav-tabs {
    border-bottom: 1px solid white;
}

.categories .nav-tabs .nav-link svg {
    width: 71px;
    height: 41px;
}
.categories nav #nav-4-tab svg {
    width: 43px;
}
.categories .nav-tabs .nav-link span > svg + svg {
    display: none;
}
.categories .nav-tabs .nav-link.active span > svg {
    display: none;
}
.categories .nav-tabs .nav-link.active span > svg + svg {
    display: inline-block;
}
.categories .nav-tabs .nav-link span > span ~ span {
    text-transform: capitalize;
    font-size: 1rem;
}
.categories .nav-tabs .nav-link span + span {
    line-height: 1.12;
    position: relative;
    top: -4px;
    margin-left: 4px;
}
.categories .nav-tabs .nav-link > span + span > span:first-of-type {
    font-family: "FilsonBold";
}
.categories .nav-tabs .nav-link > span + span > span:first-of-type:lang(hu) {
    font-size: 13px;
}
.categories .nav-tabs:lang(hu) {
    justify-content: space-between; 
}
.categories .nav-tabs .nav-link:lang(hu) {
    width: 25%;
}
.categories .tab-pane {
    padding-top: 38px;
    padding-bottom: 38px;
    min-height: 360px;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
    border-left-color: transparent;
    border-top-color: #CE0E2D;
    border-bottom: none;
    border-right-color: white;
}

div#nav-tab:lang(en) {
    justify-content: center;
}
a#nav-5-tab:lang(en) {
    display: none;
}
.categories nav .nav-link:lang(en) {
    width: 25%;
}
/***************************************categorie_insert_text_video-Template*************/
.text_video .text-col {
    padding-right: 94px;
}
.text_video .embed-responsive {
    height: 280px;
}

.categories nav #nav-1-tab svg {
    width: 54px;
}
.categories nav #nav-3-tab svg {
    width: 63px;
}
.categories nav #nav-5-tab svg {
    width: 65px;
}
.text_video img {
    width: 100%;
    height: auto;
}
.text_video.white a {
    color: white;
}
.text_video .container {
    padding-top: 36px; 
}
.text_video h2.top {
    margin-bottom: 40px; 
}
.reverse-content .row {
    flex-direction: row-reverse;
}
.text_video.reverse-content .text-col {
    flex: 0 0 41%;
    max-width: 41%;
    padding-left: 82px;
}
.text_video.reverse-content .video-col {
    flex: 0 0 59%;
    max-width: 59%;
}
.text_video.solo .more {
    padding-bottom: 42px;
    padding-top: 60px;
}
/**********************************sidebuttons service ***************/
.sidebuttons {
    position: fixed;
    right: -12px;
    top: 60px;
    margin-top: 126px;
    width: 82px;
    z-index: 5;
    -webkit-transition: right .6s;
    transition: right .6s;
}
.merkstar_nav.disabled,
.sidebuttons div.disabled {
    pointer-events: none; 
}
.service_btn {
    height: 62px;
    width: 70px;
    background-color: #828C96;
    margin-bottom: 2px;
    cursor: pointer;
}
.service_btn:active,
.service_btn:focus {
    background-color: #CE0E2D;
}
.service_btn > svg {
    height: 39px;
    width: 34px;
    margin-top: 5px;
}
.service_btn > svg:lang(hu) {
    height: 26px;
    width: 38px;
    margin-top: 18px;
    margin-bottom: 7px; 
}
.service_btn > svg + div {
    font-size: 11px;
    line-height: 1rem;
    margin-top: -4px;
    color: white;
}
.service_btn.third {
    background-color: #828C96;
}
.openform .service_btn.third {
    background-color: #CE0E2D;
}
.sidebuttons:lang(hu) {
    right: 0px;
}
.service_btn:lang(hu) {
    width: 82px;
    height: 70px;
}
/**************************************sortiment_start************************************/
.assortment {
    padding-top: 32px;
}
.assortment > .container {
    padding-bottom: 100px;
}
.assortment .wrapper {
    padding-bottom: 12px;
    height: 234px;
}
.assortment .image-wrapper {
    height: 174px;
    overflow: hidden;
}
.assortment .wrapper img{
    width: 100%;
    height: auto;
}
.assortment-row {
    margin-top: 66px;
}
.assortment a,
.assortment a:hover{
    color: #505A6E;
    text-decoration: none;
    text-transform: none;
}
.assortment .wrapper:hover {
    -webkit-box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.35);
    -moz-box-shadow:    1px 1px 4px 0px rgba(50, 50, 50, 0.35);
    box-shadow:         1px 1px 4px 0px rgba(50, 50, 50, 0.35);
}

/**********************************************news_cards**********************************************/
.news_cards {
    padding-top: 10px;
}
.news_cards .image-wrapper {
    height: 204px;
    overflow: hidden;
}
.news_cards img {
    width: 100%;
    height: auto;
}
.news_cards .text-wrapper {
    padding-top: 3px;
    padding-left: 9px;
    padding-right: 9px;
    height: 225px;
}
.news_cards .text-wrapper .bold {
    font-size: 1.125rem;
    line-height: 1.5rem;
}
.news_cards .content_text {
    margin-top: 10px;
    margin-bottom: 10px;
    height: 132px;
}
.news_cards .more > a {
    margin-left: -4px;
}
.news_cards > .container {
    padding-bottom: 73px;
} 
.news_cards .wrapper {
    padding-bottom: 11px;
}
.news_cards .text-wrapper .text-uppercase {
    height: 22px;
}
.news_cards .wrapper:hover {
    box-shadow: 1px 1px 4px 0px rgba(50, 50, 50, 0.35);
}
/**********************************************history-template**********************************************/
.history {
    padding-bottom: 50px;
}
.history input[type="radio"]{
    display: none;
}
.history .kicker {
    margin-bottom: 12px; 
}
.history .lead {
    margin-top: 22px;
}
.history .imagetmpl img {
    margin-bottom: 23px;
    width: 100%;
    height: auto;
}
.timelineheader + div {
    font-size: .875rem;
    line-height: 1.25rem;
}
.timelineheader + div span.bold{
    font-size: 1rem;
    line-height: 1.375rem;
}
label[for="open_timeline"] {
    cursor: pointer;
}
/****************************************************contact_map********************************************/
.contact_map {    
    position: relative;
}
.contact_map #map {
    height: 721px;
}
.contact_map .map_overlay {
    position: absolute;
    z-index: 1;
    background-color: rgba(256,256,256, .8);
    width: 300px;
    bottom: 45px;
    padding: 21px;
}
.contact_map .gm-style-cc,
.contact_map .gmnoprint,
.gm-fullscreen-control {
    display: none;
}
/****************************************************contact_form********************************************/
.contact > .container {
    padding-top: 25px; 
    padding-bottom: 105px;
}
.contact h2,
.contact .likeh2{
    margin-bottom: 40px;
}
.contact .kicker + p {
    margin-top: 5px;
    margin-bottom: 29px;
    font-size: 1.125rem;
}
#contact_send_btn {
    width: 66%;
    display: block;
    margin-top: 30px;
}
.contact .phoneline {
    margin-top: 22px;
}
.contact .faxline {
    margin-bottom: 22px;
}
.contact .faxline:lang(hu) {
    margin-bottom: 0;
}
.contact .mailline {
    margin-bottom: 22px;
}
.contact .link-medium {
    display: block;
}
.contact input:-webkit-autofill, 
.contact input:-webkit-autofill:hover, 
.contact input:-webkit-autofill:focus, 
.contact input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #ECECEC inset !important;
}
.contactsafe_choice {
    margin-top: 13px;
    margin-bottom: 7px;
    position: relative;
}
#btn-request {
    color: #505A6E;
    -webkit-transition: all .9s;
    transition: all .9s;
    width: 100%;
    text-transform: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    padding-left: 0;
    padding-right: 10px;
    font-size: 1rem;
    background-color: transparent;
    border-bottom: 1px solid #A0AAAF;
    border-radius: 0;
}
#btn-request:focus {
    border-bottom: 1px solid #505A6E;
}
#btn-request:focus ~ .labelactive {
    display: block;
}
#btn-request ~ svg {
    height: 10px;
    width: 10px;
    position: absolute;
    top: 18px;
    right: 12px;
}
.choose_request {
    position: absolute;
    z-index: 3;
    text-align: left;
    display: block;
    width: 100%;
    border: 1px solid #ECECEC;
    border-radius: 8px;
    background-color: #F4F4F4;
}
.choose_request a {
    text-transform: none;
    color: #505A6E;
    display: block;
    font-size: 1rem;
    line-height: 2.8rem;
    padding-left: 14px;
}
.choose_request.hide {
    display: none;
}

span.select2.select2-container {
    color: #505A6E;
    width: 100% !important;
    border-bottom: 1px solid #A0AAAF;
}
span.select2-selection.select2-selection--single {
    background-color: transparent;
    border: none;
}
span.select2-dropdown.select2-dropdown--below {
    background-color: #F4F4F4;
    border: none;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #A0AAAF;
    color: white;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ececec;
    color: #505A6E;
}
ul#select2-contoptgen-results {
    -webkit-box-shadow: 0px 3px 12px -3px rgba(0,0,0, .35);
    -moz-box-shadow: 2px 2px 8px 0px rgba(0,0,0, .35);
    box-shadow: 0px 3px 12px -3px rgba(0,0,0, .35);
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #505A6E transparent transparent transparent;
    border-width: 10px 5px 0px 5px; 
    margin-left: -11px;   
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #505A6E transparent;
    border-width: 0 5px 10px 5px;
}
span.select2.select2-container.select2-container--default.select2-container--below.select2-container--focus.select2-container--open + label {
    display:block;
    margin-top: -7px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
}
#captcha-element img {
    width: 100%;
    margin-top: 10px;
}
.errors {
    color: red;
}
.captcha {
    word-break: break-all;
}
#token-element {
    display: none;
}
/***********************************************references-Template**************************************************/
.references h2,
.references .likeh2 {
    margin-bottom: 13px;
}
.references .ref_element {
    position: relative;    
    text-decoration: none;
    text-transform: none;
    font-size: 1rem;
    width: 224px;
    padding-bottom: 12px;
    margin-bottom: 20px;
    background-color: #ECECEC;
    color: #505A6E;
    margin-right: 16px;
}
.references a.ref_element:nth-of-type(4n) {
    margin-right: 0;
}
.references .ref_element[aria-expanded="true"] {
    background-color: white;
    filter: drop-shadow(1px 2px 3px rgba(0,0,0,.4));
}
.references .choosen {
    display: none; 
}
.references .ref_element[aria-expanded="true"] img.choosen{
    display: block;
}
.references .ref_element[aria-expanded="true"] img.inactive{
    display: none;
}
.references .image-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    height: 124px;
    padding-left: 31px;
    padding-right: 31px;
}
#references_all {
    padding-top: 29px;
}
.reference_row {
    flex-wrap: wrap; 
}
.references .text-wrapper {
    margin-top: 8px;
    padding-left: 7px;
}
.references .text-wrapper > .bold:first-of-type {
    margin-bottom: 24px;
}
.references .ref_element[aria-expanded="true"]:after {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 50%;
    width: 0;
    height: 0;
    border: 20px solid transparent;
    border-top-color: #fff;
    border-bottom: 0;
    margin-left: -12px;
    margin-bottom: -20px;
    border-width: 19px 9px 0;
}
.references .switched_content {
    width:100%;
    margin-bottom:25px;
    height:0;
    overflow:hidden;

}
.references .switched_content .container {
    padding-top: 32px; 
    padding-bottom: 32px;
}
.references .desctext {
    margin-bottom: 8px;
    height: 150px;
    overflow: hidden;
}
.references img {
    max-width: 100%;
    height: auto;
    max-height: 304px;
}
.references .ref_element img {
    max-height: 72px;
}
.references .desc_hl {
    font-size: 1.5rem;
    line-height: 1.5rem;
    margin-bottom: 8px;
}
.references .specs td {
    padding-left: 4px; 
}
.references .white-underlay {
    position: absolute;
    width: 100vw;
    left: 0;
    background-color: white;
    height: 0;
}
.references .white-underlay:before,
.references .white-underlay:after {        
    background-image: -moz-linear-gradient(left, rgba(160, 170, 175, 0) 0%, #a0aaaf 20%, #a0aaaf 70%, rgba(160, 170, 175, 0) 100%);
    background-image: -webkit-linear-gradient(left, rgba(160, 170, 175, 0) 0%, #a0aaaf 20%, #a0aaaf 70%, rgba(160, 170, 175, 0) 100%);
    background-image: linear-gradient(to right, rgba(160, 170, 175, 0) 0%, #a0aaaf 20%, #a0aaaf 70%, rgba(160, 170, 175, 0) 100%);    
    content: "";
    height: 1px;
    position: absolute;
    width: 100%;
}
.references .white-underlay:before {
    top: -1px;
}
.references .white-underlay:after {  
    bottom: -1px;
}
.references:lang(de) .prod_group .prodgroup_title:before {
    content: "Produktgruppe: ";
}
.references:lang(en) .prod_group .prodgroup_title:before {
    content: "Product group: ";
}
.references:lang(hu) .prod_group .prodgroup_title:before {
    content: "Termékcsoport: ";
}

.references:lang(de) .prod_use .prodgroup_title:before {
    content: "Anwendung: ";
}
.references:lang(en) .prod_use .prodgroup_title:before {
    content: "Usage: ";
}
.references:lang(hu) .prod_use .prodgroup_title:before {
    content: "Felhasználás: ";
}

.references:lang(de) .prod_country .prodcountry_title:before {
    content: "Land: ";
}
.references:lang(en) .prod_country .prodcountry_title:before {
    content: "Country: ";
}
.references:lang(hu) .prod_country .prodcountry_title:before {
    content: "Ország: ";
}

/********************************************************************************title-image-Template************/
.title-image {
    background-repeat: no-repeat;
    background-size: cover;
    height: 640px;
}
.title-image .container {
    padding-top: 61px;
}
.title-image a {
    text-decoration: none;
}
.title-image .kicker {
    font-size: 1.5rem;
    height: 24px;
    text-shadow: 3px 1px 11px rgba(0,0,0,.5);
}
.title-image .imgtitle {
    font-size: 5.25rem;
    margin-top: 11px;
    line-height: 1.05em;
    margin-bottom: 17px;
    height: 176px;
    text-shadow: 3px 1px 11px rgba(0,0,0,.5);
}
.title-image .description {
    height: 230px;
    line-height: 1.66;
    text-shadow: 3px 1px 11px rgba(0,0,0,.5);
}
.title-image button {
    padding-left: 30px;
    padding-right: 30px;
    min-width: 32%;
    background-color: #CE0E2D;
    border-radius: 6px;
}
/*******small version *******/
.title-image.titleimage_small {
    height: 34.6vh;
    height: 330px;
}
.title-image.titleimage_small .container {
    padding-top: 20px;
}
.title-image.titleimage_small .imgtitle {
    font-size: 3.25rem;
}
.title-image.titleimage_small .kicker {
    font-size: 1.1rem;
}
.title-image.titleimage_small .imgtitle {
    height: 108px;
}
.title-image.titleimage_small .description {
    height: 58px;
    margin-bottom: 30px;
    overflow: hidden;
}

/***********************************************************************download****************************************************/
.downloadsection {
    padding-bottom: 78px;
}
.downloadsection h2,
.downloadsection .likeh2{
    margin-bottom: 13px;
}
.downloadsection .line-faded + p {
    margin-top: 14px;
    margin-bottom: 25px;
}
.choosecat {
    margin-bottom: 27px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(12%, 10rem), 1fr));
    grid-column-gap: 5px;
}
.choosecat a {
    /*width: 19.62%;*/
    text-transform: none;
    padding-left: 0;
    padding-right: 0;
}
.table-stripes tr:nth-child(odd) {
    background-color: white;
}
.table-stripes tr:first-of-type {
    border-top: 1px solid rgba(160,170,175, .5);
}
.downloadsection .tablehead + .table-stripes {
    margin-bottom: 30px;
}
.downloadsection .table-stripes tr {
    height: 72px;
    border-bottom: 1px solid rgba(160,170,175, .5);
}
.downloadsection .table-stripes td:not(:first-of-type) {
    vertical-align: bottom;
    padding-bottom: 16px;
}
.downloadsection .table-stripes tr td:first-of-type {
    padding-left: 17px;
    width: 66px;
}
.downloadsection .table-stripes tr td:last-of-type {
    padding-right: 18px;
}
.downloadsection .table-stripes tr td:nth-of-type(2) {
    width: 526px;
}
.downloadsection .table-stripes tr td img {
    width: 60px;
    height: 70px;
    object-fit: cover;
    margin-right: 10px
}
.downloadsection .table-stripes tr td {
    padding-top: 10px;
    padding-bottom: 10px;
}
.dropdown.sec0 #btn-0,
.dropdown.sec1 #btn-1,
.dropdown.sec2 #btn-2,
.dropdown.sec3 #btn-3,
.dropdown.sec4 #btn-4 {
    background-color: #CE0E2D;
    color: white;
}
.dropdown.sec0 ~ #section1,
.dropdown.sec0 ~ #section2,
.dropdown.sec0 ~ #section3,
.dropdown.sec0 ~ #section4,
.dropdown.sec1 ~ #section1,
.dropdown.sec2 ~ #section2,
.dropdown.sec3 ~ #section3,
.dropdown.sec4 ~ #section4{
    display: block 
}

.dropdown.sec1 ~ #section2,
.dropdown.sec1 ~ #section3,
.dropdown.sec1 ~ #section4,
.dropdown.sec2 ~ #section1,
.dropdown.sec2 ~ #section3,
.dropdown.sec2 ~ #section4,
.dropdown.sec3 ~ #section1,
.dropdown.sec3 ~ #section2,
.dropdown.sec3 ~ #section4,
.dropdown.sec4 ~ #section1,
.dropdown.sec4 ~ #section2,
.dropdown.sec4 ~ #section3{
    display: none;
}
.downloadsection #section4 {
    margin-bottom: 37px;
}
.downloadsection .sec1 ~ #section1 .tablehead,
.downloadsection .sec2 ~#section2 .tablehead,
.downloadsection .sec3 ~#section3 .tablehead,
.downloadsection .sec4 ~#section4 .tablehead {
    visibility: hidden;
}
.downloadsection div#section4 + .text-center.more:lang(en) {
    display: none;
}
.downloadsection.download .choosecat a.btn:lang(hu) {
    font-size: 1.125rem;
    white-space: normal;
    word-break: break-word;
    height: 68px;
    padding-left: 5px;
    padding-right: 5px;
}
/*****************************************management***********************************/
/*#management:target { 
padding-top: 60px;
margin-top: -60px;
}*/
.management {
    position: relative;
}
.management >.container {
    padding-top: 36px;
    padding-bottom: 60px;
}

.mng_persons img {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}
.mng_descriptiontext {
    font-size: 1.375rem;
    line-height: 1.75rem;
    font-family: "FilsonLight";
    margin-top: 13px;
    margin-bottom: 56px;
}
/***management-modal***/
#company.modal-open {
    padding-right: 0 !important;
}
.management .modal.show {
    position: absolute;
    background-color: rgba(0,0,0,.7);
    width: 100vw;
}
.personmodal {
    padding-right: 0 !important;
}
.personmodal img {
    width: 100%;
    height: auto;
}
.management .modal-dialog {
    max-width: 960px;
    margin-top: 10rem;
}
.management .modal-content {
    border-radius: 0;
}
.management .close.close_top {
    position: absolute;
    top: -140px;
    right: 0;
    color: #A0AAAF;
    opacity: 1;
    font-size: 1.125rem;
    font-family: "FilsonLight";
    text-shadow: none;
}
.management .close_bottom {
    position: absolute;
    bottom: -158px;
    display: block;
    text-align: center;
    width: 100%;
    color: white;
    opacity: 1;
    font-size: 1.125rem;
    font-family: "FilsonLight";
    font-weight: 100;
    text-shadow: none;
}
.management .close.close_top svg {
    width: 56px;
    height: 56px;
}
.management .close.close_top span {
    position: relative;
    display: inline-block;
    top: -19px;
    right: 20px;
}
.personmodal .more {
    position: absolute;
    bottom: 15px;
    left: 12px;
}
.personmodal {
    font-size: 1.125rem;
    line-height: 1.375;
}
.personmodal .order-1 {
    padding-left: 0;
}
.management .close.close_top:hover {
    text-decoration: underline;
}
/************************************************ansprechpartner******************************/
.internal_sales > .container {
    padding-bottom: 60px;
}
.internal_sales .imagewrapper {
    width: 224px;
    height: 154px;
    overflow: hidden;
}
.internal_sales .imagewrapper img{
    width: 100%;
    height: auto;
}
.internal_sales .choosecat_int .btn {
    padding-top: 5px;
    width: 24.3%;
    text-transform: none;
    margin-right: 16px;
}
.internal_sales h2 {
    margin-bottom: 32px;
}
.internal_choice {
    margin-bottom: 58px;
}
.internal_sales .whitewrapper {
    padding-top: 6px;
    padding-bottom: 16px;
    width: 224px;
}
.internal_sales .textwrapper {
    height: 92px;
    margin-bottom: 2px;
}
.internal_sales .textwrapper a {
    font-size: 1rem;
    color: #505A6E;
}
.internal_sales .textwrapper + .btn {
    font-size: .875rem;
    width: 84%;
    padding-top: 5px;
    padding-bottom: 5px;
}
.internal_sales .textwrapper .text-uppercase {
    font-size: .875rem;
    color: #828C96;
}
.internal_sales .section_row {
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    z-index: 0;
    flex-wrap: nowrap;
    scroll-behavior: smooth;
    scrollbar-width: none;
}
.section_row::-webkit-scrollbar {
    display: none;
}
.internal_choice.sec_i1 #btn-i1,
.internal_choice.sec_i2 #btn-i2,
.internal_choice.sec_i3 #btn-i3,
.internal_choice.sec_i4 #btn-i4,
.internal_choice.sec_i5 #btn-i5,
.internal_choice.sec_e1 #btn-e1,
.internal_choice.sec_e2 #btn-e2,
.internal_choice.sec_e3 #btn-e3,
.internal_choice.sec_e4 #btn-e4,
.internal_choice.sec_e5 #btn-e5{
    background-color: #CE0E2D;
    color: white;
}
.internal_choice.sec_i1 ~ #section1,
.internal_choice.sec_i2 ~ #section2,
.internal_choice.sec_i3 ~ #section3,
.internal_choice.sec_i4 ~ #section4,
.internal_choice.sec_i5 ~ #section5,
.internal_choice.sec_e1 ~ #sectionex1,
.internal_choice.sec_e2 ~ #sectionex2,
.internal_choice.sec_e3 ~ #sectionex3,
.internal_choice.sec_e4 ~ #sectionex4,
.internal_choice.sec_e5 ~ #sectionex5{
    display: block;
}

.internal_choice.sec_i1 ~ #section2,
.internal_choice.sec_i1 ~ #section3,
.internal_choice.sec_i1 ~ #section4,
.internal_choice.sec_i1 ~ #section5,
.internal_choice.sec_i2 ~ #section1,
.internal_choice.sec_i2 ~ #section3,
.internal_choice.sec_i2 ~ #section4,
.internal_choice.sec_i2 ~ #section5,
.internal_choice.sec_i3 ~ #section1,
.internal_choice.sec_i3 ~ #section2,
.internal_choice.sec_i3 ~ #section4,
.internal_choice.sec_i3 ~ #section5,
.internal_choice.sec_i4 ~ #section1,
.internal_choice.sec_i4 ~ #section2,
.internal_choice.sec_i4 ~ #section3,
.internal_choice.sec_i4 ~ #section5,
.internal_choice.sec_i5 ~ #section1,
.internal_choice.sec_i5 ~ #section2,
.internal_choice.sec_i5 ~ #section3,
.internal_choice.sec_i5 ~ #section4,

.internal_choice.sec_e1 ~ #sectionex2,
.internal_choice.sec_e1 ~ #sectionex3,
.internal_choice.sec_e1 ~ #sectionex4,
.internal_choice.sec_e1 ~ #sectionex5,
.internal_choice.sec_e2 ~ #sectionex1,
.internal_choice.sec_e2 ~ #sectionex3,
.internal_choice.sec_e2 ~ #sectionex4,
.internal_choice.sec_e2 ~ #sectionex5,
.internal_choice.sec_e3 ~ #sectionex1,
.internal_choice.sec_e3 ~ #sectionex2,
.internal_choice.sec_e3 ~ #sectionex4,
.internal_choice.sec_e3 ~ #sectionex5,
.internal_choice.sec_e4 ~ #sectionex1,
.internal_choice.sec_e4 ~ #sectionex2,
.internal_choice.sec_e4 ~ #sectionex3,
.internal_choice.sec_e4 ~ #sectionex5,
.internal_choice.sec_e5 ~ #sectionex1,
.internal_choice.sec_e5 ~ #sectionex2,
.internal_choice.sec_e5 ~ #sectionex3,
.internal_choice.sec_e5 ~ #sectionex4{
    display: none;
}
[data-scroller] {
    position: relative;
}
.internal_sales [data-scroller-pager] button {
    display: inline-block;
    height: 20px;
    width: 20px;
    padding: 0;
    background-color: transparent;
    border-radius: 100%;
    border: none;
    color: transparent;
    margin-left: 10px;
    margin-right: 10px;
    border: none;
}
.internal_sales [data-scroller-pager] button:before {
    content: "";
    height: 10px;
    width: 10px;
    background-color: #A0AAAF;
    display: block;
    border-radius: 100%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    top: 5px;
}
.internal_sales [data-scroller-pager] button[disabled] {
    background-color: red;
    z-index: 11;
    -webkit-transition: background-color .4s ease-in;
    transition: background-color .4s ease-in;
}
.internal_sales [data-scroller-pager] button[disabled]:before {
    background-color: red;
    -webkit-transition: background-color .4s ease-in;
    transition: background-color .4s ease-in;
}


.internal_sales .r02-mdl {
    margin-left: 13px;
    margin-right: 13px;
}

.internal_sales button[disabled].int-btn-lft,
.internal_sales button[disabled].int-btn-rgt {
    display: none
}

.internal_sales .section_row {
    margin-bottom: 63px;
}
.internal_choice + div {
    position: relative;
}
.internal_sales .int-btn-lft,
.internal_sales .int-btn-rgt {
    position: absolute;
    width: 59px;
    height: 70px;
    top: 120px;
    border: none;
    background-color: transparent;
}
.internal_sales .int-btn-lft svg,
.internal_sales .int-btn-rgt svg {
    height: 40px;
    width: 22px;
}
.internal_sales .int-btn-lft {
    left: -68px;
}
.internal_sales .int-btn-rgt {
    right: -68px;
}
.internal_sales.external .textwrapper {
    height: 112px;
}
.internal_sales.external .textwrapper .text-uppercase {
    height: 44px;
}
/****tooltip Außendienst*************/
#choosecat_int2 {
    position: relative;
}
.tt_wrapper {
    position: absolute;
    background-color: black;
    color: white;
    display: none;
    opacity: 0;
    bottom: 58px;
    padding: 8px 3px 14px 3px;
    width: 19.3%;
    border-radius: .25rem;
    white-space: pre-line;
    filter: drop-shadow(1px 1px 4px rgba(0,0,0,.7));
    left: 0;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}
.tt_wrapper:after {
    content: '';
    position: absolute;
    bottom: 2px;
    border: 20px solid transparent;
    border-top-color: black;
    border-bottom: 0;
    margin-left: -9px;
    margin-bottom: -18px;
    border-width: 19px 9px 0;
}
#choosecat_int2 .btn:hover ~ .tt_wrapper {
    display: block;
    opacity:.7;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}
#btn-e2:hover ~ .tt_wrapper {
    left: 191px;
}
#btn-e3:hover ~ .tt_wrapper {
    left: 380px;
}
#btn-e4:hover ~ .tt_wrapper {
    left: 573px;
}
#btn-e5:hover ~ .tt_wrapper {
    left: 764px;
}
/************************************************Kataloge und Preislisten******************************/
/*.catalogs .choosecat a {
width: 24.63%;
}*/

.catalogs .white_wrapper {
    padding: 11px 20px 20px 12px;
    margin-bottom: 16px;
    position: relative;
    height: 188px;
}
.catalogs .imagewrapper {
    float: left;
    height: 167px;
    width: 116px;
    filter: drop-shadow(1px 1px 2px rgba(0,0,0,.35));
    overflow: hidden;
    margin-right: 32px;

}
.catalogs .pdf_preview {
    margin-bottom: 23px;
    height: 24px;
}
.catalogs input[type=number] {
    line-height: 34px;
    font-size: 20px;
    padding-left: 8px;
    width: 64px;
    margin-top: 23px;
    margin-right: 8px;
    font-size: 1.125rem;
    -moz-appearance:textfield;
    height: 40px;
}

.catalogs input[type=number]::-webkit-inner-spin-button { 
    -webkit-appearance: none;
    cursor:pointer;
    display:block;
    width:30px;
    color: red;
    /*text-align:right;
    position:relative;*/
    font-size: 20px;
}

.catalogs input[type=number]:hover::-webkit-inner-spin-button { 
    background: white url("/HU/repos/files/dietzel/icons/arrows%5fnumberfield%2epng?exp=48585&fps=6f5ebe7faa1cafcf082ba32faf9da6a31d745100") no-repeat 50% 50%;
    background-size: 14px 30px;
    background-position: center right;
    width: 14px;
    height: 30px;
    padding: 4px;
    position: relative;
    right: 0;
    border-radius: none;
    opacity: 1;
}
.catalogs input[type=number]:hover,
.catalogs input[type=number]:focus,
.catalogs input[type=number]:active {
    -moz-appearance:number-input;
} 
.catalogs .headtext {
    margin-top: 21px;
    margin-bottom: 25px;
}
.catalogs .text-wrapper {
    padding-top: 10px;
}
.catalogs .text-wrapper > .text-uppercase {
    font-size: .875rem;
}
.catalogs .text-wrapper .bold {
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin-top: 5px;
    margin-bottom: 7px;
    height: 48px;
}
.catalogs .text-wrapper input[type="checkbox"] {
    opacity:0; 
}
.catalogs .text-wrapper input[type="checkbox"] + label {
    position: relative;
    padding-left: 6px;
    color: #828C96;
}
.catalogs .text-wrapper input[type="checkbox"] + label:before {
    content: "";
    height: 17px;
    width: 17px;
    border: 1px solid #828C96;
    border-radius: 3px;
    background-size: 40px 40px;
    position: absolute;
    left: -18px;
    top: 2px;
}
.catalogs .text-wrapper input[type="checkbox"]:checked + label {
    color: #505A6E;
}
.catalogs .text-wrapper input[type="checkbox"]:checked + label:before {
    background-color: #505A6E;
    border: 1px solid #505A6E;
}
.catalogs .text-wrapper input[type="checkbox"]:checked + label:after {
    content: '';
    width: 12px;
    height: 5px;
    top: 6px;
    left: -15px;
    position: absolute;
    border: 2px solid white;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-39deg);
    transform: rotate(-39deg);
}
.catalogs .orderinfo {
    width: 47%;
    padding-top: 49px;
}
.catalogs .shoppingcart {
    margin-bottom: 47px;
    font-size: 1.125rem;
    line-height: 1.5rem;
}
.catalogs .shoppingcart + button {
    width: 68%;
    display: inline-block;
    margin-left: 16%;
}
.downloadsection.catalogs img {
    width: 100%;
}
.catalogs:lang(hu) #section2,
.catalogs:lang(hu) #section3 {
    display:none;   
}
/*****orderform catalogs********/
.order_form {
    background-color: rgba(0,0,0,.5);
    position: absolute;
    width: 100vw;
    top: 141px;
    font-size: 1.125rem;
    left: 100vw;
    left: 0;
    z-index: -1;
    -webkit-transition: z-index .9s;
    transition: z-index .9s;
    -webkit-animation-duration: .6s;
    -moz-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
}
.order_form .zip {
    width: 31.5%;
    float: left;
}
.order_form .city {
    width: 65%;
    float: right;
}
.order_form .city + .form-group{
    clear: both
}
.order_form.openform {
    z-index: 3;
    -webkit-transition: z-index .1s;
    transition: z-index .1s;
    -moz-animation-duration: .6s;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
    -moz-animation-name:fadeInRight;
}
.order_form_wrapper {
    padding-top: 22px;
    margin-left: auto;
    padding-right: 16px;
    width: 539px;
    padding-bottom: 284px;
    position: relative;
}
.order_form.openform .order_form_wrapper .btn-primary {
    display: block;
}
.sidebuttons.openform,
.sidebuttons.openbookmark {
    right: 542px;
    -webkit-transition: right .6s;
    transition: right .6s;
    position: absolute;
    -webkit-transition: z-index .1s;
    transition: z-index .1s;
    -moz-animation-duration: .6s;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
}
.sidebuttons.openform:lang(hu) {
    right: 554px;
}
.sidebuttons .third {
    position: relative; 
}
.sidebuttons .number {
    position: absolute;
    color: white;
    border: 1px solid white;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: .75rem;
    line-height: 1.1rem;
    background-color: #828C96;
    right: 7px;
    top: 7px;
}
.sidebuttons .number:lang(hu) {
    right: 12px;
    top: 10px;
}
.openform.sidebuttons .number {
    background-color: #CE0E2D; 
}
.order_form form {
    padding-left: 16px;
    margin-bottom: 7px;
}
.catalogs .selection {
    margin-top: 29px;
    padding-top: 10px;
    padding-left: 13px;
    padding-bottom: 12px;
    border-radius: 5px;
    margin-bottom: 38px;
}
.order_form h2 {
    margin-bottom: 4px;
}
.order_form_wrapper .btn-primary {
    width: 62%;
    line-height: 1.4rem;
    margin-top: 22px;
}
.order_form input:-webkit-autofill, 
.order_form input:-webkit-autofill:hover, 
.order_form input:-webkit-autofill:focus, 
.order_form input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
.dsgvo {
    font-size: .875rem;
}
.error {
    display: none;
}
.sec1 ~ #section1 .headtext,
.sec1 ~ #section1 .line-faded,
.sec2 ~ #section2 .headtext,
.sec2 ~ #section2 .line-faded,
.sec3 ~ #section3 .headtext,
.sec3 ~ #section3 .line-faded {
    visibility: hidden;
}
/****************************************breadcrumbs*************************************/
.breadcrumbs_all {
    margin-bottom: -5px;
}
.breadcrumbs_all a,
.breadcrumbs_all span {
    font-size: .875rem;
    text-transform: uppercase;
    color: #505A6E;
}
.breadcrumbs_all span:last-child {
    font-family: "FilsonBold";
}
.detailpage #breadcrumbs {
    margin-bottom: 38px;
}
.detailpage { 
    margin-top: 30px;
}
/********************************************jobs*********************************************/
.jobs > .container {
    max-width: 640px;
}

.jobs svg {
    width: 23px;
    height: 12px;
    margin-left: 2px;
    margin-right: 13px;
}
.vacancy_title.bold {
    font-size: 1.125rem;
    line-height: 1.5rem;
}
.jobs .jobtext {
    line-height: 1.5rem;
    font-size: 1.125rem;
}
.jobs > .container {
    padding-top: 30px;
    padding-bottom: 69px;
}
.jobs .vacancy_title {
    margin-top: 39px;
}
.jobs .date {
    margin-bottom: 8px;
}
.jobs .collapse-link .line-faded {
    margin-top: 11px;
}
.jobtext {
    margin-bottom: 37px;
}
.btn-wrapper .btn {
    width: 303px;
    line-height: 1.4rem;
    margin-bottom: 28px;
}
.jobs .morelink {
    padding-bottom: 13px; 
}
.morelink.rotate > svg {
    transform: rotate(180deg);
}
.jobs .line-faded {
    display: block !important;
}
/*****************locations-overview*****************************/
.locations_overview > .container {
    padding-top: 24px;
    padding-bottom: 35px;
}
.locations_overview .col-4 {
    padding-left: 16px;
}
.locations_overview h2,
.locations_overview .likeh2
{
    margin-bottom: 43px;
}
.locations_overview .country {
    font-size: .875em;
    line-height: 1.25rem;
}
.locations_overview .company {
    height: 44px;
}
.country_location {
    margin-bottom: 50px;
}
.country_location .line-faded {
    width: 900px;
    position: absolute;
    left: -600px;
    top: -22px;
}
.locations_overview h2 + .row,
.locations_overview .likeh2 + .row
{
    margin-bottom: 46px;
}

/*****************locations-map*****************************/
.locations_map {
    position: relative;
}
.locations_map #map {
    height:720px;
}
.locations .overlay {
    position: absolute;
    top: 110px;
    z-index: 3;
    background-color: white;
    width: 300px;
    padding: 16px;
    border-radius: 5px;
    box-shadow: 1px 2px 8px 2px rgba(0,0,0,.3)
}
.locations .overlay .description {
    margin-top: 24px;
    margin-bottom: 24px;
}
.locations .overlay > .country {
    font-size: .875em;
    line-height: 1.25rem;
}
.locations .overlay a {
    font-size: 1rem;
    text-transform: none;
    line-height: 1.375rem;
}
.locations .overlay .route {
    margin-top: 24px;
    display: inline-block;
    margin-left: -8px;
}
.locations .overlay .fax:before {
    content: "F: ";
    font-family: "FilsonBold";
    font-weight: 700;
}
.locations .overlay .phone:before {
    content: "T: ";
    font-family: "FilsonBold";
    font-weight: 700;
}
/****************************************************contact_form********************************************/
.contact > .container {
    padding-top: 14px;
    padding-bottom: 80px;
}
.contact h2,
.contact .likeh2{
    margin-bottom: 30px;
}
.contact .kicker {
    font-size: .875rem;
    line-height: 1.25rem;
}
.contact .kicker + p {
    font-size: 1rem;
    margin-top: 2px;
    margin-bottom: 49px;
}
.contact .left {
    max-width: 64%;
    padding-right: 18px;
}
.contact .faxline + .kicker {
    margin-bottom: 12px;
}
.contact .link-medium {
    margin-bottom: 6px;
}
#contact_send_btn {
    width: 80%;
}
/****************************************************menü produkte dropdown********************************************/
.productburger #dd_products svg {
    fill: #CE0E2D;
    height: 16px;
    width: 8px;
    position: absolute;
    right: 0;
    top: 12px;
    display: none;
}
.productburger #dd_products .search-treeitem {
    position: relative;
    padding-left: .7em;
}
div#dd_products {
    padding-top: 38px;
    padding-bottom: 20px;
    font-family: "FilsonBook";
    font-weight: 300;
    font-size: 1.125rem;
    line-height: 2rem;
}
dropdown-item:active {
    background-color: #CE0E2D;
    color: white;
}

/*************************************service-button-show-content***********************************/
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(584px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
} 
@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(584px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
} 
@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        transform: translateX(584px);
    }
} 
@keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        transform: translateX(584px);
    }
} 

/*****servicepart that slides in from right******************/
.bookmarks_slide,
.service_slide {
    background-color: rgba(0,0,0,.5);
    position: absolute;
    width: 100vw;
    height: 100vh;
    align-items: baseline;
    top: 141px;
    font-size: 1.125rem;
    left: 100vw;
    left: 0; 
    z-index: 0;
    -webkit-transition: z-index .9s;
    transition: z-index .9s;
    -webkit-animation-duration: .6s;
    -moz-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    animation-fill-mode: both;
}
/* on startpage bookmark and service slide need to highher positioning becasue of breadcrumbs */

/*body#dietzel .bookmarks_slide .bookmarks_slide_wrapper, 
body#dietzel .service_slide .service_slide_wrapper {
top: -18px;
}*/
body#dietzel .modalfix {
    margin-top: 122px;
}
.openservice.service_slide,
.openbookmark.bookmarks_slide {
    z-index:3;
    -webkit-transition: z-index .1s;
    transition: z-index .1s;
    -moz-animation-duration: .6s;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
}
.bookmarks_slide.openservice
.service_slide.openservice {
    z-index: 3;
    -webkit-transition: z-index .1s;
    -moz-transition: z-index .1s;
    transition: z-index .1s;
    -webkit-animation-duration: .6s;
    -moz-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
.service_slide_wrapper {
    position: relative;
    width: 539px;
    margin-right: 0;
    margin-left: auto;
    padding-top: 17px;
    padding-right: 66px;
    padding-left: 55px;
    box-shadow: inset 0px 10px 16px -5px rgba(0,0,0,.34);
    padding-bottom: 180px;
}
.slideOut {
    -moz-animation-name: fadeOutRight; 
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight; 
}
.sidebuttons.openservice {
    position: absolute;
    right: 527px;
    -webkit-transition: right .6s;   
    transition: right .6s;
    -webkit-transition: z-index .1s;
    transition: z-index .1s;
    -moz-animation-duration: .6s;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
}
.service_slide_wrapper h2 {
    margin-bottom: 30px;
    margin-top: 28px;
}
.service_slide_wrapper .part1 .imagewrapper {
    height: 145px;
    overflow: hidden;
}
.service_slide_wrapper .part1 img {
    width: 100%;
    height: auto;
}
.service_slide_wrapper .textwrapper {
    padding-top: 7px;
    font-size: 1rem;
}
.service_slide_wrapper .textwrapper .text-uppercase {
    font-size: .875rem;
    line-height: 1.17rem;
}
.service_slide_wrapper .textwrapper .text-uppercase {
    font-size: 1rem;
    color: #505A6E;
}
.service_slide_wrapper a.btn {
    font-size: .875rem;
    line-height: 1.25rem;
    padding: .2rem;
    margin-top: 4px;
    width: 84%;
}
.openservice .service_btn.first {
    background-color: #CE0E2D;
}
.service_slide_wrapper .whitewrapper {
    padding-bottom: 24px;
}
.service_slide_wrapper a.more {
    margin-top: 26px;
    display: block;
}
.service_slide_wrapper .part1,
.service_slide_wrapper .part2 {
    padding-bottom: 19px;
}
.service_slide_wrapper .part3 {
    padding-bottom: 54px;
}
.service_slide_wrapper .part2 p {
    white-space: normal;
}
.service_slide_wrapper .part3 a.more {
    margin-top: 4px;
}
.service_slide_wrapper .part3 h2,
.service_slide_wrapper .part3 .likeh2 {
    margin-top: 63px;
    margin-bottom: 0;
}
.service_slide_wrapper a[href^="tel:"] {
    color: #505A6E;
}
.bookmarks_slide_wrapper h2,
.bookmarks_slide_wrapper .likeh2 {
    margin-top: -5px;
    margin-bottom: 4px;
    font-size: 1.5rem;
}
/********bookmarks********************************************/
a.merkstarlink:hover {
    text-decoration: none;
}
.openbookmark .service_btn.second {
    background-color: #CE0E2D;
}
.bookmarks_slide_wrapper .imagewrapper {
    width: 19.5%;
}
.bookmarks_slide_wrapper .textwrapper {
    font-size: 1rem;
}
.bookmarks_slide_wrapper {
    position: relative;
    width: 554px;
    margin-right: 0;
    margin-left: auto;
    padding-top: 17px;
    padding-left: 16px;
    padding-right: 16px;
    box-shadow: inset 0px 9px 23px -5px rgba(0,0,0,.35);
}
.bookmarks_slide_wrapper .imagewrapper img {
    width: 100%;
    height: auto;
}
.boomarks_svg {
    width: 15px;
    height: 26px;
}
.garbage_wrapper {
    align-self: center; 
}
.garbage_wrapper button {
    background-color: transparent;
    border: none;
}
.bookmarks_slide .form_wrapper {
    padding-bottom: 7px;
    padding-top: 9px;
    padding-right: 23px
}
.bookmarks_slide .button_wrapper {
    padding-top: 29px;
    padding-bottom: 61px;
}
.bookmarks_slide .compare_btn,
.bookmarks_slide .download_btn{
    width: 57%;
    line-height: 1.28rem;
    margin-bottom: 24px;
}
.bookmarks_slide .button_wrapper .kicker {
    font-size: .875rem;
    line-height: 1.25rem;
}
.bookmarks_slide .button_wrapper .kicker + div {
    font-size: 1rem;
}
.bookmarks_slide .dz-control-label {
    margin-left: 13px;
    font-size: 1rem;
    margin-bottom: 13px;
    position: relative;
}
.bookmarks_slide .dz-control-label::before {
    left: -20px;
}
.dz-control-label::after {
    left: -14px;
}
.compare_btn + .kicker + div {
    padding-left: 50px;
    padding-right: 50px;
}
.choosecat_book {
    position: absolute;
    background-color: white;
    z-index: 3;
    text-align: left;
    display: block;
    width: 100%;
    border: 1px solid #ECECEC;
    border-radius: 8px;
    background-color: #F4F4F4;
}
.choosecat_book a {
    text-transform: none;
    color: #505A6E;
    display: block;
    font-size: 1rem;
    line-height: 2.8rem;
    padding-left: 14px;
}
.choosecat_book a:hover {
    background-color: #CE0E2D;
    color: white;
    text-decoration: none;
}
.bookmarksafe_choice {
    width: 57%;
    margin-top: 13px;
    margin-bottom: 7px;
    position: relative;
}
.bookmarks_slide_wrapper a.bold {
    font-size: 1rem;
    text-transform: none;
    color: #505A6E;
}
.minimum_prod {
    position: relative;
    color: white;
    background-color: black;
    width: 57%;
    padding: 5px 32px;
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
}
.minimum_prod:after {
    content: "";
    display: block;
    position: absolute;
    left: 47%;
    top: -19px;
    border-right: 12px solid transparent;
    border-bottom: 20px solid black;
    border-left: 11px solid transparent;
}
#btn-bm {
    color: #505A6E;
    -webkit-transition: all .9s;
    transition: all .9s;
    width: 99%;
    text-transform: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    padding-left: 14px;
    padding-right: 10px;
    border: 1px solid #ECECEC;
    font-size: 1rem;
}
#btn-bm svg {
    height: 13px;
    width: 13px;
}
.download_btn {
    margin-bottom: 18px;
}
.choosecat_book.hide {
    display: none; 
}
.ml_amount {
    position: absolute;
    top: 15px;
    right: 25px;
    color: white;
    font-size: .75rem;
    font-family: "FilsonBold";
    width: 20px;
    height: 20px;
    text-align: center;
}
.service_btn.second {
    position: relative;
}
.close_me {
    position: absolute;
    right: 42px;
    top: 16px;
    font-size: 1.3em;
    padding: 0 5px;
    cursor: pointer;
}

/******************newsletter_dsgvo*************************/
.newsletter_dsgvo {
    width: 55%;
    margin-top: 40px;
}
.prefooter a.red {
    color: #CE0E2D;
}
form#mc-embedded-subscribe-form {
    margin-left: auto;
    margin-right: auto;
}
/*******************success-messages forms******************/
#confirm, #confirm + div {
    display:none;
}
#confirm:checked + div {
    display:block;
    z-index: 2;
}

.success_layer {
    background-color: rgba(0,0,0,.7);
    position: absolute;
    width: 100vw;
    height: 100vw;
    top: 114px; 
}
.success_content {
    padding: 30px;
    width: 37%;
    margin-top: 100px;
    border-radius: 3px;
}
.success_content .kicker {
    margin-bottom: 10px;
}
.success_content .line-faded {
    margin-bottom: 18px;
}
.success_content button {
    margin-top: 39px;
    width: 80%;
}
/********************************suche detailseite*******************************/
.type {
    font-size: .875rem;
    line-height: 1.25rem;
}
.add_to_bookmarks_wrapper {
    position: absolute;
    right: 5px;
    bottom: 11px;
}
.add_to_bookmarks {
    border: none;
    background-color: transparent;
}
.to_boomarks_svg {
    height: 26px;
    width: 26px;
    margin-right: 8px;
}
.compare_box + .dz-control-label {
    margin-left: 22px;    
}

.searchdetail .imagewrapper {
    height: 140px;
    width: 147px;
    overflow: hidden;
}
.searchdetail .textwrapper {
    padding-top: 16px;
    padding-left: 16px;
}
.searchdetail .imagewrapper img {
    width: 100%;
    height: auto;
}
.searchdetail li:hover {
    box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.58);
}
#productresults .searchdetail .container:lang(hu) {
    display: none;
}
.searchresults .nav > .col-12:first-of-type:lang(hu) {
    display: none;
}
.search-popup:lang(hu) {
    display:none; 
}
#btn-searchsort svg {
    height: 10px;
    width: 10px;
    margin-left: 4px;
}
.search_notfound {
    padding-top: 25px;
    font-size: 1.5rem;
}
.search_notfound hr {
    margin-top: 14px;
    margin-bottom: -3px;
}
.search_result_amount + hr {
    margin-top: 3px;
}
.searchsort_choice {
    width: 20%;
}
#btn-searchsort {
    background-color: transparent;
}
.or_else {
    margin-bottom: 14px;
}
.filter .kicker {
    padding-top: 10px;
    padding-left: 11px;
    padding-bottom: 10px;
    padding-right: 13px;
    position: relative;
}
.searchresult_categories .search-treeitem {
    font-size: 1rem;
    line-height: 1.25rem;
    padding-left: 10px;
    padding-right: 5px;
    padding-top: 7px;
    overflow: hidden;
}
.searchresult_categories .search-treeitem span {
    max-width: 100%;
    word-break: break-word;
    white-space: none;
}
.filter {
    margin-bottom: 10px;
}
.filter svg {
    width: 11px;
    height: 19px;
    transform: rotate(90deg);
    position: absolute;
    right: 17px;
}
.filter .kicker[aria-expanded="true"] svg {
    transform: rotate(-90deg);
}
.to_boomarks_text {
    padding-top: 6px;
}
.searchsort_choice .choose_filter {
    border-radius: 0;
    width: 16%;
}
.searchitem_results .form_wrapper {
    position: relative;
    margin-bottom: 16px;
}
.searchitem_results .form_wrapper:hover {
    box-shadow: 2px 2px 10px 0px rgba(0,0,0,.35);
}
/*****Produkte Detail***********/

select::-ms-expand {
    display:none;
}
.detailstop .detailimg {
    text-align: center;
}
.detailstop .detailimg img{
    max-height: 308px;
    max-width: 100%;
}
.producttitle + .ausfseldiv {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding-right: 63px;
    width: 35%;
    top: -2px;
    right: 0;
}
.producttitle + .ausfseldiv > span{
    align-self: flex-start;
}
.selparallel {
    width: 100%;
}
.detailpage .bg-graylightest .container {
    position: relative;
}
.addto_bm {
    border: none;
    margin-top: 16px; 
    position: relative;
}
#vertriebstext + .ausfseldiv{
    margin-top: 20px;
}
.selparallel {
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; 
    padding: 5px;
    padding-left: 10px;
    border: none;
    border-bottom: 1px solid #595A6E;
    background: url("/HU/repos/files/dietzel/icons/ico%5fsortmenu%2esvg?exp=48589&fps=a85dfb89a1115a357a8ad22c3ce32809029ab721") 95% / 4% no-repeat;
}
.ausfseldiv span:first-of-type {
    text-transform: uppercase;
    font-family: "FilsonBold";
    display: inline-block;
    margin-bottom: 5px;
}
.ausfseldiv {
    margin-bottom: 14px;
}
.justadded {
    position: relative;
    margin-top: 15px;
    display: block;
    color: white;
    word-break: normal;
    white-space: normal;
    text-transform: none;
    background-color: black;
    width: 100%;
    padding: 5px;
    border-radius: 5px;
}
.justadded.saved {
    position: absolute;
    margin-top: -50px;
}
.justadded.saved:after {
    display: none;
}
.ausfseldiv ~.justadded.saved {
    bottom: 40px;
}
.ausfseldiv ~.justadded.saved:after {
    display:block;
}
.justadded:after {
    content: "";
    display: block;
    position: absolute;
    left: 46%;
    border-right: 12px solid transparent;
    border-top: 20px solid black;
    border-left: 11px solid transparent;
}
.justadded.choose:after {
    border-bottom: 18px solid black;
    border-top: none;
    top: -13px;
}
.justadded.choose{
    display: none;
}
.ausfseldiv + .justadded.choose{
    display: block;
    height: 32px;
}
/*Produktübersichtsseite -> inline-style adaptiert*/
#tree {
    background: white;
    width: 224px;
    float: left;
    padding: 11px 15px;
}
/*a.treeitem {
color: inherit;
text-transform: inherit;
font-size: inherit;
line-height: inherit;
text-decoration: inherit;
font-family: inherit;
font-weight: inherit;
background: inherit;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
cursor: pointer;
}*/
#tree + #content {
    float: right;
    width: 704px;
}
.produktlink {
    background: white;
    margin-bottom: 16px;
}
#content div.produktlink a, #content div.produktlink a:hover {
    color: #505A6E;
    text-decoration: none;
    text-transform: none;
}
#content div.produktlink a div > span:first-of-type {
    font-family: "FilsonBold";
}
#content img {
    max-height: 68px;
    max-width: 82px;
    float: left;
    border: 5px solid white;
}
#content img + div {
    padding: 10px 11px 10px 161px;
}

/***Produkte Übersichtsseite******/
.treeitem  {
    display:block;
    cursor:pointer;
}
.treeitemaktiv  {
    font-weight:bold;
}
.treeitem:hover {
    background:#ccc;
}
.nav1:not(:first-child)  {
    margin-top:15px;
}

div.produktlink a, div.produktlink a:hover {
    color:#505A6E;
    text-decoration:none;
    text-transform: none;
}
div.produktlink:hover {
    box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.58);
}
.productsgen #breadcrumbs {
    padding-bottom: 24px;
}
.produktlink a,
#breadcrumbs a{
    text-transform: none;
}
.detailpage { 
    margin-top: 24px;
}
/*****fix modals*******/
body.noscroll {
    overflow-x: hidden; 
    position: fixed;
    width: 100vw;
}
.noscroll .modalfix {
    position: fixed;
    overflow-y: scroll;
    margin-top: 140px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
/*****404-Seite*********/
.p_404 {
    min-height:100px;
    background-color:#CE0E2D; 
    background-image: url("/HU/repos/files/dietzel/titleimage/fehler404%2ejpg?exp=66014&fps=968a886434c05b090ff01cd1ba81b4f0144b7208");
    background-position: center center;
    height: 760px;
    color: #CE0E2D; 
}
.p_404 .headline {
    font-size: 18em;
    margin-top: 95px; 
    font-family: "FilsonBold";
}
.p_404 .mistake {
    font-size: 1.3em;
    margin-top: -13px;
}
.broken {
    margin-top: 138px;
    font-size: 1.44em;
    margin-bottom: 282px;
}
.p_404 .linktext div {
    font-size: 1.3em;
    margin-bottom: 19px;
}
.p_404 .btn-primary {
    width: 144px;
    padding: 6px;
}
/*****404-Seite Ende*********/


/*remove slider arrows below 1280px******/
@media (max-width: 1280px) {
    [class$="-btn-lft"],
    [class$="-btn-rgt"] {
        display: none;
    }
}
.searchresults .btn-white.active {
    background-color: #CE0E2D;
    color: white;
}
.searchresults .col-6:first-of-type {
    padding-right: 3px;
}
.searchresults .col-6:nth-of-type(2) {
    padding-left: 3px;
}
/* Cookie consent*/
.cc-window.cc-banner {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 10;
}
.cc-compliance {
    text-align: right;
}
.dietzel-cookie-consent.container {
    padding: 20px 0;
}
.cc-compliance .cc-btn {
    color: #fff !important;
    background-color: #CE0E2D !important;
    border-radius: 6px;
    padding: 3px 20px;
    cursor: pointer;
}
.cc-right {
    border-radius: 6px;
    width: 100%;
    position: relative;
}
.cc-invisible {
    display: none;
}
/*.cc-banner .cc-btn:last-child {
min-width: unset;
max-width: 100px;
}*/
body > div[aria-label="cookieconsent"]:first-of-type {
    display: none;
}
/*==============================================================================================tablet start====================================================================================================*/
@media (max-width: 960px) {
    h1.likeh2 {
        font-size: 1.25rem;
        line-height: 1.5rem;
    }
    .service_redstar {
        height: 95px;
    }
    /********************************link-style more********************************/
    .more > a,
    .more > label {
        font-size: 1.125rem;
    }
    .more > label {
        color: #CE0E2D;
        text-decoration: none;
        line-height: 1.375rem;
        font-family: "FilsonBook";
        font-weight: 300;
        text-transform: uppercase;
    }
    /********************************jumplink********************************/
    .jump {
        padding-top: 27px;
    }
    /**********************************************toptemplate_text **************************/
    .toptemplate_text .more {
        margin-top: 48px;
    }
    .jump .line-faded {
        margin-top: 22px;
    }
    /************************************************************header start****************************/    
    .navrow-top .nav-item {
        line-height: 1.5em;
    }
    .mobil_header .logo_menu svg {
        width: 201px;
        height: 84px;
        background-color: white;
        z-index: 4;
        margin-top: -45px;
    }
    .mobil_header .navbar-toggler svg {
        fill: white;
        width: 31px;
        height: 38px;
    }
    .mobil_header .red_bar:before {
        width: 42%;
        height: 40px;
        top: 6px;
    }
    .mobil_header .red_bar:after {
        width: 27%;
        height: 40px;
        top: 6px;
        z-index: 1;
    }
    .mobil_header button.navbar-toggler {
        padding: .0625rem;
    }
    .mobil_header button.navbar-toggler {
        width: 60px;
    }
    button.navbar-toggler:focus {
        outline: none;
    }
    .mobil_header a .merklistenlink  {
        color: #828C96;
        font-size: 0.875rem;
        line-height: 1.5;
        font-weight: 700;
    } 
    .mobil_header .navrow-top .navbar-nav {
        flex-direction: row; 
    }
    .mobil_header .header_red {
        width: 400px;
        height: 40px;
        flex-direction: row;
    }
    .mobil_header .header_red a.nav-link {
        color: white;
        font-size: 1.1rem;
        line-height: 1.5em;
        padding-bottom: 0;
        float: right;
        padding-left: 7px;
    }



    .mobil_header a.logo_menu {
        height: 0;
        margin-left: 403px;
        margin-top: -78px;
        z-index: 7;
    }
    .mobil_header span.countryflag {
        margin-left: 16px;
        margin-right: 4px;
        margin-top: 4px;
    }
    .mobil_header .merkstar svg {
        height: 21px;
        width: 21px;
        position: absolute;
        top: 0;
        left: -27px;
    }
    .mobil_header [data-toggle="modal"] {
        margin-right: 57px;
        margin-top: 1px;
    }
    .mobil_header .merkstar {
        position: relative;
    }
    .mobil_header .navbar-bottom.red_bar {
        margin-top: 19px;
        height: 40px;
    }
    .mobil_header .nav-wrapper {
        height: 40px;
        width: 90%;
    }
    .mobil_header li.search svg {
        height: 24px;
        width: 23px;
    }
    .mobil_header li.search {
        padding-right: 11px;
    }
    .mobil_header #choose_country .modal-dialog {
        background-color: transparent;
    }
    ul.navbar-toggler button {
        padding-bottom: 0;
        padding-top: 0;
        border-color: transparent;
        background-color: transparent;
    }
    .header_red li.nav-item:active a:not(#searchicon),
    .header_red li.nav-item:active + li.nav-item a:not(#searchicon),
    .header_red .navbar-toggler[aria-expanded="true"] a:not(#searchicon) {
        color: #CE0E2D;
        font-family: "FilsonBold";
    }
    ul.navbar-toggler a {
        line-height: 1.5;
    }
    button:focus { 
        outline: 0;
    }
    .sticky .header_red .navbar-toggler[aria-expanded="true"] button {
        margin-top: 10px;
        margin-left: 7px;
        margin-right: 6px;
    }
    ul.navbar-toggler {
        background-color: white;
    }
    ul.navbar-toggler.collapsed {
        background-color: #CE0E2D;
        border-radius: 0;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    ul.navbar-toggler.collapsed a {
        color: white;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    .header_red ul.navbar-toggler.collapsed button {
        border-color: transparent;
        background-color: transparent;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    .navbar-toggler.collapsed svg {
        fill: white !important;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    .mobil_header .header_red li.nav-item ul.navbar-toggler.collapsed a {
        color: white;
        font-family: "FilsonBook";
    }
    .header_red .navbar-toggler[aria-expanded="true"] svg {
        fill: #CE0E2D;
    }
    /******** searchfield header****/
    .mobil_header .searchfield input{
        /*#searchfieldsm input {*/
        height: 36px;
        width: 359px;
    }
    .search-visible .mobil_header .searchfield{
        /*.search-visible #searchfieldsm {*/
        top: 2px;
    }
    .searchfield input[name="q"]{
        /*input.searchfield_products {*/
        padding-left: 14px;
    }
    .reset_x {
        top: 9px;
        right: 8px;
    }
    .mobil_header .navbar-toggler {
        padding-top: 0;
        padding-right: 17px;
        padding-left: 8px;
        font-size: 1rem;
        border: none;
    }
    .nav-item.navbar-toggler {
        height: 40px;
        border-radius: 0;
    }
    /********header after scroll tablet*******/

    .mobil_header .red_bar.sticky {
        margin-top: 0;
        height: 60px;
        z-index: 10;
    }
    .mobil_header .red_bar.sticky:before {
        width: 100%;
    }
    .mobil_header .sticky .navbar-bottom.red_bar {
        height: 60px;
    }
    .mobil_header .sticky .nav-wrapper {
        height: 60px;
    }
    .mobil_header .sticky .nav-item.navbar-toggler {
        height: 60px;
    }
    .mobil_header .red_bar.sticky a.logo_menu::after {
        height: 60px;
    }
    .mobil_header .red_bar.sticky .header_red {
        height: 60px;
    }
    .red_bar.sticky li.nav-item:not(.search) a {
        line-height: 2.7;
    }
    .red_bar.sticky .navbar-toggler.collapsed button {
        margin-top: 10px;
        margin-left: 8px;
        margin-right: 6px;
    }
    .mobil_header .red_bar.sticky a.logo_menu::after {
        right: 99px;
    }
    .mobil_header .red_bar.sticky li.search svg {
        margin-top: 5px;
    }
    .mobil_header .red_bar.sticky .navbar-toggler.collapsed button {
        margin-left: 7px;
    }
    .mobil_header .header_red .navbar-toggler:hover li a.nav-link {
        color: #CE0E2D;
        font-family: "FilsonBold";
        font-weight: 700;
    }
    .mobil_header .red_bar.sticky:before {
        height: 60px;
        top: 0;
    }
    .navbar-collapse {
        position: absolute;
        z-index: 2;
        margin-top: -6px;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    .mobil_header .sticky .searchfield input{
        /*.sticky #searchfieldsm input {*/
        height: 54px;
    }
    .sticky + .navbar-collapse {
        margin-top: 31px;
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        position: fixed;
        z-index: 2;
    }
    /**************************navitems menu-dropdown dt/mobile********************************/
    .navbar-collapse > .container {
        padding-left: 0;
    }
    .navbar-collapse .navbar-nav {
        width: 320px;
        background-color: white;
        box-shadow: 8px 2px 24px 3px rgba(0,0,0,0.24);
        overflow: auto;
        max-height: 91vh;
        padding-bottom: 15px;
    }
    .navbar-collapse hr {
        border-color: #F4F4F4;
        width: 318px;
        border-style: solid;
        border-width: 1px;
        margin: 0;
    }
    .navbar-collapse .nav-item.home {
        background-color: #CE0E2D;
    }
    .navbar-collapse .nav-item.home a {
        color: white;
    }
    .navbar-collapse .nav-item a:hover,
    .navbar-collapse .nav-item a:active {
        text-decoration: none;
    }
    .navbar-collapse .nav-item a,
    .navbar-collapse .collapse.show > ul > li > a {
        color: #505A6E;
        text-transform: none;
        padding-top: 5px;
        padding-bottom: 9px;
        display: block;
        font-size: 1.1em;
        white-space: normal;
    }
    .navbar-collapse .nav-item > a {
        color: #CE0E2D;
        text-transform: uppercase;
        display: block;
        position: relative;
        padding-top: 8px;
        padding-bottom: 9px;
        font-size: 1em;
        font-family: "FilsonBold";
        font-weight: 700;
    }
    .navbar-collapse .nav-item a {
        padding-left: 13px;
    }
    .navbar-collapse .nav-item > a[aria-expanded="true"] {
        background-color: #F4F4F4;    
    }
    .navbar-collapse .arrow_svg {
        position: absolute;
        right: 14px;
        top: 10px;
    }
    .navbar-collapse .nav-item > a svg{
        width: 18px;
        height: 16px;
    }
    .navbar-collapse .nav-item > a[aria-expanded="true"] svg {
        transform: rotate(180deg);
    }
    li.nav-item.extras a {
        color: #828C96;
        font-size: 0.875em;
        padding-bottom: 0;
        padding-top: 7px;
    }
    /*********************************************text_image_link_column-Template********/
    .text_image_link_column > .container {
        padding: 27px 6px 40px;
    }
    .text_image_link_column .lead {
        font-size: 1.24rem;
        line-height: 1.5rem;
        margin-top: 19px;
    }
    .text_image_link_column .imagetmpl {
        width: 48%;
        margin-top: 36px;
        margin-bottom: 46px;
    }
    /*************************************************categories-Template*******************/
    .categories nav .nav-link {
        padding-top: 6px;
        padding-bottom: 8px;
    }
    .nav-tabs .nav-link span > span:first-of-type {
        font-family: "FilsonBold";
        font-size: .875rem;
    }
    .categories nav {
        height: 81px;
    }
    .categories .nav-tabs .nav-link span > span ~ span {
        font-size: .875rem;
    }
    .categories nav #nav-1-tab svg {
        width: 31px;
    }
    .categories nav #nav-3-tab svg {
        width: 35px;
    }
    .categories nav #nav-4-tab svg {
        width: 35px;
    }
    .categories nav .nav-link {
        padding-left: 5px;
        padding-right: 5px;
        text-align: center;
        width: 20%;
    }
    .categories .nav-tabs .nav-link svg {
        height: 28px;
    }
    .categories .nav-tabs .nav-link svg {
        width: 49px;
    }
    .categories .tab-pane {
        padding-top: 11px;
    }
    .categories .nav-tabs .nav-link span + span {
        top: 4px;
    }
    /***************************************categorie_insert_text_video-Template*************/
    .text_video .text-col {
        padding-right: 94px;
    }
    .text_video .embed-responsive {
        height: 280px;
    }
    .text_video .embed-responsive {
        height: 184px;
    }
    .text_video .more {
        display: inline-block;
        margin-top: -39px;
        margin-left: 55%;
    }
    .text_video .copylg {
        font-size: 1rem;
        line-height: 1.38;
    }
    .text_video .text-col {
        padding-right: 12px;
    }
    .text_video.reverse-content .more {
        margin-left: 0;
    }
    .text_video.white .more a:before {
        background-image: url("/HU/repos/files/dietzel/icons/ico%5flink%5fwhite%2esvg?exp=48587&fps=c0143c26ba4c19b45568e2582397c5c714c738d3"); 
    } 
    /**************************************sortiment_start************************************/
    .assortment-row > div{
        margin-bottom: 14px;
    }
    .assortment .image-wrapper {
        margin-bottom: 7px;
    }
    /**********************************************news_cards**********************************************/
    .news_cards {
        padding-top: 10px;
    }
    .news_cards .wrapper {
        padding-bottom: 0;
    }
    .news_cards .image-wrapper {
        height: 235px;
        width: 50%;
    }
    .news_cards .text-wrapper {
        width: 50%;
        padding-top: 10px;
    }
    .news_cards img {
        width: auto;
        height: 100%;
        left: 50%;
        position: relative;
        transform: translateX(-50%);
    }
    /**********************************************history-template**********************************************/

    .timeline {
        height: 0;
        overflow: hidden;
        -webkit-transition:height, 0.5s linear;
        -moz-transition: height, 0.5s linear;
        -ms-transition: height, 0.5s linear;
        -o-transition: height, 0.5s linear;
        transition: height, 2s linear;

    }
    .timeline-content {
        opacity: 0;
        max-width: 74%;
        background-color: white;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
        text-align: center;
        padding-top: 6px;
        padding-left: 16px;
        padding-right: 16px;
        -webkit-transition: opacity, .8s ease-in-out;
        -moz-transition: opacity, .8s ease-in-out;
        -ms-transition: opacity, .8s ease-in-out;
        -o-transition: opacity, .8s ease-in-out;
        transition: opacity, .8s ease-in-out;
    }
    #open_timeline:checked + input + .container .timeline {
        position: fixed;
        overflow-y: scroll;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        height: auto;
        width: 100vw;
        background-color: rgba(0,0,0,.7);
        z-index: 100;
        -webkit-transition:height, .8s ease-in-out;
        -moz-transition: height, .8s ease-in-out;
        -ms-transition: height, .8s ease-in-out;
        -o-transition: height, .8s ease-in-out;
        transition: height, .8s ease-in-out;
    }
    #open_timeline:checked + input + .container .timeline .timeline-content{
        opacity: 1;
        -webkit-transition: opacity, .8s ease-in-out;
        -moz-transition: opacity, .8s ease-in-out;
        -ms-transition: opacity, .8s ease-in-out;
        -o-transition: opacity, .8s ease-in-out;
        transition: opacity, .8s ease-in-out;
    }
    #close_timeline:checked + .container .timeline {
        height: 0;
        opacity: 0;
        -webkit-transition:height, .8s ease-in-out, opacity, .8s ease-in-out;;
        -moz-transition: height, .8s ease-in-out, opacity, .8s ease-in-out;;
        -ms-transition: height, .8s ease-in-out, opacity, .8s ease-in-out;;
        -o-transition: height, .8s ease-in-out, opacity, .8s ease-in-out;;
        transition: height, .8s ease-in-out, opacity, .8s ease-in-out;;
    }
    .close_bottom {
        position: relative;
    }
    .close_bottom label {
        position: absolute;
        width: 100%;
        left: 0;
        font-size: 1rem;
    }
    .close_top label {
        margin-right: 30px;
        font-size: 2em;
        font-family: "FilsonLight";
        width: 30px;
        margin-bottom: 0;
        transform: scaleX(1.1);
        color: #A0AAAF;
    }
    /***********************************************references-Template**************************************************/

    .references .ref_element {
        width: 204px;
        padding-bottom: 19px;
        margin-right: 6px;
    }
    .references .image-wrapper {
        height: 112px; 
    }
    .references .text-wrapper {
        margin-top: 13px;
    }
    .references .desc_hl {
        font-size: 1.25rem;
    }
    .references .ref_element[aria-expanded="true"]:after{
        bottom: -2px;
        border-width: 22px 11px 0;
    }
    .references .switched_content {
        margin-top: 5px;
        margin-bottom: 12px;
    }
    .references .switched_content .container {
        padding-top: 21px;
        padding-bottom: 12px;
    }
    .references img {
        max-height: 293px;
    }

    .references a.ref_element:nth-of-type(4n) {
        margin-right: 6px;
    }
    .references a.ref_element:nth-of-type(3n) {
        margin-right: 0;
    }




    /********************************************************************************title-image-Template************/
    .title-image {
        height: 440px;
    }
    .title-image .container {
        padding-top: 24px;
    }
    .title-image .kicker {
        font-size: 1.125rem;
    }
    .title-image .imgtitle {
        font-size: 4.5rem;
        margin-top: 0;
        height: 148px;
    }
    .title-image .description {
        height: 156px;
        line-height: 1.5;
    }
    /*******small version *******/
    .title-image.titleimage_small {
        height: 270px;
    }
    .title-image.titleimage_small .kicker {
        font-size: 1rem;
    }
    .title-image.titleimage_small .description {
        height: 53px;
        margin-bottom: 8px;

    }
    .title-image.titleimage_small .imgtitle {
        margin-bottom: 4px;
        font-size: 3rem;
    }
    .title-image.titleimage_small button {
        padding-top: .3rem;
        padding-bottom: .3rem;
        font-size: 1rem;
    }

    /***********************************************************************download****************************************************/
    .choosecat {
        display: none;
        position: absolute;
        width: 100%;
    }
    .downloadsection .line-faded + p {
        margin-bottom: 17px;
    }
    .downloadsection .dropdown:hover .choosecat {
        display: block;
        z-index: 1;
    }
    .choosecat .btn {
        display: block;
        border-radius: 0;
    }
    .downloadsection .table-stripes td:not(:first-of-type) {
        vertical-align: bottom;
        padding-bottom: 9px;
    }
    .downloadsection .table-stripes tr td:first-of-type {
        padding-left: 7px;
        width: 42px;
    }
    .downloadsection .table-stripes tr {
        height: 55px;
    }
    .downloadsection .table-stripes tr td:nth-of-type(2) {
        width: 261px;
        padding-bottom: 9px;
    }
    .downloadsection .table-stripes td:not(:first-of-type) {
        vertical-align: bottom;
    }
    .downloadsection .table-stripes tr td:last-of-type a {
        font-size: 1rem;
    }
    .downloadsection .table-stripes tr td:last-of-type {
        padding-right: 11px;
    }
    .downloadsection .table-stripes td {
        font-size: .875rem;
        line-height: 1.25rem;
        padding-bottom: 9px;
    }
    .downloadsection .dropdown {
        width: 49%;
        margin-bottom: 23px;
    }
    .choosecat a {
        width: 100%;
    }
    .downloadsection .dropbtn {
        background-color: white;
        color: #505A6E;
        -webkit-transition: all .9s;
        transition: all .9s;
        width: 100%;
        text-transform: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .downloadsection .dropbtn svg {
        height: 13px;
        width: 13px;
    }
    .dropbtn {
        border: 1px solid #ECECEC;
    }
    .downloadsection .dropdown .btn {
        text-align: left;
        padding-left: 12px;
        padding-right: 13px;
    }
    .downloadsection .dropdown:hover .choosecat.hide {
        display: none;
    }
    /*****************************************management***********************************/
    .management >.container {
        padding-top: 27px;
        padding-bottom: 83px;
    }
    .mng_persons img {
        width: 100%;
        margin-bottom: 6px;
    }
    .mng_descriptiontext {
        font-size: 1.25rem;
        line-height: 1.5rem;
        margin-top: 21px;
        margin-bottom: 41px;
    }
    .mng_persons .row div[class*=' person']:first-of-type {
        padding-right: 0;
    }
    .mng_persons .row div[class*=' person']:nth-of-type(2) {
        padding-right: 4px;
        padding-left: 4px;
    }
    .mng_persons .row div[class*=' person']:last-of-type {
        padding-left: 0;
    }
    .mng_personame {
        font-size: 1rem;
        line-height: 1.375rem;
        padding-right: 26px;
        padding-left: 26px;
    }

    /***management-modal***/

    .management .modal-dialog {
        max-width: 640px;
        margin-top: 6rem;
    }
    .management .close.close_top {
        top: -82px;
        right: 7px;
    }
    .personmodal {
        font-size: 1rem;
    }
    .modal-body {
        padding: 10px;
    }
    .personmodal .order-1 {
        padding-left: 8px;
        margin-bottom: 14px;
    }
    .personmodal .more {
        position: relative;
        bottom: 0;
        left: 60%;
    }
    .management .close_bottom {
        bottom: -91px;
    }

    /************************************************ansprechpartner******************************/
    .internal_choice {
        width: 49%;
        position: relative;
    }
    .internal_sales h2 {
        margin-bottom: 18px;
    }
    .internal_choice {
        margin-bottom: 38px;
    }
    .internal_sales .dropbtn {
        background-color: white;
        color: #505A6E;
        -webkit-transition: all .9s;
        transition: all .9s;
        width: 100%;
        text-transform: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
        text-align: left;
        padding-left: 12px;
        padding-right: 13px;
        line-height: 1.375rem;
    }
    .internal_sales .dropbtn svg {
        height: 13px;
        width: 13px;
    }
    div.choosecat_int {
        display: none;
        position: absolute;
        width: 100%;
    }
    #choosecat_int2 {
        position: absolute;
    }
    .internal_sales .choosecat_int .btn {
        display: block;
        border-radius: 0;
        width: 100%;
    }
    .internal_choice:hover .choosecat_int {
        display: block;
        z-index: 2;
    }
    .internal_sales .imagewrapper {
        width: 205px;
        height: 139px;
    }
    .internal_sales .whitewrapper {
        width: 205px;
        padding-bottom: 10px;
    }
    .internal_sales .textwrapper + .btn {
        width: 92%;
    }
    .internal_sales .section_row {
        margin-bottom: 41px;
    }
    .internal_sales > .container {
        padding-bottom: 44px;
    }
    .tt_wrapper {
        position: absolute;
        background-color: transparent;
        color: #505A6E;
        display: block;
        opacity: 1;
        top: 2px;
        padding: 0;
        width: 100%;
        border-radius: 0;
        height: auto;
        white-space: nowrap;
        filter: none;
        left: 0;
        -webkit-transition: none;
        transition: none;
        z-index: 1;
    }
    #btn-e2:hover ~ .tt_wrapper,
    #btn-e3:hover ~ .tt_wrapper,
    #btn-e3:hover ~ .tt_wrapper,
    #btn-e4:hover ~ .tt_wrapper,
    #btn-e5:hover ~ .tt_wrapper
    {
        left: 0;
    }
    .tt_wrapper:after {
        display: none;  
    }
    .external .internal_choice {
        margin-bottom: 18px;
    }
    .tt_wrapper {
        margin-bottom: 25px;
    }
    .internal_choice .choosecat_int.hide {
        display: none;
    }

    /************************************************Kataloge und Preislisten******************************/

    .catalogs .downloadsection .dropdown .btn {
        width: 100%;
    }
    .catalogs .choosecat {
        display: none;
        position: absolute;
        width: 100%;
        z-index: 2;
    }
    .catalogs .choosecat a {
        width: 100%;
    }
    .catalogs .imagewrapper {
        margin-right: 12px;
        height: 140px;
        width: 98px;
    }
    .catalogs .imagewrapper img{
        width: 100%;
    }

    .catalogs .text-wrapper {
        padding-top: 0;
        height: 141px;
        position: relative;
    }
    .catalogs .text-wrapper .katalogname {
        font-size: 1rem;
        line-height: 1.375rem;
        margin-bottom: 4px;
        word-break: break-word;
    }
    .catalogs .white_wrapper {
        padding: 8px;
        height: 156px;
        margin-bottom: 16px;
    }
    .catalogs .numbox_wrapper {
        position: absolute;
        bottom: 1px;
        left: 111px;
    }
    .catalogs .orderinfo {
        width: 55%;
        padding-top: 30px;
    }
    .catalogs .shoppingcart + button {
        width: 100%;
        margin-left: 0;
    }
    .catalogs .shoppingcart {
        margin-bottom: 26px;
    }
    .orderinfo > div {
        font-size: .875rem;
    }
    .order_form {
        top: 111px;
    }
    .noscroll .modalfix {
        top: 111px;
        margin-top: 0;
    }
    .order_form_wrapper {
        width: 570px;
    }
    .order_form.openform .order_form_wrapper {
        padding-right: 16px;
    }
    .sidebuttons.openform, .sidebuttons.openbookmark {
        right: 558px;
    } 
    .sidebuttons.openform:lang(hu) {
        right: 585px;
    }
    /*****************locations-overview*****************************/
    .locations_overview .company {
        height: auto;
    }
    /******bookmarks**************************************************/
    .bookmarks_slide_wrapper {
        width: 570px;
    }
    .bookmarks_slide {
        top: 105px;
    }
    .bookmarks_slide .form_wrapper {
        padding-right: 3px;
    }
    .bookmarks_slide .dz-control-label {
        margin-left: 20px;
    }
    .bookmarks_slide .dz-control-label {
        margin-left: 20px;
    }
    .bookmarks_slide {
        top: 108px;
    }
    /**********************suche-dropdown*****************************/
    .search_dd {
        position: relative;
        top: -1px;
        z-index: 10; 
        width: 100vw;
    }
    .search_dd .row {
        height: 80vw;
    }

    /*Produkte Seite*/
    #tree + #content {
        width: 100%;
    }
    div#tree {
        float: none;
        width: 100%;
        margin-bottom: 30px;
    }
    /***404-Seite****/
    .p_404 {
        height: 540px;
    }
    .p_404 .headline {
        font-size: 14em;
        margin-top: 110px;
    }
    .p_404 .mistake {
        font-size: 1.1em;
        margin-top: -22px;
    }
    .broken {
        margin-top: 89px;
        margin-bottom: 144px;
    }
    /******** Footer **********/
    .socialcontainer {
        text-align: center;
    }
    .socialcontainer .row .col-12 {
        margin-top: 12px;
        margin-bottom: 12px;
    }
    .social_links {
        display: flex;
        justify-content: center;
        column-gap: 12px;
        padding-top: 12px;
    }
    .social_links:lang(en) {
        justify-content: center;
    }
    .social_links > .fbtext:lang(en) {
        margin-right: -6px;
    }
    /***404-Seite Ende****/
}
/*====================================================================================================mobile start=======================================================================================*/
@media (max-width: 639px) {
    .pt-top {
        padding-top: 10px;
    }
    /********************************footer third col********************************/
    .linkrow div:nth-child(3) {
        width: 100%;
    }
    .linkrow div:nth-child(3):lang(en) {
        width: 53%;
    }
    /********************************link-style more********************************/
    .more > a,
    .more > label{
        font-size: 1em;
    }
    .more a:before,
    .more label: before{       
        width: 14px;
        background-position: 1px 4px;
    }
    /**********************************************toptemplate_text **************************/
    .toptemplate_text .more {
        margin-top: 18px;
    }

    /****************************************************************************************************************************header start****************************/        
    .mobil_header span.countryflag {
        margin-left: 8px;
        margin-top: 0;
    }
    .navbar-top {
        padding-bottom: 5px;
    }
    ul.navbar-toggler button {
        padding-top: 1px;
        padding-left: 0;
        border-left: none;
    }
    .mobil_header .header_red a.nav-link {
        font-size: 1rem;
    }
    .mobil_header .navrow-top .nav-item {
        font-size: .86em;
        line-height: 1.9;
        margin-top: 0;
    }
    .mobil_header .navrow-top .navbar-nav {
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
    }
    .mobil_header a .merklistenlink {
        font-size: .7396em;
        line-height: 1;
        padding-right: 29px;
    } 
    .mobil_header .merkstar svg {
        height: 19px;
        width: 21px;
    }
    .mobil_header .navrow-top .nav-item + .nav-item {
        margin-top: -3px;
    }
    .mobil_header .navbar-bottom.red_bar {
        margin-top: -4px;
        margin-bottom: 1px;
    }
    .mobil_header .header_red {
        width: 204px;
    }
    .mobil_header button.navbar-toggler {
        width: 50px;
    }

    .mobil_header .navbar-toggler svg {
        width: 25px;
        height: 36px;
    }
    .mobil_header .header_red a {
        font-size: 1rem;
        margin-left: 6px;
        line-height: 1.7;
    }
    .navbar-collapse .nav-item > a svg {
        margin-right: 10px;
    }
    .mobil_header .header_red .navbar-toggler a {
        line-height: 1.5;
    }
    .mobil_header li.search svg {
        height: 23px;
        width: 22px;
    }
    .mobil_header a.logo_menu {
        margin-left: 204px;
        margin-top: -34px;
    }
    .mobil_header .logo_menu svg {
        width: 104px;
        height: 40px;
    }
    .navbar-bottom a.logo_menu:hover {
        font-family: "FilsonBook";
    }
    #choose_country .modal-dialog {
        margin-top: 7.8rem;
        margin-bottom: 22rem;
    }
    .mobil_header.header_fullwidth .logo_menu {
        display: none;
    }
    .mobil_header.header_fullwidth .red_bar:after {
        width: 27%;
        z-index: 0;
    }
    .mobil_header .nav-wrapper {
        position: relative;
    }
    .mobil_header.header_fullwidth .searchfield {
        /*    .mobil_header.header_fullwidth #searchfieldsm {*/
        top: 1px;
        left: 1px;
    }
    .mobil_header.header_fullwidth .searchfield input{
        /*    .mobil_header.header_fullwidth #searchfieldsm input{*/
        width: 270px;
        padding-left: 8px;
        margin-left: 1px;
        height: 38px;
    }
    .mobil_header.header_fullwidth .reset_x {
        top: 11px;
        right: 8px;
    }
    .mobil_header.header_fullwidth .header_red {
        width: 100%;
        border-radius: 0;
        -webkit-transition: width .5s ease-in-out;
        transition: width .5s ease-in-out;
    }
    .mobil_header.header_fullwidth .reset_x svg {
        height: 15px;
        width: 16px;
    }
    .mobil_header.header_fullwidth li.search svg {
        height: 22px;
        width: 22px;
        margin-top: 6px;
        margin-right: -2px;
    }
    /*ul.navbar-toggler.collapsed a {
    color: white;
}*/

    .navbar-toggler.collapsed svg {
        fill: white;
    }
    /********header after scroll mobile*******/
    .mobil_header .sticky + .navbar-collapse {
        margin-top: -2px;
    }
    .mobil_header .red_bar.sticky {
        margin-top: 0;
        height: 40px;
    }
    .mobil_header .sticky .nav-wrapper {
        height: 40px;
    }
    .red_bar.sticky .navbar-toggler.collapsed button {
        margin-top: -2px;
    }
    .sticky .header_red .navbar-toggler[aria-expanded="true"] button {
        margin-top: -2px;
        margin-left: 6px;
    }
    /*.mobil_header .red_bar.sticky .navbar-toggler.collapsed button {
    margin-left: 0px;
}*/
    .mobil_header .red_bar.sticky:before {
        height: 40px;
    }
    .mobil_header .red_bar.sticky .header_red {
        height: 40px;
    }
    .red_bar.sticky li.nav-item:not(.search) {
        height: 40px;
    }
    .red_bar.sticky .nav-item.navbar-toggler {
        height: 40px;
    }
    .red_bar.sticky li.nav-item a.nav-link {
        line-height: 1.5;
        margin-left: 0;
    }
    .header_red {
        position: relative;
    }
    .search-visible .searchfield + .header_red .search {
        position: absolute;
        top: 3px;
        right: -34px;
    }
    .mobil_header .red_bar.sticky a.logo_menu::after {
        height: 40px;
        width: 86px;
        background-size: 80px auto;
        right: 29px;
    }
    .red_bar a.logo_menu::after {
        width: 104px;
    }
    .navbar-collapse {
        margin-top: -1px;
        z-index: 4;
    }
    .mobil_header .navrow-top .choosen_int {
        margin-top: 0;   
    }
    /****************************************************************************************************************************header end****************************/
    /*********************************************text_image_link_column-Template********/
    .text_image_link_column > .container {
        padding: 17px 6px 26px;
        margin-bottom: 24px;
    }
    .text_image_link_column .lead {
        font-size: 1rem;
        line-height: 1.4rem;
        margin-top: 21px;
    }
    .text_image_link_column .imagetmpl {
        width: 100%;
        margin-top: 28px;
        margin-bottom: 19px;
    }
    /*************************************************categories-Template*******************/
    .categories nav {
        height: 51px;
    }
    .categories .nav-tabs .nav-link > span + span > span:first-of-type {
        display: inline-block;
        margin-top: 17px;
        font-size: 12px;
    }
    .categories nav .nav-link {
        padding-left: 2px;
        padding-right: 3px;
    }
    .categories nav .nav-link span {
        text-align: center;
    }
    .categories nav #nav-1-tab svg {
        width: 28px;
    }
    .categories nav #nav-2-tab svg {
        width: 45px;
    }
    .categories .nav-tabs .nav-link svg {
        height: 36px;
    }
    .categories nav #nav-3-tab svg {
        width: 32px;
    }
    .categories nav #nav-4-tab svg {
        width: 40px;
    }
    .categories nav #nav-5-tab svg {
        width: 38px;
    }
    /***************************************categorie_insert_text_video-Template*************/
    .text_video .text-col {
        padding-right: 8px;
    }
    .text_video .embed-responsive {
        height: 220px;
    }
    .text_video .more {
        margin-top: 16px;
        margin-left: 0;
    }
    .text_video .copylg {
        margin-bottom: 12px;
    }
    .text_video.reverse-content .video-col,
    .text_video.reverse-content .text-col {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .text_video.reverse-content .video-col {
        max-height: 220px;
        order: 1;
    }
    .text_video.reverse-content .text-col {
        padding-left: 8px;
        order: 2;
        margin-top: 23px;
    }

    .text_video .container {
        padding-top: 17px;
    }
    .text_video h2.top {
        margin-bottom: 19px;
    }
    .text_video.reverse-content .more {
        margin-left: 0;
        margin-top: 0;
        padding-top: 24px;
        display: block;
        padding-bottom: 16px;
    }

    /**************************************sortiment_start************************************/
    .assortment {
        padding-top: 18px;
    }
    .assortment-row {
        margin-top: 18px;
    }
    .assortment .image-wrapper {
        height: 136px;
    }
    .assortment .wrapper {
        height: 195px;
    }
    .assortment-row .col-6 {
        padding-right: 2px;
        padding-left: 2px;
    }
    .assortment-row > div {
        margin-bottom: 4px;
    }
    .assortment > .container {
        padding-bottom: 32px;
    }
    /**********************************************news_cards**********************************************/
    .news_cards .text-wrapper {
        width: 100%;
    }
    .news_cards .image-wrapper {
        width: 100%;
    }
    .news_cards > .container {
        position: relative;
    }

    .news_cards .wrapper {
        padding-bottom: 20px;
    }
    .news_cards .assortment-row > div {
        padding-right: 0;
        padding-left: 0;
    }
    .news_cards .assortment-row {
        overflow-x: auto;
        overflow-y: hidden;
        position: relative;
        z-index: 1;
        flex-wrap: nowrap;
        scroll-behavior: smooth;
        height: 488px;
        overflow: hidden;
        margin-top: 50px;
    }
    .news_cards .r02-lft, 
    .news_cards .r02-rgt {
        position: absolute;
        width: 59px;
        height: 70px;
        top: 201px;
        border: none;
        background-color: transparent;
    }
    .news_cards .r02-rgt {
        right: -44px;
    }
    .news_cards .r02-lft {
        left: -44px;        
    }
    .news_cards .r02-lft > svg,
    .news_cards .r02-rgt > svg{
        height: 40px;
        width: 22px;
    }
    .news_cards button[disabled] {
        visibility: hidden;
    }

    /**********************************************history-template**********************************************/

    .timeline-content {
        max-width: 320px;
        padding-left: 18px;
        padding-right: 18px;
    }
    .close_top label {
        margin-right: 10px;
    }
    /****************************************************contact_map********************************************/
    .contact_map #map {
        position: relative;
        overflow: hidden;
        height: 460px;
    }
    .contact_map .map_overlay {
        bottom: 0px;
        padding-left: 20px;
        padding-bottom: 10px;
        padding-top: 12px;
    }
    /****************************************************contact_form********************************************/
    .contact > .container {
        padding-bottom: 27px;
    }
    .contact h2,
    .contact .likeh2{
        margin-bottom: 19px;
    }
    .contact .left {
        max-width: 100%;
        padding-right: 8px;
    }
    .contact .kicker + p {
        margin-top: 4px;
        margin-bottom: 27px;
    }
    #contact_send_btn {
        width: 100%;
    }
    .contact .right {
        text-align: center;
        padding-top: 30px;
    }
    /***********************************************references-Template**************************************************/

    .references .ref_element {
        width: 150px;
        height: 132px;
        padding-bottom: 0;
        margin-bottom: 4px;
        background-color: white;
        margin-right: 4px;
    }
    .references .image-wrapper {
        height: 86px;
        padding-left: 22px;
        padding-right: 22px;
    }
    .references .text-wrapper {
        margin-top: 0;
        padding-left: 7px;
        padding-right: 7px;
    }
    .references .text-wrapper .bold {
        text-align: center;
        font-weight: 300;
        font-family: "FilsonBook";
        font-size: .825em;
        line-height: 1.4;
    }
    .references .switched_content {
        padding-bottom: 9px;
        margin-top: 9px;
    }  
    .references .ref_element[aria-expanded="true"]:after {
        bottom: 9px;
        border-width: 15px 6px 0;
        margin-left: -10px;
    }
    .references .switched_content .container {
        padding-left: 0;
        padding-right: 0;
        padding-top: 8px;
        padding-right: 16px;
    }
    .references img {
        margin-bottom: 9px;
        max-width: 100%;
        max-height: 216px;
    }
    .references .white-underlay {
        position: absolute;
        width: 100vw;
        left: 0;
        background-color: white;
        height: 0;
    }
    .references a.ref_element:nth-of-type(4n) {
        margin-right: 0;
    }
    .references a.ref_element:nth-of-type(3n) {
        margin-right: 4px;
    }
    .references a.ref_element:nth-of-type(2n) {
        margin-right: 0;
    }
    /********************************************************************************title-image-Template************/
    .title-image {
        height: 458px;
    }
    .title-image .container {
        padding-top: 128px;
        padding-left: 16px;
    }
    .title-image .imgtitle {
        font-size: 2.25rem;
        margin-top: 0;
        height: 28px;
        white-space: nowrap;
    }
    .title-image .description {
        height: 128px;
        line-height: 1.4;
        font-size: 1rem;
    }
    .title-image button {
        width: 100%;
    }
    /*******small version *******/
    .title-image.titleimage_small .description {
        height: 67px;
        margin-bottom: 5px;
    }
    .title-image.titleimage_small .imgtitle {
        margin-bottom: 4px;
        font-size: 2rem;
        height: 103px;
    }
    /***********************************************************************download****************************************************/
    .downloadsection .dropdown {
        width: 100%;
    }
    .downloadsection h2 {
        margin-bottom: 6px;
    }
    .downloadsection .line-faded + p {
        margin-bottom: 12px;
    }
    .downloadsection .dropdown {
        width: 100%;
        margin-bottom: 17px;
    }
    .downloadsection .table-stripes tr td:first-of-type {
        padding-left: 0;
        width: 34px;
    }
    .downloadsection .table-stripes tr td:last-of-type svg {
        height: 20px;
        width: 18px;
    }
    .downloadsection .table-stripes tr td:last-of-type {
        padding-right: 2px;
        padding-bottom: 12px;
    }
    .downloadsection .table-stripes tr td:nth-of-type(2) {
        width: 155px;
    }
    #section4 {
        margin-bottom: 28px;
    }
    .downloadsection {
        padding-bottom: 36px;
    }
    /*****************************************management***********************************/
    .management {
        position: relative;
    }
    .management >.container {
        padding-top: 36px;
        padding-bottom: 60px;
    }
    .management .modal.show {
        position: absolute;
        background-color: rgba(0,0,0,.5);
    }
    .mng_persons img {
        width: 100%;
        height: auto;
        margin-bottom: 7px;
    }
    .mng_descriptiontext {
        font-size: 1rem;
        line-height: 1.381rem;
        margin-top: 21px;
        margin-bottom: 34px;
    }
    .mng_persons .row div[class*=' person']:first-of-type {
        padding-right: 8px;
    }
    .mng_persons .row div[class*=' person']:nth-of-type(2) {
        padding-right: 8px;
        padding-left: 8px;
    }
    .mng_persons .row div[class*=' person']:last-of-type {
        padding-left: 9px;
    }
    .mng_persons {
        position: relative;
    }
    .mng_row {
        overflow-x: auto;
        overflow-y: hidden;
        position: relative;
        z-index: 1;
        flex-wrap: nowrap;
        scroll-behavior: smooth;
        scrollbar-width: none;
    }
    .mng_row::-webkit-scrollbar { 
        display: none; 
    }
    .mng_persons [data-scroller-pager] button {
        display: inline-block;
        height: 10px;
        width: 10px;
        padding: 0;
        background-color: #A0AAAF;
        border-radius: 100%;
        color: transparent;
        margin-left: 10px;
        margin-right: 10px;
        border: none;
    }
    .mng_persons [data-scroller-pager] button[disabled] {
        background-color: red;
        height: 20px;
        width: 20px;
        position: relative;
        top: -6px;
        -webkit-transition: background-color .4s ease-in;
        transition: background-color .4s ease-in;
        margin-left: 5px;
        margin-right: 5px;
    }
    .mng_persons .r02-lft,
    .mng_persons .r02-rgt {
        display: none;
    }
    .mng_persons .more {
        display: inline-block;
        margin-bottom: 17px;
    }
    .mng_persons [data-scroller-pager] button:first-of-type[disabled] {
        margin-left: 13px;
        margin-right: 13px;
    }
    .mng_persons [data-scroller-pager] button:last-of-type[disabled] {
        margin-left: 2px;
    }
    /***management-modal***/

    .management .modal-dialog {
        max-width: 320px;
        margin-top: 4rem;
    }
    .management .close.close_top {
        top: -82px;
        right: 7px;
    }
    .personmodal {
        font-size: 1rem;
    }
    .modal-body {
        padding: 6px;
    }
    .personmodal .order-1 {
        margin-bottom: 8px;
    }
    .personmodal .more {
        left: 0;
        margin-top: 12px;
    }
    .management .close_bottom {
        bottom: -38px;
        font-size: 1rem;
    }
    .copylg.mng_personame {
        margin-bottom: 10px;
    }
    /************************************************ansprechpartner******************************/
    .internal_choice {
        width: 100%;
        margin-bottom: 15px;
    }
    .internal_sales .section_row {
        margin-right: 0;
        margin-left: 0;
    }
    .internal_sales .section_row .col-12 {
        max-height: 100px;
        background-color: white;
        padding-right: 0;
        padding-left: 0;
        margin-bottom: 8px;
    }
    .internal_sales .imagewrapper {
        margin-left: 6px;
        margin-top: 10px;
        width: 97px;
        height: 81px;
        display: inline-block;
        float: left;
    }
    .internal_sales .imagewrapper img {
        width: auto;
        height: 100%;
    }
    .internal_sales .whitewrapper {
        width: 201px;
        padding-bottom: 0;
        float: right;
    }
    .internal_sales .textwrapper {
        height: 61px;
        font-size: .875rem;
        line-height: 1.375rem;
        padding-left: 9px;
    }
    .internal_sales .textwrapper + .btn {
        width: 100%;
        background-color: transparent;
        color: red;
        text-align: left;
    }
    .internal_sales .textwrapper + .btn:before {
        content: "";
        background-image: url("/HU/repos/files/dietzel/icons/ico%5flink%2esvg?exp=48579&fps=d64e8f2a9ed05bc518b460d52286b3536582b44f");
        display: inline-block;
        height: 14px;
        width: 19px;
        background-size: 8px;
        background-position: 4px 4px;
        background-repeat: no-repeat;
    }
    .internal_sales .section_row .col-12:nth-of-type(n+4) {
        display: none;
    }
    .internal_sales .section_row.showmore .col-12:nth-of-type(n+4) {
        display: block;
    }
    .internal_sales.external .textwrapper .text-uppercase {
        height: auto;
        font-size: .7em;
    }
    .internal_sales.external .textwrapper {
        height: auto;
    }
    .internal_sales.external .textwrapper {
        margin-bottom: 0;
    }
    .internal_sales.external .textwrapper + .btn {
        font-size: .875em;
        line-height: 1em;
        padding-top: 0;
    }
    .internal_sales .textwrapper a {
        font-size: .98em;
    }
    .showall {
        margin-top: 29px;
    }
    .showall svg {
        width: 23px;
        height: 12px;
        margin-left: 18px;
    }
    .showmore .showall svg {
        transform: rotate(180deg);
    }
    /************************************************Kataloge und Preislisten******************************/
    .catalogs .orderinfo {
        width: 100%;
        padding-top: 23px;
    }
    .catalogs .shoppingcart {
        font-size: 1rem;
        line-height: 1.375rem;
    }
    /*****************locations-overview*****************************/
    .locations_overview > .container {
        padding-bottom: 22px;
    }
    .country_location .line-faded {
        position: relative;
        width: auto;
        left: 0;
        top: 24px;
    }
    .locations_overview .firstline {
        margin-bottom: 14px;
    }
    .locations .overlay {
        top: 520px;
    }
    .locations_overview h2 + .row,
    .locations_overview .likeh2 + .row {
        margin-bottom: 6px;
    }
    /*****************locations-map*****************************/
    .locations_map #map {
        height:460px;
    }
    /***Kataloge bestellen-Form**********************************/
    .order_form {
        top: 81px;
    }
    .order_form h2,
    .order_form h2 + p {
        padding-left: 16px;  
    }
    .order_form h2 + p {
        font-size: 1rem;
        margin-bottom: -16px;
    }
    .order_form h2 {
        margin-bottom: 18px;
    } 
    .order_form.openform .order_form_wrapper {
        width: 100vw;
        padding-bottom: 23px;
        margin-top: 84px;
        padding-left: 12px;
    }

    .sidebuttons {
        right: 0;
        width: 49px;
        transition: top .3s ease-in;
    }
    .sidebuttons.openform {
        top: -4px !important;
        right: 0;
        width: 49px;
        transition: top .6s ease-in;
    }
    .service_btn,
    .service_btn:lang(hu) {
        height: 49px;
        width: 49px;
    }
    .sidebuttons .number,
    .sidebuttons .number:lang(hu) {
        left: -8px;
        top: -9px;
    }
    .service_btn:lang(hu) > svg {
        height: 39px;
        width: 34px;
        margin-top: 5px;
    }
    .catalogs .selection {
        font-size: 1rem;
        margin-bottom: 31px;
    }
    .catalogs .selection .kicker {
        font-size: .875rem;
    }
    .success_content {
        width: 300px;
    }
    .success_content button {
        width: 100%;
    }
    .noscroll .modalfix {
        top: 87px;
    }
    .order_form form {
        padding-left: 0;
    }
    /***********************************+bookmarks**********************/
    .bookmarks_slide_wrapper {
        width: 100vw;
        box-shadow: inset 0px 2px 16px -5px rgba(0,0,0,.34);
        padding-left: 6px;
        padding-right: 6px;
        padding-bottom: 9px;
    }
    .bookmarks_slide {
        top: 87px;
    }
    .bookmarks_slide_wrapper h2 {
        margin-top: -3px;
        margin-bottom: 8px;
        font-size: 1.25rem;
    }
    .bookmarks_slide_wrapper .imagewrapper {
        width: 32%;
    }
    .bookmarks_slide_wrapper .textwrapper {
        font-size: .875rem;
        line-height: 1.25rem;
    }
    .garbage_wrapper {
        align-self: flex-end;
    }
    .bookmarks_slide .button_wrapper {
        padding-top: 19px;
        padding-bottom: 19px;
    }
    .compare_btn + .kicker + div {
        padding-left: 10px;
        padding-right: 10px;
    }
    .bookmarksafe_choice {
        width: 100%;
        margin-top: 25px;
    }
    .bookmarks_slide .dz-control-label {
        margin-left: 20px;
        margin-bottom: 18px;
    }
    .bookmarks_slide .download_btn {
        margin-bottom: 10px;
    }
    /******************************search dropdown***************************/
    .groups {
        width: 100%;
        padding-bottom: 0;
    }
    .items {
        width: 100%;
    }
    .search_productscat svg {
        right: 6px;
        top: 13px;
    }
    .search_productscat a.search-treeitem.dropdown-item {
        padding-right: 34px;
        line-height: 2.25rem;
    }
    .search_dd .result_wrapper {
        padding-left: 9px;
    }
    .search_dd .result_wrapper {
        padding-left: 9px;
        padding-right: 6px;
    }
    .items a.more {
        padding-left: 9px;
        margin-top: 14px;
        margin-bottom: 2px;
    }
    .mobil_header .logo_menu svg {
        margin-top: -41px;
    }
    .filter .kicker {
        padding-left: 10px;
    }

    .searchresults .nav > li:first-of-type {
        margin-bottom: 10px;
    }
    /****produkte übersicht*******/
    #content img + div {
        padding-left: 5px;
    }
    /*****404-Seite*********/
    .p_404 {
        height: 480px;
    }
    .p_404 .container {
        padding-top: 74px;
    }
    .p_404 .headline {
        font-size: 9em;
        margin-top: 0;
    }
    .p_404 .mistake {
        font-size: .7em;
        margin-top: -22px;
    }
    .broken {
        margin-top: 67px;
        margin-bottom: 152px;
    }


    /*****404-Seite Ende*********/
    /*cookie consent*/
    .dietzel-cookie-consent.container {
        text-align: center;
    }
    .cc-compliance {
        text-align: center;
        margin-top: 10px;
    }
}

/***********pdf-Suche *******************/
#pdf_search {
    width: 340px;
    position: relative;
}
#pdf_search input {
    border: 1px solid #dbdbdb;
    padding: 7px;
    width: 100%;
}