@charset "UTF-8";

:root {
  --cassiopeia-color-primary: #fff;
--cassiopeia-color-link: #030303;
--cassiopeia-color-hover: #ccc;  
}
body {
background-color: #EBEBEB;
}
p {
    margin-bottom: 0rem;
}
.press {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.back-to-top-link {
    color: #000;
}
.back-to-top-link {
    border: 1px solid #000000;
}
.back-to-top-link:hover, .back-to-top-link:focus {
  color: #464646;
  background-color: #B5B5B5;
}
.container-header .container-search {
    margin-top: 0em;
  float: right;
  margin-left: 10%;
  margin-right:12%;
}

.container-header .grid-child {
    padding: .0em;
        padding-bottom: 0em;
}
@media (max-width: 575.98px) {
  .container-header .container-nav .container-search,
.container-header .container-nav nav {
    margin-top: 0em;
    }
}

.category-desc{
    background-color: white;
    border-radius: 10px;
    padding: 40px 20px 40px 20px;
    margin: 20px 0px 20px 0px;
}
.blog-item { 
       background-color: white;
    border-radius: 10px;
    padding: 40px 20px 40px 20px;
    margin: 0px;
}
.item-content{
       margin-right: auto;
    margin-left: auto; 
     list-style: none;
    display: block;
}
img.BB {
    width:300px;
    text-align: center;
      margin-right: auto;
    margin-left: auto;
    padding-top: 80px;
  padding-bottom: 80px;
}
.mod-custom {
  position: relative;
    text-align: center;
margin-left: auto;
margin-right: auto;
    color: #000;
    letter-spacing: 1.5px;
font-weight: 300;
}
.container-header .navbar-brand img {
    width: 30rem;
    min-width: 18rem;
}
.adres {
    margin: 0px 5px 0px 0px;
}
.tel {
    margin: 0px 5px 0px 50px;
}
.email {
    margin: 0px 5px 0px 50px;
}
.www {
    margin: 0px 5px 0px 50px;
}
div.mod-languages ul {
   position: relative;
display: flex;
min-width: 0;
word-wrap: break-word;

}
@media (max-width: 768px) {
.adres {
    margin: 0px 5px 0px 0px;
}
.tel {
    margin: 0px 5px 0px 5px;
}
.email {
    margin: 0px 5px 0px 5px;
}
.www {
    margin: 0px 5px 0px 5px;
}
    img.BB {
    padding: 40px 0px 40px 0px;
}
    

}


@media(max-width: 1325px) and (min-width: 770px)  {
   img.BB {
    padding-top: 20%;
       padding-bottom: 20%
} 
}
.container-header {
  position: relative;
  z-index: 10;
  background-color: #ffffff;
  background-image: none;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.03);
}
.footer {
  margin-top: 1em;
  background-color: #ffff;
  background-image: none;
}
.container-header .navbar-brand img {
    width: 30rem;
    min-width: 18rem;
}
.german-category {
}
.english-category {
}
.dutch-category {
}
.offline-card img {
    border-radius: 10px;
}
.offline-card .header{
    background-image: none;
}

.offline-card p {
    color: #000000;
}
.container-component>*+*, .container-component>:first-child, .container-sidebar-left>*+*, .container-sidebar-left>:first-child, .container-sidebar-right>*+*, .container-sidebar-right>:first-child {
    margin-top: 2em;
    margin-bottom: 1em;
}
@media (max-width: 1400px) {
    .container-header .navbar-brand img {
    padding: 0px 50px 0px 50px;
    }}


.vactextcontainer {
  position: relative;
  text-align: center;
}
.vactextcontainer img{
opacity: 0.2;
}

.vactext a:hover{
opacity: 0.6;
}


.vactext{
      position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.vactext a {
font-size: 1.5em;
text-decoration: none;
color: #333;
text-shadow: 0px 0px 2px #FFF;
}
.vactext-none{
      position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.vactext-none a {
font-size: 1.5em;
text-decoration: none;
color: #333;
text-shadow: 0px 0px 2px #FFF;
}


		

/* Style the accordion panel. Note: hidden by default */
.vacpanel {
  padding: 0 20px;
  background-color: #EFEFEF;
  display: none;
  overflow: hidden;
	margin-top: -18px;
} 
	
.Vacbody{
		background-color: #fff;
		
}
.Vacheader a {
    font-size: 2em;
}
	
.blue {
	color: #0d4c89;
}


			 /* Style the buttons that are used to open and close the accordion panel */
.Vacmain {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
	margin: 20px 0px 20px 0px;
	font-size: 17px;
}
	
.Vacmain ul:hover {
	background-color: #EDEDED;
}	
	
.Vac{
	list-style: none;
margin: 0;
padding: 0;
	}
.vaccontent{
	    padding: 0px;
}
.mainvaccon{
	margin: 0px 20px 10% 0px;
}

.mainvaccon p{
	margin: 10px 0px 10px 10px;
}
.mainvaccon a{
		padding: 10px 0px 10px 0px;	
}
	

button.Vacmain::after {

    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;

}
	
.Vacbody{
	padding: 40px 40px 100px 40px;
	border-radius: 10px;
    margin-top: 12px;
}
.vaciframe {
text-align: center;
padding: 20px;
}
.vaciframe2 {
text-align: center;
padding: 20px;
}

.vactitletext{
    font-size: 1.5em;
    text-align: center;
}
@media (max-width: 700px) {
.Vacbody{
		padding: 0px 20px 20px 20px;
	}
.vaciframe {
padding: 0px;
}
.vaciframe2 {
padding: 0px;
}
.vaciframe iframe {
padding: 0px;
width:100%;
margin-left:auto;
    margin-right: auto;
}
.vaciframe2 iframe {
padding: 0px;
width:100%;
    height: 300px;
margin-left:auto;
    margin-right: auto;
}
}
@media (max-width: 1400px) {
    .vacimage {
width: 100% !important;
}
}
@media (min-width: 700px) and (max-width: 1000px) {
.vaciframe2 {
padding: 10px 0px 10px 0px;
}
    .vaciframe2 iframe {
padding: 0px;
width:100%;
    height: 300px;
margin-left:auto;
    margin-right: auto;
}
}  

.vacfronttext a{
padding: 0px 5px 0px 5px;
margin: 0px 5px 0px 5px;
display: inline-block;
text-align: center;
}
.vacimage{
width: 50%;
text-align: center;
margin-left: auto;
margin-right: auto;
}