/* Quartier 20 - CSS Document */

/* Anchorlink */

.anchorlink {
    scroll-margin-top: 170px;
}


/* General Font Formats */

body {
    font-family: Open Sans, sans-serif;
    font-size: 16px;
    font-weight: 300;
}

h1 {
    font-family: Oswald, sans-serif;
    font-weight: 600;
}

h2 {
    font-family: Oswald, sans-serif;
    font-weight: 600;
}

h3 {
    font-family: Open Sans, sans-serif;
    font-weight: 300;
}

h4 {
    font-family: Open Sans, sans-serif;
    font-weight: normal;
}

h5 {
    font-family: Open Sans, sans-serif;
    font-weight: 800;
}

h6 {
    font-family: Dr Sugiyama, sans-serif;
    font-weight: normal;
}

.sp-megamenu-parent {
    font-family: Open Sans, sans-serif;
    font-weight: 600;
}


/* Google Fonts */

@font-face {
    font-family: 'Dr Sugiyama';
    src: url('../fonts/DrSugiyama-Regular.eot');
    src: url('../fonts/DrSugiyama-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DrSugiyama-Regular.woff2') format('woff2'),
        url('../fonts/DrSugiyama-Regular.woff') format('woff'),
        url('../fonts/DrSugiyama-Regular.ttf') format('truetype'),
        url('../fonts/DrSugiyama-Regular.svg#DrSugiyama-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-SemiBold.eot');
    src: url('../fonts/Oswald-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Oswald-SemiBold.woff2') format('woff2'),
        url('../fonts/Oswald-SemiBold.woff') format('woff'),
        url('../fonts/Oswald-SemiBold.ttf') format('truetype'),
        url('../fonts/Oswald-SemiBold.svg#Oswald-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-Bold.eot');
    src: url('../fonts/Oswald-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Oswald-Bold.woff2') format('woff2'),
        url('../fonts/Oswald-Bold.woff') format('woff'),
        url('../fonts/Oswald-Bold.ttf') format('truetype'),
        url('../fonts/Oswald-Bold.svg#Oswald-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-Medium.eot');
    src: url('../fonts/Oswald-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Oswald-Medium.woff2') format('woff2'),
        url('../fonts/Oswald-Medium.woff') format('woff'),
        url('../fonts/Oswald-Medium.ttf') format('truetype'),
        url('../fonts/Oswald-Medium.svg#Oswald-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-ExtraLight.eot');
    src: url('../fonts/Oswald-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Oswald-ExtraLight.woff2') format('woff2'),
        url('../fonts/Oswald-ExtraLight.woff') format('woff'),
        url('../fonts/Oswald-ExtraLight.ttf') format('truetype'),
        url('../fonts/Oswald-ExtraLight.svg#Oswald-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-Regular.eot');
    src: url('../fonts/Oswald-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Oswald-Regular.woff2') format('woff2'),
        url('../fonts/Oswald-Regular.woff') format('woff'),
        url('../fonts/Oswald-Regular.ttf') format('truetype'),
        url('../fonts/Oswald-Regular.svg#Oswald-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('../fonts/Oswald-Light.eot');
    src: url('../fonts/Oswald-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Oswald-Light.woff2') format('woff2'),
        url('../fonts/Oswald-Light.woff') format('woff'),
        url('../fonts/Oswald-Light.ttf') format('truetype'),
        url('../fonts/Oswald-Light.svg#Oswald-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald2';
    src: url('../fonts/Oswald-SemiBold.eot');
    src: url('../fonts/Oswald-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Oswald-SemiBold.woff2') format('woff2'),
        url('../fonts/Oswald-SemiBold.woff') format('woff'),
        url('../fonts/Oswald-SemiBold.ttf') format('truetype'),
        url('../fonts/Oswald-SemiBold.svg#Oswald-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald2';
    src: url('../fonts/Oswald-Bold.eot');
    src: url('../fonts/Oswald-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Oswald-Bold.woff2') format('woff2'),
        url('../fonts/Oswald-Bold.woff') format('woff'),
        url('../fonts/Oswald-Bold.ttf') format('truetype'),
        url('../fonts/Oswald-Bold.svg#Oswald-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald2';
    src: url('../fonts/Oswald-Medium.eot');
    src: url('../fonts/Oswald-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Oswald-Medium.woff2') format('woff2'),
        url('../fonts/Oswald-Medium.woff') format('woff'),
        url('../fonts/Oswald-Medium.ttf') format('truetype'),
        url('../fonts/Oswald-Medium.svg#Oswald-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald2';
    src: url('../fonts/Oswald-ExtraLight.eot');
    src: url('../fonts/Oswald-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Oswald-ExtraLight.woff2') format('woff2'),
        url('../fonts/Oswald-ExtraLight.woff') format('woff'),
        url('../fonts/Oswald-ExtraLight.ttf') format('truetype'),
        url('../fonts/Oswald-ExtraLight.svg#Oswald-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald2';
    src: url('../fonts/Oswald-Regular.eot');
    src: url('../fonts/Oswald-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Oswald-Regular.woff2') format('woff2'),
        url('../fonts/Oswald-Regular.woff') format('woff'),
        url('../fonts/Oswald-Regular.ttf') format('truetype'),
        url('../fonts/Oswald-Regular.svg#Oswald-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald2';
    src: url('../fonts/Oswald-Light.eot');
    src: url('../fonts/Oswald-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Oswald-Light.woff2') format('woff2'),
        url('../fonts/Oswald-Light.woff') format('woff'),
        url('../fonts/Oswald-Light.ttf') format('truetype'),
        url('../fonts/Oswald-Light.svg#Oswald-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-BoldItalic.eot');
    src: url('../fonts/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-BoldItalic.woff2') format('woff2'),
        url('../fonts/OpenSans-BoldItalic.woff') format('woff'),
        url('../fonts/OpenSans-BoldItalic.ttf') format('truetype'),
        url('../fonts/OpenSans-BoldItalic.svg#OpenSans-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-ExtraBold.eot');
    src: url('../fonts/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-ExtraBold.woff2') format('woff2'),
        url('../fonts/OpenSans-ExtraBold.woff') format('woff'),
        url('../fonts/OpenSans-ExtraBold.ttf') format('truetype'),
        url('../fonts/OpenSans-ExtraBold.svg#OpenSans-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Italic.eot');
    src: url('../fonts/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Italic.woff2') format('woff2'),
        url('../fonts/OpenSans-Italic.woff') format('woff'),
        url('../fonts/OpenSans-Italic.ttf') format('truetype'),
        url('../fonts/OpenSans-Italic.svg#OpenSans-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Bold.eot');
    src: url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Bold.woff2') format('woff2'),
        url('../fonts/OpenSans-Bold.woff') format('woff'),
        url('../fonts/OpenSans-Bold.ttf') format('truetype'),
        url('../fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Light.eot');
    src: url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Light.woff2') format('woff2'),
        url('../fonts/OpenSans-Light.woff') format('woff'),
        url('../fonts/OpenSans-Light.ttf') format('truetype'),
        url('../fonts/OpenSans-Light.svg#OpenSans-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-ExtraBoldItalic.eot');
    src: url('../fonts/OpenSans-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/OpenSans-ExtraBoldItalic.woff') format('woff'),
        url('../fonts/OpenSans-ExtraBoldItalic.ttf') format('truetype'),
        url('../fonts/OpenSans-ExtraBoldItalic.svg#OpenSans-ExtraBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Medium.eot');
    src: url('../fonts/OpenSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Medium.woff2') format('woff2'),
        url('../fonts/OpenSans-Medium.woff') format('woff'),
        url('../fonts/OpenSans-Medium.ttf') format('truetype'),
        url('../fonts/OpenSans-Medium.svg#OpenSans-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Regular.eot');
    src: url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Regular.woff2') format('woff2'),
        url('../fonts/OpenSans-Regular.woff') format('woff'),
        url('../fonts/OpenSans-Regular.ttf') format('truetype'),
        url('../fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-MediumItalic.eot');
    src: url('../fonts/OpenSans-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-MediumItalic.woff2') format('woff2'),
        url('../fonts/OpenSans-MediumItalic.woff') format('woff'),
        url('../fonts/OpenSans-MediumItalic.ttf') format('truetype'),
        url('../fonts/OpenSans-MediumItalic.svg#OpenSans-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-SemiBoldItalic.eot');
    src: url('../fonts/OpenSans-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/OpenSans-SemiBoldItalic.woff') format('woff'),
        url('../fonts/OpenSans-SemiBoldItalic.ttf') format('truetype'),
        url('../fonts/OpenSans-SemiBoldItalic.svg#OpenSans-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-LightItalic.eot');
    src: url('../fonts/OpenSans-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-LightItalic.woff2') format('woff2'),
        url('../fonts/OpenSans-LightItalic.woff') format('woff'),
        url('../fonts/OpenSans-LightItalic.ttf') format('truetype'),
        url('../fonts/OpenSans-LightItalic.svg#OpenSans-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-SemiBold.eot');
    src: url('../fonts/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-SemiBold.woff2') format('woff2'),
        url('../fonts/OpenSans-SemiBold.woff') format('woff'),
        url('../fonts/OpenSans-SemiBold.ttf') format('truetype'),
        url('../fonts/OpenSans-SemiBold.svg#OpenSans-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-BoldItalic.eot');
    src: url('../fonts/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-BoldItalic.woff2') format('woff2'),
        url('../fonts/OpenSans-BoldItalic.woff') format('woff'),
        url('../fonts/OpenSans-BoldItalic.ttf') format('truetype'),
        url('../fonts/OpenSans-BoldItalic.svg#OpenSans-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-ExtraBold.eot');
    src: url('../fonts/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-ExtraBold.woff2') format('woff2'),
        url('../fonts/OpenSans-ExtraBold.woff') format('woff'),
        url('../fonts/OpenSans-ExtraBold.ttf') format('truetype'),
        url('../fonts/OpenSans-ExtraBold.svg#OpenSans-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Italic.eot');
    src: url('../fonts/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Italic.woff2') format('woff2'),
        url('../fonts/OpenSans-Italic.woff') format('woff'),
        url('../fonts/OpenSans-Italic.ttf') format('truetype'),
        url('../fonts/OpenSans-Italic.svg#OpenSans-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Bold.eot');
    src: url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Bold.woff2') format('woff2'),
        url('../fonts/OpenSans-Bold.woff') format('woff'),
        url('../fonts/OpenSans-Bold.ttf') format('truetype'),
        url('../fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Light.eot');
    src: url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Light.woff2') format('woff2'),
        url('../fonts/OpenSans-Light.woff') format('woff'),
        url('../fonts/OpenSans-Light.ttf') format('truetype'),
        url('../fonts/OpenSans-Light.svg#OpenSans-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-ExtraBoldItalic.eot');
    src: url('../fonts/OpenSans-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/OpenSans-ExtraBoldItalic.woff') format('woff'),
        url('../fonts/OpenSans-ExtraBoldItalic.ttf') format('truetype'),
        url('../fonts/OpenSans-ExtraBoldItalic.svg#OpenSans-ExtraBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Medium.eot');
    src: url('../fonts/OpenSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Medium.woff2') format('woff2'),
        url('../fonts/OpenSans-Medium.woff') format('woff'),
        url('../fonts/OpenSans-Medium.ttf') format('truetype'),
        url('../fonts/OpenSans-Medium.svg#OpenSans-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Regular.eot');
    src: url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Regular.woff2') format('woff2'),
        url('../fonts/OpenSans-Regular.woff') format('woff'),
        url('../fonts/OpenSans-Regular.ttf') format('truetype'),
        url('../fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-MediumItalic.eot');
    src: url('../fonts/OpenSans-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-MediumItalic.woff2') format('woff2'),
        url('../fonts/OpenSans-MediumItalic.woff') format('woff'),
        url('../fonts/OpenSans-MediumItalic.ttf') format('truetype'),
        url('../fonts/OpenSans-MediumItalic.svg#OpenSans-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-SemiBoldItalic.eot');
    src: url('../fonts/OpenSans-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/OpenSans-SemiBoldItalic.woff') format('woff'),
        url('../fonts/OpenSans-SemiBoldItalic.ttf') format('truetype'),
        url('../fonts/OpenSans-SemiBoldItalic.svg#OpenSans-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-LightItalic.eot');
    src: url('../fonts/OpenSans-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-LightItalic.woff2') format('woff2'),
        url('../fonts/OpenSans-LightItalic.woff') format('woff'),
        url('../fonts/OpenSans-LightItalic.ttf') format('truetype'),
        url('../fonts/OpenSans-LightItalic.svg#OpenSans-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-SemiBold.eot');
    src: url('../fonts/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-SemiBold.woff2') format('woff2'),
        url('../fonts/OpenSans-SemiBold.woff') format('woff'),
        url('../fonts/OpenSans-SemiBold.ttf') format('truetype'),
        url('../fonts/OpenSans-SemiBold.svg#OpenSans-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


@charset "utf-8";

/* Template Min-Width */

@media only screen and (min-width: 768px) {

	.sppb-row-container {
    width: 750px !important;
}
}

@media only screen and (min-width: 980px) {

	.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    font-size: 11px;
	margin: 0 9px !important;
}

}

@media only screen and (min-width: 992px) {
	
	.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    font-size: 12px;
	margin: 0 11px !important;
}
	
	.sppb-row-container {
    width: 970px !important;
}
}

@media only screen and (min-width: 1100px) {
	
	.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
	margin: 0 7px !important;
}
	
}

@media only screen and (min-width: 1200px) {
	
	.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    font-size: 13px;
	margin: 0 13px !important;
}
	.sppb-row-container {
    width: 1170px !important;
}
	
}

@media only screen and (min-width: 1300px) {

	.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    font-size: 15px;
}

	.sppb-row-container {
    width: 1250px !important;
}
}

@media only screen and (min-width: 1400px) {
	
	.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    font-size: 15px;
	margin: 0 15px !important;
}
	
	.sppb-row-container {
    width: 1350px !important;
}
}

.stripe-line-subline::after {
    content: url("/images/headers/header-box-dark-small.png");
    padding-left: 10px;
}

.stripe-line-subline a {
    color: #475760;
	display: inline;
}

.stripe-line-subline a:hover {
    color: #33b1ec;
}

.current-item.active a {
    background: none;
    max-height: 80px;
    color: #475760 !important;
	border-bottom: 3px solid #33b1ec;
}

/* Buttons Arbeitsplatz */

.button-arbeitsplatz {
    min-width: 200px;
}

/* Dein Arbeitsplatz - Icon Text */

.unser-arbeitsplatz-text-icons .sppb-media-content {
    display: table;
    padding-left: 20px;
}

.unser-arbeitsplatz-text-icons .sppb-img-container {
    float: left;
    width: 70px;
}

.unser-arbeitsplatz-text-icons .sppb-img-container {
    float: left;
     width: 60px;
    background: #33b1ec;
    padding: 4px;
	margin-top: 0px;
}

.unser-arbeitsplatz-text-icons {
    padding-bottom: 20px;
    padding-right: 70px;
}

.unser-arbeitsplatz-icons-oben .sppb-img-responsive {
    width: 90px;
    padding-bottom: 20px;
}

/* Bestuhlung Slider */

.bestuhlung-slider .sppb-item.sppb-item-has-bg .sppb-carousel-item-inner {
    background-color: rgba(0,0,0,.3);
}

.bestuhlung-slider .sppb-addon-text {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    padding-top: 8px;
}

.bestuhlung-slider .sppb-carousel-pro-text h2 {
    text-transform: none !important;
	letter-spacing: 3px;
}

/* Footer big */

.social-media-footer-wrapper {
    display: inline-block;
}

.wmc-footer-bottom {
    display: block;
    font-size: 24px;
    letter-spacing: 2px;
    padding-top: 11px;
}

.footer-bottom p {
    font-size: 15px;
    line-height: 1.8em;
}

.footer-logo {
    max-width: 175px;
    padding-bottom: 15px;
}

.footer-kontakt-title {
    font-family: Oswald, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 16px;
	padding-bottom: 10px;
}

.fa.fa-instagram {
    font-size: 25px;
    padding-left: 5px;
    padding-right: 5px;
}

.social-icons-footer {
    float: left;
}

.fa.fa-facebook, .fa.fa-xing, .fa.fa-linkedin {
    font-size: 25px;
    padding-left: 5px;
    padding-right: 5px;
}

/* Text Stripe */

.stripe-line {
    display: inline-block;
    vertical-align: middle;
    height: 2px;
    width: 40px;
    background-color: #33b1ec;
}

.stripe-line-subline {
    display: inline-block;
    padding-left: 10px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
}

.stripe-line-icon {
    float: left;
    width: 50px;
    display: inline-block;
    margin-right: 10px;
}

.stripe-line-icon-hl {
    float: left;
    display: block;
}

.stripe-line-headline {
    float: left;
	padding-top: 7px;
}

.stripe-line-text {
    float: left;
}

.stripe-line-headline h2 {
    font-size: 21px;
}

.stripe-line-headline h1 {
    text-transform: uppercase !important;
    letter-spacing: 5px;
    margin-top: 0px !important;
	font-size: 24px;
}

/* Ueber Uns */

.ueber-uns-philosophie .sppb-section-title, .ueber-uns-team .sppb-section-title {
    margin-bottom: 20px !important;
}

/* Akkordion */

.sppb-panel {
	background: none;
}

.sppb-panel-primary > .sppb-panel-heading {
    background: none;
    color: #475760;
    font-weight: bold;
    font-family: Oswald, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.sppb-panel-primary {
	border-color: #ddd;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
}

.btn-secondary:hover, .sppb-btn-secondary:hover {
    background: #efefef !important;
    color: #33b1ec;
	box-shadow: 0 0 0 3px rgba(152,167,181,.0);
}

.btn-secondary:active, .sppb-btn-secondary:active, .sppb-btn-secondary.focus, .sppb-btn-secondary:focus {
    background: #fff !important;
    color: #33b1ec;
	box-shadow: 0 0 0 3px rgba(152,167,181,.0);
}

.sppb-panel-primary .sppb-panel-body {
    border-top-color: 
    #ddd;
}

.sppb-panel-title:hover {
    color: #33b1ec;
}

.fa.fa-chevron-right:hover {
    color: #33b1ec;
}

.sppb-panel-title {
    font-size: 18px;
}

/* Calculator */

.wrap-calc [data-type="result"] {
    background-color: #fff !important;
}

#total-1 {
    font-size: 22px !important;
}

.no-bg.its-api.tariff- {
    font-family: Open Sans !important;
    letter-spacing: 1px;
}

.wrap-calc #viewing_panel.fields .field .field-title {
    font-family: Oswald, sans-serif !important;
}

.option-label {
    font-family: Open Sans !important;
}

#total-2, #total-3, #total-4, #total-5  {
    font-weight: normal !important;
}

.field.field-button .button-8 .field-body__item .button-design {
    border-radius: 0px !important;
    font-family: Oswald, sans-serif !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    padding: 10px 20px !important;
}

body.its-api, body.its-frame {
    font-family: Open Sans !important;
}

#viewing_panel {
    font-family: Open Sans !important;
}

