/*
Theme Name: byinka 2015
Author: Torsten Wagner
Author URI: http://www.wagnergraphics.de
Description: basiert auf Foundation
Version: 1.0
License: GNU General Public License
License URI: license.txt
*/

/*

font-family: 'Roboto Condensed', sans-serif;
	Light 300
	Normal 400
	Bold 700
	+ italic

font-family: 'Sacramento', cursive;
	
Gold: rgba(158,147,136,1.00);
Gold - dunkler: rgba(110,103,96,1.00);
Gold - heller: rgba(255,252,247,1.00);


/* Hinweis für alte IE-Version 
-----------------------------------------*/
	#chromeframe {
		display: block;
		padding: 40px;
		color: #fff;
		background-color: rgba(255,252,247,1.00);
	}
	#chromeframe h2 {
		font-size: 24px;
		color: #fff;
	}
	#chromeframe a {
		color: #fff;
		text-decoration: underline;	
	}


/* Foundation - Overrides
-----------------------------------------*/

	.row { max-width: 100% !important; }
	
	.reveal-modal-bg { 
		background: rgba(0,0,0,0.75); 
		}
	.reveal-modal {
		background-color: rgb(253, 253, 251); 
		}

	
	
	 button, 
	 button:visited,
	.button, 
	.button:visited {
		clear: both;
		width: 100%;
		color: rgba(255,252,247,1.00) !important;
		background-color: rgba(158,147,136,1.00) !important;
		border: 1px solid rgba(255,255,255,0.10);
		font-family: inherit;
		font-size: 1.2rem;
		font-weight: 300;
		text-transform: uppercase;
		box-shadow: inset 0 0 20px rgba(0,0,0,0.05), 0 0 2px rgba(0,0,0,0.10);
		}
	button:hover, 
	button:focus, 
	.button:hover,
	.button:focus {
		background-color: rgba(110,103,96,1.00);
		box-shadow: inset 0 0 20px rgba(0,0,0,0.25), 5px 5px 10px rgba(0,0,0,0.25);
		border-top: 1px solid rgba(255,255,255,0.50);
		border-left: 1px solid rgba(255,255,255,0.50);
		border-right: 1px solid rgba(0,0,0,0.50);
		border-bottom: 1px solid rgba(0,0,0,0.50);
		transform: scale(1.01);
		}






/* Allgemeine Schriftformate
-----------------------------------------*/

html,
body { 
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	font-style: normal;
	scroll-behavior: smooth;
	}

body { 
	background-color: rgba(158,147,136,1.00);
	color: rgba(0,0,0,0.80);
	background-image: url('img/hintergrund.jpg');
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
	}


strong { 
	font-weight: 700;
	}

h1,
h2,
h3,
h4,
h5,
h6 {
	padding-bottom: 0.2em;
	text-align: left;
	clear: both;
	font-family: inherit;
	}

a, 
a:visited { 
	color: rgba(158,147,136,1.00);
	border-bottom: none;
	text-decoration: none;	
	}
a:hover, 
a:active,
a:focus {
	color: rgba(110,103,96,1.00);
	outline: none;
	}
a:focus { -moz-outline-style: none; }


hr { 
	border-color: rgba(0,0,0,0.15);
	margin: 2em 0;
	}
	hr:before,
	hr:after {
		content:"";
		display:table;
		}
	hr:after { clear:both }	


mark,
::selection  {
    background-color: rgba(110,103,96,0.25);
	padding: 0 0.3em;
	}
	










/* Grundstruktur
---------------------------------------------------------------------------------------------------------------------------*/

.svg .sprite    { background-image: url('img/spritesheet.svg'); }
.no-svg .sprite { background-image: url('img/spritesheet.png'); }



#ip-container,
.ip-header {
	height: 100%;
	z-index: 999;
	}

#abdunklung {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.0);
	pointer-events: none !important;
	z-index: 20;
	}
	#abdunklung.aktiv {
		background-color: rgba(0,0,0,0.5);
		}
		
#site-wrapper {
	overflow: hidden;
	}



/* Header
---------------------------------------------------------------------------------------------------------------------------*/
header {
	padding: 0;
	z-index: 200;
	position: relative;
	}
#header-inhalt {
	position: relative;
	background-color: rgba(110,103,96,0.75);
	height: 65px;
	z-index: 2;
	}
	
#header-logo img {
	height: 55px;
	margin-top: 7px;	
	padding-right: 60px;
	}



/* Logo  HighPerformancePhotographer */
header .logo-highperformance {
	border: 1px solid rgba(255, 255, 255, 0.6);
    height: 80%;
    position: absolute;
    right: 85px;
    top: 9%;
	}


	
/* Hamburger-Button - Elastic */
.menu-button {
	position: absolute;
	border-left: 1px solid rgba(255,255,255,0.25);
	right: 0;
	padding: 8px 1rem;	
	width: 65px;
	height: 65px;	
	cursor: pointer;	
	display: block;
	background: none;
	outline: none;
	tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent; /* For some Androids */
}
.menu-button:hover {
	background-color: rgba(255,255,255,0.10)
}
.menu-button span {
	padding: 1rem;
}
.morph-shape-hamburger-button {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.morph-shape-hamburger-button svg path,
.morph-shape-hamburger-button svg line {
	stroke: #DDDCD7;
	stroke-width: 4px;
	transition: transform 0.3s;
}
.menu-button--open .morph-shape-hamburger-button svg path:first-of-type {
	transform: translate3d(0, -8px, 0);
}
.menu-button--open .morph-shape-hamburger-button svg path:nth-of-type(2) {
	transform: translate3d(0, 8px, 0);
}




/* Hauptmenü  - Allgemein + Smartphone
---------------------------------------------------------------------------------------------------------------------------*/

/* Elastic Menü-Container */
.elastic-menu {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	pointer-events: none;	
}
.elastic-menu.menu--open {
	height: 100%;
	pointer-events: inherit;
}

.elastic-menu-morph-shape,
.elastic-menu-morph-shape svg {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}
.elastic-menu-morph-shape svg {
	height: 100%;
}
.elastic-menu-morph-shape svg path {
	fill: rgba(255,252,247,0.95);
}

.elastic-menu-morph-shape {
	height: 65px;
	transform: translateY(-65px);
	transition: transform 0.2s cubic-bezier(0.7, 0, 0.3, 1);
}

.elastic-menu.menu--open .elastic-menu-morph-shape {
	min-height: 65px;
	height: auto;
	transform: translateY(0);
	filter: drop-shadow(0 0 10px rgba(0,0,0,0.5));
}




/* Elastic Menü -  Inhalt */
.menu-hauptmenue-container {
	position: relative;
	padding: 0;
    width: 100%;
	height: 100%;
	}

#elastic-menu ul {
	z-index: 100;
	margin: 0;
	transform: translateY(-1);
	transform: scaleY(0);
	opacity: 0;
	transform-origin: 0 0;
	transition: all 0.3s ease;
	}
	#elastic-menu.menu--open ul {
		opacity: 1;
		transform: translateY(1);
		transform: scaleY(1);
		}

