/*
Theme Name: alte-fabrik.ch
Author: schattenwerk
Author URI: http://schattenwerk.ch/
Description: Alte Fabrik Theme, handmade by schattenwerk.
Version: 1.1

This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
with any questions regarding Web Fonts:  http://www.linotype.com
*/


@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=a36310f1-a574-4145-9700-7e2c1566b57a&fontids=906880,744487");
@font-face{
	font-family:"Andale Mono W02 Regular";
	src:url("fonts/906880/2851a39a-fe5c-4b4c-9d40-73770b226a7b.eot?#iefix");
	src:url("fonts/906880/2851a39a-fe5c-4b4c-9d40-73770b226a7b.eot?#iefix") format("eot"),
		url("fonts/906880/4901d588-cef4-49ae-9f1b-b16ea4b4cf94.woff") format("woff"),
		url("fonts/906880/3311dc70-4c38-40fb-b054-34b90aecef0e.ttf") format("truetype"),
		url("fonts/906880/0d61eb4f-4752-4bcc-b849-c1fdfed7d0bf.svg#0d61eb4f-4752-4bcc-b849-c1fdfed7d0bf") format("svg");
}
@font-face{
	font-family:"Rundfunk Grotesk W02";
	src:url("fonts/744487/b7b0df46-f3a7-4888-898e-c4e8b324e92a.eot?#iefix");
	src:url("fonts/744487/b7b0df46-f3a7-4888-898e-c4e8b324e92a.eot?#iefix") format("eot"),
		url("fonts/744487/be4d5382-8105-4204-849d-5485424c5b6a.woff") format("woff"),
		url("fonts/744487/c6447b36-cfc8-4cd0-96e2-5b4b0cd3f10a.ttf") format("truetype"),
		url("fonts/744487/62b4dbfa-fe30-46b3-b787-6ab043ce86fe.svg#62b4dbfa-fe30-46b3-b787-6ab043ce86fe") format("svg");
}



body { 
	font-size:13px;
	font-family:"Andale Mono W02 Regular";
	*font-size:small; 
	*font:x-small; 
	line-height:17px;
	color:#000;
}

html, body, body div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, 
hgroup, menu, nav, section,
time, mark, audio, video, a {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent none no-repeat 0 0;
	font-weight: normal;
}
strong, b {
	font-weight:700;
}

article, aside, figure, footer, header, hgroup, nav, section { display:block; }

body {
	background:#f0f0f0;
}

body, html {
	width:100%;
}

a {
	color:#000;
	text-decoration:none;
}

a:hover {
	
}

ul {
	list-style:none;
}


/* header */

header {
	position:relative;
	width:auto;
	height:136px;
}

header .logo {
	position:absolute;
	width:auto;
	height:auto;
	top:36px;
	left:-10px;
}

header ul {
	position:absolute;
	right:5px;
	top:60px;
}

header li {
	float:left;
	margin-left:11px;
	font-size:11px;
}

header li a {
	color:#51667c;
}

header li.current_page_item a, header li a:hover {
	text-decoration:underline;
}

header .claim {
	font-family:"Rundfunk Grotesk W02";
	position:absolute;
	left:5px;
	top:87px;
	width:225px;
	height:45px;
	background:none;
	color:#51667c;
	padding:0;
}


.mobile {
	display:none;
}

.wrapper {
	margin:0 auto;
	width:980px;
	position:relative;
}

nav {
	position:relative;
	float:left;
	width:235px;
	margin:5px;
	left:0;
	top:0;
}

nav li {
	background:none;
	margin-bottom:10px;
}

nav li a {
	color:#51667c;
	font-size:13px;
	text-decoration:none;
	display:block;
	padding:5px 10px 5px 10px;
	text-transform:uppercase;
	background:#c9d1d8;
}

nav li a:hover, nav li.current_page_item a, nav li.current_page_ancestor a, nav li.current_page_ancestor ul {
	background:#fff;
}

nav li li {
	margin:0;
}

nav li ul {
	display:none;
	margin:0;
}

nav li.current_page_item ul, nav li.current_page_ancestor ul, nav li.current_page_item ul {
	display:block;
	padding-bottom:10px;
	background:#fff;
}

nav li li a {
	padding:0 10px 2px 20px;
	text-transform:none;
	background:none;
}

nav li li a:hover, nav li li.current_page_item a {
	text-decoration:underline;
}

.socialmedia {
	position:absolute;
	right:5px;
	top:120px;
	width: 60px;
}

.facebook {
	position:relative;
	float: left;
	margin-right: 3px;
	width:18px;
	height:18px;
	background-image:url(img/facebook.png);
	background-repeat:no-repeat;
	background-color:#51667c;
}