.theme-0_color-3 .wrap-calc .field-result, .theme-0_color-3 .wrap-calc .field-result * {
    display: none !important;
}

.theme-0_color-3 .wrap-calc #viewing_panel.fields .field input[type="radio"]:checked + label::before {
    border: 2px solid 
#000;
background-color:
    #000;
}


/* Algemein */

.text-auf-farbe a {
    color: #fff;
    font-weight: 600;
}

.hochzaehlen .sppb-animated-number-title {
    text-align: center;
}

.hochzaehlen .sppb-animated-number {
    text-align: center;
}

.headline-auf-farbe h2 {
    margin-bottom: 10px !important;
}

.bild-text a {
    color: #fff;
}

.home-block h2 {
    line-height: 1.4em;
    font-size: 21px;
}

.home-block h1 {
    line-height: 1.4em;
    font-size: 21px;
	text-transform: uppercase !important;
	letter-spacing: 5px;
	margin-top: 0px !important;
}

.unsere-ausstattung h1 {
	text-transform: uppercase !important;
	letter-spacing: 5px;
	margin-top: 0px !important;
	font-size: 30px;
}

.raum-fuer-deine-meetings h1 {
	text-transform: uppercase !important;
	letter-spacing: 5px;
	margin-top: 0px !important;
	font-size: 30px;
}

