/* main css Gabu Heindl */
/* Author: Michael Kaser */
/* http://www.michaelkaser.com/ */



/* fonts:
font-family: 'EB Garamond', serif;
font-family: 'Montserrat', sans-serif;
*/





/* eb-garamond-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/eb-garamond-v27-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('./fonts/eb-garamond-v27-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* eb-garamond-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/eb-garamond-v27-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('./fonts/eb-garamond-v27-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}



/* montserrat-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 200;
  src: url('./fonts/montserrat-v26-latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('./fonts/montserrat-v26-latin-200.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* montserrat-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 200;
  src: url('./fonts/montserrat-v26-latin-200italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('./fonts/montserrat-v26-latin-200italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/montserrat-v26-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('./fonts/montserrat-v26-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* montserrat-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/montserrat-v26-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('./fonts/montserrat-v26-latin-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* montserrat-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/montserrat-v26-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('./fonts/montserrat-v26-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* montserrat-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  src: url('./fonts/montserrat-v26-latin-600italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('./fonts/montserrat-v26-latin-600italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* montserrat-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/montserrat-v26-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('./fonts/montserrat-v26-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* montserrat-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  src: url('./fonts/montserrat-v26-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('./fonts/montserrat-v26-latin-700italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}









/* GENERAL */

*,
*:before,
*:after {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

html {height: 100%;}


body {
   padding:0;
   font : 100%/1.4;
   font-family: 'EB Garamond', sans-serif;
   color: rgb(10,10,10);
   background: rgb(255,255,255);
}

#wrapper {
	margin: 0 auto;
	/* max-width: 1800px; */
	padding: 0 0 0 2%;
	width: 98%;
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(80%, 1fr));
    grid-template-rows: repeat(2, 0);
}

.section {
   clear: both;
   padding: 0px;
   margin: 0px;
}

.group {
   max-width: 1000px;
   margin: 0 auto;
   padding:0 1em 1.5em;
}

.group.fullwidth {padding: 0;}

.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    transform: scale(1);
	-moz-transform: scale(1);
	-moz-transform-origin: 0 0;
	-o-transform: scale(1);
	-o-transform-origin: 0 0;
	-webkit-transform: scale(1);
	-webkit-transform-origin: 0 0;
	transform: scale(1); /* Standard Property */
	transform-origin: 0 0;  /* Standard Property */ 
}
.col {
   display: block;
   float:left;
   margin: 0;
   padding:0;
}

.span_12_of_12,
.span_11_of_12,
.span_10_of_12,
.span_9_of_12,
.span_8_of_12,
.span_7_of_12,
.span_6_of_12,
.span_5_of_12,
.span_4_of_12,
.span_3_of_12,
.span_2_of_12,
.span_1_of_12 {
   width: 100%; 
}

img {width: 100%; height: auto;}

.clearfix:before,
.clearfix:after {
   content: '\0020';
   display: block;
   overflow: hidden;
   visibility: hidden;
   width: 0;
   height: 0;
}
.clearfix:after { clear: both; }
.clearfix {
transform: scale(1);
-moz-transform: scale(1);
-moz-transform-origin: 0 0;
-o-transform: scale(1);
-o-transform-origin: 0 0;
-webkit-transform: scale(1);
-webkit-transform-origin: 0 0;
transform: scale(1); /* Standard Property */
transform-origin: 0 0;  /* Standard Property */ 
}









/* TEXTFORMATIERUNG */
h1,
h2 {
   font-size:1.75em;
   line-height: 1em;
   /* padding:0 0 .5em 0; */
   font-family: 'Montserrat', sans-serif;
   font-weight: 700;
   margin: .75em 0;
   color: rgb(10,10,10);
}

h1 {margin-bottom: 0;}

h3 {
   padding:0 0 .5em 0;
   font-size:1.25em;
   font-family: 'Montserrat', sans-serif;
   font-weight: normal;
   margin: 1em 0;
   color: rgb(10,10,10);
}

p {
	font-size: 1.125em;
   line-height: 1.375em;
   margin: .75em 0;
   -webkit-hyphens: auto;
   -webkit-hyphenate-character: "\2010";
   -webkit-hyphenate-limit-after: 1;
   -webkit-hyphenate-limit-before: 3;
   -moz-hyphens: auto;
   hyphens: auto;
   orphans: 3;
   widows: 3;
}


