/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v27-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v27-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v27-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v27-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v27-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v27-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-condensed-v19-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-condensed-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v19-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v19-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v19-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v19-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

body { color:#606060; font-family:Roboto,sans-serif; }
.py-7 { padding-top: 5rem !important; padding-bottom: 5rem !important; }
.bg-medium { background-color:#e7e7e7; }
.bg-medium:hover { background-color:#d7d7d7; }

.navbar-expand-lg .navbar-nav .nav-link { padding-right:.75rem; padding-left:.75rem; }
.nav-link { color:#606060; font-size:1.15rem; }
a,
.nav-link:hover,
.nav-item.active .nav-link,
.v-blue { color:#20355c; }
a:hover { color:#606060; }

.home-link { width: 22px; height:auto; }

.brand { text-transform:uppercase; }

.navbar-toggler { padding:.25rem .25rem; font-size:1.5rem; border:1px solid #606060; margin-left:1rem; }
.navbar-toggler:focus { box-shadow: 0 0 0 .1rem; }
.navbar-toggler-icon { color:#606060; height: 1.05em; }

.dropdown-menu[data-bs-popper] { left:auto; }
.dropdown-menu { right:0; }
.dropdown-submenu { position: relative; }

.dropdown-submenu>a:after {
	display: inline-block;
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	border-top: .3em solid;
	border-right: .3em solid transparent;
	border-bottom: 0;
	border-left: .3em solid transparent;
}

.dropdown-submenu>.dropdown-menu {
  top: 0;
  right: 100%;
  margin-top: 0px;
  margin-left: 0px;
}

.header-image {
  background-image: url('../img/Headerbild_Vollmer.jpg');
  background-repeat: no-repeat;
  background-position:center 35%;
  background-size: cover;
  height:300px;
}

.header-image-folge {
  background-image: url('../img/paragraph-386042_1920.jpg');
  background-repeat: no-repeat;
  background-position:center 40%;
  background-size: cover;
  height:185px;
}

.contents-image {
  background-image: url('../img/office-1516329_1920.jpg');
  background-repeat: no-repeat;
  background-position:center 85%;
  background-size: cover;
}

.card.content-link { background-color:rgba(255,255,255,0.8); }


.cookie-hinweis {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 !important;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    border-radius: 0;
    transform: translateY(100%);
    transition: all 500ms ease-out;
    color: #fff;
    background-color:#20355c;
}

.cookie-hinweis.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
    transition-delay: 1000ms;
}

.cookie-hinweis a {
    color:#fff;
	text-decoration: underline
}

.cookie-hinweis .cookie-button {
    margin-left: 10px;
    vertical-align: baseline;
}


.wikitext h2 { font-size:calc(1rem * 1.5); font-weight:bold; color:#20355c; margin:1rem 0; }
.wikitext h3 { font-size:calc(1rem * 1.25); font-weight:bold; color:#20355c; margin:1rem 0; }

.wikitext td {
    vertical-align: top;
    padding-right: 20px;
}

/* Responsive */
@media (min-width: 768px) {
	.header-image { height:560px; }
}

/* from here mobile Menu */
@media (max-width: 768px) {
    td { width:100%; display:block; }
    td:first-child { font-weight:bold; }
	.brand { width:100%; justify-content:center; }
	.navbar-brand img { width:75%; height:auto; }
	.navbar-toggler { margin-right:1rem; }
}

@media (min-width: 991px) {
  .dropdown-menu {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }
}