/*
Theme Name: Kastern Redesign 2014
Author: Blickpunkt Medien
Author URI: http://www.blickpunkt-medien.de
Description: basiert auf Foundation
Version: 1.0
License: GNU General Public License
License URI: license.txt



Rot: #e5231f; rgba(229,35,31,1.00);
Logo-Grün: #019939; 
Gelb-Grün: #76af3a; rgba(118,157,58,1.00);
Orange: #f0801d; rgba(240,128,29,1.00);


font-family: 'Roboto', sans-serif;  
Normal 400, Normal 400 Italic , Medium 500, Medium 500 Italic, Bold 700, Bold 700 Italic
100 - 900 verfügbar, aber nicht geladen

font-family: 'Roboto Condensed', sans-serif;
Normal 400,  Bold 700
300 - 700 verfügbar, aber nicht geladen


*/





.screen-reader-text {
    position: absolute !important;
    height: 1px; width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap; /* Verhindert Umbruch */
}
.screen-reader-text:focus {
    position: static !important;
    height: auto; width: auto;
    overflow: visible;
    clip: auto;
    background: #000;
    color: #fff;
    padding: 8px;
    z-index: 1000;
}










/* Foundation - Overrides
-----------------------------------------*/
.row { max-width: 1200px !important; }


#wrapper .button,
#wrapper .wpcf7-form .button.small,
#wrapper .wpcf7-submit,
#wrapper button, 
#wrapper.button  {
		float: right;
		background-color: #76af3a !important;
		color:  #000;
		padding: 10px;
		border: 0;
		font-weight: 700;
		cursor: pointer;
		box-shadow: 0 0 4px rgba(0,0,0,0.40);	
		border-radius: 2px;
		} 
#wrapper button:hover,
#wrapper.wpcf7-submit:hover,
#wrapper button:hover, 
#wrapper.button:hover  {
		background-color: #f0801d;
		box-shadow: inset 0 0 4px rgba(0,0,0,0.40);
		}

[class*="column"] + [class*="column"]:last-child {
    float: left;
}


.left-off-canvas-menu {
	background-color: #fffcdf;
	}






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

html,
body { 
	font-family: 'Roboto', sans-serif;  
	font-weight: 300;
	font-style: normal;
	font-size: 100%;
	color: #222;
	background-color: #fffcdf !important;
	}

strong { font-weight: 400; }

p { line-height: 1.4em; }

h1,
h2,
h3,
h4,
h5,
h6,
#hauptueberschrift-titel,
#unterueberschrift-titel {
	text-align: left;
	color: #e5231f;
	clear: both;
	text-transform: uppercase;
	}
	
h1, h2   { 	
	font-size: 1.8rem;
	margin-bottom: 1.5em; 
	}


h3:before, h2:after { content:""; display:table; }
h3:after { clear:both }

h3  {
	font-size: 1.4rem;
	margin-bottom: 0.4em;
	clear: none;
	}
h3:before, h2:after { content:""; display:table; }
h3:after { clear:both }
h3.zeiten  {
	clear: both;
	}
	
h4  {
	font-size: 1.3rem;
	margin-bottom: 0;
	text-transform: none;
	}

a,
a:link, 
a:visited { 
	color: #625347; 
	border-bottom: none;
	text-decoration: none;
	}
a:hover, 
a:active {	
	color: #f0801d;
	}
a.stern {	
	clear: left;
	background: url(img/stern-18-18.png) no-repeat;
	padding-left: 25px;
	padding-bottom: 20px;
	float: left;
	}













/* Hinweis für alte IE-Version */
#chromeframe {
	display: block;
	padding: 40px;
	color: #fff;
	background-color: #783563;
}
#chromeframe h2 {
	font-size: 24px;
	color: #fff;
}
#chromeframe a {
	color: #fff;
	text-decoration: underline;	
}















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

#wrapper {
	overflow: hidden;
	background-color: #fffcdf;
	}

#submenu-wrapper {
	background-color: #6a564f;
	margin-bottom: 0;
	box-shadow: 0 0 10px rgba(0,0,0,0.40); 
	}	





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

header {
	margin: 0.9rem 0 2rem 0;
	}
	
#smartphone-menu { 
	float: left;
	display: inline-block;
	width: 40px;
	height: 40px;
	}	
#smartphone-menu .left-off-canvas-toggle {
	background-position: -160px -50px;
	}	
		
#smartphone-menu a {
	display: inline-block;
	background-color: #f5f4f4;
	width: 40px;
	height: 40px;
	border-radius: 2px;
	}		
#smartphone-menu a:hover {
	background-color: #f7a600;
	}	

