/* Slide in Overlay from the Bottom */
.overlay-container {
    position: relative;
    float: left;
    padding: 3px;
    /*width: 50%; */
}

.overlayimage {
    display: block;
    width: 100%;
    height: 50%;
}

.overlay {
    position: absolute;
    bottom: 11px;
    left: 12px;
    right: 0;
    background-color: #595757;
    overflow: hidden;
    width: 93%;
    height: 0;
    transition: .5s ease;
}

.overlay-container:hover .overlay {
    height: 50px;
}

.overlaytext {
	font-family: 'Open Sans', sans-serif;
    color: #ffffff;
    font-size: 14px !important;
	line-height: auto;
	text-align: left!important;
	text-decoration: none;
    position: relative;
	padding: 5px;
    width: 100%;
	height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}
.overlaytext h3 {
    margin-block-start: 1em !important;
    margin-block-end: 1em !important;
	font-size: 22px !important;
	color: #ffffff;
	padding: 0px;

}
.overlaytext p {
    margin-block-start: 1em !important;
    margin-block-end: 1em !important;
	font-size: 14px !important;
	color: #ffffff;
	padding: 10px;

}
.overlaytext a {
    display: block;
    color: #ffffff !important;
	text-decoration: none;
}
.overlaytext a:hover {
    color: #d8d1d2 !important;
	text-decoration: none;
}

@media only screen and (max-width: 978px) {
    .overlay-container {
        width: 100%;
		height:auto;
    }
}
@media only screen and (max-width: 1385px) {
    .overlaytext {
        font-size: 14px;
    }
}

/* ENDE Slide in Overlay from the Bottom */

a {
    color: #7c7979;
    text-decoration: none;
	font-weight: 300;
}

a:hover, a:focus {
	text-decoration: none;
	font-weight:300;
	color: #224c76 !important;
}

h1 {
    font-family: 'Open Sans', sans-serif;
	color: #224c76 !important;
	font-weight:300;
	font-size: 32px;
	text-align: left;
	text-decoration: underline
	padding-top: 20px;
	padding-bottom: 0px;
}
h2 {
	font-family: 'Open Sans', sans-serif;
    color: #224c76;
	font-weight: 300;
	font-size: 26px;
	padding-top: 10px;
	line-height: 30px;
}
h3 {

	font-family: 'Open Sans', sans-serif !important;
	color: #224c76;
	font-weight: 300;
	font-size: 24px;
	margin-top: 10px;
}
h4 {
	font-family: 'Open Sans', sans-serif !important;
    color: #224c76;
	font-weight: 500;
	font-size: 18px;
}
h5 {
	font-family: 'Open Sans', sans-serif !important;
    color: #000000;
	font-weight: 700;
	font-size: 16px;
}
p {
	font-family: 'Open Sans', sans-serif;
	color: #000000;
	font-weight: 300;
	font-size: 16px;
	padding-top: 5px;
	padding-bottom: 0px;
}
b, strong {
	font-family: 'Open Sans', sans-serif;
}
.p1 {
	color: #585f63;
	font-weight: 300;
	font-size: 13px;
	line-height: 0.7 !important;
}
ul {
	color: #000000;
	font-weight: 300;
	font-size: 16px;
	padding-top: 5px;
	padding-bottom: 0px;
}

hr {
    border-top: 1px solid #000000;
    opacity: 1;
}

img {
	max-width: 100%;
	height: auto;
}

/* job */
.line {
    border-top: 2px #002c55 solid !important;
}
.text-toggler{
	background-image: url("/media/weiterlesen.jpg")!important;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
	border: 0px solid #002c55 !important;
	width: 125px !important;
	color: rgba(255, 255, 255, 0) !important;
	margin-bottom: 1.0rem !important;
	transition: opacity 3.5s ease-in-out !important;
}
.angle-down::after {
    color: rgba(255, 255, 255, 0);
}

#social.container {
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: 0px;
    width: 120px;
	margin-bottom: 5px;
}
#social .col {
    width: 30px;
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: 0px;
}
.carousel-control-next, .carousel-control-prev {
    display: flex !important;
}
.grau {
    background-color: #586367;
}
.weiss {
    background-color: #FFFFFF;
}

/*// START Navigation //*/

/* #navbar {
    overflow: hidden;
    padding: 10px 5px;
    transition: 0.4s;
}  */

nav ul {
	-webkit-font-smoothing: antialiased;
	list-style: none;
	padding: 0;

}
nav li {
	margin: 0;
	padding: 0;
	position: relative;
    border-left: rgba(255, 255, 255, .5) solid 1px;
}
nav li:first-child {
    border-left: none;
}
nav a {
    color: rgba(255, 255, 255, .95) !important;
	display: block;
	font-size: 18px;
    padding-right: 20px;
    padding-left: 20px;
	text-decoration: none;
}
nav a:hover {
    color: rgba(255, 255, 255, .75) !important;
}

nav li:hover a {
    text-decoration: none;
    color: rgba(255, 255, 255, .75);
}
nav li ul {
    white-space: nowrap;
	opacity: .8;
	position: absolute;
	visibility: hidden;
	z-index: 100;
    background: #224c76;
    padding-top: 2px;
}
nav li:hover ul {
	opacity: 1;
	visibility: visible;
}
nav li:hover ul li {
    border-left: none;
}

nav li:hover ul li a {
    text-decoration: none;
	color: #fff;
    padding-left: 15px;
    font-size: 16px;
    line-height: 24px;
    margin-top: 3px;
}
nav li:hover ul li ul {
    position: relative;
	opacity: 1;
	visibility: visible;
    background: linear-gradient(90deg, rgba(255,255,255,.7), rgba(36,181,221,.7));
}
nav li:hover ul li ul li {
    line-height: 18px;
}
nav li:hover ul li ul li:last-child {
    padding-bottom: 10px;
}
nav li:hover ul li ul li a {
    font-size: 16px;
}

@media only screen and (max-width: 992px) {
    nav li {
    	position: relative;
        border-left: none;
        margin-bottom: 5px;
        border-bottom: 1px dotted rgba(255, 255, 255, .5)
    }
    nav li:last-child {
        border-bottom: none;
    }

    nav li ul {
    	visibility: visible;
        margin-left: 150px;
        margin-top: -29px;
    }
}
/* Pfeile */

.carousel-control-next, .carousel-control-prev {
	color: #EB5F48;
}
.carousel-control-next:hover, .carousel-control-prev:hover {
	color: #EB5F48;
}
.carousel-control-prev-icon {
	background-image: url(/media/icon-prev_1.png);
	width: 1rem;
}
.carousel-control-next-icon {
	background-image: url(/media/icon-next_1.png);
	width: 1rem;
}
.bg-dark {
background-color: #003c67 !important;

}
.bg-success {
background-color: #003c67 !important;

}


/* ENDE Slide in Overlay from the Bottom */

.carousel-control-next, .carousel-control-prev {
	color: #EB5F48;
}
.carousel-control-next:hover, .carousel-control-prev:hover {
	color: #EB5F48;
}
.carousel-control-prev-icon {
	background-image: url(/media/icon-prev.png);
	width: 1rem;
}
.carousel-control-next-icon {
	background-image: url(/media/icon-next.png);
	width: 1rem;
}