@import '_content/GO_RCL/GO_RCL.r7dsjuy55j.bundle.scp.css';

/* /Pages/Index.razor.rz.scp.css */
dummy[b-d58q72a0b1] {}

html[b-d58q72a0b1],
[b-d58q72a0b1] html {
    font-size: 100%;
}

main[b-d58q72a0b1] {
    background-image: url(content/intro/images/img02.jpg) !important;
    background-position: top center;
}


main article section img[b-d58q72a0b1],
[b-d58q72a0b1] main article section img {
    width: 300px;
    margin: 10px;
}

main article section ul[b-d58q72a0b1],
[b-d58q72a0b1] main article section ul {
    margin: 0px;
    padding: 0px;
}

main article section ul li[b-d58q72a0b1],
[b-d58q72a0b1] main article section ul li {
    list-style: square;
    font-weight: 100;
    /*color:#2F2D2C; */
    margin: 0.313em 0em 0.313em 0em;
    padding: 0em;
    line-height: 1.25em;
}


main article section ul[b-d58q72a0b1],
[b-d58q72a0b1] main article section ul {
    margin-left: 20px;
}

main article h2[b-d58q72a0b1],
[b-d58q72a0b1] main article h2 {
    padding: 1.em 1.8em 1em 0em;
}

.links[b-d58q72a0b1],
[b-d58q72a0b1] .links {
    float: left;
    padding-right: 20px;
}

.rechts[b-d58q72a0b1],
[b-d58q72a0b1] .rechts {
    float: right;
    padding-left: 20px;
}

.bad-vilbel[b-d58q72a0b1] {
    font-family: 'Times New Roman', Times, serif;
    font-size: 6rem;
    color: var(--custom-color);
}


/* ----------------------------------------- */
/*				header style: 				;*/
/* ----------------------------------------- */

.headerSuchen[b-d58q72a0b1] {
    height: 100vh;
    background-image: url('../Intro/Images/Papier_Low.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1;
    background-position: center;
    position: relative;
}


/* ----------------------------------------- */
/*  			Beschreibung 				 */
/* ----------------------------------------- */
.description[b-d58q72a0b1] {
    position: absolute;
    top: 55%;
    padding: 2em;
    width: 100%;
}

/* ToDo: Font Sizes als vw statt rem !!!!!  */

.description h1[b-d58q72a0b1] {
    color: var(--custom-color);
    font-weight: bold;
    font-size: 3.5rem;
}

.description h2[b-d58q72a0b1] {
    color: var(--custom-color);
    font-weight: bold;
    font-size: 2rem; 
}

description p[b-d58q72a0b1] {
    font-size: 20px;
    line-height: 1.5;
}

.suchen[b-d58q72a0b1] {
    position: absolute;
    top: 50%;
    /*left: 50%;*/
}

.suchen button[b-d58q72a0b1] {
    border: 1px solid var(--custom-color);
    background: var(--custom-color);
    color: #fff;
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 768px) {
    .description[b-d58q72a0b1] {
        top: 20%; 
    }   

    .description h1[b-d58q72a0b1] {
        font-size: 2rem;
    }

    .description h2[b-d58q72a0b1] {
        font-size: 1.5rem;
    }

    .suchen[b-d58q72a0b1] {     
        top: 50%;        
    }
}

/* bis max. SM */
@media only screen and (max-width: 576px) {
    .description[b-d58q72a0b1] {
        top: 10%;
    }

    .description h1[b-d58q72a0b1] {
        font-size: 1.5rem;
    }

    .description h2[b-d58q72a0b1] {
        font-size: 1rem;
    }

    .suchen[b-d58q72a0b1] {
        top: 35%;
    }
}

@media only screen and (max-width: 410px) {
    .description[b-d58q72a0b1] {
        top: 10%;
    }

        .description h1[b-d58q72a0b1] {
            font-size: 1rem;
        }

        .description h2[b-d58q72a0b1] {
            font-size: 1rem;
        }

    .suchen[b-d58q72a0b1] {
        top: 30%;
    }
}



@media only screen and (max-width: 330px) {
    .description[b-d58q72a0b1] {
        top: 10%;
    }

    .description h1[b-d58q72a0b1] {
        font-size: 1rem;
    }

    .description h2[b-d58q72a0b1] {
        font-size: 1rem;
    }

    .suchen[b-d58q72a0b1] {
        top: 40%;
    }
}



/* ----------------------------------------- */
/*		    		Archive: 				;*/
/* ----------------------------------------- */

.archive[b-d58q72a0b1] {
    /*margin: 4em 0; */
    position: relative;
}

.archive h1[b-d58q72a0b1] {
    color: var(--custom-color);
    margin: 2em;
}

.archive .card[b-d58q72a0b1] {
    box-shadow: 0 0 20px #ccc;
}

.archive .card img[b-d58q72a0b1] {
    /*width: 100%; */
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    height: 12em;
}

@media (max-width: 768px) {
    .team .item img[b-d58q72a0b1] {
        width: 100%;
    }
}

.archive .card-title[b-d58q72a0b1] {
    color: var(--custom-color);
}

.archive .card-body[b-d58q72a0b1] {
    padding: 1em;
}


/* /Shared/FooterBar.razor.rz.scp.css */
footer[b-rat1f62jvb] {
    display: block;
    background: var(--custom-color);
    text-align: center;
}

footer ul[b-rat1f62jvb] {
    display: block;
    width: 100%;
    max-width: 960px;
    text-align: left;
    margin: 0px auto;
}

footer ul li[b-rat1f62jvb] {
    display: inline;
    font-size: 0.8em;
    line-height: 2.8em;
    color: white;
    padding: 0em 0.625em 0em 0.625em;
}

footer ul li a[b-rat1f62jvb] {
    color: white;
    text-decoration: none;
}
/* /Shared/HeaderBar.razor.rz.scp.css */
.header[b-xq40ww5n9s] {
    /*height: 100vh;*/
    background-color: white;
    background-image: url('../Intro/Images/Historische_Karte.webp');
    background-repeat: no-repeat;
    background-size:contain;
    opacity: 0.40;
    background-position: center;
    position: relative;
    width: 100%;
    padding-top: 64.538%;
}
/* /Shared/MainLayout.razor.rz.scp.css */
dummy[b-nu2rgmp26j] {}

/* /Shared/NavMenu.razor.rz.scp.css */
.navbar-brand[b-6xs9ud90wa] {
    color: goldenrod;
}

.navbar-toggler[b-6xs9ud90wa] {
    background-color: rgba(255,255,25,0.1)
}

.custom-toggler.navbar-toggler[b-6xs9ud90wa] {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e);
    border-color: green;
}


