/*
Theme Name: rau
Author: Portalworks
Version: 1.0.0
Text Domain: rau
*/

/****************************
           GENERAL
****************************/

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    scroll-behavior: smooth;
}

html{
	scroll-padding-top: 150.317px;
}

html, body {
  overflow-anchor: none;
}

body{
	padding-top: 150.317px;
}

body.admin-bar header{
    top: 46px !important;
}

section img {
    width: 100%;
}

.inkl-text{
	font-size: 12px !important;
}

.table > :not(caption) > * > *{
	border-bottom-width: 0px !important;
}

.editor p, .editor a, .editor {
    font-family: var(--primary-font);
    font-size: 16px;
    line-height: 1.3;
    color: black;
}

.editor h1, .editor h2, .editor h3, .editor h4, .editor h5, .editor h6, .section-title {
    font-family: var(--title-font);
    font-size: 1.875rem;
    line-height: 1.1;
    font-weight: 300;
    color: black;
}

.primary-color {
    color: var(--primary-color)!important;
}

.primary-bg {
    background-color: var(--primary-color)!important;
}

.secondary-color {
    color: var(--secondary-color)!important;
}

.secondary-bg {
    background-color: var(--secondary-color)!important;
}

.custom-container, .container-sm {
    padding-left: 20px;
    padding-right: 20px;
}

.logo-wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
}

.logo-lg {
    max-width: 220px;
    margin-left: 20px;
}

.slider-container {
    width: 100%;
}

.swiper-button-next, .swiper-button-prev {
    color: white;
}

.section-padding {
    padding-top: 50px;
    padding-bottom: 50px;
}

.section-padding-sm {
    padding-top: 30px;
    padding-bottom: 30px;
}

.section-padding-lg{
	padding-top: 70px;
	padding-bottom: 70px
}

.swiper-button-next:after, .swiper-button-prev:after {
	font-size: 20px;
}

@media only screen and (min-width: 768px) {
    .custom-container {
        max-width: 80%;
        margin-left: auto;
        margin-right: auto;
        padding-left: unset;
        padding-right: unset;
    }
	
	body.admin-bar header{
		top: 32px !important;
	}

    .container-sm {
        max-width: 50%;
        margin-left: auto;
        margin-right: auto;
        padding-left: unset;
        padding-right: unset
    }

    .logo-lg {
        max-width: 320px;
        margin-left: 40px;
    }
	
	.swiper-button-next:after, .swiper-button-prev:after {
		font-size: 40px;
	}
}

@media only screen and (min-width: 992px) {
    .editor h1, .editor h2, .editor h3, .editor h4, .editor h5, .editor h6, .section-title {
        font-size: 2.625rem;
    }

    .editor p, .editor a, .editor {
        font-size: 18px;
    }

    .section-padding {
        padding-top: 80px;
        padding-bottom: 80px;
    }
	
	.section-padding-sm {
        padding-top: 40px;
        padding-bottom: 40px;
    }
	body{
		padding-top: 187.8px;
	}
}

@media only screen and (min-width: 1400px) {
    .editor h1, .editor h2, .editor h3, .editor h4, .editor h5, .editor h6, .section-title {
        font-size: 3rem;
    }

    .logo-lg {
        margin-left: 150px;
    }
	.custom-container {
        max-width: 95%;
    }
	.custom-wohnen-container {
        max-width: 1136px;
    }

}


@media only screen and (min-width: 1920px) {
    .slider-container, .big-slider, .logo-wrapper {
        max-width: 1920px;
    }
	
	    .container-sm {
/*         max-width: 1670px; */
    }

    .custom-container {
        max-width: 1670px;
    }
}