﻿/*
Theme Name: Tourismus Huy Fallstein 2019
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: #076633; rgba(229,35,31,1.00);
Logo-Grün: #019939; 
Gelb-Grün: #076633; 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


*/
/* rock-salt-regular - latin */
@font-face {
  font-family: 'Rock Salt';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/rock-salt-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/rock-salt-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/rock-salt-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/rock-salt-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/rock-salt-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/rock-salt-v18-latin-regular.svg#RockSalt') format('svg'); /* Legacy iOS */
}


/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/open-sans-v15-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
       url('fonts/open-sans-v15-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('fonts/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('fonts/open-sans-v15-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
       url('fonts/open-sans-v15-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/open-sans-v15-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('fonts/open-sans-v15-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/open-sans-v15-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
       url('fonts/open-sans-v15-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-800.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('fonts/open-sans-v15-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'),
       url('fonts/open-sans-v15-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v15-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v15-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v15-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v15-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* roboto-100 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: url('fonts/roboto-v18-latin-100.eot'); /* IE9 Compat Modes */
  src: local('Roboto Thin'), local('Roboto-Thin'),
       url('fonts/roboto-v18-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v18-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v18-latin-100.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v18-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v18-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('fonts/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v18-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-100italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 100;
  src: url('fonts/roboto-v18-latin-100italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'),
       url('fonts/roboto-v18-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v18-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v18-latin-100italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v18-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v18-latin-100italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/roboto-v18-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
       url('fonts/roboto-v18-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v18-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v18-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v18-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v18-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/roboto-v18-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('fonts/roboto-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v18-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v18-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/roboto-v18-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Italic'), local('Roboto-Italic'),
       url('fonts/roboto-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v18-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v18-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/roboto-v18-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
       url('fonts/roboto-v18-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v18-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v18-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v18-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v18-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('fonts/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v18-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/roboto-v18-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Roboto Black'), local('Roboto-Black'),
       url('fonts/roboto-v18-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v18-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v18-latin-900.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v18-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v18-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/roboto-v18-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
       url('fonts/roboto-v18-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v18-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v18-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v18-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v18-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url('fonts/roboto-v18-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Black Italic'), local('Roboto-BlackItalic'),
       url('fonts/roboto-v18-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v18-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v18-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v18-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v18-latin-900italic.svg#Roboto') format('svg'); /* Legacy iOS */
}



/* Foundation - Overrides
-----------------------------------------*/
.row { max-width: 1200px !important; }


#inhalt .button,
.wpcf7-form .button.small,
.wpcf7-submit,
#inhalt button, 
#inhalt .button {
		float: left;
		background-color: #4c4c4c;
		color: #fff;
		padding: 10px;
		border: 0;
		cursor: pointer;
		box-shadow: 0 0 4px rgba(0,0,0,0.40);	
		border-radius: 2px;
		} 
#inhalt button:hover,
.wpcf7-submit:hover,
#inhalt button:hover, 
#inhalt .button:hover {
		background-color: #d9d9d9;
		color: #000000 !important;
		}
		
#inhalt .keinfloat { float: none; }

[class*="column"] + [class*="column"]:last-child {
    float: left;
}

.left-off-canvas-menu {
	background-color: #bac8b4;
	}

span.wpcf7-list-item {
    margin: 0 !important;
	padding-top: 4px !important;
}


/* Allgemeine Schriftformate
-----------------------------------------*/

html,
body { 
	font-family: 'Roboto', sans-serif; 
	font-weight: 300;
	font-style: normal;
	font-size: 100%;
	color: #222;
	}

strong { font-weight: 400; }

p { line-height: 1.4em; }

h1,
h2,
h3,
h4,
h5,
h6,
#hauptueberschrift-titel,
#unterueberschrift-titel {
	font-family: 'Roboto', sans-serif;
	font-size: 2rem;
    font-weight: 700;
    text-align: left;
    hyphens: none;
	clear: both;
	text-transform: uppercase;
	}
	
h1, h2   { 	
	font-size: 1.2rem;
	margin-bottom: 3rem; 
	}

#inhalt h1,
#inhalt h2 {
    font-family: 'Rock Salt', cursive;
	font-size: 3rem;
    line-height: 1.5;
    letter-spacing: 2px;
    word-spacing: 2px;
    text-transform: none;
	margin-bottom: 1em;
	margin-top: 1em;
}	


h2 {
	font-size: 1rem;
	margin-top: 3rem;
}

h3:before, h2:after { content:""; display:table; }
h3:after { clear:both }

h3  {
	font-size: 1.4rem;
	margin-bottom: 1rem;
	clear: none;
	}
h3:before, h2:after { content:""; display:table; }
h3:after { clear:both }
h3.zeiten  {
	clear: both;
	}
	
#inhalt h3,
#inhalt h4  {
	margin-bottom: 1rem;
	clear: both;
	}

h4  {
	font-size: 1.2rem;
	margin-bottom: 0;
	text-transform: none;
	clear:none;
	}

a,
a:link, 
a:visited { 
	color: #947769; 
	border-bottom: none;
	text-decoration: none;
	}
#inhalt a:hover, 
#inhalt a:active,
#inhalt a:focus {	
	color: #D9D9D9 !important;
	}
#inhalt li {	
	clear: left;
	background: url(img/li-icon-stern.png) no-repeat;
    background-size: 22px;
	padding-left: 30px;
	padding-bottom: 20px;
	list-style: none;
	}








/* 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;
	}

#submenu-wrapper {
	background-color: #D9D9D9;
	margin-bottom: 0;
 	box-shadow: 10px 0 10px rgba(0,0,0,0.40);
	}	





/* Header
---------------------------------------------------------------------------------------------------------------------------*/

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	padding: 0;
 	box-shadow: 0px 0 10px rgba(0, 0, 0, 0.4);
	background: #d9d9d9;
    opacity: .8;
	}
	
#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;
	}	


ul#menu-footer {
	margin: 0 0 0.5rem 0;
	text-align: left;
	list-style: none;
	font-size: 0.8em;
	clear:both;
	float:left;
}

ul#menu-footer li {
	display: block;
	margin: 0 0.4rem 0 0;
}