/*
.navbar-nav > .active > a {
    background-color: darkgreen;
}
*/

.navbar[b-6xs9ud90wa] {
    background: var(--custom-color);
    /* margin-bottom: 0px; */
}

.nav-link[b-6xs9ud90wa], .navbar-brand[b-6xs9ud90wa] {
    color: #f4f4f4;
    cursor: pointer;
}

.nav-link[b-6xs9ud90wa] {
    margin-right: 1em !important;
}

.nav-link:hover[b-6xs9ud90wa] {
    /* background: #f4f4f4; */
    background-color: darkgreen;
    color: var(--custom-color);
}

.navbar-collapse[b-6xs9ud90wa] {
    justify-content: flex-end;
}

/*
    .navbar-toggler {
        background: #fff !important;
    }
    */

.nav-link[b-6xs9ud90wa] {
    color: white;
}


@media (min-width: 992px) {
    .navbar-toggler[b-6xs9ud90wa] {
        display: none;
    }
}


/* Never collapse the sidebar for wide screens */
@media (min-width: 992px) {
    .collapse[b-6xs9ud90wa] {        
        display: block;
    }
}

@media (max-width: 1200px) and (min-width: 992px) {
    .linkStadt[b-6xs9ud90wa] {
        display: none;
    }
}

@media (max-width: 380px) {
    .brandName[b-6xs9ud90wa] {
        display: none;
    }
}

/* /Shared/SideBar.razor.rz.scp.css */
dummy[b-dwwxnswb2w] {
}

aside[b-dwwxnswb2w],
[b-dwwxnswb2w] aside {
	display: inline-block;
	padding: 0em;
	vertical-align: top;
}

.figure[b-dwwxnswb2w],
[b-dwwxnswb2w] .figure{
    margin-bottom: 0px;
}

.aside_section[b-dwwxnswb2w],
[b-dwwxnswb2w] .aside_section {
	/*margin-bottom: 1.563em;*/
	background: white;
	border-bottom: 0.188em solid red !important;
	-webkit-box-shadow: 5px 5px 15px 0px #000000;
	box-shadow: 5px 5px 15px 0px #000000;
}

.aside_figure[b-dwwxnswb2w],
[b-dwwxnswb2w] .aside_figure {
	padding: 0px;
}

aside section figcaption[b-dwwxnswb2w],
[b-dwwxnswb2w] aside section figcaption {
	text-align: center;
	/*margin-top: 10px;*/
}


.aside_img[b-dwwxnswb2w],
[b-dwwxnswb2w] .aside_img {
	border-radius: 5px;
	display: block;
	margin: 0 auto 0 auto;
	/*max-width: 100%;*/
	width: 100%;
}

