@charset "UTF-8";
/* CSS Document */

* {
	font-family:Arial, Helvetica, sans-serif;
}

html {
	height:100%;
}

body {
	width:100%;
	height:100%;
	margin:0%;
	font-size:62.5%; /* entspricht 10 Pixel bzw. 0.625em (1em = 16 Pixel) */
	background-color:#ffffff;
	overflow-x:hidden;
}

a {
	text-decoration:none;
	color:#e60000;
	outline:0;
}

a img{
	border:0;
}

/* eigene */
/*
@font-face{
font-family:"HelveticaNeueW02-45Ligh";
src:url("Fonts/694015/88fcd49a-13c7-4d0c-86b1-ad1e258bd75d.eot?#iefix");
src:url("Fonts/694015/88fcd49a-13c7-4d0c-86b1-ad1e258bd75d.eot?#iefix") format("eot"),url("Fonts/694015/9a2e4855-380f-477f-950e-d98e8db54eac.woff") format("woff"),url("Fonts/694015/fa82d0ee-4fbd-4cc9-bf9f-226ad1fcbae2.ttf") format("truetype"),url("Fonts/694015/48d599a6-92b5-4d43-a4ac-8959f6971853.svg#48d599a6-92b5-4d43-a4ac-8959f6971853") format("svg");
}

@font-face{
font-family:"HelveticaNeueW02-75Bold";
src:url("Fonts/694033/db853e0e-929b-4272-b420-c946c954cf3a.eot?#iefix");
src:url("Fonts/694033/db853e0e-929b-4272-b420-c946c954cf3a.eot?#iefix") format("eot"),url("Fonts/694033/4a9c62ab-b359-4081-8383-a0d1cdebd111.woff") format("woff"),url("Fonts/694033/db5f9ba6-05a4-433a-9461-0a6f257a0c3a.ttf") format("truetype"),url("Fonts/694033/25e09910-ffc3-4fc4-b0d1-db9a95dface8.svg#25e09910-ffc3-4fc4-b0d1-db9a95dface8") format("svg");
}*/


/* Miele */
@font-face{
	font-family:"HelveticaNeueW01-45Ligh";
	src:url("/media/common/fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?iefix") format("eot");
}

@font-face{
	font-family:"HelveticaNeueW01-45Ligh";
	src:url("/media/common/fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?iefix");
	src:url("/media/common/fonts/530dee22-e3c1-4e9f-bf62-c31d510d9656.woff") format("woff"),url("/media/common/fonts/688ab72b-4deb-4e15-a088-89166978d469.ttf") format("truetype"),url("/media/common/fonts/7816f72f-f47e-4715-8cd7-960e3723846a.svg#7816f72f-f47e-4715-8cd7-960e3723846a") format("svg");
}

@font-face{
    font-family:"HelveticaNeueW01-75Bold";
    src:url("/media/common/fonts/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?iefix") format("eot")

}
@font-face{
    font-family:"HelveticaNeueW01-75Bold";
    src:url("/media/common/fonts/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?iefix");
    src:url("/media/common/fonts/14ff6081-326d-4dae-b778-d7afa66166fc.woff") format("woff"),url("/media/common/fonts/8fda1e47-19be-46c7-8d83-8d4fb35572f0.ttf") format("truetype"),url("/media/common/fonts/f751c8ae-1057-46d9-8d74-62592e002568.svg#f751c8ae-1057-46d9-8d74-62592e002568") format("svg");
}

h1 {
	font-family: "HelveticaNeueW01-45Ligh",Arial,Helvetica,sans-serif; /* Miele */
	/*font-family:"HelveticaNeueW02-45Ligh", Arial, Helvetica, sans-serif;*/ /* eigene */
	margin:0% 0% 2% 0%;
	font-size:2.8em;
	color:#272727;	
	font-weight:normal;
}

h2 {
	font-family: "HelveticaNeueW01-45Ligh",Arial,Helvetica,sans-serif; /* Miele */
	/*font-family:"HelveticaNeueW02-45Ligh", Arial, Helvetica, sans-serif;*/ /* eigene */
	margin:0%;	
	font-size:2.8em;
	color:#272727;
	font-weight:normal;
}

