:root {
    --schwarz: #000;
    --weiss: #fff;
    --hellgrau: #f7f8f8;
    --grau: #ccc;
    --transparent: rgba(0,0,0,0);
    --box-shadow: rgba(0,0,0,0.3);
    --box-shadow2: rgba(0,0,0,0.2);

    --primaerfarbe: #8b979f; /* JETI Graublau */
    --sekundaerfarbe: #006cae; /* JETI Blau */

    /*--schriftfarbe1: #3d3d3d; /* JETI grau */
     --schriftfarbe: #000; /*geändert in schwarz am 06/05/2025, Jens */


    --hintergrund1: rgba(50,50,50,0.8); /*Mobiles Menu 1. Ebene*/
    --hintergrund2: rgba(230,230,230,0.8); /* Mobiles Menu 2. Ebene */
    --hintergrund3: rgba(200,200,200,0.8); /* Mobiles Menu 3. Ebene */
    --hintergrund3: rgba(170,170,170,0.8); /* Mobiles Menu 4. Ebene */
}


/* Schriftart */


/* roboto-condensed-300 - latin */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/roboto-condensed-v24-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('../fonts/roboto-condensed-v24-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/roboto-condensed-v24-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/roboto-condensed-v24-latin-300.woff') format('woff'), /* Modern Browsers */
        url('../fonts/roboto-condensed-v24-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/roboto-condensed-v24-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-regular - latin */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/roboto-condensed-v24-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('../fonts/roboto-condensed-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/roboto-condensed-v24-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/roboto-condensed-v24-latin-regular.woff') format('woff'), /* Modern Browsers */
        url('../fonts/roboto-condensed-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/roboto-condensed-v24-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-300italic - latin */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 300;
    src: url('../fonts/roboto-condensed-v24-latin-300italic.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('../fonts/roboto-condensed-v24-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/roboto-condensed-v24-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/roboto-condensed-v24-latin-300italic.woff') format('woff'), /* Modern Browsers */
        url('../fonts/roboto-condensed-v24-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/roboto-condensed-v24-latin-300italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-italic - latin */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/roboto-condensed-v24-latin-italic.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('../fonts/roboto-condensed-v24-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/roboto-condensed-v24-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/roboto-condensed-v24-latin-italic.woff') format('woff'), /* Modern Browsers */
        url('../fonts/roboto-condensed-v24-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/roboto-condensed-v24-latin-italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-700 - latin */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/roboto-condensed-v24-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('../fonts/roboto-condensed-v24-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/roboto-condensed-v24-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/roboto-condensed-v24-latin-700.woff') format('woff'), /* Modern Browsers */
        url('../fonts/roboto-condensed-v24-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/roboto-condensed-v24-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-700italic - latin */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/roboto-condensed-v24-latin-700italic.eot'); /* IE9 Compat Modes */
    src: local(''),
        url('../fonts/roboto-condensed-v24-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/roboto-condensed-v24-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/roboto-condensed-v24-latin-700italic.woff') format('woff'), /* Modern Browsers */
        url('../fonts/roboto-condensed-v24-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/roboto-condensed-v24-latin-700italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}


html, body {
    height:100%;
    margin:0;
    padding:0;
    text-align:left;
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 300;

    color: var(--schriftfarbe1);

    font-size: 18px;

    line-height: 28px;
    scroll-behavior: smooth;
}


.clear{
    clear:both;
}

.fullscreen {
    display: none;
}
.mobile {
    display: block;
}

table.fullscreen {
    display: none;
}
table.mobile {
    display: flex;
    flex-flow:column;
}


/*********************     Linkfarbe       **************************/

a {
    color: var(--sekundaerfarbe);
    text-decoration: underline;
    transition: 0.35s color;
    font-weight:400;
}

a:hover, a:focus {
    color:var(--primaerfarbe);

    background: none;
    transition: 0.35s color;
}

content a {
    /*    font-weight: 600;*/
}

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



/************** Tabelle / tabelle / table ******************/

tr:nth-child(even) {
    background-color: var(--hellgrau);
}

tr:nth-child(odd) {
    background-color: var(--weiss);
}

tr:nth-child(even) td,
tr:nth-child(odd) td {
    padding: 20px 35px 15px 35px;
    padding:10px;
}

table {
    border-spacing: 0px;
    border:1px solid var(--primaerfarbe);
    text-align: left;
    position: relative;
    width:100% !important;
}

table h3 {
    margin-left: -35px;
}


table tr {
    display: flex;
    flex-flow:column;
    align-items: flex-start;
}


table td{
    width:100%;
}

table td p {
    margin:0;
}

table td img {
    /*max-height:30px;*/
    width: auto;
    height:auto;
    position: relative;
}


/* table mit class headline*/

table.headline tr:first-child {
    background: var(--hintergrund1);
    color:var(--hellgrau);
}
table.headline tr:first-child a {

    color:var(--hellgrau);
}
table.headline tr:first-child a:hover {

    color:var(--hintergrund2);
}



/* table mit class product*/


table.product td img {

    max-height:100%;
    width:100%;

}


table.product tr:nth-child(even) td {
    padding: 0 20px;
}

table.product tr:nth-child(odd) td {
    padding:20px 35px 15px 35px;
}



/*Tabelle im Blog*/

.blog table {
    border: none;
}

.blog td:nth-child(1){
    width:25%;
}
/* ENDE tabelle ENDE */








/* List Style ENDE */






/************************************************************************/
/*      								*/
/*                          BUTTONS             			*/
/*									*/
/************************************************************************/

/* Buttons */

.btn-link:hover, .btn-link:focus {
    text-decoration:none;
    color:var(--sekundaerfarbe);
}

.btn-link {

    color: var(--primaerfarbe);
}



/*********************    READMORE BTN    **************************/


p.readmore {
    padding:0;
}

.readmore a {
    border: 1px solid;
    border-color: var(--primaerfarbe);
    color: var(--primaerfarbe);
    border-radius:15px;
    margin: 10px 0 30px;
    float:left;
}

.readmore a:hover {
    border:1px solid var(--sekundaerfarbe);
    color: var(--sekundaerfarbe);
}





/************************************* BUTTON *************************************/


#myBtn {
    display:none;
}

#responsiv .scrollup {
    float: left;
    position: fixed;
    right: 20px;
    bottom: 73px;

}



.btn {
    display: inline;
}

.btn-info {
    background-color: #7297ce;
    border-color: #7297ce;
}

.btn-info a {
    transition: 0.2s;
}

.btn-info a:hover {
    background:#008C4A;
}





/****** UP Button ******/

.scrollup {
    position: fixed;
    right: 90px;
    bottom: 50px;
    z-index: 10;
}

.scrollup p {
    margin:0;
}

.scrollup a {
    font-size:0;
    color: var(--weiss);
    background-color: rgba(255,255,255,0.5);
}



.scrollup span::before{
    font-size:32px;
    background: var(--hintergrund3);
    border: 1px solid;
    border-color: var(--weiss);
    border-radius: 3px;
    box-shadow: 0 0 3px var(--box-shadow);
    color: var(--primaerfarbe);

    content:"Up";
}

.scrollup:hover span::before {
    color:var(--sekundaerfarbe);
    background: rgba(255,255,255,0.5);
}

.scrollup .btn-lg {
    padding:0;
}

.scrollup .btn-info {

    border:none;
    text-transform: none;
}

#responsiv .scrollup {
    float: left;
    position: fixed;
    right: 20px;
    bottom: 73px;
}









/* * *    BUTTONS ENDE     * * */







/********************************* SEARCH **********************************************/


.search {
    padding:2px 0 2px;

}


.search input {
    border-radius: 5px;
    padding: 1px 5px;
    border-color: transparent;
    background-color: var(--hellgrau);
    min-width:350px;

}










/*************** HEADER - BILD / MODUL JE Camera Slideshow  *****************/

/* ausgelagert */

/* JE_Camera_Slideshow */


.ui.blue.button, .ui.blue.buttons .button {
    color: var(--primaerfarbe);
    background-color: var(--hintergrund3);
    border: none;
    font-size: 24px;
    box-shadow: 0 0 3px var(--box-shadow);

}

.ui.blue.button:hover, .ui.blue.buttons .button:hover,
.ui.blue.button:focus, .ui.blue.buttons .button:focus {
    color: var(--sekundaerfarbe);
    border: none;
    background-color: var(--hintergrund2);
}




/********************************* HEADER *********************************/



/*************** HEADER - TOP *****************/

/*** Anker ***/
#header {
    float: left;
    width: 100%;
    position: relative;
}










/*** LOGO ***/


.navbar-brand {

    padding: 15px;

}

.logo{

}

.logo p {
    margin: 0;
}

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

.logo-response{
    display: block;
}
.logo-response p {
    margin:0;
}
.logo-response img {
    height:60px;
    width: auto;
    padding: 5px;
}

.logo-response .navbar-brand {
    padding:0;
}





/*************************** MAIN MENU / mainmenu ************************************/

.nav > li > a {
    color: var(--primaerfarbe);
    text-decoration: none;
}

.nav > li > a:hover, .nav > li > a:focus {
    background: none;
    color: var(--sekundaerfarbe);
    text-decoration: none;
}

/*
.mainmenu {

}
.mainmenu ul {
    display: flex;
    flex-flow:row;
    z-index:6;
}
.mainmenu ul li {
    white-space: nowrap;
}
.mainmenu ul li a {
    font-size: 18px;
    font-weight: 700;
    line-height: 33px;
    color: var(--primaerfarbe);
    text-decoration: none;
    padding: 10px 8px;
}
.mainmenu ul li a:hover,
.mainmenu ul li a:focus,
.mainmenu ul li.active a {
    color: var(--sekundaerfarbe);
}

 >>>>>>>>>>>>>>>> 2. Ebene <<<<<<<<<<<<<<<<<<<<< 
.mainmenu ul ul {
    display: none;
    position: absolute;
    background: var(--weiss);
    padding: 10px 0;
    box-shadow: 0px 2px 16px 0px var(--box-shadow);
}

.mainmenu ul li:hover ul {
    display: block;
}

.mainmenu ul ul li {
    float: none;
    width: 100%;
}




.mainmenu ul ul li a {
    padding: 3px 20px 3px 20px;
    font-weight: 400;
    font-size: 16px;
    color: var(--primaerfarbe);
}

.mainmenu ul li.active li a {
    color: var(--primaerfarbe);
}

.mainmenu ul li.active li a:hover,
.mainmenu ul li.active li a:focus,
.mainmenu ul li.active li.active a,
.mainmenu ul li.active li.current a {
    color: var(--sekundaerfarbe);
}


 Parent Symbil 

.mainmenu ul ul li.parent {

    background-image: url(/images/icons/navigation_submenu.png);
    background-size: 8px;
    background-position: 90% center;
    background-repeat: no-repeat;
    margin-right:24px;

}

.mainmenu ul ul li.parent:hover,
.mainmenu ul ul li.parent.active
{

    background-image: url(/images/icons/navigation_submenu_active.png);
}


 >>>>>>>>>>>>>  3. Ebene <<<<<<<<<<<< 

.mainmenu ul ul ul,
.mainmenu ul li:hover ul ul {
    display: none;

    left: 100%;
    box-shadow: 0px 2px 16px 0px var(--box-shadow);
    background-color: var(--weiss);
        background: #ff0000;

    margin: -46px 0 0 0;
    min-width: 250px;
    position: absolute;
}
.mainmenu ul ul li:hover ul {
    display: block;
}

.mainmenu ul ul ul li {
    float:left;
    width:100%;
}
.mainmenu ul ul ul li a {
    width:100%;
    float:left;
}

.mainmenu ul li.active li.active li a {
    color: var(--primaerfarbe);
}
.mainmenu ul li.active li.current li a:hover,
.mainmenu ul li.active li.current li a:focus,
.mainmenu ul li.active li.active li.current a {
    color: var(--sekundaerfarbe);
}




 >>>>>>>>>>>>>  4. Ebene <<<<<<<<<<<< 

.mainmenu ul ul ul ul,
.mainmenu ul li:hover ul ul ul {
    display: none;

    left: 100%;
    box-shadow: 0px 2px 16px 0px var(--box-shadow);
    background-color: var(--weiss);
        background: #fff000;

    margin: -46px 0 0 0;
    min-width: 250px;
    position: absolute;
}
.mainmenu ul ul ul li:hover ul {
    display: block;
}
*/


/* +++++++++++++++ MAINMENU  / mainmenu  +++++++++++++++++++ */



.hg0-mainmenu_aio {
    display: flex;
    float: left;
    margin-top: 104px;
}

#mobilemenuck-171-mobile-bar {
    display: none !important;
}

#mobilemenuck-171-mobile {
    display: flex !important;
    padding-left:25px;
    flex-flow: row;
    z-index: 500 !important;
}

