/************************************************************************/
/*                                                                      */
/*			C  U  S  T  O  M         			*/
/*									*/
/*									*/
/************************************************************************/


/*Diese Anweisungen: Jens */
/*Layout für JETI DOWNLOAD MODUL auf Basis Phoca Download */
/********************OVERRIDE*****************************/
.showDownloadFiles
{
    background: white;
    border: 1px solid black;
    padding: 30px;
}

/* ab hier webadrett */
#mainmenu {
        display: none;
    }
    #menu_responsiv {
/*        display: block;*/
        
    }

.visually-hidden {
    display: none;
}

.container {

}

.row {
    margin:0;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding:0;
}

ul {
    margin: 0;
    padding-left: 20px;
}

small, .small {
    font-size: 100%;
}


/* Tabellen */
/* List Style / list-style */


/* html/layouts/com_fields/fields/render.php (aus ul und li << divs gemacht, damit Aufz?hlungen einen eigenen list-sytle bekommen k?nnen) */
.column100 ul li,
.column75 ul li,
.column66 ul li,
.column50 ul li,
.column33 ul li,
.column25 ul li,
.three-column-box ul li,
.item-content ul li,
.fields-container ul li,
.item-page ul li,
.fields-container ul li,
.tab ul li
{
    list-style:none;
    background-image: url(/images/icons/jeti_list_ul.png);
    background-position: 0 10px;
    background-repeat: no-repeat;
    padding-left: 18px;
}
.fields-container ul li li,
.item-page ul li li {
    background-image: url(/images/icons/jeti_list_ul_ul.png);
}






/*** Hintergruende ***/


.hg0, .hg-breadcrumb, .hg-content, .hg_footer, .hg-copy {
    float:left;
    width:100%;

}

.hg-breadcrumb {
    z-index: 5;
    background: var(--weiss);
    position: relative;
}
#home .hg-breadcrumb {
    display: none;
}

.hg-content {
    padding: 35px 0;
    box-shadow: 0px 2px 16px 0px var(--box-shadow);
    z-index: 4;
    position: relative;
}

.hg_footer {
    background:var(--hellgrau);
    z-index: 3;
    position: relative;
}

.hg-copy {

    background-color:var(--schriftfarbe1);
    margin-bottom: 60px;
}


/* Ueberschriften */


h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, ol, p, ul {
    margin: 0 0 20px 0;
    padding: 0;

}

h1, .h1 {
    font-size: 38px;
    font-weight: 400;
    line-height: 48px;
    color:var(--sekundaerfarbe);

    text-transform: uppercase;
    hyphens: auto;
    white-space: initial;

}

h2, .h2 {
    font-size: 30px;
    font-weight: 400;
    line-height: 38px;

    hyphens: auto;
    white-space: initial;
    color:var(--sekundaerfarbe);
}



h3, .h3 {
    color: var(--sekundaerfarbe);

    font-size: 38px;
    font-weight: 400;
    line-height: 48px;

    border-left: 9px solid var(--primaerfarbe);
    padding-left: 9px;
    padding-top: 15px;
    text-align: left;
    hyphens: auto;
    white-space: initial;
    margin-bottom:20px !important; /*Wegen Suchergebnisse*/

}

h3 em, .h3 em {
    color: var(--primaerfarbe);
    font-style: inherit;
}

h4, .h4 {
    color: var(--primaerfarbe);
    font-size: 38px;
    font-weight: 400;
    line-height: 48px;
    border-left: 9px solid var(--primaerfarbe);
    padding-left: 9px;
    padding-top: 15px;
    text-align: left;
    hyphens: auto;
    white-space: initial;
    margin-top: -38px;
    float: left;
    width: 100%;
    margin-bottom:20px !important; /*Wegen Suchergebnisse*/

}

h4 em, .h4 em {
    font-size: 18px;
    font-weight: 400;
    line-height: 33px;
    float: left;
    width: 100%;
    font-style: inherit;
}


h5, .h5 {
    font-size: 25px;
    font-weight: 400;
    line-height: 35px;
    color:var(--sekundaerfarbe);
    hyphens: auto;
    white-space: initial;

}

h6, .h6 {

}



/********************** BUTTONS / buttons *************************/

/*READMORE readmore*/


a.btn-readmore {
    background-color: var(--sekundaerfarbe);
    color: var(--weiss);
    font-weight: 400;
    display: inline-block;
    padding: 3px 15px 3px 15px;
    text-decoration: none;
    transition: 0.35s background;
    font-size: 18px;
    line-height: 28px;
    justify-content: flex-end;
    border-radius:0;
    /*white-space: normal;*/
    margin:2px;

}
a.btn-readmore:hover {
    background-color: var(--primaerfarbe);
    transition: 0.35s background;
}

a.btn-center {
    margin: 0 auto;
    display: flex;
    width: min-content;
    float: inherit;
}
a.btn-right {
    float: right;
}

/* ENDE READMORE readmore ENDE */



/**********************************************************************/
/************************** Layout / layout ***************************/
/**********************************************************************/

/* HEADER Gro?er und Kleiner Kopfbereich */

.hg0 {
    background-color: #ffffff;
    box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.27);
    left: 0px;
    position: fixed;
    right: 0px;
    top: 0px;

    z-index: 20;

}
/*.hg0.bigHead {
    height:100px;
}*/

/*.hg0.smallHead {
    height:100px;
}*/



.hg0-content-white {
    float:left;
    display: block;
    width: 100%;
}
.hg0-content {
    float: left;
    position: relative;
    display: flex;
    width: 100%;
    
    flex-flow:row;
    height:100px;
}
/*.smallHead .hg0-content {
    height:92px;
}*/
/******************************/
.hg0-links {
    max-width: 130px;
    width: 100%;
    height:auto;
}
.hg0-logo {
    position:relative;
    float: left;
    height:auto;
    width:auto;
}
.hg0-logo p {
    margin:0;
}