h3 {
	font-family: "HelveticaNeueW01-45Ligh",Arial,Helvetica,sans-serif; /* Miele */
	/*font-family:"HelveticaNeueW02-45Ligh", Arial, Helvetica, sans-serif;*/ /* eigene */
	margin:6% 0 4% 0;
	font-size:1.8em;
	color:#404142;
	font-weight:normal;	
}

h4 {
	font-size:1.4em;
	margin:2% 0 2% 0;
	color:#404142;
}

p {
	margin:2% 0 2% 0;
	font-size:1.3em;
	line-height:1.6em;	
	color:#404142;
}

p a {
	color:#e60000;	
}

strong {
	font-family: "HelveticaNeueW01-75Bold",Arial,Helvetica,sans-serif; /* Miele */
	/*font-family:"HelveticaNeueW02-75Bold", Arial, Helvetica, sans-serif;*/ /* eigene */
	font-weight:normal;
}

.break-big-sizes {
	display:none;	
}

.white, .white a, .white h1, .white h2, .white h3, .white p {
	color:#ffffff;	
}

.dark, .dark a, .dark h1, .dark h2, .dark h3, .dark p {
	color:#404142;	
}

.custom, .custom a, .custom h1, .custom h2, .custom h3, .custom p, strong .custom {
	/* eigener Farbwert, je nach Aktion */	
	color:#e60000;
}

ul {
	font-size:1.4em;
	line-height:1.4em;
	padding:0;	
	color:#404142;
}

ul li {
	list-style-position:inside;
	list-style-type:none;
}

.list-with-numbers {
	font-size:1.4em;
	line-height:1.4em;
	margin:20px 0 20px 20px;	
	color:#404142;	
}

.list-with-numbers li {
	list-style-position:outside;
	list-style-type:decimal;
	margin-bottom:10px;	
}

/* more links */
.link-list {
	width:100%;
	padding:0;
	margin-top:20px;
	font-size:1.3em;
	line-height:2.0em;
}

.link-list li {
	margin-left:0;
}

.link-list li a {
	padding-left:10px;
	background-image:url(common/arrow-dark.png);
	background-repeat:no-repeat;
	background-position:0 -18px;
	background-size:8px 36px;
	-ms-behavior: url(backgroundsize.min.htc); /* IE 8 */	
}

.link-list li a:hover {
	color:#ff0000;	
	background-image:url(common/arrow-dark.png);
	background-repeat:no-repeat;
	background-position:0 -18px;
	background-size:8px 36px;
	-ms-behavior: url(backgroundsize.min.htc); /* IE 8 */	
}

/* Next Best Action Button */
.nbaction-button {
	display:inline-block;	
	color:#ffffff;
	text-decoration:none;
	font-size:1.2em;
	line-height:2.1em;
	padding:0;
	height:28px;
}

.nbaction-button .content {
	background-image:url(common/schaltflaeche-rot.png);
	background-repeat:no-repeat;
	background-position:-12px 0px;
	padding-left:12px;
	float:left;
	display:inline-block;
	height:28px;
}

.nbaction-button .corner-left {
	float:left; 
	height:28px;
	width:12px;
	display:block;
	background-image:url(common/schaltflaeche-rot.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
}

.nbaction-button .corner-right {
	height:28px;
	width:12px;
	background-image:url(common/schaltflaeche-rot.png);
	background-repeat:no-repeat;
	background-position:-288px 0px;
	display:block;
	float:left;		
}

.nbaction-button:hover .corner-left {
	background-image:url(common/schaltflaeche-rot.png);
	background-position:0px -30px;
	text-decoration:none;
}

.nbaction-button:hover .corner-right {
	background-image:url(common/schaltflaeche-rot.png);
	background-position:-288px -30px;
	text-decoration:none;
}

.nbaction-button:hover .content {
	background-image:url(common/schaltflaeche-rot.png);
	background-position:-12px -30px;
	text-decoration:none;
}

/* Link für weitere Zwecke */
.link-common {
	color:#ffffff;
	font-size:1.2em;
	padding-left:10px;
	display:inline-block;
	margin-top:8px;
	background-image:url(common/arrow.png);
	background-repeat:no-repeat;
	background-position:0 -18px;
	background-size:8px 36px;
	-ms-behavior: url(backgroundsize.min.htc); /* IE 8 */	
}

.link-common:hover {
	color:#ff0000;	
	background-image:url(common/arrow.png);
	background-repeat:no-repeat;
	background-position:0 -18px;
	background-size:8px 36px;
	-ms-behavior: url(backgroundsize.min.htc); /* IE 8 */	
}

.shadow {
	/*Schatten*/
	-webkit-box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.2);
}

