/*
Theme Name: D21
Author: Francis Hunger
Author URI: http://www.design-hunger.com
Description: Handtaylored for D21. Responsive, clean.
Text-Domain: twentyeleven
Version: 1
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	border:0;
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	margin:0;
	outline:0;
	padding:0;
	vertical-align:baseline;
}

:focus { /* remember to define focus styles! */
	outline:0;
}

body {
	background:#fff;
	line-height:1;
}

ol,ul {
	list-style:none;
}

table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse:separate;
	border-spacing:0;
}

caption,th,td {
	font-weight:400;
	text-align:left;
	vertical-align: top;
}

tr {
	vertical-align: top;
}

td {
	padding:1rem;
	font-size:2.08vw;
	}


blockquote:before,blockquote:after,q:before,q:after {
	content:"";
}

blockquote,q {
	quotes:"" "";
}

a img {
	border:0;
}

article,aside,details,figcaption,figure,footer,header,menu,nav,section {
	display:block;
}

em {
	font-style:italic;
}

/* =Structure
----------------------------------------------- */
/* Faktor:16,66 -------->      70px=5vw        54px=3.75vw        40px=2.8vw     30px=2.08vw Fliesstext    19px 1.3vw   */
html {
	overflow-y:scroll; /* forciert Scrollbalken auf kurzen Seiten */
	height:100.1%; /* forciert Scrollbalken auf kurzen Seiten  */
}

body {
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

#top {
	position:fixed;
	display:inline-block;
	top:0;
	overflow:visible;
	z-index:9999;
	width:calc(100% - 2.8vw);
	height:10.5vw;
	background:#fff;
}

#branding {
	width:20%;
/* entspricht #left */
	float:left;
	height:auto;
	display:block;
	z-index:9999;
}

#navi {
	padding-top:1.1vw;
	width:calc(100% - 2.8vw); /* 100% - #right */
	z-index:9999;
}

.social.largescreen {
	width: 6vw;
	display: flex;
	right: 0;
	position: absolute;
}

.social.smallscreen {
	display: none;
}

.social img {
	width: 2vw;
	height:auto;
	margin:0 0.4vw 0 0;
}

.social img.instagram {
	margin-right:1.2vw;
}

.social img.instagram:hover {
	transform: rotate(10deg);
}

.social img.facebook:hover {
	transform: rotate(10deg);
}



#left {
	width:19%;
	z-index:8888;
	margin-top:12vw;
}

#page {
	display:block;
	width:100%;
	overflow:hidden;
}

.home #page {
	display:flex;
}

#main {
	z-index:8888;
	margin:12vw 9vw 0 3vw;
	width:auto;
}

.single-ausstellung #main,.single-publikation #main,.single-veranstaltung #main,.archive #main,.page #main {
	margin-right:calc(20% - 16.5vw);
}

.home #main {
	width:calc(80% - 2.8vw); /* 100% - #right */
	max-width:calc(1920px - 2.8vw); /* ultra-large screens */
	margin-left:calc(20% - 19.5vw);
}

#right {
	width:2.8vw;
	z-index:9000;
	position:fixed;
	top:0;
	right:0;
	height:100vw;
}

.fullwidth { /* mainly used for Foerderer */
	border-top:1px solid #000;
	width:87%;
	padding:3vw 0 6vw;
	margin-top: 6vw;
}

.english {
	padding:0 0 6vw;
}

/* error404 */
.error404 #primary {
	float:none;
	margin:0;
}

.error404 #primary #content {
	margin:0 7.6%;
	width:auto;
}

/* Alignment */
.alignleft {
	display:inline;
	float:left;
	margin-right:1.625em;
}

.alignright {
	display:inline;
	float:right;
	margin-left:1.625em;
}

.aligncenter {
	clear:both;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.wp-caption {
    /* Force the captions box to be 100% */
    width: 100% !important;
  }

/* =Global
----------------------------------------------- */
body,input,textarea {
	font:1em "Agipo Regular",Agipo,Arial,sans-serif;
	color:#000;
	background:#fff;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear:both;
	font-size:2.8vw;
	border-bottom:2px solid #000;
	display:inline-block;
	margin-bottom:2.8vw;
	margin-top:2.8vw;
	line-height:1;
	letter-spacing:-0,01em;
}

h1:first-child {
	margin-top:0;
}

.page-id-8 h2 {
	border-bottom:none; /* Über Uns */
}

/* Text elements */
p {
	margin-bottom:2.08vw;
	font-size:2.08vw;
	line-height:1.2;
}

#page p,#page h1,#page h2,#page h3,#page h4,#page h5,#page h6 {
	max-width:58vw;
}

