/*
Theme Name:     European Kunsthalle
Theme URI:      
Description:
Author:         Lambl/Homburger | programmming André Pahl
Author URI:
Version:        1.0.0
*/


/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}




/*! other helpers 
	some taken from Boilerplate
	Author: Aaron T. Grogg, based on the work of Paul Irish, Divya Manian, and Elliot Jay Stocks
	http://aarontgrogg.com/
*/
hr{display:block;height:1px;border:0;border-top:1px solid #000;margin:1em 0;padding:0}audio,canvas,img,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}






/*  =============================================================================
	LET'S GO!
  	========================================================================== */


html,
body,
button,
input,
select,
textarea {
    color: #000;
}

html {
	font-size:100%;
	/* base 16px = 1em/rem */
}



body {
	font-family: 'Montserrat', sans-serif;
	font-size:1.5em;	/* 24 */
	line-height:1.5em; 	/* 36 */
	color:#fff;
	background-color:#191919;
	/* letter-spacing:1px; */
	
	overflow-x:hidden;
	overflow-y: scroll;
	
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


div,
section {
	position:relative;
}

p {
	margin-top:0px;
}

table {
	border-collapse:collapse;
	border-spacing:0; 
}

table td {
	vertical-align:top;
	text-align:left;
	padding:0;
	margin:0;
}

.table_view {
	display:table;
	table-layout:fixed;
	width:100%;
}

.table_view_nonfix {
	display:table;
}

.table_cell_mid {
	display:table-cell;
	vertical-align:middle;
}

.table_row {
	display:table-row;
}

.table_cell {
	display:table-cell;
}

ul,
ol {
	list-style:none;
    list-style-image:none;
	margin:0;
	padding:0;	
}

li {
	margin:0;
	padding:0;
}

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

*::selection {
	background:#191919;
	color:#4d4d4d;
	text-shadow:none;
}

*::-moz-selection {
	background:#191919;
	color:#4d4d4d;
	text-shadow:none;
}

* {
	outline:0;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-focus-ring-color:rgba(0, 0, 0, 0);
}

/* for iOS */
textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {
     -webkit-appearance:none;
     border-radius:0;
}

a:active,
a:focus {
	outline: 0 /* firefox needs it */
}

.clickable {
	cursor:pointer;
}

.noselect {
	-webkit-user-select: none;
  	-moz-user-select: none;
  	-ms-user-select: none;
	-webkit-touch-callout: none;
	user-select: none;
}

a {
	color:#fff;
	text-decoration:underline;
	-ms-word-break: break-all;
     word-break: break-all;
     word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

a:hover {
	text-decoration:none;
}

.nowrap {
	white-space:nowrap;
}

.uppercase {
	text-transform:uppercase;
}

.pos_rel {
	position:relative;
}

figure {
	margin:0;
	padding:0;
}

.bg_center {
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;	
}




/* 	-----------------------------------------------
	Animations / transitions
	----------------------------------------------- */
	
.hw_acc {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

/* 	-----------------------------------------------
	Videos
	----------------------------------------------- */
	
.aspect1609 {
	-webkit-backface-visibility:hidden;
	padding-bottom:56.25%;
	height:0;
	overflow:hidden;
	width:100%;
	position:relative;
}

.aspect1609 iframe,
.aspect1609 object,
.aspect1609 embed,
.aspect1609 video { 
	position:absolute;
	top:0;
	left:0;
	width:100%!important;
	height:100%!important;
}




/* 	-----------------------------------------------
	Images
	----------------------------------------------- */

img {
	width:100%;
	max-width:100%;
}

#image_overlay {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	max-width:1004px;
	margin:36px auto;
	padding:0 42px; /* same as content padding */
	z-index:1000;
}

#image_overlay_bg {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:transparent;
	z-index:999;	
}

#image_overlay_x {
	position:fixed;
	top:50%;
	margin-top:-11px;
	left:0px;
	width:22px;
	height:22px;
	background:url(gfx/x@2x.png) no-repeat;
	background-size:22px 22px;
	z-index:1001;	
}

#image_overlay_x.hov {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

#image_overlay_x.hov:hover {
	-moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#image_overlay_x.spin_me {
	-moz-animation: spin 5s infinite linear;
	-o-animation: spin 5s infinite linear;
	-webkit-animation: spin 5s infinite linear;
	animation: spin 5s infinite linear;
}

.gutter-sizer {
	width:3.26%;
}

.overlay_img {
	width:48.37%;
	padding:0;
}