#logo {
	display: block;
	width: 100%;
	margin-bottom: 1.5rem;
	border-bottom: none;
	text-align: center;
	}
#logo img {
	max-width: 400px;
	}


/* Suchfeld */
#header-icons #searchform {
	display: inline-block;
	}

#header-icons #searchform #s {
	display: inline-block;
	float: right;
	background-color: #f5f4f4;
	width: 40px;
	height: 40px;
	text-indent: 40px;
	background-position: -120px 0px;
	border-radius: 2px;
	box-shadow: none;
	border: none;		
	transition-duration: 400ms;
	transition-property: width, background;
	transition-timing-function: ease;
}

#header-icons #searchform #s:hover,
#header-icons #searchform #s:focus { 
	background-color: rgba(240,128,29,0.10);
	background-image: url('img/spritesheet.svg');
	width: 200px; 
}
#header-icons #searchform #searchsubmit { display: none; }



/* Hauptmenü
	---------------------------------------------------------------------------------------------------------------------------*/
			

/* Startseite
---------------------------------------------------------------------------------------------------------------------------*/


/* Inhalt
---------------------------------------------------------------------------------------------------------------------------*/
#inhalt-wrapper {
	}
	
#startseite-inhalt {
	padding: 0;
	margin-top: 2rem;
	background: url('img/startseite-background.jpg') repeat-x #fffcdf;
	color: #fff; 
	}
#startseite-inhalt a,
#startseite-inhalt a:link,
#startseite-inhalt a:visited { 
	color: #fff;	
	}

#startseite-inhalt a:hover, 
#startseite-inhalt a:active {	
	color: #76af3a;
	}




#inhalt {
	padding-top: 3rem;
	padding-bottom: 3rem;
	}
#startseite-inhalt #inhalt { padding:0; }

#wernigerode-links {
	position: absolute;
	top: 56.5%;
	left: 8.2%;
	font-size: 0.9rem;
	font-weight: 400;
	text-align: left;
	color: #fffcdf;
	}
#goslar-links {
	position: absolute;
	top: 63.2%;
	left: 8.2%;
	font-size: 0.9rem;
	font-weight: 400;
	text-align: left;
	color: #fffcdf;
	}

#impressum {
	position: absolute;
    bottom: 13%;
    left: 8%;
    font-size: 1.0rem;
    font-weight: 400;
    text-align: left;
    color: red;
	}
#datenschutz {
	position: absolute;
	bottom: 13%;
	left: 17%;
	font-size: 1rem;
	font-weight: 400;
	text-align: left;
	color: red;
	}
#cookie {
	position: absolute;
	bottom: 13%;
	left: 26%;
	font-size: 1rem;
	font-weight: 400;
	text-align: left;
	color: red;
	}



	
#wernigerode {
	position: absolute;
	bottom: 29%;
	left: 48.7%;
	font-size: 2.8rem;
	text-align: left;
	color: #fff;
	}
#goslar {
	position: absolute;
	bottom: 19.5%;
	left: 55%;
	font-size: 2.8rem;
	text-align: left;
	color: #fff;
	}
	
	


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

#inhalt strong {
    font-weight: 400;
	}


#inhalt h2 {
	margin: 0 0 0.5em 0;
	color: #557e2a;
	}
	
#inhalt h3 {
	margin: 1em 0 0.5em 0;
	color: #557e2a;
	}
	

#inhalt h3 a:link, 
#inhalt h3 a:visited {
	color: inherit;
	border-bottom: none;
	margin-bottom: 0px;
	}


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

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

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

#inhalt li { margin-bottom: 0.5em; } 

#inhalt.startseite h1 { margin-top: 2em; } 


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

#inhalt figure { margin: 0; }

/* Suchfeld */
#inhalt  #searchform {
	display: inline-block;
	}

#inhalt  #searchform #s {
	display: inline-block;
	float: right;
	background-color: #f5f4f4;
	max-width: 300px;
	height: 40px;
	text-indent: 40px;
	background-position: -120px 0px;
	border-radius: 2px;
	box-shadow: none;
	border: none;		
	transition-duration: 400ms;
	transition-property: width, background;
	transition-timing-function: ease;
	}

#inhalt  #searchform #s:hover,
#inhalt  #searchform #s:focus { 
	background-color: rgba(240,128,29,0.10);
	background-image: url('img/spritesheet.svg');
	}
#header-icons #searchform #searchsubmit { display: none; }





/* Bilder
-----------------------------------------*/

.alignleft img,
.alignright img,
.aligncenter img{ 
	border: 4px solid white;
	height: auto;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.25);
}

