/*Theme Name: wd
Theme URI: http://underscores.me/
Author: Weiser Design
Author URI: http://www.weiser-design.de
Description: Weiserdesign
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wd
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

wd is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Variables
# Typography
# Elements
# Layout
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
	## Flickity Slider Fullscreen
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/




/*
font-family:'TT Commons W01 Thin';
font-family:'TT Commons W01 Light';
font-family:'TT Commons W01 Regular';
font-family:'TT Commons W01 Book';
font-family:'TT Commons W01 DemiBold';
font-family:'TT Commons W01 Bold';
font-family:'TT Commons W01 Black';
font-family:'Times NR MT W03 Regular';
font-family:'Times NR MT W03 SemiBold';
font-family:'Times NR MT W03 Bold';

font-family: tt-commons-pro, sans-serif;
font-family: linotype-didot, serif; 400 + 700
*/



/* .editor-styles-wrapper,
.wp-block,
.block-editor-block-list__layout,
.block-editor-block-list__block {
  user-select: text !important;
} */

/*--------------------------------------------------------------
# Fonts round
--------------------------------------------------------------*/





@font-face {
    font-family: 'round-8four';
    src: url('fonts/round8-four-webfont.eot');
    src: url('fonts/round8-four-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/round8-four-webfont.woff2') format('woff2'),
         url('fonts/round8-four-webfont.woff') format('woff'),
         url('fonts/round8-four-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'round-8two';
    src: url('fonts/round8-two-webfont.eot');
    src: url('fonts/round8-two-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/round8-two-webfont.woff2') format('woff2'),
         url('fonts/round8-two-webfont.woff') format('woff'),
         url('fonts/round8-two-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PPNeueMachina-PlainLight';
    src: url('fonts/PPNeueMachina-PlainLight.woff2') format('woff2'),
         url('fonts/PPNeueMachina-PlainLight.woff') format('woff'),
         url('fonts/PPNeueMachina-PlainLight.otf') format('opentype');
         /* TTF optional - WOFF deckt schon ab */
    font-weight: 300; /* Numerisch präziser als 'light' */
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PPNeueMachina-PlainRegular';
    src: url('fonts/PPNeueMachina-PlainRegular.woff2') format('woff2'),
         url('fonts/PPNeueMachina-PlainRegular.woff') format('woff'),
         url('fonts/PPNeueMachina-PlainRegular.otf') format('opentype');
    font-weight: 400; /* Regular = 400 */
    font-style: normal;
    font-display: swap;
}



/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}


/* Sections
	 ========================================================================== */


body {
	margin: 0;
	background-color: #fff;
	 -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
   /*word-break: break-word;*/
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

 #primary {
	width: 100%;
 }

h1 {
	margin: 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}


/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
	appearance: button;
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
	appearance: textfield;
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
	display: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/



body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: tt-commons-pro, sans-serif!important;
	font-weight: 200;
	/* font-size: 16px; */
	font-size: 1rem;
	line-height: 1.8;
}

h1, h2, h3, h5, h6 {
	/* font-family:'TT Commons W01 DemiBold', Arial, sans-serif; */
	font-family: tt-commons-pro, sans-serif;
	letter-spacing: 0.4px;
	color: #000;
	line-height: 1;
	clear: both;
}

 

h1 {
	font-weight: 600;
	font-size: 1.3em;
}



h2 {
	font-size: 1.125em;
}

h3 {
	font-weight: 500;
	font-size: 1.3em!important;
	line-height: 1;
	/* text-transform: uppercase!important; */
	margin-top: 1rem!important;
	
}

h3.start {
	font-family:'Times NR MT W03 SemiBold' ;
	text-transform: none;
	font-size: 3em!important;
}



h4, .leistungen_wrapper h1 {
	font-family: tt-commons-pro, sans-serif;
	font-weight: 100;
	font-size: 2vw;
	text-transform: uppercase;
	line-height: 1;
	margin: 0px;
}

p {
	font-family: tt-commons-pro, sans-serif;
	font-weight: 200;
	font-size: 1.2em;
	line-height: 1.5;
	color: #000;
	margin-top: 0px;
	margin-bottom: 1.5em;
	letter-spacing: 0.3px;
}

p.machinalarge {
	font-family: PPNeueMachina-PlainLight, sans-serif;
	font-weight: 300;
	font-size: 3rem;
	line-height: 1.2;
	color: #000;
}

.machina a,
.machina a:visited,
.machina a:hover,
.machina a:focus,
.machina a:active,
.machina a *,
.machina a:visited *,
.machina a:hover *,
.machina a:focus *,
.machina a:active * {
	color: #000!important;
	text-decoration: none;
}


p.machinaheadline{
	font-family: PPNeueMachina-PlainRegular, sans-serif;
	font-weight: 400;
	font-size: 7rem;
	line-height: 0.8;
	text-transform: uppercase;
	padding-top: 80px;
}

p.machina {
	font-family: PPNeueMachina-PlainLight, sans-serif;
	font-weight: 300;
	font-size: 1.875rem!important;
	line-height: 1.2!important;
}

@media screen and (max-width: 768px) {
	p.machinaheadline{
		font-size: 3rem;
		padding-top: 40px;
	}
}
p.bold {
	font-size: 1.5em;
	font-family: tt-commons-pro, sans-serif;
	font-weight: 600;
}

/*--------------------------------------------------------------
# Typography mobile
--------------------------------------------------------------*/

@media screen and (max-width: 768px) {
	h3.start {
		font-size: 1.3em;
		letter-spacing: normal;
	}

	p.machinalarge {
	font-size: 1.5rem;
}
	p.machina {
		font-size: 1rem!important;
		line-height: 1.2!important;
	}

}

/*--------------------------------------------------------------*/


dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: tt-commons-pro, sans-serif;
	font-size: 12px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: tt-commons-pro, sans-serif;
	font-size: 12px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}



/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #d31515;
	padding: 0px;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul, ol {
	margin: 0px;
}

ul {
	list-style: none;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	width: 100%;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin:0;
	margin-block-start:0px;
	margin-block-end:0px;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

svg {
  display: block;
}

.trenner {
	background-color: #333;
	width: 40px;
	height: 3px;
	float: left;
}


/* Advanced Gutenbergblock Modifizierungen*/
.wp-block-image {
	margin-bottom: 0px;
}
.advgb-columns:last-child {
	margin-bottom: 0px!important;
}


/*--------------------------------------------------------------
## Projekt Titel Startseite 
--------------------------------------------------------------*/

.projekt_titel_1 p,
.projekt_titel_1 h1,
.projekt_titel_1 h2,
.projekt_titel_1 h3,
.projekt_titel_1 h4,
.projekt_titel_1 a,
.projekt_titel_1 span {
	font-family: 'PPNeueMachina-PlainRegular', sans-serif;
	font-weight: 400;
}

.projekt_titel_1 a {
	color: #000;
	text-decoration: none;
}

.projekt_container_1 .wp-block-group__inner-container {
	position: relative;
}

.projekt_titel_1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9000;
	line-height: 0.7!important;
	margin: 0;
	margin-bottom: 0px!important;
	padding: 50px 15px 15px 15px;
	/* margin-block-end: 0px!important;  */
}

.projekt_titel_1 .weiss,
.projekt_titel_1 .weiss a {
	color: #fff;
}

.projekt_titel_1 .weiss a:hover,
.projekt_titel_1 .weiss a:focus,
.projekt_titel_1 .weiss a:active {
	color: #ffff00 !important;
}




.projekt_1 {
	position: relative;
	top: 0;
	width: 100%;
}

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

	.projekt_titel_1 {
		display: flex;
		flex-direction: column;
		padding: 15px;

		.text_left{
			text-align: left;
		} 

	}

	.projekt_container_1 .wp-block-group__inner-container {
		padding-top: 100px;
	}

	.projekt_container_1 .projekt_titel_1 {
		p {
			margin-bottom: 0.5rem;
		}
	}

	 .projekt_titel_1 .weiss, .projekt_titel_1 .weiss a {
		color: #000;
	} 
 }

 

/*--------------------------------------------------------------
## section horizontal startseite
--------------------------------------------------------------*/
.no {
	display: none;
}

.zwei {
	height: 100vh;
	width: 100%;
	background-color: #000;
	overflow:hidden;
	
}

@media screen and (max-width: 768px) { 
	.zwei {
		display: none;
		}
	.home .scrollmagic-pin-spacer {
		display: none!important;
		}
	}

.scroll-container-horizontal {
	position: relative;
	z-index: 201;
	display: flex;
	flex-direction:row;
	height: 100%;
	width:300%;
	margin: auto;
}

.zweieins,.zweizwei,.zweidrei {
	position: relative;
	display: flex;
	flex-direction:row;
	justify-content: center;
	align-items:center;
	height: 100%;
	width: 100%;
	padding-top: 40px;
	padding-left: 3%;
	padding-right: 3%;
}

.scroll_container_inner_wrapper {
	height:70%;
	width: 70%;
	position: relative;
	-webkit-background-size: 80%;
  	-moz-background-size: 80%;
  	-o-background-size: 80%;
  	background-size: 80%;
	background-position: top left;
	background-repeat: no-repeat;
}

.scroll_container_inner_wrapper.get_bg_image1 {
		background-image: url("/../../uploads/2020/03/200317_Weiser_Screendesign_Projekte-1.jpg");
}

.scroll_container_inner_wrapper.get_bg_image2 {
		background-image: url("/../../uploads/2020/03/200317_Weiser_Screendesign_Projekte-2.jpg");
}

.scroll_container_inner_wrapper.get_bg_image3 {
		background-image: url("/../../uploads/2020/03/200317_Weiser_Screendesign_Projekte-3.jpg");
}

.scroll_container_inner_text {
	/*position: absolute;
	bottom: -3px;
	left: -3px;*/
	width: 100%;
	background-color: #000;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 15%;
}

.scroll_container_inner_text p {
		color: #abb8c3;
}

.scroll_container_inner_text h3 {
		color: #fff;
		margin-block-end:5px;
}

.scale-out-home {
	overflow: hidden;
}