.hg0-logo img {
    max-height: 100px;
    height: 100%;
    position: relative;
    width: auto;
    padding: 5px;
}
/*.smallHead .hg0-logo img {
    width: 100px;
    height: auto;
}*/

/******************************/
.hg0-rechts {
    width: 100%;
    display: flex;
    flex-flow:column;
    position: relative;

}


/********************************/
.hg0-oben {
    order: 2;
    right: 0;
    position: relative;
    height:50px;
}

.hg0-logo-key {

    position: relative;
    float:right;
}

.hg0-logo-key img {
    display: flex;
    position: relative;
    max-height: 100px;
    width: 100%;
    height: 50px;
    padding: 5px;
}
/*.bigHead .hg0-logo-key img {
    width:auto;
    max-height: 40px;
    height:100%;
    padding-bottom:5px;
}
.smallHead .hg0-logo-key img {
    width:auto;
    max-height: 40px;
    height:100%;
    padding-bottom:5px
}*/
.hg0-logo-key p {
    margin: 0;
}

/*.bigHead .hg0-unten {
    position: relative;
    top: 3px;
}

.smallHead .hg0-unten {
    position: relative;
    top: 3px;
}*/

.hg0-unten {
    order:2;
    display: flex;
    align-items: flex-end;
    padding-bottom: 7px;
    justify-content: flex-end;
}




.suche-box {
    order:2;
}

.hg0-login {
    order:1;
}

.menu_responsiv {
    order:3;
    /*width:200px;*/
}

.hg0-mainmenu {
    float: left;
    /*    margin:77px 5px 10px 10px;*/
}










/*.bigHead .hg0-mainmenu {
    margin: 0;
}*/
/*.smallHead .hg0-mainmenu {
    
    margin:0;
}*/

/*.smallHead .hg0-oben {
        display: none;
}*/

/* HEADER ENDE gro?er und kleiner kopfbereich          ENDE  */


/* responsives MENU */
/*
.mobile.mobile-menu {
    float: right;
    position: relative;
    top: 85px;
    padding: 5px;
    margin: 0;
}

.smallHead .mobile.mobile-menu {
    top:33px;
}

.mobile-menu button {
    border:none;
    background: var(--transparent);
    padding:0;
    margin:0;
}


.mobile-menu-right {
    position: absolute;
    z-index: 999;
    background: var(--hintergrund1);
    width:0%;
    transition: 0.35s width ease-in-out;
    min-height:100vh;

}

.mobile-menu-right.in {
    width:80%;
    transition: 0.35s width ease-in-out;
    padding-bottom:5px;
}



.mobile-menu-right ul li a {
    border-bottom: 2px solid var(--weiss);
    color:var(--weiss);
    background:var(--hintergrund1);
    text-transform: uppercase;
    font-weight:600;
    float:left;
    width:100%;
    font-size:100%;
}
.mobile-menu-right ul li.active a {
    background: var(--sekundaerfarbe);

}
.mobile-menu-right ul li a:hover {
    color:var(--hellgrau);
    background:var(--sekundaerfarbe);
}



 Mobiles Menü 2. Ebene 

.mobile-menu-right ul ul {
    display: none;
}
.mobile-menu-right ul li.active ul {
    display:block;

}
.mobile-menu-right ul li.active ul li {

}
.mobile-menu-right ul li.active ul li a {
    float:left;
    width:100%;
    background:var(--hintergrund2);
    color:var(--primaerfarbe);
    padding:10px 35px;
    text-decoration: none;
    text-transform: inherit;
}

.mobile-menu-right ul li.active ul li a:hover,
.mobile-menu-right ul li.active ul li.current a{
    color:var(--sekundaerfarbe);
}



 Mobiles Menü 3. Ebene 

.mobile-menu-right ul li.active ul ul {
    display: none;
}
.mobile-menu-right ul li.active ul li.active ul {
    display: block;
}


.mobile-menu-right ul li.active ul li.active ul li a {
    font-weight:400;
    padding:10px 55px;
    background:var(--hintergrund3);
    color:var(--weiss);
    font-size:100%;
}
.mobile-menu-right ul li.active ul li.active ul li a:hover,
.mobile-menu-right ul li.active ul li.active ul li.current a{
    color:var(--sekundaerfarbe);
}

*/





/************        MOBILE MENU CK                ***************/
/*
.mobilemenuck-topbar {
    display:none;
}


[data-id="mobilemenuck-164"].mobilemenuck {
    font-size: 18px;
}


 LEVEL 1 

[data-id="mobilemenuck-164"] .mobilemenuck-item > .level1 {
    background: var(--sekundaerfarbe) !important;
    border-radius: 0 !important;
    padding-right: 35px;
}

[data-id="mobilemenuck-164"] .mobilemenuck-item > .level1:hover,
[data-id="mobilemenuck-164"] .mobilemenuck-item > .level1.open {

}


 LEVEL 2 


[data-id="mobilemenuck-164"] .mobilemenuck-item > .level2 {
    background: var(--hellgrau) !important;
    border-radius: 0 !important;
    padding-right: 35px;
}



 LEVEL 3 

[data-id="mobilemenuck-164"] .level2 + .mobilemenuck-submenu .mobilemenuck-item > div {

    background: var(--schriftfarbe1) !important;
    border-radius: 0 !important;
    padding-right: 35px;
    border: 1px solid var(--hellgrau);

}



[data-id="mobilemenuck-164"] .mobilemenuck-togglericon:after {
    border-radius: 0 !important;
}

 Das + Icon 
[data-id="mobilemenuck-164"] .mobilemenuck-togglericon:after {
    font-size:30px;
}


Active
.menuck.active.level1,
.menuck.active.level2,
[data-id="mobilemenuck-164"] .level2 + .mobilemenuck-submenu .mobilemenuck-item > div.menuck.active.level3{
    background:var(--primaerfarbe) !important;
}

[data-id="mobilemenuck-164"].mobilemenuck a {
    font-weight:300;
}
*/






