/* default styles for extension "tx_frontend" */
    .ce-align-left { text-align: left; }
    .ce-align-center { text-align: center; }
    .ce-align-right { text-align: right; }

    .ce-table td, .ce-table th { vertical-align: top; }

    .ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; }

    .ce-left .ce-gallery, .ce-column { float: left; }
    .ce-center .ce-outer { position: relative; float: right; right: 50%; }
    .ce-center .ce-inner { position: relative; float: right; right: -50%; }
    .ce-right .ce-gallery { float: right; }

    .ce-gallery figure { display: table; margin: 0; }
    .ce-gallery figcaption { display: table-caption; caption-side: bottom; }
    .ce-gallery img { display: block; }
    .ce-gallery iframe { border-width: 0; }
    .ce-border img,
    .ce-border iframe {
        border: 2px solid #000000;
        padding: 0px;
    }

    .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
        margin-bottom: 10px;
    }
    .ce-image .ce-gallery { margin-bottom: 0; }
    .ce-intext.ce-right .ce-gallery { margin-left: 10px; }
    .ce-intext.ce-left .ce-gallery { margin-right: 10px; }
    .ce-below .ce-gallery { margin-top: 10px; }

    .ce-column { margin-right: 10px; }
    .ce-column:last-child { margin-right: 0; }

    .ce-row { margin-bottom: 10px; }
    .ce-row:last-child { margin-bottom: 0; }

    .ce-above .ce-bodytext { clear: both; }

    .ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; }

    /* Headline */
    .ce-headline-left { text-align: left; }
    .ce-headline-center { text-align: center; }
    .ce-headline-right { text-align: right; }

    /* Uploads */
    .ce-uploads { margin: 0; padding: 0; }
    .ce-uploads li { list-style: none outside none; margin: 1em 0; }
    .ce-uploads img { float: left; padding-right: 1em; vertical-align: top; }
    .ce-uploads span { display: block; }

    /* Table */
    .ce-table { width: 100%; max-width: 100%; }
    .ce-table th, .ce-table td { padding: 0.5em 0.75em; vertical-align: top; }
    .ce-table thead th { border-bottom: 2px solid #dadada; }
    .ce-table th, .ce-table td { border-top: 1px solid #dadada; }
    .ce-table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); }
    .ce-table-bordered th, .ce-table-bordered td { border: 1px solid #dadada; }

    /* Space */
    .frame-space-before-extra-small { margin-top: 1em; }
    .frame-space-before-small { margin-top: 2em; }
    .frame-space-before-medium { margin-top: 3em; }
    .frame-space-before-large { margin-top: 4em; }
    .frame-space-before-extra-large { margin-top: 5em; }
    .frame-space-after-extra-small { margin-bottom: 1em; }
    .frame-space-after-small { margin-bottom: 2em; }
    .frame-space-after-medium { margin-bottom: 3em; }
    .frame-space-after-large { margin-bottom: 4em; }
    .frame-space-after-extra-large { margin-bottom: 5em; }

    /* Frame */
    .frame-ruler-before:before { content: ''; display: block; border-top: 1px solid rgba(0,0,0,0.25); margin-bottom: 2em; }
    .frame-ruler-after:after { content: ''; display: block; border-bottom: 1px solid rgba(0,0,0,0.25); margin-top: 2em; }
    .frame-indent { margin-left: 15%; margin-right: 15%; }
    .frame-indent-left { margin-left: 33%; }
    .frame-indent-right { margin-right: 33%; }

/* MENUE BUTTON ----------------------------------------------------------- */

#menuemain_btn_con { position:fixed; z-index: 109; bottom: 0px; left: calc( 50% - 210px ); }

#menuemain_btn_con #menuemain_btn { 
  position:relative; 
  bottom:-10px; left:0px; 
  width:420px; height:90px; 
  cursor:pointer;
}
/* #menuemain_btn_con #menuemain_btn { position:relative; top:0px; left:0px; width:120px; height:120px; cursor:pointer; background-color: var(--main-signalColor01); border-radius:60px; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); } */

