/*
Theme Name: 		Westend Rondell
Theme URI: 			https://www.westend-rondell.de
Author: 			Design & Kommunikation im modulbüro
Author URI: 		https://www.modulbuero.de
Version: 			1.0.0
Template:			modulbuero
*/


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

@font-face {
	font-family: 'sinkin_sans400_italic';
	src: url('fonts/SinkinSans-400Italic-webfont.eot');
	src: url('fonts/SinkinSans-400Italic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/SinkinSans-400Italic-webfont.woff2') format('woff2'),
		 url('fonts/SinkinSans-400Italic-webfont.woff') format('woff'),
		 url('fonts/SinkinSans-400Italic-webfont.ttf') format('truetype'),
		 url('fonts/SinkinSans-400Italic-webfont.svg#sinkin_sans400_italic') format('svg');
	font-weight: normal;
	font-style: normal;
}

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

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

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

@font-face {
	font-family: 'sinkin_sans700_bold_italic';
	src: url('fonts/SinkinSans-700BoldItalic-webfont.eot');
	src: url('fonts/SinkinSans-700BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/SinkinSans-700BoldItalic-webfont.woff2') format('woff2'),
		 url('fonts/SinkinSans-700BoldItalic-webfont.woff') format('woff'),
		 url('fonts/SinkinSans-700BoldItalic-webfont.ttf') format('truetype'),
		 url('fonts/SinkinSans-700BoldItalic-webfont.svg#sinkin_sans700_bold_italic') format('svg');
	font-weight: normal;
	font-style: normal;
}

input[type="button"] {
	-webkit-appearance: none;
}

body {
	margin-left: auto;
	margin-right: auto;
	max-width: 1920px;
	}
	body .wrap {
		margin-left: auto;
		margin-right: auto;
		max-width: 1560px;
		padding-left: 40px;
		padding-right: 40px;
	}
	body,
	body .fw400 { 
		font-family: 'sinkin_sans400_regular';
	}
	body .fw500 { 
		font-family: 'sinkin_sans500_medium';
	}
	body .fw700 { 
		font-family: 'sinkin_sans700_bold';
	}
	body .aasu a {
		-webkit-transition: all .10s ease-in-out;
		-moz-transition: all .10s ease-in-out;
		transition: all .10s ease-in-out;
		text-decoration: underline;
		}
		body .aasu a:hover {
			color: #8b597c;
		}
	body .iasu i,
	body .iasu em {
		font-style: normal;
		text-decoration: underline;
	}
	body .uppercase {
		text-transform: uppercase;
	}
	body .upperspaced {
		text-transform: uppercase;
		letter-spacing: 0.2em;
	}
	html .schrift-2 { font-size: 40px; }
	
.hauptmenue.panel-widget-style {
	}
	.hauptmenue.panel-widget-style ul.menu {
		display: flex;
		flex-wrap: wrap;
		margin-left: -15px;
		margin-right: -15px;
		text-transform: uppercase;
		}
		.hauptmenue.panel-widget-style ul.menu li {
			margin: 0 15px;
			}
			.hauptmenue.panel-widget-style ul.menu li a {
				-webkit-transition: all .10s ease-in-out;
				-moz-transition: all .10s ease-in-out;
				transition: all .10s ease-in-out;
				}
				.hauptmenue.panel-widget-style ul.menu li.current-menu-item a {
					font-family: 'sinkin_sans700_bold';
				}
				.hauptmenue.panel-widget-style ul.menu li a:hover {
					color: #8b597c;
				}
				
ul.menu > .wpml-ls-item {
	margin-left: auto !important;
	}
	ul.menu > .wpml-ls-item > a { display: none; }
				
body .so-widget-sow-button {
	}
	body .so-widget-sow-button .ow-button-base {
		}
		body .so-widget-sow-button .ow-button-base a {
				cursor: pointer;
				position: relative;
				-webkit-transition: all 0.3s;
				-moz-transition: all 0.3s;
				transition: all 0.3s;
				-webkit-transform-style: preserve-3d;
				-moz-transform-style: preserve-3d;
				transform-style: preserve-3d;
			}
			body .so-widget-sow-button .ow-button-base a:after {
				content: '';
				position: absolute;
				z-index: -1;
				-webkit-transition: all 0.3s;
				-moz-transition: all 0.3s;
				transition: all 0.3s;
				width: 100%;
				height: 40%;
				left: 0;
				top: 100%;
				background: #577080;
				-webkit-transform-origin: 0% 0%;
				-webkit-transform: rotateX(-90deg);
				-moz-transform-origin: 0% 0%;
				-moz-transform: rotateX(-90deg);
				-ms-transform-origin: 0% 0%;
				-ms-transform: rotateX(-90deg);
				transform-origin: 0% 0%;
				transform: rotateX(-90deg);
			}
			body .so-widget-sow-button .ow-button-base a:hover {
				background: #7893a4 !important;
				-webkit-transform: rotateX(25deg);
				-moz-transform: rotateX(25deg);
				-ms-transform: rotateX(25deg);
				transform: rotateX(25deg);
			}
		
