/*
Theme Name: LJ Mayorga Studio
Theme URI: https://ljmayorga.com
*/

/*------------------------------------------------------
VARIABLES
------------------------------------------------------*/

:root {
  --offset: 10px;
  --offset-minus:  -10px;
  --max_width: 100%;
  --columns: 12;
  --gap: 10px;
  --baseline: 0;
  --baseline-offset: 0;
  --font_color: #080808;
  --easing:cubic-bezier(0.33, 1, 0.68, 1);

  --grid_color: hsla(204, 80%, 72%, 0.25);
  --repeating_width: calc(100% / var(--columns));
  --column_width: calc((100% /  (var(--columns)) -  var(--gap)));
  --background_width: calc(100% +  var(--gap));
  --background_columns: repeating-linear-gradient(to right, var(--grid_color), var(--grid_color) var(--column_width), transparent var(--column_width), transparent var(--repeating_width));
  --background_baseline: repeating-linear-gradient(to bottom, var(--grid_color), var(--grid_color) 1px, transparent 1px, transparent var(--baseline));
}

/*------------------------------------------------------
THE BIG FAT RESET
------------------------------------------------------*/

* {
	min-height: 0;
	min-width: 0;
}


html, body, div, span, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, header, footer {
	margin: 0;
	padding: 0;
}

sub, sup {
	line-height: 0;
}

/*------------------------------------------------------
IMPORT FONTS
------------------------------------------------------*/


@font-face {
  font-family: "NumberTwo";
  src: url(fonts/NumberTwoLLWeb-Regular.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Theinhardt-Extended";
  src:
    url(fonts/Theinhardt-Extended-Black.woff2) format("woff2"),
    url(fonts/Theinhardt-Extended-Black.woff) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Theinhardt-Extended";
  src:
    url(fonts/Theinhardt-Extended-Black-Italic.woff2) format("woff2"),
    url(fonts/Theinhardt-Extended-Black-Italic.woff) format("woff2");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Theinhardt-Extended";
  src:
    url(fonts/Theinhardt-Extended-Heavy.woff2) format("woff2"),
    url(fonts/Theinhardt-Extended-Heavy.woff) format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Theinhardt-Extended";
  src:
    url(fonts/Theinhardt-Extended-Heavy-Italic.woff2) format("woff2"),
    url(fonts/Theinhardt-Extended-Heavy-Italic.woff) format("woff2");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Theinhardt-Extended";
  src:
    url(fonts/Theinhardt-Extended-Bold.woff2) format("woff2"),
    url(fonts/Theinhardt-Extended-Bold.woff) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Theinhardt-Extended";
  src:
    url(fonts/Theinhardt-Extended-Bold-Italic.woff2) format("woff2"),
    url(fonts/Theinhardt-Extended-Bold-Italic.woff) format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}


/*------------------------------------------------------
GRID HELPER
------------------------------------------------------*/

/* Grid */

/*
html::before {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin-right: auto;
	margin-left: auto;
	width: calc(100% - (2 * var(--offset)));
	max-width: var(--max_width);
	min-height: calc(100vh - 86px);
	content: '';
	background-image: var(--background_columns), var(--background_baseline);
	background-size: var(--background_width) 100%;
	background-position: 0 var(--baseline-offset);
	z-index: 1000;
	pointer-events: none;
}

/* Squares */

/*
$square: transparent 0 calc(20px - 1px),#ccc 0 20px;

body {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	background: repeating-linear-gradient(to right, $square), repeating-linear-gradient(to bottom,$square) #fff;
}
*/

/*------------------------------------------------------
GENERAL
------------------------------------------------------*/

html {
	width: 100%;
	height: 100%;
	margin:0 !important;
	-webkit-text-size-adjust: 100%;
}

body {
	width: -moz-calc(100% - (var(--offset))*2);
	width: -webkit-calc(100% - (var(--offset))*2);
	width: -o-calc(100% - (var(--offset))*2);
	width: calc(100% - (var(--offset))*2);
	padding: 0 var(--offset);
	font: normal 16px/18px 'Theinhardt-Extended', Helvetica, Arial, Verdana, sans-serif;
	font-weight: 800;
	color: #fff;
	background:#000;
	min-width: 320px;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smoothing: antialiased;
}

body.noscroll {
	overflow: hidden;
}

body.wait, body.wait a {
	cursor:wait;
	overflow-y:hidden;
}

#wpadminbar {
	display:none !important;
}

