@charset "UTF-8";
/*
Theme Name: Sound Strategy 2019
Theme URI: https://wordpress.org/themes/soundstrategy2019/
Author: Florian Ubr
Author URI: 
Description: Built with love for Sound Strategy in 2019. Based on Twenty Nineteen theme by Wordpress.
Requires at least: WordPress 4.9.6
Version: 1.0.16
-License: GNU General Public License v2 or later
-License URI: LICENSE
Text Domain: soundstrategy2019
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, 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.

Twenty Nineteen is based on Underscores https://underscores.me/, (C) 2012-2018 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:
----------------------------------------------------------------
# Variables
# Normalize
# Typography
	## Headings
	## Copy
# Elements
	## Lists
	## Tables
# Forms
	## Buttons
	## Fields
# Navigation
	## Links
	## Menus
	## Next & Previous
# Accessibility
# Alignments
# Clearings
# Layout
# Widgets
# Content
	## Archives
	## Posts and pages
	## Comments
# Blocks
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/



/* ! 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
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 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"] {
  -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"] {
  -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 */
html {
  font-size: 22px;
}

body {
/*   -webkit-font-smoothing: antialiased; */
  -moz-osx-font-smoothing: grayscale;
  color: #111;
  font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
  font-weight: 400;
  font-size: 1em;
/*   line-height: 1.8; */
  margin: 0;
/*   text-rendering: optimizeLegibility; */
}



/* *************************************************************************** */
/* ABOVE IS THE ORIGINAL TEMPALTE'S STYLE REMAININGS
	BELOW STARTS THE SOUND STRATEGY CUSTOM STUFF */


body {
	font-family: "Helvetica Neue", Arial, Verdana, sans-serif;
	font-size: 16px;
	line-height: 1.15;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	color: #103579;

}

h1 {
	font-size: 8vw;
}
h2, p {
	line-height: 160%;
}

h2 {
	font-size: 28px;
}

p {
	font-size: 18px;
	margin-top: 0.5em;
}


a {
	color: #00ACA8;
	text-decoration: none;
}

a:hover {
	color: #00ACA8;
	text-decoration: underline;
}

.wp-block-coblocks-hero .has-white-color a {
/* 	Links nur in weißen Texten auch weiß zeichen - sonst Standardfarbe (türkis) */
	color: #FFFFFF;
	text-decoration: none;
}

.wp-block-coblocks-hero .has-white-color a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.fullsizeblock { 
	height: 100vh;
	width: 100vw;
	background-size: cover;
	
/* 	Center child element vertically nicely with flexbox */
	display: flex;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	justify-content: center;
	flex-direction: column;
}

.videoheader_fullscreen {
	height: 100vh;
	width: 100vw;
	position: relative;
	overflow: hidden;
}

#connectingAnim {
	position: absolute;
	top: 50%;
	left: 50%;
	min-height: 100vh;
	min-width: 100vw;
	width: 100%;
	height: 100%;
	object-fit: cover;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -999;

}

.site-header {
	background-color: #FFFFFF;
	background-color: rgba(255,255,255,0.8);
	
	height: 60px;
	
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	
/* 	-webkit-backdrop-filter: blur(20px); */
	backdrop-filter: blur(20px);
	-webkit-transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
	transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
}

@supports (-webkit-backdrop-filter: blur(20px)) {
	.site-header {
		background-color: rgba(255,255,255,0.5);
		-webkit-backdrop-filter: blur(20px);
	}
}

@supports (backdrop-filter: blur(20px)) {
	.site-header {
		background-color: rgba(255,255,255,0.5);
		backdrop-filter: blur(20px);
	}
}

/* fix elements being hidden below navi bar or looking unbalanced */

.entry-content .wp-block-coblocks-hero:first-child .wp-block-coblocks-hero__content-wrapper,
.site-content .soundShareMainContainer:first-child {
	padding-top: 60px;
}

.site-content .soundShareMainContainer:first-child .textblockCenteredDarkBg:first-child {
	padding-top: 60px;
	padding-bottom: 60px;
}

.admin-bar .site-header {
	/*When admin is logged in and WP admin bar is shown, make our navi start below WP admin bar */
	top: 32px;
}

.skip-link {
	display: none;
}

.navigationBar {
	display: flex;
	align-items: stretch;
	margin: 16px 20px;
}

.mobileBurgerBttn,
.mobileLanguageSwitcher {
	display: none;
}

.site-footer {
	display: flex;
	align-items: stretch;
	margin: 15px 0 0 0;
	margin: 0 0 0 0;
	padding: 50px 20px;
	background-color: #e6e6e6;
	font-size: 90%;
	text-decoration: none;
	font-weight: bold;
	line-height: 160%;
}

.site-footer a {
	text-decoration: none;
	color: #103579;
}


.footer-widget-1,
.footer-widget-2,
.footer-widget-3,
.footer-widget-4 {
	flex: 1;
	line-height: 180%;
	font-size: 14px;
	list-style: none;
	padding-left: 5vw;
	
}

.footer-widget-4 {
	padding-left: 1vw;
}

