/*
* Basiseinstellungen/Reset
* 
*/
/* Table of Content
==================================================
	#Column Shortcodes
*/
/* 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                   */
/*************************************************/
/* #Column Shortcodes
	http://www.codepresshq.com/wordpress-plugins/shortcode-columns/
	https://wordpress.org/plugins/column-shortcodes/
     
   	Style="float: left/right;" Achtung bei .last_column. Margin wird u.U. falsch gesetzt.
================================================== */
.one_half {
  width: 49%;
  margin-right: 2%;
}
.one_half.last_column {
  width: 49%;
  margin-right: 0px;
}
.one_third {
  width: 32%;
  margin-right: 2%;
}
.one_third.last_column {
  width: 32%;
  margin-right: 0px;
}
.two_third {
  width: 66%;
  margin-right: 2%;
}
.two_third.last_column {
  width: 66%;
  margin-right: 0px;
}
.one_fourth {
  width: 23.5%;
  margin-right: 2%;
}
.one_fourth.last_column {
  width: 23.5%;
  margin-right: 0px;
}
.three_fourth {
  width: 74.5%;
  margin-right: 2%;
}
.three_fourth.last_column {
  width: 74.5%;
  margin-right: 0px;
}
.one_fifth {
  width: 18.4%;
  margin-right: 2%;
}
.one_fifth.last_column {
  width: 18.4%;
  margin-right: 0px;
}
.two_fifth {
  width: 39%;
  margin-right: 2%;
}
.two_fifth.last_column {
  width: 39%;
  margin-right: 0px;
}
.three_fifth {
  width: 59%;
  margin-right: 2%;
}
.three_fifth.last_column {
  width: 59%;
  margin-right: 0px;
}
.four_fifth {
  width: 79.59999999999999%;
  margin-right: 2%;
}
.four_fifth.last_column {
  width: 79.59999999999999%;
  margin-right: 0px;
}
.one_sixth {
  width: 15%;
  margin-right: 2%;
}
.one_sixth.last_column {
  width: 15%;
  margin-right: 0px;
}
/*  */
.floatleft {
  float: left;
}
.floatright {
  float: right;
}
.floatclear {
  float: none;
}
/* 
	base_classes.css 
	#Column Shortcodes
	
	
	class="one_half floatleft b4T b4P"
	class="one_half last_column floatleft b4T b4P"
*/
@media only screen and (min-width: 10cm) and (max-width: 20cm) {
  .break4handhelds {
    1float: none;
    margin: 0 auto 0 auto;
    /* mittig */
    width: 100% !important;
    1background-color: yellow;
  }
  .b4t {
    1float: none;
    margin: 0 auto 0 auto;
    width: 100% !important;
    1background-color: yellow;
  }
}
@media only screen and (max-width: 10cm) {
  .break4handhelds {
    1float: none;
    margin: 0 auto 0 auto;
    /* mittig */
    width: 100% !important;
    1background-color: red;
  }
  .b4p {
    1float: none;
    margin: 0 auto 0 auto;
    width: 100% !important;
    1background-color: red;
  }
  .b4t {
    1float: none;
    margin: 0 auto 0 auto;
    /* mittig */
    width: 100% !important;
    1background-color: yellow;
  }
}
