/* POB 27.07.2023 - 10:22 */
:root {
	--sw-color-black: #434344;
	--sw-color-white: #fff;
	--sw-color-bordeaux: #86666B;
	--sw-color-green: #D6D8A9;
	--sw-color-green-inactive: #e8e8c6;
	--sw-color-turqoise: #53787E;
	--sw-color-beige: #FCF8E4;
	--sw-color-old-rose: #E3D2BD;
	--sw-color-old-rose-hover: #9b7d82;
}

::selection {
	/* background: #ffdd6a; */
}

a {
	/* avoid "all" or "visibility" due to flickering when using JS effects */
	transition: color 0.2s, background-color 0.2s, border-color 0.2s,  opacity 0.2s;
}
a:focus, a:hover {
	text-decoration: none;
}

img:not(.woocommerce-product-gallery img) {
	pointer-events: none; /* Hides visual search icon in Edge */
}

.fg-paragraph p {
	margin-bottom: 15px;
}
.fg-paragraph a {
	text-decoration: underline;
}
h1 > p, h2 > p, h3 > p, h4 > p {
	margin: 0;
}
.fg-paragraph strong, .fg-paragraph strong:hover, .fg-paragraph h3 {
	font-weight: 700 !important;
}

/* bootstrap > v.3 standard class for hiding */
.d-none {
	display: none !important;
}

/* lightbox
- For Fullscreen Design set mfp-content zu full size and use the ark standard Sections and Rows to control the width of the content
- To open the Lightbox also by Clicking on Post Title and Image the corresponsing lightbox css class must be set in custom.js */
/*
.mfp-iframe-holder {
	padding: 0;
}
.mfp-iframe-holder  .mfp-content {
	max-width: none;
	height: 100vh;
	width: 100vw;
}
.mfp-iframe-scaler iframe {
	background-color: var(--sw-color-white);
}

Decoration / No Decoration in Lightbox iFrame - the css classes must be set in custom.js
body.no-decoration .ark-header, body.no-decoration .footer-container, body.no-decoration #footer, body.no-decoration.page .page-wrapper .fg-container-no-padding, body.no-decoration.single-portfolio .page-wrapper .fg-container-no-padding, body.no-decoration .menu-top-menu-container, body.no-decoration .titlebar, body.no-decoration .contact-sidenav {
	display: none;
}
.ark-header, footer-container, #footer, .page .page-wrapper .fg-container-no-padding, .single-portfolio .page-wrapper .fg-container-no-padding, .menu-top-menu-container, .titlebar, .contact-sidenav {
	visibility: hidden;
}
body.decoration .ark-header, body.decoration .footer-container, body.decoration #footer, body.decoration.page .page-wrapper .fg-container-no-padding, body.decoration.single-portfolio .page-wrapper .fg-container-no-padding, body.decoration .menu-top-menu-container, body.decoration .titlebar, body.decoration .contact-sidenav {
	visibility: visible;
}
*/
.mfp-bg {
	background-color: rgba(134,102,107);
	opacity: 0.9;
}
.mfp-iframe-scaler iframe {
	border-radius: 16px;
	box-shadow: none;
}
.mfp-iframe-holder .mfp-close {
	background-image: url("/wp-content/uploads/icon-close.svg") !important;
	background-repeat: no-repeat !important;
	background-color: transparent;
	top: 10px;
	right: 10px;
	border-radius: 0;
	opacity: 1;	
	width: 26px;
	height: 26px;
	font-size: 40px;
	line-height: 0.85;
	color: transparent;
	transition: transform 0.45s;
}
.mfp-iframe-holder .mfp-close:hover {
	/* scale: 1.1; */
	transform: rotate(-90deg);
}
/* Header Image and Text */
.header-large {
	max-height: 760px;
	display: flex;
}
.header-large > .fg-col {
	display: flex;
    align-items: end;
    align-content: end;
    flex-wrap: wrap;
}
.header-medium {
    height: 36vw;
	max-height: 665px;

	/* to position header text */
	/* display: flex; */
    /* align-items: flex-end; */
}
.header-small {
    height: 17.2vw;
}
.header-large .header-text {
	margin-top: 20vw;
}
/* .header-medium .header-text { */
	/* margin-top: 15vw; */
/* } */

/* .header-small .header-text { */
	/* margin-top: 10vw; */