/************* mobilemenuck-171 == MAIN MENU *****************************/

[data-id="mobilemenuck-171"].mobilemenuck {
    display: flex;
    flex-flow: row;
}

[data-id="mobilemenuck-171"] .mobilemenuck-topbar {
    display: none;
}

[data-id="mobilemenuck-171"] .mobilemenuck-item > .level2 {
    padding: 0 40px 0 25px;
}

[data-id="mobilemenuck-171"] .mobilemenuck-submenu {
    position: absolute !important;
    background: var(--weiss);
    padding: 10px 0;
    box-shadow: 0 0 15px var(--box-shadow);
}


/*level 3*/
[data-id="mobilemenuck-171"] .mobilemenuck-submenu .mobilemenuck-submenu {
    position: relative !important;
    padding: 0;
    box-shadow: none;
    background: var(--hintergrund2);
}

/* + */

[data-id="mobilemenuck-171"] .mobilemenuck-item > .level1 {
    padding-left:0;
    margin-right:15px;
}

/*************** mobilemenuck-164 == RESPONSIVES MENU  *******************/



#mobilemenuck-164-mobile-bar, #mobilemenuck-164-mobile-bar-wrap-topfixed {
    display: flex;
    height:41px;
}

[data-id="mobilemenuck-164"] .level2 + .mobilemenuck-submenu .mobilemenuck-item > div {
    margin:2px;
}

