/*
	Google Fonts
*/

/* cormorant-regular - latin */
@font-face {
  font-family: 'Cormorant';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/cormorant-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Cormorant Regular'), local('Cormorant-Regular'),
       url('../fonts/cormorant-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/cormorant-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/cormorant-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/cormorant-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/cormorant-v6-latin-regular.svg#Cormorant') format('svg'); /* Legacy iOS */
}
/* cormorant-500 - latin */
@font-face {
  font-family: 'Cormorant';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/cormorant-v6-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Cormorant Medium'), local('Cormorant-Medium'),
       url('../fonts/cormorant-v6-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/cormorant-v6-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/cormorant-v6-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/cormorant-v6-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/cormorant-v6-latin-500.svg#Cormorant') format('svg'); /* Legacy iOS */
}
/* cormorant-600italic - latin */
@font-face {
  font-family: 'Cormorant';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/cormorant-v6-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Cormorant SemiBold Italic'), local('Cormorant-SemiBoldItalic'),
       url('../fonts/cormorant-v6-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/cormorant-v6-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/cormorant-v6-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/cormorant-v6-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/cormorant-v6-latin-600italic.svg#Cormorant') format('svg'); /* Legacy iOS */
}
/* cormorant-700 - latin */
@font-face {
  font-family: 'Cormorant';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/cormorant-v6-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Cormorant Bold'), local('Cormorant-Bold'),
       url('../fonts/cormorant-v6-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/cormorant-v6-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/cormorant-v6-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/cormorant-v6-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/cormorant-v6-latin-700.svg#Cormorant') format('svg'); /* Legacy iOS */
}

/*
	General styles
*/

body {
	font-family: 'Cormorant', serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 150%;
	color: #634e3d;
	background-color: #fff;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body,
html						{ height: 100% }

h1,
h2,
h3,
h4							{ font-weight: 700; }

h2 {
	margin: 0;
	font-size: 1.4rem;
	line-height: 125%;
	letter-spacing: 0.1rem;
	text-transform: uppercase;
}

a,
a:visited {
	text-decoration: none;
	color: #ae9150;
}
a:hover						{ text-decoration: underline; }

.touchonly					{ display: none; }
html.touch .touchonly		{ display: block; }

.noselect * {
	user-select: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
}

.doselect * {
	user-select: auto;
	-webkit-user-select: auto;
	-khtml-user-select: auto;
	-moz-user-select: auto;
	-o-user-select: auto;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix					{ display: inline-block; }
html[xmlns] .clearfix		{ display: block; }
* html .clearfix			{ height: 1%; }

/* --------------------------------- EXAMPLES ---------------------------------- */
/*
	Container
*/
#content-wrapper,
#scroll-wrapper { height: 100%; }

.scrollContainer {
	overflow-y: scroll;
	overflow-x: hidden;
	width: 100%
}

.scrollContainer {
	height: 100%;
	margin: auto;
}

#scroll-wrapper .scrollContent { height: 100%; }

.horizontal.scrollContainer {
	overflow-y: hidden;
	overflow-x: scroll;
}

#scroll-wrapper.scrollContainer .scrollContent {
	width: 100%;
	height: auto;
}

#scroll-wrapper.scrollContainer.horizontal .scrollContent {
	width: auto;
	height: 100%;
}

#scroll-wrapper.horizontal {
	white-space: nowrap;
	font-size: 0;  /* fix for spaces between inline block divs */
}

#scroll-wrapper.horizontal div { font-size: 1.1rem; }

#scroll-wrapper .scrollContent,
#scroll-wrapper.horizontal .scrollContent { font-size: 0; }

#scroll-wrapper .scrollContent div { font-size: 1.1rem; }

#scroll-wrapper section { }

section.subContent {
	font-size: 0;
	text-align: center;
}

section.subContent.fullheight { min-height: 100%; }

section.subContent.doublewidth,
.spacer.doublewidth { min-width: 200%; }

