/*
Theme Name: Inke Arns
Theme URI: http://www.design-hunger.com
Description: A minimal theme
Author: Francis Hunger
Version: 2.0
*/

/****** Reset *******/

html, body, a, object, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, dt, dd, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
article, aside, figure, footer, header, hgroup, nav, section {
	display: block;
}
nav ul {
	list-style: none;
}
ol {
	list-style-type: decimal;
}
ins {
	background: #f60;
	color: #000;
	text-decoration: none;
}
mark {
	font-style: italic;
	font-weight: bold;
}
abbr[title], dfn[title] {
	cursor: help;
}
input, select {
	vertical-align: middle;
}
html {
	overflow-y: scroll; /* always force scrollbar in IE */
	-webkit-font-smoothing: antialiased;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: inherit;
}
th, td {
	padding:0.3rem;
}
caption {
	white-space: nowrap;
}
select, input, textarea {
}
pre, code, kbd, samp {
	font-family: monospace, sans-serif;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, table, blockquote, caption {
	margin: 0 0 0 0;
	padding:0;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
a, a:link, a:active, a:visited {
	text-decoration: none;
}
a:hover, a:focus, a:active {
	outline: none;
}
a:hover {
	-webkit-transition:background 500ms ease-in;
}
small {
	font-size: 85%;
}

strong, th {
	font-weight: bold;
}
td, td img {
	vertical-align: top;
}
sub {
	vertical-align: sub;
	font-size: 80%;
}
sup {
	vertical-align: super;
	font-size: 80%;
}

button {
	width: auto;
	overflow: visible;
	
}

button:focus {outline:0;}


header:after, #main:after, #sub:after, #featured:after, #sub section:after, footer nav:after {
	content: "";
	height: 100%;
	float: left;
	width: 0;
	margin-top: -32767rem;
	display: block;
}


/****** @font-face ******/

@font-face {
 font-family: 'AniversBold';
 src: url('fonts/anivers_bold-webfont.eot');
 src: url('fonts/anivers_bold-webfont.eot?iefix') format('eot'), url('fonts/anivers_bold-webfont.woff') format('woff'), url('fonts/anivers_bold-webfont.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
}

 @font-face {
 font-family: 'AniversRegular';
 src: url('fonts/anivers_regular-webfont.eot');
 src: url('fonts/anivers_regular-webfont.eot?iefix') format('eot'), url('fonts/anivers_regular-webfont.woff') format('woff'), url('fonts/anivers_regular-webfont.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
}






/****** Layout structure ******/

body {
width:100%;
}

body, button {
	background: white;
	font: 1rem/1.4 Anivers, AniversRegular, Helvetica, Arial, sans-serif;
	text-rendering: optimizeLegibility;/** cross browser min-height **/
}

#container {
	height:auto;
	width:55rem; /* equals 880px --legacy code */
	margin:auto;
}

#main, #projekte {
	margin:0 auto;
	overflow: hidden;
	padding:0;
}

header {
	height:auto;
	margin: 4rem 0 0 0;
	overflow: hidden;
}

#site-name {
	font-family: Anivers, AniversRegular, Helvetica, Arial, sans-serif;
	font-size: 1.5rem;
	width:auto;
	margin: 0 0 0 7rem;
}

#site-name a:link, #site-name a:visited {
	color: #1c1819;
	border: none;
	text-decoration: none;
	-webkit-transition:color .6s;
	-moz-transition:color .6s;
	-o-transition:color .6s;
	transition:color .6s;
}

#site-name a:hover, #site-name a:focus, #site-name a:active {
	color: #D4CCCA;
	-webkit-transition:color .3s;
	-moz-transition:color .3s;
	-o-transition:color .3s;
	transition:color .3s;
}

#site-name span {
	clear: both;
	color: #6a6260;
	margin-left:1rem;
}

#language {
	float:right;
	font-size:0.8rem;
	text-transform:none;
	background:url(images/english.gif);
	width:64px;
	height:27px;
	vertical-align:central;
	text-align:center;
	margin: 0 2.5rem;
}