.overlay_img.single_img {
	width:74%;
	margin-left:13%;
}




/* 	-----------------------------------------------
	Typography
	reflect changes in custom-editor-style.css 
	----------------------------------------------- */

h1,
h2,
h3 {
	margin-top:0px;
	font-style:normal;
	font-weight:normal;
	text-transform:uppercase;
}

h1,
.big_type {
	font-size:36px;
	font-size:2.25rem;
	line-height:46px;
	line-height:2.875rem;
	text-transform:uppercase;
	letter-spacing:2px;
	
}

h2,
h3,
.medium_type {
	font-size:30px;
	font-size:1.875rem;
	line-height:36px;
	line-height:2.25rem;
}


i,
em {
	font-style:normal;
	font-weight:normal;
}

b,
strong {
	font-style:normal;
	font-weight:normal;
}

b i,
strong i,
b em,
em b,
i b,
i strong {
	font-style:normal;
	font-weight:normal;
}




/* 	-----------------------------------------------
	menu [mmm]
	----------------------------------------------- */

#main_menu {
	position:relative;
}

#main_menu ul {
	margin:0;
	padding:0;
	white-space:normal;	
}

#main_menu li {
	margin:0 16px 0 0;
	float:left;
}

#main_menu li sup::after{
    content: '';
    border-bottom: 1px solid #fff;
    position:absolute;
    left:0;
    top:90%;
    width:100%;
}

#main_menu li:last-child {
	margin-right:0px;
}

#main_menu li span,
#main_menu .lang_switch {
	border-bottom:1px solid #000;
	text-decoration:none;
}

#main_menu li:hover span,
#main_menu .lang_switch:hover {
	border-bottom:1px solid #fff;
	text-decoration:none;
}

sup {
	font-size:85%;
	top:-11px;
	vertical-align:baseline;
	margin-right:13px;
	letter-spacing:0px;
}



/* 	-----------------------------------------------
	content [ccc]
	----------------------------------------------- */

#content {
	position:relative;
	width:100%;
	max-width:1004px;
	margin:36px auto;
	padding:66px 42px 42px 42px;
	background-color:#000;
	z-index:1;
}

#content_inner {
	position:relative;
}

#logo_top_container {
	height:384px;
	display:block;
}

#logo_top {
	width:294px;
	height:384px;
	position:relative;
	float:right;
	right:-42px; /* same as content padding */
}



/* 	-----------------------------------------------
	content
	----------------------------------------------- */

.main_section {
	width:100%;
	margin-bottom:198px;
	margin-bottom:12.375rem;
}

.last_section {
	margin-bottom:48px!important;
	margin-bottom:3rem!important;
}

.main_section .sec_header {
	border-bottom:2px solid #fff;
	padding-bottom:26px;
	padding-bottom:1.625rem;
	margin-bottom:68px;
	margin-bottom:4.25rem;
}

.main_section .sec_header h1 {
	display:inline-block;
	margin-bottom:0;
}

.subsec_jumpmark {
	margin:0 16px 0 0;
	float:left;
}

.subsec_jumpmark sup {
	font-size:100%;
	top:0px;
	vertical-align:baseline;
	margin-right:3px;
	letter-spacing:0px;
}

.subsec_jumpmark span {
	border-bottom:1px solid #000;
}

.subsec_jumpmark:hover span {
	border-bottom:1px solid #fff;
}

.subsection {
	padding-bottom:38px;
	padding-bottom:2.375rem;
	margin-bottom:70px;
	margin-bottom:4.375rem;
	border-bottom:1px solid #fff;
}

.main_section .subsection:last-child {
	border-bottom:0;
}

.main_section.is_archive .subsection:last-child {
	border-bottom:1px solid #fff;
}