ul,ol {
	margin:0 0 1.625em 2.5em;
}

ul {
	list-style:none;
	margin:0;
	margin:0;
	margin:0;
}

hr {
	margin:1rem 0;
	border-bottom:solid 2px #000;
}

/* === Links === */
a,a:link,a:active,a:visited {
	color:#000;
	text-decoration:none;
}

a:hover,a:focus {
	font-style:italic;
}

/* = Page Structure 
----------------------------------------------- */
#site-title {
	font-size:9.7vw;
	letter-spacing:-.4rem;
	display:table;
	margin:0 auto;
}

#site-title a:hover {
	text-decoration:none;
	border:none;
}

#site-title .logod {
	letter-spacing:-.6rem;
}

#jahresthema {
	/*display:flex;*/
	border:2px solid #000;
	margin:0 2vw 1.5vw 2.9vw;
	position: relative;
	padding:1.5vw 0;
}

.single #jahresthema {
	position:relative;
	margin:3vw 1.3vw 0;
}

.single-ausstellung #jahresthema {
	position:relative;
	margin:3vw 1.3vw 0 0;
}

a #jahresthema {
	color:#000;
	background-color:#fff;
	font-style:italic; /* background-color wird via custom field festgelegt */
}

.rotate img {
	width: 100%!important;
	height: 32vw !important; /* same as #jahresthema */
}



#inbetween {
	display:none;
	height:0;
	width:0;
	margin:0;
}

#newsletter {
	display:block;
	position:relative;
	height:100vh;
	border-left:2px solid #000;
	background: white;
}

a:hover #newsletter {
	background-color:#a532fb; /* violet */
	color:#000;
}

.nrotate {
	position:absolute;
	left:50%;
	top:50%;
	transform:rotateZ(270deg) translateX(-50%) translateY(-50%);
	transform-origin:0 0;
}

.nrotateinner {
	font-size:2.8vw;
	font-style:italic;
	margin-top:.5rem; /* Abstand zwischen Buchstaben und Linie */
}

.credits {
	font-size:1vw;
	width:17.6vw;
}

/* =Homepage
----------------------------------------------- */
article.homepage {
	padding-bottom:1rem;
	margin-bottom:1rem;
	border-bottom:3px solid #000;
}

article.homepage:last-child {
	border: none;
}


.homepage a:hover {
	color:#000;
}

.homepage a:hover .beschriftung {
	color:#0047ff;
	font-style:italic;
}

.homepage a:hover .kunstlerin {
	font-style:italic;
}

.homepage a:hover h1 {
	font-style:normal;
}

.beschriftung {
	font-size:2.8vw;
	line-height:1;
	margin-bottom:0;
	color:#0047ff;
}

.laufzeit,.kunstlerin {
	font-size:3.75vw;
	line-height:1;
	margin:0;
}

.laufzeit {
	white-space:nowrap;
	margin:0;
}

.laufzeit span {
	margin-left:1rem;
}

.opencall .laufzeit {
	font-size:2.08vw;
}

.jahresthema h1,.homepage h1,.archive h1 {
	font-size:3.75vw;
	line-height:1;
	letter-spacing:-.03em;
	font-style:italic;
	margin:0; /* overwrites normal h1 */
	border:none;
}

/* OVERLAY */
.overlayimage-front img {
	width:16vw;
	height:auto;
	display:block;
}

.overlayimage {
	background-color:transparent;
	opacity:0;
	position:absolute;
	right:20%;
	box-shadow:4px 4px 6px 0 rgba(0,0,0,0.75);
}

article.homepage:hover > .overlayimage {
	opacity:1;
}

.overlayimage-inner {
	position:relative;
	width:100%;
	height:100%;
}

/* .overlayimage:hover .overlayimage-back {
	opacity:1;
}

.overlayimage-back {
	width:100%;
	height:100%;
	background-color:#0047ff;
	color:#fff;
	opacity:0;
	position:absolute;
	display:flex;
	align-items:center;
	justify-content:center;
}     

.overlayimage:hover .overlayimage-front {
	opacity:0;
}


---- entfernt 15.7. lt. Asana */ 

.home .credits {
	font-size:2vw;
	text-align:center;
	word-wrap: anywhere;
}



.overlayimage-front {
	opacity:1;
	width:100%;
	height:100%;
}