/* } */
.header-large .header-text p {
	font-size: 35px;
	letter-spacing: 0.012em;
	line-height: 1.15;
}
/* .fg-container > .fg-bg > span { */
	/* opacity: 0; */
	/* transition: opacity 0.5s; */
/* } */

/* .header-medium .header-text p { */
	/* font-size: 62px; */
	/* line-height: 1.15; */
/* } */
/* .header-small .header-text p { */
	/* font-size: 55px; */
	/* line-height: 1.15; */
/* } */

/*
	The Poligon ist different for left and right aligned Text. The Case below is for right alinged Text.
	For left aligned Text, use the following polygons:
	clip-path: polygon(100% 80%, 100% 100%, 0 100%, 0 0);
	clip-path: polygon(100% 20%, 100% 100%, 0 100%, 0 0);
*/

/*
.header-text p {
	font-weight: 600;
	margin: 0;
	line-height: 1.8;

	-webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%);
	clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%);

	transform: translateY(-50px);
	opacity: 0;
	animation-name: titleAnimation;
	animation-timing-function:ease;
	animation-duration: 3.5s;
	-webkit-animation-fill-mode: forwards;
}
.header-text p:nth-child(1){
  animation-delay: 1.7s;
}
.header-text p:nth-child(2){
  animation-delay: 1.6s;
}
.header-text p:nth-child(3){
  animation-delay: 1.5s;
}
.header-text p:nth-child(4){
  animation-delay: 1.4s;
}

@keyframes titleAnimation {
    0% {
      transform: translateY(-50px);
      opacity: 0;
      -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%);
      clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%);
  }
  20% {
      transform: translateY(0);
      opacity: 1;
      -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 15%);
      clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 15%);
  }
  100% {
       transform: translateY(0);
       opacity: 1;
      -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 15%);
      clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 15%);
  }
}
*/

.display-flex-wrap {
	display: flex;
	flex-wrap: wrap;
}
.display-flex-center {
	display: flex;
	align-items: center;
}
.display-flex-column {
	display: flex;
	flex-direction: column;
}

.image-full-width {
	/* height: 24vw; */
	/* max-height: 560px; */
}

.back-to-top-theme.back-to-top-is-visible {
	opacity: 0.8;
}

/* Portfolio flex - adapt margins if a custom horizontal margin is set in ark portfolio element */
.ff-portfolio-grid {
	height: auto !important;
}
.ff-portfolio-grid .cbp-wrapper-outer .cbp-wrapper {
	position: static;
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
	width: auto;
}
.ff-portfolio-grid .cbp-item {
	position: static;
	margin: 0 15px;
}

.ffb-btn, .ffb-btn .btn-text {
	transition: color 0.2s, background-color 0.2s, border-color 0.2s,  opacity 0.2s;
	white-space: break-spaces;
}
.ffb-btn:hover .btn-text {
	/* color: var(--sw-color-bordeaux) !important; */
}
.page-wrapper .ffb-btn:hover {
	/* border-color: var(--sw-color-bordeaux) !important; */
}
.radio input[type=radio], .checkbox input[type=checkbox] {
	margin-top: 3px;
}
form label.error {
	color: var(--sw-color-turqoise);
	margin-top: -5px !important;
}
form input[type=text]::placeholder, form textarea::placeholder {
	color: var(--sw-color-bordeaux) !important;
}
.ff-form-input {
	background: transparent;
}
.ff-form-input:focus {
	background: rgba(134, 102, 107, 0.19);
}

.back-link p {
	margin: 0;
}
/*.back-link a:hover, .back-link a:hover span {
	color: #89acc8 !important;
} */	
.back-link a span, .back-link a span:hover {
	font-size: 115% !important;
	transition: all 0.25s;
}

