@charset "UTF-8";
/*------------------------------------------------------------ */
/* Webdesign und Styles by lequipe-visuelle.ch
/* Samuel Egloff und Dominic Egloff
/* Copyright by l’équipe [visuelle] GmbH 2017
/*------------------------------------------------------------ */

/*  touch braucht folgende klassen: .touchevents.touch-HK */
/*  no-touch braucht folgende klassen: .touchevents.no-touch-HK, .no-touchevents.touch-HK, .no-touchevents.no-touch-HK  */


/*
/ * {margin: 0; margin:0; padding:0;}
html, body {/* height: 100%; */ /* margin:0; padding:0;} */
a {
	text-decoration:none;
	color:black;
    border:none;
    outline:none;
}
a[href^="tel"] {
    text-decoration: none !important;
    border:none !important;
    outline:none !important;
}
a[href^="mailto"] {
    text-decoration: none !important;
    outline:none !important;
    border:none;
}
/* Fonts */
/*------------------------------------------------------------ */
@font-face{
	font-family:"Real_Text_Semilight";
	src:url("../fonts/5510783/dea90c28-fb0a-45f7-b642-4654696b3b5f.eot?#iefix");
	src:url("../fonts/5510783/dea90c28-fb0a-45f7-b642-4654696b3b5f.eot?#iefix") format("eot"),url("../fonts/5510783/fd0b720f-5903-454d-82fb-47d50003aa73.woff2") format("woff2"),url("../fonts/5510783/aec254d3-3c18-453b-97b5-f42cfadf8b16.woff") format("woff"),url("../fonts/5510783/cbc1b58b-0d79-458c-9d23-b05ea9b38893.ttf") format("truetype");
}
@font-face{
	font-family:"Real_Text_Demibold";
	src:url("../fonts/5510807/e8dca282-0511-426a-b1ab-3ddcf289a494.eot?#iefix");
	src:url("../fonts/5510807/e8dca282-0511-426a-b1ab-3ddcf289a494.eot?#iefix") format("eot"),url("../fonts/5510807/579da65c-f33b-4204-9835-5f6996111906.woff2") format("woff2"),url("../fonts/5510807/d226824b-db98-4db3-831b-63446b91c191.woff") format("woff"),url("../fonts/5510807/08d3aac8-79cc-449b-9e8b-16011a97e67e.ttf") format("truetype");
    }
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/* LOADING Funktion 
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */

/*------------------------------------------------------------ */
/*  Loading Vorbereiten 
/*------------------------------------------------------------ */
.preload *,
.delaypreload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  -transition: none !important;
}
.preload .maincontent {
	opacity:0; /* Für den Footer Höhe von Footer mit javascript zuweisen  */
}
.maincontent {
	opacity:1; /* Für den Footer Höhe von Footer mit javascript zuweisen  */
    /* Animation */
    -webkit-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}
.preload .loader {
	opacity:0; /* Für den Footer Höhe von Footer mit javascript zuweisen  */
	display:block;
	/* Später einblenden Animation */
	-ms-animation-name: loadingdelay;
    -ms-animation-duration: 100s;
    -ms-animation-iteration-count: 1;
    -ms-animation-delay: 0.5s;
	-o-animation-name: loadingdelay;
    -o-animation-duration: 100s;
    -o-animation-iteration-count: 1;
    -o-animation-delay: 0.5s;
	-webkit-animation-name: loadingdelay;
    -webkit-animation-duration: 100s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 0.5s;
	-moz-animation-name: loadingdelay;
    -moz-animation-duration: 100s;
    -moz-animation-iteration-count: 1;
    -moz-animation-delay: 0.5s;
	animation-name: loadingdelay;
    animation-duration: 100s;
    animation-iteration-count: 1;
    animation-delay: 0.5s;
}
/* Loader erst ein wenig Später einblenden */
@-webkit-keyframes loadingdelay {
  0% {
	opacity:0;
  }
  1% {
	opacity:1;
  }
  100% {
	opacity:1;
  }
}
@keyframes loadingdelay {
  0% {
	opacity:0;
  }
  1% {
	opacity:1;
  }
  100% {
	opacity:1;
  }
}

.loader {
	opacity:0;
}
/*------------------------------------------------------------ */
/* Loader */
/*------------------------------------------------------------ */
.loader {
	display:block;
	position:fixed;
	text-align:center;
	width:100%;
	left:0;
	top:43vh;
	padding:0;
	maring:0;
	margin-top:-5em;
	padding-bottom:0vh;
	color:#333;
	background:none;
	z-index:7;
    /* Animation */
    -webkit-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    transition: opacity 1s ease;
}
.loaderlogo {
	display:none;
}

/*------------------------------------------------------------ */
/* Debug Loader */
/*------------------------------------------------------------ */
/*
.maincontent {
	opacity:0 !important;
}
.loader {
	opacity:1;
}
*/