[data-id="mobilemenuck-164"] .mobilemenuck-bar-title {
    order: 2;
    cursor: pointer;
    color: var(--primaerfarbe);
    background: var(--transparent);
    text-indent: 0px;
    margin-right:5px;
    display:none;
    line-height: 42px;
}

[data-id="mobilemenuck-164"] .mobilemenuck-bar-button {
    order: 1;
    position: relative;
    color: var(--primaerfarbe);
    background: var(--transparent);
    line-height: 24px;
    font-family: "Roboto Condensed";
    font-weight: 300;
    font-size: 38px;

}











/*Schriftgröße */

.mobilemenuck-item .parent {
    padding-right : 40px;
    ;
}

.mobilemenuck-item > .level1 a {
    font-size:18px  !important;
    font-weight:700  !important;
}








/*******************************************************************/
/* Farben ALLE ? */
/*******************************************************************/


/* lvl 1*/



.mobilemenuck-submenu {
    background: var(--hintergrund2);
    padding:1px;
}
/* lvl 2*/

.mobilemenuck-submenu .mobilemenuck-submenu {
    background: var(--hintergrund3);
}



/*level 3*/
.mobilemenuck-submenu .mobilemenuck-submenu .mobilemenuck-submenu {
    padding: 0;
    box-shadow: none;
    background: var(--hintergrund4);
    padding: 1px 0;
}