/* 100% = browser width without scrollbars */
.column-left-indented-to-content {
	padding-right: 0;
}
.column-left-indented-to-content.col-lg-4 {
	padding-left: calc((100% - 1170px) / 2);
	width: calc(390px + (100% - 1170px) / 2);
}
.column-left-indented-to-content.col-lg-6 {
	padding-left: calc((100% - 1170px) / 2);
	width: calc(585px + (100% - 1170px) / 2);
}
.column-left-indented-to-content.col-lg-8 {
	padding-left: calc((100% - 1170px) / 2);
	width: calc(780px + (100% - 1170px) / 2);
}
.column-left-indented-to-content.col-lg-12 {
	padding-left: 0;
	width: 100%;
}
.column-right-indented-to-content {
	padding-left: 0;
}
.column-right-indented-to-content.col-lg-4 {
	padding-right: calc((100% - 1170px) / 2);
	width: calc(390px + (100% - 1170px) / 2);
}
.column-right-indented-to-content.col-lg-6 {
	padding-right: calc((100% - 1170px) / 2);
	width: calc(585px + (100% - 1170px) / 2);
}
.column-right-indented-to-content.col-lg-8 {
	padding-right: calc((100% - 1170px) / 2);
	width: calc(780px + (100% - 1170px) / 2);
}
.column-right-indented-to-content.col-lg-12 {
	padding-right: 0;
	width: 100%;
}

.two-columns-list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-bottom: 23px;
}
.two-columns-list p {
	margin-bottom: 5px;
}
.two-columns-list p:nth-child(odd) {
	width: 60px;
}
.two-columns-list p:nth-child(even) {
	width: calc(100% - 60px);
}
#footer a {
	text-decoration: none;
}
#footer a:hover {
	color: var(--sw-color-old-rose) !important;
}

#footer .fg-paragraph p {
	margin-bottom: 4px;
}
#footer .icons .list-inline {
	display: flex;
    align-items: center;
}
#footer .theme-icons-lg {
	font-size: 35px;
	line-height: 1.55;
	padding: 0px 20px 0 0;
    margin: -10px 0 0 -2px;
}
#footer .theme-icons-wrap:last-child .theme-icons-lg {
	font-size: 40px;
}
.webagency li {
	margin: 0;	
}
.webagency {
	transform: rotate(-90deg);
	position: absolute;
	right: -42px;
	top: -168px;
	height: auto;
}

ul.footer-navigation {
	margin: 0;
	list-style: none;
	overflow: hidden;
	padding: 0;
}
.footer-navigation li {
	margin-left: 0;
	margin-right: 28px;
	list-style: none;
	float: left;
}

/* fixes lightbox more than 100% width */
.cbp-popup-wrap {
	width: 100vw;
}

/* Ark Map Element
.ff-map > div {
	pointer-events: all !important;
}
*/
.map {
	background-color: var(--sw-color-beige);
}
.map-content {
	position: absolute;
    top: 11px;
    left: calc(((100% - 1170px) / 2) + 15px);
    width: 200px;
    padding: 23px 23px 5px;
}
.map-content a {
	text-decoration: none;
}

.content-box > .fg-col > .fg-row > .fg-col {
	margin-bottom: 30px;
}
.content-box .fg-wrapper, .content-box .fg-link-wrapper-el {
	display: flex;
	justify-content: center;
	align-items: end;	
}
.content-box .fg-link-wrapper-el .fg-bg-type-image {
	transition: scale 0.35s;
}
.content-box .fg-link-wrapper-el:hover .fg-bg-type-image {
	scale: 1.04;
}
/* .content-box .ffb-btn:hover { */
	/* border-color:  !important; */
