/* cyrillic-ext */
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/rax8HiqOu8IVPmn7coxpPDk.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/rax8HiqOu8IVPmn7e4xpPDk.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/rax8HiqOu8IVPmn7cIxpPDk.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/rax8HiqOu8IVPmn7cYxpPDk.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/rax8HiqOu8IVPmn7f4xp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/rax8HiqOu8IVPmn7coxpPDk.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/rax8HiqOu8IVPmn7e4xpPDk.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/rax8HiqOu8IVPmn7cIxpPDk.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/rax8HiqOu8IVPmn7cYxpPDk.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/rax8HiqOu8IVPmn7f4xp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/jizaRExUiTo99u79D0-ExdGM.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/jizaRExUiTo99u79D0aExdGM.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/jizaRExUiTo99u79D0yExdGM.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/jizaRExUiTo99u79D0KExQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/jizfRExUiTo99u79B_mh0OOtLQ0Z.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/jizfRExUiTo99u79B_mh0OqtLQ0Z.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/jizfRExUiTo99u79B_mh0OCtLQ0Z.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



table,tr,td {
	border-collapse:collapse;
}

body {
	background:#F3EFE9;
	font-family: 'Arimo', sans-serif;
	font-size:16px;
	line-height:26px;
	color:#333333;
	margin:0;
}


h2 {
	color:#B49469;
	font-size:36px;
	
	padding:0 0 35px 0;
	margin:0;
	text-transform: uppercase;
}
@media (max-width: 767px) {
	h2 {
		font-size:32px;
	}
}
h3 {
	color:#B49469;
	font-size:24px;
	
	padding:0 0 28px 0;
	margin:0;
	text-transform: uppercase;
}
h4 {
	color:#333333;
	font-size:24px;
	padding:0;
	margin:40px 0 14px 0;
}


a img {
	border:0;
}

ul {
	padding:0px;
	padding-left:15px;
}

input {
	margin:1px 0;
}

.clear {
	clear:both;
	font-size:0;
}

a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}


a:active,
a:focus {
	outline: none;
	text-decoration:none;
}

label.error {
	color:red;
	padding:0 5px;
}

div,li,a,form,.clear {
	margin:0;
	padding:0;
}

input {
	border-radius: 0px;
}

.preis.rabatt {
	font-family: "Roboto Condensed", sans-serif;
	font-weight: bold;
	font-size: 20px;
}{
"version": 3,
"mappings": "AAGA,4BAAW;EACV,gBAAgB,EAAE,WAAW;EAC7B,YAAY,EAAE,OAAO;EACrB,aAAa,EAAE,GAAG;EAClB,KAAK,EAAC,OAAO;EACb,WAAW,EAAE,oBAAoB;EACjC,SAAS,EAAC,IAAI;EACd,cAAc,EAAE,GAAG;EACnB,OAAO,EAAC,QAAQ;;AAEjB;;;;;;;;sCAIiC;EAChC,KAAK,EAAC,OAAO;;AAId,gBAAiB;EAEhB,YAAY,EAAE,OAAO;EACrB,KAAK,EAAC,IAAI;EACV,MAAM,EAAC,CAAC;;AAET;;;;sCAIuC;EACtC,KAAK,EAAC,IAAI;;AAOX,gCAAa;EACZ,UAAU,EAAE,6CAA6C;EACzD,KAAK,EAAC,IAAI;EACV,MAAM,EAAC,IAAI;EACX,WAAW,EAAC,GAAG;EACf,QAAQ,EAAC,QAAQ;EACjB,GAAG,EAAC,GAAG;;AAER,kBAAmB;EAElB,gBAAgB,EAAE,yCAAyC",
"sources": ["css_03_buttons.scss"],
"names": [],
"file": "css_03_buttons.css"
}
@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-Black.woff2') format('woff2'),
        url('../fonts/Nunito-Black.woff') format('woff'),
        url('../fonts/Nunito-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-SemiBold.woff2') format('woff2'),
        url('../fonts/Nunito-SemiBold.woff') format('woff'),
        url('../fonts/Nunito-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-Medium.woff2') format('woff2'),
        url('../fonts/Nunito-Medium.woff') format('woff'),
        url('../fonts/Nunito-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/Nunito-ExtraBoldItalic.woff') format('woff'),
        url('../fonts/Nunito-ExtraBoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-ExtraBold.woff2') format('woff2'),
        url('../fonts/Nunito-ExtraBold.woff') format('woff'),
        url('../fonts/Nunito-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-Italic.woff2') format('woff2'),
        url('../fonts/Nunito-Italic.woff') format('woff'),
        url('../fonts/Nunito-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-Bold.woff2') format('woff2'),
        url('../fonts/Nunito-Bold.woff') format('woff'),
        url('../fonts/Nunito-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/Nunito-SemiBoldItalic.woff') format('woff'),
        url('../fonts/Nunito-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-ExtraLightItalic.woff2') format('woff2'),
        url('../fonts/Nunito-ExtraLightItalic.woff') format('woff'),
        url('../fonts/Nunito-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-ExtraLight.woff2') format('woff2'),
        url('../fonts/Nunito-ExtraLight.woff') format('woff'),
        url('../fonts/Nunito-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-MediumItalic.woff2') format('woff2'),
        url('../fonts/Nunito-MediumItalic.woff') format('woff'),
        url('../fonts/Nunito-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-LightItalic.woff2') format('woff2'),
        url('../fonts/Nunito-LightItalic.woff') format('woff'),
        url('../fonts/Nunito-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-Regular.woff2') format('woff2'),
        url('../fonts/Nunito-Regular.woff') format('woff'),
        url('../fonts/Nunito-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-Light.woff2') format('woff2'),
        url('../fonts/Nunito-Light.woff') format('woff'),
        url('../fonts/Nunito-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-BoldItalic.woff2') format('woff2'),
        url('../fonts/Nunito-BoldItalic.woff') format('woff'),
        url('../fonts/Nunito-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito';
    src: url('../fonts/Nunito-BlackItalic.woff2') format('woff2'),
        url('../fonts/Nunito-BlackItalic.woff') format('woff'),
        url('../fonts/Nunito-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}



*, *:before, *:after {
    -webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */
    -moz-box-sizing: border-box; /* Firefox, andere Gecko-Browser */
    box-sizing: border-box; /* Opera/IE 8+ */
}
body {
	background:#e9e9e9;
	font-family: 'Nunito', sans-serif;
}
.pagewrap {
	float:left;
	width:100%;
	height:100vh;
	position:relative;
	overflow-x:hidden;
	scroll-behavior: smooth;
}
.ankerpunkt {
	position:absolute;
	top:0;
	left:0;
	width:1px;
	height:1px;
}
.dunkelgrau {
	color:#5e5e5e;
}
.hellgrau {
	color:#dfdfdf;
}
.tuerkis {
	color:#00aeb6;
}
.wrapper {
	width:100%;
	height:auto;
	margin:0;
	padding:0 10px;
	position:relative;
}
.wrapper_rel {
	width:100%;
	height:auto;
	margin:0;
	padding:0 20px;
	position:relative;
}
.mobile_topbar {
	float: left;
	width: 100%;
	height: auto;
	background: #dfdfdf;
	margin: 10px 0 0 0;
	padding: 0 10px;
	display: block;
}
.mobile_topbar a {
	float: left;
	width: 33.333333333333333%;
	height: auto;
	padding: 8px 2px;
	outline: none;
	text-decoration: none;
	font-size: 14px;
	line-height: 22px;
	color: #000000;
	text-align: center;
}
.mobile_topbar img {
	display: inline-block;
	width: 12px;
	height: auto;
	margin: 0 4px 0 0;
}
.mobile_topbar .abmelden {
	float: left;
	width: 33.333333333333333%;
	height: auto;
	padding: 8px 2px;
	outline: none;
	text-decoration: none;
	font-size: 14px;
	line-height: 22px;
	color: #000000;
	text-align: center;
	border:none;
	background:none;
}
.topbar {
	position:absolute;
	top:0;
	left:0;
	float:left;
	width:100%;
	height:auto;
	background:#dfdfdf;
	padding:4px 0 6px 0;
	margin:0;
	z-index:999;
	border-top:none;
}
.topbar_nav {
	float:left;
	width:60%;
	height:auto;
	text-align:left;
	display:none;
}
.topbar .home {
	float:left;
	width:20px;
	height:20px;
	text-align:left;
	display:block;
	margin:7px 0 0 0;
}
.topbar .home img {
	width:100%;
	height:auto;
	display:block;
}
.topbar .home a {
	outline:none;
}
.topbar_nav ul {
	float:left;
	width:100%;
	height:auto;
	list-style:none;
}
.topbar_nav ul li {
	float:left;
	width:auto;
	height:auto;
	list-style:none;
	margin:0 0px 0 0;
	padding:0 0px 0 0px;
	border-right:solid 1px #bbbbbb;
}
.topbar_nav ul li:last-of-type {
	border-right:none;
}
.topbar_nav ul li a {
	float:left;
	width:100%;
	height:auto;
	text-decoration:none;
	color:#5e5e5e;
	font-size:14px;
	line-height:22px;
	letter-spacing:0px;
	font-weight:400;
	outline:none;
	padding:9px 18px;
}
.topbar_nav ul li a:hover {
	background:#5e5e5e;
	color:#ffffff;
}
.topbar_infos {
	float:left;
	width:calc(100% - 24px);
	height:auto;
	text-align:right;
	font-size:14px;
	line-height:22px;
	color:#5e5e5e;
	display:flex;
	margin:5px 0 2px 4px;
	justify-content:flex-end;
	align-items:center;
}
.topbar_infos a {
	outline:none;
	text-decoration:none;
	color:#5e5e5e;
}
.topbar_infos a:hover {
	color:#00aeb6;
}
.topbar_infos img {
	display:inline-block;
	width:16px;
	height:16px;
	margin:0px 3px 0 0;
	opacity:0.22;
}
.topbar_infos .trenner {
	margin:0 5px;
	opacity:0.35;
}
.header {
	float:left;
	width:100%;
	height:auto;
	padding:12px 0 0px 0;
	margin:41px 0 0 0;
	background:#ffffff;
}
.header a {
	outline:none;
}
.header .logo {
	float:left;
	width:100px;
	height:auto;
	margin:0 0 0 5px;
}
.header .logo img {
	width:100%;
	height:auto;
	display:block;
}
.header .rechts {
	float:left;
	width:calc(100% - 170px);
	height:auto;
	margin:0 0 0 50px;
	display:none;
}
.header .suche {
	float:left;
	width:100%;
	height:auto;
	margin:30px 0 0 0%;
}
.header .suche input {
	float:left;
	width:calc(100% - 48px);
	height:48px;
	border:solid 1px #bbbbbb;
	border-right:none;
	background:#ffffff;
	outline:none;
	box-shadow:none;
	font-size:16px;
	color:#5e5e5e;
	line-height:26px;
	font-weight:600;
	padding:5px 10px;
	transition:all 0.3s ease;
}
.header .suche button {
	float:left;
	width:48px;
	height:48px;
	border:solid 1px #bbbbbb;
	background-color:#ffffff;
	background-image:url(../images/layout/icon_suche.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:20px;
	outline:none;
	box-shadow:none;
	transition:all 0.3s ease;
}
.header .suche button:hover {
	background-color:#dfdfdf;
}
.erweitertesuchebtn {
	float:right;
	width:auto;
	height:auto;
	margin:10px 0 0 0;
	font-size:12px;
	font-weight:400;
	text-decoration:underline;
	color:#999999;
}
.erweitertesuchebtn:hover {
	color:#222222;
}
.header .anmeldenwarenkorb {
	float:left;
	width:30%;
	height:auto;
	margin:24px 0 0 6%;
	position:relative;
}
.header .warenkorb_btn {
	position:absolute;
	right:5px;
	top:0;
	width:54px;
	height:54px;
	background-color:#ffffff;
	background-image:url(../images/layout/icon_cart.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:22px;
	border:solid 1px #bbbbbb;
	border-radius:50%;
	transition:all 0.2s ease;
}
.header .warenkorb_btn:hover {
	cursor:pointer;
	background-size:24px;
	box-shadow:1px 1px 4px rgba(0,0,0,0.3);
}
.header .warenkorb_btn_anzahl {
	position:absolute;
	right:1px;
	top:-5px;
	width:22px;
	height:22px;
	font-size:12px;
	line-height:22px;
	padding:0;
	background:#c90000;
	border-radius:50%;
	z-index:995;
	text-align:center;
	color:#ffffff;
}
.header .anmelden_btn {
	position:absolute;
	right:100px;
	top:0;
	width:54px;
	height:54px;
	background-color:#ffffff;
	background-image:url(../images/layout/icon_user.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:20px;
	border:solid 1px #bbbbbb;
	border-radius:50%;
	transition:all 0.2s ease;
}
.header .anmelden_btn:hover {
	cursor:pointer;
	background-size:22px;
	box-shadow:1px 1px 4px rgba(0,0,0,0.3);
}
.header .anmelden_btn_voll {
	position:absolute;
	right:100px;
	top:0;
	width:54px;
	height:54px;
	background-color:#ffffff;
	background-image:url(../images/layout/icon_user_logout.png);
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:22px;
	border:solid 1px #bbbbbb;
	border-radius:50%;
	transition:all 0.2s ease;
}
.header .anmelden_btn_voll:hover {
	cursor:pointer;
	background-size:24px;
	box-shadow:1px 1px 4px rgba(0,0,0,0.3);
}
.header .abmeldenbtn {
	float:left;
	width:100%;
	height:auto;
	background:#888888;
	color:#ffffff !important;
	font-size:14px;
	font-weight:bold;
	border:solid 1px #888888;
	padding:5px;
}
.header .abmeldenbtn:hover {
	background:#222222;
	border:solid 1px #222222;
}
.header .abmeldenbtn img {
	display:inline-block;
	width:16px;
	height:16px;
	margin:0px 5px 0 0;
	vertical-align: middle;
}
.header .kundenkontobtn {
	float:left;
	width:100%;
	height:auto;
	background:#00aeb7;
	color:#ffffff !important;
	font-size:14px;
	font-weight:bold;
	border:solid 1px #00aeb7;
	padding:6px 2px;
	margin:0 0 10px 0;
	text-decoration:none !important;
	outline:none !important;
	text-align:center;
}
.header .kundenkontobtn:hover {
	background:#444444;
	border:solid 1px #444444;
}
.header .kundenkontobtn img {
	display:inline-block;
	width:16px;
	height:16px;
	margin:0px 5px 0 0;
	vertical-align: middle;
}


.kat_teaser {
	float:left;
	width:100%;
	height:auto;
	padding:0px 0 0px 0;
	margin:0;
	background:#5e5e5e;
	z-index:1;
	position:relative;
}
.breadcrumb_area {
	float:left;
	width:100%;
	height:auto;
	padding:10px 0 10px 0;
	margin:0;
	background:#5e5e5e;
	z-index:1;
	position:relative;
}
.breadcrumb_wrap {
	float:left;
	width:100%;
	height:auto;
	padding:0 0 0 0px;
	font-size:12px;
	line-height:20px;
	font-weight:600;
	color:#ffffff;
}
.breadcrumb_wrap .trenner {
	color:#a5a5a5;
	font-weight:400;
	margin:0 2px;
}
.breadcrumb_wrap a {
	color:#dfdfdf;
	font-weight:400;
	text-decoration:none;
	outline:none;
}
.breadcrumb_wrap a:hover {
	text-decoration:underline;
	color:#ffffff;
}
.kat_buchbild {
	position:absolute;
	left:0;
	bottom:0px;
	right:0;
	width:100%;
	height:auto;
}
.kat_buchbild img {
	width:100%;
	height:auto;
	display:block;
}
.teaser_topbuchbild {
	position:absolute;
	left:0;
	top:0px;
	right:0;
	width:100%;
	height:auto;
	z-index:1;
}
.teaser_topbuchbild img {
	width:100%;
	height:auto;
	display:block;
}

.menu_icon {
	position:absolute;
	right:0;
	top:20px;
	width:65px;
	height:65px;
	background:#ffffff;
	display:block;
	z-index:999;
	transition:none;
}
.menu_icon.active {
	position:fixed;
	right:0;
	top:73px;
	width:65px;
	height:65px;
	display:block;
	z-index:999;
	background:#ffffff;
	transition:none;
}
.menu_icon label {
	display:flex;
	flex-direction:column;
	width:65px;
	cursor:pointer;
	padding:17px 14px;
	transition:all 0.2s linear;
}
.menu_icon label span{
  background: #444444;
  border-radius:2px;
  height:2px;
  margin: 4px 0;
  transition: .4s  cubic-bezier(0.68, -0.6, 0.32, 1.6);
}
.menu_icon label span:nth-child(1){
  width:100%;
}
.menu_icon label span:nth-child(2){
  width:100%;
}
.menu_icon label span:nth-child(3){
  width:100%;
}
.menu_icon input[type="checkbox"]{
  display:none;
}
.menu_icon input[type="checkbox"]:checked ~ span:nth-of-type(1){
  transform-origin:bottom;
  transform:rotatez(45deg) translate(8px,8px);
  width:100%;
}
.menu_icon input[type="checkbox"]:checked ~ span:nth-of-type(2){
  width:0%;
  background:#ffffff;
}
.menu_icon input[type="checkbox"]:checked ~ span:nth-of-type(3){
  transform-origin:top;
  transform:rotatez(-45deg) translate(5px,-5px);
  width:100%;
}

.kategorien_nav_ecke {
	position:absolute;
	left:16px;
	top:-28px;
	width:254px;
	height:28px;
	z-index:98;
	background:#029198;
	transform:skewX(20deg);
	display:none;
}
.kategorien_nav {
	width:90%;
	height:auto;
	margin:0px 0 0 0;
	position:fixed;
	top:39px;
	left:10%;
	z-index:995;
	transform:translateX(105%);
	transition:all 0.3s ease;
}
.kategorien_nav.active {
	width:90%;
	height:auto;
	margin:0px 0 0 0;
	position:fixed;
	top:39px;
	left:10%;
	z-index:995;
	transform:translateX(0%);
}
.kategorien_nav_innen {
	float:left;
	width:100%;
	padding:13px 0 12px 0;
	height:auto;
	background:#00aeb6;
	box-shadow:2px 2px 3px rgba(0,0,0,0.27);	
}
.kategorien_nav .titel {
	float:left;
	width:100%;
	height:auto;
	font-size:18px;
	line-height:24px;
	font-weight:600;
	color:#ffffff;
	margin:0 0 4px 0;
	padding:0 15px;
	text-transform:uppercase;
	letter-spacing:2px;
}
.kategorien_nav ul {
	float:left;
	width:100%;
	height:auto;
	list-style:none;
}
.kategorien_nav ul li {
	float:left;
	width:100%;
	height:auto;
	list-style:none;
	margin:0 0px 0 0;
	padding:0 0px 0 0px;
}
.kategorien_nav ul li a {
	float:left;
	width:100%;
	height:auto;
	text-decoration:none;
	color:#ffffff;
	font-size:14px;
	line-height:22px;
	letter-spacing:0px;
	font-weight:400;
	outline:none;
	padding:6px 15px 6px 31px;
	background-image:url(../images/layout/icon_nav_white.png);
	background-repeat:no-repeat;
	background-position:14px 50%;
	background-size:12px;
	transition:all 0.3s ease;
}
.kategorien_nav ul li a:hover {
	background-color:#03949b;
	background-image:url(../images/layout/icon_nav_white.png);
	background-repeat:no-repeat;
	background-position:14px 50%;
	background-size:12px;
	color:#ffffff;
}
.kategorien_nav ul li a#hier {
	background-color:#09c6cf;
}
.kategorien_nav ul li a#hier:hover {
	background-color:#03949b;
}
.wrapper_slider {
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}
.bildbalken_cycle_a {
	float:left;
	width:33.33333333333333%;
	height:auto;
	margin:0 0px 0 0;
	overflow:hidden;
	text-align:center;
}
.bildbalken_cycle_a img {
	min-height:90px;
	width:auto;
}
.bildbalken_cycle_a li {
	float:left;
	width:100%;
	height:90px;
}
.cycle-slideshow { width: 100%; height: 90px; margin: auto; }



.sliderbild {
	float:left;
	width:25%;
	height:auto;
}
.sliderbild img {
	width:100%;
	height:auto;
	display:block;
}

.kopfbild {
	float:left;
	width:100%;
	height:auto;
	margin:20px 0 0 0;
}
.kopfbild img {
	width:100%;
	height:auto;
	display:block;
}
.content {
	float:left;
	width:100%;
	height:auto;
	padding:0px 0;
	background:#ffffff;
	position:relative;
	margin:0 0 0 0;
}
.inhalt {
	float:left;
	width:100%;
	height:auto;
	min-height:200px;
	margin:30px 0 20px 0px;
	padding:0 0 0 0px;
}
.inhalt_links {
	float:left;
	width:255px;
	height:auto;
	margin:360px 55px 40px 0;
	padding:0 0px 0 0px;
}

.mehrueber_side {
	position:fixed;
	left:0;
	top:380px;
	width:250px;
	height:50px;
	background-color:#00aeb6;
	background-image:url(../images/layout/icon_info.png);
	background-repeat:no-repeat;
	background-position:210px 50%;
	background-size:28px;
	border-top-right-radius:25px;
	border-bottom-right-radius:25px;
	z-index:1000;
	color:#ffffff;
	padding:16px 15px;
	font-size:18px;
	font-weight:600;
	transform:translateX(-260px);
	transition:all 0.3s linear;
}
.mehrueber_side.active {
	position:fixed;
	left:0;
	top:380px;
	width:250px;
	height:50px;
	background-color:#00aeb6;
	background-image:url(../images/layout/icon_info.png);
	background-repeat:no-repeat;
	background-position:210px 50%;
	background-size:28px;
	border-top-right-radius:25px;
	border-bottom-right-radius:25px;
	z-index:1000;
	color:#ffffff;
	padding:17px 15px;
	font-size:18px;
	font-weight:600;
	transform:translateX(-200px);
	transition:all 0.3s linear;
}
.mehrueber_side:hover {
	transform:translateX(0);
	background-color:#5e5e5e;
}
.mehrueber_side_box {
	position:fixed;
	left:0;
	top:auto;
	bottom:50px;
	width:200px;
	height:auto;
	font-size:14px;
	line-height:20px;
	font-weight:400;
	background-color:#00aeb6;
	transition:all 0.3s linear;
	transform:translateX(0px);
	padding:15px 0px 0px 0px;
	border-top-right-radius:10px;
	border-bottom-right-radius:0px;
}

.warenkorb_side {
	position:fixed;
	right:0;
	top:100px;
	width:65px;
	height:50px;
	background-color:#00aeb6;
	background-image:url(../images/layout/icon_cart_neg.png);
	background-repeat:no-repeat;
	background-position:16px 50%;
	background-size:30px;
	border-top-left-radius:25px;
	border-bottom-left-radius:25px;
	z-index:1000;
	color:#ffffff;
	text-align:center;
	padding:17px 0 0 0px;
	font-size:10px;
	font-weight:600;
	transform:translateX(90px);
	transition:all 0.3s linear;
}
.warenkorb_side.active {
	position:fixed;
	right:0;
	top:100px;
	width:65px;
	height:50px;
	background-color:#00aeb6;
	background-image:url(../images/layout/icon_cart_neg.png);
	background-repeat:no-repeat;
	background-position:16px 50%;
	background-size:30px;
	border-top-left-radius:25px;
	border-bottom-left-radius:25px;
	z-index:1000;
	color:#ffffff;
	text-align:center;
	padding:17px 0 0 0px;
	font-size:10px;
	font-weight:600;
	transform:translateX(10px);
	transition:all 0.3s linear;
}
.warenkorb_side:hover {
	transform:translateX(0);
}

.gototop_side {
	position:fixed;
	right:15px;
	bottom:45px;
	width:42px;
	height:42px;
	background-color:#00aeb6;
	background-image:url(../images/layout/icon_up.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:16px;
	border-radius:50%;
	z-index:1000;
	color:#ffffff;
	padding:16px 15px;
	font-size:18px;
	font-weight:600;
	transform:translateX(80px);
	transition:all 0.3s linear;
}
.gototop_side.active {
	position:fixed;
	right:15px;
	bottom:45px;
	width:42px;
	height:42px;
	background-color:#00aeb6;
	background-image:url(../images/layout/icon_up.png);
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:16px;
	border-radius:50%;
	z-index:1000;
	color:#ffffff;
	padding:17px 15px;
	font-size:18px;
	font-weight:600;
	transform:translateX(0px);
	transition:all 0.3s linear;
}
.gototop_side:hover {
	background-size:18px;
}


.mehrueber_side_box ul {
	list-style:none;
	float:left;
	width:100%;
	height:auto;
}
.mehrueber_side_box ul li {
	list-style:none;
	float:left;
	width:100%;
	height:auto;
	margin:0px 0;
	padding:0px;
}
.mehrueber_side_box ul li a {
	float:left;
	width:100%;
	height:auto;
	color:#ffffff;
	text-decoration:none;
	outline:none;
	padding:6px 15px 6px 28px;
	transition:all 0.1s ease;
	background-image:url(../images/layout/icon_nav_white.png);
	background-repeat:no-repeat;
	background-position:15px 12px;
	background-size:8px;
}
.mehrueber_side_box ul li a:hover {
	background-color:#4e4e4e;
}
.mehrueber_side:hover .mehrueber_side_box {
	background-color:#5e5e5e;
}


.mehrueber_bereich {
	float:left;
	width:100%;
	height:auto;
	margin:0px 0 0px 0;
	padding:13px 0px 12px 0;
	border-radius:0px;
	background:#5e5e5e;
	transition:all 0.3s linear;
	display:block;
	opacity:1;
}
.mehrueber_bereich.active {
	display:block;
	opacity:1;
}
.mehrueber_bereich_titel {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 8px 0;
	padding:0 15px;
	font-size:16px;
	font-weight:700;
	line-height:22px;
	color:#ffffff;
}
.mehrueber_bereich ul {
	list-style:none;
	float:left;
	width:100%;
	height:auto;
}
.mehrueber_bereich ul li {
	list-style:none;
	float:left;
	width:100%;
	height:auto;
	margin:0px 0;
	padding:0px;
}
.mehrueber_bereich ul li a {
	float:left;
	width:100%;
	height:auto;
	color:#ffffff;
	text-decoration:none;
	outline:none;
	padding:6px 4px 6px 25px;
	transition:all 0.3s ease;
	font-size:13px;
	line-height:18px;
	background-image:url(../images/layout/icon_nav_white.png);
	background-repeat:no-repeat;
	background-position:14px 11px;
	background-size:8px;
}
.mehrueber_bereich ul li a:hover {
	background-image:url(../images/layout/icon_nav_white.png);
	background-repeat:no-repeat;
	background-position:14px 11px;
	background-size:8px;
	background-color:#444444;
}
.willkommen_box {
	float:left;
	width:100%;
	height:auto;
	background-color:#ffffff;
	background-image:url(../images/layout/willkommen_back_m.jpg);
	background-position:right bottom;
	background-size:cover;
	background-repeat:no-repeat;
	border-radius:10px;
	border:solid 1px #dfdfdf;
	margin:0 0 40px 0;
}
.willkommen_box .links {
	float:left;
	width:100%;
	height:auto;
	padding:16px 15px 8px 15px;
	margin:0;
	text-align:left;
}
.willkommen_box h2 {
	float:left;
	width:100%;
	height:auto;
	padding:0px;
	margin:0 0 8px 0;
	text-align:left;
	font-size:20px;
	line-height:30px;
	font-weight:600;
	color:#00aeb6;
}
.willkommen_box p {
	float:left;
	width:100%;
	height:auto;
	padding:0px;
	margin:0 0 12px 0;
	text-align:left;
	font-size:15px;
	line-height:22px;
	font-weight:400;
	color:#5e5e5e;
	letter-spacing:0.3px;
}
.willkommen_box .rechts {
	float:left;
	width:100%;
	height:auto;
	padding:16px 15px 15px 15px;
	margin:10px 0 0 0%;
	text-align:left;
}

.willkommen_box .neukunde {
	float:left;
	width:100%;
	height:auto;
	border:solid 1px #dfdfdf;
	border-radius:8px;
	background:rgba(255,255,255,0.9);
	padding:10px 15px 15px 15px;
	margin:0 0% 10px 0;
	font-size:15px;
}
.willkommen_box .kundelogin {
	float:left;
	width:100%;
	height:auto;
	border:solid 1px #dfdfdf;
	border-radius:8px;
	background:rgba(255,255,255,0.9);
	padding:10px 15px 12px 15px;
	margin:10px 0 0 0%;
	font-size:15px;
	color:#5e5e5e;
}
.willkommen_box .angemeldet {
	float:left;
	width:100%;
	height:auto;
	border:solid 1px #dfdfdf;
	border-radius:8px;
	background:rgba(255,255,255,0.9);
	padding:10px 15px 15px 15px;
	margin:0 0% 10px 0;
	font-size:16px;
	line-height:24px;
	color:#222222;
}
.willkommen_box .angemeldet .kundenkontobtn {
	float:left;
	width:100%;
	height:auto;
	border:solid 1px #00aeb7;
	border-radius:0px;
	background:#00aeb7;
	padding:7px 10px 7px 0px;
	margin:18px 0 2px 0;
	font-size:16px;
	line-height:24px;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	outline:none;
}
.willkommen_box .angemeldet .kundenkontobtn:hover {
	background:#444444;
	border:solid 1px #444444;
}
.willkommen_box .angemeldet .abmeldebtn {
	float:left;
	width:100%;
	height:auto;
	border:solid 1px #888888;
	border-radius:0px;
	background:#888888;
	padding:5px 10px 5px 0px;
	margin:10px 0 5px 0;
	font-size:15px;
	line-height:24px;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	outline:none;
}
.willkommen_box .angemeldet .abmeldebtn:hover {
	background:#222222;
	border:solid 1px #222222;
}
.willkommen_box img {
	display:inline-block;
	width:16px;
	height:16px;
	margin:0px 5px 0 0;
	vertical-align: middle;
}

.willkommen_box .boxtitel {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 8px 0;
	font-weight:600;
	font-size:18px;
	line-height:24px;
	color:#222222;
	padding:0;
}
.willkommen_box label {
	float:left;
	width:100%;
	height:auto;
	margin:8px 0 1px 0;
	font-weight:400;
	font-size:14px;
	line-height:20px;
	color:#00aeb6;
	padding:0;
}
.willkommen_box input {
	float:left;
	width:100%;
	height:auto;
	margin:0px 0 0px 0;
	font-weight:400;
	font-size:14px;
	line-height:22px;
	color:#5e5e5e;
	padding:4px;
	border:solid 1px #cccccc;
	background:#ffffff;
	outline:none;
	box-shadow:none;
}
.willkommen_box button {
	float:right;
	background:#00aeb6;
	padding:6px 12px;
	font-size:14px;
	line-height:20px;
	font-weight:600;
	color:#ffffff;
	border-radius:3px;
	border:none;
	margin:8px 0 0 0;
	transition:all 0.2s ease;
}
.willkommen_box button:hover {
	background:#5e5e5e;
}
.willkommen_box .pwvergessen {
	float:left;
	width:auto;
	height:auto;
	margin:8px 0 0px 0;
	font-weight:400;
	font-size:12px;
	line-height:18px;
	color:#00aeb6;
	padding:0;
}
.willkommen_box .pwvergessen a {
	outline:none;
	text-decoration:underline;
	color:#00aeb6;
}
.willkommen_box .pwvergessen a:hover {
	color:#5e5e5e;
}
.willkommen_box .neukunde a {
	float:left;
	width:100%;
	height:auto;
	padding:10px 12px 10px 44px;
	margin:5px 0 5px 0;
	background-color:#00aeb6;
	outline:none;
	text-decoration:none;
	color:#ffffff;
	font-size:14px;
	line-height:18px;
	background-image:url(../images/layout/icon_user_white.png);
	background-repeat:no-repeat;
	background-size:20px;
	background-position:11px 50%;
	transition:all 0.2s ease;
	border-radius:3px;
}
.willkommen_box .neukunde a:hover {
	background-color:#5e5e5e;
}

#loginbox {
	position:absolute;
	right:100px;
	top:100px;
	width:220px;
	height:190px;
	font-size:14px;
	line-height:20px;
	font-weight:400;
	color:#5e5e5e;
	background:#ffffff;
	padding:12px 15px 12px 15px;
	z-index:1000;
	display:none;
	box-shadow:1px 1px 3px rgba(0,0,0,0.4);
}
#loginbox.active {
	position:absolute;
	right:100px;
	top:100px;
	width:220px;
	height:190px;
	font-size:14px;
	line-height:20px;
	font-weight:400;
	color:#5e5e5e;
	background:#ffffff;
	padding:12px 15px 12px 15px;
	z-index:999;
	display:block;
	box-shadow:1px 1px 3px rgba(0,0,0,0.4);
}
#loginbox span {
	position:absolute;
	right:25px;
	top:-11px;
	width:20px;
	height:20px;
	background:#ffffff;
	border-left:solid 1px #dfdfdf;
	border-top:solid 1px #dfdfdf;
	transform:rotate(45deg);
}
#loginbox .titel {
	float:left;
	width:100%;
	height:auto;
	font-size:20px;
	line-height:26px;
	font-weight:700;
	color:#222222;
	margin:0 0 10px 0;
}
#loginbox .subtitel {
	float:left;
	width:100%;
	height:auto;
	font-size:16px;
	line-height:22px;
	font-weight:600;
	color:#5e5e5e;
	margin:0 0 2px 0;
}
#loginbox .smaltitel {
	float:left;
	width:100%;
	height:auto;
	font-size:14px;
	line-height:20px;
	font-weight:600;
	color:#5e5e5e;
	margin:0 0 5px 0;
}
#loginbox a {
	font-weight:700;
	color:#00aeb6;
	text-decoration:underline;
	outline:none;
}
#loginbox a:hover {
	color:#222222;
}
#loginbox .wrap {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 14px 0;
	padding:0 0 14px 0;
	border-bottom:solid 1px #dddddd;
}

.hinweis {
	float:left;
	width:100%;
	height:auto;
	padding:0px;
	border-radius:0px;
	background:#ffffff;
}
.hinweis_titel {
	display:inline-block;
	color:#ffffff;
	background:#5e5e5e;
	font-size:15px;
	line-height:22px;
	letter-spacing:0.5px;
	font-weight:600;
	padding:6px 15px 5px 15px;
	margin:0 0 0px 0;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
}
.hinweis .text {
	float:left;
	width:100%;
	height:auto;
	border:solid 1px #dfdfdf;
	margin:0;
	font-size:15px;
	line-height:22px;
	padding:10px 15px;
	border-radius:10px;
	border-top-left-radius:0;
}
.hinweis .text .wrap {
	float:left;
	width:100%;
	height:auto;
	margin:10px 0;
	padding:0;
}
.hinweis .gelb {
	padding:0px 3px;
	background:#ffe505;
	font-weight:700;
	color:#df0101;
}
.hinweis .rot {
	font-weight:700;
	color:#df0101;
}
.hinweis a {
	font-weight:700;
	color:#00aeb6;
	text-decoration:underline;
	outline:none;
}
.hinweis a:hover {
	color:#5e5e5e;
}



.topartikel {
	float:left;
	width:100%;
	height:auto;
	padding:0px;
	margin:40px 0;
}
.kategorie_titel {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 15px 0;
	padding:0 0 3px 0;
	font-size:18px;
	line-height:24px;
	font-weight:700;
	color:#5e5e5e;
	border-bottom:solid 1px #dfdfdf;
}
.topartikel .box {
	float:left;
	width:48%;
	height:auto;
	padding:5px 0px 60px 0px;
	border:solid 1px #ffffff;
	border-radius:0px;
	background:#ffffff;
	margin:0 4% 20px 0;
	position:relative;
}
.topartikel .box:nth-of-type(2n+2) { margin:0 0% 20px 0; }


.topartikel .box img {
	width:100%;
	height:204px;
	display:block;
	border:solid 1px #dfdfdf;
	margin:0 0 5px 0;
	padding:0px;
	object-fit: contain;
}
.topartikel .box .titel {
	float:left;
	width:100%;
	height:auto;
	min-height:40px;
	padding:0px;
	font-size:14px;
	line-height:20px;
	font-weight:700;
	color:#5e5e5e;
	text-align:left;
	margin:5px 0 8px 0;
	letter-spacing:0.2px;
}
.topartikel .box .daten {
	float:left;
	width:100%;
	height:auto;
	padding:0px;
	font-size:13px;
	line-height:18px;
	font-weight:400;
	color:#5e5e5e;
	text-align:right;
	margin:1px 0 4px 0;
}
.topartikel .box .preis {
	float:left;
	width:100%;
	height:auto;
	padding:0px;
	font-size:18px;
	line-height:24px;
	font-weight:700;
	color:#00aeb6;
	text-align:right;
	margin:2px 0 0px 0;
}
.topartikel .box .button {
	position:absolute;
	left:0;
	bottom:13px;
	width:100%;
	height:auto;
	font-size:14px;
	line-height:22px;
	font-weight:400;
	color:#ffffff;
	background:#00aeb6;
	padding:8px;
	border-radius:6px;
	margin:0px 0 0px 0;
	text-align:center;
	text-decoration:none;
	transition:all 0.3s ease;
	outline:none;
}
.topartikel .box .button:hover {
	background:#5e5e5e;
}

.kategorie_boxenwrap {
	float:left;
	width:100%;
	height:auto;
}
#flex-container {
	display: -webkit-flex;
   display: -ms-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}

.basket_empty {
	float:left;
	width:100%;
	height:auto;
	margin:20px 0 40px 0;
	padding:20px;
	font-size:15px;
	line-height:22px;
	font-weight:600;
	color:#5e5e5e;
	border: solid 1px #9c0000;
	border-radius:6px;
	background:#fbdede;
}
.basket_content {
	float:left;
	width:100%;
	height:auto;
	margin:20px 0 40px 0;
	padding:20px;
	font-size:15px;
	line-height:22px;
	font-weight:600;
	color:#5e5e5e;
	border: solid 1px #999999;
	border-radius:6px;
	background:#ffffff;
}

.artikel_box {
	float: left;
	width: 100%;
	height: auto;
	padding: 0 0 25px 0;
	margin: 15px 0 15px 0;
	border-bottom: solid 1px #dfdfdf;
}
.artikel_box .bild {
	float: left;
	width: 25%;
	height: auto;
	margin: 2px 5% 0 0;
	border: solid 1px #dfdfdf;
}
.artikel_box .bild img {
	width: 100%;
	height: auto;
	display: block;
}
.artikel_box .text {
	float: left;
	width: 70%;
	height: auto;
	margin: 0 0 0 0;
}
.artikel_box .text .daten {
	float: left;
	width: 60%;
	height: auto;
	margin: 0 0 0 0;
	text-align: left;
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
	color: #5e5e5e;
}
.artikel_box .text .daten .titel {
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 5px 0;
	font-size: 16px;
	line-height: 22px;
	font-weight: 700;
	color: #5e5e5e;
}
.artikel_box .text .daten .beschreibung {
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 5px 0;
	font-size: 13px;
	line-height: 18px;
	font-weight: 700;
	color: #222222;
}
.artikel_box .text .daten .wrap {
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 22px 0;
}
.artikel_box .text .daten a {
	padding: 8px 16px;
	outline: none;
	text-decoration: none;
	color: #ffffff;
	font-size:13px;
	line-height: 18px;
	font-weight: 400;
	background: #00aeb6;
	border-radius: 5px;
	transition: all 0.3s linear;
}
.artikel_box .text .daten a:hover {
	background: #5e5e5e;
}
.artikel_box .text .preis {
	float: left;
	width: 35%;
	height: auto;
	margin: 0 0 0 5%;
	text-align: right;
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	color: #222222;
}

.detail_back {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 20px 0;
	padding:0;
	font-size:14px;
	line-height:20px;
	font-weight:400;
}
.detail_back a {
	text-decoration:none;
	outline:none;
	border:solid 1px #dfdfdf;
	padding:5px 10px 5px 22px;
	color:#5e5e5e;
	background-image:url(../images/layout/icon_back.png);
	background-repeat:no-repeat;
	background-position:8px 50%;
	background-size:8px;
}
.detail_back a:hover {
	border:solid 1px #5e5e5e;
	color:#222222;
}
.detail_bereich {
	float:left;
	width:100%;
	height:auto;
	margin:20px 0 20px 0;
	padding:0;
}
.detail_bereich .bild {
	float:left;
	width:100%;
	height:auto;
	margin:0 0px 30px 0;
}
.detail_bereich .bild .imgbig {
	width:50%;
	height:auto;
	display:block;
	border:solid 1px #dfdfdf;
	margin:0 25%;
}	


.detail_bereich .bild .bilderklein {
	float:left;
	width:100%;
	height:auto;
	margin:20px 0 5px 0;
}
.detail_bereich .bild .bilderklein a {
	float:left;
	width:48%;
	height:auto;
	border:solid 1px #dfdfdf;
	margin:0 4% 4% 0;
}
.detail_bereich .bild .bilderklein a:nth-of-type(2n+2) { margin:0 0% 4% 0; }

.preisdaten_show {
	float:left;
	width:100%;
	height:0;
	overflow:hidden;
	opacity:0;
	transition:all 0.4s ease;
	text-align:left;
}
.preisdaten_show.active {
	float:left;
	width:100%;
	height:auto;
	overflow:hidden;
	opacity:1;
	text-align:right;
}
.preisdaten_show .buchtitel {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 2px 0;
	font-size:15px;
	line-height:20px;
	font-weight:700;
	color:#222222;
}
.preisdaten_show .buchtitelisbn {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 22px 0;
	font-size:12px;
	line-height:18px;
	font-weight:400;
	color:#222222;
}
.detail_bereich .bild .bilderklein a img {
	width:100%;
	height:auto;
	display:block;
}
.detail_bereich .bild .zoomtext {
	float:left;
	width:100%;
	height:auto;
	font-size:12px;
	line-height:16px;
	font-weight:400;
	color:#5e5e5e;
}
.detail_bereich .daten {
	float:left;
	width:100%;
	height:auto;
	margin:0 0px 0 0;
	-webkit-hyphens: auto;
	-webkit-hyphenate-limit-chars: auto 3;
	-webkit-hyphenate-limit-lines: 4;
	-ms-hyphens: auto;
	-ms-hyphenate-limit-chars: auto 3;
	-ms-hyphenate-limit-lines: 4;
	hyphens: auto;
	hyphenate-limit-chars: auto 5;
	hyphenate-limit-lines: 2;
}



.detail_bereich .daten .text {
	float:left;
	width:100%;
	height:auto;
	margin:0 0% 0 0;
}
.detail_bereich .daten .titel {
	float:left;
	width:100%;
	height:auto;
	margin:0 0px 4px 0;
	font-size:20px;
	line-height:28px;
	font-weight:700;
	color:#222222;
	letter-spacing:0.3px;
}
.detail_bereich .daten .untertitel {
	float:left;
	width:100%;
	height:auto;
	margin:0 0px 10px 0;
	font-size:16px;
	line-height:22px;
	font-weight:400;
	color:#5e5e5e;
}
.detail_bereich .daten .text .bezeichnung {
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 15px 0;
	font-size: 13px;
	line-height: 18px;
	font-weight: 700;
	color: #222222;
}
.detail_bereich .daten .isbn {
	float:left;
	width:100%;
	height:auto;
	margin:0 0px 28px 0;
	font-size:14px;
	line-height:20px;
	font-weight:400;
	color:#5e5e5e;
}
.detail_bereich .daten .beschreibung {
	float:left;
	width:100%;
	height:auto;
	margin:0 0px 25px 0;
	font-size:14px;
	line-height:20px;
	font-weight:400;
	color:#5e5e5e;
}
.detail_bereich .daten .beschreibung ul {
	list-style:none;
	float:left;
	width:100%;
	height:auto;
}
.detail_bereich .daten .beschreibung ul li {
	list-style:disc outside;
	float:left;
	width:calc(100% - 15px);
	height:auto;
	margin:0 0 10px 15px;
}
.detail_bereich .daten .preisdaten_wrap {
	float:left;
	width:100%;
	height:auto;
	position:relative;
}
.detail_bereich .daten .preisdaten {
	float:left;
	width:100%;
	height:auto;
	margin:20px 0% 0 0;
	text-align:right;
	font-size:12px;
	line-height:18px;
	font-weight:400;
	color:#5e5e5e;
	background:#ffffff;
	padding:0px;
	border:none;
	border-radius:0px;
	transition:box-shadow 0.3s linear;
	box-shadow:none;
	z-index:995;
}
.detail_bereich .daten .preisdaten.active {
	float:left;
	width:100%;
	height:auto;
	margin:20px 0% 0 0;
	text-align:right;
	font-size:12px;
	line-height:18px;
	font-weight:400;
	color:#5e5e5e;
	z-index:995;
	background:#ffffff;
	padding:0px;
	border:none;
	border-radius:0px;
	transition:box-shadow 0.3s linear;
	box-shadow:none;
}
.detail_bereich .daten .preisdaten .preiswrap {
	float:left;
	width:100%;
	height:auto;
	margin:0px 0 5px 0;
	padding:0;
}
.detail_bereich .daten .preisdaten .wrap {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 6px 0;
	padding:0;
}
.detail_bereich .daten .preisdaten .lzwrap {
	float:left;
	width:100%;
	height:auto;
	margin:2px 0 8px 0;
	padding:0;
	font-size:15px;
	line-height:22px;
}
.detail_bereich .daten .preisdaten .preis {
	font-size:28px;
	font-weight:700;
	color:#222222;
}
.detail_bereich .daten .preisdaten .eur {
	font-size:18px;
	font-weight:700;
	color:#222222;
}
.detail_bereich .daten .preisdaten .mengewrap {
	float:left;
	width:100%;
	height:auto;
	margin:12px 0 10px 0;
	padding:0;
	text-align:left;
}
.detail_bereich .daten .preisdaten .mengewrap label {
	float:left;
	width:68px;
	height:auto;
	font-size:15px;
	line-height:22px;
	font-weight:700;
	color:#222222;
	margin:6px 0 0 0;
}
.detail_bereich .daten .preisdaten .mengewrap input {
	float:left;
	width:calc(100% - 68px);
	height:auto;
	text-align:center;
	font-size:14px;
	line-height:22px;
	font-weight:700;
	padding:5px 5px 5px 5px;
	transition:all 0.3s ease;
	outline:none;
	box-shadow:none;
	border:solid 1px #cccccc;
	background:#ffffff;
	border-radius:5px;
}
.detail_bereich .daten .preisdaten .mengewrap input:invalid {
    border: 1px solid #cd0000;
}
.detail_bereich .daten .preisdaten .ausgabewrap {
	float:left;
	width:100%;
	height:auto;
	margin:0px 0 10px 0;
	padding:0;
	text-align:left;
}
.detail_bereich .daten .preisdaten .ausgabewrap label {
	float:left;
	width:68px;
	height:auto;
	font-size:14px;
	line-height:22px;
	font-weight:700;
	color:#222222;
	margin:5px 0 2px 0;
}
.detail_bereich .daten .preisdaten .ausgabewrap select {
	float:left;
	width:calc(100% - 68px);
	height:auto;
	text-align:left;
	font-size:13px;
	line-height:22px;
	font-weight:700;
	padding:5px 2px 5px 2px;
	transition:all 0.3s ease;
	outline:none;
	box-shadow:none;
	border:solid 1px #cccccc;
	background:#ffffff;
	border-radius:5px;
}
.detail_bereich .daten .preisdaten .btnwrap {
	float:left;
	width:100%;
	height:auto;
	margin:2px 0 0px 0;
	padding:0;
	text-align:center;
}
.detail_bereich .daten .preisdaten .btnwrap button {
	float:left;
	width:100%;
	height:auto;
	padding:10px 10px;
	border-radius:6px;
	background-color:#00aeb6;
	border:none;
	outline:none;
	box-shadow:none;
	font-size:15px;
	font-weight:700;
	color:#ffffff;
	transition:all 0.3s ease;
}
.detail_bereich .daten .preisdaten .btnwrap button:hover {
	background-color:#5e5e5e;
}

.detail_bereich .btn_druckansicht {
	float:left;
	width:100%;
	height:auto;
	margin:15px 0 0px 0;
}

.detail_bereich .druckbtn {
	float:right;
	width:auto;
	height:auto;
	background-image:url(../images/layout/icon_drucker.png);
	background-size:18px;
	background-repeat:no-repeat;
	background-position:16px 50%;
	padding:10px 20px 10px 44px;
	text-decoration:none;
	color:#5e5e5e;
	font-size:14px;
	font-weight:600;
	outline:none;
	text-align:left;
	border-radius:6px;
	background-color:#ffffff;
	transition:all 0.3s ease;
	border:solid 1px #cccccc;
}
.detail_bereich .druckbtn:hover {
	background-color:#dfdfdf;
}

.detail_bereich .kundentipp {
	float:left;
	width:100%;
	height:auto;
	margin:60px 0 40px 0;
	border-top:solid 1px #dfdfdf;
	padding:40px 0 0 0;
}
.detail_bereich .kundentipp .titel {
	float:left;
	width:100%;
	height:auto;
	margin:0px 0 18px 0;
	font-size:18px;
	line-height:24px;
	font-weight:700;
	color:#5e5e5e;
}
.detail_bereich a {
	outline:none;
}
.pdfdownbtn {
	margin:20px 0 10px 0;
	padding:6px 5px 6px 24px;
	text-decoration:none;
	color:#444444;
	background-image:url(../images/layout/icon_pdf.png);
	background-repeat:no-repeat;
	background-position:left 50%;
	background-size:20px;
	font-size:14px;
	outline:none;
	display:inline-block;
}
.pdfdownbtn:hover {
	text-decoration:underline;
	color:#000000;
}



.tipp_box_wrap {
	float:left;
	width:100%;
	height:auto;
}
.tipp_box_wrap .tipp_box:last-of-type {
	margin:0 0 2% 0;
}
.tipp_box {
	float:left;
	width:15%;
	height:auto;
	border:solid 1px #dfdfdf;
	border-radius:6px;
	padding:10px 10px 45px 10px;
	margin:0 2% 2% 0;
	position:relative;
}
.tippbild {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 10px 0;
}
.tippbild img {
	width:100%;
	height:auto;
	display:block;
	border:solid 1px #dfdfdf;
}
.tipp_box .text {
	float:left;
	width:100%;
	height:auto;
	margin:0;
	overflow:hidden;
}
.tipp_box .text .daten {
	float:left;
	width:100%;
	height:auto;
	margin:0;
}
.tipp_box .text .daten .titel {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 0px 0;
	padding:0;
	font-size:16px;
	font-weight:700;
	color:#5e5e5e;
}
.tipp_box .text .daten .wrap {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 6px 0;
	padding:0;
	font-size:12px;
	line-height:16px;
	font-weight:400;
	color:#5e5e5e;
}
.tipp_box .text .daten .preis {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 8px 0;
	padding:0;
	text-align:left;
	font-size:15px;
	line-height:18px;
	font-weight:700;
	color:#5e5e5e;
}
.tipp_box .text .daten a {
	position:absolute;
	bottom:10px;
	left:10px;
	width:calc(100% - 20px);
	height:auto;
	padding:5px 5px;
	outline:none;
	border:none;
	text-decoration:none;
	border-radius:6px;
	background-color:#00aeb6;
	text-align:center;
	font-size:14px;
	line-height:22px;
	font-weight:700;
	color:#ffffff;
	transition:all 0.3s linear;
}
.tipp_box .text .daten a:hover {
	background-color:#5e5e5e;
}
.kostenloserversand_wrap {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 40px 0;
	text-align:center;
}
.kostenloserversand {
	display:inline-block;
	padding:13px 20px 13px 64px;
	background-color:#dfdfdf;
	background-image:url(../images/layout/icon_versand_dark.png);
	background-repeat:no-repeat;
	background-size:38px;
	background-position:15px 50%;
	border-radius:10px;
	color:#222222;
	font-size:15px;
	font-weight:600;
	letter-spacing:0.3px;
	line-height:22px;
}

.login_area {
	float:left;
	width:100%;
	height:auto;
	background:#eeeeee;
	position:relative;
	padding:40px 20px 10px 20px;
	margin:30px 0% 30px 0%;
	border-radius:10px;
	border:solid 1px #bbbbbb;
	border-top:none;
	border-left:solid 1px #dddddd;
}
.login_area .biltop {
	position:absolute;
	left:-2%;
	top:-1px;
	width:104%;
	height:auto;
}
.login_area .lesezeichen {
	position:absolute;
	right:25px;
	top:-2px;
	width:36px;
	height:80px;
	background:#5e5e5e;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	box-shadow:1px 1px 2px rgba(0,0,0,0.25);
}
.login_area .lesezeichen span {
	display:inline-block;
	transform:rotate(-90deg) translateX(-30px) translateY(-6px);
	color:#dddddd;
	font-size:14px;
	letter-spacing:1px;
	text-transform:uppercase;
	font-weight:600;
}
.login_area .headline {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 15px 0;
	font-size:18px;
	line-height:26px;
	font-weight:700;
	color:#222222;
}
.login_area .beschreibung {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 20px 0;
	font-size:14px;
	line-height:20px;
	font-weight:400;
	color:#222222;
}
.login_wrap {
	float:left;
	width:100%;
	height:auto;
	margin:0 0% 10px 0;
}
.login_wrap_r {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 10px 0%;
}
.login_area .login_wrap input {
	float:left;
	width:100%;
	height:auto;
	margin:0;
	box-shadow:none;
	outline:none;
	padding:12px 5px 12px 40px;
	border:solid 1px #cccccc;
	background-color:#ffffff;
	border-radius:6px;
	transition:all 0.3s linear;
	background-image:url(../images/layout/icon_user.png);
	background-repeat:no-repeat;
	background-size:20px;
	background-position:9px 50%;
}
.login_area .login_wrap_r input {
	float:left;
	width:100%;
	height:auto;
	margin:0;
	box-shadow:none;
	outline:none;
	padding:12px 5px 12px 40px;
	border:solid 1px #cccccc;
	background-color:#ffffff;
	border-radius:6px;
	transition:all 0.3s linear;
	background-image:url(../images/layout/icon_pw.png);
	background-repeat:no-repeat;
	background-size:20px;
	background-position:9px 50%;
}
.login_area .login_wrap input:hover, .login_area .login_wrap input:focus, .login_area .login_wrap_r input:hover, .login_area .login_wrap_r input:focus {
	border:solid 1px #00aeb6;
	box-shadow:0px 0px 4px rgba(0,174,182,0.5);
}
.login_area button {
	float:right;
	margin:10px 0 10px 0;
	padding:9px 28px 9px 18px;
	border:none;
	color:#ffffff;
	font-size:15px;
	font-weight:700;
	border-radius:6px;
	background-image:url(../images/layout/icon_nav_white.png);
	background-repeat:no-repeat;
	background-position:90% 50%;
	background-color:#00aeb6;
	background-size:12px;
	transition:all 0.3s linear;
}
.login_area button:hover {
	background-color:#5e5e5e;
}
.login_area .vergessen {
	float:left;
	width:auto;
	height:auto;
	text-decoration:underline;
	color:#00aeb6;
	margin:8px 0 10px 0;
	font-size:12px;
	font-weight:400;
	line-height:20px;
	outline:none;
}
.login_area .vergessen:hover {
	color:#5e5e5e;
	cursor:pointer;
}
.login_neukunde {
	float:left;
	width:100%;
	height:auto;
	margin:20px 0 0 0;
	padding:30px 0 0 0;
	border-top:solid 1px #bbbbbb;
}
.login_neukunde_btn {
	float:left;
	margin:0px 0 0px 0;
	padding:9px 32px 9px 18px;
	border:none;
	color:#ffffff;
	text-decoration:none;
	font-size:15px;
	line-height:22px;
	font-weight:400;
	border-radius:6px;
	background-image:url(../images/layout/icon_nav_white.png);
	background-repeat:no-repeat;
	background-position:93% 50%;
	background-color:#00aeb6;
	background-size:12px;
	transition:all 0.3s linear;
}
.login_neukunde_btn:hover {
	background-color:#5e5e5e;
}
.detail_wrap {
	float:left;
	width:100%;
	height:auto;
}

.popup_box {
	float:left;
	width:100%;
	height:auto;
	padding:25px;
}
.popup_box h2 {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 25px 0;
	font-size:24px;
	line-height:32px;
	font-weight:bold;
	color:#222222;
}
.popup_box ul {
	list-style:none;
}
.popup_box ul li {
	list-style:outside disc;
	margin:0 0 15px 15px;
	float:left;
	width:calc(100% - 15px);
	height:auto;
	font-size:16px;
	line-height:24px;
	font-weight:normal;
}
.popup_box ul li strong {
	color:#00aeb6;
}
#versandkosten a {
	text-decoration:underline;
	color:#777777;
	outline:none;
	font-weight:bold;
}
#versandkosten a:hover {
	color:#000000;
	cursor:pointer;
}

.popup_form {
	position:absolute;
	top:20px;
	left:0%;
	height:auto;
	width:94%;
	margin:0 3%;
	background:#5e5e5e;
	border:solid 1px #dfdfdf;
	padding:10px 25px 25px 25px;
	z-index:9999;
	box-shadow:5px 5px 4px rgba(0,0,0,0.15);
}
.popup_close {
	float:right;
	width:37px;
	height:37px;
	text-align:center;
	background:transparent url("/images/layout/close_modal_white.png") no-repeat center center;
	background-size:34px;
	margin:-9px -20px 0 0;
}
.popup_close:hover {
	cursor:pointer;
}
.popup_text {
	float:left;
	width:100%;
	height:auto;
	font-weight:400;
	font-size:18px;
	line-height:23px;
	color:#ffffff;
	padding:8px 0 0 0px;
	text-align:center;
}
.popup_daten {
	float:left;
	width:100%;
	height:auto;
	color:#ffffff;
	margin:35px 0 20px 0;
	text-align:center;
}
.popup_daten_bild {
	width:76px;
	height:auto;
	margin:0 auto 0 auto;
	text-align:center;
}
.popup_daten_bild img {
	max-width:100%;
	max-height:120px;
	margin:0 auto 0 auto;
}
.popup_daten_beschreibung {
	float:left;
	width:100%;
	height:auto;
	margin:15px  0 20px 0;
	color:#ffffff;
	font-size:18px;
	line-height:23px;
	font-weight:400;
}
.popup_daten_menge {
	float:left;
	width:43%;
	height:auto;
	margin:5px 1% 0 0;
	color:#ffffff;
	font-size:18px;
	line-height:23px;
	font-weight:400;
	text-align:right;
}
.popup_daten_preis {
	float:left;
	width:54%;
	height:auto;
	margin:3px 0px 0 2%;
	color:#00aeb6;
	font-size:24px;
	line-height:24px;
	font-weight:400;
	text-align:left;
}
.popup_daten_btns {
	float:left;
	width:100%;
	height:auto;
	margin:15px 0px 0 0;
}
.popup_daten_btns_wk {
	float:left;
	background:#000000;
	border-radius:5px;
	width:100%;
	height:40px;
	color:#ffffff;
	letter-spacing:1px;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	text-transform:uppercase;
	line-height:38px;
	text-decoration:none;
}
.popup_daten_btns_wk:hover {
	background:#ffffff;
	color:#555555;
	text-decoration:none;
	cursor:pointer;
}
.popup_daten_btns_weiter {
	float:right;
	background:#00aeb6;
	border-radius:5px;
	width:100%;
	height:40px;
	color:#ffffff;
	letter-spacing:1px;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	text-transform:uppercase;
	line-height:38px;
	margin:20px 0 10px 0;
	text-decoration:none;
}
.popup_daten_btns_weiter:hover {
	background:#ffffff;
	color:#555555;
	text-decoration:none;
	cursor:pointer;
}

.suche_info {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 30px 0;
	padding:0 0 20px 0;
	font-size:22px;
	line-height:28px;
	color:#555555;
	border-bottom:solid 1px #dfdfdf;
}

#warenkorb_artikelliste {
	float:left;
	width:100%;
	height:auto;
}
.warenkorb_artikel {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	border-bottom:solid 1px #dfdfdf;
}
.warenkorb_artikel .summepreis
{
	font-weight:bold;
	font-size:18px;
	line-height:30px
}
.warenkorb_artikel .bezeichnung{
	color:#000000;
	font-weight:400;
	font-size:18px;
	line-height:30px;
}
.warenkorb_artikel .menge{
	font-size:16px;
}
.warenkorb_artikel .count{
	height:26px;
	text-align:center;
	margin:0px 12px 0 2px;
	padding:2px;
	color:#000000;
	font-weight:700;
	font-size:16px;
	width:34px;
	-webkit-box-shadow:none;
	box-shadow:none;
	-webkit-transition:none;
	transition:none;
	-webkit-appearance:none;
	background:#eeeeee;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:solid 1px #aaaaaa;
}
.warenkorb_artikel_form1{
	float:left;
	margin:10px 0 0 0;
}
.warenkorb_artikel_form2{
	float:right;
	margin:10px 0 0 0;
}
.area_stueck_preis,.area_anzahl,.area_summepreis{
	float:left;
}
.area_summepreis{
	text-align:right;
	padding-right:0px
}
.area_stueck_preis{
	width:auto;
	min-width:100px;
	margin:0 20px 0 0;
}
.area_anzahl{
	width:auto;
}
.warenkorb_artikel .kasse_l {
	float:left;
	width:40%;
	height:auto;
}
.warenkorb_artikel .kasse_m {
	float:left;
	width:30%;
	height:auto;
}
.warenkorb_artikel .kasse_r {
	float:left;
	width:30%;
	height:auto;
	padding:0 5px 0 0;
}
.warenkorb_artikel .stueck,.warenkorb_artikel .anzahl{
	font-size:16px;
	line-height:30px
}
.warenkorb_artikel .stueckpreis{
	font-size:16px;
	line-height:30px;
}
.btn-refresh{
	font-family: FontAwesome;
	color:#999999;
	background:none;
	border:0;
	cursor:pointer;
	font-size:18px;
	margin:0;
	padding:0 3px 0 0;
	height:18px;
	position:relative;
	top:2px;
	left:-2px;
	font-weight:400;
}
.btn-refresh:hover {
	cursor:pointer;
	color:#00aeb6;
}

.btn-remove{
	font-family: FontAwesome;
	color:#888888;
	width:21px;
	height:21px;
	background:none;
	border:0;
	cursor:pointer;
	position:relative;
	font-size:16px;
	top:0px;
	margin-left:2px;
	font-weight:400;
}
.btn-remove:hover {
	cursor:pointer;
	color:#9c0000;
}

.kostenaufstellung{
	padding-top:3px;
	padding-bottom:3px;
	line-height:24px;
}
.kostenaufstellung .beschriftung{
	float:left;
	width:calc(100% - 100px);
	height:auto;
	font-size:14px;
	line-height:20px;
	color:#222222;
}
.kostenaufstellung .preis{
	float:left;
	width:100px;
	height:auto;
	text-align:right;
	padding-right:5px;
	color:#222222;
}

.endbetrag {
	float:left;
	width:100%;
	height:auto;
	margin:10px 0 15px 0;
	padding:15px 0 15px 0;
	line-height:22px;
	border-top:solid 1px #707070;
	border-bottom:solid 2px #707070;
}
.endbetrag .beschriftung {
	float:left;
	width:calc(100% - 100px);
	height:auto;
	font-size:15px;
	line-height:22px;
	color:#000000;
	padding:0;
}
.endbetrag .preis{
	float:left;
	width:100px;
	height:auto;
	text-align:right;
	padding-right:5px;
	color:#000000;
	font-size:18px;
	line-height:22px;
	font-weight:700;
}
.warenkorb_artikel_lieferant_versandkosten {
	float:left;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	line-height:24px;
}
.warenkorb_artikel_lieferant_versandkosten .left {
	float:left;
	width:calc(100% - 160px);
	height:auto;
	font-size:16px;
	line-height:24px;
	color:#000000;
	padding:0;
}
.warenkorb_artikel_lieferant_versandkosten .right {
	float:left;
	width:160px;
	height:auto;
	text-align:right;
	padding-right:22px;
	color:#000000;
	font-size:24px;
	line-height:28px;
	font-weight:700;
}
.versandkosten_hinweis {
	float:left;
	width:100%;
	height:auto;
	margin:0px 0 20px 0;
	padding:6px 9px;
	background:#f6f6f6;
	border-radius:6px;
}
.versandkosten_hinweis .beschriftung {
	float:left;
	width:100%;
	height:auto;
	font-size:15px;
	line-height:22px;
	color:#000000;
	padding:0;
}
.btn-checkout {
	float:right;
	font-size:16px;
	width:auto;
	text-align:center;
	font-weight:700;
	text-transform:uppercase;
	line-height:26px;
	padding:12px 22px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	background:#00aeb6;
	color:#ffffff;
	text-decoration:none;
	letter-spacing:0.5px;
	border:none;
}
.btn-checkout:hover {
	background:#555555;
}


.kundenkonto_bereich {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 30px 0;
	padding:0px;
	font-size:16px;
	line-height:22px;
	font-weight:400;
	color:#5e5e5e;
	border:none;
	border-radius:0px;
}
.kundenkonto_bereich .text {
	float:left;
	width:100%;
	height:auto;
	padding:0;
	margin:0 0 10px 0;
	font-weight:bold;
	color:#000000;
	font-size:18px;
	line-height:24px;
}
.kundenkonto_bereich .regtext {
	float:left;
	width:100%;
	height:auto;
	padding:0;
	margin:0 0 10px 0;
	font-weight:normal;
	color:#444444;
	font-size:15px;
	line-height:24px;
}
.kundenkonto_bereich .options {
	float:left;
	width:100%;
	height:auto;
	padding:0;
	margin:0 0 20px 0;
}
.kundenkonto_bereich .options label {
	float:left;
	width:100%;
	height:auto;
	padding:16px 10px;
	border:solid 1px #dfdfdf;
	text-align:center;
	cursor:pointer;
	outline:none;
	font-size:16px;
	font-weight:bold;
	margin:0 0 10px 0;
	background:#ffffff;
	transition:all 0.2s linear;
	border-radius:6px;
}

.kundenkonto_bereich .options label:hover {
	background:#eeeeee;
}
.kundenkonto_bereich .options label input {
	margin:0 5px 0 0;
}
.kundenkonto_bereich .datenbereich {
	float:left;
	width:100%;
	height:auto;
	padding:15px 15px;
	margin:0 0 15px 0;
	border:solid 1px #dfdfdf;
	border-radius:8px;
}
.kundenkonto_bereich .datenbereich .daten_titel {
	float:left;
	width:100%;
	height:auto;
	font-weight:bold;
	font-size:16px;
	margin:0 0 10px 0;
	color:#000000;
}
.kundenkonto_bereich .datenbereich .daten_text {
	float:left;
	width:100%;
	height:auto;
	font-weight:normal;
	font-size:14px;
	line-height:20px;
	margin:0 0 18px 0;
	color:#000000;
}
.kundenkonto_bereich .pflichtfeld_info {
	float:left;
	width:50%;
	height:auto;
	font-weight:normal;
	font-size:12px;
	line-height:18px;
	margin:10px 0 10px 0;
	color:#555555;
}
.kundenkonto_bereich .datenbereich_btn {
	float:right;
	width:50%;
	height:auto;
	margin:15px 0 10px 0;
	color:#555555;
	text-align:right;
}
.kundenkonto_bereich .datenbereich_btn button {
	border:none;
	padding:12px 25px;
	background:#00aeb6;
	outline:none;
	color:#ffffff;
	font-size:18px;
	line-height:26px;
	font-weight:bold;
	border-radius:6px;
	transition:all 0.2s linear;
}
.kundenkonto_bereich .datenbereich_btn button:hover {
	background:#555555;
	cursor:pointer;
}

.kundenkonto_bereich .datenbereich .wrap {
	float:left;
	width:100%;
	height:auto;
	padding:0px;
	margin:0 0 8px 0;
}
.kundenkonto_bereich .datenbereich label {
	float:left;
	width:100%;
	font-size:15px;
	line-height:24px;
	height:auto;
	margin:6px 0px 0 0;
}
.kundenkonto_bereich .datenbereich input {
	float:left;
	width:calc(100% - 10px);
	height:auto;
	border:solid 1px #cccccc;
	background:#ffffff;
	box-shadow:none;
	outline:none;
	padding:5px 8px;
	border-radius:3px;
	transition:all 0.2s linear;
}
.kundenkonto_bereich .datenbereich .input_hausnr {
	float:left;
	width:90px;
	height:auto;
	border:solid 1px #cccccc;
	background:#ffffff;
	box-shadow:none;
	outline:none;
	padding:5px 8px;
	border-radius:3px;
	margin:0 0px 0 10px;
	transition:all 0.2s linear;
}
.kundenkonto_bereich .datenbereich .input_strasse{
	float:left;
	width:calc(100% - 110px);
	height:auto;
	border:solid 1px #cccccc;
	background:#ffffff;
	box-shadow:none;
	outline:none;
	padding:5px 8px;
	border-radius:3px;
	transition:all 0.2s linear;
}
.kundenkonto_bereich .datenbereich .input_plz {
	float:left;
	width:90px;
	height:auto;
	border:solid 1px #cccccc;
	background:#ffffff;
	box-shadow:none;
	outline:none;
	padding:5px 8px;
	border-radius:3px;
	margin:0 10px 0 0;
	transition:all 0.2s linear;
}
.kundenkonto_bereich .datenbereich .input_ort {
	float:left;
	width:calc(100% - 110px);
	height:auto;
	border:solid 1px #cccccc;
	background:#ffffff;
	box-shadow:none;
	outline:none;
	padding:5px 8px;
	border-radius:3px;
	transition:all 0.2s linear;
}
.kundenkonto_bereich .datenbereich .zusatz {
	float:left;
	width:10px;
	height:auto;
	padding:2px 2px;
}
.kundenkonto_bereich .datenbereich input:focus,
.kundenkonto_bereich .datenbereich .input_plz:focus,
.kundenkonto_bereich .datenbereich .input_ort:focus {
	border:solid 1px #555555;
}
.kundenkonto_bereich .datenbereich .anrede {
	float:left;
	width:auto;
	font-size:16px;
	line-height:24px;
	height:auto;
	margin:6px 0px 4px 0;
}
.kundenkonto_bereich .datenbereich .anrede_check {
	width:18px;
	height:18px;
	margin:0 4px 0 0;
	display:inline-block;
}
.kundenkonto_bereich .datenbereich .anrede_space {
	float:left;
	width:20px;
	height:auto;
	min-height:24px;
}
.kundenkonto_bereich .datenbereich .eyeicon {
	position:absolute;
	right:20px;
	top:35px;
	width:22px;
	height:22px;
	background:url(../images/layout/icon_eye_view.png);
	background-size:22px;
}
.kundenkonto_bereich .datenbereich .eyeicon.hide {
	position:absolute;
	right:20px;
	top:35px;
	width:22px;
	height:22px;
	background:url(../images/layout/icon_eye_hide.png);
	background-size:22px;
}
.pweyeicon {
	position:absolute;
	right:18px;
	top:13px;
	width:22px;
	height:22px;
	background:url(../images/layout/icon_eye_view.png);
	background-size:22px;
}
.pweyeicon.hide {
	position:absolute;
	right:18px;
	top:13px;
	width:22px;
	height:22px;
	background:url(../images/layout/icon_eye_hide.png);
	background-size:22px;
}
.pweyeicon_home {
	position:absolute;
	right:10px;
	top:6px;
	width:20px;
	height:20px;
	background:url(../images/layout/icon_eye_view.png);
	background-size:20px;
}
.pweyeicon_home.hide {
	position:absolute;
	right:10px;
	top:6px;
	width:20px;
	height:20px;
	background:url(../images/layout/icon_eye_hide.png);
	background-size:20px;
}
.abmelden_text {
	float:left;
	width:100%;
	height:auto;
	text-align:center;
	font-size:18px;
	line-height:28px;
	font-weight:600;
	padding:30px 20px;
	border:solid 1px #dfdfdf;
	border-radius:8px;
	margin:20px 0;
}
.meldung_usbstick {
	float:left;
	width:100%;
	height:auto;
	padding:20px;
	font-size:16px;
	line-height:24px;
	font-weight:600;
	color:#000000;
	border:solid 2px #cd0000;
	background:#f6f6f6;
	margin:0 0 10px 0;
}
.ds_box {
	float:left;
	width:100%;
	height:auto;
	padding:15px 10px;
	border:solid 1px #dfdfdf;
	font-size:16px;
	line-height:22px;
	font-weight:normal;
	border-radius:8px;
	text-align:left;
}
.ds_box label {
	float:left;
	width:auto;
	height:auto;
}
.ds_box a {
	outline:none;
	text-decoration:underline;
	color:#444444;
}
.ds_box a:hover {
	color:#000000;
}

.ds_box .container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 2px;
  cursor: pointer;
  font-size: 15px;
  line-height:22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ds_box .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.ds_box .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: #ffffff;
  border:solid 1px #555555;
}
.ds_box .container:hover input ~ .checkmark {
  background-color: #00aeb6;
}
.ds_box .container input:checked ~ .checkmark {
  background-color: #12b816;
}
.ds_box .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.ds_box .container input:checked ~ .checkmark:after {
  display: block;
}
.ds_box .container .checkmark:after {
  left: 7px;
  top: 3px;
  width: 6px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.kundenkonto_bereich .suchebereich {
	float:left;
	width:100%;
	height:auto;
	padding:15px 15px;
	margin:0 0 15px 0;
	border:solid 1px #dfdfdf;
	border-radius:8px;
}
.kundenkonto_bereich .suchebereich .wrap {
	float:left;
	width:100%;
	height:auto;
	padding:0px;
	margin:0 0 8px 0;
}
.kundenkonto_bereich .suchebereich label {
	float:left;
	width:100%;
	font-size:15px;
	line-height:24px;
	height:auto;
	margin:6px 0px 0 0;
}
.kundenkonto_bereich .suchebereich input {
	float:left;
	width:100%;
	height:auto;
	border:solid 1px #cccccc;
	background:#ffffff;
	box-shadow:none;
	outline:none;
	padding:5px 8px;
	border-radius:3px;
	transition:all 0.2s linear;
}
.kundenkonto_bereich .suchebereich .input_price {
	float:left;
	width:100px;
	height:auto;
	border:solid 1px #cccccc;
	background:#ffffff;
	box-shadow:none;
	outline:none;
	padding:5px 8px;
	border-radius:3px;
	transition:all 0.2s linear;
}
.kundenkonto_bereich .suchebereich select {
	float:left;
	width:100%;
	height:auto;
	border:solid 1px #cccccc;
	background:#ffffff;
	box-shadow:none;
	outline:none;
	padding:5px 8px;
	border-radius:3px;
	transition:all 0.2s linear;
}
.kundenkonto_bereich .suchebereich .zusatzinfo {
	float:left;
	width:100px;
	font-size:15px;
	line-height:24px;
	height:auto;
	margin:6px 0px 0 6px;
}
.kundenkonto_bereich .suchebereich .anrede {
	float:left;
	width:auto;
	font-size:16px;
	line-height:24px;
	height:auto;
	margin:6px 0px 4px 0;
}
.kundenkonto_bereich .suchebereich .anrede_check {
	width:12px;
	height:12px;
	margin:4px 6px 0 0;
	display:inline-block;
}
.kundenkonto_bereich .suchebereich .anrede_space {
	float:left;
	width:20px;
	height:auto;
	min-height:24px;
}

.paypal-button {
	width:auto;
	max-width:250px;
	height:auto;
}
.kundenkonto_bereich .kassenbereich {
	float:left;
	width:100%;
	height:auto;
	padding:5px 0px;
	margin:0 0 15px 0;
	border:none;
	border-radius:0px;
}
.kundenkonto_bereich .box_abweichend {
	float:left;
	width:100%;
	height:auto;
	padding:0px 0px;
	margin:0 0 15px 0;
	border:none;
	border-radius:0px;
}
.kundenkonto_bereich .kassenbereich .wrap {
	float:left;
	width:100%;
	height:auto;
	padding:0px;
	margin:0 0 8px 0;
}
.kundenkonto_bereich .kassenbereich label {
	float:left;
	width:100%;
	font-size:15px;
	line-height:24px;
	height:auto;
	margin:0px 0px 0 0;
}
.kundenkonto_bereich .kassenbereich input,
.kundenkonto_bereich .kassenbereich select {
	float:left;
	width:100%;
	height:auto;
	border:solid 1px #cccccc;
	background:#ffffff;
	box-shadow:none;
	outline:none;
	padding:5px 8px;
	border-radius:3px;
	transition:all 0.2s linear;
}
.kundenkonto_bereich .kassenbereich .input_hausnr {
	float:left;
	width:100px;
	height:auto;
	border:solid 1px #cccccc;
	background:#ffffff;
	box-shadow:none;
	outline:none;
	padding:5px 8px;
	border-radius:3px;
	margin:0 0 0 10px;
	transition:all 0.2s linear;
}
.kundenkonto_bereich .kassenbereich .input_strasse {
	float:left;
	width:calc(100% - 110px);
	height:auto;
	border:solid 1px #cccccc;
	background:#ffffff;
	box-shadow:none;
	outline:none;
	padding:5px 8px;
	border-radius:3px;
	transition:all 0.2s linear;
}
.kundenkonto_bereich .kassenbereich .input_plz {
	float:left;
	width:100px;
	height:auto;
	border:solid 1px #cccccc;
	background:#ffffff;
	box-shadow:none;
	outline:none;
	padding:5px 8px;
	border-radius:3px;
	margin:0 10px 0 0;
	transition:all 0.2s linear;
}
.kundenkonto_bereich .kassenbereich .input_ort {
	float:left;
	width:calc(100% - 110px);
	height:auto;
	border:solid 1px #cccccc;
	background:#ffffff;
	box-shadow:none;
	outline:none;
	padding:5px 8px;
	border-radius:3px;
	transition:all 0.2s linear;
}
.kundenkonto_bereich .kassenbereich textarea {
	float:left;
	width:100%;
	height:121px;
	resize:vertical;
	border:solid 1px #cccccc;
	background:#ffffff;
	box-shadow:none;
	outline:none;
	padding:5px 8px;
	border-radius:3px;
	transition:all 0.2s linear;
	text-align:left;
}
.kundenkonto_bereich .kassenbereich .daten_titel {
	float:left;
	width:100%;
	height:auto;
	font-weight:bold;
	font-size:16px;
	margin:0 0 10px 0;
	color:#000000;
}
.kundenkonto_bereich .kassenbereich .daten_text {
	float:left;
	width:100%;
	height:auto;
	font-weight:normal;
	font-size:14px;
	line-height:20px;
	margin:0 0 18px 0;
	color:#000000;
}
.kundenkonto_bereich .kassenbereich .left {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 8px 0;
}
.kundenkonto_bereich .kassenbereich .right {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 0 0;
}
.kundenkonto_bereich .kassenbereich input:focus,
.kundenkonto_bereich .kassenbereich .input_plz:focus,
.kundenkonto_bereich .kassenbereich .input_ort:focus {
	border:solid 1px #555555;
}
.kundenkonto_bereich .wrapper {
	float:left;
	width:100%;
	height:auto;
	padding:0;
	margin:0;
}
.pflichtred {
	border:solid 1px #cd0000 !important;
}

.kasse_zusammenfassung_hinweis {
	float:left;
	width:100%;
	height:auto;
	font-size:14px;
	line-height:22px;
	font-weight:normal;
	color:#000000;
	border:solid 1px #444444;
	margin:0px 0 20px 0;
	padding:15px;
	border-radius:10px;
}

.kasse_zusammenfassung {
	float:left;
	width:100%;
	height:auto;
}
.kasse_zusammenfassung .wrap {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 10px 0;
}
.kasse_zusammenfassung .wrap_unten {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 40px 0;
}
.kasse_zusammenfassung .headline {
	float:left;
	width:100%;
	height:auto;
	font-size:18px;
	font-weight:bold;
	color:#00aeb6;
	margin:0px 0 12px 0;
}
.kasse_zusammenfassung .left {
	float:left;
	width:100%;
	height:auto;
	margin:5px 0 20px 0;
	border:solid 1px #cccccc;
	padding:15px 15px 10px 15px;
	border-radius:10px;
}
.kasse_zusammenfassung .right {
	float:left;
	width:100%;
	height:auto;
	margin:5px 0 20px 0;
	border:solid 1px #cccccc;
	padding:15px 15px 10px 15px;
	border-radius:10px;
}
.kasse_zusammenfassung .field {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 10px 0;
}
.kasse_zusammenfassung label {
	float:left;
	width:90px;
	height:auto;
	margin:0 0 0 0;
	font-size:14px;
	line-height:22px;
	font-weight:bold;
	color:#000000;
}
.kasse_zusammenfassung .data {
	float:left;
	width:calc(100% - 100px);
	height:auto;
	margin:0 0 0 10px;
	font-size:14px;
	line-height:22px;
	font-weight:normal;
	color:#000000;
}
.kasse_zusammenfassung .field_zahlungsart {
	float:left;
	width:100%;
	height:auto;
	margin:5px 0 15px 0;
	font-size:16px;
	font-weight:bold;
	color:#000000;
}

.showpagebereich {
	float: left;
	width: 100%;
	height: auto;
	font-size: 15px;
	line-height: 22px;
	color: #222222;
	margin: 0 0 30px 0;
}
.showpagebereich p {
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 18px 0;
}
.showpagebereich ul {
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 18px 0;
	list-style: none;
}
.showpagebereich ul li {
	list-style: outside disc;
	margin: 0px 0 10px 16px;
	float: left;
	width: calc(100% - 16px);
	height: auto;
}
.showpagebereich h2 {
	float: left;
	width: 100%;
	height: auto;
	font-size: 24px;
	line-height: 32px;
	font-weight: bold;
	margin: 12px 0 5px 0;
}
.showpagebereich h3 {
	float: left;
	width: 100%;
	height: auto;
	font-size: 18px;
	line-height: 26px;
	font-weight: bold;
	margin: 12px 0 5px 0;
}
.showpagebereich a {
	outline: none;
	text-decoration: underline;
	color: #00aeb6;
	cursor: pointer;
}
.showpagebereich a:hover {
	color: #444444;
}

.kontakt_bereich {
	float: left;
	width: 100%;
	height: auto;
	margin: 0px 0 25px 0;
}
.kontakt_bereich .left {
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 25px 0;
	padding: 0;
}
.kontakt_bereich .right {
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 0 0;
	padding: 0;
	border: none;
	border-radius: 0px;
}
.kontakt_bereich p {
	float: left;
	width: 100%;
	height: auto;
	font-size: 16px;
	line-height: 24px;
	font-weight: normal;
	margin: 0px 0 18px 0;
}
.kontakt_bereich a {
	text-decoration: underline;
	color: #00aeb6;
	outline: none;
}
.kontakt_bereich a:hover {
	cursor: pointer;
	color: #444444;
}
.kontakt_bereich .right input {
	float:left;
	width:100%;
	height:auto;
	border:solid 1px #cccccc;
	background:#ffffff;
	box-shadow:none;
	outline:none;
	padding:5px 8px;
	border-radius:3px;
	transition:all 0.2s linear;
}
.kontakt_bereich .right .input_plz {
	float:left;
	width:90px;
	height:auto;
	border:solid 1px #cccccc;
	background:#ffffff;
	box-shadow:none;
	outline:none;
	padding:5px 8px;
	border-radius:3px;
	margin: 0 10px 0 0;
	transition:all 0.2s linear;
}
.kontakt_bereich .right .input_ort {
	float:left;
	width:calc(100% - 100px);
	height:auto;
	border:solid 1px #cccccc;
	background:#ffffff;
	box-shadow:none;
	outline:none;
	padding:5px 8px;
	border-radius:3px;
	margin: 0 0px 0 0;
	transition:all 0.2s linear;
}
.kontakt_bereich .right textarea {
	float:left;
	width:100%;
	height:100px;
	resize: vertical;
	border:solid 1px #cccccc;
	background:#ffffff;
	box-shadow:none;
	outline:none;
	padding:5px 8px;
	border-radius:3px;
	transition:all 0.2s linear;
}
.kontakt_bereich .right input:focus,
.kontakt_bereich .right textarea:focus,
.kontakt_bereich .right .input_plz:focus,
.kontakt_bereich .right .input_ort:focus {
	border:solid 1px #555555;
}
.kontakt_bereich .right label {
	float:left;
	width:100%;
	height:auto;
	font-size:14px;
	line-height:18px;
	margin:8px 0px 3px 0;
}
.kontakt_bereich .right .text {
	float:left;
	width:100%;
	height:auto;
	font-size: 14px;
	line-height: 22px;
	margin: 0 0 10px 0;
}
.kontakt_bereich .right .pflichtfeld_info {
	float:left;
	width:50%;
	height:auto;
	font-weight:normal;
	font-size:12px;
	line-height:18px;
	margin:10px 0 10px 0;
	color:#555555;
}
.kontakt_bereich .right .datenbereich_btn {
	float:right;
	width:50%;
	height:auto;
	margin:15px 0 10px 0;
	color:#555555;
	text-align:right;
}
.kontakt_bereich .right .datenbereich_btn button {
	border:none;
	padding:12px 25px;
	background:#00aeb6;
	outline:none;
	color:#ffffff;
	font-size:18px;
	line-height:26px;
	font-weight:bold;
	border-radius:6px;
	transition:all 0.2s linear;
}
.kontakt_bereich .right .datenbereich_btn button:hover {
	background:#555555;
	cursor:pointer;
}
.form_meldung_rot {
	float:left;
	width:100%;
	height:auto;
	margin: 0 0 20px 0;
	border:solid 1px #d30000;
	padding:8px 10px;
	color:#d30000;
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	border-radius:5px;
	background:#fbe5e5;
}
.form_meldung_gruen {
	float:left;
	width:100%;
	height:auto;
	margin: 0 0 20px 0;
	border:solid 1px #19a602;
	padding:8px 10px;
	color:#19a602;
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	border-radius:5px;
	background:#eafce7;
}
.wk_shopmsg {
	float:left;
	width:100%;
	height:auto;
	font-size:14px;
	line-height:18px;
	color:#d30000;
	font-weight:bold;
	margin:0px 0px 4px 0;
}
.wk_shop_input {
	border:solid 1px #d30000 !important;
}

.footer {
	float:left;
	width:100%;
	height:auto;
	margin:0;
	padding:20px 0 40px 0;
	background:#e9e9e9;
	font-size:12px;
	line-height:20px;
	font-weight:400;
}
.footer .left {
	float:left;
	width:100%;
	height:auto;
	margin:0px 0 10px 0;
	padding:0;
	text-align:center;
	color:#5e5e5e;
}
.footer .mid {
	float:left;
	width:100%;
	height:auto;
	margin:10px 0 25px 0;
	padding:0;
	text-align:center;
}
.footer .right {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 10px 0;
	padding:0;
	text-align:center;
}
.footer .mid a {
	outline:none;
	text-decoration:none;
	color:#5e5e5e;
}
.footer .mid a:hover {
	text-decoration:underline;
	color:#000000;
}
.footer .mid .trenner {
	display:inline-block;
	margin:0 3px;
	opacity:0.2;
}
.footer_warenkorb {
	float:left;
	width:100%;
	padding:15px 15px 15px 15px;
	background-color:#ffffff;
	border:solid 1px #cccccc;
	background-image:url(../images/layout/icon_cart.png);
	background-position:20px 50%;
	background-size:26px;
	background-repeat:no-repeat;
	font-size:14px;
	line-height:22px;
	border-radius:6px;
	transition:all 0.3s ease;
}
.footer_warenkorb:hover {
	background-color:#f6f6f6;
	border:solid 1px #5e5e5e;
}
.footer .right a {
	outline:none;
	color:#5e5e5e;
	text-decoration:none;
}

.select2-selection--single {
	height:34px !important;
}
#select2-anfrageOrt-container {
	margin-top: 2px !important;
}GIF89a  õÿÿÿúúúÄÄÄèèèðððÐÐÐ~~~šššöööæææüüü’’’†††ââ⸸¸   ììì®®®ÜÜÜ>>>VVV```|||¨¨¨îîîJJJlllÎÎÎÈÈÈØØØ,,,^^^LLL°°°!þCreated with ajaxload.info!ù
!ÿNETSCAPE2.0
,  ÿ@€pH$8GqÉ$NÄA§3(
šL	Å�V‡K|P(�¡”:(r±BÑŒ×_@X!/ÎBxBnb}EgƒorEgŒ^	oWD	cJCgoqmo„£±	“Eµ{p~
¸�rÅËD¸}Å M¦d¯®‡¡àÂKæçÏrìí¬ññ‹‡…o÷
òò|õøøåè̩òÀ]»q¿Ä�Ó¤` 9Cëf)€$'Ã=‡ÃŠ}“Cì^u›-ûH.!‰…Ü»òݧ¯Œ
	ÉOÈK"1㺲ä5.&{jíT© ÃBBoÆeØð¨Ä6œ†<·@ÕB?±¸1
µ)¯G»bK„¸ !ù

,  ÿ@€pH$&4BqÉ$D…b(šÌÏ
�V‡¢Î[4_€”:t:"r‘qh@ÕÞa¨Ã)ȉgBk_oEg~…#rJDgxloWF	C	~mg		oD

B¥wK!¶
¨C¼¸ɶwE¼ ÓÊ¢dÌXËÒßèØîïìrðïæÊ÷×ó÷ûü
êúýÐs'¯ÜÀxM
&T$$�‚|MøûC«ÚŸÊ A¦¬€BlÔd€è°Úµ‘Kd�VÑÖ?oFl-X� ÁL[äJ*ÅΞ6‰!Ù"ù�	5\@ïØÊÀpÐoIm
 ÖN!Q…Xmš@ק%2u:uH2�\ËR•#“a!ù
,  ÿ@€pH$
�BqÉ$&DÇáà(šLÅÀ�V‡
[$„¡”:4P(
rñs†Ö_€…¢IȉgBxBoE gw^	rŽFgW…oWDcB

˜„g	oD%#Ÿ¥
v JEin¶E»
~"È#‰L	»Ád$¶ÙL
¨X"yrv¸E—ð—ëñð¤Í»ädÌøýÍÏôü)xWOÀ<2ë²°IÃ&×ô1a‹€¥"üÑUJâ(q¥zý	·+ƒ¾kQ™\" ƒ�‹»*ÆtRjÁ‚Oî}C©ÀÉ7":
ðsòdE& ¡R*ƒ"#¥ž-�Ôñ©Œ=…L€ÕêÖ¯QŸ2s:d+qÅVµª¨æÓ !ù
,  ÿ@€pH$.AqÉ4ÈBÑÑd&"t –�jQ P(…Û.Àq8”ÄÅHy˜"�3\HV$ÐQBm{Oeu
pzBeRumTDC”
’W
¦mDCe
¨t’B]¯c´~†	
¿aV´jU¯U¦f{
†‰†±L‘ã‘Þ{[HéÃøUñòì´Ó{ðóñâäåܤ¨i‰98á\q·„¾*ä€Ú3«Ãn˜%—±L\£@éùØ0ƒ·ˆ÷ˆ¤2ªT‚¥*	9¦™}”tù�IÇ*D9…xä6¤Ï´ F]l"±¨Å!M¹!0Õ¨T,D¦*²FT×®pq!ù
,  ÿ@€pH,*‹¢rILGA±À\&™g”LªE¨B*“
…Á.FŽCóУv¶ËÇ~,$¨wSGIrjmgBGTrjTDˆŒG‹WHŠ�j\CG
v‹B	d¤a©
zw%µ¡V©“`¤
®E|m%ÄmvÏLŠÙŠÕ`	ß๹ÊLéêä©»wèëéØÚÛ�áà¦KÜUå»b®È€¦-ðFA„;!:tàpë_3G•8  ±Cˆ
E69<“A™€NŒè¸�È;"›,H�@¦#"8H„Y³ÉM498À ÍEB[É’oÏ.96dÒ0NRUóAítU¼DX´8Òl*¯«MÛÊ!ù
,  ÿ@€pH,*‹¢rILGAQÊT&™g”XP$ªÓ­ª Èp1r’Í™¶Zë‹Éß9÷˜|�jfBGi~WeF
C†
„Š}R�iCyq‡N„…N	›aGus ªLŠ
—`²›¡K]¤K	 ÂL¾`�EƒÎƒÉUÔÕ]®ÙÇKÞß
ÙÙË`ÝàÞ
ÍÏÐz¢ÖÕ¹ÌîµîWÛDåJl�æX @AÃdØpESB`A
X¹	“°
!1Pá!"®–MZ� Á:ˆ AÁ‰&›:³EDÊ
!HPƒ­Ï–5:„pçæH?¤„@À¢‹„ŒèÀA¤4£�ò£(Y ¢Ð¡DÓVøÎáã.!ù
,  ÿ@€pH,*‹¢rILGAQÊT&™g”XP$ªÓ­ª Èp1r’Í™¶Zë‹Éß9÷˜|�jfBGi~WeE	y†
„Š}R�inlHCq‡N„…N]‡aGuz§‘¢CŠ
˜`­ŽL¦‹j†Ÿºz�·ƒÂƒ½`¦ÈÉdªª¯LÑÒÑÌÌÎKÐÓÒÃÂÅUÉâ×ßÏ¿W×Dêcš�j
·­¼sõ0R%‰Ó+qÀàß"ªlQbwÀ


Р‘F½.
СÃ
0âs3àƒšSIHšD§�‚…svVÉ<	Æ+‡ç4
Ù9¤
¶ÀøBTˆ
Œ~AÉ2´$O!(\ÅÉÔ*×—8Ô!ù
,  ÿ@€pH,*‹¢rILGAQÊT&™g”XP$ªÓ­ª Èp1r’Í™¶Zë‹Éß9÷˜|�jfBGi~WeE	y†
„Š}R�inlHCq‡N„…N]‡aGuz§‘¢CŠ
˜`­ŽL¦‹j†Ÿºz�·ƒÂƒ½‚ÃĪɹsdÊΪ¯LÍÊÇÄ¿ÕÖÅCÛÒ¿WÑEÝOš�jí·­¼Ìí³B±’B!J`*ð¡Þ"ªlmèÐÁ
8p õˆ4êå€!(P0 EM(PC�!Ê�#Ï48€à›�
�IÀ2Š=�èÀ
Ï!4§CCŽ
q@ñïB‘*Â
6‹p
Ë$�
ïô
!ù
,  ÿ@€pH,*‹¢rILGAQÊT&™g”XP$ªÓ­ª Èp1r’Í™¶Zë‹Éß9÷˜|�jfBGi~WeE	y†
„Š}R�inlHCq‡N„…N]‡aGuz§‘¢CŠ
˜`­ŽL¦‹j†Ÿºz�·ƒÂƒ½‚ÃĪɹsdÊΪ¯LÍÊÇÄ¿ÕÖÅCØ¿Ì«`##s�ËEés¸G¢ò#%B	ê)à�ŠMå¤ãp`
&0 EDba°¡Û7ppà@7gý³µdD#Kv[@Ñï!ð(@BÒ$O1Š0oV  !OO�>PÜÆä
ÄÜd™8@Á¯
,9JÄÀ€,7‹p
+¨A•`‚!ù
	,  ÿ@€pH,*‹¢rILGAQÊT&™g”XP$ªÓ­ª Èp1r’Í™¶Zë‹Éß9÷˜|�jfBGi~WeE	y†
„Š}R�inlHCq‡N„…N]‡aGuz§‘¢CŠ
˜`­ŽL¦‹j†Ÿºz�LÃÄ¿gƒÊRÎÏ¿dªªÍÐÎÒzÔÕ
ÂÅÃÇzËʽD¿çU	sP¶Ls�¹J÷6L˜ƒëHQV0�¸'¤ÆhZ%䞎8@@€.‰EDƒtC
l”V`XšS¢©�°ñ¥Ë?X�	q°‘!¨+›½Ãà@*-ÌÒ„ÌÀFxB’ÎÂóÄ
\€Få§3ªÖ®·†
]!ù

,  ÿ@€pH,*‹¢rILGAQÊT&™g”XP$ªÓ­ª Èp1r’Í™¶Zë‹Éß9÷˜|�jEGi~WeE	y#DŠ}R†
inlHB!‘$CfCN]‡E¢›j®
¨¦¢$s·ŽL”j†NszÊEÒÓÍgÙÚÞßÍdGå
ÝàÞâzäæ
ÑÔÒÖzÚöÏ\ÍøU
¥j cb€Á�æÄ£„„ƒ ÌÓª\] 2!d�‡ZnV�éTgÈÁÌL0 Á‚F2�T¤€È‡ û
`æÇ•®2Fj°”âÀ«k
°XT‘.5X:)
 Ó5,'RÅÓ,ÃtPuyz�*R0|š
!ù
,  ÿ@€pH,*‹¢rI4ˆ‚£ 8e*�TJ,(Ö"¤Ó�£Š*ýGN­ÎÝÅ
y#¤÷�`xDdk\GnEd‡i	ˆC	�Dd SGm}GI•�B$J­^¨E°ša½
jD	°xÆÄK n§­x‚ÚEâã©x¥è¥
íîÖçGóóìïíñnhô¨äãæa¤C÷
J·‚V8pI”hÒ>ð
��KE˜8ÀD\Æ2$ÛÄñC†!"•Ð¥j1Ž´YB² Ó‚S
ÌÍT@DÁ„5d8Ÿøé52“›^Iü$ÊÙí ?”*aijŠ'T5U›*�¤ÍG‡
N:�J‹lÓ±#Ï2aÕ-;@media only screen and (min-width: 650px) {


.topbar {
	position:fixed;
	top:0;
	left:0;
	float:left;
	width:100%;
	height:auto;
	background:#dfdfdf;
	padding:0px 0;
	margin:0;
	z-index:999;
	border-top:solid 1px #cccccc;
}
.topbar_nav {
	float:left;
	width:40%;
	height:auto;
	text-align:left;
	display:block;
}
.topbar .home {
	display:none;
}	
.topbar_infos {
	float:left;
	width:60%;
	height:auto;
	text-align:right;
	font-size:15px;
	line-height:22px;
	color:#5e5e5e;
	display:flex;
	margin:9px 0 0 0;
	justify-content:flex-end;
	align-items:center;
}

.menu_icon {
	position:absolute;
	right:0;
	top:15px;
	width:65px;
	height:65px;
	background:#ffffff;
	display:block;
	z-index:996;
	transition:none;
}
.menu_icon.active {
	position:fixed;
	right:0;
	top:68px;
	width:65px;
	height:65px;
	display:block;
	z-index:996;
	background:#ffffff;
	transition:none;
}	
.bildbalken_cycle_a {
	float:left;
	width:33.33333333333333%;
	height:auto;
	margin:0 0px 0 0;
	overflow:hidden;
	text-align:center;
}
.bildbalken_cycle_a img {
	min-height:140px;
	width:auto;
}
.bildbalken_cycle_a li {
	float:left;
	width:100%;
	height:140px;
}
.cycle-slideshow { width: 100%; height: 140px; margin: auto; }

.willkommen_box .neukunde {
	float:left;
	width:47%;
	height:auto;
	border:solid 1px #dfdfdf;
	border-radius:8px;
	background:rgba(255,255,255,0.9);
	padding:10px 15px 15px 15px;
	margin:0 3% 0 0;
	font-size:15px;
}
.willkommen_box .kundelogin {
	float:left;
	width:47%;
	height:auto;
	border:solid 1px #dfdfdf;
	border-radius:8px;
	background:rgba(255,255,255,0.9);
	padding:10px 15px 12px 15px;
	margin:0 0 0 3%;
	font-size:15px;
	color:#5e5e5e;
}
.topartikel .box {
	float:left;
	width:30%;
	height:auto;
	padding:5px 0px 60px 0px;
	border:solid 1px #ffffff;
	border-radius:0px;
	background:#ffffff;
	margin:0 5% 20px 0;
	position:relative;
}
.topartikel .box:nth-of-type(2n+2) { margin:0 5% 20px 0; }
.topartikel .box:nth-of-type(3n+3) { margin:0 0% 20px 0; }

.artikel_box .bild {
	float: left;
	width: 15%;
	height: auto;
	margin: 0 5% 0 0;
	border: solid 1px #dfdfdf;
}
.artikel_box .bild img {
	width: 100%;
	height: auto;
	display: block;
}
.artikel_box .text {
	float: left;
	width: 80%;
	height: auto;
	margin: 0 0 0 0;
}
.artikel_box .text .daten {
	float: left;
	width: 70%;
	height: auto;
	margin: 0 0 0 0;
	text-align: left;
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
	color: #5e5e5e;
}
.artikel_box .text .daten .titel {
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 5px 0;
	font-size: 18px;
	line-height: 26px;
	font-weight: 700;
	color: #5e5e5e;
}
.artikel_box .text .daten .beschreibung {
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 5px 0;
	font-size: 16px;
	line-height: 22px;
	font-weight: 700;
	color: #222222;
}
.artikel_box .text .daten .wrap {
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 22px 0;
}
.artikel_box .text .daten a {
	padding: 8px 16px;
	outline: none;
	text-decoration: none;
	color: #ffffff;
	font-size:15px;
	line-height: 22px;
	font-weight: 400;
	background: #00aeb6;
	border-radius: 5px;
	transition: all 0.3s linear;
}
.artikel_box .text .daten a:hover {
	background: #5e5e5e;
}
.artikel_box .text .preis {
	float: left;
	width: 25%;
	height: auto;
	margin: 0 0 0 5%;
	text-align: right;
	font-size: 18px;
	line-height: 26px;
	font-weight: 700;
	color: #222222;
}
.detail_bereich .bild {
	float:left;
	width:180px;
	height:auto;
	margin:0 40px 0 0;
}
.detail_bereich .bild .imgbig {
	width:100%;
	height:auto;
	display:block;
	border:solid 1px #dfdfdf;
	margin:0;
}	
.detail_bereich .daten {
	float:left;
	width:calc(100% - 230px);
	height:auto;
	margin:0 10px 0 0;
}
.detail_bereich .daten .preisdaten {
	float:left;
	width:100%;
	height:auto;
	margin:20px 0% 0 0;
	text-align:right;
	font-size:12px;
	line-height:18px;
	font-weight:400;
	color:#5e5e5e;
	background:#ffffff;
	padding:0px 10px 0 0;
	border:none;
	border-radius:0px;
	transition:box-shadow 0.3s linear;
	box-shadow:none;
	z-index:995;
}
.detail_bereich .daten .preisdaten.active {
	float:left;
	width:100%;
	height:auto;
	margin:20px 0% 0 0;
	text-align:right;
	font-size:12px;
	line-height:18px;
	font-weight:400;
	color:#5e5e5e;
	z-index:995;
	background:#ffffff;
	padding:0px 10px 0 0;
	border:none;
	border-radius:0px;
	transition:box-shadow 0.3s linear;
	box-shadow:none;
}
.mobile_topbar a {
	float: left;
	width: 33.333333333333333%;
	height: auto;
	padding: 8px 2px;
	outline: none;
	text-decoration: none;
	font-size: 16px;
	line-height: 25px;
	color: #000000;
	text-align: center;
}
.mobile_topbar img {
	display: inline-block;
	width: 14px;
	height: auto;
	margin: 0 4px 0 0;
}	
}





@media only screen and (min-width: 900px) {

.kategorien_nav {
	width:50%;
	height:auto;
	margin:0px 0 0 0;
	position:fixed;
	top:39px;
	left:50%;
	z-index:995;
	transform:translateX(105%);
	transition:all 0.3s ease;
}
.kategorien_nav.active {
	width:50%;
	height:auto;
	margin:0px 0 0 0;
	position:fixed;
	top:39px;
	left:50%;
	z-index:995;
	transform:translateX(0%);
}
.bildbalken_cycle_a img {
	min-height:190px;
	width:auto;
}
.bildbalken_cycle_a li {
	float:left;
	width:100%;
	height:190px;
}
.cycle-slideshow { width: 100%; height: 190px; margin: auto; }

.topartikel .box {
	float:left;
	width:16%;
	height:auto;
	padding:5px 0px 60px 0px;
	border:solid 1px #ffffff;
	border-radius:0px;
	background:#ffffff;
	margin:0 5% 20px 0;
	position:relative;
}
.topartikel .box:nth-of-type(2n+2) { margin:0 5% 20px 0; }
.topartikel .box:nth-of-type(3n+3) { margin:0 5% 20px 0; }
.topartikel .box:nth-of-type(4n+4) { margin:0 5% 20px 0; }
.topartikel .box:nth-of-type(5n+5) { margin:0 0% 20px 0; }

.detail_bereich .daten .preisdaten_wrap {
	float:left;
	width:37%;
	height:auto;
	position:relative;
}
.detail_bereich .daten .text {
	float:left;
	width:55%;
	height:auto;
	margin:0 8% 0 0;
}

.detail_bereich .daten .preisdaten {
	float:left;
	width:100%;
	height:auto;
	margin:0px 0% 0 0%;
	text-align:right;
	font-size:12px;
	line-height:18px;
	font-weight:400;
	color:#5e5e5e;
	background:#ffffff;
	padding:15px;
	border:solid 1px #cccccc;
	border-radius:6px;
	transition:box-shadow 0.3s linear;
	box-shadow:none;
	z-index:995;
}
.detail_bereich .daten .preisdaten.active {
	float:left;
	width:100%;
	height:auto;
	margin:0px 0% 0 0%;
	text-align:right;
	font-size:12px;
	line-height:18px;
	font-weight:400;
	color:#5e5e5e;
	z-index:995;
	background:#ffffff;
	padding:15px;
	border:solid 1px #cccccc;
	border-radius:6px;
	transition:box-shadow 0.3s linear;
	box-shadow:none;
}
.login_area {
	float:left;
	width:60%;
	height:auto;
	background:#eeeeee;
	position:relative;
	padding:40px 20px 10px 20px;
	margin:30px 20% 30px 20%;
	border-radius:10px;
	border:solid 1px #bbbbbb;
	border-top:none;
	border-left:solid 1px #dddddd;
}
.mobile_topbar a {
	float: left;
	width: 33.333333333333333%;
	height: auto;
	padding: 10px 5px;
	outline: none;
	text-decoration: none;
	font-size: 16px;
	line-height: 24px;
	color: #000000;
	text-align: center;
}
.mobile_topbar img {
	display: inline-block;
	width: 16px;
	height: auto;
	margin: 0 4px 0 0;
}

.popup_form {
	position:absolute;
	top:25px;
	left:50%;
	height:330px;
	width:630px;
	margin-left:-315px;
	margin-top:-0px;
	background:#5e5e5e;
	border:solid 1px #dfdfdf;
	padding:10px 10px 25px 20px;
	box-shadow:5px 5px 4px rgba(0,0,0,0.15);
}	
.popup_close {
	float:right;
	width:37px;
	height:37px;
	text-align:center;
	background:transparent url("/images/layout/close_modal_white.png") no-repeat center center;
	background-size:34px;
	margin:-9px -5px 0 0;
}
.popup_close:hover {
	cursor:pointer;
}
.popup_text {
	float:left;
	width:100%;
	height:auto;
	font-weight:400;
	font-size:18px;
	line-height:23px;
	color:#ffffff;
	padding:0 0 0 10px;
	text-align:left;
}
.popup_daten {
	float:left;
	width:100%;
	height:auto;
	color:#ffffff;
	margin:35px 0 20px 0;
	text-align:left;
}
.popup_daten_bild {
	float:left;
	width:76px;
	height:auto;
	margin:0 55px 0 18px;
}
.popup_daten_beschreibung {
	float:left;
	width:220px;
	height:auto;
	margin:0 77px 0 0;
	color:#ffffff;
	font-size:18px;
	line-height:23px;
	font-weight:400;
}
.popup_daten_menge {
	float:left;
	width:48px;
	height:auto;
	margin:-5px 5px 0 0;
	color:#ffffff;
	font-size:18px;
	line-height:23px;
	font-weight:400;
	text-align:right;
}
.popup_daten_preis {
	float:left;
	width:95px;
	height:auto;
	margin:-7px 0px 0 0;
	color:#00aeb6;
	font-size:24px;
	line-height:24px;
	font-weight:400;
	text-align:right;
}
.popup_daten_btns {
	float:left;
	width:100%;
	height:auto;
	margin:25px 0px 0 0;
}
.popup_daten_btns_wk {
	float:left;
	background:#000000;
	border-radius:5px;
	width:270px;
	height:40px;
	color:#ffffff;
	letter-spacing:1px;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	text-transform:uppercase;
	line-height:38px;
}
.popup_daten_btns_wk:hover {
	background:#ffffff;
	color:#555555;
	text-decoration:none;
	cursor:pointer;
}
.popup_daten_btns_weiter {
	float:right;
	background:#00aeb6;
	border-radius:5px;
	width:270px;
	height:40px;
	color:#ffffff;
	letter-spacing:1px;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	text-transform:uppercase;
	line-height:38px;
	margin:0 10px 0 0;
}
.popup_daten_btns_weiter:hover {
	background:#ffffff;
	color:#555555;
	text-decoration:none;
	cursor:pointer;
}
.area_stueck_preis{
	width:auto;
	min-width:200px;
	margin:0 20px 0 0;
}
.kostenaufstellung .beschriftung{
	float:left;
	width:calc(100% - 160px);
	height:auto;
	font-size:16px;
	line-height:24px;
	color:#222222;
}
.kostenaufstellung .preis{
	float:left;
	width:160px;
	height:auto;
	text-align:right;
	padding-right:30px;
	color:#222222;
}
.endbetrag {
	float:left;
	width:100%;
	height:auto;
	margin:15px 0 20px 0;
	padding:15px 0 15px 0;
	line-height:24px;
	border-top:solid 1px #707070;
	border-bottom:solid 2px #707070;
}
.endbetrag .beschriftung {
	float:left;
	width:calc(100% - 160px);
	height:auto;
	font-size:16px;
	line-height:24px;
	color:#000000;
	padding:0;
}
.endbetrag .preis{
	float:left;
	width:160px;
	height:auto;
	text-align:right;
	padding-right:22px;
	color:#000000;
	font-size:24px;
	line-height:28px;
	font-weight:700;
}
.kundenkonto_bereich .datenbereich {
	float:left;
	width:100%;
	height:auto;
	padding:15px 20px;
	margin:0 0 15px 0;
	border:solid 1px #dfdfdf;
	border-radius:8px;
}
.kundenkonto_bereich .options label {
	float:left;
	width:32%;
	height:auto;
	padding:16px 10px;
	border:solid 1px #dfdfdf;
	text-align:center;
	cursor:pointer;
	outline:none;
	font-size:16px;
	font-weight:bold;
	margin:0 2% 0 0;
	background:#ffffff;
	transition:all 0.2s linear;
	border-radius:6px;
}
.kundenkonto_bereich .options label:nth-of-type(2n+2) { margin:0 2% 0 0; }
.kundenkonto_bereich .options label:nth-of-type(3n+3) { margin:0 0 0 0; }

.kundenkonto_bereich .datenbereich label {
	float:left;
	width:160px;
	font-size:14px;
	line-height:24px;
	height:auto;
	margin:6px 10px 0 0;
}
.kundenkonto_bereich .datenbereich input {
	float:left;
	width:calc(100% - 190px);
	height:auto;
	border:solid 1px #cccccc;
	background:#ffffff;
	box-shadow:none;
	outline:none;
	padding:5px 8px;
	border-radius:3px;
	transition:all 0.2s linear;
}
.kundenkonto_bereich .datenbereich .input_plz {
	float:left;
	width:90px;
	height:auto;
	border:solid 1px #cccccc;
	background:#ffffff;
	box-shadow:none;
	outline:none;
	padding:5px 8px;
	border-radius:3px;
	margin:0 10px 0 0;
	transition:all 0.2s linear;
}
.kundenkonto_bereich .datenbereich .input_ort {
	float:left;
	width:calc(100% - 290px);
	height:auto;
	border:solid 1px #cccccc;
	background:#ffffff;
	box-shadow:none;
	outline:none;
	padding:5px 8px;
	border-radius:3px;
	transition:all 0.2s linear;
}
.kundenkonto_bereich .datenbereich .zusatz {
	float:left;
	width:20px;
	height:auto;
	padding:2px 6px;
}
.kundenkonto_bereich .datenbereich .eyeicon {
	position:absolute;
	right:27px;
	top:5px;
	width:22px;
	height:22px;
	background:url(../images/layout/icon_eye_view.png);
	background-size:22px;
}
.kundenkonto_bereich .datenbereich .eyeicon.hide {
	position:absolute;
	right:27px;
	top:5px;
	width:22px;
	height:22px;
	background:url(../images/layout/icon_eye_hide.png);
	background-size:22px;
}
.kundenkonto_bereich .kassenbereich .left {
	float:left;
	width:49%;
	height:auto;
	margin:0 1% 0 0;
}
.kundenkonto_bereich .kassenbereich .right {
	float:left;
	width:49%;
	height:auto;
	margin:0 0 0 1%;
}
.paypal-button {
	width:auto;
	max-width:400px;
	height:auto;
}

.footer .left {
	float:left;
	width:25%;
	height:auto;
	margin:10px 0 10px 0;
	padding:0;
	text-align:left;
	color:#5e5e5e;
}
.footer .mid {
	float:left;
	width:45%;
	height:auto;
	margin:10px 0 10px 0;
	padding:0;
	text-align:left;
}
.footer .right {
	float:left;
	width:30%;
	height:auto;
	margin:0px 0 10px 0;
	padding:0;
	text-align:right;
}
.footer_warenkorb {
	float:right;
	width:auto;
	padding:15px 54px 15px 15px;
	background-color:#ffffff;
	border:solid 1px #cccccc;
	background-image:url(../images/layout/icon_cart.png);
	background-position:91% 50%;
	background-size:28px;
	background-repeat:no-repeat;
	font-size:14px;
	line-height:22px;
	border-radius:6px;
	transition:all 0.3s ease;
}
.footer_warenkorb:hover {
	background-color:#f6f6f6;
	border:solid 1px #5e5e5e;
}
.footer .right a {
	outline:none;
	color:#5e5e5e;
	text-decoration:none;
}

}/* cyrillic-ext */
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/rax8HiqOu8IVPmn7coxpPDk.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/rax8HiqOu8IVPmn7e4xpPDk.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/rax8HiqOu8IVPmn7cIxpPDk.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/rax8HiqOu8IVPmn7cYxpPDk.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/rax8HiqOu8IVPmn7f4xp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/rax8HiqOu8IVPmn7coxpPDk.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/rax8HiqOu8IVPmn7e4xpPDk.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/rax8HiqOu8IVPmn7cIxpPDk.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/rax8HiqOu8IVPmn7cYxpPDk.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Bitter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/rax8HiqOu8IVPmn7f4xp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/jizaRExUiTo99u79D0-ExdGM.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/jizaRExUiTo99u79D0aExdGM.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/jizaRExUiTo99u79D0yExdGM.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/jizaRExUiTo99u79D0KExQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/jizfRExUiTo99u79B_mh0OOtLQ0Z.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/jizfRExUiTo99u79B_mh0OqtLQ0Z.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/jizfRExUiTo99u79B_mh0OCtLQ0Z.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */
    -moz-box-sizing: border-box; /* Firefox, andere Gecko-Browser */
    box-sizing: border-box; /* Opera/IE 8+ */
}

* { padding: 0;margin: 0; }

html, body {
  height:100%;
  background:#e9e9e9;

} 

#firstscreen {
	width:100%;
	min-height: 100%;
	height:auto !important;
	height:100%;
	background:#000000;
}

#kalksteinleiste_oben {
	position:absolute;
	top:80px;
	left:0;
	width:100%;
	height:38px;
	padding:0;
	background:url(../img/kalksteinleiste_oben.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	margin:0px 0 0 0;
	-webkit-animation: leistenachoben 2.5s 1 ease-in-out;
	-moz-animation: leistenachoben 2.5s 1 ease-in-out;
	-o-animation: leistenachoben 2.5s 1 ease-in-out;
	animation: leistenachoben 2.5s 1 ease-in-out;
}

#kalksteinleiste_unten {
	position:absolute;
	display:block;
	bottom:80px;
	left:0;
	width:100%;
	height:38px;
	padding:0;
	background:url(../img/kalksteinleiste_unten.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	margin:0 0 0px 0;
	opacity:0;
	-webkit-animation: leistenachuntena 2.6s 1 ease-in-out;
	-moz-animation: leistenachuntena 2.6s 1 ease-in-out;
	-o-animation: leistenachuntena 2.6s 1 ease-in-out;
	animation: leistenachuntena 2.6s 1 ease-in-out;
}

#start_logo {
	position:absolute;
	left:50%;
	top:50%;
	width:184px;
	height:174px;
	margin-left:-92px;
	margin-top:-87px;
	opacity:0;
	-webkit-animation: logofadeout 2.6s 1 ease-in-out;
	-moz-animation: logofadeout 2.6s 1 ease-in-out;
	-o-animation: logofadeout 2.6s 1 ease-in-out;
	animation: logofadeout 2.6s 1 ease-in-out;
}

#start_logo_r {
	position:absolute;
	display:none;
	left:60%;
	top:21%;
	width:65px;
	height:100px;
}
#start_logo_r_mobile {
	position:absolute;
	display:block;
	right:28%;
	top:21%;
	width:65px;
	height:100px;
	-webkit-animation: logo_rfadeout 2.6s 1 ease-in-out;
	-moz-animation: logo_rfadeout 2.6s 1 ease-in-out;
	-o-animation: logo_rfadeout 2.6s 1 ease-in-out;
	animation: logo_rfadeout 2.6s 1 ease-in-out;
}
#start_logo img {
	width:100%;
	height:auto;
}
#start_logo_r img {
	width:100%;
	height:auto;
}
#start_logo_r_mobile img {
	width:100%;
	height:auto;
}

#start_text_unser {
	position:absolute;
	right:38%;
	top:24%;
	width:140px;
	height:50px;
	color:#ffffff;
	font-size:32px;
	letter-spacing:3px;
	font-family: 'Arimo', sans-serif;
	font-weight:400;
	text-transform:uppercase;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	opacity:1;
	-webkit-animation: textunserfadein 3.6s 1 ease-in-out;
	-moz-animation: textunserfadein 3.6s 1 ease-in-out;
	-o-animation: textunserfadein 3.6s 1 ease-in-out;
	animation: textunserfadein 3.6s 1 ease-in-out;
}

#start_text_menu {
	position:absolute;
	left:0%;
	top:36%;
	width:100%;
	height:auto;
	margin-left:0;
	font-size:40px;
	letter-spacing:2px;
	font-family: 'Arimo', sans-serif;
	font-weight:400;
	text-transform:uppercase;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	opacity:1;
	-webkit-animation: menufadein 3.6s 1 ease-in-out;
	-moz-animation: menufadein 3.6s 1 ease-in-out;
	-o-animation: menufadein 3.6s 1 ease-in-out;
	animation: menufadein 3.6s 1 ease-in-out;
}


#start_text_menu li {
	float:left;
	width:100%;
	height:auto;
	margin:0;
	padding:6px 0;
}
#start_text_menu li a {
	text-decoration:none;
	outline:none;
}
.nav_eins {
	float:left;
	width:100%;
	height:auto;
	text-align:center;
	color:#676767;
	margin:5px 0;
}
#nava {
	-webkit-animation: naveinsfadein 3.8s 1 ease-in-out;
	-moz-animation: naveinsfadein 3.8s 1 ease-in-out;
	-o-animation: naveinsfadein 3.8s 1 ease-in-out;
	animation: naveinsfadein 3.8s 1 ease-in-out;
	-webkit-animation-delay:1s;
	-moz-animation-delay:1s;
	-o-animation-delay:1s;
	animation-delay:1s;
}

.nav_eins a:link, .nav_eins a:visited {
	color:#676767;
    font-size:24px;
	text-decoration:none;
	outline:none;
}
.nav_eins a:hover, .nav_eins a:active {
	color:#ffffff;
}

.nav_zwei {
	float:left;
	width:100%;
	height:auto;
	text-align:center;
	color:#676767;
	margin:5px 0;
}
#navb {
	-webkit-animation: navzweifadein 3.8s 1 ease-in-out;
	-moz-animation: navzweifadein 3.8s 1 ease-in-out;
	-o-animation: navzweifadein 3.8s 1 ease-in-out;
	animation: navzweifadein 3.8s 1 ease-in-out;
	-webkit-animation-delay:1s;
	-moz-animation-delay:1s;
	-o-animation-delay:1s;
	animation-delay:1s;
}

.nav_zwei a:link, .nav_zwei a:visited {
	color:#676767;
    font-size:24px;
	text-decoration:none;
	outline:none;
}
.nav_zwei a:hover, .nav_zwei a:active {
	color:#ffffff;
}
.nav_drei {
	float:left;
	width:100%;
	height:auto;
	text-align:center;
	margin:5px 0;
	color:#676767;
}
#navc {
	-webkit-animation: navdreifadein 3.8s 1 ease-in-out;
	-moz-animation: navdreifadein 3.8s 1 ease-in-out;
	-o-animation: navdreifadein 3.8s 1 ease-in-out;
	animation: navdreifadein 3.8s 1 ease-in-out;
	-webkit-animation-delay:1s;
	-moz-animation-delay:1s;
	-o-animation-delay:1s;
	animation-delay:1s;
}

.nav_drei a:link, .nav_drei a:visited {
	color:#676767;
    font-size:24px;
	text-decoration:none;
	outline:none;
}
.nav_drei a:hover, .nav_drei a:active {
	color:#ffffff;
}
.nav_vier {
	float:left;
	width:100%;
	height:auto;
	text-align:center;
	margin:5px 0;
	color:#ffffff;
}
#navd {
	-webkit-animation: textweingutfadein 3.6s 1 ease-in-out;
	-moz-animation: textweingutfadein 3.6s 1 ease-in-out;
	-o-animation: textweingutfadein 3.6s 1 ease-in-out;
	animation: textweingutfadein 3.6s 1 ease-in-out;
}

.nav_vier a:link, .nav_vier a:visited {
	color:#676767;
    font-size:24px;
	text-decoration:none;
	outline:none;
}
.nav_vier a:hover, .nav_vier a:active {
	color:#ffffff;
}

.nav_fuenf {
	float:left;
	width:100%;
	height:auto;
	text-align:center;
	margin:5px 0;
	color:#676767;
}
#nave {
	-webkit-animation: navfuenffadein 3.8s 1 ease-in-out;
	-moz-animation: navfuenffadein 3.8s 1 ease-in-out;
	-o-animation: navfuenffadein 3.8s 1 ease-in-out;
	animation: navfuenffadein 3.8s 1 ease-in-out;
	-webkit-animation-delay:1s;
	-moz-animation-delay:1s;
	-o-animation-delay:1s;
	animation-delay:1s;
}

.nav_fuenf a:link, .nav_fuenf a:visited {
	color:#676767;
    font-size:24px;
	text-decoration:none;
	outline:none;
}
.nav_fuenf a:hover, .nav_fuenf a:active {
	color:#ffffff;
}
.nav_sechs {
	float:left;
	width:100%;
	height:auto;
	text-align:center;
	margin:5px 0;
	color:#676767;
}
#navf {
	-webkit-animation: navsechsfadein 3.8s 1 ease-in-out;
	-moz-animation: navsechsfadein 3.8s 1 ease-in-out;
	-o-animation: navsechsfadein 3.8s 1 ease-in-out;
	animation: navsechsfadein 3.8s 1 ease-in-out;
	-webkit-animation-delay:1s;
	-moz-animation-delay:1s;
	-o-animation-delay:1s;
	animation-delay:1s;
}

.nav_sechs a:link, .nav_sechs a:visited {
	color:#676767;
    font-size:24px;
	text-decoration:none;
	outline:none;
}
.nav_sechs a:hover, .nav_sechs a:active {
	color:#ffffff;
}
.nav_sieben {
	float:left;
	width:100%;
	height:auto;
	text-align:center;
	margin:5px 0;
	color:#676767;
}
#navg {
	-webkit-animation: navsiebenfadein 3.8s 1 ease-in-out;
	-moz-animation: navsiebenfadein 3.8s 1 ease-in-out;
	-o-animation: navsiebenfadein 3.8s 1 ease-in-out;
	animation: navsiebenfadein 3.8s 1 ease-in-out;
	-webkit-animation-delay:1s;
	-moz-animation-delay:1s;
	-o-animation-delay:1s;
	animation-delay:1s;
}

.nav_sieben a:link, .nav_sieben a:visited {
	color:#676767;
    font-size:24px;
	text-decoration:none;
	outline:none;
}
.nav_sieben a:hover, .nav_sieben a:active {
	color:#ffffff;
}
.nav_acht {
	float:left;
	width:100%;
	height:auto;
	text-align:center;
	margin:5px 0;
	color:#676767;
}
#navh {
	-webkit-animation: navachtfadein 3.8s 1 ease-in-out;
	-moz-animation: navachtfadein 3.8s 1 ease-in-out;
	-o-animation: navachtfadein 3.8s 1 ease-in-out;
	animation: navachtfadein 3.8s 1 ease-in-out;
	-webkit-animation-delay:1s;
	-moz-animation-delay:1s;
	-o-animation-delay:1s;
	animation-delay:1s;
}

.nav_acht a:link, .nav_acht a:visited {
	color:#676767;
    font-size:24px;
	text-decoration:none;
	outline:none;
}
.nav_acht a:hover, .nav_acht a:active {
	color:#ffffff;
}
@media only screen and (min-width: 700px) {
#start_logo_r_mobile {
	position:absolute;
	display:block;
	right:32%;
	top:21%;
	width:65px;
	height:100px;
	-webkit-animation: logo_rfadeout 2.6s 1 ease-in-out;
	-moz-animation: logo_rfadeout 2.6s 1 ease-in-out;
	-o-animation: logo_rfadeout 2.6s 1 ease-in-out;
	animation: logo_rfadeout 2.6s 1 ease-in-out;
}
}
@media only screen and (min-width: 1100px) {
	#kalksteinleiste_unten {
	position:absolute;
	display:block;
	bottom:80px;
	left:0;
	width:100%;
	height:38px;
	padding:0;
	opacity:1;
	background:url(../img/kalksteinleiste_unten.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	margin:0 0 0px 0;
	-webkit-animation: leistenachunten 2.6s 1 ease-in-out;
	-moz-animation: leistenachunten 2.6s 1 ease-in-out;
	-o-animation: leistenachunten 2.6s 1 ease-in-out;
	animation: leistenachunten 2.6s 1 ease-in-out;
}
}
@media only screen and (min-width: 1000px) {
#start_text_unser {
	position:absolute;
	left:50%;
	top:50%;
	width:90px;
	height:50px;
	margin-top:-18px;
	margin-left:-180px;
	color:#ffffff;
	font-size:30px;
	letter-spacing:3px;
	font-family: 'Arimo', sans-serif;
	font-weight:400;
	text-transform:uppercase;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	opacity:1;
	-webkit-animation: textunserfadein 3.6s 1 ease-in-out;
	-moz-animation: textunserfadein 3.6s 1 ease-in-out;
	-o-animation: textunserfadein 3.6s 1 ease-in-out;
	animation: textunserfadein 3.6s 1 ease-in-out;
}	
#start_logo_r {
	position:absolute;
	left:50%;
	top:50%;
	width:65px;
	height:100px;
	margin-left:-68px;
	margin-top:-50px;
}
#start_text_menu {
	position:absolute;
	left:50%;
	top:50%;
	width:410px;
	height:570px;
	margin-top:-254px;
	margin-left:18px;
	font-size:34px;
	letter-spacing:3px;
	font-family: 'Arimo', sans-serif;
	font-weight:400;
	text-transform:uppercase;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	opacity:1;
	-webkit-animation: menufadein 3.6s 1 ease-in-out;
	-moz-animation: menufadein 3.6s 1 ease-in-out;
	-o-animation: menufadein 3.6s 1 ease-in-out;
	animation: menufadein 3.6s 1 ease-in-out;
}
#start_logo_r {
	position:absolute;
	display:block;
	left:50%;
	top:50%;
	width:65px;
	height:100px;
	margin-left:-68px;
	margin-top:-50px;
}
#start_logo_r_mobile {
	position:absolute;
	display:none;
	left:60%;
	top:21%;
	width:65px;
	height:100px;
	-webkit-animation: logo_rfadeout 2.6s 1 ease-in-out;
	-moz-animation: logo_rfadeout 2.6s 1 ease-in-out;
	-o-animation: logo_rfadeout 2.6s 1 ease-in-out;
	animation: logo_rfadeout 2.6s 1 ease-in-out;
}
.nav_eins {
	position:absolute;
	top:60px;
	float:none;
	width:auto;
	text-align:left;
	left:0;
	margin:0;
	color:#676767;
}
.nav_eins a:link, .nav_eins a:visited {
	color:#676767;
    font-size:30px;
	text-decoration:none;
	outline:none;
}
.nav_eins a:hover, .nav_eins a:active {
	color:#ffffff;
}
.nav_zwei {
	position:absolute;
	top:117px;
	float:none;
	width:auto;
	text-align:left;
	left:0;
	margin:0;
	color:#676767;
}
.nav_zwei a:link, .nav_zwei a:visited {
	color:#676767;
    font-size:30px;
	text-decoration:none;
	outline:none;
}
.nav_zwei a:hover, .nav_zwei a:active {
	color:#ffffff;
}
.nav_drei {
	position:absolute;
	top:175px;
	float:none;
	width:auto;
	text-align:left;
	left:0;
	margin:0;
	color:#676767;
}
.nav_drei a:link, .nav_drei a:visited {
	color:#676767;
    font-size:30px;
	text-decoration:none;
	outline:none;
}
.nav_drei a:hover, .nav_drei a:active {
	color:#ffffff;
}
.nav_vier {
	position:absolute;
	top:233px;
	float:none;
	width:auto;
	text-align:left;
	left:0;
	margin:0;
	color:#ffffff;
}
.nav_vier a:link, .nav_vier a:visited {
	color:#676767;
    font-size:30px;
	text-decoration:none;
	outline:none;
}
.nav_vier a:hover, .nav_vier a:active {
	color:#ffffff;
}
.nav_fuenf {
	position:absolute;
	top:291px;
	float:none;
	width:auto;
	text-align:left;
	left:0;
	margin:0;
	color:#676767;
}
.nav_fuenf a:link, .nav_fuenf a:visited {
	color:#676767;
    font-size:30px;
	text-decoration:none;
	outline:none;
}
.nav_fuenf a:hover, .nav_fuenf a:active {
	color:#ffffff;
}
.nav_sechs {
	position:absolute;
	top:348px;
	float:none;
	width:auto;
	text-align:left;
	left:0;
	margin:0;
	color:#676767;
}
.nav_sechs a:link, .nav_sechs a:visited {
	color:#676767;
    font-size:30px;
	text-decoration:none;
	outline:none;
}
.nav_sechs a:hover, .nav_sechs a:active {
	color:#ffffff;
}
.nav_sieben {
	position:absolute;
	top:405px;
	float:none;
	width:auto;
	text-align:left;
	left:0;
	margin:0;
	color:#676767;
}
.nav_sieben a:link, .nav_sieben a:visited {
	color:#676767;
    font-size:30px;
	text-decoration:none;
	outline:none;
}
.nav_sieben a:hover, .nav_sieben a:active {
	color:#ffffff;
}
.nav_acht {
	position:absolute;
	top:462px;
	float:none;
	width:auto;
	text-align:left;
	left:0;
	margin:0;
	color:#676767;
}
.nav_acht a:link, .nav_acht a:visited {
	color:#676767;
    font-size:30px;
	text-decoration:none;
	outline:none;
}
.nav_acht a:hover, .nav_acht a:active {
	color:#ffffff;
}
}

#menu_overlay {
	position:fixed;
	left:0;
	top:0;
	bottom:0;
	right:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,1);
	z-index:995;
	display:none;
	overflow:auto;
}
#topmenuclose {
	position: absolute;
	top: 0px;
	right: 0px;
	text-align:center;
	padding: 20px 40px 20px 50px;
}
#topmenuclose a:link, #topmenuclose a:visited {
	text-transform:uppercase;
	color: #d8b134;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 50px;
	text-decoration:none;
	letter-spacing:1px;
	font-weight:300;
	outline:none;
}
#topmenuclose a:hover, #topmenuclose a:active {
	color:#ffffff;
	cursor:pointer;
}
#topmenuinhalt {
	width:960px;
	margin:80px auto 20px auto;
	padding:0 20px;
	text-align:right;
}
#topmenuinhalt ul li {
	list-style:none;
	margin:0 0 30px 0;
}
#topmenuinhalt ul li a:link, #topmenuinhalt ul li a:visited {
	text-decoration:none;
	color:#ffffff;
	font-size:28px;
	font-family: 'Arimo', sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:400;
	outline:none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#topmenuinhalt ul li a:hover, #topmenuinhalt ul li a:active {
	color:#d8b134;
	text-decoration:underline;
	cursor:pointer;
}

#footer {
	position:absolute;
	bottom:10px;
	right:0;
	width:100%;
	height:auto;
	text-align:right;
	padding:0 20px 0 20px;
	z-index:999;
}
#footer a:link, #footer a:visited {
	text-decoration:none;
	color:#ffffff;
	font-size:12px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	background:rgba(0,0,0,0.6);
	padding:2px 5px;
	letter-spacing:1px;
	outline:none;
}
#footer a:hover, #footer a:active {
	text-decoration:none;
	color:#d8b134;
	background:rgba(0,0,0,0.8);
}
#footer .trenner {
	color:#d8b134;
	margin:0 2px;
	font-size:12px;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight:400;
}



#kalksteinleiste_oben_unterseite {
	position:absolute;
	top:80px;
	left:0;
	width:100%;
	height:38px;
	padding:0;
	background:url(../img/kalksteinleiste_oben.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	margin:-0px 0 0 0;
	z-index:999;
}
#wrapper {
	position:static;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	min-height: 100%;
	height:auto !important;
	height:100%;
	background:#000000;
	overflow:hidden;
	background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
	-webkit-animation: backpicfadein 1s 1 ease-in-out;
	-moz-animation: backpicfadein 1s 1 ease-in-out;
	-o-animation: backpicfadein 1s 1 ease-in-out;
	animation: backpicfadein 1s 1 ease-in-out;
}
#kalksteinleiste_unten_unterseite {
	position:fixed;
	bottom:80px;
	left:0;
	width:100%;
	height:38px;
	padding:0;
	background:url(../img/kalksteinleiste_unten.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	margin:0 0 0px 0;
	z-index:998;
	display:none;
}
.footer_mobile {
	display:block;
	float:left;
	width:100%;
	height:auto;
	background-color:#000000 !important;
	background:url(../img/kalksteinleiste_unten.jpg) no-repeat top center;
	background-size:380%;
	z-index:999;
	padding:0 20px 40px 20px;
}
.footer_mobile .logo {
	float:left;
	width:40%;
	height:auto;
	margin:-11% 30% 0 30%;
}
.footer_mobile .logo img {
	width:100%;
	height:auto;
}
.footer_mobile .text {
	float:left;
	width:100%;
	height:auto;
	color:#ffffff;
	margin:10px 0 0 0;
	text-align:center;
	font-size:16px;
	line-height:24px;
	font-family: 'Arimo', sans-serif;
}
.footer_mobile .text a {
	float:left;
	width:100%;
	height:auto;
	color:#ffffff;
	text-decoration:none;
	margin:10px 0 0 0;
	text-align:center;
	font-size:16px;
	line-height:24px;
}
.footer_mobile .text a:hover {
	color:#d8b034;
	cursor:pointer;
}

.eventboxwr {
	float:left;
	width:100%;
	height:auto;
	font-family: 'Arimo', sans-serif;
	margin:20px 0 10px 0;
}
.eventboxwr a {
	outline:none;
}
.eventboxwr_spacer {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 50px 0;
}
dl {
	float:left;
	width:100%;
	height:auto;
}
dd {
	display:none;
	float:left;
	width:100%;
	height:auto;
	font-size:16px;
	line-height:24px;
	color:#ffffff;
	font-weight:400;
	padding:0;
}
dd p {
	font-size:16px !important;
	line-height:24px !important;
	color:#ffffff !important;
	font-weight:400 !important;
	padding:5px 0 10px 0 !important;
}
dd .preis {
	float:left;
	width:100%;
	height:auto;
	font-size:18px;
	line-height:24px;
	color:#ffffff;
	font-weight:400;
	padding:4px 0 0 0;
}
dt {
	float:left;
	width:100%;
	height:auto;
	font-size:22px;
	line-height:26px;
	font-weight:400;
	padding:5px 0 5px 0;
}
.eventdatum {
	float:left;
	width:100%;
	height:auto;
	text-align:left;
}
.eventtitel {
	float:left;
	width:100%;
	height:auto;
	text-align:left;
	margin:0 0 0 0%;
}
.closed {
	color:#9d9d9c;
	text-decoration:none;
	outline:none;
}
.closed:hover {
	color:#ffffff;
	text-decoration:none;
	cursor:pointer;
}
.open {
	color:#ffffff;
	text-decoration:none;
}
.open .gold {
	color:#d8b134;
	text-decoration:none;
}
.open:hover {
	color:#ffffff;
	text-decoration:none;
	cursor:pointer;
}
.event_buchen {
	float:right;
	width:auto;
	height:auto;
	text-align:right;
	margin:0;
	padding:0;
}
.event_buchen a:link, .event_buchen a:visited {
	text-align:right;
	text-decoration:none;
	font-size:18px;
	line-height:20px;
	letter-spacing:1px;
	font-family: 'Arimo', sans-serif;
	color:#d8b134;
	background:url(../img/icon_pfeil_link_white.png) no-repeat right center;
	background-size:16px;
	padding:0 24px 0 0;
	outline:none;
}
.event_buchen a:hover, .event_buchen a:active {
	color:#ffffff;
	text-decoration:underline;
	cursor:pointer;
}
.reise_anfragen:link, .reise_anfragen:visited {
	float:right;
	text-align:right;
	text-decoration:none;
	font-size:22px;
	line-height:24px;
	letter-spacing:1px;
	font-family: 'Arimo', sans-serif;
	color:#ffffff;
	background:url(../img/icon_pfeil_link_white.png) no-repeat right center;
	background-size:16px;
	padding:0 24px 0 0;
	outline:none;
	text-transform:uppercase;
	margin:40px 0 20px 0;
}
.reise_anfragen:hover, .reise_anfragen:active {
	color:#d8b134;
	text-decoration:none;
	cursor:pointer;
}
.contentblock_back {
	position:absolute;
	display:block;
	left:20%;
	top:5px;
	width:110px;
	height:20px;
	z-index:990;
	text-align:left;
}
.contentblock_back_inside {
	position:absolute;
	display:block;
	left:20%;
	top:5px;
	width:110px;
	height:20px;
	z-index:990;
	text-align:left;
}
@media only screen and (min-width: 500px) {
.footer_mobile {
	display:block;
	float:left;
	width:100%;
	height:auto;
	background-color:#000000;
	background:url(../img/kalksteinleiste_unten.jpg) no-repeat top center;
	background-size:250%;
	z-index:999;
	padding:0 20px 40px 20px;
}	
.footer_mobile .logo {
	float:left;
	width:30%;
	height:auto;
	margin:-9% 35% 0 35%;
}	
.eventdatum {
	float:left;
	width:30%;
	height:auto;
	text-align:right;
}
.eventtitel {
	float:left;
	width:68%;
	height:auto;
	text-align:left;
	margin:0 0 0 2%;
}	
}
@media only screen and (min-width: 800px) {
.footer_mobile {
	display:block;
	float:left;
	width:100%;
	height:auto;
	background-color:#000000;
	background:url(../img/kalksteinleiste_unten.jpg) no-repeat top center;
	background-size:150%;
	z-index:999;
	padding:0 20px 40px 20px;
}	
.footer_mobile .logo {
	float:left;
	width:20%;
	height:auto;
	margin:-7% 40% 0 40%;
}
.footer_mobile .text {
	float:left;
	width:100%;
	height:auto;
	color:#ffffff;
	margin:30px 0 0 0;
	text-align:center;
	font-size:16px;
	line-height:24px;
	font-family: 'Arimo', sans-serif;
}
.footer_mobile .text a {
	float:none;
	width:auto;
	margin:0 40px 0 0;
	color:#ffffff;
	text-decoration:none;
	font-size:16px;
	line-height:24px;
}

}
@media only screen and (min-width: 950px) {
.footer_mobile {
	display:block;
	float:left;
	width:100%;
	height:auto;
	background-color:#000000;
	background:url(../img/kalksteinleiste_unten.jpg) no-repeat top center;
	background-size:100%;
	z-index:999;
	padding:0 20px 40px 20px;
}	
.footer_mobile .logo {
	float:left;
	width:14%;
	height:auto;
	margin:-5% 43% 0 43%;
}
}

@media only screen and (min-width: 1100px) and (min-height: 700px) {
.footer_mobile {
	display:none;
}
#kalksteinleiste_unten_unterseite {
	display:block;
}
.eventboxwr_spacer {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 170px 0;
}
}

.footer_innen {
	float:left;
	width:100%;
	height:auto;
	padding:11px 20px 0 20px;
	color:#ffffff;
	font-size:16px;
	font-weight:300;
	text-transform:uppercase;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	text-shadow:0px 0px 3px #000000;
	-webkit-animation: footerfadein 4.5s 1 ease-in-out;
	-moz-animation: footerfadein 4.5s 1 ease-in-out;
	-o-animation: footerfadein 4.5s 1 ease-in-out;
	animation: footerfadein 4.5s 1 ease-in-out;
	
}
.footer_innen a:link, .footer_innen a:visited {
	color:#ffffff;
	text-decoration:none;
	letter-spacing:2px;
	margin:0 24px 0 0;
}
.footer_innen a:hover, .footer_innen a:active {
	color:#d8b034;
	cursor:pointer;
}
.footer_logo {
	position:absolute;
	right:50px;
	bottom:-40px;
	width:130px;
	height:123px;
	background:url(../img/logo_reiss.png) no-repeat center center;
	background-size:130px;
	-webkit-animation: footerlogofadein 4.5s 1 ease-in-out;
	-moz-animation: footerlogofadein 4.5s 1 ease-in-out;
	-o-animation: footerlogofadein 4.5s 1 ease-in-out;
	animation: footerlogofadein 4.5s 1 ease-in-out;
}

.menu_righttop_unterseite {
    position: absolute;
	top: 0px;
	right: 0px;
	width:140px;
	height:75px;
	text-align:center;
	padding: 40px 35px 20px 50px;
	background:url(../img/kalksteinleiste_menu.png) no-repeat left top;
	z-index:999;
}

.menu_righttop_unterseite a:link, .menu_righttop_unterseite a:visited {
	text-transform:uppercase;
	color: #ffffff;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 18px;
	text-decoration:none;
	letter-spacing:1px;
	font-weight:300;
	outline:none;
}
.menu_righttop_unterseite a:hover, .menu_righttop_unterseite a:active {
	color:#d8b134;
	cursor:pointer;
}
.menu_backtop_unterseite {
    position: absolute;
	top: 0px;
	left: 0px;
	width:160px;
	height:75px;
	text-align:center;
	padding: 10px 20px 10px 10px;
	background:url(../img/kalksteinleiste_back.png) no-repeat right top;
	z-index:999;
}
.menu_backtop_unterseite img {
	width:85%;
	height:auto;
}

.content_wrapper {
	float:left;
	width:100%;
	height:80%;
	display:block;
	margin:0;
	position:sticky;
	overflow:auto;
}



.cb-slideshow,
.cb-slideshow:after { 
  	display:none;
}	
.cb-slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
    animation: imageAnimation 50s linear infinite 0s; 
}
.cb-slideshow li:nth-child(1) span { 
    background-image: url(../img/weingut_background01.jpg) 
}
.cb-slideshow li:nth-child(2) span { 
    background-image: url(../img/weingut_background02.jpg);
    animation-delay: 10s; 
}
.cb-slideshow li:nth-child(3) span { 
    background-image: url(../img/weingut_background03.jpg);
    animation-delay: 20s; 
}
.cb-slideshow li:nth-child(4) span { 
    background-image: url(../img/weingut_background04.jpg);
    animation-delay: 30s; 
}
.cb-slideshow li:nth-child(5) span { 
    background-image: url(../img/weingut_background05.jpg);
    animation-delay: 40s; 
}
@keyframes imageAnimation { 
    0% { opacity: 0; animation-timing-function: ease-in; }
    5% { opacity: 1; animation-timing-function: ease-out; }
    22% { opacity: 1 }
    30% { opacity: 0 }
    100% { opacity: 0 }
}

.event-slideshow,
.event-slideshow:after { 
  	display:none;
}	
.event-slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
    animation: imageAnimationevent 31s linear infinite 0s; 
}
.event-slideshow li:nth-child(1) span { 
    background-image: url(../img/eventkalender_background01.jpg) 
}
.event-slideshow li:nth-child(2) span { 
    background-image: url(../img/eventkalender_background02.jpg);
    animation-delay: 10s; 
}
.event-slideshow li:nth-child(3) span { 
    background-image: url(../img/eventkalender_background03.jpg);
    animation-delay: 20s; 
}
@keyframes imageAnimationevent { 
    0% { opacity: 0; animation-timing-function: ease-in; }
    5% { opacity: 1; animation-timing-function: ease-out; }
    33% { opacity: 1 }
    40% { opacity: 0 }
    100% { opacity: 0 }
}

.reisebuero-slideshow,
.reisebuero-slideshow:after { 
  	display:none;
}	
.reisebuero-slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
    animation: imageAnimationreisebuero 20s linear infinite 0s; 
}
.reisebuero-slideshow li:nth-child(1) span { 
    background-image: url(../img/reisebuero_background01.jpg) 
}
.reisebuero-slideshow li:nth-child(2) span { 
    background-image: url(../img/reisebuero_background02.jpg);
    animation-delay: 10s; 
}

@keyframes imageAnimationreisebuero { 
    0% { opacity: 0; animation-timing-function: ease-in; }
    5% { opacity: 1; animation-timing-function: ease-out; }
    55% { opacity: 1 }
    65% { opacity: 0 }
    100% { opacity: 0 }
}

.reise_under_eingerueckt {
	float:left;
	width:100%;
	height:auto;
	margin:0 0% 10px 0%;
}
.reise_under_eingerueckt_text {
	float:left;
	width:100%;
	height:auto;
	margin:20px 0% 10px 0%;
}
.reise_under_eingerueckt_text .daten {
	font-family: 'Arimo', sans-serif;
	font-size:18px;
	line-height:26px;
	font-weight:700;
	color:#ffffff;
}
.reise_under_nav {
	float:left;
	width:100%;
	height:auto;
	margin:0;
}
.reise_under_nav ul li {
	float:left;
	width:100%;
	height:auto;
	margin:10px 0px 10px 0px;
}
.reise_under_nav ul li a:link, .reise_under_nav ul li a:visited {
	font-family: 'Arimo', sans-serif;
	text-align:justify;
	font-size:18px;
	line-height:24px;
	color:#ffffff;
	text-decoration:none;
	letter-spacing:1px;
}
.reise_under_nav ul li a:hover, .reise_under_nav ul li a:active {
	color:#d8b134;
	text-decoration:none;
	cursor:pointer;
}
.reise_under_nav ul li a#hier:link, .reise_under_nav ul li a#hier:visited, .reise_under_nav ul li a#hier:hover, .reise_under_nav ul li a#hier:active {
	font-family: 'Arimo', sans-serif;
	text-align:justify;
	font-size:18px;
	line-height:24px;
	color:#d8b134;
	text-decoration:none;
	letter-spacing:0px;
}

.unterseite_hintergrundbild_weingut {
	float:left;
	display:block;
	width:100%;
	min-height: 100%;
	height:auto !important;
	height:100%;
	background:url(../img/weingut_background01.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
    background-position: 50% 50%;
    background-repeat: none;
	z-index:1;
	-webkit-animation: backpicfadein 1s 1 ease-in-out;
	-moz-animation: backpicfadein 1s 1 ease-in-out;
	-o-animation: backpicfadein 1s 1 ease-in-out;
	animation: backpicfadein 1s 1 ease-in-out;
}
.unterseite_hintergrundbild_eventkalender {
	float:left;
	display:block;
	width:100%;
	min-height: 100%;
	height:auto !important;
	height:100%;
	background:url(../img/eventkalender_background01.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
    background-position: 50% 50%;
    background-repeat: none;
	z-index:1;
	-webkit-animation: backpicfadein 1s 1 ease-in-out;
	-moz-animation: backpicfadein 1s 1 ease-in-out;
	-o-animation: backpicfadein 1s 1 ease-in-out;
	animation: backpicfadein 1s 1 ease-in-out;
}
.unterseite_hintergrundbild_reisebuero {
	float:left;
	display:block;
	width:100%;
	min-height: 100%;
	height:auto !important;
	height:100%;
	background:url(../img/reisebuero_background01.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
    background-position: 50% 50%;
    background-repeat: none;
	z-index:1;
	-webkit-animation: backpicfadein 1s 1 ease-in-out;
	-moz-animation: backpicfadein 1s 1 ease-in-out;
	-o-animation: backpicfadein 1s 1 ease-in-out;
	animation: backpicfadein 1s 1 ease-in-out;
}
.content_bilder_wrap {
	float:left;
	display:block;
	width:100%;
	height:auto;
	margin:0 0 20px 0;
}
.content_bilder {
	float:left;
	width:100%;
	height:auto;
	border:solid 5px #ffffff;
	margin:0 0 20px 0;
}
.content_bilder img {
	width:100%;
	display:block;
	height:auto;
}
.contentblock_white {
	position:sticky;
	float:left;
	top:0px;
	left:5%;
	width:90%;
	height:100%;
	margin:80px 0 100px 0;
	background:rgba(255,255,255,0.88);
	z-index:1;
	opacity:1;
	-webkit-animation: whitecontentfadein 1s 1 ease-in-out;
	-moz-animation: whitecontentfadein 1s 1 ease-in-out;
	-o-animation: whitecontentfadein 1s 1 ease-in-out;
	animation: whitecontentfadein 1s 1 ease-in-out;
	padding:10px 20px 20px 20px;
}
.contentblock_brown {
	position:sticky;
	float:left;
	top:0px;
	left:5%;
	width:90%;
	height:100%;
	margin:80px 0 100px 0;
	background:rgba(115,99,85,0.9);
	z-index:1;
	opacity:1;
	-webkit-animation: whitecontentfadein 1s 1 ease-in-out;
	-moz-animation: whitecontentfadein 1s 1 ease-in-out;
	-o-animation: whitecontentfadein 1s 1 ease-in-out;
	animation: whitecontentfadein 1s 1 ease-in-out;
	padding:10px 20px 20px 20px;
}
.contentblock_reise {
	position:sticky;
	float:left;
	top:0px;
	left:5%;
	width:90%;
	height:100%;
	margin:80px 0 100px 0;
	background:rgba(179,145,102,0.9);
	z-index:1;
	opacity:1;
	-webkit-animation: whitecontentfadein 1s 1 ease-in-out;
	-moz-animation: whitecontentfadein 1s 1 ease-in-out;
	-o-animation: whitecontentfadein 1s 1 ease-in-out;
	animation: whitecontentfadein 1s 1 ease-in-out;
	padding:10px 20px 20px 20px;
}
.contentblock_reise_under {
	position:sticky;
	float:left;
	top:0px;
	left:5%;
	width:90%;
	height:100%;
	margin:80px 0 100px 0;
	background:rgba(179,145,102,0.9);
	z-index:1;
	opacity:1;
	-webkit-animation: whitecontentfadein 1s 1 ease-in-out;
	-moz-animation: whitecontentfadein 1s 1 ease-in-out;
	-o-animation: whitecontentfadein 1s 1 ease-in-out;
	animation: whitecontentfadein 1s 1 ease-in-out;
	padding:10px 20px 20px 20px;
}
@-moz-keyframes whitecontentfadein {
0% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes whitecontentfadein {
0% { opacity:0; }
100% { opacity:1; }
}
@-o-keyframes whitecontentfadein {
0% { opacity:0; }
100% { opacity:1; }
}
.spacer {
	display:none;
}
.spacerbrown {
	display:none;
}
.spacerreise {
	display:none;
}
.contentblock_white_innen {
	position:sticky;
	padding:20px 0 30px 0;	
	font-size:20px;
	font-weight:400;
	color:#000000;
	text-transform:none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.contentblock_white_innen_impressum {
	position:sticky;
	padding:20px 0 30px 0;	
	font-size:20px;
	font-weight:400;
	color:#000000;
	text-transform:none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.contentblock_brown_innen {
	position:sticky;
	padding:20px 0 30px 0;	
	font-size:20px;
	font-weight:400;
	color:#000000;
	text-transform:none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.contentblock_reise_innen {
	position:sticky;
	padding:20px 0 30px 0;	
	font-size:20px;
	font-weight:400;
	color:#000000;
	text-transform:none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.contentblock_reise_under_innen {
	position:sticky;
	padding:20px 0 10px 0;	
	font-size:20px;
	font-weight:400;
	color:#000000;
	text-transform:none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.contentblock_zuklappen {
	display:none;
}
@media only screen and (min-width: 500px) {
	.contentblock_white {
	position:sticky;
	float:left;
	top:0;
	bottom:100px;
	left:4%;
	width:92%;
	height:100%;
	margin:80px 0 100px 0;
	background:rgba(255,255,255,0.88);
	z-index:1;
	opacity:1;
	-webkit-animation: whitecontentfadein 1s 1 ease-in-out;
	-moz-animation: whitecontentfadein 1s 1 ease-in-out;
	-o-animation: whitecontentfadein 1s 1 ease-in-out;
	animation: whitecontentfadein 1s 1 ease-in-out;
	padding:10px 30px 30px 30px;
}
.contentblock_brown {
	position:sticky;
	float:left;
	top:0;
	bottom:100px;
	left:4%;
	width:92%;
	height:100%;
	margin:80px 0 100px 0;
	background:rgba(115,99,85,0.9);
	z-index:1;
	opacity:1;
	-webkit-animation: whitecontentfadein 1s 1 ease-in-out;
	-moz-animation: whitecontentfadein 1s 1 ease-in-out;
	-o-animation: whitecontentfadein 1s 1 ease-in-out;
	animation: whitecontentfadein 1s 1 ease-in-out;
	padding:10px 30px 30px 30px;
}
.contentblock_reise {
	position:sticky;
	float:left;
	top:0;
	bottom:100px;
	left:4%;
	width:92%;
	height:100%;
	margin:80px 0 100px 0;
	background:rgba(179,145,102,0.9);
	z-index:1;
	opacity:1;
	-webkit-animation: whitecontentfadein 1s 1 ease-in-out;
	-moz-animation: whitecontentfadein 1s 1 ease-in-out;
	-o-animation: whitecontentfadein 1s 1 ease-in-out;
	animation: whitecontentfadein 1s 1 ease-in-out;
	padding:10px 30px 30px 30px;
}
.contentblock_reise_under {
	position:sticky;
	float:left;
	top:0px;
	left:4%;
	width:92%;
	height:100%;
	margin:80px 0 100px 0;
	background:rgba(179,145,102,0.9);
	z-index:1;
	opacity:1;
	-webkit-animation: whitecontentfadein 1s 1 ease-in-out;
	-moz-animation: whitecontentfadein 1s 1 ease-in-out;
	-o-animation: whitecontentfadein 1s 1 ease-in-out;
	animation: whitecontentfadein 1s 1 ease-in-out;
	padding:10px 20px 20px 20px;
}
}
@media only screen and (min-width: 700px) {
	.contentblock_white {
	position:fixed;
	position:sticky;
	float:left;
	top:0px;
	bottom:100px;
	left:3%;
	width:94%;
	height:100%;
	margin:80px 0 100px 0;
	background:rgba(255,255,255,0.88);
	z-index:1;
	opacity:1;
	-webkit-animation: whitecontentfadein 1s 1 ease-in-out;
	-moz-animation: whitecontentfadein 1s 1 ease-in-out;
	-o-animation: whitecontentfadein 1s 1 ease-in-out;
	animation: whitecontentfadein 1s 1 ease-in-out;
	padding:10px 30px 30px 30px;
}
.contentblock_brown {
	position:fixed;
	position:sticky;
	float:left;
	top:0;
	bottom:100px;
	left:3%;
	width:94%;
	height:100%;
	margin:80px 0 100px 0;
	background:rgba(115,99,85,0.9);
	z-index:1;
	opacity:1;
	-webkit-animation: whitecontentfadein 1s 1 ease-in-out;
	-moz-animation: whitecontentfadein 1s 1 ease-in-out;
	-o-animation: whitecontentfadein 1s 1 ease-in-out;
	animation: whitecontentfadein 1s 1 ease-in-out;
	padding:10px 30px 30px 30px;
}
.contentblock_reise {
	position:fixed;
	position:sticky;
	float:left;
	top:0;
	bottom:100px;
	left:3%;
	width:94%;
	height:100%;
	margin:80px 0 100px 0;
	background:rgba(179,145,102,0.9);
	z-index:1;
	opacity:1;
	-webkit-animation: whitecontentfadein 1s 1 ease-in-out;
	-moz-animation: whitecontentfadein 1s 1 ease-in-out;
	-o-animation: whitecontentfadein 1s 1 ease-in-out;
	animation: whitecontentfadein 1s 1 ease-in-out;
	padding:10px 30px 30px 30px;
}
.contentblock_reise_under {
	position:sticky;
	float:left;
	top:0px;
	left:3%;
	width:94%;
	height:100%;
	margin:80px 0 100px 0;
	background:rgba(179,145,102,0.9);
	z-index:1;
	opacity:1;
	-webkit-animation: whitecontentfadein 1s 1 ease-in-out;
	-moz-animation: whitecontentfadein 1s 1 ease-in-out;
	-o-animation: whitecontentfadein 1s 1 ease-in-out;
	animation: whitecontentfadein 1s 1 ease-in-out;
	padding:10px 20px 20px 20px;
}
.content_bilder {
	float:left;
	width:49%;
	height:auto;
	border:solid 5px #ffffff;
	margin:0 2% 20px 0;
}
.content_bilder:nth-of-type(1n+1) { margin:0 2% 20px 0; }
.content_bilder:nth-of-type(2n+2) { margin:0 0 20px 0; }


}

@media only screen and (min-width: 1100px) {
	.contentblock_white {
	position:fixed;
	position:sticky;
	float:left;
	top:0;
	bottom:100px;
	left:36%;
	width:48%;
	min-height: 100%;
	height:auto !important;
	height:100%;
	margin-top:0;
	margin-left:0px;
	background:rgba(255,255,255,0.88);
	z-index:1;
	opacity:1;
	-webkit-animation: whitecontentfadein 1s 1 ease-in-out;
	-moz-animation: whitecontentfadein 1s 1 ease-in-out;
	-o-animation: whitecontentfadein 1s 1 ease-in-out;
	animation: whitecontentfadein 1s 1 ease-in-out;
	padding:60px;
	margin-bottom: -99999px !important;
        padding-bottom: 99999px !important;
}
.contentblock_brown {
	position:fixed;
	position:sticky;
	float:left;
	top:0;
	bottom:100px;
	left:36%;
	width:48%;
	min-height: 100%;
	height:auto !important;
	height:100%;
	margin-top:0;
	margin-left:0px;
	background:rgba(115,99,85,0.9);
	z-index:1;
	opacity:1;
	-webkit-animation: whitecontentfadein 1s 1 ease-in-out;
	-moz-animation: whitecontentfadein 1s 1 ease-in-out;
	-o-animation: whitecontentfadein 1s 1 ease-in-out;
	animation: whitecontentfadein 1s 1 ease-in-out;
	padding:60px;
	margin-bottom: -99999px !important;
        padding-bottom: 99999px !important;
}
.contentblock_reise {
	position:fixed;
	position:sticky;
	float:left;
	top:0;
	bottom:100px;
	left:36%;
	width:48%;
	min-height: 100%;
	height:auto !important;
	height:100%;
	margin-top:0;
	margin-left:0px;
	background:rgba(179,145,102,0.9);
	z-index:1;
	opacity:1;
	-webkit-animation: whitecontentfadein 1s 1 ease-in-out;
	-moz-animation: whitecontentfadein 1s 1 ease-in-out;
	-o-animation: whitecontentfadein 1s 1 ease-in-out;
	animation: whitecontentfadein 1s 1 ease-in-out;
	padding:60px;
	margin-bottom: -99999px !important;
        padding-bottom: 99999px !important;
}
.contentblock_reise_under {
	position:fixed;
	position:sticky;
	float:left;
	top:0;
	bottom:100px;
	left:15%;
	width:70%;
	min-height: 100%;
	height:auto !important;
	height:100%;
	margin-top:0;
	margin-left:0px;
	background:rgba(179,145,102,0.9);
	z-index:1;
	opacity:1;
	-webkit-animation: whitecontentfadein 1s 1 ease-in-out;
	-moz-animation: whitecontentfadein 1s 1 ease-in-out;
	-o-animation: whitecontentfadein 1s 1 ease-in-out;
	animation: whitecontentfadein 1s 1 ease-in-out;
	padding:30px;
	margin-bottom: -99999px !important;
        padding-bottom: 99999px !important;
}
.contentblock_white_innen {
	position:sticky;
	padding:20px 0 170px 0;	
	font-size:20px;
	font-weight:400;
	color:#000000;
	text-transform:none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.contentblock_white_innen_impressum {
	position:sticky;
	padding:20px 0 170px 0;	
	font-size:20px;
	font-weight:400;
	color:#000000;
	text-transform:none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.contentblock_brown_innen {
	position:sticky;
	padding:20px 0 170px 0;	
	font-size:20px;
	font-weight:400;
	color:#000000;
	text-transform:none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.contentblock_reise_innen {
	position:sticky;
	padding:20px 0 170px 0;	
	font-size:20px;
	font-weight:400;
	color:#000000;
	text-transform:none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.contentblock_reise_under_innen {
	position:sticky;
	padding:20px 0 170px 0;	
	font-size:20px;
	font-weight:400;
	color:#000000;
	text-transform:none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.reise_under_eingerueckt {
	float:left;
	width:58%;
	height:auto;
	margin:0 12% 10px 30%;
}
.reise_under_eingerueckt_text {
	float:left;
	width:58%;
	height:auto;
	margin:20px 12% 10px 30%;
}
.reise_under_eingerueckt_text .daten {
	font-family: 'Arimo', sans-serif;
	font-size:18px;
	line-height:26px;
	font-weight:700;
	color:#ffffff;
}
.reise_under_nav {
	float:left;
	width:100%;
	height:auto;
	margin:0;
}
.reise_under_nav ul li {
	float:left;
	width:auto;
	height:auto;
	margin:0 10px 10px 10px;
}
.reise_under_nav ul li a:link, .reise_under_nav ul li a:visited {
	font-family: 'Arimo', sans-serif;
	text-align:justify;
	font-size:16px;
	line-height:22px;
	color:#ffffff;
	text-decoration:none;
	letter-spacing:0px;
}
.reise_under_nav ul li a:hover, .reise_under_nav ul li a:active {
	color:#d8b134;
	text-decoration:none;
	cursor:pointer;
}
.reise_under_nav ul li a#hier:link, .reise_under_nav ul li a#hier:visited, .reise_under_nav ul li a#hier:hover, .reise_under_nav ul li a#hier:active {
	font-family: 'Arimo', sans-serif;
	text-align:justify;
	font-size:16px;
	line-height:22px;
	color:#d8b134;
	text-decoration:none;
	letter-spacing:0px;
}
.reise_anfragen:link, .reise_anfragen:visited {
	float:right;
	text-align:right;
	text-decoration:none;
	font-size:22px;
	line-height:24px;
	letter-spacing:1px;
	font-family: 'Arimo', sans-serif;
	color:#ffffff;
	background:url(../img/icon_pfeil_link_white.png) no-repeat right center;
	background-size:16px;
	padding:0 24px 0 0;
	outline:none;
	text-transform:uppercase;
	margin:40px 0 170px 0;
}
.reise_anfragen:hover, .reise_anfragen:active {
	color:#d8b134;
	text-decoration:none;
	cursor:pointer;
}
.spacer {
	position:fixed;
	display:block;
	bottom:0;
	left:36%;
	width:48%;
	height:160px;
	margin-top:0;
	margin-left:0px;
	background:url(../img/nav_back_soft.png) no-repeat top center;
	z-index:996;
	opacity:0.58;
	-webkit-animation: whitecontentspacerfadein 1s 1 ease-in-out;
	-moz-animation: whitecontentspacerfadein 1s 1 ease-in-out;
	-o-animation: whitecontentspacerfadein 1s 1 ease-in-out;
	animation: whitecontentspacerfadein 1s 1 ease-in-out;
}
.spacerbrown {
	position:fixed;
	display:block;
	bottom:0;
	left:36%;
	width:48%;
	height:160px;
	margin-top:0;
	margin-left:0px;
	background:url(../img/brown_back_soft.png) no-repeat top center;
	z-index:996;
	opacity:0.58;
	-webkit-animation: whitecontentspacerfadein 1s 1 ease-in-out;
	-moz-animation: whitecontentspacerfadein 1s 1 ease-in-out;
	-o-animation: whitecontentspacerfadein 1s 1 ease-in-out;
	animation: whitecontentspacerfadein 1s 1 ease-in-out;
}
.spacerreise {
	position:fixed;
	display:block;
	bottom:0;
	left:36%;
	width:48%;
	height:160px;
	margin-top:0;
	margin-left:0px;
	background:url(../img/reise_back_soft.png) no-repeat top center;
	z-index:996;
	opacity:0.58;
	-webkit-animation: whitecontentspacerfadein 1s 1 ease-in-out;
	-moz-animation: whitecontentspacerfadein 1s 1 ease-in-out;
	-o-animation: whitecontentspacerfadein 1s 1 ease-in-out;
	animation: whitecontentspacerfadein 1s 1 ease-in-out;
}
.contentblock_zuklappen {
	position:absolute;
	display:block;
	right:17%;
	top:5px;
	width:110px;
	height:20px;
	z-index:990;
	text-align:right;
}
.contentblock_back {
	position:absolute;
	display:block;
	left:17%;
	top:5px;
	width:110px;
	height:20px;
	z-index:990;
	text-align:left;
}
.contentblock_back_inside {
	position:absolute;
	display:block;
	left:37%;
	top:5px;
	width:110px;
	height:20px;
	z-index:990;
	text-align:left;
}
.cb-slideshow,
.cb-slideshow:after { 
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
	display:block;
}	
.event-slideshow,
.event-slideshow:after { 
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
	display:block;
}
.reisebuero-slideshow,
.reisebuero-slideshow:after { 
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
	display:block;
}		
.unterseite_hintergrundbild_weingut {
	background:none;
}
.unterseite_hintergrundbild_eventkalender {
	background:none;
}
.unterseite_hintergrundbild_reisebuero {
	background:none;
}
.unterseite_hintergrundbild_reisebuero_under {
	float:left;
	width:100%;
	height:100%;
	background:url(../img/reisebuero_altstadtrundgang_background.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	z-index:1;
	-webkit-animation: backpicfadein 1s 1 ease-in-out;
	-moz-animation: backpicfadein 1s 1 ease-in-out;
	-o-animation: backpicfadein 1s 1 ease-in-out;
	animation: backpicfadein 1s 1 ease-in-out;
}
.content_bilder_wrap {
	display:none;
}

}
@media only screen and (min-width: 1400px) {
.contentblock_white {
	position:fixed;
	position:sticky;
	top:0;
	bottom:100px;
	left:45%;
	width:38%;
	min-height: 100%;
	height:auto !important;
	height:100%;
	margin-top:0;
	margin-left:0px;
	background:rgba(255,255,255,0.88);
	z-index:1;
	opacity:1;
	-webkit-animation: whitecontentfadein 1s 1 ease-in-out;
	-moz-animation: whitecontentfadein 1s 1 ease-in-out;
	-o-animation: whitecontentfadein 1s 1 ease-in-out;
	animation: whitecontentfadein 1s 1 ease-in-out;
	padding:60px;
	margin-bottom: -99999px !important;
        padding-bottom: 99999px !important;
}
.contentblock_brown {
	position:fixed;
	position:sticky;
	top:0;
	bottom:100px;
	left:45%;
	width:38%;
	min-height: 100%;
	height:auto !important;
	height:100%;
	margin-top:0;
	margin-left:0px;
	background:rgba(115,99,85,0.9);
	z-index:1;
	opacity:1;
	-webkit-animation: whitecontentfadein 1s 1 ease-in-out;
	-moz-animation: whitecontentfadein 1s 1 ease-in-out;
	-o-animation: whitecontentfadein 1s 1 ease-in-out;
	animation: whitecontentfadein 1s 1 ease-in-out;
	padding:60px;
	margin-bottom: -99999px !important;
        padding-bottom: 99999px !important;
}
.contentblock_reise {
	position:fixed;
	position:sticky;
	top:0;
	bottom:100px;
	left:45%;
	width:38%;
	min-height: 100%;
	height:auto !important;
	height:100%;
	margin-top:0;
	margin-left:0px;
	background:rgba(179,145,102,0.9);
	z-index:1;
	opacity:1;
	-webkit-animation: whitecontentfadein 1s 1 ease-in-out;
	-moz-animation: whitecontentfadein 1s 1 ease-in-out;
	-o-animation: whitecontentfadein 1s 1 ease-in-out;
	animation: whitecontentfadein 1s 1 ease-in-out;
	padding:60px;
	margin-bottom: -99999px !important;
        padding-bottom: 99999px !important;
}
.reise_under_eingerueckt {
	float:left;
	width:40%;
	height:auto;
	margin:0 20% 10px 40%;
}
.reise_under_eingerueckt_text {
	float:left;
	width:40%;
	height:auto;
	margin:30px 20% 10px 40%;
}
.reise_under_eingerueckt_text .daten {
	font-family: 'Arimo', sans-serif;
	font-size:18px;
	line-height:26px;
	font-weight:700;
	color:#ffffff;
}
.reise_under_nav {
	float:left;
	width:100%;
	height:auto;
	margin:0;
}
.reise_under_nav ul li {
	float:left;
	width:auto;
	height:auto;
	margin:5px 12px 5px 12px;
}
.reise_under_nav ul li a:link, .reise_under_nav ul li a:visited {
	font-family: 'Arimo', sans-serif;
	text-align:justify;
	font-size:17px;
	line-height:24px;
	color:#ffffff;
	text-decoration:none;
	letter-spacing:1px;
}
.reise_under_nav ul li a:hover, .reise_under_nav ul li a:active {
	color:#d8b134;
	text-decoration:none;
	cursor:pointer;
}
.reise_under_nav ul li a#hier:link, .reise_under_nav ul li a#hier:visited, .reise_under_nav ul li a#hier:hover, .reise_under_nav ul li a#hier:active {
	font-family: 'Arimo', sans-serif;
	text-align:justify;
	font-size:17px;
	line-height:24px;
	color:#d8b134;
	text-decoration:none;
	letter-spacing:1px;
}
.spacer {
	position:fixed;
	bottom:0;
	left:45%;
	width:38%;
	height:160px;
	margin-top:0;
	margin-left:0px;
	background:url(../img/nav_back_soft.png) no-repeat top center;
	z-index:996;
	opacity:0.58;
	-webkit-animation: whitecontentspacerfadein 1s 1 ease-in-out;
	-moz-animation: whitecontentspacerfadein 1s 1 ease-in-out;
	-o-animation: whitecontentspacerfadein 1s 1 ease-in-out;
	animation: whitecontentspacerfadein 1s 1 ease-in-out;
}
.spacerbrown {
	position:fixed;
	bottom:0;
	left:45%;
	width:38%;
	height:160px;
	margin-top:0;
	margin-left:0px;
	background:url(../img/brown_back_soft.png) no-repeat top center;
	z-index:996;
	opacity:0.58;
	-webkit-animation: whitecontentspacerfadein 1s 1 ease-in-out;
	-moz-animation: whitecontentspacerfadein 1s 1 ease-in-out;
	-o-animation: whitecontentspacerfadein 1s 1 ease-in-out;
	animation: whitecontentspacerfadein 1s 1 ease-in-out;
}
.spacerreise {
	position:fixed;
	bottom:0;
	left:45%;
	width:38%;
	height:160px;
	margin-top:0;
	margin-left:0px;
	background:url(../img/reise_back_soft.png) no-repeat top center;
	z-index:996;
	opacity:0.58;
	-webkit-animation: whitecontentspacerfadein 1s 1 ease-in-out;
	-moz-animation: whitecontentspacerfadein 1s 1 ease-in-out;
	-o-animation: whitecontentspacerfadein 1s 1 ease-in-out;
	animation: whitecontentspacerfadein 1s 1 ease-in-out;
}
.contentblock_zuklappen {
	position:absolute;
	display:block;
	right:18%;
	top:5px;
	width:110px;
	height:20px;
	z-index:990;
	text-align:right;
}
.contentblock_back {
	position:absolute;
	display:block;
	left:17%;
	top:5px;
	width:110px;
	height:20px;
	z-index:990;
	text-align:left;
}
.contentblock_back_inside {
	position:absolute;
	display:block;
	left:46%;
	top:5px;
	width:110px;
	height:20px;
	z-index:990;
	text-align:left;
}
}

.contentblock_zuklappen .buttonzu {
	border:none;
	background:url(../img/icon_aufklappen.png) no-repeat left center;
	background-size:10px;
	padding:0 0 0 14px;
	font-family: 'Arimo', sans-serif;
	font-size:12px;
	color:#58595b;
}
.contentblock_zuklappen .buttonauf {
	border:none;
	background:url(../img/icon_zuklappen_white.png) no-repeat left center;
	background-size:10px;
	padding:0 0 0 14px;
	font-family: 'Arimo', sans-serif;
	font-size:12px;
	color:#ffffff;
}

.contentblock_back a:link, .contentblock_back a:visited {
	border:none;
	background:url(../img/icon_pfeil_link_white.png) no-repeat left center;
	background-size:10px;
	padding:0 0 0 14px;
	font-family: 'Arimo', sans-serif;
	font-size:12px;
	color:#ffffff;
	text-decoration:none;
}
.contentblock_back a:hover, .contentblock_back a:active {
	color:#58595b;
	cursor:pointer;
	text-decoration:underline;
}
.contentblock_back_inside a:link, .contentblock_back_inside a:visited {
	border:none;
	background:url(../img/icon_pfeil_link_white.png) no-repeat left center;
	background-size:10px;
	padding:0 0 0 14px;
	font-family: 'Arimo', sans-serif;
	font-size:12px;
	color:#ffffff;
	text-decoration:none;
}
.contentblock_back_inside a:hover, .contentblock_back_inside a:active {
	color:#58595b;
	cursor:pointer;
	text-decoration:underline;
}


@-moz-keyframes whitecontentspacerfadein {
0% { opacity:0; }
100% { opacity:0.58; }
}
@-webkit-keyframes whitecontentspacerfadein {
0% { opacity:0; }
100% { opacity:0.58; }
}
@-o-keyframes whitecontentspacerfadein {
0% { opacity:0; }
100% { opacity:0.58; }
}

.contentblock_white_innen h1 {
	font-family: 'Arimo', sans-serif;
	font-size:24px;
	line-height:24px;
	font-weight:bold;
	color:#886e50;
	letter-spacing:3px;
	text-transform:uppercase;
	margin:0 0 4px 0;
}
.contentblock_white_innen h2 {
	font-family: 'Arimo', sans-serif;
	font-size:18px;
	line-height:24px;
	font-weight:500;
	color:#58595b;
	letter-spacing:1px;
	margin:0 0 6px 0;
	text-transform:uppercase;
}
.contentblock_white_innen h3 {
	font-family: 'Arimo', sans-serif;
	font-size:18px;
	line-height:24px;
	font-weight:500;
	color:#58595b;
	letter-spacing:1px;
	margin:0 0 20px 0;
	text-transform:none;
}
.contentblock_white_innen p {
	font-family: 'Arimo', sans-serif;
	font-size:15px;
	line-height:24px;
	font-weight:400;
	color:#000000;
	letter-spacing:0px;
	margin:0;
	text-transform:none;
}
.contentblock_white_innen_impressum h1 {
	font-family: 'Arimo', sans-serif;
	font-size:24px;
	line-height:24px;
	font-weight:bold;
	color:#886e50;
	letter-spacing:3px;
	text-transform:uppercase;
	margin:0 0 4px 0;
}
.contentblock_white_innen_impressum h2 {
	font-family: 'Arimo', sans-serif;
	font-size:18px;
	line-height:24px;
	font-weight:500;
	color:#58595b;
	letter-spacing:1px;
	margin:0 0 6px 0;
	text-transform:uppercase;
}
.contentblock_white_innen_impressum h3 {
	font-family: 'Arimo', sans-serif;
	font-size:18px;
	line-height:24px;
	font-weight:500;
	color:#58595b;
	letter-spacing:1px;
	margin:0 0 20px 0;
	text-transform:none;
}
.contentblock_white_innen_impressum p {
	font-family: 'Arimo', sans-serif;
	font-size:15px;
	line-height:24px;
	font-weight:400;
	color:#000000;
	letter-spacing:0px;
	margin:10px 0 10px 0;
	text-transform:none;
}
.contentblock_brown_innen h1 {
	font-family: 'Arimo', sans-serif;
	font-size:24px;
	line-height:24px;
	font-weight:700;
	color:#d8b134;
	letter-spacing:3px;
	text-transform:uppercase;
	margin:0 0 4px 0;
	text-align:center;
}
.contentblock_brown_innen h2 {
	font-family: 'Arimo', sans-serif;
	font-size:28px;
	line-height:28px;
	font-weight:700;
	color:#d8b134;
	letter-spacing:1px;
	margin:0 0 20px 0;
	text-transform:uppercase;
	text-align:center;
}
.contentblock_brown_innen h3 {
	font-family: 'Arimo', sans-serif;
	font-size:18px;
	line-height:24px;
	font-weight:500;
	color:#58595b;
	letter-spacing:1px;
	margin:0 0 20px 0;
	text-transform:none;
}
.contentblock_brown_innen p {
	font-family: 'Arimo', sans-serif;
	font-size:15px;
	line-height:24px;
	font-weight:400;
	color:#000000;
	letter-spacing:0px;
	margin:0;
	text-transform:none;
}
.contentblock_reise_innen h1 {
	font-family: 'Arimo', sans-serif;
	font-size:28px;
	line-height:32px;
	font-weight:bold;
	color:#000000;
	letter-spacing:3px;
	text-transform:uppercase;
	margin:0 0 2px 0;
}
.contentblock_reise_innen h2 {
	font-family: 'Arimo', sans-serif;
	font-size:20px;
	line-height:24px;
	font-weight:500;
	color:#000000;
	letter-spacing:1px;
	margin:0 0 4px 0;
	text-transform:uppercase;
}
.contentblock_reise_innen h3 {
	font-family: 'Arimo', sans-serif;
	font-size:20px;
	line-height:26px;
	font-weight:500;
	color:#58595b;
	letter-spacing:1px;
	margin:0 0 10px 0;
	text-transform:none;
}
.contentblock_reise_innen p {
	font-family: 'Arimo', sans-serif;
	font-size:16px;
	line-height:26px;
	font-weight:400;
	color:#ffffff;
	letter-spacing:0px;
	margin:0 0 20px 0;
	text-transform:none;
}
.contentblock_reise_innen h4 {
	font-family: 'Arimo', sans-serif;
	font-size:20px;
	line-height:26px;
	font-weight:400;
	color:#ffffff;
	letter-spacing:1px;
	margin:0 0 20px 0;
	text-transform:none;
}
.contentblock_reise_innen .probe {
	float:left;
	width:75%;
	height:auto;
	font-family: 'Arimo', sans-serif;
	font-size:18px;
	line-height:22px;
	font-weight:700;
	color:#ffffff;
	letter-spacing:0px;
	padding:5px 0 5px 0;
	text-transform:none;
	text-align:left;
}
.contentblock_reise_innen .preise {
	text-align:right;
	float:left;
	width:25%;
	height:auto;
	font-family: 'Arimo', sans-serif;
	font-size:18px;
	line-height:22px;
	font-weight:700;
	color:#ffffff;
	padding:5px 0 5px 0;
}
.contentblock_reise_innen .probefull {
	float:left;
	width:100%;
	height:auto;
	font-family: 'Arimo', sans-serif;
	font-size:18px;
	line-height:24px;
	font-weight:700;
	color:#ffffff;
	letter-spacing:0px;
	padding:5px 0 5px 0;
	text-transform:none;
	text-align:left;
}
.contentblock_reise_innen ul li {
	float:left;
	width:100%;
	height:auto;
	margin:5px 0;
}
.contentblock_reise_innen ul li a:link, .contentblock_reise_innen ul li a:visited {
	font-family: 'Arimo', sans-serif;
	font-size:18px;
	line-height:26px;
	font-weight:400;
	color:#2c2c2b;
	letter-spacing:1px;
	text-transform:uppercase;
	text-decoration:none;
}
.contentblock_reise_innen ul li a:hover, .contentblock_reise_innen ul li a:active {
	color:#d8b134;
	text-decoration:none;
	cursor:pointer;
}
.contentblock_reise_under_innen h1 {
	font-family: 'Arimo', sans-serif;
	font-size:28px;
	line-height:32px;
	font-weight:bold;
	color:#000000;
	letter-spacing:3px;
	text-transform:uppercase;
	margin:0 0 2px 0;
}
.contentblock_reise_under_innen h2 {
	font-family: 'Arimo', sans-serif;
	font-size:20px;
	line-height:24px;
	font-weight:500;
	color:#58595b;
	letter-spacing:1px;
	margin:0 0 4px 0;
	text-transform:uppercase;
}
.contentblock_reise_under_innen h3 {
	font-family: 'Arimo', sans-serif;
	font-size:20px;
	line-height:26px;
	font-weight:500;
	color:#58595b;
	letter-spacing:1px;
	margin:0 0 10px 0;
	text-transform:none;
}
.contentblock_reise_under_innen p {
	font-family: 'Arimo', sans-serif;
	font-size:16px;
	line-height:26px;
	font-weight:400;
	color:#ffffff;
	letter-spacing:0px;
	margin:0 0 20px 0;
	text-transform:none;
}

@media only screen and (min-width: 600px) {
.contentblock_white_innen h1 {
	font-family: 'Arimo', sans-serif;
	font-size:28px;
	line-height:28px;
	font-weight:bold;
	color:#886e50;
	letter-spacing:5px;
	text-transform:uppercase;
	margin:0 0 4px 0;
}
.contentblock_white_innen h2 {
	font-family: 'Arimo', sans-serif;
	font-size:24px;
	line-height:28px;
	font-weight:500;
	color:#58595b;
	letter-spacing:1px;
	margin:0 0 6px 0;
	text-transform:uppercase;
}
.contentblock_white_innen h3 {
	font-family: 'Arimo', sans-serif;
	font-size:22px;
	line-height:28px;
	font-weight:500;
	color:#58595b;
	letter-spacing:1px;
	margin:0 0 20px 0;
	text-transform:none;
}
.contentblock_white_innen p {
	font-family: 'Arimo', sans-serif;
	font-size:16px;
	line-height:28px;
	font-weight:400;
	color:#000000;
	letter-spacing:0px;
	margin:0;
	text-transform:none;
}
.contentblock_brown_innen h1 {
	font-family: 'Arimo', sans-serif;
	font-size:28px;
	line-height:28px;
	font-weight:bold;
	color:#d8b134;
	letter-spacing:5px;
	text-transform:uppercase;
	margin:0 0 4px 0;
}
.contentblock_brown_innen h2 {
	font-family: 'Arimo', sans-serif;
	font-size:34px;
	line-height:34px;
	font-weight:700;
	color:#d8b134;
	letter-spacing:1px;
	margin:0 0 20px 0;
	text-transform:uppercase;
}
.contentblock_brown_innen h3 {
	font-family: 'Arimo', sans-serif;
	font-size:22px;
	line-height:28px;
	font-weight:500;
	color:#58595b;
	letter-spacing:1px;
	margin:0 0 20px 0;
	text-transform:none;
}
.contentblock_brown_innen p {
	font-family: 'Arimo', sans-serif;
	font-size:16px;
	line-height:28px;
	font-weight:400;
	color:#000000;
	letter-spacing:0px;
	margin:0;
	text-transform:none;
}
}

@media only screen and (min-width: 1100px) {
.contentblock_white_innen h1 {
	font-family: 'Arimo', sans-serif;
	font-size:26px;
	line-height:24px;
	font-weight:bold;
	color:#886e50;
	letter-spacing:5px;
	text-transform:uppercase;
	margin:0 0 4px 0;
}
.contentblock_white_innen h2 {
	font-family: 'Arimo', sans-serif;
	font-size:20px;
	line-height:26px;
	font-weight:500;
	color:#58595b;
	letter-spacing:1px;
	margin:0 0 6px 0;
	text-transform:uppercase;
}
.contentblock_white_innen h3 {
	font-family: 'Arimo', sans-serif;
	font-size:20px;
	line-height:26px;
	font-weight:500;
	color:#58595b;
	letter-spacing:1px;
	margin:0 0 20px 0;
	text-transform:none;
}
.contentblock_white_innen p {
	font-family: 'Arimo', sans-serif;
	font-size:13px;
	line-height:22px;
	font-weight:400;
	color:#000000;
	letter-spacing:0px;
	margin:0;
	text-transform:none;
}
.contentblock_brown_innen h1 {
	font-family: 'Arimo', sans-serif;
	font-size:26px;
	line-height:24px;
	font-weight:bold;
	color:#d8b134;
	letter-spacing:5px;
	text-transform:uppercase;
	margin:0 0 4px 0;
	text-align:center;
}
.contentblock_brown_innen h2 {
	font-family: 'Arimo', sans-serif;
	font-size:34px;
	line-height:34px;
	font-weight:700;
	color:#d8b134;
	letter-spacing:1px;
	margin:0 0 20px 0;
	text-align:center;
	text-transform:uppercase;
}
.contentblock_brown_innen h3 {
	font-family: 'Arimo', sans-serif;
	font-size:20px;
	line-height:26px;
	font-weight:500;
	color:#58595b;
	letter-spacing:1px;
	margin:0 0 20px 0;
	text-transform:none;
}
.contentblock_brown_innen p {
	font-family: 'Arimo', sans-serif;
	font-size:13px;
	line-height:22px;
	font-weight:400;
	color:#000000;
	letter-spacing:0px;
	margin:0;
	text-transform:none;
}
.contentblock_reise_innen h1 {
	font-family: 'Arimo', sans-serif;
	font-size:26px;
	line-height:28px;
	font-weight:bold;
	color:#000000;
	letter-spacing:5px;
	text-transform:uppercase;
	margin:0 0 4px 0;
	text-align:left;
}
.contentblock_reise_innen h2 {
	font-family: 'Arimo', sans-serif;
	font-size:22px;
	line-height:24px;
	font-weight:400;
	color:#000000;
	letter-spacing:1px;
	margin:0 0 6px 0;
	text-align:left;
	text-transform:uppercase;
}
.contentblock_reise_innen h3 {
	font-family: 'Arimo', sans-serif;
	font-size:22px;
	line-height:30px;
	font-weight:500;
	color:#58595b;
	letter-spacing:1px;
	margin:0 0 10px 0;
	text-transform:none;
}
.contentblock_reise_innen p {
	font-family: 'Arimo', sans-serif;
	font-size:15px;
	line-height:26px;
	font-weight:400;
	color:#ffffff;
	letter-spacing:0px;
	margin:0 0 16px 0;
	text-transform:none;
}
.contentblock_reise_innen ul li {
	float:left;
	width:100%;
	height:auto;
	margin:6px 0;
}
.contentblock_reise_innen ul li a:link, .contentblock_reise_innen ul li a:visited {
	font-family: 'Arimo', sans-serif;
	font-size:20px;
	line-height:28px;
	font-weight:400;
	color:#2c2c2b;
	letter-spacing:1px;
	text-transform:uppercase;
	text-decoration:none;
}
.contentblock_reise_innen ul li a:hover, .contentblock_reise_innen ul li a:active {
	color:#d8b134;
	text-decoration:none;
	cursor:pointer;
}
}
.menubutton {
	position:fixed;
	top:20px;
	left:20px;
	width:42px;
	height:42px;
	z-index:999;
	background:url(../img/icon_menu_burger.png) no-repeat center center;
	background-size:42px;
	-webkit-animation: whitecontentfadein 1s 1 ease-in-out;
	-moz-animation: whitecontentfadein 1s 1 ease-in-out;
	-o-animation: whitecontentfadein 1s 1 ease-in-out;
	animation: whitecontentfadein 1s 1 ease-in-out;
}
.menubutton:hover {
	cursor:pointer;
	background:url(../img/icon_menu_burger_gold.png) no-repeat center center;
	background-size:42px;
}
.menubutton_close {
	position:fixed;
	top:20px;
	left:20px;
	width:42px;
	height:42px;
	z-index:999;
	background:url(../img/icon_menu_close.png) no-repeat center center;
	background-size:42px;
	display:none;
}
.menubutton_close:hover {
	cursor:pointer;
	background:url(../img/icon_menu_close_gold.png) no-repeat center center;
	background-size:42px;
}
.menu_contentblock {
	position:absolute;
	top:0;
	bottom:0px;
	left:21%;
	width:77%;
	min-height: 100%;
	height:auto !important;
	height:100%;
	margin-top:0;
	margin-left:0px;
	z-index:1;
	opacity:1;
	padding:0px;
	background:rgba(255,255,255,1);
	font-family: 'Arimo', sans-serif;
}
.menu_contentblock ul {
	float:left;
	width:100%;
	height:auto;
	background:rgba(255,255,255,1);
	padding:30px 20px 30px 20px;
	margin:0;
}
.menu_contentblock li {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 5px 0;
}

.menu_mainlnk {
	font-size:22px;
	line-height:32px;
	text-decoration:none;
	color:#000000;
	font-weight:400;
}
.menu_mainlnk:hover {
	cursor:pointer;
	text-decoration:underline;
	color:#d8b034;
}
.menu_sublnk {
	font-size:14px;
	line-height:16px;
	text-decoration:none;
	color:#000000;
	font-weight:700;
	padding:0px 0 0px 10px;
}
.menu_sublnk:hover {
	cursor:pointer;
	text-decoration:underline;
	color:#d8b034;
}
.menu_subunderlnk {
	font-size:14px;
	line-height:16px;
	text-decoration:none;
	color:#000000;
	font-weight:400;
}
.menu_subunderlnk:hover {
	cursor:pointer;
	text-decoration:underline;
	color:#d8b034;
}
.menu_subunderlnk_spacer {
	float:left;
	width:100%;
	height:5px;
}
.weinsortiment_sorte_space {
	float:left;
	width:100%;
	height:auto;
	margin:10px 0;
}
.weinsortiment_downloadlnk {
	position:absolute;
	bottom:30px;
	right:8%;
	opacity:1;
	z-index:9999;
}
.weinsortiment_downloadlnk a:link, .weinsortiment_downloadlnk a:visited {
	text-align:right;
	text-decoration:none;
	font-size:18px;
	letter-spacing:1px;
	font-family: 'Arimo', sans-serif;
	color:#4f443b;
	background:url(../img/icon_pfeil_link.png) no-repeat right center;
	background-size:16px;
	padding:0 24px 0 0;
	outline:none;
}
.weinsortiment_downloadlnk a:hover, .weinsortiment_downloadlnk a:active {
	color:#000000;
	text-decoration:underline;
	cursor:pointer;
}
.weinsortiment_shoplnk {
	float:left;
	width:100%;
	height:auto;
	margin:40px 0 20px 0;
	text-align:right;
}
.weinsortiment_shoplnk a:link, .weinsortiment_shoplnk a:visited {
	text-align:right;
	text-decoration:none;
	font-size:18px;
	letter-spacing:1px;
	font-family: 'Arimo', sans-serif;
	color:#4f443b;
	background:url(../img/icon_pfeil_link.png) no-repeat right center;
	background-size:16px;
	padding:0 24px 0 0;
	text-transform:uppercase;
	outline:none;
}
.weinsortiment_shoplnk a:hover, .weinsortiment_shoplnk a:active {
	color:#3c342e;
	text-decoration:underline;
	cursor:pointer;
}
.weinsortiment_sorte {
	float:left;
	width:100%;
	height:auto;
	font-family: 'Arimo', sans-serif;
	font-size:18px;
	line-height:22px;
	color:#000000;
	font-weight:700;
	margin:0 0 15px 0;
}
.weinsortiment_sorte .small {
	float:left;
	width:100%;
	font-size:14px;
	line-height:22px;
	color:#000000;
	font-weight:400;
}
.eventkalender_downloadlnk {
	display:none;
}
.eventkalender_downloadlnk_mobile {
	float:left;
	width:100%;
	height:auto;
	text-align:right;
	margin:40px 0 10px 0;
	display:block;
}
.eventkalender_downloadlnk a:link, .eventkalender_downloadlnk a:visited {
	text-align:right;
	text-decoration:none;
	font-size:18px;
	letter-spacing:1px;
	font-family: 'Arimo', sans-serif;
	color:#d8b134;
	background:url(../img/icon_pfeil_link_white.png) no-repeat right center;
	background-size:16px;
	padding:0 24px 0 0;
	outline:none;
}
.eventkalender_downloadlnk a:hover, .eventkalender_downloadlnk a:active {
	color:#ffffff;
	text-decoration:underline;
	cursor:pointer;
}
.eventkalender_downloadlnk_mobile a:link, .eventkalender_downloadlnk_mobile a:visited {
	text-align:right;
	text-decoration:none;
	font-size:18px;
	letter-spacing:1px;
	font-family: 'Arimo', sans-serif;
	color:#d8b134;
	background:url(../img/icon_pfeil_link_white.png) no-repeat right center;
	background-size:16px;
	padding:0 24px 0 0;
	outline:none;
}
.eventkalender_downloadlnk_mobile a:hover, .eventkalender_downloadlnk_mobile a:active {
	color:#ffffff;
	text-decoration:underline;
	cursor:pointer;
}
@media only screen and (min-width: 1100px) {
	.weinsortiment_sorte .small {
	float:none;
	width:auto;
	font-size:14px;
	line-height:22px;
	color:#000000;
	font-weight:400;
}
.menu_contentblock {
	position:absolute;
	top:0;
	bottom:0px;
	left:38%;
	width:48%;
	min-height: 100%;
	height:auto !important;
	height:100%;
	margin-top:0;
	margin-left:0px;
	z-index:1;
	opacity:1;
	padding:0px;
	background:rgba(255,255,255,1);
	font-family: 'Arimo', sans-serif;
}
.menu_contentblock ul {
	float:left;
	width:100%;
	height:auto;
	background:rgba(255,255,255,1);
	padding:40px 60px 160px 60px;
	margin:0;
}
.menu_mainlnk {
	font-size:26px;
	line-height:42px;
	text-decoration:none;
	color:#000000;
	font-weight:400;
}
.menu_sublnk {
	font-size:14px;
	line-height:18px;
	text-decoration:none;
	color:#000000;
	font-weight:700;
	padding:0px 0 0px 10px;
}
.menu_subunderlnk {
	font-size:14px;
	line-height:18px;
	text-decoration:none;
	color:#000000;
	font-weight:400;
}
.menu_subunderlnk_spacer {
	float:left;
	width:100%;
	height:10px;
}
.eventkalender_downloadlnk {
	position:fixed;
	display:block;
	bottom:30px;
	right:19%;
	opacity:1;
	z-index:999;
	-webkit-animation: whitecontentfadein 1s 1 ease-in-out;
	-moz-animation: whitecontentfadein 1s 1 ease-in-out;
	-o-animation: whitecontentfadein 1s 1 ease-in-out;
	animation: whitecontentfadein 1s 1 ease-in-out;
}
.eventkalender_downloadlnk_mobile {
	display:none;
}
}
@media only screen and (min-width: 1400px) {
.menu_contentblock {
	position:absolute;
	top:0;
	bottom:0px;
	left:45%;
	width:38%;
	min-height: 100%;
	height:auto !important;
	height:100%;
	margin-top:0;
	margin-left:0px;
	z-index:1;
	opacity:1;
	padding:0px;
	background:rgba(255,255,255,1);
	font-family: 'Arimo', sans-serif;
}
}

.accordion { 
     width:100%;
     overflow:hidden; 
     margin:0; 
     padding:0px; 
	 font-family: 'Arimo', sans-serif;
}
.accordion section{ 
      float:left;
      overflow:hidden; 
      color:#000000; 
      margin:0px;
}
.accordion section:hover {
      
}
.accordion section p { 
      display:none; 
}
.accordion section:after {
      position:relative;
      font-size:14px;
      color:#000;
      font-weight:bold;
}
.accordion section:nth-child(1) { margin:0 0 20px 0; }
.accordion section:nth-child(2) { margin:5px 0 5px 0; }
.accordion section:nth-child(3) { margin:5px 0 5px 0; }
.accordion section:nth-child(4) { margin:5px 0 5px 0; }
.accordion section:nth-child(5) { margin:5px 0 5px 0; }
.accordion section:nth-child(6) { margin:5px 0 5px 0; }
.accordion section:nth-child(7) { margin:5px 0 5px 0; }
.accordion section:nth-child(8) { margin:5px 0 5px 0; }
.accordion section:nth-child(9) { margin:5px 0 5px 0; }
.accordion section:nth-child(10) { margin:5px 0 5px 0; }

.accordion section:target { 
      padding:0px 0 10px 0;
}

.accordion section:target:hover { 
      
}
.accordion section:target h2 {
      width:100%;
	  padding:5px 0 0px 0;
}


.accordion section:target h2 a {
	  font-size:18px; 
      color:#91714d; 
      padding:0;
	  letter-spacing:1px;
	  font-weight:400;
	  text-transform:uppercase;
	  cursor:pointer;
}
.firstheadline a {
	padding:5px 0 5px 0;
	font-size:24px !important;
	letter-spacing:3px !important;
	font-weight:700 !important;
	color:#2c2c2b !important;
	line-height:28px !important;
	text-transform:uppercase !important;
}
.accordion section:target .firstheadline a {
	 color:#91714d !important; 
}
.firstheadline a:hover {
	color:#d8b134 !important;
}

.accordion section:target p {
      display:block;
}
.accordion section h2 a {
      padding:0px 0;
      display:block; 
      font-size:16px;
	  line-height:20px;
      font-weight:400;
      color:#2c2c2b; 
      text-decoration:none; 
	  text-transform:uppercase;
}
.accordion section:target h2 a:hover {
	color:#91714d;
}
.accordion section h2 a:hover {
	color:#d8b134;
}
.vertical section{ 
     width:100%; 
     height:auto; 
     -webkit-transition:height 0.2s ease-out;
     -moz-transition:height 0.2s ease-out;
     -o-transition:height 0.2s ease-out;
     transition:height 0.2s ease-out;
}
/*Set height of the slide*/
.vertical :target{ 
     height:auto; 
     width:100%;
}
@media only screen and (min-width: 1100px) {

.accordion section h2 a {
      padding:2px 0;
      display:block; 
      font-size:16px;
	  line-height:18px;
      font-weight:400;
      color:#2c2c2b; 
      text-decoration:none; 
	  text-transform:uppercase;
}	
.accordion section:target h2 a {
	  font-size:16px; 
	  line-height:18px;
      color:#91714d; 
      padding:0;
	  letter-spacing:1px;
	  font-weight:400;
	  text-transform:uppercase;
	  cursor:pointer;
}
.firstheadline a {
	padding:2px 0 2px 0;
	font-size:22px !important;
	letter-spacing:3px !important;
	font-weight:700 !important;
	color:#2c2c2b !important;
	text-transform:uppercase !important;
}
}
@media only screen and (min-width: 1500px) {

.accordion section h2 a {
      padding:3px 0;
      display:block; 
      font-size:20px;
	  line-height:22px;
      font-weight:400;
      color:#2c2c2b; 
      text-decoration:none; 
	  text-transform:uppercase;
}	
.accordion section:target h2 a {
	  font-size:18px; 
	  line-height:24px;
      color:#91714d; 
      padding:0;
	  letter-spacing:1px;
	  font-weight:400;
	  text-transform:uppercase;
	  cursor:pointer;
}
.firstheadline a {
	padding:3px 0 3px 0;
	font-size:18px !important;
	letter-spacing:3px !important;
	font-weight:700 !important;
	color:#2c2c2b !important;
	text-transform:uppercase !important;
}
}


#start_text_unser_unterseite {
	position:absolute;
	left:50%;
	top:50%;
	width:150px;
	height:50px;
	margin-top:-21px;
	margin-left:-240px;
	color:#ffffff;
	font-size:44px;
	letter-spacing:3px;
	font-family: 'Arimo', sans-serif;
	font-weight:400;
	text-transform:uppercase;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	opacity:0;
	-webkit-animation: usnavfadeout 1s 1 ease-in-out;
	-moz-animation: usnavfadeout 1s 1 ease-in-out;
	-o-animation: usnavfadeout 1s 1 ease-in-out;
	animation: usnavfadeout 1s 1 ease-in-out;
}
#start_text_menu_unterseite {
	position:absolute;
	left:50%;
	top:50%;
	width:410px;
	height:570px;
	margin-top:-254px;
	margin-left:18px;
	font-size:44px;
	letter-spacing:3px;
	font-family: 'Arimo', sans-serif;
	font-weight:400;
	text-transform:uppercase;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	opacity:0;
	-webkit-animation: usnavfadeout 1s 1 ease-in-out;
	-moz-animation: usnavfadeout 1s 1 ease-in-out;
	-o-animation: usnavfadeout 1s 1 ease-in-out;
	animation: usnavfadeout 1s 1 ease-in-out;
	z-index:1;
}
#start_logo_r_unterseite {
	position:absolute;
	left:50%;
	top:50%;
	width:65px;
	height:100px;
	margin-left:-68px;
	margin-top:-50px;
	opacity:0;
	-webkit-animation: usnavfadeout 1s 1 ease-in-out;
	-moz-animation: usnavfadeout 1s 1 ease-in-out;
	-o-animation: usnavfadeout 1s 1 ease-in-out;
	animation: usnavfadeout 1s 1 ease-in-out;
}
#start_logo_r_unterseite img {
	width:100%;
	height:auto;
}
.unterseite_hintergrundbild_weinberg01 {
	position:fixed;
	display:none;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	min-height: 100%;
	height:auto !important;
	height:100%;
	background:url(../img/weinberg_background01.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	z-index:1;
	-webkit-animation: backpicfadein 1s 1 ease-in-out;
	-moz-animation: backpicfadein 1s 1 ease-in-out;
	-o-animation: backpicfadein 1s 1 ease-in-out;
	animation: backpicfadein 1s 1 ease-in-out;
}
.unterseite_hintergrundbild_weinberg01_mobile {
	float:left;
	left:0;
	top:0;
	right:0;
	bottom:0;
	display:block;
	width:100%;
	min-height: 100%;
	height:auto !important;
	height:100%;
	background:url(../img/weinberg_background01.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	z-index:0;
	-webkit-animation: backpicfadein 1s 1 ease-in-out;
	-moz-animation: backpicfadein 1s 1 ease-in-out;
	-o-animation: backpicfadein 1s 1 ease-in-out;
	animation: backpicfadein 1s 1 ease-in-out;
}
.unterseite_hintergrundbild_weinberg02 {
	position:fixed;
	display:none;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	min-height: 100%;
	height:auto !important;
	height:100%;
	opacity:0;
	background:url(../img/weinberg_background02.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	z-index:1;
}
.unterseite_hintergrundbild_weinberg03 {
	position:fixed;
	display:none;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	min-height: 100%;
	height:auto !important;
	height:100%;
	opacity:0;
	background:url(../img/weinberg_background03.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	z-index:1;
}
.unterseite_hintergrundbild_weinberg04 {
	position:fixed;
	display:none;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	min-height: 100%;
	height:auto !important;
	height:100%;
	opacity:0;
	background:url(../img/weinberg_background04.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	z-index:1;
}
.unterseite_hintergrundbild_weinberg05 {
	position:fixed;
	display:none;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	min-height: 100%;
	height:auto !important;
	height:100%;
	opacity:0;
	background:url(../img/weinberg_background05.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	z-index:1;
}
.unterseite_hintergrundbild_weinberg06 {
	position:fixed;
	display:none;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	min-height: 100%;
	height:auto !important;
	height:100%;
	opacity:0;
	background:url(../img/weinberg_background06.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	z-index:1;
}
.unterseite_hintergrundbild_weinberg07 {
	position:fixed;
	display:none;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	min-height: 100%;
	height:auto !important;
	height:100%;
	opacity:0;
	background:url(../img/weinberg_background07.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	z-index:1;
}
.unterseite_hintergrundbild_erfolg {
	float:left;
	width:100%;
	height:100%;
	background:url(../img/erfolg_background01.jpg) fixed no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	z-index:1;
	-webkit-animation: backpicfadein 1s 1 ease-in-out;
	-moz-animation: backpicfadein 1s 1 ease-in-out;
	-o-animation: backpicfadein 1s 1 ease-in-out;
	animation: backpicfadein 1s 1 ease-in-out;
}
.unterseite_hintergrundbild_netzwerk {
	float:left;
	width:100%;
	height:100%;
	background:url(../img/netzwerk_background01.jpg) fixed no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	z-index:1;
	-webkit-animation: backpicfadein 1s 1 ease-in-out;
	-moz-animation: backpicfadein 1s 1 ease-in-out;
	-o-animation: backpicfadein 1s 1 ease-in-out;
	animation: backpicfadein 1s 1 ease-in-out;
}
@-moz-keyframes backpicfadein {
0% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes backpicfadein {
0% { opacity:0; }
100% { opacity:1; }
}
@-o-keyframes backpicfadein {
0% { opacity:0; }
100% { opacity:1; }
}
@media only screen and (min-width: 1100px) and (min-height: 700px) {
.unterseite_hintergrundbild_erfolg {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	min-height: 100%;
	height:auto !important;
	height:100%;
	background:url(../img/erfolg_background01.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	z-index:1;
	-webkit-animation: backpicfadein 1s 1 ease-in-out;
	-moz-animation: backpicfadein 1s 1 ease-in-out;
	-o-animation: backpicfadein 1s 1 ease-in-out;
	animation: backpicfadein 1s 1 ease-in-out;
}
.unterseite_hintergrundbild_netzwerk {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	min-height: 100%;
	height:auto !important;
	height:100%;
	background:url(../img/netzwerk_background01.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	z-index:1;
	-webkit-animation: backpicfadein 1s 1 ease-in-out;
	-moz-animation: backpicfadein 1s 1 ease-in-out;
	-o-animation: backpicfadein 1s 1 ease-in-out;
	animation: backpicfadein 1s 1 ease-in-out;
}		
.unterseite_hintergrundbild_weinberg01_mobile {
	background:none;
}
.unterseite_hintergrundbild_weinberg01,
.unterseite_hintergrundbild_weinberg02,
.unterseite_hintergrundbild_weinberg03,
.unterseite_hintergrundbild_weinberg04,
.unterseite_hintergrundbild_weinberg05,
.unterseite_hintergrundbild_weinberg06,
.unterseite_hintergrundbild_weinberg07 {
	display:block;
}

}
.unterseite_hintergrundbild_eventangebot {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	min-height: 100%;
	height:auto !important;
	height:100%;
	background:url(../img/background_eventangebot.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	z-index:1;
}
.overlay_black {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	opacity:0;
	background:rgba(0,0,0,1);
	z-index:-1;
	-webkit-animation: usoverlayfadeout 2s 1 ease-in-out;
	-moz-animation: usoverlayfadeout 2s 1 ease-in-out;
	-o-animation: usoverlayfadeout 2s 1 ease-in-out;
	animation: usoverlayfadeout 2s 1 ease-in-out;
}
#erfolge_wrapper {
	float:left;
	position:relative;
	width:100%;
	height:100% !important;
	overflow-y:scroll;
	z-index:800;
	opacity:1;
	font-weight:700;
	padding:0 20px 40px 20px;
	-webkit-animation: backpicfadein 1s 1 ease-in-out;
	-moz-animation: backpicfadein 1s 1 ease-in-out;
	-o-animation: backpicfadein 1s 1 ease-in-out;
	animation: backpicfadein 1s 1 ease-in-out;
}
.erfolg_platz01 {
	position:relative;
	float:left;
	width:100%;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:18px;
	line-height:26px;
	color:#2c2c2b;
	text-shadow:2px 2px 4px #ffffff;
	text-align:center;
	background:rgba(255,255,255,0.85);
	padding:10px 20px;
	margin:90px 0px 10px 0px;
}
.erfolg_platz01 .zeile1 {
	padding:0;
}
.erfolg_platz01 .zeile2 {
	padding:0;
}
.erfolg_platz02 {
	position:relative;
	float:left;
	width:100%;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:18px;
	line-height:26px;
	color:#2c2c2b;
	text-shadow:2px 2px 4px #ffffff;
	text-align:center;
	background:rgba(255,255,255,0.85);
	padding:10px 20px;
	margin:10px 0 10px 0;
}
.erfolg_platz02 .zeile1 {
	padding:0;
}
.erfolg_platz02 .zeile2 {
	padding:0;
}
.erfolg_platz02 .zeile3 {
	padding:0;
}
.erfolg_platz03 {
	position:relative;
	float:left;
	width:100%;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:18px;
	line-height:26px;
	color:#2c2c2b;
	text-shadow:2px 2px 4px #ffffff;
	text-align:center;
	background:rgba(255,255,255,0.85);
	padding:10px 20px;
	margin:10px 0 10px 0;
}
.erfolg_platz03 .zeile1 {
	padding:0;
}
.erfolg_platz03 .zeile2 {
	padding:0;
}
.erfolg_platz03 .zeile3 {
	padding:0;
}
.erfolg_platz04 {
	position:relative;
	float:left;
	width:100%;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:18px;
	line-height:26px;
	color:#2c2c2b;
	text-shadow:2px 2px 4px #ffffff;
	text-align:center;
	background:rgba(255,255,255,0.85);
	padding:10px 20px;
	margin:10px 0 10px 0;
}
.erfolg_platz04 .zeile1 {
	padding:0;
}
.erfolg_platz04 .zeile2 {
	padding:0;
}
.erfolg_platz05 {
	position:relative;
	float:left;
	width:100%;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:18px;
	line-height:26px;
	color:#2c2c2b;
	text-shadow:2px 2px 4px #ffffff;
	text-align:center;
	background:rgba(255,255,255,0.85);
	padding:10px 20px;
	margin:10px 0 10px 0;
}
.erfolg_platz05 .zeile1 {
	padding:0;
}
.erfolg_platz05 .zeile2 {
	padding:0;
}
.erfolg_platz05 .zeile3 {
	padding:0;
}
.erfolg_platz05 .zeile4 {
	padding:0;
}
.erfolg_platz06 {
	position:relative;
	float:left;
	width:100%;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:18px;
	line-height:26px;
	color:#2c2c2b;
	text-shadow:2px 2px 4px #ffffff;
	text-align:center;
	background:rgba(255,255,255,0.85);
	padding:10px 20px;
	margin:10px 0 10px 0;
}
.erfolg_platz06 .zeile1 {
	padding:0;
}
.erfolg_platz06 .zeile2 {
	padding:0;
}
.erfolg_platz06 .zeile3 {
	padding:0;
}
.erfolg_platz07 {
	position:relative;
	float:left;
	width:100%;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:18px;
	line-height:26px;
	color:#2c2c2b;
	text-shadow:2px 2px 4px #ffffff;
	text-align:center;
	background:rgba(255,255,255,0.85);
	padding:10px 20px;
	margin:10px 0 10px 0;
}
.erfolg_platz07 .zeile1 {
	padding:0;
}
.erfolg_platz07 .zeile2 {
	padding:0;
}
.erfolg_platz08 {
	position:relative;
	float:left;
	width:100%;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:18px;
	line-height:26px;
	color:#2c2c2b;
	text-shadow:2px 2px 4px #ffffff;
	text-align:center;
	background:rgba(255,255,255,0.85);
	padding:10px 20px;
	margin:10px 0 10px 0;
}
.erfolg_platz08 .zeile1 {
	padding:0;
}
.erfolg_platz08 .zeile2 {
	padding:0;
}
.erfolg_platz09 {
	position:relative;
	float:left;
	width:100%;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:18px;
	line-height:26px;
	color:#2c2c2b;
	text-shadow:2px 2px 4px #ffffff;
	text-align:center;
	background:rgba(255,255,255,0.85);
	padding:10px 20px;
	margin:10px 0 10px 0;
}
.erfolg_platz09 .zeile1 {
	padding:0;
}
.erfolg_platz09 .zeile2 {
	padding:0;
}
.erfolg_platz09 .zeile3 {
	padding:0;
}
.erfolg_platz10 {
	position:relative;
	float:left;
	width:100%;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:18px;
	line-height:26px;
	color:#2c2c2b;
	text-shadow:2px 2px 4px #ffffff;
	text-align:center;
	background:rgba(255,255,255,0.85);
	padding:10px 20px;
	margin:10px 0 50px 0;
}
.erfolg_platz10 .zeile1 {
	padding:0;
}
.erfolg_platz10 .zeile2 {
	padding:0;
}
.erfolg_platz10 .zeile3 {
	padding:0;
}
.erfolg_platz10 .zeile4 {
	padding:0;
}

.netzwerk_platz01 {
	position:relative;
	float:left;
	width:100%;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:18px;
	line-height:26px;
	color:#2c2c2b;
	text-shadow:2px 2px 4px #ffffff;
	text-align:center;
	background:rgba(255,255,255,0.85);
	padding:10px 20px;
	margin:90px 0px 10px 0px;
}
.netzwerk_platz01 a:link, .netzwerk_platz01 a:visited {
	text-decoration:none;
	color:#2c2c2b;
	outline:none;
}
.netzwerk_platz01 a:hover, .netzwerk_platz01 a:active {
	text-decoration:none;
	color:#91714d;
	cursor:pointer;
}
.netzwerk_platz02 {
	position:relative;
	float:left;
	width:100%;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:18px;
	line-height:26px;
	color:#9d9d9c;
	text-shadow:2px 2px 4px #ffffff;
	text-align:center;
	background:rgba(255,255,255,0.85);
	padding:10px 20px;
	margin:10px 0px 10px 0px;
}
.netzwerk_platz02 a:link, .netzwerk_platz02 a:visited {
	text-decoration:none;
	color:#2c2c2b;
	outline:none;
}
.netzwerk_platz02 a:hover, .netzwerk_platz02 a:active {
	text-decoration:none;
	color:#91714d;
	cursor:pointer;
}
.netzwerk_platz03 {
	position:relative;
	float:left;
	width:100%;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:18px;
	line-height:26px;
	color:#9d9d9c;
	text-shadow:2px 2px 4px #ffffff;
	text-align:center;
	background:rgba(255,255,255,0.85);
	padding:10px 20px;
	margin:10px 0px 10px 0px;
}
.netzwerk_platz03 a:link, .netzwerk_platz03 a:visited {
	text-decoration:none;
	color:#2c2c2b;
	outline:none;
}
.netzwerk_platz03 a:hover, .netzwerk_platz03 a:active {
	text-decoration:none;
	color:#91714d;
	cursor:pointer;
}
.netzwerk_platz04 {
	position:relative;
	float:left;
	width:100%;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:18px;
	line-height:26px;
	color:#9d9d9c;
	text-shadow:2px 2px 4px #ffffff;
	text-align:center;
	background:rgba(255,255,255,0.85);
	padding:10px 20px;
	margin:10px 0px 10px 0px;
}
.netzwerk_platz04 a:link, .netzwerk_platz04 a:visited {
	text-decoration:none;
	color:#2c2c2b;
	outline:none;
}
.netzwerk_platz04 a:hover, .netzwerk_platz04 a:active {
	text-decoration:none;
	color:#91714d;
	cursor:pointer;
}
.netzwerk_platz05 {
	position:relative;
	float:left;
	width:100%;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:18px;
	line-height:26px;
	color:#9d9d9c;
	text-shadow:2px 2px 4px #ffffff;
	text-align:center;
	background:rgba(255,255,255,0.85);
	padding:10px 20px;
	margin:10px 0px 10px 0px;
}
.netzwerk_platz05 a:link, .netzwerk_platz05 a:visited {
	text-decoration:none;
	color:#2c2c2b;
	outline:none;
}
.netzwerk_platz05 a:hover, .netzwerk_platz05 a:active {
	text-decoration:none;
	color:#91714d;
	cursor:pointer;
}
.netzwerk_platz06 {
	position:relative;
	float:left;
	width:100%;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:18px;
	line-height:26px;
	color:#9d9d9c;
	text-shadow:2px 2px 4px #ffffff;
	text-align:center;
	background:rgba(255,255,255,0.85);
	padding:10px 20px;
	margin:10px 0px 10px 0px;
}
.netzwerk_platz06 a:link, .netzwerk_platz06 a:visited {
	text-decoration:none;
	color:#2c2c2b;
	outline:none;
}
.netzwerk_platz06 a:hover, .netzwerk_platz06 a:active {
	text-decoration:none;
	color:#91714d;
	cursor:pointer;
}
.netzwerk_platz07 {
	position:relative;
	float:left;
	width:100%;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:18px;
	line-height:26px;
	color:#9d9d9c;
	text-shadow:2px 2px 4px #ffffff;
	text-align:center;
	background:rgba(255,255,255,0.85);
	padding:10px 20px;
	margin:10px 0px 10px 0px;
}
.netzwerk_platz07 a:link, .netzwerk_platz07 a:visited {
	text-decoration:none;
	color:#2c2c2b;
	outline:none;
}
.netzwerk_platz07 a:hover, .netzwerk_platz07 a:active {
	text-decoration:none;
	color:#91714d;
	cursor:pointer;
}
.netzwerk_social {
	position:relative;
	float:left;
	width:100%;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:24px;
	line-height:28px;
	color:#9d9d9c;
	text-shadow:2px 2px 4px #ffffff;
	text-align:center;
	background:rgba(255,255,255,0.85);
	padding:10px 20px;
	margin:30px 0px 10px 0px;
}
.netzwerk_social h3 {
	font-family: 'Arimo', sans-serif;
	font-size:24px;
	line-height:28px;
	color:#91714d;
	text-transform:uppercase;
	font-weight:700;
	letter-spacing:3px;
	margin:0 0 8px 0;
}
.netzwerk_social a {
	outline:none;
}
.netzwerk_social .icon01 {
	width:42px;
	height:42px;
	margin:0;
}
.netzwerk_social .icon02 {
	width:42px;
	height:42px;
	margin:0 50px 0 50px;
}
.netzwerk_social .icon03 {
	width:42px;
	height:42px;
	margin:0;
}
.netzwerk_newsletter {
	position:relative;
	float:left;
	width:100%;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:24px;
	line-height:28px;
	color:#9d9d9c;
	text-shadow:2px 2px 4px #ffffff;
	text-align:center;
	background:rgba(255,255,255,0.85);
	padding:10px 20px;
	margin:10px 0px 60px 0px;
}
.netzwerk_newsletter h3 {
	font-family: 'Arimo', sans-serif;
	font-size:24px;
	line-height:28px;
	color:#91714d;
	text-transform:uppercase;
	font-weight:700;
	letter-spacing:3px;
	margin:0 0 6px 0;
}
.netzwerk_newsletter a:link, .netzwerk_newsletter a:visited  {
	font-family: 'Arimo', sans-serif;
	font-size:24px;
	line-height:28px;
	color:#000000;
	text-decoration:none;
	text-transform:none;
	font-weight:700;
	letter-spacing:4px;
	margin:0;
	background:url(../img/icon_pfeil_link_gold.png) no-repeat center right;
	background-size:16px;
	padding:0 20px 0 20px;
	outline:none;
}
.netzwerk_newsletter a:hover, .netzwerk_newsletter a:active  {
	color:#000000;
	text-decoration:underline;
	cursor:pointer;
}

@media only screen and (min-width: 1100px) and (min-height: 700px) {
#erfolge_wrapper {
	float:none;
	position:static;
	z-index:995;
	opacity:1;
	padding:0;
	font-weight:400;
	-webkit-animation: backpicfadein 1s 1 ease-in-out;
	-moz-animation: backpicfadein 1s 1 ease-in-out;
	-o-animation: backpicfadein 1s 1 ease-in-out;
	animation: backpicfadein 1s 1 ease-in-out;
}
.erfolg_platz01 {
	position:absolute;
	right:76%;
	top:13%;
	width:auto;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:16px;
	line-height:22px;
	color:#ffffff;
	text-shadow:2px 2px 4px #000000;
	text-align:right;
	background:rgba(255,255,255,0.3);
	padding:5px;
	margin:0;
}
.erfolg_platz01 .zeile1 {
	padding:0;
}
.erfolg_platz01 .zeile2 {
	padding:0 10px 0 0;
}
.erfolg_platz02 {
	position:absolute;
	right:80%;
	top:24%;
	width:auto;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:16px;
	line-height:22px;
	color:#ffffff;
	text-shadow:2px 2px 4px #000000;
	text-align:right;
	background:rgba(255,255,255,0.3);
	padding:5px;
	margin:0;
}
.erfolg_platz02 .zeile1 {
	padding:0;
}
.erfolg_platz02 .zeile2 {
	padding:0 10px 0 0;
}
.erfolg_platz02 .zeile3 {
	padding:0 20px 0 0;
}
.erfolg_platz03 {
	position:absolute;
	right:82%;
	top:54%;
	width:auto;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:16px;
	line-height:22px;
	color:#ffffff;
	text-shadow:2px 2px 4px #000000;
	text-align:right;
	background:rgba(255,255,255,0.3);
	padding:5px;
	margin:0;
}
.erfolg_platz03 .zeile1 {
	padding:0 20px 0 0;
}
.erfolg_platz03 .zeile2 {
	padding:0 10px 0 0;
}
.erfolg_platz03 .zeile3 {
	padding:0 0px 0 0;
}
.erfolg_platz04 {
	position:absolute;
	right:79%;
	top:70%;
	width:auto;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:16px;
	line-height:22px;
	color:#ffffff;
	text-shadow:2px 2px 4px #000000;
	text-align:right;
	background:rgba(255,255,255,0.3);
	padding:5px;
	margin:0;
}
.erfolg_platz04 .zeile1 {
	padding:0 10px 0 0;
}
.erfolg_platz04 .zeile2 {
	padding:0 0px 0 0;
}
.erfolg_platz05 {
	position:absolute;
	right:20%;
	top:6%;
	width:auto;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:16px;
	line-height:22px;
	color:#ffffff;
	text-shadow:2px 2px 4px #000000;
	text-align:left;
	background:rgba(255,255,255,0.3);
	padding:5px;
	margin:0;
}
.erfolg_platz05 .zeile1 {
	padding:0 0 0 0;
}
.erfolg_platz05 .zeile2 {
	padding:0 0 0 30px;
}
.erfolg_platz05 .zeile3 {
	padding:0 0 0 60px;
}
.erfolg_platz05 .zeile4 {
	padding:0 0 0 90px;
}
.erfolg_platz06 {
	position:absolute;
	right:19%;
	top:21%;
	width:auto;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:16px;
	line-height:22px;
	color:#ffffff;
	text-shadow:2px 2px 4px #000000;
	text-align:left;
	background:rgba(255,255,255,0.3);
	padding:5px;
	margin:0;
}
.erfolg_platz06 .zeile1 {
	padding:0 0 0 0;
}
.erfolg_platz06 .zeile2 {
	padding:0 0 0 20px;
}
.erfolg_platz06 .zeile3 {
	padding:0 0 0 40px;
}
.erfolg_platz07 {
	position:absolute;
	right:15%;
	top:35%;
	width:auto;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:16px;
	line-height:22px;
	color:#ffffff;
	text-shadow:2px 2px 4px #000000;
	text-align:left;
	background:rgba(255,255,255,0.3);
	padding:5px;
	margin:0;
}
.erfolg_platz07 .zeile1 {
	padding:0 0 0 0;
}
.erfolg_platz07 .zeile2 {
	padding:0 0 0 10px;
}
.erfolg_platz08 {
	position:absolute;
	right:14%;
	top:46%;
	width:auto;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:16px;
	line-height:22px;
	color:#ffffff;
	text-shadow:2px 2px 4px #000000;
	text-align:left;
	background:rgba(255,255,255,0.3);
	padding:5px;
	margin:0;
}
.erfolg_platz08 .zeile1 {
	padding:0 0 0 7px;
}
.erfolg_platz08 .zeile2 {
	padding:0 0 0 0px;
}
.erfolg_platz09 {
	position:absolute;
	right:7%;
	top:56%;
	width:auto;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:16px;
	line-height:22px;
	color:#ffffff;
	text-shadow:2px 2px 4px #000000;
	text-align:left;
	background:rgba(255,255,255,0.3);
	padding:5px;
	margin:0;
}
.erfolg_platz09 .zeile1 {
	padding:0 0 0 20px;
}
.erfolg_platz09 .zeile2 {
	padding:0 0 0 10px;
}
.erfolg_platz09 .zeile3 {
	padding:0 60px 0 0px;
	text-align:right;
}
.erfolg_platz10 {
	position:absolute;
	right:15%;
	top:69%;
	width:auto;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:16px;
	line-height:22px;
	color:#ffffff;
	text-shadow:2px 2px 4px #000000;
	text-align:left;
	background:rgba(255,255,255,0.3);
	padding:5px;
	margin:0;
}
.erfolg_platz10 .zeile1 {
	padding:0 0 0 20px;
}
.erfolg_platz10 .zeile2 {
	padding:0 0 0 10px;
}
.erfolg_platz10 .zeile3 {
	padding:0 0 0 5px;
}
.erfolg_platz10 .zeile4 {
	padding:0 0 0 5px;
}
.netzwerk_platz01 {
	position:absolute;
	right:63%;
	top:17%;
	width:auto;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:20px;
	line-height:24px;
	color:#ffffff;
	text-shadow:none;
	text-align:right;
	background:rgba(255,255,255,0.8);
	padding:5px;
	margin:0;
}
.netzwerk_platz02 {
	position:absolute;
	right:68%;
	top:34%;
	width:auto;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:20px;
	line-height:24px;
	text-align:right;
	background:rgba(255,255,255,0.8);
	padding:5px;
	margin:0;
}
.netzwerk_platz03 {
	position:absolute;
	right:69%;
	top:52%;
	width:auto;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:20px;
	line-height:24px;
	text-align:right;
	background:rgba(255,255,255,0.8);
	padding:5px;
	margin:0;
}
.netzwerk_platz04 {
	position:absolute;
	right:68%;
	top:69%;
	width:auto;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:20px;
	line-height:24px;
	text-align:right;
	background:rgba(255,255,255,0.8);
	padding:5px;
	margin:0;
}
.netzwerk_platz05 {
	position:absolute;
	right:17%;
	top:12%;
	width:auto;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:20px;
	line-height:24px;
	text-align:right;
	background:rgba(255,255,255,0.8);
	padding:5px;
	margin:0;
}
.netzwerk_platz06 {
	position:absolute;
	right:5%;
	top:28%;
	width:auto;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:20px;
	line-height:24px;
	text-align:right;
	background:rgba(255,255,255,0.8);
	padding:5px;
	margin:0;
}
.netzwerk_platz07 {
	position:absolute;
	right:10%;
	top:40%;
	width:auto;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:20px;
	line-height:24px;
	text-align:right;
	background:rgba(255,255,255,0.8);
	padding:5px;
	margin:0;
}
.netzwerk_platz01 a:link, .netzwerk_platz01 a:visited {
	text-decoration:none;
	color:#9d9d9c;
	outline:none;
}
.netzwerk_platz01 a:hover, .netzwerk_platz01 a:active {
	text-decoration:none;
	color:#91714d;
	cursor:pointer;
}
.netzwerk_platz02 a:link, .netzwerk_platz02 a:visited {
	text-decoration:none;
	color:#9d9d9c;
	outline:none;
}
.netzwerk_platz02 a:hover, .netzwerk_platz02 a:active {
	text-decoration:none;
	color:#91714d;
	cursor:pointer;
}
.netzwerk_platz03 a:link, .netzwerk_platz03 a:visited {
	text-decoration:none;
	color:#9d9d9c;
	outline:none;
}
.netzwerk_platz03 a:hover, .netzwerk_platz03 a:active {
	text-decoration:none;
	color:#91714d;
	cursor:pointer;
}
.netzwerk_platz04 a:link, .netzwerk_platz04 a:visited {
	text-decoration:none;
	color:#9d9d9c;
	outline:none;
}
.netzwerk_platz04 a:hover, .netzwerk_platz04 a:active {
	text-decoration:none;
	color:#91714d;
	cursor:pointer;
}
.netzwerk_platz05 a:link, .netzwerk_platz05 a:visited {
	text-decoration:none;
	color:#9d9d9c;
	outline:none;
}
.netzwerk_platz05 a:hover, .netzwerk_platz05 a:active {
	text-decoration:none;
	color:#91714d;
	cursor:pointer;
}
.netzwerk_platz06 a:link, .netzwerk_platz06 a:visited {
	text-decoration:none;
	color:#9d9d9c;
	outline:none;
}
.netzwerk_platz06 a:hover, .netzwerk_platz06 a:active {
	text-decoration:none;
	color:#91714d;
	cursor:pointer;
}
.netzwerk_platz07 a:link, .netzwerk_platz07 a:visited {
	text-decoration:none;
	color:#9d9d9c;
	outline:none;
}
.netzwerk_platz07 a:hover, .netzwerk_platz07 a:active {
	text-decoration:none;
	color:#91714d;
	cursor:pointer;
}
.netzwerk_social {
	position:absolute;
	right:9%;
	top:52%;
	width:auto;
	height:auto;
	font-family: 'Arimo', sans-serif;
	padding:5px 10px 10px 10px;
	background:rgba(255,255,255,0.8);
}
.netzwerk_social h3 {
	font-family: 'Arimo', sans-serif;
	font-size:18px;
	line-height:24px;
	color:#91714d;
	text-transform:uppercase;
	font-weight:700;
	letter-spacing:4px;
	margin:0 0 8px 0;
}
.netzwerk_social a {
	outline:none;
}
.netzwerk_social .icon01 {
	float:left;
	width:28px;
	height:28px;
	margin:0;
}
.netzwerk_social .icon02 {
	float:left;
	width:28px;
	height:28px;
	margin:0 50px 0 50px;
}
.netzwerk_social .icon03 {
	float:left;
	width:28px;
	height:28px;
	margin:0;
}
.netzwerk_newsletter {
	position:absolute;
	right:12%;
	top:66%;
	width:auto;
	height:auto;
	font-family: 'Arimo', sans-serif;
	padding:5px 10px 10px 10px;
	background:rgba(255,255,255,0.8);
	text-align:left;
}
.netzwerk_newsletter h3 {
	font-family: 'Arimo', sans-serif;
	font-size:18px;
	line-height:24px;
	color:#91714d;
	text-transform:uppercase;
	font-weight:700;
	letter-spacing:5px;
	margin:0 0 6px 0;
}
.netzwerk_newsletter a:link, .netzwerk_newsletter a:visited  {
	font-family: 'Arimo', sans-serif;
	font-size:18px;
	line-height:20px;
	color:#000000;
	text-decoration:none;
	text-transform:none;
	font-weight:700;
	letter-spacing:4px;
	margin:0;
	background:url(../img/icon_pfeil_link_gold.png) no-repeat center right;
	background-size:16px;
	padding:0 20px 0 20px;
	outline:none;
}
.netzwerk_newsletter a:hover, .netzwerk_newsletter a:active  {
	color:#000000;
	text-decoration:underline;
	cursor:pointer;
}
}
@media only screen and (min-width: 1500px) and (min-height: 700px) {
	.erfolg_platz01 {
	position:absolute;
	right:76%;
	top:13%;
	width:auto;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:16px;
	line-height:24px;
	color:#ffffff;
	text-shadow:2px 2px 4px #000000;
	text-align:right;
	background:none;
	padding:0px;
}
.erfolg_platz02 {
	position:absolute;
	right:79%;
	top:24%;
	width:auto;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:16px;
	line-height:24px;
	color:#ffffff;
	text-shadow:2px 2px 4px #000000;
	text-align:right;
	background:none;
	padding:0px;
}
.erfolg_platz03 {
	position:absolute;
	right:82%;
	top:54%;
	width:auto;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:16px;
	line-height:24px;
	color:#ffffff;
	text-shadow:2px 2px 4px #000000;
	text-align:right;
	background:none;
	padding:0px;
}
.erfolg_platz04 {
	position:absolute;
	right:77%;
	top:70%;
	width:auto;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:16px;
	line-height:24px;
	color:#ffffff;
	text-shadow:2px 2px 4px #000000;
	text-align:right;
	background:none;
	padding:0px;
}
.erfolg_platz05 {
	position:absolute;
	right:22%;
	top:6%;
	width:auto;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:16px;
	line-height:24px;
	color:#ffffff;
	text-shadow:2px 2px 4px #000000;
	text-align:left;
	background:none;
	padding:0px;
}
.erfolg_platz06 {
	position:absolute;
	right:22%;
	top:22%;
	width:auto;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:16px;
	line-height:24px;
	color:#ffffff;
	text-shadow:2px 2px 4px #000000;
	text-align:left;
	background:none;
	padding:0px;
}
.erfolg_platz07 {
	position:absolute;
	right:17%;
	top:36%;
	width:auto;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:16px;
	line-height:24px;
	color:#ffffff;
	text-shadow:2px 2px 4px #000000;
	text-align:left;
	background:none;
	padding:0px;
}
.erfolg_platz08 {
	position:absolute;
	right:14%;
	top:46%;
	width:auto;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:16px;
	line-height:24px;
	color:#ffffff;
	text-shadow:2px 2px 4px #000000;
	text-align:left;
	background:none;
	padding:0px;
}
.erfolg_platz09 {
	position:absolute;
	right:9%;
	top:56%;
	width:auto;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:16px;
	line-height:24px;
	color:#ffffff;
	text-shadow:2px 2px 4px #000000;
	text-align:left;
	background:none;
	padding:0px;
}
.erfolg_platz10 {
	position:absolute;
	right:15%;
	top:69%;
	width:auto;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:16px;
	line-height:24px;
	color:#ffffff;
	text-shadow:2px 2px 4px #000000;
	text-align:left;
	background:none;
	padding:0px;
}
.netzwerk_platz01 {
	position:absolute;
	right:63%;
	top:17%;
	width:auto;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:24px;
	line-height:30px;
	text-align:right;
	background:none;
	padding:0px;
	text-shadow:none;
}
.netzwerk_platz02 {
	position:absolute;
	right:68%;
	top:34%;
	width:auto;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:24px;
	line-height:30px;
	text-align:right;
	background:none;
	padding:0px;
	text-shadow:none;
}
.netzwerk_platz03 {
	position:absolute;
	right:69%;
	top:52%;
	width:auto;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:24px;
	line-height:30px;
	text-align:right;
	background:none;
	padding:0px;
	text-shadow:none;
}
.netzwerk_platz04 {
	position:absolute;
	right:68%;
	top:69%;
	width:auto;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:24px;
	line-height:30px;
	text-align:right;
	background:none;
	padding:0px;
	text-shadow:none;
}
.netzwerk_platz05 {
	position:absolute;
	right:23%;
	top:18%;
	width:auto;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:24px;
	line-height:30px;
	text-align:right;
	background:none;
	padding:0px;
	text-shadow:none;
}
.netzwerk_platz06 {
	position:absolute;
	right:15%;
	top:36%;
	width:auto;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:24px;
	line-height:30px;
	text-align:right;
	background:none;
	padding:0px;
	text-shadow:none;
}
.netzwerk_platz07 {
	position:absolute;
	right:17%;
	top:48%;
	width:auto;
	height:auto;
	font-family: 'Arimo', sans-serif;
	letter-spacing:1px;
	font-size:24px;
	line-height:30px;
	text-align:right;
	background:none;
	padding:0px;
	text-shadow:none;
}
.netzwerk_social {
	position:absolute;
	right:16%;
	top:58%;
	width:auto;
	height:auto;
	font-family: 'Arimo', sans-serif;
	background:none;
	padding:0px;
	text-shadow:none;
}
.netzwerk_social h3 {
	font-family: 'Arimo', sans-serif;
	font-size:22px;
	line-height:28px;
	color:#91714d;
	text-transform:uppercase;
	font-weight:700;
	letter-spacing:5px;
	margin:0 0 10px 0;
}
.netzwerk_social a {
	outline:none;
}
.netzwerk_social .icon01 {
	float:left;
	width:40px;
	height:40px;
	margin:0;
}
.netzwerk_social .icon02 {
	float:left;
	width:40px;
	height:40px;
	margin:0 75px 0 75px;
}
.netzwerk_social .icon03 {
	float:left;
	width:40px;
	height:40px;
	margin:0;
}
.netzwerk_newsletter {
	position:absolute;
	right:13%;
	top:73%;
	width:auto;
	height:auto;
	font-family: 'Arimo', sans-serif;
	background:none;
	padding:0px;
	text-shadow:none;
	text-align:left;
}
.netzwerk_newsletter h3 {
	font-family: 'Arimo', sans-serif;
	font-size:22px;
	line-height:28px;
	color:#91714d;
	text-transform:uppercase;
	font-weight:700;
	letter-spacing:5px;
	margin:0 0 6px 0;
}
.netzwerk_newsletter a:link, .netzwerk_newsletter a:visited  {
	font-family: 'Arimo', sans-serif;
	font-size:22px;
	line-height:24px;
	color:#000000;
	text-decoration:none;
	text-transform:none;
	font-weight:700;
	letter-spacing:4px;
	margin:0;
	background:url(../img/icon_pfeil_link_gold.png) no-repeat center right;
	background-size:16px;
	padding:0 20px 0 20px;
	outline:none;
}
.netzwerk_newsletter a:hover, .netzwerk_newsletter a:active  {
	color:#000000;
	text-decoration:underline;
	cursor:pointer;
}
}
.us_titel_white {
	position:absolute;
	left:0;
	top:50%;
	width:100%;
	height:200px;
	background:rgba(255,255,255,0.8);
	font-size:32px;
	color:#000000;
	margin-top:-100px;
	opacity:0;
	-webkit-animation: whiteoverlayfadein 2.5s 1 ease-in-out;
	-moz-animation: whiteoverlayfadein 2.5s 1 ease-in-out;
	-o-animation: whiteoverlayfadein 2.5s 1 ease-in-out;
	animation: whiteoverlayfadein 2.5s 1 ease-in-out;
	-webkit-animation-delay:1s;
	-moz-animation-delay:1s;
	-o-animation-delay:1s;
	animation-delay:1s;
}
.us_titel_eventangebot {
	position:absolute;
	left:0;
	top:50%;
	width:100%;
	height:200px;
	font-size:32px;
	color:#ffffff;
	margin-top:-100px;
	opacity:0;
	-webkit-animation: whiteoverlayfadein 2.5s 1 ease-in-out;
	-moz-animation: whiteoverlayfadein 2.5s 1 ease-in-out;
	-o-animation: whiteoverlayfadein 2.5s 1 ease-in-out;
	animation: whiteoverlayfadein 2.5s 1 ease-in-out;
	-webkit-animation-delay:1s;
	-moz-animation-delay:1s;
	-o-animation-delay:1s;
	animation-delay:1s;
}
.us_titel_white_innen {
	position:absolute;
	left:50%;
	top:79px;
	width:410px;
	margin-left:18px;
	font-size:44px;
	letter-spacing:3px;
	font-family: 'Arimo', sans-serif;
	font-weight:400;
	text-transform:uppercase;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.us_nav_white {
	position:absolute;
	top:0;
	left:50%;
	width:430px;
	height:100%;
	margin-top:0;
	margin-left:0px;
	background:rgba(255,255,255,0.8);
	z-index:1;
	opacity:1;
	-webkit-animation: whitenavfadein 4.5s 1 ease-in-out;
	-moz-animation: whitenavfadein 4.5s 1 ease-in-out;
	-o-animation: whitenavfadein 4.5s 1 ease-in-out;
	animation: whitenavfadein 4.5s 1 ease-in-out;
}
.us_nav_white_innen {
	position:absolute;
	left:18px;
	top:50%;
	height:510px;
	margin-top:-195px;
	font-size:44px;
	letter-spacing:3px;
	font-family: 'Arimo', sans-serif;
	font-weight:400;
	color:#606060;
	text-transform:uppercase;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.us_nav_white_innen li {
	float:left;
	width:100%;
	height:auto;
	margin:0;
	padding:6px 0;
}
.us_nav_white_innen li a:link, .us_nav_white_innen li a:visited {
	text-decoration:none;
	outline:none;
	color:#000000;
}
.us_nav_white_innen li a:hover, .us_nav_white_innen li a:active {
	color:#464646;
	cursor:pointer;
}
.us_nav_eventangebot {
	position:absolute;
	top:0;
	left:50%;
	width:430px;
	height:100%;
	margin-top:0;
	margin-left:0px;
	background:rgba(179,146,103,0.9);
	z-index:1;
	opacity:1;
	-webkit-animation: whitenavfadein 4.5s 1 ease-in-out;
	-moz-animation: whitenavfadein 4.5s 1 ease-in-out;
	-o-animation: whitenavfadein 4.5s 1 ease-in-out;
	animation: whitenavfadein 4.5s 1 ease-in-out;
}

.us_nav_eventangebot_innen {
	position:absolute;
	left:18px;
	top:50%;
	height:510px;
	margin-top:-195px;
	font-size:44px;
	letter-spacing:3px;
	font-family: 'Arimo', sans-serif;
	font-weight:400;
	color:#606060;
	text-transform:uppercase;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.us_nav_eventangebot_innen li {
	float:left;
	width:100%;
	height:auto;
	margin:0;
	padding:6px 0;
}
.us_nav_eventangebot_innen li a:link, .us_nav_eventangebot_innen li a:visited {
	text-decoration:none;
	outline:none;
	color:#ffffff;
}
.us_nav_eventangebot_innen li a:hover, .us_nav_eventangebot_innen li a:active {
	color:#464646;
	cursor:pointer;
}







.unterseite_hintergrundbild_weltreise {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	min-height: 100%;
	height:auto !important;
	height:100%;
	background:url(../img/background_weinsortiment_weltreise.jpg) no-repeat center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	z-index:1;
}
.overlay_white {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	opacity:1;
	background:rgba(255,255,255,0.85);
	z-index:-1;
	-webkit-animation: usoverlayfadein 1.5s 1 ease-in-out;
	-moz-animation: usoverlayfadein 1.5s 1 ease-in-out;
	-o-animation: usoverlayfadein 1.5s 1 ease-in-out;
	animation: usoverlayfadein 1.5s 1 ease-in-out;
}
.overlay_event {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	opacity:1;
	background:rgba(179,146,103,0.9);
	z-index:-1;
	-webkit-animation: usoverlayfadein 1.5s 1 ease-in-out;
	-moz-animation: usoverlayfadein 1.5s 1 ease-in-out;
	-o-animation: usoverlayfadein 1.5s 1 ease-in-out;
	animation: usoverlayfadein 1.5s 1 ease-in-out;
}

#unterseite_horizontaler_content {
	position:absolute;
	left:5%;
	top:15%;
	width:90%;
	height:70%;
	
}

.scrolling-wrapper {
	float:left;
	display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
	margin:0;
  overflow-y: hidden;
  white-space: nowrap;
  font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.scrolling-wrapper .sektion {
	display: inline-block;
	border-right: 1px solid #000000;
    width: 33%;
    height: auto;
	padding:0 50px 0 50px;
	flex:0 0 auto;
}
#unterseite_horizontaler_content h1 {
	float:left;
	width:100%;
	margin:0 0 50px 0;
	font-size:34px;
	letter-spacing:1px;
	font-family: 'Arimo', sans-serif;
	font-weight:400;
	color:#000000;
	text-transform:uppercase;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding:0;
}
  
.scrolling-wrapper .sektion:nth-child(1) {
	padding:0 50px 0 0;
}

.preisliste_top_wrapper {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 20px 0;
}
.preisliste_inhalt_wrapper {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 40px 0;
}
.preisliste_inhalt_weinberg {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 0px 0;
	font-size:16px;
	line-height:20px;
}
.preisliste_top_sp1 {
	float:left;
	width:20%;
	height:auto;
	font-size:12px;
	line-height:18px;
}
.preisliste_top_sp2 {
	float:left;
	width:80%;
	height:auto;
	font-size:12px;
	line-height:18px;
	text-align:right;
}
.preisliste_sp1 {
	float:left;
	width:20%;
	height:auto;
	font-size:12px;
	line-height:20px;
}
.sp1fett {
	display:block;
	font-weight:500;
	font-size:16px;
}
.preisliste_sp2 {
	float:left;
	width:60%;
	height:auto;
	font-size:14px;
	line-height:20px;
}
.sp2fett {
	display:block;
	font-weight:500;
	font-size:16px;
}
.sp2klein {
	display:block;
	font-weight:400;
	font-size:12px;
}
.preisliste_sp3 {
	float:left;
	width:20%;
	font-weight:500;
	font-size:16px;
	line-height:20px;
	text-align:right;
}
  
.scrolling-wrapper {
  height: 100%;
  width: 100%;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (min-width: 1240px) {
*, *:before, *:after {
    -webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */
    -moz-box-sizing: border-box; /* Firefox, andere Gecko-Browser */
    box-sizing: border-box; /* Opera/IE 8+ */
}
.wrapper {
	max-width:1240px;
	height:auto;
	margin:0 auto;
	padding:0 10px;
	position:relative;
}
.wrapper_rel {
	max-width:1240px;
	height:auto;
	margin:0 auto;
	padding:0 10px;
	position:relative;
}
.mobile_topbar {
	display: none;
}
.topbar {
	position:fixed;
	top:0;
	left:0;
	float:left;
	width:100%;
	height:auto;
	background:#dfdfdf;
	padding:0px 0;
	margin:0;
	z-index:999;
	border-top:solid 1px #cccccc;
}
.topbar_nav {
	float:left;
	width:60%;
	height:auto;
	text-align:left;
	display:block;
}
.topbar .home {
	display:none;
}
.topbar_infos {
	float:left;
	width:40%;
	height:auto;
	text-align:right;
	font-size:15px;
	line-height:22px;
	color:#5e5e5e;
	display:flex;
	margin:9px 0 0 0;
	justify-content:flex-end;
	align-items:center;
}
.topbar_infos .trenner {
	margin:0 20px;
	opacity:0.35;
}
.topbar_infos img {
	display:inline-block;
	width:16px;
	height:16px;
	margin:0px 5px 0 0;
	opacity:0.22;
}
.topbar_nav ul li a {
	float:left;
	width:100%;
	height:auto;
	text-decoration:none;
	color:#5e5e5e;
	font-size:15px;
	line-height:22px;
	letter-spacing:0px;
	font-weight:400;
	outline:none;
	padding:9px 18px;
}
.header {
	float:left;
	width:100%;
	height:auto;
	padding:22px 0 20px 0;
	margin:41px 0 0 0;
	background:#ffffff;
}
.header .logo {
	float:left;
	width:125px;
	height:auto;
	margin:0 0 0 5px;
}
.header .logo img {
	width:100%;
	height:auto;
	display:block;
}
.header .rechts {
	float:left;
	width:calc(100% - 180px);
	height:auto;
	margin:0 0 0 50px;
	display:block;
}
.header .suche {
	float:left;
	width:43%;
	height:auto;
	margin:30px 0 0 21%;
}

.wrapper_slider {
	max-width:1240px;
	height:auto;
	margin:0 auto;
	padding:0;
}
.bildbalken_cycle_a {
	float:left;
	width:33.33333333333333%;
	height:auto;
	margin:0 0px 0 0;
	overflow:hidden;
	text-align:center;
}
.bildbalken_cycle_a img {
	min-height:240px;
	width:auto;
}
.bildbalken_cycle_a li {
	float:left;
	width:100%;
	height:240px;
}
.cycle-slideshow { width: 100%; height: 240px; margin: auto; }

.menu_icon {
	display:none;
}
.kategorien_nav_ecke {
	position:absolute;
	left:16px;
	top:-28px;
	width:254px;
	height:28px;
	z-index:98;
	background:#029198;
	transform:skewX(20deg);
	display:block;
}
.kategorien_nav {
	width:255px;
	height:auto;
	margin:0px 0 0 0;
	position:absolute;
	top:-28px;
	left:10px;
	z-index:99;
	transform:translateX(0%);
	transition:none;
}
.kategorien_nav ul li a {
	float:left;
	width:100%;
	height:auto;
	text-decoration:none;
	color:#ffffff;
	font-size:15px;
	line-height:22px;
	letter-spacing:0px;
	font-weight:400;
	outline:none;
	padding:8px 15px 8px 31px;
	background-image:url(../images/layout/icon_nav_white.png);
	background-repeat:no-repeat;
	background-position:14px 50%;
	background-size:12px;
	transition:all 0.3s ease;
}
.kategorien_nav ul li a:hover {
	background-color:#03949b;
	background-image:url(../images/layout/icon_nav_white.png);
	background-repeat:no-repeat;
	background-position:14px 50%;
	background-size:12px;
	color:#ffffff;
}
.mehrueber_bereich {
	float:left;
	width:100%;
	height:auto;
	margin:30px 0 0px 0;
	padding:13px 0px 12px 0;
	border-radius:0px;
	background:#5e5e5e;
	transition:all 0.3s linear;
	display:block;
	opacity:1;
}
.mehrueber_bereich_titel {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 4px 0;
	padding:0 15px;
	font-size:16px;
	font-weight:700;
	line-height:22px;
	color:#ffffff;
}
.mehrueber_bereich ul li a {
	float:left;
	width:100%;
	height:auto;
	color:#ffffff;
	text-decoration:none;
	outline:none;
	padding:8px 4px 8px 25px;
	transition:all 0.3s ease;
	font-size:13px;
	line-height:18px;
	background-image:url(../images/layout/icon_nav_white.png);
	background-repeat:no-repeat;
	background-position:14px 11px;
	background-size:8px;
}
.mehrueber_bereich ul li a:hover {
	background-image:url(../images/layout/icon_nav_white.png);
	background-repeat:no-repeat;
	background-position:14px 11px;
	background-size:8px;
	background-color:#444444;
}
.inhalt {
	float:left;
	width:calc(100% - 310px);
	height:auto;
	min-height:750px;
	margin:40px 0 20px 310px;
	padding:0 0 0 0px;
}
.willkommen_box {
	float:left;
	width:100%;
	height:auto;
	background-color:#ffffff;
	background-image:url(../images/layout/willkommen_back.jpg);
	background-position:right bottom;
	background-size:cover;
	background-repeat:no-repeat;
	border-radius:10px;
	border:solid 1px #dfdfdf;
	margin:0 0 40px 0;
}
.willkommen_box .links {
	float:left;
	width:48%;
	height:auto;
	padding:16px 20px 8px 20px;
	margin:0;
	text-align:left;
}
.willkommen_box h2 {
	float:left;
	width:100%;
	height:auto;
	padding:0px;
	margin:0 0 8px 0;
	text-align:left;
	font-size:22px;
	line-height:32px;
	font-weight:600;
	color:#00aeb6;
}
.willkommen_box p {
	float:left;
	width:100%;
	height:auto;
	padding:0px;
	margin:0 0 12px 0;
	text-align:left;
	font-size:15px;
	line-height:24px;
	font-weight:400;
	color:#5e5e5e;
	letter-spacing:0.3px;
}
.willkommen_box .rechts {
	float:left;
	width:52%;
	height:auto;
	padding:16px 20px 15px 20px;
	margin:0 0 0 0%;
	text-align:left;
}
.willkommen_box .neukunde {
	float:left;
	width:47%;
	height:auto;
	border:solid 1px #dfdfdf;
	border-radius:8px;
	background:rgba(255,255,255,0.9);
	padding:10px 15px 15px 15px;
	margin:0 3% 0 0;
	font-size:15px;
}
.willkommen_box .kundelogin {
	float:left;
	width:47%;
	height:auto;
	border:solid 1px #dfdfdf;
	border-radius:8px;
	background:rgba(255,255,255,0.9);
	padding:10px 15px 12px 15px;
	margin:0 0 0 3%;
	font-size:15px;
	color:#5e5e5e;
}
.willkommen_box .angemeldet {
	float:left;
	width:80%;
	height:auto;
	border:solid 1px #dfdfdf;
	border-radius:8px;
	background:rgba(255,255,255,0.9);
	padding:10px 15px 15px 15px;
	margin:10px 10% 10px 10%;
	font-size:16px;
	line-height:24px;
	color:#222222;
}
.willkommen_box .neukunde a {
	float:left;
	width:100%;
	height:auto;
	padding:7px 12px 7px 44px;
	margin:5px 0 5px 0;
	background-color:#00aeb6;
	outline:none;
	text-decoration:none;
	color:#ffffff;
	font-size:14px;
	line-height:18px;
	background-image:url(../images/layout/icon_user_white.png);
	background-repeat:no-repeat;
	background-size:22px;
	background-position:11px 50%;
	transition:all 0.2s ease;
	border-radius:3px;
}
.willkommen_box .neukunde a:hover {
	background-color:#5e5e5e;
}
.topartikel {
	float:left;
	width:100%;
	height:auto;
	padding:0px;
	margin:50px 0;
}
.kategorie_titel {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 20px 0;
	padding:0 0 3px 0;
	font-size:18px;
	line-height:26px;
	font-weight:700;
	color:#5e5e5e;
	border-bottom:solid 1px #dfdfdf;
}
.topartikel .box {
	float:left;
	width:16%;
	height:auto;
	padding:5px 0px 60px 0px;
	border:solid 1px #ffffff;
	border-radius:0px;
	background:#ffffff;
	margin:0 5% 20px 0;
	position:relative;
}
.topartikel .box:nth-of-type(2n+2) { margin:0 5% 20px 0; }
.topartikel .box:nth-of-type(3n+3) { margin:0 5% 20px 0; }
.topartikel .box:nth-of-type(4n+4) { margin:0 5% 20px 0; }
.topartikel .box:nth-of-type(5n+5) { margin:0 0% 20px 0; }

.topartikel .box .titel {
	float:left;
	width:100%;
	height:auto;
	min-height:46px;
	padding:0px;
	font-size:16px;
	line-height:22px;
	font-weight:700;
	color:#5e5e5e;
	text-align:left;
	margin:5px 0 8px 0;
	letter-spacing:0.2px;
}
.kostenloserversand_wrap {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 50px 0;
	text-align:center;
}
.kostenloserversand {
	display:inline-block;
	padding:13px 20px 13px 66px;
	background-color:#dfdfdf;
	background-image:url(../images/layout/icon_versand_dark.png);
	background-repeat:no-repeat;
	background-size:40px;
	background-position:15px 50%;
	border-radius:10px;
	color:#222222;
	font-size:16px;
	font-weight:600;
	letter-spacing:0.3px;
	line-height:24px;
}
.breadcrumb_area {
	float:left;
	width:100%;
	height:auto;
	padding:10px 0 10px 0;
	margin:0;
	background:#5e5e5e;
	z-index:1;
	position:relative;
}
.breadcrumb_wrap {
	float:left;
	width:100%;
	height:auto;
	padding:0 0 0 310px;
	font-size:14px;
	line-height:20px;
	font-weight:600;
	color:#ffffff;
}
.breadcrumb_wrap .trenner {
	color:#a5a5a5;
	font-weight:400;
	margin:0 5px;
}
.breadcrumb_wrap a {
	color:#dfdfdf;
	font-weight:400;
	text-decoration:none;
	outline:none;
}
.breadcrumb_wrap a:hover {
	text-decoration:underline;
	color:#ffffff;
}

.artikel_box {
	float: left;
	width: 100%;
	height: auto;
	padding: 0 0 25px 0;
	margin: 15px 0 15px 0;
	border-bottom: solid 1px #dfdfdf;
}
.artikel_box .bild {
	float: left;
	width: 15%;
	height: auto;
	margin: 0 5% 0 0;
	border: solid 1px #dfdfdf;
}
.artikel_box .bild img {
	width: 100%;
	height: 190px;
	display: block;
	object-fit: contain;
}
.artikel_box .text {
	float: left;
	width: 80%;
	height: auto;
	margin: 0 0 0 0;
}
.artikel_box .text .daten {
	float: left;
	width: 70%;
	height: auto;
	margin: 0 0 0 0;
	text-align: left;
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
	color: #5e5e5e;
}
.artikel_box .text .daten .titel {
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 5px 0;
	font-size: 18px;
	line-height: 26px;
	font-weight: 700;
	color: #5e5e5e;
}
.artikel_box .text .daten .beschreibung {
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 5px 0;
	font-size: 16px;
	line-height: 22px;
	font-weight: 700;
	color: #222222;
}
.artikel_box .text .daten .wrap {
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 22px 0;
}
.artikel_box .text .daten a {
	padding: 8px 16px;
	outline: none;
	text-decoration: none;
	color: #ffffff;
	font-size:15px;
	line-height: 22px;
	font-weight: 400;
	background: #00aeb6;
	border-radius: 5px;
	transition: all 0.3s linear;
}
.artikel_box .text .daten a:hover {
	background: #5e5e5e;
}
.artikel_box .text .preis {
	float: left;
	width: 25%;
	height: auto;
	margin: 0 0 0 5%;
	text-align: right;
	font-size: 18px;
	line-height: 26px;
	font-weight: 700;
	color: #222222;
}

.detail_bereich {
	float:left;
	width:100%;
	height:auto;
	margin:20px 0 20px 0;
	padding:0;
}
.detail_bereich .bild {
	float:left;
	width:200px;
	height:auto;
	margin:0 30px 0 0;
}
.detail_bereich .bild .imgbig {
	width:100%;
	height:auto;
	display:block;
	border:solid 1px #dfdfdf;
	margin:0;
}	


.detail_bereich .bild .bilderklein {
	float:left;
	width:100%;
	height:auto;
	margin:20px 0 5px 0;
}
.detail_bereich .bild .bilderklein a {
	float:left;
	width:48%;
	height:auto;
	border:solid 1px #dfdfdf;
	margin:0 4% 4% 0;
}
.detail_bereich .bild .bilderklein a:nth-of-type(2n+2) { margin:0 0% 4% 0; }

.detail_bereich .bild .bilderklein a img {
	width:100%;
	height:auto;
	display:block;
}
.detail_bereich .bild .zoomtext {
	float:left;
	width:100%;
	height:auto;
	font-size:12px;
	line-height:16px;
	font-weight:400;
	color:#5e5e5e;
}
.detail_bereich .daten {
	float:left;
	width:calc(100% - 230px);
	height:auto;
	margin:0 0px 0 0;
}
.detail_bereich .daten .text {
	float:left;
	width:62%;
	height:auto;
	margin:0 10% 0 0;
}
.detail_bereich .daten .titel {
	float:left;
	width:100%;
	height:auto;
	margin:0 0px 4px 0;
	font-size:28px;
	line-height:34px;
	font-weight:700;
	color:#222222;
	letter-spacing:0.3px;
}
.detail_bereich .daten .untertitel {
	float:left;
	width:100%;
	height:auto;
	margin:0 0px 10px 0;
	font-size:18px;
	line-height:26px;
	font-weight:400;
	color:#5e5e5e;
}
.detail_bereich .daten .text .bezeichnung {
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 15px 0;
	font-size: 18px;
	line-height: 24px;
	font-weight: 700;
	color: #222222;
}
.detail_bereich .daten .isbn {
	float:left;
	width:100%;
	height:auto;
	margin:0 0px 28px 0;
	font-size:15px;
	line-height:26px;
	font-weight:400;
	color:#5e5e5e;
}
.detail_bereich .daten .beschreibung {
	float:left;
	width:100%;
	height:auto;
	margin:0 0px 25px 0;
	font-size:15px;
	line-height:24px;
	font-weight:400;
	color:#5e5e5e;
}
.detail_bereich .daten .beschreibung ul {
	list-style:none;
	float:left;
	width:100%;
	height:auto;
}
.detail_bereich .daten .beschreibung ul li {
	list-style:disc outside;
	float:left;
	width:calc(100% - 16px);
	height:auto;
	margin:0 0 12px 16px;
}
.pdfdownbtn {
	display:inline-block;
	margin:20px 0 10px 0;
	padding:6px 10px 6px 30px;
	text-decoration:none;
	color:#444444;
	background-image:url(../images/layout/icon_pdf.png);
	background-repeat:no-repeat;
	background-position:left 50%;
	background-size:24px;
	font-size:14px;
	outline:none;
}
.pdfdownbtn:hover {
	text-decoration:underline;
	color:#000000;
}
.pdfdownbtn_m {
	display:none;
}
.detail_bereich .daten .preisdaten_wrap {
	float:left;
	width:28%;
	height:auto;
	position:relative;
}
.detail_bereich .daten .preisdaten {
	float:none;
	position:absolute;
	top:0;
	left:0;
	width:205px;
	height:auto;
	margin:0 0% 0 0;
	text-align:right;
	font-size:12px;
	line-height:18px;
	font-weight:400;
	color:#5e5e5e;
	background:#ffffff;
	padding:18px 15px 15px 15px;
	border:solid 1px #dfdfdf;
	border-radius:8px;
	transition:box-shadow 0.3s linear;
	box-shadow:none;
	z-index:995;
}
.detail_bereich .daten .preisdaten.active {
	float:none;
	position:absolute;
	top:0;
	left:0;
	width:205px;
	height:auto;
	margin:0 0% 0 0;
	text-align:right;
	font-size:12px;
	line-height:18px;
	font-weight:400;
	color:#5e5e5e;
	z-index:995;
	background:#ffffff;
	padding:18px 15px 15px 15px;
	border:solid 1px #dfdfdf;
	border-radius:8px;
	transition:box-shadow 0.3s linear;
	box-shadow:3px 4px 2px rgba(0,0,0,0.12);
}

.detail_bereich .druckbtn {
	float:left;
	width:100%;
	height:auto;
	background-image:url(../images/layout/icon_drucker.png);
	background-size:22px;
	background-repeat:no-repeat;
	background-position:16px 50%;
	padding:10px 8px 10px 49px;
	text-decoration:none;
	color:#5e5e5e;
	font-size:15px;
	font-weight:600;
	outline:none;
	text-align:left;
	border-radius:6px;
	background-color:#ffffff;
	transition:all 0.3s ease;
	border:solid 1px #cccccc;
}
.detail_bereich .druckbtn:hover {
	background-color:#dfdfdf;
}

.login_area {
	float:left;
	width:70%;
	height:auto;
	background:#eeeeee;
	position:relative;
	padding:40px 30px 10px 30px;
	margin:30px 15% 30px 15%;
	border-radius:10px;
	border:solid 1px #bbbbbb;
	border-top:none;
	border-left:solid 1px #dddddd;
}
.login_area .biltop {
	position:absolute;
	left:-2%;
	top:-1px;
	width:104%;
	height:auto;
}
.login_area .lesezeichen {
	position:absolute;
	right:100px;
	top:-2px;
	width:38px;
	height:80px;
	background:#5e5e5e;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	box-shadow:1px 1px 2px rgba(0,0,0,0.25);
}
.login_area .lesezeichen span {
	display:inline-block;
	transform:rotate(-90deg) translateX(-30px) translateY(-5px);
	color:#dddddd;
	font-size:14px;
	letter-spacing:1px;
	text-transform:uppercase;
	font-weight:600;
}
.login_area .headline {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 15px 0;
	font-size:20px;
	line-height:28px;
	font-weight:700;
	color:#222222;
}
.login_area .beschreibung {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 20px 0;
	font-size:16px;
	line-height:22px;
	font-weight:400;
	color:#222222;
}
.login_wrap {
	float:left;
	width:48%;
	height:auto;
	margin:0 2% 0 0;
}
.login_wrap_r {
	float:left;
	width:48%;
	height:auto;
	margin:0 0 0 2%;
}
.login_area button {
	float:right;
	margin:15px 0 10px 0;
	padding:9px 28px 9px 18px;
	border:none;
	color:#ffffff;
	font-size:15px;
	font-weight:700;
	border-radius:6px;
	background-image:url(../images/layout/icon_nav_white.png);
	background-repeat:no-repeat;
	background-position:90% 50%;
	background-color:#00aeb6;
	background-size:12px;
	transition:all 0.3s linear;
}
.login_area button:hover {
	background-color:#5e5e5e;
}
.login_area .vergessen {
	float:left;
	width:auto;
	height:auto;
	text-decoration:underline;
	color:#00aeb6;
	margin:18px 0 10px 0;
	font-size:14px;
	font-weight:400;
	line-height:22px;
	outline:none;
}
.login_area .vergessen:hover {
	color:#5e5e5e;
	cursor:pointer;
}
.kundenkonto_bereich {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 30px 0;
	padding:15px 20px 10px 20px;
	font-size:16px;
	line-height:22px;
	font-weight:400;
	color:#5e5e5e;
	border:solid 1px #dfdfdf;
	border-radius:10px;
}
.kundenkonto_bereich .datenbereich {
	float:left;
	width:100%;
	height:auto;
	padding:15px 20px;
	margin:0 0 15px 0;
	border:solid 1px #dfdfdf;
	border-radius:8px;
}
.kundenkonto_bereich .options label {
	float:left;
	width:32%;
	height:auto;
	padding:16px 10px;
	border:solid 1px #dfdfdf;
	text-align:center;
	cursor:pointer;
	outline:none;
	font-size:16px;
	font-weight:bold;
	margin:0 2% 0 0;
	background:#ffffff;
	transition:all 0.2s linear;
	border-radius:6px;
}
.kundenkonto_bereich .options label:nth-of-type(2n+2) { margin:0 2% 0 0; }
.kundenkonto_bereich .options label:nth-of-type(3n+3) { margin:0 0 0 0; }

.kundenkonto_bereich .datenbereich .daten_titel {
	float:left;
	width:100%;
	height:auto;
	font-weight:bold;
	font-size:18px;
	margin:0 0 12px 0;
	color:#000000;
}
.kundenkonto_bereich .datenbereich label {
	float:left;
	width:180px;
	font-size:15px;
	line-height:24px;
	height:auto;
	margin:6px 10px 0 0;
}
.kundenkonto_bereich .datenbereich input {
	float:left;
	width:calc(100% - 390px);
	height:auto;
	border:solid 1px #cccccc;
	background:#ffffff;
	box-shadow:none;
	outline:none;
	padding:5px 8px;
	border-radius:3px;
	transition:all 0.2s linear;
}
.kundenkonto_bereich .datenbereich .input_hausnr {
	float:left;
	width:80px;
	height:auto;
	border:solid 1px #cccccc;
	background:#ffffff;
	box-shadow:none;
	outline:none;
	padding:5px 8px;
	border-radius:3px;
	margin:0 0px 0 10px;
	transition:all 0.2s linear;
}
.kundenkonto_bereich .datenbereich .input_strasse {
	float:left;
	width:calc(100% - 480px);
	height:auto;
	border:solid 1px #cccccc;
	background:#ffffff;
	box-shadow:none;
	outline:none;
	padding:5px 8px;
	border-radius:3px;
	transition:all 0.2s linear;
}
.kundenkonto_bereich .datenbereich .input_plz {
	float:left;
	width:100px;
	height:auto;
	border:solid 1px #cccccc;
	background:#ffffff;
	box-shadow:none;
	outline:none;
	padding:5px 8px;
	border-radius:3px;
	margin:0 10px 0 0;
	transition:all 0.2s linear;
}
.kundenkonto_bereich .datenbereich .input_ort {
	float:left;
	width:calc(100% - 500px);
	height:auto;
	border:solid 1px #cccccc;
	background:#ffffff;
	box-shadow:none;
	outline:none;
	padding:5px 8px;
	border-radius:3px;
	transition:all 0.2s linear;
}
.kundenkonto_bereich .datenbereich .zusatz {
	float:left;
	width:200px;
	height:auto;
	padding:2px 6px;
}
.kundenkonto_bereich .datenbereich .eyeicon {
	position:absolute;
	right:207px;
	top:5px;
	width:22px;
	height:22px;
	background:url(../images/layout/icon_eye_view.png);
	background-size:22px;
}
.kundenkonto_bereich .datenbereich .eyeicon.hide {
	position:absolute;
	right:207px;
	top:5px;
	width:22px;
	height:22px;
	background:url(../images/layout/icon_eye_hide.png);
	background-size:22px;
}
.kundenkonto_bereich .suchebereich {
	float:left;
	width:100%;
	height:auto;
	padding:15px 20px;
	margin:0 0 15px 0;
	border:solid 1px #dfdfdf;
	border-radius:8px;
}
.kundenkonto_bereich .suchebereich .wrap {
	float:left;
	width:100%;
	height:auto;
	padding:0px;
	margin:2px 0 10px 0;
}
.kundenkonto_bereich .suchebereich label {
	float:left;
	width:35%;
	font-size:15px;
	line-height:24px;
	height:auto;
	margin:6px 0px 0 0;
}
.kundenkonto_bereich .suchebereich input {
	float:left;
	width:65%;
	height:auto;
	border:solid 1px #cccccc;
	background:#ffffff;
	box-shadow:none;
	outline:none;
	padding:5px 8px;
	border-radius:3px;
	transition:all 0.2s linear;
}
.kundenkonto_bereich .suchebereich select {
	float:left;
	width:65%;
	height:auto;
	border:solid 1px #cccccc;
	background:#ffffff;
	box-shadow:none;
	outline:none;
	padding:5px 8px;
	border-radius:3px;
	transition:all 0.2s linear;
}
.kundenkonto_bereich .kassenbereich {
	float:left;
	width:49%;
	height:auto;
	padding:15px 20px;
	margin:5px 2% 15px 0;
	border:solid 1px #dfdfdf;
	border-radius:8px;
}
.kundenkonto_bereich .kassenbereich:nth-of-type(2n+2) { margin:5px 0 15px 0; }

.kundenkonto_bereich .box_abweichend {
	float:left;
	width:49%;
	height:auto;
	padding:0px;
	margin:5px 0 5px 0;
	border:none;
	border-radius:0px;
}
.warenkorb_artikel .kasse_l {
	float:left;
	width:53%;
	height:auto;
}
.warenkorb_artikel .kasse_m {
	float:left;
	width:18%;
	height:auto;
}
.warenkorb_artikel .kasse_r {
	float:left;
	width:27%;
	height:auto;
/*	padding:0 28px 0 0;*/
}

.kontakt_bereich .left {
	float: left;
	width: 45%;
	height: auto;
	margin: 0 4% 0 0;
	padding: 0;
}
.kontakt_bereich .right {
	float: left;
	width: 49%;
	height: auto;
	margin: 0 0 0 2%;
	padding: 15px;
	border: 1px solid #dfdfdf;
	border-radius: 8px;
}
.kontakt_bereich .right .wrap {
	float: left;
	width: 100%;
	height: auto;
	margin: 0 0 8px 0;
}

.kasse_zusammenfassung {
	float:left;
	width:100%;
	height:auto;
}
.kasse_zusammenfassung .wrap {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 10px 0;
}
.kasse_zusammenfassung .wrap_unten {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 40px 0;
}
.kasse_zusammenfassung .headline {
	float:left;
	width:100%;
	height:auto;
	font-size:22px;
	font-weight:bold;
	color:#00aeb6;
	margin:0px 0 15px 0;
}
.kasse_zusammenfassung .left {
	float:left;
	width:48%;
	height:auto;
	margin:5px 2% 10px 0;
	border:solid 1px #cccccc;
	padding:15px 15px 10px 15px;
	border-radius:10px;
}
.kasse_zusammenfassung .right {
	float:left;
	width:48%;
	height:auto;
	margin:5px 0 10px 2%;
	border:solid 1px #cccccc;
	padding:15px 15px 10px 15px;
	border-radius:10px;
}
.kasse_zusammenfassung .field {
	float:left;
	width:100%;
	height:auto;
	margin:0 0 10px 0;
}
.kasse_zusammenfassung label {
	float:left;
	width:120px;
	height:auto;
	margin:0 0 0 0;
	font-size:15px;
	line-height:22px;
	font-weight:bold;
	color:#000000;
}
.kasse_zusammenfassung .data {
	float:left;
	width:calc(100% - 130px);
	height:auto;
	margin:0 0 0 10px;
	font-size:15px;
	line-height:22px;
	font-weight:normal;
	color:#000000;
}
.kasse_zusammenfassung .field_zahlungsart {
	float:left;
	width:100%;
	height:auto;
	margin:5px 0 15px 0;
	font-size:18px;
	font-weight:bold;
	color:#000000;
}

.footer {
	float:left;
	width:100%;
	height:auto;
	margin:0;
	padding:30px 0 40px 0;
	background:#e9e9e9;
	font-size:13px;
	line-height:20px;
	font-weight:400;
}
.footer .left {
	float:left;
	width:33%;
	height:auto;
	margin:20px 0 0 0;
	padding:0;
	text-align:left;
	color:#5e5e5e;
}
.footer .mid {
	float:left;
	width:34%;
	height:auto;
	margin:20px 0 0 0;
	padding:0;
	text-align:center;
}
.footer .right {
	float:left;
	width:33%;
	height:auto;
	margin:0;
	padding:0;
	text-align:right;
}
.footer .mid a {
	outline:none;
	text-decoration:none;
	color:#5e5e5e;
}
.footer .mid a:hover {
	text-decoration:underline;
	color:#000000;
}
.footer .mid .trenner {
	display:inline-block;
	margin:0 10px;
	opacity:0.2;
}
.footer_warenkorb {
	float:right;
	width:auto;
	padding:15px 54px 15px 15px;
	background-color:#ffffff;
	border:solid 1px #cccccc;
	background-image:url(../images/layout/icon_cart.png);
	background-position:91% 50%;
	background-size:28px;
	background-repeat:no-repeat;
	font-size:14px;
	line-height:22px;
	border-radius:6px;
	transition:all 0.3s ease;
}
.footer_warenkorb:hover {
	background-color:#f6f6f6;
	border:solid 1px #5e5e5e;
}
.footer .right a {
	outline:none;
	color:#5e5e5e;
	text-decoration:none;
}

}








@media only screen and (min-width: 1500px) {
.detail_bereich .bild {
	float:left;
	width:300px;
	height:auto;
	margin:0 50px 0 0;
}
.detail_bereich .daten {
	float:left;
	width:calc(100% - 350px);
	height:auto;
	margin:0 0px 0 0;
}
.mehrueber_side {
	position:fixed;
	left:0;
	top:90px;
	width:250px;
	height:50px;
	background-color:#00aeb6;
	background-image:url(../images/layout/icon_info.png);
	background-repeat:no-repeat;
	background-position:210px 50%;
	background-size:28px;
	border-top-right-radius:25px;
	border-bottom-right-radius:25px;
	z-index:1000;
	color:#ffffff;
	padding:16px 15px;
	font-size:18px;
	font-weight:600;
	transform:translateX(-260px);
	transition:all 0.3s linear;
}
.mehrueber_side.active {
	position:fixed;
	left:0;
	top:90px;
	width:250px;
	height:50px;
	background-color:#00aeb6;
	background-image:url(../images/layout/icon_info.png);
	background-repeat:no-repeat;
	background-position:210px 50%;
	background-size:28px;
	border-top-right-radius:25px;
	border-bottom-right-radius:25px;
	z-index:1000;
	color:#ffffff;
	padding:17px 15px;
	font-size:18px;
	font-weight:600;
	transform:translateX(-200px);
	transition:all 0.3s linear;
}
.mehrueber_side:hover {
	transform:translateX(0);
	background-color:#5e5e5e;
}	
.mehrueber_side_box {
	position:fixed;
	left:0;
	top:50px;
	bottom:auto;
	width:200px;
	height:auto;
	font-size:14px;
	line-height:20px;
	font-weight:400;
	background-color:#00aeb6;
	transition:all 0.3s linear;
	transform:translateX(0px);
	padding:0px 0px 15px 0px;
	border-bottom-right-radius:10px;
	border-top-right-radius:0px;
}
}.agever_flag {
    display:inline-block;
/*    margin-left:48.5%;*/
}
 /* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #00aeb6;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
} 




#age_background {
    height:auto !important;
    border-radius: 0px;
    background:white !important;
}
#age_background_1 {
    background:white !important;
}
#age_symbol {
    color:red !important;
}
#age_symbol_1 {
    color:red !important;
}
.agever_headline .text {
    color:black !important;
}
.agever_text {
    color:black !important;
}
.agever_noentry_headline .text {
    color:black !important;
}
.agever_noentry_text {
    color:black !important;
}
.entrybutton {
    background:#00aeb6 !important;
    color:black !important;
}
.noentrybutton {
    background:black !important;
    color:white !important;
}



input[type=checkbox]
{
   /*Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
 -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  transform: scale(1.5);
  padding: 10px;

}

.ageverform {
  /*display: block; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 9999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow:hidden; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.50); /* Black w/ opacity */
  padding-top: 10px;

}

.agever_headline {
    float:left;
    width:100%;
    height:auto;
    margin:5px 0 5px 0;
}
.agever_headline i {
    float:left;
    width:14%;
    height:auto;
    color:#000000;
    font-size:28px;
    line-height:38px;
    margin:4px 0 0 0;
}
.agever_headline .text {
    float:left;
    width:86%;
    height:auto;
    font-family: "Roboto", sans-serif;
    font-weight:600;
    font-size:18px;
    line-height:26px;
    color:#821e19;
}
.agever_text {
    float:left;
    width:100%;
    height:auto;
    font-family: "Roboto", sans-serif;
    font-weight:400;
    font-size:15px;
    line-height:24px;
    color:#000000;
    margin:8px 0 5px 0;
}
.agever_logo {
    float:left;
    width:100%;
    height:auto;
    margin:10px 0 15px 0;
    text-align:center;
}
.agever_logo img {
    width:90%;
    max-width:350px;
    height:auto;
}
.agever_button_l {
    float:left;
    width:46%;
    height:auto;
    font-family: "Roboto", sans-serif;
    margin:10px 1% 0px 0;

}
.agever_button_r {
    float:left;
    width:46%;
    height:auto;
    font-family: "Roboto", sans-serif;
    margin:10px 0 0 1%;
}
.noentrybutton {
    
    float:left;
    width:100%;
    height:60px;
    text-align:center;
  background-color: #222222;
  color: white;
  padding: 10px 10px;
  margin: 4px 0 0px 0;
  border: none;
  cursor: pointer;
  font-size:12px;
  line-height:20px;
}
.noentrybutton:hover {
  opacity: 0.8;
}
.entrybutton {
    float:left;
    width:100%;
    height:60px;
    text-align:center;
  background-color: #00aeb6;
  color: white;
  padding: 10px 10px;
  margin: 4px 0 0px 0;
  border: none;
  cursor: pointer;
  font-size:14px;
  line-height:20px;
}
.entrybutton:hover {
  opacity: 0.8;
}
.entrybutton2 {
    float:left;
    width:100%;
    height:60px;
    text-align:center;
  background-color: #00aeb6;
  color: white;
  padding: 10px 10px;
  margin: 4px 0 0px 0;
  border: none;
  cursor: pointer;
  font-size:14px;
  line-height:20px;
}
.entrybutton2:hover {
  opacity: 0.8;
}
.clear {
    clear:both;
}

.ageverform_noentry {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 9999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow:hidden; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
  padding-top: 10px;
}
.agever_noentry_headline {
    float:left;
    width:100%;
    height:auto;
    margin:40px 0 20px 0;
}
.agever_noentry_headline i {
    float:left;
    width:18%;
    height:auto;
    color:#000000;
    font-size:28px;
    line-height:50px;
    margin:0px 0 0 0;
}
.agever_noentry_headline .text {
    float:left;
    width:82%;
    height:auto;
    font-family: "Roboto", sans-serif;
    font-weight:600;
    font-size:18px;
    line-height:28px;
    color:#821e19;
}
.agever_noentry_text {
    float:left;
    width:100%;
    height:auto;
    font-family: "Roboto", sans-serif;
    font-weight:600;
    font-size:18px;
    line-height:28px;
    color:#000000;
    text-align:center;
    margin:10px 0 40px 0;
}
.agever_noentry_logo {
    float:left;
    width:100%;
    height:auto;
    margin:10px 0 30px 0;
    text-align:center;
}
.agever_noentry_logo img {
    width:90%;
    max-width:350px;
    height:auto;
}
.modal-content {
    position:relative;
    background-color: #ffffff;
    margin: 5px auto;
    border: none;
    width: 90%;
    box-shadow:4px 4px 4px rgba(0,0,0,0.4);
    border-radius:5px !important;
    width: 100%;
    box-shadow:4px 4px 4px rgba(0,0,0,0.4);
}
.formcontainer {
  padding: 16px;
}
.animate {
  -webkit-animation: animatezoom 0.6s;
  animation: animatezoom 0.6s
}

@-webkit-keyframes animatezoom {
  from {-webkit-transform: scale(0)}
  to {-webkit-transform: scale(1)}
}

@keyframes animatezoom {
  from {transform: scale(0)}
  to {transform: scale(1)}
}

@media only screen and (max-width: 768px) {
    #age_background {
    /*	height:80% !important;*/
	height:auto !important;
    }
}
@media only screen and (min-width: 768px) {
    #age_background {
/*		height:70% !important;*/
	height:auto !important;
    }
.agever_headline i {
    float:left;
    width:8%;
    height:auto;
    color:#000000;
    font-size:38px;
    line-height:46px;
    margin:0px 0 0 0;
}
.agever_headline .text {
    float:left;
    width:92%;
    height:auto;
    font-family: "Roboto", sans-serif;
    font-weight:600;
    font-size:24px;
    line-height:34px;
    color:#821e19;
}	
.agever_text {
    float:left;
    width:100%;
    height:auto;
    font-family: "Roboto", sans-serif;
    font-weight:400;
    font-size:16px;
    line-height:28px;
    color:#000000;
    margin:8px 0 5px 0;
}
.agever_logo {
    float:left;
    width:100%;
    height:auto;
    margin:10px 0 20px 0;
    text-align:center;
}
.agever_logo img {
    width:40%;
    height:auto;
}	
.agever_button_l {
    float:left;
    width:49%;
    height:auto;
    font-family: "Roboto", sans-serif;
    margin:20px 1% 0px 0;
}
.agever_button_r {
    float:left;
    width:46%;

    height:auto;
    font-family: "Roboto", sans-serif;
    margin:20px 0 0 1%;
}
.agever_noentry_headline i {
    float:left;
    width:8%;
    height:auto;
    color:#000000;
    font-size:38px;
    line-height:50px;
    margin:5px 0 0 0;
}
.agever_noentry_headline .text {
    float:left;
    width:92%;
    height:auto;
    font-family: "Roboto", sans-serif;
    font-weight:600;
    font-size:32px;
    line-height:42px;
    color:#821e19;
}
}







@media (max-width: 550px) {

input[type=checkbox]
{
   /*Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
 -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  transform: scale(1.5);
  padding: 10px;
margin-bottom:100%;

}
}




@media (min-width: 1200px) {
input[type=checkbox]
{
   /*Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
 -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  transform: scale(1.5);
  padding: 10px;
/*margin-bottom:80%;*/
}



.ageverform {
 /* display: block; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 9999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow:hidden; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.50); /* Black w/ opacity */
  padding-top: 100px;
}
.ageverform_noentry {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 9999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow:hidden; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
  padding-top: 100px;
}
.modal-content {
    position:relative;
    background-color: #ffffff;
    margin: 5px auto;
    border: none;
    width: 35%;
    box-shadow:4px 4px 4px rgba(0,0,0,0.4);
border-radius:5px;
}
.agever_headline {
    float:left;
    width:100%;
    height:auto;
    margin:5px 0 10px 0;
}
.agever_headline i {
    float:left;
    width:11%;
    height:auto;
    color:#000000;
    font-size:38px;
    line-height:48px;
    margin:2px 0 0 0;
}
.agever_headline .text {
    float:left;
    width:100%;
    text-align:center;
    height:auto;
    font-family: "Roboto", sans-serif;
    font-weight:600;
    font-size:24px;
    line-height:34px;
    color:#821e19;
}
.agever_text {
    float:left;
    width:100%;
    height:auto;
    font-family: "Roboto", sans-serif;
    font-weight:400;
    font-size:18px;
    line-height:30px;
    color:#000000;
    margin:8px 0 5px 0;
}
.agever_logo {
    float:left;
    width:100%;
    height:auto;
    margin:8px 0 20px 0;
    text-align:center;
}
.agever_logo img {
    width:50%;
    height:auto;
}
.agever_noentry_headline {
    float:left;
    width:100%;
    height:auto;
    margin:40px 0 30px 0;
}
.agever_noentry_headline i {
    float:left;
    width:11%;
    height:auto;
    color:#000000;
    font-size:44px;
    line-height:54px;
    margin:5px 0 0 0;
}
.agever_noentry_headline .text {
    float:left;
    width:89%;
    height:auto;
    font-family: "Roboto", sans-serif;
    font-weight:600;
    font-size:28px;
    line-height:40px;
    color:#821e19;
}
.agever_noentry_text {
    float:left;
    width:100%;
    height:auto;
    font-family: "Roboto", sans-serif;
    font-weight:600;
    font-size:22px;
    line-height:34px;
    color:#000000;
    text-align:center;
    margin:10px 0 40px 0;
}
.agever_noentry_logo {
    float:left;
    width:100%;
    height:auto;
    margin:10px 0 30px 0;
    text-align:center;
}
.agever_noentry_logo img {
    width:70%;
    height:auto;
}

}

/*# sourceMappingURL=css_02_layout.css.map */
#age_background {
	background:white !important;
}
#age_background_1 {
	background:white !important;
}
#age_symbol {
	color:red !important;
}
#age_symbol_1 {
	color:red !important;
}
.agever_headline .text {
	color:#333333 !important;
}
.agever_text {
	color:#9f9f9f !important;
}
.agever_noentry_headline .text {
	color:black !important;
}
.agever_noentry_text {
	color:black !important;
}
.entrybutton {
	border-radius:4px 4px 4px 4px;
	font-weight:bold;
	background:#e5007e !important;
	color:white !important;
}
.noentrybutton {
	background:red !important;
	color:red !important;
}

/*input.larger {
	width:3px;
	height:3px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #333333;
	border-radius: 2px;
	opacity: 1;
	stroke-linecap: round;
	stroke-linejoin: miter;
}*/
.ageverform {
	display: block; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 9999; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow:hidden; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.50); /* Black w/ opacity */
	padding-top: 10px;
}

.agever_headline {
	float:left;
	width:100%;
	height:auto;
	margin:5px 0 5px 0;
}
.agever_headline i {
	float:left;
	width:14%;
	height:auto;
	color:#000000;
	font-size:28px;
	line-height:38px;
	margin:4px 0 0 0;
}
.agever_headline .text {
	float:left;
	width:100%;
	height:auto;
	font-family: "Helvetica Neue", Helvetica, regular;
	font-weight:600;
	font-size:24px;
	line-height:26px;
	color:#821e19;
	text-align:center;
}

.agever_text {
	float:left;
	width:100%;
	height:auto;
	font-family: "Helvetica Neue", Helvetica, regular;
	font-weight:400;
	font-size:15px;
	line-height:24px;
	color:#000000;
/*	margin:8px 0 5px 0;*/
}
.agever_logo {
	float:left;
	width:100%;
	height:auto;
	margin:10px 0 15px 0;
	text-align:center;
}
.agever_logo img {
	width:90%;
	max-width:350px;
	height:auto;
}
.agever_button_l {
	background: #E5007E 0% 0% no-repeat padding-box;
	border-radius: 4px;
	opacity: 1;
	float:left;
	width:100%;
	height:auto;
	font-family: "Helvetica Neue", Helvetica, regular;
	margin:10px 1% 0px 0;
	text-align: center;
	font-size:15px;
	letter-spacing: 0px;
	opacity: 1;
	margin-left:5%;
	margin-right:5%;
}
.agever_flag{ 
	border-radius: 4px;
	opacity: 1;
	float:left;
	width:100%;
	height:auto;
	font-family: "Helvetica Neue", Helvetica, regular;
	/*margin:10px 1% 0px 0;*/
	margin-top:4%;
	text-align: center;
	font-size:15px;
	letter-spacing: 0px;
	opacity: 1;
}
.agever_button_r {
	float:left;
	width:49%;
	height:auto;
	font-family: "Helvetica Neue", Helvetica, regular;
	margin:10px 0 0 1%;
}
.noentrybutton {
	float:left;
	width:100%;
	height:60px;
	text-align:center;
	background-color: #222222;
	color: white;
	padding: 10px 10px;
	margin: 4px 0 0px 0;
	border: none;
	cursor: pointer;
	font-size:12px;
	line-height:20px;
}
.noentrybutton:hover {
	opacity: 0.8;
}
.entrybutton {
	float:left;
	width:100%;
	height:50px;
	text-align:center;
	padding: 10px 10px;
	margin: 4px 0 0px 0;
	border: none;
	cursor: pointer;
	font-size:14px;
	line-height:20px;
}
.entrybutton:hover {
	opacity: 0.8;
}
.clear {
	clear:both;
}

.ageverform_noentry {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 9999; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow:hidden; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
	padding-top: 10px;
}
.agever_noentry_headline {
	float:left;
	width:100%;
	height:auto;
	margin:40px 0 20px 0;
}
.agever_noentry_headline i {
	float:left;
	width:18%;
	height:auto;
	color:#000000;
	font-size:28px;
	line-height:50px;
	margin:0px 0 0 0;
}
.agever_noentry_headline .text {
	float:left;
	width:82%;
	height:auto;
	font-family: "Helvetica Neue", Helvetica, regular;
	font-weight:600;
	font-size:18px;
	line-height:28px;
	color:#821e19;
}
.agever_noentry_text {
	float:left;
	width:100%;
	height:auto;
	font-family: "Helvetica Neue", Helvetica, regular;
	font-weight:600;
	font-size:18px;
	line-height:28px;
	color:#000000;
	text-align:center;
	margin:10px 0 40px 0;
}
.agever_noentry_logo {
	float:left;
	width:100%;
	height:auto;
	margin:10px 0 30px 0;
	text-align:center;
}
.agever_noentry_logo img {
	width:90%;
	max-width:350px;
	height:auto;
}
.modal-content {
	position:relative;
	background-color: #ffffff;
	margin: 5px auto;
	border-radius:3px;
	width: 100%;
	box-shadow:4px 4px 4px rgba(0,0,0,0.4);
}
.formcontainer {
	margin-top:20%;
	padding: 16px;
}
.animate {
	-webkit-animation: animatezoom 0.6s;
	animation: animatezoom 0.6s
}

@-webkit-keyframes animatezoom {
	from {-webkit-transform: scale(0)}
	to {-webkit-transform: scale(1)}
}

@keyframes animatezoom {
	from {transform: scale(0)}
	to {transform: scale(1)}
}


@media only screen and (min-width: 768px) {
	.modal-content {
		position:relative;
		background-color: #ffffff;
		margin: 5px auto;
		border: none;
		width: 55%;
		box-shadow:4px 4px 4px rgba(0,0,0,0.4);
	}
	.formcontainer {
		margin-top:20%;
		padding: 16px;
	}
	.agever_headline i {
		float:left;
		width:8%;
		height:auto;
		color:#000000;
		font-size:38px;
		line-height:46px;
		margin:0px 0 0 0;
	}
	.agever_headline .text {
		float:left;
		width:100%;
		height:auto;
		font-family: "Helvetica Neue", Helvetica, regular;
		font-weight:600;
		font-size:24px;
		line-height:34px;
		color:#821e19;
		margin-bottom:10px;
	}	
	.agever_text {
		float:left;
		width:90%;
		height:auto;
		font-family: "Helvetica Neue", Helvetica, regular;
		font-weight:400;
		font-size:16px;
		line-height:28px;
		color:#000000;
		margin-left:4%;
		margin-right:4%;
/*		margin:8px 0 5px 0;*/
	}
	.agever_logo {
		float:left;
		width:100%;
		height:auto;
		margin:10px 0 20px 0;
		text-align:center;
	}
	.agever_logo img {
		width:40%;
		height:auto;
	}
	.agever_button_l {
		float:left;
		width:90%;
		height:30%;
		font-family: "Helvetica Neue", Helvetica, regular;
	/*	margin:20px 1% 0px 0;*/
		margin-left:5%;
		margin-right:5%;
		margin-top:8%;
	}
	.agever_button_r {
		float:left;
		width:49%;
		height:auto;
		font-family: "Helvetica Neue", Helvetica, regular;
		margin:20px 0 0 1%;
	}
	.agever_noentry_headline i {
		float:left;
		width:8%;
		height:auto;
		color:#000000;
		font-size:38px;
		line-height:50px;
		margin:5px 0 0 0;
	}
	.agever_noentry_headline .text {
		float:left;
		width:92%;
		height:auto;
		font-family: "Helvetica Neue", Helvetica, regular;
		font-weight:600;
		font-size:32px;
		line-height:42px;
		color:#821e19;
	}
}
@media (max-width: 768px) {
	.modal-content {
		position:relative;
		background-color: #ffffff;
		margin: 5px auto;
		border: none;
		width: 65%;
		height:62%;
		box-shadow:4px 4px 4px rgba(0,0,0,0.4);
	}
	.formcontainer {
		margin-top:20%;
		padding: 16px;
	}
	.agever_headline i {
		float:left;
		width:8%;
		height:auto;
		color:#000000;
		font-size:38px;
		line-height:46px;
		margin:0px 0 0 0;
	}
	.agever_headline .text {
		float:left;
		width:92%;
		height:auto;
		font-family: "Helvetica Neue", Helvetica, regular;
		font-weight:600;
		font-size:22px;
		line-height:34px;
		color:#821e19;
	}	
	.agever_text {
		float:left;
		width:100%;
		height:auto;
		font-family: "Helvetica Neue", Helvetica, regular;
		font-weight:400;
		font-size:12px;
		line-height:28px;
		color:#000000;
		margin:8px 0 5px 0;
	}
	.agever_logo {
		float:left;
		width:100%;
		height:auto;
		margin:10px 0 20px 0;
		text-align:center;
	}
	.agever_logo img {
		width:40%;
		height:auto;
	}
	.agever_button_l {
		float:left;
		width:90%;
		height:30%;
		font-family: "Helvetica Neue", Helvetica, regular;
	/*	margin:20px 1% 0px 0;*/
		margin-left:5%;
		margin-right:5%;
	}
	.agever_button_r {
		float:left;
		width:49%;
		height:auto;
		font-family: "Helvetica Neue", Helvetica, regular;
		margin:20px 0 0 1%;
	}
	.agever_noentry_headline i {
		float:left;
		width:8%;
		height:auto;
		color:#000000;
		font-size:38px;
		line-height:50px;
		margin:5px 0 0 0;
	}
	.agever_noentry_headline .text {
		float:left;
		width:92%;
		height:auto;
		font-family: "Helvetica Neue", Helvetica, regular;
		font-weight:600;
		font-size:32px;
		line-height:42px;
		color:#821e19;
	}
}
@media (min-width: 1200px) {
	.ageverform {
		display: block; /* Hidden by default */
		position: fixed; /* Stay in place */
		z-index: 9999; /* Sit on top */
		left: 0;
		top: 0;
		width: 100%; /* Full width */
		height: 100%; /* Full height */
		overflow:hidden; /* Enable scroll if needed */
		background-color: rgb(0,0,0); /* Fallback color */
		background-color: rgba(0,0,0,0.50); /* Black w/ opacity */
		padding-top: 100px;
	}
	.ageverform_noentry {
		display: none; /* Hidden by default */
		position: fixed; /* Stay in place */
		z-index: 9999; /* Sit on top */
		left: 0;
		top: 0;
		width: 100%; /* Full width */
		height: 100%; /* Full height */
		overflow:hidden; /* Enable scroll if needed */
		background-color: rgb(0,0,0); /* Fallback color */
		background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
		padding-top: 100px;
	}
	.modal-content2 {
		position:relative;
		background-color: #ffffff;
		margin: 5px auto;
		border: none;
		width: 25%;
		height:70%;
		border-radius: 5px;
		box-shadow:4px 4px 4px rgba(0,0,0,0.4);
	}
	.modal-content {
		position:relative;
		width: 460px;
		height: 550px;
		margin: 5px auto;
		background: #FFFFFF 0% 0% no-repeat padding-box;
		border-radius: 3px;
		opacity: 1;
		border-radius: 5px;
		box-shadow:4px 4px 4px rgba(0,0,0,0.4);
	}
	
	.agever_headline {
		text-align: center;
		font-family: "Helvetica Neue", Helvetica, regular;
		font-size:24px;
		letter-spacing: 0px;
		color: #333333;
		opacity: 1;
	}
	.agever_headline i {
		float:left;
		width:11%;
		height:auto;
		color:#000000;
		font-size:38px;
		line-height:48px;
		margin:2px 0 0 0;
	}
	.agever_headline .text {
		float:left;
		width:100%;
		text-align:center;
		height:auto;
		font-family: "Helvetica Neue", Helvetica, regular;
		font-weight:600;
		font-size:24px;
		line-height:34px;
		color:#821e19;
		margin-bottom:10px;
		margin-top:15px;
	}
	.agever_text {
		width:380px;
		height:auto;
		margin-left:5%;
		font-weight: normal;
		font-family: "Helvetica Neue", Helvetica, regular;
		line-height:24px;
		font-size:15px;
		letter-spacing: 0px;
		color: #777777;
		text-align: center;
	}
	.agever_logo {
		float:left;
		width:100%;
		height:auto;
		margin:8px 0 20px 0;
		text-align:center;
	}
	.agever_logo img {
		width:50%;
		height:auto;
	}
	.agever_noentry_headline {
		float:left;
		width:100%;
		height:auto;
		margin:40px 0 30px 0;
	}
	.agever_noentry_headline i {
		float:left;
		width:11%;
		height:auto;
		color:#000000;
		font-size:44px;
		line-height:54px;
		margin:5px 0 0 0;
	}
	.agever_noentry_headline .text {
		float:left;
		width:89%;
		height:auto;
		font-family: "Helvetica Neue", Helvetica, regular;
		font-weight:600;
		font-size:28px;
		line-height:40px;
		color:#821e19;
	}
	.agever_noentry_text {
		float:left;
		width:100%;
		height:auto;
		font-family: "Helvetica Neue", Helvetica, regular;
		font-weight:600;
		font-size:22px;
		line-height:34px;
		color:#000000;
		text-align:center;
		margin:10px 0 40px 0;
	}
	.agever_noentry_logo {
		float:left;
		width:100%;
		height:auto;
		margin:10px 0 30px 0;
		text-align:center;
	}
	.agever_noentry_logo img {
		width:70%;
		height:auto;
	}
}

@media (max-width: 550px) {
	.modal-content {
		position:relative;
		width: 80%;
		height: 80%;
		margin: 5px auto;
		background: #FFFFFF 0% 0% no-repeat padding-box;
		border-radius: 3px;
		opacity: 1;
		border-radius: 5px;
		box-shadow:4px 4px 4px rgba(0,0,0,0.4);
	}
}
/*# sourceMappingURL=css_02_layout.css.map */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}{
"version": 3,
"mappings": "AAKA,0BAA0B;AAC1B,IAAK;EACH,QAAQ,EAAE,QAAQ;EAClB,UAAU,EAAE,IAAI;;AAGjB,yBAA0B;EAD3B,IAAK;IAEH,aAAa,EAAC,KAAK;;AAIrB,SAAU;EACT,UAAU,EAjBW,OAAO;EAkB5B,WAAW,EAAC,IAAI;;AAGjB,YAAa;EACZ,UAAU,EAAC,IAAI;;AAEhB,mBAAoB;EACnB,UAAU,EAAC,GAAG;EACd,KAAK,EAAC,KAAK;EACX,yBAA0B;IAH3B,mBAAoB;MAIlB,MAAM,EAAC,IAAI;MACX,KAAK,EAAC,IAAI;MACV,OAAO,EAAC,KAAK;MACb,KAAK,EAAC,KAAK;MACX,UAAU,EAAC,IAAI;;AAIjB,OAAQ;EACP,UAAU,EApCY,OAAO;EAqC7B,KAAK,EAnCkB,OAAO;EAoC9B,WAAW,EArCE,oBAAoB;EAsCjC,SAAS,EAAC,IAAI;EACd,WAAW,EAAC,IAAI;EAChB,OAAO,EAAC,MAAM;EACd,yBAA0B;IAP3B,OAAQ;MAQN,QAAQ,EAAC,QAAQ;MACjB,MAAM,EAAC,GAAG;MACV,KAAK,EAAC,IAAI;;AAIZ,cAAe;EACd,SAAS,EAAC,IAAI;;AAEf,SAAU;EACT,KAAK,EAnDkB,OAAO;;AAsD9B,yBAA0B;EAD3B,sBAAuB;IAErB,YAAY,EAAC,IAAI;;AAInB,gBAAiB;EAChB,OAAO,EAAC,KAAK;EACb,UAAU,EAAC,yCAAyC;EACpD,WAAW,EAAC,IAAI;EAChB,YAAY,EAAC,IAAI;EACjB,KAAK,EAhEkB,OAAO;EAiE9B,UAAU,EAAC,GAAG;EAEd,gDAAiD;IARlD,gBAAiB;MASf,YAAY,EAAC,GAAG;MAChB,WAAW,EAAC,IAAI;EAGjB,yBAA0B;IAb3B,gBAAiB;MAcf,KAAK,EAAC,KAAK;MAEX,UAAU,EAAC,IAAI;;AAGjB,sBAAuB;EACtB,yBAAyB;;AAG1B,gBAAiB;EAChB,UAAU,EAAE,wCAAwC;EACpD,eAAe,EAAC,KAAK;EACrB,mBAAmB,EAAC,MAAM;EAC1B,QAAQ,EAAC,QAAQ",
"sources": ["css_02_layout.scss"],
"names": [],
"file": "css_02_layout.css"
}
*:not(input.field) {    
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* Sticky footer styles */
html {
  position: relative;
  min-height: 100%; }
body {
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 767px) {
  body {
    margin-bottom: 214px; } }

.header-1 {
  background: #000000;
  padding-top: 34px; }

#extern-link {
  margin-top: 15px; 
    font-family: 'PT Sans', sans-serif;
}

#extern-link-footer {
  margin-top: 6px;
  float: right;
 font-family: 'PT Sans', sans-serif; }

  @media (max-width: 767px) {
    #extern-link-footer {
      margin: auto;
      float: none;
      display: block;
      width: 180px;
      margin-top: 30px; } }

.footer {
  background: #222222;
  color: #ebebeb;
  font-family: 'PT Sans', sans-serif;
  font-size: 14px;
  line-height: 24px;
  padding: 35px 0; }
  @media (min-width: 767px) {
    .footer {
      position: absolute;
      bottom: 0px;
      width: 100%; } }

.footer strong {
  font-size: 15px; }

.footer a {
  color: #f3efe9; 
}
.sociallinks {
	float:left;
	width:100%;
	height:auto;
	margin:16px 0 0 0;
	text-align:center;
	position:relative;
}
.sociallinks a {
	outline:none;
}
#facebook-button {
	float:left;
	width:25px;
	height:25px;
  display: block;
  background: url(/images/layout/facebook.png) no-repeat;
  background-size:25px;
  line-height: 25px;
  position:absolute;
  left:39%;
  }
#instagram-button {
	float:left;
	width:25px;
	height:25px;
  display: block;
  background: url(/images/layout/instagram.png) no-repeat;
  background-size:25px;
  line-height: 25px;
  position:absolute;
  right:39%;
  }
  
 @media (min-width: 500px) {
#facebook-button {
	float:left;
	width:25px;
	height:25px;
  display: block;
  background: url(/images/layout/facebook.png) no-repeat;
  background-size:25px;
  line-height: 25px;
  position:absolute;
  left:43%;
  }
#instagram-button {
	float:left;
	width:25px;
	height:25px;
  display: block;
  background: url(/images/layout/instagram.png) no-repeat;
  background-size:25px;
  line-height: 25px;
  position:absolute;
  right:43%;
  }	 
 }
 
.footerspaltea {
	text-align:center;
	margin:0 0 40px 0;
}
.footerspalteb {
	text-align:center;
	margin:0 0 80px 0;
}
.footerspaltec {
	text-align:center;
	margin:0 0 80px 0;
}
.footerspalted {
	text-align:center;
	margin:0 0 20px 0;
}

@media (min-width: 767px) {
   .footerspaltea {
	text-align:left;
	margin:0 0 40px 0;
}
 .footerspalteb {
	text-align:left;
	margin:0 0 80px 0;
}
 .footerspaltec {
	text-align:left;
	margin:-40px 0 20px 0;
}
 .footerspalted {
	text-align:left;
	margin:0;
}
.sociallinks {
	float:left;
	width:100%;
	height:auto;
	margin:16px 0 0 0;
	text-align:left;
	position:relative;
}
#facebook-button {
	float:left;
	width:25px;
	height:25px;
  display: block;
  background: url(/images/layout/facebook.png) no-repeat;
  background-size:25px;
  line-height: 25px;
  position:inherit;
  margin:0;
  left:0;
  }
#instagram-button {
	float:left;
	width:25px;
	height:25px;
  display: block;
  background: url(/images/layout/instagram.png) no-repeat;
  background-size:25px;
  line-height: 25px;
  margin:0 0 0 14px;
  position:inherit;
  left:0px;
  }
}

@media (min-width: 992px) {
   .footerspaltea {
	text-align:left;
	margin:0 0 20px 0;
}
 .footerspalteb {
	text-align:left;
	margin:0 0 20px 0;
}
 .footerspaltec {
	text-align:left;
	margin:0px 0 20px 0;
}
 .footerspalted {
	text-align:left;
	margin:0;
}

}

#facebook-button:hover {
  /*text-decoration:none;*/ }

.hero-fullscreen {
  background: url(../images/layout/weinsortiment-startbild.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  position: relative; }

/*# sourceMappingURL=css_02_layout.css.map */
.agever_flag {
    display:inline-block;
/*    margin-left:48.5%;*/
}
 /* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #e5007e;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
} 




#age_background {
    height:auto !important;
    border-radius: 0px;
    background:white !important;
}
#age_background_1 {
    background:white !important;
}
#age_symbol {
    color:red !important;
}
#age_symbol_1 {
    color:red !important;
}
.agever_headline .text {
    color:black !important;
}
.agever_text {
    color:black !important;
}
.agever_noentry_headline .text {
    color:black !important;
}
.agever_noentry_text {
    color:black !important;
}
.entrybutton {
    background:#e5007e !important;
    color:black !important;
}
.noentrybutton {
    background:black !important;
    color:white !important;
}



input[type=checkbox]
{
   Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
 -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  transform: scale(1.5);
  padding: 10px;

}

.ageverform {
  /*display: block; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 9999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow:hidden; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.50); /* Black w/ opacity */
  padding-top: 10px;

}

.agever_headline {
    float:left;
    width:100%;
    height:auto;
    margin:5px 0 5px 0;
}
.agever_headline i {
    float:left;
    width:14%;
    height:auto;
    color:#000000;
    font-size:28px;
    line-height:38px;
    margin:4px 0 0 0;
}
.agever_headline .text {
    float:left;
    width:86%;
    height:auto;
    font-family: "Roboto", sans-serif;
    font-weight:600;
    font-size:18px;
    line-height:26px;
    color:#821e19;
}
.agever_text {
    float:left;
    width:100%;
    height:auto;
    font-family: "Roboto", sans-serif;
    font-weight:400;
    font-size:15px;
    line-height:24px;
    color:#000000;
    margin:8px 0 5px 0;
}
.agever_logo {
    float:left;
    width:100%;
    height:auto;
    margin:10px 0 15px 0;
    text-align:center;
}
.agever_logo img {
    width:90%;
    max-width:350px;
    height:auto;
}
.agever_button_l {
    float:left;
    width:46%;
    height:auto;
    font-family: "Roboto", sans-serif;
    margin:10px 1% 0px 0;

}
.agever_button_r {
    float:left;
    width:46%;
    height:auto;
    font-family: "Roboto", sans-serif;
    margin:10px 0 0 1%;
}
.noentrybutton {
    
    float:left;
    width:100%;
    height:60px;
    text-align:center;
  background-color: #222222;
  color: white;
  padding: 10px 10px;
  margin: 4px 0 0px 0;
  border: none;
  cursor: pointer;
  font-size:12px;
  line-height:20px;
}
.noentrybutton:hover {
  opacity: 0.8;
}
.entrybutton {
    float:left;
    width:100%;
    height:60px;
    text-align:center;
  background-color: #821e19;
  color: white;
  padding: 10px 10px;
  margin: 4px 0 0px 0;
  border: none;
  cursor: pointer;
  font-size:14px;
  line-height:20px;
}
.entrybutton:hover {
  opacity: 0.8;
}
.entrybutton2 {
    float:left;
    width:100%;
    height:60px;
    text-align:center;
  background-color: #821e19;
  color: white;
  padding: 10px 10px;
  margin: 4px 0 0px 0;
  border: none;
  cursor: pointer;
  font-size:14px;
  line-height:20px;
}
.entrybutton2:hover {
  opacity: 0.8;
}
.clear {
    clear:both;
}

.ageverform_noentry {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 9999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow:hidden; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
  padding-top: 10px;
}
.agever_noentry_headline {
    float:left;
    width:100%;
    height:auto;
    margin:40px 0 20px 0;
}
.agever_noentry_headline i {
    float:left;
    width:18%;
    height:auto;
    color:#000000;
    font-size:28px;
    line-height:50px;
    margin:0px 0 0 0;
}
.agever_noentry_headline .text {
    float:left;
    width:82%;
    height:auto;
    font-family: "Roboto", sans-serif;
    font-weight:600;
    font-size:18px;
    line-height:28px;
    color:#821e19;
}
.agever_noentry_text {
    float:left;
    width:100%;
    height:auto;
    font-family: "Roboto", sans-serif;
    font-weight:600;
    font-size:18px;
    line-height:28px;
    color:#000000;
    text-align:center;
    margin:10px 0 40px 0;
}
.agever_noentry_logo {
    float:left;
    width:100%;
    height:auto;
    margin:10px 0 30px 0;
    text-align:center;
}
.agever_noentry_logo img {
    width:90%;
    max-width:350px;
    height:auto;
}
.modal-content {
    position:relative;
    background-color: #ffffff;
    margin: 5px auto;
    border: none;
    width: 90%;
    box-shadow:4px 4px 4px rgba(0,0,0,0.4);
    border-radius:5px !important;
    width: 100%;
    box-shadow:4px 4px 4px rgba(0,0,0,0.4);
}
.formcontainer {
  padding: 16px;
}
.animate {
  -webkit-animation: animatezoom 0.6s;
  animation: animatezoom 0.6s
}

@-webkit-keyframes animatezoom {
  from {-webkit-transform: scale(0)}
  to {-webkit-transform: scale(1)}
}

@keyframes animatezoom {
  from {transform: scale(0)}
  to {transform: scale(1)}
}

@media only screen and (max-width: 768px) {
    #age_background {
    /*	height:80% !important;*/
	height:auto !important;
    }
}
@media only screen and (min-width: 768px) {
    #age_background {
/*		height:70% !important;*/
	height:auto !important;
    }
.agever_headline i {
    float:left;
    width:8%;
    height:auto;
    color:#000000;
    font-size:38px;
    line-height:46px;
    margin:0px 0 0 0;
}
.agever_headline .text {
    float:left;
    width:92%;
    height:auto;
    font-family: "Roboto", sans-serif;
    font-weight:600;
    font-size:24px;
    line-height:34px;
    color:#821e19;
}	
.agever_text {
    float:left;
    width:100%;
    height:auto;
    font-family: "Roboto", sans-serif;
    font-weight:400;
    font-size:16px;
    line-height:28px;
    color:#000000;
    margin:8px 0 5px 0;
}
.agever_logo {
    float:left;
    width:100%;
    height:auto;
    margin:10px 0 20px 0;
    text-align:center;
}
.agever_logo img {
    width:40%;
    height:auto;
}	
.agever_button_l {
    float:left;
    width:49%;
    height:auto;
    font-family: "Roboto", sans-serif;
    margin:20px 1% 0px 0;
}
.agever_button_r {
    float:left;
    width:46%;

    height:auto;
    font-family: "Roboto", sans-serif;
    margin:20px 0 0 1%;
}
.agever_noentry_headline i {
    float:left;
    width:8%;
    height:auto;
    color:#000000;
    font-size:38px;
    line-height:50px;
    margin:5px 0 0 0;
}
.agever_noentry_headline .text {
    float:left;
    width:92%;
    height:auto;
    font-family: "Roboto", sans-serif;
    font-weight:600;
    font-size:32px;
    line-height:42px;
    color:#821e19;
}
}







@media (max-width: 550px) {

input[type=checkbox]
{
   Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
 -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  transform: scale(1.5);
  padding: 10px;
margin-bottom:100%;

}
}




@media (min-width: 1200px) {
input[type=checkbox]
{
   Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
 -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  transform: scale(1.5);
  padding: 10px;
/*margin-bottom:80%;*/
}



.ageverform {
 /* display: block; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 9999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow:hidden; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.50); /* Black w/ opacity */
  padding-top: 100px;
}
.ageverform_noentry {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 9999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow:hidden; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
  padding-top: 100px;
}
.modal-content {
    position:relative;
    background-color: #ffffff;
    margin: 5px auto;
    border: none;
    width: 35%;
    box-shadow:4px 4px 4px rgba(0,0,0,0.4);
border-radius:5px;
}
.agever_headline {
    float:left;
    width:100%;
    height:auto;
    margin:5px 0 10px 0;
}
.agever_headline i {
    float:left;
    width:11%;
    height:auto;
    color:#000000;
    font-size:38px;
    line-height:48px;
    margin:2px 0 0 0;
}
.agever_headline .text {
    float:left;
    width:100%;
    text-align:center;
    height:auto;
    font-family: "Roboto", sans-serif;
    font-weight:600;
    font-size:24px;
    line-height:34px;
    color:#821e19;
}
.agever_text {
    float:left;
    width:100%;
    height:auto;
    font-family: "Roboto", sans-serif;
    font-weight:400;
    font-size:18px;
    line-height:30px;
    color:#000000;
    margin:8px 0 5px 0;
}
.agever_logo {
    float:left;
    width:100%;
    height:auto;
    margin:8px 0 20px 0;
    text-align:center;
}
.agever_logo img {
    width:50%;
    height:auto;
}
.agever_noentry_headline {
    float:left;
    width:100%;
    height:auto;
    margin:40px 0 30px 0;
}
.agever_noentry_headline i {
    float:left;
    width:11%;
    height:auto;
    color:#000000;
    font-size:44px;
    line-height:54px;
    margin:5px 0 0 0;
}
.agever_noentry_headline .text {
    float:left;
    width:89%;
    height:auto;
    font-family: "Roboto", sans-serif;
    font-weight:600;
    font-size:28px;
    line-height:40px;
    color:#821e19;
}
.agever_noentry_text {
    float:left;
    width:100%;
    height:auto;
    font-family: "Roboto", sans-serif;
    font-weight:600;
    font-size:22px;
    line-height:34px;
    color:#000000;
    text-align:center;
    margin:10px 0 40px 0;
}
.agever_noentry_logo {
    float:left;
    width:100%;
    height:auto;
    margin:10px 0 30px 0;
    text-align:center;
}
.agever_noentry_logo img {
    width:70%;
    height:auto;
}

}

/*# sourceMappingURL=css_02_layout.css.map */
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	        border-radius: 8px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px 'Roboto', sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../img/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../img/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../img/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../img/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px 'Roboto', sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../img/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('../img/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}@-moz-keyframes leistenachoben {
0% { top:50%; margin:-38px 0 0 0; }
70% { top:50%; margin:-38px 0 0 0; }
100% { top:80px; margin:0px 0 0 0; }
}
@-webkit-keyframes leistenachoben {
0% { top:50%; margin:-38px 0 0 0; }
70% { top:50%; margin:-38px 0 0 0; }
100% { top:80px; margin:0px 0 0 0; }
}
@-o-keyframes leistenachoben {
0% { top:50%; margin:-38px 0 0 0; }
70% { top:50%; margin:-38px 0 0 0; }
100% { top:80px; margin:0px 0 0 0; }
}


@-moz-keyframes leistenachunten {
0% { bottom:50%; margin:0 0 -38px 0; }
70% { bottom:50%; margin:0 0 -38px 0; }
100% { bottom:0%; margin:0px 0 0 0; }
}
@-webkit-keyframes leistenachunten {
0% { bottom:50%; margin:0 0 -38px 0; }
70% { bottom:50%; margin:0 0 -38px 0; }
100% { bottom:80px; margin:0px 0 0 0; }
}
@-o-keyframes leistenachunten {
0% { bottom:50%; margin:0 0 -38px 0; }
70% { bottom:50%; margin:0 0 -38px 0; }
100% { bottom:0%; margin:0px 0 0 0; }
}
@-moz-keyframes leistenachuntena {
0% { bottom:50%; margin:0 0 -38px 0; opacity:1; }
70% { bottom:50%; margin:0 0 -38px 0; opacity:1; }
100% { bottom:0%; margin:0px 0 0 0; opacity:0; }
}
@-webkit-keyframes leistenachuntena {
0% { bottom:50%; margin:0 0 -38px 0; opacity:1; }
70% { bottom:50%; margin:0 0 -38px 0; opacity:1; }
100% { bottom:0%; margin:0px 0 0 0; opacity:0; }
}
@-o-keyframes leistenachuntena {
0% { bottom:50%; margin:0 0 -38px 0; opacity:1; }
70% { bottom:50%; margin:0 0 -38px 0; opacity:1; }
100% { bottom:0%; margin:0px 0 0 0; opacity:0; }
}

@-moz-keyframes logofadeout {
0% { opacity:1; }
70% { opacity:1; }
100% { opacity:0; }
}
@-webkit-keyframes logofadeout {
0% { opacity:1; }
70% { opacity:1; }
100% { opacity:0; }
}
@-o-keyframes logofadeout {
0% { opacity:1; }
70% { opacity:1; }
100% { opacity:0; }
}
@-moz-keyframes logo_rfadeout {
0% { top:45.5%; right:49%; }
70% { top:45.5%; right:49%;  }
100% { top:21%; right:28%; }
}
@-webkit-keyframes logo_rfadeout {
0% { top:45.5%; right:49%; }
70% { top:45.5%; right:49%;  }
100% { top:21%; right:28%; }
}
@-o-keyframes logo_rfadeout {
0% { top:45.5%; right:49%; }
70% { top:45.5%; right:49%;  }
100% { top:21%; right:28%; }
}
@media only screen and (min-width: 700px) {
@-moz-keyframes logo_rfadeout {
0% { top:45.5%; right:49%; }
70% { top:45.5%; right:49%;  }
100% { top:21%; right:28%; }
}
@-webkit-keyframes logo_rfadeout {
0% { top:45.5%; right:50%; }
70% { top:45.5%; right:50%;  }
100% { top:21%; right:32%; }
}
@-o-keyframes logo_rfadeout {
0% { top:45.5%; right:49%; }
70% { top:45.5%; right:49%;  }
100% { top:21%; right:28%; }
}	
}

@-moz-keyframes textunserfadein {
0% { opacity:0; }
70% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes textunserfadein {
0% { opacity:0; }
70% { opacity:0; }
100% { opacity:1; }
}
@-o-keyframes textunserfadein {
0% { opacity:0; }
70% { opacity:0; }
100% { opacity:1; }
}

@-moz-keyframes menufadein {
0% { opacity:0; }
70% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes menufadein {
0% { opacity:0; }
70% { opacity:0; }
100% { opacity:1; }
}
@-o-keyframes menufadein {
0% { opacity:0; }
70% { opacity:0; }
100% { opacity:1; }
}


@-moz-keyframes naveinsfadein {
0% { opacity:0; }
60% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes naveinsfadein {
0% { opacity:0; }
60% { opacity:0; }
100% { opacity:1; }
}
@-o-keyframes naveinsfadein {
0% { opacity:0; }
60% { opacity:0; }
100% { opacity:1; }
}

@-moz-keyframes navzweifadein {
0% { opacity:0; }
60% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes navzweifadein {
0% { opacity:0; }
60% { opacity:0; }
100% { opacity:1; }
}
@-o-keyframes navzweifadein {
0% { opacity:0; }
60% { opacity:0; }
100% { opacity:1; }
}

@-moz-keyframes navdreifadein {
0% { opacity:0; }
60% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes navdreifadein {
0% { opacity:0; }
60% { opacity:0; }
100% { opacity:1; }
}
@-o-keyframes navdreifadein {
0% { opacity:0; }
60% { opacity:0; }
100% { opacity:1; }
}

@-moz-keyframes textweingutfadein {
0% { opacity:0; }
60% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes textweingutfadein {
0% { opacity:0; }
60% { opacity:0; }
100% { opacity:1; }
}
@-o-keyframes textweingutfadein {
0% { opacity:0; }
60% { opacity:0; }
100% { opacity:1; }
}

@-moz-keyframes navfuenffadein {
0% { opacity:0; }
60% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes navfuenffadein {
0% { opacity:0; }
60% { opacity:0; }
100% { opacity:1; }
}
@-o-keyframes navfuenffadein {
0% { opacity:0; }
60% { opacity:0; }
100% { opacity:1; }
}

@-moz-keyframes navsechsfadein {
0% { opacity:0; }
60% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes navsechsfadein {
0% { opacity:0; }
60% { opacity:0; }
100% { opacity:1; }
}
@-o-keyframes navsechsfadein {
0% { opacity:0; }
60% { opacity:0; }
100% { opacity:1; }
}

@-moz-keyframes navsiebenfadein {
0% { opacity:0; }
60% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes navsiebenfadein {
0% { opacity:0; }
60% { opacity:0; }
100% { opacity:1; }
}
@-o-keyframes navsiebenfadein {
0% { opacity:0; }
60% { opacity:0; }
100% { opacity:1; }
}

@-moz-keyframes navachtfadein {
0% { opacity:0; }
60% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes navachtfadein {
0% { opacity:0; }
60% { opacity:0; }
100% { opacity:1; }
}
@-o-keyframes navachtfadein {
0% { opacity:0; }
60% { opacity:0; }
100% { opacity:1; }
}

@-moz-keyframes footerfadein {
0% { opacity:0; }
70% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes footerfadein {
0% { opacity:0; }
70% { opacity:0; }
100% { opacity:1; }
}
@-o-keyframes footerfadein {
0% { opacity:0; }
70% { opacity:0; }
100% { opacity:1; }
}
@-moz-keyframes footerlogofadein {
0% { opacity:0; }
70% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes footerlogofadein {
0% { opacity:0; }
70% { opacity:0; }
100% { opacity:1; }
}
@-o-keyframes footerlogofadein {
0% { opacity:0; }
70% { opacity:0; }
100% { opacity:1; }
}

@-moz-keyframes usnavfadeout {
0% { opacity:1; }
50% { opacity:1; }
100% { opacity:0; }
}
@-webkit-keyframes usnavfadeout {
0% { opacity:1; }
50% { opacity:1; }
100% { opacity:0; }
}
@-o-keyframes usnavfadeout {
0% { opacity:1; }
50% { opacity:1; }
100% { opacity:0; }
}

@-moz-keyframes usoverlayfadeout {
0% { opacity:1; }
50% { opacity:1; }
100% { opacity:0; }
}
@-webkit-keyframes usoverlayfadeout {
0% { opacity:1; }
50% { opacity:1; }
100% { opacity:0; }
}
@-o-keyframes usoverlayfadeout {
0% { opacity:1; }
50% { opacity:1; }
100% { opacity:0; }
}

@-moz-keyframes whiteoverlayfadein {
0% { opacity:0; }
35% { opacity:0; }
65% { opacity:1; }
90% { opacity:1; }
100% { opacity:0; }
}
@-webkit-keyframes whiteoverlayfadein {
0% { opacity:0; }
35% { opacity:0; }
65% { opacity:1; }
90% { opacity:1; }
100% { opacity:0; }
}
@-o-keyframes whiteoverlayfadein {
0% { opacity:0; }
35% { opacity:0; }
65% { opacity:1; }
90% { opacity:1; }
100% { opacity:0; }
}





@-moz-keyframes usoverlayfadein {
0% { opacity:0; }
50% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes usoverlayfadein {
0% { opacity:0; }
50% { opacity:0; }
100% { opacity:1; }
}
@-o-keyframes usoverlayfadein {
0% { opacity:0; }
50% { opacity:0; }
100% { opacity:1; }
}*, *:before, *:after {
    -webkit-box-sizing: border-box; /* Safari/Chrome, andere WebKit-Browser */
    -moz-box-sizing: border-box; /* Firefox, andere Gecko-Browser */
    box-sizing: border-box; /* Opera/IE 8+ */
}

* { padding: 0;margin: 0; }

html, body {
  height:100%;
} 

#wrapper {
	position:sticky;
	float:left;
	width:100%;
	height:100%;
	background-color:#000000;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	overflow:scroll;
}
.topbereich {
	float:left;
	width:100%;
	max-height:80%;
	min-height:80%;
	background:#ffcc22;
	overflow:scroll;
}
.bottombereich {
	float:left;
	width:100%;
	height:20%;
	min-height:20%;
	background:#ccff22;
}

.menubutton {
	position:fixed;
	top:20px;
	left:20px;
	width:42px;
	height:42px;
	z-index:999;
	background:url(../img/icon_menu_burger.png) no-repeat center center;
	background-size:42px;
	-webkit-animation: whitecontentfadein 1s 1 ease-in-out;
	-moz-animation: whitecontentfadein 1s 1 ease-in-out;
	-o-animation: whitecontentfadein 1s 1 ease-in-out;
	animation: whitecontentfadein 1s 1 ease-in-out;
}
.menubutton:hover {
	cursor:pointer;
	background:url(../img/icon_menu_burger_gold.png) no-repeat center center;
	background-size:42px;
}
.menubutton_close {
	position:fixed;
	top:20px;
	left:20px;
	width:42px;
	height:42px;
	z-index:999;
	background:url(../img/icon_menu_close.png) no-repeat center center;
	background-size:42px;
	display:none;
}
.menubutton_close:hover {
	cursor:pointer;
	background:url(../img/icon_menu_close_gold.png) no-repeat center center;
	background-size:42px;
}
.contentblock_white {
	position:absolute;
	float:left;
	top:0;
	bottom:0;
	left:36%;
	width:48%;
	min-height:100%;
	height:auto !important;
	height:100%;
	background:rgba(255,255,255,0.88);
	z-index:1;
	opacity:1;
	-webkit-animation: whitecontentfadein 1s 1 ease-in-out;
	-moz-animation: whitecontentfadein 1s 1 ease-in-out;
	-o-animation: whitecontentfadein 1s 1 ease-in-out;
	animation: whitecontentfadein 1s 1 ease-in-out;
	padding:0px;
}
.contentblock_white_innen {
	width:100%;
	height:100%;
	padding:20px 0 20px 0;	
	font-size:20px;
	font-weight:400;
	color:#000000;
	text-transform:none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media only screen and (min-width: 1100px) {

}
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}.btn-lined, .btn-lined-white {
  background-color: transparent;
  border-color: #655D5A;
  border-radius: 0px;
  color: #7B7471;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  letter-spacing: 0em;
  padding: 6px 15px; }

.btn-lined:hover, .btn-lined-white:hover,
.btn-lined:focus,
.btn-lined-white:focus,
.btn-lined:active,
.btn-lined-white:active,
.btn-lined.active,
.active.btn-lined-white,
.open .dropdown-toggle.btn-lined,
.open .dropdown-toggle.btn-lined-white {
  color: #7B7471; }

.btn-lined-white {
  border-color: #978F84;
  color: #fff;
  margin: 0; }

.btn-lined-white:hover,
.btn-lined-white:focus,
.btn-lined-white:active,
.btn-lined-white.active,
.open .dropdown-toggle.btn-lined-white {
  color: #fff; }

.icon-extern, .icon-extern-white {

    background: url(/images/layout/icon-extern2.png) no-repeat;
  width: 16px;
  height: 16px;
  margin-left: 6px;
  position: relative;
  top: 4px; }

.icon-extern-white {
  background-image: url(/images/layout/icon-extern2.png); }

/*# sourceMappingURL=css_03_buttons.css.map */