/* irish-grover-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Irish Grover';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/irish-grover-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/irish-grover-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/irish-grover-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/irish-grover-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/irish-grover-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/irish-grover-v23-latin-regular.svg#IrishGrover') format('svg'); /* Legacy iOS */
}

/* coda-regular - latin-ext_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Coda';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/coda-v21-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/coda-v21-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/coda-v21-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/coda-v21-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/coda-v21-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/coda-v21-latin-ext_latin-regular.svg#Coda') format('svg'); /* Legacy iOS */
}

/* ubuntu-condensed-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Ubuntu Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/ubuntu-condensed-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/ubuntu-condensed-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ubuntu-condensed-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/ubuntu-condensed-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ubuntu-condensed-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ubuntu-condensed-v16-latin-regular.svg#UbuntuCondensed') format('svg'); /* Legacy iOS */
}

#container0 { z-index: 10; position: relative; top: 0px; width: 1800px; height: 1200px; overflow: visible; visibility: visible; margin-right: auto; margin-left: auto; display: none; }
#container1 { z-index: 55; position: absolute; top: 0px; left: 450px; width: 900px; height: 80px; background-image:url(css_FILES/hg_blau.png);  visibility: visible; display: block; }
#logo { z-index: 60; position: absolute; top: 16px; left: 310px; width: 455px; height: 35px; visibility: visible; display: block; }
#menue { z-index: 60; width: 100%; height: 22px; position: absolute; bottom: 3px; left: 0px; visibility: visible; list-style-type: none; display: block }
#images { z-index: 2; position: absolute; top: 0px; left: 0px; width: 1800px; height: 1200px; overflow: auto; visibility: visible; display: block }

#images {
    width: 100vw;
    height: 100vh;
}
#images img {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
}

#content { z-index: 10; position: absolute; top: 0px; bottom: 0px; right: 0px; width: 1200px; height: 1200px; overflow: auto; visibility: visible; display: block; }
#trans  { z-index: 40; width: 900px; height:1300px; background:rgba(0,0,0,0); overflow: auto; visibility: visible; display: block; }
#col1 { z-index: 50; margin: 15px; visibility: visible; display: block }
#line1 { z-index: 50; width: 1px; height: 150px; margin-top: 15px; visibility: visible; float: right; display: block }
#col2 { z-index: 50; margin-left: 15px; margin-top: 15px; margin-bottom: 15px; visibility: visible; display: block }
#headline {z-index: 60; width: 100%; height: 50px; visibility: visible; display: block;}
#diatext {z-index: 60; position: absolute; top: 800px; left: 0px; height: 30px; background-image:url(css_FILES/hg_blau.png);  visibility: visible; display: none;}

.pos_menue { list-style-type: none; margin: 0px; padding: 0px; position: absolute; bottom: 0px; left: 65px; }
.pos_tab {margin-top: 1050px; margin-bottom: 0px; height: 150px; background-image:url(css_FILES/hg_blau.png); }

.text { color: #ffffff; font-size: 15px; font-family:  'Ubuntu Condensed',"Arial", cursive; line-height: 17px; text-align:justify;}
.text a { color: #ffffff; font-size: 15px; font-family: 'Ubuntu Condensed',"Arial", cursive; line-height: 16px;text-decoration: underline; }
.text a:hover { color: #ffffff; font-size: 15px; font-family: 'Ubuntu Condensed',"Arial", cursive;  line-height: 16px;text-decoration: none; }

.text_gr { color: #003155; font-size: 34px; font-family: "Times New Roman";}


h1 {border: 0px; margin: 0px; color: #003155; font-size: 30px; font-family: 'Ubuntu Condensed',"Arial", cursive;}
h2 {border: 0px; margin: 0px; }

p + h1,
p + h2,
p + h3 {
    margin-top: 1em;
}

.punktes { margin: 0px; padding: 0px; border: 0px; height: 100%; width: 1px; border-left: 1px dashed #ffffff; }

.menu {font-size: 17px; font-weight: normal; line-height: 20px; border-right: 26px; border-left: 0px;
       border-top: 0px; border-bottom: 0px; border-style: solid; border-color: transparent; text-decoration: none;
       font-family: 'Ubuntu Condensed',"Arial", cursive; margin: 0px; padding: 0px; color: #dddddd; 
       }
.menu a { color: #dddddd; text-decoration: none; }
.menu a.aktuell { color: #ffffff; text-decoration: none; }
.menu a:hover { color: #ffffff; text-decoration: none; }

.menu ul { list-style-type: none; background-image:url(css_FILES/hg_blau.png); color: #dddddd;  }
.menu ul li { list-style-type: none; border: 0px; font-size: 15px;  line-height: 22px; }
.menu ul li a { margin-left: 3px; width: 100%; display: inline-block; }
.menu ul li a.aktuell { width: 100%;  display: inline-block; color: #ffffff;  }
.menu ul li a:hover { width: 100%; display: inline-block; color: #ffffff; }

.diatext{ color: #ffffff; font-size: 16px; font-family:  'Ubuntu Condensed',"Arial", cursive; line-height: 20px;margin-left: 15px; margin-right: 15px;margin-top: 5px; }

.sub {}
.sub_menu {}

ul.dropdown ul { border: 0px; margin: 0px; padding: 0px;  width: 150px; visibility: hidden; position: absolute; left: -3px; top: 30px; }
ul.dropdown li.hover, ul.dropdown li:hover { position: relative;  }
ul.dropdown li a { display: block;  }

p {margin: 0px; }

.button,
button {
    appearance: none;
    display: inline-block;
    background: #4d6a79;
    padding: 15px 20px;
    color: #fff;
    border: none;
    outline: none;
    margin: 10px 10px 0 0;
    transition: opacity 0.4s ease;
}
    .button:hover,
    button:hover {
        opacity: 0.7;
    }

.map-wrapper {
    background: #4d6a79;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    font-family: 'Ubuntu Condensed',"Arial", cursive;
}

.map-wrapper a {
    color: #4d6a79;
}
    .map-wrapper a:hover {
        opacity: 0.7;
    }

.map-wrapper-box {
    padding: 30px;
    max-width: 300px;
    background: #fff;
}