html					{
					  scroll-behavior: smooth;
					}

body					{
					  margin: 0;
					  padding: 0;
					  color: #000000;
					  font-family: Arial, Helvetica, sans-serif;
					  font-size: 16px;
					}

h1					{
					  font-family: Arial, sans-serif;
					  font-size: 1.4em;
					  color: #003E02;
					}

h2					{
					  font-family: Arial, sans-serif;
					  font-size: 1.2em;
					  color: #003E02;
					}

h3					{
					  font-family: Arial, sans-serif;
					  font-size: 1.0em;
					  color: #003E02;
					}

.text					{
					  font-family: Arial, sans-serif;
					  font-size: 0.8em;
					  color: #404040;
					  line-height: 1.135;
					}

.ul_navigation				{
					  list-style-type: none;
					  margin: 0;
					  padding: 0;
					  overflow: hidden;
					  background-color: #333333;
/* 					  display: flex; */
					  justify-content: center;
					  position: sticky;
					  top: 0;
					}

.li_navigation a			{
					  display: block;
					  color: white;
					  text-align: center;
					  padding: 16px;
					  text-decoration: none;
					  font-weight: bold;
					}

.li_navigation a:hover			{
					  background-color: #111111;
					}

.ul_text				{
					  color: #000000;
					}

.ul_text li				{
					  margin: 0.4em 0em 0.4em 0em;
					}

.ul_text li a				{
					  color: #003E02;
					}

.ul_text li a:hover			{
					  color: #000000;
					  background-color: #FCDB7F;
					}

.offset_link				{
					  scroll-margin-top: 3em;
					}

.container_menue_gesamt			{
					  position: sticky;
					  top: 0;
					}

.container_menue_aus			{
					  display: none;
					}

.container_menue_an			{
					  display: block;
					}

#container_burger_menue			{
					  display: block;
					  background-color: #333333;
					  height: 3em;
					}

.container_inhalt			{
					  max-width: 1200px;
					  display: block;
					  margin: 0 auto;
					  padding:0 0.5em 0.5em 0.5em;
					}

.container_logo				{
					  background: #003E02;
					  height: auto;
					  display: flex;
					  justify-content: center;
					  align-items: center;
					  padding: 1em 0px;
					}

.container_hintergrundbild		{
					  height: 10em;
					  background-repeat: no-repeat;
					  background-size: cover;
					  background-position: center;
					}

.container_hintergrundbild_trenner	{
					  height: 0.6em;
					  margin: 0.6em 0em 0.6em 0em;
					  background-color: #003E02;
					}

.container_abstand1			{
					  padding: 0.1em 0.0em 0.1em 0.0em;
					}

.container_abstand2			{
					  padding: 0.4em 0.0em 0.4em 0.0em;
					}

.logo					{
					  width: 50%;
					  max-width: 60%;
					  max-height: 20em;
					}

.grafik					{
					  width: 100%;
					  height: auto;
					}

.responsive_map {
    position: relative;
    overflow: hidden;

    min-height: 304px;

    background:
        linear-gradient(rgba(0,0,0,.45), rgba(0,0,0,.45)),
        url("../standort/bilder/map-cover.png") center center / cover no-repeat;
}

.responsive_map iframe {
    position: absolute;
    inset: 0;

    width: 100%;
    height: 100%;

    border: 0;
}

.map-consent {
    position: absolute;
    inset: 0;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    padding: 40px;
    text-align: center;

    background: rgba(0,0,0,.25);
    backdrop-filter: blur(2px);
}

.map-consent h2 {
    margin: 0 0 18px;
    color: #fff;
}

.map-consent p {
    max-width: 700px;
    margin: 0 0 30px;
    color: #fff;
    line-height: 1.7;
    text-shadow: 0 2px 8px rgba(0,0,0,.8);
}

.map-consent a {
    color: #fff;
    text-decoration: underline;
}

.map-button {
    padding: 16px 34px;
    border: 2px solid #fff;
    border-radius: 8px;

    background: rgba(0,0,0,.65);
    color: #fff;

    font-size: 16px;
    cursor: pointer;

    transition: .3s ease;
}

.map-button:hover {
    background: #fff;
    color: #000;
}