div:focus {
	outline: none;
	ie-dummy: expression(this.hideFocus=true);
}

::selection {
  background: #000;
  color:#fff;
}

::-moz-selection {
  background: #0000;
  color:#fff;
}

a::selection {
	color:#fff !important;
}

a::-moz-selection {
	color:#fff !important;
}

.ie_message {
	display: none;
	padding: 10px;
}

/*------------------------------------------------------
TYPOGRAPHY
------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	font: 16px/18px 'Theinhardt-Extended', Helvetica, Arial, Verdana, sans-serif;
	margin:0;
}

.intro_text {
	font-size:20px;
	line-height:21px;
}

p {
	margin-bottom: 5px;
}

b, strong {
	font-weight: bold;
}

i, em {
	font-family: 'Theinhardt-Extended';
	font-style:italic;
}

/*------------------------------------------------------
GENERAL LINKS
------------------------------------------------------*/

a {
	outline: none;
	text-decoration: none;
	cursor: pointer!important;
	color: #fff;
	-webkit-transition: color 0.4s ease;
    transition: color 0.4s ease;
}

:focus {
	-moz-outline-style: none;
}

/*------------------------------------------------------
IMAGES
------------------------------------------------------*/

img {
	display: block;
	border: none 0;
}

.lazyload, .lazyloading {
	opacity: 0;
}

.lazyloaded {
	opacity: 1;
	-webkit-transition:opacity 0.5s;
	transition: opacity 0.5s;
}

/*------------------------------------------------------
VIDEO
------------------------------------------------------*/

video {
	display:block;
	outline: 0;
	-moz-outline-style: none;
}

/* Responsive iFrame */