/* } */
.content-box .fg-wrapper .fg-paragraph, .content-box .fg-wrapper .fg-heading, .content-box .fg-link-wrapper-el .fg-paragraph, .content-box .fg-link-wrapper-el .fg-heading, .content-box .content-box-training-wrapper .buttons-el-wrapper {
	padding: 0 28px;
}
.content-box .fg-wrapper .buttons-el-wrapper, .content-box .fg-link-wrapper-el .buttons-el-wrapper {
	padding-bottom: 51px;
}
.content-box .content-box-training-wrapper {
	flex-wrap: wrap;
	align-items: center;
    align-content: flex-start;
}
.content-box .content-box-training-wrapper .buttons-el-wrapper {
	padding-top: 28px;
	padding-bottom: 28px;
	width: 100%;
}
.content-box-workshop-title {
	display: flex;
	justify-content: center;
	align-items: center;
}
.news-blog {
	margin-top: 27px;
	margin-bottom: 0;
}
.blog-grid .blog-grid-content {
	padding: 0;
}
.news-blog .news-v2, .news-blog .blog-grid {
	padding: 0;
	border-radius: 16px;
	background-color: var(--sw-color-beige) !important;	
}
.news-blog .news-v2-title, .news-blog .blog-masonry-1-title {
	padding: 12px 32px;
	background-color: var(--sw-color-old-rose);
	color: var(--sw-color-turqoise);
	border-radius: 16px 16px 0 0;
	min-height: 85px;
	display: flex;
    align-items: center;
    justify-content: center;
}
.news-blog .news-v2 .post-content > section > .fg-container > .fg-row > .fg-col, .news-blog .blog-grid .post-content > section > .fg-container > .fg-row > .fg-col {
	padding: 26px 37px 24px;	
}
.news-blog .blog-content-no-padding {
	padding: 0 15px !important;
}
.news-blog .post-content .fg-container .fg-row:last-child .blog-content-no-padding img {
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 16px;
}
.tab-v3 {
	padding: 20px 0 10px;
}
.tab-v3 .nav-tabs-wrap {
	position: relative;
    padding: 0;
    width: 100%;
    display: block;
}
.tab-v3 .nav-tabs-wrap .nav-tabs {
	display: flex;
	flex-wrap: wrap;
}
.tab-v3 .nav-tabs-wrap .nav-tabs > li {
	display: flex;
	flex-grow: 1;
	/* flex-basis: 20%; */
}
.tab-v3 > .tab-content > .tab-pane {
	border-radius: 8px;
	padding: 64px 31px 50px;
}
.tab-v3 > .tab-content > .tab-pane img {
	vertical-align: bottom;
}
.tab-content-image {
	width: 329px !important; 
	height: auto !important;
	border-radius: 16px;
	position: absolute;
}
.tab-v3 .tab-pane .tab-pane-content {
	padding: 0;
	width: 100%;
	display: grid;
	grid-template-rows: auto 99%;
	grid-template-columns: 363px auto;
}
.tab-content-left-button, .tab-content-left {
	grid-column: 1;
	grid-row: 1 / span 2;
	padding-top: 378px;
	padding-right: 30px;
}
.tab-content-title {
	grid-column: 2;
	grid-row: 1;
}
.tab-content-right {
	grid-column: 2;
	grid-row: 2;
}
.tab-content-left-button {
	top: 497px;
}
.tab-v3 .tab-pane .tab-pane-content p {
	margin-bottom: 26px;
}
.tab-v3 .tab-pane .tab-pane-content p:last-child {
	margin-bottom: 0px;
}
.tab-v3 .nav-tabs-wrap .nav-tabs > li a {
	flex-grow: 1;
	align-items: center;
    justify-content: center;
    display: flex;
	border: none !important;
	margin-bottom: 4px;
	border-radius: 8px;
	padding: 10px 22px 9px !important;
	font-size: 17px;
}
.tab-green-light .nav-wrapper, .tab-green-dark .nav-wrapper {
	background-color: transparent;
}
.tab-green-light .tab-content .tab-pane {
	background-color: var(--sw-color-green) !important;
}
.tab-green-light .tab-content .tab-pane-content > div:not(.tab-content-left-button) a {
	color: var(--sw-color-turqoise) !important;
	text-decoration: underline !important;
}
.tab-green-light .tab-content .tab-pane-content > div:not(.tab-content-left-button) a:hover {
	color: var(--sw-color-bordeaux) !important;
}
.tab-green-light .nav-tabs > li a {
	color: var(--sw-color-turqoise) !important;
	background-color: var(--sw-color-green-inactive) !important;
}
.tab-green-light .nav-tabs > li.active a, .tab-green-light .nav-tabs > li a:hover {
	background-color: var(--sw-color-green) !important;
}
.tab-green-light .tab-content .tab-pane p, .tab-green-light .tab-content .tab-pane h1, .tab-green-light .tab-content .tab-pane h2, .tab-green-light .tab-content .tab-pane h3, .tab-green-light .tab-content .tab-pane li {
	color: var(--sw-color-turqoise) !important;
}
.tab-green-dark .tab-content .tab-pane {
	background-color: var(--sw-color-turqoise) !important;
}
.tab-green-dark .tab-content .tab-pane-content > div:not(.tab-content-left-button) a {
	color: var(--sw-color-beige) !important;
	text-decoration: underline !important;
}
.tab-green-dark .tab-content .tab-pane-content > div:not(.tab-content-left-button) a:hover {
	color: var(--sw-color-old-rose-hover) !important;
}
.tab-green-dark .nav-tabs > li a {
	color: var(--sw-color-turqoise) !important;
	background-color: var(--sw-color-old-rose) !important;
}
.tab-green-dark .nav-tabs > li.active a, .tab-green-dark .nav-tabs > li a:hover {
	color: var(--sw-color-beige) !important;
	background-color: var(--sw-color-turqoise) !important;
}
.tab-green-dark .tab-content .tab-pane p, .tab-green-dark .tab-content .tab-pane h1, .tab-green-dark .tab-content .tab-pane h2, .tab-green-dark .tab-content .tab-pane h3, .tab-green-dark .tab-content .tab-pane li {
	color: var(--sw-color-beige) !important;
}
.tab-content-left-button a {
	display: block;
	padding-top: 7px;
	padding-right: 13px;
	padding-bottom: 5px;
	padding-left: 13px;
	background-color: var(--sw-color-bordeaux);
	color: var(--sw-color-beige) !important ;
	border-radius: 8px;
	font-size: 17px;
	margin-right: 14px;
    margin-bottom: 4px;
}
.tab-content-left-button a:hover {
	background-color: var(--sw-color-old-rose-hover);	
}
.tab-content-left-button > div.ff-richtext {
	display: flex;
	flex-wrap: wrap;
}