.mobilemenuck-submenu .level2 {
    margin:3px !important;
}

.mobilemenuck-togglericon:after {
    font-size: 24px !important;
    font-weight:400;
    color:var(--weiss);
    background: var(--hintergrund1) !important;
}


.mobilemenuck-item > .level1,
.mobilemenuck
{
    background: var(--weiss) !important;
}


.mobilemenuck a {

}


.mobilemenuck-item > .level1 a {
    color: var(--primaerfarbe) !important;
}
.mobilemenuck-item > .level1 a:hover {
    color: var(--sekundaerfarbe) !important;
}

.menuck.active.level1 a {
    color: var(--sekundaerfarbe) !important;
}

.menuck.active.level1 a,
.menuck.active.level2 a,
.level2 + .mobilemenuck-submenu .mobilemenuck-item > div.menuck.active.level3 a,
.level2 + .mobilemenuck-submenu .mobilemenuck-item > div.menuck.active.level4 a{
    background: var(--transparent) !important;
    color:var(--sekundaerfarbe) !important;
}

.mobilemenuck-item > .level1 {
    background: var(--transparent) !important;
}

.mobilemenuck-item > .level1:hover,
.mobilemenuck-item > .level1.open {
    background: var(--transparent) !important;
}

/************* LVL 2 *********/



