/****************************************
   Absatzformate
*****************************************/

h1, h3 {
   /*font-size:17px;*/
   /*font-size: calc(1.375rem + 1.5vw);*/
   font-size: 1.6rem;
   font-weight: bold;
   color:#333;
   padding:12px 0 12px 0px;
   margin: 0 0px 0 0;
   background:#C2E0DB;
   text-align:center;
   text-shadow: 1px 1px 0px #fff;
   line-height:145%;
   box-shadow: 2px 2px 2px #bcbcbc;
   border-radius:0px 15px 15px 0px;
   -webkit-border-radius:0px 15px 15px 0px;
   -moz-border-radius:0px 15px 15px 0px;
   -khtml-border-radius:0px 15px 15px 0px;
}

h2 {
   font-size: 1.3rem;
   font-weight: bold;
   /*font-size:17px;*/
   color:#333;
   padding:0 16px 0 6px;
}

h4 {
   font-size: 1.1rem;
   /*font-weight: bold;*/
   /*font-size:17px;*/
   color:#333;
   padding:0 0 0 0px;
}

h6, .h6, h5, .h5, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
}

/****************************************
   Header-Layout
*****************************************/
.mein-header {
   min-width: 100%;
}

.header {
   /*background: rgb(64,128,128);*/
   background: #008C8C;
   /*color: rgb(128,128,64);*/
   /*background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(119,9,121,1) 35%, rgba(0,212,255,1) 100%); */
}

/* Farbe und Rand des Footers ändern */
.footer .grid-child {
   /*background: rgb(64,128,128);*/
   background: #008C8C;
	padding: 0.5em;
   /*background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(119,9,121,1) 35%, rgba(0,212,255,1) 100%); */
}



/*.header .mod-menu > li {
  position: relative;
}
*/


/****************************************
   Hauptmenü-Layout
*****************************************/
/* Hauptmenü: Farbe setzen*/
/*
.header .mod-menu li  {
  background-color: #C2E0DB;
}
*/

/* Untermenü: Rahmen drum setzen */
.header .mod-menu li > ul {
  border: 5px solid #dfe3e7;
  border-radius: 15px;
}

/* Untermenü: Hintergrundfarbe setzen */
.header .mod-menu li > ul li {
  background-color: #C2E0DB;
}


/* Haupt- UND Untermenü (??): Farbe der Links setzen */
/*.header .mod-menu li > a {
  color: #FFFFFF;
}*/
.header .mod-menu li > ul a {
  color: #000000;
}

/* Nur Untermenüs: Setzen der Farbe beim drüber laufen */
.header .mod-menu li > ul a:hover {
  /*color: #408080;*/
  color: #008C8C;;
}
/*
.header .mod-menu li > ul {
  background-color: #C2E0DB;
  border: 1px solid #dfe3e7;
  border-radius: 15px;
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 250px;
  padding: 16px;
}
*/

/* Wofür ist der noch gut? */
.header .mod-menu li:hover > ul li {
  display: block;
}

/* öffnet das Menü der 1. Ebene beim Überfahren mit der Maus */
.container-nav li.level-1.deeper.parent:hover > ul {
  display:block !important;
}

/* zusätzlichen Abstand über den Beiträgen */
.site-grid {
  margin-top: 1rem;
}

/* das Hamburger-Menü im Fußbereich auch weiß darstellen */
.footer .navbar-toggler {
  color: white;
  cursor: pointer;
  border: 1px solid white;
}

/****************************************
   "Sonstige" Einstellungen
*****************************************/
/* An den Folgenden ist wohl der "float:"-Parameter oder -Wert interessant.
   "float: left;" heisst: "Die Grafik an den linken Rand setzen, den Text FLIESSEND daneben"
   --> Die Formate werden u.A. auf der Startseite und den Produktseiten verwendet.
*/
/* Block Alignment (Needed for System Markup, without hyphen needed for WP) */
.align-left,
.alignleft {
	display: block;
	margin-right: 15px;
	float: left;
}

.align-right,
.alignright {
	display: block;
	margin-left: 15px;
	float: right;
}

.align-center,
.aligncenter {
	display: block;
	margin: auto;
	margin-bottom: 10px;
}

/* Abstand der Aufzählung etwas vergößern */
.gehandel_funktionen li, .lexikon li {
  margin-bottom: 0.5em;
}