/*--------------------------------------------------------------
## Newsticker
--------------------------------------------------------------*/

.newsticker-container {
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	width: 100vw;
	background: #ffff00;
	/* border-radius: 10px; */
	/* box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); */
	overflow: hidden;
}

.ticker-wrapper {
	height: 60px;
	overflow: hidden;
	position: relative;
	background: #ffff00;
	display: flex;
	align-items: center;
	cursor: pointer;
}

.ticker-content {
	white-space: nowrap;
	display: flex;
	align-items: center;
	height: 100%;
	will-change: transform;
}

.news-item {
	display: inline-flex;
	align-items: center;
	/* font-family: tt-commons-pro, sans-serif; */
	font-family: 'PPNeueMachina-PlainRegular';
	font-weight: 400;
	font-size: 1rem;
	padding: 0 50px;
	color: #000;
	white-space: nowrap;
}

.news-item:not(:last-child)::after {
	font-family: 'round_8two';
	content: "//";
	color: #000;
	font-size: 4rem;
	margin-left: 50px;
}

.ticker-wrapper::before,
.ticker-wrapper::after {
	content: '';
	position: absolute;
	top: 0;
	width: 30px;
	height: 100%;
	z-index: 10;
	pointer-events: none;
}

.ticker-wrapper::before {
	left: 0;
	background: linear-gradient(to right, rgba(255,255,0,1), rgba(255,255,0,0));
}

.ticker-wrapper::after {
	right: 0;
	background: linear-gradient(to left, rgba(255,255,0,1), rgba(255,255,0,0));
}

@media (max-width: 768px) {
	.news-item {
		font-size: 14px;
		padding: 0 30px;
	}
	
	.news-item:not(:last-child)::after {
		margin-left: 30px;
	}
	
	.ticker-header {
		font-size: 14px;
		padding: 12px 20px;
	}
	
	.ticker-wrapper {
		height: 50px;
	}
}


/*--------------------------------------------------------------
## Hintergrund 2025
--------------------------------------------------------------*/

.bg_grau {
	background: #E6E6E6;
	background: linear-gradient(180deg,rgba(230, 230, 230, 1) 0%, rgba(255, 255, 255, 1) 100%);
	

	h2 {
		font-family: 'PPNeueMachina-PlainRegular', sans-serif;
		font-weight: 400;
		font-size: 2rem;
		line-height: 1!important;
		margin-top: 60px;
	}

	h3 {
		font-family: 'PPNeueMachina-PlainRegular', sans-serif;
		font-weight: 400;
		font-size: 1.7rem;
		line-height: 1.2;
		color: #000;
		margin-top: 60px!important;
	}

	p {
		font-family: 'PPNeueMachina-PlainLight', sans-serif;
		font-weight: 300;
		font-size: 1.2rem;
		line-height: 1.2;
		color: #000;
		margin-top: 20px;
	}
 }

.bg_gradient {
	background: #148D93;
	background: linear-gradient(201deg,rgba(20, 141, 147, 1) 27%, rgba(243, 219, 76, 1) 67%);
	padding: 0;
}

.bg_schwarz {
	background-color: #000;
	p.machinalarge {
		color: #fff;
	}
}
.bg_violett {
	background-color: #2d245b;
}

.bg_pink {
	background-color: #ffa7ff;
}

.bg_slider {
	background-color: #000;
}

.bg_grau_x {
	background: #E6E6E6;
	background: linear-gradient(180deg,rgba(230, 230, 230, 1) 0%, rgba(255, 255, 255, 1) 100%);
}

.bg_weiss {
	background-color: #fff;
	color: #000;
}

.bg_grau_x.lets_talk .btn {
	padding-bottom: 30px;
}

.container_btn_lets_talk .btn_lets_talk {
	padding-bottom: 30px;
}


.scroll-container.bg_schwarz {
	padding: 0 !important;
	margin: 0 auto !important;
	overflow: hidden;
}

.scroll-container.bg_schwarz .horizontal-wrapper {
	margin: 0;
	left: 0;
	position: relative;
	top: 0;
}

.bg_schwarz,  .bg_weiss {
	padding: 10% 5%;
}

.bg_slider {
	padding: 0px;
}

.bg_grau_x, .bg_grau{
	padding: 5%
}


@media screen and (max-width: 768px) {
	.bg_schwarz, .bg_grau_x, .bg_weiss, .bg_grau {
		padding: 10% 5%;
	}
}


/*--------------------------------------------------------------
## startseite 2025
--------------------------------------------------------------*/