.fluid-width-video-wrapper {
	margin:2rem 0;
}

/* Taxonomien Übersicht - Archive Pages */
.archive article {
	padding-bottom:1rem;
	margin-bottom:1rem;
	border-bottom:3px solid #000;
}

.post-type-archive-jahresthema {
	margin-bottom:6rem;
}

.post-type-archive-jahresthema #jahresthema {
	float:left;
	margin:.2vw;
	position:relative;
	width: 17%;
}

.post-type-archive-jahresthema #jahresthema .rotateinner {
	font-size:9vh;
	width:calc(100vh - 15.4rem);
	max-width:1000px; /* ultra-large screens */
	margin:0 auto;
	display:block;
	text-align:center;
}

.leftmargin {
	flex-basis:20vw;
}

.centermargin {
	flex-basis:55vw;
	padding-bottom:1rem;
	margin-left:5vw;
	border-bottom:3px solid #000;
}

article:last-of-type .centermargin {
	border:none;
}

.archive .centermargin {
	margin-left:0;
}

.single .entry-content {
	margin:3rem 0 0;
}

article ul {
	list-style: disc;
	font-size: 2.08vw;
	margin-bottom: 0.5rem;
	margin-left: 1.8rem;
}

/*** Jahresthema ***/
.single-jahresthema #main {
	margin-left:3vw;
}

h1.entry-title {
	font-size:5vw;
}

.single-jahresthema #context li {
	border-bottom:2px #000 solid;
	margin-bottom:1rem;
	padding-bottom:1rem;
}

.single-jahresthema #context .beschriftung {
	color:#fff;
}

.single-jahresthema #context h1 {
	margin:0;
	border:0;
	font-size:3.75vw;
	font-style:italic;
}

.single-jahresthema #context .kunstlerin {
	font-style:italic;
}

.detail.english a {
	color:#0047ff;
}

/*** Ausstellungen, Publikation ***/
.leftmargin img {
	width:20vw;
	height:auto;
}

.publikation .leftmargin img {
	width:14vw;
	box-shadow: 4px 4px 6px 0 rgba(0,0,0,0.75);
}

.publikation .leftmargin {
	flex-basis:16.4vw;
}

.single .centermargin {
	flex-basis:57vw;
	margin-left:3vw;
	border-bottom:0;
}

.single-ausstellung article,.single-publikation article,.single-veranstaltung article,.single-festival article, .page-template-page-fotoscene article {
	display:flex;
	border:none!important;
	margin-top:3vw;
}

.post-type-archive-publikation article {
	display:flex;
	border:none!important;
}

/* Alle Artikel */
.entry-content a {
	border-bottom:none;
}

.entry-content a:before {
	content:"\2192\202F";
}

.entry-content a.soliloquy-prev:before,.entry-content a.soliloquy-next:before {
	content:"";
}

.entry-content a:hover {
	border-bottom:none;
	font-style:italic;
}

.post-type-archive a:hover h1 {
	font-style:normal;
}

.single-ausstellung h2.laufzeit,.single-ausstellung .subtitle,.single-veranstaltung h2.laufzeit,.single-veranstaltung .subtitle, .single-festival .subtitle {
	margin:0;
	display:block;
	border:none;
	font-size:2.8vw;
}

.single-ausstellung h1.entry-title,.single-publikation h1.entry-title,.single-veranstaltung h1,.single-residenz h1,.single-opencall h1, .single-festival h1 {
	margin:0;
	display:block;
	border:0;
}

.type-ausstellung .detail,.type-publikation .detail,.type-veranstaltung .detail, .type-opencall .detail, .type-festival .detail  {
	margin:0;
	display:block;
	font-size:1.3vw;
	width:75%;
	border-bottom:1px #000 solid;
	margin-bottom:.4rem;
	padding-bottom:.4rem;
}

.detail li {
	list-style: none;
}

.foerderer p, .kooplogos p {
	font-size:1.3vw;
}

.foerderung h1, .foerderung h2, .foerderung h3, .foerderer p, .kooperation h1, .kooperation h2, .kooperation h3 {
	font-size:1.3vw;
	margin-bottom:0;
	margin-top:1.3vw;
	text-decoration:none;
	border:none;
}

.foerdererlogos, .kooplogos {
	display:flex;
	margin-top:1.4vw;
}

.foerdererlogos p, .kooplogos p {
	margin-bottom:0;
}

.foerdererlogos img, .kooplogos img {
	height:5rem;
	width:auto;
	margin:1.3vw;
}

