/*
Theme Name: Kunhart 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: "futura-pt",sans-serif;
	Light 300
	Book 400 *
	Heavy 700
	
Hintergrund: rgba(255,255,255,1.00);
Blau: rgba(0,87,130,1.00);
Blau - Kontrast: rgba(0,110,171,1.00);
Grau: rgba(153,153,153,1.00);

*/
	


/* nunito-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/nunito-sans-v15-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/nunito-sans-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/nunito-sans-v15-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-sans-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/nunito-sans-v15-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}




#cmplz-document a {
    text-decoration: none !important;
}
#inhalt a.wagnergraphics {
    border-bottom: none !important;
}



/* Foundation - Overrides
-----------------------------------------*/
	.reveal-modal-bg { 
		background: rgba(0,0,0,0.75); 
		}
	.reveal-modal {
		background-color: rgb(253, 253, 251); 
		}

	
	
	button, 
	.button {
		background-color: rgba(0,87,130,1.00);
		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:hover {
		background-color: rgba(0,87,130,0.70);
		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);
		}


/* Sticky-Footer Responsive (
http://t3n.de/news/sticky-footer-display-table-536687
-------------------------------------------------------*/
	body, #ip-container { display: table; border-collapse: collapse; width: 100%;}
	header, footer { display: table-row; }
	#inhalt-sidebar-wrapper { display: table-row; height: 100%;}



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

html,
body { 
	font-family: "Nunito Sans",sans-serif;
	font-weight: 400;
	font-style: normal;
	background-color: rgba(255,255,255,1.00);
	color: #222;
	font-size: 16px;
	}


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(0,87,130,1.00);
	border-bottom: none;
	text-decoration: none;
	}
a:hover, 
a:active {
	color: rgba(0,87,130,1.00);
	outline: none;
	text-shadow: 0px 0px 10px rgba(205,234,249,1.00);
	}
a:focus {
  -moz-outline-style: none;
}

footer a { white-space: nowrap; }

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


mark {
    background-color: rgba(0,87,130,0.25);
	padding: 0 0.3em;
}











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






/* Header
---------------------------------------------------------------------------------------------------------------------------*/

header {
	display: block;
	width: 100%;
	background-image: url('img/hintergrund_titel.png');
	background-position: top center;
	background-size: contain;
	background-repeat: no-repeat;
	}

header .row {
	position: relative;
	}
	
#header-logo {
	display: block;
	width: 100%;
	height: 200px;
	margin-top: 1rem;
	background-image: url('img/logo_kunhart.svg');
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	}



.header-text-wrapper {
	display: table;
	text-align: center;
	}
#header-text {
	padding: 1rem;
	width: 100%;
	display: block; 
  	text-align: center; 
	}
	#header-text .blau {
		color: rgba(0,87,130,1.00);
		}
	#header-text .light {
		margin-top: 0.5em;
		font-weight: 300;
		}


#breadcrumbs {
	font-size: 0.7em;
	margin: 1em 0 -1.75em 0;
	text-transform: uppercase;
	color: rgba(0,0,0,0.50);
	}
#breadcrumbs .fi-home {
	font-size: 1.1em;
	color: rgba(0,0,0,0.50) !important; 
	}







/* Icon-Menü
---------------------------------------------------------------------------------------------------------------------------*/	
.menu-icon-navigation-container  {
	position: absolute;
	top: 0;
	right: 0;
	}
.menu-icon-navigation-container ul {
	list-style: none;
	 margin: 0;
    padding: 0;
	}
.menu-icon-navigation-container ul li {
	float: left;
	border-left: 1px solid rgba(153,153,153,0.50);
	border-bottom: 1px solid rgba(153,153,153,0.50);
	}
	.menu-icon-navigation-container ul li:last-child {
		border-right: 1px solid rgba(153,153,153,0.50);
		}
.menu-icon-navigation-container ul li a {
	font-size: 1.3em;	
	padding: 0.5em 0.5em 0;
	background-color: rgba(255,255,255,0.5);
	}