.alignleft,
.alignright { 
	margin-top: 4px;
	max-width: 30%; 
	box-shadow: 2px 2px 5px rgba(0,0,0,0.25);
}
.alignleft { float:left; margin-right: 1em; }
.alignright { float:right; margin-left: 1em;}

.aligncenter { 
	margin: 0;
	height: auto 
}

.vollmacht {
	box-shadow: 2px 2px 5px rgba(0,0,0,0.25) !important;
	margin-bottom: 1rem;
	}


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

.abstand-oben {
	margin-top: 2rem !important;
	}
.abstand-unten {
	margin-bottom: 2rem !important;
	}	
	
	

/* Tabelle
-----------------------------------------*/
	#inhalt table {
		background-color: #ffffff;
		border: 1px solid #eee;
		margin: 1em 0;
		max-width: 100%;	
		box-shadow: 0 0 4px rgba(0,0,0,0.20);
		border-radius: 5px;
	}	
	
	#inhalt table th,
	#inhalt table td {
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 0.875rem;
		padding: 8px;
		background-color: #ffffff;
		font-weight: normal;
	}
	
	#inhalt table tr th {
		vertical-align: top;
		text-align: center;	
		hyphens: none;
	}	
	
	#inhalt table td {
		border: 1px solid #eee;
	}
	#inhalt table tr:hover td {
		background-color: #76af3a !important;
		color: #ffffff !important;
	}
	#inhalt table tr:hover td.no-hover {
		background-color: inherit !important;
	}
	
	
	#inhalt table tr td:first-child {
		text-align: left;
	}		
	
	#inhalt .tabelle-link  {
		margin-left: 10px;
		display: block;
	}
	#inhalt .tabelle-link:hover  {
		color: #fff!important;
	}
	#inhalt .tabelle-link:before  {
		position: absolute;
		content: '';
		background: url('img/spritesheet.svg') no-repeat -60px -80px;
		width: 5px; 
		height: 11px;
		margin-left: -10px;
		margin-top: 4px;
	}
	#inhalt tr:hover .tabelle-link:before  {
		background: url('img/spritesheet.svg') no-repeat -80px -80px;
	}





/* Kontakt
-----------------------------------------*/






/* Aktuelles
-----------------------------------------*/

.blog article {}
.blog article:first-child { margin-top: 4em; }
.blog article:last-child { margin-bottom: 0; }

.blog .time {
	display: block;
	background-color: #783563;
	background: radial-gradient(ellipse at center, rgba(120,53,99,0.85) 0%,rgba(120,53,99,1.0) 100%);	
	color: #fff;
	font-size: 1em;
	line-height: 1.5em;
	text-align: center;
	padding: 0.5em;
	border-radius: 2px;
}

.blog h2 {
	background-color: #783563;
	background: radial-gradient(ellipse at center, rgba(120,53,99,0.85) 0%,rgba(120,53,99,1.0) 100%);
	border-bottom: 1px dashed rgba(255,255,255,0.50);
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;	
	margin: 0px !important;
	color: #fff;
	padding: 8px 8px 8px 16px;
}
.blog .attachment-post-teaser {
	border: 1px solid #783563;
	width: 100%;
}

.blog .entry-content { 
	margin-bottom: 4em;
	border: 1px solid #783563;
	border-top: none;
	background-color: #fff;
	padding: 2em;
	clear: both;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;	
}


.single .entry-content { margin-bottom: 3em; }






/* Paginiereung
-----------------------------------------*/
.page-numbers {
  color: #999;
  display: block;
  height: 1.5em;
  margin-left: -0.3125em;
}
.page-numbers li {
  height: 1.5em;
  color: #222222;
  font-size: 0.875em;
  margin-left: 0.3125em;
}
.page-numbers li a {
  display: block;
  padding: 0.0625rem 0.625rem 0.0625em;
  color: #999999;
  border-radius: 3px;
  border: none !important;
}
.page-numbers li:hover a,
.page-numbers li a:focus {
  background: #e6e6e6;
}
.page-numbers li.unavailable a {
  cursor: default;
  color: #999999;
}
.page-numbers li.unavailable:hover a, .page-numbers li.unavailable a:focus {
  background: transparent;
}
.page-numbers li.current a {
  background: #008cba;
  color: white;
  font-weight: bold;
  cursor: default;
}
.page-numbers li.current a:hover, .page-numbers li.current a:focus {
  background: #783563;
}
.page-numbers li {
  float: left;
  display: block;
}

.pagination-centered ul.page-numbers li {
  float: none;
  display: inline-block;
}