.theLogo, .socialBar {
	flex: 0 0 300px;
}

.theLogo {
	margin-top: -4px;
}

.copyrightInFooterDesktop {

}

.theLogo img,
.footerlogo img,
.mobileFooterLogo {
	height: auto;
	width: 250px;
}

#burgermenu-menustate {
	visibility: hidden;
	display: none;
}

.theNavigation {
	display: inline-block;
	flex-grow: 1;
	text-align: center;
	margin-top: 5px
}

.theNavigation .main-menu {
	display: inline-block;
	margin: 0;
	padding: 0;
}

.theNavigation .main-menu-more {
	display: none;
}

.theNavigation .main-menu .menu-item {
	display: inline;

}


/* Blauer Mouse Over Effekt vom Menü nur auf Desktop, nicht auf mobile */
@media screen and (min-width: 1510px) {
	.theNavigation .main-menu .menu-item {		
	/* 	trying out solid blue background for active pages and mouse over */
		display: inline-block;
		position: relative;
		top: -21px;
		height: 60px;
		padding-top: 20px;
		box-sizing: border-box;
		transition: background-color 0.3s linear;
	}
	.theNavigation .main-menu .menu-item.current-menu-item,
	.theNavigation .main-menu .menu-item:hover {
		background-color: blue;
		background-color: rgba(13,50,112,0.5);
	}
	.theNavigation .main-menu .menu-item a {
		transition: color 0.3s linear;
	}
	
	.theNavigation .main-menu .menu-item.current-menu-item a,
	.theNavigation .main-menu .menu-item:hover a {
		color: white !important;
	
	}
	
	
}




.theNavigation a,
.socialBar a,
.mobileLanguageSwitcher a {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;
	
	color: #103579;


	padding: 8px 18px;
	margin-top: 5px;

}



/* .theNavigation a:hover, */
.socialBar a:hover,
.mobileLanguageSwitcher a:hover {
	color: #789AC1;
}

.socialBar {
	text-align: right;
	margin-top: 5px;
}

.socialBar a {
	padding: 8px;
}

.socialBar .lang-item {
	display: inline;
} 

.textblockCentered,
.textblockCenteredDarkBg {
	text-align: center;
	width: 55%;
	margin: auto;
}

