/* BOXLEFT- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*                                                                                */
/*                                                                                */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
/* LESS global settings 
================================================== */
/*************************************************/
/* beg of                                        */
/* LESS: project_settings.less                   */
/*                                               */
/* Enthält die Variablen und                     */
/* MUSS von JEDEM .less importiert werden.       */
/*                                               */
/* @import "project_settings.less";              */
/*                                               */
/*************************************************/
/* Importiere für ...*/
/*************************************************/
/* beg of                                        */
/* LESS: boxcommon.less                          */
/*                                               */
/* Enthält Variablen und Grundeinstellungen      */
/*                                               */
/* Wird in project_settings.less importiert      */
/*                                               */
/*************************************************/
#boxcommon {
  position: fixed;
  z-index: 11;
  width: inherit;
  height: 0px;
  overflow: visible;
  border: 0px dotted red;
}
/* RAL 6009 */
/* RAL 6010 */
/* RAL 6038 */
/* RAL 9010 */
/* RAL 9011 */
/* #444444 */
/* hellstes weiss */
/* dunkelstes schwarz */
/* RAL 9010 transparent */
/* RAL 9011 transparent  */
/* #444444 transparent */
/* project_header_menu */
/* In project_content.less/css */
/* 
	base_classes.css 
	#Column Shortcodes
	
	
	class="one_half floatleft break4tablet"
	class="one_half last_column floatleft break4tablet"
*/
@media only screen and (min-width: 30cm) {
  /* dummy */
}
@media only screen and (min-width: 10cm) and (max-width: 20cm) {
  .break4handhelds {
    float: none;
    margin: 0 auto 0 auto;
    width: 100% !important;
    1background-color: yellow;
  }
}
@media only screen and (max-width: 10cm) {
  .break4handhelds {
    float: none;
    margin: 0 auto 0 auto;
    width: 100% !important;
    1background-color: red;
  }
}
/* In project_header.less/css */
#header_container_horizontal {
  /* Container für Header Inhalte */
  1position: absolute;
  1left: 16em;
  1right: 1em;
  1max-width: 960px;
  height: 100%;
  /* beg debug */
  1margin: -1px -2px -2px -1px;
  /* t r b l border Xpx ausgleichen. NUR wenn oben KEIN margin-xyz ist */
  1border: 1px dotted red;
  /* end debug */
}
.tmbBottomCommonBaseline {
  /* Abstand zum "header" */
  bottom: 0.5em;
  border: 0px dotted red;
}
#container_vertical {
  /* div zum VERTIKALEN Positionieren (Weite orientiert sich an #container_horizontal) */
  top: 1rem;
  bottom: 1rem;
  /* beg debug */
  border: 0px dotted white !important;
  /* end debug */
}
/*************************************************/
/* end of                                        */
/* LESS: project_settings.less                   */
/*************************************************/
/* -------------------------------------------------------------------------------------------------------- */
/* BOXLEFT */
/* -------------------------------------------------------------------------------------------------------- */
#boxleft_hamburger_div {
  position: fixed;
  left: 0px;
  right: auto;
  top: 0px;
  height: 100vh;
  width: 15em;
}
@media only screen and (min-width: 0px) {
  #boxleft_hamburger_div {
    height: 4rem;
    width: 100vw;
  }
}
@media only screen and (min-width: 576px) {
  #boxleft_hamburger_div {
    height: 4rem;
    width: 100vw;
  }
}
@media only screen and (min-width: 992px) {
  #boxleft_hamburger_div {
    height: 100vh;
    width: 15rem;
  }
}
@media only screen and (min-width: 1200px) {
  #boxleft_hamburger_div {
    height: 100vh;
    width: 15rem;
  }
}
#boxleft_hamburger_check {
  position: fixed;
  z-index: -1;
  left: 0em;
  visibility: hidden;
}
#boxleft_hamburger_label {
  position: fixed;
  z-index: 2;
  left: 0em;
  top: 0em;
  font-size: 2em;
  margin: 0.7em;
  color: #dcdcdc;
}
@media only screen and (min-width: 0px) {
  #boxleft_hamburger_check[type="checkbox"]:not(:checked) ~ #boxleft_div #boxleft_frame_last {
    visibility: hidden;
  }
}
@media only screen and (min-width: 576px) {
  #boxleft_hamburger_check[type="checkbox"]:not(:checked) ~ #boxleft_div #boxleft_frame_last {
    visibility: hidden;
  }
}
@media only screen and (min-width: 992px) {
  #boxleft_hamburger_check[type="checkbox"]:not(:checked) ~ #boxleft_div #boxleft_frame_last {
    visibility: visible;
  }
}
@media only screen and (min-width: 1200px) {
  #boxleft_hamburger_check[type="checkbox"]:not(:checked) ~ #boxleft_div #boxleft_frame_last {
    visibility: visible;
  }
}
#boxleft_hamburger_check[type="checkbox"]:checked ~ #boxleft_div {
  height: 100vh;
  display: block;
}
input:checked ~ #boxleft_div #boxleft_menublock {
  position: absolute;
  left: 0;
  right: 0;
  top: 4em;
  bottom: 2em;
  overflow-y: auto;
}
#boxleft_hamburger_check[type="checkbox"]:checked ~ #boxleft_div #boxleft_frame_last {
  visibility: visible;
}
#boxleft_div {
  position: fixed;
  z-index: 1;
  left: 0px;
  right: auto;
  top: 0px;
  height: 100vh;
  width: 15em;
  padding: 0px;
  background-color: rgba(255, 0, 0, 0.2);
}
@media only screen and (min-width: 0px) {
  #boxleft_div {
    height: 4rem;
    width: 100vw;
  }
}
@media only screen and (min-width: 576px) {
  #boxleft_div {
    height: 4rem;
    width: 100vw;
  }
}
@media only screen and (min-width: 992px) {
  #boxleft_div {
    height: 100vh;
    width: 15rem;
  }
}
@media only screen and (min-width: 1200px) {
  #boxleft_div {
    height: 100vh;
    width: 15rem;
  }
}
#boxleft_frame::before {
  content: " ";
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 1;
  background-color: transparent;
  background-image: url("images/header_bg.png");
  background-size: auto 100%;
  background-repeat: repeat-x;
}
#boxleft_frame {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: #444444;
  background-image: url('images/menuboxBG.webp');
  background-position-x: center;
  background-position-y: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-blend-mode: unset;
  /* beg debug */
  /* end debug */
}
#boxleft_frame.blfTypeA01 {
  color: silver;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  height: unset;
  width: unset;
  border-top: none;
  border-bottom: none;
  border-left: none;
  border-right: none;
}
#boxleft_frame.blfTypeA01 a,
#boxleft_frame.blfTypeA01 a:visited,
#boxleft_frame.blfTypeA01 h1,
#boxleft_frame.blfTypeA01 h2,
#boxleft_frame.blfTypeA01 h3,
#boxleft_frame.blfTypeA01 h4,
#boxleft_frame.blfTypeA01 h5,
#boxleft_frame.blfTypeA01 h6 {
  color: silver;
}
#boxleft_frame.blfTypeA01 .menutexte a,
#boxleft_frame.blfTypeA01 .menutexte a:visited,
#boxleft_frame.blfTypeA01 .menutexte h1,
#boxleft_frame.blfTypeA01 .menutexte h2,
#boxleft_frame.blfTypeA01 .menutexte h3,
#boxleft_frame.blfTypeA01 .menutexte h4,
#boxleft_frame.blfTypeA01 .menutexte h5,
#boxleft_frame.blfTypeA01 .menutexte h6 {
  display: inline-block;
  width: 100%;
  color: #dcdcdc;
  /* underline; */
  line-height: 1.5em;
  text-decoration: none;
  /* underline; */
  outline: 0;
  /*
    line-height: 1.5em; // hh: 0em
    @media only screen and (min-width: @minwPhone)   { line-height: 1.0em; font-size:  1.5em; }
    @media only screen and (min-width: @minwTablet)  { line-height: 1.0em; font-size:  1.5em; }
    @media only screen and (min-width: @minwDesktop) { line-height: 1.5em; font-size:  1.0em; }
    @media only screen and (min-width: @minwTV)      { line-height: 1.5em; font-size:  1.0em; }
*/
}
#boxleft_frame.blfTypeA01 .menutexte a:hover,
#boxleft_frame.blfTypeA01 .menutexte a:focus {
  color: menuColorHighlight;
  font-weight: bold;
}
#boxleft_frame.blfTypeA01 .menutexte a:hover p,
#boxleft_frame.blfTypeA01 .menutexte a:focus p,
#boxleft_frame.blfTypeA01 .menutexte a:hover h1,
#boxleft_frame.blfTypeA01 .menutexte a:focus h1,
#boxleft_frame.blfTypeA01 .menutexte a:hover h2,
#boxleft_frame.blfTypeA01 .menutexte a:focus h2,
#boxleft_frame.blfTypeA01 .menutexte a:hover h3,
#boxleft_frame.blfTypeA01 .menutexte a:focus h3,
#boxleft_frame.blfTypeA01 .menutexte a:hover h4,
#boxleft_frame.blfTypeA01 .menutexte a:focus h4,
#boxleft_frame.blfTypeA01 .menutexte a:hover h5,
#boxleft_frame.blfTypeA01 .menutexte a:focus h5,
#boxleft_frame.blfTypeA01 .menutexte a:hover h6,
#boxleft_frame.blfTypeA01 .menutexte a:focus h6 {
  color: unset;
  font-weight: unset;
}
@media only screen and (min-width: 0px) {
  #boxleft_frame.blfTypeA01 {
    top: 0px;
  }
}
@media only screen and (min-width: 576px) {
  #boxleft_frame.blfTypeA01 {
    top: 0px;
  }
}
@media only screen and (min-width: 992px) {
  #boxleft_frame.blfTypeA01 {
    top: 0px;
  }
}
@media only screen and (min-width: 1200px) {
  #boxleft_frame.blfTypeA01 {
    top: 0px;
  }
}
#boxleft_frame.blfTypeA02 {
  color: silver;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  height: unset;
  width: unset;
  border-top: none;
  border-bottom: none;
  border-left: none;
  border-right: 1px solid black
    ;
}
#boxleft_frame.blfTypeA02 a,
#boxleft_frame.blfTypeA02 a:visited,
#boxleft_frame.blfTypeA02 h1,
#boxleft_frame.blfTypeA02 h2,
#boxleft_frame.blfTypeA02 h3,
#boxleft_frame.blfTypeA02 h4,
#boxleft_frame.blfTypeA02 h5,
#boxleft_frame.blfTypeA02 h6 {
  color: silver;
}
#boxleft_frame.blfTypeA02 .menutexte a,
#boxleft_frame.blfTypeA02 .menutexte a:visited,
#boxleft_frame.blfTypeA02 .menutexte h1,
#boxleft_frame.blfTypeA02 .menutexte h2,
#boxleft_frame.blfTypeA02 .menutexte h3,
#boxleft_frame.blfTypeA02 .menutexte h4,
#boxleft_frame.blfTypeA02 .menutexte h5,
#boxleft_frame.blfTypeA02 .menutexte h6 {
  display: inline-block;
  width: 100%;
  color: #dcdcdc;
  /* underline; */
  line-height: 1.5em;
  text-decoration: none;
  /* underline; */
  outline: 0;
  /*
    line-height: 1.5em; // hh: 0em
    @media only screen and (min-width: @minwPhone)   { line-height: 1.0em; font-size:  1.5em; }
    @media only screen and (min-width: @minwTablet)  { line-height: 1.0em; font-size:  1.5em; }
    @media only screen and (min-width: @minwDesktop) { line-height: 1.5em; font-size:  1.0em; }
    @media only screen and (min-width: @minwTV)      { line-height: 1.5em; font-size:  1.0em; }
*/
}
#boxleft_frame.blfTypeA02 .menutexte a:hover,
#boxleft_frame.blfTypeA02 .menutexte a:focus {
  color: menuColorHighlight;
  font-weight: bold;
}
#boxleft_frame.blfTypeA02 .menutexte a:hover p,
#boxleft_frame.blfTypeA02 .menutexte a:focus p,
#boxleft_frame.blfTypeA02 .menutexte a:hover h1,
#boxleft_frame.blfTypeA02 .menutexte a:focus h1,
#boxleft_frame.blfTypeA02 .menutexte a:hover h2,
#boxleft_frame.blfTypeA02 .menutexte a:focus h2,
#boxleft_frame.blfTypeA02 .menutexte a:hover h3,
#boxleft_frame.blfTypeA02 .menutexte a:focus h3,
#boxleft_frame.blfTypeA02 .menutexte a:hover h4,
#boxleft_frame.blfTypeA02 .menutexte a:focus h4,
#boxleft_frame.blfTypeA02 .menutexte a:hover h5,
#boxleft_frame.blfTypeA02 .menutexte a:focus h5,
#boxleft_frame.blfTypeA02 .menutexte a:hover h6,
#boxleft_frame.blfTypeA02 .menutexte a:focus h6 {
  color: unset;
  font-weight: unset;
}
@media only screen and (min-width: 0px) {
  #boxleft_frame.blfTypeA02 {
    top: 0px;
  }
}
@media only screen and (min-width: 576px) {
  #boxleft_frame.blfTypeA02 {
    top: 0px;
  }
}
@media only screen and (min-width: 992px) {
  #boxleft_frame.blfTypeA02 {
    top: 0px;
  }
}
@media only screen and (min-width: 1200px) {
  #boxleft_frame.blfTypeA02 {
    top: 0px;
  }
}
/* Inhalts formatierungen. Text, align, ... */
#boxleft_frame.content {
  color: green;
  display: block;
  text-align: center;
  text-transform: uppercase;
}
#boxleft_frame.content h1,
#boxleft_frame.content h2,
#boxleft_frame.content h3,
#boxleft_frame.content h4,
#boxleft_frame.content h5,
#boxleft_frame.content h6 {
  font-weight: normal;
  color: #dcdcdc;
  color: green;
  border: 0px dotted gray;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Anpassungen für Handhelds */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#boxleft_container {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  overflow-x: hidden;
  overflow-y: auto;
  /* beg debug */
  /* end debug */
}
/* ---------------------------------------- */
/* Die Elemente im header_container */
/* Jetzt kann es kompliziert werden. 
Reihenfolge ...
    1. navLeft - logo - navRight 
    2. logo - navLeft - navRight 
    3. navLeft - navRight - logo 
*/
#boxleft_logo {
  display: none;
  position: relative;
  top: 1px;
  bottom: unset;
  left: 0px;
  width: 100%;
  height: unset;
  float: none;
  background-image: url(images/header_logo.png);
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: contain;
  /* beg debug */
  /* end debug */
}
#boxleft_title {
  position: relative;
  margin: 0 auto;
  height: 5rem;
  width: 100%;
  overflow: visible;
  /* beg debug */
  1margin: -1px -2px -2px -1px;
  /* t r b l border Xpx ausgleichen. NUR wenn oben KEIN margin-xyz ist */
  /* end debug */
}
#boxleft_menublock {
  position: absolute;
  left: 0;
  right: 0;
  top: 10em;
  bottom: 2em;
  margin-left: 1em;
  margin-right: 1em;
  border-top: 1px solid rgba(240, 240, 240, 0.5);
  border-bottom: 1px solid rgba(240, 240, 240, 0.5);
  overflow-y: auto;
}
#boxleft_frame_first {
  position: relative;
  margin: 0 auto;
  height: auto;
  width: 100%;
  overflow: hidden;
  /* beg debug */
  1margin: -1px -2px -2px -1px;
  /* t r b l border Xpx ausgleichen. NUR wenn oben KEIN margin-xyz ist */
  /* end debug */
}
#boxleft_frame_1 {
  position: relative;
  margin: 0 auto;
  height: auto;
  width: 100%;
  line-height: 2.5em;
  display: block;
  text-align: center;
  text-transform: uppercase;
  overflow: visible;
  /* beg debug */
  1margin: -1px -2px -2px -1px;
  /* t r b l border Xpx ausgleichen. NUR wenn oben KEIN margin-xyz ist */
  /* end debug */
}
#boxleft_frame_2 {
  position: relative;
  margin: 0 auto;
  height: auto;
  width: 100%;
  line-height: 2.5em;
  display: block;
  text-align: center;
  text-transform: uppercase;
  overflow: visible;
  /* beg debug */
  1margin: -1px -2px -2px -1px;
  /* t r b l border Xpx ausgleichen. NUR wenn oben KEIN margin-xyz ist */
  /* end debug */
}
#boxleft_frame_last {
  position: relative;
  position: absolute;
  bottom: 0px;
  margin: 0 auto;
  height: auto;
  width: 100%;
  min-height: 1em;
  overflow: hidden;
  padding-bottom: 0.5em;
  /* beg debug */
  /* end debug */
}
#boxleft_frame_internal {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 1px;
  /* same x-pos. as */
  padding: 2px;
  margin: 0px;
  height: 20px;
  z-index: 2099;
  /* beg debug */
  1margin: -1px -2px -2px -1px;
  /* t r b l border Xpx ausgleichen. NUR wenn oben KEIN margin-xyz ist */
  1border: 1px dotted green;
  /* end debug */
}
#boxleft_frame_first.blfContent_first {
  display: block;
  text-align: center;
  text-transform: none;
}
#boxleft_frame_1.content {
  display: block;
  text-align: center;
  text-transform: uppercase;
}
#boxleft_frame2.content {
  display: block;
  text-align: center;
  text-transform: uppercase;
}
#boxleft_frame_last.content {
  display: block;
  text-align: center;
  text-transform: uppercase;
}
/* topmenus in project_header_menu.css*/
#boxleft_breadcrumb_frame {
  /* Rahmen, Schatten, Abstände, ... */
  position: absolute;
  top: 70px;
  right: 0px;
  bottom: 2px;
  left: 0px;
  /* same x-pos. as content_div */
  padding: 2px;
  /* beg debug */
  1margin: -1px -2px -2px -1px;
  /* t r b l border Xpx ausgleichen. NUR wenn oben KEIN margin-xyz ist */
  border: 0px dotted green;
  /* end debug */
}
@media only screen and (min-width: 0px) and (max-width: 576px) {
  /* Formatierungen in der nav - ul - li - ... Struktur */
  #menubox_left1 a {
    padding: 1em 0 1em 0;
  }
  #menubox_left1 a:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
  #menubox_left2 a {
    padding: 1em 0 1em 0;
  }
  #menubox_left2 a:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
  #boxleft_div {
    height: 3em;
    width: 100vw;
    font-size: 1rem;
    line-height: 1rem;
  }
  #boxleft_title_div {
    height: 3rem;
    margin: 0.5em;
    font-size: 1em;
    line-height: 1em;
  }
  #boxleft_title_div #title {
    margin: 0;
    font-size: 1.5em;
    line-height: 1em;
  }
  #boxleft_title_div #subtitle {
    margin: 0;
    font-size: 0.53em;
    line-height: 1em;
  }
  #boxleft_hamburger_label {
    visibility: visible;
  }
  #boxleft_container {
    overflow-y: hidden;
  }
  #boxleft_frame_last {
    visibility: hidden;
  }
  #container_vertical {
    top: 3rem;
  }
}
@media only screen and (min-width: 576px) and (max-width: 992px) {
  /* Formatierungen in der nav - ul - li - ... Struktur */
  #menubox_left1 a {
    padding: 1em 0 1em 0;
  }
  #menubox_left1 a:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
  #menubox_left2 a {
    padding: 1em 0 1em 0;
  }
  #menubox_left2 a:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
  #boxleft_div {
    height: 3em;
    width: 100vw;
    font-size: 1rem;
    line-height: 1rem;
  }
  #boxleft_title_div {
    height: 3rem;
    margin: 0.5em;
    font-size: 1em;
    line-height: 1em;
  }
  #boxleft_title_div #title {
    margin: 0;
    font-size: 1.5em;
    line-height: 1em;
  }
  #boxleft_title_div #subtitle {
    margin: 0;
    font-size: 0.53em;
    line-height: 1em;
  }
  #boxleft_hamburger_label {
    visibility: visible;
  }
  #boxleft_container {
    overflow-y: hidden;
  }
  #boxleft_frame_last {
    visibility: hidden;
  }
  #container_vertical {
    top: 4rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  /* Formatierungen in der nav - ul - li - ... Struktur */
  #menubox_left1 a {
    padding: 1em 0 1em 0;
  }
  #menubox_left1 a:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
  #menubox_left2 a {
    padding: 1em 0 1em 0;
  }
  #menubox_left2 a:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
  #boxleft_div {
    height: 100vh;
    width: 15rem;
    font-size: 1rem;
    line-height: 1rem;
  }
  #boxleft_title_div {
    height: 5rem;
    margin: 3em 0 1em 0;
    font-size: 1em;
    line-height: 1em;
  }
  #boxleft_title_div #title {
    margin: 0;
    font-size: 2em;
    line-height: 1em;
  }
  #boxleft_title_div #subtitle {
    margin: 0;
    font-size: 0.7em;
    line-height: 1em;
  }
  #boxleft_hamburger_label {
    visibility: hidden;
  }
  #boxleft_container {
    overflow-y: auto;
  }
  #boxleft_frame_last {
    visibility: visible;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 9999px) {
  /* Formatierungen in der nav - ul - li - ... Struktur */
  #menubox_left1 a {
    padding: 1em 0 1em 0;
  }
  #menubox_left1 a:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
  #menubox_left2 a {
    padding: 1em 0 1em 0;
  }
  #menubox_left2 a:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
  #boxleft_div {
    height: 100vh;
    width: 15rem;
    font-size: 1rem;
    line-height: 1rem;
  }
  #boxleft_title_div {
    height: 5rem;
    margin: 3em 0 1em 0;
    font-size: 1em;
    line-height: 1em;
  }
  #boxleft_title_div #title {
    margin: 0;
    font-size: 2em;
    line-height: 1em;
  }
  #boxleft_title_div #subtitle {
    margin: 0;
    font-size: 0.7em;
    line-height: 1em;
  }
  #boxleft_hamburger_label {
    visibility: hidden;
  }
  #boxleft_container {
    overflow-y: auto;
  }
  #boxleft_frame_last {
    visibility: visible;
  }
}