@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 100 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/IBMPlexSans-cyrillic-ext.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 100 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/IBMPlexSans-cyrillic.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 100 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/IBMPlexSans-greek.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 100 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/IBMPlexSans-vietnamese.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 100 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/IBMPlexSans-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 100 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/assets/IBMPlexSans-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}







/*
Theme Name: Space
Theme URI: https://studiofeixen.ch
Description: Space Theme
Author: Felix Pfäffli
Author URI: https://studiofeixen.ch
*/

/* ------------------------------basics------------------------------ */

* {
	margin:0;
	padding:0;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: "IBM Plex Sans", sans-serif;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

body { 
	font-family: "IBM Plex Sans", sans-serif;
	font-size:18.5px;
	line-height: 21.5px;
	letter-spacing: 0.1px;
	color: #212121;
	padding-top: 50px;
}

img {
  mix-blend-mode: multiply;
}

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

a:visited {
	color: #212121;
}

.hyperlink a {
	border-bottom: 1px solid;
}

.wrap {
	position: relative;
	width: calc(100vw - 20px);
	padding-left: 20px;
	padding-top: 5px;
	overflow: hidden;
	margin-top: -60px;
}



.wrap:hover:after {
pointer-events: none;
}

.wrap:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
-webkit-box-shadow: inset 0px -75px 46px -27px rgba(0,0,0,0.4);
-moz-box-shadow: inset 0px -75px 46px -27px rgba(0,0,0,0.4);
box-shadow: inset 0px -75px 46px -27px rgba(0,0,0,0.4);
  overflow: visible;
}

.wrap.ohne:after {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}

.wrap.halb:after {
-webkit-box-shadow: inset -4px -20px 33px -20px rgba(0,0,0,0.75);
-moz-box-shadow: inset -4px -20px 33px -20px rgba(0,0,0,0.75);
box-shadow: inset -4px -20px 33px -20px rgba(0,0,0,0.75);
}

.column {
	width: calc(50vw - 40px);
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 20px;
	float: left;
	display: inline-block;
	display: table-cell;
}

.column-content {
	width: calc(50vw - 40px);
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 0px;
	float: left;
	display: inline-block;
	display: table-cell;
}

.column-two {
    width: 10.5vw;
	float: left;
	mix-blend-mode: multiply;
}

.verlinkung {
	border-bottom: 1px solid black;
	opacity: 1;
}

.verlinkung:hover {
	opacity: 0.5;
}

.column-text {
	column-count: 2;
	float: left;
	width: 100%;
}

.mitte {
	padding-top: 20px;
	text-align: left;
	width: calc(100vw - 60px);
	margin-left: -10px;
}

.titel {
	font-family: "IBM Plex Sans", sans-serif;
	font-size: 50px;
	line-height: 46px;
	letter-spacing: 0.2px;
	mix-blend-mode: multiply;

}

.space {
}

.ort {
	font-family: "IBM Plex Sans", sans-serif;
	font-size: 35px;
	letter-spacing: 2px;
	font-weight: 700;
}

#wrapmobile {
	display: none;
}

#wrapdesktop {
	display: block;
}


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

.column-text {
	column-count: 1;
	float: left;
}

.column-two {
    width: 50%;
    float: left;
}

.column-content {
	width: calc(100vw - 60px);
}

#wrapmobile {
	display: block;
}

#wrapdesktop {
	display: none;
}


}
/* IBM Plex matches the original role sizes: title 50/46; body 18.5/21.5; place 35. */
.titel, .titel * {hyphens:manual !important;}
.titel, .titel *, .ort, .ort * {font-family: "IBM Plex Sans", sans-serif !important; font-weight:700;}
html {overflow-x:clip;}
[data-href]:focus-visible, a:focus-visible {outline:2px solid currentColor; outline-offset:-4px;}
.wrap[data-href]:focus-visible:after {pointer-events:none;}