/** Versuch ENDE **/









/* content / Content */
.main-box{
    float: left;
    width: 100%;
}
.content-box {
    float: left;
    width: 100%;
}

.item-content {
    float: left;
    width: 100%;
    margin: 20px auto;
}

/* ENDE content / Content ENDE */











/*************************** BEITRAG Override mit Feldern ********************/


/************* FELDER *********************/
/** bzw. Beitragsgestaltung */

.com-content-article__body {
    float: left;
    width:100%;
}



.com-content-article {
    display: flex;
    flex-flow:wrap;
    justify-content: space-between;
    float:left;
    width:100%
}

.column100 {
    width:100%;
    /*    width:calc(100% - 20px);*/
    /*    margin:10px;*/
}

.column75 {
    width:100%;
    /*width:calc(50% - 20px);*/

}

.column66 {
    width:100%;
    /*width:calc(50% - 20px);*/

}
.column50 {
    width:100%;
    /*width:calc(50% - 20px);*/

}
.column33 {
    width:100%;
    /*    width:calc(33% - 20px);*/

}
.column25 {
    width:100%;
    /*    width:calc(25% - 20px);*/
}

.column-style {
    margin-bottom:35px;
}



.fields-container
{
    display: flex;
    flex-flow:wrap;
    justify-content: space-between;
    float:left;
    width:100%
}

.fields-container .field-entry {
    text-align: left;
    margin: 0 15px;

}
/* ENDE BEITRAG Gestaltung von OVERRIDE mit Feldern von TO ENDE */

/****** BLOG Kategorie blog Gestaltung nach Override TO ******/
/*
.blog-items {
    display: flex;
    flex-flow: column;
}

.blog-items .item-content {
    border-top: 1px solid var(--primaerfarbe);
    padding-top: 35px;
    text-align: center;
}
.blog-items.items-leading .item-content {
    border-top: none;
}
.blog-item:nth-child(1) .item-content{
    border-top:none;
}

.blog-items .fields-container {
    justify-content: space-evenly;
}

.blog-items .fields-container .field-entry {
    width:25%;
    padding:35px 10px;
    margin:0;
    
}*/

/***** Override von LEO: htlm/com_content/category/blog_item.php *****/

.blog-items {
    display: flex;
    flex-flow: column;
}

.blog-items .item-content {
    border-top: 1px solid var(--primaerfarbe);
    padding-top: 35px;
    /*    text-align: center;*/
}

.masonry-4.blog-items .item-content {
    border:none;
}

.blog-items.items-leading .item-content{
    padding-top:0;
    margin:0;
}


.blog-items.items-leading .item-content {
    border-top: none;
}
.blog-item:nth-child(1) .item-content{
    border-top:none;
}

.blog-items .fields-container {
/*    justify-content: space-evenly; < diese einstellung zerst?rt die darstellung der kategoriebl?cke (Men?s) */
    justify-content: space-between;
}



.blog-item {
    display: flex;
    flex-flow: wrap;

    width: 100%;
    float: left;

    justify-content: space-between;


}



.blog-item .item-content {
    width:100%;
}

/* NEWS 1-spaltiger Blog 1 Spalte */
#blog1 .blog-item {
    flex-flow: column;
}

#blog1 .blog-items .fields-container {
    justify-content: space-between;
}

#blog1 .blog-items .item-content {
    border:none;
}

#blog1 table td:nth-child(odd) {
    width:25%;
}
#blog1 table td:nth-child(even) {
    width:75%;
}


/* LOGIN */

#weiche figure.left.item-image,
figure.left.item-image {
    display: none;
}


/*
.blog-items .fields-container .field-entry {
    width:25%;
    padding:35px 10px;
    margin:0;
    
}*/



/* ENDE BLOG KATEGORIE */


/* 2, 3, 4 Spalten */

.zwei_spalten {
    width: calc( (100% - 30px) / 2);
}
div.fields-container div.zwei_spalten:nth-child(odd) {
    margin-left:0;
}
div.fields-container div.zwei_spalten:nth-child(even) {
    margin-right:0;
}





.drei_spalten {
    width:calc( (100% - 30px) / 3);
}
div.fields-container div.drei_spalten:nth-child(3n+1) {
    margin:0;
}
div.fields-container div.drei_spalten:nth-child(3n+2) {

}
div.fields-container div.drei_spalten:nth-child(3n+0) {
    margin:0;
}





.vier_spalten {
    width:calc( (100% - 45px) / 4);
}

div.fields-container div.vier_spalten:nth-child(3n+1) {
    margin:0;
}
div.fields-container div.vier_spalten:nth-child(3n+2) {
    margin:0 0 15px 0;
}
div.fields-container div.vier_spalten:nth-child(3n+3) {
    margin:0 0 15px 0;
}
div.fields-container div.vier_spalten:nth-child(3n+0) {
    margin:0 0 15px 0;
}



/* ENDE Felder ENDE */




/* NEWS */

.blog-items.masonry-2 {
    display: flex;
    flex-flow: wrap;
}

.blog-items.masonry-2 .blog-item {
    width: 48%;
    margin: 1%;
}

.blog-items.masonry-2 .blog-item .item-content {
    border: none;
    ;


}

