/* @override 
	http://neu.waltergrafik.at/wp-content/themes/wgblankslate-blankslate-child/style.css?*
	https://www.waltergrafik.at/wp-content/themes/wgblankslate-blankslate-child/style.css */

/*
Theme Name: wgblankslate
Theme URI:  https://www.wpserveur.net
Author:     WPServeur
Author URI: https://www.wpserveur.net
Template:   blankslate
Version:    33
License:    GNU General Public License v2 or later
*/

/* work-sans-300 - latin */

@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Work Sans';
font-style: normal;
font-weight: 300;
src: url('fonts/work-sans-v18-latin-300.eot'); /* IE9 Compat Modes */
src: url('fonts/work-sans-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/work-sans-v18-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/work-sans-v18-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/work-sans-v18-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/work-sans-v18-latin-300.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* work-sans-regular - latin */

@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Work Sans';
font-style: normal;
font-weight: 400;
src: url('fonts/work-sans-v18-latin-regular.eot'); /* IE9 Compat Modes */
src: url('fonts/work-sans-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/work-sans-v18-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/work-sans-v18f-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/work-sans-v18-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/work-sans-v18-latin-regular.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* work-sans-600 - latin */

@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Work Sans';
font-style: normal;
font-weight: 600;
src: url('fonts/work-sans-v18-latin-600.eot'); /* IE9 Compat Modes */
src: url('fonts/work-sans-v18-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/work-sans-v18-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/work-sans-v18-latin-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/work-sans-v18-latin-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/work-sans-v18-latin-600.svg#WorkSans') format('svg'); /* Legacy iOS */
}

/* work-sans-800 - latin */

@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Work Sans';
font-style: normal;
font-weight: 800;
src: url('fonts/work-sans-v18-latin-800.eot'); /* IE9 Compat Modes */
src: url('fonts/work-sans-v18-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/work-sans-v18-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/work-sans-v18-latin-800.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/work-sans-v18-latin-800.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/work-sans-v18-latin-800.svg#WorkSans') format('svg'); /* Legacy iOS */
}


/* merriweather-300 - latin */

@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Merriweather';
font-style: normal;
font-weight: 300;
src: url('fonts/merriweather-v30-latin-300.eot'); /* IE9 Compat Modes */
src: url('fonts/merriweather-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/merriweather-v30-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/merriweather-v30-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/merriweather-v30-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/merriweather-v30-latin-300.svg#Merriweather') format('svg'); /* Legacy iOS */
}

/* merriweather-regular - latin */

@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Merriweather';
font-style: normal;
font-weight: 400;
src: url('fonts/merriweather-v30-latin-regular.eot'); /* IE9 Compat Modes */
src: url('fonts/merriweather-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/merriweather-v30-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/merriweather-v30-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/merriweather-v30-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/merriweather-v30-latin-regular.svg#Merriweather') format('svg'); /* Legacy iOS */
}

/* merriweather-700 - latin */

@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Merriweather';
font-style: normal;
font-weight: 700;
src: url('fonts/merriweather-v30-latin-700.eot'); /* IE9 Compat Modes */
src: url('fonts/merriweather-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/merriweather-v30-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/merriweather-v30-latin-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/merriweather-v30-latin-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/merriweather-v30-latin-700.svg#Merriweather') format('svg'); /* Legacy iOS */
}

body {
	margin: 0;
	padding: 0;
	font-family: 'Work Sans', sans-serif;
	line-height: 150%;
}

/* STERNDERLSCHAUEN */
.simple-toggle-message {
	position: absolute;
	top: 0px;
	right: 0px;
	padding-left: 20px !important;
	padding-right: 20px !important;
	max-width: 700px;
	font-weight: 600;
	font-size: 18px;
	border-radius: 0 0 0 10px;
	box-shadow: 0 0 20px #010000;
}

@media only screen and (max-width: 800px) {
		.simple-toggle-message {
		font-size: 14px;
		padding-bottom: 3px !important;
		padding-top: 3px !important;
		}
}

/* TYPO */

h1, h2, h3, h4, h5, h6 {
	font-family: 'Merriweather';
	font-weight: 300;
	line-height: 120%;
}

h1 {
	margin-top: 80px;
	margin-bottom: 40px;
	font-size: 53px;
}

h2 {
	font-size: 36px;
	padding-bottom: 30px;
	padding-top: 15px;
}