.home {

	h1.round {
		font-family: 'round-8two';
		font-size: 26rem;
		line-height: 0.7!important;
		/* margin-bottom: 0px!important;
		margin-block-end: 0px!important; */
		color: #D0E816;
		margin-top: 60px;
	}



	/* CTA Buttons */
.btn a,
.btn_lets_talk a,
.container_btn_projekte .btn_projekte a {
	background-color: #000;
	font-family: 'round-8four';
	font-size: 5rem;
	padding: 0 50px;
	border: none;
	border-radius: 60px;
	color: #fff;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}

.btn a:hover,
.btn_lets_talk a:hover,
.container_btn_projekte .btn_projekte a:hover {
	padding: 0 55px;
}

.bg_schwarz .btn_projekte a.wp-block-button__link.wp-element-button,
.container_btn_projekte .btn_projekte a.wp-block-button__link.wp-element-button {
	background-color: #fff !important;
	color: #000 !important;
}

.bg_schwarz .btn_projekte a.wp-block-button__link.wp-element-button:hover,
.container_btn_projekte .btn_projekte a.wp-block-button__link.wp-element-button:hover {
	background-color: #fff !important;
	color: #000 !important;
}

}

@media (min-width: 460px) and (max-width: 768px) {

	.home {

		.bg_schwarz {

			p {
				font-size: 1.5rem;
			}
		}
	}
}

/*--------------------------------------------------------------
## leistungen 2025
--------------------------------------------------------------*/

.page-leistungen {

	h1.round {
		font-family: 'round_8two';
		font-size: 26rem;
		line-height: 0.7!important;
		/* margin-bottom: 0px!important;
		margin-block-end: 0px!important; */
		color: #D0E816;
		margin-top: 60px;
	}

	

.bg_schwarz {

	padding: 10% 20%;

	p {
		color: #fff;
	}

		p {
			font-size: 3rem;
			line-height: 1.2;
			margin-top: 30px;
			
		}

		p.leistungen {
			font-size: 1.875rem;
		}

		p.serif {
			font-family: linotype-didot, serif;
			font-weight: 700;
		}
	}
	

 .bg_weiss {

		padding: 10% 20%;
		
		/* p {
			color: #fff;
		} */
	
			p {
				font-size: 3rem;
				line-height: 1.2;
				margin-top: 30px;
				
			}
	
			p.leistungen {
				font-size: 1.875rem;
			}
	
			p.serif {
				font-family: linotype-didot, serif;
				font-weight: 700;
			}
		}
		

}



/*---------------------------------------------------------------------------------
                             Projekte Übersicht 2025
-----------------------------------------------------------------------------------*/

.page-projekte-corporate-design {

	h1.round {
	font-family: 'round-8two';
		font-size: 10rem;
		line-height: 0.7;
		/* margin-bottom: 0px!important;
		margin-block-end: 0px!important; */
		color: #fff;
		margin-top: 60px;
	}

	@media (max-width: 768px) {
		h1.round {
			font-size: 4rem;
			line-height: 1;
			margin-top: 0px;
		}
	  }
	  

}


/*--------------------------------------------------------------
## startseite section horizontal 2025
--------------------------------------------------------------*/


.scroll-container {
	height: 100vh;
	overflow: hidden;
}


.three_slides_container, .three_slides_container_2 {
	width: 100vw !important;
	max-width: none !important;
	padding: 0 !important;
	margin: 0 auto !important;
}



.three_slides_container .horizontal-wrapper, .three_slides_container_2 .horizontal-wrapper, .scroll-container .horizontal-wrapper {
	display: flex;
	flex-direction: row;
	width: 300vw; /* 3 * 100vw für 3 Container */
	height: 100vh;
	margin: 0;
	padding: 0!important;
}

.three_slides_container .horizontal-wrapper .container, .three_slides_container_2 .horizontal-wrapper .container, .scroll-container .horizontal-wrapper .container,
.three_slides_container .horizontal-wrapper > *, .three_slides_container_2 .horizontal-wrapper > *, .scroll-container .horizontal-wrapper > * {
	width: 100vw !important;
	min-width: 100vw !important;
	max-width: none !important;
	flex: 0 0 100vw !important;
	flex-shrink: 0 !important;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	background: none;
	box-sizing: border-box;
}


/* Für Mobile: Passe width an, um Scrollbar zu berücksichtigen */
@media (max-width: 768px) {
	.three_slides_container .horizontal-wrapper, .three_slides_container_2 .horizontal-wrapper {
		width: calc(300vw - 20px); /* Etwas kleiner für Sicherheit */
	}
	.three_slides_container .horizontal-wrapper .container, .three_slides_container_2 .horizontal-wrapper .container,
	.three_slides_container .horizontal-wrapper > *, .three_slides_container_2 .horizontal-wrapper > * {
		width: calc(100vw - 10px) !important;
		min-width: calc(100vw - 10px) !important;
		flex: 0 0 calc(100vw - 10px) !important;
	}
}



.content-box {
	max-width: 100%;
	width: 100%;
	background:none;
	border-radius: 8px;
	/* box-shadow: 0 2px 10px rgba(0,0,0,0.1); */
	overflow: hidden;
	/* height: 80vh; */
	height: 100vh;
}

.section {
	height: 100%;
	padding: 17%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
}

.three_slides_container_2 .section img {
	width: 100%;
	max-width: 100%;
	max-height: 66vh;
	height: auto;
	object-fit: contain;
	display: block;
	margin: 0 auto;
}

/* .container:nth-child(1) { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
.container:nth-child(2) { background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); }
.container:nth-child(3) { background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); } */

/* .section h2 {
	font-family: 'round_8two';
	font-size: 5rem;
	margin-bottom: 20px;
	text-align: center;
}

.section p {
	font-size: 3rem;
	line-height: 1.1;
	text-align: center;
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.progress-indicator {
	position: fixed;
	top: 20px;
	right: 20px;
	z-index: 1000;
	background: rgba(255,255,255,0.9);
	padding: 10px 15px;
	border-radius: 20px;
	font-weight: bold;
} */

 /* Responsive Design bleibt gleich aber angepasst */
 @media (max-width: 768px) {
	.horizontal-wrapper {
		flex-direction: column;
		width: 100vw;
		height: 300vh;
	}
	
	.container {
		width: 100vw;
		height: 100vh;
	}
	
	.section h2 { font-size: 2em; }
	.section p { font-size: 1em; }
}

/* Hover Effects */
.content-box:hover {
	transform: translateY(-5px);
	transition: transform 0.3s ease;
}

/*--------------------------------------------------------------
## section horizontal exyte
--------------------------------------------------------------*/



.zwei-exyte {
	height: 100vh;
	width: 100%;
	overflow:hidden;
	background-image: url("../../uploads/2020/02/200211_Weiser_Screendesign_Exyte_Grafikelement-2.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

@media screen and (max-width: 768px) { 
	.zwei-exyte {
			display: none;
		}
	}


.scroll-container-horizontal-exyte {

	position: relative;
	z-index: 201;
	display: flex;
	flex-direction:row;
	height: 100%;
	width:300vw;
	margin: auto;
}

.zweieins-exyte,.zweizwei-exyte,.zweidrei-exyte {
	position: relative;
	display: flex;
	flex: 0 0 100vw; /* Slider nehmen immer die volle Viewportbreite */
	flex-direction:row;
	justify-content: center;
	align-items:flex-start;
	height: 100%;
	width: 100%;
	padding-top: 60px;
	padding-left: 3%;
	padding-right: 3%;
}



.scroll_container_wrapper-exyte-1, .scroll_container_wrapper-exyte-2, .scroll_container_wrapper-exyte-3 {
	height:90%;
	width: 80%;
	position: relative;
	-webkit-background-size: contain;
  	-moz-background-size: contain;
  	-o-background-size: contain;
  	background-size: contain;
	background-position: top center;
	background-repeat: no-repeat;
}

.scroll_container_wrapper-exyte-1 {
	background-image: url("../../uploads/2020/02/200211_Weiser_Screendesign_Exyte_LSC_S2.png");
}

.scroll_container_wrapper-exyte-2 {
	background-image: url("../../uploads/2020/02/200211_Weiser_Screendesign_Exyte_LSC_S3.png");
}

.scroll_container_wrapper-exyte-3 {
	background-image: url("../../uploads/2020/02/200211_Weiser_Screendesign_Exyte_LSC_S5.png");
}

/*--------------------------------------------------------------
# section setpin_rotate_container
--------------------------------------------------------------*/
.HE_studienrad {
	position: relative;
	overflow: hidden;
	height: 70%;
}

.cover_studienrad {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 20%;
	background-color: #fff;
	-webkit-box-shadow: 0px -5px 5px 0px rgba(0,0,0,0.43); 
box-shadow: 0px -5px 5px 0px rgba(0,0,0,0.43);
}

/*--------------------------------------------------------------
# Header und Footer
--------------------------------------------------------------*/


.site-main {
	display: block;
	margin-top: 15px;
}

.site-header {
/*	background-color: var(--site-header-bg);
*/	display:flex;
	flex-direction:row;
	justify-content: center;
	padding-left: 50px;
	padding-right: 50px;
}

.site-branding-wrapper {
	display: flex;
	flex-direction:row;
	justify-content: center;
	width: 100%;
	max-width: 1200px;
}

.home .site-main {
	margin-top: 0px;
}

.home .site-header {
	height: 0px;
}

.home .entry-header {
	display: none;
}

.site-branding .custom-logo-link{
	width: 100%;
	height: 100%;
	
}

.page-projekte-corporate-design .site-branding .custom-logo-link .custom-logo,
.page-projekte-corporate-design .site-branding .custom-logo-link svg,
.page-projekte-corporate-design .site-branding .custom-logo-link svg *,
.page-projekte-corporate-design .site-branding .custom-logo-link svg path,
.page-projekte-corporate-design .site-branding .custom-logo-link svg g,
.page-projekte-corporate-design .site-branding .custom-logo-link svg polygon,
.page-projekte-corporate-design .site-branding .custom-logo-link svg rect,
.page-projekte-corporate-design .site-branding .custom-logo-link svg circle {
	fill: #fff !important;
	stroke: #fff !important;
}

.page-projekte-corporate-design .site-branding .custom-logo-link img.custom-logo {
	filter: brightness(0) invert(1);
}


/*- Logo Size -*/
.site-branding {
	width: 170px;
	height: 32px;
	z-index: 1990;
	margin-top: 20px;
}


/* @media screen and (max-width: 1030px) {
	.site-branding {
	margin-top: 20px;
	}
} */


.footer_holder {
	display: flex;
	flex-direction: column;
	background-color: #fff;
	padding-bottom: 20px;
}

.footer_bottom {
	display: flex;
	flex-direction: row;
}

.footer_inner_left, .footer_inner_right {
	flex: 1;
}

/*@media screen and (max-width: 768px) { 
	.footer_holder {
		margin-left:10px;
		margin-bottom: 10px;
}
}*/

.footer_holder p {
	color:#000;
	font-size: 0.9em;
	text-align: left;
}

.footer_inner_top {
	width: 100%;
	height: 200px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.footer_inner_top .footer_col1,
.footer_inner_top .wp-block-buttons {
	display: flex;
	justify-content: center;
	align-items: center;
}

.footer_inner_top .btn a {
	background-color: #000;
	font-family: 'round-8four';
	font-size: 5rem;
	padding: 0 50px;
	border: none;
	border-radius: 60px;
	color: #fff;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}

.footer_inner_top .btn a:hover {
	padding: 0 55px;
}

@media screen and (max-width: 720px) {
	.footer_inner_top {
		height: auto;
		padding: 20px 0;
	}

	.footer_inner_top .wp-block-buttons {
		flex-wrap: wrap;
		gap: 12px;
	}

	.footer_inner_top .btn a {
		font-size: 2.2rem;
		padding: 0 24px;
	}

	.footer_inner_top .btn a:hover {
		padding: 0 24px;
	}

	.bg_grau_x.lets_talk .btn a {
		font-size: 2.2rem;
		padding: 0 24px;
	}

	.container_btn_lets_talk .btn_lets_talk a {
		font-size: 2.2rem;
		padding: 0 24px;
	}

	.bg_grau_x.lets_talk .btn a:hover {
		padding: 0 24px;
	}

	.container_btn_lets_talk .btn_lets_talk a:hover {
		padding: 0 24px;
	}

	.home .bg_schwarz .btn_projekte a.wp-block-button__link.wp-element-button,
	.page-leistungen .bg_schwarz .btn_projekte a.wp-block-button__link.wp-element-button,
	.page-agentur .bg_schwarz .btn_projekte a.wp-block-button__link.wp-element-button,
	.home .container_btn_projekte .btn_projekte a.wp-block-button__link.wp-element-button,
	.page-leistungen .container_btn_projekte .btn_projekte a.wp-block-button__link.wp-element-button,
	.page-agentur .container_btn_projekte .btn_projekte a.wp-block-button__link.wp-element-button {
		font-size: 2.2rem;
		padding: 0 24px;
		color: #000!important;
		background-color: #fff!important;
	}

	.home .bg_schwarz .btn_projekte a:hover,
	.page-leistungen .bg_schwarz .btn_projekte a:hover,
	.page-agentur .bg_schwarz .btn_projekte a:hover,
	.home .container_btn_projekte .btn_projekte a:hover,
	.page-leistungen .container_btn_projekte .btn_projekte a:hover,
	.page-agentur .container_btn_projekte .btn_projekte a:hover {
		padding: 0 24px;
	}
}

.footer_inner_left, .footer_inner_right {
	width: 50%;
	flex: 1;
}

.footer_inner_right {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}


.footer_inner_right .footer_col1 li {
	font-family: tt-commons-pro, sans-serif;
	font-size: 1em;
	letter-spacing: 1.4px;
	display: inline;
	text-align: left;
	margin-right: 15px;
}

.footer_holder  {
	.footer_col3 {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 10px;
		margin-right: 30px;
	}

	.instagram_icon {
		margin-right: 0;
	}

	.instagram_icon svg {
		width: 30px;
		height: 30px;
		display: block;
	}

	.instagram_icon svg path {
		fill: #000 !important;
	}

	.linkedin_icon {
		margin-right: 10px;
	}

	.linkedin_icon svg {
		width: 30px;
		height: 30px;
		display: block;
	}

	.linkedin_icon svg path {
		fill: #000 !important;
	}
}

.footer_holder li a {
	color: #333;
}

.footer_holder .footer_col1 .menu .current-menu-item a {
	color: #666;
} 

.footer_inner_right .footer_col3 {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
	margin-right: 30px;
}

.footer_inner_right .footer_col3 .instagram_icon,
.footer_inner_right .footer_col3 .linkedin_icon {
	margin: 0;
	line-height: 0;
}

.footer_inner_right .footer_col3 .instagram_icon img,
.footer_inner_right .footer_col3 .linkedin_icon img {
	display: block;
	width: 30px;
	height: 30px;
	max-width: 30px;
	object-fit: contain;
	filter: brightness(0) saturate(100%);
}

.footer_inner_right .footer_col2 {


	text-align: left;
}


.footer_inner_left #menu-footer {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 0 15px;
	padding-left: 20px;
	margin: 0;
	list-style: none;
}




.footer_inner_right .footer_col3 p {
	padding-top: 2px;
	font-family: tt-commons-pro, sans-serif;
	font-size: 1em;
	letter-spacing: 1.4px;
	text-align: left;
	margin: 0px;
}

/* @media screen and (max-width: 1050px) {

	.footer_inner_left {
	background-color: #fff;
	width: 15%;
	}

.footer_inner_right {
	width: 85% ;
	}

}

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

	.footer_holder { 
		flex-direction:column;
		align-items:flex-start;
	}

	.footer_inner_left {
	width: 100% ;
	}

	.footer_inner_right {
	width: 100% ;
	}

	.footer_inner_right .footer_col1 {
		width: 100%;
	}

	.footer_inner_right .footer_col2 {
		width: 100%;
		padding-bottom: 0px;
	}

	.footer_inner_right .footer_col3 {
		width: 100%;
		padding-left: 30px;
		padding-top: 0px;
		padding-bottom: 20px;
	}

	.footer_inner_right .footer_col3 p {
		padding-left: 0px;
	}
}

 */

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 0px;
	color: rgba(0, 0, 0, 0.8);
	font-size: 25px;
	line-height: 1;
	padding: .6em 1em .4em;
	outline: none;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 0px;
	padding: 3px;
/*	background-color: none;
*/}




input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
/*input[type="search"]:focus,*/
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}


/* ----  wcf7 Formulare ----*/

.wpcf7 label{
 	color:#7a654e;
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea{
	font-size: 1.125em;
	background:none;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #b2aaa8;
	color:#000000;
	outline: none;
	width: 100%;
	margin-top: 50px;
}

.wpcf7 input[type="text"]::placeholder, .wpcf7 input[type="email"]::placeholder, .wpcf7 textarea::placeholder {
	margin-top: 50px;
	color: #7a654e;
	font-size: 0.8em;
}

.wpcf p {
	line-height: 0px;
}

input[type="submit"] {
	background-color:#000000;
	color:#fff;
	font-size:2.125em;
	font-family:'TT Commons W01 Book', Arial, sans-serif;
	text-transform: uppercase;
	border:none;
	border-radius: 0px;
	padding: 5px;
	cursor: pointer;
	-webkit-box-shadow: 0px 3px 42px -15px rgba(0,0,0,0.87);
	-moz-box-shadow: 0px 3px 42px -15px rgba(0,0,0,0.87);
	box-shadow: 0px 3px 42px -15px rgba(0,0,0,0.87);
	-webkit-transition: .5s;
	 -moz-transition: .5s;
	 -o-transition: .5s;
	 -ms-transition: .5s;
	 transition: .5s;; 
}

input[type="submit"]:hover {
	color: #7a654e;
}

/*--- checkbox für recioient erstes Element ohne padding ------*/

span.wpcf7-list-item.first {
	margin: 0px;
}

.wpcf7-acceptance span.wpcf7-list-item {
	margin: 0px;
}


/*--------------------------------------------------------------
## Links allgemein
--------------------------------------------------------------*/
a {
	color: #000;
	text-decoration: none;
	-webkit-transition: .5s;
	 -moz-transition: .5s;
	 -o-transition: .5s;
	 -ms-transition: .5s;
	 transition: .5s;;
}

a:visited {
	color: #000000;
}

a:hover, a:focus, a:active {
	color: #dedede!important;
	text-decoration: none!important;
	outline: none;
}

a:focus {
	outline: none;
	text-decoration: none;
}


.current_page_item a {
	color: #000;
}


/*-------------------------------------------------------------------------------
                      gelber contact button
--------------------------------------------------------------------------------*/

.contact-button .upper_wrapper {
	display: flex;
	flex-direction: column;
}

.contact-button .lower_wrapper {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-end;
}

.contact-button {
	width: 100%;
	/* height: 250px; */
	padding: 20px;
	background-color: #efef03;
}

.contact-button h3 {
	font-size: 2em;
	/* color: #fff; */

}

.contact-button .interesse , .contact-button .fon {
	margin-block-end: 0px;
	margin-bottom: 5px;
}

/*-------------------------------------------------------------------------------
                       button home bg_hellgrau
--------------------------------------------------------------------------------*/

.home .btn_home a{
	color: #000;
	background: none;
}

/* .home .wp-block-button__link {
	font-family:'TT Commons W01 DemiBold', Arial, sans-serif;
	font-size: 1.2em;
	text-transform: uppercase;
	border-radius: 30px!important; 
	border: 1px solid #707070!important;
	padding-left: 35px;
	padding-right: 35px;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
} */

/* .home .wp-block-button__link:hover {
	padding-left: 40px;
	padding-right: 40px;
} */

/*---------------------------------------------------------
                      Text rotate 90 degrees 
----------------------------------------------------------*/

.relative {
	display: block;
	position: relative;
	
}

.leistungen_rotate, .referenzen_rotate, .hiring_rotate, .page_leistungen_rotate {
	hyphens:none;
	position: absolute;
	top:100px;
	left: 10px;
	transform-origin:0 0;
	transform: rotate(-90deg);
	z-index: 9990;
}

.referenzen_rotate {
	margin-top: 60px;
}


.hiring_rotate {
	width: 250px;
}

@media screen and (max-width: 768px) {
	.leistungen_rotate, .referenzen_rotate, .hiring_rotate{
		display: none;
	}
}

/*---------------------------------------------------------
                      Leistungspunkte
----------------------------------------------------------*/



@media screen and (max-width: 768px) {
	.leistungen_wrapper h4 {
	font-size: 6vw;
	}
}
/*.leistungen_wrapper h4 {
	line-height: 1;
}
*/
/*---------------------------------------------------------
                      Referenz Logos
----------------------------------------------------------*/

.referenz_logo {
	padding: 2%;
}

.referenzen > .advgb-column-inner {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: clamp(16px, 3vw, 40px);
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	scroll-snap-type: x mandatory;
	overscroll-behavior-x: contain;
	touch-action: pan-x;
	padding-bottom: 8px;
}

.referenzen {
	position: relative;
}

.referenzen::before,
.referenzen::after {
	position: absolute;
	top: 10%;
	transform: translateY(-50%);
	z-index: 5;
	color: #fff;
	font-size: 2rem;
	line-height: 1;
	opacity: 0.9;
	pointer-events: none;
	text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}

.referenzen::before {
	content: "←";
	left: 8px;
}

.referenzen::after {
	content: "→";
	right: 8px;
}

.referenzen .referenz_logo {
	flex: 0 0 clamp(140px, 22vw, 280px);
	scroll-snap-align: start;
	padding: 0;
	margin: 0;
}

.referenzen .referenz_logo img {
	width: 100%;
	height: auto;
	object-fit: contain;
	display: block;
}


.referenz_logo_wrapper {
	position: relative;
	top: 50px;
	left: 50px;
	background-color: #000;
	padding-left: 10%;
	padding-right: 10%;
	padding-bottom: 100px;
}

.referenz_logo_wrapper .wp-block-image {
	width: 50%;
}
 
@media (min-width: 300px) and (max-width: 768px) {
	
	.referenz_logo_wrapper .wp-block-image {
		width: 80%;
	}

	.referenz_logo_wrapper {
		padding-left: 0px;
		padding-bottom: 50px;
		width: 80%;
	}

	.referenz_logo {
	/*width: 40px;*/
	padding: 0px;
	}

}



.referenz_logo_wrapper .advgb-columns.mbl-layout-stacked .advgb-column {
    width: 25% !important; 
	}

.referenz_logo_wrapper .advgb-column.advgb-is-full-mobile .advgb-column{
	display: flex;
	width: 25%!important;
}

@media (min-width: 320px) and (max-width: 480px) {
	.referenz_logo_wrapper .wp-block-image {
		width: 100%;
	}

 .referenz_logo {
		padding: 5px;
	}
  
}
.referenzen_wrapper_after .bg_hellgrau {
	margin-bottom: -60px;
}

/*---------------------------------------------------------
                      Pseudo Element Linie
----------------------------------------------------------*/
.line {
	z-index: 20;
}

.line:before {
	content: " ";
	position: absolute;
	background-color: #000;
	width: 40px;
	height: 3px;
	right: 90px;
	top: 10px;
	z-index: -1;
}

.referenzen_rotate.line:before {
	right: 180px;
}

.hiring_rotate.line:before {
	right: 270px;
}

.leistungen_rotate.line:before {
	right: 110px;
}



/*-------------------------------------------------------------------------------
                      Background für Weiser Design ist eine Kreativ
--------------------------------------------------------------------------------*/

.bg_hellgrau.kreativ {
	position: relative;

}



.bg_kreativ {
	position: relative;
	top: 30px;
	right: 30px;
	padding: 50px;
	background-color: #efefef;
	/*background-image: url("/wp-content/uploads/2020/02/200212_Weiser_Screendesign_Dr_Lang_Background.png");
	background-size: cover;*/
}

/*.bg_kreativ p {
	color: #fff;
}*/

@media screen and (max-width: 768px) {
.bg_kreativ {
	padding-left: 30px;
	} 
}



/*-------------------------------------------------------------------------------
                      We are hiring
--------------------------------------------------------------------------------*/

h4.hiring {
	font-family:'TT Commons W01 Bold', Arial, sans-serif;
	font-size: 8vw;
	color: #000;
	line-height: 0.8;
	margin: 0px;
}

@media screen and (max-width: 768px) {
	h4.hiring {
	font-size: 11vw;
	}
}
/*---------------------------------------------------------
                      Fullscreen menu. 
----------------------------------------------------------*/

#menu_wrapper {
	display: block;
	position: fixed;
	top: 0px;
	right: 0px;
	width: 0px;
   	height: 0px;
   	z-index: 20000;
}

#path_menu {
	background-color: #000;
}

#toggle{
	/*display: block;*/
	position: fixed;
	top: 20px;
	right: 35px;
	z-index: 21000;
	cursor: pointer;
}



