/*! HTML5 Boilerplate v5.1.0 | MIT License | https://html5boilerplate.com/ */
	
	/*
	 * What follows is the result of much research on cross-browser styling.
	 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
	 * Kroc Camen, and the H5BP dev community and team.
	 */
	
	/* ==========================================================================
		Base styles:opinionated defaults
		========================================================================== */

html {
	color:#222;
	font-size:1em;
	line-height:1.4;
}

	/*
	 * Remove text-shadow in selection highlight:
	 * https://twitter.com/miketaylr/status/12228805301
	 *
	 * These selection rule sets have to be separate.
	 * Customize the background color to match your design.
	 */
	 
::-moz-selection {
	background:#b3d4fc;
	text-shadow:none;
}
::selection {
	background:#b3d4fc;
	text-shadow:none;
}

	/*
	 * A better looking default horizontal rule
	 */
	 
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
	margin:1em 0;
	padding:0;
}

	/*
	 * Remove the gap between audio, canvas, iframes,
	 * images, videos and the bottom of their containers:
	 * https://github.com/h5bp/html5-boilerplate/issues/440
	 */
	 
audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align:middle;
}

	/*
	 * Remove default fieldset styles.
	 */
	 
fieldset {
	border:0;
	margin:0;
	padding:0;
}
#footerrow {
	padding-bottom:0px;
	padding-top:25px !important;
}

	/*
	 * Allow only vertical resizing of textareas.
	 */
	 
textarea {
	resize:vertical;
}

	/* ==========================================================================
		Browser Upgrade Prompt
		========================================================================== */

.browserupgrade {
	margin:0 0 0.5em 0;
	background:#FEEFB3;
	color:#9F6000;
	padding:10px;
	border-bottom:1px solid #D8000C;
}

	/* ==========================================================================
		Author's custom styles
		========================================================================== */
		
.button_angebot, .button_auftrag {
	display:none;
}

.arrowbtn {
	width:357px;
	height:96px;
	background-repeat:no-repeat;
	font-size:14pt;
	line-height:96px;
	text-align:center;
	color:white;
	margin-bottom:10px;
	background-size:cover;
	cursor:pointer;
	display:inline-block;
}
.arrowbtn.small {
	width:238px;
	height:64px;
	background-repeat:no-repeat;
	font-size:14pt;
	line-height:64px;
	text-align:center;
	color:white;
	margin-bottom:10px;
	background-size:cover;
}
.arrowbtn.smaller {
	width:193px;
	height:52px;
	background-repeat:no-repeat;
	font-size:11pt;
	line-height:52px;
	text-align:center;
	color:white;
	margin-bottom:10px;
	background-size:cover;
	float:left;
}
.arrowbtn.blue.left {
	background-image:url(/media/icon/96/96-big-blue-left.png);
	padding-right:60px;
}
.arrowbtn.blue.right {
	background-image:url(/media/icon/96/96-big-blue-right.png);
	padding-left:60px;
}
.arrowbtn.green.left {
	background-image:url(/media/icon/96/96-big-green-left.png);
	padding-right:60px;
}
.arrowbtn.green.right {
	background-image:url(/media/icon/96/96-big-green-right.png);
	padding-left:60px;
}
.arrowbtn.yellow.left {
	background-image:url(/media/icon/96/96-big-yellow-left.png);
	padding-right:60px;
}
.arrowbtn.yellow.right {
	background-image:url(/media/icon/96/96-big-yellow-right.png);
	padding-left:60px;
}
.arrowbtn.left.small {
	padding-right:40px !important;
	font-size:11pt;
}
.arrowbtn.right.small {
	padding-left:40px !important;
	font-size:11pt;
}
.arrowbtn.left.smaller {
	padding-right:40px !important;
	font-size:9pt;
}
.arrowbtn.right.smaller {
	padding-left:40px !important;
	font-size:9pt;
}
.warenkorbseite input {
	text-align:center !important;
}
.indicator {
	width:20px;
	height:20px;
	background-size:cover;
	overflow:hidden;
	display:inline-block;
	padding-top:10px;
	position:absolute;
	right:20px;
	top:2px;
}
.indicator.good {
	background-image:url(/media/icon/32/32-check.png);
}
.indicator.bad {
	background-image:url(/media/icon/32/32-warn.png);
}
.account-management .indicator
{
	right:27px;
}
.infobtn_blue_64 {
	width:170px;
	height:64px;
	display:inline-block;
	background-image:url(/media/icon/64/64-info.png);
	background-repeat:no-repeat;
	background-size:cover;
	cursor:pointer;
	float:left;
}
.infobtn_blue_48 {
	width:128px;
	height:48px;
	display:inline-block;
	background-image:url(/media/icon/64/64-info.png);
	background-repeat:no-repeat;
	background-size:cover;
	cursor:pointer;
	float:left;
}
.infobtn_blue_32 {
	width:85px;
	height:32px;
	display:inline-block;
	background-image:url(/media/icon/64/64-info.png);
	background-repeat:no-repeat;
	background-size:cover;
	cursor:pointer;
	float:left;
}
.infobtn_pretext_32 {
	height:32px;
	line-height:32px;
	display:inline-block;
	width:148px;
	margin-bottom:10px;
	font-size:12pt;
	color:#48C;
	font-weight:bold;
	float:left;
}
.clear,.clear:before,.clear:after {
	display:inline-block;
	clear:both;
}
.basket-plus {
	width:24px;
	height:24px;
	background-image:url(/media/icon/64/64-plus.png) !important; /* higher quality for retina */
	background-size:cover;
	background-repeat:no-repeat;
	background-color:transparent !important;
	cursor:pointer;
	float:left;
	transform:scale(1);
	transition:200ms all linear;
}
.basket-minus {
	width:24px;
	height:24px;
	background-image:url(/media/icon/64/64-minus.png) !important; /* higher quality for retina */
	background-size:cover;
	background-repeat:no-repeat;
	background-color:transparent !important;
	cursor:pointer;
	margin-left:5px;
	float:left;
	transform:scale(1);
	transition:200ms all linear;
}
.basket-delete {
	width:24px;
	height:24px;
	background-image:url(/media/icon/64/64-cross.png) !important; /* higher quality for retina */
	background-size:cover;
	background-repeat:no-repeat;
	background-color:transparent !important;
	cursor:pointer;
	margin-left:12px;
	float:left;
	transform:scale(1);
	transition:200ms all linear;
}
.basket-cancel {
	width:24px;
	height:24px;
	font:normal normal normal 14px/1 FontAwesome;
	line-height:24px;
	background:linear-gradient(#48C,#248);
	border-radius:20px;
	cursor:pointer;
	margin-left:12px;
	padding:0 0 0 1px;
	float:left;
	transform:scale(1);
	transition:200ms all linear;
	text-align:center;
}
.basket-cancel:before {
	content:"\f014";
	color:white;
	font:normal normal normal 14px/1 FontAwesome;
}
.basket-cancelreverse {
	width:24px;
	height:24px;
	font:normal normal normal 14px/1 FontAwesome;
	line-height:24px;
	background:linear-gradient(gold,orangered);
	border-radius:20px;
	cursor:pointer;
	margin-left:5px;
	padding:0 0 0 1px;
	float:left;
	transform:scale(1);
	transition:200ms all linear;
	text-align:center;
}
.basket-cancelreverse:before {
	content:"\f0e2";
	color:white;
	font:normal normal normal 14px/1 FontAwesome;
}
.basket-plus:hover,
.basket-minus:hover,
.basket-delete:hover,
.basket-cancel:hover,
.basket-cancelreverse:hover {
	transform:scale(1.2);
	transition:200ms all linear;
}
.fixbasket-plus {
	width:24px;
	height:24px;
	background-image:url(/media/icon/64/64-plus.png) !important; /* higher quality for retina */
	background-size:cover;
	background-repeat:no-repeat;
	background-color:transparent !important;
	cursor:pointer;
	float:left;
	transform:scale(1);
	transition:200ms all linear;
}
.fixbasket-minus {
	width:24px;
	height:24px;
	background-image:url(/media/icon/64/64-minus.png) !important; /* higher quality for retina */
	background-size:cover;
	background-repeat:no-repeat;
	background-color:transparent !important;
	cursor:pointer;
	margin-left:5px;
	float:left;
	transform:scale(1);
	transition:200ms all linear;
}
.fixbasket-delete {
	width:24px;
	height:24px;
	background-image:url(/media/icon/64/64-cross.png) !important; /* higher quality for retina */
	background-size:cover;
	background-repeat:no-repeat;
	background-color:transparent !important;
	cursor:pointer;
	margin-left:12px;
	float:left;
	transform:scale(1);
	transition:200ms all linear;
}
.fixbasket-cancel {
	width:24px;
	height:24px;
	font:normal normal normal 14px/1 FontAwesome;
	line-height:24px;
	background:linear-gradient(#48C,#248);
	border-radius:20px;
	cursor:pointer;
	margin-left:12px;
	padding:0 0 0 1px;
	float:left;
	transform:scale(1);
	transition:200ms all linear;
	text-align:center;
}
.fixbasket-cancel:before {
	content:"\f014";
	color:white;
	font:normal normal normal 14px/1 FontAwesome;
}
.fixbasket-cancelreverse {
	width:24px;
	height:24px;
	font:normal normal normal 14px/1 FontAwesome;
	line-height:24px;
	background:linear-gradient(gold,orangered);
	border-radius:20px;
	cursor:pointer;
	margin-left:5px;
	padding:0 0 0 1px;
	float:left;
	transform:scale(1);
	transition:200ms all linear;
	text-align:center;
}
.fixbasket-cancelreverse:before {
	content:"\f0e2";
	color:white;
	font:normal normal normal 14px/1 FontAwesome;
}
.fixbasket-plus:hover,
.fixbasket-minus:hover,
.fixbasket-delete:hover,
.fixbasket-cancel:hover,
.fixbasket-cancelreverse:hover {
	transform:scale(1.2);
	transition:200ms all linear;
}
#ausgabedatum_button {
	cursor:pointer;
}
#ausgabedatum_feld {
	cursor:pointer;
}
#ui-datepicker-div {
	transform:scale(1.4);
	margin-top:50px;
}

	/* ==========================================================================
		Helper classes
		========================================================================== */
	
	/*
	 * Hide visually and from screen readers:
	 */
	