h3 {
	font-size: 24px;
	padding-bottom: 30px;
	padding-top: 15px;
}

p {
	margin-bottom: 20px;
}

strong {
	font-weight: 700;
}

a {
	font-weight: 700;
	color: #555555;
}

.entry-content ul {
	width: 50% !important;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.entry-content ul li {
	padding-top: 5px;
	padding-bottom: 5px;
}

.entry-content ul li:before {
	content: '';
	position: absolute;
	width: 15px;
	height: 15px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath fill='%23666666' d='M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM241 377c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l87-87-87-87c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L345 239c9.4 9.4 9.4 24.6 0 33.9L241 377z'/%3E%3C/svg%3E");
	background-repeat: no-repeat no-repeat;
	background-position: center center;
	background-size: cover;
	margin: 2px 5px 0 -20px;
}

ul.is-grid li:before {
	display: none !important;
}

/* STYLE SWITCH */

div.hero-slider-container {
	position: relative;
}

div#style-switch {
	position: absolute;
	z-index: 800;
	bottom: -15px;
	max-width: 1300px;
}

div#style-switch-inner {
	width: 400px !important;
	margin: auto;
	padding-left: 30px;
}

div#style-switch span.wp_user_stylesheet_switcher button.wp_user_stylesheet_switcher_button {
	padding: 0;
	background-color: transparent;
	border: none;
	cursor: pointer;
	margin-right: 2px;
}

div#container div.wp_user_stylesheet_switcher {
	display: none;
}

/* ALLGEMEIN */

#site-description {
	display: none;
}

header, main, .top-color-content {
	max-width: 1300px;
	margin: auto;
}

#container {
	padding-bottom: 40px;
}

/* BUBBLE */

.home #bubblecontainer {
	position: fixed;
	top: 160px;
	right: 90vw;
	z-index: 700;
	height: 100%;
	width: 617px;
	background: url("bubbles.svg") no-repeat;
	overflow: visible;
}

#bubblecontainer {
	position: fixed;
	top: 160px;
	right: 90vw;
	z-index: 1000;
	height: 100%;
	width: 317px;
	background: url("bubbles-grau.svg") no-repeat;
	overflow: visible;
}

@media only screen and (min-width: 2100px) {
	#bubblecontainer {
		right: 90vw;
	}
}

@media only screen and (max-width: 1700px) {
	#bubblecontainer {
		right: 90vw;
	}
}

@media only screen and (max-width: 1200px) {
	#bubblecontainer {
		right: 92vw;
	}
}




#bubblebub-one, #bubblebub-two {
	display: none;
}



/* HEADER */

header#header {
	display: flex;
	height: 122px;
}

header#header {
	position: relative;
	padding-right: 0px;
	z-index: 1000;
}



/* LOGO */

#branding {
	width: 54.5% !important;
	display: flex;
	align-items: flex-end;
	padding-bottom: 28px;
	background: url(waltergrafikLogoH800.png) left 45px no-repeat;
	background-size: 322px;
}

#site-title {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: flex-end;
}

#site-title a {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: flex-end;
	text-indent: -5000000px;
}

@media only screen and (max-width: 960px) {
	#branding {
		width: 53% !important;
		background-size: 222px;
	}
}

@media only screen and (max-width: 460px) {
	#branding {
		width: 53% !important;
		background-size: 162px;
		background-position: 0 60px;
	}
}

/* NAVIGATION */

nav {
	padding-left: 20px;
	display: flex;
	align-items: flex-end;
	padding-bottom: 28px;
	position: relative;
	overflow: visible;
	z-index: 780;
}

.home header nav::before, .parent-pageid-25 header nav::before, .page-id-606 header nav::before {
	content: "";
	width: 1px;
	height: 70px;
	background-color: white;
	position: absolute;
	left: 0px;
	top: 57%;
}

header nav::before {
	content: "";
	width: 1px;
	height: 70px;
	background-color: #212121;
	position: absolute;
	left: 0px;
	top: 57%;
}

.home .top-color, .home .top-color a, .parent-pageid-25 #container a {
	color: white;
}

nav a {
	color: #212121 !important;
	text-decoration: none;
}

.home #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner, .home #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before, .home #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after {
	background-color: white;
}

.parent-pageid-25 #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner, .parent-pageid-25 #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before, .parent-pageid-25 #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after {
	background-color: white;
}