.no-title .sppb-addon-title.sppb-feature-box-title {
    display: none !important;
}

.ueber-uns-team h1 {
	font-size: 30px;
	line-height: 30px;
	text-transform: uppercase !important;
	letter-spacing: 5px;
	margin-top: 0px !important;
}

.impressum-hl h1 {
	text-transform: uppercase !important;
	letter-spacing: 5px;
	margin-top: 0px !important;
	font-size: 30px;
	line-height: 30px;
}

.datenschutz-hl h1 {
	text-transform: uppercase !important;
	letter-spacing: 5px;
	margin-top: 0px !important;
	font-size: 30px;
	line-height: 30px;
}

.zitat-author {
    font-size: 14px;
    float: none;
    margin-top: 0px;
    font-weight: 400;
    padding-top: 10px;
}

.anfuehrungszeichen {
    font-family: Dr Sugiyama;
    text-transform: none !important;
}

.anfuehrungszeichen::before {
    content: url("/images/anfuehrungszeichen-oben.png");
    float: left;
    margin-right: 0px;
    margin-top: -60px;
    margin-left: -75px;
}

.anfuehrungszeichen::after {
    content: url("/images/anfuehrungszeichen-unten.png");
    margin-left: 15px;
    margin-top: 20px;
    float: right;
}

.sppb-row-container {
    width: 1250px;
}

html {
    background: #475460;
}

body {
	color: #475760;
	line-height: 1.8em;
}

blockquote {
    border: 0px;
    font-size: 40px;
    line-height: 1.3;
    font-weight: 300;
    color: #475760;
    padding: 0px;
	padding-bottom: 30px;
}

/* Pricing Table */

.sppb-pricing-box .sppb-pricing-features > ul > li {
    display: flex;
    line-height: 1.3em !important;
}

.sppb-addon-title.sppb-pricing-title .tagesticket::before {
    content: 'img';
    display: block;
}

.tagesticket .sppb-addon-title.sppb-pricing-title::before {
    content: url("/images/icons/icon-grau-pricingtable-kalender.png");
    display: block;
	padding-bottom: 10px;
}

.flexdesk .sppb-addon-title.sppb-pricing-title::before {
    content: url("/images/icons/icon-grau-pricingtable-laptop.png");
    display: block;
	padding-bottom: 10px;
}

.fixdesk .sppb-addon-title.sppb-pricing-title::before {
    content: url("/images/icons/icon-grau-pricingtable-schreibtisch.png");
    display: block;
	padding-bottom: 10px;
}

.sppb-pricing-features {
    margin-bottom: 7px !important;
}

.fa-check::before {
    line-height: 1.3em !important;
}

/* Icons */

.hochzaehlen-icon {
    width: 80px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.hoch-sofa {
    width: 100px;
}

.freistehend-icon {
    width: 90px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.ausstattung-icon-text {
    color: #fff;
    line-height: 1.5em;
}

/* Headlines */

h2 {
    text-transform: uppercase !important;
    letter-spacing: 5px;
	margin-top: 0px !important;
}


/* Buttons */

.btn-primary, .sppb-btn-primary {
	text-transform: uppercase;
	font-weight: bold;
	border: 1px transparent;
	padding: 12px 30px;
	border-radius: 0px;
	font-family: Oswald, sans-serif;
    letter-spacing: 4px;
}

.btn-secondary, .sppb-btn-secondary {
	text-transform: uppercase;
	font-weight: bold;
	border: 1px transparent;
	padding: 12px 30px;
	border-radius: 0px;
	font-family: Oswald, sans-serif;
    letter-spacing: 4px;
	background: #fff;
	color: #33b1ec;
}

.btn-secondary:hover, .sppb-btn-secondary:hover {
	background: #efefef;
}

.sppb-btn.sppb-btn-secondary.sppb-btn-lg {
	color: #33b1ec;
}

.sppb-btn-lg {
    font-size: 18px;
}

.progress .sppb-progress-bar {
background-color: #33b1ec;
}

.progress {
border-radius: 0px;
}

.sppb-progress-bar {
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    font-family: Oswald, sans-serif;
    font-size: 15px;
    float: left;
    text-align: left;
    padding-left: 20px;
}

.text-auf-farbe, .headline-auf-farbe {
	color: #fff;
}

.dein-veranstaltungsloft-icon-gruppe {
    text-align: right;
}

.bild-text .sppb-content-holder {
    padding: 60px 50px 50px 0px !important;
}

.sppb-pie-chart {
    float: left;
    margin-bottom: 20px;
}

.sppb-addon-pie-progress .sppb-addon-text {
    text-align: left;
}

.sppb-addon-pie-progress .sppb-addon-title {
    text-align: left;
}

/* Top Bar */

#sp-top-bar {
    display: none !important;
}

/* Navigation */

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    letter-spacing: 2px;
    font-family: Oswald, sans-serif !important;
    margin: 0;
}

