@charset "UTF-8";

.zoom {
    transition: transform 0.8s;  
}

.zoom:hover {
    transform: scale(1.02, 1.02);
}

/*.container-below-top, .container-topbar {
    color: #fff;
	background-repeat: no-repeat;
	background-image: url("../images/Startgrafiken_Banner.jpg");
} */

.header {
	background-position: right+10% center;
	background-color: #13598D;
	background-image: url("../../beurself24/images/logo5.svg");
	background-repeat: no-repeat;
	margin-bottom: 70px;
	padding-top: 40px;
    padding-bottom: 3.5%;
    padding-left: 2%;
	box-shadow: 0px 10px 10px silver;
	
	}

.dj-megamenu-default li a.dj-up_a {
    display: block;
    float: left;
    font-size: 15px;
    font-weight: normal;
}
.main-top.card {
    
    word-wrap: break-word;
    background-clip: border-box;
    background-color: var(--card-bg);
	border: none;
}
.main-top.card._felsenbild{
	margin-bottom: 30px;
	border-radius: 18px;
}

.card-body {
    -webkit-box-flex: 1;
    color: var(--card-color);
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0px;
	background-color: #F7F7F7;
}

.transparent{
	background-color: #EB2428;
}
.card-title{
	background-color: #f9fafb;
}
.card-text{
	background-color: #f9fafb;
}

.top-a.card.wechseltexte {
	margin-bottom: 20px;
    margin-top: 35px;
}

.sidebar-right.card {
	border: none;
}
.sidebar-left.card {
	border: none;
}
.top-a.card {
	border: none;
}
.top-b.card {
	border: none;
	background-color: #5AC2F5
}
.info-aktuell {
    margin-top: 30px;
	margin-bottom: 30px;
    padding: 30px;
}
.main-bottom.card {
    border: none;
    margin-top: 65px;
    margin-bottom: 20px;
    background-color: #F7F7F7;
    padding-left: 60px;
	padding-right: 60px;
	border-bottom: var(--card-border-width) solid var(--card-border-color);
}
.bottom-a.card {
	border: none;
	background-color: #F7F7F7;
}
.bottom-b.card {
	border: none;
	background-color: #F7F7F7;
	margin-bottom: 70px;
}

.container-below-top{
}

.container-top-a {
    grid-area: top-a;
    margin-top: 20px;
}

.container-component{
	padding-right: 50px;
	padding-left: 50px;
	background-color: #F7F7F7;
}
.container-bottom-a {
	margin-top: 60px;
	margin-bottom: 60px;
	padding-right: 50px;
	padding-left: 50px;
	background-color: #F7F7F7;
}
.container-bottom-b {
	margin-top: 60px;
	margin-bottom: 60px;
	padding-right: 50px;
	padding-left: 50px;
	background-color: #F7F7F7;
}
.container-sidebar-right{
	padding-right: 35px;
	background-color: #F7F7F7;
}
.card-header{
	background-color: #F7F7F7;
    border-bottom: "";
    margin-bottom: 10px;
    padding-left: 0;
	color: #00365f;
}

.container .einleitungstext {
    color: #cd1717 !important;
}

.btn-beurself {
	background-color: #13598D;
	color: antiquewhite;
}
.btn-beurself:hover {
	background-color: #548BB4;
}
.button-links {
	margin-bottom: 30px;
	float: left;
}

.button-mitte {
	margin-bottom: 30px;
	display: block; 
	margin-left: auto; 
	margin-right: auto;
}

.button-rechts {
	margin-bottom: 30px;
	float: right;
}

.uk-scope .uk-accordion-title {
    display: block;
    font-size: 20px;
    line-height: 1.4;
    color: #007cff;
    overflow: hidden;
}
.footer {
    background: #13598D;
    background: linear-gradient(90deg, rgba(0,84,139,1.00) 0%, rgba(0,66,114,1.00) 100%); 
    padding: 60px 0;
    margin-top: 50px;
    color: #ffffff;
}

.footer a {
    color: #ffffff;
    text-decoration: none;
}

.footer a:hover {
    color: #5AC2F5;
    text-decoration: none;
}

.footer .small {
    font-size: 0.875rem;
}

.footer .map iframe {
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.footer [class*="footer_1"] {
    font-size: 0.875rem !important;
    line-height: 1.4 !important;
    color: #ffffff !important;
}

.footer .card-body {
    background-color: transparent !important;
    color: #ffffff;
}
.fusszeilenschrift {
	font-size: 0.875rem !important;
	line-height: 1.15 !important;
	color: #ffffff !important;
	padding-left: 3px;
}

@media (max-width: 1375px) {
body {
	background-color: white;
}
.card-header{
	background-color: #FFFFFF;
    border-bottom: "";
    margin-bottom: 10px;
    padding-left: 0;
	color: #00365f;
}	
.container-component{
	padding-left: 60px;
	padding-right: 60px;
	background-color: #FFFFFF;
}
.container-bottom-a {
	margin-top: 60px;
	margin-bottom: 60px;
	/*padding: 15px;*/
	background-color: #FFFFFF;
}
.container-bottom-b {
    margin-top: 60px;
    margin-bottom: 60px;
    /* padding-right: 40px; */
    /* padding-left: 35px; */
    background-color: #FFFFFF;
}
.container-sidebar-right{
	padding-right: "";
	background-color: #FFFFFF;
}
.card-body {
    padding: "";
	background-color: #FFFFFF;
}
.bottom-b.card {
	border: none;
	background-color: #FFFFFF;
}
.main-bottom.card {
    border: none;
    margin-top: 65px;
    margin-bottom: 20px;
    background-color: #FFFFFF;
    padding-left: 0;
	padding-right: 0;
}
.bottom-b.card {
	border: none;
	background-color: #FFFFFF;
	margin-bottom: 10px;
}
}
	
@media (max-width: 930px) {
	
	body {
    font-family: 'Barlow';
    font-size: 1.2em;
	font-style: normal;
  	font-weight: 300;
    color: #151515;
	padding: 0px;
	background-color: white;
}
	
h1{
    font-family: 'Barlow';
	font-size: 2em;
	font-weight: 500;
	color: #00365f;
}
h2{
    font-family: 'Barlow';
	font-size: 1.5em;
	font-weight: 500;
	color: #00365f;
}
h3{
    font-family: 'Barlow';
	font-size: 1.45em;
	font-weight: 500;
	color: #00365f;
}
h4{
    font-family: 'Barlow';
	font-size: 1.4em;
	font-weight: 500;
	color: #00365f;
}
h5{
    font-family: 'Barlow';
	font-size: 1.35em;
	font-weight: 500;
	color: #00365f;
}

h6{
    font-family: 'Barlow';
	font-size: 1.3em;
	font-weight: 500;
	color: #00365f;
}
	
.container-component{
	padding-right: 0;
	padding-left: 0;
}
.container-sidebar-right{
	padding-right: 0px;
}
.container-bottom-a {
    margin-top: 40px;
    margin-bottom: 40px;
    padding-right: 0;
	padding-left: 0;
}

.container-bottom-b {
    margin-top: 40px;
    margin-bottom: 40px;
    padding-right: 0;
	padding-left: 0;
}

	.top-a.card.wechseltexte {
	display: none;
}
	.button-links {
	margin-bottom: 30px;
	float: right;
}
	.button-mitte {
	margin-bottom: 30px;
	float: right;
}
	.button-rechts {
	margin-bottom: 30px;
	float: right;
}
	}