.facebook:hover, .youtube:hover, .instagram:hover {
	background-color:#aaa;
	cursor:pointer;
}

.youtube {
	position:relative;
	float: left;
	margin-right: 3px;
	width:18px;
	height:18px;
	background-image:url(img/youtube.png);
	background-repeat:no-repeat;
	background-color:#51667c;
}

.instagram {
	position:relative;
	float: left;
	width:18px;
	height:18px;
	background-image:url(img/instagram.png);
	background-repeat:no-repeat;
	background-color:#51667c;
}




/* content */

.content {
	position:relative;
	padding-bottom:70px;
}

.masonry {
	position:relative;
	width:735px;
	float:left;
}

section, .instamp {
	font-size:13px;
	width:235px;
	padding:2px 0 0 0;
	background:#fff;
	margin:5px;
	overflow:hidden;
	text-align:left;
	border-top:5px solid #51667c;
}

.instamp .date {
	border-top:2px solid #fff;
}

section h3 {
	font-size:13px;
	text-transform:uppercase;
}

.date {
	color:#51667c;
}

.venue {
	color:#888e8f;
	text-transform:uppercase;	
}

section h2 {
	margin:3px 0 3px 0;
}

section h2, section h2 a, .instamp h2, .instamp h2 a {
	color:#51667c;
	font-family:"Rundfunk Grotesk W02";
	font-size:25px;
	line-height:30px;
}

section h2, section h3, section p, .instamp h2, .instamp h3, .instamp h4, .instamp p {
	padding:0 5px 0 5px;
}

section p, .instamp p {
	padding:3px 5px 5px 5px;
}

.instamp h3 {
	padding-top:3px;
}

.stamp {
	position:absolute;
	right:0;
	top:0;
	border:none;
	padding:0;
	color:#fff;
	margin:5px;
	width:235px;
}

.instamp {
	margin:0 0 10px 0;
	border:none;
	background:#51667c;
	width:auto;
	padding:3px 0 5px 0;
}

.instamp.white {
	background:#fff;
	color:#000;
}

.instamp.white h4 {
	margin-bottom:10px;
	text-transform:uppercase;
}

.instamp.white p {
	margin-bottom:10px;
}

.instamp.white a {
	color:#51667c;
	text-decoration:underline;
}

.instamp .date, .instamp .venue, .instamp h2 a {
	color:#fff;
}

section img {
	vertical-align: bottom; 
	width:100%;
	height:auto;
}

section:hover {
	cursor:pointer;
}





/* content */

article {
	float:left;
	width:480px;
	font-size:13px;
	padding:2px 0 0 0;
	background:#fff;
	margin:5px;
	overflow:hidden;
	text-align:left;
	border-top:5px solid #51667c;
}

article h2 {
	margin:3px 0 3px 0;
}

article h2, article h2 a {
	color:#51667c;
	font-family:"Rundfunk Grotesk W02";
	font-size:25px;
	line-height:30px;
}

article h2, article h3, article p {
	padding:0 5px 0 5px;
}

article p {
	padding:3px 5px 17px 5px;
}

article img {
	vertical-align: bottom; 
	width:100%;
	height:auto;
	width:480px;
	margin-left:-5px;
}

article .wp-caption {
	margin-left:5px;
	height:auto;
	width:480px;
	position:relative;
}

article .wp-caption-text {
	padding:2px 5px 2px 5px;
	background:#c9d1d8;
	position:absolute;
	color:#fff;
	margin-left:-5px;
	width:100%;
	top:0;
}

article iframe {
	margin-left:-5px;
	width:480px;
}

/* gallery */
.cycle-slideshow {
	margin:10px 0 15px 0;
}

.slide {
	width:480px;
	height:320px;
}

.slide .caption {
	width:470px;
	padding:2px 5px 2px 5px;
	background:#c9d1d8;
	position:absolute;
	color:#fff;
}


.dots {
	position:relative;
	white-space:nowrap;	
	text-align:center;
	top:8px;
	z-index:500;
	width:40%;
	display:inline-block;
}

.dots span { 
    font-family: arial; 
	font-size: 30px;
	width: 18px; 
	height: 18px; 
    display: inline-block; 
	color: #fff; 
	cursor: pointer; 
	letter-spacing:8px;
}

.dots span.cycle-pager-active { 
	color: #51667c;
}

.dots > * { 
	cursor: pointer;
}

.cycle-slideshow .arrow_left, .cycle-slideshow .arrow_right {
	position:absolute;
	width:auto;
	height:20px;
	top:0;
	margin-top:5px;
	z-index:200;
	color:#fff;
}

.cycle-slideshow .arrow_left {
	left:5px;
}

.cycle-slideshow .arrow_right {
	right:5px;
}