.entry-content > h1,
.entry-content > h2,
.entry-content > h3,
.entry-content > h4,
.entry-content > p,
.entry-content > ul,
.entry-content > ol,
.entry-content > figure:not(.wp-block-gallery),
.wp-block-group__inner-container > h2,
.wp-block-group__inner-container > h3,
.wp-block-group__inner-container > h4,
.wp-block-group__inner-container > p,
.wp-block-group__inner-container > ul
 {
	width: 800px;
	width: 1100px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.works_video_container {
	width: 1280px;	
	max-width: 100%;
	margin: auto;
}

.works_video_container h2.has-text-align-left {
	width: auto !important;
}

.entry-content > ol {
	padding-left: 40px;
	padding-right: 30px;
	font-size: 17px;
	line-height: 1.5;
	box-sizing: border-box;
}

.entry-content > ul,
.wp-block-group__inner-container > ul {
	font-size: 17px;
	line-height: 1.5;
}

.entry-content > p {
	margin: 0.5em auto 1em;
	
	margin: 0.9em auto 1em;
	font-size: 17px;
	line-height: 1.5;
}
.textblockCenteredDarkBg,
.wp-block-coblocks-hero {
/* 	text-shadow: 0 0 5px black; */

}

.wp-block-coblocks-hero__inner.is-fullscreen {
	min-height: 100vh;
	height: auto;
	box-sizing: border-box;	
}

.has-text-color.has-white-color {
	color: #FFFFFF;
}

.text-has-shadow {
	text-shadow: 0 0 5px black;
}

.has-primary-background-color {
/* 	Sound Strategy dunkelblau */
	background-color: #0D3270;
	color: #FFFFFF;
}

.has-secondary-background-color {
/* 	Sound Strategy türkis */
	background-color: #00ACA8;
	color: #FFFFFF;
}

.has-hellblau-background-color {
	background-color: #789AC1;
	color: #FFFFFF;
}

.has-gelb-background-color {
	background-color: #FDC543;
	color: #FFFFFF;
}

.has-gruen-background-color {
	background-color: #62B445;
	color: #FFFFFF;
}

.has-rot-background-color {
	background-color: #E8414F;
	color: #FFFFFF;
}

.has-black-background-color {
	background-color: #000000;
	color: #FFFFFF;
}

.has-white-background-color {
	background-color: #FFFFFF;
	color: #0D3270;
}



.wienerLinienTeaserHero {
	background-image: url(img/WL-Behind-the-Scenes-Video-Thumb-1000x500.jpg);
	color: #FFF;
}

.readMoreButton, 
.readMoreButtonWhite {
	margin-top: 14px;
}

.readMoreButton, 
.readMoreButtonWhite,
.wp-block-button.is-style-outline a,
.wp-block-button.is-style-outline a.wp-block-button__link {
	color: #103579;/*blau - alt*/
	color: rgb(0,172,168);  /*türkis - neu */
	border: 2px solid #103579;/*blau - alt*/
	border-color: rgb(0,172,168);  /*türkis - neu */
	background-color: rgba(0,172,168,0);
	padding: 12px;
	text-decoration: none;
/* 	text-transform: uppercase; */
	text-align: center;
	margin: auto;
	display: inline-block;
	border-radius: 0;
	text-shadow: none;
	transition: 0.4s linear all;
}

.readMoreButton:hover, 
.readMoreButtonWhite:hover,
.wp-block-button.is-style-outline a:hover,
.wp-block-button.is-style-outline a.wp-block-button__link:hover {
	text-decoration: none;
	color: #00ACA8;
	color: #FFFFFF;
	border-color: #00ACA8;
	border-color: rgb(0,172,168);
	background-color: rgba(0,172,168,1);
}

.wp-block-button.is-style-outline a::after,
.wp-block-button.is-style-outline a.wp-block-button__link::after {
	content: none;

}

.readMoreButtonWhite {
	color: #FFF;
	border-color: #FFF;
}

.twoColumn,
.wp-block-media-text {
	clear: both;
	/* new */
	display: flex;
	flex-direction: row;
	-webkit-align-content: stretch;
    align-content: stretch;
}

.wp-block-media-text {
	align-items: initial;
}

.twoColumnRightWinged,
.wp-block-media-text.has-media-on-the-right {
	flex-direction: row-reverse;
}

.twoColumn .imgLeft {
/* 	float: left; */
}

.twoColumn .imgRight {
/* 	float: right; */
}


.twoColumn .imgLeft,
.twoColumn .imgRight,
.twoColumn .infoLeft,
.twoColumn .infoRight,
.wp-block-media-text .wp-block-media-text__media,
.wp-block-media-text .wp-block-media-text__content {
	width: 50%;
/* 	height: 80vh; */
	min-height: 80vh;
	background-size: cover;
	background-position: center center;
	
	/* 	Center child element vertically nicely with flexbox */
	display: flex;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	justify-content: center;
	flex-direction: column;	

}

.twoColumn .infoLeft,
.twoColumn .infoRight,
.wp-block-media-text .wp-block-media-text__content {
	box-sizing: border-box;
	padding-left:  7%;
	padding-right: 7%;
	padding-bottom: 3em;
	padding-top: 2em;
}

.wp-block-media-text__media img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.scrollDownArrowInHeroContainer {
	
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding-bottom: 0.5em;
	opacity: 0;
	animation: glowing 5s linear infinite;
	animation-delay: 17s;
}

.scrollDownArrowInHeroText {
	text-align: center;
	color: grey;
	font-size: 12px;
	padding-bottom: 1em;
}

.scrollDownArrowInHeroIcon {
/* 	background-image: url(img/brand-arrows-point-down.png); */
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: contain;
/* 	width: 100px; */
	height: 45px;
	text-align: center; 
	font-size: 35px; 
	color: gray;
}

/* ! Animations */
/* Glowing Animation for scroll-down-to-learn-more-arrows */
@keyframes glowing {
	0%   {opacity: 0;   }
	40%  {opacity: 0.9; }
	60%. {opacity: 0.9; }
	100% {opacity: 0;   }
}

.headline_subheadline h1 {
	margin-bottom: 0;
}

.headline_subheadline h2 {
	margin-top: 0;
}

.contactblock {
	font-size: 24px;
	line-height: 160%;
}

.wp-block-coblocks-hero.huge-text-hero h1 {
	margin-bottom: 0.4em;
	font-size: 6vw;

/* h1 paddings seems to cause indention issues, better add padding in parent block */
/* 	padding-left: 10%; */ 
/* 	padding-right: 10%; */
}

@media (max-width: 600px) {
	.wp-block-coblocks-hero.huge-text-hero h1 {
		font-size: 12vw;
	}
}

.wp-block-coblocks-hero__content {
/* 		padding-left: 10%;   */
/* 		padding-right: 10%; */
}

.wp-block-coblocks-hero.huge-text-hero p {
	
	font-size: 28px;
	max-width: 900px;
	width: 90%;
	margin: auto;
	
}

.wp-block-coblocks-hero.huge-text-hero .wp-block-coblocks-hero__content {
	max-width: 100% !important;
}

.about_jobdescription,
.wp-block-media-text .wp-block-media-text__content h3 {
	margin-top: -0.75em;
	font-weight: normal;
	font-size: 28px;
}

.about_page_header {
/*
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	background-image: url(img/gettyimages-857441852-2048x2048.jpg);
*/
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center center;
}

.about_page_header h1,
.about_page_header h2 {
/* 	-webkit-background-clip: text; */

}

.show_on_mobile_only {
	display: none;
}

/* Mobile Nav Adaption */
@media screen and (max-width: 1510px) {

	.site-header {
		height: 55px;
/* 		min-height: 60px; */
		overflow: hidden;
	}
	

	#burgermenu-menustate:checked ~ .site-header {
		height: 100%;
		background-color: rgba(255,255,255,0.9);
		-webkit-transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
		transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
		
	}
	
	.navigationBar {
		display: block;
	}
	
	.theLogo {
		text-align: center;
	}
	
	.theNavigation, .socialBar {
		text-align: center;
		display: block;
	}
	
	.theNavigation a {
		display: block;
	}
	
	.socialBar .lang-item {
		display: none;
	}
	
	.mobileLanguageSwitcher {
		display: inline-block;
		position: absolute;
		top: 20px;
		right: 20px;
	}
	
	.mobileLanguageSwitcher li {
		display: inline; /* removes bulletpoint */
	}
	
	.mobileLanguageSwitcher a {
		padding-right: 0;
	}
	
	.mobileBurgerBttn {
		display: inline-block;
		position: absolute;
		top: 18px;
		left: 20px;
		width: 20px;
		height: 20px;
/* 		background-image: url(img/icon-waves-burgerMenuBttn.png); */
		background-position: center center;
		background-size: contain;
		background-repeat: no-repeat;
	}
	
	.mobileBurgerBttn_line {
		display: block;
	    background: #0D3270;
	    width: 18px;
	    height: 2px;
	    position: absolute;
	    left: 0;
	    border-radius: 1px;
	    transition: all 0.4s;
	    -webkit-transition: all 0.4s;
	    -moz-transition: all 0.4s;
	   }
	   
	.mobileBurgerBttn_line1 {	top:  25%;	}
    .mobileBurgerBttn_line2 {	top:  50%; 	}
    .mobileBurgerBttn_line3 {  	top:  75%;	}

	#burgermenu-menustate:checked ~ .site-header .mobileBurgerBttn_line1 {
		transform: translateY(5px) translateX(0) rotate(45deg);
		-webkit-transform: translateY(5px) translateX(0) rotate(45deg);
		-moz-transform: translateY(5px) translateX(0) rotate(45deg);
	}
	
	#burgermenu-menustate:checked ~ .site-header .mobileBurgerBttn_line2 {
		opacity: 0;
	}
	 
	#burgermenu-menustate:checked ~ .site-header .mobileBurgerBttn_line3 {
		transform: translateY(-5px) translateX(0) rotate(-45deg);
		-webkit-transform: translateY(-5px) translateX(0) rotate(-45deg);
		-moz-transform: translateY(-5px) translateX(0) rotate(-45deg);
	}
	
	

	.socialBar {
/* 		Increase space from top on mobile */
		margin-top: 13px;

	}
	
	
	.site-footer {
		display: block;
		text-align: center;
	}
	
	.footer-widget-1,
	.footer-widget-2,
	.footer-widget-3,
	.footer-widget-4 {
		padding-left: 0;
	}
	.footer-widget-4 {
		margin-top: 1em;	
	}
	
	.hide_on_mobile {
		display: none;
	}
	.show_on_mobile_only {
		display: inline-block;
		margin: auto;
	}
	
	.mobileClaim {
		display: block;
	}
	

}