.page-numbers li span.current { border-radius: 3px; }

.page-numbers li { margin-left: 0.5em; }

.page-numbers li span:hover a,
.page-numbers li span a:focus {
  background: #e6e6e6;
}
.page-numbers li span.current {
  background: #783563;
  padding: 0.0625rem 0.625rem 0.0625em;
  color: white;
  font-weight: bold;
  cursor: default;
}




























/* Footer 
---------------------------------------------------------------------------------------------------------------------------*/


footer {
	padding: 2rem 0;
	background-color: #6a564f;
	box-shadow: 0 0 10px rgba(0,0,0,0.40); 
	} 
	
#footer1 {
	margin-bottom: 2rem;
	}

#footer4 {
	margin-top: 2em;
	margin-bottom: 2em;
	}
	
#footer4 img {
	box-shadow: none;
	margin-right: 1.5em;
	}

footer, 
footer p, 
footer a, 
footer section,
footer h2,
footer h3 {
	font-size: 0.9rem;
	font-weight: 300;
	color: #fffcdf !important;	
	}
	
footer strong {
	font-weight: 500;
	}


footer h2 {
	font-size: 1.3rem;	
	margin-top: 0;	
	margin-bottom: 25px;
	border-bottom: none;
	}
footer h2:nth-child(1n+2) { margin-top: 4em; }

footer h3 {
	font-size: 1.1rem;
	margin-top: 1em;	
	margin-bottom: 0;
	}

footer p { margin-bottom: 0.5em; }



footer section { margin-bottom: 40px; }


footer table {
    border: none;
	}
footer table tr.even, table tr.alt, 
footer table tr:nth-of-type(2n) {
    background: none;
}
footer table tr th, 
footer table tr td {
    color: inherit;
    font-size: 1em;
	line-height: 1.3em;
    padding: 0.2em 0.5em 0.2em 0;
    text-align: left;
}
footer table tr th {
	font-weight: 400;
}



#menu-footer-menue-wr,
#menu-footer-menue-gs {
	margin: 1rem 0 0 0;
	}
#menu-footer-menue-wr li,
#menu-footer-menue-gs li {
	list-style: none;
    margin: 0; padding: 0;
	}
	
#menu-footer-menue-wr li a {
	}
footer a:hover { 
	color: #76af3a !important;
}

div.hootproof_like_box { margin-top: 2rem; 	box-shadow: 0 0 10px rgba(118,157,58,1.00); }
.htpr_page_likes { font-size: 12px; }
.htpr_page_info_inner .htpr_page_name { line-height: 18px; }
div.htpr_widget_info { display: none; }
.ShariffHeadline { margin-top: 2rem; }













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


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

	fieldset {	
		display: block;
		padding-bottom: 0px;
		background-color: #fff;
		}
	fieldset.set1 {
		transform:rotate(-2deg);
		}
	fieldset.set2  {
		transform:rotate(-2deg);
		}
	fieldset.set3  {
		transform:rotate(2deg);
		margin-top: 3rem;
		}
	fieldset:hover {
		background-color: rgba(240,128,29,0.02);
		box-shadow: 0 0 10px rgba(0,0,0,0.10);
		}
	
	fieldset legend {	
		padding: 0rem 2rem 0 1rem;
		border-left: 1px solid #ddd;
		}	

	.wpcf7-form p,
	.wpcf7-form br  { 
		margin-bottom: 0;
		}

	.wpcf7-form input,
	.wpcf7-textarea,
	.wpcf7-form select { 
		margin-bottom: 15px;		
		}
	.wpcf7-form input:focus,
	.wpcf7-textarea:focus,
	.wpcf7-form select:focus {
		box-shadow: 0 0 5px rgba(0,0,0,0.20);
		}
	
	.wpcf7-form-control-wrap {
		display: block !important;
		}
	
	#inhalt .wpcf7-validates-as-required {
		border: 1px solid #019939; !important;
		background-color: #fff !important;	
		}
	
	
	span.wpcf7-not-valid-tip {
		margin: -1em 0 2em;
		}
		
	
	
	.PLZ {
		float: left;
		width: 25%;
		margin-right: 2%;
		}
	
	.Ort {
		margin-left: 27%;
		width: 73%;
		max-width: 340px;
		}
	
	.your-email,
	.telefon {
		clear: both;
		}

	.div.wpcf7-validation-errors {
		border: none;
		background-color: #fdcb00;
		padding: 0.5em;		
		}
		




/* Slider_Startseite
-----------------------------------------*/
#slideset { 
	position: relative; 
	background-color: #eee;
	}

.wk-slideset { 
	position: relative; 
	}