.blur {
	/* filter */
}

/* cookies */
.cookie-wrapper {
	width:100%; 
	overflow:hidden; 
	float:left;
	background-color:#575757; 
	position:relative; 
	padding:2% 5% 2% 5%; 
	box-sizing:border-box;
	display:none;	
}

.cookie-wrapper-text {
	float:left; 
	width:92%;
	margin-right:2%;
}

.cookie-wrapper-text p {
	color:#ffffff; 
	font-size:1.2em; 
	line-height:1.4em; 
	margin:0;
}

.cookie-wrapper-close-icon {
	float:left; 
	width:6%;	
}

.cookie-wrapper-close-icon img {
	cursor:pointer;
}

/*mobile description */
.mobile-description {
	width:100%;
	height:100%;
	position:fixed;
	background-image:url(common/nav-description-background.png);
	background-repeat:repeat;
	z-index:6000;
	overflow:auto;	
}

.description-close {
	position:absolute;
	width:26px;
	height:26px;
	top:20px; left:auto; right:20px;
	background-image:url(common/close-icon.png);
	background-repeat:no-repeat;
	background-position:0 0;
	display:block;
	z-index:2200;
	/*-ms-behavior: url(backgroundsize.min.htc);*/ /* IE 8 */		
}

.description-close:hover {
	background-position:0 -26px;
}

.mobile-description h3 {
	text-align:center;
	color:#FFF;
	margin-top:30px;
	float:left;
	width:100%;	
	font-size:2.4em;
}

.mobile-description h4 {
	text-align:center;
	color:#FFF;
	padding-left:20px; padding-right:20px;
}

.mobile-description p {
	text-align:center;
	color:#FFF;
	padding-left:20px; padding-right:20px;
}

.h-description {
	width:100%;
	overflow:hidden;	
	float:left;
}

.v-description {
	width:100%;
	overflow:hidden;
	float:left;	
}

.h-description img, .v-description img {
	width:70%;
	margin-left:15%; margin-right:15%;
	margin-bottom:20px;
	height:auto;
	display:block;
	float:left;
}

/* Wrapper, Header */
.wrapper {
	width:100%;
	height:100%;
	overflow:visible;
	margin:0;
	position:relative;
	float:left;
}

header {
	width:100%;
	height:10%; min-height:88px;
	top:0;
	position:absolute;
	overflow:hidden;
	z-index:2000;
}

header .logo {
	width:90%;
	height:38px;
	margin-left:5%;
	top:22%;
	position:absolute;
	overflow:hidden;	
}

header .logo .logo-bar {
	width:100%;
	height:24px;
	right:108px;
	position:absolute;
	background-color:#e60000;	
}

header .logo .logo-right {
	width:100px;
	height:35px;
	right:0px;
	left:auto;
	position:absolute;
	display:block;
	background-image:url(common/miele_logo_dark.png);
	background-size:100% auto;
	-ms-behavior: url(backgroundsize.min.htc); /* IE 8 */
}

/*Sprache wechseln */
.lang-nav {
	width:90%;
	color:#616161;
	font-size:1.0em;
	font-family: "HelveticaNeueW01-45Ligh",Arial,Helvetica,sans-serif; /* Miele */
	/*font-family:"HelveticaNeueW02-45Ligh", Arial, Helvetica, sans-serif;*/ /* eigene */
	text-align:right;
	margin-left:5%;
	margin-top:3px;
}

.lang-nav li {
	display:inline-block;
}

.lang-nav li a {
	color:#616161;	
}

.lang-nav li a:hover {
	color:#333333;	
}

.lang-nav li:after {
	content:"|";
	margin-left:6px;
	margin-right:3px;	
}

.lang-nav li:last-child:after {
	content:"";
	margin-left:0px;
	margin-right:0px;	
}

/* Social Media */
.social-icons {
	width:30%;
	bottom:45px;
	right:5%;
	padding:0;
	margin:0;
	position:absolute;
	text-align:right;
	overflow:auto;
	display:none;
	z-index:1000;
}