/*------------------------------------------------------------ */
/* CSS LOADER // Muss noch eingebaut werden */
/*------------------------------------------------------------ */
.loadinganim,
.loadinganim:before,
.loadinganim:after {
  border-radius: 50%;
}
.loadinganim {
  color: #333;
  font-size: 11px;
  text-indent: -99999em;
  margin: 55px auto;
  position: relative;
  width: 10em;
  height: 10em;
  -o-box-shadow: inset 0 0 0 1em;
  -webkit-box-shadow: inset 0 0 0 1em;
  -ms-box-shadow: inset 0 0 0 1em;
  box-shadow: inset 0 0 0 1em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.loadinganim:before,
.loadinganim:after {
  position: absolute;
  content: '';
}
.loadinganim:before {
  width: 6em;
  height:12em;
  background: #fff;
  border-radius: 12em 0 0 12em;
  top: -0.9em;
  left: -1em;

  -webkit-transform-origin: 6em 6em;
  -ms-transform-origin: 6em 6em;
      transform-origin: 6em 6em;
  
  -webkit-animation: load2 2s infinite ease 1.5s;
  animation: load2 2s infinite ease 1.5s;
}
.loadinganim:after {
  width: 6.6em;
  height: 13em;
  background: #fff;
  border-radius: 0 13em 13em 0;
  top: -1.4em;
  left: 4.5em;

  -webkit-transform-origin: 0px 6.5em;
  -ms-transform-origin: 0px 6.5em;
      transform-origin: 0px 6.5em;

  -webkit-animation: load2 2s infinite ease;
  animation: load2 2s infinite ease;
}
@-webkit-keyframes load2 {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load2 {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}













/*------------------------------------------------------------ */
/* Main */
/*------------------------------------------------------------ */
body {
    background: white;
    color: black;
    font-family: 'Real_Text_Semilight', sans-serif;
	font-weight: normal;
    font-style:   normal;
    font-stretch: normal;
	font-size: 100%;
    font-size: 1.171875vw; /* 15px */
	line-height: 1.875vw; /* 24px */
    margin: 0;
    padding: 0;
	text-align:left;
	min-width:290px;
	letter-spacing:0.01em;
    -webkit-text-size-adjust: none !important;
}
a {
	text-decoration:none;
	color:black;
}
.container {
    text-align:left;
    margin:0;   
    padding:0;
    width:100%;
    background-color: white;
}
.maincontent {
    position:relative;
    z-index:1;
	margin:0;
	background:white;
	padding:0;
	margin-top: 16.5vw;
    /* D10 neu wegen footer */
    min-height: calc(100vh - 16.5vw);
}
/* Clear Floats */
.maincontent::after,
.layoutblock_wrapper::after,
.logomainblock::after,
.layoutblock_wrapper::after,
.masonryWrapper::after,
.logobyline::after,
.teammember_wrapper::after,
.text_tm::after {
	content: "";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/* Header Logo und Menu */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
header {
	position:fixed;
	top: 0; /*stimmt nicht*/
	z-index: 10;
	background-color: white;
	padding-left:6%;
	padding-right:3%;
	padding-top:3vw;
	height:7vw;
	width:91%; /* 100 - padding */
}
.logged-in header {
	top:65px;
}
.logo {
	margin-left:44vw; /* 52% minus 6 vom rand */
	position:relative;
	z-index:3;
	width:31.1vw;
}
.logomainblock {
	font-family: 'Real_Text_Demibold', sans-serif;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 2.22vw;
    line-height: 3.41vw;
   	width:31.5vw;
}
h1.pflogoTwo {
	display:inline-block;
	border-top:1px solid black;
}
h1.pflogoOne {
	margin-left:9.1vw;
	border-top:1px solid black;
	display:inline-block;
}
/* ist ausgelagert unter dem Maincontent */
.logo_bottom {
	position:fixed;
	top:10vw;
	z-index:0;
	margin-left:49.95vw; /* 52% minus 6 vom rand */
	width:31.2vw;
   	border-top:1px solid black;
}
.logobyline {
	display:inline-block;
	border-bottom:1px solid black;
	width:auto;
	float:right;
}
.logged-in .logo_bottom {
	top:calc(10vw + 65px);
}
.logobyline h2{
	font-family: 'Real_Text_Semilight', sans-serif;
	font-weight: normal;
	font-style:   normal;
	font-stretch: normal;
    font-size: 2.22vw;
    line-height: 3.41vw;
    float:left;
}
.logobyline h3 {
	float:left;
	margin-top:0.6vw;
	margin-left:0.6vw;
}
/*------------------------------------------------------------ */
/* MENU 1. Hirachie Ebene */
/*------------------------------------------------------------ */
ul, ul.menu li {
    list-style:none;
}
header nav {
    width: 100%;
    position: absolute;
    top: 3vw;
    margin:0;
    padding:0;
	text-align:left;
}
header nav > ul.menu {
    width: 91%; /* gleich wie header */
    margin:0;
    padding:0;
    text-align:left;
}
header nav > ul.menu > li  {
    display:inline-block;
    margin:0;
    padding:0;
    width:12vw;
    margin-right:1.5vw;
}
header nav > ul.menu > li > a {
    display:inline-block;
    margin:0;
    padding:0;
    width:100%;
    border-top:1px solid black;
}
header nav > ul.menu > li:last-of-type  {
    /* float:right; D10 neu */
    margin-right:0;
}
header nav ul.menu li a  {
    width: 100%;
    margin:0;
    padding:0;
}
/* Aktiv und Mouse Over */
.touchevents.no-touch-HK header nav ul.menu a:hover,
.no-touchevents.touch-HK header nav ul.menu a:hover,
.no-touchevents.no-touch-HK header nav ul.menu a:hover,
.touchevents.no-touch-HK header nav > ul.menu > li:hover > a,
.no-touchevents.touch-HK header nav > ul.menu > li:hover > a,
.no-touchevents.no-touch-HK header nav > ul.menu > li:hover > a,
header nav ul.menu > li.active-trail > a,
header nav ul.menu > li a.is-active,
/* im projekt das portfolio aktiv */
.page-node-type-projekte header nav li.expanded:nth-child(1) > a:nth-child(1) {
	font-family:"Real_Text_Demibold", sans-serif;
}
/*------------------------------------------------------------ */
/* MENU 2. Hirachie Ebene */
/*------------------------------------------------------------ */
header nav > ul.menu > li > ul.menu {
    width: 12vw;
    margin:0;
    padding:0;
    text-align:left;
    position:absolute;
    max-height:0;
    overflow:hidden;
    /* Animation */
    -webkit-transition: max-height 0.5s cubic-bezier(0.57, 0.01, 0.49, 1.01);
    -o-transition: max-height 0.5s cubic-bezier(0.57, 0.01, 0.49, 1.01);
    transition: max-height 0.5s cubic-bezier(0.57, 0.01, 0.49, 1.01);
}
/* Menu immer zu bei Mouse */
.touchevents.no-touch-HK header nav > ul.menu > li:hover > ul.menu,
.no-touchevents.touch-HK header nav > ul.menu > li:hover > ul.menu,
.no-touchevents.no-touch-HK header nav > ul.menu > li:hover > ul.menu {
    max-height:1000%;
}
/* Bei touch-HK das aktive offen die anderen zu */
.touchevents.touch-HK header nav > ul.menu > li.active-trail > ul.menu {
    max-height:1000%;
}

header nav > ul.menu > li > ul.menu > li  {
    margin:0;
    padding:0;
}
header nav > ul.menu > li > ul.menu > li > a  {
    margin:0;
    display:block;
    padding:0;
    border-top:1px solid black;
    text-align:right;
}
header nav > ul.menu > li > ul.menu > li:last-of-type > a  {
    border-bottom:1px solid black;
}
header nav > ul.menu > li > ul.menu > li a  {
    width: 100%;
    margin:0;
    padding:0;
}
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/* Teamteil */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
.page-atelier-team .maincontent {
	width: 59.4%;
	padding-right:40.6%;
}
/*------------------------------------------------------------ */
/* Bilder Masonry  */
/* Max Teammember 8 Stück immer Hich dann Quer abwechselnd */
/*------------------------------------------------------------ */
.teammember {
	display:block;
	width:calc(100% / 9 * 2);
	/* Höhe mit Jquery vom Bild nehmen */
	float:left;
	margin:0;
	padding:0;
	background: white;
	text-align:left;
}
.teammember:nth-child(even) {
	width:calc(100% / 9 * 3);
}
.teammember:nth-child(1) {
	padding:0;
	padding-left:calc(100% / 9 * 2);
}
.teammember:nth-child(2) {
	padding:0;
	padding-top:calc(100% / 9 * 2);
}
.teammember:nth-child(3) {
	padding:0;
	padding-top:calc(100% / 9 * 3);
}
.teammember:nth-child(4) {
	padding:0;
	padding-bottom:calc(100% / 9 * 1);
}
.teammember:nth-child(5) {
	padding:0;
}
.teammember:nth-child(6) {
	padding:0;
	padding-right:calc(100% / 9 * 1);
}
.teammember:nth-child(7) {
	padding:0;
	padding-left:calc(100% / 9 * 1);
	padding-bottom:calc(100% / 9 * 1);
}
.teammember:nth-child(8) {
	padding:0;
	padding-right:calc(100% / 9 * 3);
}
.page-atelier-team .grid-sizer {
    width:calc(100% / 9);
}
.teammember img {
	width:100% !important;
	height:auto !important;
	margin:0 !important;
	padding:0 !important;
	position:relative;
	cursor:pointer;
    /* Animation */
	-webkit-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
	/* z-index:1; */
	position:relative;
}
/*------------------------------------------------------------ */
/* Mouse Over Name  */
/*------------------------------------------------------------ */
.bild_tm {
	position:relative;
	overflow:hidden;
}
.mouseovername {
	display:block;
	background:white;
	position:absolute;
	bottom:0;
	padding:0%;
	border-top:1px solid black;
	padding-bottom:1%;
	width:100%;
	z-index:100;
	margin-left:100%;
    /* Animation */
    -webkit-transition: margin-left 0.5s ease;
    -o-transition: margin-left 0.5s ease;
    transition: margin-left 0.5s ease;
    z-index:1;
}
.touchevents.no-touch-HK .bild_tm:hover .mouseovername,
.no-touchevents.touch-HK .bild_tm:hover .mouseovername,
.no-touchevents.no-touch-HK .bild_tm:hover .mouseovername {
	margin-left:0;
}
/*------------------------------------------------------------ */
/* Transitions vorbereiten */
/*------------------------------------------------------------ */
.bild_tm  {
	-webkit-transition:opacity 1s;
	-o-transition:opacity 1s;
	transition:opacity 1s;
	margin-top:0;   
}
.bild_tm.verblasst_tm {
	opacity:0.4;
}
/*------------------------------------------------------------ */
/* Textteil */
/*------------------------------------------------------------ */
.text_tm {
    position: fixed;
    margin:0;
    padding:0;
    /* Srollbalken hidden */
    padding-right:10%;
    right:-50%;
    margin-top: 13.5vw;
    font-size:1.17vw; /*30px*/
    line-height:1.68vw; /*43px*/
    top:0 !important;
    background:none;
    width:80%; /* rechts verbreitert damit felder nicht umbrochen werden */
    overflow: hidden;
    overflow-y:scroll;
    /* Die ganze Höhe minus den margin top: */
    max-height: 2vw;
    /* z-index:1; */
    display:block;
}
.text_tm.sichtbar_tm {
   	z-index:100;
    max-height: calc(100vh - 13.5vw);
}

.logged-in .text_tm {
    margin-top:calc(13.5vw + 65px);	
    max-height: calc(100vh - 13.5vw - 65px);
}
/* Sam bis hier gestylt */
.texthover_tm {
	diplay:block;
	overflow-x: hidden;
	position:relative;
	margin-left:60%;
	-webkit-transition: margin-left 0.8s ease-in-out;
	-o-transition: margin-left 0.8s ease-in-out;
	transition: margin-left 0.8s ease-in-out;
}
.texthover_tm.sichtbar_tm {
	position:relative;
	margin-left:28%;
}
.name_tm {
	position:relative;
    font-family: Real_Text_Demibold, sans-serif;
	font-weight: normal;
	font-style:   normal;
	font-stretch: normal;
	display:inline-block;
	border-bottom:1px solid black;
	border-top:1px solid black;
	margin-left:0vw;
	max-width:15vw;
    margin-top:6vw;
}
.name_tm.removeline {
	border-bottom:0px solid black;
}
.berufwrapper {
	max-width:15.1vw /* wie menupunkt */;
	border-top:1px solid black;

}
.beruf_tm {
	position:relative;
	display:inline-block;
	float:right;
	max-width:15.1vw /* wie menupunkt */;
	margin-top:-1px;
    margin-left:0;	
    border-bottom:1px solid black;
    text-align:right;
}
.beruf_tm.removeline {
    border-bottom:0px solid black;
}
.textclick_tm {
	display:block;
	position:relative;
	margin-top:0;
	top:0;
	/* z-index:1; */
	left:110%;
	-webkit-transition: left 0.8s ease-in-out;
	-o-transition: left 0.8s ease-in-out;
	transition: left 0.8s ease-in-out;
	padding-bottom:3vw;
}
.textclick_tm.sichtbar_tm {
	position:relative;
	left:0;
}
.email_tm {
	position:relative;
	max-width:20%;
	display:block;
	cursor:pointer;
	margin-top:0px;
	margin-left:calc(56% / 2);
	border:1px solid white;

}

.email_tm.removeline a{
    border-bottom:0px;
}
.email_tm:nth-child(2) {
	/* margin-top:-2px;	*/
}
.email_tm:nth-child(1) {

	display:block;
	border-top:1px solid black;
	max-width:14.8vw;

}
.email_tm a {
	margin-top:0px;
	border-top:0px solid black;
	border-bottom:1px solid black;
	display:inline-block;
	cursor:pointer!important;
}
.email_tm p {
	margin-top:0;
	border-top:1px solid black;
	border-bottom:1px solid black;
	display:inline-block;
}

.beschreibung_tm {
	position:relative;
	border-top:1px solid black;
    margin-top:3.36vw;
    width:27vw;
    margin-left:10vw;
}
.beschreibung_tm li {
	position:relative;
    border-bottom:1px solid black;
}
/*------------------------------------------------------------ */
/* CV Listen */
/*------------------------------------------------------------ */
.liste_team_jahr {
	width: 28%;
	display:inline-block;
	top:0;
	position:relative;
	vertical-align:top;
}
.liste_team_text {
	width:70%;
	display:inline-block;
}
/* Wenn jahr leer */
/* Breite Jahr null */
.liste_team_jahr:empty {
	width:0;
	display:none;
}
/* Breite Text Full */
.liste_team_jahr:empty + .liste_team_text { 
	width:100%;
}
/*------------------------------------------------------------ */
/* Contextual Links override */
/*------------------------------------------------------------ */
.page-atelier-team div.contextual-links-wrapper {
  min-height:25px;
  min-width:25px;
  font-size:12px;
}
.page-atelier-team div.contextual-links-wrapper {
  display: block !important;
}
.page-atelier-team a.contextual-links-trigger {
  border: 1px solid transparent;
  display: none;
  height: 18px;
  margin: 0;
  padding: 0 2px;
  outline: none;
  text-indent: 34px; /* LTR */
  width: 28px;
  overflow: hidden;
}
.touchevents.no-touch-HK .teammember:hover a.contextual-links-trigger,
.no-touchevents.touch-HK .teammember:hover a.contextual-links-trigger,
.no-touchevents.no-touch-HK .teammember:hover a.contextual-links-trigger,
.touchevents.touch-HK a.contextual-links-trigger{
  display:block !important;
}
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/* Werkliste */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
.page-portfolio-werkliste section.maincontent,
.page-portfolio-taxonomy-term section.maincontent{
    margin-left: 6%;
    width:40.5%;
    padding-bottom:5vw;
}
.logged-in.page-portfolio-werkliste section.maincontent,
.logged-in..page-portfolio-taxonomy-term section.maincontent {
    margin-top:calc(5.5vw + 65px);
}
.projekt_wl {
	margin-bottom:0;
}
a.link_wl {
	-webkit-transition:margin-left 0.5s;
	-o-transition:margin-left 0.5s;
	transition:margin-left 0.5s;
}
.jahres-grouping-wrapper h3 {
    -webkit-transition:margin-left 0.5s;
    -o-transition:margin-left 0.5s;
    transition:margin-left 0.5s;
}
.jahres-grouping-wrapper h3.hover_wl {
	margin-left:-2.5vw;
    -webkit-transition:margin-left 0.5s;
    -o-transition:margin-left 0.5s;
    transition:margin-left 0.5s;
}
a.link_wl .beschreibung_wl {
    -webkit-transition:margin-left 0.5s;
    -o-transition:margin-left 0.5s;
    transition:margin-left 0.5s;
}
.touchevents.no-touch-HK a.link_wl:hover .beschreibung_wl,
.no-touchevents.touch-HK a.link_wl:hover .beschreibung_wl,
.no-touchevents.no-touch-HK a.link_wl:hover .beschreibung_wl {
	margin-left:2.5vw;
    -webkit-transition:margin-left 0.5s;
    -o-transition:margin-left 0.5s;
    transition:margin-left 0.5s;
}
/* Titel (Jahr) des Projekts*/
.jahresGruppierung {
    font-family: 'Real_Text_Demibold', sans-serif;
    font-weight: normal;
    font-style:   normal;
    font-stretch: normal;
    font-size:1.17vw; /*30px*/
    line-height:1.68vw; /*43px*/
    margin-left: 2.5vw;
    border-bottom: 1px solid black;
    display:inline-block;
}

.beschreibung_wl {
    font-family: 'Real_Text_Semilight', sans-serif;
    font-weight: normal;
    font-style:   normal;
    font-stretch: normal;
    font-size:1.17vw; /*30px*/
    line-height:1.68vw; /*43px*/
    width: 100%;
}
/* bei touch-HK nicht klickbare leicht grau */
.touchevents.touch-HK .beschreibung_wl {
	color:#666;
}
.touchevents.touch-HK a.link_wl .beschreibung_wl {
	color:black;
}
.page-portfolio-werkliste h3,
.page-taxonomy-term h3 {
	margin-top:1.5vw;
}
/*------------------------------------------------------------ */
/* Taxonomiemenu */
/*------------------------------------------------------------ */


/* D10 neu #block-pfarch-taxmenu anstatt .tax_menu_block */


#block-pfarch-taxmenu {
	width: 14.6vw;
	margin-bottom:3vw;
}
#block-pfarch-taxmenu {
	position:fixed;
	bottom:0vw;
	right:3vw;
	right:16vw;
}
#block-pfarch-taxmenu ul li a.is-active {
	font-family:"Real_Text_Demibold", sans-serif;
	border-top:1px solid black;
	border-bottom:1px solid black;
	width: 14.6vw;
	display:block;
	letter-spacing:0;
	letter-spacing:-0.005em;
	margin-top:-1px;
}
#block-pfarch-taxmenu ul li a {
	margin-top:1px;
}
.touchevents.no-touch-HK #block-pfarch-taxmenu ul li a:hover,
.no-touchevents.touch-HK #block-pfarch-taxmenu ul li a:hover,
.no-touchevents.no-touch-HK #block-pfarch-taxmenu ul li a:hover,
.touchevents.no-touch-HK .page-taxonomy-term #block-pfarch-taxmenu a.alleTaxLink:hover,
.no-touchevents.touch-HK .page-taxonomy-term #block-pfarch-taxmenu a.alleTaxLink:hover,
.no-touchevents.no-touch-HK .page-taxonomy-term #block-pfarch-taxmenu a.alleTaxLink:hover {
	font-family:"Real_Text_Demibold", sans-serif;
	border-top:1px solid black;
	border-bottom:1px solid black;
	display:block;
	margin-top:-1px;
	margin-bottom:-1px;
}
@media screen and (min-width: 1000px) {
	.touchevents.no-touch-HK #block-pfarch-taxmenu ul li a:hover,
	.no-touchevents.touch-HK #block-pfarch-taxmenu ul li a:hover,
	.no-touchevents.no-touch-HK #block-pfarch-taxmenu ul li a:hover,
	.touchevents.no-touch-HK .page-taxonomy-term #block-pfarch-taxmenu a.alleTaxLink:hover,
	.no-touchevents.touch-HK .page-taxonomy-term #block-pfarch-taxmenu a.alleTaxLink:hover,
	.no-touchevents.no-touch-HK .page-taxonomy-term #block-pfarch-taxmenu a.alleTaxLink:hover {
		width: 14.6vw;
	}
}
.touchevents.no-touch-HK #block-pfarch-taxmenu ul li.active a:hover,
.no-touchevents.touch-HK #block-pfarch-taxmenu ul li.active a:hover,
.no-touchevents.no-touch-HK #block-pfarch-taxmenu ul li.active a:hover {
	margin-bottom:0px;
	margin-top:-1px;
}
.beschreibung_wl p {
	display:inline;
}
.beschreibung_wl br {
	display:none;
}
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/* Kontaktteil */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
.page-node-type-kontakt section.maincontent {
    margin-left: 6%;
    width:94%;
    margin-top: 13.6vw;
    padding-bottom:5vw;
}
.logged-in.page-node-type-kontakt section.maincontent {
    margin-top:calc(10vw + 65px);
}
.kontakt .googlemaps {
    width: 53%;
    height: 30vw;
    background-color: aliceblue;
    float:left;
}