#elastic-menu ul li { 	
	list-style: none;
  	text-align: center;	
	border-bottom: 1px solid rgba(0,0,0,0.20); 
	padding: 1rem;	
	}
	#elastic-menu ul li:last-child {
		border-bottom: none;
		}

#elastic-menu ul li a {	
	display: block;
	margin: 0;
	text-transform: uppercase;
	color: #000;
	padding: 0 0.25em;
	line-height: 50px;
	}







	
	





/* Rank Math Breadcrumbs
---------------------------------------------------------------------------------------------------------------------------*/
#breadcrumb {
	position: relative;  
	padding: 0 1rem;
	z-index: 101;
    margin: 1em 0 0 0;
    height: 1em;
	}

#breadcrumb nav {
    display: inline-block
	}

#breadcrumb a,
#breadcrumb span{
	font-size: 0.7em;
	
	text-transform: uppercase;
	color: rgba(0,0,0,0.50);
	}

#breadcrumb a:link,
#breadcrumb a:visited {
	 color: rgba(0,0,0,0.50);
	}
#breadcrumb a i.fi-home {
    float: left;
	font-size: 1.1em;
    margin: 5px 0.5em 0 0;
	}





/* Inhalt
---------------------------------------------------------------------------------------------------------------------------*/
#inhalt-wrapper {
	display: block;		
	margin-top: 40px;	   
    box-sizing: border-box;	
	}
	
.hintergrund {
	display: block;
	min-height: 100%;	
	padding: 1rem;
	background-color: rgba(255, 252, 247, 0.5);
	}
	/*Hintergrundbild bei "Über mich"*/	
	.post-146 .hintergrund {
		background-image: url("https://cdn.byinka.de/m:0/a:http://www.byinka.de/wp-content/uploads/2011/07/Inka-Baetghe_transparent.png");
		background-position: bottom center;
		background-size: 100% auto;
		background-repeat: no-repeat;
		padding-bottom: 200px;
		}
	
#inhalt {
	position: relative; /* benötigt für Scrollbar */
	height: 100%;
	padding: 0;	
	}
	.startseite #inhalt {
		margin-top: 1rem;	
		}	
	
#inhalt h1 {
	font-family: 'Sacramento', cursive;	
	font-size: 1.8rem;
	padding-bottom: 0;
	margin-bottom: 0.25em;
	}
#inhalt h2 {
	font-size: 1.6rem;
    font-weight: 300;
	margin-top: 2em;
	margin-bottom: 0.5em;
	}
#inhalt h3 {
	font-size: 1.3rem;
	margin-top: 1.5em;
	margin-bottom: 0.25em;
	font-weight: 700;
	}


#inhalt h1:first-child,
#inhalt h2:first-child,
.hintergrund h1:first-child,
.hintergrund h2:first-child { margin-top: 0; }	


#inhalt p {
    font-weight: 300;
	margin-bottom: 0.9em;
	line-height: 1.5em;
	hyphens: auto;
	text-align: justify;
	}

ul + h3,
p + h3 { margin-top: 2em;}

#inhalt ul { font-size: 1em; } 

#inhalt a { 
	color: rgba(158,147,136,1.00);
	font-weight: 400;
	} 
#inhalt a:hover,
#inhalt a:focus { 
	color: rgba(158,147,136,1.00);
	text-shadow: 0 0 10px rgba(255,255,255,0.70);
	} 


#inhalt figure a,
#inhalt a[href$='.jpg'],
#inhalt a[href$='.png'],
#inhalt a[href^='mailto:'],
#inhalt #suchseite a { 
	padding: 0; 
	background-color: transparent;
	}

small,
#inhalt .small { 
	font-size: 0.8em; 
	}

.unterschrift {
	display: block;
	text-align: right;
	font-size: 1.8em;
	font-family: 'Sacramento', cursive;
	}


.kolumnen,
.text-columns {
         column-width: 450px;
		 column-gap: 6em;
		 column-rule: 1px solid rgba(0,0,0,0.15);	
		 margin-bottom: 0.8rem;	  
		} 

#teaser-fotobuch {
	display: block;
	margin: 1rem;
	padding: 2rem;
	clear: both;
	background-color: rgba(158,147,136,0.50);
	}
	#teaser-fotobuch:hover {
		background-color: rgba(158,147,136,0.70);
		}
	#teaser-fotobuch h3 {
		font-family: 'Sacramento', cursive;
		}





/* Galerie Übersicht + Startseitenbilder
-----------------------------------------*/
.galerie-uebersicht .columns {
	margin-bottom: 2rem;
	}
	

.image-frame-wrapper {	
	position: relative;	
	height: 39vh;
	overflow: visible;
	}
	.image-frame-wrapper.erstes-element {
		margin-bottom: 2rem;
	}

.image-frame {
	width: 100%;
	height: 100%;
	background-position: 50% 50%; 
	background-size: cover;
	background-repeat: no-repeat;
	border: 6px solid white;
	overflow: hidden;
	box-shadow: 0 0 100px rgba(255,252,247,1.00);	
	}
	.image-frame-wrapper:hover .image-frame {
		box-shadow: 0 0 100px rgba(158,147,136,0.20);
		}
	
.heading-inside-image {
	display: block;
	height: 30px;
	position: absolute;
	left: 2rem;
	right: 2rem;
	bottom: 1rem;
	line-height: 30px;
	background-color: rgba(255,255,255,0.90);
	color: rgba(158,147,136,1.00);
	font-size: 1.3rem;
	font-weight: 300;
	text-transform: uppercase;
	text-align: center;
	pointer-events: none;
	letter-spacing: 0em;
	}
	.image-frame-wrapper:hover .heading-inside-image {
		background-color: rgba(255,255,255,0.90);
		box-shadow: inset 0 0 30px rgba(0,0,0,0.05), 0 0 20px rgba(0,0,0,0.10);
		letter-spacing: 0.1em;  
		}





