@charset "UTF-8";
/* CSS Document */

/* Body: #e8e8e8 Hintergrund #ebeff0 */
/* Hintergrund H1, H2   #CDD6D9 */
/* ## Farben:  blau #00b1eb - grün #c7d300 - Textgrau #02343F 
--------------------------------------------------------------- */

/* Chrome fix */
body > div {
	font-size: 20px;
	font-size: 2rem;
}

@media only screen and (max-width: 860px) {
body > div {
	font-size: 16px;
	font-size: 1.6rem;
}
}
body {
    background-color: #e8e8e8;
    color: #02343F;
	line-height: 1.4;
}

@media only screen and (max-width: 860px) {
body {
	line-height: 1.2;
}
}
a {
	text-decoration: none;
	color: #00b1eb;
}
a:hover  {
	color: #c7d300;
}

b {
	font-weight: 700;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 500;
	line-height: 1.2;
	margin: 0 0 10px;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

h1 {

	font-size: 30px;

	font-size: 3.0rem;

}

h2 {

	font-size: 24px;

	font-size: 2.4rem;

}

h3 {

	font-size: 20px;

	font-size: 2rem;

}

h4 {

	font-size: 20px;

	font-size: 2rem;

	padding-top: 15px;

}

h5 {

	font-size: 18px;

	font-size: 1.8rem;

}

h6 {

	font-weight: 400;

    font-size: 16px;

	font-size: 1.6rem;

    line-height: 0.9;

}

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

h1 {

	font-size: 26px;

	font-size: 2.6rem;

	line-height: 1.0;

}

h2 {

	font-size: 20px;

	font-size: 2rem;

	line-height: 1.0;

}

h3, h4,h5,h6 {

	font-size: 16px;

	font-size: 1.6rem;

}

}