#language a:link, #language a:visited {
	text-decoration: none;
	color: #D4CCCA;
}

#language a:hover, #language a:focus, #language a:active {
	color: #6a6260;
}

#languageresponsive {
display:none; /*default – soll nur gezeigt werden, wenn responsives Menü aktiviert */
}


/****** @group nav ******/

nav {
	font-family: Anivers, AniversRegular, Helvetica, Arial, sans-serif;
	overflow: hidden;
	margin:4rem 0 3rem 0;
	display: block;
	border-top:#D4CCCA 1px solid;
	border-bottom:#D4CCCA 1px solid;
	padding: 0.37rem 0 0.37rem 0;
}


nav li {
	float: left;
	white-space: nowrap;
	width:6.875rem;
}

#menu-main-menue li:nth-child(1), #menu-main-menue li:nth-child(2), #menu-main-menu-en li:nth-child(1), #menu-main-menu-en li:nth-child(2) {
 	width:13.75rem; /*just for the grid's sake*/
}


nav a:link, nav a:visited {
	color: #000;
	border-bottom:2px solid #fff;
	text-decoration: none;
	-webkit-transition:color .6s ,border .6s;
	-moz-transition:color .6s ,border .6s;
	-o-transition:color .6s ,border .6s;
	transition:color .6s ,border .6s;
	padding:0px 0.37rem;
}

nav a:hover, nav a:focus, nav a:active {
	color: #D4CCCA;
	border-bottom:2px solid #FF0;
	-webkit-transition:color .3s ,border .3s;
	-moz-transition:color .3s ,border .3s;
	-o-transition:color .3s ,border .3s;
	transition:color .3s ,border .3s;
}

nav li.current_page_item a {
	background:#FF0;
} /*aktuell ausgewaehlter Menuepunkts*/

nav li.current_page_item ul a {
	background:#FFFFFF;
} /*Subpunkte des aktuell ausgewaehlten Menuepunkts*/

nav li.current_page_item ul.sub-menu a {
} /*aktuell ausgewaehlter Menuepunkt - Subpunkte*/

nav ul.sub-menu li {
	float: none;
}

nav ul.sub-menu li a:link, nav ul.sub-menu li a:visited {
	color: #6a6260;
	border-bottom:2px solid #fff;
	text-decoration: none;
	-webkit-transition:color .6s ,border .6s;
	-moz-transition:color .6s ,border .6s;
	-o-transition:color .6s ,border .6s;
	transition:color .6s ,border .6s;
}

nav ul.sub-menu li a:hover, nav ul.sub-menu li a:focus, nav ul.sub-menu li a:active {
	color: #D4CCCA;
	border-bottom:2px solid #FF0;
	-webkit-transition:color .3s ,border .3s;
	-moz-transition:color .3s ,border .3s;
	-o-transition:color .3s ,border .3s;
	transition:color .3s ,border .3s;
}

/* Menu Button */
.menu-toggle {
display:none;
}



/* Image captions */
div.wp-caption {
	width:auto !important;
	display:inline-block;
	max-width:100%;
	height: auto;
}


#main article p.wp-caption-text, #projekte article p.wp-caption-text {
	color: #FFFFFF;
	background-color: rgba(0,0,0,0.3);
	font-size: 0.9rem;
	font-weight: bold;
	
	position:relative;
	display:block;
	width: auto;
	z-index: 300;
	padding: 0.4rem;
	margin: -40px 0 0 0;
}

.topimage  {
	width:  100%;
	max-width:48.125rem; /* legacy: 770px */
	height: auto;
	float:  none;
	padding: 0;
}

#projekte img.topimage { /* überschreibt #projekte.img */
	width:100%;
	max-width:48.125rem;
	margin:0;
	float:none;
	display:block;
	padding:0;
}


p .topimage {
	margin-bottom: -1rem;
}