.sp-menu-item.current-item.active {
    margin-right: 10px;
    margin-left: 10px;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    color: #475760;
}

#sp-header.menu-fixed-out {
    box-shadow: 0 3px 3px rgb(0 0 0 / 5%);
}

#sp-header.menu-fixed {
    box-shadow: 0 3px 3px rgb(0 0 0 / 5%);
}

#sp-header {
    min-height: 140px;
}

#sp-header .logo {
    padding-top: 30px;
    padding-bottom: 20px;
    padding-left: 35px;
}

#sp-header .logo img {
    max-width: 260px;
}

#sp-menu {
    padding-top: 30px;
    padding-bottom: 0px;
    padding-right: 35px;
}

.sp-megamenu-parent > li.sp-has-child > a::after, .sp-megamenu-parent > li.sp-has-child > span::after {
    content: "";
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    line-height: 110px;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    text-transform: uppercase;
	font-weight: 700 !important;
}

.current-item.active a {
    max-height: 75px;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    padding: 0 0px;
}

/* Ofcanvas Navigation */

.fa.fa-bars {
    font-size: 28px !important;
}

.full-screen-off-canvas-ftop.ltr .offcanvas-menu .sp-module {
    margin-top: 40px;
}


/* Footer */

#sp-footer {
    background: #475460;
}

.sp-copyright a {
    font-weight: bold;
	color: rgba(255,255,255,0.9);
	text-transform: uppercase;
	font-family: Oswald, sans-serif;
	letter-spacing: 2px;
	font-size: 13px;
	transition: 0.3s;
}

.sp-copyright a:hover {
	color: #33b1ec !important;
	transition: 0.3s;
}

.sp-copyright a:active {
	color: #33b1ec !important;
}

.sp-copyright a:focus {
	color: #33b1ec !important;
}

/* SP Easy Image Gallery */

#speasyimagegallery-modal {
    z-index: 9999;
}

.speasyimagegallery-gallery-item-content {
    display: none !important;
}

/* Startseite Header 

.startseite-parallax-header {
    min-height: 850px;
	background-position: 50% 50% !important;
}

*/

/* Startseite - Erster Block */

.startseite-block1-textbox .sppb-addon-title {
    font-weight: 800;
    text-transform: uppercase;
    font-size: 30px;
	color: #475760;
}

.startseite-block1-textbox h3 {
    font-size: 22px;
    letter-spacing: 1px;
	color: #475760;
	font-weight: normal;
}

.startseite-block1-textbox {
    position: relative;
    background: rgba(255,255,255,0.90);
    padding: 50px;
    max-width: 650px;
	font-size: 16px;
    line-height: 1.8;
	box-shadow: 0 3px 3px rgba(0,0,0,0.05);
}

.startseite-block1-image-background {
    max-width: 75%;
    float: right;
}

#sppb-addon-wrapper-1569504289810 {
    max-height: 300px;
}

/* Startseite - Zweiter Block */

.startseite-block2-textbox {
    top: 0px !important;
    position: relative;
    background: rgba(255,255,255,0.90);
    padding: 50px;
    max-width: 500px;
    font-size: 16px;
    line-height: 1.8;
    box-shadow: 0 3px 3px rgba(0,0,0,0.05);
	z-index: 1;
}

.startseite-block2-image1-background {
    max-width: 75%;
    float: left;
}

#sppb-addon-1569747036184 {
    z-index: -1;
}

.startseite-block2-image3-background {
    max-width: 100%;
    float: left;
}

/* Bestuhlungs Slider Smart Slider 3 */

.n2-ss-slide {
    border-radius: 0px !important;
}

div#n2-ss-13-arrow-next {
    background: transparent !important;
}

div#n2-ss-13-arrow-previous {
    background: transparent !important;
}

div#n2-ss-13 .n2-style-2a0a200d6a6e1fade27fb9c90af83812-dot.n2-active, div#n2-ss-13 .n2-style-2a0a200d6a6e1fade27fb9c90af83812-dot:HOVER, div#n2-ss-13 .n2-style-2a0a200d6a6e1fade27fb9c90af83812-dot:FOCUS {
    background: #33b1ec;
}

.bestuhlungs-slider3-section .sppb-section-title {
    margin-bottom: 0px !important;
}

/* Startseite - Dritter Block */

.startseite-block3-textbox .text-center {
    text-align: left;
}

.startseite-block3-textbox {
    top: 0px !important;
    position: relative;
    background: rgba(255,255,255,0.90);
    padding: 50px;
    font-size: 16px;
    line-height: 1.8;
	box-shadow: 0 3px 3px rgba(0,0,0,0.05);
	z-index: 1;
}

/* Logo Karussell */

.quartier20-logo-carousel .sppb-carousel-extended-item img {
    object-fit: contain;
}

.quartier20-logo-carousel .sppb-carousel-extended-outer-stage {
    max-height: 175px;
}

.logo-karussell-section .sppb-section-title.sppb-text-center {
    margin-bottom: 0px !important;
}

/* Startseite - Vierter Block */

.startseite-block4-textbox {
    position: relative;
    background: rgba(255,255,255,0.90);
    padding: 50px;
    max-width: 650px;
	font-size: 16px;
    line-height: 1.8;
	box-shadow: 0 3px 3px rgba(0,0,0,0.05);
}

/* Startseite - Fünfter Block */

.startseite-block5-textbox {
    top: 0px !important;
    position: relative;
    padding: 50px;
    font-size: 16px;
    line-height: 1.8;
	z-index: 1;
	padding-top: 0px;
}

#sppb-addon-wrapper-1569755894634 {
    max-height: 250px;
}

/* Visforms Kontaktformular (neu) */

.visforms-formular .halb {
    width: 50%;
    padding-bottom: 10px;	
}

.visforms-formular .ganz {
    width: 100%;
	padding-bottom: 5px;
}

.visforms-formular .halb label, .visforms-formular .ganz label  {
    width: 100%;
	padding-bottom: 8px;
	font-weight: 500;
}

.visforms-formular .col-9.col-sm-9.col-md-9.col-lg-9.col-xl-9.col-xxl-9 {
    width: 100%;
}

.visforms-formular .btn-primary:active, .visforms-formular .btn-primary:focus {
    color: #fff;
    background-color: #9b642e;
    border-color: #9b642e;
}

.visforms-formular .form-check-input:checked {
    background-color: #9b642e;
    border-color: #9b642e;
}

.visforms-formular .form-control:focus {
    border-color: #ced4da;
}

.visforms-formular label.error {
    font-size: .9em;
    padding-bottom: 0px;
}

.visforms-formular p.errorcontainer {
    margin-bottom: 0px;
}

.visforms-formular .required .asterix-ancor:after {
    padding-left: 5px !important;
	display: none !important;
}

.visforms.visforms-form.visforms-form-form.mod-visforms h1 {
    display: none;
}

.visforms-formular img.captcharefresh1.col.align-self-center {
    display: inline-block;
}

.visforms-formular .col-9.col-sm-9.col-md-9.col-lg-9.col-xl-9.col-xxl-9.justify-content-evenly span.col.d-inline-flex.align-self-center {
    float: left;
    max-width: 186px;
}

.visforms-formular .col-9.col-sm-9.col-md-9.col-lg-9.col-xl-9.col-xxl-9.justify-content-evenly {
    padding-top: 5px;
	margin-left: 0px;
}

.visforms-formular label.vis_mandatory {
    display: none;
}

.visforms-formular .absende-button {
    color: #fff !important;
    padding-top: 5px;
    padding-right: 12px;
    padding-bottom: 5px;
    padding-left: 12px;
    float: left;
    margin-right: auto;
    display: block;
    font-size: 16px;
    background: #33b1ec;
    text-transform: uppercase;
    font-weight: bold;
    border: 1px transparent;
    padding: 14px 32px;
    border-radius: 0px;
    font-family: Oswald, sans-serif;
    letter-spacing: 4px;
	margin-left: 0px !important;
    margin-top: 15px;
}