.abbinder.panel-widget-style {
	}
	.abbinder.panel-widget-style ul.menu {
		display: flex;
		flex-wrap: wrap;
		margin-left: -10px;
		margin-right: -10px;
		justify-content: flex-end;
		}
		.abbinder.panel-widget-style ul.menu li {
			margin: 0 10px;
			}
			.abbinder.panel-widget-style ul.menu li a {
				-webkit-transition: all .10s ease-in-out;
				-moz-transition: all .10s ease-in-out;
				transition: all .10s ease-in-out;
				}
				.abbinder.panel-widget-style ul.menu li.current-menu-item a {
					font-family: 'sinkin_sans700_bold';
				}
				.abbinder.panel-widget-style ul.menu li a:hover {
					color: #8b597c;
				}
				
.parallax.panel-widget-style {
	}
	.parallax.panel-widget-style .so-widget-sow-image {
		}
		.parallax.panel-widget-style .so-widget-sow-image .sow-image-container {
			position: relative;
			overflow: hidden;
			padding-bottom: 67.25%;
			}
			.parallax.panel-widget-style .so-widget-sow-image .sow-image-container img {
				position: relative;
				width: 100vmax;
				z-index: -1;
				position: absolute;
				top: 0;
				left: 50%;
				transform: scale(1.1) translate(-50%,0);
				pointer-events: none
			}

#westendkarte {
	height: 800px;
}

.nf-form-fields-required,
.ninja-forms-req-symbol {
	display: none;
}