.video_wrap {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.video_wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*------------------------------------------------------
CLEAR
------------------------------------------------------*/

.clear {
	clear: both;
}

/*------------------------------------------------------
Focus Input & Textarea
------------------------------------------------------*/

input, textarea {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	resize: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

textarea:focus, input:focus, select:focus {
    outline: 0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="button"], button {
   outline:none !important;
}
input[type="button"]::-moz-focus-inner, button::-moz-focus-inner {
   border: 0 !important;
}

/*------------------------------------------------------
WYSIWIG CONTENT
------------------------------------------------------*/

.wysiwig_content img {
	display: block;
	width: 100%;
	height: auto;
}

.wysiwig_content ul {
    list-style: none;
    margin-left: 0;
    padding-left: 1em;
}

.wysiwig_content ul > li:before {
    display: inline-block;
    content: "–";
    width: 1em;
    margin-left: -1em;
}

/*------------------------------------------------------
CURSOR
------------------------------------------------------*/

.cursor {
	display: none;
	opacity: 0;
	position: fixed;
	width: 20px;
	height: 16px;
	z-index: 10000;
	color:#fff;
	pointer-events:none;
	background-blend-mode: difference;
	-webkit-mix-blend-mode: difference;
	-moz-mix-blend-mode: difference;
	-o-mix-blend-mode: difference;
	-ms-mix-blend-mode: difference;
	mix-blend-mode: difference;
}

body.is_touch .cursor {
	display:none !important;
}

/*------------------------------------------------------
GRID
------------------------------------------------------*/

.grid {
	display: -ms-grid;
	display: grid;
	grid-gap: var(--gap);
	grid-row-gap: 0px;
	grid-template-columns: repeat(var(--columns), 1fr);
	align-items: start;
}

.full_columns {
	-ms-grid-columns: 1 / 13;
	grid-column:1 / 13;
}

/*------------------------------------------------------
HEADER
------------------------------------------------------*/

header {
	position:fixed;
	z-index:100000;
	top:10px;
	left:var(--offset);
	right:var(--offset);
	color:#fff;
	background-blend-mode: difference;
    -webkit-mix-blend-mode: difference;
    -moz-mix-blend-mode: difference;
    -o-mix-blend-mode: difference;
    -ms-mix-blend-mode: difference;
    mix-blend-mode: difference;
}

header .header_column_left {
	-ms-grid-columns: 1 / 4;
	grid-column:1 / 4;
}

header .header_column_right {
	-ms-grid-columns: 12 / 13;
	grid-column:12 / 13;
}

header a {
	color:#fff;
}

/*------------------------------------------------------
INTRO
------------------------------------------------------*/

.rand_intro {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	pointer-events:none;
	z-index:10000;
	background-blend-mode: difference;
	-webkit-mix-blend-mode: difference;
	-moz-mix-blend-mode: difference;
	-o-mix-blend-mode: difference;
	-ms-mix-blend-mode: difference;
	mix-blend-mode: difference;
}

.rand_intro img {
	display:none;
	width:100%;
	height:100%;
	object-fit:contain;
	-webkit-transition:opacity 0.4s var(--easing);
	transition:opacity 0.4s var(--easing);
}

/*------------------------------------------------------
PROJECTS
------------------------------------------------------*/

.swiper {
	position:fixed;
	top:10px;
	left:10px;
	right:10px;
	bottom:10px;
}

.swiper, .swiper * {
	cursor: none !important;
}

.swiper .project_infos .row_1,
.swiper .project_infos .row_1 * {
	cursor:pointer !important;
}

.swiper .project_infos .row_2,
.swiper .project_infos .row_2 * {
	cursor:auto !important;
}

.swiper .swiper-slide {
	width:100%;
	height:100vh;
	position:relative;
	overflow:hidden;
}

.project_outer {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	overflow:hidden;
	cursor:pointer;
}

.project_outer, .project_outer * {  
	-webkit-transform: translateZ(0); 
}

.swiper .project_outer.total_1 {
	cursor:default !important;
}

.project_outer .project_slide {
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	pointer-events:none;
}

.project_outer .project_slide img,
.project_outer .project_slide video {
	display:block;
	width:100%;
	height:100%;
	object-fit: contain;
	object-position: center center;
	pointer-events:none;
}

.project_outer .project_slide.ausrichtung_links img,
.project_outer .project_slide.ausrichtung_links video {
	object-position: center left;
}

.project_outer .project_slide.ausrichtung_zentriert img,
.project_outer .project_slide.ausrichtung_zentriert video {
	object-position: center center;
}

.project_outer .project_slide.ausrichtung_rechts img,
.project_outer .project_slide.ausrichtung_rechts video {
	object-position: center right;
}

.project_infos {
	display:block;
	z-index:100;
	position:absolute;
	bottom:-10px;
	left:var(--offset-minus);
	right:var(--offset-minus);
	padding-left:var(--offset);
	padding-right:var(--offset);
	overflow:auto;
	height:auto;
	background:transparent;
	scrollbar-width: none;
	color:#fff;
	max-height: 60vh;
	-webkit-transition:background 0.4s var(--easing);
	transition:background 0.4s var(--easing);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none; 
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	isolation: isolate;
	-webkit-transform-style: preserve-3d
	-webkit-transform: translateZ(0);
}

.project_infos.inactive {
	overflow:visible;
	background-blend-mode: difference;
	-webkit-mix-blend-mode: difference;
	-moz-mix-blend-mode: difference;
	-o-mix-blend-mode: difference;
	-ms-mix-blend-mode: difference;
	mix-blend-mode: difference;
}

.project_infos::-webkit-scrollbar {
    display: none;
}

.project_infos.active {
	background:#000;
}

.project_infos .row_1 {
	display:block;
	cursor:pointer;
	padding-bottom:5px;
	padding-top:10px;
	padding-left:var(--offset);
	padding-right:var(--offset);
}

.project_infos .project_counter,
.project_infos .project_counter.show {
	display:none;
}

.project_infos .project_counter,
.project_infos .project_description {
	-ms-grid-columns: 1 / 7;
	grid-column:1 / 7;
}

.project_infos .project_title {
	-ms-grid-columns: 5 / 10;
	grid-column:5 / 10;
}

.swiper .project_infos .row_2 {
	display:none;
	height:auto;
	color:#fff;
	cursor:default !important;
	box-sizing:content-box;
	padding-left:0;
	padding-right:0;
	background-blend-mode: difference;
	-webkit-mix-blend-mode: difference;
	-moz-mix-blend-mode: difference;
	-o-mix-blend-mode: difference;
	-ms-mix-blend-mode: difference;
	mix-blend-mode: difference;
	transform-origin: bottom left;
	-webkit-transform-origin: bottom left;
}

.project_infos .row_2 .grid {
	padding-top:97px;
	padding-bottom:5px;
}

.project_infos .project_show {
	-ms-grid-columns: 11 / 13;
	grid-column:11 / 13;
}

.project_infos .project_facts {
	-ms-grid-columns: 7 / 13;
	grid-column:7 / 13;
}

.project_facts_row .project_facts_column_left {
	display:block;
	width:270px;
	margin-right:10px;
	float:left;
	min-height:1px;
}

.project_facts_row .project_facts_column_right {
	display:block;
	width: -moz-calc(100% - 280px);
	width: -webkit-calc(100% - 280px);
	width: -o-calc(100% - 280px);
	width: calc(100% - 280px);
	float:left;
	min-height:1px;
}

.close_project_infos {
	display:none;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:transparent;
	z-index:99;
}

.close_project_infos.show {
	display:block;
	pointer-events:all;
}

/*------------------------------------------------------
STUDIO + Default
------------------------------------------------------*/

body.page-template-studio,
body.page-template-default {
	background:#000;
	color:#fff;
}

body.page-template-studio .column_left,
body.page-template-studio .column_middle,
body.page-template-studio .column_right,
body.page-template-default .column_left,
body.page-template-default .column_middle,
body.page-template-default .column_right {
	position:relative;
	height:100vh;
}

body.page-template-studio .column_left,
body.page-template-default .column_left {
	-ms-grid-columns: 1 / 4;
	grid-column:1 / 4;
}

body.page-template-studio .line,
body.page-template-default .line {
	position:fixed;
	width:1px;
	top:0;
	bottom:0;
	background:#000;
}

body.page-template-studio .line.line_1,
body.page-template-default .line.line_1 {
	left: -moz-calc(var(--repeating_width) * 5);
	left: -webkit-calc(var(--repeating_width) * 5);
	left: -o-calc(var(--repeating_width) * 5);
	left: calc(var(--repeating_width) * 5);
}

body.page-template-studio .line.line_2,
body.page-template-default .line.line_2 {
	left: -moz-calc(var(--repeating_width) * 9);
	left: -webkit-calc(var(--repeating_width) * 9);
	left: -o-calc(var(--repeating_width) * 9);
	left: calc(var(--repeating_width) * 9);
	margin-left:-3px;
}

body.page-template-studio .column_middle,
body.page-template-default .column_middle {
	-ms-grid-columns: 4 / 12;
	grid-column:4 / 12;
	height:100vh;
}

body.page-template-studio .column_right,
body.page-template-default .column_right {
	-ms-grid-columns: 10 / 13;
	grid-column:10 / 13;
	height:100vh;
}

.address_outer, .news_outer {
	-ms-grid-columns: 1 / 6;
	grid-column:1 / 6;
	display: -ms-grid;
	display: grid;
	grid-gap: var(--gap);
	grid-row-gap: 0px;
	grid-template-columns: repeat(5, 1fr);
	align-items: start;
}

.gradient_bg {
	display:none;
}

.inside_address {
	color:#fff;
	position:fixed;
	background-blend-mode: difference;
	-webkit-mix-blend-mode: difference;
	-moz-mix-blend-mode: difference;
	-o-mix-blend-mode: difference;
	-ms-mix-blend-mode: difference;
	mix-blend-mode: difference;
}

.inside_address,
.inside_address a {
	color:#fff;
}

.address_outer .address, 
.news_outer h2 {
	-ms-grid-columns: 1 / 6;
	grid-column:1 / 6;
}

.address_outer .address, 
.news_outer h2,
.socials,
.page_default h1,
.default_links_column_right{
	padding-top:10px;
}

.socials.mobile_only {
	display:none;
}

.socials .inside_socials,
.default_links_column_right a {
	position:fixed;
}

.news_outer {
	padding-top:170px;
}

.recent_projects {
	padding-top:180px;
}

.news_row {
	-ms-grid-columns: 1 / 6;
	grid-column:1 / 6;
	margin-left:var(--offset-minus);
	margin-right:-5px;
	padding-left:var(--offset);
	padding-right:5px;
	border-bottom:1px solid #000;
}

.news_row.news_row_0 {
	border-top:1px solid #000;
}

.news_title {
	display:table;
	position:relative;
	padding-bottom:4px;
}

a.news_row .news_title {
	padding-right:10px;
}

a.news_row .news_title:after {
	content: '';
    position: relative;
    display: inline-block;
    width: 6px;
    height: 6px;
    top: -5px;
    left: 2px;
    right: 0;
    background: url(images/icon_external_link.svg);
    background-size: 100% 100%;

}

.news_date, .news_title {
	display:block;
	padding-top:4px;
	float:left;
}

.news_date {
	width:62px;
}

.news_title {
	max-width: -moz-calc(100% - 72px);
	max-width: -webkit-calc(100% - 72px);
	max-width: -o-calc(100% - 72px);
	max-width: calc(100% - 72px);
}

.intro_text {
	padding-top:8px;
}

.team_row,
.past_collab,
.applications,
.default_row {
	display: -ms-grid;
	display: grid;
	grid-gap: var(--gap);
	grid-row-gap: 0px;
	-ms-grid-columns: 1 / 5;
	grid-column:1 / 5;
	grid-template-columns: repeat(4, 1fr);
	align-items: start;
	margin-top:145px;
}

.default_row {
	margin-top:0;
}

.applications,
.recent_projects {
	padding-bottom:145px;
}

.clients {
	padding-bottom:10px;
}

.team_row .team_name {
	display: -ms-grid;
	display: grid;
	grid-gap: var(--gap);
	grid-row-gap: 0px;
	grid-template-columns: repeat(4, 1fr);
	align-items: start;
}

.team_row .team_name,
.team_row .team_mail,
.past_collab .past_collab_title,
.applications .applications_title,
.applications .applications_mail,
.default_row .default_row_text,
.team_row .team_name div {
	-ms-grid-columns: 2 / 5;
	grid-column:2 / 5;
}

.past_collab_text,
.team_row .team_text,
.applications .applications_text,
.default_row .default_row_title,
.team_row .team_name {
	-ms-grid-columns: 1 / 5;
	grid-column:1 / 5;
}

.team_row .team_name,
.past_collab .past_collab_name,
.applications .applications_title,
.recent_projects .projects_title,
.default_row .default_row_title {
	position:relative;
}

.team_row .team_name.has_link span {
	display:table;
	cursor:pointer;
	position:relative;
	padding-right:20px;
}

.team_row .team_name.has_link span:after {
	content:'';
	width:8px;
	height:8px;
	background:#000;
	border-radius:50%;
	display:inline-block;
	position:absolute;
	right:0;
	top:50%;
	margin-top:-5px;
}

.team_row .team_name img {
	height: 370px;
	width:100%;
	object-fit:contain;
	position: absolute;
	top: -185px;
	opacity: 0;
	pointer-events:none;
	-webkit-transition:opacity 0.25s var(--easing);
	transition:opacity 0.25s var(--easing);
}

.team_row .team_name img.show {
	opacity:1;
}

.team_row .team_mail a,
.applications a {
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.recent_projects,
.clients {
	display: -ms-grid;
	display: grid;
	grid-gap: var(--gap);
	grid-row-gap: 0px;
	-ms-grid-columns: 1 / 4;
	grid-column:1 / 4;
	grid-template-columns: repeat(3, 1fr);
	align-items: start;
}

.recent_projects .projects_title,
.clients .clients_title {
	-ms-grid-columns: 2 / 4;
	grid-column:2 / 4;
}

.recent_projects .project_row,
.clients .clients_text {
	-ms-grid-columns: 1 / 4;
	grid-column:1 / 4;
}

.recent_projects .project_row {
	margin-left:-5px;
	margin-right: -10px;
	padding-left: 5px;
	padding-top:5px;
	padding-right: 5px;
	border-bottom: 1px solid #000;
}

.recent_projects .project_row.project_row_0 {
	border-top:1px solid #000;
}

.recent_projects .project_row .project_row_column_left {
	display:block;
	float:left;
	width:156px;
	min-height:1px;
	margin-right:10px;
}

.recent_projects .project_row .project_row_column_right {
	display:block;
	width: -moz-calc(100% - 166px);
	width: -webkit-calc(100% - 166px);
	width: -o-calc(100% - 166px);
	width: calc(100% - 166px);
	float:left;
	min-height:1px;
}

.recent_projects .project_row a {
	display:inline-block;
	border-radius:10px;
	height:20px;
	line-height:20px;
	width:154px;
	margin-top:-1px;
	text-align:left;
	border:1px solid #fff;
	background:#000;
	margin-bottom:3px;
}

.mobile_subnavigation {
	display:none;
}

.page_studio h2.mobile_only {
	display:none;
}

/*------------------------------------------------------
PAGE DEFAULT
------------------------------------------------------*/

.page_default h1 {
	padding-top:10px;
	padding-bottom:150px;
}

.default_links {
	display: -ms-grid;
	display: grid;
	grid-gap: var(--gap);
	grid-row-gap: 0px;
	-ms-grid-columns: 1 / 4;
	grid-column:1 / 4;
	grid-template-columns: repeat(3, 1fr);
	align-items: start;
}

.default_links .default_links_column_left {
	-ms-grid-columns: 1 / 3;
	grid-column:1 / 3;
}

.default_links .default_links_column_right {
	-ms-grid-columns: 3 / 4;
	grid-column:3 / 4;
}

/*------------------------------------------------------
FOOTER NAVIGATION
------------------------------------------------------*/

.footer_navigation {
	display: -ms-grid;
	display: grid;
	grid-gap: var(--gap);
	grid-row-gap: 0px;
	-ms-grid-columns: 1 / 5;
	grid-column:1 / 5;
	grid-template-columns: repeat(4, 1fr);
	align-items: start;
	padding-bottom:10px;
}

.mobile_footer_nav .footer_navigation {
	display:none;
}

.page_default .footer_navigation {
	margin-top: 145px;
}

.footer_navigation .footer_navigation_column_left {
	-ms-grid-columns: 1 / 3;
	grid-column:1 / 3;
}

.footer_navigation .footer_navigation_column_right {
	-ms-grid-columns: 3 / 5;
	grid-column:3 / 5;
}

.footer_navigation a.active {
	opacity:0;
	pointer-events:none;
}

/*------------------------------------------------------
SINGLE PROJECT
------------------------------------------------------*/

.close_project {
	display:block;
	width:80px;
	height:45px;
	position:fixed;
	top:32px;
	right:39px;
	background:url('icons/close_project.svg') no-repeat center center;
	background-size:100% 100%;
	z-index:1000000;
	background-blend-mode: difference;
	-webkit-mix-blend-mode: difference;
	-moz-mix-blend-mode: difference;
	-o-mix-blend-mode: difference;
	-ms-mix-blend-mode: difference;
	mix-blend-mode: difference;
}

.overlay {
	display:none;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:#000;
	z-index:100;
	overflow:hidden;
}


/*------------------------------------------------------
IE
------------------------------------------------------*/

.ie_message {
	display: none;
	padding: 10px;
}

.ie_message a {
	text-decoration: underline;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
	.ie_message {
		display: block !important;
	}
   header, main, footer {
    display: none !important
   }
}

/*------------------------------------------------------
TABLET
------------------------------------------------------*/

@media all and (max-width: 1100px) and (min-width: 0) {

	body, h1, h2, h3, h4, h5, h6 {
		font-size:17px;
		line-height:19px;
	}

}

/*------------------------------------------------------
MOBILE
------------------------------------------------------*/

@media all and (max-width: 760px) and (min-width: 0) {

	body, h1, h2, h3, h4, h5, h6 {
		font-size:15px;
		line-height:17px;
	}

	.intro_text {
		font-size:19px;
		line-height:20px;
		padding-top:0;
	}

	.project_slide.mobile_ausrichtung_level_1 {
		top:13.4vh;
	}

	.project_slide.mobile_ausrichtung_level_2 {
		top:25.6vh;
	}

	.project_slide.mobile_ausrichtung_level_3 {
		top:37.8vh;
	}

	.project_slide.mobile_ausrichtung_level_4 {
		top:50vh;
	}

	.project_slide.mobile_ausrichtung_level_5 {
		top:62.2vh;
	}

	.project_slide.mobile_ausrichtung_level_6 {
		top:74.4vh;
	}

	.project_outer .project_slide.ausrichtung_links img, 
	.project_outer .project_slide.ausrichtung_links video,
	.project_outer .project_slide.ausrichtung_zentriert img, 
	.project_outer .project_slide.ausrichtung_zentriert video,
	.project_outer .project_slide.ausrichtung_rechts img, 
	.project_outer .project_slide.ausrichtung_rechts video {
		object-position: top center;
		width:100%;
		height:auto;
		-webkit-transform: -webkit-translateY(-50%) -webkit-translateZ(0);
		transform: translateY(-50%) translateZ(0);
		-webkit-transform-style: preserve-3d
	}

	header .header_column_left {
		-ms-grid-columns: 2 / 6;
		grid-column:2 / 6;
	}

	header .header_column_right {
		margin-top:5px;
		-ms-grid-columns: 10 / 13;
		grid-column:10 / 13;
	}

	.project_infos .project_counter, 
	.project_infos .project_title,
	.project_infos .project_show {
		-ms-grid-columns: 1 / 10;
		grid-column:1 / 10;
	}

	.project_infos .project_counter {
		-ms-grid-row: 1 / 1;
		grid-row:1 / 1;
	}

	.project_infos .project_show {
		-ms-grid-columns: 10 / 13;
		grid-column:10 / 13;
		-ms-grid-row: 2 / 2;
		grid-row:2 / 2;
		margin-top:5px;
		margin-bottom:5px;
	}

	.project_infos .project_title {
		-ms-grid-row: 3 / 3;
		grid-row:3 / 3;
	}

	.project_show span {
		display:none;
	}

	.swiper.no_swipe {
		pointer-events:none;
	}

	.project_infos {
		pointer-events:all;
	}

	.project_infos .project_description,
	.project_infos .project_facts {
		-ms-grid-columns: 1 / 13;
		grid-column:1 / 13;
		padding-bottom:13px;
	}

	body.page-template-studio .line, body.page-template-default .line {
		display:none;
	}

	body.page-template-studio .column_left, body.page-template-default .column_left,
	body.page-template-studio .column_middle, body.page-template-default .column_middle,
	body.page-template-studio .column_right, body.page-template-default .column_right {
		-ms-grid-columns: 1 / 13;
		grid-column:1 / 13;
		height:auto;
	}

	.recent_projects, .clients,
	.team_row, .past_collab, .applications, .default_row,
	.footer_navigation,
	.mobile_footer_nav .footer_navigation,
	.mobile_footer_nav,
	.address_outer, .news_outer {
		-ms-grid-columns: 1 / 13;
		grid-column:1 / 13;
		grid-template-columns: repeat(var(--columns), 1fr);
	}

	.recent_projects .project_row,
	.team_row .team_text, .applications .applications_text, .default_row .default_row_title,
	.news_row,
	body.page-id-191 .default_row .default_row_text {
		-ms-grid-columns: 1 / 13;
		grid-column:1 / 13;
	}

	body.page-id-191 .default_row .default_row_title {
		-ms-grid-columns: 4 / 13;
		grid-column:4 / 13;
	}

	.page_studio h2.mobile_only.show,
	.clients .clients_text,
	.recent_projects .projects_title, .clients .clients_title {
		display:block;
		-ms-grid-columns: 2 / 13;
		grid-column:2 / 13;
	}

	.recent_projects .projects_title {
		display:block;
	}

	.past_collab_text,
	.team_row .team_name, .default_row .default_row_text {
		-ms-grid-columns: 2 / 13;
		grid-column:2 / 13;
	}

	body.page-id-189 .default_row .default_row_text {
		-ms-grid-columns: 4 / 13;
		grid-column:4 / 13;
	}

	.team_row .team_name,
	.clients .clients_title,
	.team_row .team_mail,
	.past_collab .past_collab_title,
	.applications .applications_title,
	.applications .applications_mail {
		-ms-grid-columns: 4 / 13;
		grid-column:4 / 13;
	}

	.team_row .team_name {
		-ms-grid-columns: 1 / 13;
		grid-column:1 / 13;
		grid-template-columns: repeat(var(--columns), 1fr);
	}

	.team_row .team_name div {
		-ms-grid-columns: 4 / 13;
		grid-column:4 / 13;
	}

	.team_row .team_name img {
		width:100%;
		object-fit:contain;
	}

	body.page-template-studio .column_middle .footer_navigation {
		display:none;
	}

	.mobile_footer_nav .footer_navigation,
	.mobile_footer_nav {
		display: -ms-grid;
		display: grid;
	}

	.footer_navigation .footer_navigation_column_left {
		-ms-grid-columns: 1 / 7;
		grid-column:1 / 7;
	}

	.footer_navigation .footer_navigation_column_right {
		-ms-grid-columns: 7 / 13;
		grid-column:7 / 13;
	}

	.mobile_section {
		display:none;
	}

	.mobile_section.show {
		display: -ms-grid;
		display: grid;
	}

	.column_right .socials {
		display:none;
	}

	.address_outer .address {
		-ms-grid-columns: 2 / 10;
		grid-column: 2 / 10;
	}

	.mobile_subnavigation {
		display: -ms-grid;
		display: grid;
		position:fixed;
		top:100px;
		grid-gap: var(--gap);
		grid-row-gap: 0px;
		-ms-grid-columns: 1 / 13;
		grid-column:1 / 13;
		grid-template-columns: repeat(var(--columns), 1fr);
		align-items: start;
		z-index:100;
	}

	.mobile_subnavigation .subnav_row {
		-ms-grid-columns: 5 / 13;
		grid-column:5 / 13;
		margin-bottom:3px;
		white-space: nowrap;
	}

	.mobile_subnavigation .subnav_row:last-child {
		margin-bottom:0;
	}

	.mobile_subnavigation .subnav_row.active {
		-ms-grid-columns: 2 / 13;
		grid-column:2 / 13;
	}

	.mobile_subnavigation .subnav_row a {
		display:table;
		border-radius: 10px;
		height: 20px;
		line-height: 20px;
		padding: 0 9px;
		border: 1px solid #fff;
		background:#000;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none; 
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	.socials.mobile_only {
		display:block;
		-ms-grid-columns: 10 / 13;
		grid-column:10 / 13;
	}

	.team_row, .past_collab, .applications {
		margin-top:87px;
	}

	.recent_projects,
	.news_outer {
		padding-top:0;
	}

	.applications, .recent_projects, .clients, .news_outer {
		padding-bottom:87px;
	}

	.page_default h1 {
		display:none;
	}

	.close_project {
		width: 57px;
		height: 31px;
		top: 19px;
		right: 39px;
	}

	.inside_address,
	.socials .inside_socials, .default_links_column_right a {
		z-index:10;
	}

	.socials.mobile_only a {
		background-blend-mode: difference;
		-webkit-mix-blend-mode: difference;
		-moz-mix-blend-mode: difference;
		-o-mix-blend-mode: difference;
		-ms-mix-blend-mode: difference;
		mix-blend-mode: difference;
		color:#fff;
	}

	.gradient_bg {
		display:block;
		position:fixed;
		top:0;
		left:0;
		right:0;
		height:100px;
		background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 66%);
		filter: 50px;
		z-index:1;
	}

	.project_infos .project_counter.show {
		display:block;
		position:fixed;
		bottom:130px;
		left:15px;
		z-index:1000;
	}

	.project_infos.active .project_counter.show {
		display:none;
	}

	.page_studio h2.mobile_only {
		padding-top:330px;
	}

	.news_outer {
		padding-top:320px
	}

	.recent_projects {
		padding-top:320px;
	}

	.page_default .column_middle {
		padding-top:240px;
	}

	.column_right .socials {
		display:block;
	}

	.socials .inside_socials {
		position:fixed;
		right:22px;
		top:10px;
		z-index:100;
	}

	.project_infos .row_1 {
		padding-bottom:5px;
		padding-left:0;
		padding-right:0;
	}

	.project_infos .project_facts {
		padding-bottom:0;
	}

	.recent_projects .project_row {
		margin-left: -10px;
		padding-left:10px;
	}

}