/* ## Header Logo

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

.site-header {

    background-color: #e8e8e8;

}

.site-header .wrap {

    background-color: #ebeff0;

}

.site-description {

    display: block;

    text-indent: -9999px;

}

.site-header > .wrap {

    padding: 0px;

}

.site-title > a {

    min-height: 100px;

    width: 100%;

	float: left;

}

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

.site-title > a {

    display: none;

}

.title-area  {

    height: 50px;

}

}

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

.site-header > .wrap {

    padding: 10px 0;

}

div#logo-hirmer  {

    display: none;

}

}

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

.site-title > a {

    min-height: 70px;

}

.site-header img {

    height: 70px;

    width: auto;

}

}

/* ## Logo unter Navi

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

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

.beispiel::before {

    content:url('images/ALHHirmer.svg');

    position: relative;

    height: 100px;

    width: 360px;

    left: 0;

    margin-left: -20px;

    top: -60px;

    z-index: 999;

}

}

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

div#logo-hirmer  {

    position: relative;

    height: 100px;

    width: 360px;

    margin-left: -20px;

    margin-top: -60px;

	margin-bottom: 20px;

    z-index: 999;

}

}

/* ## Seiten Layout

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

.site-inner {

    background-color: #ebeff0;

}

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

.site-inner {

	padding-left: 40px;

	padding-right: 40px;

}

}

/* ## Site Footer

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

.site-footer {

    text-align: left;

	border-top: none;

    background-color: #e8e8e8;

	padding: 0 0 20px 0;

}

.site-footer .wrap {

	padding: 5px 0 0 0;

    background-color: #00b1eb;

}

.site-footer, .site-footer a {

	color: #fff;

}

.site-footer a:hover {

	color: #c7d300;

}

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

.site-footer .wrap {

	padding: 5px 0 0 10px;

}

}



/* ## Navigation  Footer

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

nav.nav-secondary .genesis-nav-menu {

    font-weight: 400;

}

.site-footer .genesis-nav-menu {

    padding-bottom: 0px;

}





/* ## Navigation  

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

.nav-primary .genesis-nav-menu a {

    color: #fff;

    font-size: 18px;

    font-size: 1.8rem;

	font-weight: 500;

    display: block;

    padding: 8px 10px;

    text-decoration: none;

}

.genesis-nav-menu a:focus, .genesis-nav-menu a:hover, .genesis-nav-menu .current-menu-item > a, .genesis-nav-menu .sub-menu .current-menu-item > a:focus, .genesis-nav-menu .sub-menu .current-menu-item > a:hover {

    color: #c7d300;

	text-decoration: none;

}

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

.nav-primary {

    background-color: #e8e8e8;

    border-top: none;

}

.nav-primary .wrap {

    background-color: #00b1eb;

}

.nav-primary .genesis-nav-menu {

    float: right;

	max-width: 100%;

	width: auto;

    padding-top: 4px;

	margin-right: 10px;

}

.nav-primary .genesis-nav-menu a {

    color: #fff;

    display: block;

    padding: 4px 10px 8px 10px;

    text-decoration: none;

}

.nav-primary .genesis-nav-menu a:focus, .nav-primary .genesis-nav-menu a:hover, .nav-primary .genesis-nav-menu .current-menu-item > a {

	color: #00b1eb;

	background-color: #ebeff0;

	border-top-left-radius: 6px;

	border-top-right-radius: 6px;

}

.genesis-nav-menu .sub-menu a {

    background-color: #ebeff0;

    border: 1px solid #ebeff0;

	color: #00b1eb;

}

.genesis-nav-menu .sub-menu  a:focus, .genesis-nav-menu .sub-menu  a:hover, .genesis-nav-menu .sub-menu .current-menu-item > a  {

	color: #c7d300;

	border-top-left-radius: 0px;

	border-top-right-radius: 0px;

}

.genesis-nav-menu .sub-menu .sub-menu .current-menu-item > a {

    color: #00b1eb;

}

.genesis-nav-menu .sub-menu .sub-menu .current-menu-item > a:hover {

    color: #c7d300;

}

.site-footer .genesis-nav-menu a:focus, .site-footer .genesis-nav-menu a:hover, .site-footer .genesis-nav-menu .current-menu-item > a   {

	color: #c7d300;

}

.genesis-nav-menu .sub-menu .sub-menu {

    margin: -32px 0 0 159px;

}

}

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

.nav-primary {

    background-color: #e8e8e8;

}

.menu-toggle {

	background-color: #00b1eb;

	color: #fff;

    max-width: 800px;

}

.menu-toggle:hover {

	background-color: #fff;

	color: #00b1eb;

}

.nav-primary .genesis-nav-menu a {

    color: #00b1eb;

}

.genesis-responsive-menu .genesis-nav-menu .menu-item a {

    padding: 5px 20px;

}

.nav-primary .genesis-nav-menu a:focus, .nav-primary .genesis-nav-menu a:hover, .nav-primary .genesis-nav-menu .current-menu-item > a, .nav-primary .genesis-nav-menu .sub-menu .current-menu-item > a:focus, .nav-primary .genesis-nav-menu .sub-menu .current-menu-item > a:hover {

    color: #c7d300;

	text-decoration: none;

}

.genesis-nav-menu .sub-menu .sub-menu .current-menu-item > a {

    color: #00b1eb;

}

.genesis-nav-menu .sub-menu .sub-menu .current-menu-item > a:hover {

    color: #c7d300;

}

.nav-primary .genesis-nav-menu .sub-menu a,  .sub-menu-toggle {

    background-color: #e8e8e8;

}

.sub-menu-toggle {

    background-color: #e8e8e8;

    color:  #00b1eb;

}

.sub-menu-toggle:hover {

    color: #c7d300;

    background-color: #e8e8e8;

}

}

/* ## Seiten Inhalte

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

.entry {

    background-color: #ebeff0;

    padding: 5% 5% 0;

}

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

.entry {

    margin-bottom: 20px;

    padding: 0px;

}

.fl-row-fixed-width {

    width: 100%;

	max-width: 100%;

	margin-bottom: 20px;

}

.fl-col-group  {

	-webkit-flex-wrap: wrap;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	display: -webkit-box;

	display: -webkit-flex;

	display: -ms-flexbox;

	display: flex;

}

.fl-col.fl-col-small {

	width: 48%;

}

.fl-col.fl-col-small:first-child {

	margin-right: 2%;

}

.fl-col.fl-col-small:last-child {

	margin-left: 1.9%;

}

.fl-builder-edit body .fl-col.fl-col-small:first-child {

	margin-right: 0;

}

.fl-builder-edit body .fl-col.fl-col-small:last-child {

	margin-left: 0;

}

}

.fl-module-content {

    margin: 0px 20px;

}

.fl-row-content-wrap {

    padding: 0px;

}

.fl-col {

    background-color: #fff;

    border-radius: 12px;	

}

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

.fl-col {

    margin-bottom: 40px;

}

}

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

.fl-col-small {

    max-width: 100%;

}

.fl-col {

    clear: both;

    float: none;

    margin-left: auto;

    margin-right: auto;

    width: auto !important;

}

}

/* ## Überschriften
--------------------------------------------- */
.fl-col.fl-col-small .fl-module:first-of-type .fl-module-content {
    margin: 0px 0px 20px 0px;
}
.fl-module-content h1:first-of-type {
    background-color: #CDD6D9;
	margin: 0px -20px 20px -20px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
    padding: 20px;
}