.wp-caption .topimage {
	margin: 0;
}


/* othere images - in text */
a.media-img, a:link.media-img {
	border:none; /* all images within a tags shall have no boarder - see functions.php */
}


/****** @group homepage content ******/

/****** article ******/


h1 {
	color:#4e4e4e;
	font-size:1.5rem;
	padding:0 0 1rem 0;
}
h2 {
	color:#4e4e4e;
	font-size:1.5rem;
	padding:0 0 1rem 0;
}
h3 {
	color:#4e4e4e;
	font-size:1rem;
	padding:0 0 1rem 0;
}
strong {
	font-weight:normal;
	background:#FF0;
	padding:0 2px 0 4px;
	display:inline;
}


#main article h1 {
	max-width:35rem;
	width:auto;
	margin: 6rem 0 2.5rem 13.75rem; /* only appears in search results anyway*/
}
#main article h1 span {
	background:#FF0;
	padding: 0 0.3rem 0 0.3rem;
}
#main article p, #main article h2 {
	max-width:35rem;
	width:auto;
	margin: 0 0 0 13.75rem;
}
#main article h3 {
	max-width:35rem;
	width:auto;
	margin: 3rem 0 0 13.75rem;
}

#main article p {
	padding-bottom: 1rem;
}

article a, article a:link, article a:active, article a:visited {
	color:inherit;
	border-bottom:#6b5f5f 1px solid;
	text-decoration: none;
	-webkit-transition:color .6s ,border .6s;
	-moz-transition:color .6s ,border .6s;
	-o-transition:color .6s ,border .6s;
	transition:color .6s ,border .6s;
}

article a:hover, article a:focus {
	color:#6b5f5f;
	border-bottom:#fff 1px solid;
	-webkit-transition:color .3s ,border .3s;
	-moz-transition:color .3s ,border .3s;
	-o-transition:color .3s ,border .3s;
	transition:color .3s ,border .3s;
}

article a:active {
	color:#FF0;
}

hr {
	background:#d4ccca none repeat scroll 0%;
	border:0 none;
	height:1px;
	margin:3rem 0 3rem 0;
	clear:both;
	text-align:left;
}
/******** specific rules for * Projekte * layout article section ********/

#projekte article img {
	float: left;
	padding: 0 0 3rem 0;
	width: 11rem;
	height: auto;
}


#projekte article p {
	max-width:35rem;
	margin-bottom: 1rem;
}

#projekte article h2 {
	margin:0;
	max-width:35rem;
	padding-bottom: 1rem;
}
.rechts {
	margin: 0 0 0 13.75rem;
}
/******** specific rules for * Homepage * layout article section ********/


#homepage article h2 {
	margin:0; /* overrides article h2 rule*/
	width: 13.75rem;
	float: left;
}
#homepage article p {
	max-width: 35rem; /* overrides article p rule*/
	margin: 0 0 1rem 13.75rem;
}

/******** Contact * ********/	
div.wpforms-container-full {
  margin: 24px auto 0 13.75rem !important;
}


/******** specific rules for * Homepage - Highlights * ********/	

#classics {
	width: 38.25rem;
	width: calc(100% - 13.75rem) !important; /* for any browsers which calc */
	max-width: 38.25rem;
	
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  	display: -ms-flexbox;      /* TWEENER - IE 10 */
  	display: flex;
  	display: -webkit-flex;		/* the newer Safaris */   
	
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow:row wrap;
     -webkit-flex-wrap: wrap; 		/* Legacy */
     -webkit-flex-direction: row;   /* Legacy */
    
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -ms-justify-content:flex-start;
    
    box-align: start; /* start, end, stretch, center*/ /* OLD iOS 6 */
    
    
    align-content: space-between;
    -webkit-align-content: space-between;
    -ms-align-content: space-between;
    
    box-pack: justify; /* end, center, justify, center */ /* OLD iOS 6 */
}