.kontaktinfos {
	float:left;
	width: auto;
    /* D10 new */
    top:14.5vw;
	/*bottom:5vw; */
	position:absolute;
	/* border-bottom:1px solid black; */
	border-top:1px solid black;
	font-size:1.17vw; /*30px*/
	line-height:1.68vw; /*44*/
	margin-left:53vw;
	margin-top:0;
}
.kontaktinfos p {
  border-bottom:1px solid black;
}
.kontaktinfos .parking {
    position: absolute;
    width: 33vw;
  }
.kontaktinfos .parking p {
    margin-top: 2vw;
    margin-left:5vw;
    border-bottom:none;
  }
.kontaktinfos p.noline {
  border-bottom:0px solid black;
}
.kontaktinfos a {
	-webkit-transition:padding-left 0.5s;
	-o-transition:padding-left 0.5s;
	transition:padding-left 0.5s;
}
.touchevents.no-touch-HK .kontaktinfos a:hover,
.no-touchevents.touch-HK .kontaktinfos a:hover,
.no-touchevents.no-touch-HK .kontaktinfos a:hover {
	padding-left:1.6vw;
	margin-right:-1.6vw;
}
/*Linked in SVG */
.LinkedIn {
	display:inline-block;
	width: 1em !important;
	height: auto !important;
	margin-bottom:-0.1em;
	margin-left:0.1em;
}
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/* Projektübersicht */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
.project {
	display:block;
	width:calc(100% / 7 * 2);
	/* Höhe mit Jquery vom Bild nehmen */
	float:left;
	margin:0;
	padding:0;
	background: white;
	text-align:center;
    overflow:hidden;
}
.project a {
	height:100%;
}
.grid-sizer {
    width:calc(100% / 7);
}
/* D10 neu */
.project .ov-bild {
    height:100%;
    overflow: hidden;
}
.project img {
	width:100% !important;
	height:auto !important;
	margin:0 !important;
	padding:0 !important;
	position:relative;
    /* Animation */
    -webkit-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    z-index:1;
    position:relative;
}
.touchevents.no-touch-HK .project:hover img,
.no-touchevents.touch-HK .project:hover img,
.no-touchevents.no-touch-HK .project:hover img {
	opacity:0.2;
}
/*------------------------------------------------------------ */
/* Übersicht // Die verschiedenen Bildstile  */
/* die mit jquery zugewiesen werden müssen  */
/*------------------------------------------------------------ */
.project.kleinrechts {
	width: calc(100% / 7);
	padding-left:calc(100% / 7) !important;
}
.project.kleinlinks {
	width: calc(100% / 7);
	padding-right:calc(100% / 7) !important;
}
.project.kleinoben {
	width: calc(100% / 7);
	padding-bottom:calc(100% / 7 / 3 * 2) !important;
}
.project.kleinunten {
	width: calc(100% / 7);
	padding-top:calc(100% / 7 / 3 * 2) !important;
}
.project.kleinuntenrechts {
	width: calc(100% / 7);
	padding-top:calc(100% / 7 / 3 * 2) !important;
	padding-left:calc(100% / 7) !important;
}
.projekt,
.project.kleinrechts,
.project.kleinlinks,
.project.kleinoben,
.project.kleinunten,
.project.kleinuntenrechts {
	 background: white;
}
/*------------------------------------------------------------ */
/* Übersicht Mouse Over Typo  */
/*------------------------------------------------------------ */
.project .projekte-overview-typo {
	position:absolute;
	display:table;
	top:0;
	left:0;
	text-align:center;
	margin:0;
	padding:0 1.5vw;
	padding-left:calc(100vw / 7 / 2);
	padding-left:calc(100vw / 7 / 2);
	width:calc(100vw / 7);
	height:100%;
    font-size: 0.9vw; /* ca. 22px */
    line-height:1.5vw; /* ca. 33px */
	background:rgba(255,255,255,0);
	z-index:2;
    opacity: 0;
    /* Animation */
    -webkit-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}