.social-icons li {
	display:inline-block;
	margin:0 3px 0 3px;
}

.social-icons li a {
	width:24px;
	height:24px;
	display:block;
	opacity:0.8;
	/* IE 8 */
  	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter:alpha(opacity=80); /* For IE8 and earlier */
	background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */  
	zoom: 1;
}

.social-icons li a:hover {
	opacity:1.0;
	/* IE 8 */
  	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100); /* For IE8 and earlier */
	background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */  
	zoom: 1;
}

#fb-icon {
	background-image:url(common/social-icons.png);
	background-repeat:no-repeat;
	background-size:120px;
	background-position: 0px 0px;
	-ms-behavior: url(backgroundsize.min.htc); /* IE 8 */		
}

#twitter-icon {
	background-image:url(common/social-icons.png);
	background-repeat:no-repeat;
	background-size:120px;
	background-position: -24px 0px;
	-ms-behavior: url(backgroundsize.min.htc); /* IE 8 */	
}

#youtube-icon {
	background-image:url(common/social-icons.png);
	background-repeat:no-repeat;
	background-size:120px;
	background-position: -48px 0px;
	-ms-behavior: url(backgroundsize.min.htc); /* IE 8 */		
}

#pinterest-icon {
	background-image:url(common/social-icons.png);
	background-repeat:no-repeat;
	background-size:120px;
	background-position: -72px 0px;
	-ms-behavior: url(backgroundsize.min.htc); /* IE 8 */		
}

#google-icon {
	background-image:url(common/social-icons.png);
	background-repeat:no-repeat;
	background-size:120px;
	background-position: -96px 0px;
	-ms-behavior: url(backgroundsize.min.htc); /* IE 8 */		
}

/* Main Content */
.content-wrapper {
	width:100%;
	min-height:100%;
	margin:0;
	position:relative;
	float:left;
	overflow:visible;
}

.content-container {
	width:100%;
	height:100%;
	/*overflow:auto;*/
	position:absolute;
	float:left;
	/*padding-bottom:300px;*/ /* für footer */
	background-color:#ffffff;
}

/* scroll-effekt*/
.fadeInBlock {
  	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
	filter:alpha(opacity = 0);    /* IE 6, 7, 8 */
	opacity:0;
}

.main-image {
	width:100%;
	height:65%;
	/*min-height:500px;*/ 
	display:block;
	float:left;
	overflow:hidden;
	background-image:url(images/main-theme-mobile.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	-ms-behavior: url(backgroundsize.min.htc); /* IE 8 */
	/*position:relative;*/
}

#theme-01 .main-image {
	background-image:url(images/main-theme-01-mobile.jpg);	
}

#theme-02 .main-image {
	background-image:url(images/main-theme-02-mobile.jpg);	
}

#theme-03 .main-image {
	background-image:url(images/main-theme-03-mobile.jpg);	
}

#theme-04 .main-image {
	background-image:url(images/main-theme-04-mobile.jpg);	
}

#theme-05 .main-image {
	background-image:url(images/main-theme-05-mobile.jpg);	
}

#theme-06 .main-image {
	background-image:url(images/main-theme-06-mobile.jpg);	
}

#theme-07 .main-image {
	background-image:url(images/main-theme-07-mobile.jpg);	
}

.main-text-area {
	width:80%;
	height:auto;
	margin-left:10%;
	margin-top:6%;
	margin-bottom:6%;
	position:relative;
	float:left;
	text-align:left;
	background: transparent;
}

.main-text-area h3 {
	margin-top:2%;	
}

.main-text-area .head-area, .main-text-area .text-area  {
	width:100%;
	overflow:auto;
	z-index:0;
	background: transparent;
}

.hotspots {
	width:100%;
	min-height:320px;
	position:absolute; 
	background-image:url(common/hotspot-01-01.png); 
    background-size:cover; 
	display:block;
	float:left;
	background-repeat:no-repeat;
	background-position:center; 
}