.horizontal section.subContent {
	text-align: inherit;
	white-space: nowrap;
}

.horizontal section.subContent.fullwidth { min-width: 100%; }


/*
	colors
*/
.col_light					{ color: #ae9150; }

.blue						{ background-color: #3883d8; }
.turqoise					{ background-color: #38ced7; }
.brown						{ background-color: #a66f28; }
.bordeaux					{ background-color: #953543; }
.skin						{ background-color: #ED9F4C; }
.black						{ background-color: #000000; }
.white						{ background-color: #f5ece7; }
.red						{ background-color: #cf3535; }
.green						{ background-color: #22d659; }
.orange						{ background-color: #ea6300; }

/*
	MENU
*/
.subContent.responsiveDuration { position: relative; }

.responsiveDuration .box1 {
	top: 50%;
	left: 50%;
	position: absolute;
	margin-top: -50px;
	margin-left: -50px;
}

.subContent#section-slides,
.subContent#section-wipes {
	height: 100%;
	width: 100%;
	background-image: none;
}

.subContent#section-slides .panel > b,
.subContent#section-wipes .panel > b {
	font-size: 1.1rem;
	color: white;
	position: relative;
	display: block;
	height: 0;
	overflow: visible;
	top: 50%;
}


/*-----------------------------------------------------------------------------------------------------------------------
	ALLGEMEINE DEFINIONEN
  -----------------------------------------------------------------------------------------------------------------------*/
#content-wrapper {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	max-width: 2599px;
	margin: 0 auto;
	padding-right: 60px;
}

#pinContainer {
	width: calc(100% - 60px);
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.panel {
	position: absolute;
	height: 100%;
	width: 100%;
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;
	background-color: #f5ece7;
}

.panel .content { padding-right: 60px; }

.panel .content .picBox,
.panel .content .picBoxFull {
	position: absolute;
	box-sizing: border-box;
	top: 0;
	width: 60%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.panel .content .textBox,
.panel .content .textBoxFull {
	position: absolute;
	box-sizing: border-box;
	top: 0;
	width: 40%;
	height: 100%;
	color: #000;
	text-align: center;
}

.panel .content .picBoxFull,
.panel .content .textBoxFull { width: 100%; }

.panel .content .textBox .text,
.panel .content .textBoxFull .text {
	position: relative;
	width: 70%;
	margin: 0 auto;
}

.panel .content .textBoxFull .text { 
	width: 100%; 
	max-width: 550px;
}

.panel .content .picBox.left,
.panel .content .textBox.left { left: 0; }

.panel .content .picBox.right,
.panel .content .textBox.right { right: 0; }

.panel .content .slider {
	position: absolute;
	width: 100%;
	height: 100%;
}

.panel .content .oneSlide {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.rightfix {
	position: fixed;
	top: 0;
	right: 0;
	width: 61px;
	height: 100%;
	text-align: center;
	background: #4b3b32;
}

.rightfix .navBox {
	position: relative;
	box-sizing: border-box;
}

.rightfix .navBox .logo_right {
    width: 30px;
    margin-top: 10px;
	cursor: pointer;
}

div.goto {
	position: relative;
	width: 10px;
	height: 10px;
	margin: 5px auto 0;
	background: #fff;
	cursor: pointer;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

div.goto.active { background: #ae9150; }

#dispSize {
	width: 1px;
	height: 0;
}

.slideButtonBox {
	position: absolute;
	bottom: 20px;
	left: 20px;
	height: 30px;
	text-align: right;
}

.slideButton {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-left: 10px;
	-moz-border-radius: 50%;
	border-radius: 50%;
	font-size: 10px !important;
	line-height: 30px;
	text-align: center;
	background-color: #eee;
	cursor: pointer;
}

.centerH {
	width: 100%;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.centerH1 {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

/*-----------------------------------------------------------------------------------------------------------------------
	MENÜ
  -----------------------------------------------------------------------------------------------------------------------*/
.mainmenu {
	position: fixed;
	box-sizing: border-box;
	top: -100%;
	width: 90%;
	width: calc(100% - 60px);
	height: 100%;
	text-align: center;
	background-color: rgba( 255, 255, 255, 1 );
}

.mainmenu .menuBox {
	position: absolute;
	top: 30px;
	left: 30px;
	width: 90%;
	width: calc(100% - 60px);
	height: calc(100% - 60px);
	text-align: center;
	overflow: auto;
}

.mainmenu ul { 
	margin: 0;
	padding: 0;
	list-style: none; 
}

.mainmenu ul li {
	display: block;
	padding: 10px 20px;
	font-size: 1.5rem;
	line-height: 110%;
	letter-spacing: 0.1rem;
	text-transform: uppercase;
	color: #ae9150;
	cursor: pointer;
}

.mainmenu ul li:hover { color: #000; }

.burger {
	position: absolute;
	top: 20px;
	left: 15px;
	height: 30px;
	width: 30px;
	background: url(../img/menu_w.svg) no-repeat;
	background-size: 95%;
	background-position: center;
	cursor: pointer;
}

.burger:hover {
	opacity: 0.6;
	background: url(../img/menu_o.svg) no-repeat;
	background-size: 95%;
	background-position: center;
}

/*-----------------------------------------------------------------------------------------------------------------------
	ALLG  DEFINITIONEN JH
  -----------------------------------------------------------------------------------------------------------------------*/
p { 
	margin: 0 0 20px;
	font-size: 1.1rem;
	line-height: 150%;
}

.trenner {
	display: inline-block;
	width: 50%;
	max-width: 150px;
	height: 15px;
	margin-bottom: 12px;
	border-bottom: 1px solid #ae9150;
}

.subline {
	margin-top: 15px;
	font-size: 1.1rem;
	line-height: 130%;
	color: #ae9150;
	font-weight: 600;
	font-style: italic;
}

.aCenter	{ text-align: center !important; }

.textLeft	{ text-align: left; }

.fluegel	{ 
	position: relative;
	width: 60%;
	max-width: 200px;
	height: auto;
	margin: 30px 0; 
}

.textlogoBot {
	position: absolute;
	bottom: 40px;
	left: calc(50% - 100px);
	width: 200px;
	height: auto;
}

.textlogoTxt {
	position: relative;
	width: 60%;
	max-width: 200px;
	height: auto;
	margin-top: 30px;
	display: none;
}

span.bigger { font-size: 1.5em; }

/*-----------------------------------------------------------------------------------------------------------------------
	EINZELNE SEKTIONEN
  -----------------------------------------------------------------------------------------------------------------------*/
section.panel.start .down {
	position: absolute;
	bottom: 30px;
	left: 50%;
	height: 30px;
	width: 50px;
	margin-left: -25px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("../img/down.svg");
	cursor: pointer;
}

section.panel.starttext img.fluegellogo {
	width: 100%;
	max-width: 230px; 
	display: inline-block;
	margin-bottom: 25px;
}

section.panel.starttext img.portrait {
	width: 80%;
	max-width: 230px; 
	display: block;
	margin: 0 auto 35px;
}

section.panel.starttext .zitat {
	width: 100%;
	max-width: 800px;
	display: block;
	margin: 0 auto 20px;
	font-size: 2rem !important;
	line-height: 120%;
	text-transform: none;
	color: #ae9150;
}

section.panel.starttext .zitat span {
	display: block;
	font-size: 1rem !important;
	text-transform: uppercase;
	color: #000;
}

section.panel.begegnung .toSection {
	width: 150px;
	margin: 40px auto 10px;
	border: 1px solid #634e3d;
	padding: 5px 0;
	color: #634e3d;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	background-color: #fff;
	outline: none;
	cursor: pointer;
}

section.panel.kontakt img.fluegellogo {
	width: 30%;
	max-width: 150px; 
	display: inline-block;
	margin: 40px auto 20px;
}

section.panel.kontakt .content .textBoxFull .text {
    width: 80%;
    max-width: 900px;
}

section.panel.kontakt .kontaktBoxBox {
	position: relative;
	box-sizing: border-box;	
}

section.panel.kontakt .kontaktBox { 
	position: relative;
	box-sizing: border-box;
	width: 48%;
	width: calc(50% - 10px);
	text-align: left;
}

section.panel.kontakt .kontaktBox .jur {
    position: relative;
    margin: -20px 0 0 20px;
}

section.panel.kontakt .kontaktBox .jur .showDs {
	color: #ae9150;
}
section.panel.kontakt .kontaktBox .jur .showDs:hover {
	text-decoration: underline;	
}

section.panel.kontakt div.w100p {
	padding: 5px 0;	
	font-size: 1.0rem;
}

section.panel.kontakt div.w100p.e1 {
	padding: 8px 0;	
	font-weight: 700;
}

section.panel.kontakt div.w100p.e2 {
	padding: 2px 0 2px 5px;	
	font-size: 0.95rem !important;
}

section.panel.kontakt div.w100p.e3 {
	padding: 8px 0;	
	margin-bottom: 5px;
}

section.panel.kontakt div.w100p.e4 {
	padding: 0;	
	font-weight: 700;
	margin-top: 14px;
}

section.panel.kontakt input.w100p,
section.panel.kontakt select.w100p {
	padding: 3px;	
	margin: 5px 0;
}

section.panel.kontakt textarea.w100p {
	height: 106px;
}
	
section.panel.kontakt input[type="submit"].w050p {
	border: 0;
	margin-top: 7px;
	padding: 8px;
	float: right;
	color: #fff;
	font-size: 0.9rem;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	background-color: #ae9150;
	outline: none;
}

section.panel.kontakt .pflicht {
    position: relative;
    margin: 10px 0 0 0;
	font-style: italic;
}

.msg {
	box-sizing: border-box;
	padding: 20px 0 0 20px;
	text-align: left;
	font-weight: 700;
}

.form_anfrage input[type="text"], 
.form_anfrage input[type="password"],
.form_anfrage select {
    height: 50px;
    line-height: 48px;
}

.form_anfrage textarea {
    line-height: 135%;
}

.form_anfrage .checkBx.last {
	padding-bottom: 20px;
}

  
section.panel.start img {
	display: inline-block;
	width: 50%;
	max-width: 1000px;
	height: auto;
}

/* ------------------------ (Modal Windows - Impressum / Datenschutz -------- */
.modal_imp,
.modal_ds {
	position: fixed;
	box-sizing: border-box;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 99999;
	display: none;
}

.modal_imp .close,
.modal_ds .close {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 20px;
	right: 20px;
	border: 1px solid #fff;
	cursor: pointer;
    background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("../img/close.png");
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.modal_imp.show,
.modal_ds.show {
	opacity: 1;
	display: block;
}

.contentBox_imp,
.contentBox_ds {
	position: absolute;
	box-sizing: border-box;
	top: 6%;
	left: 5%;
	width: 90%;
	height: 88%;
	background-color: #fff;
	overflow: auto;
}

.contentBox_imp .content,
.contentBox_ds .content {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	padding: 30px 30px 250px;
	text-align: left;
}

.contentBox_imp .content h2,
.contentBox_ds .content h2 {
	margin-top: 40px;
	margin-bottom: 20px;
}

.contentBox_imp .content h3,
.contentBox_ds .content h3 {
	margin-top: 20px;
	margin-bottom: 10px;
}

.contentBox_imp .content p,
.contentBox_ds .content p {
	font-size: 1rem;
}

.showImp,
.showImp2,
.showDs,
.showDs2 {
	cursor: pointer;
}

.showDs2,
.showImp2 {
	color: #000;
	text-decoration: underline;
	
}

.showImp:hover,
.showImp2:hover,
.showDs:hover,
.showDs2:hover { color: #333; }

/* --------------------------------------------------------------------------
   Cookiebanner
   -------------------------------------------------------------------------- */
#cookiebanner a { 
	color: #4b3b32;
	text-decoration: underline; 
}

#cookiebanner a:hover { 
	text-decoration: underline;
	opacity: 0.6;
}

#cookiebanner {  
	position: fixed;
	box-sizing: border-box;
	bottom: 0; 
	width: 100%;
	padding: 10px 20px 0;
	border-top: 1px solid #4b3b32;
	background: #f5ece7;
  	z-index: 10000;
}

#cookiebanner p {
	width: 70%;
	width: calc( 100% - 150px );
	color: #000;
	font-size: 1.0rem; 
	line-height: 140%;
	text-align: left;
}

#cookiebanner p span.showDs {
	cursor: pointer;
	font-weight: 700;
}
#cookiebanner p span.showDs:hover {
	text-decoration: underline;
}

#cookiebanner .imp { text-align: right; }

#cookiebannerCloser {
	position: absolute;
	display: inline-block;
	bottom: 10px;
	right: 20px;
	width: 140px;
	height: 16px;
	border: 1px solid #4b3b32;
	font-size: 12px;
	line-height: 16px;
	font-weight: 500;
	letter-spacing: 0.1em;
	text-decoration: none;
	font-style: normal;
	text-transform: uppercase;
	text-align: center;
	color: #4b3b32;
	background: #fff;
	cursor: pointer;
}

#cookiebannerCloser:hover {
	opacity: 0.6;
}


/* --------------------------------------------------------------------------
   Layout classes allgemein
   -------------------------------------------------------------------------- */
.w006p, .w010p, .w012p, .w1-8, .w015p, .w01-6, .w020p, .w025p, .w030p, 
.w1-3, .w040p, .w050p, .w050p_mob, .w060p, .w01-6, .w070p, .w075p, .w080p, .w090p, .w100p {
	box-sizing: border-box;
}

.w006p			{ width: 6%; }
.w010p			{ width: 10%; }
.w012p			{ width: 12%; }
.w1-8			{ width: 12.5%; }
.w015p			{ width: 15%; }
.w01-6			{ width: 16.666%; }
.w020p			{ width: 20%; }
.w025p			{ width: 25%; }
.w030p			{ width: 30%; }
.w1-3			{ width: 33.333%; }
.w040p			{ width: 40%; }
.w050p			{ width: 50%; }
.w050p_mob		{ width: 50%; }
.w060p			{ width: 60%; }
.w01-6			{ width: 66.666%; }
.w070p			{ width: 70%; }
.w075p			{ width: 75%; }
.w080p			{ width: 80%; }
.w090p			{ width: 80%; }
.w100p			{ width: 100%; }
.noDisplay 		{ display: none; }

.fl085p,
.fr085p {
	box-sizing: border-box;
	float: left;
	width: 85% !important;
}
.fl085p.space,
.fr085p.space { 
	width: 83% !important;
	width: calc( 85% - 10px ) !important; 
}
.fr085p			{ float: right; }

.fl080p,
.fr080p {
	box-sizing: border-box;
	float: left;
	width: 80% !important;
}
.fl080p.space,
.fr080p.space { 
	width: 78% !important;
	width: calc( 80% - 10px ) !important; 
}
.fr080p			{ float: right; }

.fl070p,
.fr070p {
	box-sizing: border-box;
	float: left;
	width: 70% !important;
}
.fl070p.space,
.fr070p.space { 
	width: 68% !important;
	width: calc( 70% - 10px ) !important; 
}
.fr070p			{ float: right; }

.fl050p,
.fr050p {
	box-sizing: border-box;
	float: left;
	width: 50% !important;
}
.fl050p.space,
.fr050p.space { 
	width: 48% !important;
	width: calc( 50% - 10px ) !important; 
}
.fr050p			{ float: right; }

.fl030p,
.fr030p {
	box-sizing: border-box;
	float: left;
	width: 30% !important;
}
.fl030p.space,
.fr030p.space { 
	width: 28% !important;
	width: calc( 30% - 10px ) !important; 
}
.fr030p			{ float: right; }

.fl028p,
.fr028p {
	box-sizing: border-box;
	float: left;
	width: 28% !important;
}
.fl028p.space,
.fr028p.space { 
	width: 26% !important;
	width: calc( 28% - 10px ) !important; 
}
.fr028p			{ float: right; }

.fl025p,
.fr025p {
	box-sizing: border-box;
	float: left;
	width: 25% !important;
}
.fl025p.space,
.fr025p.space { 
	width: 23% !important;
	width: calc( 25% - 10px ) !important; 
}
.fr025p			{ float: right; }

.fl020p,
.fr020p {
	box-sizing: border-box;
	float: left;
	width: 20% !important;
}
.fl020p.space,
.fr020p.space { 
	width: 18% !important;
	width: calc( 20% - 10px ) !important; 
}
.fr020p			{ float: right; }

.fl015p,
.fr015p {
	box-sizing: border-box;
	float: left;
	width: 15% !important;
}
.fl015p.space,
.fr015p.space { 
	width: 13% !important;
	width: calc( 15% - 10px ) !important; 
}
.fr015p			{ float: right; }

.mTop0 			{ margin-top: 0 		!important; }
.mTop0_5		{ margin-top: 15px 		!important; }
.mTop 			{ margin-top: 30px 		!important; }
.mTop1_5		{ margin-top: 45px 		!important; }
.mTop2 			{ margin-top: 60px 		!important; }
.mTop3 			{ margin-top: 90px 		!important; }
.mTop4 			{ margin-top: 120px 	!important; }
.mTop5 			{ margin-top: 150px 	!important; }

.mBot0 			{ margin-bottom: 0 		!important; }
.mBot0_5		{ margin-bottom: 15px 	!important; }
.mBot 			{ margin-bottom: 30px 	!important; }
.mBot1_5		{ margin-bottom: 45px 	!important; }
.mBot2 			{ margin-bottom: 60px 	!important; }
.mBot3 			{ margin-bottom: 90px 	!important; }
.mBot4 			{ margin-bottom: 120px 	!important; }
.mBot5 			{ margin-bottom: 150px 	!important; }

.mLeft1			{ margin-left: 18px; }

.mRight0		{ margin-right: 0		!important; }

.pTop0 			{ padding-top: 0 		!important; }
.pTop0_5		{ padding-top: 15px 	!important; }
.pTop 			{ padding-top: 30px 	!important; }
.pTop1_5		{ padding-top: 45px 	!important; }
.pTop2 			{ padding-top: 60px 	!important; }
.pTop3 			{ padding-top: 90px 	!important; }
.pTop4 			{ padding-top: 120px 	!important; }
.pTop5 			{ padding-top: 150px 	!important; }
.pTop15 		{ padding-top: 450px 	!important; }
.pTop20P 		{ padding-top: 20%; }

.pBot0 			{ padding-bottom: 0 	!important; }
.pBot0_5		{ padding-bottom: 15px 	!important; }
.pBot 			{ padding-bottom: 30px 	!important; }
.pBot1_5		{ padding-bottom: 45px 	!important; }
.pBot2 			{ padding-bottom: 60px 	!important; }
.pBot3 			{ padding-bottom: 90px 	!important; }
.pBot4 			{ padding-bottom: 120px !important; }
.pBot5 			{ padding-bottom: 150px !important; }
.pBot15		 	{ padding-bottom: 450px !important; }

.pLeft20		{ padding-left: 20px !important; }

.aLeft 			{ text-align: left; }
.aRight 		{ text-align: right; }
.aCenter 		{ text-align: center; }
.aJust 			{ text-align: justify; }

.flLeft 		{ float: left; }
.flRight 		{ float: right; }

.italic			{ font-style: italic; }

.small { 
	font-size: 0.75rem;
	line-height: 110%;
}

.hide 			{ overflow: hidden; }

.clear			{ clear: both; }

@media only screen and (max-width: 2600px) {
	/*-----------------------------------------------------------------------------------------------------------------------
		ALLGEMEINE DEFINIONEN
	  -----------------------------------------------------------------------------------------------------------------------*/
	#dispSize { width: 2px; }
}

@media only screen and (max-width: 1740px) {
	/*-----------------------------------------------------------------------------------------------------------------------
		ALLGEMEINE DEFINIONEN
  -----------------------------------------------------------------------------------------------------------------------*/
	p { 
		margin: 0 0 15px;
		font-size: 1rem;
		line-height: 133%;
	}
	
	.fluegel	{ margin: 20px 0; }
}

@media only screen and (max-width: 1480px) {
	/*-----------------------------------------------------------------------------------------------------------------------
		ALLGEMEINE DEFINIONEN
  -----------------------------------------------------------------------------------------------------------------------*/
	h2 {
		font-size: 1.2rem;
		line-height: 120%;
	}
	
	p { 
		margin: 0 0 10px;
		font-size: 0.9rem;
	}
	
	.fluegel	{ margin: 15px 0; }
}

@media only screen and (max-width: 1280px) {
	/*-----------------------------------------------------------------------------------------------------------------------
		ALLGEMEINE DEFINIONEN
	  -----------------------------------------------------------------------------------------------------------------------*/
	.panel .content .picBox,
	.panel .content .textBox	{ width: 50%; }
	
	.textlogoBot { display: none; }
	
	.textlogoTxt { display: inline-block; }
}

@media only screen and (max-width: 1080px) {
	/*-----------------------------------------------------------------------------------------------------------------------
		ALLGEMEINE DEFINIONEN
  -----------------------------------------------------------------------------------------------------------------------*/
	h2 { font-size: 1.1rem; }
	
	p { font-size: 0.8rem; }
	
	.fluegel { 
		max-width: 130px; 
		margin: 10px 0;
	}
}

@media only screen and (max-width: 1000px) {
	/* --------------------------------- EXAMPLES ---------------------------------- */
	/*
		Containers
	*/
	#content-wrapper,
	#scroll-wrapper					{ height: auto; }
	
	.scrollContainer				{ height: auto; }
	
	#scroll-wrapper .scrollContent	{ height: auto; }
	
	#scroll-wrapper.scrollContainer .scrollContent { height: auto; }
	
	#scroll-wrapper.scrollContainer.horizontal .scrollContent { height: auto; }

	/*-----------------------------------------------------------------------------------------------------------------------
		ALLGEMEINE DEFINIONEN
	  -----------------------------------------------------------------------------------------------------------------------*/
	h2 {
		font-size: 1.2rem;
		line-height: 120%;
	}
	
	p { 
		margin: 0 0 10px;
		font-size: 0.8rem;
	}
	
	.fluegel	{ margin: 15px 0; }
	
	#pinContainer {
		height: auto;
		overflow: auto;
	}

	.panel {
		position: relative;
		box-sizing: border-box;
		height: auto;
	}

	.panel .content { padding-right: 0; }
	
	.panel .content .picBox,
	.panel .content .picBoxFull {
		position: relative;
		width: 100%;
		height: auto;
	}

	.panel .content .textBox,
	.panel .content .textBoxFull {
		position: relative;
		width: 100%;
		height: auto;
		padding: 50px 20px;
	}		  

	#dispSize { width: 3px; }
	#pinContainer {
		width: 100%;
		height: auto;
		overflow: auto;
	}
	
	.panel {
		position: relative;
		height: auto;
		width: 100%;
	}
	
	/*-----------------------------------------------------------------------------------------------------------------------
		EINZELNE SEKTIONEN
	  -----------------------------------------------------------------------------------------------------------------------*/
	section.panel.kontakt .content .textBoxFull .text {
		width: 90%;
		max-width: 900px;
	}
	
	section.panel.kontakt div.w100p {
		font-size: 0.9rem !important;
	}
	
	section.panel.kontakt div.w100p.e2 {
		font-size: 0.85rem !important;
	}
	
	section.panel.kontakt input.w100p {
		font-size: 0.9rem !important;
	}
	
	section.panel.kontakt div.w100p.e3 {
		margin: 31px 0 5px;
	}
	
	section.panel.kontakt textarea.w100p {
		height: 142px;
	}
}

@media only screen and (max-width: 800px) {
	/*-----------------------------------------------------------------------------------------------------------------------
		EINZELNE SEKTIONEN
	  -----------------------------------------------------------------------------------------------------------------------*/
	section.panel.kontakt .kontaktBox {
		width: 100%;
	}
	
	section.panel.kontakt .kontaktBox.flLeft,
	section.panel.kontakt .kontaktBox.flRight {
		float: none;
	}
}

@media only screen and (max-width: 600px) {
	/*-----------------------------------------------------------------------------------------------------------------------
		ALLGEMEINE DEFINIONEN
	  -----------------------------------------------------------------------------------------------------------------------*/	
	.panel .content .textBox .text,
	.panel .content .textBoxFull .text { width: 90%; }
}

@media only screen and (max-width: 500px) {
	/*-----------------------------------------------------------------------------------------------------------------------
		ALLGEMEINE DEFINIONEN
	  -----------------------------------------------------------------------------------------------------------------------*/	
	#dispSize { width: 4px; }
	
	section.panel.start img { width: 90%; }
	
	div.goto {
		width: 13px;
		height: 13px;
		margin: 10px auto 0;
	}
	
	/*-----------------------------------------------------------------------------------------------------------------------
		EINZELNE SEKTIONEN
	  -----------------------------------------------------------------------------------------------------------------------*/
	section.panel.kontakt input[type="submit"].w050p {
		width: 100%;
		float: none;
	}
	
/*-----------------------------------------------------------------------------------------------------------------------
	MENÜ
  -----------------------------------------------------------------------------------------------------------------------*/
	.mainmenu ul li {
		font-size: 1.25rem;
	}

}

@media only screen and (max-width: 400px) {
/*-----------------------------------------------------------------------------------------------------------------------
	MENÜ
  -----------------------------------------------------------------------------------------------------------------------*/
	.mainmenu ul li {
		font-size: 1rem;
	}

}

@media not all and (hover: hover) {
	/* --------------------------------- EXAMPLES ---------------------------------- */
	/*
		Containers
	*/
	#content-wrapper,
	#scroll-wrapper					{ height: auto; }
	
	.scrollContainer				{ height: auto; }
	
	#scroll-wrapper .scrollContent	{ height: auto; }
	
	#scroll-wrapper.scrollContainer .scrollContent { height: auto; }
	
	#scroll-wrapper.scrollContainer.horizontal .scrollContent { height: auto; }
	
	/*-----------------------------------------------------------------------------------------------------------------------
		ALLGEMEINE DEFINIONEN
	  -----------------------------------------------------------------------------------------------------------------------*/
	h2 {
		font-size: 1.2rem;
		line-height: 120%;
	}
	
	p { 
		margin: 0 0 10px;
		font-size: 1rem;
	}
	
	.fluegel	{ margin: 15px 0; }
	
	#pinContainer {
		height: auto;
		overflow: auto;
	}

	.panel {
		position: relative;
		box-sizing: border-box;
		height: auto;
	}

	.panel .content { padding-right: 0; }
	
	.panel .content .picBox,
	.panel .content .picBoxFull {
		position: relative;
		width: 100%;
		height: auto;
	}

	.panel .content .textBox,
	.panel .content .textBoxFull {
		position: relative;
		width: 100%;
		height: auto;
		padding: 50px 20px;
	}		  

	#dispSize { width: 3px; }
	#pinContainer {
		width: 100%;
		height: auto;
		overflow: auto;
	}
	
	.panel {
		position: relative;
		height: auto;
		width: 100%;
	}
}