#jahresthema.largescreen {
	display:block;
}

#jahresthema.smallscreen {
	display:none;
}

/* Buchungskalender */

.buchoverlay {
  position: absolute;
  top: 0;
  /*bottom: 0;*/
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  padding-bottom: 20vw;
  
  
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index: 99999;
}
.buchoverlay:target {
  visibility: visible;
  opacity: 1;
}

.buchpopupinner {
  margin: 3vw auto;
  padding: 3vw;
  background: #fff;
  border-radius: 0;
  width: 80%;
  position: relative;
  transition: all 5s ease-in-out;
}

.buchpopupinner h2 {
  margin-top: 0;
  font-size: 3.75vw;
  
}

.buchpopupinner .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 3.75vw;
  font-weight: bold;
  text-decoration: none;
}

.buchpopupinner.close:hover {
  color: #06D85F;
}
.buchpopupinner .content {
  max-height: 30%;
  overflow: auto;
}

.box{
    width: 70%;
  }
.popup{
    width: 70%;
  }


.sbfieldCalendar  {
	margin:3.75vw 0 3.75vw 0;
	
}

.ui-datepicker, #fbuilder .slots  {
	font: 1.3vw "Agipo Regular",Agipo,Arial,sans-serif !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	border: 1px black solid;
}

#fbuilder .top_aligned .fields label{
	font: 1.3vw "Agipo Regular",Agipo,Arial,sans-serif !important;
}

#fbuilder .ui-datepicker-inline {
	max-width: none !important;
}

.ts_slot_availability{ display: block !important;} /* Kapazität anzeigen */

.ui-datepicker-calendar td {
	font: 1.3vw "Agipo Regular",Agipo,Arial,sans-serif !important;
	padding:0.4rem !important;
	
}

.ui-datepicker-unselectable .ui-state-default {
    background: white !important;
    color: rgba(223, 223, 223, 1) !important;

}


.ui-datepicker-calendar .ui-state-default {
	background: white !important;
}


.ui-datepicker td a {
	color: black !important;
}

.ui-datepicker-calendar .ui-state-active{
    background: black !important;
    color: white !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    border: none !important;
    position: relative;

}

.availableslot a {
	background-color: white !important;
}


.usedSlots {
	margin: 3.75vw 0;
	font-size: 3.75vw;
}

#fbuilder .slots .usedslot > a {
	color: white !important;
	background: black !important;
}


/* Page */
article.page h1 {
	font-size:2.08vw;
}

article.page h2, article.page h3 {
	font-size:2.08vw;
}


/* Newsletter Page */
#mailpoet_form_1 {
    font-size: 2.08vw;
}

.mailpoet_text {
    width: 100%!important;
    border: solid 2px black;
}

.mailpoet_submit {
	border: solid 2px black !important;
	padding: 1rem 1rem 0.8rem 1rem !important;
}

.mailpoet_submit:hover {
	transform: rotate(-10deg);
}

.mailpoet_form {
	padding: 0 !important;
	width: 50%;
}



/* =Menu
-------------------------------------------------------------- */

ul.menu {
	display:block;
	width:100%;
	position:relative;
	text-align:left;
	color:black;
}

ul.menu li {
	float:left;
	width:auto;
	padding-right:2.8vw;
	font-size: 2.8vw;
}

ul.menu li a {
	width:auto;
	text-decoration:none;
}

ul.menu li:hover {
	font-style:italic;
}

/* Sub Menu */
ul.sub-menu {
	display:none;
	position:absolute;
	left:20.4%;
	/* width:79.6%; */
	background:#fff;
	width: 100%;
}

li:hover ul.sub-menu {
	display:block!important; /* blendet sub menü bei hover über parent ein */
}

ul.sub-menu li a {
	color:#0047ff;
}

ul.sub-menu li {
	font-style:normal;
	padding-right:2rem;
}

ul.sub-menu li.current-menu-item {
	font-style:italic;
}

ul.sub-menu li:hover {
	font-style:italic;
}</div>

/* Aktives Menu kursiv */
.current-menu-item,.current-menu-ancestor,.single-publikation .publikationen,.single-ausstellung .programm,.single-ausstellung .ausstellungen,.single-veranstaltung .veranstaltungen,.single-residenz .residenz.menu-item,.single-opencall .about,.single-opencall .opencalls {
	font-style:italic;
}

.current-menu-item ul.sub-menu,.current-menu-parent ul.sub-menu {
	display:block; /* show sub-menu - overwrites ul.sub-menu */
}