/* Login / Forms */
.topsecret_password,
.newsletterBanner input[type=text],
.newsletterBanner input[type=email] {
	border: none;
	background-color: rgba(255,255,255,0.6);
	font-size: 20px;
	color: black;
	border-radius: 10px;
	padding: 12px;
	box-shadow: 0 0 10px rgb(150,150,150);
	text-align: center;
	min-width: 280px;
	box-sizing: border-box;
}

.newsletterBanner input[type=text],
.newsletterBanner input[type=email] {
	box-shadow: none;
	width: 200px;
	min-width: 200px;
	font-size: 16px;
	background-color: rgba(200, 200, 200, 0.8);
	height: 46px;
	margin: 3px;
}

.newsletterBanner input[type=text]::placeholder,
.newsletterBanner input[type=email]::placeholder {
	color: white;
}

.topsecret_password::placeholder {
	color: rgba(0,0,0,0.4);
}

.topsecret_loginBttn,
.newsletterBanner input[type=submit] {
/* 	color: #103579; */
	border: 2px solid #103579;
	padding: 12px;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	margin: auto;
	display: inline-block;
	font-weight: bold;
/* 	width: 100px; */
	margin-top: 1em;
	background-color: #103579;
	border-radius: 10px;
	color: white;
	width: 100px;
	min-width: 280px;
	box-sizing: border-box;
	-webkit-appearance: none;
}

.newsletterBanner input[type=submit] {
	font-size: 16px;
	width: 200px;
	min-width: 200px;
	height: 46px;
}

.heroStandardHeadlineH1,
.wp-block-coblocks-hero h1 {
	font-size: 50px;
	line-height: 130%;
	color: white;
	margin-top: 0;
	margin-block-end: 0.5em;
/* 	padding-top: 60px; */ /* Abstand */
}

.heroStandardHeadlineH1Topline,
.wp-block-coblocks-hero h4 {
	text-transform: uppercase;
	font-size: 25px;
	color: white;
	margin: 0 0 0.5em;
/* 	line-height: 100%; */
/* 	font-weight: normal; */
}

.wp-block-coblocks-hero p {
	font-size: 20px;
}