/* Bilder
-----------------------------------------*/
figure {
	margin: 0; 
	}

.alignleft,
.alignright,
.aligncenter { 
	margin: 1rem 0;
	width: auto;
	height: auto;
	max-width: 100%; 
	max-height: 85vh;
	}
	
.alignleft img,
.alignright img,
.aligncenter img { 
	height: auto;
	}

.ohne,
.kein-schatten { 
	border: none;
	box-shadow: none;
	transform: none;
	}









/* FlexVideo */
.flex-video  {
    margin: 1.5rem 0;
}
.flex-video iframe, .flex-video object, .flex-video embed, .flex-video video {
    border: none;
}




/* Liste
-----------------------------------------*/
#inhalt ul {
	list-style: square outside;
	margin: 2em 0 2em 0;
	padding: 0;
	} 

#inhalt li {
	margin-bottom: 1em;
	position: relative;
	padding-left: 0;
	} 




/* Blogansicht
-----------------------------------------*/
	.blog .row,
	.blog-single .row { 
		margin: 0 auto; 
		}
		
	.blog .hintergrund,
	.blog-single .hintergrund {
		background-color: transparent;
		padding: 0;
		margin: 0;
		}
		
	#inhalt .time-wrapper {
		float: right;
		margin-right: 0;  
		}	
	
	#inhalt time {	
		display: table-cell;
		width: 100px;
		height: calc(width);
		background-color: rgba(158,147,136,1.00);
		color: rgba(255,252,247,1.00);
		font-size: 0.875em;
		text-align: center;
		vertical-align: middle;
		}	
	
	.blog .content,
	.blog-single .content {
		padding: 0.5rem;
		background-color: rgba(255,252,247,0.50);
		margin-bottom: 2rem;
		}
	
	.blog time,
	.blog-single time {
		margin: -3.5em 0 2em 0;
		}	
	
		
	#inhalt.blog-single h1 {
		border-bottom: none;
		font-size: 1.8rem;
		}
	#inhalt.blog h2 {
		font-family: 'Sacramento', cursive;	
		font-size: 1.8rem;
		}
		
	.post-navigation {
		border-top: 1px solid rgba(0,0,0,0.25);
		padding-top: 0.5em;
		margin-top: 4em;
		font-weight: 300;
		color: rgba(0,0,0,0.25);
		font-size: 0.875rem;
		}
	.post-navigation h2.screen-reader-text { display: none; }	
	
	
	.post-navigation .nav-previous {
		display: block;
		width: 49%;
		float: left;
		}
		.post-navigation .nav-previous:before {
			content: "\f10a";
			font-family:"foundation-icons";
			margin-right: 0.5em;
			}
	.post-navigation .nav-next {
		display: block;
		width: 49%;
		float: right;
		text-align: right;
		}	
		.post-navigation .nav-next:after {
			content: "\f10b";
			font-family:"foundation-icons";
			margin-left: 0.5em;
			}
			
			
	.blog .addthis,
	.blog-single .addthis {
		float: right;
		text-align: right;
		}
	.blog-single .addthis {
		margin-top: 2rem;
		}






/* wagnergraphics
-----------------------------------------*/
.wagnergraphics {
	margin-left: -10px;
	}






/* Sidebar
---------------------------------------------------------------------------------------------------------------------------*/

#sidebar,
#sidebar-breit {
	background-color: rgba(110,103,96,0.50);
	padding: 0;
	margin: 0;	
	color: rgba(255,252,247,1.00);
	overflow: hidden;
	font-size: 0.875rem;
	}	
	
#sidebar-inhalt {
	margin: 0;
	}	

#sidebar-inhalt section {
	margin-top: 2rem;
	}
	#sidebar-inhalt .columns:first-child section {
		margin-top: 0;
		}
#sidebar h1,
#sidebar-breit h1 {
	font-family: 'Sacramento', cursive;
	margin: 0 0 0.5em 0;
	font-size: 1.6rem;
	color: rgba(255,252,247,1.00);
}	

#sidebar h2,
#sidebar-breit h2 {
	display: block;
	font-size: 1rem;
	margin: 2em 0 0 0;
	color: rgba(255,252,247,1.00);
	text-transform: uppercase;
	}

#sidebar h2 a ,
#sidebar-breit h2 a{
	color: rgba(255,252,247,1.00);
	}
	
#sidebar a,
#sidebar-breit a {
	color: rgba(255,252,247,1.00);
	text-transform: uppercase;
	}
		
#sidebar a:hover, 
#sidebar a:active,
#sidebar a:focus,
#sidebar-breit a:hover,
#sidebar-breit a:active,
#sidebar-breit a:focus {
	color: rgba(255,252,247,0.50);
	}

#sidebar a.textlink,
#sidebar-breit a.textlink {
	display: block;
	text-align: right; 
	width: 100% !important;
	max-width: 100% !important;
	margin: -0.5em 0 2em 0;
	}

#sidebar p,
#sidebar-breit p {
    font-size: 0.925rem;
    line-height: 1.4em;
	}
	
#sidebar ul,
#sidebar-breit ul {
	float: left;
	list-style: none;
	margin: 0;
	display: inline-block;
	text-transform: none !important ;
	}

#sidebar-breit li {
	margin-bottom: 0;
	}
	
#sidebar i,
#sidebar-breit i {
	display: inline-block;
	margin-left: 0;
	width: 1em;
	text-align: center;
	}
		
#sidebar figure,
#sidebar-breit figure {
    margin: 1em 0;
	}
	

	
/* Sidebar-Footer */
	.sidebar-footer {
		background-color: rgba(0,0,0,0.50);
		margin: 1rem 0 0 0;
		padding: 0.9375rem;
		}
	
	#sidebar .sidebar-footer li,
	#sidebar-breit .sidebar-footer li {
		margin-bottom: 0.4em;
		}
	
	
	#sidebar .zertifikat-bpp,
	#sidebar-breit .zertifikat-bpp {
		float: right;
		margin-right: 1rem;
		max-width: 100px;
		}
		
	#sidebar .sidebar-footer i,
	#sidebar-breit .sidebar-footer i {
		margin-left: 0;
		margin-right: 0.5em;
		}