.hidden {
	display:none !important;
}

	/*
	 * Hide only visually, but have it available for screen readers:
	 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
	 */

.visuallyhidden {
	border:0;
	clip:rect(0 0 0 0);
	height:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute;
	width:1px;
}

	/*
	 * Extends the .visuallyhidden class to allow the element
	 * to be focusable when navigated to via the keyboard:
	 * https://www.drupal.org/node/897638
	 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip:auto;
	height:auto;
	margin:0;
	overflow:visible;
	position:static;
	width:auto;
}
	
	/*
	 * Hide visually and from screen readers, but maintain layout
	 */

.invisible {
	visibility:hidden;
}
	
	/*
	 * Clearfix:contain floats
	 *
	 * For modern browsers
	 * 1. The space content is one way to avoid an Opera bug when the
	 * `contenteditable` attribute is included anyWHERE else in the document.
	 * Otherwise it causes space to appear at the top and bottom of elements
	 * that receive the `clearfix` class.
	 * 2. The use of `table` rather than `block` is only necessary if using
	 * `:before` to contain the top-margins of child elements.
	 */

.clearfix:before,
.clearfix:after {
	content:" "; /* 1 */
	display:table; /* 2 */
}
.clearfix:after {
	clear:both;
}
	
	/* ==========================================================================
		EXAMPLE Media Queries for Responsive Design.
		These examples override the primary ('mobile first') styles.
		Modify as content requires.
		========================================================================== */

@media only screen and (min-width:35em) {
	/* Style adjustments for viewports that meet the condition */
}
@media print,
	(-webkit-min-device-pixel-ratio:1.25),
	(min-resolution:120dpi) {
	/* Style adjustments for high resolution devices */
}
	
	/* ==========================================================================
		Print styles.
		Inlined to avoid the additional HTTP request:
		http://www.phpied.com/delay-loading-your-print-css/
		========================================================================== */