.project .projekte-overview-typo .inner {
	height:100%;
	width:100%;
	display:table-cell;
    vertical-align:middle;
}
.project .projekte-overview-typo h1,
.project .projekte-overview-typo h2 {
	width:100%;
	display:block;
	text-align:left; /* D10 neu */
}
.project .projekte-overview-typo h1 {
	/* background:rgba(255,255,0,0.5); */
	text-align:left;
	border-bottom:1px solid black;
	font-family:"Real_Text_Demibold", sans-serif;
	font-stretch:normal;
	font-weight:normal;
	font-style:normal;
}
.project.kleinuntenrechts .projekte-overview-typo {
	padding-top:calc(100vw / 7 / 3 * 2);
	padding-left:calc(100vw / 7 + 1.5vw);
	padding-right:1.5vw;
	width:calc(100vw / 7 - 3vw);
	height:100%;
}
.project.kleinunten .projekte-overview-typo {
	padding-top:calc(100vw / 7 / 3 * 2);
	padding-right:1.5vw;
	padding-left:1.5vw;
	width:calc(100vw / 7 - 3vw);
	height:100%;
}
.project.kleinoben .projekte-overview-typo {
	padding-bottom:calc(100vw / 7 / 3 * 2);
	padding-right:1.5vw;
	padding-left:1.5vw;
	width:calc(100vw / 7 - 3vw);
}
.project.kleinrechts .projekte-overview-typo {
	padding-left:calc(100vw / 7 + 1.5vw);
	padding-right:1.5vw;
	width:calc(100vw / 7 - 3vw);
}
.project.kleinlinks .projekte-overview-typo {
	padding-right:calc(100vw / 7 + 1.5vw);
	padding-left:1.5vw;
	width:calc(100vw / 7 - 3vw);
}
/* D10 neu wegen andere no touch klasse */
.touchevents.no-touch-HK .project:hover .projekte-overview-typo,
.no-touchevents.touch-HK .project:hover .projekte-overview-typo,
.no-touchevents.no-touch-HK .project:hover .projekte-overview-typo {
    opacity: 1;
}
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/* Projektdetail */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/* Bildblock */
.bilder_pd {
    width: 53.2%;
    float: left;
    margin-left: 6%;
}
/* Svgs verstecken für Desktop */
img.infosvg_pd, img.closesvg_pd, img.closesvg_tm, img.infosvg_tm, img.mailsvg_tm {
    display:none;
}
/* Bilder nach Reihenfolge */
/* erstes bild quer*/
.bilder_pd .medienfeld.querformat:nth-child(4n-3) img, .bilder_pd .medienfeld.video.video.querformat:nth-child(4n-3) {
	width:100%;
	height:auto;
    float: left;
}
/*zweites bild quer*/
.bilder_pd .medienfeld.querformat:nth-child(4n-2) img, .bilder_pd .medienfeld.video.querformat:nth-child(4n-2){
    width: 75%;
    height:auto;
    float: left;
}
/* drittes bild quer*/
.bilder_pd .medienfeld.querformat:nth-child(4n-1) img, .bilder_pd .medienfeld.video.querformat:nth-child(4n-1){
    width: 100%;
    height:auto;
    float: left;
}
/* viertes bild quer*/
.bilder_pd .medienfeld.querformat:nth-child(4n) img, .bilder_pd .medienfeld.video.querformat:nth-child(4n) {
    width: 74%;
    height:auto;
    float: right;
}
/* erstes bild hoch*/
.bilder_pd .medienfeld.hochformat:nth-child(4n-3) img, .bilder_pd .medienfeld.video.hochformat:nth-child(4n-3) {
    width: 74%;
    height:auto;
    float: right;
}
/* zweites bild hoch*/
.bilder_pd .medienfeld.hochformat:nth-child(4n-2) img, .bilder_pd .medienfeld.video.hochformat:nth-child(4n-2) {
    width: 49.2%;
    height:auto;
    float: left;
}
.bilder_pd .medienfeld.hochformat:nth-child(4n-1) img, .bilder_pd .medienfeld.video.hochformat:nth-child(4n-1) {
    width: 74%;
    height:auto;
    float: right;
}
/* viertes bild hoch*/
.bilder_pd .medienfeld.hochformat:nth-child(4n) img, .bilder_pd .medienfeld.video.hochformat:nth-child(4n) {
    width: 48%;
    height:auto;
    float: right;
}
.textteil_pd {
    width: 28vw;
    float: left;
    margin-left: 11%;
}
.beschreibung_pd {
	margin-top:4vw;
	margin-bottom:0; /*148px*/
	hyphens: auto;
    /* D10 neu ohne: text-align: justify; */
}
.titel_pd {
	max-width: 19vw;
	display: inline-block;
	font-size:1.17vw; /*30*/
	line-height:1.72vw; /*44px*/
	font-family: Real_Text_Demibold, sans-serif;
	font-weight: normal;
	font-style:   normal;
	font-stretch: normal;
	margin-left:5.78vw; /*148px*/
	border-top: 1px solid black;
	margin-top:5vw;
}
.titel_pd p{ 
	border-bottom:1px solid black;
}
.angaben_pd {
	/* D10 Neu Margin-Top */
	margin-top: 2.5vw;
	max-width: 90%;
	min-width: 40%;
	display: inline-block;
	/* D10 neu ohne: border-top:1px solid black; */
	font-size:1.17vw; /*30*/
	line-height:1.72vw; /*44px*/
}
.angaben_pd p {
    font-size:1.17vw; /*30*/
    line-height:1.72vw; /*44px*/
    /* D10 neu ohne border dafur padding-top: border-bottom:1px solid black; */
    padding-top: 0.7vw;
}
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/* Ateliergemeinschaft */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
.page-node-type-ateliergemeinschaft section.maincontent {
    margin-left: 6%;
    width:91%;
    margin-top: 13.6vw;
}
.bilder_agm {
	width:60%;
}
.bilder_agm img.querformat:nth-child(1){
	margin-top: 10vw;
	width:21.72vw; /*556px*/
	height:auto;
	float:left;
}
.bilder_agm img.hochformat:nth-child(1){
	margin-top: 5vw;
	width:calc(21.72vw * 0.75); /*556px*/
	margin-left:calc(21.72vw * 0.25); /*556px*/
	height:auto;
	float:left;
}
.bilder_agm img.querformat:nth-child(2){
	width:22vw; /*294px*/
	height:auto;
	float:left;
}
.bilder_agm img.hochformat:nth-child(2){
	width:11.48vw; /*294px*/
	height:auto;
	float:left;
}
.bilder_agm img.querformat:nth-child(3){
	float:left;
	width:30.55vw;
	height:auto;
}
.bilder_agm img.hochformat:nth-child(3){
	float:left;
	width:11.48vw; /*294px*/
	height:auto;
}
.beschreibung_agm{
	position:absolute;
	top:9.4vw; /*gleichhochwieerstesbild*/
	margin-left: 63.5vw;
	float:left;
	-webkit-hyphens: auto;
	    -ms-hyphens: auto;
	        hyphens: auto;
	text-align:justify;
}
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/* Newsteil */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
.page-news section.maincontent,
.page-node-type-offene-stellen section.maincontent,
.page-node-type-datenschutz section.maincontent,
.page-node-type-impressum section.maincontent
{
    margin-left: 6%;
    width:40.5%;
    margin-top:16.5vw !important;
    padding-bottom:5vw;
}