/* Paginierung auf Archive-Seite
-----------------------------------------*/
	#inhalt ul.page-numbers {
		display: block;
		text-align: center;
	}
	#inhalt ul.page-numbers li {
		display: inline-block;
		margin: 0 0.15rem;
		padding: 0;
		text-indent: 0;
		background: rgba(0,0,0,0.10);
		color: rgba(255,252,247,1.00);
		font-size: 0.875em;
		}
	#inhalt ul.page-numbers li:before { display: none;}
	
	#inhalt ul.page-numbers li a {
		display: block;
		padding: 0.5em 1em;
		color: rgba(110,103,96,1.00);
		border-bottom: none !important;
		}
	#inhalt ul.page-numbers span.current {
		display: block;
		padding: 0.5em 1em;
		background: rgba(255,252,247,1.00);
		color: rgba(110,103,96,1.00);
		font-weight: 700;
		}
	
	#inhalt ul.page-numbers li:hover a,
	#inhalt ul.page-numbers li a:focus {
		background: rgba(158,147,136,1.00);
		color: #fff;
		}
		
	#inhalt ul.page-numbers li.current a:hover, 
	#inhalt ul.page-numbers li.current a:focus {
		background: rgba(110,103,96,1.00);
		}





/* Footer 
-------------------------------------------------------------------------------------------------------------------------*/
footer {
	padding: 0;
	position: relative;
	z-index: 99;
	}	
	
#footer-inhalt {
	position: relative;
	width: 100%;
	background-color: rgba(110,103,96,0.75);
	font-size: 1rem;
	font-weight: 300;	
	color: rgba(255,252,247,1.00);
	}

footer p {
	font-size: 1em;
	font-weight: 300;
	margin-bottom: 0.5em;
	}

footer strong {
	font-weight: 400;
	}

footer ul { 
	list-style: none;
	margin: 3px 0 0;
	}
	
footer li { 
	font-size: 1rem;
	text-align: center;
	list-style: none;
	display: compact;
	border-bottom: 1px solid rgba(255,255,255,0.20);
	}
	footer li:last-child { 
		border-bottom: none;
		}
	footer li:hover,
	footer li.active { 
		background: radial-gradient(ellipse at center, rgba(255,255,255,0.20) 0%, rgba(255,255,255,0.00) 60%); 
		}
	footer li a { display: inline-block; }	

footer a,
footer a:visited { 
	color: rgba(255,252,247,1.00);
	padding: 1em 0;	
	word-break: break-all;
	}
	footer a:hover,
	footer a:active,
	footer a:focus { 
		color: rgba(255,255,255,1.00);
		}
		
footer i {
	margin-right: 0.25em;
	font-style: normal;
	}	

footer #nach-oben {
	position: absolute;
	display: inline-block;
	right: 1rem;
	bottom: 0.25em;
	}

footer .wrapper-logo-highperformance {
	text-align: center;
	padding: 2rem;
	}







	/* Maps-Container */
	#maps-container {
		bottom: 0;
		padding: 0 0.5rem;
		height: 94vh;
		width: 100%;
		overflow: hidden;
		position: absolute;
		z-index: -1;
		opacity: 0;
		}
	#maps-container.anfahrt--open {
		height: 94vh;	
		opacity: 1;
		z-index: 999;
		}
	
	#maps-close-button {
		position: absolute;
		top: 0.8rem;
		right: 4rem;
		color: rgba(0,0,0,1.00);
		cursor: pointer;
		font-size: 4rem;
		font-weight: bold;
		line-height: 1;
		}



















/* PlugIns
---------------------------------------------------------------------------------------------------------------------------*/
  
  
  
 /* Leaflet Marker
-----------------------------------------*/
	.leaflet-container {
		border: none !important; 
		box-shadow: 0 0 5px rgba(120,53,99,0.10);
		border-radius: 2px;	
		width: 100%;
		height: 100%;
		}
	.leaflet-google-layer  {
		width: inherit !important;
		}





/*  perfect-scrollbar.js
	http://noraesae.github.io/perfect-scrollbar/
-----------------------------------------*/
	#inhalt .ps-scrollbar-y-rail,
	#sidebar-scroll-content .ps-scrollbar-y-rail {
		opacity: 0.1 !important;
		}
	#inhalt:hover .ps-scrollbar-y-rail,
	#sidebar-inhalt:hover .ps-scrollbar-y-rail,
	#sidebar-scroll-content:hover .ps-scrollbar-y-rail {
		opacity: 1 !important;
		background-color: rgba(255,255,255,0.25);
		}
	#inhalt .ps-scrollbar-y,
	#sidebar-inhalt .ps-scrollbar-y,
	#sidebar-scroll-content .ps-scrollbar-y  {
		background-color: rgba(255,252,247,0.70) !important;	  
		}			
	.ps-scrollbar-x-rail {
		display: none !important;
		}  