.hotspot {
	position:absolute; 
	width:40px; 
	height:40px; 
	display:block; 
	top:50%; left:50%; 
	margin-left:-20px;
	margin-top:-20px;
	background-image:url(common/hotspot.png); 
	background-position:center; 
	background-size:40px 40px; 
	background-repeat:no-repeat;
	z-index:2000;
	opacity: .7;
	cursor:pointer;
	-webkit-transition: background-size 0.6s ease-in-out, opacity 0.6s ease-in-out;
	-moz-transition: background-size 0.6s ease-in-out, opacity 0.6s ease-in-out;
	-o-transition: background-size 0.6s ease-in-out, opacity 0.6s ease-in-out;
	-ms-transition: background-size 0.6s ease-in-out, opacity 0.6s ease-in-out;
	transition: background-size 0.6s ease-in-out, opacity 0.6s ease-in-out;
}

.hotspot:hover {
	background-size:44px 44px;
	opacity:1.0;
}

/* hotspots */
.hotspot-toggle {
	width:80%;
	padding:3% 0 3% 0;
	display:block;
	float:left;
	border-top:1px #CCC solid;
	font-family: "HelveticaNeueW01-45Ligh",Arial,Helvetica,sans-serif; /* Miele */
	/*font-family:"HelveticaNeueW02-45Ligh", Arial, Helvetica, sans-serif;*/ /* eigene */
	margin:0 10% 1px 10%;
	font-size:1.8em;
	color:#404142;
	font-weight:normal;	
	background-image:url(common/plus-minus-icon.png);
	background-position:right top;
	background-size:20px 80px;
	background-repeat:no-repeat;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-behavior: url(backgroundsize.min.htc); /* IE 8 */	
}

.hotspot-toggle.aktiv {
	background-position:right -40px;
}

.hotspot-bg {
	display:none;	
}

.hotspot-box {
	display:none;
	position:relative; 
	width:100%;
	height:auto;
	margin:0;
	padding:0 10% 5% 10%;
	float:left; 
	overflow:hidden; 
	background-image:url(common/hotspot-box-background.png);
	background-repeat:repeat;
	z-index:2000;	
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.hotspot-box img {
	width:100%;
	height:auto;
	display:block;
	float:left;
}

.ex-icon {
	position:absolute;
	top:10px;
	left:10%;
	width:57px !important;
	height:auto;	
}

.hotspot-close {
	position:absolute;
	width:26px;
	height:26px;
	top:8px; left:auto; right:8px;
	background-image:url(common/close-icon.png);
	background-repeat:no-repeat;
	background-position:0 0;
	display:none;
	z-index:2200;
	/*-ms-behavior: url(backgroundsize.min.htc);*/ /* IE 8 */		
}

.hotspot-close:hover {
	background-position:0 -26px;
}

.hotspot-text {
	position:relative;
	width:100%;
	margin:0;
	padding:5% 0 0 0;
	float:left;
	background-color:#ffffff;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.hotspot-text h3 {
	font-family:Arial, Helvetica, sans-serif; 
	display:none;
	margin:0 0 2% 0;
	padding:0;
	background-image:none;
	background-color:transparent;
	color:#404142;
}

.hotspot-text p {
	float:left;	
	margin:0 0 10px 0;
	color:#404142;
}


.footnote {
	width:100%;	
	float:left;
	padding:7%;
	background-color:#ebebeb;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.footnote p {
	color:#616161;
	font-size:1.1em;
	margin:1% 0 1% 0;		
}

/* Footer */
footer {
	width:100%;
	overflow:auto;
	margin-top:24px;
	float:left;
	position:relative;
	/*bottom:-272px;*/	
	background-color:#ebebeb;
	z-index:2000;
}

.main-footer {
	width:100%;
	/*height:44px;*/
	margin:0;
	padding:10px;
	text-align:center;	
	font-size:1.4em;
	font-family: "HelveticaNeueW01-45Ligh",Arial,Helvetica,sans-serif; /* Miele */
	/*font-family:"HelveticaNeueW02-45Ligh", Arial, Helvetica, sans-serif;*/ /* eigene */
	color:#f6f6f6;
	background-color:#c7c7c7;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;	
}

.main-footer li {
	display:inline-block;
}

.main-footer li a {
	color:#f6f6f6;	
}

.main-footer li a:hover {
	color:#ffffff;	
}

.main-footer li:after {
	content:"|";
	margin-left:10px;
	margin-right:6px;	
}

.main-footer li:last-child:after {
	content:"";
	margin-left:0px;
	margin-right:0px;	
}

.second-footer {
	width:100%;
	min-height:40px;
	padding:10px;
	margin:0;
	text-align:center;
	font-size:1.2em;
	font-family: "HelveticaNeueW01-45Ligh",Arial,Helvetica,sans-serif; /* Miele */
	/*font-family:"HelveticaNeueW02-45Ligh", Arial, Helvetica, sans-serif;*/ /* eigene */
	line-height:1.4em;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;		
}

.second-footer li {
	display:inline-block;
	color:#616161;
	padding-top:0;	
}

.second-footer li a {
	color:#616161;	
}

.second-footer li a:hover {
	color:#333333;	
}

.second-footer li:after {
	content:"|";
	color:#848484;
	margin-left:4px;
	margin-right:2px;	
}

.second-footer li:last-child:after {
	content:"";
	margin-left:0px;
	margin-right:0px;	
}

.social-footer {
	width:100%;
	height:30px;
	padding:0 0 0 0;
	margin:0;
	text-align:center;
}

.social-footer li {
	display:inline-block;
	margin:0 6px 0 6px;
}

.social-footer li a {
	width:24px;
	height:24px;
	display:block;
	opacity:0.8;
	/* IE 8 */
  	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter:alpha(opacity=80); /* For IE8 and earlier */
	background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */  
	zoom: 1;
}

#footer-fb-icon {
	background-image:url(common/social-icons.png);
	background-repeat:no-repeat;
	background-size:120px;
	background-position: 0 0px;
	-ms-behavior: url(backgroundsize.min.htc); /* IE 8 */	
}