@media screen and (max-width: 1030px) { 
	#toggle{
	right: 10px;
	}
}


.menu-bar {
    width: 35px;
    height: 2px;
    border-radius: 0px;
    background-color: #000;
    position: relative;
    margin: 4px 0;    
    transform-origin: center center;
  }

.menu-toggle_wrapper:hover .menu-bar{
	    background-color: #7a654e;
}



.menu-main-container{
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 90vh;
	display:flex;
	flex-direction: row;
	/* justify-content: center; */
	align-items:center;
	z-index: 21004;
	visibility: hidden;
	overflow: scroll;
}

.site-branding-menu-wrapper {
	position: fixed;
	display: flex;
	flex-direction:row;
	justify-content: center;
	width: 100%;
	z-index: 21010;
}

.site-branding-menu {
	display: none;
	width: 170px;
	height: 32px;
}

.site-branding-menu .custom-logo-link{
	margin-top: 50px;
	width: 100%;
	height: 100%;
}

.site-branding-menu .custom-logo-link svg,
.site-branding-menu .custom-logo-link svg *,
.site-branding-menu .custom-logo-link svg path,
.site-branding-menu .custom-logo-link svg g,
.site-branding-menu .custom-logo-link svg polygon,
.site-branding-menu .custom-logo-link svg rect,
.site-branding-menu .custom-logo-link svg circle {
	fill: #fff !important;
	stroke: #fff !important;
}