.visforms-formular .absende-button:hover {
	background: #1499d8;
    color: #fff !important;
    padding-top: 5px;
    padding-right: 12px;
    padding-bottom: 5px;
    padding-left: 12px;
    float: left;
    margin-right: auto;
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 14px 32px;
    font-family: Oswald, sans-serif;
    letter-spacing: 4px;
	margin-left: 0px !important;
    margin-top: 15px;
	border: 1px transparent;
}

.visforms-formular img#captchacode1 {
    padding-top: 8px;
}

.visforms-formular .absende-button:active, .visforms-formular .absende-button:hover, .visforms-formular .absende-button:focus, .visforms-formular .absende-button:focus-within, .visforms-formular .absende-button:focus-visible, .visforms-formular .absende-button:visited {
	font-weight: bold !important;
	color: #fff !important;
}

.visforms-formular .form-group.row.justify-content-between.pbBtnCon .col-1 {
    display: none;
}

.visforms-formular .form-group.row.justify-content-between.pbBtnCon .col-10 {
    width: 100%;
}

.visforms-formular .form-group.row.justify-content-between.pbBtnCon {
    padding-top: 10px;
}

.visforms-formular textarea {
    max-height: 120px;
}

.visforms-formular label {
    color: #475760;
    font-weight: 400 !important;
	padding-top: 7px;
}

.visforms-formular .offset-3.col-9.offset-sm-3.col-sm-9.offset-md-3.col-md-9.offset-lg-3.col-lg-9.offset-xl-3.col-xl-9.offset-xxl-3.col-xxl-9 {
    margin-left: 0px;
    padding-top: 5px;
}

.visforms-formular {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.visforms .category-desc {
    max-width: 600px !important;
    margin-left: auto;
    margin-right: auto;
}

.form-group.row.justify-content-between.pbBtnCon .form-group.row.justify-content-center {
    justify-content: left !important;
}

.visforms-formular .error {
    color: red !important;
}

label#modvisform126viscaptcha_response-error {
    text-align: center;
    font-weight: 500;
}


label#captcha-lblmodvisform126 {
    display: none;
}

#system-message-container .alert-message p {
    font-size: 16px;
    margin-bottom: 0px;
}

select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    box-shadow: inset 0 1px 1px #fff0, 0 0 8px #fff0 !important;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    color: #555555 !important;
	font-weight: 400 !important;
}

.visforms-formular .form-control:focus {
    border-color: #66afe9 !important;
}

.visforms joomla-alert {
    background: #ffe3e3 !important;
}

.visforms #form-error-container {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    color: red;
	padding-bottom: 0px;
}

.visforms .alert-heading {
    display: none !important;
}

.visforms .alert-message {
    font-size: 14px !important;
}

.ganz-label {
    display: block;
}

.visforms-formular .col-9.col-sm-9.col-md-9.col-lg-9.col-xl-9.col-xxl-9.justify-content-evenly {
    padding-top: 5px;
    width: 240px;
    margin-left: 0px;
    padding-right: 0px !important;
    margin-right: 0px !important;
}

label#captcha-lblmodvisform158 {
    display: none;
}

.form-group.row.justify-content-between.pbBtnCon {
    float: left !important;
}

label#modvisform147viscaptcha_response-error {
    text-align: right !important;
}

#sp-main-body h4.alert-heading {
    display: none;
}

#sp-main-body .alert.alert-info.alert-dismissible.fade.show {
    padding: 30px 20px;
}

#system-message-container {
    padding-top: 0px;
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
}

#system-message-container .alert-info {
    color: #055160;
    background-color: #cffcd7;
    border-color: #cffcd7;
}

div#system-message-container {
    position: fixed;
    bottom: 0px;
    right: 0px;
    z-index: 1000;
    padding-right: 15px;
	border-radius: 0px;
}

#system-message-container .alert-info {
    color: #fff;
    background-color: #17a6e9;
    border-color: #17a6e9;
    font-weight: 500;
    max-width: 378px;
	border-radius: 0px;
}

/* Kontaktformular (Alt Breezingforms)*/

section#bfElemWrap362 {
    display: none;
}

section#bfElemWrap135 {
    display: none;
}

section#bfElemWrap312 {
    display: none;
}

section#bfElemWrap287 {
    display: none;
}

section#bfElemWrap156 {
    display: none !important;
}

#preisrechner-nicht-akzeptiert {
	display: block;
	text-align: center;
}

#kontaktformular-nicht-akzeptiert {
	display: block;
	text-align: center;
}

#kontaktformular-breez {
	display: none;
}

.cpnb-m-header {
    color: #475760 !important;
    text-transform: uppercase;
    font-family: Oswald, sans-serif;
    letter-spacing: 5px !important;
    font-size: 24px !important;
}

.cpnb-manager-modal-left-item {
    font-size: 15px;
}

input#bfCaptchaEntry {
    float: left;
    display: inline;
    max-width: 190px !important;
}

span.bfCaptcha a.ff_elem {
    display: inline;
    float: left;
}

.bfQuickMode .bfCaptcha .ff_capimg {
    margin-bottom: -20px !important;
}

span.bfCaptcha {
    padding-bottom: 15px !important;
}

button#bfSubmitButton {
    margin-left: 5px;
    margin-right: 5px;
}

#bfLabel5, #bfLabel6, #bfLabel7, #bfLabel8 {
    width: 100%;
}

.bfQuickMode section input[type='text'], .bfQuickMode section textarea, .bfQuickMode section select {
    width: 100% !important;
}

.bfElemWrap {
    background: rgba(0,0,0,0) !important;
}

.bfQuickMode .bfNextButton, .bfQuickMode .bfSubmitButton, .bfQuickMode .bfCancelButton {
    float: left !important;
}

span.bfErrorMessage {
    background: none !important;
    color: #33b1ec !important;
    text-align: center;
}

button#bfSubmitButton {
    border-color: #33b1ec;
    background-color: #33b1ec;
    border: 1px;
    padding: 12px 5px;
    color: #fff;
}

button#bfSubmitButton:hover {
    border-color: #1499d8;
    background-color: #1499d8;
}

#bfSubmitButton span {
    text-transform: uppercase;
    font-weight: bold;
    border: 1px transparent;
    padding: 12px 30px;
    border-radius: 0px;
    font-family: Oswald, sans-serif;
    letter-spacing: 4px;
}

div#newrecaptcha {
    padding-bottom: 15px;
}

.form-actions {
    background: none !important;
    border-top: 0px;
    float: left;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
}

.kontaktformular {
    max-width: 50%;
    margin-left: auto;
    margin-right: auto;
}

.bfQuickMode input[type="text"] {
    max-width: 100% !important;
}

.bfQuickMode textarea {
    max-width: 100% !important;
}

.bfErrorMessage.alert.alert-error {
    color: #33b1ec;
    font-weight: bold;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
}

#bfElemWrap33 {
    padding-top: 10px;
	margin-bottom: 0px;
}

#bfElemWrap33 .control-group {
    margin-bottom: 0px;
}

/* Preloader */