.pt-tabs {
	position: relative;
	}
	.pt-tabs__navigation {
		position: absolute;
		left: 0;
		right: 0;
		transform: translateY(-100%);
		display: flex;
		margin-left: -5px;
		margin-right: -5px;
		}
		.pt-tabs__navigation .nav-item {
			float: none;
			flex: 1;
			margin: 0;
			display: flex;
			}
			.pt-tabs__navigation .nav-item a {
				width: 100%;
				display: flex;
				justify-content: center;
				align-items: center;
				margin: 0 5px;
				padding: 20px 10px;
				font-size: 14px;
				line-height: 150%;
				background: #7893a4;
				-webkit-border-radius: 0;
				-moz-border-radius: 0;
				border-radius: 0;
				color: #ffffff;
				text-transform: uppercase;
				letter-spacing: 0.2em;
				border: none;
				text-align: center;
				-webkit-box-shadow: inset 0px -20px 20px -20px rgba(0,0,0,0.33);
				-moz-box-shadow: inset 0px -20px 20px -20px rgba(0,0,0,0.33);
				box-shadow: inset 0px -20px 20px -20px rgba(0,0,0,0.33);
				}
				.pt-tabs__navigation .nav-item a:hover {
					-webkit-box-shadow: none;
					-moz-box-shadow: none;
					box-shadow: none;
				}
				.pt-tabs__navigation .nav-item a.active,
				.pt-tabs__navigation .nav-item a:active,
				.pt-tabs__navigation .nav-item a:focus {
					-webkit-box-shadow: none;
					-moz-box-shadow: none;
					box-shadow: none;
					background: #8b597c !important;
					color: #ffffff !important;
				}
	.pt-tabs__content {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	
body .formattext ul li:before {
	opacity: 1;
	color: #7893a4;
}

@media (max-width: 1680px) {
}
@media (max-width: 1560px) {
}
@media (max-width: 1440px) {
	.titelbild.panel-row-style {
		}
		.titelbild.panel-row-style .sow-image-container {
			padding-bottom: 180px;
		}
}
@media (max-width: 1320px) {
	#abbindermenue {
		}
		#abbindermenue ul {
			flex-wrap: wrap;
			justify-content: center;
			}
			#abbindermenue ul li.spacer {
				flex-grow: 0;
				flex-shrink: 0;
				flex-basis: 100%;
			}
}
@media (max-width: 1200px) {
	html .schrift-0 {			font-size: 48px; } /* 72px */
	html .schrift-1 {			font-size: 36px; } /* 48px */
	html .schrift-2 {			font-size: 24px; } /* 36px */
	html .schrift-3 {			font-size: 20px; } /* 24px */
	html .schrift-4 {			font-size: 18px; } /* 20px */
	html .schrift-5 {			font-size: 15px; } /* 16px */
	html .schrift-6 {			font-size: 14px; } /* 14px */
	html .schrift-7 {			font-size: 12px; } /* 13px */
}
@media (max-width: 1080px) {
}
@media (max-width: 960px) {
	.hauptmenue.panel-widget-style ul.menu {
		justify-content: center;
		line-height: 150%;
	}
	
	.parallax.panel-widget-style .so-widget-sow-image .sow-image-container {
		padding-bottom: 0;
		}
		.parallax.panel-widget-style .so-widget-sow-image .sow-image-container img {
			position: static !important;
			transform: none !important;
		}
		
	.abbinder.panel-widget-style ul.menu {
		justify-content: center;
	}
	
	.flexontop.panel-row-style {
		}
		.flexontop.panel-row-style > .panel-grid-cell {
			position: relative;
			}
			.flexontop.panel-row-style > .panel-grid-cell > .so-panel.panel-first-child {
				}
				.flexontop.panel-row-style > .panel-grid-cell > .so-panel.panel-first-child .sow-image-container {
					width: 150%;
					margin-bottom: 80px;
				}
			.flexontop.panel-row-style > .panel-grid-cell > .so-panel.panel-last-child {
				position: static;
				top: auto;
				left: auto;
				right: auto;
				bottom: auto;
				display: flex;
				}
				.flexontop.panel-row-style > .panel-grid-cell > .so-panel.panel-last-child > .panel-layout {
					display: flex;
					justify-content: center;
					align-items: center;
					width: 100%;
					}
					.flexontop.panel-row-style > .panel-grid-cell > .so-panel.panel-last-child > .panel-layout > .panel-grid {
						
					}
					
	article.needsstyles .article-below-thumb {
		padding-left: 0px;
		padding-right: 0px;
	}
	
	#westendkarte {
		display: none;
		height: 400px;
	}
	
	.pt-tabs__navigation {
		overflow-x: scroll;
		margin-left: -40px;
		margin-right: -40px;
		padding-left: 40px;
		padding-right: 40px;
		}
		.pt-tabs__navigation .nav-item a {
			font-size: 13px;
		}
	.pt-tabs__content {
		}
		.pt-tabs__content > .tab-pane {
			}
			.pt-tabs__content > .tab-pane > .panel-layout {
				}
				.pt-tabs__content > .tab-pane > .panel-layout > .panel-grid {
					}
					.pt-tabs__content > .tab-pane > .panel-layout > .panel-grid > .panel-grid-cell {
						margin-bottom: 40px !important;
					}

	.modulbuero_masonry .grid-sizer,
	.modulbuero_masonry article { 		width: 50%; width: calc(50% - 40px); }
	.modulbuero_masonry-1 .grid-sizer,
	.modulbuero_masonry-1 article { 		width: 100%; }
	.modulbuero_masonry-3 .grid-sizer,
	.modulbuero_masonry-3 article { 		width: 50%; width: calc(50% - 40px); }
	.modulbuero_masonry .gutter-sizer {	width: 80px; }
	.modulbuero_masonry article {
		margin-bottom: 80px;
		}
		.modulbuero_masonry article:last-of-type {
			margin-bottom: 0;
		}
}
@media (max-width: 840px) {
}
@media (max-width: 720px) {
	html .schrift-0 {			font-size: 28px; } /* 72px */
	html .schrift-1 {			font-size: 24px; } /* 48px */
	html .schrift-2 {			font-size: 16px; } /* 36px */
	html .schrift-3 {			font-size: 14px; } /* 24px */
	html .schrift-4 {			font-size: 14px; } /* 20px */
	html .schrift-5 {			font-size: 14px; } /* 16px */
	html .schrift-6 {			font-size: 12px; } /* 14px */
	html .schrift-7 {			font-size: 11px; } /* 13px */
	
	.modulbuero_masonry .grid-sizer,
	.modulbuero_masonry article { 		width: 100%; }
	.modulbuero_masonry-1 .grid-sizer,
	.modulbuero_masonry-1 article { 		width: 100%; }
	.modulbuero_masonry-3 .grid-sizer,
	.modulbuero_masonry-3 article { 		width: 100%; }
	.modulbuero_masonry .gutter-sizer {	width: 80px; }
	.modulbuero_masonry article {
		margin-bottom: 80px;
		}
		.modulbuero_masonry article:last-of-type {
			margin-bottom: 0;
		}

	.hauptmenue.panel-widget-style ul.menu {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	
	.lilla.panel-widget-style {
		margin-left: -40px;
		margin-right: -40px;
		padding-left: 40px !important;
		padding-right: 40px !important;
	}

}
@media (max-width: 600px) {
	
	body #wpadminbar {
		position: fixed;
	}
}
@media (max-width: 480px) {
}
@media (max-width: 360px) {
}