/* Abstand zwischen den Newsteilen*/
.news {
    margin-top: 0vw;
    margin-bottom: 2vw;
    padding-bottom: 0vw;
    position: relative;
}
.underline_news {
	padding-top:0vw;
	width:15vw;
	margin-bottom:3vw;
	border-bottom: 1px solid black;
}
.underline_news.linie_before_h3 {
	display:none;
}
/* Border-Top beim Datum*/
.page-news section.maincontent h3 {
    border-top: 1px solid black;
    display:inline-block;
    padding-top:0.2vw;
    margin-bottom: 2vw;
}
/* Titel Jahr klein */
 .page-news section.maincontent .jahr {
    font-family: 'Real_Text_Semilight', sans-serif;
    font-weight: normal;
    font-style:   normal;
    font-stretch: normal;
    font-size: 0.977vw; /*25px*/
    position: absolute;
}
/* Titel Monat*/
 .page-news section.maincontent .monat,
  h3.offenestellentitel {
    font-family: 'Real_Text_Demibold', sans-serif;
    font-weight: normal;
    font-style:   normal;
    font-stretch: normal;
    font-size:2.22vw;
    line-height: 2.41vw; /*57px*/
    margin-left: 2.6vw;
}
  h3.offenestellentitel {
	 margin-left: 0vw; 
	 margin-bottom: 2vw;
  }