.isotope ul li {
   font-size: 1.25em;
   line-height: 1.375em;
   margin: .75em 0;
   -webkit-hyphens: auto;
   -webkit-hyphenate-character: "\2010";
   -webkit-hyphenate-limit-after: 1;
   -webkit-hyphenate-limit-before: 3;
   -moz-hyphens: auto;
   hyphens: auto;
   orphans: 3;
   widows: 3;
}
.isotope ul li::before {
	content: "- ";
}

.isotope ul li.search_it-result::before {
	content: "";
}


a {
   color: rgb(10,10,10);
   text-decoration: none;
   border-bottom: 1px solid rgb(10,10,10);
   opacity: 1;
   filter: alpha(opacity=100);
   transition: opacity 0.6s;
   -moz-transition: opacity 0.6s;
   -webkit-transition: opacity 0.6s;
   -o-transition: opacity 0.6s;
}

a:hover {
   opacity: 0.3;
   filter: alpha(opacity=30);
   transition: opacity 0.6s;
   -moz-transition: opacity 0.6s;
   -webkit-transition: opacity 0.6s;
   -o-transition: opacity 0.6s;
}

strong {font-weight: bold;}
em {font-style: italic;}
small {font-size: 80%;}


.hardfacts p {
/*	font-family: 'Montserrat', sans-serif; */
   -webkit-hyphens: none;
   -moz-hyphens: none;
   hyphens: none;
}

p.termin,
p.termin + p {
	text-align: left;
}




/* HEADER und LOGO */
header {
	position: fixed;
	display: block;
	width: 100%;
	padding-bottom: 1em;
	background: #fff;
	z-index: 1000;
}

#logo, #navigation {display: block; width: 100%,float: left;}



a#logo {
   display: block;
   margin: 0 auto;
   /* width: 270px; */
   height: auto;
   border-bottom: 0 none;
   opacity: 1;
   filter: alpha(opacity=100);
   transition: opacity 0.6s;
   -moz-transition: opacity 0.6s;
   -webkit-transition: opacity 0.6s;
   -o-transition: opacity 0.6s;
}

a#logo:hover {
   border-bottom: 0 none;
   opacity: 0.3;
   filter: alpha(opacity=30);
   transition: opacity 0.6s;
   -moz-transition: opacity 0.6s;
   -webkit-transition: opacity 0.6s;
   -o-transition: opacity 0.6s;
}

#logo h1 {padding: 0; font-size: 1.375em;}
#logo h1 a {font-weight: 700; padding-bottom: .25em; border-bottom: 0 none;}










/* MENU */

#navigation {
	display: block;
	float: none;
	width: 35.375%;
	height: 1.5em;
	margin-top: .5em; 
	background: #000;
}

#navigation a {border-bottom: 0 none;}

#topnav h2 {font-size: .75em; font-weight: 700;}



nav {padding: 0; width: 100%;}

#topnav {width: 300%;}
#topnav li {display: block; width: 100%;}
#topnav a  {
	float: none;
	padding: 2px 0;
	color: rgb(0,0,0);
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: .75em;
	line-height: 1.125em;
	text-decoration: none;
	border: 0 none;
	margin-right: 30px;
	margin-bottom: 12px;
}

#topnav li.active a {color: rgb(200,0,0);}





/* menu END */



#togglebutt {float: left; clear: both;}


.menu-text {position: absolute; top: 16px; left: -44px; font-size: .875em; text-transform: uppercase;}




#nav {
	position: relative;
	font-size: 1.5em;
	top: 40px;
	width: 300%;
 	background: rgba(255,255,255,.9);
	padding-bottom: 2em;
}

#lang-nav {
	position: absolute;
	text-align: right;
	font-size: 1.5em;
	top: 50px;
	float: right;
	right: 8px;
	width: 100px;
	margin-top: 4px;
}

#nav li, #lang-nav li {display: block;}
#nav li a, #lang-nav li a {float: none; margin-right: 12px; margin-left: 2px; margin-bottom: 0; line-height: 1.375em;}
#lang-nav li a {float: left;}
#lang-nav li#de a {margin-left: 12px; margin-right: 0; padding-right: 4px; border-right: 1px solid #000;}
#lang-nav li#en a {margin-left: 4px;}
#lang-nav li.current a {font-weight: 700;}