*		{
		  box-sizing: border-box;
		}

[class*="col-"]	{
		  float: left;
		  padding: 0px;
		}

/*    Smartphones */
[class*="col-"]	{
		  width: 100%;
		}

@media only screen and (min-width: 700px) {
  .col-t-1	{ width: 8.33%; }
  .col-t-2	{ width: 16.66%; }
  .col-t-3	{ width: 25%; }
  .col-t-4	{ width: 33.33%; }
  .col-t-5	{ width: 41.66%; }
  .col-t-6	{ width: 50%; }
  .col-t-7	{ width: 58.33%; }
  .col-t-8	{ width: 66.66%; }
  .col-t-9	{ width: 75%; }
  .col-t-10	{ width: 83.33%; }
  .col-t-11	{ width: 91.66%; }
  .col-t-12	{ width: 100%; }

  body	{ font-size: 14.0px; }

  .row div			{ padding-left: 1.5em; padding-right: 1.5em; }
  .row div:first-child		{ padding-left: 0em; }
  .row div:last-child		{ padding-right: 0em; }

  .ul_navigation		{
				  display: flex;
				}

  .li_navigation		{
				  float: left;
				}

  .offset_link			{
				  scroll-margin-top: 4em;
				}

  .container_logo		{
				  padding: 2em 0px;
				}

  .container_menue_an, .container_menue_aus		{
				  display: block;
				}

  .container_hintergrundbild	{
				  height: 10em;
				}

  #container_burger_menue	{
				  display: none;
				}

  .ueberschrift_mitte		{
				  text-align: right;
				  font-size: 2.5em;
				  margin: 0;
				  max-width: 80%;
				  float: right;
				  line-height: 1.135;
				}

}

@media only screen and (min-width: 840px) {
  .col-d-1	{ width: 8.33%; }
  .col-d-2	{ width: 16.66%; }
  .col-d-3	{ width: 25%; }
  .col-d-4	{ width: 33.33%; }
  .col-d-5	{ width: 41.66%; }
  .col-d-6	{ width: 50%; }
  .col-d-7	{ width: 58.33%; }
  .col-d-8	{ width: 66.66%; }
  .col-d-9	{ width: 75%; }
  .col-d-10	{ width: 83.33%; }
  .col-d-11	{ width: 91.66%; }
  .col-d-12	{ width: 100%; }

  body	{ font-size: 15.0px; }

  .container_hintergrundbild	{
				  height: 12em;
				}

}

@media only screen and (min-width: 1120px) {
  .col-dm-1	{ width: 8.33%; }
  .col-dm-2	{ width: 16.66%; }
  .col-dm-3	{ width: 25%; }
  .col-dm-4	{ width: 33.33%; }
  .col-dm-5	{ width: 41.66%; }
  .col-dm-6	{ width: 50%; }
  .col-dm-7	{ width: 58.33%; }
  .col-dm-8	{ width: 66.66%; }
  .col-dm-9	{ width: 75%; }
  .col-dm-10	{ width: 83.33%; }
  .col-dm-11	{ width: 91.66%; }
  .col-dm-12	{ width: 100%; }

  body	{ font-size: 17.0px; }

  .container_hintergrundbild	{
				  height: 14em;
				}

}

@media only screen and (min-width: 1400px) {
  .col-dl-1	{ width: 8.33%; }
  .col-dl-2	{ width: 16.66%; }
  .col-dl-3	{ width: 25%; }
  .col-dl-4	{ width: 33.33%; }
  .col-dl-5	{ width: 41.66%; }
  .col-dl-6	{ width: 50%; }
  .col-dl-7	{ width: 58.33%; }
  .col-dl-8	{ width: 66.66%; }
  .col-dl-9	{ width: 75%; }
  .col-dl-10	{ width: 83.33%; }
  .col-dl-11	{ width: 91.66%; }
  .col-dl-12	{ width: 100%; }

  body	{ font-size: 19.0px; }

  .container_hintergrundbild	{
				  height: 16em;
				}

}

.row		{
		  max-width: 1200px;
		  margin: 0;
		}

.row:after	{
		  content: "";
		  clear: both;
		  display: block;
		}