.text_news{
    /* margin-top: 0.6vw; */
    margin-bottom:1.5vw;
    width: 100%;
    font-size: 1.17vw; /*30px*/
    line-height: 1.6vw /*41px;;; */;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    /* white-space: pre-line; */
}
.text_news h1 {
	font-family: 'Real_Text_Demibold', sans-serif;
	margin:2vw 0;
	
}
.page-node-type-offene-stellen .file {
	display:block;
}
.page-node-type-offene-stellen p {
	hyphens:none;
}
.page-node-type-offene-stellen .file a {
	border-bottom: 1px solid black;
}
.page-node-type-offene-stellen .file img {
	display:none;
}
.link_news a,
.text_news a {
	clear:left;
    border-bottom: 1px solid black;
    -webkit-transition: padding-left 0.5s;
    -o-transition: padding-left 0.5s;
    transition: padding-left 0.5s;
    display:inline-block;
}
p.link_news {
	display:block;
}
p.link_news:last-of-type {
	margin-bottom:2vw;
}
.touchevents.no-touch-HK .text_news a:hover,
.no-touchevents.touch-HK .text_news a:hover,
.no-touchevents.no-touch-HK .text_news a:hover {
    padding-left:1.5vw;
}
.touchevents.no-touch-HK .page-node-type-offene-stellen .text_news a:hover,
.no-touchevents.touch-HK .page-node-type-offene-stellen .text_news a:hover,
.no-touchevents.no-touch-HK .page-node-type-offene-stellen .text_news a:hover {
    padding-left:0vw;
}
.bilder_news{
    width:100%;
    padding-bottom:2vw;
}
.bilder_news:empty{
    padding-bottom:0;
}
.bilder_news::after, .kontakt::after{
	content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}