.page-id-606 #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner, .page-id-606 #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before, .page-id-606 #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after {
	background-color: white;
}

#mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner, #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before, #mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after {
	background-color: #212121;
}

.home nav a, .parent-pageid-25 nav a {
	color: white !important;
	text-decoration: none;
}

.home.mega-menu-main-menu-mobile-open nav a, .parent-pageid-25.mega-menu-main-menu-mobile-open nav a {
	color: #212121 !important;
}

.home .mega-sub-menu a, .parent-pageid-25 .mega-sub-menu a {
	color: #212121 !important;
}

.mega-sub-menu a:hover {
	color: white !important;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
	background-color: #a32260 !important;
	color: white !important;
}

/* NAVIGATION MOBILE (MEGA MENU)*/

.mega-menu-main-menu-mobile-open ul#mega-menu-main-menu.mega-menu.max-mega-menu.mega-menu-horizontal {
	margin-top: 28px !important;
	padding-bottom: 80px !important;
	background-color: rgba(255, 255, 255, 0.9) !important;
	z-index: 100000;
}

.mega-menu-main-menu-mobile-open #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu {
	background-color: transparent;
	margin-left: 40px;
	max-width: 85%;
	margin-bottom: 40px;
}

.mega-menu-main-menu-mobile-open #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
	background-color: rgba(255, 0, 0, 0);
}

.mega-menu-main-menu-mobile-open li.mega-menu-item a.mega-menu-link {
	padding-right: 40px !important;
	padding-left: 0px !important;
	border-bottom: 1px solid white !important;
}

.mega-menu-main-menu-mobile-open li.mega-menu-item.mega-menu-item-type-custom.mega-menu-item-object-custom.mega-menu-item-has-children.mega-align-bottom-left.mega-menu-flyout.mega-toggle-on a.mega-menu-link {
	font-weight: bold !important;
}

li .mega-menu-item.mega-menu-item-type-post_type.mega-menu-item-object-page.mega-menu-item a.mega-menu-link {
	padding-left: 5px !important;
}

li .mega-menu-item.mega-menu-item-type-custom.mega-menu-item-object-custom.mega-menu-item-has-children.mega-toggle-on a.mega-menu-link {
	padding-left: 5px !important;
}

li .mega-menu-item.mega-menu-item-type-custom.mega-menu-item-object-custom.mega-menu-item-has-children a.mega-menu-link {
	padding-left: 5px !important;
}

.mega-menu-main-menu-mobile-open #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
	background-color: transparent;
	color: black;
}

.mega-menu-main-menu-mobile-open li.mega-menu-item a.mega-menu-link:hover {
	color: black !important;
	font-weight: bold !important;
}

/* TOP COLOR CONTENT */

.top-color {
	position: absolute;
	width: 100%;
	left: 0;
	padding-bottom: 250px;
}

.top-color-content {
	max-width: 1300px;
	margin: auto;
	padding-left: 100px;
	padding-top: 70px;
	z-index: 500;
}

.top-color-content h1 {
	margin-top: -135px;
	z-index: 3000;
}

div.hero-slider {
	max-width: 1400px !important;
	overflow: hidden !important;
	margin: auto;
}

.top-color h1::before {
	content: url("pfeil.png");
	width: 200px;
	height: 200px;
	position: absolute;
	left: -45px;
	top: 10px;
}

.top-color h1 {
	
}

.textblock-start {
	padding-right: 80px;
}

/* GALLERY START */

.start-bilder {
	padding-top: 350px;
}

/* GALLERY START Mobile */

.start-bilder-mobile {
	padding-top: 370px;
}



/* Post Navigation */

footer.entry-footer {
	display: none;
}

main#content footer.footer nav.navigation.post-navigation {
	padding-left: 0;
}

footer.footer div.nav-links {
	width: 100%;
	/*display: flex;*/
	display: none;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 100px;
}

/* LIST */

/* STARTSEITE */

.home .vp-portfolio__items-style-fly.vp-portfolio__items-show-overlay-hover article:nth-child(1) {
	padding-top: 20px !important;
}

.home .vp-portfolio__items-style-fly.vp-portfolio__items-show-overlay-hover article:nth-child(3) {
	padding-top: 80px !important;
}

.home .vp-portfolio__items-style-fly.vp-portfolio__items-show-overlay-hover article:nth-child(5) {
	padding-top: 110px !important;
}