.heroLinks,
.wp-block-coblocks-hero .wp-block-button.is-style-default .wp-block-button__link,
.wp-block-coblocks-hero .wp-block-button.is-style-fill .wp-block-button__link {
	color: white;
	text-decoration: none;
	margin: 1em;
	margin-top: 0;
	font-size: 20px;
	display: inline-block;
	border: none;
	background: none;
/* 	font-size: 20px; */
	padding: 0;
}

.heroLinks:hover,
.wp-block-coblocks-hero .wp-block-button.is-style-default .wp-block-button__link:hover,
.wp-block-coblocks-hero .wp-block-button.is-style-fill .wp-block-button__link:hover {
	text-decoration: underline;
}

.heroLinks::after,
.wp-block-coblocks-hero .wp-block-button.is-style-default .wp-block-button__link::after,
.wp-block-coblocks-hero .wp-block-button.is-style-fill .wp-block-button__link::after {
/*	content: "))) ";
	font-size: 65%;
	margin-left: 0.5em;
	vertical-align: top;
	position: relative;
	top: 0.4em;
	text-decoration: none !important;
	display: inline-block;
	line-height: 15px;
*/

}


.heroLinks::after:hover,
.wp-block-coblocks-hero .wp-block-button.is-style-default .wp-block-button__link::after:hover,
.wp-block-coblocks-hero .wp-block-button.is-style-fill .wp-block-button__link::after:hover {
	text-decoration: none !important;
}

.wp-block-button.is-style-outline {
	margin-top: 24px;
}

/* Standard-Buttons in Hero-Blöcken durchgehend weiß */
.wp-block-coblocks-hero .wp-block-button.is-style-default .wp-block-button__link,
.wp-block-coblocks-hero .wp-block-button.is-style-fill .wp-block-button__link {
	background-color: rgba(255,255,255,0.8);
	padding: 15px;
	border-radius: 8px;
	color: #103579;
	text-shadow: none;
/* 	border: 1px solid white; */
	font-size: 18px;
	font-weight: bold;
	transition: background-color 0.3s linear;
}

.wp-block-coblocks-hero .wp-block-button.is-style-default .wp-block-button__link::after,
.wp-block-coblocks-hero .wp-block-button.is-style-fill .wp-block-button__link::after {
	content: none;
}

.wp-block-coblocks-hero .wp-block-button.is-style-default .wp-block-button__link:hover,
.wp-block-coblocks-hero .wp-block-button.is-style-fill .wp-block-button__link:hover {
	background-color: rgba(255,255,255,1);
	text-decoration: none;
}

.textblockCentered h2,
.entry-content > h2 {
	margin-bottom: 0;
	margin-top: 1.1em;
	
	font-size: 32px;
	line-height: 1.1em;
	font-weight: normal;
}

.entry-content > h3 {
	font-size: 25px;
	line-height: 1.1em;
	font-weight: normal;
	margin-bottom: 0;
}



/* ! Video-Player-Stuff */
.twoColumnVideo video {
	width: 100%;
	height: auto;
	border-radius: 0;
	box-shadow: none;
	max-height: inherit;
	max-width: inherit;
	
}

.twoColumnVideo {
	flex-direction: row-reverse;
}

.twoColumnVideo .imgRight {
	width: 65%;
}
.twoColumnVideo .infoLeft {
	width: 35%;
	padding-left: 5%;
	padding-right: 5%;
}

.customerQuote {
	font-size: 28px;
	font-size: 2.4vw;
	font-weight: lighter;
	line-height: 130%;
	font-style: italic;
	margin-bottom: 0;
}

.twoColumnVideo h2,
.twoColumnVideo h3.about_jobdescription {
	font-size: 18px;
}

.galleryblock,
.wp-block-gallery {
	height: auto;
	display: block;
	margin-top: 1em;
}

.galleryblock::after,
.wp-block-gallery::after {
	content: "";
	clear: both;
	height: 0;
	display: block;
}

.galleryblock h2 {
	margin-bottom: 1.5em;
}

.galleryblock img,
.wp-block-gallery li,
.wp-block-gallery .blocks-gallery-item,
.wp-block-gallery.columns-3 .blocks-gallery-item {
	width: 33%;
	width: calc(100vw / 3);
	height: auto;
	margin: 0;
	float: left;
	
}

.coblocks-gallery--item .mr-1 {
	margin-right: revert;
}

.awesomeIconBulletList {
	margin-bottom: 2em;
}

.awesomeIconBullet {
	display: inline-block;
	margin: 1.8em;
	vertical-align: top;
	width: 160px; /*fixed width so all icons are aligned in a neater grid */
}

.awesomeIconBullet .awesomeIcon,
.awesomeSingleIcon {
	font-size: 50px;
	margin: 15px;
	display: inline-block;
}

.awesomeIconBullet .awesomeText {
	font-size: 18px;
	font-weight: bold;
}

.awesomeIconHuge {
	font-size: 100px;
	display: block;
	text-align: center;
	
}

.awesomeSingleIcon {
	margin: 0;
}

.wp-block-columns {
	width: 80vw;
	margin: 4vw auto;
	justify-content: space-evenly;
	
}

.only-big-text-hero+.wp-block-columns.alignwide {
	margin-top: 0;
}

