/*
Theme Name:     Annabel Lange
Theme URI:      
Description:
Author:         Studio Katja Gretzinger / Programmierung 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/
*/
html,button,input,select,textarea{color:#000}body{font-size:1em;line-height:1.4}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;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}}






/*  =============================================================================
	START
  	========================================================================== */

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


body {
	font-family: Helvetica, Arial, sans-serif;
	color:#000;
	overflow-x:hidden;
	overflow-y: scroll;
	
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

p {
	margin-top:0px;
}

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

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

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

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

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

*::-moz-selection {
	background:#fffd95;
	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;
}

.nowrap {
	white-space:nowrap;
}

.post-edit-link {
	display:none;
}

.logged-in .post-edit-link {
	display:block;
	color:#999;
}

.inline {
	display:inline-block;
}

.uppercase {
	text-transform:uppercase;	
}

.align-right {
	text-align:right;	
}

.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;
}

.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);
}

.faded_out {
	-khtml-opacity:0!important;
	-moz-opacity:0!important;
	opacity:0!important;
}

.opacity_fade {
	-webkit-transition: opacity .6s ease-in-out;
	-moz-transition: opacity .6s ease-in-out;
	-o-transition: opacity .6s ease-in-out;
	-ms-transition: opacity .6s ease-in-out;
	transition: opacity .6s ease-in-out;
}

.slide_transition {
	/* http://matthewlein.com/ceaser/ */
	-webkit-transition: -webkit-transform 500ms cubic-bezier(0, 0, 0.13, 0.96), left 500ms cubic-bezier(0, 0, 0.13, 0.96); 
	-moz-transition: -moz-transform 500ms cubic-bezier(0, 0, 0.13, 0.96), left 500ms cubic-bezier(0, 0, 0.13, 0.96); 
	-o-transition: -o-transform 500ms cubic-bezier(0, 0, 0.13, 0.96), left 500ms cubic-bezier(0, 0, 0.13, 0.96);
	-ms-transition: -ms-transform 500ms cubic-bezier(0, 0, 0.13, 0.96), left 500ms cubic-bezier(0, 0, 0.13, 0.96);
	transition: transform 500ms cubic-bezier(0, 0, 0.13, 0.96), left 500ms cubic-bezier(0, 0, 0.13, 0.96);
	
	-webkit-transition-timing-function: cubic-bezier(0, 0, 0.13, 0.96); 
	-moz-transition-timing-function: cubic-bezier(0, 0, 0.13, 0.96); 
	-o-transition-timing-function: cubic-bezier(0, 0, 0.13, 0.96);
	-ms-transition-timing-function: cubic-bezier(0, 0, 0.13, 0.96); 
	transition-timing-function: cubic-bezier(0, 0, 0.13, 0.96);
}


/* 	-----------------------------------------------
	typography [ttt]
	----------------------------------------------- */

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size:19px;
	line-height:24px;
}

.bigger {
	font-size:26px;
	line-height:34px;
}

.smaller {
	font-size:14px;
	line-height:16px;
}

.ul_link:hover,
.ul_selected {
	text-decoration:underline;
}

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

a:hover {
	text-decoration:underline;
}


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

#home_link {
	position:fixed;
	top:28px;
	left:0px;
	right:0px;
	margin:0px auto;
	z-index:99;
	text-align:center;
}

.menu-header ul,
.menu-header li,
.menu {
	margin:0;
	padding:0;
}

.menu-header li {
	display:block;
}

.current_page_item a {
	text-decoration:underline;
}

#main_menu_left_upper {
	position:fixed;
	top:28px;
	left:36px;
	z-index:100;
}

#main_menu_right_upper {
	position:fixed;
	top:28px;
	right:36px;
	z-index:100;
}

#main_menu_left_lower {
	position:fixed;
	bottom:28px;
	left:36px;
	z-index:100;
	letter-spacing:-2px;
}

#main_menu_right_lower {
	position:fixed;
	bottom:28px;
	right:36px;
	z-index:100;
}

