@charset "UTF-8";

/* epilogue-100 - 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: 'Epilogue';
  font-style: normal;
  font-weight: 100;
  src: url('/images/fonts/epilogue-v20-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* epilogue-100italic - 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: 'Epilogue';
  font-style: italic;
  font-weight: 100;
  src: url('/images/fonts/epilogue-v20-latin-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* epilogue-200 - 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: 'Epilogue';
  font-style: normal;
  font-weight: 200;
  src: url('/images/fonts/epilogue-v20-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* epilogue-200italic - 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: 'Epilogue';
  font-style: italic;
  font-weight: 200;
  src: url('/images/fonts/epilogue-v20-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* epilogue-300 - 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: 'Epilogue';
  font-style: normal;
  font-weight: 300;
  src: url('/images/fonts/epilogue-v20-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* epilogue-300italic - 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: 'Epilogue';
  font-style: italic;
  font-weight: 300;
  src: url('/images/fonts/epilogue-v20-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* epilogue-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: 'Epilogue';
  font-style: normal;
  font-weight: 400;
  src: url('/images/fonts/epilogue-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* epilogue-italic - 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: 'Epilogue';
  font-style: italic;
  font-weight: 400;
  src: url('/images/fonts/epilogue-v20-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* epilogue-500 - 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: 'Epilogue';
  font-style: normal;
  font-weight: 500;
  src: url('/images/fonts/epilogue-v20-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* epilogue-500italic - 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: 'Epilogue';
  font-style: italic;
  font-weight: 500;
  src: url('/images/fonts/epilogue-v20-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* epilogue-600 - 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: 'Epilogue';
  font-style: normal;
  font-weight: 600;
  src: url('/images/fonts/epilogue-v20-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* epilogue-600italic - 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: 'Epilogue';
  font-style: italic;
  font-weight: 600;
  src: url('/images/fonts/epilogue-v20-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* epilogue-700 - 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: 'Epilogue';
  font-style: normal;
  font-weight: 700;
  src: url('/images/fonts/epilogue-v20-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* epilogue-700italic - 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: 'Epilogue';
  font-style: italic;
  font-weight: 700;
  src: url('/images/fonts/epilogue-v20-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* epilogue-800 - 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: 'Epilogue';
  font-style: normal;
  font-weight: 800;
  src: url('/images/fonts/epilogue-v20-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* epilogue-800italic - 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: 'Epilogue';
  font-style: italic;
  font-weight: 800;
  src: url('/images/fonts/epilogue-v20-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* epilogue-900 - 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: 'Epilogue';
  font-style: normal;
  font-weight: 900;
  src: url('/images/fonts/epilogue-v20-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* epilogue-900italic - 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: 'Epilogue';
  font-style: italic;
  font-weight: 900;
  src: url('/images/fonts/epilogue-v20-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}





:root {
	--cassiopeia-color-primary: #f5f5f5;
	--cassiopeia-color-link: #000;
	--link-color: #000;
	--link-color-rgb: 0, 0, 0;
	--cassiopeia-color-hover: #f0f0f0;
}

body {
  background-color: #f5f5f5;
  font-family: Epilogue;
  font-size: 22px;
  padding-top: 24px !important;
  border-top: 1px solid black;
}


.header {
  background-image: url("http://mw3project.de/images/headers/trees.jpg") !important;
  background-size: 100%;
  height: 290px;
  background-position: 0px -172px;
}

.container-topbar {
  background-size: 100%;
  height: 290px;
  padding: 1em;
  xxxbackground-color: #7C6727;  
  background: rgb(124, 103, 139, 0.3);
}
.container-topbar #mod-custom111 {
  font-size: 32px;
  font-weight: 300;
  line-height: 42px;
  letter-spacing: -0.64px;
  padding-top: 10px;
}

.brand-logo img {
display: block;
margin: auto;
width: 50%;
}

.container-banner {
  border-bottom: 1px solid #000;  
}


.container-banner .mod-menu {
  flex-direction: row;
  text-align: center;
  font-family: Epilouge;
  font-size: 22px;
}


.dj-megamenu-wrapper {
  padding-top: 16px;
  height: 107px;  
}

#dj-megamenu118 {
  width: fit-content;
  margin-left: auto !important;
  margin-right: auto !important;
}

.dj-megamenu-default,
ul.dj-submenu a{
  font-family: Epilogue !important;
  color: #000 !important;
  background: rgb(255, 255, 255) !important;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(245, 245, 245, 1)), to(rgba(245, 245, 245, 1))) !important;
  background: -o-linear-gradient(top, rgba(245, 245, 245, 1) 0%, rgba(245, 245, 245, 1) 100%) !important;
  background: linear-gradient(to bottom, rgba(245, 245, 245, 1) 0%, rgba(245, 245, 245, 1) 100%) !important;
}


ul.dj-megamenu-default a {
  font-family: Epilogue !important;
  color: #000 !important;
  color: #000 !important;
  font-size: 22px !important;
  font-style: normal !important;
  font-weight: 300 !important;
  border: none !important;  
  text-transform: none !important;
}



.dj-megamenu-default li:hover a.dj-up_a,
.dj-megamenu-default li.hover a.dj-up_a,
.dj-megamenu-default li.active a.dj-up_a {
  color: #000 !important;
  background: rgb(245, 245, 245) !important;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(245, 245, 245, 1)), to(rgba(245, 245, 245, 1)))!important;
  background: -o-linear-gradient(top, rgba(245, 245, 245, 1) 0%, rgba(245, 245, 245, 1) 100%)!important;
  background: linear-gradient(to bottom, rgba(245, 245, 245, 1) 0%, rgba(245, 245, 245, 1) 100%)!important;
  }

.btn-primary {
  --btn-color: #000;
}

.btn-primary:hover, .btn-primary:focus {
  color: #a49292;
}

#stationContainer {
  display: flex;
  border: 2px solid black;
  border-radius: 15px;
  padding: 20px;
  margin-bottom: 20px;
  background-color: #FFF;
}

#stationInfo {
  padding-left: 50px;
  width: 100%;
  text-align: right;
}

#mapSection {
  border-radius: 10px;
}
#stationImage {
  margin-left: 50px;
  border-radius: 10px;
}

#meteogrammImage {
  border: 2px solid black;
  border-radius: 20px;
}

#stationMap {
  width: 100%;  
  margin-left: auto;
  margin-right: auto;
  border: 2px solid black;
  padding: 20px;
  border-radius: 15px;
  background-color: #fff;
}

#mapImage {
  border: 2px solid black;
  border-radius: 15px;
}
.footer {
    color: #000;
	background-image: none;
}
.footerTop {
  width:100%;
}
.footer a:not(.btn):hover {
    color: #000;  
}
.footer .grid-child {
  padding-left: 0;
  padding-right: 0;
  display: block;
  }  
.footer .mod-menu {
  flex-direction: column;
  text-align: left;
  padding-bottom: 30px;
}



@media (max-width: 800px) {

#dj-megamenu118mobileWrap {
  top: -320px;
  position: relative;
  z-index: 11;
}
.dj-megamenu-wrapper {
  display:none;    
}
  
.container-topbar, .header {
  height: 320px;
}
  
#stationContainer {
  display: block;
}
#stationInfo {
  text-align: left;
  padding-left: 0px;
}
#mapSection {
  display: block;
  margin-bottom: 20px;
}
#stationImage {
  margin-left: 0px;
}
.footer {
  margin-left:50px;
  margin-right:50px;
}  
}