.site-branding-menu .custom-logo-link img.custom-logo {
	filter: brightness(0) invert(1);
}



#primary-menu {
	display: flex;
	flex-direction:column;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
	padding-left: 0px;
	margin: 3% 10%;
	z-index: 21003;
}


#primary-menu ul {
	list-style: none;
	width: 100%;
		
}

 #primary-menu li {
	font-family: PPNeueMachina-PlainLight, sans-serif;
	font-weight: 300;
	font-size: 5em;
	line-height: 1.2;
	/*letter-spacing: 1.1px;*/
	visibility: hidden;
	width: 100%;
	border-bottom: solid 1px #fff;
}

#primary-menu li a,
#primary-menu li a:visited,
#primary-menu li a:active,
#primary-menu li a *,
#primary-menu li a:visited *,
#primary-menu li a:active * {
	color: #fff !important;
	text-decoration: none;
}

#primary-menu li a:hover,
#primary-menu li a:focus,
#primary-menu li a:hover *,
#primary-menu li a:focus * {
	color: #494848 !important;
	text-decoration: none;
}

#primary-menu li:first-child {
	margin-left: 0px;
}

/* #primary-menu span.sub { 
	font-family: tt-commons-pro, sans-serif;
	font-weight: 600;
	font-size: 0.6em;
	color: #fff;
	letter-spacing: 1.1px;
} */

.social_menu {
	display: block;
	position: fixed;
	bottom: 30px;
	right: 40px;
	display: flex;
	flex-direction:row;
	justify-content: flex-end;
	visibility: hidden;
	   z-index: 21020;
}

.instagram_icon a, .twitter_icon a, .facebook_icon a, .email_icon a{
	display:block;
	/*background-color: #ff0000;*/
	width: 18px;
	height: auto;
	margin-left: 10px;
	opacity: 0.6;
	z-index: 100009;
}

.facebook_icon img {
	height: 25px;
	margin-top: 5px;
}

.instagram_icon a:hover , .twitter_icon a:hover, .facebook_icon a:hover, .email_icon a:hover {
	opacity: 1;
}

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

	.site-branding-menu .custom-logo-link{
	margin-top: 0px;
}

	.menu-main-container{ 
		align-items:start;
		padding-top: 20px;
	}

	#primary-menu {
		margin-bottom: 20px;
		margin: 1% 10%;
	}

	#primary-menu li {
		font-size: 2.5em;
		line-height: 1.2;
		margin-left: 0px;
		margin-top: 20px;
	}
	.social_menu {
		flex-direction:row;
		
	}

	.social_menu div {
		margin-top: 10px;
	}
}



/*--------------------------------------------------------------
## Barba JS
--------------------------------------------------------------*/

#wrapper-barba {
	display: flex;
	position: fixed;
	top: -2px;
	right: -2px;
	bottom: -2px;
	left: -2px;
	z-index: 9999;
	background-color: #000;
	width: calc(100% + 4px);
	height: calc(100vh + 4px);
	overflow: hidden;
	pointer-events: none;
	backface-visibility: hidden;
	will-change: transform;
}

 #wrapper-barba .wd_favicon {
	display: flex;
	flex-direction:row;
	align-items:center;
	margin: auto;
	opacity:0;
	
}

#wrapper-barba .wd_favicon .wd-svg {
	width: 50px;
	height: auto;
	z-index: 10001;
	
} 

/* #wrapper-barba .wd_favicon {
	display:none;
}
 */

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-:before,
.site-:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Searchform Results
--------------------------------------------------------------*/

.no-results .searchform p{
		color: #7a654e;
		font-size: 16px;
}

/* LOS auf der No results Seite */
.no-results #searchsubmit {
	color: #7a654e;
	margin-left: 20px;
	padding: 0px;
	outline: none;
}

.no-results .screen-reader-text {
	display: none;
}

.no-results .search-field {
	padding: 0px;
	outline: none;
}

.no-results #search-form {
	/*background-color: #ff0000;*/
	color: #fff;
	display: flex;
	height: 100px;
	flex-direction: row;
	align-items:flex-start;
	justify-content: flex-start;
}




/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 ;
	/*overflow-x: hidden;*/
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content {
	margin:0px;
}

.entry-summary {
	margin: 0px;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

 .page h1.entry-title{
 	display: none!important;
}

.page-leistungen h1.entry-title, .page-jobs h1.entry-title, .page-projekte-corporate-design h1.entry-title , .page-kontakt h1.entry-title, .page-agentur h1.entry-title{
	display: block;
	text-transform: uppercase;
	font-size: 3vw;
}

@media screen and (max-width: 768px) {
	.page-leistungen h1.entry-title, .page-jobs h1.entry-title, .page-projekte-corporate-design h1.entry-title , .page-kontakt h1.entry-title, .page-agentur h1.entry-title{
		font-size: 32px;
	}
}


h1.entry-title {
	margin-left: 0px;
}

.page-kontakt .kontakt a{
	color: #000;
}

/*--------------------------------------------------------------
		## Hintergrund Farben für Flächen
--------------------------------------------------------------*/


.bg_dunkel {
	font-family:'TT Commons W01 DemiBold', Arial, sans-serif;
	/*background: linear-gradient(45deg, rgba(63,22,22,1) 22%, rgba(0,0,0,1) 100%);*/
	background-color: #000;
	color: #fff;
	padding-right: 100px;
	padding-left: 150px;
	padding-top: 100px;
	padding-bottom: 100px;
}

.bg_hellgrau {
	position: relative;
	background-color: #efefef;
}




/*---------------------------------------------------------------------------------*/
.bg_blau {
	/*background-color: #CCFF0C;*/
	background-color: #000000;
}

@media screen and (max-width: 768px) {
	.bg_dunkel, .bg_hell {
		padding-left: 50px;
		padding-right: 50px;
	}
}


/*---------------------------------------------------------------------------------
                             Agentur Page  
-----------------------------------------------------------------------------------*/

.elkethomas.absolute
{
	position: absolute;
	top: 15%;
	left: -40px;
	z-index: 10;
	width: 450px;
	height: auto;
}	

.thomas_portrait {
	position: absolute;
	top: 200px;
	left: -60px;
	z-index: 10;
	/* width: 200px;
	height: auto; */
}

@media (max-width: 768px) {
	.elkethomas  {
		display: none;
	}
	.thomas_portrait {
		position: relative!important;
		top: 0px;
	left: 0px;
	}
}


.page-agentur .site-branding #wd_logo {
	width: 100%;
	height: 100%;
}

.page-agentur .site-branding .custom-logo-link {
	fill:#fff;
}


/* .page-agentur p,.page-design-agentur-stuttgart h1.entry-title, .page-agentur h2, .page-agentur h3 , .page-agentur
 a {
	color: #fff;
} */


.page-agentur .footer_holder p {
	color:#000;
}

.page-agentur .footer_holder li a {
	font-family:'TT Commons W01 Book', Arial, sans-serif;
	color:#000;
}

.page-agentur .footer_inner_right .footer_col2 .wd-svg{
	fill:#000;
}

.page-agentur .footer_inner_right {

	background-color: #fff;
}

.page-agentur .footer_inner_right .footer_col1 { 
	background-color: #000;
}

.page-agentur #menu-footer li a {
	color: #000;
}

.page-agentur .awards p {
	font-family: tt-commons-pro, sans-serif;
	font-weight: 600;
		font-size: 5vw;
		text-transform: uppercase;
		line-height: 1;
}

.page-agentur .awards {
	background-image: url("../../uploads2020/02/aw_bg.png");
	background-position: top center;
}

/*.page-agentur .portrait {
	padding: 15px;
}
*/

/*---------------------------------------------------------------------------------
                             Project Page  
-----------------------------------------------------------------------------------*/

.page-id-55, .page-projekte-corporate-design {
	background-color: #000;
}



/*---------------------------------------------------------------------------------
                             Template schmal  
-----------------------------------------------------------------------------------*/

.site-content {
	max-width: 100%;
	display: block;
	display: flex;
	flex-direction: row;
	justify-content: center;
	/*background-color: #fff;*/
	overflow: hidden;
}


.schmal {
	width: 100%;
	max-width: 1500px;
	padding-top: 20px;
	padding-left: 50px;
	padding-right: 50px;
	box-sizing: border-box;
	}

	@media (max-width: 768px) {
		.schmal {
			padding-top: 50px;
			padding-left: 30px;
			padding-right: 30px;
		}

	 }



/*---------------------------------------------------------------------------------
                             Single 
-----------------------------------------------------------------------------------*/

.single-projects {
	background-color: #fff;
} 

/* liegt in single.php */

/*.single .site-content {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.single .content-area {
	max-width: 800px;
	background-color: #ff0000;
	margin-left: 50px;
	margin-right: 50px;
}

.single h1 {
	margin-left: 0px;
}

.single .post-thumbnail {
	margin-top: 20px;
}
*/


/*--------------------------------------------------------------
## Search Results
--------------------------------------------------------------*/

.search-content {
	margin: 80px;
}

.search-content h1 {
	margin-bottom: 50px;
}

.search-content h3 {
	margin-bottom: 0px;
}



/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
 .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/

.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}


/*---------------------------------------------------------------------------------
                             Projects Page  
-----------------------------------------------------------------------------------*/

