/* Fokus sichtbar machen  */
.klickbtn:focus-visible,
.klickbtn2:focus-visible,
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
submit:focus-visible  {
    outline: 3px solid #005fcc;
    outline-offset: 2px;
}

a{
	font-weight: 600;
}

hr {
  height: 1px;
  border: none;
  background-color: white;
}

h1 {
    color: rgb(61 80 114);
}

#headerbalken{
	background-color: #81adb6;
}

#menu ul {
    background: rgba(129, 172, 183, .9);
}

#menu .on, #menu ul li a:hover, #menu ul ul li a.on, #menu ul ul li a:hover {
    text-decoration: none;
    color: rgb(61 80 114);
    background-color: white;
	font-weight: 700;
}

#menu a {
    font-weight: 600;
}

#logo {
    -webkit-box-shadow: none; 
    box-shadow: none; 
}

button{
	font-family: Lato !important;
}

#footer_end {
    background-color: #395072;
}

input[type="text"], input[type="email"], input[type="tel"], input[type="submit"], textarea {
    border: 1px solid #3d5072;
}



#begriff_close,
.bgw{
	background:#fff;
}

.sslicon,
.back-to-top .path{
	fill:#fff;
}

#begriffbox,
#footer_end,
#footer_end a{
	color:#fff;
}

.arrow::after{
	border-left: 10px solid #666;
}

#teamicon {
	background:url(../bilder/team.svg) no-repeat center top;
}	

#linksicon {
	background:url(../bilder/links.svg) no-repeat center top;
}

.mittig{
	margin: 0 auto 40px auto;
	float: none;
	clear: both;
}

.verticalcenter {
	display: flex;
	align-items: center;
}

.myButton {
    background-color: #3d5072;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-size: 17px;
    padding: 10px 16px;
	border: 1px solid #3d5072;
}
.myButton:hover {
	background-color:#fff;
	color: #3d5072;
	border: 1px solid #3d5072;
}
.myButton:active {
	position:relative;
	top:1px;
}

.myButton2 {
    background-color: #fff;
    display: inline-block;
    cursor: pointer;
    color: #3d5072;
    font-size: 17px;
    padding: 10px 16px;
    border: 1px solid #fff;
}
.myButton2:hover {
	background-color:#3d5072;
	color: #fff;
	border: 1px solid #fff;
}
.myButton2:active {
	position:relative;
	top:1px;
}

.mehr-box details { margin-top: .25rem; }
.mehr-box summary {
  display: inline-block;
  cursor: pointer;
  padding: .5rem .75rem;
  border: 1px solid #cfcfcf;
  border-radius: .5rem;
  background: #f7f7f7;
  user-select: none;
}
.mehr-box summary:focus { outline: 2px solid #000; outline-offset: 2px; }

.mehr-box summary::-webkit-details-marker { display: none; }
.mehr-box summary::after {
  content: " ⯈";
  font-size: .9em;
}
.mehr-box details[open] summary::after { content: " ⯆"; }

.mehr-box details[open] > *:not(summary) { margin-top: .5rem; }


	#teaser .slick-slide, #teaser {
        height: 500px !important;
    }
	

.spalte2.bluebox.readtxt {
    background-color: #395072 !important;
    color: white;
    height: 350px;
    padding: 20px;
    width: 47% !important;
    margin-left: 2%;
}

.spalte2.bluebox.readtxt h3{
	color: white !important;
}


@media (max-width: 1360px) and (min-width: 1201px){
	
	

}

@media (max-width: 1360px) and (min-width: 981px){
	
	

}

@media (max-width: 1200px) and (min-width: 981px){
	
	

}

@media (max-width: 980px) and (min-width: 781px){
	
	

}

@media (max-width: 780px) and (min-width: 481px){
	
	

}


@media (min-width: 780px) {

	

}

@media (max-width: 1680px) {
	
	#teaser .slick-slide, #teaser {
        height: 450px !important;
    }

}

@media (max-width: 1360px) {
	
	#teaser .slick-slide, #teaser {
        height: 410px !important;
    }
	
	.spalte2.bluebox.readtxt {
		height: 450px;
	}


}


@media (max-width: 1200px) {

	#teaser .slick-slide, #teaser {
        height: 320px !important;
    }
	
	

	
}

@media (max-width: 980px) {
	
	.verticalcenter {
		display: block;
	}
	
	#menu ul li a {
        padding: 28px 5px;
    }
	
	
	.spalte2.bluebox.readtxt {
		height: 495px;
	}
	
	
	.spalte4.r.readtxt{
		width: 25%;
	}
	
	.spalte34{
		width: 75%;
	}
	
	#teaser .slick-slide, #teaser {
        height: 260px !important;
    }
	
}

@media (max-width: 780px) {
	
	
.spalte2.bluebox.readtxt {

    width: 100% !important;
    margin-left: 0%;
	height: auto;
}

	#menu ul ul li{
		border-left:1px solid #fff;
		border-right:none;
	}
	
	#teaser .slick-slide, #teaser {
        height: 240px !important;
    }
	
	/*#teaser:not(.liquid-slider) {
		margin-top: 150px;
		height: 300px !important;
	}
	
	#inhalt_teaser {
		margin-top: 250px;
	}*/
	
	.spalte4.r.readtxt{
		text-align: left;
	}
	
	
#kontaktbox > div, #oeffnungszeitenbox > div, #kartenbox > div, #formularbox > div {
        background: rgb(129 173 182);
    }


}

@media (max-width: 480px) {
	
	/*#teaser:not(.liquid-slider) {
		height: 200px !important;
	}
	
	#inhalt_teaser {
		margin-top: 200px;
	}*/
	
	#teaser .slick-slide, #teaser {
        height: 200px !important;
    }
	
}