/*custom svh styles
THIS STYLES APPLY TO ALL SVH PAGES
*/

/*adjust home_map id if the menu changes to make it work in ie (the class is added for modern browsers)*/
.map-detail--lokalausgaben .map-detail-text, #home_map-10 .map-detail-text /*needed for ie because the javascript that adds the class doesnt work*/{
	border-bottom: 0;
}
.map-detail--lokalausgaben .map-detail-button, #home_map-10 .map-detail-button /*needed for ie because the javascript that adds the class doesnt work*/{
	display: none;
}

.map-detail-text .map-detail-text__lokalausgaben img{
	height: auto;
    width: auto;
    /* height: 50px;
	width: 121px; 
    max-width: 200px; */
	max-height: 50px;
	max-width: 121px;
	margin: 1rem;
    object-fit: contain;
}

.footer-inner-container{
	height: 470px;
}
.footer-inner-container .footer-sub-container:nth-child(2) ul.linklist-footer { /*divide middle linklist into two columns, to avoid it getting to long*/
    width: 50%;
    float: left;
}

a, a:focus, a:hover{
	text-decoration: initial;
    outline: initial;
}
.block-of-text{
	width: 100rem!important;
	max-width: 100%;
	margin-left: 3rem;
}
.impressum-container{
	max-height: 700px;
    overflow-y: auto;
}

.grecaptcha-badge{
	z-index: 9999;
	/*bottom: 80px!important;*/
}

/*scroll down class from https://codepen.io/tr13ze/pen/VjLLgJ*/
.scroll-down {
	opacity: 1;
	-webkit-transition: all .5s ease-in 3s;
	transition: all .5s ease-in 3s;
}
.scroll-down {
	position: absolute;
	bottom: 30px;
	left: 50%;
	margin-left: -16px;
	display: block;
	width: 32px;
	height: 32px;
	border: 2px solid transparent; /*change ring color here*/
	background-size: 14px auto;
	border-radius: 50%;
	z-index: 2;
	-webkit-animation: bounce 2s infinite 2s;
	animation: bounce 2s infinite 2s;
	-webkit-transition: all .2s ease-in;
	transition: all .2s ease-in;
	transform: scale(1)
}
.scroll-down:before {
	position: absolute;
	top: calc(50% - 8px);
	left: calc(50% - 6px);
	transform: rotate(-45deg);
	display: block;
	width: 12px;
	height: 12px;
	content: "";
	border: 2px solid black; /*change arrow color here*/
	border-width: 0px 0 2px 2px;
}
@keyframes bounce {
	0%,
	100%,
	20%,
	50%,
	80% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
	40% {
		-webkit-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		transform: translateY(-10px);
	}
	60% {
		-webkit-transform: translateY(-5px);
		-ms-transform: translateY(-5px);
		transform: translateY(-5px);
	}
}