.menu-icon-navigation-container ul li:hover a {
	background-color: rgba(255,255,255,1.0);
	}
.menu-icon-navigation-container ul li:hover a i {
		display: inline-block;
	}
.menu-icon-navigation-container ul li:hover a i {
	transform: scale(1.2);
	}
	
	
	
	
/* Hauptmenü  - Allgemein + Smartphone
---------------------------------------------------------------------------------------------------------------------------*/	
	
	
#menue {
	position: relative;
	padding: 0;
	}
.menu-hauptmenue-container {
	position: relative; 
	}
	
ul#menu-hauptmenue {
	display: block;
	width: 100%;
	min-height: 50px;
	display: table;
	margin-left: 0;
	margin-bottom: 0;
	}
		
ul#menu-hauptmenue li {
	display: block;
	width: 100%;
	vertical-align: middle;
	background-color: rgba(0,87,130,1.00);
	height:  auto;
	}
	#menue.closed ul#menu-hauptmenue li { height: 0; }
	
ul#menu-hauptmenue li a { 	
	color: rgba(255, 255, 255, 1);
	display: block;
	width: 100%;
	min-height: 50px;
    padding-bottom: 0.5em;
    padding-left: 1em;
    padding-top: 0.5em;
	text-align: left;
	text-transform: uppercase;
	vertical-align: middle; 
	visibility: inherit; 
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	}	
	ul#menu-hauptmenue li.current-menu-item a,
	ul#menu-hauptmenue li a:hover {
		background-color: rgba(0,110,171,1.00);
		}
		
#menue.closed ul#menu-hauptmenue li { 
	height: 0; 
	visibility: hidden;
	overflow: hidden;
	}
#menue.closed ul#menu-hauptmenue li.current-menu-item { 
	height: 50px;
	visibility: visible;
	}

/* Button - auf und zu */
#menue-extension-closed,
#menue-extension-open {
	background-color: rgba(255,255,255,0.85);
	position: absolute !important;
	width: 50px;
	height: 50px;
	bottom: 0;
	right: 0;
    z-index: 99;
	cursor: pointer;	
	}
#menue-extension-closed {
	background-position: -151px 14px;	
	}
#menue-extension-open {
	background-position: -198px 17px;
	}







#inhalt-sidebar-wrapper {
	display: block;
	max-width: 100%;
	height: auto;
	overflow-x: hidden;
	}

/* Inhalt
---------------------------------------------------------------------------------------------------------------------------*/


#inhalt {
	margin-top: 2rem;
	padding-bottom: 2rem;
	}

#inhalt .row {
	margin-top: 2rem;
	}	

#inhalt p {
    font-weight: 400;
	margin-bottom: 0.9em;
	line-height: 1.5em;
	text-align: justify;
	hyphens: auto;
	}
	
#inhalt h1  { 	
	font-size: 1.5rem;
	padding-bottom: 0;
	margin-bottom: 1em;
	text-transform: uppercase;
	color: rgba(0,87,130,1.00);
	border-bottom: 1px solid rgba(0,87,130,1.00);
	}
#inhalt h2 {
	font-size: 1.3rem;
    font-weight: 300;
	margin-top: 2em;
	margin-bottom: 0.5em;
	color: rgba(0,87,130,1.00);
	border-bottom: 1px solid rgba(0,87,130,1.00);
	}
#inhalt h2:first-child {
	margin-top: 0;
	}
	
#inhalt h3 {
	font-size: 1.2rem;
	margin-top: 1.5em;
	margin-bottom: 0.25em;
	font-weight: 700;
	}

	
#inhalt h1 + h2,
#inhalt time + h2  { margin-top: -1em; }

#inhalt h2 + h3,
#inhalt time + h3  { margin-top: -0.5em; }	




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


#inhalt a { 
	color: rgba(0,87,130,1.00);
	border-bottom: 1px dotted rgba(0,87,130,0.40) !important;
	font-weight: 400;
} 


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