.timetable .content-box-workshop-title:first-child:not(.fg-wrapper), .timetable > .fg-row:nth-child(2) .fg-wrapper {
	border-top-left-radius: 16px;
}
.timetable .content-box-workshop-title:last-child:not(.fg-wrapper) {
	border-top-right-radius: 16px;
}
.timetable > .fg-row:last-child .fg-wrapper {
	border-bottom-left-radius: 16px;
}
.timetable .fg-link-wrapper-el .fg-paragraph  p {
	margin-bottom: 0;
}
.timetable-day-content-wrapper-filled > .fg-bg > .fg-bg-type-color {
	transition: filter 0.25s;
}
.timetable-day-content-wrapper-filled:hover > .fg-bg > .fg-bg-type-color {
	filter: brightness(0.92);
}
/* .timetable .fg-link-wrapper-el { */
	/* min-height: 91px; */
/* } */


/* Tablet (SM) */
@media screen and (min-width: 768px) {
	.custom-map #combinedMap {
		/* min-height: 300px; */
	}	
	.content-box .fg-wrapper, .content-box .fg-link-wrapper-el {
		min-height: 370px;
	}
	.content-box.small-height .fg-wrapper, .content-box.small-height .fg-link-wrapper-el {
		min-height: 246px;
	}
	.map-content {
		left: calc(((100% - 750px) / 2) + 15px);
	}	
	.timetable-day-title-rotate {
		transform: rotate(-90deg);
	}
	.timetable .fg-link-wrapper-el:not(:last-child), .timetable .ffg-empty-space:not(:last-child)  {
		border-bottom: solid 4px transparent;
	}
}

/* Laptop (MD) */
@media screen and (min-width: 992px) {
	.header-large {
		height: 620px;
	}
	.header-small {
		height: 250px;
	}
	.custom-map #combinedMap {
		/* min-height: 325px; */
	}
	.map-content {
		left: calc(((100% - 970px) / 2) + 15px);
	}
}

/* Desktop (LG) */
@media screen and (min-width: 1200px) {	
	.content-box .fg-wrapper, .content-box .fg-link-wrapper-el {
		min-height: 390px;
	}
	.content-box.small-height .fg-wrapper, .content-box.small-height .fg-link-wrapper-el {
		min-height: 260px;
	}
	section.background-image > .fg-bg > span {
		background-size: 90% !important;
		background-position: center 90% !important;
	}
}

/* Extra Large Additional Media Query  */
@media screen and (min-width: 1400px) {	
	section.background-image > .fg-bg > span {
		background-size: 79.5% !important;
	}
}