.bilder_news img {
    float:left;
}
.bilder_news img.einzelbild.querformat {
    width:100%;
    height:auto;
}
.bilder_news img.einzelbild.hochformat {
    width:63.5%;
    height:auto;
}
.bilder_news img:nth-of-type(4n-3) {
    width:63.5%;
    height:auto;
}
.bilder_news img:nth-of-type(4n-2) {
    width:36.4%;
    height:auto;
    vertical-align:top;
}
.bilder_news img:nth-of-type(4n-1) {
    width:36.4%;
    height:auto;
    vertical-align:top;
}
.bilder_news img:nth-of-type(4n) {
    width:63.5%;
    height:auto;
}
.bilder_news img:nth-of-type(2n+1) {
    clear:both;
}
/*------------------------------------------------------------ */
/*----- Menu Toggle Disable bei Desktop ------*/
/*------------------------------------------------------------ */
/* Open Button  */
.menu-toggle {
    display:none;
}
/*------------------------------------------------------------ */
/* Drupal System Zeugs  */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/*------------------------------------------------------------ */
/* Input Login */
/*------------------------------------------------------------ */
.js-form-type-textfield {
	border:0px solid red;
}
.js-form-type-textfield label, .js-form-type-password label {
	display:block;
    margin-top:2vw;
}
.js-form-type-textfield input,
input#edit-pass{
	border:0px solid black;
	border-bottom:0.4vw solid black;
    width:40.5%;
	font-size:4vw;
	padding: 0.2vw 0.5%;
    margin-top:1vw;
    line-height:5vw;
    margin-bottom:0.5vw;
    background:white;
    background:#f9f9f9;
}
.js-form-type-textfield input.form-text.required.error {
	border:0 solid black;
	border-bottom:0.4vw solid black;
	background: red;
	color:black;
}
:invalid {
  -webkit-box-shadow: none;
          box-shadow: none;
}
:-moz-submit-invalid {
  box-shadow: none;
}
:-moz-ui-invalid {
  box-shadow:none;
}
input:invalid {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: red;
}
input:-moz-submit-invalid {
  box-shadow: none;
  background: red;
}
input:-moz-ui-invalid {
  box-shadow:none;
  background: red;
}
.form-type-textfield input.form-text.required.error:focus {
	border:0 solid black;
	border-bottom:0.4vw solid black;
	background: #ffece3;
}
.form-type-textfield input:focus,
input#edit-pass:focus{
	background: aliceblue;
	background: azure;
	background: #66ed83;
}
.form-submit {
    background: black;
    margin-left:0px !important;
    line-height: 2.5vw;
    border: 0 solid black;
    border-radius: 0;
    color: white;
    padding: 1vw 1vw;
    font-size:2vw;
    letter-spacing:0.03em;
    display:block;
    width:20%;
    margin-top:2vw;
    -webkit-appearance: none !important;
    clear:both !important;
    position:relative;
}
.touchevents.no-touch-HK .form-submit:hover,
.no-touchevents.touch-HK .form-submit:hover,
.no-touchevents.no-touch-HK .form-submit:hover {
	color:white;
	background:#666;
}

input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 5000px white inset; /* Change the color to your own background color */
    -webkit-text-fill-color: #000;
}
/* Text Markierung */
/* Hiermit können Safari >=1.1, Opera >=9.5, IE9 was anfangen*/
::-moz-selection {
    background: #333;
    color: white;
}
::selection {
    background: #333;
    color: white;
}
/* und hiermit der Firefox >=1 */
::-moz-selection {
    background: #333;
    color: white;
}
/*------------------------------------------------------------ */
/* Messages  */
/*------------------------------------------------------------ */
div.messages {
	margin-left: 0;
	width: 100%;
}
.path-user div.messages {
	margin-left: 0%;
	width: 100%;
}
/*------------------------------------------------------------ */
/* Login und User Page  */
/*------------------------------------------------------------ */
.path-user .maincontent {
	margin-top:15.6vw;
	padding-left:6%;
	padding-right:3%;
	width: calc(100% - 9%);
}
.path-user a.active {
	display:none;
}
/*------------------------------------------------------------ */
/* Error Pages  */
/*------------------------------------------------------------ */
.page-page-not-found-404,
.page-page-not-found-404 *,
.page-page-no-rights-403,
.page-page-no-rights-403 * {
	background:black;
	color:white;
	border-color:white !important;
}
.page-page-not-found-404 .maincontent,
.page-page-no-rights-403 .maincontent {
	margin-top:16.5;
	padding-left:6%;
	padding-right:3%;
	width: calc(100% - 9%);
    background: black;
    color:white;
}
.page-page-not-found-404 .maincontent a,
.page-page-no-rights-403 .maincontent a {
    color:white;
    padding-bottom:0.5vw;
}
.touchevents.no-touch-HK .page-page-not-found-404 .maincontent a:hover,
.no-touchevents.touch-HK .page-page-not-found-404 .maincontent a:hover,
.no-touchevents.no-touch-HK .page-page-not-found-404 .maincontent a:hover,
.touchevents.no-touch-HK .page-page-no-rights-403 .maincontent a:hover,
.no-touchevents.touch-HK .page-page-no-rights-403 .maincontent a:hover,
.no-touch-HK .page-page-no-rights-403 .maincontent a:hover,
.no-touchevents.no-touch-HK .page-page-no-rights-403 .maincontent a:hover,
..touchevents.touch-HK .page-page-not-found-404 .maincontent a,
.touchevents.touch-HK .page-page-no-rights-403 .maincontent a{
    border-bottom:1px solid white;
}
.page-page-not-found-404 .maincontent h1.bigfont,
.page-page-no-rights-403 .maincontent h1.bigfont {
	z-index:1000;
	font-size:5vw; /* ca.60px */
	line-height:5.8vw; /* ca.70px */
	width:50vw;
	margin-bottom:3vw;
	font-family:"Real_Text_Demibold";
}
.errorpage .errormessage {
    display:block;
    margin:0;
    padding:0;
    margin-left:3vw;
    margin-top:9vw;
    margin-bottom:0;
    background:none;
    width:100%;
	font-family:"Real_Text_Semilight";
    font-weight:normal;
    font-size: 2.2vw;
	line-height: 2.75vw;
}
/*------------------------------------------------------------ */
/* Impressum
-------------------------------------------------------------- */
.impressum a {
    position: fixed;
    width:60px;
    padding-left:7px;
    padding-right:7px;
    border:0px solid red;
    bottom:0px;
    right: 0;
    font-weight:normal;
    font-size: 10px;
    color:#ddd;
    text-decoration: none;
    text-align: left;
    z-index:5;
    letter-spacing:0.02em;
}
.touchevents.touch-HK .impressum a {
    color:#ccc;
    bottom:20px;
}
.impressum a span {
    display: none;
}
.touchevents.no-touch-HK .impressum a:hover,
.no-touchevents.touch-HK .impressum a:hover, 
.no-touchevents.no-touch-HK .impressum a:hover {
    color:#000;
    width:auto;
    background:white;
}
.touchevents.no-touch-HK .impressum a:hover span,
.no-touchevents.touch-HK .impressum a:hover span,
.no-touchevents.no-touch-HK .impressum a:hover span {
    display:inline;
}