/* Zeigt untermenue bei Single custom posts */
.single-ausstellung .programm ul.sub-menu,.single-veranstaltung .programm ul.sub-menu,.single-opencall .about ul.sub-menu {
	display:block; /* show sub-menu - overwrites ul.sub-menu */
}

.postnavigation {
	margin:2.4vw 0 3.6vw;
	font-size:2.4vw;
	overflow:initial;
}

.postnavigation .right {
	float:right;
}

/* Burger Icon */
#toggle {
	display:none;
}

/* === Soliloquy Slider === */
.soliloquy-wrapper {
	/*max-width:70%!important;*/
}

.soliloquy-container {
	margin:6rem 0!important;
}

.soliloquy-container .soliloquy-image {
    max-height: 33vw!important;
}

/* dont show caption in video */
.soliloquy-video-caption .soliloquy-caption-inside {
	display:none!important;
}

/* dont show bullets for paging anywhere */
.soliloquy-control-paging {
	display:none!important;
}

/*Always show arrows */
.soliloquy-container .soliloquy-direction-nav { /*display:block!important;*/
}

.soliloquy-container .soliloquy-caption {
	bottom:auto!important; /* Captions */
}

.soliloquy-caption .soliloquy-caption-inside {
	display:block!important;
	position:relative!important;
	font-size:1.3vw!important;
	text-align:left!important;
	background:transparent!important;
	filter:none!important;
	-ms-filter:none!important;
	color:#000!important;
	line-height:1.1em!important;
	text-shadow:none!important;
	padding:1rem 0 0!important;
}

.soliloquy-next,.soliloquybox-next span {
	background:rgba(0,0,0,0) url(images/circleempty.svg) no-repeat scroll 50% 50%!important;
}

.soliloquy-next {
	right:-40px!important;
}

.soliloquy-prev,.soliloquybox-prev span {
	background:rgba(0,0,0,0) url(images/circleempty.svg) no-repeat scroll 50% 50%!important;
}

.soliloquy-prev {
	left:-40px!important;
}

.soliloquy-next:hover,.soliloquybox-next:hover span {
	background:rgba(0,0,0,0) url(images/circlefull.svg) no-repeat scroll 50% 50%!important;
}

.soliloquy-prev:hover,.soliloquybox-prev:hover span {
	background:rgba(0,0,0,0) url(images/circlefull.svg) no-repeat scroll 50% 50%!important;
}

.soliloquy-prev,.soliloquy-prev:hover,.soliloquy-next,.soliloquy-next:hover {
	text-decoration:none!important;
	border:none!important;
}

/*** Lightbox ***/
.soliloquy-supersize .soliloquybox-outer {
	background:rgba(255,255,255,1)!important;
}

.soliloquybox-close {
	width:20px;
	height:auto;
	background:rgba(0,0,0,0) url(images/cross.svg) no-repeat scroll 50% 50%!important;
	margin:1.3vw 1.3vw 0 0;
}

/* === Images === */
.entry-content img {
	max-width:34vw;
}

img[class*="align"],img[class*="wp-image-"] {
	height:auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

img.size-full {
	max-width:34vw;
}

img.alignleft,img.alignright,img.aligncenter {
	margin-bottom:1.625em;
}

/* Image borders */
img[class*="align"],img[class*="wp-image-"],#content .gallery .gallery-icon img { /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border:none;
}

a:focus img[class*="align"],a:hover img[class*="align"],a:active img[class*="align"],a:focus img[class*="wp-image-"],a:hover img[class*="wp-image-"],a:active img[class*="wp-image-"],#content .gallery .gallery-icon a:focus img,#content .gallery .gallery-icon a:hover img,#content .gallery .gallery-icon a:active img { /* Add some useful style to those fancy borders for linked images ... */
	border:none;
}

a.nonborder,a.nonborder:link,a.nonborder:hover,a.nonhover:active,a.nonhover:focus,a.slideshow-next,a:link.slideshow-next,a.slideshow-prev,a:link.slideshow-prev {
	border:none;
}

/* Images on Pages */
p a img {
	margin-left:5vw;
}

/* Zweier Galerie */
.gallery img {
	width:34vw;
	height:auto;
}

.gallery {
	width:100%;
	margin-bottom:2.8vw!important;
	margin-left:2.8vw!important;
}