/* Contact-Form 7
-----------------------------------------*/
	.wpcf7-form h3 {
		margin-top: 1.5em;
		}
	fieldset {
		border: 1px solid rgba(110,103,96,0.20);
		margin: 1rem 0;
		padding: 1rem;
		}	
	fieldset legend {
		background-color: #F6F1EA;
		font-weight: 300;
		}
	
	.kontakt a.button { color: #fff; }
	
	.wpcf7-form input,
	.wpcf7-form textarea,
	input[type="text"], 
	input[type="password"], 
	input[type="date"], 
	input[type="datetime"], 
	input[type="datetime-local"], 
	input[type="month"], 
	input[type="week"], 
	input[type="email"], 
	input[type="number"], 
	input[type="search"], 
	input[type="tel"], 
	input[type="time"],
	input[type="url"], 
	input[type="color"], 
	textarea {
		font-size: 1.1rem;
		height: auto;
		border: 1px solid rgba(158,147,136,0.25);
		color: rgba(110,103,96,1.00);
		}
			
	.wpcf7-form input.wpcf7-validates-as-required,
	.wpcf7-form textarea.wpcf7-validates-as-required {
		border: 1px solid rgba(158,147,136,1.00);
		background-color: #fff;	
		}
	
	.wpcf7-form input.error,
	.wpcf7-form textarea.error {
		border: 1px solid #C60F13;
		}
	
	.wpcf7-submit {
		font-size: 1.2em !important;
		}
	
	.error small, 
	small.error,
	label.error {
		background: none repeat scroll 0 0 #C60F13;
		color: #FFFFFF;
		display: block;
		font-size: 0.75em;
		margin-bottom: 1em;
		margin-top: -1.3125em;
		padding: 0.375em 0.25em;
		}
	
	.wpcf7-not-valid {
		box-shadow: 0 0 10px rgba(0,0,0,0.30) !important;
		border-color: rgba(158,147,136,1.00) !important;
		}
	span.wpcf7-not-valid-tip {
		background-color: rgba(158,147,136,0.50);
		color: #000 !important;
		display: block;
		font-weight: 300;
		font-size: 0.875em !important;
		margin: -1em 0 1em;
		padding: 0.25em 0.5em;
		}
	
	div.wpcf7-response-output,
	div.wpcf7-validation-errors {
		padding: 2em !important;
		background-color: #bccf01;
		color: #fff !important;
		border: none !important;	
		box-shadow: 0 0 40px rgba(0, 0, 0, 0.25) inset, 0 0 40px  ;
		margin: 1rem auto !important;
		}
		
	div.wpcf7-validation-errors {
		background-color: red;
		}
		
		
	::-webkit-input-placeholder { color: rgba(110,103,96,0.70);  }
	::-moz-placeholder { color: rgba(110,103,96,0.70);  } /* firefox 19+ */
	:-ms-input-placeholder { color: rgba(110,103,96,0.70);  } /* ie */
	input:-moz-placeholder { color: rgba(110,103,96,0.70); }








/* Suchergebnisse
-----------------------------------------*/
	.relevanssi-query-term  {
		color: rgba(255,252,247,1.00);
		font-weight: 400;
		}
		
	 a.more-link  {
		text-align: right;
		display: block;
		font-weight: 400;
		margin-top: 0.5em;
		}



/* Responsive Gallery
-----------------------------------------*/

	.gallery {
		clear: both;
		margin: 0 auto !important;
		}
	
	.gallery-item {
		margin: 1% !important;
		}


	




/* Galleria
-----------------------------------------*/
	.p-gallery {
		height: 70vh !important;
		}
		
	.galleria-container {
		height: inherit;
		background-color: rgba(255,255,255,0.6) !important;
		width: 100% !important;
		}
	.galleria-container.fullscreen {
		background-color: rgba(0,0,0,0.95) !important;
		}
		
	.galleria-thumbnails-container {
		bottom: 0;
		left: 0;
		right: 0;
		padding: 5px;
		background-color: rgba(158,147,136,0.40);
		}
	
	.galleria-counter {
		visibility: hidden;
		}	
	.galleria-carousel .galleria-thumb-nav-left {
		top: 4px;
		left: 4px;
		}
	.galleria-carousel .galleria-thumb-nav-right {
		top: 4px;
		right: 4px;
		}
	
	.galleria-info {
		display: none !important;
		}





/* FlipBook3D
-----------------------------------------*/
	#flip-book,	
	.real3dflipbook-1,
	.real3dflipbook-2,
	.real3dflipbook-3,
	.real3dflipbook-4,
	.real3dflipbook-5,
	.real3dflipbook-6,
	.real3dflipbook-7,
	.real3dflipbook-8,
	.real3dflipbook-9,
	.real3dflipbook-10 {
		/*min-height: 90vh !important;*/
		height: 90vh !important;
		max-height: 100%;
		}
	
	.flipbook-main-wrapper {
		background: rgba(110,103,96,0.75) !important;
		}
	
	.flipbook-bg-light {
		background: none repeat scroll 0 0 rgba(255,252,247,0.90) !important;
	}	
	
	#flip-book .flipbook-currentPage {   
		box-shadow: none !important;
		background-color: transparent;
		color: rgba(0, 0, 0, 0.6);
		}
	
	.flipbook-menuWrapper {
		z-index: 900 !important;
		}
	
	/*.fa-th-large,
	.fa-volume-up,
	.fa-plus,
	.fa-minus,
	.flipbook-currentPageHolder {
		display: none !important;
		}*/



/* Shailan Subpages
-----------------------------------------*/
	#shailan-subpages-3 {
		width: 100%;
		margin-top: 4px
		}
	
	ul.subpages {
		list-style: none;
		width: 100%;
		margin-left: 0;
		background-color: rgba(110,103,96,0.5)
		}
		
	ul.subpages li {
		display: block;
		border-bottom: 1px solid rgba(255, 255, 255, 0.25);
		}
	ul.subpages li:last-child {
		border-bottom: none;
		}
		
	ul.subpages li a {
		display: block;
		text-align: center;
		color: rgba(255, 252, 247, 1);
		padding: 0.5em 0;
		}
	ul.subpages li a:hover,
	ul.subpages li.current_page_item a {
		background: radial-gradient(ellipse at center, rgba(255,255,255,0.20) 0%, rgba(255,255,255,0.00) 70%);
		}
	
	
	









/* Grid in der Sidebar
-----------------------------------------*/
	#sidebar .grid,
	#sidebar-breit .grid {
		width: 100%;
		}
	
	#sidebar .grid h3,
	#sidebar-breit .grid h3 {
		font-size: 0.875rem;
		font-weight: 300 !important;
		margin: 0 0 20px !important;
		text-transform: none !important;
		}
		
	#sidebar .grid figure,
	#sidebar-breit .grid figure {
		height: 200px;
		background-position: center center;
		background-size: cover;
		}
	
	
	section { padding: 0; }
	
	.grid figure {
		position: relative;
		overflow: hidden;
		margin: 0;
	}
	
	.grid figure img {
		position: relative;
		display: block;
		width: 100%;
		opacity: 1;
		transition: opacity 0.3s;
	}
	
	.grid figcaption {
		position: absolute;
		top: 0;
		z-index: 11;
		padding: 3%;
		width: 100%;
		height: 100%;
		text-align: center;
	}
	
	.grid figcaption h3 {
		margin: 0 0 20px 0 !important;
		text-transform: uppercase;
		font-size: 1rem;
		transition: transform 0.3s;
		text-align: center;
	}
	
	.grid figcaption p {
		padding: 0 20px;
		font-weight: 300;
		transition: opacity 0.3s, transform 0.3s;
	}
	
	.grid figcaption h3,
	.grid figcaption p {
		color: rgba(255,252,247,1.00);
		transform: translateY(0px);
	}
	
	.grid figure .ansehen {
		display: block;
		width: 100%;
		position: absolute;
		padding: 4px 20px;
		border: none;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-weight: bold;
		transition: opacity 0.3s, transform 0.3s;
	}
	
	.grid figcaption,
	.grid figcaption h3,
	.grid figcaption p,
	.grid figure button {
		backface-visibility: hidden;
	}
	
	/* Style for SVG */
	.grid svg {
		position: absolute;
		top: -1px; /* fixes rendering issue in FF */
		left: -1px;
		z-index: 10;
		width: 102%;
		height: 100%;
	}
	.grid svg path {
		fill: rgba(158,147,136,0.90);
	}
	
	
	/* Hover effects */
	.grid a:hover figure img {
		opacity: 1;
	}
	
	.grid a:hover figcaption h3,
	.grid a:hover figcaption p {
		transform: translateY(-40px);
	}
	
	.grid a:hover figcaption p {
		opacity: 0;
	}
	.grid figcaption p {
		transition-delay: 0.05s;
	}
	
	.grid figure .ansehen {
		bottom: 0;
		left: 0;
		padding: 15px;
		margin: 0;
		width: 100%;
		background: rgba(158,147,136,0.90);
		color: #fff;
		font-weight: 300;
		transform: translateY(120%);
	}
	
	.grid a:hover figure .ansehen {
		transition-timing-function: ease-out;
		transform: translateY(0);
	}
	
	.grid figcaption h3, 
	.grid figcaption p {
		timing-function: cubic-bezier(0.250, 0.250, 0.115, 1.445);
	}
	
	.grid a:hover figcaption p {
		transition-delay: 0s;
		transition-duration: 0.1s;
	}












