/*
// Copyright 2026 by Ulf Haueisen, Frankfurt am Main. All rights reserved.
*/
*,
*:before,
*:after { box-sizing: border-box; }
*:focus { outline-color: transparent; }
INPUT[type="text"],
INPUT[type="button"],
INPUT[type="search"],
INPUT[type="submit"],
BUTTON { -webkit-appearance: none; appearance: none; -webkit-border-radius: 0; border-radius: 0; }
[hidden],
[v-cloak] { display: none; }
HTML { background-color: #002344; background-repeat: no-repeat; background: linear-gradient(to bottom, #0f5293 0px, #0f5293 150px, #002344 800px); min-height: 100vh; overflow-x: hidden; overflow-y: scroll; scroll-behavior: smooth; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; text-size-adjust: 100%; -webkit-touch-callout: none; }
BODY,
BODY#body { height: auto; margin: 0; padding: 0px 6px 6px 6px; word-wrap: break-word; letter-spacing: normal; line-height: normal; }
BODY,
BODY#body,
INPUT,
BUTTON,
TD,
TH,
P { font-family: open_sans; font-size: 14px; font-weight: normal; color: black; }
IMG { max-width: none; }
TABLE { border-collapse: collapse; border-spacing: 0; }
VIDEO { display: block; }
TEXTAREA { resize: none; }
BUTTON.hkle,
INPUT[type="button"].hkle,
INPUT[type="submit"].hkle,
INPUT[type="search"].hkle,
INPUT[type="text"].hkle,
INPUT[type="password"].hkle,
INPUT[type="textarea"].hkle { border: 1px solid #57a3f3; border-radius: 4px; }
H1,
H2,
H3,
H4 { line-height: normal; letter-spacing: normal; color: #000000; }
H1 { font-family: open_sans_light; font-size: 36px; font-weight: normal; margin: 6px 0px 6px -2px; }
H2 { font-family: open_sans_light; font-size: 26px; font-weight: normal; margin: 20px 0px 6px -1px; }
H3 { font-family: open_sans_light; font-size: 22px; font-weight: normal; margin: 18px 0px 6px 0px; }
H4 { font-family: open_sans_semibold; font-size: 14px; font-weight: bold; margin: 18px 0px 6px 0px; }
H1+H2 { margin-top: 10px; }
H2+H3 { margin-top: 10px; }
TD { vertical-align: top; }
ARTICLE P,
ARTICLE UL { line-height: 21px; margin: 0px 0px 10px 0px; }
ARTICLE P.small { font-size: 12px; line-height: normal; }
UL { padding-left: 20px; list-style-type: square; }
ARTICLE UL UL { margin-bottom: 0px; }
ARTICLE STRONG { font-family: open_sans_semibold; font-weight: normal; }
DIV.pagebox { margin: auto; max-width: 1080px; min-width: 240px; background: #f4f4f4; }
DIV.pagebox>HEADER { height: 180px; overflow: hidden; position: relative; }
DIV.pagebox>HEADER>#header-l { left: 0px; position: absolute; top: 0px; }
DIV.pagebox>HEADER>#header-r { position: absolute; right: 0px; top: 0px; }
DIV.pagebox>HEADER>#logo { position: absolute; display: block; right: 10px; bottom: 10px; width: 330px; height: 110px; }
DIV.pagebox>HEADER>DIV.buttons { position: absolute; right: 0px; top: 6px; display: flex; align-items: center; }
DIV.pagebox>HEADER>DIV.buttons>A.buttons__text { display: block; padding: 3px 8px; background-color: rgba(195, 209, 226, 0.2); color: #ffffff; font-family: open_sans_light; margin-left: 6px; }
DIV.pagebox>HEADER>DIV.buttons>A.buttons__text:hover { color: #ffffff; background-color: #383838; text-decoration: none; }
DIV.pagebox>HEADER>DIV.buttons>A.buttons__icon { display: block; padding: 1px 1px; font-family: open_sans_light; margin-left: 6px; }
DIV.pagebox>HEADER>DIV.buttons>A.buttons__icon:hover { text-decoration: none; }
DIV.pagebox>HEADER>DIV.buttons>A.buttons__icon>IMG { display: block; width: 23px; height: 23px; filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 1.0)); }
DIV.pagebox>HEADER>DIV.buttons>A.buttons__icon:hover>IMG { filter: drop-shadow(0px 0px 1px rgba(255, 255, 255, 0.7)); }
DIV.pagebox ARTICLE { padding: 10px 20px 20px 20px; min-height: 450px; z-index: 0; background-color: #f4f4f4; }
/* Links */
A { color: #0047a1; text-decoration: none; }
A:visited { color: #0047a1; }
A:hover { color: #1976d2; text-decoration: underline; }
A:active { color: #008000; }
/* Maps */
#mapcanvas { width: 100%; height: 400px; background-color: #e0e0e0; margin: 0px 0px 10px 0px; border: 1px solid #808080; }
#mapdirections { margin-top: 6px; }
#mapdirections B { font-family: open_sans_semibold; }
TABLE.adp-directions { width: 100%; }
/* News */
.news { background-color: #e0e0e0; padding: 8px 10px 20px 20px; margin-right: 10px; padding: 0px; min-height: 160px; border-radius: 5px; overflow: hidden; }
.news H2 { margin: 0px 0px 5px 0px; color: #000000; }
/* Footer */
DIV.pagebox>FOOTER { background-color: #c0c0c0; line-height: 28px; padding: 0px 20px 0px 20px; text-align: right; font-family: open_sans; color: #484848; clear: both; position: relative; }
@media only screen and (max-width: 641px) { BODY,
BODY#body { padding: 0px 0px 0px 0px; }
DIV.pagebox ARTICLE { padding: 10px 10px 10px 10px; }
NAV { padding: 0px 74px 0px 10px; }
DIV.pagebox>HEADER { height: 90px; overflow: hidden; position: relative; }
DIV.pagebox>HEADER>#header-l { left: 0px; position: absolute; top: 0px; width: 90%; min-height: 90px; }
DIV.pagebox>HEADER>#header-l { position: absolute; right: 0px; top: 0px; height: 100%; }
DIV.pagebox>HEADER>#logo { right: 4px; bottom: 5px; width: 150px; height: 50px; }
DIV.pagebox>HEADER>DIV.buttons { right: 6px; }
}
/* Sidebar */
.sidebar { float: right; width: 220px; margin: 20px 20px 5px 10px; position: relative; z-index: 1; }
.sidebar section { background-color: #e8e8e8; border: 1px solid #b0b0b0; border-radius: 5px; margin-bottom: 12px; padding: 6px 8px 2px 8px; overflow: hidden; }
.sidebar section header { color: #606060; display: block; font-family: open_sans_condensed_light; font-size: 22px; font-weight: normal; margin: 0px 0px 0px 0px; }
.sidebar section P { margin: 4px 0px 4px 0px; }
.sidebar section UL { list-style-type: square; margin: 4px 0px 0px 17px; padding: 0px 0px 0px 0px; }
.sidebar section LI { line-height: normal; margin: 1px 0px 6px 0px; padding: 2px 0px 1px 3px; }
.sidebar section LI:hover { background-color: #ffd65e; }
.sidebar section LI a { color: inherit; display: block; }
.sidebar section LI.selected { background-color: #d0d0d0; }
.sidebar section LI a:hover { text-decoration: none; }
@media only screen and (max-width: 641px) { .sidebar { float: none; width: 80%; margin: 12px auto 6px auto; }
}
/* Video */
DIV.video { width: 100%; padding: 0 0 56.25% 0; position: relative; height: 0; background-color: #404040; margin: 0px 0px 12px 0px; }
DIV.video.video32 { padding: 0 0 66.66%; }
DIV.video VIDEO,
DIV.video VIDEO OBJECT { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
/* Gallery */
UL.gallery { text-align: center; list-style-type: none; margin: 0; padding: 0; display: block; line-height: 0; }
UL.gallery LI { vertical-align: middle; text-align: center; display: inline-block; margin: 3px; padding: 0; }
UL.gallery LI A { display: block; border: 1px solid #c0c0c0; margin: 1px; }
UL.gallery LI A:hover { border: 2px solid #c0c0c0; margin: 0px; }
UL.gallery LI IMG { display: block; margin: 0; padding: 0; }
/* Menüzeile */
NAV { background-color: #FFD65E; padding: 0px 74px 0px 12px; position: relative; display: flex; flex-wrap: wrap; -webkit-user-select: none; user-select: none; }
NAV > DIV { color: #000000; cursor: pointer; font-family: open_sans_light; font-size: 20px; padding: 0px 5px 3px 5px; position: relative; height: 28px; }
NAV > DIV:hover, NAV > DIV.selected { color: white; background-color: #404040; }
/* Menü */
NAV > DIV .menu { background-color: #404040; color: white; cursor: default; font-family: open_sans; font-size: 14px; height: 0px; left: 0px; top: 28px; overflow: hidden; position: absolute; }
NAV > DIV .menu > DIV { height: auto; min-width: 100px; padding: 10px 10px 10px 10px; }
NAV > DIV .menu#menu2 > DIV { padding-top: 3px; }
NAV > DIV .menu A { color: white; display: block; text-decoration: none; white-space: nowrap; padding: 1px 4px 1px 2px; }
NAV > DIV .menu A, NAV > DIV .menu A:visited { color: white; }
NAV > DIV .menu UL { list-style-type: none; margin: 0; padding: 0; }
NAV > DIV .menu UL LI { margin: 0; padding: 0; line-height: normal; }
NAV > DIV .menu UL LI A:hover { color: #FFD65E; background-color: #303030; text-decoration: none; }
NAV > #menuitemlogin { font-size: 14px; height: auto; padding: 0; position: absolute; right:  10px; }
NAV > #menuitemlogin A { display: block; text-decoration: none; white-space: nowrap; padding: 4px 4px 5px 4px; }
NAV > DIV#menuitemlogin A, NAV > DIV#menuitemlogin A:visited { color: black; }
NAV > DIV#menuitemlogin A:hover, NAV > DIV#menuitemlogin.selected A { color: white; text-decoration: none; }
/* Menu big */
NAV > DIV .menu UL.big LI A { line-height: 29px; height: 28px; margin: 0; }
NAV > DIV .menu UL.big LI A:before { height: 28px; width: 28px; content: ""; display: inline-block; background-repeat: no-repeat; background-image: url("images/menuicons-v3-hd.png"); background-size: 56px 1008px; margin-right: 5px; background-position: 0px -1px; vertical-align: top; }
NAV > DIV .menu UL.big LI A:hover:before { background-position: -28px -1px; }
/* Menu small */
NAV > DIV .menu UL.small LI { text-indent: -17px; margin-left: 17px; }
NAV > DIV .menu UL.small LI A { /* line-height: 15px; */
/* height: 15px; */
margin: 0; vertical-align: top; }
NAV > DIV .menu UL.small LI A:before { height: 12px; width: 12px; content: ""; display: inline-block; background-repeat: no-repeat; background-image: url("images/menuicons-v3-hd.png"); background-size: 56px 1008px; margin-right: 5px; background-position: -8px -8px; }
NAV > DIV .menu UL.small LI A:hover:before { background-position: -36px -8px; }
/* Menü Icons */
NAV > DIV .menu UL.big LI.icon000 A:before { background-position: 0px -0px; }
NAV > DIV .menu UL.big LI.icon000 A:hover:before { background-position: -28px -0px; }
NAV > DIV .menu UL.big LI.icon001 A:before { background-position: 0px -28px; }
NAV > DIV .menu UL.big LI.icon001 A:hover:before { background-position: -28px -28px; }
NAV > DIV .menu UL.big LI.icon002 A:before { background-position: 0px -56px; }
NAV > DIV .menu UL.big LI.icon002 A:hover:before { background-position: -28px -56px; }
NAV > DIV .menu UL.big LI.icon003 A:before { background-position: 0px -84px; }
NAV > DIV .menu UL.big LI.icon003 A:hover:before { background-position: -28px -84px; }
NAV > DIV .menu UL.big LI.icon004 A:before { background-position: 0px -112px; }
NAV > DIV .menu UL.big LI.icon004 A:hover:before { background-position: -28px -112px; }
NAV > DIV .menu UL.big LI.icon005 A:before { background-position: 0px -140px; }
NAV > DIV .menu UL.big LI.icon005 A:hover:before { background-position: -28px -140px; }
NAV > DIV .menu UL.big LI.icon006 A:before { background-position: 0px -168px; }
NAV > DIV .menu UL.big LI.icon006 A:hover:before { background-position: -28px -168px; }
NAV > DIV .menu UL.big LI.icon007 A:before { background-position: 0px -196px; }
NAV > DIV .menu UL.big LI.icon007 A:hover:before { background-position: -28px -196px; }
NAV > DIV .menu UL.big LI.icon008 A:before { background-position: 0px -224px; }
NAV > DIV .menu UL.big LI.icon008 A:hover:before { background-position: -28px -224px; }
NAV > DIV .menu UL.big LI.icon009 A:before { background-position: 0px -252px; }
NAV > DIV .menu UL.big LI.icon009 A:hover:before { background-position: -28px -252px; }
NAV > DIV .menu UL.big LI.icon010 A:before { background-position: 0px -280px; }
NAV > DIV .menu UL.big LI.icon010 A:hover:before { background-position: -28px -280px; }
NAV > DIV .menu UL.big LI.icon011 A:before { background-position: 0px -308px; }
NAV > DIV .menu UL.big LI.icon011 A:hover:before { background-position: -28px -308px; }
NAV > DIV .menu UL.big LI.icon012 A:before { background-position: 0px -336px; }
NAV > DIV .menu UL.big LI.icon012 A:hover:before { background-position: -28px -336px; }
NAV > DIV .menu UL.big LI.icon013 A:before { background-position: 0px -364px; }
NAV > DIV .menu UL.big LI.icon013 A:hover:before { background-position: -28px -364px; }
NAV > DIV .menu UL.big LI.icon014 A:before { background-position: 0px -392px; }
NAV > DIV .menu UL.big LI.icon014 A:hover:before { background-position: -28px -392px; }
NAV > DIV .menu UL.big LI.icon015 A:before { background-position: 0px -420px; }
NAV > DIV .menu UL.big LI.icon015 A:hover:before { background-position: -28px -420px; }
NAV > DIV .menu UL.big LI.icon016 A:before { background-position: 0px -448px; }
NAV > DIV .menu UL.big LI.icon016 A:hover:before { background-position: -28px -448px; }
NAV > DIV .menu UL.big LI.icon017 A:before { background-position: 0px -476px; }
NAV > DIV .menu UL.big LI.icon017 A:hover:before { background-position: -28px -476px; }
NAV > DIV .menu UL.big LI.icon018 A:before { background-position: 0px -504px; }
NAV > DIV .menu UL.big LI.icon018 A:hover:before { background-position: -28px -504px; }
NAV > DIV .menu UL.big LI.icon019 A:before { background-position: 0px -532px; }
NAV > DIV .menu UL.big LI.icon019 A:hover:before { background-position: -28px -532px; }
NAV > DIV .menu UL.big LI.icon020 A:before { background-position: 0px -560px; }
NAV > DIV .menu UL.big LI.icon020 A:hover:before { background-position: -28px -560px; }
NAV > DIV .menu UL.big LI.icon021 A:before { background-position: 0px -588px; }
NAV > DIV .menu UL.big LI.icon021 A:hover:before { background-position: -28px -588px; }
NAV > DIV .menu UL.big LI.icon022 A:before { background-position: 0px -616px; }
NAV > DIV .menu UL.big LI.icon022 A:hover:before { background-position: -28px -616px; }
NAV > DIV .menu UL.big LI.icon023 A:before { background-position: 0px -644px; }
NAV > DIV .menu UL.big LI.icon023 A:hover:before { background-position: -28px -644px; }
NAV > DIV .menu UL.big LI.icon024 A:before { background-position: 0px -672px; }
NAV > DIV .menu UL.big LI.icon024 A:hover:before { background-position: -28px -672px; }
NAV > DIV .menu UL.big LI.icon025 A:before { background-position: 0px -700px; }
NAV > DIV .menu UL.big LI.icon025 A:hover:before { background-position: -28px -700px; }
NAV > DIV .menu UL.big LI.icon026 A:before { background-position: 0px -728px; }
NAV > DIV .menu UL.big LI.icon026 A:hover:before { background-position: -28px -728px; }
NAV > DIV .menu UL.big LI.icon027 A:before { background-position: 0px -756px; }
NAV > DIV .menu UL.big LI.icon027 A:hover:before { background-position: -28px -756px; }
NAV > DIV .menu UL.big LI.icon028 A:before { background-position: 0px -784px; }
NAV > DIV .menu UL.big LI.icon028 A:hover:before { background-position: -28px -784px; }
NAV > DIV .menu UL.big LI.icon029 A:before { background-position: 0px -812px; }
NAV > DIV .menu UL.big LI.icon029 A:hover:before { background-position: -28px -812px; }
NAV > DIV .menu UL.big LI.icon030 A:before { background-position: 0px -840px; }
NAV > DIV .menu UL.big LI.icon030 A:hover:before { background-position: -28px -840px; }
NAV > DIV .menu UL.big LI.icon031 A:before { background-position: 0px -868px; }
NAV > DIV .menu UL.big LI.icon031 A:hover:before { background-position: -28px -868px; }
NAV > DIV .menu UL.big LI.icon032 A:before { background-position: 0px -896px; }
NAV > DIV .menu UL.big LI.icon032 A:hover:before { background-position: -28px -896px; }
NAV > DIV .menu UL.big LI.icon033 A:before { background-position: 0px -924px; }
NAV > DIV .menu UL.big LI.icon033 A:hover:before { background-position: -28px -924px; }
NAV > DIV .menu UL.big LI.icon034 A:before { background-position: 0px -952px; }
NAV > DIV .menu UL.big LI.icon034 A:hover:before { background-position: -28px -952px; }
NAV > DIV .menu UL.big LI.icon035 A:before { background-position: 0px -980px; }
NAV > DIV .menu UL.big LI.icon035 A:hover:before { background-position: -28px -980px; }
/* Menü Table */
NAV > DIV #menu2>DIV
{ display: flex; flex-direction: row; flex-wrap: nowrap; }
@media only screen and (max-width: 641px) { NAV > DIV #menu2>DIV
{ flex-direction: column; }
}
NAV > DIV .menu STRONG { color: #b0b0b0; display: block; font-family: open_sans_condensed_light; font-size: 20px; font-weight: normal; margin: 5px 0px 2px 0px; }
/* open_sans */
@font-face { font-family: 'open_sans'; src: url('/fonts/opensans/regular.woff2') format('woff2'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'open_sans'; src: url('/fonts/opensans/bold.woff2') format('woff2'); font-weight: bold; font-style: normal; }
@font-face { font-family: 'open_sans'; src: url('/fonts/opensans/italic.woff2') format('woff2'); font-weight: normal; font-style: italic; }
@font-face { font-family: 'open_sans'; src: url('/fonts/opensans/bolditalic.woff2') format('woff2'); font-weight: bold; font-style: italic; }
/* open_sans_light */
@font-face { font-family: 'open_sans_light'; src: url('/fonts/opensans/light.woff2') format('woff2'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'open_sans_light'; src: url('/fonts/opensans/lightitalic.woff2') format('woff2'); font-weight: normal; font-style: italic; }
/* open_sans_semibold */
@font-face { font-family: 'open_sans_semibold'; src: url('/fonts/opensans/semibold.woff2') format('woff2'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'open_sans_semibold'; src: url('/fonts/opensans/semibolditalic.woff2') format('woff2'); font-weight: normal; font-style: italic; }
/* open_sans_condensed */
@font-face { font-family: 'open_sans_condensed'; src: url('/fonts/opensans-condensed/regular.woff2') format('woff2'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'open_sans_condensed'; src: url('/fonts/opensans-condensed/bold.woff2') format('woff2'); font-weight: bold; font-style: normal; }
@font-face { font-family: 'open_sans_condensed'; src: url('/fonts/opensans-condensed/italic.woff2') format('woff2'); font-weight: normal; font-style: italic; }
@font-face { font-family: 'open_sans_condensed'; src: url('/fonts/opensans-condensed/bolditalic.woff2') format('woff2'); font-weight: bold; font-style: italic; }
/* open_sans_condensed_light */
@font-face { font-family: 'open_sans_condensed_light'; src: url('/fonts/opensans-condensed/light.woff2') format('woff2'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'open_sans_condensed_light'; src: url('/fonts/opensans-condensed/lightitalic.woff2') format('woff2'); font-weight: normal; font-style: italic; }
/* iosevka */
@font-face { font-family: 'iosevka'; src: url('/fonts/iosevka/regular.woff2') format('woff2'); font-weight: normal; font-style: normal; }
/* robotomono */
@font-face { font-family: 'robotomono'; src: url('/fonts/robotomono/robotomono-thin.woff2') format('woff2'); font-weight: 200; font-style: normal; }
@font-face { font-family: 'robotomono'; src: url('/fonts/robotomono/robotomono-light.woff2') format('woff2'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'robotomono'; src: url('/fonts/robotomono/robotomono-regular.woff2') format('woff2'); font-weight: normal; /* 400 */
font-style: normal; }
@font-face { font-family: 'robotomono'; src: url('/fonts/robotomono/robotomono-medium.woff2') format('woff2'); font-weight: 500; font-style: normal; }
@font-face { font-family: 'robotomono'; src: url('/fonts/robotomono/robotomono-bold.woff2') format('woff2'); font-weight: bold; /* 700 */
font-style: normal; }
/* eof */