/* Extra Large Additional Media Query  */
@media screen and (min-width: 1650px) {	
	.header-large {
		height: 42vw;
	}
    .container {
		width: 1370px;
	}

	.column-left-indented-to-content.col-lg-4 {
		padding-left: calc((100% - 1370px) / 2);
		width: calc(456.66px + ((100% - 1370px) / 2));
		padding-right: 0;
	}
	.column-left-indented-to-content.col-lg-6 {
		padding-left: calc((100% - 1370px) / 2);
		width: calc(685px + ((100% - 1370px) / 2));
		padding-right: 0;
	}
	.column-left-indented-to-content.col-lg-8 {
		padding-left: calc((100% - 1370px) / 2);
		width: calc(913.33px + ((100% - 1370px) / 2));
		padding-right: 0;
	}
	.column-right-indented-to-content.col-lg-4 {
		padding-right: calc((100% - 1370px) / 2);
		width: calc(456.66px + (100% - 1370px) / 2);
	}
	.column-right-indented-to-content.col-lg-6 {
		padding-right: calc((100% - 1370px) / 2);
		width: calc(685px + (100% - 1370px) / 2);
	}
	.column-right-indented-to-content.col-lg-8 {
		padding-right: calc((100% - 1370px) / 2);
		width: calc(913.33px + (100% - 1370px) / 2);
	}

	.image-float-left {
		width: 28% !important;
	}
	.image-float-right {
		width: 28% !important;
	}	
	.content-box .fg-wrapper, .content-box .fg-link-wrapper-el {
		min-height: 410px;
	}
	.content-box.small-height .fg-wrapper, .content-box.small-height .fg-link-wrapper-el {
		min-height: 312px;
	}
	section.background-image > .fg-bg > span {
		background-size: 69% !important;
		/* background-position: center 15% !important; */
		background-position: center 68% !important;
	}
}

@media screen and (min-width: 1800px) {	
	.map-content {
		left: calc(((100% - 1370px) / 2) + 15px);
	}
}
	
/* Extra Large Additional Media Query  */
@media screen and (min-width: 2000px) {	
	.header-small {
		height: 14vw;
	}
	section.background-image > .fg-bg > span {
		background-size: 69% !important;
		background-position: center 15% !important;		
	}
}

/* Extra Map Content */
@media screen and (max-width: 1390px) {
	.map-content {
		top: 60px;
	}
}

/* Laptop (MD)  */
@media screen and (max-width: 1199px) {
	.column-left-indented-to-content.col-md-4 {
		padding-left: calc((100% - 970px) / 2);
		width: calc(323.33px + (100% - 970px) / 2);
	}
	.column-left-indented-to-content.col-md-6 {
		padding-left: calc((100% - 970px) / 2);
		width: calc(485px + (100% - 970px) / 2);
	}
	.column-left-indented-to-content.col-md-8 {
		padding-left: calc((100% - 970px) / 2);
		width: calc(646.66px + (100% - 970px) / 2);
	}
	.column-left-indented-to-content.col-md-12 {
		padding-left: 0;
		width: 100%;
	}
	.column-right-indented-to-content.col-md-4 {
		padding-right: calc((100% - 970px) / 2);
		width: calc(323.33px + (100% - 970px) / 2);
	}
	.column-right-indented-to-content.col-md-6 {
		padding-right: calc((100% - 970px) / 2);
		width: calc(485px + (100% - 970px) / 2);
	}
	.column-right-indented-to-content.col-md-8 {
		padding-right: calc((100% - 970px) / 2);
		width: calc(646.66px + (100% - 970px) / 2);
	}
	.column-right-indented-to-content.col-md-12 {
		padding-right: 0;
		width: 100%;
	}
}

/* Portfolio Medium  */
@media screen and (max-width: 1099px) {

}