#nav li ul li {margin-left: 1em; background: none;}

#nav li.selected a {color: #000; font-weight: 700;}

#nav li.selected ul li {margin-left: 1em; background: none;}
#nav li.selected ul li a {font-weight: 400;}
#nav li ul li.selected a {color: #000; font-weight: 700;}







/* NAVIGATION <= 831px */

#topnav {
	float: none;
	display: none;
}
#topnav.showme {
	display: inline-block !important;
}

#topnav li ul.sub-menu {margin-left: 2em;}
#topnav ul ul {
	background: none;
}

/* ICON */
#nav-icon {
   width: 36px;
   height: 36px;
   position: relative;
   margin: 10px auto 2px;
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
   -webkit-transition: .5s ease-in-out;
   -moz-transition: .5s ease-in-out;
   -o-transition: .5s ease-in-out;
   transition: .5s ease-in-out;
   cursor: pointer;
}
      
#nav-icon span {
   display: block;
   position: absolute;
   height: 4px;
   width: 100%;
   background: rgb(40,40,40);
   border-radius: 0px;
   opacity: 1;
   left: 0;
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
   -webkit-transition: .25s ease-in-out;
   -moz-transition: .25s ease-in-out;
   -o-transition: .25s ease-in-out;
   transition: .25s ease-in-out;
}
      
#nav-icon span:nth-child(1) {top: 0px;}
#nav-icon span:nth-child(2), #nav-icon span:nth-child(3) {top: 12px;}
#nav-icon span:nth-child(4) {top: 24px;}

#nav-icon.open span:nth-child(1) {
   top: 12px;
   width: 0%;
   left: 50%;
}
      
#nav-icon.open span:nth-child(2) {
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   transform: rotate(45deg);
}
      
#nav-icon.open span:nth-child(3) {
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
   transform: rotate(-45deg);
}
      
#nav-icon.open span:nth-child(4) {
   top: 12px;
   width: 0%;
   left: 50%;
}

#togglebutt {
   display: block;
   position: absolute;
	right: 1%;
   width: 50px;
   clear: both;
   margin: -34px 20px 0 0;
}

















/* ISOTOPE FILTER MENU */



.filter-menu {
	position: fixed;
	display: block;
	float: left;
	width: 15%;
	top: 180px;
}

.filter-menu .navi {
	display: block;
	width: 100%;
	float: left;
	text-align: left;
	margin-bottom: 1em;
}

.filter-menu .filters {
	display: block;
	width: 100%;
}

.filter-menu h2 {font-size: 1em; line-height: 1.5em; font-weight: 700; margin: 0;}