/*------------------------------------------------------------ */
/* Footer Neu D10
-------------------------------------------------------------- */

.footer {
    padding-top: 1vw;
    padding-bottom: 7vw;
    width: 87vw;
    margin:auto;
    margin-top:5vw;
    border-top:1px solid black;
}
/*
.page-node-type-kontakt .footer, .page-portfolio-error-pages .footer,
.page-node-type-ateliergemeinschaft .footer, .page-node-type-offene-stellen .footer, .page-node-type-impressum .footer   {
    position: absolute;
    margin-left:6vw;
    top: 95vh;
}
*/
/* HOVER EVENTS */
.touchevents.no-touch-HK footer a:hover p,
.no-touchevents.touch-HK footer a:hover p,
.no-touchevents.no-touch-HK footer a:hover p
{
	border-bottom: solid black 1px;
}

.touchevents.no-touch-HK footer .adressblock a:hover ,
.no-touchevents.touch-HK footer .adressblock a:hover ,
.no-touchevents.no-touch-HK footer .adressblock a:hover 
{
	border-bottom: solid black 1px;
}

h3.logo-footer {
	display:inline-block;
	font-family: 'Real_Text_Demibold', sans-serif;
	float:left;
	width:27vw;
	margin:0;
}

.adressblock {
	display:inline-block;
	float:left;
	width:17vw;
}
.news-footer {
	display:inline-block;
	float:left;
	width:auto;
	margin-right:1vw;
}
.news-linkedin img {
	margin-top:0.3vw;
	width:3.0vw;
}
.impressum-footer {
	margin-right:2vw;
	display:inline-block;
	float:right;
	width:auto;
}


[data-drupal-messages] {
    position: fixed;
    padding:1rem;
    border: 1px solid black;
	color:white;
	background-color:black;
    bottom:3rem;
    right:5vw;
    z-index:500;
}
.toolbar-fixed header {
    padding-top: 9vw;
}
.toolbar-fixed header nav > ul.menu {
    margin-top: -10vw;
}
.toolbar-fixed .logo_bottom {
	top: 16vw;
}
.toolbar-fixed .maincontent {
	margin-top: 25.5vw;
}

/* MEDIAFIELD NEW */

.medienfeld.video {
    position: relative;
    height: 0px; /* Höhe initial auf 0 setzen */
    overflow: hidden; /* Überlauf verstecken */
  }
  
  .medienfeld.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; /* Höhe auf 100% setzen, wie in deiner Funktion */
  }

  /* PDF DATEI PROJEKT */

  .page-node-type-projekte .pdf_file {
    border-bottom: 1px solid black;
  }

  .page-node-type-datenschutz .maincontent, .page-node-type-impressum .maincontent, .page-portfolio-error-pages .maincontent {
    padding-top: 1vw;
    padding-bottom: 7vw;
    width: 87vw;
    margin:auto;
    margin-top:25vw;
  }
.bigfont {
    font-family: 'Real_Text_Demibold', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	font-size: 2.22vw;
	line-height: 3.41vw;
}

/* NEU IMPRESSUM UND DATENSCHUTZ SEITE */

.maincontent .articlenode {
    width: 63.5vw;
    padding-right: 15vw;
    background-color: white;
}

.maincontent .articlenode em {

    font-style: italic;
  }
.maincontent .articlenode strong em {
    font-family: 'Real_Text_Demibold', sans-serif;
    font-style: italic;
    font-weight: bold;
  }
  .maincontent .articlenode h1 {
      font-family: 'Real_Text_Demibold', sans-serif;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      font-size: 2.22vw;
      line-height: 3.41vw;
      margin-bottom:3.41vw;
  }
  .maincontent .articlenode h2 {
    display: inline-block;
    margin: 1.7vw 0;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    font-size: 2.22vw;
    line-height: 3.41vw;
    border-bottom: solid black 1px;
  }
  .maincontent .articlenode h3 {
    font-size:1.7vw; /*30*/
    line-height:1.9vw; /*44px*/
    padding: 0.95vw 0;
  }
  .maincontent .articlenode p, .articlenode li {
    font-size:1.17vw; /*30*/
    line-height:1.72vw; /*44px*/
    margin-bottom:1.38888vw;
  }
  
  .maincontent .articlenode strong {
   font-family: 'Real_Text_Demibold', sans-serif;
  }
  .maincontent .articlenode a {
    /* font-family: 'SimplonNorm-Medium'; */
    border-bottom: 1px solid;
  }
  .no-touchevents .articlenode a:hover {
    color:darkgray;
  }
  .no-touchevents .articlenode a strong:hover {
    border-bottom: 2px solid;
  }
  .no-touchevents .maincontent .articlenode li:hover {
    font-family: unset;
    cursor:auto;
  }
  .maincontent .articlenode ul {
    list-style-type: disc;
    /* list-style-position: inside;*/
    padding-left: 1.3vw;
  }