.sp-pre-loader .sp-loader-audio-wave {
    background: linear-gradient(#fff,#fff) 0 50%, linear-gradient(#fff,#fff) 0.625em 50%, linear-gradient(#fff,#fff) 1.25em 50%, linear-gradient(#fff,#fff) 1.875em 50%, linear-gradient(#fff,#fff) 2.5em 50% !important;
}

/* Pricetable */

.pricetable li {
    color: #475760;
}

.pricetable h2 {
	font-family: Oswald2, sans-serif !important;
}

.pricetable .sppb-btn {
	font-family: Oswald2, sans-serif !important;
}

/* Google Maps Bild */

.google-maps-bild {
    height: 450px;
    background-size: cover !important;
    background-attachment: scroll !important;
    background-position: 50% 50% !important;
}

.maps-bild-linked {
    width: 100%;
    display: block;
    height: 450px;
}

.maps-bild-wrapper {
    display: block;
    width: 100%;
    height: 450px;
}


/* SP Pagebuilder Lightbox */

.sppb-addon-image-overlay-icon {
    top: 0 !important;
    left: 0 !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    border-radius: 0px !important;
    width: 100% !important;
    height: 100% !important;
    background: transparent !important;
    color: transparent !important;

}

/* Advanced Cookie Einblender */

.cpnb .cpnb-inner {
    padding: 10px 20px;
}

.cpnb-message {
    font-family: Open Sans,sans-serif !important;
	
}

.cpnb-button {
	font-family: Oswald,sans-serif !important;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: bold !important;
    text-shadow: 0 0 black;
}

.cpnb-modal-inner-text h2 {
    color: #475760;
    font-size: 24px;
}

.cpnb-modal-inner-text h3 {
    color: #475760;
    font-size: 26px;
}

.cpnb .cpnb-inner .cpnb-buttons .cpnb-button {
    font-size: 12px;
}

/* AGB */

.agb-headline h1.sppb-title-heading {
    font-size: 25px !important;
}

/* Events - Icons mit Text */

.events-icon .sppb-addon-title {
    font-size: 24px;
    line-height: 29px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    vertical-align: middle;
    display: inherit;
    font-family: Open Sans, sans-serif;
    text-transform: none !important;
    font-weight: 300;
    letter-spacing: normal;
}

.newsflash a.btn.btn-secondary {
    background: #efefef !important;
}

.newsflash .mod-articlesnews__item {
    padding-bottom: 50px;
}

.newsflash span.field-value {
    font-weight: bold;
}

.newsflash-title {
    font-weight: bold;
    text-transform: uppercase;
    font-family: Oswald, sans-serif;
    letter-spacing: 4px;
    padding-bottom: 5px;
}

.view-article .likes-block_left {
    float: left;
}

.view-article dl.article-info {
    padding-bottom: 20px;
}

.view-article span.field-value {
    font-weight: 500;
    color: #666;
}

.entry-header h2 {
    width: 100%;
    float: left;
}

/* Events Slider */

.events-slider-date-icon::before {
    display: inline !important;
    content: url(/images/icons/icon-events-slider-calendar.png);
    padding-right: 10px;
	vertical-align: middle;
}

.slider-events-einzelevent .sppb-row-container {
	max-width: 90%;
    width: 90% !important;
}

.slider-events-einzelevent {
background: linear-gradient(360deg, #33b1ec 5%, rgba(0, 0, 0, 0) 0%), linear-gradient(0deg, #33b1ec 90%, #ffffff 80%);
}

.slider-events-einzelevent {
    padding-bottom: 50px !important;
}

/* Events erste eingerückte Sektion */

.events-erste-eingerueckte-sektion .sppb-col-md-4, .events-erste-eingerueckte-sektion .sppb-col-md-5, .events-erste-eingerueckte-sektion .sppb-col-md-8, .events-erste-eingerueckte-sektion .sppb-col-md-7, .events-erste-eingerueckte-sektion .sppb-col-md-6 {
    margin-top: -50px;
    background: #fff;
    padding-top: 60px;
    padding-left: 30px;
    padding-right: 30px;
}

/* Events - Aufzählung */

.number-count .sppb-blocknumber-number::after {
    content: '.';
}

/* Forum Personal Flyer Button */

.infoflyer-sect .sppb-row-container {
    margin-left: auto !important;
    margin-right: auto !important;
}

.nebeneinander {
    display: inline-flex;
}

.nebeneinander {
    display: inline-flex;
}

.nebeneinander .sppb-addon-title {
    font-size: 21px !important;
    padding-right: 30px;
    line-height: 2em;
}

/* Event Pricetable */

.event-pricetable .sppb-pricing-features li:nth-last-child(2) {
    display: block;
}

.event-pricetable .sppb-pricing-features {
    display: inline-block;
    max-width: 293px;
}

.event-pricetable .sppb-pricing-price {
    letter-spacing: 4px;
}

.event-pricetable .sppb-pricing-features li:last-child {
    display: block;
}

.sternchentext-rechts span {
    text-align: right;
    float: right;
    font-size: 14px;
}

.sppb-pricing-box .sppb-pricing-features>ul>li .fa-clock-o {
    color: #00395e;
    opacity: .3;
    margin-right: 15px;
    font-size: 19px;
}

.sppb-pricing-box .sppb-pricing-features>ul>li .fa-calendar {
    color: #00395e;
    opacity: .3;
    margin-right: 15px;
    font-size: 17px;
}

/* Sektion Title Big */

.section-title-big h2.sppb-title-heading {
    line-height: initial !important;
}

/* Runde Fotos / Speaker */

.foto-rund img {
	border-radius: 50%;
}

/* Ofcanvas */

.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul > li {
    font-family: Oswald, sans-serif;
    letter-spacing: 3px;
	text-align: left;

}

.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li a {
    font-size: 23px;
	line-height: 1.4em;
}

/* Dein Veranstaltungsloft */

.vogelperspektive-titel h2 {
    line-height: 1.4em;
}

.ueber-uns-subline span {
    font-size: 24px;
    line-height: 1.6em;
}

.impressum-section1 .sppb-section-title {
    margin-bottom: 20px !important;
}

.ausberlin span {
    font-size: 24px;
    line-height: 1.7em;
}

#sppb-addon-wrapper-1572418773223 {
    width: 100% !important;
}

/* Button + Google Badge Startseite */

.buttonundbadge-col {
    display: inline-block;
    width: 49%;
    vertical-align: middle;
}

.buttonundbadge {
    display: block;
    width: 100%;
}

/* Events Kategroie Blog Layout */

.view-category.layout-blog .entry-header dl.article-info {
    padding-top: 15px;
}

.view-category.layout-blog .entry-header {
margin-bottom: 10px;
}

.view-category.layout-blog .tooltip {
    display: none !important;
}

.view-category.layout-blog  .btn-secondary, .view-category.layout-blog  .sppb-btn-secondary {
    background: #f5f5f5;
}

.view-category.layout-blog  #sp-main-body {
    padding: 60px 0 40px 0px;
}

.view-category.layout-blog p.readmore {
    padding-top: 5px !important;
}
	
.view-category.layout-blog article.item p {
	padding-top: 10px;
}

.view-category.layout-blog .fa.fa-calendar-o, .view-category.layout-blog .fa.fa-clock-o:before {
    font-size: 25px;
}

.view-category.layout-blog .fa.fa-clock-o:before {
    content: "\f133";
	color: #33b1ec;
}

.view-category.layout-blog .entry-header time {
    font-size: 18px;
}

.view-category.layout-blog dd.field-entry.preis-mit-icon-blog span.field-value {
    font-size: 18px;
}

.view-category.layout-blog .entry-header a {
    color: #475760;
}

.view-category.layout-blog .fa.fa-calendar-o:before {
    color: #33b1ec;
}

.view-category.layout-blog .entry-header h2 {
	letter-spacing: 3px;
	line-height: 1.1em;
}

.view-category.layout-blog dd.published {
    padding-bottom: 10px;
}

.view-category.layout-blog .blogitem-picture .entry-image {
    margin-bottom: 20px;
}


/* Event Einzelseite */

.view-article.layout-blog  #sp-main-body {
    padding: 60px 0 10px 0px;
}

.view-article.layout-blog .content-links ul {
    padding: 0px;
	padding-bottom: 4px;
}

.view-article.layout-blog li.content-links-a, .view-article.layout-blog li.content-links-c {
    background: #33b1ec;
    width: max-content;
    padding: 8px 15px;
    list-style: none;
    margin-bottom: 10px;
}

.view-article.layout-blog li.content-links-b {
    background: #f5f5f5;
    width: max-content;
    padding: 8px 15px;
    list-style: none;
    margin-bottom: 10px;
}	

.view-article.layout-blog li.content-links-b:hover, .view-article.layout-blog li.content-links-b:active, .view-article.layout-blog li.content-links-b:focus {
    background: #efefef;
	transition: 0.3s;
}

.view-article.layout-blog li.content-links-a:hover, .view-article.layout-blog li.content-links-a:active, .view-article.layout-blog li.content-links-a:focus, .view-article.layout-blog li.content-links-c:hover, .view-article.layout-blog li.content-links-c:active, .view-article.layout-blog li.content-links-c:focus  {
    background: #1499d8;
	transition: 0.3s;
}

.view-article.layout-blog li.content-links-a a, .view-article.layout-blog li.content-links-c a  {
	color: #fff;
	font-weight: bold;
	letter-spacing: 3px;
	text-transform: uppercase;
	font-family: Oswald, sans-serif;
}

.view-article.layout-blog li.content-links-b a  {
	color: #475760;
	font-weight: bold;
	letter-spacing: 4px;
	text-transform: uppercase;
	transition: 0.3s;
	font-family: Oswald, sans-serif;
}