/* Tablet (SM) */
@media screen and (max-width: 991px) {
	.header-large {
		height: 100%;
		margin-top: 150px;
	}
	.header-small {
		height: 118px;
	}	
	.column-left-indented-to-content.col-sm-4 {
		padding-left: calc((100% - 750px) / 2);
		width: calc(250px + (100% - 750px) / 2);
	}
	.column-left-indented-to-content.col-sm-6 {
		padding-left: calc((100% - 750px) / 2);
		width: calc(375px + (100% - 750px) / 2);
	}
	.column-left-indented-to-content.col-sm-8 {
		padding-left: calc((100% - 750px) / 2);
		width: calc(500px + (100% - 750px) / 2);
	}
	.column-left-indented-to-content.col-sm-12 {
		padding-left: 0;
		width: 100%;
	}
	.column-right-indented-to-content.col-sm-4 {
		padding-right: calc((100% - 750px) / 2);
		width: calc(250px + (100% - 750px) / 2);
	}
	.column-right-indented-to-content.col-sm-6 {
		padding-right: calc((100% - 750px) / 2);
		width: calc(375px + (100% - 750px) / 2);
	}
	.column-right-indented-to-content.col-sm-8 {
		padding-right: calc((100% - 750px) / 2);
		width: calc(500px + (100% - 750px) / 2);
	}
	.column-right-indented-to-content.col-sm-12 {
		padding-right: 0;
		width: 100%;
	}
	.timetable.container, .timetable-legend-container {
		width: 100%;		
	}
	.mfp-iframe-holder .mfp-content {
		max-width: none;
		min-height: 100vh;
	}
	.tab-v3 > .tab-content > .tab-pane {
		padding: 30px;
	}
	.tab-content-image {
		width: 250px !important; 
	}
	.tab-v3 .tab-pane .tab-pane-content {
		grid-template-columns: 284px auto;
	}
	.tab-content-left-button, .tab-content-left {
		padding-top: 295px;
	}

/* Portfolio Small  */
@media screen and (max-width: 799px) {
	.header-large {
		display: inline-block;
		margin-bottom: -6px;
	}
}

/* Phone (XS) */
@media screen and (max-width: 767px) {
	.header-large {
		margin-top: 14vw;
	}
	.header-large .header-text p {
		font-size: 6.3vw;
	}
	.image-fullwidth {
		/* min-height: 70vw; */
	}

	.column-left-indented-to-content.col-xs-4 {
		width: 33.33%;
	}
	.column-left-indented-to-content.col-xs-6 {
		width: 50%;
	}
	.column-left-indented-to-content.col-xs-8 {
		width: 66.66%;
	}
	.column-right-indented-to-content.col-xs-4 {
		width: 33.33%;
	}
	.column-right-indented-to-content.col-xs-6 {
		width: 50%;
	}
	.column-right-indented-to-content.col-xs-8 {
		width: 66.6%;
	}
	.column-left-indented-to-content.col-xs-12, .column-right-indented-to-content.col-xs-12 {
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}

	.webagency {
		float: left;
	}	

	.custom-map #combinedMap {
		/* min-height: 54vw; */
	}
	section.background-image > .fg-bg > span {
		background-size: 140vw !important;
	}
	section.background-image:not(.footer-image) > .fg-bg > span {
		background-attachment: fixed !important;
	}
	
	.map-content {
		display: none;
	}
	.timetable .display-flex-wrap {
		display: block;
	}
	.timetable .fg-row.display-flex-wrap > .fg-col > .fg-heading {
		background-color: var(--sw-color-old-rose);
		padding: 12px 0;
		border-bottom: solid 4px var(--sw-color-beige);
	}
	.timetable-day-title {
		border-top: 12px solid var(--sw-color-beige);
	}
	.timetable > div:nth-child(3) .content-box-workshop-title, .timetable > div:nth-child(4) .content-box-workshop-title {
		margin-top: 40px;
	}
	.timetable .content-box-workshop-title:first-child:not(.fg-wrapper), .timetable > .fg-row:nth-child(2) .fg-wrapper {
		border-top-left-radius: 16px;
		border-top-right-radius: 16px;
	}
	.timetable > .fg-row:last-child .fg-wrapper {
		border-radius: 0;
	}
	.timetable .fg-link-wrapper-el:not(.timetable-day-content-wrapper-filled) {
		display: none;
	}
	.timetable-day-content-container.empty {
		display: none;
	}
	.timetable-day-content-wrapper-filled:not(:last-of-type) {
		border-bottom: 4px solid var(--sw-color-beige);
	}
	.timetable .fg-link-wrapper-el .fg-paragraph p br:first-of-type {
		content: ""; /* remove break */
		margin-right: 6px;
	}
	
	.tab-content-image {
		width: 220px !important; 
	}
	.tab-v3 .tab-pane .tab-pane-content {
		grid-template-columns: 250px auto;
	}
	.tab-content-left-button, .tab-content-left {
		padding-top: 260px;
	}
}