/* .page-projekte-corporate-design {
	background: #000;
} */

.page-projekte-corporate-design h1, .page-projekte-corporate-design h3, .page-projekte-corporate-design p, .page-projekte-corporate-design .grid-cd .grid-item-cd .title-cd-project {
	color: #fff;
}

.page-projekte-corporate-design .menu-bar {
    background-color: #fff!important;
  }

.page-projekte-corporate-design .grid-cd .grid-item-cd {
	background-color: #000;
}

.page-projekte-corporate-design .grid-cd .grid-item-cd .image-cd-project {
	overflow: hidden;
}

.page-projekte-corporate-design .grid-cd .grid-item-cd .grid-swipe-cover {
	height: 100%;
}

.page-projekte-corporate-design .grid-cd .grid-item-cd .grid-swipe-cover stop {
	stop-color: #000 !important;
}

.page-projekte-corporate-design .grid-cd .grid-item-cd .grid-swipe-cover .path-grid-cover {
	fill: #000 !important;
}

  .page-projekte-corporate-design  .footer_inner_left, .page-projekte-corporate-design .footer_inner_right .footer_col1  {
	background-color: #000;
  }

  .page-projekte-corporate-design #menu-footer li a {
	  color: #fff;
  }

	.page-projekte-corporate-design .footer_holder {
	  background-color: #000;
	}

	.page-projekte-corporate-design .footer_holder p,
	.page-projekte-corporate-design .footer_holder li a,
	.page-projekte-corporate-design .footer_holder .footer_col1 .menu .current-menu-item a,
	.page-projekte-corporate-design .footer_inner_right .footer_col3 p {
	  color: #fff;
	}

	.page-projekte-corporate-design .footer_inner_right .footer_col3 .instagram_icon img,
	.page-projekte-corporate-design .footer_inner_right .footer_col3 .linkedin_icon img {
	  filter: brightness(0) invert(1);
	}

	.page-projekte-corporate-design .linkedin_icon svg path {
	  fill: #fff !important;
	}

	.page-projekte-corporate-design .footer_inner_top .btn a {
	  background-color: #fff;
	  color: #000;
	}

.page-projekte .bg_schwarz p, .bg_schwarz a {
	color:#fff;
}

.page-projekte h1{
	font-family: tt-commons-pro, sans-serif;
	font-weight: 600;
	font-size: 8vw;
	line-height: 1;
}

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

}

.page-projekte.filter-button-group.corporate-design {
	display: none;
	/*text-transform: none;
	background-color: #ff0000;*/
}

/*--------------------------------------------------------------
## Projects Grid
--------------------------------------------------------------*/

.grid {
	width: 100%;
	/*min-height: 200px;*/
	/*display: flex;
	flex-direction: row;*/
}

.grid .grid-item {
  position: relative;
  float: left;
  width: 300px;
  height: 200px;
  z-index: 200;
   /*max-width: 33%;
 	margin: 0px;*/
	/*overflow: hidden;*/
}

@media (min-width: 480px) and (max-width: 600px) {
		
		.grid .grid-item {
		width: 150px;
  		height: 100px;
		}

	}

@media (min-width: 320px) and (max-width: 480px) {
		
		.grid .grid-item {
		width: 120px;
  		height: 80px;
		}

	}


.grid .grid-item img {
	position: relative;
	height: 100%;
	/*width: 100%;*/
	object-fit:cover;
}


.grid .grid-item .grid-swipe-cover {
	position: absolute;
	top: 0px;
	width: 100%;
	height:100%;
}

.grid .grid-item .title-project {
	position: absolute;
	font-family: tt-commons-pro, sans-serif;
	font-weight: 600;
	font-size: 1em;
	color: #333;
	line-height: 1em;
	top: 50%;
	left: 10%;
	opacity: 0;
	z-index: 501;
}


.filter-button-group {
	width: 100%;
	height: 50px;
}

.filter-button-group.all-areas ul li {
	display: inline;
	font-size: 1.125em;
	margin-left: 10px;
}

.filter-button-group.all-areas ul li:first-child {
	margin-left: 0px;
}

/**** Filter für Projekte Print Web etc. ****/
.filter-button-group.all-areas ul li a:hover {
	color: #333;
}

.filter-button-group.all-areas li a.active {
  color: #333;
}


/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height;
     -moz-transition-property: height;
      -ms-transition-property: height;
       -o-transition-property: height;
          transition-property: height;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}


/*--------------------------------------------------------------
## Projects Grid Corporate Design
--------------------------------------------------------------*/

.grid-cd {
	display: flex;
	flex-flow: row wrap;
	width: 100%;
}

.grid-cd .grid-item-cd {
	position: relative;
	width: calc(50%);
	padding-top: 20px;
	padding-right: 20px;
	z-index: 200;
}

/* .grid-cd .grid-item-cd img {
	-webkit-box-shadow: 0px 3px 20px -7px rgba(0,0,0,0.87);
	-moz-box-shadow: 0px 3px 20px -7px rgba(0,0,0,0.87);
	box-shadow: 0px 3px 20px -7px rgba(0,0,0,0.87);
}

@media screen and (max-width: 600px) { 
	.grid-cd .grid-item-cd img {
	-webkit-box-shadow: 0px 3px 10px -3px rgba(0,0,0,0.87);
	-moz-box-shadow: 0px 3px 10px -3px rgba(0,0,0,0.87);
	box-shadow: 0px 3px 10px -3px rgba(0,0,0,0.87);
}
} */

@media screen and (min-width: 600px) { 
	
	.grid-cd .grid-item-cd {
		padding-right: 60px;
		/*padding-bottom: 70px;*/
	}

	.grid-cd .grid-item-cd:nth-child(even) {
	margin-top: 60px;
	}

}

.grid-cd .grid-item-cd:nth-child(even) {
	margin-top: 20px;
}


.grid-cd .grid-item-cd .image-cd-project {
	display: block;
	position: relative;
	/*overflow: hidden;*/
} 


.grid-cd .grid-item-cd .grid-swipe-cover {
	position: absolute;
	top: 0px;
	width: 100%;
	height:97%;
}


.grid-cd .grid-item-cd .title-cd-project {
	font-family: tt-commons-pro, sans-serif;
	font-weight: 500;
	color: #000;
	line-height: 1;
	padding-top: 20px;
	z-index: 500;
}

.grid-cd .grid-item-cd .excerpt-project { 
	font-family: tt-commons-pro, sans-serif;
	font-weight: 100;
	font-size: 1rem;
	padding-top: 10px;
	padding-right: 60px;
	line-height: 15px;
	/*margin-top: 15px;*/
	z-index: 501;
}

.grid-cd .grid-item-cd .excerpt-project p {
	color: #a5a5a5;
}


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

	.grid-cd .grid-item-cd .excerpt-project { 
		display: none;
	}

	.grid-cd .grid-item-cd .title-cd-project {
		font-size: 0.8rem;
		font-weight: 200;
		line-height: 1.2;
		padding-top: 15px;
	}

	}

.filter-button-group {
	width: 100%;
	height: 50px;
}

ul {
	padding-inline-start: 0px;
}


/*--------------------------------------------------------------
## Titelbilder Styles
--------------------------------------------------------------*/



.titelbild_wrapper {
	height: 100vh;
	padding: 100px 50px;
	}

.titelbild_wrapper .wp-block-group__inner-container {
	position: relative;
	/*background-color: #ff0000;*/
	height: 100%;
	margin: auto;
}

.titelbild_wrapper .wp-block-group__inner-container .titelbild_text {
	display: block;
	bottom: -5px;
	width: 75%;
	position: absolute;
	top: 80%;
	left: -5px;
	background-color: #fff;
	padding-top: 10px;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 0px;
	hyphens: auto;
  
}



.titelbild_wrapper .titelbild_text p,.titelbild_wrapper .titelbild_text h2,.titelbild_wrapper .titelbild_text h3 {
	opacity: 0;
}

.titelbild_wrapper .titelbild_text h3 {
	margin-top: 40px;
}

.titelbild_wrapper .wp-block-group__inner-container .titelbild_text p {
	position: relative;
}

.titelbild_wrapper .wp-block-group__inner-container .titelbild_text p.line_horizontal:after {
	width: 0px;
}

.titelbild_wrapper .wp-block-group__inner-container .titelbild_text p.line_horizontal:after {
	content: " ";
	position: absolute;
	background-color: #333;
	/*width: 40px;*/
	height: 3px;
	margin-left: 20px;
	top: 10px;
}

.titelbild_wrapper .wp-block-group__inner-container .titelbild_text .titelbild_text_inner {
	padding: 20px;
}


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

	/*.titelbild_wrapper {
		height: 60vh;
	}*/

	.titelbild_wrapper .wp-block-group__inner-container .titelbild_text {
	width: 90%;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	}

	.titelbild_wrapper .wp-block-group__inner-container .titelbild_text h3 {
		margin-top: 20px;
	}

	.titelbild_wrapper .wp-block-group__inner-container .titelbild_text .titelbild_text_inner {
	padding: 0px;
	}

}

/*--------------------------------------------------------------
## Titelbild Background Images pro Seite
--------------------------------------------------------------*/

.titelbild_wrapper >.wp-block-group__inner-container {
	background-size: 130%;
	background-repeat: no-repeat;
	/*background-size: cover;*/
	}


/*MHZ*/
.projects-mhz-corporate-design .titelbild_wrapper >.wp-block-group__inner-container {
	background-image: url("/../../uploads/2020/03/200317_titelbild_mhz.jpg");
}
/*EFW*/
.projects-corporate-design-efw .titelbild_wrapper >.wp-block-group__inner-container {
	background-image: url("/../../uploads/2020/02/200211_Weiser_Screendesign_EFW_Header.jpg");
}

/*Fraunhofer IAO*/
.projects-keyvisual-fraunhofer-iao .titelbild_wrapper >.wp-block-group__inner-container {
	background-image: url("/../../uploads/2021/01/IAO_Header.jpg");
}