.filter-menu .navi a,
.filters ul li a {clear: both; font-family: 'Montserrat', sans-serif; font-size: 1em; line-height: 1.5em; float: left; border-bottom: 0 none;
   -webkit-hyphens: auto;
   -webkit-hyphenate-character: "\2010";
   -webkit-hyphenate-limit-after: 1;
   -webkit-hyphenate-limit-before: 3;
   -moz-hyphens: auto;
   hyphens: auto;
   orphans: 3;
   widows: 3;
}
.filter-menu .navi a.is-checked,
.filters ul li.active a {border-bottom: 2px solid #000 !important;}

#menu-filter-navigation {display: none;}



/* colors: */
.filter-menu .navi a.is-checked.bildungsorte,
.filters ul li.active a.bildungsorte {border-bottom: 2px solid rgb(142,64,103) !important;}

.filter-menu .navi a.is-checked.wohnen-und-arbeiten,
.filters ul li.active a.wohnen-und-arbeiten {border-bottom: 2px solid rgb(210,35,42) !important;}

.filter-menu .navi a.is-checked.oeffentlicher-raum,
.filters ul li.active a.oeffentlicher-raum {border-bottom: 2px solid rgb(184,192,73) !important;}

.filter-menu .navi a.is-checked.stadtplanung,
.filters ul li.active a.stadtplanung {border-bottom: 2px solid rgb(99,154,87) !important;}

.filter-menu .navi a.is-checked.kunst-und-kino,
.filters ul li.active a.kunst-und-kino {border-bottom: 2px solid rgb(74,139,143) !important;}

.filter-menu .navi a.is-checked.geschichtspolitik,
.filters ul li.active a.geschichtspolitik {border-bottom: 2px solid rgb(1,84,118) !important;}













/* PROJEKT ISOTOPE */


.isotope {
	display: table;
	width: 98%;
	top: 180px;
	margin-left: 0%;
	padding-bottom: 3em;
}

.isotope.single {margin-top: -40px; }


.item { float: left; overflow: hidden;}
.item img { width: 100%; height: auto; opacity: 1; }

.grid-sizer,
.grid-item,
.item {width: 100%;}





/* PUBLIKATION ISOTOPE */

.grid-sizer-pub,
.grid-item-pub {width: 100%;}
.grid-item-pub--width2 {width: 100%;}



/* ALLGEMEIN ISOTOPE */

.isotope.allgemein {margin-top: -.75em;}



.isotope h2 {margin-top: 0;}
.isotope .grid-item p:first-child {margin-top: 0;}

.content {top: 148px;}
.content h1 {font-family: 'EB Garamond', sans-serif;}

.content .isotope, .isotope .content {width: 100%; margin-left: 0;top: 0;}






/* clearfix */
.isotope:after {
  content: '';
  display: block;
  clear: both;
}


.grid-sizer {width: 49%; padding: .375%;}
.grid-item {
   width: 49%;
   margin-right: 1%; 
}

.grid-item {
  float: left;
}

.grid-item img {
  display: block;
  max-width: 100%;
}

a.grid-item, a.fancybox-close {border-bottom: none; text-decoration: none;}
a.grid-item {line-height: 0; font-size: 0;}


.item { position: relative; padding-bottom: 2em; border-right: 12px solid #fff;}
.grid-item { position: relative; padding-bottom: 0;}
.item p, .grid-item p { padding: 0; font-size: 1.125em;}

.content-txt p {font-size: 1.25em; text-align:justify;}

.item span, .grid-item span { display: inline-block; padding: 10px 0 20px;
  position: relative; 
  top: 0px;
}




.isotope .item img,
.isotope .grid-item img {
  display: block;
  margin: 0;
  padding: 0;
  max-width: 100%;
  height: auto;
  height: 100%;
  background-color: rgba(0, 180, 255, 0.3);
}

.isotope .grid-item img {margin: 0 0 2em 0;}
.isotope .grid-item#related img {margin: 0 0 .5em 0;}

.isotope .bild-text {margin: -1.5em 0 1.5em 0; font-family: 'Montserrat', sans-serif;}




.overlay {
  display: block;
  position: absolute;
  z-index: 20;
  font-size: 16px;
  overflow: hidden;
  width: 100%; height: 100%; top: 0;
}

a.close-overlay.hidden {
  display: none;
}


.isotope .item a .overlay,
.isotope .grid-item a .overlay {
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
}

.isotope .item a:hover .overlay,
.isotope .grid-item a:hover .overlay {
  opacity: .4;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
}



.item h2,
.grid-item h2 {font-size: 1.25em; font-weight: 600; padding: 0 0 .15em 0; font-family: 'Montserrat', sans-serif; margin: 0.25em 0 0 0;}
.item h2 a,
.grid-item h2 a {position: relative;}


/*
.item a,
.grid-item a {
   text-decoration: none;
   border-bottom: none;
   opacity: 1;
}
*/

.item a {
   text-decoration: none;
   border-bottom: none;
   opacity: 1;
}


.kacheltext {
	font-size: 1.125em;
	line-height: 1.25em;
	font-family: 'EB Garamond', serif;
}

.item span.kacheltext, .grid-item span.kacheltext {padding: 0 0 20px;}





/* Related Projects */

section#related, #related {position: relative; margin-top: 120px;}

section#related > h2, #related > h2,
section#footer > h2, #footer > h2 {border-bottom: 2px solid black; padding-bottom: .5em; margin-bottom: 2em; max-width: 100%;}





/* TERMINE */

p.termin {margin: .75em 0 0 0;}
p.termin + p {margin: 0 0 1.5em 0;}




.stamp {
	position: absolute;
	width: 100%;
	top: 0;
	right: 0;
	margin-right: 0;
	margin-bottom: 2em;
	/* padding: 1em;
	background: #ddd; */
}

.stamp div {padding: 1em; border: 1px solid #000;}

.stamp a {
	opacity: 1;
  	-webkit-transition: all 0.6s;
  	-moz-transition: all 0.6s;
  	-o-transition: all 0.6s;
  	transition: all 0.6s;
	border-bottom: 1px solid #000;
}

.stamp a:hover {
	opacity: .6;
  	-webkit-transition: all 0.6s;
  	-moz-transition: all 0.6s;
  	-o-transition: all 0.6s;
  	transition: all 0.6s;
	border-bottom: 1px solid #000;
}



.stamp.desktop {display: none;}
.stamp.mobile {display: block;}




/* DATENSCHUTZ */

#datenschutz h4 {
   padding: 0;
   font-size:1.25em;
   font-family: 'Montserrat', sans-serif;
   font-weight: normal;
   margin: 1em 0 0;
   color: rgb(10,10,10);
}







/* SUCHE */

.header-suchfeld {
	display: flex;
	position: relative;
	right: 0px;
	top: 10px;
}


.header-suchfeld::before {
	font-family: 'themify';
	content: "\e610";
	margin-top: 5px;
	margin-right: 3px;
}



    .search_it-form {
        box-sizing: border-box;
        font-size: 1rem;
        font-family: 'Montserrat', sans-serif;
        max-width: 640px;
        padding: 1rem;
        margin: -1rem;
        display: block;
		padding-bottom: 4rem;
    }

.header-suchfeld .search_it-form {padding-bottom: 0;}

    .search_it-form fieldset {
        display: flex;
        padding: 0;
        margin: 0;
        border: 0;
    }
    .search_it-flex {
        display: flex;
        padding: 0;
        margin: 0;
        border: 0;
    }
    .search_it-form legend, label {
        display: none; 
    }
    .search_it-flex > * {
        flex: 2 2 200px;  
    }
    .search_it-flex > .search_it-button {
        flex: 1 1 100px;  
    }

    .search_it-form input:focus::-webkit-input-placeholder{
      color: transparent;
    }
    .search_it-form input:focus::-moz-placeholder {
      color: transparent;
    }
    .search_it-form input:focus:-ms-input-placeholder {
      color: transparent;
    }
    .search_it-form input:focus:-moz-placeholder {
      color: transparent;
    }

input {border: 0 none; border-bottom: 1px solid #000; background: transparent;}




    .search_it-modul {
        box-sizing: border-box;
        font-size: 1em;
        font-family: 'EB Garamond', serif;
		max-width: 80%;
        padding: 0;
    }
    .search_it-demotitle {
        font-size: 1.2rem;
        font-weight: bold;
        /* border-bottom: 1px solid  rgba(0,0,0,0.2); */
        margin-bottom: 2rem;
    }
    .search_it-results {
        padding: 0;
        margin: 0;
    }
    .search_it-result {
        padding: 0 0 .5em 0;
        margin: 1rem 0;
        list-style-type: none;
        list-style-position: inline;
    }
    .search_it-title,
    .search_it-title a {
        font-weight: bold;
        color: rgba(0,0,0,0.7);
    }

    .search_it-result .search_it-teaser {
        color: rgba(0,0,0,0.7);
		font-size: 1em;
		line-height: 1em;
		margin: .5em 0;
    }
    .search_it-result .search_it-url {
		font-size: 1em;
		line-height: 1em;
		margin: .25em 0;
        color: rgba(0,0,0,0.4);
    }
    .search_it-missing_type,
    .search_it-zero {
        background: rgba(180,0,0,0.05);
        padding: 1rem;
        border: 1px solid rgba(255,0,0,0.7);
        margin: 1rem 0;
        color: rgba(255,0,0,0.7);
    }
    .search_it-request,
    .search_it-type {
        font-weight: bold;
    }

	.highlight {font-weight: 600; background: #ddd; padding: 0 2px !important;}
		.search_it-button {display: none;}






.hardfacts p {font-size: 1em;}




/* FOOTER */
section#footer, #footer {position: relative; margin-top: 60px;}

section#footer > h2 {margin-bottom: 0;}
section#footer ul li::before {content: "";}
section#footer ul li {margin-top: -.375em;}
section#footer ul li a {float: left; margin-right: 2em; font-size: .9em; border-bottom: 0;}
section#footer ul li.active a {border-bottom: 1px solid rgb(10,10,10);}

section#footer .copyright {float: left; margin-top: 4px; margin-right: 0; font-size: 1.125em;}




span.caps {padding: 0;}









/* MEDIAQUERIES */


@media only screen and (max-width: 280px) {
	.menu-wrapper {width: 240px;}
	.menu-maillink,
	.menu-reservierung,
	.menu-galerie {display: block;}

	/* PROJEKT ISOTOPE */
	.grid-sizer,
	.grid-item, .item {width: 100%;}

    #logo h1 {font-size: 1em;}
}


@media only screen and (min-width: 321px) {
	/* #navigation {margin-top: .25em;} */
}


@media only screen and (max-width: 374px) {
	.menu-wrapper {width: 300px;}
	.menu-maillink,
	.menu-reservierung,
	.menu-galerie {display: block;}


	/* PROJEKT ISOTOPE */
	.grid-sizer,
	.grid-item, .item {width: 100%;}

    #logo h1 {font-size: 1.125em;}
}


@media only screen and (min-width: 375px) {
	.menu-wrapper {width: 352px;}
	.menu-maillink,
	.menu-reservierung,
	.menu-galerie {display: block;}


	/* PROJEKT ISOTOPE */
	.grid-sizer,
	.grid-item, .item {width: 100%;}

    #logo h1 {font-size: 1.375em;}
}



@media only screen and (min-width: 431px) {
/*
	.menu-wrapper {width: 388px;}
	.menu-maillink,
	.menu-reservierung,
	.menu-galerie {display: block;}
*/

	#togglebutt {margin: -34px 30px 0 0;}
	#lang-nav {right: 20px;}
/*
	.grid-sizer,
	.grid-item, .item {width: 100%;}

    #logo h1 {font-size: 1.675em;}
*/
}





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


	#topnav {display: none;}

   .span_12_of_12,
   .span_11_of_12,
   .span_10_of_12,
   .span_9_of_12,
   .span_8_of_12 {width: 100%;}

   .span_7_of_12,
   .span_6_of_12,
   .span_5_of_12,
   .span_4_of_12,
   .span_3_of_12,
   .span_2_of_12,
   .span_1_of_12 {width: 100%;}

	.menu-wrapper {width: 388px;}
	.menu-maillink,
	.menu-reservierung,
	.menu-galerie {display: block;}



	/* PROJEKT ISOTOPE */
	.grid-sizer,
	.grid-item, .item {width: 100%;}
}




@media only screen and (min-width: 990px) {

   .span_12_of_12,
   .span_11_of_12,
   .span_10_of_12,
   .span_9_of_12,
   .span_8_of_12 {width: 100%;}

   .span_7_of_12,
   .span_6_of_12,
   .span_5_of_12,
   .span_4_of_12,
   .span_3_of_12,
   .span_2_of_12,
   .span_1_of_12 {width: 50%;}

	/* #menu-main-navigation {display: block;}
	.navi h2, .navi a {display: block;} */

	#navigation {
		display: block;
		float: none;
		width: 15.375%;
		height: 1.5em;
		margin-top: .25em; 
		background: #000;
	}

	#topnav {
		float: left;
		display: block;
		z-index: 10000;
		top: 0;
		left: 0;
		width: 100%;
	}

	#topnav.showme {display: block !important;}
	#togglebutt {display: none;}

	#topnav a {float: left;}

	#nav {
		position: relative;
		left: 100%;
		top: 0;
		float: left;
		width: 500%;
		font-size: 1.5em;
	}

	.header-suchfeld {
		position: absolute;
		right: 13%;
		margin-top: 21px;
		top: 50px;
		/* border: 1px solid red; */
	}

	.header-suchfeld::before {margin-top: 5px;}

	#lang-nav {
		position: absolute;
		right: 4.5%;
		float: right;
		text-align: right;
		font-size: 1.5em;
		width: auto;
		margin-top: 18px;
	}
	#nav li, #lang-nav li {display: inline;}
	#nav li a, #lang-nav li a {float: left; margin-right: 12px; margin-left: 18px; margin-bottom: 0; line-height: 1.375em;}
	#topnav li ul {display: none;}

	#menu-filter-navigation {display: block;}
	

    #logo h1 {font-size: 2em;}


   h1, h2 {font-size: 2em; line-height: 1.25em; max-width: 95%;}
   h3 {font-size:1.5em; line-height: 1.5em;margin: 1.75em 1.375em 0 0; max-width: 90%;}
   .teaser ul {margin: 0 2em 1.5em 2em;}
   .imageline img {width: 90%; margin: 0 5%; display: block;}
   .group {padding:0 2em 1.5em;}
   .group.fullwidth {padding: 0;}
   .imageline .group {padding:0 2em;}


	/* PROJEKT ISOTOPE */

	.isotope {
		display: table;
		width: 85%;
		top: 180px;
		margin-left: 16%;
		padding-bottom: 3em;
	}

	.grid-sizer,
	.grid-item,
    .item {width: 49%;}

    @-moz-document url-prefix() {
        .isotope  {
            width: 100%;
        }
    }
    .grid-sizer { width: 49%; }
    .grid-item,
    .item { width:48.5%; margin: 0.25%;}
	/* .item.hero {width: 64.666666%;} */

	.grid-item-with-1 {width: 32%; margin-bottom: 1em;}
	.grid-item-with-2 {width: 62%; margin-bottom: 1em;}
	.grid-item-with-2 p {margin-right: 1.5em;}
	.grid-item-with-3 {width: 95%; margin-bottom: 1em;}


	/* PUBLIKATION ISOTOPE */
	.grid-sizer-pub,
	.grid-item-pub {width: 32.333333%;}
	.grid-item-pub--width2 {width: 65.666666%;}

	.stamp {margin-right: 2%;}
	.stamp.desktop {display: block;}
	.stamp.mobile {display: none;}



	.footer .group div.col.span_2_of_12 {width: 16.66666666666666%;}
}