.bildserie {
	border-bottom:1px solid #fff;
	cursor:pointer;
	-ms-word-break: break-all;
     word-break: break-all;
     word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

.bildserie:hover {
	border-bottom:1px solid #000;
}




/* archive */
.main_section.is_archive .sec_header {	
	margin-bottom:24px;	
	margin-bottom:1.5rem;	
}

.archive_header {
	padding-right:50px;
}

.archive_header h2 {
	margin-bottom:0;
}

.archive_header .archive_expand {
	position:absolute;
	top:0px;
	right:22px;
}

.archive_section.active .archive_header .archive_expand {
	-moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.is_archive .subsection {
	padding-bottom:24px;
	padding-bottom:1.5rem;
	margin-bottom:24px;
	margin-bottom:1.5rem;
	border-bottom:1px solid #fff;
}

.archive_content {
	display:none;
}

.archive_section.active .archive_content {
	display:block;
}

.archive_content_singleitem {
	margin-top:32px;
	margin-top:2rem;
}

.dropdown {
	margin-top:32px;
	margin-top:2rem;
	margin-bottom:32px;
	margin-bottom:2rem;
}

.dropdown h3 {
	margin-bottom:0;	
}

.dropdown_selected {
	border:1px solid #fff;
	padding:16px 40px 16px 20px;	
}

.dropdown_selected .dd_expand  {
	position:absolute;
	top:16px;
	right:20px;
}

.no-touchevents .dropdown_selected:hover {
	color:#000;
	background-color:#fff;
}


.dropdown_list {
	position:absolute;
	z-index:1000;
	
	border:1px solid #fff;
	padding:16px 40px 16px 20px;
	
	background-color:#000; 
	width:100%;
	top:0px;
	left:0px;
}

.dropdown_list h3 {
	margin-bottom:8px;
	margin-bottom:0.5rem;
	border-bottom:1px solid #000;
}

.dropdown_list h3.inline {
	display:inline-block;
}

.dropdown_list h3 {
	margin-bottom:8px;
	margin-bottom:0.5rem;
	border-bottom:1px solid #000;
}

.no-touchevents .dropdown_list h3:hover span {
	border-bottom:1px solid #fff;
}

.dropdown_list h3.selected span {
	border-bottom:1px solid #fff;
}

.dropdown_list .dd_contract{
	position:absolute;
	top:16px;
	right:20px;
	-moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}




/* 	-----------------------------------------------
	footer
	----------------------------------------------- */

.impressum_trigger {
	text-decoration:underline;
	cursor:pointer;
}

.impressum_trigger:hover {
	text-decoration:none;
	cursor:pointer;
}

#impressum {
	margin-bottom:48px;
	margin-bottom:3rem;
}

#logo_bottom_container {
	height:404px;
	display:block;
}

#logo_bottom {
	width:289px;
	height:404px;
	position:relative;
	float:left;
	left:-42px; /* same as content padding */
}

#footer_text {
	font-family:courier, monospace;
	font-size:12px;
	font-size:0.75rem;
	line-height:17px;
	line-height:1.0625rem;
	position:absolute;
	bottom:0px;
	right:0px;
	max-width:75%;
	text-align:right;
}

#impressum_content {
	margin-top:22px;
	margin-top:1.4rem;
}


/* 	-----------------------------------------------
	responsive [rrr]
	----------------------------------------------- */

@media only screen and (max-width : 1000px) { 
	#content {
		margin:0 auto;
	}	
}



@media only screen and (max-width : 768px) { 
	/* tablet / portrait [ttt] */
	
	html {
		font-size:70%;
	}
	
	#logo_top_container {
		height:269px;
	}
	
	#logo_top {
		width:206px; /* x0.7 */
		height:269px;
	}
		
	#logo_bottom_container {
		height:283px;
	}
	
	#logo_bottom {
		width:202px;
		height:283px;
	}
	
	#footer_text {
		font-size:10px;
		line-height:15px;
	}
	
}

@media only screen and (max-width : 540px) { 
	
	#content {
		padding:36px 24px 24px 24px;
	}
	
	#logo_top {
		right:-24px; /* same as content padding */
	}
	
	#logo_bottom {
		left:-24px; /* same as content padding */
	}
	
	
	#image_overlay {
		margin:24px auto;
		padding:0 24px; /* same as content padding */
	}
	
	.gutter-sizer {
		width:3.26%;
	}
	
	.overlay_img {
		width:100%;
		padding:0;
	}
	
	.overlay_img.single_img {
		width:74%;
		margin-left:13%;
	}
	
	#footer_text {
		max-width:60%;	
	}
	
	
}

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

	html {
		font-size:65%;
	}
	
	#content {
		padding-bottom:80px;	
	}
	
	#footer_text {
		position:absolute;
		bottom:-40px;
		right:auto;
		left:0;
		max-width:100%;
		text-align:right;
	}
	
	.archive_header .archive_expand {
		right:18px;
	}
	
	.dropdown_selected {
		padding:10px 40px 10px 16px;	
	}
	
	.dropdown_selected .dd_expand  {
		top:10px;
		right:16px;
	}
	
	.dropdown_list {
		padding:10px 40px 10px 16px;
	}
	
	.dropdown_list .dd_contract{
		top:10px;
		right:16px;
	}


}