header a:link, 
header a:visited {
	color: #999999;
}
header a:hover {
	/*color: #fdcb00;*/
	color: #308535;
	}

#inhalt pre { overflow: hidden; }



/* 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; }


.logo-block {
	float: right;
	margin: .5em 0;
    transition: all 0.3s ease 0s;
}
a#logo {
    display: block;
    height: 80px;
    width: 164px;
    margin: 0 auto;
    background: rgba(0, 0, 0, 0) url("https://cdn.tourismus-huy-fallstein.de/m:0/a:https://www.tourismus-huy-fallstein.de/wp-content/themes/version-2019/img/logo-tourismusverein-2020-2.png") no-repeat scroll 50% 0 !important;
    transition: all 0.3s ease 0s;
}

#menu-frontpage {
	position: fixed;
    left: 9rem;
    background: #ffffff;
    opacity: 0.9;
    box-shadow: 0px 0 10px rgba(129,137,141,1);
    z-index: 99;
    border-width: 0px;
	}


#header-menu { margin-top: 2rem; transition: all 0.3s ease 0s; }

.ubermenu.ubermenu-main {
    margin: 0;
}

#footer .ubermenu.ubermenu-main .ubermenu-item-level-0:hover > .ubermenu-target { background: none; }



/* Hauptmenü
	---------------------------------------------------------------------------------------------------------------------------*/
			

/* Startseite
---------------------------------------------------------------------------------------------------------------------------*/


/* Inhalt
---------------------------------------------------------------------------------------------------------------------------*/
#inhalt-wrapper {
    background-image: url(img/footer_vordergrund-3.png);
    background-position: 90% bottom;
	background-repeat: no-repeat;
    background-size: auto;
	}
	
#startseite-inhalt {
	padding: 0;
	margin-top: 2rem;
	background: url('img/startseite-background.jpg') repeat-x #bac8b4;
	color: #fff; 
	}
#startseite-inhalt a,
#startseite-inhalt a:link,
#startseite-inhalt a:visited { 
	color: #fff;	
	}

#startseite-inhalt a:hover, 
#startseite-inhalt a:active {	
	color: #076633;
	}




#inhalt {
	padding-top: 5rem;
	padding-bottom: 5rem;
	}
#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: #bac8b4;
	}
#goslar-links {
	position: absolute;
	top: 63.2%;
	left: 8.2%;
	font-size: 0.9rem;
	font-weight: 400;
	text-align: left;
	color: #bac8b4;
	}

	
		
	


#inhalt p {
    font-weight: 300;
	margin-bottom: 0.8em;
	line-height: 1.4em;
	hyphens: auto;
	text-align: justify;
	}

#inhalt strong {
		font-weight: 600;
	}
	


	

#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; margin-bottom: 2rem;}

ul + h3,
p + h3 { margin-top: 1em; margin-bottom: 1em;}


#inhalt .wpsbc-container li {
	clear: inherit;
	background: inherit;
	padding-left: inherit;
	padding-bottom: inherit;
	list-style: inherit; 
}

#inhalt .wpsbc-container  p { clear: none; }

.wpsbc-calendar {
    box-shadow: 2px 2px 5px rgba(0,0,0,0.25);
    margin-right: 30px;
}