@media screen and (max-width: 650px) {
	.tab-content-image {
		width: 100% !important;
		max-width: 400px;
		position: relative;
	}
	.tab-v3 .tab-pane .tab-pane-content {
		grid-template-columns: auto;
		grid-template-rows: auto;
	}
	.tab-content-left-button, .tab-content-left {
		padding: 30px 0 0;
		grid-column: 1;
		grid-row: 2;
	}
	.tab-content-left p:last-child {
		padding-bottom: 30px;
	}
	.tab-content-title {
		grid-column: 1;
		grid-row: 1;
		margin-bottom: 10px !important;
		margin-top: 10px;
	}
	.tab-content-right {
		grid-column: 1;
		grid-row: 3;
	}
	.tab-v3 .tab-pane .tab-pane-content {
		padding: 15px 0;
	}
	.tab-content-left p:last-child {
		margin-bottom: 30px;
	}
}

/* Portfolio Extra Small  */
@media screen and (max-width: 579px) {
	.ff-portfolio-grid .cbp-item {
		margin-right: 0;
	}	
	.content-box .fg-wrapper, .content-box .fg-link-wrapper-el {
		min-height: 79vw;
	}
	.content-box.small-height .fg-wrapper, .content-box.small-height .fg-link-wrapper-el {
		min-height: 64vw;
	}
	.content-box > .fg-col > .fg-row > .fg-col {
		margin-bottom: 15px;
	}
	section.background-image > .fg-bg > span {
		background-size: 150vw !important;
	}
	section.background-image.footer-image > .fg-bg > span {
		background-size: 300vw !important;
	}
}

/* Extra Small 1 Additional Media Query  */
@media screen and (max-width: 480px) {
	.image-float-left, .image-float-right {
		width: 100% !important;
		margin: 0 0 20px !important;
	}
	.masonry-grid .masonry-grid-item .post-wrapper {
		margin-left: 0;
		margin-right: 0;
	}
	.content-box .fg-wrapper .fg-paragraph, .content-box .fg-wrapper .fg-heading, .content-box .fg-link-wrapper-el .fg-paragraph, .content-box .fg-link-wrapper-el .fg-heading, .content-box .content-box-training-wrapper .buttons-el-wrapper {
		padding-left: 12px;
		padding-right: 12px;
	}
	.content-box .fg-wrapper, .content-box .fg-link-wrapper-el {
		min-height: 92vw;
	}
	.content-box.small-height .fg-wrapper, .content-box.small-height .fg-link-wrapper-el {
		min-height: 60vw;
	}
	/* .content-box > .fg-col > .fg-row > .fg-col { */
		/* padding-left: 0; */
		/* padding-right: 0; */
	/* } */
	.fg-container > .fg-container {
		padding-left: 0;
		padding-right: 0;
	}
	.tab-v3 .nav-tabs-wrap .nav-tabs {
		display: block;
	}
	.tab-v3 .nav-tabs-wrap .nav-tabs > li a {
		padding: 10px 10px 9px !important;
	}
	.tab-v3 .nav-tabs>li {
		margin: 0;
	}
	.tab-v3 .nav-tabs>li>a {
		margin: 0 4px 0 0;
	}
	.tab-content-image {
		width: 100% !important;
		height: auto !important;
	}
	.tab-v3 .tab-pane .tab-pane-content {
		max-height: inherit;
		min-height: auto;
	}
	.masonry-wrapper {
		margin: 0;
	}
} 

/* Extra Small 2 Additional Media Query  */
@media screen and (max-width: 400px) {
}

/* Extra Small 3 Additional Media Query  */
@media screen and (min-width: 480px) and (max-width: 650px) {
	.news-blog .news-v2-title, .news-blog .blog-masonry-1-title {
		padding: 12px 13px;
	}
}

/* Extra Small 4 Additional Media Query  */
@media screen and (min-width: 550px) and (max-width: 767px) {
	.flex-basis-50 {
		flex-basis: 50%;
		width: 50%;
	}
	.content-box .fg-wrapper, .content-box .fg-link-wrapper-el {
		min-height: 360px;
	}
	.content-box.small-height .fg-wrapper, .content-box.small-height .fg-link-wrapper-el {
		min-height: 67vw;
	}
}

/* effects */
@-webkit-keyframes fadeInUpSPWE {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 12px, 0);
    transform: translate3d(0, 12px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpSPWE {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 12px, 0);
    transform: translate3d(0, 12px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUpSPWE;
  animation-name: fadeInUpSPWE;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}