.wk-slideset ul.nav {
	position: absolute;
	display: block;
	width: 100%;
    margin-top: -30px;
    text-align: center;
    z-index: 999;
}

.wk-slideset-default .nav.icon span {
    background-image: url('img/nav.png') !important;
}


.slider-infobox {
	position: absolute; 
	text-align: left;
	bottom: 10%; 
	right: 10%; 
	max-width: 40%;
	background-color: rgba(240,128,29,0.90); 
	color: #fff;
	display: inline-block; 
	padding: 1em;
	border-radius: 2px;
	max-height: 500px;
	overflow: visible;
	text
	}
.slider-infobox h3 {
	font-family: 'Roboto', sans-serif;   
	color: #fff;
	font-size: 3rem !important;
	}
.slider-infobox p {
	font-size: 2rem  !important;
	hyphens: auto;
	}



   




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

#suchseite h1 span,
#suchseite h2,
#suchseite a.more-link  {
	color: #019939; 
	}
#suchseite h2 {
	font-size: 1.3rem;
	margin-bottom: 0.5em;
	}
#suchseite a.more-link  {
	text-align: right;
	display: block;
	}








/* Flex Video
-----------------------------------------*/
.flex-video {
	margin-bottom: 0;
	}
.flex-video iframe { border: none; }






/* Maps
-----------------------------------------*/
.mapsmarker {
	margin-top: 2rem;
	box-shadow: 0 0 10px rgba(118,157,58,1.00);
	}

.wpgmza_map {
	margin-top: 1.9rem;
	box-shadow: 0 0 10px rgba(118,157,58,1.00);
	}




/* Animationen und optische Ergaenzungen
---------------------------------------------------------------------------------------------------------------------------*/

body,
a, 
input, 
textarea,
tr,
td,
fieldset 
 {
	transition: all 0.2s ease;
}

.bbg_image
 {
	transition: none;
}

.alert p { color: #000; }





/* DrDsgvO Map
        schwarz/weiss-Variante vei Dr. DSGVO als Option anklickbar, 
        kurz vor Download. Ändert die index.php bei Proxy
			-------------------------------------*/

			#drdsgvo_map { height: 300px; }				

            #drdsgvo_map .ol-control button {}
            #drdsgvo_map .ol-attribution li a {
                text-decoration: none;
            }

            .ol-zoom {
                top: 0.5em;
                left: 0.3em;
            }
            .ol-touch .drdsgvo_initbtn {
                top: 3em;
                left: 1.1em;
            }
            .drdsgvo_routebtn {
                display: none;
            }

			#drdsgvo_map .ol-attribution li a {
				text-decoration: none;
				font-size: 12px;
			}







#hauptmenue ul.ubermenu-submenu {
    -khtml-opacity: .98 !important;
    -moz-opacity: .98 !important;
    -ms-filter: "alpha(opacity=98)" !important;
    filter: alpha(opacity=98) !important;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.98) !important;
    opacity: .98 !important;
}




/* 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) { 
	#impressum {
		font-size: 0.4rem;
		}
	#wernigerode-links, #goslar-links {
		font-size: 0.35rem;
		}
	#wernigerode, #goslar {
		font-size: 1.3rem;
		}
	header {
		margin: 2rem 0 1rem 0;
		}
	#inhalt {
		padding-top: 1rem;
		}
	.ubermenu-nojs.ubermenu-transition-fade .ubermenu-item:hover>.ubermenu-submenu-drop, 
	.ubermenu-transition-fade .ubermenu-item.ubermenu-active>.ubermenu-submenu-drop {
		opacity: 1 !important;
	}
} 

@media only screen and (max-width: 40em) and (orientation : portrait) { 
	#impressum {
		font-size: 0.3rem;
		}
	#wernigerode-links, #goslar-links {
		font-size: 0.28rem;
		}
	#wernigerode, #goslar {
		font-size: 0.7rem;
		}
	#header-grafiken img.alignright {
		float: none;
		margin-left: 0.5em;
		max-width: 25%;	
		}
}



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

	header {
		margin: 2rem 0;
		}
	#logo {
		position: absolute;
    	width: 230px;
		}
	fieldset.set1 {
		transform:rotate(-2deg);
		}
	fieldset.set2  {
		transform:rotate(2deg);
		}			
	fieldset.set3  {
		transform:rotate(-2deg) translate(30%);
		}
		
} 

/* Eigense format ab ipad quer*/
@media only screen and (min-width: 58em) { } 
 
/* Large screens 
min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) {
	
	#logo {
    	width: 300px;
		}

} 	
 
/* 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; 
	}
	
}