a[href$='.pdf']:before {
	content: "\f18E";
	font-family:"foundation-icons";
	font-size: 1.2em;
	margin-right: 0.5em;
	color: #222;
	}
	a.ohne[href$='.pdf']:before {
		visibility: hidden;
	}

small { 
	font-size: 0.8em;
	color: #777;
	}









/* Bilder
-----------------------------------------*/
#inhalt figure {
    margin: 1em 0 !important;
}
#inhalt .alignleft img,
#inhalt .alignright img,
#inhalt .aligncenter img { 
	width: inherit;
	height: auto;
}

#inhalt .alignleft,
#inhalt .alignright { 
	margin-top: 4px;
	margin-bottom: 1em;
	max-width: 40%; 
/*	clear: both;*/
}
#inhalt .alignleft { 
	float: left; 
	margin-right: 2rem; 
	}
	
#inhalt .alignright { 
	float: right; 
	margin-left: 2rem;
}

#inhalt .aligncenter,
#inhalt figure.aligncenter { 
	margin: 1rem 0;
	width: 100%;
	max-width: 100%;
	height: auto; 
}

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

#inhalt a:hover img,
#inhalt a figure:hover img {

}





/* Galerie */
.gallery {
	margin: 2rem -2.8% 2rem 0;
	}
 
.gallery-item {
    float: left;	
	text-align: left;
	width: 28%;
	margin: 0 5% 5% 0;
	}
.gallery img { 
	position: relative;
	box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.25);
 }
.gallery img:hover {	
	border: double 4px rgba(0,0,0,0.80);
 }
 

.gallery a {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	}





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






/* Tabelle
-----------------------------------------*/




/* Liste
-----------------------------------------*/
#inhalt ul {
	list-style: none outside ;
	margin: 1em 0;
	padding: 0 0 0 0;
	font-size: 1em;
	} 

#inhalt li {
	padding-left: 1em; 
    text-indent: -1.2em;
	margin-bottom: 0.8em;
	position: relative;
	} 

#inhalt li:before {
    content: "• ";
    color: rgba(0,87,130,1.00);
}
	
#inhalt h3 + ul { margin-top: 0; } 



/* Blogansicht - Archiv
-----------------------------------------*/
#blog-archive article {
	margin-bottom: 2rem;
	}
#blog-archive article:last-child {
	margin-bottom: 0;
	}

#blog-archive .content-wrapper {
	background-color: rgba(153,153,153,0.20);
	min-height: 350px;
	}
	
#blog-archive .referenzbild	 {
	display: block;
	height: 100%;
	min-height: 300px;
	background-position: center center;
	background-size: cover;
	}


#blog-archive .article-header {
	display: block;
	padding: 2rem;
	background-color: rgba(0,87,130,1.00);
	color: rgba(255,255,255,1.00);
	}
#blog-archive .article-content {
	padding: 2rem;
	}

#blog-archive h2 {
	color: rgba(255,255,255,1.00);
	font-size: 1.4rem;
	font-weight: 400;
	
	}
#blog-archive h3 {
	margin: 0;
	color: rgba(255,255,255,1.00);
	font-size: 1.1rem;
	font-weight: 300;
	}



/* Paginierung auf Archive-Seite
-----------------------------------------*/
#post-nav ul.page-numbers {
	display: block;
	text-align: center;
}
#post-nav 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(0,87,130,1.00);
	font-size: 0.875em;
	}
#post-nav ul.page-numbers li:before { display: none;}

#post-nav ul.page-numbers li a {
	display: block;
	padding: 0.5em 1em;
	color: rgba(0,87,130,1.00);
	border-bottom: none !important;
	}
#post-nav ul.page-numbers span.current {
	display: block;
	padding: 0.5em 1em;
	background: rgba(0,110,171,1.00);
	color: #fff;
	font-weight: 700;
	}