.cycle-slideshow .arrow_left:hover {
	cursor:pointer;
	left:4px;
}
.cycle-slideshow .arrow_right:hover {
	cursor:pointer;
	right:4px;
}

.cycle-slideshow .controls {
	text-align:center;
	position:absolute;
	bottom:0;
	width:100%;
	height:30px;
	background:#c9d1d8;
	z-index:1000;
}





aside {
	float:right;
	position:relative;
	border:none;
	padding:0;
	color:#fff;
	margin:5px;
	width:235px;
}

/*
.orderform input[type='radio'] {
	float:none;
}

.orderform .wpcf7-radio .wpcf7-list-item {
	display:block;
	clear:both;
	margin-bottom:10px;
}

.wpcf7-not-valid-tip {
	clear:both;
	width:100%;
	text-align:right;
	color:#990000 !important;
}

.wpcf7-validation-errors {
	border-color:#990000 !important;
	color:#990000;
}
*/



/* shop */
.orderform {
	display:none;
}

.texts img {
	float:left;
	margin:0 25px 25px 0;
}


/* footer */

footer {
	clear:both;
	position:fixed;
	bottom:0;
	width:100%;
	height:35px;
	z-index:100;
	border-top:5px solid #51667c;
	background:#fff;
}

footer .logo {
	position:relative;
	width:auto;
	height:25px;
	float:left;
	padding-top:8px;
	margin:0 35px 0 5px;
}

footer .logo.altefabrik {
	margin-left:0px;
}

footer .gebertstiftung {
	float:right;
	margin:0 -8px 0 5px;
}




/* backgrounds */

/*
.cycle-slideshow {
	z-index:0;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.slide_intro {
	z-index:0;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
*/





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

	.wrapper {
		margin:0 auto;
		width:735px;
		position:relative;
	}
	
	.masonry {
		width:490px;
	}

	aside {
		width:480px;
	}
	
	


}

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

	header {
		height:141px;
	}

	header ul, nav {
		display:none;
	}

	header .logo {
		left:0px;	
	}

	.mobile {
		display:block;
	}
	
	.trigger {
		position:absolute;
		right:1%;
		top:30px;
		width:35px;
		height:35px;
		background:url(img/Mobile_Button_transparent.png) no-repeat #51667c;
	}

	.trigger:hover {
		cursor:pointer;
	}

	.wrapper {
		margin:0 auto;
		width:auto;
		max-width:500px;
		position:relative;
	}
	
	nav {
		float:none;
		width:auto;
		padding-bottom:40px;
	}
	
	.masonry {
		float:none;
		width:auto;
		max-width:500px;
	}
	
	section, section.content, article, aside {
		float:none;
		margin:5px 1% 5px 1%;
		width:98%;
	}
	
	article img {
		width:102%;
		height:auto;
		margin-left:-1%;
	}

	article .wp-caption {
		width:auto !important;
		height:auto;
		margin-left:-1%;
	}

	article .wp-caption-text {
		margin-left:1%;
	}
	
	article iframe {
		margin-left:-1%;
		width:102%;
	}

	.slide {
		width:100%;
	}

	.slide .caption {
		width:98%;
		padding:1%;
	}

	.stamp {
		width:auto;
		position:relative;
		right:auto;
		top:auto;
	}
	
	footer {
		position:relative;
		bottom:auto;
		height:100px;
		padding-bottom:15px;
	}

	footer .logo {
		margin-left:1%;
		float:none;
	}

	
	footer .logo.altefabrik {
		margin-left:5px;
	}
	
	footer .gebertstiftung {
		clear:both;
		float:none;
		margin-left:16px;
	}
	
}


.clear {
	clear:both;
}


/* iphone */
html {
	-webkit-text-size-adjust: none;
}


/* newsletter bestellen */
.ajax-loader {
	width:16px;
	height:16px;
}

input {
	margin-top:3px;
	font-size:13px;
	font-family:"Andale Mono W02 Regular";
	color:#000;

}

div.wpcf7-validation-errors {
    border: none !important;
	color:#ff0000 !important;
}

div.wpcf7-mail-sent-ok {
    border: none !important;
	color:#398F14 !important;
}

div.wpcf7-response-output {
    margin: 5px !important;
    padding: 0 !important;
}

.wpcf7-form-control {
	border:1px solid #51667c !important;
	padding:2px !important;
	background:#fff;
}

.wpcf7-submit {
	background:#51667c !important;
	color:#fff;
}

.wpcf7-submit:hover {
	text-decoration:underline;
}

.captcha_img {
	margin:0px;
	border:none !important;
	width:auto;
	height:auto;
}

.grecaptcha-badge {
visibility: hidden;
}