#menuemain_btn_con #menuemain_btn #svgBG {position:absolute; top:0; left:0; width:100%; height:100%; pointer-events: none;}
#menuemain_btn_con #menuemain_btn #svgBG svg { width:100%; height:100%; }
#menuemain_btn_con #menuemain_btn #svgBG svg .svgPath { fill: var(--main-signalColor01); filter: drop-shadow( 0 10px 10px rgba(0, 0, 0, 0.3));}

#menuemain_btn_con #menuemain_btn .icon_con { 
  position: absolute; 
  width:70px; height:50px; 
  left:calc(50% - 35px); top:20px;  
  display:flex; flex-direction: row; flex-wrap:nowrap; justify-content: center;
  pointer-events: none;
  overflow:hidden;
}

/* MENUE ICON */
#menuemain_btn_con #menuemain_btn .icon_con .element { position:absolute; width:100%; height:20%; background-color:#fff; left:0%;}
#menuemain_btn_con #menuemain_btn .icon_con .element:nth-child(1) { top:0%;}
#menuemain_btn_con #menuemain_btn .icon_con .element:nth-child(2) { height: 15%; top:30%;}
#menuemain_btn_con #menuemain_btn .icon_con .element:nth-child(3) { height: 9%; top:55%;}
#menuemain_btn_con #menuemain_btn .icon_con .element:nth-child(4) { height: 6%; top:74%;}

/* CLOSE ICON */
#menuemain_btn_con #menuemain_btn .icon_con.close { height:70px; transform: scale(0); }
#menuemain_btn_con #menuemain_btn .icon_con.close .elementClose { position:absolute; width:60%; height:15%; background-color:#fff; top:25%; left:20%; border-radius: 50%;}
#menuemain_btn_con #menuemain_btn .icon_con.close .elementClose:nth-child(1) { transform: rotate(45deg);}
#menuemain_btn_con #menuemain_btn .icon_con.close .elementClose:nth-child(2) {  transform: rotate(-45deg);}

/* HOVER ANIMATION */

#menuemain_btn_con #menuemain_btn:hover { height:130px; bottom:0px; /* left:10px; width:100px; height:100px;*/ }
#menuemain_btn_con #menuemain_btn:hover .icon_con { top:50px; }
#menuemain_btn_con #menuemain_btn:hover .icon_con .element:nth-child(1) { height: 6%; top:0%;}
#menuemain_btn_con #menuemain_btn:hover .icon_con .element:nth-child(2) { height: 9%; top:21%;}
#menuemain_btn_con #menuemain_btn:hover .icon_con .element:nth-child(3) { height: 15%; top:45%;}
#menuemain_btn_con #menuemain_btn:hover .icon_con .element:nth-child(4) { height: 20%; top:75%;}

#menuemain_btn_con #menuemain_btn:hover .icon_con.close { top:30px; }
#menuemain_btn_con #menuemain_btn:hover .icon_con.close .elementClose { width:100%; height:4%; top:50%; left:0; border-radius: 0%;}


/* ------------------------------------------------------- */

#menuemain_btn_con #menuemain_btn a {display:block; width:100%; height:100%; }




/* OLD
#menuemain_btn_con #menuemain_btn {  position:absolute; top:0px; margin-left:10px; width:80px; height:80px; cursor:pointer; background-image:var(--styleMenueBtn);background-repeat:no-repeat; background-position:50% 50%; background-size:80px;}
#menuemain_btn_con #menuemain_btn:hover { background-size:70px; }
#menuemain_btn_con #menuemain_btn a {display:block; width:100%; height:100%;}
*/