.projects-corporate-design-efw .bg_efw1 {
	background-image: url("/../../uploads/2020/02/200211_Weiser_Screendesign_EFW_Element.png");
	background-repeat: no-repeat;
	background-position: 0% 100%;
}

/*Knierim Projektmanmagement*/
.projects-corporate-design-knierim-projektmanagement .titelbild_wrapper >.wp-block-group__inner-container {
	background-image: url("/../../uploads/2020/02/200212_Weiser_Screendesign_Knierim.jpg");
}
/*exyte*/
.projects-markenkommunikation-exyte .titelbild_wrapper >.wp-block-group__inner-container {
	background-image: url("/../../uploads/2020/03/200211_Weiser_Screendesign_Exyte_Header_Neu-2.png");
}

.projects-markenkommunikation-exyte .bg_exyte1 {
	background-image: url("/../../uploads/2020/02/200211_Weiser_Screendesign_Exyte_Grafikelement-2.png");
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 0% 40%;
}

/*prostep*/
.projects-corporate-design-prostep-ivip .titelbild_wrapper >.wp-block-group__inner-container {
	background-image: url("/../../uploads/2020/03/200317_Weiser_Screendesign_Headerbilder_Startbild-2.jpg");
	background-position: top right;
	background-size: cover;
}

.projects-corporate-design-prostep-ivip .bg_prostep1 {
	background-image: url("/../../uploads/2020/02/bg_Prostep.jpg");
	background-position: top left;
	background-repeat: no-repeat;
	background-size: cover;
}

.projects-corporate-design-prostep-ivip .bg_prostep2 {
background: rgb(0,15,48);
background: linear-gradient(138deg, rgba(0,15,48,1) 0%, rgba(0,15,48,1) 0%, rgba(0,183,193,1) 100%);
}

/*Uni Speyer*/
.projects-markenkommunikation-uni-speyer .titelbild_wrapper >.wp-block-group__inner-container {
	background-image: url("/../../uploads/2020/03/200317_Weiser_Screendesign_Headerbilder_Uni_Speyer_NEU.jpg");
}

/*Dr Lang*/
.projects-corporate-design-dr-lang-kieferorthopadie .titelbild_wrapper >.wp-block-group__inner-container {
	background-image: url("/../../uploads/2020/02/200212_Weiser_Screendesign_Dr_Lang_Header.jpg");
}

.projects-corporate-design-dr-lang-kieferorthopadie .bg_lang1 {
	background-image: url("/../../uploads/2020/02/200212_Weiser_Screendesign_Dr_Lang_Background.png");
	background-position: top center;
	background-size: cover;
}

/*Hochschule Esslingen*/
.projects-markenkommunikation-hochschule-esslingen .titelbild_wrapper >.wp-block-group__inner-container {
	background-image: url("/../../uploads/2020/03/200212_Weiser_Screendesign_HS_Ess_Header_Neu.jpg");
}

/*dapde*/
.projects-dapde .titelbild_wrapper >.wp-block-group__inner-container {
	background-image: url("/../../uploads/2021/06/210601_DaPDe_kopfbild.jpg");
}

/*Stuttgarter Maschinenbau*/
.projects-corporate-design-stuttgarter-maschinenbau .titelbild_wrapper >.wp-block-group__inner-container {
	background-image: url("/../../uploads/2021/06/210601_StMasch_Kopfbild.jpg");
}



@media screen and (max-width: 780px) {
	
	.titelbild_wrapper >.wp-block-group__inner-container {
	background-size: cover;
	}

}


/*--------------------------------------------------------------
## Startseite Animation Kopfbild
--------------------------------------------------------------*/

.startbild_icon {
	display: block;
	position: absolute;
	top: 20%;
	left: 35%;
	height: 10%;
}

.startbild_icon .icon {
  fill:none;
  stroke:#000;
  stroke-width:5px;
}

.startbild_wrapper {
	height: 100vh;
	width: 100%;
	padding: 100px 4%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.startbild_wrapper_2 {
	margin-top: 5%;
	height: 100vh;
	/* width: 100%; */
	padding-top: 0px;
	padding-left:  4%;
	padding-right: 4%;
	padding-bottom: 100px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.wp-block-group.alignfull.startbild_wrapper_2 {
	margin: auto;
}

.startbild_wrapper >.wp-block-group__inner-container, .startbild_wrapper_2 >.wp-block-group__inner-container {
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
	/*background-color: #ff0000;*/
	width: 100%;
	height: 100%;
	/*overflow: hidden;*/
}

  .startbild_text {
	position: absolute;
	left: 0; 
	font-size: 5vw;
	text-transform: uppercase;
	line-height: 1;
	margin-block-start:0px;
	margin-block-end:0px;
	z-index: 11;
	opacity: 1;
}

 .startbild_text h1 {
	opacity: 0;
	font-size: 1em;
}



.startbild_h1_animation {
	display: block;
    width: 100%;
    height: 100%;
    background-color:#dae5e6; 
    position: absolute;
    left: 0;
    top: 0;
    z-index: 12;
    transform-origin: left;
    transform: scaleX(0);
}

.startbild_text_h3 h3 {
	margin-block-start:0px;
	margin-block-end:0px;
	opacity: 0;
}

.startbild_text_h3 {
	display: inline-block;
	position: absolute;
	left: 0;
	top:60%; 
	z-index: 13;
}

.startbild_h3_animation {
	display: block;
    width: 100%;
    height: 100%;
    background-color:#dae5e6; 
    position: absolute;
    left: 0;
    top: 0;
    z-index: 12;
    transform-origin: left;
    transform: scaleX(0);
}

.startbild_p {
	display: inline-block;
	position: absolute;
	left: 0;
	top:70%; 
	width:50%;
	z-index: 13;
}


.startbild_image {
	margin-top: 0px;
	position: relative;
	width: 85%;
	height: auto;
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

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

	.startbild_wrapper >.wp-block-group__inner-container, .startbild_wrapper_2 >.wp-block-group__inner-container { 
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}

	.startbild_wrapper_2 {
		padding-top: 50px;
		height: 100vh;
	}

	.startbild_image {
		position: relative;
		width: 100%;
	}

	.startbild_text {
		position: relative;
		margin-top: 30px;
	}

	.startbild_text_h3 {
		position: relative;
		top: 0;
		margin-top: 20px;
	}

	.startbild_p {
		position: relative;
		top: 0;
		padding-left: 0px;
		width:80%;
		margin-top: 40px;
	}

}




@media (min-width: 576px) and (max-width: 775px) {

	.startbild_wrapper >.wp-block-group__inner-container { 
		flex-direction: column;
		justify-content: flex-start;
	}

	.startbild_wrapper >.wp-block-group__inner-container .startbild_text h1 {
	font-size: 1.2em;
	}
	
	.startbild_text {
		top: 55%;
	}

	.startbild_text_h3 {
		top: 65%;
	}

	.startbild_p {
	top:75%; 
	}

	.startbild_image {
		width: 100%;
	}

}

@media (min-width: 775px) and (max-width: 1024px) { 

	.startbild_wrapper h1,.startbild_wrapper .startbild_h3,.startbild_wrapper .startbild_p {
		padding-left: 30px;
	}

	.startbild_text {
		top: 45%;
	}

	.startbild_p {
		width: 80%;
	}

	.startbild_image {
		width: 100%;
	}
	
	.startbild_text {
		top: 50%;
	}
	
}*/



/*--------------------------------------------------------------
## Projects single
--------------------------------------------------------------*/

.single-projects .site-header {
	height: 0px;
}

.single-projects .project_categories-digital, .single-projects .project_categories-print, .single-projects .project_categories-im-raum {
	padding-top: 85px;
}

.single-projects .site-main {
	margin-top: 0px;
}



.single-projects .entry-header {
	display: none;
}

.projekt_link a {
	color: #333!important;
	background-color: #fff!important;
	font-family: tt-commons-pro, Arial, sans-serif;
	padding-left: 0px;
}

.single-projects .project_categories-corporate-design h2 {
	margin-block-start:0.83em;
	margin-top: 40px;
}

.single-projects h2 {
	margin-block-start:0px;
	font-size: 2.0em;
	font-family: tt-commons-pro, Arial, sans-serif;
	font-weight: 400;
}






/* ---------------------------------------------------------------------------------------
                         Navigation  Projects  Pages 
------------------------------------------------------------------------------------------*/
/* Page Naviagtion für Projects  prev/next liegt in single-projects.php */


.single-projects .project-back-link {
	position: fixed;
	top: 230px;
	left: 0px;
	background-color: none;
	padding-left: 10px;
	z-index: 9000;
	
}

.single-projects .project-back-link p {
	position: relative;
	transform-origin:0 0;
	transform: rotate(-90deg);
	line-height: 1.0;
	color:#000;
	margin: auto;
	hyphens:none;
}

.single-projects .project-back-link.line:before {
	transform-origin:0 0;
	transform: rotate(-90deg);
	left: 15px;
	top: 60px;
}



.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
	/*min-width: 100%;*/
}

.comment-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

.post-navigation {
	display: flex;
	display: row;
	justify-content: center;
}

.post-navigation .nav-links .nav-next, .post-navigation .nav-links .nav-previous {
	position: fixed;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	height: 200px;
	width: 30px;
	top: 40%;
	background-color: #000;
}

.post-navigation .nav-links .nav-next img, .post-navigation .nav-links .nav-previous img {
	width: 15px;
}

.post-navigation .nav-links .nav-next{
	left: 0px;
}

.post-navigation .nav-links .nav-previous{
	right: 0px;
}

.post-navigation .nav-links .nav-next .nav-link-inner, .post-navigation .nav-links .nav-previous .nav-link-inner {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 200px;
}

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

	.single-projects .post-navigation .nav-links {
		display: none;
	}

}


/*--------------------------------------------------------------
## Advanced Gutenberg Blocks
--------------------------------------------------------------*/

@media screen and (max-width: 768px) {
    .reverse_mobile .advgb-is-mobile {
        flex-direction: column-reverse;
	}
}


/*------------------------------------------------------------------------------------------------------
                                 Fade-up und Zoom für Bilder 
-------------------------------------------------------------------------------------------------------*/