#post-nav ul.page-numbers li:hover a,
#post-nav ul.page-numbers li a:focus {
	background: rgba(0,110,171,1.00);
	color: #fff;
	}
	
#post-nav ul.page-numbers li.current a:hover, 
#post-nav ul.page-numbers li.current a:focus {
	background: rgba(0,110,171,1.00);
	}




/* Blogansicht: Einzelseite - allgemein
-----------------------------------------*/
#blog-single .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);
	}
#blog-single .post-navigation h2.screen-reader-text { display: none; }	

#blog-single .post-navigation a {
	border-bottom: none !important;
	}

#blog-single .post-navigation .nav-previous {
	display: block;
	width: 49%;
	float: left;
	}
	#blog-single .post-navigation .nav-previous:before {
		content: "\f10a";
		font-family:"foundation-icons";
		margin-right: 0.5em;
		}
#blog-single .post-navigation .nav-next {
	display: block;
	width: 49%;
	float: right;
	text-align: right;
	}	
	#blog-single .post-navigation .nav-next:after {
		content: "\f10b";
		font-family:"foundation-icons";
		margin-left: 0.5em;
		}
		
		
		


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

#sidebar {
	position: relative;
	background-color: rgba(153,153,153,0.10);
	padding-top: 4rem;
	font-size: 1rem;
	background-image: url(img/linien_footer_sidebar.png);
	background-repeat: repeat-x;
	background-position: top;
	}
	#sidebar:after {
	background-color: rgba(153,153,153,0.10);  
	background-image: url(img/linien_footer_sidebar.png);
	background-repeat: repeat-x;
	background-position: top;  
    content: " ";
    display: block;
    height: 100%;
	left: 100%;
    right: -50%;
    position: absolute;
    top: 0;
    width: 1000px;	
	}
	



#sidebar h2,
#sidebar h2 a {
	font-size: 1.375rem;
	color: rgba(0,87,130,1.00);
	text-transform: uppercase;
	margin: 3em 0 0.5em 0;
	}
	#sidebar h2:first-child {
		margin-top: -0.25em
		}
		
#sidebar h3 {
	display: block;
	font-size: 1rem;
	margin: 1em 0 0 0;
	text-transform: uppercase;
	}
		
#sidebar .ort {
	display: block;
	text-align: right;
	font-size: 0.875rem;
	text-transform: uppercase;	
	color: rgba(153,153,153,1.00);
	margin-bottom: 1em;
	}
	
#sidebar img {
	width: 100%;
	height: auto;
	border: 4px solid rgba(255,255,255,0.80);
	margin: 0.25rem 0;
	}
	
#sidebar ul {
	list-style: none;
	margin: 0;
	}

#sidebar ul li {
	font-size: 1rem;
	display: inline-block;
	}
	
#sidebar ul li a {
	display: block;
	color: #222;
	}

#sidebar ul li time {
	color: rgba(0,0,0,0.50);
	}
	
#sidebar .weiterlesen {
	display: block;
	text-align: right;
	font-size: 0.875rem;
	text-transform: uppercase;	
	color: rgba(0,87,130,1.00);
	}









/* Footer 
-------------------------------------------------------------------------------------------------------------------------*/
footer {
	background-color: rgba(153,153,153,0.10);
	background-image: url(img/linien_footer_sidebar.png);
	background-repeat: repeat-x;
	background-position: top;
	font-size: 1rem;
	font-weight: 300;	
	border-bottom: 8px solid rgba(0,87,130,1.00);
	}
	
footer .columns {
	padding-top: 3rem;
	}	
	
footer #hausansicht {	
	background-image: url(img/hausansicht_ingenieurbuero_kunhart_wasserleben_2019.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: cover;
	height: 350px;
	}	
	

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

footer ul {
	list-style: none outside ;
	margin: 1em 0;
	padding: 0 0 0 0;
	font-size: 1em;
	} 

footer li {
	padding-left: 1em; 
    text-indent: -1.2em;
	margin-bottom: 0.8em;
	position: relative;
	text-transform: uppercase;
	} 