#menuemain_btn_con #menuemain_btn_bg { 
  display:none; 
  /*position:absolute; top:-60px;width:350px; height:100px; background-color:var(--styleB); transform: skewY(-16deg); box-shadow: 0px 0px 10px rgba(0,0,0,0.2); pointer-events: none;*/
}
#menuemain_btn_con #menuemain_btn_bg svg {}




/* ----------------------------------------------------------------------------------------------------------------- */
/*  MENUE DROPDOWN THREE LEVEL  ------------ */

#menuemain_dropDown { 
    position:fixed; 
    display:flex; flex-direction: column; justify-content: center;
    bottom:-105%; left:0px; 
    width:100%; height:100%; 
    z-index:108; 
    background-color:rgba(var(--main-bgColorMenue)); 
    box-shadow: 0px -10px 10px 1px rgba(0, 0, 0, 0.1);    
  }

#menuemain_dropDown #dropDownLeft { opacity:0;}

#menuemain_dropDown #dropDownLeft .levelOne { width:90%; margin:0; padding:0 5% 0 5%;  } /* UL*/
#menuemain_dropDown #dropDownLeft .levelOne li { text-align:left; float:left; margin:0; padding:0; } 
#menuemain_dropDown #dropDownLeft .levelTwo { margin:20px 0 0 0; padding:0;  } /* UL*/
#menuemain_dropDown #dropDownLeft .levelTwo li { float:none; margin:0; padding:0; }
#menuemain_dropDown #dropDownLeft .levelThree { margin:5px 0 5px 0; padding:0;  border-left: 2px solid #ebebeb; } /* UL*/
#menuemain_dropDown #dropDownLeft .levelThree li { float:none; margin:0; padding:0; }

#menuemain_dropDown #dropDownLeft li { list-style: none; }

#menuemain_dropDown #dropDownLeft .button {  }  
#menuemain_dropDown #dropDownLeft .button a { 
  position:relative; 
  display:block; 
  margin:0px 25px 0px 0px; 
  height:100%; 
  font-size:1.05rem; font-weight:100; text-decoration:none; text-transform:uppercase;     
}
#menuemain_dropDown #dropDownLeft .levelOne .button a { font-weight:800;  } 
#menuemain_dropDown #dropDownLeft .levelOne .button.heading {  } 
#menuemain_dropDown #dropDownLeft .levelTwo .button a { font-weight:100;  text-transform:lowercase; margin:0px 15px 0px 0px; }
#menuemain_dropDown #dropDownLeft .levelThree .button a { font-size: 0.9rem; font-weight:100; text-transform:lowercase; margin:0px 15px 0px 10px; }


#menuemain_dropDown #dropDownLeft .levelOne .current a, #menuemain_dropDown #dropDownLeft .levelTwo .current a, #menuemain_dropDown #dropDownLeft .levelThree .current a {
    color:var(--main-signalColor01); 
  } /* active site */






/* UNDERLINE animation effekt */

#menuemain_dropDown #dropDownLeft .button a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 1px;
  left: 0;
  background-color: var(--main-signalColor01);
  visibility: hidden;  
  transform: scaleX(0);
  transform-origin: top left; 
  transition: all 0.3s ease-in-out 0s;
}

#menuemain_dropDown #dropDownLeft .button a:hover:before {
  visibility: visible;  
  transform: scaleX(1);
  transform-origin: top left;
}

/* ----------------------------------------------------------------------------------------------------------------- */




/* MENUE CSS ENDE */



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

    #menuemain_dropDown #dropDownLeft { } 
    #menuemain_dropDown #dropDownLeft .button a { font-size:1.2rem; margin: 4px 0px 0px 0px; }
    #menuemain_dropDown #dropDownLeft .levelOne {   } /* UL */
    #menuemain_dropDown #dropDownLeft .levelOne li { float:none;} 
    #menuemain_dropDown #dropDownLeft .levelTwo { margin:0 0 0 0; } /* UL*/
    #menuemain_dropDown #dropDownLeft .levelThree { display:none;}
    #dropDownRight {display:none;}
}


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

}