.gallery-item {
	margin-top:1rem!important; /* overwrites wordpress inline styles */
	margin-right:1rem!important; /* overwrites wordpress inline styles */
	text-align:left!important; /* overwrites wordpress inline styles */
	width:auto!important; /* overwrites wordpress inline styles */
}

.gallery-caption {
	display:none;
}

/* Lightbox */
.featherlight .featherlight-close-icon {
	width:60px!important;
	height:60px!important;
}

.featherlight:last-of-type {
	background:rgba(0,0,0,.5)!important;
}

.featherlight .featherlight-content {
	padding-bottom:4rem!important; /* Abstand zwischen Bild und Caption */
	background:none!important;
}

.featherlight .featherlight-content .caption {
	font-weight:400!important;
	overflow:visible!important;
	white-space:normal!important;
	background:#000;
	padding:.4rem;
	position:fixed!important;
	text-align:center!important;
	left:0;
	bottom:0;
	z-index:9999;
}


/* Streaming Player
----------------------------------------------- */
.airtime-player {
	width:100%;
	
	color:white;
}


/* =error404
----------------------------------------------- */
.error404 #main #searchform {
	background:#f9f9f9;
	border:1px solid #ddd;
	border-width:1px 0;
	margin:0 -8.9% 1.625em;
	overflow:hidden;
	padding:1.625em 8.9%;
}

.error404 #main #s {
	width:95%;
}

/* =Footer
----------------------------------------------- */
footer {
	padding: 3vw 3vw 3vw 3vw;
	width: auto;
	background: black;
	color: white;
	font-size: 1.3vw;
	display: flex;
	margin: 3vw 0 0 0;
}

footer p {
	font-size: 1.3vw;
}


footer ul.menu li a, footer ul.menu li a:link, footer ul.menu li a:active, footer ul.menu li a:visited, footer div a, footer div a:link {
	color:white;
	font-size: 1.3vw;
	}
	
footer ul.menu {font-size:1.3vw}

.col3-1,.col3-2,.col3-3,.col3-4 {
	width:25%;
	padding:1.25em 0;
	word-wrap:break-word;
}



/* =Responsive Structure ----------------------------------------------- */
/*  compare http://www.websitedimensions.com/ */
/* large screens */
@media only screen and (max-width: 1100px) {

}

/* Ipad mit 768 px Breite */
@media only screen and (max-width:768px) {
	.home #main {
		margin-top: 0.6rem;
		}
	
	#site-title {
		letter-spacing:-.2rem;
	}
	
	#site-title .logod {
		letter-spacing:-.3rem;
	}
	
	#top {
		/* background-color: transparent; */
	}
	
	.type-ausstellung .detail,.type-publikation .detail,.type-veranstaltung .detail {
		font-size:1.2rem;
	}
	
	.beschriftung {
		font-size:1.2rem;
	}
	
	.jahresthema h1,.homepage h1,.archive h1,.laufzeit,.kunstlerin {
		font-size:1.4rem;
		margin-bottom:0;
	}
	
	p {
		font-size:3vw;
	}
	
	#page p, #page h1, #page h2, #page h3, #page h4, #page h5, #page h6 {
    max-width: 100%;
	}
	
	img.size-full {
    	max-width: 70vw;
	}
	
	#jahresthema.largescreen {
		display:none;
	}

	#jahresthema.smallscreen {
		display:block;
		width: 70vw;
	}
	
	#jahresthema.smallscreen img{
		display: block;
		width: 50vw;
		margin:0 auto;
	}
	
	#jahresthema.smallscreen img.size-full {
    	max-width: unset;
	}
	

	
	
	/* Hamburger Menu */
	#popout {
		position:absolute;
		height:calc(100vh - 4.6rem);
		width:100%;
		background:#fff;/*rgba(255, 255, 0, 1) */
		top:4.6rem;
		left:-800px;
		overflow:auto;
		display: none; /* ! */
	}
	
	.social.largescreen {
	    width: 10.6vw;
	    top: 1.75rem;
	}
	
	.social.largescreen img {
		width: 1.4rem;
	}
	
	#toggle {
		display:block;
		float:right;
		z-index:12000;
		width:10.6vw;
		height:10.6vw;
		font-size:2rem;
		margin-right:.5rem;
		margin-top:.8rem;
	}
	
	#toggle img {
		width:1.4rem;
		height:auto;
	}
	
	#toggle img.inactive {
		display:none;
	}
	
	ul.menu {
		display:inline;
		width:auto;
	}
	
	ul.menu li {
		padding:1.2rem;
		text-align:center;
		width:calc(100% - 2.4rem); /* - padding */
		border-bottom:2px solid #000;
	}
	
	ul.menu li:hover {
		font-style:italic;
	}
	
	ul.menu li a {
		color:#000;
		text-decoration:none;
		font-size:2.4rem;
		padding:.2rem 0;
	}
	
	ul.menu li ul {
		visibility:visible;
	}
	
	ul.sub-menu {
		position:relative;
		left:unset;
		display:block;
	}
	
	ul.sub-menu li {
		width:99%;
		border:none;
		padding:.3rem 0;
	}
	
	/*li.about ul.sub-menu li:last-child {
		margin-bottom:9rem;
	}/* erlaubt scrolling */
	
	li.about:last-child {
		margin-bottom:9rem;
	}/* erlaubt scrolling */
	
	
	ul.sub-menu li a {
		border-bottom:none;
		color:#0047ff;
		text-decoration:none;
		font-size:1.7rem;
		padding:0;
	}
	
	.post-type-archive-jahresthema #jahresthema {
		float:none;
		padding: 0;
		margin: 2vw 0;
	}
	
	.post-type-archive-jahresthema #jahresthema img {
		width:  80vw !important;
		height: 35vw !important;
		display: block;
		max-width: unset;
		margin: 0 auto;
	}
	
	
	.fullwidth {
	    width: 100%;
		margin-top: 3rem;
	}
}