.home .vp-portfolio__items-style-fly.vp-portfolio__items-show-overlay-hover article:nth-child(9) {
	padding-top: 60px !important;
}

.vp-portfolio__item-overlay {
	background-color: #96265b !important;
}

.vp-portfolio__item-meta-category {
	display: none !important;
}

.category-abstand-startseite .vp-portfolio__item-overlay {
	display: none !important;
}

.category-abstand-startseite a {
	pointer-events: none;
	cursor: default;
}

.vp-portfolio__items-style-fly .vp-portfolio__item-meta-title {
	font-size: 14px !important;
}






/* NO TITLE, NO META */

.post .entry-content {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

h1.entry-title, .entry-meta {
	display: none;
}

.product_title.entry-title {
	display: inline;
	font-size: 160%;
}

.size-full.wp-post-image {
	max-width: 800px;
	height: auto;
	margin-left: -50px;
}

.post h1.wp-block-heading {
	width: 35%;
	font-size: 53px;
	line-height: 59px;
	margin-left: 3%;
	text-align: left;
}

.type-post.status-publish.format-standard.has-post-thumbnail.hentry div.entry-content p {
	width: 50%;
	margin-top: 20px;
	margin-right: 50%;
	margin-bottom: 20px;
}

.otter-masonry {
	padding-top: 60px;
	max-width: 800px;
}




/* POST Cross Selling */

.fullwide-section {
	width: 100vw;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	background-color: #eaeaea;
	margin-top: 20px;
	padding-top: 60px;
	padding-bottom: 80px;
	border-top: 1px solid grey;
}

.fullwide-section-bottom {
	width: 100vw;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	background-color: #eaeaea;
	padding-top: 60px;
	padding-bottom: 80px;
}

.cross-selling {
	max-width: 1300px;
	margin: auto;
}

/* TEAM */

.parent-pageid-25 {
	
}

.parent-pageid-25 .size-full.wp-post-image {
	width: auto;
	height: auto;
	margin-left: -50px;
}

.parent-pageid-25 h1.wp-block-heading {
	font-size: 80px;
	padding-bottom: 40px;
	margin-left: -80px;
	margin-bottom: 10px;
}

@media only screen and (max-width: 1500px) {
	.parent-pageid-25 .size-full.wp-post-image {
		
	}
	
	.parent-pageid-25 h1.wp-block-heading {
		font-size: 60px;
		padding-bottom: 20px;
		margin-left: -60px;
	}
}

@media only screen and (max-width: 960px) {
	.parent-pageid-25 .bild-team {
		max-width: 500px !important;
		margin-left: -25px;
	}
	
	.parent-pageid-25 h1.wp-block-heading {
		font-size: 60px;
		padding-bottom: 0px;
		margin-top: -30px;
		margin-left: -10px;
	}
}


/* TEAM Farben */

.page-id-27 #container, .page-id-27 .color {
	background-color: #828FA9 !important;
	color: white;
}

.page-id-29 #container, .page-id-29 .color {
	background-color: #920028 !important;
	color: white;
}

.page-id-33 #container, .page-id-33 .color {
	background-color: #EE424E !important;
	color: white;
}

.page-id-35 #container, .page-id-35 .color {
	background-color: #96265B !important;
	color: white;
}

.page-id-31 #container, .page-id-31 .color {
	background-color: #324872 !important;
	color: white;
}

.page-id-37 #container, .page-id-37 .color {
	background-color: #555358 !important;
	color: white;
}

/*Greendeal-farben */

.page-id-606 #container, .page-id-606 .color {
	background-color: #65a701 !important;
	color: white;
}


/* ALLGEMEINE SEITEN Bild mit Text, full width Inhalte */

.bild-links div.wp-block-media-text__content {
	padding-right: 150px !important;
	padding-top: 90px;
	padding-bottom: 90px;
}

.bild-rechts div.wp-block-media-text__content {
	padding-left: 150px !important;
	padding-top: 90px;
	padding-bottom: 90px;
}

/* FLIPBOOK */
div#df_1544._df_book.df-lite.df-element.df-lazy-embed.df-app {
	max-width: 800px;
	margin-top: 40px;
}

/* SHOP woocommerce */
.woocommerce .site-main {
	padding-left: 0;
	padding-top: 60px;
}

.product_meta {
	display: none;
}

/* price */
.price {
	color: black !important;
	font-size: 140% !important;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid #333;
}

.stock {
	color: black !important;
}