#footer-twitter-icon {
	background-image:url(common/social-icons.png);
	background-repeat:no-repeat;
	background-size:120px;
	background-position: -24px 0px;	
	-ms-behavior: url(backgroundsize.min.htc); /* IE 8 */	
}

#footer-youtube-icon {
	background-image:url(common/social-icons.png);
	background-repeat:no-repeat;
	background-size:120px;
	background-position: -48px 0px;	
	-ms-behavior: url(backgroundsize.min.htc); /* IE 8 */	
}

#footer-pinterest-icon {
	background-image:url(common/social-icons.png);
	background-repeat:no-repeat;
	background-size:120px;
	background-position: -72px 0px;	
	-ms-behavior: url(backgroundsize.min.htc); /* IE 8 */	
}

#footer-google-icon {
	background-image:url(common/social-icons.png);
	background-repeat:no-repeat;
	background-size:120px;
	background-position: -96px 0px;	
	-ms-behavior: url(backgroundsize.min.htc); /* IE 8 */	
}

.social-footer li a:hover {
	opacity:1.0;
	/* IE 8 */
  	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100); 
	background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */  
	zoom: 1;
}

.wappen {
	width:100%;
	margin:0 0 40px 0;
	overflow:auto;
	text-align:center;
}

.wappen a {
	width:120px;
	height:120px;
	display:inline-block;
	background-image:url(common/wappen.png);
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:120px;	
	-ms-behavior: url(backgroundsize.min.htc); /* IE 8 */
}

.wappen a:hover {
	background-position:0 -120px;
}

@media screen and ( min-width:300px ) {
	.main-image {
		/*min-height:300px; */
	}
	
	.hotspot-toggle {
		font-size:1.6em;	
	}
}

@media screen and ( min-width:400px ) {
	.main-image {
		/*min-height:400px; */
	}
}

@media screen and ( min-width:600px ) {
	body {
		font-size:64%; 
	}
	
	header .logo {
		top:30%;
	}
	
	.lang-nav {
		margin-top:8px;
	}
	
	.break-big-sizes {
		display:inline;	
	}
	
	/* Next Best Action Button */
	.nbaction-button {
		line-height:2em;
	}
	
	.main-image {
		/*min-height:480px; */
		position:relative;
	}
	
	/*
	.main-text-area .head-area {
		width:40%; 
		float:left;	
	}
	
	.main-text-area .head-area h2 {
		font-size:2.4em;
	}
	
	.main-text-area .text-area {
		width:56%; 
		float:left;
		margin-left:4%;	
	}*/
	
	.hotspot-toggle {
		background-position:right 4px;
		background-size:30px 120px;
		font-size:1.8em;
	}

	.hotspot-toggle.aktiv {
		background-position:right -56px;
	}
	
	.hotspot {
		width:60px; 
		height:60px; 
		margin-left:-30px;
		margin-top:-30px; 
		background-size:60px 60px; 
	}

	.hotspot:hover {
		background-size:66px 66px;
	}
	
	.hotspot-box img {
		width:50%;
	}

	.hotspot-text {
		width:50%;
		padding:0 0 0 5%;
	}
	
	.footnote {
		padding:5%;
	}
}