.mobilemenuck-item > .level2 a {
    color: var(--primaerfarbe) !important;
    font-size:20px !important;
    font-weight: 400 !important;
    white-space:normal;
}
.mobilemenuck-item > .level2 a :hover
{
    background:var(--transparent) !important;
    color: var(--sekundaerfarbe) !important;
}


.mobilemenuck-item > .level2:hover,
.mobilemenuck-item > .level2.open {
    background: var(--transparent) !important;
    color:var(--sekundaerfarbe) !important;
}

/*************** LVL 3**/



.level2 + .mobilemenuck-submenu .mobilemenuck-item > div a {
    font-size:20px  !important;
    font-weight:400  !important;

    color:var(--primaerfarbe) !important;
}
.level2 + .mobilemenuck-submenu .mobilemenuck-item > div a:hover {
    color:var(--sekundaerfarbe) !important;
}

.level2 + .mobilemenuck-submenu .mobilemenuck-item > div{
    background:var(--hintergrund2) !important;
    /*    margin: 1px 1px 2px 0 !important;*/

}

.level2 .mobilemenuck-submenu {
    background: var(--hintergrund2) !important;
}

[data-id="mobilemenuck-164"].mobilemenuck .mobilemenuck-submenu .mobilemenuck-item{

    /*background: var(--hellgrau) !important;*/

}

.menuck.level3 {
    padding: 0 25px 0 !important;

}


/*********************** LVL 4 **************/


.level3 + .mobilemenuck-submenu .mobilemenuck-item > div {
    background: var(--hintergrund3) !important;
}


[data-level="3"] .mobilemenuck-submenu .mobilemenuck-submenu {
    background: var(--hintergrund) !important;
}
.level2 + .mobilemenuck-submenu .mobilemenuck-submenu .mobilemenuck-item > div a {
    color: var(--weiss) !important;
    /*    background: var(--hintergrund3) !important;*/
}
.level2 + .mobilemenuck-submenu .mobilemenuck-submenu .mobilemenuck-item > div a:hover {
    color:var(--sekundaerfarbe) !important;
}


.menuck.level4 {
    padding:0 !important;
    text-align: center;
}
.menuck.level4 a {
    color:var(--weiss);
}

.mobilemenuck-submenu [data-level="4"].mobilemenuck-item {
    /*    background: var(--hintergrund3) !important;*/

}
[data-level="3"].mobilemenuck-item .mobilemenuck-submenu {

    padding-left: 0 !important;
}




/* ENDE MAIN MENU ENDE */







/************************  RESPONSIVES MENU  *****************************/

#mobilemenuck-172-mobile-bar, #mobilemenuck-172-mobile-bar-wrap-topfixed {
    display: block;
}




/********** ENDE RESPONSIVES MENU **********************/


















/********************************** BREADCRUMB **********************************/

#startseite .hg_breadcrumb {
    display:none;
}

.breadcrumb {
    border-radius:0;
    background-color: var(--transparent);
    margin:35px 0 0;
    padding:0;
}