.tax-info {
		margin-bottom: 0px !important;

}

.shipping-costs-info {
	margin-top: 0px !important;
	font-size: 80% !important;
}



/* buttons */
.woocommerce-shop a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
	background-color: #65a701;
	color: white;
}

.woocommerce div.product form.cart .button {
	background-color: #65a701;
	color: white;
	height: 40px;
}

button.single_add_to_cart_button.button.alt:hover {
	background-color: #3d6600;

}

input.input-text.qty.text { 
	height: 40px;
}

/* FOOTER */

footer#footer {
	border-top: 1px solid gray;
}

.footer-widgets {
	max-width: 1300px;
	margin: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-top: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	color: #333 !important;
}

.footer-column-1 {
	width: 30%;
	padding-right: 5%;
	margin-right: 5%;
	padding-bottom: 40px;
	border-right-style: solid;
	border-right-width: 1px;
}

.footer-column-2, .footer-column-3, .footer-column-4 {
	width: 20%;
	padding-bottom: 0px;
}

#footer a {
	color: black !important;
	font-weight: bold;
}

#footer a:hover {
	color: #96265B !important;
}

#footer nav {
	padding-left: 0;
	padding-top: 10px;
	z-index: 1000 !important;
}

#footer nav li {
	padding-bottom: 5px;
}

.footer-widgets p {
	padding-bottom: 10px;
}

#footer h3 {
	font-size: 24px;
	padding-bottom: 20px;
	padding-top: 30px;
}

#copyright {
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	border-top: 1px solid gray;
}


/* MOBILE SCHWARZ! */

.mega-menu-main-menu-mobile-open nav a {
	color: #212121 !important;
}


/* SMALL SCREENS */

@media only screen and (max-width: 1500px) {
	nav {
		padding-left: 5px;
		padding-right: 20px;
	}
	
	div#style-switch-inner {
		margin-left: 15vw !important;
		max-width: 1000px;
		margin: auto;
		padding-left: 10px;
	}
	
	.top-color-content {
		max-width: 1000px;
		padding-left: 50px;
	}
	
	.top-color {
		position: absolute;
		width: 100%;
		left: 0;
		padding-bottom: 170px;
	}
	
	.top-color-content h1 {
		margin-top: -115px;
		z-index: 3000;
		font-size: 40px;
	}
	
	.start-bilder {
		padding-top: 330px;
	}
	
	/* GALLERY START Mobile */
	
	.start-bilder-mobile {
		padding-top: 340px;
	}
	
	header, main {
		padding-left: 0px;
		max-width: 1000px;
		padding-left: 25px;
		padding-right: 25px;
	}
	
	/* ALLGEMEINE SEITEN Bild mit Text, full width Inhalte */
	
	.bild-links div.wp-block-media-text__content {
		padding-right: 20px !important;
		padding-top: 90px;
		padding-bottom: 90px;
	}
	
	.bild-rechts div.wp-block-media-text__content {
		padding-left: 20px !important;
		padding-top: 90px;
		padding-bottom: 90px;
	}
	
	/* Hamburger ganz rechts */
	
	#branding {
		flex-grow: 1;
	}
	
	header {
		position: relative;
		padding-right: 20px;
	}
	
	.post h1.wp-block-heading {
		width: 35%;
		margin-left: 3%;
		margin-top: 30px;
		font-size: 40px !important;
	}
	
	.post  .entry-content p {
		width: 100%;
		margin-right: 0%;
		margin-top: 0px;
	}
	
	.size-full.wp-post-image {
		max-width: 600px;
		height: auto;
		margin-left: -50px;
	}
	
	.footer-column-1 {
		padding-right: 0%;
		margin-right: 0%;
		border: none;
	}
	
	.footer-column-1, .footer-column-2, .footer-column-3, .footer-column-4 {
		width: 25%;
	}
	
	.footer-widgets {
		padding-left: 25px;
		padding-right: 25px;
	}
}

@media only screen and (max-width: 1200px) {
	.post h1.wp-block-heading {
		width: 100%;
		font-size: 43px;
		line-height: 49px;
		margin-left: 0%;
		margin-top: 30px;
		margin-bottom: 0px;
	}
	
	.size-full.wp-post-image {
		max-width: 600px;
		height: auto;
		margin-left: -50px;
	}
	
	.type-post.status-publish.format-standard.has-post-thumbnail.hentry div.entry-content p {
		width: 90%;
		margin-top: 20px;
		margin-right: 0%;
	}
	
	.wp-block-themeisle-blocks-advanced-column {
		align-self: flex-start !important;
	}
	
	.footer-column-1, .footer-column-2, .footer-column-3, .footer-column-4 {
		width: 50%;
	}
}