#classics .wp-caption {
	display:block;
	width:9.375rem !important; /* overrides the element style, that wordpress adds */
	width: calc(33% - 1rem) !important; /* for any browsers which calc */
	margin:0 1rem 1rem 0;
	
	-webkit-box-flex: 1;
}

#classics .wp-caption p {
	margin:0;
	padding:0;
	font-size:0.9rem;
}

#classics .wp-caption img {
	width:9.375rem !important; /* overrides the element style, that wordpress adds */
	width: calc(100% - 1rem) !important; /* for any browsers which calc */
	height: auto;
	border:0;
}

#classics a, #classics a:link, #classics a:active, #classics a:visited {
	border-bottom:none;
	-webkit-transition:opacity .6s;
	-moz-transition:opacity .6s;
	-o-transition:opacity .6s;
	transition:opacity .6s;
}
#classics a:hover, #classics a:focus {
	border-bottom:none;
	filter:alpha(opacity=50);
	opacity: 0.5;
	-webkit-transition:opacity .6s;
	-moz-transition:opacity .6s;
	-o-transition:opacity .6s;
	transition:opacity .6s;
}

/* how sad is that: no flexbox browsers with modernizr */
.no-flexbox #classics {
	max-width: 35rem !important;
	display:inline-block;
}

.no-flexbox #classics .wp-caption {
	float: left;
	width: 150px !important;
	min-height: 270px !important;
	margin: 0 1rem 2rem 0;
	display: block;
	overflow: hidden;
}

.no-flexbox #classics p {
	width:150px;
}

.no-flexbox #classics .wp-caption img {
	width:150px !important;
}





/****** Footer ******/

footer {
	background: #000000;
	clear: both;
	min-height:5rem;
	height: 5rem;
}
/****** @group Forms ******/


#widget_search {
	float: right;
}
#searchform #s {
	background:#ececec;
	border:1px solid rgba(0, 0, 0, .15);
	font-size:0.8rem;
	font-weight:bold;
	font-family: Anivers, AniversRegular, Helvetica, Arial, sans-serif;
	padding: 1px 3px;
	width:5rem;
	height:0.9rem;
}
#searchform label {
	display: none;
	font-size:0.8rem;
	font-weight:bold;
	font-family: Anivers, AniversRegular, Helvetica, Arial, sans-serif;
}
#searchsubmit {
	background: url(images/search.jpg) no-repeat left top;
	width:1rem;
	height:1rem;
	border:none;
	text-indent: 1.2rem;
	margin:0 0 0 0.3rem;
}
#searchsubmit:hover, #searchsubmit:focus, #searchsubmit:active {
	position:relative;
	top:1px;
	left:1px;
	outline:none;
}

#searchform #s:hover, #searchform #s:focus, #searchform #s:active {
	background:#FF0;
	outline:none;
}

/* Search results */
section.excerpt p {
	margin: 0 0 3rem 13.75rem;
}
section.excerpt h2 {
	margin: 3rem 0px 0px 13.75rem !important;
}


/****** Contact Form ############ ******/

/* wird nur fuer kontakt-template contact.php benoetigt */


#ninja_forms_form_1_cont {
	max-width: 35rem;
    width: auto;
    margin: 0 0 0 13.75rem;
}

input#ninja_forms_field_5  {
	font-family: Anivers, AniversRegular, Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size:0.9rem;
	border: thin solid #E1E1E1;
	background:#ECECEC;
	padding: 0.3rem;
	width: 8rem !important;
	float: right;
}

input#ninja_forms_field_5:hover {
	background:#FF0;
}

input#ninja_forms_field_5:active {
	background: #E1E1E1;
}



/* ***********************************
 * Soliloquy Slider
 *
 *************************************/

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


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

.soliloquy-container img {
width:auto !important;
}

/* =Responsive Structure ----------------------------------------------- */
/* Site ist design für 1280px+ */
/* 2015: #1: 1366*768 #2: 1920x1080  #3: 1024x768   #4:1280x800 */
/* Ipad mit 1024 x 768 px Landscape*/
	@media only screen and (max-width:1024px) {	
	
}