@media print {
	 *,
	 *:before,
	 *:after {
		background:transparent !important;
		color:#fff !important; /* Black prints faster */ /* schwachsinn, junge! */
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	/*
	 * Don't show links that are fragment identifiers,
	 * or use the `javascript:` pseudo protocol
	 */
	a[href^="#"]:after,
	a[href^="javascript:"]:after {
		content:"";
	}
	pre,
	blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	/*
	 * Printing Tables:
	 * http://css-discuss.incutio.com/wiki/Printing_Tables
	 */
	thead {
		display:table-header-group;
	}
	tr,
	img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	p,
	h1,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h1,
	h2,
	h3 {
		page-break-after:avoid;
	}
}
.mbb_a {
	border:0;
	text-decoration:none;
	margin:0;
	padding:0;
	width:100%;
	cursor:pointer;
}
.mobile_basket_button {
	position:relative;
	border-top:1px solid #248;
	width:100%;
	height:40px;
	background:#ddd;
	background:linear-gradient(#eee,#aaa);
}
.mobile_basket_button .mbb_icon {
	width:40px;
	text-align:center;
	line-height:40px;
	height:40px;
	overflow:hidden;
	border-right:1px solid #369;
	background:#48C;
	position:absolute;
	left:0;
	top:0;
}
.mobile_basket_button .mbb_icon i {
	font-size:14pt;
	color:white;
}
.mobile_basket_button .mbb_text {
	position:absolute;
	right:0;
	top:0;
	left:41px;
	height:40px;
	line-height:40px;
	font-size:13pt;
	color:#248;
	text-align:center;
}
.mobile_basket_button .mbb_text .mbb_state {
	font-size:11pt;
	color:white;
	background-color:#333;
	border-radius:20px;
	padding:3px 10px 3px 10px;
	margin-left:5px;
}
.bb-disabled {
	opacity:0.1;
	cursor:not-allowed;
}
.row-editor-save-cancel {
	margin-top:30px;
}

.row-editor-save-cancel>.col-sm-6 button {
	width:100%;
	min-height:60px;
	border-radius:5px;
	transition:300ms all linear;
	transform:scale(1);
	text-rendering:geometricPrecision;
	box-sizing:border-box;
}
.row-editor-save-cancel>.col-sm-6 button:hover {
	transition:300ms all linear;
	transform:scale(1.1);
	box-shadow:0 0 5px 2px rgba(0,0,0,0.25);
}
.row-editor-save-cancel>.col-sm-6 button.btn-edcancel {
	border:1px solid maroon;
	background-color:#fcc;
}
.row-editor-save-cancel>.col-sm-6 button.btn-edsave {
	border:1px solid green;
	background-color:#cfc;
}
.row-editor-save-cancel>.col-sm-6>button>table {
	width:100%;
	margin:0;
	padding:0;
	border:0;
}
.row-editor-save-cancel .col-sm-6 button table tr>td {
	vertical-align:top;
	text-align:left;
}
.row-editor-save-cancel>.col-sm-6 button.btn-edcancel>table tr>td.btn-ed-icon {
	width:60px;
	background-image:url(/media/icon/128/disapprove.png);
	background-size:50px 50px;
	background-repeat:no-repeat;
}
.row-editor-save-cancel>.col-sm-6 button.btn-edsave>table tr>td.btn-ed-icon {
	width:60px;
	background-image:url(/media/icon/128/approve.png);
	background-size:50px 50px;
	background-repeat:no-repeat;
}
.row-editor-save-cancel>.col-sm-6>button>table tr>td.btn-ed-title {
	height:25px;
	font-weight:bold;
	text-align:left;
}
.row-editor-save-cancel>.col-sm-6>button>table tr>td.btn-ed-desc {
	height:25px;
	text-align:left;
	font-size:9pt;
}
.row-editor-save-cancel>.col-sm-6 button:focus {
	outline:none;
}
.row-editor-save-cancel>.col-sm-6 button.btn-working {
	transition:50ms all linear;
	box-shadow:1px 1px 3px 1px black;
	transform:scale(1);
	background-color:#cff;
	border:1px solid black;
}
.row-editor-save-cancel>.col-sm-6 button.btn-working >table tr>td.btn-ed-icon {
	background-image:url(/media/icon/128/work.gif);
	background-size:50px 50px;
	background-repeat:no-repeat;
}
.rotate-vert-center {
	-webkit-animation:rotate-vert-center 3s cubic-bezier(0.445, 0.050, 0.550, 0.950) infinite both;
	animation:rotate-vert-center 3s cubic-bezier(0.445, 0.050, 0.550, 0.950) infinite both;
}
#sp-breadcrumb {
	margin-top:0 !important;
	padding-top:0 !important;
	display:none; /* 2021 */
}
.container {
	margin-top:0;
	padding-top:0;
	width:100% !important;
}
.container>.row:first-child,
.account-management>.row:first-child {
	margin-top:0 !important;
	padding-top:0 !important;
	padding-bottom:20px;
}
.youareheretree a {
	color:black;
	margin-right:5px;
	margin-left:5px;
}
.youareheretree a:nth-child(1)
{
	margin-left:0 !important;
}
.aclf-menu-wrapper {
	display:table;
	width:100%;
}
#aclf-menu {
	padding:0 0 0 10px;
	margin:5px 0 0 0;
	display:inline-table; /* hack:-block and -flex are not supported by IE < 11 while -table is supported in 8 and above */
	width:100%;
	background:linear-gradient(#888,#555);
}
#aclf-menu:before,
#aclf-menu:after {
	margin:0;
	padding:0;
}
#aclf-menu>a {
	float:left;
	height:35px;
	padding:0 50px;
	color:white;
	line-height:35px;
	cursor:pointer;
	background:#00000000;
	transition:200ms all linear;
}
#aclf-menu>a:hover {
	background:#00000040;
}
#aclf-menu>a.active {
	background:#00000060;
}
.clear {
	clear:both;
}
.aclf-headers {
	text-align:center;
	padding:0;
	margin:0 0 20px 0;
	background:linear-gradient(#888,#555);
	border-radius:5px;
	position:relative;
	box-shadow:0 0 5px 5px white;
}
.aclf-headers>h1,
.aclf-headers>h2,
.aclf-headers>h3 {
	font-family:Open Sans,Arial,Helvetica;
	color:white;
	font-size:12pt;
	height:35px;
	line-height:35px;
	margin:0;
	padding:0;
	text-shadow:0 0 2px black;
	display:contents;
}
.aclf-headers-blue {
	text-align:center;
	padding:0;
	margin:0 0 20px 0;
	background:linear-gradient(#1e5d88,#2f7eb1);
	border-radius:5px;
	position:relative;
	box-shadow:0 0 5px 5px white;
}
.aclf-headers-blue>h4 {
	font-family:Open Sans,Arial,Helvetica;
	color:white;
	font-size:12pt;
	height:35px;
	line-height:35px;
	margin:0;
	padding:0;
	text-shadow:0 0 2px black;
	display:contents;
}
input.loginform21 {
	background-color:#bbb;
	border:2px solid #aaa;
	border-radius:5px;
	padding:2px 7px;
	font-weight:400 !important;
	font-family:Open Sans,Arial,Helvetica;
}
button.loginform21 {
	border-radius:5px;
	margin:0;
	padding:0;
	height:45px;
	line-height:45px;
	font-weight:400 !important;
	font-family:Open Sans,Arial,Helvetica;
	font-size:12pt;
	border-top:2px solid white;
	border-left:2px solid white;
	border-bottom:2px solid white;
	border-right:2px solid white;
	border-radius:7px;
	box-sizing:border-box;
	overflow:hidden;
	display:block;
	width:100%;
	text-align:center;
	box-shadow:0 none;
	background-color:transparent;
	outline:0 none;
	cursor:pointer;
	flex:unset;
}
.aclf-notifications {
	font-weight:400 !important;
	font-family:Open Sans,Arial,Helvetica;
	font-size:12pt;
	clear:both;
	margin-bottom:20px;
}
button.acc21btn-login {
	color:white;
	text-shadow:0 0 2px black;
	background:linear-gradient(#64eb63,#127e47);
	width:100%;
	display:block;
}
button.acc21btn-login:hover {
	text-shadow:0 0 1px black,0 0 2px black,0 0 3px black;
	border-bottom:2px solid #127e47;
	border-right:2px solid #127e47;
	border-left:2px solid #127e47;
	border-top:2px solid #127e47;
}
button.acc21btn-register {
	background:linear-gradient(#64eb63,#127e47);
	text-shadow:0 0 2px black;
	display:block;
	color:white;
	width:100%;
}
button.acc21btn-register:hover {
	border-bottom:2px solid #127e47;
	border-right:2px solid #127e47;
	border-left:2px solid #127e47;
	border-top:2px solid #127e47;
	text-shadow:0 0 1px black,0 0 2px black,0 0 3px black;
}
button.acc21btn-lostpass {
	border-bottom:2px solid white;
	border-right:2px solid white;
	border-left:2px solid white;
	border-top:2px solid white;
	background-color:white;
	color:#444;
}
button.acc21btn-lostpass:hover {
	border-bottom:2px solid #444;
	border-right:2px solid #444;
	border-left:2px solid #444;
	border-top:2px solid #444;
	background-color:#444;
	color:white;
}
button.acc21btn-delacc {
	border-top:2px solid white;
	border-left:2px solid white;
	border-bottom:2px solid white;
	border-right:2px solid white;
	background-color:white;
	color:#555;
}
button.acc21btn-delacc:hover {
	border-top:2px solid red;
	border-left:2px solid red;
	border-bottom:2px solid red;
	border-right:2px solid red;
	background-color:red;
	color:white;
}
button.acc21btn-newaddress,
button.pe21green,
a.pe21green {
	width:100%;
	color:white;
	display:inline-block;
	text-shadow:0 0 2px black;
	background:linear-gradient(#64eb63,#127e47);
}
button.pe21red,
a.pe21red {
	width:100%;
	color:white;
	display:inline-block;
	text-shadow:0 0 2px black;
	background:linear-gradient(#eb6463,#7e1247);
}
button.pe21blue,
a.pe21blue {
	width:100%;
	color:white;
	display:inline-block;
	text-shadow:0 0 2px black;
	background:linear-gradient(#6463eb,#12477e);
}

button.pe21green,
button.pe21green:active,
button.pe21green:focus,
button.pe21red,
button.pe21red:active,
button.pe21red:focus,
button.pe21blue,
button.pe21blue:active,
button.pe21blue:focus,
a.pe21green,
a.pe21green:active,
a.pe21green:focus,
a.pe21red,
a.pe21red:active,
a.pe21red:focus,
a.pe21blue,
a.pe21blue:active,
a.pe21blue:focus {
	width:auto;
	min-width:230px;
	padding:7px 5px;
	border-radius:6px !important;
	border:2px solid white;
	vertical-align:middle;
	margin:0 auto 10px auto;
	text-align:left;
}

button.pe21green i.fa,
button.pe21red i.fa,
button.pe21blue i.fa,
a.pe21green i.fa,
a.pe21red i.fa,
a.pe21blue i.fa {
	padding-right:10px;
	margin-right:10px;
	border-right:1px solid #ccc;
	width:30px;
	margin-left:7px;
	font-size:16pt;
}

button.acc21btn-newaddress:hover,
button.pe21green:hover,
a.pe21green:hover {
	border-top:2px solid #127e47;
	border-left:2px solid #127e47;
	border-right:2px solid #127e47;
	border-bottom:2px solid #127e47;
	text-shadow:0 0 1px black,0 0 2px black,0 0 3px black;
}
button.pe21red:hover,
a.pe21red:hover {
	border-top:2px solid #7e1247;
	border-left:2px solid #7e1247;
	border-right:2px solid #7e1247;
	border-bottom:2px solid #7e1247;
	text-shadow:0 0 1px black,0 0 2px black,0 0 3px black;
}
button.pe21blue:hover,
a.pe21blue:hover {
	border-top:2px solid #12477e;
	border-left:2px solid #12477e;
	border-right:2px solid #12477e;
	border-bottom:2px solid #12477e;
	text-shadow:0 0 1px black,0 0 2px black,0 0 3px black;
}
button.acc21btn-orderforms {
	width:100%;
	color:white;
	display:block;
	text-shadow:0 0 2px black;
	background:linear-gradient(#64eb63,#127e47);
	opacity:1;
	transition:300ms all linear;
}
button.acc21btn-orderforms:hover {
	border-top:2px solid #127e47;
	border-left:2px solid #127e47;
	border-right:2px solid #127e47;
	border-bottom:2px solid #127e47;
	text-shadow:0 0 1px black,0 0 2px black,0 0 3px black;
}
button.acc21btn-orderforms.inactive {
	opacity:0.5;
	cursor:not-allowed;
}
button.acc21btn-orderforms.inactive:hover {
	border-top:2px solid #ffffff;
	border-left:2px solid #ffffff;
	border-right:2px solid #ffffff;
	border-bottom:2px solid #ffffff;
	text-shadow:0 0 2px black;
}
button.acc21btn-newaccount {
	background:linear-gradient(#64eb63,#127e47);
	text-shadow:0 0 2px black;
	display:block;
	color:white;
	width:100%;
}
button.acc21btn-newaccount:hover {
	text-shadow:0 0 1px black,0 0 2px black,0 0 3px black;
	border-bottom:2px solid #127e47;
	border-right:2px solid #127e47;
	border-left:2px solid #127e47;
	border-top:2px solid #127e47;
}
button.acc21btn-newpassword {
	background:linear-gradient(#64eb63,#127e47);
	text-shadow:0 0 2px black;
	display:block;
	color:white;
	width:100%;
	tect-align:center;
}
button.acc21btn-newpassword:hover {
	text-shadow:0 0 1px black,0 0 2px black,0 0 3px black;
	border-bottom:2px solid #127e47;
	border-right:2px solid #127e47;
	border-left:2px solid #127e47;
	border-top:2px solid #127e47;
}


.contactmenu21 {
	color:black;
	text-shadow:0 0 2px white;
	margin:0 auto 10px auto;
	width:auto;
	max-width:600px;
	padding:5px 30px;
	background:linear-gradient(#eeeeee,#bbbbbb);
	cursor:pointer;
	border-radius:5px;
}
.contactmenu21.active {
	text-shadow:0 0 2px black;
	color:white;
	background:linear-gradient(#64eb63,#127e47);
}


.contactmenu21:before {
	content: "\f1db";
	color:black;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
	margin-right:10px;
}

.contactmenu21.active:before {
	content: "\f111";
	color:gold;
}

#ordergostep2 {
	margin-top:20px;
}
.lf21addr {
	width:100%;
	margin-bottom:8px;
}
.data-address-boxes,
.data-address-boxes-fix {
	position:relative;
}
.acc21btn-deladdress {
	background-color:#226592;
	border:2px solid #226592;
	box-sizing:content-box;
	position:absolute;
	text-align:center;
	line-height:23px;
	border-radius:0;
	opacity:0.7;
	border:none;
	color:white;
	height:24px;
	width:24px;
	right:5px;
	padding:0;
	margin:0;
	top:5px;
}
.pe21smb {
	position:relative;
	height:65px;
	cursor:pointer;
	border-radius:10px;
	border:2px solid transparent;
}
.col-pb-5  { padding-bottom:  5px; }
.col-pb-10 { padding-bottom: 10px; }
.col-pb-15 { padding-bottom: 15px; }
.col-pb-20 { padding-bottom: 20px; }
.col-pb-25 { padding-bottom: 25px; }
.col-pb-30 { padding-bottom: 30px; }

.pe21smb i {
	position:absolute;
	background-color:#369;
	left:25px;
	top:5px;
	width:50px;
	height:50px;
	line-height:50px;
	color:white;
	font-size:22pt;
	text-align:center;
}
.pe21smb:hover {
	border: 2px solid #ccc;
}
.pe21smb:hover i {
	background-color:#248;
	color:#FFE4C4;
}

.pe21smb span {
	position:absolute;
	left:85px;
	top:5px;
	height:50px;
	line-height:50px;
}

.newpassbtn21 {
	width: 100%;
	color: white;
	display: block;
	text-shadow: 0 0 2px black;
	background: linear-gradient(#64eb63,#127e47);
	border-radius: 5px;
	padding: 2px 7px;
	font-weight: 400 !important;
	font-family: Open Sans,Arial,Helvetica;
	height: 30px !important;
	margin-bottom: 8px;
	line-height: 27px !important; /* because box model my anus */
}
.newpassbtn21:hover {
	border-color:green;
	background: linear-gradient(#64fd63,#129f47);
	text-shadow:0 0 3px black, 0 0 2px black, 0 0 1px black;
}
.acc21btn-deladdress:hover {
	background-color:white;
	color:#226592;
}
.data-address-boxes:hover>.acc21btn-deladdress {
	opacity:1;
}
.acc21btn-deladdress.protected,
.acc21btn-deladdress.protected:hover,
.data-address-boxes:hover>.acc21btn-deladdress.protected {
	background-color:#333333;
	border:2px solid #333333;
	color:white;
	cursor:not-allowed;
	opacity:0.2;
}
.acc21btn-useaddress {
	width:24px;
	height:24px;
	line-height:23px;
	text-align:center;
	margin:0;
	padding:0;
	position:absolute;
	top:5px;
	right:5px;
	border:none;
	box-sizing:content-box;
	border-radius:0;
	background-color:#333333;
	border:2px solid #333333;
	color:white;
	opacity:0.2;
}
.acc21btn-useaddress:hover {
	background-color:white;
	color:#229265;
	border:2px solid #229265;
	opacity:0.7;
}
.data-address-boxes:hover>.acc21btn-deladdress {
	opacity:1;
}
.data-address-boxes.active .acc21btn-useaddress,
.data-address-boxes.active .acc21btn-useaddress:hover,
.data-address-boxes.active:hover>.acc21btn-useaddress {
	background-color:#229265;
	border:2px solid #229265;
	color:white;
	opacity:0.7;
}
.acc21btn-deladdress.working,
.acc21btn-deladdress.working:hover,
.data-address-boxes:hover>.acc21btn-deladdress.working {
	background-color:white;
	border:2px solid purple;
	color:purple;
	cursor:not-allowed;
	opacity:0.7;
}
.invoice-address-adder,
.delivery-address-adder,
.basket-edit-button,
.auftragsdaten-aendern-button {
	position:absolute;
	top:0;
	right:0;
	display:block;
	color:white;
	box-sizing:border-box;
	width:45px;
	height:35px;
	line-height:35px;
	font-size:10pt;
	font-weight:bold;
	text-align:center;
	border-radius:0 5px 5px 0;
	background-color:rgba(0,0,0,0.25);
	border-left:1px solid rgba(255,255,255,0.4);
	cursor:pointer;
	transition:200ms all linear;
}
.invoice-address-adder:hover,
.delivery-address-adder:hover,
.basket-edit-button:hover,
.auftragsdaten-aendern-button:hover {
	color:lime;
	background-color:rgba(0,0,0,0.75);
}
.data-address-boxes.selected,
.data-address-boxes.selected:hover {
	border:2px solid green;
	background-color:#afc;
}
.tleft { text-align:left; }
.tright { text-align:right; }
.tcenter { text-align:center; }

.aclf-3d {
	perspective:1200px;
}
.aclf-headers.aclf-flip {
	animation-name: aclf-flipper;
	animation-duration: 1000ms;
	animation-iteration-count: 1;
}

.new-order-radios {
	height:35px;
	line-height:35px;
	cursor:pointer;
	transition:300ms all linear;
	background:rgba(255,255,255,0);
	border-radius:5px;
}
.new-order-radios label {
	cursor:pointer;
}
.new-order-radios:hover {
	background:rgba(192,192,192,0.75);
}

.indi-order-type {
	margin-top:22px;
	margin-right:27px;
}
.indi-basket-empty {
	margin-right:27px;
}

.new-order-radios i {
	color:#369;
	font-size:14pt;
}

@-webkit-keyframes aclf-flipper {
	0% {
		-webkit-transform:rotateY(0deg);
		transform:rotateY(0deg);
	}
	20% {
		-webkit-transform:rotateY(-30deg);
		transform:rotateY(-30deg);
	}
	70% {
		-webkit-transform:rotateY(375deg);
		transform:rotateY(375deg);
	}
	100% {
		-webkit-transform:rotateY(360deg);
		transform:rotateY(360deg);
	}
}

@keyframes aclf-flipper {
	0% {
		-webkit-transform:rotateY(0deg);
		transform:rotateY(0deg);
	}
	20% {
		-webkit-transform:rotateY(-30deg);
		transform:rotateY(-30deg);
	}
	70% {
		-webkit-transform:rotateY(375deg);
		transform:rotateY(375deg);
	}
	100% {
		-webkit-transform:rotateY(360deg);
		transform:rotateY(360deg);
	}
}

.aclf-highlight {
	animation-name: aclf-highlighter;
	animation-duration: 4000ms;
	animation-iteration-count: 1;
}

.mietzeitraum {
	border-radius:5px;
}

.kunde-kontostand {
	background-color:#369;
	color:white;
	border-radius:5px;
	text-align:center;
	font-size:12pt;
	font-weight:100;
	height:35px;
	line-height:35px;
	text-rendering:geometricPrecision;
	margin-bottom:25px;
}

.kunde-kontostand.guthaben {
	background-color:#070;
}

.kunde-kontostand.soll {
	background-color:#b00;
}

.kunde-graubox {
	background-color:#ddd;
	color:black;
	border:1px solid #bbb;
	border-radius:5px;
	text-align:center;
	font-size:11pt;
	font-weight:100;
	text-rendering:geometricPrecision;
	padding: 5px;
	margin-bottom:25px;
	box-sizing:border-box;
	position:relative;
}

.offer2bin {
	position:absolute;
	cursor:pointer;
	background:linear-gradient(#246,#36c);
	width:30px;
	height:30px;
	box-sizing:border-box;
	margin:0;
	padding:0;
	top:5px;
	right:5px;
	line-height:30px;
	border-radius:5px;
	text-align:center;
	opacity:0.5;
	transition:200ms all linear;
}
.offer2bin i {
	color:white;
	font-size:13pt;
}

.kunde-graubox:hover .offer2bin {
	opacity:1;
}

.mietwelt_menu {
	min-width:100%;
	max-width:fit-content;
	display:flex;
	align-items: left;
	justify-content: left;
	flex-wrap: wrap;
}

.mietwelt_block {
	flex:1 1 14%;
	flex-shrink:0;
	min-width:265px;		
	max-width:-webkit-fit-content;
	max-width:-moz-fit-content;
	max-width:fit-content;
	margin-bottom:20px;
	font-weight:bold;
	font-size:11pt;
	color:#112;
	padding-left:40px;
	position:relative;
}

.mietwelt_block ul li {
	font-weight:300;
	white-space:nowrap;
	font-size:11pt;
}

.mietwelt_block ul li::before {
	content: "\2022";
	color: #000; 
	font-weight: bold;
	display: inline-block;
	width: 1em;
	margin-left: 0em;
}

.mietwelt_block ul li a {
	color: #124;
	cursor:pointer;
	padding:1px 5px;
	border-radius: 3px;
	margin-left:-5px;
	white-space:nowrap;
}

.mietwelt_block ul li a:hover {
	color:white;
	background:#124;
}

.mietwelt_block ul li a.active {
	color:white;
	background:#124;
}

.new-products-area {
	background: white;
}

.mietwelt_icon {
	position:absolute;
	top:-8px;
	left:19px;
	width:46px;
	height:38px;
	background-position:center center;
	background-repeat:no-repeat;
	background-offset:46px 38px;
}

.mietwelt_icon.mi_zelte         { background-image: url(/img/21/mietwelt/zelte.png); }
.mietwelt_icon.mi_mobiliar      { background-image: url(/img/21/mietwelt/mobiliar.png); }
.mietwelt_icon.mi_tabletop      { background-image: url(/img/21/mietwelt/tabletop.png); }
.mietwelt_icon.mi_dekoration    { background-image: url(/img/21/mietwelt/dekoration.png); }
.mietwelt_icon.mi_getraenke     { background-image: url(/img/21/mietwelt/getraenkewelt.png); }
.mietwelt_icon.mi_kueche        { background-image: url(/img/21/mietwelt/kueche.png); }
.mietwelt_icon.mi_funfood       { background-image: url(/img/21/mietwelt/funfood.png); }
.mietwelt_icon.mi_eventmodule   { background-image: url(/img/21/mietwelt/eventmodule.png); }
.mietwelt_icon.mi_ton           { background-image: url(/img/21/mietwelt/ton.png); }
.mietwelt_icon.mi_licht         { background-image: url(/img/21/mietwelt/licht.png); }
.mietwelt_icon.mi_buehne        { background-image: url(/img/21/mietwelt/buehne.png); }
.mietwelt_icon.mi_multimedia    { background-image: url(/img/21/mietwelt/multimedia.png); }
.mietwelt_icon.mi_messe         { background-image: url(/img/21/mietwelt/messe.png); }
.mietwelt_icon.mi_infrastruktur { background-image: url(/img/21/mietwelt/infrastruktur.png); }

.tbbs {
	position:relative;
}

#basket_sum_positions {
	position:absolute;
	right:18px;
	cursor:pointer;
	top:27px;
	color:white;
	font-size:8pt;
	background:linear-gradient(#1e5d88,#2f7eb1);
	min-width:20px;
	height:20px;
	border-radius:12px;
	border:2px solid #eee;
	line-height:16px;
	text-align:center;
	box-sizing:border-box;
	font-weight:100;
	padding:0 4px;
}

#favs_sum_positions {
	position:absolute;
	right:26px;
	cursor:pointer;
	top:27px;
	color:white;
	font-size:8pt;
	background:linear-gradient(#1e5d88,#2f7eb1);
	min-width:20px;
	height:20px;
	border-radius:12px;
	border:2px solid #eee;
	line-height:16px;
	text-align:center;
	box-sizing:border-box;
	font-weight:100;
	padding:0 4px;
}

.fav-item-block {
	background-color:#ccc;
	border-radius: 5px;
	margin:5px 5px 12px 5px;
	padding:5px;
	box-sizing:border-box;
	position:relative;
	width:100%;
	cursor:pointer;
	min-height:69px;
	overflow:hidden;
	border:2px solid #ccc;
}

.fib-image {
	position:absolute;
	top:0px;
	left:13px;
	width:88px;
	height:66px;
	border-radius:10px;
	background-position:center center;
	background-size:contain;
	background-repeat:no-repeat;
}

.fib-title {
	position:absolute;
	top:2px;
	left:113px;
	color:black;
	font-size:11pt;
	font-weight:700;
}

.fib-description {
	position:absolute;
	top:23px;
	left:113px;
	color:black;
	font-size:11pt;
	font-weight:100;
}

.fib-basket {
	position:absolute;
	bottom:4px;
	right:11px;
	cursor:pointer;
	width:19px;
	height:19px;
	background-image:url(/img/21/einkaufswagen-38-dg.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
}

.fib-delete {
	width:20px;
	height:20px;
	line-height:18px;
	color:#ccc;
	background-color:#f33;
	cursor:pointer;
	position:absolute;
	right:10px;
	top:7px;
	text-align:center;
	font-size:11pt;
	border-radius:3px;
}

.fib-delete:hover {
	color:white;
}

.fib-delete:after {
	content: "\f00d";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
}

.mz-delete {
	width:20px;
	height:20px;
	line-height:18px;
	color:#ccc;
	background-color:#f33;
	cursor:pointer;
	position:absolute;
	right:-25px;
	top:-1px;
	text-align:center;
	font-size:11pt;
	border-radius:3px;
}

.mz-delete:hover {
	color:white;
}

.mz-delete:after {
	content: "\f00d";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
}


.fib-share {
	width:20px;
	height:20px;
	line-height:18px;
	color:#ccc;
	background-color:#48C;
	cursor:pointer;
	position:absolute;
	right:44px;
	top:7px;
	text-align:center;
	font-size:11pt;
	border-radius:3px;
}

.fib-share:hover {
	color:white;
}

.fib-share:after {
	content: "\f1e0";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
}

.fav-item-block:hover .fib-title {
	text-decoration:underline;
	color:#369;
}

.fav-item-block:hover {
	border:2px solid #336699;
	background:linear-gradient(#ddd,#bbb)
}

.fib-pricing {
	position:absolute;
	top:43px;
	right:45px;
	color:black;
	text-align:right;
	font-size:11pt;
	font-weight:700;
}

.fib-working {
	position:absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url(/img/wait.gif);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 86px 22px;
	background-color: #000000;
	opacity: 0.5;
	font-size: 18pt;
	font-weight: bold;
	text-align: center;
	color: white;
	line-height: 70px;
	cursor:not-allowed;
}

.pbg-row {
	max-width:100%;
	margin: 0 auto;
	text-align:center;
}

.cs-social-share-overlay {
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	z-index:99999;
	position:fixed;
	background-color:rgba(0,0,0,0.25);
}

.ueberschrift-2021 {
	background:linear-gradient(#ddd,#bbb);
	border-radius:5px 5px 0 0;
	color:black;
	padding:5px 5px 5px 5px !important;
	margin-bottom:10px;
	text-align:center;
	position:relative;
}

.textbox-2021 {
/*	background:#ddd; */
	border: 1px solid #999;
	border-radius:0 0 5px 5px;
	color:black;
	padding:10px 5px 10px 5px !important;
	margin-bottom:10px;
	margin-top:-10px;
	text-align:center;
}

.verlauf-blau {
	background:linear-gradient(#1e5d88,#2f7eb1);
	color:#eee;
}


.cs-social-share-overlay:after {
	position:relative;
}

.cs-social-share {
	position:absolute;
	overflow:hidden;
	display:block;
	height:43px;
	min-width:45px;
	border:4px solid rgba(255,255,255,0.75);
	border-radius:3px;
	box-sizing:border-box;
	box-shadow:0 0 5px 3px rgba(0,0,0,0.5);
}

.cs-social-share-btn {
	display:block;
	width:45px;
	height:35px;
	text-align:center;
	line-height:35px;
	cursor:pointer;
	text-decoration:none;
	color:white;
	font-size:14pt;
	float:left;
}

.cs-social-share-btn:hover {
	box-shadow:0 0 5px 3px rgba(0,0,0,0.5) inset;
	text-shadow:0 0 5px black,0 0 3px black;
}

.cs-social-share-btn i,
.cs-social-share-btn:hover i,
.cs-social-share-btn i:hover {
	color:white;
}

/*
.mietwelt_block .mw-subs {
	height:auto;
	max-height:0;
	overflow:hidden;
	display:block;
	transition:500ms all ease-in-out;
}

.mietwelt_block:hover .mw-subs,
.mietwelt_block.mwb-open .mw-subs {
	max-height:600px;
}*/

.mietwelt_wrapper {
	margin:0 auto;
	width:100%;
	max-width:1586px;
	padding-left:5px;
	padding-right:5px;
}

.mietwelt_banner_bereich {
	width:100%;
	padding-left:0;
	padding-right:0;
	padding-top:20px;
	padding-bottom:30px;
}

.produktinfo_seite {

	max-width:1400px;
	margin:0 auto;

}

.produktinfo_seite .produktseite-hauptbild {
	min-width:100%;
	margin-top:-10px;
	border:1px solid #999;
	cursor:unset;
	box-shadow:none !important;
	background-size:auto 65%
}

.produktinfo_seite .produkt-titelzeile,
.produktinfo_seite .produkt-titelzeile a {
	width:100%;
	height: 30px;
	line-height:32px;
	border-radius:5px;
	font-size:15pt;
	font-weight:700;
	color:white;
	background-image:linear-gradient(#1e5d88,#2f7eb1);
	background-color:transparent;
	text-align:center;
	padding-right:240px;
	margin-bottom:0;
}

.mobi-only {
	display:none;
}

.produkt-titelzeile-back {
	position:absolute;
	top:2px;
	left:10px;
	line-height:30px;
	font-size:12pt;
	margin-left:15px;
	font-weight:400;
	color:#eee;
	text-rendering:geometricPrecision;
	font-family:Helvetica,"Open Sans";
	opacity:1;
	transform:scale(1);
	transition:150ms all linear;
}

.produkt-titelzeile-back:hover {
	opacity:1;
	transform:scale(1.07);
}

.mietwelt_banner_bereich .mwb-titelzeile {
	width:100%;
	height: 30px;
	line-height:32px;
	border-radius:5px;
	font-size:15pt;
	font-weight:700;
	color:white;
	background-image:linear-gradient(#1e5d88,#2f7eb1);
	background-color:transparent;
	text-align:center;
	padding-right:240px;
}

.mietwelt_banner_bereich .mietwelt_banner {
	position:relative;
	min-height:320px;
	display:flex;
}


.mietwelt_banner_bereich .mw-wrapper {
	position: relative;
	min-height: 210px;
	margin-top: 10px;
	margin-bottom: -5px;
	margin-left: 8px;
	margin-right: 568px;
	border-radius: 5;
	overflow: hidden;
	flex: 1;
}

.mietwelt_banner_bereich .mw-slider {
	height:100%;
	width:100%;
	max-width:586px;
	margin:0 auto;
	border-radius:5px;
	text-align:center;
	position:relative;
}


.mietwelt_banner_bereich .mw-description {
	background:#f3f3f3;
	border-radius:5px;
	position:absolute;
	top:10px;
	right:0;
	bottom:-5px;
	width:560px;
	display:block;
	padding:5px 10px;
}

.mietwelt_banner_bereich .mw-description-wrap {
	position:relative;
	width:100%;
	height:100%;
}

.mietwelt_banner_bereich .mw-description-table {
	display:table;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
}

.mietwelt_banner_bereich .mw-description .mwd-text {
	width:100%;
	height:100%;
	text-align:center;
	line-height: 1.2em;
	font-weight: 500;
	width: 100%;
	max-width: 680px;
	background-color: transparent;
	display: table-cell;
	vertical-align: middle;
	color: black;
}

/*
.mwd-text b,
.mwd-text strong {
	padding-left:5px;
	padding-right:5px;
}
*/

.mietwelt_banner_bereich .mw-slider .mw-slide {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	max-width:586px;
	height:100%;
	margin:0 auto;
	padding:0;
	border-radius:5px;
	overflow:hidden;
	background-color:#f3f3f3;
	background-repeat:no-repeat;
	background-size:auto 100%;
	background-position:center center;
	background-offset:0 0;
}

.mietwelt_banner_bereich .mw-slider:after {
	position:relative;
}

.mietwelt_banner_bereich .mietwelt_banner .mw-subs-wrap {
	display:inline-block;
	margin-top:10px;
	background-color:#f3f3f3;
	min-height:285px;
	padding-left:45px;
	border-radius:5px;
	overflow:hidden;
	margin-bottom:-5px;
}

.mietwelt_banner_bereich .mietwelt_banner .mw-subs-wrap .mw-subs {
	background-color:#f3f3f3;
	min-width:220px;
	display:inline-block;
	margin-top:2px;
}

.mietwelt_banner_bereich .mietwelt_banner .mw-subs-wrap .mw-subs li {
	color:black;
	height:38px;
	line-height:38px;
	font-weight:bold;
}

.mietwelt_banner_bereich .mietwelt_banner .mw-subs-wrap .mw-subs a {
	color:black;
	display:block;
	width:100%;
	min-width:266px;
	height:100%;
	padding-left:45px;
	border-radius:5px;
	font-size:11pt;
	transition:0 none;
	white-space:nowrap;
	position:relative;
}

.mw-cat-icon {
	position:absolute;
	top:0;
	left:0;
	width:40px;
	height:35px;
	background-position:center center;
	background-size:contain;
	background-repeat:no-repeat;
}

.mietwelt_banner_bereich .mietwelt_banner .mw-linksbanner {
	position:absolute;
	top:10px;
	left:0;
	bottom:0;
	width:35px;
	min-height:210px;
	border-radius:5px 0 0 5px;
	background-image:linear-gradient(#1e5d88,#2f7eb1);
}

.mietwelt_banner_bereich .mietwelt_banner .mw-linksbanner:after {
	position:relative;
}

.mietwelt_banner_bereich .mietwelt_banner .mw-linksbanner .mwl-text {
	text-shadow:0 0 5px 3px black;
	transform-origin:center center;
	transform:rotate(-90deg);
	width:auto;
	color:white;
	height:37px;
	line-height:35px;
	font-size:17pt;
	font-weight:700;
	line-height:35px;
	text-align:center;
	white-space:nowrap;
	position:absolute;
}

.mietwelt_banner_bereich .mietwelt_banner .mw-subs-wrap .mw-subs a:hover {
	color:white;
/*	background-image:linear-gradient(#1e5d88,#2f7eb1); */ /* flickers!!! */
	background-color:#369;
}

.wysiwyg-font-size-xx-large {
    font-size: 48px;
}
.wysiwyg-font-size-x-large {
    font-size: 36px;
}
.wysiwyg-font-size-large {
    font-size: 30px;
}
.wysiwyg-font-size-medium {
    font-size: 20px;
}
.wysiwyg-font-size-small {
    font-size: 16px;
}
.wysiwyg-font-size-x-small {
    font-size: 12px;
}
.wysiwyg-font-size-xx-small {
    font-size: 8px;
}
.wysiwyg-color-black {
    color: #000;
}
.wysiwyg-color-silver {
    color: silver;
}
.wysiwyg-color-gray {
    color: gray;
}
.wysiwyg-color-white {
    color: #fff;
}
.wysiwyg-color-maroon {
    color: maroon;
}
.wysiwyg-color-red {
    color: red;
}
.wysiwyg-color-purple {
    color: purple;
}
.wysiwyg-color-fuchsia {
    color: #f0f;
}
.wysiwyg-color-green {
    color: green;
}
.wysiwyg-color-lime {
    color: #0f0;
}
.wysiwyg-color-olive {
    color: olive;
}
.wysiwyg-color-sand {
    color: #fff9c5;
}
.wysiwyg-color-yellow {
    color: #ff0;
}
.wysiwyg-color-navy {
    color: navy;
}
.wysiwyg-color-blue {
    color: #00f;
}
.wysiwyg-color-skyblue {
    color: #00a2ff;
}
.wysiwyg-color-teal {
    color: teal;
}
.wysiwyg-color-aqua {
    color: #0ff;
}
.wysiwyg-text-align-right {
    text-align: right;
}
.wysiwyg-text-align-center {
    text-align: center;
}
.wysiwyg-text-align-left {
    text-align: left;
}
.wysiwyg-text-align-justify {
    text-align: justify;
}
.wysiwyg-float-left {
    float: left;
    margin: 0 8px 8px 0;
}
.wysiwyg-float-right {
    float: right;
    margin: 0 0 8px 8px;
}
.wysiwyg-clear-right {
    clear: right;
}
.wysiwyg-clear-left {
    clear: left;
}

blockquote { border:0 !important; }

.produkt-slider-2021 {
	width:100%;
	height:270px;
	margin-top:-10px;
	overflow:hidden;
	position:relative;
/*	background-color:#ddd; */
	border: 1px solid #999;
}

.ps21-image {
	position:absolute;
	opacity:0;
	top:0;
	left:0;
	bottom:0;
	right:0;
	width:100%;
	height:100%;
	background-size:auto 100%;
	background-position:center;
	background-repeat:no-repeat;
	margin-right:100%;
	transition:300ms all linear;
	cursor:zoom-in;
	image-rendering:pixelated;
	display:none;
}

.ps21-image.active {
	opacity:1;
	margin-right:0;
	margin-left:0;
	display:inline-block;
}

.ps21-togglebox {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:30px;
	text-align:center;
	display:none;
}

.ps21-prev {
	color:#fff;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:30px;
	cursor:pointer;
	text-align:center;
	line-height:250px;
	opacity:0.7;
}
.ps21-prev:hover {
	color:#fff;
	opacity:0.9;
}
.ps21-prev:after {
	content:"\f053";
	font:normal normal normal 28px/1 FontAwesome;
	text-shadow:0 0 5px black,0 0 3px black,0 0 1px black;
}

.ps21-next {
	color:#fff;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	width:30px;
	cursor:pointer;
	text-align:center;
	line-height:250px;
	opacity:0.7;
}

.ps21-next:hover {
	color:#fff;
	opacity:0.9;
}

.ps21-next:after {
	content:"\f054";
	font:normal normal normal 28px/1 FontAwesome;
	text-shadow:0 0 5px black,0 0 3px black,0 0 1px black;
}


.psMax-prev {
	color:#fff;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:30px;
	cursor:pointer;
	text-align:center;
	line-height:250px;
	opacity:0.7;
}
.psMax-prev:hover {
	color:#fff;
	opacity:0.9;
}
.psMax-prev:after {
	content:"\f053";
	font:normal normal normal 28px/1 FontAwesome;
	text-shadow:0 0 5px black,0 0 3px black,0 0 1px black;
}

.psMax-next {
	color:#fff;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	width:30px;
	cursor:pointer;
	text-align:center;
	line-height:250px;
	opacity:0.7;
}

.psMax-next:hover {
	color:#fff;
	opacity:0.9;
}

.psMax-next:after {
	content:"\f054";
	font:normal normal normal 28px/1 FontAwesome;
	text-shadow:0 0 5px black,0 0 3px black,0 0 1px black;
}

.ps21-toggler {
	display:inline-block;
	min-width:30px;
	height:30px;
	line-height:30px;
	font-weight:100;
	cursor:pointer;
	color:#bbb;
}

.ps21-toggler:hover {
	color:#ddd;
}

.ps21-toggler.active {
	color:#fff;
}

.ps21-toggler:after {
/*	content: "\f10c"; */   /* bold */
	content: "\f1db";  /* thin */
	font:normal normal normal 14px/1 FontAwesome;
	text-shadow:0 0 5px black,0 0 3px black,0 0 1px black;
}

.ps21-toggler.active:after {
	content: "\f111";
}


.produkt-slider-2020 {
	width:100%;
	height:270px;
	margin-top:-10px;
	overflow:hidden;
	position:relative;
/*	background-color:#ddd; */
	border: 0px solid transparent;
}

.ps20-image {
	position:absolute;
	opacity:0;
	top:1px;
	left:0;
	bottom:0;
	right:0;
	width:100%;
	height:224px;
	margin-top:9px;
	background-size:auto 100%;
	background-position:center;
	background-repeat:no-repeat;
	margin-right:100%;
	transition:300ms all linear;
	cursor:zoom-in;
	image-rendering:pixelated;
	display:none;
}

.ps20-image.active {
	opacity:1;
	margin-right:0;
	margin-left:0;
	display:inline-block;
}

.ps20-togglebox {
	position:absolute;
	bottom:40px;
	left:0;
	right:0;
	width:100%;
	height:30px;
	text-align:center;
	display:none;
}

.ps20-prev {
	color:#fff;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:30px;
	margin-top:-1px;
	cursor:pointer;
	text-align:center;
	line-height:269px;
	opacity:0.7;
}
.ps20-prev:hover {
	color:#fff;
	opacity:0.9;
}

.ps20-bildposition,
.ps21-bildposition {
	position:absolute;
	top:0;
	right:10px;
	height:30px;
	line-height:30px;
}

.ps20-prev:after {
	content:"\f053";
	font:normal normal normal 28px/1 FontAwesome;
	text-shadow:0 0 5px black,0 0 3px black,0 0 1px black;
}

.ps20-next {
	color:#fff;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	margin-top:-1px;
	width:30px;
	cursor:pointer;
	text-align:center;
	line-height:269px;
	opacity:0.7;
}

.ps20-next:hover {
	color:#fff;
	opacity:0.9;
}

.ps20-next:after {
	content:"\f054";
	font:normal normal normal 28px/1 FontAwesome;
	text-shadow:0 0 5px black,0 0 3px black,0 0 1px black;
}

.ps20-toggler {
	display:inline-block;
	min-width:30px;
	height:30px;
	line-height:30px;
	font-weight:100;
	cursor:pointer;
	color:#bbb;
}

.ps20-toggler:hover {
	color:#ddd;
}

.ps20-toggler.active {
	color:#fff;
}

.ps20-toggler:after {
/*	content: "\f10c"; */   /* bold */
	content: "\f1db";  /* thin */
	font:normal normal normal 14px/1 FontAwesome;
	text-shadow:0 0 5px black,0 0 3px black,0 0 1px black;
}

.ps20-toggler.active:after {
	content: "\f111";
}

.produktinfo_seite .produkt-titelzeile {
	margin-left:0;
	margin-right:0;
	padding-left:0;
	padding-right:0;
}

.invo2delivery {
	width:30px;
	text-align:left;
	text-rendering:geometricPrecision;
	font-weight:400;
	white-space:nowrap;
}

.bpp_btn {
	height:50px;
	vertical-align:middle;
}

tr td.bpp_btn {
	background-color:rgba(0,0,0,0.15);
}

#invo2delivery {

}

.pswp__bg { background: transparent; opacity: 0 !important; }
.pswp__img { background: white !important; box-shadow: 0 0 7px 2px rgba(0,0,0,0.5); border-radius: 7px; }

@-webkit-keyframes aclf-highlighter {
	0% {
		background-color: #99ddffff;
		border-radius: 5px;
	}
	80% {
		background-color: #99ddffff;
		border-radius: 5px;	
	}
	99% {
		background-color: #99ddff00;
		border-radius: 5px;
	}
	100% {
		background-color: unset;
		border-radius: unset;
	}
}

@keyframes aclf-highlighter {
	0% {
		background-color: #99ddffff;
		border-radius: 5px;
	}
	80% {
		background-color: #99ddffff;
		border-radius: 5px;	
	}
	99% {
		background-color: #99ddff00;
		border-radius: 5px;
	}
	100% {
		background-color: unset;
		border-radius: unset;
	}
}

@-webkit-keyframes rotate-vert-center {
	0% {
		-webkit-transform:rotateY(0);
		transform:rotateY(0);
	}
	100% {
		-webkit-transform:rotateY(-360deg);
		transform:rotateY(-360deg);
	}
}
@keyframes rotate-vert-center {
	0% {
		-webkit-transform:rotateY(0);
		transform:rotateY(0);
	}
	100% {
		-webkit-transform:rotateY(-360deg);
		transform:rotateY(-360deg);
	}
}