@media only screen and (max-width: 800px) {
	.post h1.wp-block-heading {
		width: 100%;
		font-size: 33px !important;
		line-height: 39px;
		margin-left: 0%;
		margin-top: 30px;
		margin-bottom: 0px;
	}
	
	h1 {
		margin-top: 60px;
		margin-bottom: 40px;
		font-size: 30px;
	}
	
	.parent-pageid-17 h1 {
		text-align: left !important;
		font-size: 40px;
	}
	
	h2 {
		font-size: 30px;

	}
	
	.size-full.wp-post-image {
		max-width: 100%;
		height: auto;
		margin-left: -25px;
	}
	
	.top-color-content h1 {
		margin-top: -105px;
		font-size: 30px;
	}
	
	.textblock-start {
		padding-right: 60px;
	}
	
	.top-color {
		position: absolute;
		width: 100%;
		left: 0;
		padding-bottom: 130px;
	}
	
	.start-bilder {
		padding-top: 350px;
	}
	
	.home .vp-portfolio__items-style-fly.vp-portfolio__items-show-overlay-hover article:nth-child(1) {
	padding-top: 0px !important;
}

.home .vp-portfolio__items-style-fly.vp-portfolio__items-show-overlay-hover article:nth-child(3) {
	padding-top: 0px !important;
}

.home .vp-portfolio__items-style-fly.vp-portfolio__items-show-overlay-hover article:nth-child(5) {
	padding-top: 0px !important;
}

.home .vp-portfolio__items-style-fly.vp-portfolio__items-show-overlay-hover article:nth-child(9) {
	padding-top: 0px !important;
}
	
	.footer-column-1, .footer-column-2, .footer-column-3, .footer-column-4 {
		width: 100%;
	}
}

@media only screen and (max-width: 600px) {
	div#style-switch-inner {
		margin-left: 0 !important;
		width: 100% !important;
		padding-right: 10px;
		text-align: right;
	
	}
	
	h1 {
		margin-top: 60px;
		margin-bottom: 40px;
		font-size: 7vw;
		text-align: left !important;
	}
	
	h2 {
	font-size: 7vw !important;
	padding-bottom: 30px;
	padding-top: 15px;
}
	
	.textblock-start {
		padding-left: 60px;
		padding-right: 10px;
	}
	
	.start-bilder {
		padding-top: 370px;
	}

	/* ALLGEMEINE SEITEN Bild mit Text, full width Inhalte */
	
	.bild-links div.wp-block-media-text__content {
		padding-right: 0px !important;
		padding-left: 0px;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	
	.bild-rechts div.wp-block-media-text__content {
		padding-left: 0px !important;
		padding-right: 0px;
		padding-top: 40px;
		padding-bottom: 40px;
	}
}
@media only screen and (max-width: 600px) {
	div#style-switch {
		position: absolute;
		z-index: 800;
		bottom: 20px;
		width: 100%;
	}
	

}

@media only screen and (max-width: 450px) {
	/* GALLERY START Mobile */
	
	.start-bilder-mobile {
		padding-top: 380px;
	}
		.vp-portfolio__items-style-fly .vp-portfolio__item-overlay-text-align-center .vp-portfolio__item-meta {
		height: 100%;
		width: 100%;
		text-align: center;
		padding: 3px !important;
		}
	
	.vp-portfolio__items-style-fly .vp-portfolio__item-meta-title {
		font-size: 10px !important;
	}
}

@media only screen and (max-width: 400px) {
	/* GALLERY START Mobile */
	
	.start-bilder-mobile {
		padding-top: 400px;
	}
}

@media only screen and (max-width: 400px) {
	/* GALLERY START Mobile */
	
	.start-bilder-mobile {
		padding-top: 450px;
	}
}

#social-left, #social-right {
	height: 20px;
	position: static;
	z-index: 1000;
	bottom: 10px;
	position: fixed;
}

#social-left a {
	text-decoration: none;
}

#social-left {
	left: 20px;
}

#social-right {
	right: 20px;
}

#social-left img, #social-right img {
	width: 20px;
}