.wp-block-columns.alignwide {
/* 	Spalten mit Breiten-Einstellung alignwide begrenzen - volle Breite ist nicht begrenzt */
	max-width: 1100px;
}

.wp-block-columns .wp-block-column {
	max-width: 500px;
}

.wp-block-columns .wp-block-column p:first-child,
.wp-block-columns .wp-block-column h2:first-child {
	margin-top: 0;
}

.newsletterBanner {
	background-image: url(img/water-103817_1920.jpg);
	text-align: center;
	color: white;
	padding-top: 1em;
	padding-bottom: 3em;
	vertical-align: middle;
	margin-top: 3em;
	text-shadow: 0 0 5px black;
}

.newsletterBanner h2 {
	margin-bottom: 0;
}

.wp-block-group {
	margin-top: 5em;
	margin-bottom: 5em;
}

video {
	border-radius: 10px;
	box-shadow: 0 0 15px rgba(0,0,0,0.15);
	
	width: auto; 
	max-width: 100%; 
	height: auto; 
	max-height: calc(80vh - 60px);
}

video:focus {
	outline: none;
}

.coblocks-video-bg video {
/* 	Fix Videos used as background of Hero Blocks – they should always fill the whole screen  */
	border-radius: 0;
	box-shadow: none;
	max-height: none;
	max-width: none;
}

.wp-block-video {
	text-align: center;
}

video:-webkit-full-screen {
	width: auto !important;
	height: auto !important;
	max-height: 100% !important;
	max-width: 100% !important;
}

video:-moz-full-screen {
	width: auto !important;
	height: auto !important;
	max-height: 100% !important;
	max-width: 100% !important;
}

video:-moz-fullscreen {
	width: auto !important;
	height: auto !important;
	max-height: 100% !important;
	max-width: 100% !important;
}

video:fullscreen {
	width: auto !important;
	height: auto !important;
	max-height: 100% !important;
	max-width: 100% !important;
}

/* Bilder auf About > Memberships max. 150px breit */
.wp-block-coblocks-gallery-offset img {
	max-width: 150px;	
}

.customerLogos,
.wp-block-gallery.customer-logos-grid,
.wp-block-coblocks-gallery-offset.customer-logos-grid {
	width: 90%;
	margin: auto;
	text-align: center;
	
}

.wp-block-gallery.customer-logos-grid .blocks-gallery-grid {
	display: block;
}

.wp-block-gallery.customer-logos-grid .blocks-gallery-item,
.wp-block-gallery.customer-logos-grid .blocks-gallery-item:nth-of-type(5n) {
	width: auto;
	margin: 1em;
	float: none;
	display: inline-block;
}

.customerLogos img {
	margin: 1em;
}

.awardsContainer {
	vertical-align: top;
	margin-top: 3em;	
}

.awardItem {
	width: 250px;
	width: calc(25% - 2.3em);
	margin: 1em;
	display: inline-block;
	vertical-align: top;
}

.awardLogo {
	width: 200px;
	height: 113px;
	object-fit: contain;
	
}


.customerLoginAudioFileTitle {
	margin: 0.5em;
	font-size: 24px;
	text-shadow: 0 0 10px rgba(100,100,100,1);
}

a.customerLoginDownloadButton:hover {
	text-decoration: none;
	color: white;
}

.customerLoginDownloadButton {
	margin-top: 0.25em;
	max-width: 90%;
	width: auto;
	min-width: auto;
	padding-left: 2em;
	padding-right: 2em;
	padding-bottom: 11px !important;
	padding-top: 13px !important;
	

}

.customerLoginDownloadButtonIcon {
	display: inline-block;
	margin: 0 0.5em 0 0;
	font-size: 22px;
	margin-top: -2px;
	vertical-align: middle;
}


/* Let's hide the WP page title headline by default */
.entry-header {
	display: none;
}


/* Mailchimp NL Subscription Form Layout */

#mc_embed_signup {
	background: rgb(0,172,168);
	background: -moz-linear-gradient(45deg, rgba(0,172,168,1) 0%, rgba(120,154,193,1) 100%);
	background: -webkit-linear-gradient(45deg, rgba(0,172,168,1) 0%, rgba(120,154,193,1) 100%);
	background: linear-gradient(45deg, rgba(0,172,168,1) 0%, rgba(120,154,193,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00aca8",endColorstr="#789ac1",GradientType=1);
	text-align: center;
/* 	width: 800px; */
/* 	margin: auto; */
/* 	max-width: 90%; */
/* 	height: 100vh; */
}

#mc_embed_signup_scroll {
/* 	padding: 30vh 0; */
	padding: 13vh 0 20vh;
}

.newsletter_layoutblock_twocolumn_container {
	display: flex;
	width: 800px;
	margin: auto;
	max-width: 90%;
	
}

.newsletter_layoutblock_leftside {
	width: 50%;
	text-align: right;
	padding-right: 0.5em;
	
}

.newsletter_layoutblock_rightside {
	width: 50%;
	vertical-align: bottom;
	display: flex;
/* 	align-items: flex-end; */
	flex-direction: column-reverse;
	text-align: left;
	padding-left: 0.5em;
	
}