/* nur fuer landscape mobile geraete kleiner iPad */
@media screen and ( max-width:800px ) and (orientation: landscape) {
	.main-text-area .head-area {
		width:40%; 
		float:left;	
	}
	
	.main-text-area .head-area h2 {
		font-size:2.4em;
	}
	
	.main-text-area .text-area {
		width:56%; 
		float:left;
		margin-left:4%;	
	}
	
	.main-image {
		background-image:url(images/main-theme.jpg);
	}
	
	#theme-01 .main-image {
		background-image:url(images/main-theme-01.jpg);	
	}
	
	#theme-02 .main-image {
		background-image:url(images/main-theme-02.jpg);	
	}
	
	#theme-03 .main-image {
		background-image:url(images/main-theme-03.jpg);	
	}
	
	#theme-04 .main-image {
		background-image:url(images/main-theme-04.jpg);	
	}
	
	#theme-05 .main-image {
		background-image:url(images/main-theme-05.jpg);	
	}
	
	#theme-06 .main-image {
		background-image:url(images/main-theme-06.jpg);	
	}
	
	#theme-07 .main-image {
		background-image:url(images/main-theme-07.jpg);	
	}
}

@media screen and ( min-width:900px ) {
	body {
		font-size:68%; 
	}
	
	h1 {
		margin:10% 0% 2% 0%;
		padding-top:24px;
	}
	
	/* blur fallback für IE */
	#theme-01 .main-image.blur {
		background-image:url(images/main-theme-01-blur.jpg);
	}
	
	#theme-02 .main-image.blur {
		background-image:url(images/main-theme-02-blur.jpg);
	}
	
	#theme-03 .main-image.blur {
		background-image:url(images/main-theme-03-blur.jpg);
	}
	
	#theme-04 .main-image.blur {
		background-image:url(images/main-theme-04-blur.jpg);
	}
	
	#theme-05 .main-image.blur {
		background-image:url(images/main-theme-05-blur.jpg);
	}
	
	#theme-06 .main-image.blur {
		background-image:url(images/main-theme-06-blur.jpg);
	}
	
	#theme-07 .main-image.blur {
		background-image:url(images/main-theme-07-blur.jpg);
	}
	
	.blur {
		/* filter */
		-moz-filter: blur(5px);
		/*filter: blur(5px);*/ /* fuehrt zu Darstellungsfehler in IE 8 (Text in Box weiß) */
		-webkit-filter: blur(5px);
		-o-filter: blur(5px);
		-ms-filter: blur(5px);
		/*filter:blur(add = 0, direction = 300, strength = 10);
		filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='5');*/ /* IE bis 9*/	
		-webkit-transform: translateZ(0);
		-webkit-perspective: 1000;
		-webkit-backface-visibility: hidden; /* faster fadeIn on iPad */
	}

	/* cookies */
	.cookie-wrapper {
		width:100%; 
		overflow:hidden; 
		float:left;
		background-color:#575757; 
		position:relative; 
		padding:2% 5% 2% 5%; 
		box-sizing:border-box;	
	}
	
	.cookie-wrapper-text {
		float:left; 
		width:93%;
		margin-right:2%;
	}
	
	.cookie-wrapper-text p {
		color:#ffffff; 
		font-size:1.2em; 
		line-height:1.4em; 
		margin:0;
	}
	
	.cookie-wrapper-close-icon {
		float:left; 
		width:5%;	
	}
	
	/* mobile description */
	.mobile-description h3 {
		margin-top:5%;
	}
	
	.h-description {
		width:50%;
		margin-left:25%;
		margin-top:10%;
	}

	.v-description {
		display:none; /* weil hier kein vertikales Scrollen stattfindet */
	}
	
	header .logo {
		top:40%;	
	}
	
	.lang-nav {
		margin-top:12px;
	}
	
	.social-icons {
		display:block;	
	}
	
	.content-wrapper {
		width:100%;
		height:800%;
	}
	
	.content-container {
		width:100%;
		height:12.5%;
		padding-bottom:0;
	}

	.main-image {
		width:100%;
		height:100%;
		z-index:0;
	}
	
	.main-image {
		background-image:url(images/main-theme.jpg);
	}
	
	#theme-01 .main-image {
		background-image:url(images/main-theme-01.jpg);	
	}
	
	#theme-02 .main-image {
		background-image:url(images/main-theme-02.jpg);	
	}
	
	#theme-03 .main-image {
		background-image:url(images/main-theme-03.jpg);	
	}
	
	#theme-04 .main-image {
		background-image:url(images/main-theme-04.jpg);	
	}
	
	#theme-05 .main-image {
		background-image:url(images/main-theme-05.jpg);	
	}
	
	#theme-06 .main-image {
		background-image:url(images/main-theme-06.jpg);	
	}
	
	#theme-07 .main-image {
		background-image:url(images/main-theme-07.jpg);	
	}
	
	.main-text-area {
		top:10%;
		width:25%;
		margin-left:68%;
		overflow:auto;
		position:absolute;
		z-index:2;
	}
	
	.main-text-area h3 {
		margin-top:6%;	
	}
	
	.main-text-area .head-area, .main-text-area .text-area {
		position:relative;
		width:100%;
		margin-left:0%;
	}
	
	/* Text-Content mit Klasse text-left/text-right entweder links oder rechts ausrichten*/
	.text-left {
		text-align:left;
	}
	
	.text-right {
		text-align:right;
	}
	
	.main-text-area .head-area h2 {
		font-size:2.8em;
	}
	
	.hotspots {
		height:100%;	
	}
	
	.hotspot {
		top:50%;	
	}
	
	.hotspot-bg {
		display:none;
		width:100%; 
		height:100%; 
		background-image:url(common/hotspot-box-background.png); 
		position:absolute;	
		z-index:10;
	}
	
	.hotspot-box {
		position:absolute; 
		width:480px;
		height:auto;
		margin:auto auto 0 50%;
		top:100px;
		left:-240px;
		padding:0;
		-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1);
		box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1);
		z-index:2200;
	}
	
	.hotspot-box img {
		width:100%;
	}
	
	.ex-icon {
		left:0;
	}
	
	.hotspot-close {
		display:block;
	}
	
	.hotspot-text {
		width:100%;
		max-height:270px;
		margin-top:8px;
		padding:5%;
		overflow:auto;
	}
	
	.hotspot-box .hotspot-text h3 {
		display:block;
	}
	
	.hotspot-box .hotspot-text p {
		display:block;
		color:#404142;
	}
	
	.footnote {
		padding:2% 8% 2% 8%;
	}
	
	footer {
		position:fixed;
		margin-top:0;
		bottom:-237px;	
	}
	
	.main-footer {
		height:44px;
	}
	
	.second-footer {
		padding:0;		
	}
	
	.second-footer li {
		padding-top:10px;		
	}
	
	.second-footer li:after {
		content:"|";
		color:#848484;
		margin-left:10px;
		margin-right:6px;	
	}
}

@media screen and ( min-width:1200px ) {
	/* cookies */
	.cookie-wrapper {
		padding:1% 20% 1% 20%; 
	}
	
	.main-text-area {
		margin-left:65%;	
	}
	
	.hotspot-box {
		top:15%;
		left:-240px;
		padding:0;
	}
	
	.hotspot-text {
		max-height:320px;
	}
}

@media screen and ( min-width:1600px ) {
	body {
		font-size:74%; 
	}
	
	h1 {
		padding-top:26px;
	}
	
	header {
		width:90%;	
		margin-left:5%;
	}
	
	header .logo {
		height:42px;
	}

	header .logo .logo-bar {
		height:29px;
		right:130px;	
	}

	header .logo .logo-right {
		width:120px;
		height:42px;
	}
	
	.social-icons {
		right:10%;	
	}

	.main-text-area {
		
	}
	
	.hotspot-box {
		width:600px;
		top:15%;
		left:-300px;
	}
	
	.hotspot-text {
		max-height:420px;
	}
	
}

@media screen and ( min-width:2000px ) {
	body {
		font-size:80%; 
	}
}


/* Nur Firefox */
@-moz-document url-prefix() {
	.blur {
		filter: blur(5px);
	}
}