/*
Theme Name: Grimlore Games
Author: THQ Nordic GmbH - nt
Author URI: https://benop.live
Description: Custom Wordpress Theme for Grimlore Games
Requires at least: WordPress 5.2.3
Text Domain: gg
Version: 1.00
*/

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	word-wrap: break-word;
	/* -webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;*/
  }
  
  @font-face {
	  font-family: 'Trajan Pro';
	  src: url('TrajanPro-Regular.eot');
	  src: local('TrajanPro-Regular'),
		  url('./fonts/TrajanPro-Regular.eot?#iefix') format('embedded-opentype'),
		  url('./fonts/TrajanPro-Regular.woff2') format('woff2'),
		  url('./fonts/TrajanPro-Regular.woff') format('woff'),
		  url('./fonts/TrajanPro-Regular.ttf') format('truetype'),
		  url('./fonts/TrajanPro-Regular.svg#TrajanPro-Regular') format('svg');
	  font-weight: normal;
	  font-style: normal;
	  font-variant: small-caps;
  }
  @font-face {
	  font-family: 'EB Garamond';
	  src: url('./fonts/EBGaramond-Regular.eot');
	  src: url('./fonts/EBGaramond-Regular.eot?#iefix') format('embedded-opentype'),
		  url('./fonts/EBGaramond-Regular.woff2') format('woff2'),
		  url('./fonts/EBGaramond-Regular.woff') format('woff'),
		  url('./fonts/EBGaramond-Regular.svg#EBGaramond-Regular') format('svg');
	  font-weight: normal;
	  font-style: normal;
  }

  @font-face {
	font-family: 'Montserrat-Light';
	src: url('./fonts/Montserrat-Light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
  }

  @font-face {
	font-family: 'Montserrat-Regular';
	src: url('./fonts/Montserrat-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
  }

  @font-face {
	font-family: 'Montserrat-Medium';
	src: url('./fonts/Montserrat-Medium.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
  }

  @font-face {
	font-family: 'Montserrat-Semibold';
	src: url('./fonts/Montserrat-SemiBold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
  }

  @font-face {
	font-family: 'Montserrat-Semibold-Italic';
	src: url('./fonts/Montserrat-SemiBoldItalic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
  }
  
  
  
  :root { 
	  --lightgrey: #a3bfbf;
	  --grey: #7c7c7c;
	  --darkgrey: #3a3f3f;
	  --blue: #168ead;
	  --orange: #ff6633;
	  --transition: .45s;
	  --gold: #b89e7f;
  }

  html {
	  height: auto !important;
  }
  
  body {
	background-image: url("./img/bg-img/GG_Background_Parallax_3.jpg");
	
	font-family: 'Montserrat-Light';
	font-size: calc(12px + (19 - 15) * ((100vw - 480px) / (1620 - 480)));
	/*font-size: 16px;*/
	  color: #000;
	  line-height: 1.25;
	  margin: 0;
	  padding: 0;
	  word-wrap: break-word; 
	overflow-x: hidden; 
	position: relative;
	height: auto !important;
	background-repeat: no-repeat;
	background-size: cover;
  }
  
  html, body {
	height: auto !important;
	width: 100%;
	zoom: 1; 
	zoom: 100%;
  }
  
  
  
  .modalOverflow { overflow: hidden;}
  
  header:after, nav:after, main:after, section:after, footer:after, .form-one-row:after{
	  content:"";
	  clear:both;
	  display:block;
  }
  
  ::selection {
	background: rgba(198,222,223,1); 
  }
  ::-moz-selection {
	background: rgba(198,222,223,1);
  }
  
  a, img { outline: 0 none; text-decoration: none;}
  a { 
	  color: var(--darkgrey);
	  text-decoration:none;
  }

  
  
  h1,
  h2,
  h3,
  h4  {
	  font-family: 'Montserrat-Regular';
	  font-size: 1.2em;
	  color: var(--darkgrey);
	  margin-top: -0.25em;
  }
  h5 {
	font-family: 'Montserrat-Regular';
	font-size: 0.65em;
	color: var(--lightgrey);
  }
  h6 {
	  font-family: 'Trajan Pro';
	  clear: both;
	  line-height: 1.1;
	margin: 0 0 .25em
  }
  h1 {
	  font-size: 2.3em;
  }
  h2 {
	  font-family: 'Montserrat-Light';
	  text-transform: uppercase;
	  font-size: calc(18px + (26 - 14) * ((100vw - 300px) / (1600 - 300)));
	  font-weight: normal;
	  margin: 0.6em 2em 0.6em 0.5em;

	  display: flex;
	  width: 100%;
	  align-items: center;
	  text-align: left;
  }

  .home h2:after,
  .page-id-35 h2:after,
  .page-id-39  h2:after,
  .page-id-2  h2:after,
  .page-id-37 h2:after,
  .page-id-41 h2:after,
  .page-id-43 h2:after, 
  .page-id-135 h2:after {
	  content: '';
	  border-bottom: 2px solid var(--gold);
	  margin: 0 1.1em 0.25em 0.5em;
	  flex: 1 0 20px;
	  align-self: flex-end;
  }
  
  h3 {
	font-family: 'Montserrat-Semibold';
	color: var(--gold);
	text-transform: uppercase;
	font-size: 2em;
	margin-left: 0.5em;
  }
  
  p {
	font-size: 1em; 
	  margin: 0 0 .5em; 
  }


  
  ol,
  ul {
	margin: 0 0 .5em 0;
	padding: 0 0 0 1em;
  } 
  
  li {
	  list-style: none;
	  background: url('./img/icons/GoldenDiamond.png') left top no-repeat;
	  background-size: auto 0.7em;
	  background-position-y: 0.25em;
	  padding-left: 1.5em;
	  margin-top: 0.5em;
  }

  li:first-of-type {
	  margin-top: 0;
  }
  li > ol {
	  margin: 0;
  }
  
  img {
	  -ms-interpolation-mode: bicubic;
	  border: 0;
	  vertical-align: middle;
	  max-width: 100%;
	  height: auto;
  }
  
  blockquote {
	  text-align: right;
	  font-style: italic;
  }
  
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  main,
  nav,
  section,
  summary {
	  display: block;
  }
  audio:not([controls]) {
	  display: none;
	  height: 0;
  }
  [hidden] {display: none;}
  
  /* Make sure videos and embeds fit their containers. */
  embed,
  iframe {
	background-color: var(--gold);
  }
  div.rc-anchor-container {
	background-color: var(--gold);
  }
  object,
  video {
	  max-width: 100%;
  }
  
  
  /* Images */
  .alignleft {
	  float: left;
	  margin-right: 2em;
	  margin-bottom: 1.5em
  }
  .alignright {
	  float: right;
	  margin-left: 1.5em;
	  margin-bottom: 1.5em
  }
  .aligncenter {
	  display: block;
	  margin-left: auto;
	  margin-right: auto;
	  margin-top: 1.5em;
	  margin-bottom: 1.5em;
  }
  
  /* Input etc */
  button,input,select,option, textarea {
	  font-family: 'Montserrat-Regular';
	font-size: 1em;
	background-color: transparent;
	border: none;
	outline: none;
	border-radius: 0;
	  background-clip: padding-box;
	  box-shadow:none !important;
	  -moz-box-shadow:none !important;
	  -webkit-box-shadow:none !important;
  }
  input, textarea{
	  background-color: transparent;
	  border: 1px solid var(--orange);
	  padding: 0.25em .5em;
	  opacity: 1;
  }
  button:focus, input:focus { outline: none; }
  
  
  /*.contact_submit_wrap { text-align: center !important; }*/
  .button,
  .wpforms-submit {
		background: none repeat 0 center var(--gold) !important;
		font-family: 'Montserrat-Regular' !important;
		color: #000 !important;
		border: 0 none !important;
		cursor: pointer;
		display: inline-block;
		outline: 0 none;
		position: absolute;
		padding: 0.6em !important;
		margin-bottom: 2em;
		text-transform: uppercase !important;
		letter-spacing: 0.1em !important;
  }


  .wpforms-submit:hover{
		background: none repeat 0 center var(--orange) !important;
		color: #fff !important;
  }
  .wpforms-form {
	  margin-bottom: 4em;
  }
  div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error, div.wpforms-container-full .wpforms-form .wpforms-field input.user-invalid, div.wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-error, div.wpforms-container-full .wpforms-form .wpforms-field textarea.user-invalid, div.wpforms-container-full .wpforms-form .wpforms-field select.wpforms-error, div.wpforms-container-full .wpforms-form .wpforms-field select.user-invalid {
	  border: 2px solid var(--orange) !important;
  }
  
  div.wpforms-container-full .wpforms-form label.wpforms-error {
	  margin-top: .5em;
	  color: var(--orange) !important;
	  font-size: .75em !important;
  }
  div.wpforms-container-full .wpforms-form .wpforms-required-label {
	  color: var(--orange) !important;
  }
  div.wpforms-container-full .wpforms-form .wpforms-field-label,
  div.wpforms-container-full .wpforms-form .wpforms-field-label-inline,
  .wpforms-field-description {
	  font-size: 1em !important;
  }
  .wpforms-submit-container {
	  margin-bottom: 2em;
  }
  .wpforms-confirmation-container-full {
	  border: 0 none;
	  background: none;
	  margin: 1em 0 2em 0;
	  padding: 0;
	  font-size: 1.5em;
  }
  
  div.wpforms-container-full .wpforms-form .wpforms-field-description {
	  margin: 1em auto;
  }
  
  
  
  .button-blue{
	  background: transparent url("./img/icons/arrow-right-small-blue.png") no-repeat left center / auto 100%;
	  font-size: .8em;
	  color: var(--blue);
	  padding: .125em .5em .125em 1.5em;
	  cursor: pointer;
	  display: inline-block;
	  display: none; 
  }

  .button-gold{
	background: none repeat 0 center var(--gold);
	color: #000 !important;
	border: 0 none;
	cursor: pointer;
	display: inline-block;
	outline: 0 none;
	position: absolute;
	padding: 0.6em !important;
	margin-bottom: 2em;
	letter-spacing: 0.1em;
  }

  .button-gold:hover{
	background: none repeat 0 center var(--orange);
	color: #fff !important;
  }
  
  /* HEADER SECTION */
  .header-img {
	  position: relative;
	  padding: 5em 0;
	  min-height: 18em;
	  background-color: transparent;
	  background-repeat: no-repeat;
	  background-position: center top;
	  background-size: cover;
  }
	  .header-img::after{
		  content: "";
		  /*background-image: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0) 100%);*/
	  background-size: auto 4em;
	  background-repeat: repeat-x;
		  display: block;
	  top: 0;
	  bottom: 0;
	  position: absolute;
	  width: 100%;
	  }
  .dev-logo {
	  text-align: center;
	  z-index: 3;
	  margin: 0;
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  -ms-transform: translate(-50%, -50%);
	  transform: translate(-50%, -50%);
  }
  .dev-logo > a > img {
	  height: 13vh;
	  min-height: 120px;
	  max-height: 140px;
  }
  
  
  
  /* MENU */
  .menu-holder {
	  width: 100%;
	  position: sticky;
	  top: 0;
	  z-index: 30;
  }
	  .navbar-bg{
		  background-image: url("./img/bg-img/small_navbar.png");
		  background-repeat: repeat-x;
		  background-position: top left;
		  background-size: auto 2em;	
	  }
	  
	  .mainnav{
		  margin: 0 auto;
		  position: relative;
		  width: calc(55% - 60px - 60px);
		  max-width: calc(55% - 60px - 60px);
	  }
	  
	  .mainnav ul {
		  padding: 0;
		  position: relative;
		  white-space: nowrap;
		  width: 100%;
		  display: flex;
		  justify-content: center;
		  flex-wrap: nowrap;
	  }
	  
	  .mainnav ul li {
		  display: inline-block;
		  vertical-align: middle;
		  margin: 0;
		  flex-grow: 100;
		  background: none;
		  padding-left: 0;
	  }
	  .mainnav ul li a{
		  display: block;
		  padding: 0px 0;
		  color: var(--gold);
		  text-align: center;
		  margin-top: 1em;
		  margin-bottom: 0.4em;
		  margin-left: auto;
		  margin-right: auto;
		  position: relative;
		  border: none;
		  font-size: 1.2em;
		  z-index: 4;
	  }
	  .mainnav ul li.menu-active a {
		  color: #fff;
		  z-index: 4;
	  }

  
  
  /* CONTENT STUFF */
  main {
	  background-color: transparent;
	  position: relative;
	  margin: 0;
	  padding: 0;
	  overflow: hidden;
  }	
  .grid {
	  /*display: grid;
	grid-template-columns: 1fr 2fr 1fr;
	grid-template-rows: auto;
	grid-column-gap: 2em;
	justify-items: center;
	align-items: start;*/
	display: flex;
	align-items: flex-start;
	justify-content: center;
	min-height: calc(100% - 8em - 138px - 2.5em - 150px);
  }

  .wp-block-image {
	  margin-left: -2em;
	  margin-right: -2em;
	  margin-bottom: 2em;
	  margin-top: 2em;
  }

  .wp-block-table {
	  width: 100%;
	  padding-right: 2em;
	  padding-left: 2em;
  }

  .wp-block-table table {
	width: 100%;
  }

  .wp-block-table td {
	text-align: center;
	font-size: 0.75em;
	font-family: 'Montserrat-Semibold';
  }

  .wp-block-table wp-image {
	align-self: center;
  }

  .home div.wp-block-spacer {
	display: none;
  }

  .home figure.wp-block-table {
	display: none;
  }

  .home h4 {
	display: none;
  }

  .home img.wp-image-513 {
	  display: none;
  }

  .home img.wp-image-508 {
	display: none;
  }

  .home img.wp-image-585 {
	  display: none;
  }

  img.wp-image-616 {
	transition: all .15s ease-in-out;
  }

  img.wp-image-617 {
	transition: all .15s ease-in-out;
  }

  img.wp-image-618 {
	transition: all .15s ease-in-out;
  }

  img.wp-image-619 {
	transition: all .15s ease-in-out;
  }

  img.wp-image-616:hover {
	transition: all .15s ease-in-out;
	transform: scale(1.1);
	filter: drop-shadow(0 0 0.75rem var(--gold));
  }

  img.wp-image-617:hover {
	transition: all .15s ease-in-out;
	transform: scale(1.1);
	filter: drop-shadow(0 0 0.75rem var(--gold));
  }

  img.wp-image-618:hover {
	transition: all .15s ease-in-out;
	transform: scale(1.1);
	filter: drop-shadow(0 0 0.75rem var(--gold));
  }

  img.wp-image-619:hover {
	transition: all .15s ease-in-out;
	transform: scale(1.1);
	filter: drop-shadow(0 0 0.75rem var(--gold));
  }


  .home a.padding-bigtopbottom > h2 {
	  display: none;
  }

  .page-id-2 .content-wrapper > figure {
	display: none;
  }

  .page-id-35 div.post-content ul {
	margin-left: -1em;
  }

  .page-id-35 div.post-content a {
	color: var(--grey) !important;
  }


  .page-id-39 div.jobs-table {
	column-count: 2;
  }


  .page-id-39 h4 {
	margin-left: 0;
  }

  .page-id-39 div.post-content > h2 {
	margin-left: 0;
  }

  .page-id-39 h4:after {
	content: '';
	height: .4em;
	width: .4em;
	background: var(--gold);
	display: block;
	position: absolute;
	transform: rotate(45deg);
	top: 1.005em;
	margin-left: -0.75em;
  }

  .page-id-39 .content-wrapper > figure {
	display: none;
  }
  .content-wrapper > figure {
	  /*display: none;*/
	  margin-top: -4.9em;
  }

  .single .content-wrapper > figure {
	display: none;
  }

  figure.wp-block-embed-youtube {
	border:none!important;
	text-decoration:none;
	background-color: var(--gold);
  }

  a.img-link {
    text-decoration: none;
}


  .section-container > .padding-container {
	  /*display: none;*/
  }

	  .sidebar {
		  /*calc(20% - 4em)*/
		  width: 100%;
		  margin: 0;
	  }
		  .latest-posts {
			  color: var(--darkgrey);
			  margin-bottom: 4em;
		  }
		  .latest-posts header { 
			  font-family: 'Montserrat-Semibold';
			  text-transform: uppercase;
			  font-size: 1.0em;
			  margin-left: 10%;
			  margin-right: 10%;
		  }
		  	  
		  .latest-posts-article{
			  margin: 0;
			  transition: all .15s ease-in-out;
			  display: block;
			  background: transparent;
			}

			.latest-posts-article:hover{
				margin: 0;
				display: block;
				background: -moz-linear-gradient(left,  rgba(198,222,223,1) 0%, rgba(198,222,223,1) 25%,  rgba(198,222,223,1) 50%, rgba(198,222,223,0) 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(left,  rgba(198,222,223,1) 0%, rgba(198,222,223,1) 25%,  rgba(198,222,223,11) 50%, rgba(198,222,223,0) 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to right,  rgba(198,222,223,1) 0%, rgba(198,222,223,11) 25%,  rgba(198,222,223,1) 50%, rgba(198,222,223,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			}

			.latest-posts-article:hover > a > p:first-of-type {
				color: var(--orange);
			}



		  .latest-posts-article p{
			  margin: 0 0 .25em;
		  }

		  .latest-posts-article p {
			font-family: 'Montserrat-Semibold-Italic';
			font-size: 0.75em;
			margin-left: 15%;
			margin-right: 15%;
		  }

		  .latest-posts-article p:first-of-type::before{
			font-family: 'Montserrat-Light';  
			content: "///";
			display: inline-block;
			font-size: 1em;
			margin-right: .5em;
			margin-top: .5em;
		  }

		  .latest-posts-article p:first-of-type {
			font-family: 'Montserrat-Light';
			font-size: 1em;
		  }

		  .latest-posts-article::after {
			content: '';
			display: flex;
			border-bottom: 1px solid var(--darkgrey);
			width: 71px;
			margin: 20px auto;
		  }

		  .latest-posts-article-jobs{
			margin: 0;
			transition: all .15s ease-in-out;
			display: block;
			background: transparent;
		  }

		  .latest-posts-article-jobs:hover{
			  margin: 0;
			  display: block;
			  background: -moz-linear-gradient(right,  rgba(198,222,223,1) 0%, rgba(198,222,223,1) 25%,  rgba(198,222,223,1) 50%, rgba(198,222,223,0) 100%); /* FF3.6-15 */
			  background: -webkit-linear-gradient(right,  rgba(198,222,223,1) 0%, rgba(198,222,223,1) 25%,  rgba(198,222,223,11) 50%, rgba(198,222,223,0) 100%); /* Chrome10-25,Safari5.1-6 */
			  background: linear-gradient(to left,  rgba(198,222,223,1) 0%, rgba(198,222,223,11) 25%,  rgba(198,222,223,1) 50%, rgba(198,222,223,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		  }

		  .latest-posts-article-jobs:hover > a > p:first-of-type {
			  color: var(--orange);
		  }



		.latest-posts-article-jobs p{
			margin: 0 0 .25em;
		}

		.latest-posts-article-jobs p {
		  font-family: 'Montserrat-Semibold-Italic';
		  font-size: 0.75em;
		  margin-left: 15%;
		  margin-right: 15%;
		}

		.latest-posts-article-jobs p:first-of-type::before{
		  font-family: 'Montserrat-Light';  
		  content: "///";
		  display: inline-block;
		  font-size: 1em;
		  margin-right: .5em;
		  margin-top: .5em;
		}

		.latest-posts-article-jobs p:first-of-type {
		  font-family: 'Montserrat-Light';
		  font-size: 1em;
		}

		.latest-posts-article-jobs::after {
		  content: '';
		  display: flex;
		  border-bottom: 1px solid var(--darkgrey);
		  width: 71px;
		  margin: 20px auto;
		}
	  
	  
	  .main-content {	
		  background-color: #f7f3ec;
		  /*flex: 2 0 auto;*/
		  /*flex: 0 0 55%;*/
		  align-self: stretch;
		  position: relative;
	  }
	  .width-big{width: 55%;max-width:1200px;}
	  
	  section{
		  width: 100%;
		  position: relative;
		  margin: 0;
	  }
		  header {margin-bottom: .5em;}
		  
  .text-align-left {text-align: left;}		
  .text-align-right {text-align: right;}		
		  
	  .section-container{ padding-bottom: 0em}
	  .section-container:first-child{ padding-top:0em;}
	  .section-container:last-child{ padding-bottom:0;}
	  
		  
  .container-img {
	  position: relative;
	  color: var(--lightgrey);
	  background-color: var(--darkgrey);
	  background-size: cover;
	  background-repeat: no-repeat;
	  background-position: center top;
  }
	  .container-img::before{
		  background-color: rgba(0,0,0,0.0);
		  content: "";
		  height: 100%;
		  left: 0;
		  position: absolute;
		  top: 0;
		  width: 100%;
		  z-index: 1;
	  }
	  
	  .container-img > * {
		  position: relative;
		  z-index: 2;
	  }
	  
	  .padding-bigtopbottom {padding: 4em 4em;	}
	  .padding-bigtop {padding: 8em 1em 1em 1em;	}
	  .container-img-center > a { 
		  text-align: center;
	  }
	  .container-img > a {
		  color: transparent;
		  display: block;
		  height: 100%;
	  }


	  
	  
	  .main-slider-full-link, .main-slider-full-link:hover {
		  color: var(--orange);
		  position: relative;
	  }
	  .main-slider-full-link > h3 {
		  position: absolute;
		  left: 0.53em;
		  right: 50%;
		  bottom: 40px;
	  }
  
  
  .project-overview-info {
	  display: flex;
	  align-items: center;
	  justify-content: flex-start;
	  flex-wrap: wrap;
	  text-transform: uppercase;
	  font-size: .85em;
  }
	  .overview-margin{
		  margin-right: 2em;
	  }
	  .overview-margin:last-child {
		  margin-right: 0;
	  }
  
  .project-website a{
	  color: var(--lightgrey);
  }
  
  
  .post-article {
	  transition: all .15s ease-in-out;
	  display: flex;
	  margin-left: 1em;
	  margin-right: 3em;
	  border: solid transparent;
	  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0), 0 6px 20px 0 rgba(0, 0, 0, 0);

  }	

  .post-article:hover {
	transform: translate(1em,0em);
	border: solid transparent;
	margin-left: 1em;
	margin-right: 3em;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }

  .post-article > .post-content {
	  margin-top: 1em;
	  margin-bottom: 0.75em;
  }

  div.post-content a {
	font-family: 'Montserrat-Regular';
	color: var(--gold);
  }

  div.post-content a:hover {
	color: var(--orange);
  }

  .post-article > .post-content > h5 > ul {
	  padding: 0;
  }

  .post-article > .post-content > ul {
	padding: 0;
	font-size: 0.75em;
  }


  .post-article > .post-content > h5 > ul > a{
	display: none;
}

  .post-article li {
	list-style: none;
	background: none;
	padding-left: 1em;
  }

  .post-article li:hover:after {
	  background: var(--orange);
  }


  .post-article a {
	color: var(--grey);
}

.post-article p {
	font-size: 0.9em;
	margin-top: 0.5em;
}

  .post-article a:hover {
	color: var(--orange);
}
	  .post-content:not(:empty){
		  margin-left: 2em;
		  margin-right: 2em;

		  font-family: 'Montserrat-Light';
	  }
	  
	  .link-spanner {
		position:absolute; 
		width:100%;
		height:100%;
		top:0;
		left: 0;
		z-index: 1;
	  }

  .seperator-line-after, .seperator-line-left{
	  position: relative;
	  padding-bottom: 0;
  }
  h3.seperator-line-left{
	  display: inline-block;
  }
  .seperator-line-after::after, .seperator-line-left::after{
	  content:"";
	  background-color: var(--orange);
	  width: 30%;
	  height: 2px;
	  position: absolute;
	  bottom: 0;
	  left: 50%;
	  transform: translateX(-50%);
	  display: none;
  }
  .seperator-line-left::after {
	  left: 0;
	  transform: none;
  }
  
  .padding-container {padding: 0 1em;}
  
  .team-box {
	  margin-top: 3em;
  }
  
	  .teammember-portrait {
		  width: 150px;
		  max-width: 100%;
		  height: 150px;
		  position: relative;
		  transform: rotate(-45deg);
		  margin: 2em auto;
		  overflow: hidden;
	   }
	  .teammember-portrait::after {
		  content: "";
		  background: transparent url("./img/bg-img/frame-team.png") no-repeat center center / cover;
		  width: 100%;
		  height: 100%;
		  position: absolute;
		  left: 0;
		  top: 0;
	  }
	  
	  .teammember-portrait img {
		  position:absolute;
		  max-width: none;
		  display: block;
		  transform: rotate(45deg);
		  width: 220px;
		  height: 220px;
		  left: 50%;
		  top: 50%;
		  margin-left: -110px;
		  margin-top: -110px;
	  }
  
	  .character-content-overview {
		  margin-top: 4em;
		  font-size: .8em;
	  }
	  .character-content-overview h4, .team-job-title {
		  text-align: center;
	  }
	  .character-content-overview h4 {
	  }
	  .team-job-title {
		   color: var(--orange);
	  }
	  
	  
  .so-fol p {
	  margin-bottom: 1.1em;
	  font-family: 'Montserrat-Semibold';
	  color: var(--darkgrey);
	  margin-left: 10%;
	}
  .so-ico {
	  display: inline-block;
	  margin: 0 5px 5px 0;
  }	

  .so-ico :hover {
	transform: scale(1.15);
}	

  .so-ico:first-of-type {
	  margin-left: 3.4%;
  }
  div.so-fol {
	  transition: all .15s ease-in-out;
	  position: absolute;
	  bottom: 0.75em;
	  width: 100%;
	  z-index: 2;
  }

	  
  
  
  /* Swiper */

		  .mainpage-carousel .swiper-wrapper{
			  position: absolute;
			  height: 100%;
			  width: 100%;
		  }
		  
		  .main-slider {
			  background-color: var(--darkgrey);
			  background-size: cover;
			  background-repeat: no-repeat;
			  background-position: center center;
			  color: var(--lightgrey);
		  }

		  .swiper-container {
			transition: all .15s ease-in-out;
			height: calc(100vw * 0.27);
		  }
		  .swiper-container:hover {
			transform: scale(1.025);
			filter: drop-shadow(0 0 0.75rem var(--darkgrey));
		  }


		  .swiper-container:first-child {
			transform: none;
			filter: none;
		  }
		  .content-wrapper

		  .container-img {
			transition: all .15s ease-in-out;
			height: calc(100vw * 0.27);
		  }

		  .container-img-2 {
			  margin-left: 1em;
			  margin-top: 1em;
			  margin-bottom: 1em;
			  flex-shrink: 0;
			  flex-basis: 300px;
			  align-self: center;
			  background-size: cover;
			  background-position: center;
			  height: calc(100vw * 0.15);
			  max-height: 200px;
			  max-width: 20em;
		  }

		  div.project-overview-info {
			  display: none;
		  }

		  .container-img:hover {
			transform: scale(1.025);
			filter: drop-shadow(0 0 0.75rem var(--darkgrey));

		  }

		  .home .content-wrapper {
			  overflow: hidden;
		  }

		  .page-id-39 .content-wrapper {
			overflow: visible;
		  }



		  .team-carousel {
			  margin: 0 1em;
			  /*padding: 0 calc(1em + 30px + 10px);*/
			  padding-bottom: calc(24px + 4px + 10px + 20px);
		  }
		  /*.team-carousel > .swiper-wrapper {overflow: hidden;}*/
		  
			  .flex-slider {
				  display: flex;
				  flex-direction: row;
				  justify-content: flex-start;
				  height: 100%;
			  }

			  .main-slider-frame {
				display: flex;
				flex-direction: column;
				width: 100%;
				align-items: left;
				text-align: left;
				background: -moz-linear-gradient(left,  rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 80%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(left,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 80%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to right,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 80%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				padding: 1em 2em 1em 1.5em;
				width: 60%;
				flex-shrink: 1;
			  }
			  .main-slider-frame > p {
				  font-family: 'Montserrat-Semibold'; 
				  margin-right: 25%;
				  font-size: 0.8vw;
				  margin-left: 1em;
				  letter-spacing: 0.1em;
			  }

			  .main-slider-frame > p:first-of-type {
				margin-bottom: 2em;
			}

			.main-slider-frame > p:nth-of-type(2) { 
				font-family: 'Montserrat-Regular' !important;
			}


			.main-slider-frame > p:nth-of-type(2) ::after { 
				/*font-family: 'Montserrat-Semibold';  
				content: ">";
				display: inline-block;
				font-size: 1em;
				margin-left: .5em;*/
			}

			.main-slider-frame > p:nth-of-type(3) ::after { 
				font-family: 'Montserrat-Semibold';  
				content: ">";
				display: inline-block;
				font-size: 1em;
				margin-left: .5em;
			}

				  .project-logo {
					  text-align: center;
					  align-self: center;
					  margin-bottom: 1em;
					  margin-right: 15%;
				  }

				  .project-logo > img {
					  height: 8vw;
				  }
				  
				  
				  
		  
  
  .swiper-pagination {
	  z-index: 15;
  }
  .swiper-pagination-bullet{
	  background: transparent url("./img/icons/circle-inactive.png") no-repeat center center / contain;
	  width: 24px;
	  height: 24px;
	  opacity: 1;
  }
  .swiper-pagination-bullet-active, .swiper-pagination-bullet:hover{
	  background-image: url("./img/icons/circle-active.png");
  }
  
  .swiper-pagination-bullet:only-child,
  .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	  display: none;
  }
  .swiper-button-next, .swiper-button-prev {
	  top: 0;
	  margin-top: 0;
	  width: 30px;
	  height: 100%;
  }
  .swiper-button-next {
	  right: 0;
  }
  .swiper-button-prev {
	  left: 0;
  }
  .swiper-button-prev, .swiper-container-rtl .swiper-button-next,
  .swiper-button-next, .swiper-container-rtl .swiper-button-prev,
  .vbox-next, .vbox-prev {
	  background-size: contain;
  }
  .swiper-button-prev, .swiper-container-rtl .swiper-button-next,
  .vbox-prev {
	  background-image: url("./img/icons/arrow-left.png");
  }
  .swiper-button-next, .swiper-container-rtl .swiper-button-prev,
  .vbox-next {
	  background-image: url("./img/icons/arrow-right.png");	
  }
  
	  .team-carousel .swiper-button-prev, .team-carousel .swiper-container-rtl .swiper-button-next {
		  background-image: url("./img/icons/arrow-left-black.png");
		  left: 0;
	  }
  
	  .team-carousel .swiper-button-next, .team-carousel .swiper-container-rtl .swiper-button-prev {
		  background-image: url("./img/icons/arrow-right-black.png");	
		  right: 0;
	  }
	  .team-carousel .swiper-slide {
		  padding: 0 40px;
	  }
	  .team-carousel .swiper-slide:first-child {
		  padding-left: 0;
	  }
	  
  
  
  /* ------ venobox.css --------*/
  .vbox-overlay *, .vbox-overlay *:before, .vbox-overlay *:after{
	  -webkit-backface-visibility: hidden;
	  -webkit-box-sizing:border-box;
	  -moz-box-sizing:border-box;
	  box-sizing:border-box;
  }
  .vbox-overlay * { 
	  -webkit-backface-visibility: visible;
	  backface-visibility: visible;
  }
  .vbox-overlay{
	  display: -webkit-flex;
	  display: flex;
	  -webkit-flex-direction: column;
	  flex-direction: column;
	  -webkit-justify-content: center;
	  justify-content: center;
	  -webkit-align-items: center;
	  align-items: center;
	  position: fixed;
	  left: 0;
	  top: 0;
	  bottom: 0;
	  right: 0;
	  z-index: 1040;
	  -webkit-transform:translateZ(1000px);
	  transform: translateZ(1000px);
	  transform-style: preserve-3d;
  }
  
  /* ----- navigation ----- */
  .vbox-title{
	  width: 100%;
	  height: 40px;
	  float: left;
	  text-align: center;
	  line-height: 28px;
	  font-size: 12px;
	  padding: 6px 40px;
	  overflow: hidden;
	  position: fixed;
	  display: none;
	  left: 0;
	  z-index: 1050;
  }
  .vbox-close{
	  color: transparent !important;
	cursor: pointer;
	position: fixed;
	top: 20px;
	right: 25px;
	width: 32px;
	height: 32px;
	padding: 6px;
	display: block;
	  background: transparent url("./img/icons/close.png") center center no-repeat;
	overflow: hidden;
	font-size: 24px;
	line-height: 1;
	text-align: center;
	z-index: 1050;
  }
  .vbox-num{
	  cursor: pointer;
	  position: fixed;
	  left: 0;
	  height: 40px;
	  display: block;
	  overflow: hidden;
	  line-height: 28px;
	  font-size: 12px;
	  padding: 6px 10px;
	  display: none;
	  z-index: 1050;
  }
  /* ----- navigation ARROWS ----- */
  .vbox-next, .vbox-prev{
	  background-repeat: no-repeat;
	  background-position: center center;
	position: fixed;
	top: 50%;
	transform: translateX(-50%);
	overflow: hidden;
	cursor: pointer;
	display: block;
	width: 45px;
	height: 45px;
	z-index: 1050;
  }
  .vbox-next span, .vbox-prev span{
	  /*display: none;*/
	  opacity: 0;
	position: relative;
	width: 20px;
	height: 20px;
	border: 2px solid transparent;
	border-top-color: #B6B6B6;
	border-right-color: #B6B6B6;
	text-indent: -100px;
	position: absolute;
	top: 8px;
	display: block;
  }
  .vbox-prev{
	  left: 15px;
  }
  .vbox-next{
	  right: 15px;
  }
  .vbox-prev span{
	  left: 10px;
	  -ms-transform: rotate(-135deg);
	  -webkit-transform: rotate(-135deg);
	  transform: rotate(-135deg);
  }
  .vbox-next span{
	  -ms-transform: rotate(45deg);
	  -webkit-transform: rotate(45deg);
	  transform: rotate(45deg);
	  right: 10px;
  }
  /* ------- inline window ------ */
  .vbox-inline{
	  width: 420px;
	  height: 315px;
	  height: 70vh;
	  padding: 10px;
	  background: #fff;
	  margin: 0 auto;
	  overflow: auto;
	  text-align: left;
  }
  /* ------- Video & iFrames window ------ */
  .venoframe{
	  max-width: 100%;
	  width: 100%;
	  border: none;
	  width: 100%;
	  height: 260px;
	  height: 70vh;
  }
  .venoframe.vbvid{
	  height: 260px;
  }
  @media (min-width: 768px) {
	  .venoframe, .vbox-inline{
		  width: 90%;
		  height: 360px;
		  height: 70vh;
	  }
	  .venoframe.vbvid{
		  width: 640px;
		  height: 360px;
	  }
  }
  @media (min-width: 992px) {
	  .venoframe, .vbox-inline{
		  max-width: 1200px;
		  width: 80%;
		  height: 540px;
		  height: 70vh;
	  }
	  .venoframe.vbvid{
		  width: 960px;
		  height: 540px;
	  }
  }
  /* 
  Please do NOT edit this part! 
  or at least read this note: http://i.imgur.com/7C0ws9e.gif
  */
  .vbox-open{
	  overflow: hidden;
  }
  .vbox-container{
	  position: absolute;
	  left: 0;
	  right: 0;
	  top: 0;
	  bottom: 0;
	  overflow-x: hidden;
	  overflow-y: scroll;
	  overflow-scrolling: touch;
	  -webkit-overflow-scrolling: touch;
	  z-index: 20;
	  max-height: 100%;
  
  }
  
  .vbox-content{
	  text-align: center;
	  float: left;
	  width: 100%;
	  position: relative;
	  overflow: hidden;
	  padding: 1em 3em;
  }
  .vbox-container img{
	  max-width: 100%;
	  height: auto;
  }
  .vbox-figlio{
	  box-shadow: 0 0 12px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	  max-width: 100%;
	  text-align: initial;
  }
  img.vbox-figlio{
	  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  }
  .vbox-content.swipe-left{
	  margin-left: -200px !important;
  }
  .vbox-content.swipe-right{
	  margin-left: 200px !important;
  }
  .vbox-animated{
	  webkit-transition: margin 300ms ease-out;
	  transition: margin 300ms ease-out;
  }
  
  /* ---------- preloader ----------
   * SPINKIT 
   * http://tobiasahlin.com/spinkit/
  -------------------------------- */
  .sk-double-bounce,.sk-rotating-plane{width:40px;height:40px;margin:40px auto}.sk-rotating-plane{background-color:#333;-webkit-animation:sk-rotatePlane 1.2s infinite ease-in-out;animation:sk-rotatePlane 1.2s infinite ease-in-out}@-webkit-keyframes sk-rotatePlane{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0)}50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0);transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}@keyframes sk-rotatePlane{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0)}50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0);transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.sk-double-bounce{position:relative}.sk-double-bounce .sk-child{width:100%;height:100%;border-radius:50%;background-color:#333;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:sk-doubleBounce 2s infinite ease-in-out;animation:sk-doubleBounce 2s infinite ease-in-out}.sk-chasing-dots .sk-child,.sk-spinner-pulse,.sk-three-bounce .sk-child{background-color:#333;border-radius:100%}.sk-double-bounce .sk-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-doubleBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-doubleBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}.sk-wave{margin:40px auto;width:50px;height:40px;text-align:center;font-size:10px}.sk-wave .sk-rect{background-color:#333;height:100%;width:6px;display:inline-block;-webkit-animation:sk-waveStretchDelay 1.2s infinite ease-in-out;animation:sk-waveStretchDelay 1.2s infinite ease-in-out}.sk-wave .sk-rect1{-webkit-animation-delay:-1.2s;animation-delay:-1.2s}.sk-wave .sk-rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-wave .sk-rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-wave .sk-rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-wave .sk-rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes sk-waveStretchDelay{0%,100%,40%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes sk-waveStretchDelay{0%,100%,40%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}.sk-wandering-cubes{margin:40px auto;width:40px;height:40px;position:relative}.sk-wandering-cubes .sk-cube{background-color:#333;width:10px;height:10px;position:absolute;top:0;left:0;-webkit-animation:sk-wanderingCube 1.8s ease-in-out -1.8s infinite both;animation:sk-wanderingCube 1.8s ease-in-out -1.8s infinite both}.sk-chasing-dots,.sk-spinner-pulse{width:40px;height:40px;margin:40px auto}.sk-wandering-cubes .sk-cube2{-webkit-animation-delay:-.9s;animation-delay:-.9s}@-webkit-keyframes sk-wanderingCube{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:translateX(30px) rotate(-90deg) scale(.5);transform:translateX(30px) rotate(-90deg) scale(.5)}50%{-webkit-transform:translateX(30px) translateY(30px) rotate(-179deg);transform:translateX(30px) translateY(30px) rotate(-179deg)}50.1%{-webkit-transform:translateX(30px) translateY(30px) rotate(-180deg);transform:translateX(30px) translateY(30px) rotate(-180deg)}75%{-webkit-transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5);transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes sk-wanderingCube{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:translateX(30px) rotate(-90deg) scale(.5);transform:translateX(30px) rotate(-90deg) scale(.5)}50%{-webkit-transform:translateX(30px) translateY(30px) rotate(-179deg);transform:translateX(30px) translateY(30px) rotate(-179deg)}50.1%{-webkit-transform:translateX(30px) translateY(30px) rotate(-180deg);transform:translateX(30px) translateY(30px) rotate(-180deg)}75%{-webkit-transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5);transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}.sk-spinner-pulse{-webkit-animation:sk-pulseScaleOut 1s infinite ease-in-out;animation:sk-pulseScaleOut 1s infinite ease-in-out}@-webkit-keyframes sk-pulseScaleOut{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes sk-pulseScaleOut{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.sk-chasing-dots{position:relative;text-align:center;-webkit-animation:sk-chasingDotsRotate 2s infinite linear;animation:sk-chasingDotsRotate 2s infinite linear}.sk-chasing-dots .sk-child{width:60%;height:60%;display:inline-block;position:absolute;top:0;-webkit-animation:sk-chasingDotsBounce 2s infinite ease-in-out;animation:sk-chasingDotsBounce 2s infinite ease-in-out}.sk-chasing-dots .sk-dot2{top:auto;bottom:0;-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-chasingDotsRotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes sk-chasingDotsRotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes sk-chasingDotsBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-chasingDotsBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}.sk-three-bounce{margin:40px auto;width:80px;text-align:center}.sk-three-bounce .sk-child{width:20px;height:20px;display:inline-block;-webkit-animation:sk-three-bounce 1.4s ease-in-out 0s infinite both;animation:sk-three-bounce 1.4s ease-in-out 0s infinite both}.sk-circle .sk-child:before,.sk-fading-circle .sk-circle:before{display:block;border-radius:100%;content:'';background-color:#333}.sk-three-bounce .sk-bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.sk-three-bounce .sk-bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes sk-three-bounce{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-three-bounce{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.sk-circle{margin:40px auto;width:40px;height:40px;position:relative}.sk-circle .sk-child{width:100%;height:100%;position:absolute;left:0;top:0}.sk-circle .sk-child:before{margin:0 auto;width:15%;height:15%;-webkit-animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;animation:sk-circleBounceDelay 1.2s infinite ease-in-out both}.sk-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.sk-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.sk-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.sk-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.sk-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.sk-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.sk-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.sk-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.sk-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.sk-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.sk-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.sk-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.sk-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleBounceDelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-circleBounceDelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.sk-cube-grid{width:40px;height:40px;margin:40px auto}.sk-cube-grid .sk-cube{width:33.33%;height:33.33%;background-color:#333;float:left;-webkit-animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out;animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out}.sk-cube-grid .sk-cube1{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube2{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube3{-webkit-animation-delay:.4s;animation-delay:.4s}.sk-cube-grid .sk-cube4{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube5{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube6{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube7{-webkit-animation-delay:0ms;animation-delay:0ms}.sk-cube-grid .sk-cube8{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube9{-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes sk-cubeGridScaleDelay{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}@keyframes sk-cubeGridScaleDelay{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}.sk-fading-circle{margin:40px auto;width:40px;height:40px;position:relative}.sk-fading-circle .sk-circle{width:100%;height:100%;position:absolute;left:0;top:0}.sk-fading-circle .sk-circle:before{margin:0 auto;width:15%;height:15%;-webkit-animation:sk-circleFadeDelay 1.2s infinite ease-in-out both;animation:sk-circleFadeDelay 1.2s infinite ease-in-out both}.sk-fading-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.sk-fading-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.sk-fading-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-fading-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.sk-fading-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.sk-fading-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-fading-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.sk-fading-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.sk-fading-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-fading-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.sk-fading-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.sk-fading-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-fading-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-fading-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-fading-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-fading-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-fading-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-fading-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.sk-fading-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.sk-fading-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.sk-fading-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.sk-fading-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleFadeDelay{0%,100%,39%{opacity:0}40%{opacity:1}}@keyframes sk-circleFadeDelay{0%,100%,39%{opacity:0}40%{opacity:1}}.sk-folding-cube{margin:40px auto;width:40px;height:40px;position:relative;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.sk-folding-cube .sk-cube{float:left;width:50%;height:50%;position:relative;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.sk-folding-cube .sk-cube:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#333;-webkit-animation:sk-foldCubeAngle 2.4s infinite linear both;animation:sk-foldCubeAngle 2.4s infinite linear both;-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}.sk-folding-cube .sk-cube2{-webkit-transform:scale(1.1) rotateZ(90deg);transform:scale(1.1) rotateZ(90deg)}.sk-folding-cube .sk-cube3{-webkit-transform:scale(1.1) rotateZ(180deg);transform:scale(1.1) rotateZ(180deg)}.sk-folding-cube .sk-cube4{-webkit-transform:scale(1.1) rotateZ(270deg);transform:scale(1.1) rotateZ(270deg)}.sk-folding-cube .sk-cube2:before{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-folding-cube .sk-cube3:before{-webkit-animation-delay:.6s;animation-delay:.6s}.sk-folding-cube .sk-cube4:before{-webkit-animation-delay:.9s;animation-delay:.9s}@-webkit-keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0);transform:perspective(140px) rotateX(0);opacity:1}100%,90%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}@keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0);transform:perspective(140px) rotateX(0);opacity:1}100%,90%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}
  
	  
	  
	  
	  
  /*.loading-img {
	  width: 52px;
	  height: 52px;
	  position: relative;
	  text-align: center;
	  margin: 0 auto;
  }
  .loading-icon-inner, .loading-icon-outer {
	  background: transparent url("./img/icons/loading-icon-inner.png") no-repeat center center / contain;
	  position: absolute;
	  left: 0;
	  top: 0;
	  width: 100%;
	  height: 100%;	
  }
  
  .loading-icon-inner {
	  animation: rotate360-0 3s infinite linear;
  }
  .loading-icon-outer {
	  background-image: url("./img/icons/loading-icon-outer.png");
	animation: rotate0-360 3s linear infinite;
  }
  
  @keyframes rotate360-0 {
	  from {transform: rotate(360deg)}
	  to {transform: rotate(0deg)}
  }	
  @keyframes rotate0-360 {
	  from {transform: rotate(0deg)}
	  to {transform: rotate(360deg)}
  }	*/
	  
  
  /* RESPONSIVE iframe*/
  .videoWrapper {
	  position: relative;
	  padding-bottom: 56.25%; /* 16:9 */
	  height: 0;
  }
  .videoWrapper iframe {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
  }
  
  
  
  
  
  /* Footer Stuff */
  footer {
	  background-color: #1f1f1f;
	  display: block;
	  color: var(--gold);
	  display: flex;
	  align-items: center;
	  padding: 2em 4vw 1em 4vw;
	  position: relative;
  }
  
	  .footer-leiste {
		font-family: 'Montserrat-Light';
		font-size: .7em;
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	}
	  .copyright{margin-left: auto;}
	  .copyright a {
		  color: #fff;
		  text-decoration: none;
		  text-transform: none;
		  border-bottom: 1px solid transparent;
	  }
	  .copyright p { 
		  margin-right: 1.5em;
	  }
	  .copyright p:last-child { margin-right: 0;}
  
  
  /* AJAX OVERLAY */
  .close-icon {
	  display:none;
  }
	  .modalOverflow .close-icon {
		  display:block;
		  position: fixed;
		  z-index: 25;
	  }
  
  .ajax-container-content {
	  position: fixed;
	  width: 100%;
	  height: 100%;
	  left: 0;
	  top: 0;
	  background-color: rgba(0,0,0,0.95);
	   overflow-y: auto;
	  visibility: hidden;
	  z-index: 60;
	  opacity:0;
  }
  .ajax-container-content.ajax-content-open  {
	  opacity:1;
	  visibility: visible;
  }
  
  
  
  /* AGE GATE */
  .no-js .js-error, .js .verification-msg{
	  display: block;
  }
  .js .js-error, .no-js .verification-msg,.content-hidden{
	  display: none;
  }
  
  .verification-msg {
	  flex: 0 0 100%;
	  text-align: center;
	  margin-top: 1em;
  }
  .verification-msg h2 {margin-bottom: .5em;}
  
  
  /*#errormsg > *, .verification-error > * {
	  color: #ad235e;
	  display: none;
   *   font-size: 0.85em;
  }*/
  
  /*#cookie{
	  position:fixed;
	  left:0;
	  bottom:0;
	  width:100%;
	  background: rgba(0,0,0,0.95);
	  z-index:9999;
	  padding:8px
  }*/
  
  .cookie-info {
	  bottom: 0;
	  left: 0;
	  padding: 1em 0.5em;
	  position: absolute;
	  width: 100%;
  }
  
  .cookie-info p{
	  color:#fff;
	  position:relative;
	  display:block;
	  font-size: 10px;
	  margin:0;
	  text-align:center
  }
  
  /* AGE GATE ENDE */
  
  
  
  /* ERROR SITE */
  .error-site {
	  min-height: 35vh;
	  padding-top: 4em;
	  text-align: center;
  }
  
  /**
   * 5.4 Galleries
   */
  .gallery {
	  margin: 2em auto;
	  display: flex;
	  /*align-items: stretch;*/
	  align-items: start;
	  flex-flow: row wrap;
	  /*justify-content: flex-start;*/
	  justify-content: space-between;
  }
  
  .gallery-item  {
	  margin: 0 .5em .5em 0;
	  overflow: hidden;
	  position: relative;
  }
  /*.gallery-item a::before  {
	  background-image: url("./img/bg-img/oben_links.png"), url("./img/bg-img/oben_rechts.png"),url("./img/bg-img/unten_links.png"),url("./img/bg-img/unten_rechts.png"),
										  url("./img/bg-img/rahmen_links.png"), url("./img/bg-img/rahmen_rechts.png"), url("./img/bg-img/rahmen_oben.png"), url("./img/bg-img/rahmen_unten.png");
	  background-position: left top, right top, left bottom, right bottom,
											   left top, right top, left top, left bottom;
	  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat,
										   repeat-y, repeat-y, repeat-x, repeat-x;
	  background-size: auto;
	  background-color: transparent;
	  width: 100%;
	  height: 100%;
	  position: absolute;
	  left: 0;
	  top: 0;
	  content: "";
  }*/
  .gallery-item a {
	  display: block;
	  position: relative;
	  width: 100%;
	  height: 100%;
  }
  
  .gallery-columns-1.gallery-size-medium,
  .gallery-columns-1.gallery-size-thumbnail,
  .gallery-columns-2.gallery-size-thumbnail,
  .gallery-columns-3.gallery-size-thumbnail {
	  display: table;
	  margin: 0 auto .5em;
  }
  
  .gallery-columns-1 .gallery-item,
  .gallery-columns-2 .gallery-item,
  .gallery-columns-3 .gallery-item {
	  text-align: center;
  }
  
  .gallery-columns-2 .gallery-item,
  .gallery-columns-2 .character-item {
	  max-width: 49%;
	  max-width:         calc(50% - .5em);
  }
  .gallery-columns-3 .gallery-item,
  .gallery-columns-3 .character-item {
	  flex: 0 0 calc(33.33333333333333% - .5em);
	  max-width: 30%;
	  max-width:         calc(33.33333333333333% - .5em);
  }
  
  .gallery-columns-4 .gallery-item,
  .gallery-columns-4 .character-item {
	  flex: 0 0 calc(25% - .5em);
	  max-width: 23%;
	  max-width:         calc(25% - .5em);
  }
  
  .gallery-columns-5 .gallery-item,
  .gallery-columns-5 .character-item {
	  flex: 0 0 calc(19% - .5em);
	  max-width: 19%;
	  max-width:         calc(20% - .5em);
  }
  
  .gallery-columns-6 .gallery-item,
  .gallery-columns-6 .character-item {
	  flex: 0 0 calc(15% - .5em);
	  max-width: 15%;
	  max-width:         calc(16.7% - .5em);
  }
  
  .gallery-columns-7 .gallery-item,
  .gallery-columns-7 .character-item {
	  flex: 0 0 calc(13% - .5em);
	  max-width: 13%;
	  max-width:         calc(14.28% - .5em);
  }
  
  .gallery-columns-8 .gallery-item,
  .gallery-columns-8 .character-item {
	  flex: 0 0 calc(11% - .5em);
	  max-width: 11%;
	  max-width:         calc(12.5% - .5em);
  }
  
  .gallery-columns-9 .gallery-item,
  .gallery-columns-9 .character-item {
	  flex: 0 0 calc(9% - .5em);
	  max-width: 9%;
	  max-width:         calc(11.1% - .5em);
  }
  .gallery-item img {
	  width: 100%;
	  display: block;
  }
  
  .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-1 .character-item:nth-of-type(1n),
  .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-2 .character-item:nth-of-type(2n),
  .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-3 .character-item:nth-of-type(3n),
  .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-4 .character-item:nth-of-type(4n),
  .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-5 .character-item:nth-of-type(5n),
  .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-6 .character-item:nth-of-type(6n),
  .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-7 .character-item:nth-of-type(7n),
  .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-8 .character-item:nth-of-type(8n),
  .gallery-columns-9 .gallery-item:nth-of-type(9n), .gallery-columns-9 .character-item:nth-of-type(9n) {
	  margin-right: 0;
  }
  
  .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
  .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
  .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
  .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
	  clear: left;
  }
  
  .gallery-caption,
  .gallery-columns-7 .gallery-caption,
  .gallery-columns-8 .gallery-caption,
  .gallery-columns-9 .gallery-caption {
	  display: none;
  }
  
  
  /* LIGHTBOX */
  .figlio {box-shadow: none;}
  .vbox-container {
	  text-align: center
  }
  .vbox-content {
	  /*padding: 0;
	  border: 2px solid #5b4d11;*/
	  max-width: 100%;
	  width: auto !important;
	  float: none !important;
	  margin: 0 auto;
	  margin-left: 10px !important;
	  margin-right: 10px !important;
	  display: inline-block;
  }
  
  
  
  /* RESPONSIVE MENU */
  #responsive-icon, .so-fol.so-menu { display: none; }	
	  
	  
  /**
   * 8.0 Media Queries
   */
  @-ms-viewport {
	  width: device-width;
  }
  @viewport {
	  width: device-width;
  }
  
  /*@media screen and (min-device-width: 1025px) {*/
  @media (hover: hover), (-ms-high-contrast:none) {
  
	  .vbox-close {
		  opacity: 0.6;
		  transition: opacity var(--transition) ease-in;
	  }
	  .vbox-close:hover {
		  opacity: 1;
		  transition: opacity var(--transition) ease-out;
	  }
	  .swiper-button-prev:hover, .swiper-container-rtl .swiper-button-next:hover,
	  .vbox-prev:hover{
		  background-image: url("./img/icons/arrow-left-active.png");
	  }
	  .swiper-button-next:hover, .swiper-container-rtl .swiper-button-prev:hover,
	  .vbox-next:hover {
		  background-image: url("./img/icons/arrow-right-active.png");	
	  }
	  
	  .copyright a { transition: border-color var(--transition) ease-in;}
	  .copyright a:hover { transition: border-color var(--transition) ease-out;}
	  
	  .mainnav ul li a{
		  transition: color var(--transition) ease-in, border-color var(--transition) ease-in;
		  z-index: 4;
	  }
	  .mainnav ul li a:hover{
		  transition: color var(--transition) ease-out, border-color var(--transition) ease-out;;
	  }
  
	  .button {
		  transition: background-position var(--transition) ease-out;
	  }
	  .button:hover {
		  transition: background-position var(--transition) ease-in;
	  }
  
	  .button-blue{
		  transition: background-position var(--transition) ease-in, padding var(--transition) ease-in;
	  }
	  .button-blue:hover{
		  padding-left: calc(1.5em + 5px);
		  background-position: 5px center;
		  transition: background-position var(--transition) ease-out, padding var(--transition) ease-out;
	  }
  
	  .copyright a:hover{ border-color: var(--orange);}	
	  
	  .mainnav ul li a:hover{color: var(--orange);}	
	  
	  .button:hover {
		  background-position: 8px center;
	  }
  
  }
  
  @media screen and (min-width: 1033px) {
  
	  .beauty-after {padding-bottom: 69px;}
	  .home .beauty-after {padding-bottom: 0;}
	  
	  .beauty-after::before, .beauty-after::after{
		  content: "";
		  position: absolute;
		  bottom: -2px;
		  width: 120px;
		  height: 69px;
		  z-index: 3;
	  }
	  .beauty-after::before{
		  background: transparent url("./img/icons/beauty-corner-left.png") no-repeat bottom center / contain;
		  left: -55px;
	  }
	  .beauty-after::after{
		  background: transparent url("./img/icons/beauty-corner-right.png") no-repeat bottom center / contain;
		  right: -55px;
	  }
	  
	  .main-content {	
		  box-shadow: 0 0 25px rgba(0, 0, 0, 0.8);
		  min-height: calc(100vh - 8em - 138px - 2.5em - 150px);
		  min-width: 55%;
	  }		
	  
	  .post-article:last-child{ margin-bottom:0;}
  
	  .mainnav{
		  background: transparent url("./img/bg-img/navbar_mitte.png") repeat-x center left / auto 100%;
		  display: flex;
		  flex-wrap: wrap;
		  align-items: center;
		  justify-content: center;
		  padding: 5px 0 10px 0;
	  }	
	  
		  .mainnav::before, .mainnav::after{
			  content: "";
			  position: absolute;
			  top: 0px;
			  height: 100%;
			  width: 133px;
			  z-index: 3;
		  }
		  .mainnav::before{
			  background: transparent url("./img/bg-img/navbar_links.png") no-repeat center right / 100% 100%;	
			  left: -119px;
		  }
		  .mainnav::after {
			  background: transparent url("./img/bg-img/navbar_rechts.png") no-repeat center left / 100% 100%;	
			  right: -119px;
		  }
  
		  .mainnav ul::after {
			  content: "";
			  background: transparent url("./img/bg-img/navbar-btm.png") no-repeat center top / contain;	
			  height: 80px;
			  width: 100px;
			  position: absolute;
			  bottom: -75px;
			  left: 50%;
			  transform: translateX(-50%);
			  display: none;
		  }
		  
	  .mainnav ul li a::after {
		  content: "";
		  display: inline-block;
		  padding-top: 0px;
		  color: var(--orange);
		  margin-left: 1.25em;
	  }
	  .mainnav ul li:last-child a::after {
		  content: "";
		  display: inline-block;
		  color: var(--orange);
		  margin-left: 0;
	  }	
		  
		  
  }
  
  @media screen and (max-width: 1400px) {
	  .mainnav {width: calc(60% - 60px - 60px);}
	  .width-big{width: 60%;}
  
	  .mainnav ul::after {
		  width: 90px;
		  height: 60px;
		  bottom: -55px;
	  }	
	  
  }
  
  @media screen and (max-width: 1220px) {
	  .vbox-content{
		  padding: 1em 2em;
	  }
	  .vbox-next, .vbox-prev {width: 35px; height: 35px;}
	  .vbox-next {
		  right: 5px;
		  background-position: center right;
	  }
  
	  .mainnav {width: calc(70% - 70px - 70px);}
	  .width-big{width: 70%;}
	  .mainnav ul::after {
		  width: 80px;
		  height: 55px;
		  bottom: -50px;
	  }	
  }
  
  
  
  @media screen and (max-width: 1032px) {
  
	  .menu-holder.activemenu {transform: translateY(0);}
	  .menu-holder, .activemenu {transition: transform var(--transition) linear;}
	  #responsive-icon{
		  cursor: pointer;
		  position: fixed;
		  width: 52px; 
		  height: 3em;
		  font-size: 1em;
		  top: 2em;
		  right: 1em;
		  display: block;
		  z-index: 50;
	  }	
	  
	  .lines-button {
		  background: none repeat 0 center rgba(0, 0, 0, 0);
		  border: 0 none;
		  cursor: pointer;
		  display: inline-block;
		  outline: 0 none;
		  position: absolute;
	  }
	  .lines {
		  background: url("./img/icons/burger-border.png") no-repeat center center;
		  display: inline-block;
		  height: 5px;
		  position: relative;
		  width: 2.5em;
	  }
	  .lines::before, .lines::after {
		  background: url("./img/icons/burger-border.png") no-repeat center center;
		  content: "";
		  display: inline-block;
		  height: 5px;
		  left: 0;
		  position: absolute;
		  transform-origin: 1px center 0;
		  width: 2.5em;
	  }
	  .lines::before { top: 10px }
	  .lines::after { top: -10px }
	  .lines-button .lines::before, .lines-button .lines::after {
		  transform-origin: 50% 50% 0;
		  transition: top var(--transition) ease 0.65s, transform var(--transition) ease 0s;
	  }
	  #responsive-icon.close .lines-button .lines { background: none repeat 0 0 transparent }
	  #responsive-icon.close .lines-button .lines::before, #responsive-icon.close .lines-button .lines::after {
		  top: 0;
		  transition: top var(--transition) ease 0s, transform var(--transition) ease 0.65s;
		  width: 2.5em;
	  }
	  #responsive-icon.close .lines-button .lines::before { transform: rotate3d(0, 0, 1, 45deg) }
	  #responsive-icon.close .lines-button .lines::after { transform: rotate3d(0, 0, 1, -45deg) }	
	  
	  .menu-holder {
		  background-image: url("./img/bg-img/oben_links.png"), url("./img/bg-img/oben_rechts.png"),url("./img/bg-img/unten_links.png"),url("./img/bg-img/unten_rechts.png"),
											  url("./img/bg-img/rahmen_links.png"), url("./img/bg-img/rahmen_rechts.png"), url("./img/bg-img/rahmen_oben.png"), url("./img/bg-img/rahmen_unten.png");
		  background-position: left top, right top, left bottom, right bottom,
												   left top, right top, left top, left bottom;
		  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat,
											   repeat-y, repeat-y, repeat-x, repeat-x;
		  background-size: auto;
		  background-color: rgba(0,0,0,0.9);
		  height: 100%;
		  position: fixed;
		  z-index: 40;
		  overflow-y: auto;
		  transform: translateX(100%);
	  }
	  .mainnav {
		  width: 75%;
		  margin-top: 7em;
	  }
		  .mainnav ul { font-size: 1.5em; }
		  .mainnav ul li{
			  display: block;			
			  text-align: center;
			  padding-left: 0;
		  }
		  .mainnav ul li a{
			  border-bottom: 1px solid var(--orange);
			  display: inline-block;
			  margin: 0.5em;
			  z-index: 4;
			  padding-left: 0;
		  }
		  .mainnav ul li a:hover{
			  border-bottom: 1px solid var(--orange);
		  }	
  
	  .mainnav ul li.menu-active a {
		  border-color: #fff;
	  }
  
	  .so-fol.so-menu {
		  text-align: center;
		  color: var(--orange);
		  display: block;
		  width: 75%;
		  margin: 4em auto 0 auto;
	  }
	
	  
	  
	  .header-img { padding: 4em 0;}
	  .header-top-img::before {
		  content: "";
		  position: absolute;
		  width: 100%;
		  height: 1em;
		  left: 0;
		  bottom: 0;
		  background: var(--lightgrey) url("./img/bg-img/small_navbar.png") repeat-x top left / auto 2em;
	  }	
	  
	  .grid {
		  width: 85%;
		  flex-wrap: wrap;
		  margin: 0 auto;
	  }	
  
	  .sidebar{ 
		  margin: 2em auto 1em auto;
		  width: calc(50% - 30px);
		  box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
		  padding: 1em;
		  background-color: #fff;
	  }
	  .main-content {
		  order: 1;
		  margin-top: 15px;
	  }
	  .width-big {
		  width: calc(100% - 30px);
		  box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
	  }
	  .sidebar-news { order: 2; }
	  .sidebar-jobs { order: 3;}
	  .latest-posts { margin-bottom: 2em}
  
	  .section-container:first-child { padding-top:0}
	  
	  .gallery-columns-3 .gallery-item { 
		  flex: 0 0 calc(50% - .5em);
		  max-width: calc(50% - 0.5em);
	  }
	  .gallery-columns-3 .gallery-item:nth-of-type(3n) { margin-right: 0.5em; }
	  .gallery-columns-3 .gallery-item:nth-of-type(2n) { margin-right: 0; }

	  .container-img {
		height: calc(100vw * 0.5) !important;
	  }
	  .container-img:hover{
		transform: none;
		filter: none;
	  }
	  .swiper-container {
		height: calc(100vw * 0.5);
	  }
	  .swiper-container:hover {
		transform: none;
		filter: none;
	  }

	  .main-slider-full-link > h3 {
		  right: 1.2em;
		  left: 0.5em;
		  bottom: 1.4em;
		  text-align: center;
	  }
	  .main-slider-frame {
		  width: 65%;
		  display: inline-block
	  }
	  .main-slider-frame > p {
		  display: none;
	  }
	  .project-logo {
		  display: inline-block;
		  height: 100%;
		  vertical-align: middle;
	  }
	  .project-logo > img {
		  height: 40%;	  
		  position: absolute;
		  top: 0;
		  bottom: 0;
		  margin: auto;
	  }
	  .dev-logo > a > img {
		  height: 12vh;
		  max-height: 7em;
		  min-height: 2em;
	  }
	  div.so-fol {
		  width: 50%;
		  left: 25%;
		  right: 25%;
		  bottom: 10%;
		  text-align: center;
		  display: none;
	  }
	  div.so-fol.so-menu {
		  width: auto;
	  }
	  div.so-fol p {
		  margin-left: 0;
	  }
	  .so-ico:first-of-type {
		  margin-left: 0;
	  }
	  .mainnav ul {
		  flex-direction: column;
	  }
	  .mainnav ul li a {
		  border-bottom: none;
		  margin: 0;
		  margin-bottom: 2em;
		  padding-left: 0;
	  }
	  .header-top-img::before {
		background: url("./img/bg-img/small_navbar.png") repeat-x top left / auto 2em;
	  }
	  .swiper-button-next {
		  display: none;
	  }
	  .swiper-button-prev {
		  display: none;
	  }
	  .content-wrapper:last-child {
		  padding-bottom: 50px;
	  }
	  .home .content-wrapper:last-child {
		  padding-bottom: 0;
	  }
	  .page-id-35 .post-article,
	  .page-id-37 .post-article {
		  flex-direction: column;
	  }	
	  .page-id-35 .container-img-2,
	  .page-id-37 .container-img-2 {
		max-width: 100%;
		width: 100%;
		max-height: calc(100vw * 0.5);
	  }
	  .page-id-35  .post-article,
	  .page-id-37  .post-article {
		margin-right: 2.2em;
	  }
	  .page-id-35 .post-article > .post-content,
	  .page-id-37 .post-article > .post-content {
		  margin-top: 0;
		  margin-bottom: 0;
	  }
	  .page-id-35 .post-content:not(:empty),
	  .page-id-37 .post-content:not(:empty) {
		  margin-left: 0.5em;
		  margin-right: -0.5em;
	  }
	  .post-article:hover {
		transform: none;
		border: none;
		box-shadow: none;
	  }
	  .container-img-2:hover{
		transform: none;
		filter: none;
	  }
	  img.wp-image-616:hover {
		transform: none;
		filter: none;
	  }
	
	  img.wp-image-617:hover {
		transform: none;
		filter: none;
	  }
	
	  img.wp-image-618:hover {
		transform: none;
		filter: none;
	  }
	
	  img.wp-image-619:hover {
		transform: none;
		filter: none;
	  }
	  .page-id-39 div.jobs-table {
		  column-count: 1;
	  }
  }
  
  
  @media screen and (max-width: 800px) {
	  .grid {
		  width: 90%;
	  }
	  .main-slider-frame {
		  width: 65%;
		  padding: 1em 2em 3em 1.5em;
	  }
	  .swiper-container-horizontal > .swiper-pagination-bullets {
		  bottom: 5px;
	  }
	  .footer-leiste {font-size: .85em;}

	  footer {
		flex-wrap: wrap;
		justify-content: center;
		align-content: center;
		align-items: center;
		text-align: center;
		flex-direction: column;
	}

	footer a.thq-group::before {
	  content: "\A";
	  white-space: pre;
	}

	div.copyright {
		margin-left: 0;
	}
	div.footer-leiste {
		flex-direction: column;
	}
  }
  
  @media screen and (max-width: 600px) {
	  footer {
		  flex-wrap: wrap;
		  justify-content: center;
		  align-content: center;
		  align-items: center;
		  text-align: center;
		  flex-direction: column;
	  }

	  footer a.thq-group::before {
		content: "\A";
		white-space: pre;
	  }

	  div.copyright {
		  margin-left: 0;
	  }
	  div.footer-leiste {
		flex-direction: column;
	}



  
	  .main-slider-frame {
		  width: 75%;
		  padding: 1em 2em 3em 1.5em;
	  }
  
  }
  
  @media screen and (max-width: 540px) {
	  .sidebar { width: calc(100% - 30px); }
	  .button-blue, .project-overview-info{font-size: 1em;}
	  div.wpforms-container-full .wpforms-form label.wpforms-error {
		  font-size: 1em !important;
	  }
  }
  
  
  @media screen and (max-width: 480px) {
	  div.wpforms-container-full .wpforms-form * {
		  max-width: 100%;
	  }
	  .main-slider-frame {
		  width: 65%;
		  padding: 1em 2em 3em 1.5em;
	  }
	  .gallery-columns-6 .gallery-item {
		  flex: 0 0 calc(50% - .5em);
		  max-width: calc(50% - .5em);
	  }
	  .gallery-columns-3 .gallery-item, .gallery-columns-2 .gallery-item {
		  flex: 0 0 100%;
		  max-width: 100%;
		  margin-right: 0;
	  }
	  .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-2 .gallery-item:nth-of-type(2n) { margin-right: 0; }	
  }
  
  @media screen and (max-width: 410px) {
	  .footer-leiste {font-size: 1em;}
  
	  .gallery-columns-5 .gallery-item {
		  flex: 0 0 calc(50% - .5em);
		  max-width: calc(50% - .5em);
	  }
	  
  
  
  }
  
  @media (max-width: 350px) {
	  .footer-leiste {
		  flex-wrap: wrap;
		  justify-content: center;
	  }
	  .thq-group {
		  display: inline-block;
		  max-width: 45%;
	  }
	  .embracer-group {
		display: inline-block;
		max-width: 45%;
	  }
	  .gallery-columns-5 .gallery-item {
		  flex: 0 0 100%;
		  max-width: 100%;
	  }	
  }