/* Schatten-Effekte + helle Kante + Radius
---------------------------------------------------------------------------------------------------------------------------*/
	#header-inhalt,
	#footer-inhalt,
	aside,
	#maps-container,
	.p-gallery,
	#sidebar.inhalt,
	#sidebar-breit.inhalt,
	.galleria-image img,
	.blog .content,
	#teaser-fotobuch  {	
		box-shadow: 0 0 4px rgba(0,0,0,0.10);	
		}
	
	img.preisliste{
		box-shadow: 0 0 10px rgba(0,0,0,0.40);
		}	
	
	ul.subpages {	
		border-radius: 3px;
		}




/* Animationen
---------------------------------------------------------------------------------------------------------------------------*/
	html,
	footer,
	#inhalt-wrapper,
	#sidebar ul li,
	#sidebar-breit ul li,
	.menu-button,
	.image-frame-wrapper,
	.heading-inside-image,
	#abdunklung,
	#maps-container,
	body,
	a, 
	input, 
	textarea,
	tr,
	td,
	img,
	li,
	.panel,
	button, 
	.button
	{
		transition: all 0.3s ease;
	}


/* Animationen aufheben
---------------------------------------------------------------------------------------------------------------------------*/
	.rgg_imagegrid img,
	.galleria-container,
	.galleria-image,
	.galleria-image img,
	.leaflet-container  {
		transition: none;
	}


/* wagnergraphics
-----------------------------------------*/
	.logo-wagnergraphics {
		margin-left: -10px;
		}
















































/* Media Queries
---------------------------------------------------------------------------------------------------------------------------*/

/* Small screens 
Define mobile styles */
@media only screen {} 

/* max-width 640px, mobile-only styles, use when QAing mobile issues */  
@media only screen and (max-width: 40em) {} 

