/*
 * Legal Disclaimer for Web licence
 *
 * Licence to use self-hosted webfonts for displaying dynamic text on specified website domains. Our package includes WOFF and WOFF2 font formats.
 *
 * Should the license page views limit be exceeded the license holder will be required to contact Lineto.com for an upgrade.
 * 
 * It is strictly prohibited to rename the font and to download or use these fonts in any other media. 
 * 
 * These Web fonts are licensed exclusively for the use on the following domain(s) and their subdomains:
 *
 * frauenhaus.li (monthly pageviews: <50K)
 *
 */

/* complete */

@font-face {
  font-family: "Normal";
  src: url("fonts/AkkuratLLWeb-Regular.woff") format("woff");
}

@font-face {
  font-family: "Normal";
  src: url("fonts/AkkuratLLWeb-Regular.woff2") format("woff2");
}


/* subset */

@font-face {
  font-family: "NormalSub";
  src: url("fonts/AkkuratLLSub-RegularSubset.woff2") format("woff2");
}

@font-face {
  font-family: "NormalSub";
  src: url("fonts/AkkuratLLSub-RegularSubset.woff") format("woff");
}
body {
	color:000;
	font-family: Normal;
	font-size:18px;
	font-weigth:400;
	margin:0;
	padding:0;
	line-height:150%;
	letter-spacing: 0.01em;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x:hidden;
}
body.noscroll {

	overflow-y:hidden;
*/
	height: 100vh;
*/
/* 	position:fixed; */
}
html {
	overflow-x:hidden;
}
p {
 	margin-top:1em; 
 	margin-bottom:0.1em
}
p strong {
	margin-top:4em;
	display:block;
	font-weight:normal;
	text-transform: uppercase;
}
ul,li {
	padding:0;
	margin:0;
	list-style: none;
}
a,
a:link,
a:hover,
a:active,
a:visited {
	color:#0078BE;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color:#0078BE;
}
.main_page {
 	padding-top:100vh;
}
body.noscroll .main_page {
}
.mobile_menu_pane {
	position: absolute;
	top:150px;
	left:100%;
	width:calc(100% - 40px);
	padding:40px 20px 120px 28px;
	background-color: #fff;
	z-index:10000;
	height: calc(100vh - 310px);
    overflow: scroll;
}
.header_top {
	width:100vw;
	height:100vh;
	top:0px;
	left:0px;
	position: fixed;
	z-index: 9999999;
}
.header_top .image_top {
}
.header_top .image_top img {
	object-fit:cover;
	width:100%;
	height:100vh;
}

.exit_wrapper {
	position: fixed;
	top:85vh;
	right:0px;
	z-index:10000000;
	cursor:pointer;
	width:200px;
}
.exit_wrapper .exit {
	/* position: absolute; */
	padding-left:8px;
	padding-right:71px;
	background-image: url(images/arrowRight.svg);
	background-repeat: no-repeat;
	background-position: 103px 8px;
	background-size:20px 10px;
	color:#fff;
	background-color:#A00000;
	cursor:pointer;
-webkit-transition:background-position 0.6s ease;
	-moz-transition:background-position 0.6s ease;
	-o-transition:background-position 0.6s ease;
	transition:background-position 0.6s ease;
}
.exit_wrapper .exit:hover {
	background-position-x: 130px;
}
.overlay a {
	color:#fff;
}
.exit_wrapper .hover {
	position: absolute;
	top:28px;
	left:67px;
	width: 150px;
	display:none;
}
.exit_wrapper:hover .hover {
	display:block;
}
.overlay {
	color:#fff;
	position: absolute;
	top: 50vh;
	left:50px;
	width:600px;
	font-size:32px;
	line-height:110%;
	text-transform: uppercase;
}
.overlay h1 {
	font-size:60px;
	text-decoration:underline;
	text-underline-offset: 5px;
	text-decoration-thickness: 3px;
	font-weight:100;
	line-height: 120%;
}
.logo {
	position: absolute;
	top:80px;
	left:40px;
	width:218px;
	height:220px;
	z-index:100000;
	padding-top:10px;
	overflow:visible;
/*
	color:#000;
	padding:10px;
	background-color:#fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-size:38px;
	line-height:100%;
*/
}
.logo .HYPE_document,
.logo .HYPE_scene {
	overflow: visible;
}
.logo .bottom {
	position: absolute;
	font-size:18px;
	bottom:0px;
}
.hamburger {
/*
	background-image: url(images/burger.svg);
	background-size: 40px 40px;
 	background-position:0px 0px; 
*/
	width:40px;
	height:40px;
	position: absolute;
	right:50px;
	top:50px;
	display:none;
 }