.blog-items.masonry-3 {
    display: flex;
    flex-flow: wrap;
}

.blog-items.masonry-3 .blog-item {
    width: 29%;

}

.blog-items.masonry-3 .blog-item:nth-child(3n+1) {

    margin: 1% 2% 1% 0;
    ;
}

.blog-items.masonry-3 .blog-item:nth-child(3n+2) {

    margin: 1% 2%;
}

.blog-items.masonry-3 .blog-item:nth-child(3n+3) {

    margin: 1% 0 1% 2%;
}

.blog-items.masonry-3 .blog-item .item-content {
    border: none;
    ;
    padding-top:0;

}





/* Company */

/** Distributors /distributors **/
/************    SPALTEN / Spalten / spalten     ****************/
/*               Men?einstellung                                  */
/* 4 Spalten + 1 Leading */
.masonry-4 {
    width: 100%;
    float: left;
    display: flex;
    flex-flow: wrap;
}



.masonry-4 .blog-item {
    width:100%
        /*    width:calc((100% - 45px) / 4);*/
}

.masonry-4 .blog-item:nth-child(4n+1),
.masonry-4 .blog-item:nth-child(4n+2),
.masonry-4 .blog-item:nth-child(4n+3),
.masonry-4 .blog-item:nth-child(4n+0) {
    margin:15px 0;
}


/* ENDE Distributors ENDE */



/********************** LISTEN / Kategorieliste ***************************/

.category-desc {
    padding-bottom:25px;
}


.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: var(--transparent);
}

.table-bordered > tbody > tr > th {
    border:none;
}




/* ENDE REFERENCES */






/* Gestaltungselemente */

#center .main-box {
    text-align: center;
}
#borderless .blog-items .item-content {
    border-top:none;
}



div.blue-box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #006cae;
    position: relative;
    height: 100%;
    padding: 35px;
}



/* ******************** TAB MENU / tabmenu **************** */
.tab {
    overflow: hidden;
    width: 100%;
    float: left;
    display: block;
}

/* Style the buttons that are used to open the tab content */
.tab button.tablinks {
    background-color: var(--primaerfarbe);
    float: left;
    border: 1px solid var(--weiss);
  	    border-top-right-radius: 15px;
border-top-left-radius: 15px;
border-bottom: none;
    outline: none;
    cursor: pointer;
    padding: 5px 16px;
    transition: 0.3s;
    color: var(--weiss);
    font-size: 18px;
    line-height: 35px;
    font-weight: 400;
    margin-right:0px;
    width:50%;
}

/* Change background color of buttons on hover */
.tab button.tablinks:hover {
    background: var(--sekundaerfarbe);

}

/* Create an active/current tablink class */
.tab button.tablinks.active {
    background: var(--sekundaerfarbe);
}

/* Style the tab content */
.tabcontent {
    display: none;


    border-top:9px solid var(--sekundaerfarbe); 
    width: 100%;
    float: left;
    background: var(--hellgrau);
    /*    column-count: 2;*/
    padding:15px 5px;
}

.tabcontent p {
    /*    margin: 0 0 2px 0;*/
}

.tabcontent h1, .tabcontent h2, .tabcontent h3, .tabcontent h4, .tabcontent h5, .tabcontent h6 {
    margin: 20px 0 10px;
}

#tab1.tabcontent {
    display: block;
}


/* Tabelle der Module im TAB MENU */


.tabcontent .mod-custom table tr {
    display: flex;
    flex-flow:column;
}
.tabcontent .mod-custom table tr td {
    width:100%;
}



/* ENDE tabmenu ENDE  */

/* ACCORDION / accordion */

button.accordion {
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.35s;
    font-size: 25px;
    font-weight: 400;
    line-height: 35px;
    color: var(--sekundaerfarbe);
    background: none;
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
}

button.accordion::after {
    content: "";
    position: relative;
    background: url("/images/icons/down.png");
    height: 16px;
    width: 16px;
    margin-left: 15px;
    background-repeat: no-repeat;
}

button.accordion.active::after {
    background: url("/images/icons/up.png");
}


.panel {
    padding: 0 20px;
    background: var(--weiss);
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease-out;
}
/*
.panel {
    padding: 0 18px;
    max-height: 100%;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    display:none;
    transition: 1s all;
}

.active .panel {
    display: block;
    max-height:100%;
    transition: max-height 0.2s ease-out;
}*/



/* ENDE Gestaltungselemente ENDE */










/*************** SLIDER CK *********************/
.hg1 {
    float:left;
    width:100%;
    margin-top:100px;
}




/* Slider              ENDE */


/***************************************************************************/
/***********             Startseite / startseite             ***************/
/***************************************************************************/
#home .item-content {
    text-align: center;
}
#home h2, #home .h2 {
    text-align: center;
    color: var(--schriftfarbe);

}


/* Startseite 3 Produkt-boxen MODULE */

.after-content-three-column {
    display: flex;
    flex-flow: column;
    float: left;
    width: 100%;
}



.three-column-box {
    display: flex;
    margin: 15px 0;
    width: 100%;
    position: relative;
    padding: 0;
    box-sizing: border-box;
    background: var(--weiss);
    background-clip: padding-box;
    border: solid 2px transparent;

}

.three-column-box:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: -2px;
    /* !important? */
    border-radius: inherit;
    /* !important? */
    background: linear-gradient(to top, var(--sekundaerfarbe) 50%, black 70%);
}

.three-column-box .custom {
    background: url(/images/general/homebox.jpg);
    width: 100%;

    background-repeat: no-repeat;
    background-size: 100% 140px;
    padding:0 35px;
}