@media screen and (max-width: 800px) {
	.newsletter_layoutblock_twocolumn_container {
		display: block;
	}
	
	.newsletter_layoutblock_leftside,
	.newsletter_layoutblock_rightside {
		width: 90%;
		margin: auto;
		text-align: center;
		padding-left: 0;
		padding-right: 0;
	}
	
	.newsletter_additionalInfoToUser {
		display: none;
	}
}

.newsletter_additionalInfoToUser {
	color: white;
	flex: 1;	
}

#mc_embed_signup input[type="text"], 
#mc_embed_signup input[type=email]{
	background: none; 
	box-shadow: none;
	-webkit-appearance: none;
	border: 2px solid #FFFFFF;
	border-radius: 10px;
	color: #FFFFFF;
	padding: 12px;
	margin: 1em 0.5em;
	box-sizing: border-box;
	display: inline-block;
	width: 100px;
	min-width: 300px;
}

#mc_embed_signup input[type=text]::placeholder,
#mc_embed_signup input[type=email]::placeholder {
	color: white;
	color: rgba(255,255,255,0.75)
}

#mc_embed_signup input[type=submit] {
/* 	color: #103579; */
	border: 2px solid #103579;
	padding: 12px;
	text-decoration: none;
/* 	text-transform: uppercase; */
	text-align: center;
	margin: 1em auto;
	display: inline-block;
	font-weight: bold;
/* 	width: 100px; */
/* 	margin-top: 1em; */
	background-color: #103579;
	border-radius: 10px;
	color: white;
	width: 100px;
	min-width: 300px;
	box-sizing: border-box;
	-webkit-appearance: none;
}


.has-primary-color {
/* 	Sound Strategy dunkelblau */
	color: #0D3270 !important;
}

/* Mobile  */
@media screen and (max-width: 992px) {
	.twoColumn,
	.wp-block-media-text {
		display: block;
	}
	
	.twoColumn .imgLeft,
	.twoColumn .imgRight,
	.twoColumn .infoLeft,
	.twoColumn .infoRight,
	.twoColumnVideo .imgRight,
	.twoColumnVideo .infoLeft,
	.wp-block-media-text .wp-block-media-text__media,
	.wp-block-media-text .wp-block-media-text__content {
		width: 100%;
	}
	
	.twoColumn .imgLeft,
	.twoColumn .imgRight,
	.wp-block-media-text .wp-block-media-text__media {
		height: 400px;
		height: calc(100vw / 16 * 9);
		min-height: auto;
		background-position-y: 30%;
	}
	
	
	.twoColumn .infoLeft,
	.twoColumn .infoRight,
	.wp-block-media-text .wp-block-media-text__content {
		justify-content: flex-start;
		min-height: auto;
		padding-bottom: 5em;
		
	}
	
	.twoColumnVideo .infoLeft {
		max-width: 90%;
		text-align: center;
		display: block;
		margin: auto;
		padding-bottom: 2em;
		padding-left: 0;
		padding-right: 0;
	}
	
	.twoColumnVideo .customerQuote {
		font-size: 28px;
		padding-left: 0.5em;
		padding-right: 0.5em;
	}
	
	.galleryblock img,
	.wp-block-gallery li,
	.wp-block-gallery .blocks-gallery-item,
	.wp-block-gallery.columns-3 .blocks-gallery-item {
/* 		on mobile gallery-image-wall will have 2 columns instead of 3 */
		width: 50%;
	}
	
	.awardItem {
		width: 40%;
		width: calc(50% - 2.3em);
	}
	
	.textblockCentered,
	.textblockCenteredDarkBg,
	.entry-content > h2,
	.entry-content > h3,
	.entry-content > h4, 
	.entry-content > p,
	.entry-content > .wp-block-group > .wp-block-group__inner-container > p,
	.entry-content > .wp-block-group > .wp-block-group__inner-container > h2,
	.entry-content > .wp-block-group > .wp-block-group__inner-container > h3,
	.entry-content > .wp-block-group > .wp-block-group__inner-container > h4 {
		width: 100% !important;
		padding-left: 7%;
		padding-right: 7%;
		box-sizing: border-box;
	}
	
	.awesomeIconBullet {
		margin-left: 1em;
		margin-right: 1em;
	}
}


@media (max-width: 600px) {
/* 	Hero-Header with 2+ Buttons should be nicely stacked & centered */
	.is-stacked-on-mobile .wp-block-button,
	.wp-block-coblocks-buttons .is-stacked-on-mobile .wp-block-button+.wp-block-button {
		margin-left: auto;
		margin-right: auto;
		margin-top: 0;
	}
	
	.wp-block-coblocks-hero.huge-text-hero p {
		font-size: 22px;
	}
	
	.wp-block-columns {
		margin: 0 auto;
	}
	
	.wp-block-columns:last-of-type {
		margin-bottom: 10vw;
	}
	
	.wp-block-columns .wp-block-column {
		margin: 10vw auto 0;
	}
	
	
/* 	Font size adaptions to make fonts not too huge on mobiles */
	.heroStandardHeadlineH1, .wp-block-coblocks-hero h1 {
		font-size: 36px;
	}
	
	.heroStandardHeadlineH1Topline, .wp-block-coblocks-hero h4 {
		font-size: 20px;
	}
	
	.wp-block-coblocks-hero p {
		font-size: 18px;
	}
	
	.contact-page-bigger-text p {
		font-size: 20px !important;
	}
	
}
@media (max-width: 800px) {
	.about-intro-text {
		-webkit-hyphens: auto;
		-webkit-hyphenate-limit-before: 9;
		hyphens: auto;
		hyphenate-limit-chars: 9;
		max-width: 85vw;
		font-size: 20px !important;
	}
	
}