.fl-col.fl-col-small .fl-module:first-of-type .fl-rich-text,
.fl-col.kasten-gruen  .fl-module:last-of-type .fl-rich-text{
	display: table;
	width: 100%;
	height: 80px;
}

.fl-col  .fl-module:first-of-type .fl-module-content h2:first-of-type {
    background-color: #CDD6D9;
	margin: 0px -20px 20px -20px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
    padding: 20px;
}
.fl-col.fl-col-small  .fl-module:first-of-type .fl-module-content h2 {
	margin: 0px 0px 20px 0px;
    padding: 10px;
	text-align: center;
}
.fl-col.fl-col-small  .fl-module-content  .fl-rich-text h2:first-of-type {
	display: table-cell;
	vertical-align: middle;
	min-height: 80px;
}


.fl-col.kasten-gruen .fl-module-content .fl-rich-text:last-of-type{
	width: 100%;
	min-height: 80px;
}
.fl-col.kasten-gruen .fl-module:last-of-type .fl-module-content {
    margin: 0px 0px 0px 0px;
}
.fl-col.kasten-gruen .fl-module-content:last-of-type .fl-rich-text h3  {
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
    padding: 10px 10px 10px 25px;
	text-align: left;
	font-weight: 700;
    background: #C7D300 url(images/bt_dreieck.svg) no-repeat center left;
	min-height: 80px;
	margin: 0px 0px 0px 0px;
	width:100%;
	vertical-align: middle;
		display: table-cell;
}

.fl-col.fl-col-small.kasten-gruen .fl-module-content .fl-rich-text h3 {
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
    padding: 10px 10px 10px 25px;
	text-align: left;
	font-weight: 700;
    background: #C7D300 url(images/bt_dreieck.svg) no-repeat center left;
	height: inherit;
	min-height: 80px;
	margin: 0px 0px 0px 0px;
	width:100%;
	display: table-cell;
	vertical-align: middle;
}

@media only screen and (min-width: 1025px) {
.fl-col.fl-col-small.kasten-gruen .fl-module:last-of-type .fl-module-content {
    margin: 0px;
	width:48%;
	height: 40px;
    position:absolute;
	bottom:40px;
}
.fl-col.fl-col-small.kasten-gruen .fl-module:nth-last-of-type(2)  .fl-module-content{
    margin-bottom:80px;
}
.fl-col.fl-col-small.kasten-gruen .fl-module-content .fl-rich-text h3  {
	margin: 0px 0px 0px -20px;
}
}

@media only screen and (max-width: 1024px) {
.fl-col.fl-col-small.kasten-gruen .fl-module:last-of-type .fl-module-content {
    margin: 0px;
}
}

/* ## Photo Hintergrund Module
--------------------------------------------- */
div.fl-module-photo .fl-module-content {
    margin: -20px 0px 0px 0px;
} 
.fl-photo-content, .fl-photo-content img {
	height: 100%;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
}
.fl-photo-img {
    object-fit: cover;
}