.three-column-box h2 {
    height: 50px;
    display: flex;
    align-items: center;
    color: var(--weiss);
    margin: 45px 0px;
    border-left: 7px solid var(--weiss);
    padding: 15px 10px 5px 10px;
    line-height: 26px;
    position: relative;
    font-size: 38px;
}
#home .three-column-box h2 {
    color: var(--weiss);
}

.three-column-box ul {
    padding:35px 0;
}




#home .three-column-box a.btn-readmore {
    position: absolute;
    right:30px;
    bottom: 35px;
    margin-top:35px;
}



.three-column-first {

}
.three-column-second {

}
.three-column-third {

}


/* Startseite - Multicolumn SPEZIAL / Gestaltung */

#home .column33 {
    display: flex;
    position: relative;
    padding: 0;
    box-sizing: border-box;
    background: var(--weiss);
    background-clip: padding-box;
    border: solid 2px transparent;
    margin: 15px 0;
}

#home .column33::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: -2px;
    border-radius: inherit;
    background: linear-gradient(to top, var(--sekundaerfarbe) 50%, black 70%);
}

#home .column33 .column-style {
    background: url(/images/general/homebox.jpg);
    width: 100%;
    background-repeat: no-repeat;
    background-size: 101% 140px;
    padding: 0 35px;
}

#home .column33 .column-style h2 {
    height: 50px;
    display: flex;
    align-items: center;
    color: var(--weiss);
    margin: 45px 0px;
    border-left: 7px solid var(--weiss);
    padding: 15px 10px 5px 10px;
    line-height: 26px;
    position: relative;
    font-size: 38px;
}

#home .column33 .column-style ul {
    padding: 35px 0;
    width: 100%;
    float: left;
}

#home .column33 .column-style a.btn-readmore {
    position: absolute;
    right: 30px;
    bottom: 35px;
    margin-top: 35px;
}


/* ENDE Startseite ENDE */







/* Pagination */

.pagination {
    float:left;
    width:100%;
}
.pagination ul {
    display: flex;
    flex-flow: row;
}
.pagination ul li {
    list-style:none;
}
.pagination ul li a {
    padding:5px;
}
.pagination ul li span {
    padding:5px;
}


span.icon-angle-double-left {
    background: url("/images/icons/pag_double_left_gray.png");
    height: 26px;
    width: 16px;
    position: relative;
    display: block;
}

a[aria-label="Go to start page"] span.icon-angle-double-left {
    background: url("/images/icons/pag_double_left_blue.png");
}

span.icon-angle-left {
    background: url("/images/icons/pag_left_gray.png");
    height: 26px;
    width: 16px;
    position: relative;
    display: block;
}

a[aria-label="Go to previous page"] span.icon-angle-left {
    background: url("/images/icons/pag_left_blue.png");
}



span.icon-angle-double-right {
    background: url("/images/icons/pag_double_right_gray.png");
    height: 26px;
    width: 16px;
    position: relative;
    display: block;
}

a[aria-label="Go to end page"] span.icon-angle-double-right {
    background: url("/images/icons/pag_double_right_blue.png");
}

span.icon-angle-right {
    background: url("/images/icons/pag_right_gray.png");
    height: 26px;
    width: 16px;
    position: relative;
    display: block;
}

a[aria-label="Go to next page"] span.icon-angle-right {
    background: url("/images/icons/pag_right_blue.png");
}




/***************** LOGIN *********************/

.hg0-login {
    float: left;
    display: none;
    /*    margin: 76px 0px 10px 0px;*/
    /*height:43px;*/
}
/*.smallHead .hg0-login {
        margin: 26px 10px 5px 0px;
}*/

.hg0-login .btn_login {
    font-size: 20px;
    font-weight: 700;
    line-height: 33px;
    line-height: 40px;
    color: var(--primaerfarbe);
    text-decoration: none;
    border:none;
    background: var(--transparent);
    /*margin: 5px 0;*/
    height:41px;
}

.hg0-login .btn_login:hover {
    color: var(--sekundaerfarbe);
}

#LoginDIV {
    width: 250px;
    padding: 35px 25px 20px;
    background-color: var(--weiss);
    margin-top: 45px;
    display: none;
    position: absolute;
    top: 60px;
    box-shadow: 0 0 15px var(--box-shadow2);
    margin-left: -160px;
}

/*.smallHead #LoginDIV {
    top:77px;
    margin-left: -70px;
}*/

#LoginDIV::after {
    content: "";
    position: absolute;
    top: 0px;
    box-sizing: border-box;
    border: 15px solid var(--weiss);
    border-color: transparent transparent var(--weiss) var(--weiss);
    transform-origin: 0 0;
    transform: rotate(135deg);
    box-shadow: -5px 5px 5px 0 var(--box-shadow2);
    left: 200px;

}

ul.mod-login__options li:nth-child(3) a {
    font-size:0;
    text-decoration: none;
}
ul.mod-login__options li:nth-child(3) a::before {
    content: "Don't have a JETI account? Register now.";
    font-size: 18px;
    text-decoration: underline;
}

/* input passwort toggle */
.btn-secondary.input-password-toggle {
    background:var(--transparent);
    border:none;
    outline: none;
}
.btn-secondary.input-password-toggle.active,
.btn-secondary.input-password-toggle:active {
    box-shadow:none;
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: none;
}


/* hide password */
span.icon-fw.icon-eye {
    background-image: url(/images/icons/visibility_gray.png);
    width: 24px;
    height: 24px;
    position: relative;
    display: block;
}
/*show password */
span.icon-fw.icon-eye-slash {
    background-image: url(/images/icons/visibility.png);
    width: 24px;
    height: 24px;
    position: relative;
    display: block;
}


/*  label  */
.form-horizontal .control-label {
    text-align: left;
}