.view-article.layout-blog  .entry-header {
    max-width: fit-content;
    padding-right: 30px;
    float: left;
}

.view-article.layout-blog article.item.item-page p {
    float: left;
}

.view-article.layout-blog dl.fields-container {
    width: fit-content;
    float: left;
}

.view-article.layout-blog .event-einzel-title {
    float: left;
    width: 100%;
}

.view-article.layout-blog .event-einzel-title {
    text-transform: uppercase;
    letter-spacing: 2.5px;
}

.view-article.layout-blog .content-links {
    float: left;
    width: 100%;
}

.view-article.layout-blog .event-einzel-picture {
    width: 100%;
}

.view-article.layout-blog dl.fields-container {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

dd.field-entry.preis-mit-icon-blog {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.view-article.layout-blog dd.field-entry.preis-mit-icon-blog span.field-value {
    font-size: 18px;
}

.view-article.layout-blog .entry-header time {
    font-size: 18px;
}

.view-article.layout-blog .fa.fa-calendar-o, .view-article.layout-blog .fa.fa-clock-o:before {
    font-size: 25px;
}

.view-article.layout-blog .fa.fa-clock-o:before {
    content: "\f133";
	color: #33b1ec;
}

.view-article.layout-blog .event-einzel-title h1 {
    font-size: 32px;
    line-height: 1.1em;
}

.view-article.layout-blog .event-einzel-title {
    padding-bottom: 5px;
}

/* Custom Fields */

dd.field-entry.preis-mit-icon-blog::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f51e";
    font-size: 22px;
    color: #33b1ec;
    margin-right: 3px;
}

span.field-label.preis-mit-icon-blog {
    display: none;
}

	.view-category.layout-blog dl.fields-container {
		margin-bottom: 0px;
	}
	
	.view-category.layout-blog  dd.field-entry {
    margin-bottom: 0px;
	padding-top: 5px;
}

dd.field-entry.preis-mit-icon-blog span.field-value {
    font-weight: 400;
}

.view-category.layout-blog .entry-header time, .view-article.layout-blog .entry-header time  {
    font-size: 18px;
    font-weight: 400;
}

/* JT Like Social Share */

.jt-like-article-div span.l-count {
    display: none !important;
}

.jllikeproSharesContayner a.l-tw .l-ico {
    background-image: url(https://www.quartier20.net/images/logos/twitterx-logo.svg) !important;
}

.jllikeproSharesContayner a.l-tw {
    background-color: #000 !important;
}

/* Ueber Uns H1 */

.ueber-uns-get h1 {
font-family: Open Sans, sans-serif;
font-weight: 300;
font-size: 50px !important;
}

/* Joomla 5 Fixes */

.sppb-testimonial-carousel-img-wrap {
    margin-left: auto;
    margin-right: auto;
}

/* Template Max-Width */

@media only screen and (max-width: 1400px) {
}

@media only screen and (max-width: 1375px) {
.quartier20-logo-carousel .sppb-carousel-extended-outer-stage {
    max-height: 150px;
}
}

@media only screen and (max-width: 1300px) {
.stripe-line-headline h2 {
    font-size: 15px;
}

.stripe-line-headline h1 {
    font-size: 16px;
}
	
}

@media only screen and (max-width: 1200px) {
	
div#column-wrap-id-1571499250978 {
    margin-left: auto;
    margin-right: auto;
}
	
.bilder1-arbeitsplatz {
    margin-top: 0px !important;
}
	
#sppb-addon-wrapper-1572418773223 {
    margin-top: 0px !important;
}
	
.startseite-block1-textbox {
max-width: 480px;
}
	
.startseite-block4-textbox {
max-width: 520px;
}
	
.flip-box-inner p {
    font-size: 15px !important;
	line-height: 1.6em;
}
	
.events-icon .sppb-addon-title {
    font-size: 19px;
    line-height: 24px;
}
	
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    margin: 0px 7px !important;
}
	
}


@media only screen and (max-width: 1100px) {

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    margin: 0px 7px !important;
}
}

@media only screen and (max-width: 1080px) {
#sp-header #offcanvas-toggler {
    display: block !important;
}
	
#sp-header .sp-megamenu-parent {
    display: none !important;
}
	
}


@media only screen and (max-width: 992px) {
	
.ueber-uns-get h1 {
font-size: 32px !important;
}

	
.view-category.layout-blog  dl.article-info {
    width: fit-content;
    float: left;
    padding-right: 30px;
}
	
.view-category.layout-blog article.item .pull-left.entry-image.intro-image {
    width: 100%;
}
	
.view-category.layout-blog article.item p {
    float: left;
	width: 100%;
	padding-top: 10px;
}
	
.view-category.layout-blog article.item {
    margin-bottom: 50px !important;
    display: block;
    float: left;
}
	
.view-category.layout-blog .blogitem-title {
    width: 100%;
}
	
.view-category.layout-blog .blogitem-picture {
		width: 100%
	}
	
.view-category.layout-blog .blogitem-intro {
		float: left;
	}
	
.view-category.layout-blog p.readmore {
    padding-top: 0px !important;
    float: left;
    width: 100%;
}
	

	
.events-erste-eingerueckte-sektion .sppb-col-md-7 {
    margin-top: -170px;
}
	
.events-erste-eingerueckte-sektion .sppb-col-md-5, .events-erste-eingerueckte-sektion .sppb-col-md-7 {
    margin-top: -170px;
}
	
.kasten {
    margin-top: 100px;
}
	
	
.sppb-animated-number-title {
    margin-top: 20px !important;
}
	
#sppb-addon-wrapper-1572418773223, #column-wrap-id-1572338361783, #column-wrap-id-1572338361784, #column-wrap-id-1572338361785, #column-wrap-id-1572338361781 {
	float: left;
	width: 48%;
	}
	
#sppb-addon-wrapper-1572418773223 {
    margin-top: 80px °!important;
}
	
.bilder1-arbeitsplatz {
    padding-top: 0px !important;
}

.get-in-touch .sppb-addon-title {
    font-size: 32px !important;
    margin-bottom: 15px !important;
}
	
.sppb-btn-lg {
    font-size: 15px;
	line-height: 1.4em;
	letter-spacing: 3px;
}
	
.anfuehrungszeichen::before {
    content: url("/images/anfuehrungszeichen-oben-klein.png");
    margin-left: -5px;
    display: inline-grid;
	margin-top: -40px !important;
}
	
.anfuehrungszeichen::after {
    content: url("/images/anfuehrungszeichen-unten-klein.png");
	margin-top: 30px !important;
}
	
.anfuehrungszeichen {
    float: left;
	font-size: 36px;
}
	
blockquote {
    padding-bottom: 40px;

}
	
.zitat-author {
    float: left;
    width: 100%;
    padding-bottom: 30px;
    padding-top: 0px !important;
    margin-top: 0px !important;
}
	
.stripe-line-headline h2 {
    letter-spacing: 3px !important;
}
	
.stripe-line-headline h1 {
    letter-spacing: 3px !important;
}
	
.home-block h2 {
    letter-spacing: 3px;
}
	
.home-block h1 {
    letter-spacing: 3px;
}
	
.kontaktformular {
  max-width: 100%;
}
	
.ueber-uns-text h2 {
    text-align: left;
}
	
.ueber-uns-subline span {
    font-size: 21px;
    line-height: 1.6em;
    text-align: left !important;
    float: left !important;
}
	
.ueber-uns-get-section .sppb-row-container {
    padding-left: 15px !important;
	padding-right: 15px !important;
    margin: 0px !important;
	
}
	
.ueber-uns-get .sppb-addon-title {
    font-size: 32px !important;
}
	
.ueber-uns-philosophie .sppb-section-title, .ueber-uns-team .sppb-section-title {
    text-align: left;
}
	
.hl-mobile .sppb-addon-title {
    font-size: 24px;
    letter-spacing: 3px;
}
	
.unser-arbeitsplatz-icons-oben .sppb-img-responsive {
    width: 90px;
}
	
.unser-arbeitsplatz-icons-oben p {
    text-align: left;
}
	
.unser-arbeitsplatz-icons-oben .sppb-addon-text {
    text-align: left;
    display: table;
}
	
.unser-arbeitsplatz-icons-oben .sppb-img-container {
    float: left;
    padding-right: 20px;
}
	