@media only screen and (min-width: 1025px) {
.fl-col.fl-col-small.hintergrund-bild  .fl-col-content, 
.fl-col.fl-col-small.hintergrund-bild  .fl-col-content div.fl-module-photo,

.fl-col.fl-col-small.hintergrund-bild  .fl-col-content div.fl-module-photo .fl-module-content {

    height:100%;

}

.fl-col.fl-col-small.hintergrund-bild  .fl-col-content div.fl-module-photo .fl-module-content .fl-photo {

	height: -moz-calc(100% - 80px);/* Firefox */

	height: -webkit-calc(100% - 80px);/* WebKit */

	height: -o-calc(100% - 80px);/* Opera */

	height: calc(100% - 80px);/* Standard */

}

.fl-col.fl-col-small.hintergrund-bild .fl-module:last-of-type .fl-module-content {

	height: inherit; 

	width: auto;

}

}

/* ## Listen mit Nummer/Buchstaben und Farbe 

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

.entry-content  ol, .entry-content  ul {

	list-style: none; 

	counter-reset: li;

}

.entry-content ol > li, .entry-content ul > li {

    list-style-type: none;

    line-height: 1.2;

}

.entry-content  ol li::before {

	content:  "." " " counter(li); 

	color: #00b1eb;

	display: inline-block; 

	width: 1.1em; 

	font-weight: bold;

	margin-left: -1.5em;

    margin-right: 0.5em; 

	text-align: right; 

	direction: rtl;

}

.entry-content .literaturverzeichnis ol {

    margin-left: 40px;

}

.entry-content .literaturverzeichnis ol li::before {

	width: 1.55em;

	margin-right: 0.6em;

	margin-left: -2.2em;

}

.entry-content  ul li::before {

	content:  "." " " counter(li, lower-alpha); 

}

.entry-content  ul ol.zahl li::before {

	content:  "." " " counter(li); 

}

.entry-content ol li,  .entry-content  ul ol.zahl li{

	counter-increment: li;

}

.entry-content ol, .entry-content ul {

    margin-bottom: 20px;

    margin-left: 30px;

}

.entry-content .fl-module ol li {

	margin-bottom: 15px;

}

.entry-content .fl-module.li-abstand ol li {

	margin-bottom: 25px;

}

.entry-content .fl-module.li-abstand-links ol li {

	margin-left: 25px;

}

.entry-content .fl-module.li-abstand-links ol {

	float: left;

}

/* ## Glossar Seite Überschrift h5

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

body.glossar h5 {

    font-size: 16px;

    font-size: 1.6rem;

    margin: 5px 0 0 0;

}

body.glossar .fl-col-small p {

    margin: 0;

}

/* ## Table 

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

table th, table td {

    vertical-align: top;

}

table {

    line-height: 1.4;

	width: 100%;

}

table {

    word-break: normal;

}

table h6 {

    margin: 0px;

}

.fl-module.quelle td {

    border-top: 1px solid #fff;

    padding: 4px 6px;

}



.fl-module.quelle tbody {

    border-bottom: 1px solid #fff;

}



@media only screen and (max-width: 1340px) and (min-width: 1024px) {

.fl-module.quelle  td   {

  -webkit-hyphens: auto;

  -ms-hyphens: auto;

  -moz-hyphens: auto;

  hyphens: auto;

}

}

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

.fl-module.quelle  td   {

  -webkit-hyphens: auto;

  -ms-hyphens: auto;

  -moz-hyphens: auto;

  hyphens: auto;

}

}

/* ## Blue Table 

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

.fl-module.tabelle-blau td:first-child, .fl-module.tabelle-blau  th:first-child {

    color: #00b1eb;

	padding-left: 5px;

}

.fl-module.tabelle-blau  tbody {

    border: 1px solid #00b1eb;

}

.fl-module.tabelle-blau  td {

    border-top: 1px solid #00b1eb;

    border-right: 1px solid #00b1eb;

    padding: 6px;

}

.fl-module.tabelle-blau  th {

    border-right: 1px solid #00b1eb;

}

.fl-module.tabelle-blau  th:first-child {

    border-left: 1px solid #00b1eb;

}

@media only screen and (max-width: 1340px) and (min-width: 1024px) {

.fl-module.tabelle-blau  td   {

	-webkit-hyphens: auto;

  	-moz-hyphens: auto;

    hyphens: auto;

}

}

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

.fl-module.tabelle-blau  td   {

	-webkit-hyphens: auto;

  	-moz-hyphens: auto;

    hyphens: auto;

}

}

/* ## Media Grid

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



.mmg_overlay_tit {

	font-style: italic;

       font-weight: 400;

}

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

.mmg_box {

    padding: 2%;

}

}

/* ## blue bold design

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

span.blue-css {

    color: #00b1eb;

    font-weight: bold;

}

/* ## button

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

button, input[type="button"], input[type="reset"], input[type="submit"], .button {

    background-color: #00b1eb;

    color: #fff;

	border-radius: 12px;

	-moz-border-radius: 12px;

	-webkit-border-radius: 12px;

}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover {

	background-color: #c7d300;

}



/* ## Kontaktformular & kontakt Table
--------------------------------------------- */
div#formular.fl-col   {
	margin-top: 20px;
    background-color: #ebeff0;
    border-radius: 0px;
}
div#formular.fl-col .fl-module-content {
    margin: 0px;
}
div.wpcf7 div.one-third {
	border-radius: 12px;
    background-color: #fff;
}
div#formular.fl-col div.eingabe  {
	border-radius: 12px;
    background-color: #fff;
    padding: 20px;
    margin-top: 40px;
	display: inline-block;
	width: 100%;
}
div#formular.fl-col div.eingabe input[type="text"], div#formular.fl-col div.eingabe input[type="email"], div#formular.fl-col div.eingabe textarea {
    background-color: #ebeff0;
	border-radius: 12px;
}
div.wpcf7 div.one-third h2  {
	margin: 0px 0px 0px 0px !important;
}
div.wpcf7 div.one-third img.alignleft {
    margin: 0;
}
div.wpcf7 span.wpcf7-checkbox input  {
	margin-left: -15px;
}
p.einwilligung .wpcf7-form-control-wrap {
    margin-left: -0.8em;
}
p.einwilligung span.wpcf7-list-item {
    margin: 0 0.1em 0 0;
}
p.einwilligung  {
    margin: 0 0 1.2em 0.8em;
}
div.wpcf7 div.gruen-box  {
	position: relative; 
	clear: both;
	padding: 10px 5px 5px 5px;
	background-color: #c7d300;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	margin-bottom: 0px;
}
div.wpcf7 div.wpcf7-recaptcha  {
	margin-bottom: 30px;
}

.wpcf7-form-control-wrap.Frau {
	margin-bottom: 20px;
	width: 100%;
	float: left;
}
.wpcf7-form-control-wrap.Frau  span.wpcf7-list-item.last {
    margin: 0 0 0 3em;
}
@media only screen and (max-width: 1023px) {
div.wpcf7 div.one-third  {
	margin-bottom: 40px;
}
div.wpcf7 div.one-third:last-of-type  {
	margin-bottom: 0px;
}
div#formular.fl-col {
    margin-top: 0px;
}
}
@media only screen and (min-width: 1024px) {
div.wpcf7 div.gruen-box  {
	min-height: 100px;
}
}
@media only screen and (min-width: 1340px) {
div.wpcf7 div.one-third h2  {
     min-height: 100px;
}
}
@media only screen and (max-width: 1340px) and (min-width: 1024px) {
div.wpcf7 div.one-third h2  {
     min-height: 130px;
}
}


/* ## Tooltip
--------------------------------------------- */
.Zebra_Tooltip_Message {
    padding: 40px;
	font-size: 20px;
	font-size: 2rem;
	font-family: 'Alegreya Sans', Verdana, sans-serif;
    text-align: center !important;
    line-height: 1.2;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    border: solid 10px #00b1eb;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}