@media only screen and (max-width: 455px) {
	/* Mobile Phone*/
	body {
		font-family:"Agipo Regular";
	}
	
	#site-title {
		letter-spacing:0;
		font-size:4rem;
		background:transparent;
	}
	
	#main {
		width:calc(100% - 2.4rem)!important;
		margin-top:5rem;
		margin-right:0;
		margin-left:0;
		padding:0 1.2rem;
	}
	
	#top {
		height: 5rem;
	}
	
	#branding {
		margin-left:1rem;
	}
	
	#navi {
		width:auto;
		padding:0;
	}
	
	#popout {
		width: 100vw;
	}
	
	article.homepage,.archive article {
		border-bottom:2px solid #000;
	}
	
	.social.largescreen {
		display:none;
	}
	
	.social.smallscreen {
		width: 4rem;
		display: flex;
		position: relative;
		margin:2rem auto;
	}
	
	.social img {
    	width: 1.8rem;
    }
	
	/* Homepage */
	.home #left {
		display:none;
		width:0;
	}
	
	.home #page {
		display:block;
	}
	
	.home #inbetween {
		display:block;
		height:auto;
		width:calc(100% - 2.4rem - 4px);
		margin:0 auto 5rem auto;
	}
	
	.home #main {
		margin-top:5rem;
		margin-right:0;
		margin-left:0;
		padding:0 1.2rem;
	}
	
	#jahresthema {
		position:relative;
		height:auto;
		border:2px solid #000;
		margin:0;
		width: auto;
		padding: 0 1.5rem;
	}
	
	.single-jahresthema #main {
		margin-left:0;
	}
	
	.home #right {
		width:100%;
		border-left:none;
		position:fixed;
		height:60px;
		background-color:#a532fb;
		margin-top:2rem;
		bottom: 0;
		top: unset;
	}
	
	#newsletter {
		height:auto;
		border:none;
		padding-top:0.6rem;
		border-top:2px solid #000;
		background: white;
	}
	
	.nrotate{
		position:relative;
		transform:unset;
		left:unset;
		top:unset;
		display:flex;
		align-items:center;
		justify-content:center;
		/*padding:1.5rem;*/
	}
	
	.nrotateinner{
		font-size: 1.7rem;
	}
	
	.credits {
		font-size:80%;
		width:100%;
	}
	
	/* Homepage Flyover */
	article.homepage:hover > .overlayimage {
		display:none;
		visibility:hidden;
		overflow:hidden;
	}
	
	/* Other */
	p, article.page h1, article.page h2, #page h1, #page h2 {
		font-size:1.2rem;
	}
	
	p {
		margin-bottom: 0.8rem;
	}
	
	article.page h2 {
		margin:.3rem 0 .5rem;
		padding-top:.5rem;
		border-top:2px solid #000;
		border-bottom:none;
		display:block;
	}
	
	.publikation .leftmargin img {
    	width: 100%;
	}
	
	#page p a img {
		margin-left:0;
	}
	
	img.size-full,.entry-content img {
		max-width:100%;
		height: auto;
	}
	
	.entry-content td img {
		max-width:40vw;

		height: auto;
		display: block;
	}
	
	td {
		font-size: 1.2rem;
	}
	
	
	
	#page .gallery {
		width:auto;
	}
	
	#page .gallery-item:first-child {
		margin-left:0;
	}
	
	.single-ausstellung #main,.single-publikation #main,.single-veranstaltung #main {
		padding:0;
		margin:5rem 1.2rem 0;
	}
	
	.single-ausstellung article,.single-publikation article,.single-veranstaltung article {
		display:block;
		margin-top:3.2rem;
	}
	
	.single-ausstellung h1.entry-title,.single-publikation h1.entry-title,.single-veranstaltung h1,.single-residenz h1,.single-opencall h1 {
		font-size:1.7rem;
	}
	
	.single-ausstellung h2.laufzeit, .single-ausstellung .subtitle, .single-veranstaltung h2.laufzeit, .single-veranstaltung .subtitle {
		font-size:1.2rem;
	}
	
	.single .centermargin {
		margin:1.2rem 0 0;
	}
	
	.leftmargin img {
		width:100%;
	}
	
	.type-ausstellung .detail,.type-publikation .detail,.type-veranstaltung .detail {
		width:100%;
		margin-bottom:.4rem;
		padding-bottom:.4rem;
	}
	
	.soliloquy-wrapper {
    	max-width: 100% !important;
	}
	
	article.page h2, article.page h3 {
    	font-size: 1.2rem;
	}
	
	.jahresthema h1,.homepage h1,.archive h1,.laufzeit,.kunstlerin {
		font-size:1.7rem;
		margin-bottom:0;
	}
	
	.single .entry-content {
		margin:3.2rem 0 3rem;
	}
	
	.single-jahresthema #context h1 {
		font-size:1.7rem;
	}
	
	#jahresthema.smallscreen img {
    	width:70vw;
	}
	
	/* Publikation */
	.post-type-archive-publikation article {
		display:block;
		padding:0;
	}
	
	.post-type-archive-publikation article .leftmargin {
		display:none;
		width:0;
	}
	
	.post-type-archive-publikation article .centermargin {
		border-bottom:2px solid #000;
		margin-bottom:1.2rem;
		padding-bottom:1.2rem;
	}
	
	.foerdererlogos img {
			height:2.5rem;
			margin: 1rem;
	}
	
	.single-veranstaltung article,.single-residenz article,.single-opencall article {
		margin-left:0;
	}
	
	.soliloquy-container .soliloquy-next {
		right:-10px!important;
	}
	
	.soliloquy-container .soliloquy-prev {
		left:-10px!important;
	}
	
	
	.foerderung h1, .foerderung h2, .foerderung h3, .foerderer p, .kooperation h1, .kooperation h2, .kooperation h3, .kooplogos p  {
    	font-size: 1rem;
	}
	
		/* Newsletter Page */
	#mailpoet_form_1 {
    	font-size: 1rem;
	}

	.mailpoet_form {
		width: 96%;
	}
	
	/* Jonas Holfeld changes */
	footer {
		display: none !important;
	}
	.entry-title {
		font-size: 2.2rem !important;
	}
	.detail {
		font-size: 1rem !important;
	}
	.soliloquy-container .soliloquy-image {
    	max-height: 70vw !important;
	}
	.page-template-page-fotoscene article {
		flex-direction: column;
	}
	.page-template-page-fotoscene .centermargin {
		margin-left: 0;
	}
	
	article ul {
		font-size: 1.2rem !important;
	}
}

/* =Print
----------------------------------------------- */
@media print {
	body {
		background:none!important;
		font-size:10pt;
	}
	
	#page {
		clear:both!important;
		display:block!important;
		float:none!important;
		max-width:100%;
		position:relative!important;
	}
	
	#branding {
		border-top:none!important;
		padding:0;
		margin:0;
	}
	
	#main {
		border-top:none;
		box-shadow:none;
	}
	
	#primary {
		float:left;
		margin:0;
		width:100%;
	}
	
	#content {
		margin:0;
		width:auto;
	}
	
	#content nav {
		display:none;
	}
	
	.singular .entry-header,.singular .entry-content,.singular footer.entry-meta,.singular #comments-title {
		margin:0;
		width:100%;
	}
	
	.singular .hentry {
		padding:0;
	}
	
	.entry-title,.singular .entry-title {
		font-size:21pt;
	}
	
	.entry-header .comments-link {
		display:none;
	}
	
	.page-link {
		display:none;
	}

}