/* Medium screens 
min-width 641px, medium screens */ 
@media only screen and (min-width: 40.063em) { 


	/* Seitenaufbau und Struktur
	---------------------------------------------------------------------------------------------------------------------------*/	
	
	body { height: auto; }
	
	.hintergrund {
		margin-right: 2rem;
		padding: 2rem;
		}
	
	
	
	
	/* Hauptmenü
	---------------------------------------------------------------------------------------------------------------------------*/	
	
	/* Elastic Menü - Inhalt */
	.menu-hauptmenue-container {
		display: table;
		/*table-layout: fixed;   fixed für gleiche breite */
		}	
	#elastic-menu ul {
		display: table-row;
		}	
	#elastic-menu ul li { 
		display: table-cell;	
		border-right: 1px solid rgba(0,0,0,0.20);
		border-bottom: none
		}
		#elastic-menu ul li:last-child {
			border-right: none;
			}


	
	/* Inhalt
	---------------------------------------------------------------------------------------------------------------------------*/	
	#inhalt-wrapper.mit-sidebar,
	#inhalt-wrapper.mit-sidebar-breit {	
		margin-left: 0;
		}			
	#inhalt-wrapper.mit-sidebar {
		padding-right: 290px;
		}
		
		#inhalt { 
		height: 75vh; 
		padding-left: 0.9375rem;
		padding-right: 0;
		}	
	 	.startseite #inhalt {
			margin-top: 0;
			padding: 0 1rem 0 2rem;	
			}
	
	
	
	
	/* Bilder
	-----------------------------------------*/			
		.alignleft,
		.alignright {			
			margin-top: 4px;
			margin-bottom: 1em;
			max-width: 46%;
		}
		.alignleft { 
			float: left; 
			margin-left: 0;
			margin-right: 4%; 
			}	
		.alignright { 
			float: right; 
			margin-left: 4%;
			margin-right: 0;
			}
			
			
	
	/* Sidebar
	--------------------------------------------------------------------------------------------------------------------------*/	
	#sidebar,
	#sidebar-breit {
		padding: 0 0 0 2rem;	
		overflow: hidden;
		font-size: 0.875rem;
		position: absolute;
		right: 0;		
		margin: 0;
		height: 75vh;
		max-height: 75vh 
		}
		#sidebar {
			width: 270px;
			top: 105px;
			padding-right: 0;
			margin: 0;
			}
		
	#sidebar-inhalt {
		overflow: hidden;
		margin-top: 2rem;
		margin-left: -1rem;		
		height: calc(100% - 150px);		
		}
	#sidebar-inhalt.full-height {		
		height: 100% ;		
		}
		
	#sidebar .medium-4 {
		width: 100%;
		}
		
		
		
	/* Sidebar-Scroller
	-----------------------------------------*/		
		#sidebar-scroll-content {
			position: relative; /* benötigt für Scrollbar */
			height: calc(100% - 40px);
			}
		
	
	/* Sidebar-Footer 
	-----------------------------------------*/	
		.sidebar-footer {
			position: absolute !important;
			bottom: 0;
			margin: 2rem -2rem 0 -1rem;
			font-size: 1rem;
			}
		
		.sidebar-footer a {
			font-size: 0.875rem;
			}
		
		#sidebar .zertifikat-bpp,
		#sidebar-breit .zertifikat-bpp {
			max-width: 90px;
			}
		
			
	

	
	
	/* Galerie Übersicht + Startseitenbilder
	-----------------------------------------*/
	#startseitenbilder {	
		height: 75vh;	
		}	
	
	#sidebar figure,
	#sidebar-breit figure {
		margin: 0 0 1em 0;
		}
	
	#sidebar-breit .galerie-ansehen {
		height: auto;
		}

	
	.galerie-uebersicht .columns {
		margin-bottom: 2rem;
		}
		
	.image-frame-wrapper {	
		height: 35vh;
		}	
		.image-frame-wrapper.erstes-element {
			margin-bottom: 5vh;
			}	
			
	.heading-inside-image {
		height: 50px;
		line-height: 50px;
		font-size: 1.3rem;		
		}



	/* Blog
	-----------------------------------------*/
	.blog article {
		margin-bottom: 4rem;
		}	
	
	.blog .hintergrund,
	.blog-single .hintergrund {
		padding: 0 1.5rem 0 0;
		}
	
	#inhalt .time-wrapper { 
		display: table;
		width: 100px;
		height: 100px;		
		margin: 1rem -30px 0 -0.5rem;
		float: left;
		}	
	
	#inhalt time {
		border-radius: 50%;
		display: table-cell;
		width: 100px;		  	
		height: 100px;
		height: calc(width);
		}
		
	.blog .content,
	.blog-single .content {
		display: block;
		margin-left: 50px;
		margin-right: 10px;
		padding: 4% 8%;
		position: inherit;
		max-width: 1000px;
		}
		
	
	#inhalt.blog-single h1
	#inhalt.blog h2 {
		font-size: 2.2rem;
		}
		
	
	
	
	/* Footer
	---------------------------------------------------------------------------------------------------------------------------*/	
		footer {
			padding: 0;
			margin-top: 2rem;	
			}	
		

	/* Shailan Subpages
	-----------------------------------------*/
		#shailan-subpages-3 {
			margin-top: 1rem;
			}
		
		ul.subpages {
			display: table;
			}
			
		ul.subpages li {
			display: table-cell;
			border-right: 1px solid rgba(255, 255, 255, 0.25);
			border-bottom: none;
			}
		ul.subpages li:last-child {
			border-right: none;
			}


	
	/* FlipBook3D
	-----------------------------------------*/	
		.real3dflipbook-1,
		.real3dflipbook-2,
		.real3dflipbook-3,
		.real3dflipbook-4,
		.real3dflipbook-5,
		.real3dflipbook-6,
		.real3dflipbook-7,
		.real3dflipbook-8,
		.real3dflipbook-9,
		.real3dflipbook-10 {
			min-height: 50%;
			}
	
	
	/* SNAP-SVG Error unter Footer
	-----------------------------------------*/	
		/*svg:not(:root):last-child {
			display: none;
			}
		*/

} 









    #sidebar .ff-loadmore-wrapper,
	#sidebar-scroll-content .ff-loadmore-wrapper { 
		display: none !important; 
	}

.ff-stream { min-height: auto !important; }











/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {} 

/* Apply styles to Tablets in landscape orientation */
@media only screen and (min-width: 40.063em) and (max-width: 64em) and (orientation: landscape) {}

/* Apply styles to screens in portrait orientation */
@media only screen and (orientation: portrait) {}




/* Large screens 
min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) {
	
	/* Foundation - Overrides
	-----------------------------------------*/	
	.reveal-modal-bg { 
		position: fixed;
	}
	.reveal-modal {
		position: fixed;
		max-height: 95%;
		overflow-y: auto;
		}
	.reveal-modal.large {	
		bottom: 5vh;
		margin-top: 0;
		max-height: 90vh;
		overflow-y: auto;
		position: absolute;
		top: 5vh !important;
		}



	/* Seitenaufbau und Struktur
	-----------------------------------------*/
		html,
		body { 
			height: 100%;
			overflow: hidden;
			}	
			
		.volle-hoehe {
			height: 100%;
			}
			
		.elastic-menu-morph-shape {
			width: calc(100% - 65px);
			}
			
			
		header,
		#breadcrumbs,
        #breadcrumb,
		footer {
			padding: 0 2rem;
			}
		
		#inhalt-wrapper {
			padding-top: 105px;
			padding-bottom: 65px;
			padding-left: 2rem;
			height: 100%;	
			margin-top: -95px;
			margin-bottom: -25px;
			}
			#inhalt-wrapper.startseite { 
				padding-right: 0;	
				margin-left: 0;
				margin-top: -65px;
				}
				
		#site-wrapper {
			position: relative;
			height: 100%;	
			}				
			
		#inhalt {
			min-height: 100%;
			padding-left: 0;
			padding-right: 0;
			}	
				
		#inhalt h1 {
			font-size: 2.2rem;
			}			
	
	
		
		/*Hintergrundbild bei "Über mich"*/	
		.post-146 .hintergrund {
			padding-bottom: 350px;
			}
			
		
		
		
		