#inhalt .small { font-size: 0.8em; }
#inhalt .medium { font-size: 0.9em; }
#inhalt .pinyon { font-family: 'Pinyon Script', cursive; font-size: 2em; }

#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; }



.featured-content-list.design-4 .featured-content-image, .featured-content-slider.design-4 .featured-content-image {
	border: 0 !important;
}

.featured-content-overlay-inner { width: 99%; }


.wpbdp-listing .listing-title {
	border-bottom: none !important;
	padding: inherit !important;
}

.wpbdp-listing .listing-title, .wpbdp-listing .listing-title a, .wpbdp-listing .listing-title h2 {
    font-weight: inherit !important;
    color: inherit !important;
}

.wpbdp-listing .listing-thumbnail {
    float: right !important;
}

.wpbdp-listing .listing-details {
    margin-left: 0 !important;
}

/* 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;
	margin-bottom: 2rem;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.25);
}
.alignleft { float:left; margin-right: 2rem; clear:left;  }
.alignright { float:right; margin-left: 2rem;}

.aligncenter { 
	margin: 0;
	height: auto 
}

.clearboth { clear: both !important; float: none !important; }

.ohne,
.kein-schatten { 
	border: none;
	box-shadow: none;
	transform: none;
}
.margin-top-20 {margin-top: -20px; }

.abstand-oben {
	margin-top: 1rem !important;
	}
.abstand-oben-doppelt {
	margin-top: 2rem !important;
	}
.abstand-unten {
	margin-bottom: 1rem !important;
	}	
	
.header-image {
	text-align: center;
	}
	
	
.teaser {
    position: relative;
    display: block;
    min-height: 200px;
    padding: 0 10px 10px 10px;
    margin-bottom: 1.8rem;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 3px 3px rgba(0,0,0,0.20);
    background: linear-gradient(to bottom, #ffffff 90%,#f5f5f5 100%);
    transition: all 0.25s ease;
}

.teaser:hover {
	box-shadow: 0px 8px 8px rgba(0,0,0,0.50);
	}


#inhalt .teaser h2 {
    margin: 0 0 0.5rem 0;
	font-size: 1.4em;
    padding-top: 10px;
    word-wrap: break-word;
    hyphens: auto;
}

#inhalt .teaser a:hover, #inhalt .teaser a:active, #inhalt .teaser a:focus {
    color: red !important;
}


.teaser p {
    margin-bottom: 5px;
    line-height: 1.1rem;
}

#inhalt .teaser .teaser-bild {
    display: block;
    margin: 0 -10px 10px -10px;
    height: 200px;
    background-position: left center;
    background-size: cover;
}



.wk-gallery-slider {
    margin-top: -.5em;
    position: relative;
    display: block;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 3px 3px rgba(0,0,0,0.20);
    background: linear-gradient(to bottom, #ffffff 90%,#f5f5f5 100%);
    transition: all 0.25s ease;
}


.featured-content-position {
    box-shadow: 0 0 10px rgba(0,0,0,0.40);
}

.featured-content {
	float: left !important; 
}

.featured-content-slider .slick-slide {
    padding: 0 1rem !important;
}

.featured-content-list.design-4 .featured-content-image-bg, .featured-content-slider.design-4 .featured-content-image-bg { max-height: 300px; }
.featured-content-slider.design-4 button.slick-prev, .featured-content-slider.design-4 button.slick-prev:hover, .featured-content-slider.design-4 button.slick-prev:focus,
.featured-content-slider.design-4 button.slick-next, .featured-content-slider.design-4 button.slick-next:hover, .featured-content-slider.design-4 button.slick-next:focus { box-shadow:none !important; }


.featured-content-list .featured-content-image .fa, .featured-content-slider .featured-content-image .fa-bicycle { font-size: 80px !important; }

.featured-content-position:hover {
    transform: translateZ(0) perspective(1px) scale(1.05);
    backface-visibility: hidden;
	transition-duration: .3s;
}


/* Tabelle
-----------------------------------------*/
	#inhalt table.normal {
		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.normal th,
	#inhalt table.normal td {
		font-family: 'Roboto Condensed', sans-serif;
		font-size: 0.875rem;
		padding: 8px;
		background-color: #ffffff;
		font-weight: normal;
	}
	
	#inhalt table.normal tr th {
		vertical-align: top;
		text-align: center;	
		hyphens: none;
	}	
	
	#inhalt table.normal td {
		border: 1px solid #eee;
	}
	#inhalt table.normal tr:hover td {
		background-color: #076633 ;
		color: #ffffff ;
	}
	#inhalt table.normal tr:hover td.no-hover {
		background-color: inherit ;
	}
	
	
	#inhalt table.normal tr td:first-child {
		text-align: left;
	}		
	
	#inhalt .tabelle-link  {
		margin-left: 10px;
		display: block;
	}
	#inhalt .tabelle-link:hover  {
		color: #fff;
	}
	#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;
	}

	.wk-gallery-wall.polaroid p { margin-bottom: 0!important; }
	#polaroid-ohne-title p.title { display: none; }



