/***
* @author BlueStoneDesign
* @desicription BERNO Custom CSS
****/

/*** Global ***/
@import url('https://fonts.googleapis.com/css2?family=Schoolbell&display=swap');
:root{
    --font-primary: "Fira Sans", sans-serif;
    --font-secondary: "Oswald", sans-serif;
    --font-tertiary: "Schoolbell", sans-serif;
}

.rstpl-breadcrumbs-position {
	margin-bottom: 0 !important;
}
#rstpl-main-menu-position.rstpl-overlap-menu{
    position: relative !important;
}
#rstpl-main-menu-position.rstpl-scroll-down {
	position: absolute;
}

.trenner::before, .trenner::after {
  content: url(/files/trennlinie_grundschule.svg);
  width: 200px;
  height: 20px;
  diplay: block;
}

.specialfont .rspbld-title{
    font-family: var(--font-tertiary);
    font-family: "Schoolbell", cursive;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
}

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

.mod-articles-category {
	white-space: nowrap;
	position: absolute;
	top: 100px;
	left: -25px;
	transform: rotate(320deg);
	color: #5FA9DF;
	background-color: #FFF;
	padding: 0px 20px;
}

.mod-articles-image{ 
    height: 12.4rem;
    overflow: hidden;
}
.mod-articles-items.mod-list {
	list-style: none;
}

.rspbld-module .mod-articles-items .mod-articles-image img {width: 100%;height: auto;} 
.rspbld-module ul.mod-articles-items li {list-style-type: none;}

.mod-articles-title {
    color: #5FA9DF;
    font-family: var(--font-secondary);
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: .7px;
    margin: 1.1rem 0 10px;
}


/** Header **/


/** 
.header::before {
  content: url(bogen.svg);
  width: 200px;
  height: 200px;
}  ***/
 
#rstpl-slideshow-position {
    position: relative;
}

#rstpl-main-menu-position{
        .container {
            border-top: 10px solid #575656;
            padding: 0px !important;
        }
}
#berno-slider{

    .header__arch {
        color: #C7B95B;
        margin: 0 auto;
        max-width: 1300px;
        pointer-events: none;
        z-index: 101;
        position: absolute;
        top: -1px;
    }
    .header__arch svg {
        aspect-ratio: 1300/212;
        display: block;
        height: 230px;
        width: 1300px;
        width: 100%;
    }
    .berno-home-slider {

        .rstpl-slider-main-image{
            background-repeat: no-repeat !important;
            height: 600px !important;
            background-size: cover;
            
            h2 {
                padding: 10px;
                color: #FFF;
                line-height: 1;
                text-align: left;
                text-transform: none;
                font-size: 29.6px;
                background-color: #0e95d6!important;
            }
            .rstpl-caption{
                background-color: transparent;
            }
            .rstpl-caption::before{
                background-color: transparent !important;
            }
            .rstpl-caption p {
                background-color: #FFF;
                color: #575656;
                font-size: .85rem;
                line-height: .9;
                margin-bottom: .25rem;
                padding: .36rem .3rem .14rem;
            }

        }
    }
}





/*** Tablet ***/


/*** Mobile ***/