.scale-out, .fade-right-in, .scale-right-in, .bild_scale_parallax {
	position: relative;  
    overflow: hidden; 
}

.bild_scale_parallax img {
	position: relative;
	transform:scale(1.2);
	transform-origin: 50% 100%;
}

.fade {
	opacity: 0;
}

.fade-up {
	position: relative;
	/* top:50px;
	opacity: 0; */
}

.scale-right-in, .scale-right-in-im, .scale-right-in-small, .scale-left-in, .scale-left-in-small, .scale-up-in {
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

/*.scale-right-in-small {
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);

}


.scale-left-in {
	clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
	-webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}


.scale-left-in-small {
	clip-path: polygon(0% 0%, 70% 0%, 70% 100%, 0% 100%);
	-webkit-clip-path: polygon(0% 0%, 70% 0%, 70% 100%, 0% 100%);

}

.scale-up-in {
	clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
	-webkit-clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);

}*/



/*--------------------------------------------------------------
	## Allgemein
--------------------------------------------------------------*/



.schatten {	
-webkit-box-shadow: -1px 3px 27px -4px rgba(153,153,153,1);
-moz-box-shadow: -1px 3px 27px -4px rgba(153,153,153,1);
box-shadow: -1px 3px 27px -4px rgba(153,153,153,1);
}

.schatten_innen img {	
-webkit-box-shadow: -1px 3px 27px -4px rgba(153,153,153,1);
-moz-box-shadow: -1px 3px 27px -4px rgba(153,153,153,1);
box-shadow: -1px 3px 27px -4px rgba(153,153,153,1);
}

.rounded {
	padding: 40px;
	border-radius: 12px;
	background-color: #fff;
}

.bild_scale_parallax img {
	transform: scale(1.4);
}

@media screen and (max-width: 768px) { 
	.rounded {
		padding: 15px;
	}
}

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

.top50 {
	position: relative;
	top: -50px;
	z-index: 200;
	}

.top100 {
	position: relative;
	top: -100px;
	z-index: 200;
	}

.top200 {
	position: relative;
	top: -200px;
	z-index: 200;
	}

.top-50 {
	position: relative;
	top: 50px;
	z-index: 200;
	}

.top-100 {
	position: relative;
	top: 100px;
	z-index: 200;
	}

.top-200 {
	position: relative;
	top: 200px;
	z-index: 200;
	}

.p30 {
	padding: 30px;
	}

.p60 {
	padding: 60px;
	}

.p90 {
	padding: 90px;
	}

.p120 {
	padding: 120px;
	}

.p180 {
	padding: 180px;
	}

.left_move {
	position: relative;
	right: 50px;
	}

.right_move {
	position: relative;
	left: 50px;
	}

}


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

.p60 {
	padding: 10px;
	}

.p90 {
	padding: 10px;
	}

.p120 {
	padding: 10px;
	}

.p180 {
	padding: 60px;
	}
}


.p120xs {
	padding: 120px;
}

.bg_wrapper >.wp-block-group__inner-container {
	max-width: 1500px;
	margin: auto;
	padding: 50px 50px;
}

.bg_wrapper.start_container >.wp-block-group__inner-container{
	padding-top: 0px!important;
}


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

	.abstand_start {
		height: 20px!important;
	}

	.bg_wrapper_wide {
		padding: 50px 50px;
	}

 }

.hover_rotation {
	transform-style: preserve-3d;
}

.text_weiss {
	color: #fff;
}

.text_grau {
	color: #c7c7c7;
	margin-bottom: 0px;
}

.single-projects h3 {
	margin-block-start: 0px;
	margin-block-end: 0px;
}

.rand_schwarz img {
	border: 1px solid #000;
}

/*--------------------------------------------------------------
	## extra Code für fullwidth areas
--------------------------------------------------------------*/

.entry-content .alignwide {
        margin-left  : 0px;
        margin-right : 0px;
    }
    .entry-content .alignfull {
        margin-left  : calc( -100vw / 2 + 100% / 2 );
        margin-right : calc( -100vw / 2 + 100% / 2 );
        max-width    : 100vw;
    }
    .alignfull img {
        width: 100%;
    }


/*--------------------------------------------------------------
## Abstandselement
--------------------------------------------------------------*/

.abstand50 {
	height: 50px!important;
}

.abstand {
	height: 100px!important;
}

.abstand200 {
	height: 200px!important;
}

.abstand300 {
	height: 300px!important;
}

.abstand400 {
	height: 400px!important;
}


@media screen and (max-width: 800px) {
		.abstand,  .abstand200, .abstand300, .abstand400, .abstand500, .abstand100 {
	height: 40px!important;
		}

		.abstand50 {
			height: 15px!important;
		}

	}

	.absolute {
	position: absolute;
	}

/* Definition Anstand unter 768px*/

.abstand100_xs {
	height: 100px!important;
}

.abstand200_xs {
	height: 200px!important;
}

.abstand300_xs {
	height: 300px!important;
}

.abstand400_xs {
	height: 400px!important;
}

.abstand500_xs {
	height: 500px!important;
}

.abstand600_xs {
	height: 600px!important;
}

.abstand700_xs, .abstand900xs {
	height: 700px!important;
}

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

	.abstand100_xs, .abstand200_xs, .abstand300_xs,  .abstand500_xs, .abstand600_xs, .abstand700_xs {
		height: 200px!important;
	}
	
	.abstand400_xs {
		height: 300px!important;
	}

	.abstand600_xs, .abstand700_xs {
		height: 550px!important;
	}

	.abstand900_xs {
		height: 900px!important;
	}

	.projects-markenkommunikation-exyte .abstand200_xs {
			height: 400px!important;
	}

	.projects-corporate-design-efw .abstand300_xs {
		height: 500px!important;
	}

	.projects-markenkommunikation-uni-speyer .abstand500_xs {
		height: 800px!important;
	}

	.projects-mhz-corporate-design .abstand600_xs {
		height: 800px!important;
	}

	.projects-corporate-design-dr-lang-kieferorthopadie .abstand400_xs {
		height: 400px!important;
	}

	.projects-corporate-design-knierim-projektmanagement .abstand400_xs {
		height: 500px!important;
	}

	.projects-corporate-design-prostep-ivip .abstand400_xs {
		height: 600px!important;
	}

}

@media (min-width:576px) and (max-width: 780px) {

	.abstand900_xs {
		height: 900px!important;
	}

	.projects-markenkommunikation-exyte .abstand200_xs {
			height: 400px!important;
	}

	.projects-corporate-design-efw .abstand300_xs {
		height: 200px!important;
	}

	.projects-markenkommunikation-uni-speyer .abstand500_xs {
		height: 500px!important;
	}

	.projects-mhz-corporate-design .abstand600_xs {
		height: 400px!important;
	}

	.projects-corporate-design-dr-lang-kieferorthopadie .abstand400_xs {
		height: 300px!important;
	}

	.projects-corporate-design-knierim-projektmanagement .abstand400_xs {
		height: 400px!important;
	}

	.projects-corporate-design-prostep-ivip .abstand400_xs {
		height: 300px!important;
	}

}




#scrollbar {
  width: 500px;
  height: 500px;
  overflow: auto;
}
 


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

	p {
		font-size: 1.0em;
		
	}
	
	p.bold {
		font-size: 1.0em;
	}

	h3 {
		word-wrap: break-word;
  		/* overflow-wrap: break-word; */
		font-size: 1.3em;
	}

	.page-leistungen li {
		font-size: 1.0em;
	}

	#menu-footer {
		float:left;
		padding-left: 30px;
	}

	#menu-footer li {
		margin-right: 8px;
		font-size: 0.8em;
	}

	.startbild_text h1 {
		font-size: 7vw;
	}

	/* .page-projekte-corporate-design .schmal {
		margin-left: 20px;
		margin-right: 20px;
	} */

	.page-projekte-corporate-design h1 {
		font-size: 24px;
	}

	.page-projekte-corporate-design .bg_wrapper >.wp-block-group__inner-container,
	.home .bg_wrapper >.wp-block-group__inner-container {
		padding: 50px 20px;
	}

	.page-projekte-corporate-design .grid .grid-item {
		width: 50%;
  		height: 100px;
		}

}


/*image_rounded  Projekt Bempflinger*/


.img_rounded_tl_tr_br_bl0 img {
    border-radius: 70px 70px 70px 0px!important;
}

.img_rounded_tl_tr_br0_bl img {
    border-radius: 70px 70px 0px 70px!important;
}

.img_rounded_tl_tr0_br_bl img {
    border-radius: 70px 0px 70px 70px!important;
}

.img_rounded_tl0_tr_br0_bl img {
    border-radius: 0px 70px 0px 70px!important;
}

.img_rounded_tl0_tr_br_bl img {
    border-radius: 0px 70px 70px 70px!important;
}

.img_rounded_tl_tr_br_bl img {
    border-radius: 70px 70px 70px 70px!important;
}

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

    .img_rounded_tl_tr_br_bl0 img {
        border-radius: 35px 35px 35px 0px!important;
    }
    
    .img_rounded_tl_tr_br0_bl img {
        border-radius: 35px 35px 0px 35px!important;
    }
    
    .img_rounded_tl_tr0_br_bl img {
        border-radius: 35px 0px 35px 35px!important;
    }
    
    .img_rounded_tl0_tr_br0_bl img{
        border-radius: 0px 35px 0px 35px!important;
    }
    
    .img_rounded_tl0_tr_br_bl img{
        border-radius: 0px 35px 35px 35px!important;
    }
    
    .img_rounded_tl_tr_br_bl img{
        border-radius: 35px 35px 35px 35px!important;
    }

}


#animationContainer, 
#animationContainer2{
	width: 100vho;
	height: auto;
  } 

  @media (max-width: 768px) {
	#animationContainer, #animationContainer2{
		display: none;
	}
  }


	@media (max-width: 768px) {
    .wp-block-advgb-columns.advgb-columns-wrapper .advgb-columns-container .advgb-columns.mbl-layout-stacked.vgutter-10>.advgb-column {
        margin-bottom: 0px!important;
    }
	}