/* Standard Breite 900px --legacy */
	@media only screen and (max-width:900px) { 
	

	
	#container {
	width:auto;
	margin:0 1rem;
	}
	
	header {
	margin: 2rem 0 3rem 0;
	border-bottom: 1px solid #d4ccca;
	}
	
	#site-name {
	margin:0 0rem 2rem 0;
	float:left;
	}
	
	#site-name span {
	margin: 0 1rem;
	}
	
	
	
	/*** Menu Button ***/
	.menu-toggle {
	display: block;
	float:right;
	padding:0.2rem 0.6rem;
	background-color:#FF0;
	border:none;
	-webkit-transition:background-color .6s;
	-moz-transition:background-color .6s;
	-o-transition:background-color .6s;
	transition:background-color .6s;
	}
	
	.menu-toggle:hover {
	background-color:#FFD;
	
	-webkit-transition:background-color .3s;
	-moz-transition:background-color .3s;
	-o-transition:background-color .3s;
	transition:background-color .3s;
	}
	
	/* nav and .menulayer slides in through JQuery */
	nav {
	margin: 0 2rem 2rem 0;
	display:none;
	clear:both;
	background-color:rgba(255,255,255,1);
	z-index:1000;
	width:auto;
	position:absolute;
	top:0;
	right:0;
	border:none;
	
	font-size:1.2rem;
	line-height:1.5;
	}
	
	.menulayer {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:none;
	display:none;
	clear:both;
	background-color:rgba(0,0,0,0.8);
	z-index:990;
	}
	
	.menu-main-menue-container 
	{
	display:inline-block;
	padding:1rem;
	background-color:rgba(255,255,255,1);
	border-bottom: 1px solid grey;
	}
	
	#menu-main-menue li {
	clear:both;
	padding:0.4rem 0 0.2rem 0;
	width:auto !important;
	}
	
	#menu-main-menue li ul.sub-menu li {
	padding:0;
	}
	
	#widget_search {
	float:left;
	margin: 0 1rem;
	}
	
	#search #s {
	width: auto;
	}
	
	/* language bubble */
	#language {
	display: none;
	}
	
	#languageresponsive {
	display: inline-block;
	font-size:0.8rem;
	text-transform:none;
	background:url(images/english.gif) #FF0;
	width:64px;
	height:27px;
	text-align:center;
	margin: 0 1rem 0 0;
	float:right;
	
}

	#languageresponsive a:link, #languageresponsive a:visited {
	text-decoration: none;
	color: #3D3D3A;
	border:none;
}

	#languageresponsive a:hover, #languageresponsive a:focus, #languageresponsive a:active {
	color: #D4D4D4;
}
	
	
	/*** Main ***/
	
	
	.topimage {
	margin:0;
	}
	
	#main article p, #main article h2 {
	margin: 0 0 1rem 0;
	}
	
	article {
	margin: 0 auto;
	}
	
	#classics {
	margin: 0 0 1rem 13.75rem;
	float:none;
	}
	
	#homepage article p, #homepage article h1, #homepage article h2, #homepage article h3
	#projekte article p, #projekte article h1, #projekte article h2, #projekte article h3 {
	width: auto;
	}
	
	#projekte article img {
	padding: 0 1rem 3rem 0;
	}
	
	.rechts {
    margin: 0 0 0 12rem;}
    
    
    /*** Contact ***/
    #ninja_forms_form_1_cont {
    margin: 0rem;
	}
    
	
}



/* Ipad mit 1024 x 768 px in Portrait*/
	@media only screen and (max-width:768px) { 
	/* is fine */
}



/* Everything below 760 (smaller than the Ipad) */
	@media only screen and (max-width:760px) { 
	
	#homepage article p, #homepage article h1, #homepage article h2, #homepage article h3
	#projekte article p, #projekte article h1, #projekte article h2, #projekte article h3 {
	float:none;
	margin: 0 0 1rem 0;
	}
	
	#classics {
	margin: 0 0 1rem 0;
	width: 100% !important;
	}
	
	.no-flexbox #classics {
	max-width: 100% !important;
}

	
}