/* 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;
}


.page-numbers {
	display: inline-block;
	padding: 5px 10px;
	margin: 0 2px 0 0;
	border: 1px solid #eee;
	line-height: 1;
	text-decoration: none;
	border-radius: 2px;
	font-weight: 600;
}
.page-numbers.current,
a.page-numbers:hover {
	background: #f9f9f9;
}




/* Footer 
---------------------------------------------------------------------------------------------------------------------------*/


#footer {
	padding: 2rem 0;
	background-color: #D9D9D9 ;
	} 
	
#footer1 {
	}

#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;
	}

#footer1 p, #footer2 p, 
#footer1 a, #footer2 a, #footer3 a,
#footer1 h2, #footer2 h2, #footer3 h2,
#footer1 h3, #footer2 h3 #footer3 h3 {
		
	}
	
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: 0; float:right; }

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;
}

footer a:hover { 
	color: #7f1e25 !important;
}

.leaflet-bottom {
    display: none;
}


#footer a.icon-wgo {
    clear: left;
    background: url(https://cdn.tourismus-huy-fallstein.de/m:0/a:https://www.wg-osterwieck.de/wp-content/themes/wgo-2018/img/icon-wgo.png) no-repeat;
    padding-left: 39px;
    padding-bottom: 0;
    float: left;
    list-style: none;
	margin-bottom: 1.2em;
}


.shariff {
    float: right;
    margin-top: -1em
	}



/* 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;
		}
	
	#page .wpcf7-validates-as-required {
		border: 1px solid #019939; !important;
		background-color: #fff !important;	
		}
	
	
	span.wpcf7-not-valid-tip {
		margin: -1em 0 2em;
		}
	
	input[type="file"], input[type="checkbox"], input[type="radio"], select { margin-bottom: 0; }
	
	span.wpcf7-list-item { display: block !important;   }
	
	
	
	.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;		
		}

	div.wpcf7-mail-sent-ok,
	div.wpcf7-validation-errors, 
	div.wpcf7-acceptance-missing {
		background-color: red;
		color: #fff;
		line-height: 1.3;		
		box-shadow: 0 0 4px rgba(0,0,0,0.40);	
		border-radius: 2px;
	}




/* 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
-----------------------------------------*/
#wpgmza_map_4 {
	margin: 1rem 0 2rem 0;
	box-shadow: 0 0 10px rgba(0,145,28,1.00);
	float: right;
	}
#wpgmza_map_1, #wpgmza_map_2, #wpgmza_map_5, #wpgmza_map_6 {
	margin: 0 0 4rem 0;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.25);
	float: right;
	}

#inhalt .wpgmza_infowindow_title { font-weight: 600; }



.footer-image { float: right; margin-left: 1rem; margin-bottom: 1rem; }




/* Animationen und optische Ergaenzungen
---------------------------------------------------------------------------------------------------------------------------*/

body,
a, 
input, 
textarea,
tr,
td,
fieldset 
 {
	transition: all 0.2s ease;
}

.bbg_image
 {
	transition: none;
}

.alert p { color: #000; }






.veranstaltungs-infowidget {
    color: #fff;
    background-color: rgba(170,34,34,0.90);
    padding: 1em;
    box-shadow: 0 0 10px rgba(0,145,28,1.00);
}
.veranstaltungs-infowidget a {
    color: #fff;
	text-decoration: underline;
}








/* Media Queries
---------------------------------------------------------------------------------------------------------------------------*/

/* Small screens 
Define mobile styles */
@media only screen { 
	.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main { border: none; }
} 


/* 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: 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;
	}
	.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main { border: none; }
	
	ul#menu-footer {
		margin: -40px 0 0 0;
		text-align: right;
		font-size: 0.675em;
    	list-style-type: none;
	}
	ul#menu-footer li {
		margin: 0 0 0 1em;
	}
	ul#menu-footer li:last-child { margin: 0 0 0 1em; }

} 

@media only screen and (max-width: 40em) and (orientation : portrait) { 
}



/* Medium screens 
min-width 641px, medium screens */ 
@media only screen and (min-width: 40.063em) { 

	header {
		margin: 0;
		}
	fieldset.set1 {
		transform:rotate(-2deg);
		}
	fieldset.set2 {
		transform:rotate(2deg);
		}			
	fieldset.set3 {
		transform:rotate(-2deg) translate(30%);
		}
	#inhalt h2 {
		font-size: 2rem;
		}
} 

/* 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) {
	
} 	
 
/* 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; 
	}
	
}