.unser-arbeitsplatz-icons-oben {
    padding-bottom: 40px;
}
	
.text-auf-farbe .sppb-addon-text {
    text-align: left;
}
	
.hl-text-mobile .sppb-addon-title {
    text-align: left;
}
	
.hl-text-mobile .sppb-addon-text {
    text-align: left;
}
	
.pricetable .sppb-pricing-header {
    text-align: left;
}
	
.text-auf-farbe .sppb-addon-title.sppb-feature-box-title {
    font-size: 24px !important;
    letter-spacing: 3px;
}
	
.hl-text-mobile .sppb-addon-title {
    text-align: left;
    font-size: 24px !important;
    letter-spacing: 3px;
}
	
.mwst p {
    text-align: left;
}
	
.probetag .sppb-addon-title {
    font-size: 24px !important;
}

.impressum-section1 .sppb-title-heading {
    font-size: 24px !important;
}
	
.flatrate-dropdown .sppb-panel-heading {
    padding: 10px 30px 10px 0px;
}
	
.flatrate-dropdown .sppb-panel-body {
    padding: 15px 15px 15px 0px;
}
	
.ausberlin span {
    font-size: 20px;
    line-height: 1.5em;
}

.stripe-line-text {
    padding-bottom: 20px;
}
	
.probetag-section .sppb-row-container {
    margin-left: 0px;
    margin-right: 0px;
}
	
#sppb-addon-wrapper-1572418773223 {
    margin-top: 30px !important;
}
	
.unser-ausstattung-col .sppb-addon-wrapper {
    width: 100%;
    float: none;
}
	
.unser-ausstattung-col .sppb-addon-wrapper p {
    width: 100%;
    float: none;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 30px;
}

	
.unser-ausstattung-button-col .sppb-addon-wrapper {
    width: 100%;
    float: none;
}
	
.ausstattung-icon-text p {
    text-align: left;
    margin-top: 35px;
}
}

@media only screen and (max-width: 990px) {
	
	section#section-id-1572418773192 .sppb-row-container {
    margin-left: auto;
    margin-right: auto;
}
	
.home-block p {
    margin-bottom: 0px;
}
	
.number-count h3.sppb-media-heading {
    font-size: 18px !important;
}
	
.section-title-big h2.sppb-title-heading {
    text-align: left;
}
	
.nebeneinander .sppb-addon-title {
    line-height: 1.4em;
	padding-right: 0px;
}
	
.nebeneinander {
    display: block;
}
	
.speaker .sppb-addon-single-image-container {
    float: left;
    display: block;
}
	
.stripe-line-headline h2 {
    font-size: 21px !important;
}
	
.stripe-line-headline h1 {
    font-size: 21px !important;
}
	
.startseite-block1-image-background, .startseite-block2-image1-background {
    max-width: 100%;
    float: left;
}
	
.startseite-block1-textbox, .startseite-block2-textbox, .startseite-block3-textbox, .startseite-block4-textbox {
	background: rgba(255,255,255,0.0);
	max-width: 100%;
	box-shadow: 0 0px 0px rgba(0,0,0,0.0);
	padding-top: 100px;
	padding-left: 0px; 
	padding-right: 0px;
	padding-bottom: 100px !important;
}
	
.unser-arbeitsplatz-text-icons {
    padding-right: 0px;
}	
	
.buttonundbadge-col {
    vertical-align: top;
}
}

@media only screen and (max-width: 800px) {
	
.custom.footer-bottom {
    padding-bottom: 10px;
    padding-top: 10px;
}
	
#sppb-addon-wrapper-1572418773223, #column-wrap-id-1572338361783, #column-wrap-id-1572338361784, #column-wrap-id-1572338361785, #column-wrap-id-1572338361781 {
    padding-bottom: 50px;
}

#n2-ss-11item7 a {
    text-decoration: underline !important;
}
	
#n2-ss-9item7 a {
    text-decoration: underline !important;
}
	
#n2-ss-6item7 a {
    text-decoration: underline !important;
}	
}

@media only screen and (max-width: 767px) {
	
.events-icons-section .sppb-title-heading {
    text-align: left !important;
}
	
div#n2-ss-13 .n2-ss-slider-3 {
    padding: 0px 0px 0px 0px !important;
}
	
div#sppb-addon-wrapper-1573656596506 {
    padding: 0px !important;
    margin: 0px !important;
}
	
.view-article.layout-blog #sp-main-body {
    padding: 30px 0 0px 0px;
}
	
.view-category.layout-blog #sp-main-body {
    padding: 40px 0 20px 0px;
}
	
.kasten {
    margin-top: 10px;
}
	
.events-erste-eingerueckte-sektion .sppb-col-md-7 {
    margin-top: -160px;
}
	
.events-erste-eingerueckte-sektion .sppb-col-md-5 {
		margin-top: -80px;
	}
	
.slider-events-einzelevent .sppb-row-container {
    max-width: 100%;
    width: 100% !important;
}
	
.infoflyer-sect {
	display: block !important;
}
	
.speaker-thema-headline h3.sppb-addon-title.sppb-feature-box-title {
    font-size: 22px !important;
}
	
.event-pricetable .sppb-pricing-header {
    padding-left: 80px;
}
	
.button-arbeitsplatz {
    float: left;
}
	
.infoflyer .sppb-addon-title {
    font-size: 22px !important;
    line-height: 1.3em !important;
}
	
.infoflyer {
    text-align: left;
}

.infoflyer-sect .sppb-row-container {
    margin-left: 0px;
    margin-right: 0px;
}
	
	
#sppb-addon-wrapper-1572418773223 {
    margin-top: 50px !important;
}
	
.text-auf-farbe .sppb-addon-title {
    text-align: left;
}
	
.anfuehrungszeichen {
    float: left;
	font-size: 32px;
}
	

.hl-mobile .sppb-addon-title {
    font-size: 21px;
    letter-spacing: 3px;
}

.text-auf-farbe .sppb-addon-title.sppb-feature-box-title {
    font-size: 21px !important;
    letter-spacing: 3px;
}

.hl-text-mobile .sppb-addon-title {
    text-align: left;
    font-size: 21px !important;
    letter-spacing: 3px;
}

.impressum-section1 .sppb-title-heading {
    font-size: 21px !important;
}
	
.sppb-row-container {
    width: inherit !important;
}	

.sppb-addon.sppb-addon-text-block.sppb-text-center.text-auf-farbe.probetag {
    text-align: left;
}
	
.agb-headline h1.sppb-title-heading {
    font-size: 21px !important;
}
	
}

@media only screen and (max-width: 1580px) {

.cpnb-message {
    margin-bottom: 0px !important;
}
	
}
@media only screen and (max-width: 768px) {
.buttonundbadge-col {
    vertical-align: middle;
}
	
#sp-user1 {
    padding-top: 20px;
}
}

@media only screen and (max-width: 700px) {
	
#sppb-addon-wrapper-1572418773223, #column-wrap-id-1572338361783, #column-wrap-id-1572338361784, #column-wrap-id-1572338361785, #column-wrap-id-1572338361781 {
    float: none;
    width: 100%;
    padding-bottom: 30px;
}
	
.sppb-animated-number-title {
    margin-top: 0px !important;
}
	
.unser-ausstattung-col .sppb-addon-wrapper {
    width: 100%;
    float: none;
}
	
.unser-ausstattung-button-col .sppb-addon-wrapper {
    width: 100%;
    float: none;
}
	
.ausstattung-icon-text p {
    text-align: center;
    margin-top: 0px;
	margin-bottom: 30px;
}
}

@media only screen and (max-width: 600px) {
	
.quartier20-logo-carousel .sppb-carousel-extended-outer-stage {
    max-height: 90px;
}
	
#sp-header .logo img {
    max-width: 225px;
}
	
#sp-header .logo {
    padding-top: 35px;
    padding-bottom: 0px;
    padding-left: 20px;
}

#sp-menu {
    padding-top: 25px;
}	
}

@media only screen and (max-width: 540px) {

.event-pricetable .sppb-pricing-header {
    padding-left: 0px;
	text-align: center;
}
}

@media only screen and (max-width: 502px) {

.cpnb-modal-actions .cpnb-button {
    margin-left: 0px !important;
}
	
div#close_cpnb_modal_actions {
    padding-bottom: 30px;
}	
}

@media only screen and (max-width: 440px) {
.cpnb-m-header {
    font-size: 16px !important;
}
}