#hamburger {
	display:none;
}


/* 	-----------------------------------------------
	menu overlay
	----------------------------------------------- */

#main_menu_left_overlay {
	position:fixed;
	top:0px;
	left:-410px;
	width:410px;
	max-width:100%;
	height:100%;
	background-color:#fff;
	border-right:1px solid #000;
	z-index:200;	
}


.main_menu_left_overlay_on {
	left:0px !important;	
}


#main_menu_bg {
	z-index:199;
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:url(gfx/blank.gif) repeat;
}

#menu_wrapper {
	position:absolute;
	z-index:1;
	top:0px;
	bottom:0px;
	left:0px;
	width:100%;
}

#menu_scroller {
	padding:28px 36px;
	position: absolute;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	width: 100%;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}

.menu_content {
	padding-left:20px; /* -36px */
	margin:28px 0;	
}

#mobile_menu_additions {
	display:none;
}

.menu_current_project {
	text-decoration:underline;
}


/* 	-----------------------------------------------
	grid
	----------------------------------------------- */

.grid_item {
	padding:0 0.7%;
}

/*
.span_1 {
	width:5.55555555556%;
}
.span_2 {
	width:11.1111111111%;
}
.span_3 {
	width:16.6666666667%;
}
.span_4 {
	width:22.2222222222%;
}
.span_5 {
	width:27.7777777778%;
}
.span_6 {
	width:33.3333333333%;
}
.span_7 {
	width:38.8888888889%;
}
.span_8 {
	width:44.4444444444%;
}
.span_9 {
	width:50.0%;
}
.span_10 {
	width:55.5555555556%;
}
.span_11 {
	width:61.1111111111%;
}
.span_12 {
	width:66.6666666667%;
}
.span_13 {
	width:72.2222222222%;
}
.span_14 {
	width:77.7777777778%;
}
.span_15 {
	width:83.3333333333%;
}
.span_16 {
	width:88.8888888889%;
}
.span_17 {
	width:94.4444444444%;
}
.span_18 {
	width:100%;
}
*/




/* 	-----------------------------------------------
	mosaic
	----------------------------------------------- */

.mosaic_item_inner {
	width:100%;
}

.mosaic_item_inner img {
	width:100%;
}

.overview_title {
	padding:14px 0 0 18px;
}

@media screen and (max-width: 480px){
 	
	.mosaic_item {
		width:100%;
	}
	
	.ml_1 {
		margin-left:0%;
	}
	
	.mmt_1,
	.mmt_2 {
		margin-top:0px;
	}
	
	.mmb_1 {
		margin-bottom:45px;
	}
	
	.width_4 .mosaic_item_inner {
		padding:0 16.66666666665%;
	}
	
	.width_5 .mosaic_item_inner {
		padding:0 8.333333333325%;
	}
	
	.width_6 .mosaic_item_inner {
		padding:0;
	}
	
	#mosaic .mosaic_item:first-child .mosaic_item_inner {
		padding:0;
	}
}

@media screen and (min-width: 481px) and (max-width: 960px){
  	
	.mosaic_item {
		width:50%;
	}	
	
	.ml_1 {
		margin-left:0%;
	}
	
	.mm_l {
		padding-left:16.66667%;	
	}
	
	.mm_l2 {
		padding-left:33.3333333333%;	
	}
	
	.mm_r {
		padding-right:16.66667%;	
	}
	
	.mm_r2 {
		padding-right:33.3333333333%;	
	}
	
	.mmt_1 {
		margin-top:34px;
	}
	
	.mmt_2 {
		margin-top:80px !important;
	}
	
	.mmb_1 {
		margin-bottom:75px;
	}
	
	.width_4 .mosaic_item_inner {
		padding:0 16.66666666665% !important;
	}
	
	.width_6 {
		padding:0 4.1666675%;
	}
}