/* Meldung wenn Feld nicht ausgefüllt ist */
.form-control-feedback {
    position: absolute;
    right: auto;
    width: auto;
    height: 34px;
    line-height: 34px;
    top: auto;
    font-size: small;
    color: var(--sekundaerfarbe);
    margin: 5px 0 0 10px;
    font-weight: 300;
}

/* Button */
.controls .btn-primary,
.controls .btn-danger {
    margin-top:15px;
}

/* Login Forgot your password */

.well {
    padding:0;
    background-color:var(--transparent);
    border: none;
    box-shadow:none;
}

.well input, .control-group {
    max-width:500px;
}

fieldset .input-group {
    display: block;
}

/* User Registration - Minimum Requirements */
div#jform\[password1\]-rules {
    text-align: right;
}

/* Ins Schreibfeld klicken, macht Border nicht unsichtbar */
.form-control:focus {
    border-color:var(--hintergrund1) !important;
}


/* invalid */


input[aria-invalid=""] {}
.controls.has-success
{
    color:red;
}


/* LOGIN ENDE */



/**************************************** ELEMENTE ****************************************/



/*****************************************************************************/
/************************************ SUCHE **/

/*
.hg-suche-button {
    position: absolute;
    max-width: 40px;
    width: 100%;
    height: auto;
    right: 235px;
    display: block;
    top: 0;

}

.smallHead .hg-suche-button {
    top: 37px;
    right: 65px;
}


.hg-suche{
    background: var(--weiss);
    width:100%; 
    width:0px;
    
    height:150px;
    z-index: 999;
    transition: 0.35s all ease-in;
    display: flex;
    flex-flow:row;
    align-items: center;
    justify-content: center;
    position: fixed;
    transition: 0.35s height;
}

.hg-suche-button button {
    background: no-repeat;
    border: none;
}

.hg-suche-button button img {
    opacity: 0.75;
    transition: 0.35s opacity ease-in-out;
}
.hg-suche-button button:hover img {
    opacity: 1;
    transition: 0.35s opacity ease-in-out;
}

.littleHeader .hg-suche-button button img {
    content: url(/images/icons/suche.png);
}

.collapse.in .hg-suche{
    height:150px; 
    width: 250px;
    transition: 0.35s width;
    box-shadow: 0 5px 10px var(--box-shadow);
}

.suche {
    display: flex;
    flex-flow:row;
    border-bottom: 2px solid var(--sekundaerfarbe);
    width:75%;
    opacity: 0;
    transition: 0.35s opacity;
    transition-delay: 0.35s;
}
.collapse.in .suche{
    opacity:1;
    transition: 0.35s opacity;
    transition-delay: 0.35s;
}
.suchfeld {
    width:100%;
}
.suchfeld label {
    display: none;
}
.suchfeld input {
    font-size: 48px;
    border: none;
    box-shadow: none;

    height: 64px;
   
    padding:0px;
}

.awesomplete {
    width:100%;
}

.form-control:focus {
    border-color: rgba(255,255,255,0);
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}


.collapse.in .suche{

}
.suche-button-close {
    height:64px;
    display: flex;
    align-items: center;

}
.suche-button-close button {
    background-color: var(--sekundaerfarbe);
    border-radius:20px;
    border:3px solid var(--weiss);
    transition: 0.35s border ease-in-out;
}
.suche-button-close button:hover {
    border-radius:20px;
    border:3px solid var(--sekundaerfarbe);
    transition: 0.35s border ease-in-out;
}*/

/*>>>>>>********************************************************/

/* Fix overlapping result lix */
#awesomplete_list_1 {
    margin-top: 50px;
}

.suche-box {
    height: 43px;
    width:43px;
    position: relative;
    float: left;
}
.suche-box.mobile {
    display: flex !important;
    flex-flow: row-reverse;
    position: relative;
    justify-content: flex-end;
}
#suche2 {
    width:calc(100% - 50px);
}


.hg-suche{
    background: var(--weiss);

    width:0px;
    height:50px;

    z-index: 999;

    display: flex;
    flex-flow:row;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: 0.35s width;
/*    margin-top: 77px;*/
    margin-left:45px;
    transition: 0.35s all ease-in;

    position: fixed;

    margin-left:-250px;
    margin-top: -3px;


}

.mobile .hg-suche{
    margin-top: 0;
    margin-left:0;
}





/*.smallHead .hg-suche {
    margin-top: 26px;
}*/


.collapse.in .hg-suche {
    height: 50px;
    width: 245px;
    transition: 0.35s width;
    border: 2px solid var(--sekundaerfarbe);

}
.suche {
    display: flex;
    flex-flow:row;
    /*    border-bottom: 2px solid var(--sekundaerfarbe);
        width:75%;*/
    opacity: 0;
    transition: 0.35s opacity;

}
.collapse.in .suche{
    opacity:1;
    transition: 0.35s opacity;
    transition-delay: 0.35s;

}
.suchfeld {
    display: flex;
    align-items: center;
}
.suchfeld label {
    display: none;
}
.suchfeld input {
    font-size: 18px;
    border: none;
    box-shadow: none;



    padding:0px;
}

.awesomplete {
    width:100%;
}
.awesomplete .visually-hidden {

    display: none;
}

js-finder-search-query.form-control {
    width:220px;
}