/* Iphone und Ipod mit 480 Landscape */
	@media only screen and (max-width: 480px) {
	
	header {
	margin: 2rem 0 2.3rem 0;
	}
	
	#projekte article img {
	float:none;
	width:100%;
	padding:0;
	margin-bottom:1.5rem;
	}	
	
	
	.rechts {
    margin: 0;
	}
	
	#site-name {
	margin: 0 0 0.5rem 0;
	float:none;
	}
	
	#site-name span {
	display: block;
	margin: 0;
	float:none;
	}
	
	nav {
	right:auto;
	left:0;
	margin:1rem;
	
	}
	
	.menu-toggle {
	float:none;
	margin:0 0 2rem 0;
	}
	
	hr {
	margin: 2rem 0;
	}
	
	.soliloquy-container {
	margin:0 0 2rem 0 !important;
	}
	
	#classics .wp-caption {
    width: calc(50% - 1rem) !important;
    margin: 0 1rem 1rem 0;
	}
	
	
	.no-flexbox #classics .wp-caption {
	width: 130px !important;
	margin: 0 0.5rem 1rem 0;
	
}

	.no-flexbox #classics .wp-caption img {
	width: 130px !important;
}


	.no-flexbox #classics p {
	width:130px;
}
	
}



/* Small Mobile Phones 320 x 240px Landscape */
@media only screen and (max-width: 320px) {
#classics {
-webkit-box-orient: vertical;

}
	

}



/* ***********************************
 * print styles
 *
 *************************************/
@media print {
/* nicht vergessen: hier keine floats:left oder :right */
#container {
 margin: 2cm;
 width:100%;
}
section {
	overflow: visible !important;
	clear: left;
	margin: 0;
	padding: 0;
}
#main {
	margin: 0;
}
#slider {
	display:none;
}

#language{
	display:none;
}

a, a:visited {
	text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Anivers, Helvetica, Arial, sans-serif;
	color:#666;
}
#main article h1, #projekte article h1, #homepage article h1 {
	font-size: 16pt;
	margin: 0 0 0.5cm 0;
	width: 80%;
	margin: 0;
}
#main article h2, #projekte article h2, #homepage article h2 {
	font-size: 14pt;
	margin: 2cm 0 0.5cm 0;
	width: 80%;
	margin: 0;
}
#main article h3, #projekte article h3, #homepage article h3 {
	font-size: 11pt;
	margin: 2cm 0 0.5cm 0;
	width: 80%;
	margin: 0;
}
#main article p, #projekte article p, #homepage article h1 {
	font-size:11pt;
	line-height:16pt;
	width: 80%;
	margin: 0;
}
hr {
	width: 80%;
}
header {
	margin:0;
}
#site-name {
	font-family: Anivers, Helvetica, Arial, sans-serif;
	width: auto;
	font-size: 16pt;
	color: #1c1819;
	margin: 0 0 2cm 0;
	Padding: 0;
}
#site-name span {
	clear: both;
	color: #6a6260;
	margin-left: 1cm;
}
header nav {
	display: none; /* We don't show the navigation */
}
#main, #projekte, #homepage {
	padding: 0;
	margin: 0;
	width: 17cm;
}
#homepage article h2 {
	float: none;
	width: auto;
}
#homepage article p {
	margin: 0 0 0.2cm 0;
	width: 17cm;
}
article {
	padding: 0;
	margin: 0;
}
#main article img {
	margin: 1.5cm 0 0 0;
}
article #classics p {
	font-size: 10pt;
	margin: 0;
	width: 4cm;
}
aside {
	display:none;
}
footer {
	display: none;
}
p, h2, h3 {
	orphans: 3;
	widows: 3;
}
h1, h2, h3 {
	page-break-after: avoid;
}
}