@media screen and (min-width: 961px) {
	.mosaic_item {
		width:33.3333%;
	}
	
	.ml_1 {
		margin-left:5.55555555556%;
	}
	
	.mm_l {
		padding-left:16.66667%;	
	}
	
	.mm_l2 {
		padding-left:33.3333333333%;	
	}
	
	.mm_r {
		padding-right:16.66667%;	
	}
	
	.mm_r2 {
		padding-right:33.3333333333%;	
	}
	
	
	.mmt_1 {
		margin-top:34px;
	}
	
	.mmt_2 {
		margin-top:80px !important;
	}
	
	.mmb_1 {
		margin-bottom:75px;
	}
}



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

#content {
	position:relative;
	top:113px;
	left:0px;
	padding:0px 56px;
	width:100%;
	z-index:1;
}

.page_content {
	width:50%;	
	margin:0 auto 0 33.3333333333%;
	padding-bottom:28px;	
}

.content_module {
	width:100%;
	margin-bottom:68px;
}

.img_vid_container {
	padding-right:0;
	width:100%;
}

.img_vid_container.smaller .inner {
	margin:0 11.111111% !important;
}

.text_container {
	padding-right:11.111111%;
	width:100%;
}

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

.caption p,
.img_spacer {
	margin:0 0 30px 0;
	padding:12px 0 0 12px;
}

@media only screen and (min-width: 1680px) {
	
	.img_vid_container {
		padding-right:11.111111%;
	}
	
	.img_vid_container.smaller .inner {
		margin:0 12.5% !important;
	}
	
	.text_container {
		padding-right:11.111111%
	}
}


/* 	-----------------------------------------------
	responsive
	----------------------------------------------- */

@media only screen and (min-width: 1680px) {
	
	/* typography --------------- */
	
	body {
		font-size:27px;
		line-height:34px;
	}
	
	.bigger {
		font-size:36px;
		line-height:40px;
	}	
}


@media only screen and (max-width: 1024px) and (min-width: 769px) {
	
	/* typography --------------- */
	
	body {
		font-family: Helvetica, Arial, sans-serif;
		font-size:16px;
		line-height:20px;
	}
	
	.bigger {
		font-size:20px;
		line-height:28px;
	}
	
	.smaller {
		font-size:11px;
		line-height:13px;
	}	
	
}


@media only screen and (max-width: 768px) { 
	
	/* typography --------------- */
	
	body {
		font-size:12px;
		line-height:15px;
	}
	
	.bigger {
		font-size:15px;
		line-height:21px;
	}
	
	
	/* navigation --------------- */	
	#home_link {
		top:11px;
	}
	
	#hamburger {
		display:block;
		position:fixed;
		top:4px;
		left:8px;
		width:34px;
		height:32px;
		z-index:200;
	}
	
	#hamburger_inner {
		position:absolute;
		top:10px;
		left:10px;
		width:14px;
		height:12px;
		background-image:url(gfx/mobile_menu@2x.png);
		background-repeat:no-repeat;
		background-size:14px 12px;
		background-position:0px 0px;
		
	}
	
	#main_menu_left_upper,
	#main_menu_right_upper,
	#main_menu_left_lower,
	#main_menu_right_lower {
		display:none;
	}
	
	#main_menu_left_overlay {
		border-right:0;
	}
	
	#menu_scroller {
		padding:40px 18px;
	}
	
	.menu_content {
		padding-left:20px; /* -36px */
		margin:12px 0;
	}
	
	#mobile_menu_additions {
		display:block;
	}

	
	/* content --------------- */
	#content {
		top:56px;
		padding:0px 44px;
	}
	
	
	.page_content {
		width:100%;	
		margin:0;
		padding-bottom:28px;	
	}
	
	.content_module {
		width:100%;
		margin-bottom:28px;
	}
	
	.img_vid_container {
		padding-right:0;
		width:100%;
	}
	
	.img_vid_container.smaller .inner {
		margin:0 11.111111% !important;
	}
	
	.text_container {
		padding-right:0%;
		width:100%;
	}
	
	.caption p {
		margin:0 0 20px 0;
		padding:12px 0 0 12px;
	}
	
	.img_spacer {
		margin:0;
	}

	
}