.form-control:focus {
    border-color: rgba(255,255,255,0);
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* */




.suche-button-close {
    height:50px;
    display: flex;
    align-items: center;

}
.suche-button-close button {
    background-color: var(--sekundaerfarbe);
    border-radius:20px;
    border:3px solid var(--weiss);
    transition: 0.35s border ease-in-out;
}
.suche-button-close button:hover {
    border-radius:20px;
    border:3px solid var(--sekundaerfarbe);
    transition: 0.35s border ease-in-out;
}


.hg-suche-btn {
    /*    margin: 86px 0 0;*/
}
.mobile .hg-suche-btn {
    padding: 7px;
    margin: 0;
    width:50px;
}
.hg-suche-btn button {
    border:none;
    background: var(--transparent);
    outline:0;
    padding: 7px;
    width:43px;
    height:43px;
}

.mobile .hg-suche-btn button img {
    content: url("/images/icons/suche_weiss.png");
}


/*.smallHead .hg-suche-btn {
        margin: 26px 0 0;
}*/




/* Suche Button */
.mod-finder__search {
    display: flex;
}

.mod-finder__search .btn.btn-primary {
    position: absolute;
    background-image: url(/images/icons/suche_weiss.png);
    padding: 5px;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0;
    width: 46px;
    height: 50px;
    border-radius: 0;
    top: -8px;
    right: -77px;
}






/**************  Suchergebnisse  ****************/
/* Erneute Suche ausblenden */
div#search-form {
    display: none;
}

/*Markierung zwischen den Suchergebissen*/
.result__item+.result__item {
    border-top: none;
    margin:50px 0;
    float: left;
    width: 100%;
}


li.result__item {
    display: flex;
    flex-flow: row-reverse;
}

/*Override in finder*/
.Einleitungsbild{
    width:50%;
}
.Einleitungsbild img {
    width: 100%;
    max-width: 520px;
    height: auto;
}
.Einleitungstext {
    width:100%;
    padding-right:50px;
}

figure.result__image {
    width:100%;
}




.suche-text {
    width:100%;
    padding-right: 30px;
}

p.result__title {
    /*    display: none;*/
}

/* ?berschriften in Suche */

.Einleitungstext h3,
.Einleitungstext h4 {
    display: none;
}

p.result__description {
    padding: 30px 0 0 0;
    max-width: 650px;
    width: 100%;
}

/* Überschrift ib Suchergebnisse */
.result__title-text {
    /*font-size: 40px;*/
    line-height: initial;
    font-weight: 600;
}



/*Suche ENDE */

/*********************************************************************************/
/*																				 */
/*           	              Slideshow CK               		             */
/*																				 */
/*********************************************************************************/

.swiper-caption {
    width: 55%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
}





.swiper-title {
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 0px;
    font-size: 20px;
    line-height: normal;
    text-align: center;
    padding: 5px;
}

.swiper-desc {
    color: #ffffff;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: normal;
    text-align: center;
}



a.btn-slider-readmore {
    color: var(--schriftfarbe1);
    background-color: #b5bccf;
    display: inline-block;
    font-size: 30px;
    font-weight: 400;
    line-height: 30px;
    margin-top: 5px;
    padding: 9px 20px 7px 20px;
    text-decoration: none;
    transition: all 0.2s ease;
    border-radius:0;
}

a.btn-slider-readmore:hover {
    background-color: #006cae;
    transition: all 0.2s ease;
}


.swiper-layout-vertical .swiper-caption {
    height:auto;

}
.swiper-layout-vertical .swiper-title {
    font-size: 18px;
    margin: 0;
    padding: 0;
    line-height: normal;
}

.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 5px;
    left: 0;
    margin: 0;
    padding: 0;
    height: 10px;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.swiper-layout-vertical .swiper-caption {
    height: auto;
    margin-bottom: 20px;
    padding: 5px;
}

/*slideshowck ende*/















/************************************************************************/
/*			 Footer						*/
/************************************************************************/

footer {
    display: block;
    float: left;
    position: relative;
    width: 100%;


}


.footer-box {
    display: flex;
    flex-flow:column;
    margin: 35px 0 10px;
}


.footer-adress {
    background-image: url("/images/icons/icon_keyvisual.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    padding: 0 0 0 80px;
    min-height: 132px;
    width:100%;
}
.footer-adress p {
    margin:0;
}

.footer-general {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: flex-end;

}

.footer-general ul {
    margin-bottom:10px;
}
.footer-general ul li {
    float:left;
    list-style: none;
    background: none;
}
.footer-general ul li a {
}
.footer-general ul li a:hover {
}








/* JCE Editor backend */
.ui-jce .styleformat-list .styleformat .collapse {
    display: flex;
}








/* MAP */






/******************************** CONVERT FORM  *****************************/

/* Das Kontakt-Formular auf dem Menüpunkt (nicht das blaue)) */
#cf_2 {
    max-width: 100%;
}

/* Anpassung für responsiv */

.convertforms .cf-one-third,
.convertforms .cf-two-sixths {
    width: 100%;
}




/****************************** ende convertform  *******************/


/************** COOKIE HINT **********************




/* ENDE COOKIE HINT ENDE */






/*******************************************************************************/
/*                                                                             */
/*                                                                             */
/*                      @media (min-width: 450px)                              */
/*                                                                             */
/*                                                                             */
/*******************************************************************************/

@media (min-width: 450px) {

/*    .hg0-logo-key {

        width: auto;

    }*/



/*    .hg0-logo-key img {
        width:auto;
    }*/


}

/*ENDE @media (min-width: 450px) ENDE*/


/*******************************************************************************/
/*                                                                             */
/*                                                                             */
/*                      @media (min-width: 600px)                              */
/*                                                                             */
/*                                                                             */
/*******************************************************************************/