@media only screen and (min-width: 1025px) {
   
   .span_12_of_12 {width: 100%;}
   .span_11_of_12 {width: 91.66666666666663%;}
   .span_10_of_12 {width: 83.3333333333333%;}
   .span_9_of_12 {width: 75%;}
   .span_8_of_12 {width: 66.66666666666664%;}
   .span_7_of_12 {width: 58.33333333333331%;}
   .span_6_of_12 {width: 50%;}
   .span_5_of_12 {width: 41.66666666666665%;}
   .span_4_of_12 {width: 33.33333333333332%;}
   .span_3_of_12 {width: 25%;}
   .span_2_of_12 {width: 16.66666666666666%;}
   .span_1_of_12 {width: 8.33333333333333%;}

 	#lang-nav {right: 5.5%;}

   /* PROJEKT ISOTOPE */
    @-moz-document url-prefix() {
        .isotope  {
            width: 100%;
        }
    }
    .grid-sizer { width: 32.333333%; }
    .grid-item,
    .item { width:31.666666%; margin: 0.333333%;}
	.item.hero {width: 64.666666%;}

	.grid-item-with-1 {width: 32%; margin-bottom: 1em;}
	.grid-item-with-2 {width: 62%; margin-bottom: 1em;}
	.grid-item-with-2 p {margin-right: 1.5em;}
	.grid-item-with-3 {width: 95%; margin-bottom: 1em;}

	.stamp {margin-right: 3%;}

    section#footer .copyright {float: right;}
	
}