/* Flow Flow
	-----------------------------------------*/	
    #sidebar .ff-stream .ff-layout-masonry,
    #sidebar-inhalt .ff-stream .ff-layout-masonry,
	#sidebar-scroll-content .ff-layout-masonry {
        min-height: inherit; 
    }
    

    
    #sidebar .ff-stream-wrapper,
    #sidebar-inhalt .ff-stream-wrapper,
	#sidebar-scroll-content .ff-stream-wrapper { margin: 0; }
    
	#sidebar .ff-stream,
    #sidebar-inhalt .ff-stream,
	#sidebar-scroll-content .ff-stream {
        min-height: auto !important;
        padding: 0 10px 40px 10px;
    }
    
    #sidebar .ff-stream[data-size="tiny"],
    #sidebar-inhalt .ff-stream[data-size="tiny"],
	#sidebar-scroll-content .ff-stream[data-size="tiny"] {
        min-width: 100px !important;
        }
		
		
	/* Galerie Übersicht + Startseitenbilder
	-----------------------------------------*/	
		#startseitenbilder {
			height: 100%;
			padding-left: 0;
			padding-right: 2rem;
		}
	
		.image-frame-wrapper { height: 48%; }
		.image-frame-wrapper.letztes-element { height: 48% }	
		.image-frame-wrapper.erstes-element { margin-bottom: 4%; }
		
			
		#galerie.columns {
			padding-left: 0;
			padding-right: 2rem;
			}	
		
		.galerie-uebersicht .columns {
			margin-bottom: 0;
			}		
		.galerie-uebersicht .image-frame-wrapper.erste-reihe {
			height: 68%;
			margin-bottom: 2%;
			}
		.galerie-uebersicht .image-frame-wrapper.zweite-reihe {
			height: 30%;
			}
		.galerie-uebersicht .zweite-reihe  .heading-inside-image{	
			font-size: 1.2rem;
			}
		
			
	/* Teaser - Fotobuch
	-----------------------------------------*/		
		#teaser-fotobuch {
			position: absolute;
			margin: 0;
			clear: none;
			top: 25vh;
			right: 2rem;
			min-height: inherit;
			max-width: 15%;
			z-index: 98;
			padding: 0 1rem;
			border-radius: 3px 0 0 3px;
			}
			
		#teaser-fotobuch .alignleft {
			width: 100%;
			max-width: 100%;
			min-width: 100%;
			margin: 0 0 1rem 0;
			}
		#teaser-fotobuch h3 {
			margin-top: 0.5em;
			}

		
	/* Sidebar
	-----------------------------------------*/	
		#sidebar {		
			top: 105px;
			bottom: 65px;
			min-height: auto;		
			height: auto;
			max-height: 100%;
			}
				
		#sidebar-breit {
			min-height: 100%;
			max-height: 100%;
			height: 100%;
			}		
		
		#sidebar-scroll-content {
			position: relative; /* benötigt für Scrollbar */
			height: calc(100% - 40px);
			}

			
	/* Sidebar-Inhalt
	-----------------------------------------*/		
		#sidebar-inhalt {
			overflow: hidden;
			margin-top: 2rem;
			margin-left: -1rem;		
			height: calc(100% - 150px);		
			}
		#sidebar-inhalt.full-height {		
			height: 100% ;		
			}
			
			
	/* Sidebar-Footer
	-----------------------------------------*/
		.sidebar-footer {
			position: absolute !important;
			bottom: 0;
			margin: 2rem -2rem 0 -1rem;
			font-size: 1rem;
			}
		
		
	/* Sidebar-Grid
	-----------------------------------------*/	
		#sidebar-breit .grid a {
			max-width: 250px;
			width: 30%;
			float: left;
			margin-right: 3%;
			}	
		
		#sidebar-breit .grid.show-for-large-up a {
			max-width: 250px;
			width: 31%;
			float: left;
			margin-right: 3%;
			}	
			#sidebar-breit .grid.show-for-large-up a:nth-child(3n+0) {
				width: 32%;
				margin-right: 0;
				}	
			
	



	/* Blog
	-----------------------------------------*/
		#inhalt .time-wrapper {
			margin-left: 0;
			}
	
	
	

		
	
		
	/* Footer
	---------------------------------------------------------------------------------------------------------------------------*/	
		footer {
			margin-top: -25px;
			}	
			
		#footer-inhalt {
			height: 25px;
			padding: 1rem;
			}
		
			
		.footer-menue-links,
		.footer-menue-rechts { 
			margin-top: -1rem;
			padding-left: 0;
			padding-right: 0;
			}
		.footer-menue-links { 
			float: left;
			width: auto;
			height: 25px;
			text-align: right; 
			}
		.footer-menue-rechts { 
			text-align: right; 
			float: right;
			width: auto;
			height: 25px;
			}
		
	
		footer ul { margin: 0; }		
		footer li {
			display: inline;
			border-right: 1px solid rgba(255,255,255,0.20);
			border-bottom: none;
			text-align: left;
			}
			footer li:last-child { 
				border-right: none;
				}
		footer a,
		footer a:visited { 
			padding: 0 1em;	
			}
			footer li:first-child a{
				padding-left: 0;
				}
			footer li:last-child a { 
				padding-right: 0;
				}

	/* Flip-Book
	-----------------------------------------*/
		#flip-book {
			padding-left: 0;
			padding-right: 2rem;
			height: 100%;
		}



	/* Shailan Subpages
	-----------------------------------------*/
		#flip-book-subpages {
			padding-left: 0;
			padding-right: 2rem;
			}
			
		#shailan-subpages-3 {
			margin-top: 3px;
			}
		
		ul.subpages li a {
			padding: 00;
			}
		
		
		
	
	/* PS Scrollbar
	-----------------------------------------*/	
		#inhalt .ps-scrollbar-y-rail {
			right: 15px !important;
			}
		#inhalt #sidebar .ps-scrollbar-y-rail,
		#inhalt #sidebar-breit .ps-scrollbar-y-rail {
			right: 0 !important;
			}
			
		
		
	/* Maps-Container
	-----------------------------------------*/
		#maps-container {
			bottom: -80vh;
			padding: 0 2rem;
			height: 70vh;
			}
		#maps-container.anfahrt--open {
			bottom: 25px;
			height: 70vh;
			z-index: 99;
			}
	
	
	
	
	/* Galleria
	-----------------------------------------*/
	.p-gallery {
		height: 100% !important;
		}
	

	
	
} 
 
/* min-width 1024px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 64.063em) and (max-width: 80em) {
	
	footer a, footer a:visited {
		padding: 0 0.5em;
		}
	footer i {
		display: none;
		}
		
} 
 
/* XLarge screens 
min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) {}
 
/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */ 
@media only screen and (min-width: 90.063em) and (max-width: 120em) {} 

/* XXLarge screens 
min-width 1921px, xlarge screens */
@media only screen and (min-width: 120.063em) {} 







@media print {
 
  .large-1 { width: 8.33333%; }
  .large-2 { width: 16.66667%; }
  .large-3 { width: 25%; }
  .large-4 { width: 33.33333%; }
  .large-5 { width: 41.66667%; }
  .large-6 { width: 50%; }
  .large-7 { width: 58.33333%; }
  .large-8 { width: 66.66667%; }
  .large-9 { width: 75%; }
  .large-10 { width: 83.33333%; }
  .large-11 { width: 91.66667%; }
  .large-12 { width: 100%; }  
  
  header,
  #hauptmenue,
  #nach-oben
   { display: none; }
  
  .print {
	   display:inherit !important; 
	}
	
}