footer li:before {
    content: "• ";
    color: rgba(0,87,130,1.00);
}

	
footer a,
footer a:visited { 
	color: #222;
	}

footer ul { 

	}
footer li {}

footer i {
	font-style: normal;
	color: rgba(0,87,130,1.00);
	display: inline-block;
	}

footer .logo {
	display: block;
	width: 160px;
	height: auto;
	margin-right: 2rem;
	margin-bottom: 2rem;
	}
	
.footer-1 .textwidget {
	margin-top: 20px;
	}

footer .wrapper {
	overflow: hidden;
	}

footer #nach-oben {
	position: relative;
	float: right;
	display: inline-block;
	right: 0.5em;
	bottom: 0.25em;
	}
footer #nach-oben:hover i {
	transform: translate(0,-0.5em) scale(1.2);
	}
	









/* PlugIns
---------------------------------------------------------------------------------------------------------------------------*/
  
   


/* Contact-Form 7
-----------------------------------------*/

.wpcf7-form h3 {
	margin-top: 1.5em;
	}

fieldset:hover {
	background-color: rgba(255,255,255,0.8);
	}

form .row {
	margin-top: 0 !important;
	}
	
fieldset legend {
	background-color: fff; 
	font-weight: 300;
	}

.kontakt a {  }
.kontakt a.button  { color: #fff; }


.wpcf7-form input,
.wpcf7-form textarea {
	border: 1px solid rgba(0,0,0,0.10);
	font-size: 1em;
}

.wpcf7-form input.wpcf7-validates-as-required,
.wpcf7-form textarea.wpcf7-validates-as-required
 {
	border: 1px solid rgba(0,87,130,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(0,87,130,1.00) !important;
	}
span.wpcf7-not-valid-tip {
    background-color: rgba(0,87,130,0.20);
    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;
	margin: 2em 0 !important;
	
	box-shadow: inset 0 0 40px rgba(0,0,0,0.25);
	}
	
div.wpcf7-validation-errors {
	background-color: #D11313;
	}


:-webkit-input-placeholder { color:#555; }
::-moz-placeholder { color:#555; } /* firefox 19+ */
:-ms-input-placeholder { color:#555; } /* ie */
input:-moz-placeholder { color:#555; }



/* Leaflet Marker
-----------------------------------------*/

.leaflet-popup-content-wrapper {
    border-radius: 0px !important;
}

#lmm_map_8b1d4c5c,
.leaflet-container {
	height: 25vh !important;
	}


/* Suchergebnisse
-----------------------------------------*/

.relevanssi-query-term  {
	color: rgba(0,87,130,1.00);
	font-weight: 700;
	}
#suchseite a.more-link  {
	text-align: right;
	display: block;
	font-weight: 700;
	}
	
input#s {
	font-size: 1.25rem;
    height: auto;
    padding: 1em;
	}







/* Schatteneffekte + helle Kante + Radius
---------------------------------------------------------------------------------------------------------------------------*/


.alignleft,
.alignright,
.aligncenter,
fieldset:hover,
#sidebar img,
.menu-icon-navigation-container {
	box-shadow: 0 0 4px rgba(0,0,0,0.30);	
	}

xxx {	
	border-top: 1px solid rgba(255,255,255,1.00);
	}
	
xxx {	
	border-radius: 3px;
	}



/* Animationen
---------------------------------------------------------------------------------------------------------------------------*/
body,
a, 
input, 
textarea,
tr,
td,
img,
ul,
li,
.open,
.closed,
.panel,
button, 
.button,
fieldset,
i {
	transition: all 0.3s ease;
}


/* Animationen aufheben
---------------------------------------------------------------------------------------------------------------------------*/
.rgg_imagegrid img {
	transition: none;
}


/* wagnergraphics
-----------------------------------------*/
.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) { 
	
	/* Header
	---------------------------------------------------------------------------------------------------------------------------*/
		header {
			background-image: url('img/hintergrund_titel.png');
			background-position: right center;
			}
		
		#header-logo {	
			margin: 1rem 0;
			height: 250px;
			background-position: left center;
			}
		
		#header-text {
			padding: 0;
			height: 250px;
			width: 100%;
			display: table-cell; 
			vertical-align: middle;
			}
		
	
	/* Hauptmenü
	---------------------------------------------------------------------------------------------------------------------------*/
		#hauptnavigation {
			background-color: rgba(153,153,153,0.50);
			}
		
		#menue.closed ul#menu-hauptmenue li {
			display: table-cell;
			vertical-align: middle;
			background-color: rgba(0,87,130,1.00);
			border-right: 1px solid rgba(255, 255, 255, 0.2);
			visibility: visible;
			width: auto;
			min-height: 50px;
			}
			#menue.closed ul#menu-hauptmenue li:first-child {
				border-left: 1px solid rgba(255,255,255,0.20);
				}
			#menue.closed ul#menu-hauptmenue li:hover {
				background-color: rgba(0,110,171,1.00);
				}
		
		#menue.closed ul#menu-hauptmenue li.current-menu-item {
			background-color: rgba(0,110,171,1.00);
			}
			
		#menue.closed ul#menu-hauptmenue li a {
			color: rgba(255, 255, 255, 1);
			display: block;
			min-height: auto;
			padding: 1em;
			text-align: center;
			width: 100%;
			line-height: normal;
			padding-left: 1em;
			visibility: visible;
			border-bottom: none;
			}
						
			#hauptmenue { 	
				padding-left: 0; 
			}
			
			#menue.closed #hauptmenue li {
				margin: 0 1.5rem;
				padding-right: 0 !important;
				display: inherit;
				height: auto !important;
				visibility: visible !important;
			}
			
			#menue.closed #hauptmenue li a { 	
				max-width: 100% !important;
				overflow: visible;	 
			}
			
			#menue.closed #hauptmenue li.current-menu-item {
				margin: 0 -6px 0 0;	
			} 


		
	
	/* Inhalt
	---------------------------------------------------------------------------------------------------------------------------*/
		#inhalt {
			margin-top: 4rem;
			padding-bottom: 4rem;
			}
		
		
		#inhalt .alignleft,
		#inhalt .alignright { 
			max-width: 50%; 
		}
		#inhalt .alignleft { 
			margin-right: 4rem; 
			}
			
		#inhalt .alignright { 
			margin-left: 4rem;
		}

	
	
	/* Sidebar
	---------------------------------------------------------------------------------------------------------------------------*/
	#sidebar {
		margin-top: 4rem;
		}
		
		
	/* Footer
	---------------------------------------------------------------------------------------------------------------------------*/	
	
	.footer-1,
	.footer-2 {
		margin-bottom: 0;
		}
		
	
		
	
		
	
	
	

	

} 

/* 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) { } 
 

/* Large screens 
min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) {
	
	
	/* Foundation - Overrides
	-----------------------------------------*/
	.row { max-width: 1200px !important; }
	
	.reveal-modal-bg { 
		position: fixed;
	}
	.reveal-modal {
		position: fixed;
		max-height: 95%;
		overflow-y: auto;
		}
		
			
	/* Inhalt
	---------------------------------------------------------------------------------------------------------------------------*/	
	#inhalt { }
	
	
	/* Footer
	---------------------------------------------------------------------------------------------------------------------------*/	
	
	
		
	footer .logo {
		float: left;
		height: 200px;
		}

	
} 
 
/* 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: 90em) { } 
 

/* 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) { } 

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

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

  }



/* We also use Modernizr to add a .touch class to the body when applicable */
/* You can prepend this class to anything and it will style only for touch devices */
.touch .your-element {}



@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,
  #top-menu,
  #hauptmenue,
  #nach-oben
   { display: none; }
  
  .print {
	   display:inherit !important; 
	}
	
}