@media (min-width: 600px) {


/*    .hg0-logo {

        position: absolute;
        height: 90px;

        width: 90px;
    }*/
/*    .smallHead .hg0-logo {

        position: relative;
    }*/



/*    .smallHead .hg0-logo-key img {

        max-height: 40px;

    }*/


    .masonry-4 .blog-item {
        width:45%
            /*    width:calc((100% - 45px) / 4);*/
    }

    .masonry-4 .blog-item:nth-child(4n+1) {
        margin:0;
    }
    .masonry-4 .blog-item:nth-child(4n+2),
    .masonry-4 .blog-item:nth-child(4n+3),
    .masonry-4 .blog-item:nth-child(4n+0) {
        margin:0 0 0 15px;
    }

    /* Tabelle der Module im TAB MENU */

    .tabcontent .mod-custom table tr {
        display: flex;
        flex-flow:row;
    }


}/*ENDE @media (min-width: 600px) ENDE*/

/*******************************************************************************/
/*                                                                             */
/*                                                                             */
/*                      @media (min-width: 767px)                              */
/*                                                                             */
/*                                                                             */
/*******************************************************************************/

@media (min-width: 767px) {


   
    
.hg0-rechts {
    width: 100%;
    display: flex;
    flex-flow:row;
    position: relative;

}
.hg0-oben {
    order: 2;
    right: 0;
    position: absolute;
    height:50px;
}
.hg0-unten {
    order:1;
    
}
.suche-box {
    order:3;
}

.hg0-login {
    order:2;
}

.menu_responsiv {
    order:1;
    
}





.hg0-logo-key img {
    height: 100%;
}




#LoginDIV {
    margin-left: -70px;
}
#LoginDIV::after {
    
    left: 120px;

}





    /* Felder MULTI COLUMN*/
    .column75 {
        width:calc(75% - 20px);

    }

    .column66 {
        width:calc(66% - 20px);

    }

    .column50 {
        width:calc(50% - 20px);
        /*    margin:10px;*/
    }
    .column33 {
        width:calc(33% - 20px);
        /*    margin:10px;*/
    }
    .column25 {
        width:calc(25% - 20px);
        /*    margin:10px;*/
    }

    /* TAB MENU */
    .tabcontent {
        padding:25px;
    }

    .tab button.tablinks {
        padding: 14px 16px;
        font-size: 25px;
        margin: 5px 10px 0 0;
        width:auto;
    }

    /* Distributer Blog */

    .masonry-4 .blog-item {
        width:calc((100% - 45px) / 4);
    }

    /* Anpassung Convertforum für Kontakt-Seite - nicht blaues your request */

    .convertforms .cf-one-third,
    .convertforms .cf-two-sixths {
        width: 33.3333%;
    }




}/*ENDE @media (min-width: 767px) ENDE*/

/*******************************************************************************/
/*                                                                             */
/*                                                                             */
/*                      @media (min-width: 990px)                              */
/*                                                                             */
/*                                                                             */
/*******************************************************************************/

@media (min-width: 990px) {

 
    
    #mainmenu {
        /*display: block;*/
    }
    #menu_responsiv {
        /*display: none;*/
    }
    
    
    .swiper-title {
    margin-bottom: 7px;
    font-size: 28px;
    line-height: 28px;
    padding: 10px 0;
}

.swiper-desc {
    font-size: 20px;
}

a.btn-slider-readmore {
    margin-top: 27px; 
}

    
    
    .hg0-rechts {
/*    display: flex;
    flex-flow: column;
    
    height: 86px;*/
}

    /**Startseite*/

    .three-column-box {

        margin: 15px;
    }
    .after-content-three-column {
        flex-flow: row;
    }




} /*ENDE @media (min-width: 990px) ENDE*/

/*******************************************************************************/
/*                                                                             */
/*                                                                             */
/*                      @media (min-width: 1200px)             		           */
/*                                                                             */
/*                                                                             */
/*******************************************************************************/

@media (min-width: 1200px) {


/*    .hg0.bigHead {
        height:200px;
    }

    .hg0.smallHead {
        height:120px;
    }*/

/*    .bigHead .hg0-unten {

        top: 17px;
    }*/

/*    .hg0-logo img {
        width: 140px;
        top: 5px;
    }*/



/*    .smallHead .hg0-logo img {
        width: auto;
        height: 86px;
        top: -10px;
    }*/
/*
    .hg0-mainmenu {
        float: left;
                margin:98px 0px 10px 20px;
    }

    .hg0-login {


        float: left;
                margin: 98px 0 0;
    }*/

    .hg0-login .btn_login {
        font-size: 20px;
    margin-left: 5px;
    height:41px;
    

    }


    .hg-suche-btn {
        /*        margin: 110px 0 0;*/
    }

    .hg-suche{
/*        position: fixed;
        margin-top: -3px;
        margin-left:-250px;
        z-index:999;*/
    }





    /*************** SLIDER CK *********************/



    .hg1 {
        margin-top:100px;
    }

    .swiper-title {
        font-size: 38px;
        line-height: 48px;
    }


    .swiper-desc {
        font-size: 30px;
        line-height: 38px;
    }



}
/*******************************************************************************/
/*                                                                             */
/*                                                                             */
/*                      @media (min-width: 1660px)             		           */
/*                                                                             */
/*                                                                             */
/*******************************************************************************/

@media (min-width: 1660px) {


/*    .hg0-content {
        margin: 28px 0 0 0;
        height:172px;
    }
    
    .hg0-logo img {
        width: 177px;
        top:0;
    }
    
    .hg0-logo-key {
        max-width: 406px;
    }*/
    /* Suche - Button Position 
    .hg-suche-button {
        max-width: 40px;
        right: 420px;
    }
    */



    /* Maximale Seitenbreite */
    .container {
        width: 1400px;

    }

    /*footer*/
    .footer-box {
        flex-flow:row;
    }

    .footer-general {
        width: 50%;
        justify-content: flex-end;
    }

}

/*ENDE @media (min-width: 1160px) ENDE*/