ol.breadcrumb li:nth-child(2)::before{
    content:"";
}





/*************** Content *****************/
















/********************   Fehler    ****************************/


.alert h4 {
    color: inherit;
    float: left;
    margin: 0 15px 0 0;
    width: auto;
}

.alert-message {
    line-height: 25px;
}





/******************************    Beiträge    *****************************************/






/**************************** FOOTER ******************************************/



footer {
    display: block;
    float: left;
    position: relative;
    width: 100%;
    margin-bottom: 60px;

}







/* Footer Navigation */


/*** Copyright ***/

.copyright{
    margin: 0 auto;
    text-align:center;
    font-size: 10px;
    width: 100%;
    float: left;
    margin-bottom: 0px;

}



.copyright p{

    margin-top: 4px;
    margin-bottom: 8px;
}

.copyright img {

    height: 25px;
    padding: 0 3px;

}



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

#redim-cookiehint {
    background: var(--sekundaerfarbe);

}
#redim-cookiehint .cookiehead .headline {
    color: var(--weiss);
}

#redim-cookiehint .cookiecontent {
    color: var(--weiss);
    padding:0;
}

#redim-cookiehint .cookiecontent h5 {
    color:var(--weiss);
    line-height: normal;
    margin-bottom:10px;
}

#redim-cookiehint .cookiecontent ul {
    padding-left: 15px;
}

.cookiebuttons {
    display: flex;
    flex-flow:wrap;
}
#redim-cookiehint .cookiebuttons a.btn {
    width: 48%;
    margin: 0 1%;
}
#cookiehintinfo {
    width:100%;
    color: var(--weiss);
    display:flex;
    flex-flow:row;
}
#cookiehintinfo a {
    color:var(--weiss);
    text-decoration: none;
    padding: 5px 0;
}

#cookiehintinfo a:hover {
    color: var(--primaerfarbe);
}


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

@media (min-width: 450px) {




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


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

@media (min-width: 600px) {

    #mobilemenuck-172-mobile-bar, #mobilemenuck-172-mobile-bar-wrap-topfixed {
        display: none;
    }

    /*Ãœberlappung mit Your Request Sormular */
    .scrollup {

        right: 50px;
    }

    .fullscreen {
        display: block;
    }
    .mobile{
        display: none !important;
    }

    table.fullscreen {
        display: flex;
        flex-flow:column;

    }
    table.mobile {
        display: none;
    }

    table tr {
        flex-flow:row;
    }



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

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

@media (min-width: 767px) {




    [data-id="mobilemenuck-164"] .mobilemenuck-bar-title {
        display: block;

    }



    footer {
        margin-bottom: 0px;
    }


    /*Wegen TAB Menu*/
    tr:nth-child(even) td,
    tr:nth-child(odd) td {
        padding: 20px 35px 15px 35px;
    }


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




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


@media (min-width: 990px) {





    #responsiv {
        display:none;
    }












    .mobilemenuck-item > .level2 a {
        color: var(--primaerfarbe) !important;
        font-size:20px !important;
        font-weight: 400 !important;
        /*white-space: nowrap;*/
    }



    /***** Kontaktseite ******/

    #kontaktseite #jform_contact_name {
        width: 30%;
    }

    #kontaktseite #jform_contact_email{
        width: 30%;
    }

    #kontaktseite #jform_contact_emailmsg{
        width: 50%;
    }

    #kontaktseite #jform_contact_message{
        width: 50%;
    }


    .kontakt_info{
        width: 65%;
    }


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



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

@media (min-width: 1200px) {
    /*    .container {
            width: 1640px;
            padding: 0 120px;
        }*/

    /* MAIN MENU*/
    .mainmenu ul li a {
        font-size: 18px;
        padding: 10px 8px;
    }
    .mainmenu ul ul li a {
        padding: 3px 30px 3px 20px;
        font-size: 20px;
    }


    .mobilemenuck-item > .level1 a {
        font-size:23px  !important;
        font-weight:700  !important;
    }

}

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

@media (min-width: 1660px) {
}

/*ENDE  ENDE*/