@media screen and (max-width: 630px) {
	.newsletterBanner input[type=text],
	.newsletterBanner input[type=email],
	.newsletterBanner input[type=submit] {
		width: 95%;
	}
	
	.awardItem {
		width: 90%;
	}
	
	h1 {
		font-size: 20vw;
	}
}

.missionvideo {
	margin-bottom: 100px;
	margin-top: -10px;
}

.abouthero .wp-block-coblocks-hero__inner {
	min-height: 53vw;
	height: 53vw;
	max-height: 70vh;
	
}

@media (max-width: 800px) {
	.missionhero .wp-block-coblocks-hero__inner {
		min-height: 72vw !important;
		height: 72vw;
	}
	.abouthero .wp-block-coblocks-hero__inner {
		min-height: 41vw !important;
		height: 41vw;
	}
	
	.missionvideo {
		margin-bottom: 0;
	}
	
	.invisibleOnMobile {
		height: 0;
		margin: 0;
		padding: 0;
		display: none;
	}
}


.titleWithoutHeaderImgExtraSpace {
	margin-top: 4em;
}

.entry-content .indentedBulletList {
	padding-left: 60px;
	box-sizing: border-box;
	padding-right: 30px;
}





/* QRX Videowall */

body.page-template-page-qrx {
	background-color: #000;
	color: #FFF;
}

#qrx_videowall {
	width: 100%;
	text-align: center;
	max-width: 1280px;
	margin: auto;
	margin-top: 25px;
/* 	border: 1px solid red; */
}

.qrx_box {
	display: inline-block;
	margin: 5px;
	vertical-align: top;
}

.qrx_box .qrx_description {
	min-height: 40px;
	max-height: 40px;
	overflow-x: hidden;
	overflow-y: scroll;
	font-size: 13px;
}

.qrx_box {
	width: 23.5%;
	height: auto;
	box-sizing: border-box;
	cursor: pointer;
}

.qrx_box video {
	width: 100%;
	height: auto;
	box-sizing: border-box;
}

.narrow-text-block {
	max-width: 650px;
}


@media screen and (max-width: 700px) {
	
	.qrx_box {
		width: 46%;
	}
	
}



.background_container_values {
	background: url('https://sound-strategy.com/wp-content/uploads/2023/11/mission-Motto-people.png'), rgba(0,0,0,0.5);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom center;
	text-shadow: 0 0 10px rgba(0,0,0,0.75);
	-webkit-backdrop-filter: opacity(0);
	backdrop-filter: opacity(0);
	background-blend-mode: overlay;
	
}

.background_container_motto {
	background: url('https://sound-strategy.com/wp-content/uploads/2023/11/mission-values.png'), rgba(0,0,0,0.5);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom center;
	text-shadow: 0 0 10px rgba(0,0,0,1);
	-webkit-backdrop-filter: opacity(0);
	backdrop-filter: opacity(0);
	background-blend-mode: overlay;
}

.background_container_missionvideo {
	background: url('https://sound-strategy.com/wp-content/uploads/2023/11/mission-values.png'), rgba(0,0,0,0.5);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom center;	
	background-blend-mode: overlay;
}


.background_container_missionvideo .wp-block-video {
	margin-top: 0;
	margin-bottom: 0;
	padding: 50px;
}



.product_container_superimportant {
	background-color: #FDC543;
	padding-bottom: 2em;
	padding-top: 2em;
}

.product_container_superimportant .wp-block-column {
	flex-basis: 100%;
	max-width: 1000px;
	padding-left: 2em;
	margin-left: -2em;
}

@media screen and (max-width: 1300px) {
	.product_container_superimportant .wp-block-column {
		margin-left: 0;
	}
}

@media screen and (max-width: 700px) {
	
	.product_container_superimportant {
		width: auto;	
		margin-top: 2em;
	}
	
	.product_container_superimportant .wp-block-column {
		max-width: 80vw;
		margin: auto;	
	}
	
	.has-text-align-left {
		padding-left: 0 !important; 
	}
	
}


.wp-block-button.alignleft {
	text-align: left;
	margin-left: 0;
	
}

.wp-block-button.alignleft a {
	margin-left: 0 !important;
}

.wp-block-coblocks-buttons__inner.flex-align-left {
	text-align: left;
	justify-content: flex-start !important;
}

.background_container_values .wp-block-columns {
	width: 1100px;
	max-width: 100%;
}