@media only screen and (min-width: 1400px) {

	.header-suchfeld {right: 12%;}
	#lang-nav {right: 6.25%;}

	/* PROJEKT ISOTOPE */
    @-moz-document url-prefix() {
        .isotope  {
            width: 100%;
        }
    }
    .grid-sizer { width: 24%; }
    .grid-item,
    .item { width:23.5%; margin: 0.25%;}
	.item.hero {width: 47.5%;}
	.grid-item-with-1 {width: 32%; margin-bottom: 1em;}
	.grid-item-with-2 {width: 62%; margin-bottom: 1em;}
	.grid-item-with-2 p {margin-right: 1.5em;}
	.grid-item-with-3 {width: 95%; margin-bottom: 1em;}

     section#related.grid-item-with-3,
     section#footer.grid-item-with-3 {width: 95.9%;}

	.stamp {margin-right: 4%;}

}

@media only screen and (min-width: 1600px) {

}






/**
 * 15.0 - Print
 */

@media print {
	form,
	button,
	input,
	select,
	textarea,
	/* header,
	#logo,
    #togglebutt,
	#topnav,*/
    .filter-menu {
		display: none;
	}

	body,
	blockquote cite,
	blockquote small,
	pre,
    .kacheltext,
	.isotope h4,
	.isotope h5,
	.isotope h6,
	.isotope h4,
    .grid-item p {
		font-size: 12pt;
	}

	blockquote {
		font-size: 12pt;
	}

	.isotope h2 {
		font-size: 12pt;
	}

	h1 {
		font-size: 12pt;
		line-height: 1.2727272727;
		margin-bottom: 1.696969697em;
	}

	h2, .item h2  {
		font-size: 12pt;
		line-height: 1.304347826;
		margin-bottom: 1.826086957em;
	}





    .bild-text {
		font-size: 9.75pt;
	}

	body {
		background: none !important; /* Brute force since user agents all print differently. */
	}

	body {
		color: #1a1a1a !important; /* Make sure color schemes don't affect to print */
	}


	blockquote,
	.site-description,
	body:not(.search-results) .entry-summary,
	body:not(.search-results) .entry-summary blockquote,
	.author-bio,
	.entry-footer,
	.entry-footer a,
	.sticky-post,
	.taxonomy-description,
	.entry-caption,
	.comment-author,
	.comment-metadata a,
	.comment-notes,
	.comment-awaiting-moderation,
	.site-info,
	.site-info a,
	.wp-caption .wp-caption-text,
	.gallery-caption,
    .bild-text  {
		color: #686868 !important; /* Make sure color schemes don't affect to print */
	}

	code,
	hr {
		background-color: #d1d1d1 !important; /* Make sure color schemes don't affect to print */
	}

	pre,
	abbr,
	acronym,
	table,
	th,
	td,
	.author-info,
	.comment-list article,
	.comment-list .pingback,
	.comment-list .trackback,
	.no-comments {
		border-color: #d1d1d1 !important; /* Make sure color schemes don't affect to print */
	}

	a {
		/* color: #007acc !important; Make sure color schemes don't affect to print */
	}

	#wrapper {
		margin: 5%;
	}

 h1, h2 {font-size: 2em; line-height: 1.25em; max-width: 95%;}
   h3 {font-size:1.5em; line-height: 1.5em;margin: 1.75em 1.375em 0 0; max-width: 90%;}
   .teaser ul {margin: 0 2em 1.5em 2em;}
   .imageline img {width: 90%; margin: 0 5%; display: block;}
   .group {padding:0 2em 1.5em;}
   .group.fullwidth {padding: 0;}
   .imageline .group {padding:0 2em;}




	/* PROJEKT ISOTOPE */

	.isotope {
		display: table;
		width: 85%;
		top: 180px;
		margin-left: 16%;
		padding-bottom: 3em;
	}

	/* PUBLIKATION ISOTOPE */
	.grid-sizer-pub,
	.grid-item-pub {width: 32.333333%;}
	.grid-item-pub--width2 {width: 65.666666%;}

   .span_12_of_12 {width: 100%;}
   .span_11_of_12 {width: 91.66666666666663%;}
   .span_10_of_12 {width: 83.3333333333333%;}
   .span_9_of_12 {width: 75%;}
   .span_8_of_12 {width: 66.66666666666664%;}
   .span_7_of_12 {width: 58.33333333333331%;}
   .span_6_of_12 {width: 50%;}
   .span_5_of_12 {width: 41.66666666666665%;}
   .span_4_of_12 {width: 33.33333333333332%;}
   .span_3_of_12 {width: 25%;}
   .span_2_of_12 {width: 16.66666666666666%;}
   .span_1_of_12 {width: 8.33333333333333%;}

 	#lang-nav {right: 5.5%;}

   /* PROJEKT ISOTOPE */
   .grid-sizer,
   .grid-item,
   .item {width: 32.333333%;}
   .item.hero {width: 64.666666%;}

	.grid-item-with-1 {width: 32%; margin-bottom: 1em;}
	.grid-item-with-2 {width: 62%; margin-bottom: 1em;}
	.grid-item-with-2 p {margin-right: 1.5em;}
	.grid-item-with-3 {width: 95%; margin-bottom: 1em;}

	.stamp {margin-right: 3%;}

    section#footer .copyright {float: right;}

}