.main_menu {
	position: absolute;
	right:50px;
	top:50px;
	width:100%;
	text-align: right;
}
.main_menu li {
	display: inline-block;
	text-align:right;
	margin-left:15px;
	font-size:32px;
	color:#fff;
	cursor:pointer;
	text-transform: uppercase;

}
.main_menu li:before {
	   content: "";
	background-image:url(images/transparent.gif);
	background-repeat: no-repeat;
	background-size: 40px 20px;
 	background-position:10px 0px; 
 	cursor:default;
 	width:45px;
 	display:inline-block;
}
.main_menu li a {
	color:#fff;
	text-align:right;
}
.main_menu li.aktiv {
	text-decoration:underline;
	text-underline-offset: 5px;
	text-decoration-thickness: 2px;
}
.main_menu li a:hover {
	text-decoration:underline;
	text-underline-offset: 5px;
	text-decoration-thickness: 2px;
	
}
.main_menu li:hover:before {
	text-decoration:underline;
	text-underline-offset: 5px;
	text-decoration-thickness: 2px;
	background-image:url(images/arrowwhite.svg);
	background-repeat: no-repeat;
	background-size: 40px 20px;
 	background-position:10px 0px; 
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
	   content: "";
    width:45px;
    height:30px;
    z-index: 10000;
    display:inline-block;

}
.main_menu li.aktiv:before 
{
    content: "";
    width:45px;
    height:30px;
    z-index: 10000;
    display:inline-block;
}
.menu_pane {
	position: absolute;
	top:0px;
	right:0px;
	width:620px;
	height:100vh;
	background-color:#1e1e1e;
	padding:10px;
	right:-80vw;
	z-index: 100000;
	color:#fff;
}
.menu_pane.aktiv {
	position: fixed;
/* 	right:0vw; */
}
.menu_pane .menu_titel {
	margin-left:50px;
	margin-top:47px;
	font-size:32px;
text-transform: uppercase;
}
.menu_pane .close {
	position: absolute;
	right:40px;
	top:30px;
	width:80px;
	height:80px;
/*
	background-image: url(images/close.svg);
	background-repeat: no-repeat;
	background-size: 40px 40px;
*/
	cursor:pointer;
}
.menu_pane ul.menu {
	margin-top:90px;
}
.menu_pane ul.menu li {
	font-size:32px;
	padding-left:50px;
	margin-top:40px;
	overflow: visible;
	cursor:pointer;
}
.menu_pane ul.menu li:hover {
/* 	text-decoration:underline; */
}
.menu_pane ul.menu li:hover {
/*
	background-image: url(images/arrowblack_right.svg);
	background-size: 40px 20px;
	background-repeat: no-repeat;
	background-position:0px 2px;
*/
	text-decoration:underline;
	text-underline-offset: 5px;
	text-decoration-thickness: 2px;

}
.menu_pane ul.menu li svg g path {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.menu_pane .languages {
	position: absolute;
	bottom:50px;
	left:60px;
}
.menu_pane .languages a {
	display:inline-block;
	margin-right:20px;
	color:#fff;
}
.menu_pane .languages a.aktiv {
	text-decoration: underline;
}
.pfeil_unten {
	position: absolute;
	bottom:10px;
	height:40px;
	width:100vw;
	background-image: url(images/arrow-down.svg);
	background-repeat: no-repeat;
	background-position:center 0px;
	background-size: 40px 40px;
	
}




.content_row.altcolor:nth-of-type(even) {
    background-color: #F4F5F8;
}
.content_row:last-child {
	padding-bottom:120px;
}
.content_row .center_frame {
	max-width:1000px;
	padding:120px 0 60px;
	margin: 0 auto;
}
.editorial h1 {
	font-size:32px;
	color:#80170E;
	font-weight: 100;
	margin-bottom:60px;
	text-transform: uppercase;
}
.editorial h2 {
	text-transform: uppercase;
	margin-left:130px;
	font-size:18px;
	font-weight:100;
	margin-top:40px;
	margin-bottom:20px;
}
.editorial .text {
	margin-left:130px;
}
.editorial .bild {
	margin: 0px 0 30px 130px;
}
.editorial .bild img {
	width: 100%;
	height:auto;
}
.editorial .embed iframe {
	width:100%;
	min-height:500px;
}
.editorial ul {
	margin: 20px 0;
	margin-left:0px;
}
.editorial ul.links {
	margin-left:130px;
}
.editorial ul li {
	margin-left:0px;
	padding-left:40px;
	padding-bottom:0px;
	margin-bottom:12px;
	background-image: url("images/bulletpoint.svg");
	background-repeat: no-repeat;
	background-position: left 3px;
	background-size: 18px;
}
.content_row.footer {
	background-color: #1e1e1e!important;
	color:#fff;
	position: relative;
	font-size:18px;
}
.content_row.footer .footer_frame {
	max-width:1000px;
	padding:120px 0 60px;
	margin: 0 auto;
}
.content_row.footer a {
	color:#fff;
}
.footer_frame .footer_titel {
	font-size: 32px;
	width: 100%;
	padding-bottom:40px;
}
.footer_frame .linke_items {
	display:flex;
	align-items: flex-end;
}
.footer_frame .links,
.footer_frame .mitte_links,
.footer_frame .mitte_rechts {
	flex-grow:1;
}
.footer_frame .rechts {
	max-width: 160px;
	min-width:160px;
	position:absolute;
	right:0px;
	bottom:60px;
	
}
#layer {
	display:none;
	background-color: #fff;
	position:fixed;
	top: 20px;
	left:50%;
	transform: translate(-50%, 0);
	height:calc(100vh - 40px);
	width: clamp(500px,calc(100vw - 500px),1000px);
	border-radius:10px;
	z-index:10000000;
	overflow-y: auto;
}
#layer .content {
	padding:20px 50px;
}
#layer .content li {
	margin-top:25px;
}
#layer .content h4 {
	color:#80170E;
	text-transform:uppercase;
	margin:0 0 6px;
}
#layer .content .link {
	margin-top:8px;
}
#layer .content div {
	font-size:15px;
	line-height:120%;
}
.home_messages {
	display:none;
	/* position: absolute; */
	/* top:85vh; */
	left:50px;
	font-size:16px;
	color:#fff;
	z-index:10000000;
	cursor:pointer;
	min-width:400px;
	margin-top:23px;
}
.home_messages div {
	position: absolute;
	text-transform:uppercase;
	display:none;
}
.home_messages div.aktiv {
	/* display:block; */
}
.home_messages.aktiv,
#layer.aktiv {
	display:block;
}
#layer .close {
	display:none;
	position: absolute;
	width:30px;
	height:30px;
	top:20px;
	right:20px;
	background-image: url(images/close.svg);
	background-size:30px 30px;
	background-repeat:no-repeat;
	cursor:pointer;
}
/*

.editorial ul li::before{
   content: '';
   display: inline-block;
   height: 32px;
   width: 18px;
   padding-right:20px;
   padding-bottom:5px;
   background-image: url(images/bulletpoint.svg);
   background-repeat: no-repeat;
   background-position: -5px 14px;
   background-size: 18px 18px;
   vertical-align: bottom;

}
*/