
<!--set var="menuCol" value="#95b494" var="menuColHover" value="#b5cbb4"-->


p				{margin:0; padding:0}

.absolute		{position:absolute}
.relative		{position:relative}

.onTop			{z-index:100}

.left			{left:0}
.right			{right:0}
.top			{top:0}
.bottom			{bottom:0}

.hidden			{display:none}

.bold			{font-weight:bold}

.scrollX		{overflow-x:scroll}
.scrollY		{overflow-y:scroll}

.floatleft		{float:left}
.floatright		{float:right}
.floatclear, .clearboth		{clear:both}

.tRight			{text-align:right}
.tLeft			{text-align:left}

.back000		{background-color:#000}
.backfff		{background-color:#fff}
.back999		{background-color:#999}

.prefilled		{color:#999}

#logContent		{overflow:auto; width:100%; height:100%}
#logContent p		{padding:2px; margin:0 0 1px 0; font-size:10px;}
#logContent p.ll_1	{background-color: #FFFFCC}
#logContent p.ll_2 	{background-color: #00FF00}
#logContent p.ll_3 	{background-color: #FFFF66}
#logContent p.ll_4 	{background-color: #FF6600;}
#logContent p.ll_5 	{background-color: #FF0000}

#helperObjektAnalyser	{height:1px; overflow:hidden; position:absolute; top:100px; left:100px; width:100%}

#CenterContent  {position:absolute; left:50%; top:50%; width:1px; height:1px}

textarea	{height:50px;}
textarea.autoexpand	{overflow:hidden; height:50px; padding:2px}

.precheckErrorMessage	{color:#f00}

#mover		{display:none; position:absolute; width:1px; height:1px; margin:6px 0 0 3px; top:0; z-index:1001;}
body.moverActive #mover{display:block}
body.moverActive div.iframelocker	{position:absolute; z-index:2; background-color:rgba(0,0,0,0)}

#dialog		{position: fixed; width:100%; height:100%; z-index:1000; top:0; left:0; display:none;}
body.dialog #dialog	{display:block;}
body.dialog {overflow: hidden}
#dialog div.container	{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}
#dialog div.content	{position:relative;}
#dialog div.closer	{display:none}
#dialog .withcloser div.closer	{display:block}

#screenlocker	{width:100%; height:100%; position:fixed; top:0; left:0; z-index:10000; opacity:.7}
#screenlocker.white	{background-color:rgba(255,255,255,.8); opacity:1}
#screenlocker:before	{content:attr(info); position:absolute; top:50%; left:50%; z-index:2; transform:translate(-50%,-50%); display:inline-block;}
#screenlocker:after	{
	animation-name: thinking;
	animation-duration: 1000ms;
	animation-iteration-count: infinite;
	animationnn-direction: alternate;
	content:"";
	width:24px; height:24px; border-radius:12px; display:inline-block;position:absolute; top:50%; left:50%;margin:-12px 0 0 -12px;
	border:0px solid rgba(0,0,0,.25); border-width:0px 3px;
}

.ajaxified:before	{content:""; position:absolute; display:block; width:100%; height:100%; left:0; top:0; z-index:10; background:rgba(255,255,255,.5)}
.ajaxified:after	{
	animation-name: thinking;
	animation-duration: 1000ms;
	animation-iteration-count: infinite;
	animationnn-direction: alternate;
	content:"";
	width:24px; height:24px; border-radius:12px; display:inline-block;position:absolute; top:50%; left:50%;margin:-12px 0 0 -12px;
	border:0px solid rgba(0,0,0,.5); border-width:0px 3px;
	z-index:11
}

#googleSpeech	{position:fixed; bottom:0; left:calc(50% - 50px); background:rgba(0,0,255,.5); width:50px; height:50px; border-radius:25px; margin: 15px; z-index:100; box-shadow: 3px 3px 6px rgba(0,0,0,.5); transition: all .4s ease-in-out; webkit-transition: all .4s ease-in-out}
#googleSpeech:after	{position:absolute; background:url('/layout/script/aragscript/css/images/ic_microphone.png'); background-size:contain; content:""; width:50%; height:50%; margin:25%; display:inline; opacity:.7}
#googleSpeech:hover:after	{opacity:1}
#googleSpeech.running:after	{opacity:.9}
#googleSpeech:before	{position:absolute; content:""; border:3px solid #000; border-radius:25px; width:calc(100% - 6px); height:calc(100% - 6px); display:inline; opacity:.5}
#googleSpeech.running:before	{opacity:.9; border:3px solid #0f0; }

#googleSpeech.running	{border-color:#0f0;}
#googleSpeech.disabled	{bottom:-70px; opacity:0}
#googleSpeech.thinking:before	{
	animation-name: thinking;
	animation-duration: 1000ms;
	animation-iteration-count: infinite;
	animationnn-direction: alternate;
	border:3px solid rgba(0,0,255,.8);
	border-right:3px solid rgba(0,255,255,.8);
	border-bottom:3px solid rgba(0,0,255,.8);
	border-left:3px solid rgba(0,255,255,.8);
}
#googleSpeech div.off	{position:absolute; right:-20px; top:-10px; border:1px solid #000; border-radius:10px; width:20px; line-height:20px; text-align:center}
#googleSpeech div.off:after	{content:"X"; display:inline; font-size:bold; }
#googleSpeech div.off:hover	{color:#fff}

@keyframes thinking {
	from, to {
		transform: rotate(360deg); -webkit-transform: rotate(-360deg);
	}
	50% {
		transform: rotate(0deg); -webkit-transform: rotate(0deg);
	}
}

@keyframes pulse {
	from, to {
		background-color:rgba(0,0,0,1);
		transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);
	}
	50% {
		background-color:rgba(0,0,0,.2);
		transform: scale(.9,.9) translate(-50%,-50%); -webkit-transform: scale(.9,.9) translate(-50%,-50%);
	}
}

@keyframes waiting {
	0% {
		transform: translate(-50%,-50%) rotate(0deg); -webkit-transform: translate(-50%,-50%) rotate(0deg);
	}
	50% {
		transform: translate(-50%,-50%) rotate(180deg); -webkit-transform: translate(-50%,-50%) rotate(180deg);
	}
	100% {
		transform: translate(-50%,-50%) rotate(360deg); -webkit-transform: translate(-50%,-50%) rotate(360deg);
	}
}
.speechGlossar	{height:600px; width:800px;overflow:auto;background:rgba(0,0,0,.9);color:#fff}
.speechGlossar > *	{padding:10px; display:block; list-style:none; width:calc(25% - 20px); float:left}
.speechGlossar > div:nth-child(4):after	{content:""; display:block; clear:both; position:relative}

.speechGlossarButton	{box-shadow:1px 1px 10px rgba(0,0,0,.8); position:fixed; bottom:50px; left:calc(50% + 50px); border:1px solid #fff; color:#fff; background:rgba(0,255,0,.6); width:20px; height:20px; border-radius:10px; margin: 10px; z-index:100; text-align:center}
.speechGlossarButton:after	{content:"?"}	

#speechList	{overflow:auto;background:rgba(0,0,0,.9);color:#fff; padding:10px}
#speechList li:before	{content:attr(list)!important}


.speechTest	{box-shadow:1px 1px 10px rgba(0,0,0,.8); position:fixed; bottom:25px; left:25px; border:1px solid #666; color:#333; line-height:20px; font-size:14px; background:rgba(0,255,0,.5); z-index:1001; text-align:center}
.speechTest > *	{width:100%; margin:5px; width:200px; display:block}

.reading	{text-decoration:underline}

.popup	{z-index:200; background-color:#fff; position:fixed!important; overflow:visible}
.popup.collapsed	{height:34px; overflow:hidden}
.popup:before	{position:absolute; left:0; top:0; width:100%; height:30px; content:""; display:block; z-index:2; cursor:move}
.popup > div.control	{position:absolute; z-index:3; width:22px; height:22px; display:inline; border:1px solid #999; border-radius:12px; background:#f9ed43; text-align:center; cursor:pointer}
.popup > div.close	{right:5px; top:5px;}
.popup > div.collapse	{right:35px; top:5px;}
.popup > div.resize	{right:5px; bottom:5px; cursor:nesw-resize}
.popup.collapsed > div.resize	{display:none}
.popup > label	{padding:0 5px; line-height:34px; display:block; font-weight:bold; background:#bed7ec;}
.popup > iframe	{display:block;}


.moveable	{position:absolute; box-shadow:1px 1px 5px rgba(0,0,0,.5); transition: all .4s ease-in-out; webkit-transition: all .4s ease-in-out}
.moveable.moving	{box-shadow:1px 1px 8px rgba(0,0,0,.5); transition:none}
.moving iframe	{position:relative;}

.resizeable:after {content:"R"; position:absolute; right:0; bottom:0; display:block; width:15px; height:15px; background-color:#f00}

.moving:before	{position:absolute; left:0; top:0; width:100%; height:100%; content:""; display:block; background:rgba(0,0,0,.01); z-index:2}

.speechMultiplehits	{position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); padding:5px; background-color:rgba(255,255,255,.9); border:1px solid #f9ed43!important; color:#333!important; font-weight:bold; z-index:100; border-radius:15px; width:20px; height:20px; display:inline-block; text-align:center; line-height:20px}


template	{display:none!important}

div.accordion			{background:#eee; overflow:hidden;}
div.accordion > label	{background-color:#ddd; padding:5px 15px; position:relative; margin-bottom:1px}
div.accordion > label:hover	{background-color:#eee;}
div.accordion > label:before	{position:absolute; left:6px; top:12px; content:" "; z-index:10; width: 0; height: 0; border-top: 4px solid transparent; border-left: 4px solid rgba(0,0,0,.5); border-bottom: 4px solid transparent;}
div.accordion > label.open:before	{position:absolute; left:4px; top:14px; content:" "; z-index:10; width: 0; height: 0; border-top: 4px solid rgba(0,0,0,.5); border-left: 4px solid transparent; border-right: 4px solid transparent;}

div.tabelle	div.tabInfoOpener {background:url('/layout/images/system/icons/Universal-Sprite.png') no-repeat 0 -385px; width:19px; height:19px; position:absolute; top:15px; left:10px;}
div.tabelle td div.tabInfoOpener:hover {background-position:-35px -385px}

div.menu	{background-color:#eee; height:30px; border:1px solid #eee}
div.menu li	{transition: all .2s ease-in-out; webkit-transition: all .2s ease-in-out}
div.menu ul li:hover  {background-color:#eee;}
div.menu ul li  {background-color:#fff;}
div.menu ul ul   {box-shadow:0 0 3px rgba(0,0,0,.5);}
div.menu ul ul ul:before	{position:absolute; left:-8px; top:12px; content:" "; z-index:10; width: 0; height: 0; border-top: 4px solid transparent; border-left: 4px solid rgba(0,0,0,.5); border-bottom: 4px solid transparent;}


div.tab	{margin-top:32px!important; border:1px solid #ddd}
div.tab > ul		{z-index:1; background-color:#eee; height:32px; margin:-32px 0 0 -1px!important;}
div.tab > ul > li	{transition: all .2s ease-in-out; webkit-transition: all .2s ease-in-out}
div.tab > ul > li	{padding:0 15px; border:solid #eee; border-width:1px 1px 1px 0}
div.tab > ul > li:first-child	{border-left-width:1px}
div.tab > ul > li:hover	{background-color:#fff;}
div.tab > ul > li.open	{background-color:#fff; border-bottom-color:#fff}


div.accordion 						{position:relative;}
div.accordion > div					{display:none; overflow:hidden; z-index:1; margin:0!important; padding:0!important;}
div.accordion > label.accordion_label		{display:block}
div.accordion > div.open			{display:block;}
div.autocomplete	{position:fixed; background-color:#fff; z-index:1000; border:1px solid #999;}
div.autocomplete a	{display:block; padding:3px}
div.autocomplete a:hover	{background-color:#fdf167}
div.autocomplete a.active	{background-color:#fdf167}


.calendarCaller {cursor:pointer;}

[data-datepicker] {cursor:pointer; position:relative; display:inline-block}
[data-datepicker*='force']:before {content:""; position:absolute; left:0; top:0; display:block; width:100%; height:100%; z-index:2;}
[data-datepicker]:after {content:"21"; border:1px solid #666; border-width:6px 1px 1px 1px; border-radius:5px; margin-left:5px; display:inline-block; text-align:center; padding:2px 0px; font-size:80%; line-height:120%; vertical-align:middle; width:22px; box-shadow:2px 2px 4px rgba(0,0,0,.1)}
[data-datepicker]:empty:after {margin-left:0}
[data-datepicker] > input {text-align:center}
[data-datepicker] > input::placeholder	{color:#ccc}
[data-datepicker] > input[maxlength="2"]	{width:35px!important}
[data-datepicker] > input[maxlength="4"]	{width:50px!important}


[data-datepicker] {border:1px solid #b3b3b3; margin-right:39px!important; padding:2px 5px; box-shadow: inset 0 1px 2px rgba(178,178,178,.3);}
[data-datepicker]:after {position:absolute; right:-30px; top: 50%; transform: translate(0, -50%);}
[data-datepicker] > input {border:0px solid!important; box-shadow:none!important; border-bottom:1px solid #999!important; padding:0; line-height:16px!important}
//[data-datepicker] > input {border-bottom:0px solid #999!important; line-height:17px!important}


.picker.inContent	{position:absolute; z-index:100;}
.picker	{max-width:90vw; max-height:90vh; font-size:16px; color:#000; position:relative; background-color:#fff; padding:0px; box-shadow:0 0 20px rgba(0,0,0,.5); overflow:hidden}
.picker.sheet	{width:336px;}
.picker.select	{padding:15px}
.picker:after	{display:block;content:""; clear:both}
.picker lable	{display:block; text-align:center; font-weight:bold}
.picker select	{display:inline; width:auto; line-height:24px; padding-right:30px; background-repeat:repeat-y}
.picker.select select	{display:inline; width:auto; text-align:center; margin:3px;}
.picker small	{font-size:8px}

.picker > div[class*="ics-"] {width:16px; height:30px; position:absolute; top:18px; font-size:80%}
.picker > div.previousMonth	{left:18px}
.picker > div.nextMonth	{right:18px}
.picker > div.nextMonth.ics-angle-right {width: 70px; height: 50px; position:absolute; top: 0; right: 0;}
.picker > div.nextMonth.ics-angle-right:before {content: ""; background:url(/layout/images/system/icons/Universal-Sprite.png) no-repeat -129px -236px; width: 28px; height: 32px; content:" "; pointer-events: none; top: 31px;}
.picker > div.previousMonth.ics-angle-left {width: 70px; height: 50px; position:absolute; top: 0; left: 0;}
.picker > div.previousMonth.ics-angle-left:before {background:url(/layout/images/system/icons/Universal-Sprite.png) no-repeat -131px -235px; transform: rotate(180deg); width: 28px; height: 32px; content:" "; pointer-events: none; top: 14px; left: 19px;}

.picker > div[class*="ics-"]:before {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}
.picker .sheet > div.notSelectable	{color:#ccc}
.picker .sheet > div.selectable:hover	{background-color:#f9ed43!important; }

.picker .sheet	{background-color:#fff; padding:10px; width:calc(100% - 20px)}
.picker .month.sheet	{position:relative; line-height:45px; display:inline-block}
.picker .month.sheet select	{width:calc((100% / 2) - 16px); margin:0 8px;}
.picker .month.sheet > div	{display:inline-block; width:calc(100% / 7); text-align:center; margin:1px 0; vertical-align:top}
.EDGE .picker .month.sheet > div	{width:calc(14.18%); overflow: hidden;}
.picker .month.sheet > div.otherMonth	{color:#999}
.picker .month.sheet > div.today	{font-weight:bold}
.picker .month.sheet > div.selected	{background-color:#f9ed43!important;}

.picker.month.time .month.sheet:before {transition: all .4s ease-in-out; webkit-transition: all .4s ease-in-out; position:absolute; top:50%; transform:translate(-30px,-50%); z-index:3; content:"<"; opacity:0; border:1px solid #666; border-width:1px; border-radius:50%; display:inline-block; text-align:center; font-size:80%; line-height:22px; vertical-align:middle; width:22px; height:22px; box-shadow:2px 2px 4px rgba(0,0,0,.1)}
.picker.month.time.dateSelected .month.sheet:before {opacity:1; background-color:#fff; transform:translate(-5px,-50%)}
.picker.month.time.dateSelected .month.sheet:hover:before {background-color:#f9ed43!important;}

.picker .phase.sheet > div.nextMonth	{margin-top:72px}
.picker .phase.sheet > lable	{bbackground-color:#eee;}

.picker .time.sheet {height:calc(100% - 20px); text-align:center; position:absolute; line-height:45px; display:inline-block; left:0;top:0; transform: translate(100%,0); z-index:2; overflow:auto}
.picker.dateSelected .time.sheet {transform: translate(0,0);}
.picker .time.sheet > div	{display:inline-block; width:calc(100% / 4); text-align:center; margin:1px 0; float:left}
.picker .time.sheet > div.newLine	{clear:both}

.picker button	{margin:15px auto 0 auto;}
.picker button:after	{content:"Fertig"; display:inline}
div.info		{position:relative; cursor:pointer;}
div.info > *	{display:none; position:absolute;}
.notTouchable div.info:hover, .notTouchable div.info:focus	{overflow:visible}
.notTouchable div.info:hover > div, .notTouchable div.info:focus > div{display:block;}
.subueberschrift + div.info {display: inline-block;width:20px; height:20px;}
.subueberschrift + div.info:hover {background: none; display: inline-block;width:20px; height:20px; }
.jforms input[type=text]:focus		{outline: none!important; border:1px solid #f9ed43!important}
.jforms input[type=password]:focus		{outline: none!important; border:1px solid #f9ed43!important}
.jforms textarea:focus		{outline: none!important; border:1px solid #f9ed43!important}

.jforms a.download:before	{transform:rotate(90deg); width:12px!important; height:10px!important; top:8px!important}

.jforms [readOnly]			{background-color:#f8f8f8}

.jforms input[type=text]			{width:calc(100% - 16px)}
.jforms input[type=text].medium		{width:calc(50% - 20px)}
.jforms input[type=text].small		{width:calc(25% - 20px)}
.jforms input[type=text].xs			{width:70px; text-align:center}
.jforms input[type=text].minusxs		{width:calc(100% - 107px)}
.FIREFOX .jforms input[type=text].minusxs		{width:calc(100% - 106px)}
.jforms input[type=text]:disabled	{background-color:#f7f7f7; color:#999}

.jforms input.inputChecked		{background-image: url(/layout/images/system/icons/td_check.gif); background-position: 99% 50%; background-repeat: no-repeat;}

.jforms input[type=date]		{width:120px;padding:2px 5px;}

.jforms input[type=password]			{width:calc(100% - 12px)}

.jforms input[type=file]	{display:none;}

.jforms input[data-adresscomplete]:after	{content:""; position:absolute; display:inline-block; width:30px; height:30px; background:#f00}

.jforms .button input[type=submit]	{background:transparent; border-width:0; margin:0; padding:0; font-weight:inherit; font-size:inherit; cursor:pointer; color:inherit}


.jforms div.upload	{position:relative; margin-bottom:10px;}
.jforms div.upload:before	{background:url('/layout/images/system/icons/Universal-Sprite.png') no-repeat 15px -165px; content:""; position:absolute; top:5px; right:0px; width:35px; height:35px; display:inline-block;}
.jforms div.upload.selected:before	{background-position: -34px -522px; transform:scale(.6,.6);right:50px; z-index:2}
.jforms div.upload input.txt	{padding:10px 5px; color:#666;}
	
.jforms div.upload .delete	{display:none; z-index:2; position:absolute; height:41px; width:41px; transform:translate(-42px,1px); cursor:pointer; background:#f9ed43}
.jforms div.upload .delete:before	{margin:14px; background:url('/layout/images/system/icons/Universal-Sprite.png') no-repeat -0px -210px; content:""; position:absolute; width:15px; height:15px; display:inline-block}
.jforms div.upload.selected .delete	{display:inline-block}

.jforms div.fileupload input.filename		{margin:0 10px 0 0; display:inline-block; width:35%}

.jforms	textarea			{width:calc(100% - 6px); font-family:arial; font-size:15px; line-height:22px; margin:0 2px; padding-bottom:20px; min-height:96px; border: 1px solid #cbcbcb; background-color: #fff; -moz-box-shadow: inset 0 1px 2px rgba(178,178,178,.3); -webkit-box-shadow: inset 0 1px 2px rgba(178,178,178,.3); box-shadow: inset 0 1px 2px rgba(178,178,178,.3);}

.jforms	select			{line-height:21px; width:calc(100% - 4px); margin:0 2px; border: 1px solid #cbcbcb; background-color: #fff; position:relative; -moz-box-shadow: inset 0 1px 2px rgba(178,178,178,.3); -webkit-box-shadow: inset 0 1px 2px rgba(178,178,178,.3); box-shadow: inset 0 1px 2px rgba(178,178,178,.3);}
.jforms	select option:checked	{background-color:#f9ed43!important;}

.jforms div.completableSelect	{position:relative;padding-right:25px}
.jforms div.completableSelect input		{background: url(/layout/css/tarifrechner/select/opener_yellow.png) no-repeat 100% center; padding-right:31px}
.jforms div.completableSelect ul		{position:absolute; width:calc(100% - 2px); background:#fff; z-index:3; border:1px solid #eee; max-height:200px; overflow:auto}
.jforms div.completableSelect ul:empty	{display:none}
.jforms div.completableSelect ul li	{border-bottom:1px solid #eee; padding:5px 10px}
.jforms div.completableSelect ul li.selected	{background:#f9ed43!important;}
.jforms div.completableSelect ul li:hover	{background:rgba(249,237,67,.5)!important;}

.jforms	fieldset		{border:0; margin:0 0 35px 0; padding:0; position:relative; font-size:15px;}
.jforms	fieldset:after	{content:" "; background:url('/layout/images/system/icons/trenner_dott.png') repeat-x 50% 50%; width:100%; height:6px; position:absolute; bottom:-25px; left:0}


.error, .error > div[data-datepicker] {border-color:#f00!important}

.jforms	.row	{padding:5px 30px 5px 300px; margin:0; position:relative; line-height:24px}

.jforms	.row.full	{padding-left:0}
.jforms	.row:after	{content:" "; width:100%; display:block; height:0px; clear:both}
.jforms	.row.verified:before	{background:url('/layout/images/system/icons/Universal-Sprite.png') no-repeat; content:""; width: 34px;height: 25px; background-position:-35px -525px; position:absolute; right:0px; bottom:7px; transform:scale(.6,.6); -webkit-transform:scale(.6,.6)}
.gruen .jforms .row.verified:before	{right:15px}
.jforms	.row p.message	{color:#f00; position:relative; top:0; width:calc(100% - 22px); padding-left:22px;}
.jforms	.row p.message:before	{background:url(/layout/images/system/icons/Universal-Sprite.png) -210px -210px no-repeat; content:" "; left:2px; top:2px; width:20px; height:20px; position:absolute;}
.jforms	.row p.message span	{margin-right:10px;}
.jforms	.row p.message:after	{content:" "; display:block}
.jforms .row > label	{width:290px; margin:1px 0; float:left; margin-left:-300px}
.jforms .row.full > label	{width:100%; margin:1px 0; clear:both; margin-left:0; display:block}
.jforms .row > label:empty	{display:none!important}
.jforms .row > label.checked	{width:265px;}
.jforms .row.full > label.checked	{width:100%!important;}
.jforms .row.required > label:after	{content:" *"}
.jforms h3		{margin:0 0 5px 0}
.jforms h5		{margin:5px 0 10px 0}
.jforms	fieldset p	{margin:0;}
.jforms	fieldset .checked	{padding-left:25px!important; position:relative;}
.jforms	fieldset .checked input[type=checkbox]{margin:3px 0 0 -25px; position:absolute;}
.jforms	fieldset .checked input[type=radio]{margin:3px 0 0 -22px; position:absolute;}
.jforms div.btnBox	{text-align:right}
.jforms .glossar	{position:absolute; right:0; top:5px}
.jforms .link.text	{padding:0px 5px 0 15px}

.jforms ul.tabbed		{border:1px solid #94b494; position:relative; margin:0; width:calc(100% - 2px)!important; display:inline-block}
.jforms .error ul.tabbed		{border-color:#f00; }
.jforms ul.tabbed li	{float:left; width:100%; text-align:center; padding:5px 0; background-color:#fff; position:relative; overflow:hidden; white-space:nowrap}
.jforms ul.tabbed li:after	{content:""; border-right:1px solid #94b494; position:absolute; right:0; top:0; height:100%}
.jforms .error ul.tabbed li:after		{border-color:#f00; }
.jforms ul.tabbed li:last-child:after	{display:none}
.jforms ul.tabbed li.selected	{background-color:#94b494; color:#fff}
.jforms ul.tabbed:after {content:""; display:block; clear:both;}

.jforms ul.col2 > li {width:calc(100% / 2); float:left}
.jforms ul.col3 > li {width:calc(100% / 3); float:left}

.jforms ul.tabbed.col_2 li	{width:50%}
.jforms ul.tabbed.col_3 li	{width:33.33333333%}
.jforms ul.tabbed.col_4 li	{width:25%}
.jforms ul.tabbed.col_5 li	{width:20%}

.jforms ul		{margin-bottom:-10px}
.jforms ul.radio		{margin-bottom:15px;}
.jforms .row:last-child ul.radio		{margin-bottom:0}
.jforms ul li	{padding-bottom:10px}
.jforms ul.list 			{margin-top:10px}
.jforms ul.list li			{padding-left:15px;}
.jforms ul.list li:before	{content:"-"; margin-left:-15px; float:left;}

.jforms div.charcounter	{position:absolute; margin:0 0 0 2px; padding:0 3px; font-size:11px; color:#999; border:1px solid #cbcbcb; background-color:rgba(256,256,256,.85); line-height:15px;}
.CHROME .jforms div.charcounter	{margin-top:-8px}
.MSIE .jforms div.charcounter	{margin-top:-1px}
.FIREFOX .jforms div.charcounter	{margin-top:-4px}

.jforms input.captcha	{width:150px; text-align:center; font-size:22px; line-height:42px; margin:15px 0 0 0}
.jforms img.captcha	{float:left; height:48px; border:1px solid #b3b3b3; margin:15px 10px 0 0;}

.jforms > div.beitrag	{ width:calc(100% - 52px);background:#fbed42; border:1px solid #ffd402; padding:0 10px; line-height:36px; text-align:right}
.jforms > div.beitrag label	{float:left; font-size:20px;}
.jforms > div.beitrag b	{font-size:20px; margin-left:15px}

.jforms ul.pager	{height:50px; width:100%; margin-bottom:20px; position:relative;}
.jforms ul.pager:after	{display:block; content:" "; position:relative;}
.jforms ul.pager li	{float:left; line-height:15px}
.jforms ul.pager li	p	{margin:0; padding:5px; font-family:TisaWeb; border-left:1px solid #89b6bb; color:#89b6bb}
.jforms ul.pager li	p.zahl	{background-color:#dfe8df}
.jforms ul.pager li.current	p.zahl	{background:#67a2ad center;  color:#fff}
.jforms ul.pager li.current p.zahl, .jforms ul.pager li.previous p.zahl  {background-image:url('/layout/images/system/icons/bg-schraffur-transparent-fff.png');}
.jforms ul.pager.p2 li	{width:50%}
.jforms ul.pager.p3 li	{width:33.333333333%}
.jforms ul.pager.p4 li	{width:25%}
.jforms ul.pager.p5 li	{width:20%}

.jforms .checker	{padding-right:60px; position:relative; margin-top:0; min-height:30px; cursor:pointer}
.jforms .checker:hover	{background-color:#f8f8f8} 
.jforms .checker input[type=checkbox]	{display:none}
.jforms .checker:before	{content:""; display:block; position:absolute; right:0; top:0; border:1px solid #ccc; border-radius:15px; width:50px; height:28px; background-color:#eee; box-shadow:inset 3px 3px 5px rgba(0,0,0,.1)}
.jforms .checker:after	{content:""; display:block; position:absolute; right:24px; top:2px; border:1px solid #ccc; border-radius:12px; width:24px; height:24px; background:url('/layout/images/system/icons/Universal-Sprite.png') no-repeat -97px -171px #eee; transition: right .4s ease-in-out; webkit-transition: right .4s ease-in-out}
.jforms .checker.checked	{padding-left:0}
.jforms .checker.checked:before	{background-color:#b5cbb4}
.jforms .checker.checked:after	{right:2px; background-position: -209px -275px;}


.jforms div.beitragHeader	{background:#f9ed43; font-size:130%; padding:10px; margin-bottom:15px; text-align:right;}

.jforms .page	{display:none}
.jforms.curP1 .page.p1	{display:block}
.jforms.curP2 .page.p2	{display:block}
.jforms.curP3 .page.p3	{display:block}
.jforms.curP4 .page.p4	{display:block}
.jforms.curP5 .page.p5	{display:block}

.jforms div.btnBox > div	{position:absolute;}
.jforms div.btnBox > .button	{margin:0 0 0 10px; position:relative}

.jforms div.btnBox.first .button.back	{display:none}
.jforms div.btnBox .button.back:before	{transform:rotate(180deg); -webkit-transform:rotate(180deg);}

.jforms div.btnBox.last .button.next	{display:none}

.jforms div.btnBox .button.submit	{display:none}
.jforms div.btnBox button.g-recaptcha	{float:right; display:none; margin:0 0 0 14px; line-height: 20px;}
.jforms div.btnBox.last button.g-recaptcha	{display:inline-block!important;}
.jforms div.btnBox.last button.g-recaptcha.hidden	{display:none!important;}

.jforms div.btnBox .button.download	{display:none;}
.jforms div.btnBox.last .button.download	{display:inline-block}

iframe.Help	{width:650px; height:400px}
iframe.Glossar	{width:500px}

.jforms div.glossar > div h5	{margin:0 0 5px 0}
.jforms div.glossar ul		{margin:8px 0}
.jforms div.glossar li		{padding:2px 0 2px 20px; position:relative}
.jforms div.glossar li:before	{font-family: "iconset";content:"\e946"; color: #277a8a; position:absolute; left: 0;}

.jforms div.errormessage	{font-size:130%; border:2px solid #f00; padding:25px 15px 25px 80px; margin:0 0 15px 0; position:relative;}
.jforms div.errormessage:after	{content:" "; position:absolute; left:8px; top:8px; background:url('/layout/images/system/icons/Universal-Sprite.png') 0 -735px; width:50px; height:52px}

div.jforms.belehrung		{width:600px; height:400px; overflow:auto; background-color:#fff; color:#000; padding:15px}

.jforms.small .row	{padding:5px 30px 5px 0px;}
.jforms.small .row > label	{display:block; position:relative; margin-left:0; width:auto; float:none; font-weight:bold}
.jforms.small div.glossar		{position:relative; float:left; margin-right:5px}
.jforms.small.message	{max-width:80%; color:#fff}

.gruen .jforms fieldset	{background-color:#fff; padding:5px 0 15px 0; margin:0px!important}
.gruen .jforms input[type=text]	{margin:0px!important; width:calc(100% - 12px)}
.gruen .jforms input[type=text].small {width:calc(25% - 20px)}
.gruen .jforms input[type=text].minusxs	{width:calc(100% - 100px)}
.gruen .jforms input[type=text].xs	{width:70px}

.gruen .jforms > div.beitrag	{ width:calc(100% - 22px);}

.gruen .jforms div.row	{padding:5px 15px 5px 15px;}
.gruen .jforms div.row label{margin-left:0; text-align:left; padding:0}
.gruen .jforms div.row button[disabled] {display:none}

.gruen .jforms div.row.error label 	{color:#f00!important;}

.gruen .jforms div.row > p	{margin-bottom:10px}
.gruen .jforms div.row.half	{width:calc(50% - 30px); float:left; clear:none}
.gruen .jforms div.row.half.right {float:right;}
.gruen .jforms div.row.newLine {clear:both}
.gruen .jforms div.row	{clear:both}
.gruen .jforms div.row.checked	{padding-left:40px!important}
.gruen .jforms div.row > label	{width:100%; padding:0; display:block; float:none; font-weight:bold; margin-left:0}
.gruen .jforms div.row.full > label	{width:100%; padding:0; margin:0 3px; text-align:left}
.gruen .jforms div.row.required > label:after	{position:absolute; margin:-2px 0 0 2px}
.gruen .jforms hr	{display:none}
.gruen .jforms h3	{margin:20px 0 10px 0}
.gruen .jforms fieldset h3	{margin-left:15px}

.gruen .jforms div.row > textarea	{width:calc(100% - 12px); padding:3px 5px}
.gruen .jforms label div.glossar	{position:absolute; top:auto; right:auto; display:inline-block; margin-left:10px; font-weight:normal; color:#000; background-position:-175px -385px; width:21px; height:21px}
.gruen .jforms fieldset:after	{display:none}

.gruen .jforms fieldset {box-shadow:5px 5px 10px rgba(0,0,0,.2);}

.gruen .jforms div.btnBox	{margin:20px auto 10px auto;}
.gruen .jforms div.btnBox .button {box-shadow:5px 5px 10px rgba(0,0,0,.2)}
.gruen .jforms div.btnBox button {box-shadow:5px 5px 10px rgba(0,0,0,.2)}

.gruen .jforms #reCaptchaWidget	{margin:5px 0 0 0; position:relative;}
.gruen .jforms div.row.error #reCaptchaWidget iframe	{border:1px solid #f00!important; height:78px}

@media screen and (max-width: 600px){
	.gruen .jforms div.row.half	{width:auto; float:none}
	.gruen .jforms .tabbed	{margin-bottom:0}
}

div.klappliste  				{position:relative; overflow:hidden;}
div.klappliste.open  			{overflow:visible; z-index:2;}
div.klappliste > div.content	{position:relative; height:0; overflow:hidden; transition: height .4s ease-in-out; webkit-transition: height .4s ease-in-out;}
div.klappliste.open > div.content		{display:block; animation: klappliste .4s forwards; -webkit-animation: klappliste .4s forwards;}
div.klappliste.open > div.content > div.end		{display:block; height:1px; margin-top:-1px;}

@keyframes klappliste {
  0% {
  	overflow: hidden;
  	opacity: 0;
  }
  98% {
		overflow: hidden;
  }
  99% {
		overflow: visible;
  }
  100% {
		overflow: visible;
		opacity: 1;
  }
}
@-webkit-keyframes klappliste {
   0% {
  	overflow: hidden;
  	opacity: 0;
  }
  98% {
		overflow: hidden;
  }
  99% {
		overflow: visible;
  }
  100% {
		overflow: visible;
		opacity: 1;
  }
}

div.menu  {z-index:100;}
div.menu ul    {position:relative}
div.menu > ul  li  {white-space:nowrap; position:relative; padding:5px 15px; position:relative;}
div.menu > ul > li  {float:left;}
div.menu ul ul   {position:absolute; z-index:2}
div.menu ul ul > li   {display:none}
div.menu ul > li > ul   {margin:5px 0 0 -15px; min-width:100%}
div.menu ul > li > ul ul   {top:0; left:100%; margin:0}
div.menu ul > li:hover > ul > li {display:block}

#message:not([aria-controls=chat-conversation])	{position:fixed; bottom:0; right:0; margin:0; padding:0; max-width:20%; z-index:1000}
#message:empty	{display:none}
#message > li	{padding:0px; background:rgba(0,0,0,.9); color:#ccc; margin:0; font-size:70%; line-height:180%; opacity:0; transform: scale(.1,.1); overflow:hidden}
#message > li.show	{opacity:1; transform: scale(1,1); padding:10px; margin:0 10px 10px 0; }
#message > li:before	{position:absolute; right:0; top:0; line-height:100%; content:"X"; display:inline; margin:5px}

#message > li > label	{color:#999; font-weight:bold; font-size:120%}
.siteactive > div.filtered		{display:none}	
div.tab	{position:relative; margin:30px 0 0 0;}
div.tab > div	{display:none; width:100%; height:100%}
div.tab > div.open	{display:block}

div.tab > ul		{position:absolute; top:0; left:0; margin-top:-30px; line-height:30px; }
div.tab > ul > li	{float:left;}

table.sticky > thead > tr:nth-child(2) > th {padding-top: 25px;}
div.tabelle {outline: none;}
div.tabelle table.sticky 	{position:fixed; top:0px; display:none; z-index:100;}
div.klappliste div.tabelle.sticky table.sticky 	{display:none;}
div.klappliste.open  div.tabelle.sticky table.sticky 	{display:table;}
div.tabelle.sticky table.sticky 	{display:table;}
div.tabelle table.sticky tbody	{display:none}
div.tabelle table.sticky tfoot	{display:none}

div.tabelle.hasDetails div.detailOpener	{text-align:center; z-index:10; background-color:transparent;position:relative; margin-top:-15px}
div.tabelle.hasDetails div.detailOpener	{height:30px}
div.tabelle.hasDetails div.detailOpener:after	{background:url(/layout/images/system/icons/Universal-Sprite.png) no-repeat 5px -158px #fbed42; height:50px ; width:25px; border:1px solid #ffd402; display:inline-block; content:""; position:absolute; border-radius: 0 25px 25px 0; transform: -webkit-translate(-50%,-13px) -webkit-rotate(90deg); transform: translate(-50%,-13.5px) rotate(90deg) }

div.tabelle tr.detail  	{display:none;}
div.tabelle.showDetails tr.detail 	{display:table-row}


//div.tabelle tr.detail td 	{line-height:0px; overflow:hidden; position:relative; padding-top:0; padding-bottom:0px; border-width:0; transition: all .4s ease-in-out; webkit-transition: all .4s ease-in-out;}
//div.tabelle.showDetails tr.detail td	{line-height:140%; padding-top:12px; padding-bottom:12px; border-width:1px;}


div.tabelle.hasDetails div.legende	{display:none}
div.tabelle.hasDetails div.footer	{display:none}

div.tabelle.hasDetails.showDetails div.legende	{display:block}
div.tabelle.hasDetails.showDetails div.footer	{display:block}

div.tabelle tr.tabbs	{width:100%; margin:0!important; display:none; }
div.tabelle tr.tabbs td	{ padding:0!important}
div.tabelle.compact tr.tabbs	{display:table-row;}

div.tabelle.compact ul.tabbs:after	{content:""; display:block; clear:both}
div.tabelle.compact ul.tabbs li	{text-align:center; cursor:pointer; background-color:rgba(255,255,255,.5); color:#999; padding:5px 10px; transition: all .4s ease-in-out; webkit-transition: all .4s ease-in-out;}
div.tabelle.compact ul.tabbs li	{float:left; padding:10px 0!important; overflow:hidden; white-space:nowrap}
div.tabelle.compact ul.tabbs.c4 li	{width:25%}
div.tabelle.compact ul.tabbs.c3 li	{width:33.3333333%;}
div.tabelle.compact ul.tabbs.c2 li	{width:50%; }
div.tabelle.compact ul.tabbs li.active	{background-color:rgba(251,237,66,1); color:#000; padding:10px 10px;}
div.tabelle.compact ul.tabbs li.active:before	{display:none}


div.tabelle.compact table	{table-layout:fixed; border-collapse:collapse; width:100%;}
div.tabelle.compact table col	{width:0%; transition: all .4s ease-in-out; webkit-transition: all .4s ease-in-out; }
div.tabelle.compact table col:first-child	{width:50%; }
div.tabelle.compact table col.active	{width:50%;}
div.tabelle.compact table td, div.tabelle.compact table th {overflow:hidden; white-space:nowrap; vertical-align:middle;}
div.tabelle.compact table td:first-child, div.tabelle.compact table th:first-child	{white-space:normal; text-align:left!important; vertical-align:middle; }
div.tabelle.compact table td, div.tabelle.compact table th	{position:relative}
div.tabelle.compact table td:after, div.tabelle.compact table th:after	{content:""; position:absolute; height:100%; width:5px; display:inline-block; background-image: linear-gradient(90deg, transparent, rgba(0,0,0,.05)); top:0; right:0}
div.tabelle.compact table td:last-child:after, div.tabelle.compact table th:last-child:after	{display:none}


//div.tabelle.compact table thead td:first-child	{padding-left:10px!important}

.tarifrechner	{position:relative; margin:0!important;}
.tarifrechner hr	{margin:10px 20px; border-width:0px; border-bottom:2px dotted #666}
.tarifrechner h5	{margin:10px 20px; font-weight:bold; font-size:100%}
.tarifrechner p		{margin:10px 20px; font-size:100%!important}

.tarifrechner input[type=checkbox]	{position:absolute; top:3px; left:3px; z-index:2}
.tarifrechner input[maxlength=2]	{width:40px}
.tarifrechner button {display: inline-block;}


.tarifrechner .idle	{position:relative}
.tarifrechner .idle:before	{width:100%; height:100%; content:" "; background-color:rgba(256,256,256,.75); top:0; left:0; position:absolute; z-index:2}

.tarifrechner .info	{display:inline-block; margin:0 0 0 5px; top:5px}

.tarifrechner .beitrag	{ font-size:170%; font-weight:bold; margin-left:5px; white-space:nowrap; display:inline; color:#4c808b}
.tarifrechner .header	{background-color:#f9ed43; padding:20px 20px; margin-bottom:10px}
.tarifrechner .header .beitrag	{float:right; color:#000}
.tarifrechner .col	{float:left; position:relative; margin:0; padding:0 20px 15px 0; width:calc(50% - 20px)}
.tarifrechner .row	{padding:5px 20px 5px 50%; position:relative}
.tarifrechner.small .row	{padding:5px 20px 5px 20px;}
.tarifrechner .row.full	{padding-left:20px;}
.tarifrechner .row > label	{left:0; padding:5px 0 5px 20px; position:absolute; width:calc(50% - 20px); font-weight:bold}
.tarifrechner .row.full > label	{position:relative; padding-left:0}
.tarifrechner.small .row > label	{position:relative; padding:0px; display:block; width:auto; margin-bottom:10px}
.tarifrechner .row select	{width:100%}

.tarifrechner label.checkbox	{display:inline-block; cursor:pointer; position:relative; margin-bottom:5px; text-align:center; width:35px;}
.tarifrechner label.checkbox:before	{content:" "; width:50px; height:35px; display:inline-block; position:relative; background:url('/layout/images/system/icons/Universal-Sprite.png');}
.tarifrechner label.checkbox.disabled	{cursor:auto;}
.tarifrechner input[type=checkbox]	{display:none}
.tarifrechner label.checkbox p			{margin:0; padding:0; text-align:center; width:100%; }

.tarifrechner select.tabbed	{display:none}
.tarifrechner table.tabbed	{width:100%; table-layout:fixed; border-collapse:collapse; margin:0 0 10px 0;}
.tarifrechner table.tabbed td {text-align:center; padding:10px 0;  position:relative; cursor:pointer;}
.tarifrechner table.tabbed td.selected	{background-color:#f9ed43;}

.tarifrechner select.schieberegler	{display:none}	
.touchable .tarifrechner div.schieberegler	div.schieber {width:80px; height:80px; margin-left:-40px;}
.tarifrechner div.schieberegler	ul	{margin:0; padding:0; list-style:none; position:absolute; width:100%; top:4px; font-size:90%}
.tarifrechner div.schieberegler	ul li:hover	{color:#666}
.tarifrechner div.schieberegler	ul li		{position:relative; text-align:center}

.tarifrechner.tlog	{position:absolute;}

.tarifrechner div.description	{background-color:#dfe8df; padding:10px; margin-top:-1px}
.tarifrechner div.description h5	{margin:0 0 5px 0; padding:0}
.tarifrechner div.description li	{padding:0 0 5px 15px; position:relative;}
.tarifrechner div.description li:before	{width:5px; height:12px; position:absolute; left:0; top:4px; content:" "; background-color:#94b494}

.tarifrechner input[type=checkbox]				{position:relative; margin:0 5px 0 0}
.tarifrechner input[type=checkbox]:after			{background:url(/layout/images/system/icons/Universal-Sprite.png) -244px -802px no-repeat #fff; content:" "; position:absolute; top:-1px; left:0; width:18px; height:18px;}
.tarifrechner input[type=checkbox]:checked:after	{background-position: -244px -837px}

/*
.tarifrechner.service .row {padding:5px 20px 5px 60%;}
.tarifrechner.service .row > label	{width:calc(60% - 20px);}
.tarifrechner.service .row.full	{padding-left:20px!important;}
.tarifrechner.service .row.full.hinweisReisekosten	{color:#94b494; font-size:12px; }
.tarifrechner.service .row.full.hinweisUnterhalt {color:#94b494; font-size:12px; }
.tarifrechner.service .row.full.hinweisProzesskosten	{color:#94b494; font-size:12px; }


.tarifrechner.service input[type=text]	{width:100%; line-height:150%}
.tarifrechner.service button	{font-size:120%; padding-right:35px; padding-left:10px; display:block; width:100%; margin-top:15px}
.tarifrechner.service button.p5	{padding-left:20px; line-height:20px; font-size:13px}

.tarifrechner.service hr.v1 {margin:10px 0px}
*/
div.slots.wiperslot { margin: 20px 10px 0 10px;}
div.slots.wiperslot > div.spalte > div.layout > div.wrapper { padding: 0;}
.desktop .slots.solo div.wiper	{margin:0 -10px 15px -10px}
.desktop .slots.solo.wiperslot div.wiper	{margin:0 -10px 0 -10px}
.handheld .slots.solo div.wiper	{margin:0 0px 15px 0px}

div.wiper	{position:relative; overflow:hidden}
div.wiper:after	{content:""; display:block; clear:both}

div.wiper.noTabs ul.tabs	{display:none}
div.wiper.multibox ul.tabs div.ico	{display:none}

div.wiper ul.tabs	{position:absolute; bottom:0; list-style-type:none; margin:0 auto; padding:0; z-index:2; left:50%; bottom:5px; transform:translate(-50%,-50%)}
div.wiper ul.tabs li	{float:left; cursor:pointer; margin-right:1px; width:15px; height:15px; background:url('/layout/images/wiper/page.png') 50% 50% no-repeat;}
div.wiper ul.tabs li:hover	{background-image:url('/layout/images/wiper/page_aktiv.png')}
div.wiper ul.tabs li.visible	{background-image:url('/layout/images/wiper/page_aktiv.png')}

.desktop div.wiper.labelTabs	{padding-bottom:40px}
.desktop div.wiper.labelTabs.tabsTop {padding-bottom:0; padding-top: 40px;}
.handheld div.wiper.labelTabs ul.tabs	{display:none}
div.wiper.labelTabs	ul.tabs{left:0;bottom:2px; transform:translate(0,0); width:calc(100% + 1px); height:45px; background-color:#fff; overflow:hidden}
div.wiper.labelTabs.tabsTop	ul.tabs {top:0; bottom: auto;}
div.wiper.labelTabs ul.tabs li	{width:auto; height:auto; padding:0; margin:0 1px 0 0; background-image:none!important; position:relative; text-align:center; font-weight:bold; border-right: 1px solid #dfe8df;border-bottom: 1px solid #dfe8df; height: 42px;  }
div.wiper.labelTabs.tabsTop ul.tabs li {border-bottom:none; border-top: 1px solid #dfe8df; padding-top: 3px;}
div.wiper.labelTabs ul.tabs li.visible	{border-bottom: 4px solid #f9ed43;}
div.wiper.labelTabs.tabsTop ul.tabs li.visible	{border-bottom: none; border-top: 4px solid #f9ed43; padding-top: 0;}
div.wiper.labelTabs ul.tabs li div.ico {vertical-align:middle; margin-right:5px;}
div.wiper.labelTabs ul.tabs li div.ico.noIcon {width: 0; margin: 0;}
div.wiper.labelTabs.p2 ul.tabs li	{width:calc(50% - 1px);}
div.wiper.labelTabs.p3 ul.tabs li	{width:calc(33.3333333333% - 2px);}
div.wiper.labelTabs.p4 ul.tabs li	{width:calc(25% - 1px);}
div.wiper.labelTabs.p5 ul.tabs li	{width:calc(20% - 1px);}
div.wiper.labelTabs.p6 ul.tabs li	{width:calc(16.66666666666667% - 1px);}
div.wiper.labelTabs.p7 ul.tabs li	{width:calc(14.28571428571429% - 1px);}

div.wiper.labelTabs ul.tabs li:last-child {border-right: 0;}
div.wiper.labelTabs.p2 ul.tabs li:last-child {width:calc(50% - 2px);}
div.wiper.labelTabs.p3 ul.tabs li:last-child {width:calc(33.3333333333% - 1px);}
div.wiper.labelTabs.p4 ul.tabs li:last-child {width:calc(25% - 4px);}
div.wiper.labelTabs.p5 ul.tabs li:last-child {width:calc(20% - 5px);}
div.wiper.labelTabs.p6 ul.tabs li:last-child {width:calc(16.66666666666667% - 6px);}
div.wiper.labelTabs.p7 ul.tabs li:last-child {width:calc(14.28571428571429% - 7px);}

/*div.wiper ul.tabs li:after			{position:absolute; left:0; top:0; height:100%; width:100%; content:""; z-index:5;}*/
div.wiper ul.tabs li:after			{position:absolute; left:0; top:0; width:100%; content:""; z-index:5;}
div.wiper div.wiperContainer	{position:relative; height:100%; width:100%; white-space:nowrap}
div.wiper div.wiperButton {font-family: 'iconset'; content: "\e90a"; position: absolute; width: 32px; height: 32px; margin:0 8px; border-radius:16px; display: inline-block; top:50%; transform: translate(0,-50%); z-index:2; cursor:pointer; box-shadow:0 0 10px rgba(0,0,0,.3)}
div.wiperButton.left:before {content: "\e909"; padding-left: 8px; padding-top: 5px; position: absolute;}
div.wiperButton.right:before {content:"\e90a"; padding-left: 10px; padding-top: 5px; position: absolute;}
div.wiper.min div.wiperButton.left	{display:none}
div.wiper.max div.wiperButton.right	{display:none}
div.wiper.loop.min div.wiperButton.left	{display:block}
div.wiper.loop.max div.wiperButton.right	{display:block}

div.wiper div.page	{float:left; overflow:hidden; position:absolute; height:100%; width:100%; top:0; display:inline-block; background-size:cover; background-position:centerline;opacity:0}
div.wiper.ready div.page	{opacity:1}
div.wiper div.page div.text	{position:absolute; right:50px; top:50%; transform:translate(0,-50%); width:40%; white-space:normal; padding:15px; background-color:rgba(255,255,255,.75)}
.handheld div.wiper div.page div.text	{right:20%; top:50%; width:calc(60% - 30px);}
div.wiper div.page div.text	p {margin:0}
div.wiper div.page div.text	button {margin:15px 0 0 0}

div.wiper.labelTabs ul.tabs li div.ico.eins, 
div.wiper.labelTabs ul.tabs li div.ico.zwei,
div.wiper.labelTabs ul.tabs li div.ico.drei,
div.wiper.labelTabs ul.tabs li div.ico.vier,
div.wiper.labelTabs ul.tabs li div.ico.kommentarOutline {top: 7px;} 

.desktop div.wiper.multibox	div.wiperContainer		{width:calc(100% - 50px); margin:0 25px}
.desktop div.wiper[data-boxes="2"]	div.page	{width:50%;}
.desktop div.wiper[data-boxes="3"]	div.page	{width:calc(100% / 3);}
.desktop div.wiper[data-boxes="4"]	div.page	{width:calc(100% / 4);}
.desktop div.wiper[data-boxes]	a	{position:absolute; right:15px; bottom:15px; max-width:calc(100% - 30px)}

.desktop div.wiper.multibox	div.page > div.text	{width:calc(100% - 90px); height:calc(100% - 100px); overflow:hidden; padding:5px 15px; right:30px; transform:translate(0,-50%);background-color:rgba(255,255,255,.9); box-shadow:0 0 10px rgba(0,0,0,.8)}
.desktop div.wiper.multibox[data-boxes="4"]	div.page > div.text	{width:calc(100% - 80px);padding:5px 15px; right:25px;}

body.handheld div.wiper.nomobileimg div.page {background-image: none !important; background-color: #dfe8df;}
div.reiter > div.content > div.page       {display:none;}
div.reiter > div.content > div.page.aktiv {display:block;}
#SlotNavHome.negMarginFf {margin: -20px 0 0 0;}
#SlotNavContainer {position: relative; width: 100%; background-color: #fff;  margin: 0 auto 20px; z-index: 5; padding-right: 5px;}
#SlotNavContainer.fixed {position: fixed; left: 50%; transform: translateX(-50%); margin: 0; border-top: 1px solid #c1c1c1;}
#SlotNav, #SlotNav > div {height: auto;}
#SlotNav > div a {height: 100%;}

.SlotNavScroller {height:calc(100% - 2px);}
#SlotNav {scroll-behavior: smooth; position: relative; border-bottom: 1px solid #c1c1c1; flex-wrap: nowrap; touch-action: pan-x; box-sizing: border-box; z-index: 100; overflow-x: auto; overflow-y:hidden;  border-top: 1px solid #d9d9d9;white-space: nowrap;}
#SlotNavContainer.fixed #SlotNav {border-top: 0;}
#SlotNav * {box-sizing: border-box;}
#SlotNav > div {display: inline-block; text-align: center; width: auto; vertical-align: top;}

#SlotNav > div a {white-space: pre-wrap; display: block; padding: 6px 10px 6px; border-bottom: 3px solid transparent; border-right: 1px solid #d9d9d9;  transition: all 0.4s ease; background-color: #fff; -webkit-tap-highlight-color: transparent;}
#SlotNav > div a:focus {outline: none;}
#SlotNav > div:last-child a {border-right: none;}
#SlotNav > div div.ico {display: block; margin: 3px auto; color: #277a8a; width: auto; height: auto; font-size: 21px;}
#SlotNav > div div.ico:before {line-height: inherit;}

#SlotNav > div > a span {display: inline-flex; height: 100%; align-items: flex-end; padding: 6px 0;}
#SlotNav > div > a div + span {display: inline; height: auto; align-items: unset;}

#SlotNav > div span {font-size: 13px;}
#SlotNav > div span, #SlotNav div.ico, #SlotNavRightScroller, #SlotNavLeftScroller {pointer-events:none;} 
#SlotNav > div.active > a, #SlotNav > div > a:hover  {background-color: #f8f8f8;}
#SlotNav > div.active > a {border-bottom: 3px solid #fff600; padding-bottom: 6px;}

.slotNav {position: relative; }
.slotNav .SNAnchor {position: absolute; top: -70px;}

.slotNav .SNAnchor.show {display: block; position: relative; top: 0; margin: 40px 0!important; }
.slotNav .SNAnchor.show.fheadl {color: #277A8A; font-weight: bold; font-size: 164%; text-align: center; padding-bottom: 11px; border-bottom: 1px solid #277A8A;}
.slotNav .SNAnchor.show.intro {font-size: 125%; line-height: 125%;}
.slotNav .SNAnchor.show::before {content:""; display:block; height:50px; margin:-70px 0 0;}

#SlotNavContainer.notscrollable #SlotNav > div > a span {display: inline-flex; height: 100%; align-items: flex-end; padding-bottom: 4px;}
#SlotNavContainer.notscrollable #SlotNav > div > a div + span {display: inline; height: auto; align-items: unset;}

@media screen and (min-width: 601px) {
	#SlotNavHome.negMarginFf {margin: -20px -10px 0;}
	#SlotNav {width: 100%;  overflow: hidden; }
	#SlotNavContainer {width: calc(100% + 10px);}
	.farbfeld #SlotNavContainer:not(.fixed) {margin-left: -10px;}
	#SlotNav > div span {font-size: 15px; font-weight: bold;}
	#SlotNav > div > a span {padding-bottom: 0;}
	#head.stickyEle:after {content: none;}
	.slotNav .SNAnchor.show.fheadl {font-size: 167%; border-bottom: 3px solid #277A8A;}
	.SlotNavScroller {position: absolute; top: 0; margin-top: 1px; width: 50px; z-index: 101; text-align: center; transition: opacity 0.5s ease;}
	.SlotNavScroller:before {content: ""; position: absolute; top: 50%; border-color: #000; border-style: solid; border-width: 2px 2px 0 0; display: inline-block; width: 6px; height: 6px; transform: rotate(45deg) translate(-34%, -50%); vertical-align: top; z-index: 101;}
	.SlotNavScroller:after {content: ""; position: absolute; top: 50%; background-color: #fff600; width: 20px; height: 20px; border-radius: 100%; transform: translateY(-55%);}
	#SlotNavRightScroller{opacity: 0; right: 0; background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 40%, rgba(255,255,255,1));}
	#SlotNavRightScroller:before {right: 19px;}
	#SlotNavRightScroller:after {right: 11px;}
	#SlotNavLeftScroller {opacity: 0; left: 0; background: linear-gradient(to left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 40%, rgba(255,255,255,1)); }
	#SlotNavLeftScroller:before {transform: rotate(-135deg) translate(241%,-148%); left: 40px;}
	#SlotNavLeftScroller:after {transform: translate(-149%, -55%);left: 40px;}
	#SlotNavContainer.scrollRight #SlotNavRightScroller {opacity: 1; pointer-events: all;}
	#SlotNavContainer.scrollLeft #SlotNavLeftScroller {opacity: 1; pointer-events: all;}
	#SlotNavContainer.moveRight.fixed {left: calc(50% + var(--logoWidth)); transform: translateX(calc(-50% - var(--logoHalfWidth))); max-width: calc(100% - var(--logoWidth));}
    #SlotNavContainer.notscrollable  {width: calc(100% + 19px); max-width: 980px;}
	#SlotNavContainer.notscrollable #SlotNav {width: 100%; display: flex; flex-direction: row; }
	#SlotNavContainer.notscrollable #SlotNav.fixed {border-top: none;}
	#SlotNavContainer.notscrollable #SlotNav > div {float: none; flex-grow: 1; width: auto;}
}

@media screen and (min-width: 980px) {
	#SlotNavContainer {width: calc(100% + 19px); max-width: 980px;}
	#SlotNavContainer.fixed {border-top: 0;margin-top: -1px;}
	#SlotNav.fixed {border-top: none;}
	#SlotNav > div div.ico {display: inline-block; margin: 6px 5px 0 0; vertical-align: sub;}
	#SlotNavRightScroller:before {right: 11px;}
	#SlotNavRightScroller:after {right: 3px;}
	#SlotNavContainer.moveRight.fixed {width: calc(100% + 19px); max-width: calc(980px - var(--logoWidth));}
}

/* BASE */
.aForms {opacity: 0; background-repeat: no-repeat; background-position: top left; background-size: cover; padding: 20px 0 27px; transition: all 0.6s ease;}
.aForms.show, .aForms.jforms {opacity: 1;}
.aForms .header *, .aForms .pages > .page *, .aForms .btnBox *, .aForms.aOverlay * {box-sizing: border-box; transition: all 0.3s ease;}
.aForms .pager * {box-sizing: border-box;  transition: all 0.6s ease;}

/* ---------------------------- Pages ---------------------------- */
.aForms .pages > .page {width: 100%; height: 0px; overflow: hidden; padding: 0; box-sizing: border-box;}
.aForms .pages > .page.active {display: block; height: auto; padding: 0 20px 0; overflow: visible;}


/* ---------------------------- Typographie ---------------------------- */
.aForms, .aForms * {font-family: Arial, Helvetica, sans-serif;}
.aForms h1, .aForms h2, .aForms h3, .aForms h4 {text-align: center;}
.aForms h1.al, .aForms h2.al, .aForms h3.al, .aForms h4.al {text-align: left;}
.aForms h1 {font-family: "TisaWeb"; font-size: 145%; font-weight: bold; margin: 15px 0; text-shadow: 1px 1px 3px rgba(0,0,0,0.8);}
.aForms h1.dark {color: #000; text-shadow: 2px 2px 4px rgba(255,255,255,0.8);}
.aForms h2 {font-size: 153%; font-weight: bold; margin: 15px 0;}
.aForms h3 {font-size: 172%; font-weight: bold; margin: 15px 0;}
.aForms h3.infoHeadline {font-size: 156%; line-height: 140%;}
.aForms h4 {font-family: "TisaWeb"; font-size: 152%; font-weight: bold; margin: 15px 0;}
.aForms h1.infoHeadline, .aForms h2.infoHeadline, .aForms h3.infoHeadline, .aForms h4.infoHeadline {position: relative; padding-top: 76px; padding-bottom: 12px;}
.aForms h1.infoHeadline:before, .aForms h2.infoHeadline:before, .aForms h3.infoHeadline:before, .aForms h4.infoHeadline:before {content: ""; position: absolute; top: 0; left: calc(50% - 32px); width: 64px; height: 64px; background: url(/layout/images/aforms/ico-info-i.svg); background-repeat:no-repeat; background-size: cover;}
.aForms p.textblock.intro {font-size: 109%!important; margin: 5px 0 15px!important; text-shadow: 1px 1px 3px rgba(0,0,0,0.8);}
.aForms p.textblock.intro.dark {color: #000; text-shadow: 2px 2px 4px rgba(255,255,255,0.8);}
.aForms p.small {font-size: 100%!important;}
.aForms p.big {font-size: 19px!important; line-height: 24px;}
.aForms p:not(.center) {margin: 5px 0!important;}
.aForms p.center {margin: 5px auto!important;}
.aForms .center > * {text-align: center;}
/* ---------------------------- allgemeine Styles ---------------------------- */
.aForms .opacityBox {background-color: rgba(190,215,220,0.7)}

/* ---------------------------- Pager ---------------------------- */
	
/* DEFAULT STROKES */
.aForms .pager {display: flex; padding: 14px 11px;}
.aForms .pager.hidden {display: none; padding: 0 11px;}
.aForms .pager > div {flex: 1 1 0; background-color: #e5ece5; height: 6px; border-radius: 6px; margin: 0 5px;}
.aForms .pager > div.active {background-color: #faef5f;}

/* ANNA AVATAR */
.aForms .pager.avatar {position: relative; margin-bottom: 20px;}
.aForms .pager.avatar svg {left: 50%; position: relative; transform: translateX(-50%);}
.aForms .pager.avatar .avatar {position: absolute; top: 0; left: auto; display: block; margin: 9px auto 20px;width: 100%; height: 80px; background: url(/layout/images/webaktiv/avatar-anna.svg) center no-repeat; background-size: contain;}
g#WaProgressSVG path {stroke: transparent; transition: all 2s ease;}
.aForms g#WaProgressSVG path {stroke: rgb(190,215,220);}
.aForms[data-curpage] g#WaProgressSVG path {stroke: rgb(190,215,220);}
.aForms[data-curpage="2"] g#WaProgressSVG path#WaProgress-1 {stroke: rgb(39,122,138);}
.aForms[data-curpage="3"] g#WaProgressSVG path:nth-child(-n+2) {stroke: rgb(39,122,138);}
.aForms[data-curpage="4"] g#WaProgressSVG path:nth-child(-n+3) {stroke: rgb(39,122,138);}
.aForms[data-curpage="5"] g#WaProgressSVG path:nth-child(-n+4) {stroke: rgb(39,122,138);}
	
.aForms .container {padding: 30px 0 0;}
.aForms .container > .container:first-child {padding: 0;}
.aForms .container.inactive * {opacity: 0.5; pointer-events: none;}
.aForms .container p, .aForms .container h3, .aForms .contentItem p {margin-left: 11px!important;}

/* ---------------------------- Header ---------------------------- */
.aForms .header {font-size: 172%; padding: 0;}
.aForms .header {text-align: center; color: #fff;}
.aForms .header h2 {font-family: "TisaWeb"; font-size: 140%;}
.aForms .header .textBox {padding: 20px 0; margin-top: 20px; color: #000;}
.aForms .header p {font-size: 109%; line-height: 120%; margin: 5px 0 20px;}


/* ---------------------------- info i ---------------------------- */
.aForms div.info {background-image: none; /* background-position: -175px -385px; */ display: inline-block; width: 20px; height: 20px; color: #000;}
.aForms div.info:hover {background: none;  width: 20px; height: 20px;}
.aForms .blue div.info:before {color: white;}

.aForms .pages div.info > div {background-color: white; transition: none;}
.notTouchable .aForms .pages div.info:hover:after {background-color: white; transition: none;}
.aForms div.info.max > div {max-width: 50vw;}
.aForms .tarif div.info.max > div {width: 300px; right: -100px;}

/* .notTouchable .aForms div.info:hover:before {position: absolute; left: 0; top: 0; z-index: 26; width: 17px; height: 17px;} */
/* .aForms div.info:after {content: "i"; position: absolute; top: 0; left: 1px; width: 17px; height: 17px; color: inherit; font-size: 15px; text-align: center; font-weight: bold; line-height: 20px;} */
.aForms .blue div.info:after {color: white;}
/* .notTouchable .aForms div.info:hover:after {left:1px; top: 0; content: "i"; z-index: 26; width: 17px; height: 17px; background-color: transparent; box-shadow: none; transform: none;} */
.notTouchable .aForms div.info.down:hover:after {bottom: auto;}
.aForms .inline p {display: inline-block;}
.aForms .inline p + .info {margin-left: 10px; transition: none; vertical-align: middle; top: -2px;}

.aForms h3 > div.info {margin-left: 10px;}
.aForms [data-datepicker] div.info {float: right;}
.aForms div.info:hover {background-position: -175px -385px;}

@media screen and (max-width: 600px){
	#dialog div.container.webaktivInfo  {max-width: 100%;width: auto;}
	#buchungstag {margin-top: -25px;}
}

@media screen and (max-height: 768px){
	#dialog div.container.webaktivInfo {height: auto;}
	#dialog div.container.webaktivInfo .content {height: auto;}
}

/* -------- Overlays ------------------*/
/* .aForms.aOverlay {position: fixed; top: 0; left: 0; width: auto; height: auto; max-width: 100vw; max-height: 100vh; overflow: auto; background: white; z-index: 999; opacity: 1; box-sizing: border-box; z-index: 999; padding: 0; top:50%; left:50%; transform:translate(-50%, -50%);}
.aForms.aOverlay > .content {padding: 10px; max-width: 100%; overflow: hidden; max-height: 100%;} */
.aForms.aOverlay {position: fixed; top: 0; left: 0; width: auto; z-index: 999; opacity: 1; box-sizing: border-box; z-index: 999; padding: 0; background: rgba(0,0,0,0.6); width: 100%; height: 100%; }
.aForms.aOverlay > .content {position: fixed; height: auto; max-width: 100vw; max-height: 100vh; overflow-y: auto; overflow-x:hidden; background: white; padding: 10px; top:50%; left:50%; transform:translate(-50%, -50%);}

.aForms.aOverlay .closer {position: absolute; top: 0; right: 0; width: 40px; height: 40px; cursor: pointer;}
.aForms.aOverlay .closer:before {background: url(/layout/images/system/icons/Universal-Sprite.png) no-repeat; content: ""; position: absolute; background-position: -0px -210px; width: 15px; height: 15px; margin: 18px 0 0 6px;}
.aForms.aOverlay p {font-size: 120%!important; margin-bottom: 10px!important;}
.aForms.aOverlay button {display: block; width: 100%; margin: 15px 0;}
.aForms.aOverlay button.p2 {background-color: #fff; border: 2px solid black;}
.aForms.aOverlay .container.wrong {padding-top: 80px;}
/* .aForms.aOverlay .container.wrong:before {content: "X"; position: absolute; top: 50px; left: 50%; width: 60px; height: 60px; border-radius: 100%; border: 2px solid red; color: red; font-size: 270%; text-align: center; line-height: 137%; box-sizing: border-box; padding-top: 5px; transform: translate(-50%, 0);} */
.aForms.aOverlay .container.wrong:before {background-image: url(/layout/images/aforms/big_red_X@2x.png); background-size: cover; content: ""; position: absolute; top: 50px; left: 50%; width: 60px; height: 60px; font-size: 270%; text-align: center; line-height: 137%; box-sizing: border-box; padding-top: 5px; transform: translate(-50%, 0);}
.aForms.aOverlay .container.infoIcon {padding-top: 80px;}
/* .aForms.aOverlay .container.infoIcon:before {content: ""; border-radius: 100%;position: absolute; top: 30px; left: 50%; width: 60px; height: 60px; background-color: #f9ed43; font-size: 270%; text-align: center; line-height: 137%; box-sizing: border-box; padding-top: 5px; transform: translate(-50%, 0);}
.aForms.aOverlay .container.infoIcon:after {content: "i"; position: absolute; top: 43px; left: 50%; width: 35px; height: 35px; border: 3px solid black; font-size: 170%; text-align: center; line-height: 92%; box-sizing: border-box; padding-top: 5px; transform: translate(-50%, 0); border-radius: 100%;} */
.aForms.aOverlay .container.infoIcon:before {position: absolute; top: 30px; left: 50%; width: 60px; height: 60px; content: ""; background-image: url(/layout/images/aforms/icon_info_i@2x.png); background-repeat: no-repeat; background-size: cover; transform: translate(-50%, 0);}
@media screen and (max-width: 600px) {
	.aForms.aOverlay {width: 100vw; height: 100vh; overflow: auto;}
	.aForms.aOverlay > .content {padding: 30px 20px 10px 20px; max-width: 100%; overflow-y: auto; max-height: 100%; overflow-x: hidden; min-width: calc(100vw - 20px);}
}

@media screen and (min-width: 601px){
	.aForms.aOverlay > .content {max-width: 480px; padding: 20px;}
	.aForms.aOverlay .container.wrong {padding-top: 110px;}
}
/* ---------------------------- Buttons ---------------------------- */
.aForms button, .aForms a.button {border-radius: 6px; padding: 0 15px; margin: 5px;	white-space: nowrap; font-size: 141%!important;	line-height: 256%; text-align: center;}
.aForms a.button {min-width: 170px;}
.aForms button:before, .aForms a.button:before {content: none;}
.aForms button:focus, .aForms a.button:focus {outline: none;}
.aForms button.inactive, .aForms button:not(.step).inactive:hover { 
	color: #c2b88c;
	background-color: #f9ed43; /* TODO: <!-- #echo var="col1"- */
	border: 1px solid #f9ed43;  /* TODO: <!-- #echo var="col1"- */
	cursor: default;
}
.aForms button.prev {color: #258c9b; padding: 0; background-color: transparent; border-color: transparent;}
.aForms button.prev.top {color: #000; border: none; padding-left: 34px; margin: 0 auto 15px;}
#page.phoneinhead .aForms button.prev.top {margin: 0 0 15px 0;}
.aForms button.prev.top .shaft {position: absolute; width: 19px; height: 2px; background-color: #000; top: 23px; left: 3px;}
.aForms button.prev.top:before {background-color: #000; content: ''; display: block; height: 2px; position: absolute; top: 21px; left: 0; width: 8px;transform: rotate(-220deg);}
.aForms button.prev.top:after {background-color: #000; content: ''; display: block; height: 2px; position: absolute; top: 25px; left: 0; width: 8px;transform: rotate(-140deg);}
/* ------- Buttons small ------- */
.aForms button.small {font-size: 98%!important; line-height: 184%; min-width: 145px;}

/* ------- Buttonbox ------- */
.aForms .btnBox {display: flex;	flex-direction: row; align-items: center; padding: 20px 20px 10px;}
.aForms .btnBox.hidden {display: none;}
.aForms .btnBox button {flex-grow: 1; flex-shrink: 1; flex-basis: 50%;}
/* Buttons ausblenden */
.aForms button.skip, .aForms button.submit {display: none;}
.aForms.start .btnBox button.prev {display: none;}
.aForms.end .btnBox button.next {display: none;}
/* Buttons einblenden */
.aForms.end .btnBox button.submit, .aForms.submit button.submit {display: block;}
.aForms.skip .btnBox button.skip {display: block;}

.aForms .pages > .page .configBox {max-height: 0; transform: scale(1,0); transition: max-height 0.6s ease, transform 0.4s ease; overflow: hidden;}
.aForms .pages > .page .configBox.show {max-height: 800px; transform: scale(1);}
.aForms .configBox.container {padding: 0;}
.aForms .configBox.container.show {padding: 25px 0 0 0;}

/* ---------------------------- boxshadows ---------------------------- */
.aForms .boxshadow {box-shadow: 0px 2px 6px rgba(209,209,209,0.5); background: white; margin: 30px 10px 0; padding: 0; height: auto; max-height: 800px; transition: all 0.6s ease!important;}
.aForms .boxshadow.finished {max-height: 45px; overflow: hidden;}
.aForms .boxshadow.finished.open {height: auto; max-height: 800px;}
.aForms .boxshadow .container:first-child {padding: 0;}
.aForms .boxshadow .container:first-child .contentItem {padding: 0;}
.aForms .boxshadow  button, .aForms .boxshadow .aForms a.button {margin: 0;}
.aForms .boxshadow .container:last-child:not(:first-child) {padding-bottom: 24px;}
/* .aForms .boxshadow .container:not(:first-child) {padding: 10px;} */


/* ---------------------------- Contentboxen (Flex) ---------------------------- */
.aForms .contentBox {display: flex; flex-wrap: wrap; flex-basis: 100%;}
.aForms .contentBox .contentItem {padding: 10px 10px 0; flex: 1 1 0px; min-width: 200px;}
.aForms .contentBox .contentItem.small {min-width: 80px;}
.aForms .contentBox.small input[type=text], .aForms .contentBox.small input[type=tel], .aForms .contentBox.small input[type=number], .aForms .contentBox.small [data-datepicker], .aForms .contentBox.small label.radioBtn, .aForms .contentBox.small button {min-height: 48px;}
.aForms .contentBox.small .contentItem {padding: 0px 5px 0;}
/*-------------------------------Steps---------------------------------------*/
.aForms .step {position: relative; background-color: #faef00; padding: 12px 5px 11px 5px; border: none; width: 100%; border-radius: 0;}
.aForms button.step {font-size: 100%!important;}
.aForms .step > h4 {text-align: left; font-size: 125%; margin: 5px 0 0 0;}
.aForms .step > span {float: left; width: 26px; height: 26px; border-radius: 100%; background-color: #fff; color: #000; text-align: center; margin: 0 10px; font-weight: bold; font-size: 110%; line-height: 180%;}
.aForms .step:after {content: ""; position: absolute; top: 9px; left: auto; right: 4px; width: 30px; height: 30px; margin: 0; background: url(/layout/images/system/icons/Universal-Sprite.png) no-repeat; background-position: 11px -168px; transform: rotate(450deg);}
.aForms .step.open:after { transform: rotate(270deg);}

   
.aForms .step.inactive {box-shadow: 0px 0px 6px rgba(209,209,209,0.5); background-color: #fff; border: none; color: #000;}
.aForms .step.inactive:after {transform: rotate(90deg);}
.aForms .step.inactive > span {background-color: #faef00;}
/* .aForms .step.finished:after {transform: rotate(90deg);} */
.aForms .step.finished > span {font-family: icomoon;}

/*-------------------------------Slider---------------------------------------*/

.aForms .wiper p, .aForms .wiper ul {font-size: 125%;}
#content > div > div.slots.solo .aForms div.wiper {margin: 0!important;}
.aForms .wiper.teaser div.page, .aForms .wiper.angebotsBoxen div.page {width: 95%; height: auto; text-align: left; overflow: visible;}
.aForms .wiper.teaser div.page *:not(.center) {text-align: left;}

.aForms div.wiper.notabs ul.tabs {display: none;}

.aForms .wiper.teaser div.page .tarif, .aForms .wiperOneElement.teaser .tarif {position: relative; width: 98%; height: auto; white-space: normal; border-radius: 8px; padding: 7px 0 60px; margin-bottom: 10px;}
.aForms .wiper.teaser div.page .tarif .info, .aForms .wiperOneElement.teaser .tarif .info { vertical-align: bottom;}
.aForms .wiper.teaser div.page .tarif .info > .content, .aForms .wiperOneElement.teaser .tarif .info > .content {background-color: white;}
.aForms .wiper.teaser div.page .tarif .info > .content, .aForms .wiperOneElement.teaser .tarif .info > .content {background-color: white; transition: none;}
.aForms .wiper.teaser div.page .tarif .footer, .aForms .wiperOneElement.teaser .tarif .footer {position: absolute; bottom: 0; left: 0; margin: 0; border-top: 1px solid #91bdc4; width: 100%; height: 60px;}
.aForms .wiper.teaser div.page .tarif.special .footer, .aForms .wiperOneElement.teaser .tarif.special .footer {height: 85px;}
.aForms .wiper.teaser div.page .tarif .footer.noBorder, .aForms .wiperOneElement.teaser .tarif .footer.noBorder {border: none;}
.aForms .wiper.teaser div.page .tarif button.submit, .aForms .wiperOneElement.teaser .tarif button.submit {position: absolute; bottom: 14px; left: 50%; transform: translate(-50%); margin: 0;}
.aForms .wiper.teaser div.page .link, .aForms .wiperOneElement.teaser .link {text-align: center; font-size: 90%;}
.aForms .wiperOneElement {margin-bottom: 48px;}
.aForms .wiperOneElement.teaser > div {max-width: 100%; font-size: 90%; overflow: visible;}
.aForms .wiperOneElement.teaser > div .head, .aForms .wiperOneElement.teaser > div .content  {text-align: center;}
.aForms .wiperOneElement.teaser div .tarif {max-width: 100%; width: 100%; margin: 0; padding-left: 50px; padding-right: 50px;}
.aForms .wiperOneElement.teaser > div .remark, .aForms .wiperOneElement.teaser > div .pricebadge {text-align: left!important;}
.aForms .wiperOneElement.teaser > div img {margin-left: auto; margin-right: auto;}

.aForms div.wiper div.wiperContainer {transition: none;}
.aForms div.wiper.multibox div.wiperContainer {width: calc(100% - 50px);margin: 0 25px 0 0;}
.aForms div.wiper div.wiperButton {display: none;}
.desktop .aForms div.wiper[data-boxes] a {position: relative;bottom: auto; right: auto;}
/* wiper mobileOnly */
.aForms .wiper.fakeWiper {display: flex; overflow: visible;}
.aForms .wiper.fakeWiper p, .aForms .wiper.fakeWiper ul {font-size: 108%;}
.aForms .wiper.fakeWiper .page {opacity: 1; position: relative;}

/*-------------------------------Tarifboxen (deprecated) ---------------------------------------*/
.aForms .tarif {margin-top: 8px; background-color: #fff; border: 2px solid #91bdc4;}
.aForms .tarif > .head {border-top: 1px solid #91bdc4; border-bottom: 1px solid #91bdc4; padding: 7px;}
.aForms .tarif > .head h2 {margin: 5px 0 0 0;}
.aForms .tarif > .head.noBorder {border: none!important;}
.aForms .tarif.blue > .head {padding: 10px 0; border-top: 1px solid #91bdc4; border-bottom: 1px solid #91bdc4; padding: 7px;}
.aForms .tarif h3 {font-weight: normal; margin: 8px 0;}
.aForms .tarif p {font-weight: normal;}
.aForms .tarif p:not(.center) {margin: 8px 0;}

.aForms .tarif.special > .head h2 {font-size: 209%; line-height: 125%;}
.aForms .tarif.special .content {font-size: 174%; line-height: 140%;}

.aForms .white {background-color: #fff; border: none;}
.aForms .petrol {background-color: #c8dee3; border: 2px solid #c8dee3;}
.aForms .green {background-color: #e5ece5; border: 2px solid #e5ece5;}
.aForms .lightgreen {background-color: #e0e9e5; border: 2px solid #e0e9e5;}
.aForms .darkgreen {background-color: #b5cbb5; border: 2px solid #b5cbb5;}
.aForms .blue {background-color: #258c9b; color: #fff; border: 2px solid #258c9b;}
.aForms .yellow {background-color: #ffee6a; color: #000; border: 2px solid #ffee6a;}
.aForms .yellow2 {background-color: #f7ec4d; color: #000; border: 2px solid #f7ec4d;}

.aForms .yellowDiagonal {background-image:linear-gradient(173deg, #f9f277 69%, #f8ef57 70%);}
.aForms .greenDiagonal {background-image:linear-gradient(173deg, #cadaca 69%, #b5cbb5 70%);}
.aForms .blueDiagonal {background-image:linear-gradient(173deg, #5093a0  69%, #277a8a 70%);}
.aForms .blueDiagonal * {color: #fff;}


.aForms .tarif button {margin: 20px auto 10px; line-height: 200%;font-size: 125%!important;}
.aForms .tarif .footer.noBorder button {margin: 10px auto 10px;}
.aForms .remark {display: block; margin: 8px 0 0px 8px; font-size: 80%;}
.aForms .imgSm {display: block; margin: 8px 0 0px 8px;}
.aForms .tarif .imgSm {width: 40px; height: 40px;}
.aForms .tarif .imgVsmWidthAuto {width: auto; height: 20px; margin-top: 27px; margin-bottom: -5px;}
.aForms .pricebadge {display: inline-block; font-weight: bold; font-size: 100%; background-color: #faef5f; padding: 5px 5px 1px; border-radius: 3px; margin: 8px 0 13px 8px; color: #000;}
.aForms .teaser.single .page {position: relative; max-width: 350px; margin: 0 auto 40px;}
.aForms .page.recommended .tarif:before {position: absolute; top: -9px; right: 23px; content: ""; width: 79px; height: 49px; background-image: url(/layout/ssi/anna/reiseprotect/images/badge-empfehlung.png); display: block; }

.aForms .tarif .content {padding: 7px;}
.aForms .tarif .content.noPadding {padding: 0;}
.aForms .tarif .content > h4 {font-family: Arial, Helvetica, sans-serif;font-size: 110%; font-weight: bold; margin: 0 0 13px 0;}

/*-------------------------------Tarifvergleich---------------------------------------*/
.aForms .compare {}
.aForms .compare--item {margin-top: 8px; border-width: 0px; border-radius: 5px 5px 0 0;}
.aForms .compare--item > div {padding: 12px;}
.aForms .compare--item .head {display: flex; background-color: inherit; border-radius: 5px 5px 0 0; border-width: 1px; border-color: inherit; font-size: 187%; font-weight: bold; padding: 20px 12px 20px;}
.aForms .compare--item .head > div {flex-grow: 3; align-self: center;}
.aForms .compare--item .head > div.compare--item-name.noPrice {padding-top: 15px; padding-bottom: 10px;}
.aForms .compare--item .head > div.compare--item-price {text-align: right!important; line-height: 70%; padding-top: 10px;}
.aForms .compare--item .head > div.compare--item-price span {font-weight: normal; font-size: 55%;}
	
.aForms .compare--item .compare--item-content {background-color: #fff; color: #000; padding: 12px; border: 1px solid; border-top: none; border-bottom: none; border-color: #d4d4d4;}
.aForms .compare--item .compare--item-content h2 {font-weight: normal;}


.aForms .compare--item .compare--item-footer {background-color: #fff; color: #000; padding: 12px;  border: 1px solid; border-radius: 0; border-top: none; border-color: #d4d4d4;}
.aForms .compare--item .compare--item-footer > * {text-align: center!important;}
.aForms .compare--item .compare--item-footer > button, .aForms .compare--item .compare--item-footer > a {text-align: center!important; margin: 20px auto 0; display: block; width: 100%;}
.aForms .compare--item .compare--item-footer > button {font-size: 110%!important;}
.aForms .compare--item .compare--item-footer > a {color: #267584; font-size: 125%; font-weight: bold;}

.aForms .compare--item.recommended .head, .aForms .compare--item.recommended .compare--item-content, .aForms .compare--item.recommended .compare--item-footer {border-width: 2px;  border-color: inherit;}

.aForms .compare--item li {position: relative; padding: 10px 0 10px 20px!important;}
.aForms .compare--item li:before {position: absolute; left:0; top: 13px; color: #267584}
.aForms .compare--item li > div.service {display: inline-block;}

.aForms .wiper.teaser div.page .compare--item {position: relative;  width: 98%; height: auto; white-space: normal; padding: 0; margin-bottom: 10px;}
.aForms .wiper.teaser.compare div.page .bestseller {position: relative;}

.aForms .wiper.teaser.compare div.page .bestseller:after {content: ""; position: absolute; width: 0; height: 0; border-bottom: 11px solid transparent; border-top: 0px solid transparent; border-right: 10px solid #062d36; top: -14px; left: 0; transform: translate(-10px,29px);}
.aForms .wiper.teaser.compare div.page .bestseller .bestsellerHeadline {position: absolute; z-index: 2; top: -15px; left: -10px; color: #fff; background: #277a8a; font-size: 93%; letter-spacing: 0.75px; padding: 0 12px 0 8px; height: 30px; line-height: 30px;}
.aForms .wiper.teaser.compare div.page .bestseller .bestsellerHeadline:before {color: #f7ea24; margin-right: 9px;}

.aForms .compare--description {font-size: 90%; margin-top: 20px;}
.aForms .compare--description .larger p {font-size: 135%!important;}
.aForms .compare--description div.info:before {border-color: #277a8a;}
.aForms .compare--description div.info:after {color: #277a8a;}

@media screen and (max-width: 600px) {
	.aForms .wiper.teaser.compare div.page {top: 10px;}
	.aForms .compare--description .larger p {font-size: 135%!important;}
}

@media screen and (min-width: 601px) {
	.aForms .wiper.teaser div.page .compare--item {width: 94%;}
}

/* GRID  ----- Überlegung wert allgemein zu benutzen?  MArc ? Doris? ------ */


.grid--container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.grid--row {
  position: relative;
  width: 100%;
}

.grid--row [class*="grid--col"] {
  float: left;
  margin: 0.5rem 2%;
  min-height: 0.125rem;
}


.grid--col-1,
.grid--col-2,
.grid--col-3,
.grid--col-4,
.grid--col-5,
.grid--col-6,
.grid--col-7,
.grid--col-8,
.grid--col-9,
.grid--col-10,
.grid--col-11,
.grid--col-12 {
  width: 96%;
}

.grid--col-1-sm {
  width: 4.33%;
}

.grid--col-2-sm {
  width: 12.66%;
}

.grid--col-3-sm {
  width: 21%;
}

.grid--col-4-sm {
  width: 29.33%;
}

.grid--col-5-sm {
  width: 37.66%;
}

.grid--col-6-sm {
  width: 46%;
}

.grid--col-7-sm {
  width: 54.33%;
}

.grid--col-8-sm {
  width: 62.66%;
}

.grid--col-9-sm {
  width: 71%;
}

.grid--col-10-sm {
  width: 79.33%;
}

.grid--col-11-sm {
  width: 87.66%;
}

.grid--col-12-sm {
  width: 96%;
}

.grid--row::after {
	content: "";
	display: table;
	clear: both;
}

.grid--hidden-sm {
  display: none;
}

@media only screen and (max-width: 600px) {
  div[class^="grid--col-6"]:nth-child(2n+1) {clear:both;}
}

@media only screen and (min-width: 601px) {
  .grid--col-1 {
    width: 4.33%;
  }

  .grid--col-2 {
    width: 12.66%;
  }

  .grid--col-3 {
    width: 21%;
  }

  .grid--col-4 {
    width: 29.33%;
  }

  .grid--col-5 {
    width: 37.66%;
  }

  .grid--col-6 {
    width: 46%;
  }

  .grid--col-7 {
    width: 54.33%;
  }

  .grid--col-8 {
    width: 62.66%;
  }

  .grid--col-9 {
    width: 71%;
  }

  .grid--col-10 {
    width: 79.33%;
  }

  .grid--col-11 {
    width: 87.66%;
  }

  .grid--col-12 {
    width: 96%;
  }

  .hidden-sm {
    display: block;
  }
}


/*-------------------------------Angebotsboxen---------------------------------------*/
.aForms .angebotsBox {margin:10px 0; background-color: #fff; border: 2px solid #91bdc4; border-radius: 7px; white-space: normal; padding: 5px 9px 40px; position: relative; height: 100%;}
.aForms .angebotsBox.petrol {background: #c8dee3;}
.aForms .angebotsBox:last-child {margin-right: 0;}

.aForms .angebotsBox .pricebadge {background: #c8dee3; color: #000; margin-left: 1px;}
.aForms .angebotsBox.petrol .pricebadge {background: #fff; color: #258c9b;}

.aForms .angebotsBox .head {padding: 7px;}
.aForms .angebotsBox h3 {font-size: 140%; text-align: left;}
.aForms .angebotsBox h3 {font-size: 125%;}
.aForms .angebotsBox button, .aForms .angebotsBox a.button {position: absolute; bottom: 10px; margin: 0 auto; line-height: 200%;font-size: 125%!important; left: 50%; transform: translate(-50%);}
.aForms .singleItem .angebotsbox, .aForms .singleItem .angebotsBox h3 {text-align: center;}
.aForms .singleItem .angebotsBox h3 {font-size: 145%;}
.aForms .singleItem .angebotsBox p {text-align: center; font-size: 110%!important;}

.aForms .angebotsBox.v2 {background-color: #c8dee3; border: none; border-radius: 7px; white-space: normal; margin: 0; padding: 5px 1px 40px; position: relative; height: 100%; max-width: 255px; float: left; margin: 5px 10px 5px 0; padding: 7px 8px 60px;}
.aForms .angebotsBox.v2:last-child {margin-right: 0;}
.aForms .angebotsBox.v2 button {display: block; width: calc(100% - 14px); font-size: 105%!important; bottom: 15px;}
.aForms .angebotsBox.v2 a.button {position: absolute; display: block; width: calc(100% - 14px); font-size: 105%!important; bottom: 15px;}
.aForms .angebotsBox.v2 h3 {font-size: 145%;}
.aForms .angebotsBox.v2 p {font-size: 100%!important;}
.aForms .angebotsBox.v2 .pricebadge {margin: 4px 0 10px 0;}

.aForms .angebotsBox a.cta {position: absolute; bottom: 10px; width: calc(100% - 20px); display: block; margin: 10px auto; text-align: center; font-size: 26px; font-weight: bold; color: #017c8c;}

@media screen and (min-width: 601px) {
	.aForms .tarif {max-width: 330px;}
	.aForms .boxWrapper {display: flex;}
	.aForms .angebotsBox {flex: 1 1 0; margin: 0 10px 0 0;}
	.aForms .singleItem .angebotsBox p {padding-left: 90px; padding-right: 90px;}
}

/*-------------------------------infoI---------------------------------------*/
/* .aForms .infoI {display: inline-block; width: 17px; height: 17px; border: 2px solid white; border-radius: 100%; margin: 0px 0 0 5px; vertical-align: top; text-align: center!important; line-height: 125%; font-weight:bold; cursor: pointer;} */
/* .aForms .petrol .infoI {border: 2px solid black; color: black;} */
.aForms .infoI {display: inline-block; width: 18px; height: 18px; margin: 0px 0 0 5px; vertical-align: top; text-align: center!important; cursor: pointer; background-image: url(/layout/images/aforms/icon_info_i_weiss@2x.png); background-size: cover;}
.aForms .petrol .infoI {background-image: url(/layout/images/aforms/icon_info_i_black@2x.png);}


/*-------------------------------Klappliste---------------------------------------*/
.aForms div.klappliste {border-bottom: 1px solid #91bdc4; padding: 0 0 10px 0;}
.aForms div.klappliste > div.head h4 {font-family: Arial, Helvetica, sans-serif;padding: 0 10px; font-size: 110%; font-weight: bold; margin: 0;}
.aForms div.klappliste > div.head:after {left: auto;right: 0; background-position: 11px -168px; transform: rotate(90deg);}
.aForms div.klappliste.open > div.head:after {left: auto;right: 0; background-position: 10px -167px; transform: rotate(270deg); margin-top: 0;}

/*-------------------------------Listen---------------------------------------*/
.aForms ul.borders > li {border-top:1px solid #e7e7e7; padding: 10px 0;}
.aForms ul.included > li, .aForms ul.excluded > li {position: relative; padding-left: 26px; margin: 6px 0;}
.aForms ul.excluded > li {color: #9eb0b4;}
.aForms .blue ul.excluded > li {color: #9eb0b4;}
.aForms ul.included > li:before, .aForms ul.excluded > li:before {content: "";position: absolute;left: 0;width: 25px; height: 25px; background: url(/layout/images/system/icons/Universal-Sprite.png) no-repeat; transform: scale(0.7);}
.aForms ul.included > li:before {background-position:  -211px -280px;}
.aForms ul.excluded > li:before {background-position:  3px -209px; opacity: 0.4;}
.aForms .blue ul.excluded > li:before {opacity: 0.2;}


.aForms .highlight {display: block; clear: both; padding: 0 10px; font-size: 75%; line-height: 130%; width: auto; height: auto; margin: 15px auto; text-align: center;}
.aForms .highlight:last-child {margin-bottom: 0;}

.aForms .highlight div.ico {font-size: 120%; height: 20px;}
.aForms .highlight.ico:before {display: inline; font-size: 130%; vertical-align: middle; margin-right: 15px; float: left; line-height: inherit; margin-bottom: 10px; color: #94b494;}
.aForms .opacityBox .highlight .ico:before {color: #258c9b; background-color: white; width: 18px; height: 18px; border-radius: 18px;line-height: 18px; vertical-align: middle;}
.aForms .highlight div.info {float: right;}


/* -------- Form Elements ------ */
.aForms label {display: block; margin: 5px 0 6px 11px!important; font-size: 16px;}
/* Input Fields */
.aForms input, .aForms select, .aForms [data-datepicker], .aForms label.radioBtn {border-radius: 8px;}
.aForms input:focus {outline: none;}
.aForms input[type=text], .aForms input[type=tel],  .aForms input[type=number], .aForms [data-datepicker], .aForms label.radioBtn { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; height: auto; min-height: 58px; padding: 0 15px; font-size: 141%; border: 2px solid #dfe8df; background-color: #fff; box-shadow: none;}
.aForms ::placeholder {color: rgba(0,0,0,0.5);}
.aForms [data-datepicker] > input[type=text] {min-height: auto; padding: 0;}
.aForms [data-datepicker] > input::placeholder {color: rgba(0,0,0,0.5); font-size: 85%;}
.aForms [data-datepicker].selected {border-color: #faef00;} 
.aForms input[type=text]::placeholder, .aForms input[data-datepicker]::placeholder {color: rgba(0,0,0,0.5);}
.aForms input[type=text]:hover, .aForms input[data-datepicker]:hover {border: 2px solid #94b494; color: #050505;}
.aForms input[type=text]:focus, .aForms input[data-datepicker]:focus {border: 2px solid #5697a3; color: #050505;}

 /* ------ datepicker -------- */
.aForms [data-datepicker] {display: block; padding: 18px 20px 16px 42px; margin: 0 2px!important; letter-spacing: -2px; color: #dfe8df;}
.aForms [data-datepicker].active {display: block; padding: 18px 20px 16px 62px; margin: 0 2px!important; letter-spacing: -2px; color: #000;}
.aForms [data-datepicker] > input {font-size: 100%!important; border:none!important;}
.aForms [data-datepicker]:after {left: 15px; right: auto;}
.aForms [data-datepicker] > input {width: 27px!important; padding: 0!important; min-height: auto!important;}
.EDGE .aForms [data-datepicker] > input {width: 35px!important;}
.aForms [data-datepicker] > input#jahr, .aForms [data-datepicker] > input.medium {width: 45px!important;}

/* select options */
.aForms select {-moz-appearance: none; -webkit-appearance: none; appearance: none; padding: 13px 14px 14px 23px; line-height: 120%; background: #fff; border: 2px solid #dfe8df;}
.aForms select::-ms-expand {display: none;}
.aForms .select {position: relative; outline: transparent;}
.aForms .select:before {position: absolute; right: 0; top: 0; width: 38px; height: 100%; content: ""; border-left: 2px solid #dfe8df; z-index: 999; pointer-events: none;}
/* .aForms .select:after {position: absolute; right: 14px; top: calc(50% - 7px); width: 0; height: 0; content: ""; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 10px solid #000; border-bottom: none; pointer-events: none;} */
.aForms .select:after {content: ""; position: absolute; top: 8px; left: auto; right: 6px; width: 30px; height: 30px; margin: 0; background: url(/layout/images/system/icons/Universal-Sprite.png) no-repeat; background-position: 11px -168px; transform: rotate(90deg); pointer-events: none;}
.aForms .select > select {box-shadow: none;}
.aForms select.error {border-color: #f00!important;}
.aForms .select.error:before {border-left: 2px solid #f00!important;}


.aForms .select > select.selected, .aForms .select > select.selected:focus {border: 2px solid #faef00!important;}
.aForms .select.selected:before {border-left: 2px solid #faef00!important;}

.aForms .select:hover > select {border-color: #94b494;}
/* .aForms .select:hover:before { border-left: 2px solid #94b494;} */
.aForms .select > select:focus, .aForms .select > select:focus-within {border-color: #faef00; outline: transparent;}
/* tabbed */
.aForms .brandColor ul.tabbed {border: 2px solid #dfe8df;}
.aForms .brandColor ul.tabbed li:after {border-right: 2px solid #dfe8df;}
.aForms .brandColor ul.tabbed li.selected	{background-color:#faef00; color: #000; font-weight: bold}
.aForms .brandColor ul.tabbed li.selected.checked:before {content: ""; position: relative; width: 25px; height: 25px; background: url(/layout/images/system/icons/Universal-Sprite.png) no-repeat; transform: scale(0.7);background-position: -177px -528px;}
.aForms.jforms ul.tabbed li	{display: flex; height: 48px; align-items: center; justify-content: center;}
/* ---------------------------- Radio Buttons ---------------------------- */
.aForms input[type=radio] {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.aForms label.radioBtn {position: relative; display: block; width: 100%; height: 100%; padding: 18px 18px 17px 56px; line-height: 120%; cursor: pointer; color: #000; background-color: #fff;}
.aForms label.radioBtn:hover {border-color: #95b494;}
.aForms label.radioBtn.active {border-color: #5697a3;}
.aForms label.radioBtn .checkmark {position: absolute; left: 12px; top: 16px; display: block; height: 23px; width: 23px; background-color: #fff; border-radius: 23px; border: 2px solid #dfe8df;}
.aForms label.radioBtn .checkmark:before {content: ""; position: absolute; top: 3px; left: 3px; width: 13px; height: 13px; border-radius: 13px; background-color: #277a8a; z-index: 1; transform: scale(0.0); transition: all 0.4s ease;}
.aForms label.radioBtn input:checked ~ .checkmark {border-color: #277a8a;}
.aForms label.radioBtn input:checked ~ .checkmark:before {transform: scale(1);}


/* added align */
.aForms label.radioBtn  {align-items: center; align-self: stretch; display: flex;}
.aForms label.radioBtn .checkmark {top: 50%; transform: translate(0,-50%);}

/* ---------------------------- Checkboxes ---------------------------- */
.aForms label.switch {border: none;}
.aForms label.switch span.label {display: inline-block; height: 100%; line-height: 100%; vertical-align: super; margin-left: 10px;}
.aForms .switch input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.aForms .switch .checkmark {position: relative; display: inline-block; height: 28px; width: 65px; background-color: #fff; border-radius: 13px; box-shadow: inset -1px 0px 8px rgba(0,0,0,0.3); margin: 0 auto;}
.aForms .switch .checkmark:before {content: ""; position: absolute; top: -1px; left: -1px; width: 28px; height: 28px; border: 1px solid #277a8a; border-radius: 20px; background-color: white; z-index: 1; transition: left 0.6s ease;}
.aForms  .switch input:checked ~ .checkmark:before {top: -1px; left: 36px;}
.aForms .switch .checkmark:after {content: "x"; color: #277a8a; position: absolute; z-index: 2; left: 9px; top: 5px; width: 5px; height: 10px; font-size: 22px; line-height: 17px; transition: left 0.6s ease;}
.aForms .switch input:checked ~ .checkmark:after {content: ""; left: 46px; border: 1px solid #277a8a; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.aForms .switch input:checked ~ .checkmark {background-color: #f9ed43;}


/* ---------------------------- Fehlermeldungen ---------------------------- */
.aForms .valMessage {position: relative; padding: 10px; width: 95%; border: 2px solid white; background-color: #258c9b; color: #fff;}
/* .aForms .valMessage.hide {display: none;}
.aForms .valMessage.show {display: block;} */
.aForms .valMessage {max-height: 0; margin: 0; padding: 0; overflow: hidden; transform: scale(1,0); transition: max-height 0.6s ease, transform 0.4s ease;}
.aForms .valMessage.show {max-height: 400px;  padding: 10px; transform: scale(1); overflow: visible; margin: 20px auto; }
.aForms .valMessage:before {position: absolute; top: -11px; content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid white;}
.aForms .errorMsg {color: #f00!important; margin-left: 11px; display: block; margin-bottom: 20px;}

/* ---------------------------- infoMessage ---------------------------- */
.aForms .infoMessage {position: relative; padding-left: 30px; margin: 10px 0 10px 10px; font-size: 90%;}
.aForms .infoMessage.p1 {background-color: #f9ed43; border: 2px solid #000; font-size: 125%; line-height: 150%; font-weight: bold; width: calc(100% - 10px)!important; margin: 10px 5px; padding: 8px 8px 8px 38px;}
.aForms .infoMessage.p1.noIcon {padding: 12px;}
.aForms .infoMessage:not(.noIcon):before {position: absolute; left: 0; content: "i"; width: 20px; height: 20px; border-radius: 100%; border: 2px solid #000; text-align: center; line-height: 21px; font-weight: bold;}
.aForms .infoMessage.p1:not(.noIcon):before {left: 8px;}
/* ---------------------------- Next ---------------------------- */
.aForms h3 div.info {font-size: 56%; font-weight: normal; vertical-align: middle; top: -1px;}

/* ---------------------------- Resultboxes small ---------------------------- */
.aForms .result .small{ position:relative; width: calc(100% + 10px); margin: 0 -5px;}
.aForms .result .small.resultItem {text-align: center; background-color: #fff; border: 2px solid #faef00; border-radius: 5px; margin: 5px; font-size: 250%; font-weight: bold; height: 105px; display: flex; flex-direction: column; padding: 5px; transition: all 0.6s ease;}
.aForms .result.unfinished .small.resultItem {border: 2px solid #dfe8df; }
.aForms .result.unfinished .small .value {color: #000; }
.aForms .result .small .value {display:block; font-size: 59%; font-weight: bold; display: flex; flex: 1; justify-content: center; text-align: center; align-items: flex-end;}
/* .aForms .result .small .description {display:block; font-size: 40%; font-weight: normal; margin: 0 auto; max-width: 80%; line-height: 110%; align-items: center; display: flex; flex: 1; justify-content: center; text-align: center;} */
.aForms .result .small .description {display:block; font-size: 40%; font-weight: normal; margin: 10px auto 0; max-width: 80%; line-height: 110%; align-items: flex-start; display: flex; flex: 1; justify-content: center; text-align: center;}
.aForms .result .small:after {display:block; font-size: 70%; font-weight: normal; line-height: 140%; margin: 10px 0 0 0;}
.aForms .result .small:empty:after {content:"---"}
.aForms .result div.hinweis	{width:calc(100% - 30px);}
.aForms .result div.hinweis:empty {display:none}


@media screen and (max-width: 600px) {
	/* ---------------------------- Font Sizes ---------------------------- */
	.aForms select, .aForms input, .aForms .touchable select, .aForms .touchable button, .aForms .touchable input {font-size: 16px!important;}
}

@media screen and (min-width: 601px) {
	/* ---------------------------- Font Sizes ---------------------------- */
	.aForms .header {font-size: 153%;}
	.aForms h1 {font-size: 182%;}
	.aForms h3 {font-size: 153%;}
	
	.aForms p, .aFormslabel {font-size: 125%!important;}
	.aForms p.big {font-size: 24px!important; line-height: 30px;}
	.aForms button {font-size: 125%!important;}
	.aForms input[type=text], .aForms [data-datepicker], .aForms label.radioBtn {font-size: 125%;}
	.aForms [data-datepicker] {max-width: none;} 
	.aForms .btnBox {justify-content: center;}
	.aForms .btnBox button {max-width: 431px;}
	.aForms .wiper.teaser div.page {font-size: 90%;}
	.aForms div.wiper div.wiperButton {display: block; box-shadow: none;}
	.aForms .wiper.teaser div.page .link {text-align: center; font-size: 100%;}
	.aForms .angebotsBox {font-size: 90%;}
	
	.aForms .highlight {padding: 0 20px; font-size: 80%; line-height: 80%; width: auto; height: auto;}
	
	.aForms .contentItem > label.switch .checkmark {margin-top: 45px;}
	
	.aForms .tarif.special > .head h2 {font-size: 186%; line-height: 125%;}
	.aForms .tarif.special .content {font-size: 154%; line-height: 140%;}
	.aForms .infoMessage.p1 {font-size: 111%; line-height: 150%;}
}
@media screen and (min-width: 981px) {
	.aForms {padding: 40px 0;}
	.aForms .pages > .page {padding: 0 40px 0;}
}

/* Individuell */

.aForms .header #rpHighlights {height: 0;overflow: hidden; padding: 0; transition: none;}
.aForms.start .header #rpHighlights {height: auto; overflow: visible; padding: 20px 0;}
.aForms [data-datepicker]:after {content: ""; border: none; margin-left: 5px; display: inline-block; line-height: 120%;vertical-align: middle; width: 15px; height: 15px; background: url("/layout/script/aragscript/objects/aforms/images/calendar.svg") no-repeat; background-size: contain; box-shadow: none; margin-top: 2px;}
#annaMessageBox div {display: block; clear: both; border-bottom: 2px solid black;}
#annaMessageBox span {float: left; width: 200px; margin-right: 10px;}
.aForms .wiper.teaser div.page.highlighted{border: 10px solid black;}


@keyframes cursor {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}


@font-face {
   font-family: TizaSansOT;
   local: Tiza Sans OT;
}

@font-face {
	font-family: TisaScWeb;
	src: url("font/TisaScWeb.eot");
}
@font-face {
	font-family: TisaScWeb;
	src: url("font/TisaScWeb.woff") format("woff");
}
@font-face {
	font-family: TisaWeb;
	src: url("font/TisaWeb.eot");
}
@font-face {
	font-family: TisaWeb;
	src: url("font/TisaWeb.woff") format("woff");
}

@font-face {
  font-family: SuomiHand;
  src: url("font/Suomi-HandWeb.eot");
}
@font-face {
  font-family: SuomiHand;
  src: url("font/Suomi-HandWeb.woff") format("woff");
}

html,body   {height:100%; width:100%; position:relative; padding: 0; margin:0; -webkit-text-size-adjust:none}
body		{font-family: Arial, Helvetica, sans-serif; color: #000000; background: #fff;}
img			{border:0;}
img.icon	{cursor:pointer}
ul			{list-style:none; margin:0; padding:0}
fieldset	{border:0; padding:0; margin:0}
iframe		{-webkit-overflow-scrolling:touch!important; border:0; width:100%; height:100%}
select		{border-radius:0}
a, a:visited		{color:#000; text-decoration:none; font-family: Arial, Helvetica, sans-serif}

.hidden		{display:none}
.visible	{display:block}
.block		{display:block}
.inline		{display:inline}

.alignleft  {text-align:left}
.aligncenter  {text-align:center}
.alignright  {text-align:right}
.valignTop  {vertical-align:top}
.valignBottom  {vertical-align:bottom}

.noPadT {padding-top: 0!important;}
.noPadRL {padding-left: 0!important; padding-right: 0!important;}

.left, .floatleft	{float:left}
.right, .floatright	{float:right}
.clearboth      {clear:both!important; float:none!important; margin:0; padding:0}
.interactive	{cursor:pointer}

.underline	{border-bottom:1px solid #999; padding:0 0 10px 0; margin:0 0 10px 0}
.background	{width:100%; height:100%; position:absolute;}

.colGreen	{color:#94b494}
.colBlue	{color:#82b0b8}
.colDarkBlue	{color:#277a8a}

.touchable select, .touchable button, .touchable input	{font-size:110%}

div.slots {position: relative; margin: 20px 0;}
div.slots > div.spalte > div.layout > div.wrapper	{padding:0px 0 1px 0}
div.slots > div.spalte.noPadding > div.layout > div.wrapper {padding:0!important}
div.slots > div.spalte.noPaddingTop > div.layout > div.wrapper {padding-top:0!important}
div.slots > div.spalte > div.layout {z-index:1}

div.slots > div.spalte.dots > div.layout {margin:0 10px 20px 10px;}
div.slots.frame > div.spalte.dots > div.layout {margin:0 10px 20px 10px;}
div.slots > div.spalte.dots:before {position:absolute; left:-2px; width:4px; background:url('/layout/images/system/icons/trenner_dott.png') repeat-y 50% 50%; content:""; height:100%}
div.slots > div.spalte.dots.eins:before	{display:none}
div.slots > div.spalte.line > div.layout {margin:0 0px 20px 10px;}
div.slots > div.spalte.line:before {position:absolute; left:1px; width:1px; background-color: #f9ed43; content:""; height:100%}
div.slots > div.spalte.center.line:before {left:9px;}
div.slots > div.spalte.line.eins:before	{display:none}
div.slots > div.spalte.frame > div.layout {border:1px solid #b3b3b3; margin:0 10px 20px 10px; background-color:#fff}
div.slots > div.spalte.frame.yellow > div.layout {border:3px solid #f9ed43; margin:0 10px 20px 10px; background-color:#fff; padding: 6px 0 6px 0;}
div.slots > div.spalte.frame.blue > div.layout {border:3px solid #277a8a; margin:0 10px 20px 10px; background-color:#fff; padding: 6px 0}
div.slots > div.spalte.frame.green > div.layout {border:3px solid #94b494; margin:0 10px 20px 10px; background-color:#fff; padding: 6px 0 6px 0;}

div.slots > div.spalte.frame > div.layout > div.wrapper {padding-top:10px}

div.slots > div.spalte.white > div.layout, div.slots > div.spalte > div.layout.white {background-color:#fff; padding:1px 10px; margin:0 10px 0 10px;}
div.slots > div.spalte.white > div.layout > div.wrapper, div.slots > div.spalte > div.layout.white > div.wrapper {padding-top:10px!important}

div.slots > div.spalte.green > div.layout, div.slots > div.spalte > div.layout.green {background-color:#94b494; padding:20px; margin:0 10px 0 10px;}
div.slots > div.spalte.entireGreen > div.layout, div.slots > div.spalte > div.layout.entireGreen {background-color:#94b494; margin:0 10px 0 10px;}
div.slots > div.spalte.green > div.layout > div.wrapper, div.slots > div.spalte > div.layout.green > div.wrapper {background-color:#fff; padding:3px 0}

div.slots > div.spalte.blue > div.layout, div.slots > div.spalte > div.layout.blue {background-color:#82b0b8; padding:20px; margin:0 10px 0 10px;}
div.slots > div.spalte.entireBlue > div.layout, div.slots > div.spalte > div.layout.entireBlue {background-color:#82b0b8; margin:0 10px 0 10px;}
div.slots > div.spalte.entireLightBlue > div.layout, div.slots > div.spalte > div.layout.entireLightBlue {background-color:#bed7dc; margin:0 10px 0 10px;}
div.slots > div.spalte.blue > div.layout > div.wrapper, div.slots > div.spalte > div.layout.blue > div.wrapper {background-color:#fff; padding:3px 0}

div.slots > div.spalte.yellow > div.layout, div.slots > div.spalte > div.layout.yellow {background-color:#f9ed43; padding:20px; margin:0 10px 0 10px;}
div.slots > div.spalte.entireYellow > div.layout, div.slots > div.spalte > div.layout.entireYellow {background-color:#f9ed43; margin:0 10px 0 10px;}
div.slots > div.spalte.yellow > div.layout > div.wrapper, div.slots > div.spalte > div.layout.yellow > div.wrapper {background-color:#fff; padding:3px 0}

div.slots > div.spalte.stoerer { margin-top: 60px;}
div.slots > div.spalte.stoerer > div.layout	{background-color:#fff; border-width:5px 1px 1px 1px; border-style:solid; border-color:#b3b3b3; margin:0 10px 0 10px;}
div.slots > div.spalte.stoerer.borderTopYellow > div.layout	{border-top-color:#f9ed43}
div.slots > div.spalte.stoerer.borderTopPetrol > div.layout	{border-top-color:#82b0b8}
div.slots > div.spalte.stoerer.borderTopGreen > div.layout	{border-top-color:#94b494}
div.slots > div.spalte.stoerer > div.layout > div.wrapper  {padding:80px 20px 20px 20px}
div.slots > div.spalte.stoerer.s2 > div.layout > div.wrapper  {padding-top:50px}
div.slots > div.spalte.stoerer.s3 > div.layout > div.wrapper  {padding-top:40px}


div.slots > div.spalte.stripes > div.layout, div.slots > div.spalte > div.layout.stripes			 {background:url('/layout/images/system/icons/bg-schraffur-petrol.png'); padding:15px; margin:0 10px 0 10px;}
div.slots > div.spalte.stripes.lBlue > div.layout,div.slots > div.spalte> div.layout.stripes.lBlue			 {background:url('/layout/images/system/icons/bg-schraffur-hellblau.png');}
div.slots > div.spalte.stripes.yellow > div.layout, div.slots > div.spalte > div.layout.stripes.yellow			 {background:url('/layout/images/system/icons/bg-schraffur-gelb.png');}
div.slots > div.spalte.stripes.lGreen > div.layout, div.slots > div.spalte > div.layout.stripes.lGreen			 {background:url('/layout/images/system/icons/bg-schraffur-gruen.png');}
div.slots > div.spalte.stripes > div.layout > div.wrapper, div.slots > div.spalte > div.layout.stripes > div.wrapper {background-color:#fff; padding-top:10px}
div.slots > div.spalte.shadow:before	{content:" ";background:url('/layout/images/system/icons/ic_shadow_ol.png') no-repeat top center; position:absolute; left:-10px; top:-10px; opacity:.5; width:67px; height:100%; max-height:232px; z-index: 0;}
div.slots > div.spalte.shadow:after	{content:" ";background:url('/layout/images/system/icons/ic_shadow_ur.png') no-repeat right bottom; position:absolute; right:-10px; bottom:-20px; opacity:.5; width:100%; height:67px; z-index: 0;}

div.slots > div.spalte.center		{text-align:center}
div.slots > div.spalte.alignRight	{text-align:right}

/* Grid */
div.grid > .col-1 {width: 8.33%;}
div.grid > .col-2 {width: 16.66%;}
div.grid > .col-3 {width: 25%;}
div.grid > .col-4 {width: 33.33%;}
div.grid > .col-5 {width: 41.66%;}
div.grid > .col-6 {width: 50%;}
div.grid > .col-7 {width: 58.33%;}
div.grid > .col-8 {width: 66.66%;}
div.grid > .col-9 {width: 75%;}
div.grid > .col-10 {width: 83.33%;}
div.grid > .col-11 {width: 91.66%;}
div.grid > .col-12 {width: 100%;}
[class*="col-"] {float: left;}

a.screenreaderOnly, .screenreaderOnly {position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden;} 
a.screenreaderOnly:focus {position:static; width:auto; height:auto;color:#82b0b8; padding: 3px; left: 10px;} 

.skip-mark{left:-999px; position:absolute; top:0; width:1px; height:1px; overflow:hidden; z-index:-999}
.skip-mark:focus,.skip-mark:active{left:0; top:0; width:100%; color:#000; background:white; height:auto; overflow:auto; text-align:center; font-size:105%; z-index:999; font-weight: strong;}

#navigation > ul > li > p > a:focus {color:#82b0b8;}

.transition {transition: all .4s ease-in-out; webkit-transition: all .4s ease-in-out} 

h1, .h1, p.H1	{font-size:220%; line-height:120%; margin:0; padding:0; font-weight:normal; font-family:TisaWeb}
h2, .h2, p.H2, #header p.H2	{font-size:170%; line-height:120%; margin:0; padding:0; font-weight:normal;  font-family:TisaWeb}
h3, .h3, p.H3, #header p.H3	{font-size:150%; line-height:120%; margin:0; padding:0; font-weight:normal;  font-family:Arial}
h4, .h4, p.H4, #header p.H4	{font-size:140%; line-height:140%; margin:0; padding:0; font-weight:normal; font-family:TisaWeb}
h5, .h5, p.H5, #header p.H5	{font-size:120%; line-height:140%; margin:0; padding:0; font-weight:normal; font-family:Arial}

.Arial	{font-family:Arial !important}
.TisaWeb	{font-family:TisaWeb !important}
.handwriting, .handwriting a {font-family: SuomiHand, sans-serif !important}
.handwriting.underline {text-decoration:underline;border-bottom:0 !important;padding-bottom:5px;}
option.handwriting{font-size: 14px;}

h2.handwriting, .h2.handwriting, p.H2.handwriting, p.h2.handwriting {font-size: 400%;}
h3.handwriting, .h3.handwriting, p.H3.handwriting, p.h3.handwriting {font-size: 330%;}
h4.handwriting, .h4.handwriting, p.H4.handwriting, p.h4.handwriting {font-size: 250%;}
h5.handwriting, .h5.handwriting, p.H5.handwriting, p.h5.handwriting {font-size: 200%;}

p	{margin-bottom:10px}
blockquote {margin-top: 0; margin-bottom: 0;}

hr	{margin:20px 0; border:0; border-bottom:1px solid #b3b3b3}
hr.dotted	{border-bottom: 2px dotted #999}

a.hover-underline:hover {text-decoration:underline;}

span.betrag	{color:#277a8a; font-size:180%; font-weight:bold}

.spalte > .layout > .wrapper > *	{margin-left:10px; margin-right:10px; position:relative;}
.klappliste > div.content > div > .slots	{margin-left:-10px; margin-right:-10px}
.klappliste > div.content > div.farbfeld	{padding-left: 20px; padding-right: 20px;}
.klappliste .spalte.frame > .layout > .wrapper > *	{margin-left:15px; margin-right:15px;}
.klappliste:focus {outline: none;}

.colGreen	{color:#94b494}
.colBlue	{color:#82b0b8}
.colDarkBlue	{color:#277a8a}
.colWhite	{color:#FFFFFF}

button 	{padding:5px 10px 5px 10px; border:0; margin:0 0 15px 0; font-weight:bold; position:relative; display:block; background:#f9ed43; border:1px solid #f9ed43; text-align:left; font-size:100%; cursor:pointer; line-height:160%}
button:hover	{background:#ffd402; border:1px solid #ffd402; }
button:before {font-family: "iconset"; speak: none;  content: "\e901"; font-size: 11px; margin-right: 8px;}
button.max 		{width:calc(100% - 37px)}

button.p2 {background:#b5cbb4; border:1px solid #b5cbb4;}
button.p2:hover	{background:#94b494; border:1px solid #94b494;}

button.p3 {background:#bed7dc; border:1px solid #bed7dc;}
button.p3:hover	{background:#82b0b8; border:1px solid #82b0b8;}

button.p4 {background:#fff; border:1px solid #bed7dc; color:#bed7dc}
button.p4:hover	{border:1px solid #277a8a; color:#277a8a}
button.p4:before {background-position: -1px -1260px;}
button.p4:hover:before {background-position: -35px -1260px; ;}

button.p5 {background:#bed7dc; padding:0 5px 0 27px; border:1px solid #bed7dc}
button.p5:hover	{background:#82b0b8;}
button.p5:before {top: 6px;}

button.chatbot {display: inline-block;}
button.back:before {transform:rotate(180deg)}

#suche button#searchFieldReset, #suche button#searchFieldReset:hover {background: transparent; position: absolute; border: none; font-style: normal; color: #ccc; text-align: center;}
button#searchFieldReset:after {background: none; content: '';}
button#searchFieldReset:before {background: none; content: '';}

#header 	{position:relative;}
#header img	{width:100%;}
#header video	{width:100%; display:block}
#header div.imgContainer	{position:relative; padding:0}
#header div.imgContainer.playVideo img	{display:none}
#header div.text.dark	{color:#222}
#header p	{font-size:120%; font-family:Arial; margin:0}
#header p.big	{font-size:180%; line-height:110%}

#header div.video	{width:50%; height:100%; position:absolute; top:0;left:0; z-index:1; visibility:visible; opacity:.7;transition: opacity ease 0.7s;} 
#header div.video:before {position: absolute;content: ""; border: 7px solid #fff; border-radius: 100%; width: 104px; height: 104px; top: calc(50% - 60px); left: calc(50% - 60px);}
#header div.video:after {position: absolute;content: ""; border-width: 25px 0 25px 45px; border-color: transparent transparent transparent #fff; width: 0;height: 0;top: calc(50% - 24px);left: calc(50% - 18px); border-style: solid;}
#header div.video.dark:before {border: 7px solid #4d4d4d;}
#header div.video.dark:after {border-color: transparent transparent transparent #4d4d4d;}
#header div.video:hover	{opacity:.95}

#header div.text a	{padding: 1px 5px 1px 5px;  margin-top: 6px; margin-bottom: 6px; position:relative; display:inline-block; font-weight:bold; border-bottom: 3px solid #f9ed43;}
#header div.text a.addRechner:before {content: '\e951';}
#header div.text a.addCart:before {content: '\e949';}
#header div.text a.addDownload:before {content: '\e91c';}
#header div.text a.button	{padding: 6px 10px 5px 25px; font-size:130%; border: 1px solid #f9ed43; }
#header div.text.bgwhite {background-color: rgba(256,256,256,.8); color: #000; padding: 20px;}
#header div.text div.aufzaehlung li {padding: 0;}
#header div.text div.teaserIcon {padding: 0 0 0 45px; min-height: 15px;}
#header div.text a:hover{border-bottom: 3px solid #ffd402;}
#header div.text a#gbaPhone:hover{border-bottom: 3px solid #f9ed43;}
#header div.text a.button:hover {border: 1px solid #ffd402;}	
#header div.text #gelberBoxAbschluss a.button:not(.addCart):not(.addRechner):not(.addDownload):before {background-position: 0 -242px;}
#header div.text #gelberBoxAbschluss a.button.addCart:hover:before {background-position: 0px -1130px;}
#header div.text #gelberBoxAbschluss a.button.addRechner:hover:before {background-position: 0px -315px;}


/* Telefon-Anzeige Header */
#header #telefon-teaser {text-align: right; border-top: 1px solid #dee8df; width:95%; padding:10px 10px 10px 0;vertical-align: middle; }
#header #telefon-teaser > span.tel {font-weight: bold;margin-bottom:10px}
#header #telefon-teaser > span.desc {font-size:80%; text-align:left; float: right; line-height: 14px; padding-left:10px;}
#header #telefon-teaser > span.tel::before {background:url(/layout/images/system/icons/Universal-Sprite.png) -248px -739px no-repeat; content: ""; display: inline-block; height: 32px; width: 32px; margin-bottom:-5px}
#header #telefon-teaser  span.phonenumber {white-space: nowrap;}
.webphone {text-decoration:underline}

#foot {background-color: #f9ed43; padding: 25px 7% 0 7%; position:relative; bottom:0; margin-top:40px}
#foot h3, #foot ul.metanav a {font-weight: bold;font-size: 140%;margin-bottom: 12px;}
#foot ul {margin:0; list-style:none; color:#000; line-height:28px; position:relative; clear:both;}
#foot ul:not(.metanav):after {content: " "; background: url(/layout/images/system/icons/trenner_dott.png) repeat-x 50% 50%; width: 100%; height: 6px; display: block; clear: both; margin-top: 6px; padding-bottom: 20px;}
#foot ul#autolink {display: flex;flex-wrap: wrap;margin-bottom: 10px;}
#foot ul.metanav2 {display: block; margin-bottom: 10px;}
#foot ul#autolink li {flex: 1 0 33%;box-sizing: border-box;padding: 0;}
#foot ul.metanav2 li {padding: 0 15px 0 0;}
#foot ul li.divider			{display:none}
#foot ul li	{float:left; margin:0;}
#foot ul li a {position:relative; opacity:.8}
#foot ul li a:hover		{opacity:1}
#foot ul li a:after		{background: url('/layout/images/system/icons/Universal-Sprite.png') no-repeat 0 -245px; content:" "; width:9px; height:15px; position:absolute; left:0; top:4px}
#foot ul.social li {float:left; margin:0; padding: 15px 15px 0 0}
#foot ul.social li a		{padding-left:0px; margin:5px 0; opacity:1}
#foot ul.social li a:after		{display:none}
#foot ul.social:after {padding-bottom: 30px;}

#foot ul.metanav {float: left; width: auto; padding-top: 15px}
#foot ul.metanav a {margin-right: 10px; padding-left: 0;}
#foot ul.metanav li {float: left; width: auto;}
#foot ul.metanav2 {margin-top: 0; width: 100%; padding-bottom: 20px;}
#foot ul.metanav2:after {display: none;}
#foot li a {padding-left: 0;}
#foot li a:after {display: none;}
#foot ul.metanav2, #foot ul.footerzeile {font-size: 110%}
#foot ul:empty:after {display: none;}
#foot .social .icon:before {background-image: url(/layout/images/system/icons/Universal-Sprite.png); background-repeat: no-repeat; content: "";position: absolute;width: 100%;height: 100%;}
#foot .social .icon.facebook:before {background-position: 0 0;}
#foot .social .icon.twitter:before {background-position: -37px 0;}
#foot .social .icon.google:before {background-position: -70px 0;}
#foot .social .icon.youtube:before {background-position: -281px 0;}
#foot .social .icon.linkedin:before {background-position: -105px 0;}
#foot .social .icon.instagram:before {background-position: -246px 0;}
#foot ul#autolink li a, #foot.v2 ul.metanav2 a, body.v2 #foot.v2 .copyright {font-size: 110%;}
#foot ul#redlinks {display: flex; flex-wrap: wrap;margin-bottom: 10px;}
#foot ul#redlinks li {flex: 1 0 33%; box-sizing: border-box; padding: 0;}
#foot .copyright {clear: both;}

#autolink ul ul, #autolink div.control	{display:none}
#autolink ul li	{width:calc(25% - 15px)}

div.autocomplete				{background-color:#fff; border:1px solid #999; overflow-y:auto; overflow-x:hidden;}

div.autocomplete a				{padding:3px}
div.autocomplete a span.mark	{color:#6aa3b2}
div.autocomplete a:hover		{background-color:#f9ed43}
div.autocomplete a.active		{background-color:#f9ed43}

a.text	{text-decoration:none; margin-right:0; font-weight:bold; position:relative; width:auto!important; height:auto!important; border-bottom: 3px solid #f9ed43;}
a.text:hover {border-bottom: 3px solid #ffd402;}

a.text.calculate	{padding:2px 4px 2px 25px;}
a.text.calculate:before, a.text.calculate:hover:before {background:url(/layout/images/system/icons/Universal-Sprite.png) 0px -315px no-repeat; top:2px; left:2px; content:" "; position:absolute; width:14px; height:16px; }
a.text.download	{padding:1px 5px 1px 18px}
a.text.download:before {background:url(/layout/images/system/icons/Universal-Sprite.png) -1px -1225px no-repeat; top:6px; left:3px; content:" "; position:absolute; width:12px; height:15px; }

.text.link	{padding: 1px 5px 0 2px; position:relative; display:inline-block; font-weight:bold; border-bottom: 3px solid #f9ed43;}
.text.link:hover {border-bottom: 3px solid #ffd402; }
.text.link:before {position: relative;background: none;font-family: "iconset";content:"\e901";font-weight: normal;font-size: 11px; margin-right: 5px;}
h5 .text.link:before {top: 8px;}

a.text.noback			{background:transparent!important}
a.text.noback:hover		{color:#000}

a.email			{position:relative; padding-left:10px; display:inline-block}
a.email:hover	{text-decoration:underline}
a.email:before {background: url('/layout/images/system/icons/Universal-Sprite.png') no-repeat 0 -245px; content: " "; width: 9px; height: 15px; position: absolute; left: 0; top: 6px;}

a.telLink[href^="tel"]:link,
a.telLink[href^="tel"]:visited,
a.telLink[href^="tel"]:hover {text-decoration: none; cursor:default;font-family: inherit; font-size: inherit; font-weight: inherit; color: inherit; line-height: inherit;}

div.spalte > div.layout > div.wrapper > a[name]	{position:absolute!important;}

/* FLEX-CONFIG */
div.abstand	{position:relative;}
div.abstand:after	{content:""; display:block; clear:both}

div.bildschrift.rechts	{text-align:right}
div.bildschrift.zentriert	{text-align:center}

.button {padding: 5px 10px 5px 30px; margin:0 0 15px 0; font-weight:bold; position:relative; display:inline-block; background:#f9ed43; border:1px solid #f9ed43; cursor:pointer}
.button:before {font-family: "iconset"; speak: none; content: "\e901"; left: 10px; position: absolute; font-size: 77%; }
div.text .button:before {left:5px;}


.button > a	{display:block; color:#000}
.button.max		{display:block}
.button.ic_x a:after {background-position:0 -210px; width:15px; right:4px;}
.button.ic_search:after {background-position:0 -280px; width:17px; height:17px; right:4px;}
.button:hover {background:#ffd402; border:1px solid #ffd402}
.button:hover > a {display:block}
.button:hover a:after {top:50%; margin-top:-8px; right:7px;}
.button:hover:after {top:50%; margin-top:-8px; right:7px;}
.button.ic_search a:after {background-position:0 -280px; width:17px; height:17px; right:4px;}
.button.ic_x:hover a:after {background-position:-35px -210px;}

.button.ic_video:before {background:none; content:" ";}
.button.ic_video {padding-left:30px;}
.button.ic_video a  {padding-left:7px;}
.button.ic_video a:before {font-family: "iconset"; content: '\e90b'; position:absolute; width:20px; height:20px; left:10px; top: 5px; font-size: 135%;}

.button.hidden {display: none;}
.button.ic_chat {padding-left:0; padding-right:5px;}
.button.ic_chat a {padding-left: 45px;}
.button.ic_chat.disabled, .button.p2.ic_chat.disabled, .button.p3.ic_chat.disabled, .button.p4.ic_chat.disabled {background-color: #ccc; color: #fff; border: 1px solid #ccc; line-height: 111%; padding: 5px 10px 3px 10px;}
.button.ic_chat.disabled, .button.ic_chat.disabled a {cursor: default; color: #000;}
.button.ic_chat.disabled a:before {background:url(/layout/images/system/icons/Universal-Sprite.png) no-repeat  -35px -1098px!important; content:" "!important; position:absolute; width:32px; height:20px; left:5px; top:8px}
.button.ic_chat.disabled:after {position: relative; content: "aktuell nicht besetzt"; background: transparent; padding: 8px 5px 0 41px; font-weight:normal; cursor: default; margin: 10px 0 0 5px; text-align: center; font-size: 90%;}
.button.ic_chat.disabled:hover:after {right: auto;}
.button.ic_chat.disabled:hover {background: #ccc;}
.button.ic_chat.disabled:hover a {color: #000!important;}
.button.ic_chat:before {background:none; content: "";}
.button.ic_chat a:before {background:url(/layout/images/system/icons/Universal-Sprite.png) no-repeat  -35px -1098px; content:" "; position:absolute; width:32px; height:20px; left:10px; top:4px}

.button.addRechner a {padding-left:7px;}
.button.addRechner:before{content: '\e951'; top:6px; font-size: 16px;}
.button.addCart:before {content: '\e949'; top:6px; font-size: 16px;}
.button.ic_pfeil{padding-left: 27px;}
.button.addCart {padding-left:35px}
.button.p4.ic_pfeil:before{}
.button.p4.ic_pfeil:hover:before{}
.button.ic_pfeil.back:before{background-position: -1px -1225px; transform:rotate(180deg); -webkit-transform:rotate(180deg);}

#page.Landingpage #header > div.teaser div.button.addRechner a:before {top:14px;}
#page.Landingpage #header > div.teaser div.button.addCart a:before {top:14px;}
#page #head #telefon {width: 100%; box-sizing: border-box;}

.button.p1:after {background: none;}

.button.p2 {background:#b5cbb4; border:1px solid #b5cbb4;}
.button.p2:after {background: none;}
.button.p2.ic_x:after {background: none;}
.button.p2 a:after {background-position:-35px -175px; z-index:1;}
.button.p2.ic_x a:after {background-position:-35px -210px; right:4px; width:15px;}
.button.p2:hover	{background:#94b494; border:1px solid #94b494;}

.button.p2:hover a:after {background-position:-105px -175px;}
.button.p2.ic_x a:hover:after {background-position:-105px -210px;}

.teaserIcon .button.addRechner a  {padding-left:7px;}
.teaserIcon .button.addRechner:before {background:url(/layout/images/system/icons/Universal-Sprite.png) no-repeat 0px -315px; content:" "; position:absolute; width:14px; height:16px; left:10px; top:7px}
.teaserIcon .button.addCart:before {background:url(/layout/images/system/icons/Universal-Sprite.png) no-repeat 0px -1130px; content:" "; position:absolute; height:16px; top:7px}
.teaserIcon .button.p2:after {background:url(/layout/images/system/icons/Universal-Sprite.png) no-repeat;}
.teaserIcon .button.p2:after {background-position:-35px -175px; z-index:1;}
.teaserIcon .button.p2:hover:after {background-position:-105px -175px; z-index:1;}

.button.p3 {background:#bed7dc; border:1px solid #bed7dc; }
.button.p3:after {background: none;}
.button.p3 a:after {background-position:-35px -175px; z-index:1;}
.button.p3.ic_x a:after {background-position:-35px -210px;}
.button.p3:hover	{background:#82b0b8; border:1px solid #82b0b8;}
.button.p3:hover a:after {background-position:-175px -175px;}
.button.p3.ic_x:hover a:after {background-position:-175px -210px;}
.button.p3.addRechner a:before {background-position:0 -315px;}
.button.p3.addCart a:before {background-position:-0 -1130px;}
.button.p3.ic_video a:before {background-position:0 -1065px;}

.teaserIcon .button.p3.addRechner:before {background-position:-35px -315px;}
.teaserIcon .button.p3.addRechner:hover:before {background-position:-175px -315px;}
.teaserIcon .button.p3.addCart:before {background-position:-35px -1130px;}
.teaserIcon .button.p3.addCart:hover:before {background-position:-175px -1130px;}
.teaserIcon .button.p3:after {background:url(/layout/images/system/icons/Universal-Sprite.png) no-repeat;}
.teaserIcon .button.p3:after {background-position:-35px -175px; z-index:1;}
.teaserIcon .button.p3:hover:after {background-position:-105px -175px; z-index:1;}

.button.p4 {background:#fff; border:1px solid #bed7dc; color:#bed7dc}
.button.p4 > a	{color:#82b0b8}
.button.p4:after {background: none;}
.button.p4:before {background-position: -1px -1260px;}
.button.p4:hover:before {background-position: -35px -1260px;}
.button.p4 a:after {background-position:-140px -175px; z-index:1;}
.button.p4.ic_x a:after {background-position:-140px -210px;}
.button.p4:hover	{border:1px solid #277a8a; color:#277a8a}
.button.p4:hover > a	{ color:#277a8a}
.button.p4:hover a:after {background-position:-70px -175px; }
.button.p4.ic_x:hover a:after {background-position:-70px -210px;}
.button.p4.addRechner:before {background-position:-175px -315px;}
.button.p4.addRechner:hover:before {background-position:-140px -315px;}
.button.p4.addRechner a:before {background-position:-175px -315px;}
.button.p4.addRechner:hover a:before {background-position:-140px -315px;}
.button.p4.addCart:before {background-position:-140px -1130px;}
.button.p4.addCart:hover:before {background-position:-140px -1130px;}
.button.p4.addCart a:before {background-position:-140px -1130px;}
.button.p4.addCart:hover a:before {background-position:-140px -1130px;}
.button.p4.ic_video a:before {background-position:-175px -1065px}
.button.p4.ic_video:hover a:before {background-position:-140px -1065px;}
.button.p4.ic_chat a:before {background-position: -210px -1152px;}
.button.p4.ic_chat:hover a:before {background-position:  -210px -1152px;}

.teaserIcon .button.p4.addRechner:before {background-position:-140px -1130px;}
.teaserIcon .button.p4.addRechner:hover:before {background-position:-70px -1130px;}
.teaserIcon .button.p4.addCart:before {background-position:-140px -315px;}
.teaserIcon .button.p4.addCart:hover:before {background-position:-70px -315px;}
.teaserIcon .button.p4:after {background:url(/layout/images/system/icons/Universal-Sprite.png) no-repeat;}
.teaserIcon .button.p4:after {background-position:-140px -175px; z-index:1;}
.teaserIcon .button.p4:hover:after {background-position:-70px -175px; z-index:1;}

.button.p5 {background:#bed7dc; padding:0 5px 0 27px; border:1px solid #bed7dc}
.button.p5.ic_x {padding:0 5px 0 20px;}
.button.p5:after {background: none;}
.button.p5 a:after {background-position:-35px -245px; width:6px; height:9px; right:auto; left:5px; margin-top:-4.5px; z-index:1;}
.button.p5.ic_x a:after {background-position:-210px -350px; width:12px; height:12px;margin-top: -6px;}
.button.p5:hover	{background:#82b0b8;}
.button.p5.addRechner, .button.p5.addCart {padding: 0 15px 0 25px;}
.button.p5.addRechner a:after, .button.p5.addCart a:after {right: 5px; left: auto;}
.button.p5.addRechner a:before, .button.p5.addCart a:before {top: 2px;background-position:0 -315px;}
.button.p5.addCart a:before { background-position:-0 -1130px;}
.button.p5.ic_video {padding: 0 5px 0 30px;}
.button.p5.ic_video a:before {background-position:0 -1065px;top: 0;}
.button.p5.ic_chat {padding-left: 40px;}
.button.p5.ic_chat a:before {top: -1px;}
.button.p5.ic_chat.disabled a:after {padding: 0 10px 0 0;}

.button.back {padding:5px 7px 5px 27px;}
.button.back > a:before	{background-position: -1px -1225px; content:" "; position:absolute; width:11px; height:15px; left:5px; top:6px;transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.button.back.p1 > a:before {background-position:0 -175px}
.button.back.p3:hover > a:before {background-position:-175px -175px}
.button.back.p4 > a:before {background-position:-140px -175px}
.button.back.p4:hover > a:before {background-position:-70px -175px}
.button.back.p5 {padding:0 5px 0 15px;}
.button.back.p5 > a:before {background-position:-35px -244px}
.button.back.p5 > a:before {background-position: -35px -245px;width: 6px;height: 9px; right: auto; left: 5px; margin-top: -0.5px}

div.teaserCounter {font-size: 200%; margin-top: 15px; margin-bottom: 20px;}

div.download {font-weight: bold; }
div.download div.button	{background-color: transparent; font-weight:bold; border: none;padding: 1px 5px 1px 18px;}
div.download div.button:hover	 {background:transparent;}
div.download div.button:before {background:url(/layout/images/system/icons/Universal-Sprite.png) no-repeat -1px -1225px; content:" "; position:absolute; width:11px; height:10px; left:3px; top:6px}

div.download span	{padding:0 3px}
div.download a {border-bottom: 3px solid #f9ed43; padding-bottom: 3px;}
div.download a:hover  {border-bottom: 3px solid #ffd402; }
div.contentbild	{margin:0 10px 20px 10px; overflow:hidden}
div.contentbild.noMarginBottom	{margin-bottom:0!important}
div.contentbild.noMarginRightLeft{margin-left:0!important;margin-right:0!important}
.spalte.frame div.contentbild, div.slots.solo .klappliste div.contentbild	{margin-left:0!important; margin-right:0!important;}
div.slots.solo div.contentbild	{margin:0 -10px 20px -10px!important;}
div.contentbild div	{width:100%}
div.contentbild.center div	{width:auto; margin:0 auto}
#page.Landingpage #header > div.teaser > div.col1 div.contentbild	{margin-left:0; margin-right:0}

div.bildfeld	{padding:1px 0 1px 0; margin:15px 0 -2px 0;}
div.bildfeld > img	{width:100%; position:absolute; z-index:0}
div.bildfeld > div {margin: 15px;}

div.dachzeile	{margin-bottom:0px; padding:0px}
div.dachzeile span {background-color:#f9ed43; font-weight:bold; line-height:30px; white-space:pre-wrap; padding:4px; box-decoration-break:clone; -webkit-box-decoration-break:clone}

div.farbfeld	{position:relative; margin: 0px; padding:20px;}
div.farbfeld.gruen	{background-color:#dfe8df;}
div.farbfeld.blau		{background-color:#bed7dc;}
div.farbfeld.grau		{background-color:#f8f8f8;}
div.farbfeld.gelb		{background-color:#f9ed43;}
div.farbfeld.stripes	{background:url('/layout/images/system/icons/bg-schraffur-petrol.png');}
div.farbfeld.stripes.lBlue	{background:url('/layout/images/system/icons/bg-schraffur-hellblau.png');}
div.farbfeld.stripes.yellow	{background:url('/layout/images/system/icons/bg-schraffur-gelb.png');}
div.farbfeld.stripes.lGreen	{background:url('/layout/images/system/icons/bg-schraffur-gruen.png');}
div.farbfeld.frame.yellow {border: 5px solid #f9ed43;}
div.farbfeld.frame.petrol {border: 5px solid #277a8a;}
div.farbfeld.shadow:before	{content:" "; background:url('/layout/images/system/divshadow.png') no-repeat 50% 0; border-top:1px solid #ddd; top:0; left:0; height:10px; width:100%; position:absolute;}
div.shadowBox {padding: 4.5% 9%}
div.shadowBox > div {background-color: #fff; box-shadow: 0 2px 6px 0 rgba(0,0,0,0.21); padding: 10px 5px;}
div.shadowBox > div > div.slots {margin: 10px 10px;}
div.shadowBox.noShadow > div {box-shadow: none;}
div.shadowBox.noBackground > div {background-color: inherit;}

div.googlemap .gm-style button::before {content: "";}

div.wiper.gruen	{background-color:#dfe8df;}
div.wiper.blau		{background-color:#bed7dc;}
div.wiper.stripes	{background:url('/layout/images/system/icons/bg-schraffur-petrol.png');}
div.wiper.stripes.lBlue	{background:url('/layout/images/system/icons/bg-schraffur-hellblau.png');}
div.wiper.stripes.yellow	{background:url('/layout/images/system/icons/bg-schraffur-gelb.png');}
div.wiper.stripes.lGreen	{background:url('/layout/images/system/icons/bg-schraffur-gruen.png');}
#content > div > div.slots.solo div.wiper {margin: 0 10px!important;}
div.wiper div.wiperButton {color: #000; background-color: #f9ed43; border: 1px solid #ffd402;}

div.newBox			{padding:10px 0}
div.newBox > span	{background-color:#f9ed43; font-weight:bold; line-height:30px; white-space:pre-wrap; padding:4px; display:inline; left:10px; position:relative; margin-bottom:20px}
div.layout.zitat:before		{content:""; position:absolute; left:calc(50% - 10px); top:-30px; width:20px; height:20px; background-color:#fff; transform:rotate(45deg); z-index:2}
div.farbfeld.blau div.layout.zitat:before	{background-color:#bed7dc;}
div.farbfeld.gruen div.layout.zitat:before {background-color:#dfe8df;}
div.farbfeld.grau div.layout.zitat:before {background-color:#f8f8f8;}
div.layout.zitat	{background-color:transparent!important;position:relative; padding:0!important; margin:0!important}
div.layout.zitat > div.wrapper	{padding:0; margin:0}
div.layout.center		{text-align:center}
div.layout.alignRight	{text-align:right}

/* Klappliste mit gelbem Pfeil links */
div.klappliste {border-bottom:2px dotted #000; position:relative; text-align: left}
div.klappliste.BorderLine {border-bottom:1px solid #000;}
div.klappliste.borderTop {border-top:2px dotted #000;}	
div.klappliste.borderTop.BorderLine {border-top:1px solid #000;}	
div.klappliste.noBorderBottom	{border-bottom:0!important;}

#content > div > div.klappliste {margin:0px 0px!important; padding:0; border-bottom:1px solid #ccc}
div.klappliste > div.content {margin-left:50px}

div.klappliste > div.head	{cursor:pointer; padding-top:10px; position:relative}
div.klappliste > .head h2	{margin-bottom:0px; padding:5px 0 10px 50px; line-height:30px}
div.klappliste > .head h4	{padding-left:50px; min-height:35px}

div.klappliste > div.head:after	{font-family: "iconset"; content: '\e90a'; position:absolute; margin:10px 0 0 4px; width:29px; height:29px; line-height: 29px; left:0; top:0; transition: transform .4s ease-in-out; webkit-transition: transform .4s ease-in-out; border-radius: 100%; text-align: center; background-color: #f9ed43}
.notTouchable div.klappliste > div.head:hover:after	{background-position:-210px -490px}
div.klappliste.open > div.head:after	{transform:rotate(90deg); -webkit-transform:rotate(90deg);}

div.klappliste.H2 > div.head:after	{margin:15px 0 0 5px; background-position: 0px -490px; width: 32px; height: 32px;}
.notTouchable div.klappliste.H2 > div.head:hover:after	{background-position: -70px -490px;}

#content > div > div.klappliste > div.head:after	{margin:12px 0 0 5px;}
#content > div > div.klappliste.plus > div.head:after	{margin:18px 0 0 15px;}
#content > div > div.klappliste.plus.rechts > .head h2 {padding:5px 0 10px 10px;}
.notTouchable #content > div > div.klappliste > div.head:hover:after	{background-position: -70px -490px;}

/* Klappliste mit gruenem HG */
div.klappliste.green				{border-bottom:none;}
div.klappliste.green.borderTop	{border-top:none;}	
div.klappliste.green > div.head:after	{background:url(/layout/images/system/icons/Universal-Sprite.png) -175px -245px; position:absolute; margin: 12px 0 0 10px; width:7px; height:11px; left:0; top:0; content:" "; transition: transform .4s ease-in-out; webkit-transition: transform .4s ease-in-out}
div.klappliste.green > div.head		{background-color:#94b494; color:#fff;margin-bottom:5px;padding-top: 5px;}
div.klappliste.green > .head h4	{min-height:20px; text-align:center; padding:0 24px; }
div.klappliste.green > .head h2	{min-height:20px; text-align:center; padding: 5px 0 5px 50px;}
.notTouchable div.klappliste.green > div.head:hover:after, .notTouchable div.klappliste.green:focus > div.head:after	{background-position:-175px -245px;}

/* Klappliste mit Plus-Zeichen*/
div.klappliste.plus > div.head:after	{background: none; font-family: 'icomoon'; content: "\e935"; position:absolute; margin: 12px 0 0 10px; width:4px; height:4px; transition: transform .4s ease-in-out; webkit-transition: transform .4s ease-in-out}
div.klappliste.plus.rechts > div.head:after	{right: 0; left: inherit; margin: 12px 20px 0 0px;}
div.klappliste.plus.open > div.head:after	{transform:rotate(45deg); -webkit-transform:rotate(45deg);}
div.klappliste.plus.rechts > div.content {margin: 0 50px 0 10px}
div.klappliste.plus.rechts > .head h2, div.klappliste.plus.rechts > .head h4 {padding: 0 50px 0 10px;}

div.lazyImage		{position:relative;overflow:hidden; background:url(/layout/script/aragscript/css/ajaxified.gif) center no-repeat}
div.lazyImage.done		{background-image:none}
div.lazyImage img	{position:absolute; width:100%; height:100%}
div.spalte.center div.lazyImage img	{left:0}

div.link p {margin-top: 6px; margin-bottom: 6px; position:relative; display:inline-block; font-weight:bold; border-bottom: 3px solid #f9ed43;}
div.link:hover p {border-bottom: 3px solid #ffd402;}
div.link p:before {font-family: 'iconset' !important; speak: none; content: "\e901"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; margin-right: 5px; font-size: 79%;}
div.link.jump p:before {content: "\e902"}
div.link a:hover div.icon	{background-color:#82b0b8}

div.liste	{margin-bottom:10px; padding-left:20px; position:relative}
div.liste div.icon	{position:absolute; top:3px; left:0}
div.liste.text	{padding:0 0 0 35px}
div.liste.icon	{padding:0 0 0 55px;}
div.liste div.label	{position:absolute; width:30px; text-align:right; top:0;left:0;  font-family:TisaWeb; font-size:160%; color:#94b494}

div.aufzaehlung	{margin-bottom:10px; position:relative}
div.aufzaehlung > ul	{padding:0; margin:0}
div.aufzaehlung li	{position:relative; padding:0 0 5px 25px; margin:0}

div.aufzaehlung div.icon	{position:absolute; left:0; top:3px}
div.aufzaehlung div.icon.c4	{top:1px}
#header div.aufzaehlung {margin-top: 10px;}
#header div.text div.aufzaehlung + a,
#header div.text div.aufzaehlung + a.button {margin-top: 10px;}
div.aufzaehlung li:before {position: absolute; left: 0; top: 4px;}
div.aufzaehlung li.ics-haekchen-circle:before {color: #277a8a; font-size: 130%; }

.mskeml > img	{margin:2px 2px -2px 2px!important; width:auto!important}

.siteactive 			{}
.siteactive > div		{padding:5px 150px 5px 100px; position:relative; border-bottom:1px solid #ddd;}	
.siteactive.noDate > div		{padding-left:0px;}	
.siteactive > div h5			{font-weight:bold;}
.siteactive > div h5:hover			{text-decoration:underline}
.siteactive > div > p			{margin:0}
.siteactive > div > a.link:before			{top:7px}
.siteactive > div > label			{position:absolute; left:0; top:5px}

.siteactiveFilter		{padding:15px; background-color:#dfe8df; height:34px;}
.siteactiveFilter > div		{line-height:34px}
.siteactiveFilter select		{width:auto; margin-right:5px}
.siteactiveFilter > button 	{margin-left: 15px}

.siteactivePager		{text-align:center; line-height:22px; margin-top:15px}
.siteactivePager div	{padding:0 15px; margin:0; background-color:transparent; display:inline-block; cursor:pointer; position:relative; vertical-align:middle}

.siteactivePager div.divide	{border-left:1px solid #000;}
.siteactivePager div.aktiv	{font-weight:bold}

.siteactivePager .but	{background-color:#f9ed43; height:32px; width:32px; margin:5px 10px; padding:0; display:inline-block}

.siteactivePager .but.inaktiv	{background-color:#b3b3b3; cursor:auto}
.siteactivePager .but:after {content:""; background:url(/layout/images/system/icons/Universal-Sprite.png) no-repeat; position:absolute; left:10px; top:8px;width: 15px;height: 15px;}
.siteactivePager .but.start:after	{background-position:-280px -175px; left:10px;}

.siteactivePager .but.prev:after	{background-position:-210px -175px; left:14px;}
.siteactivePager .but.next:after	{background-position:0 -175px; left:14px;}
.siteactivePager .but.ende:after	{background-position:-245px -175px; left:10px;}

.subueberschrift	{margin-bottom:10px;}
.subueberschrift.back	{padding:0 5px; display:inline;}
.subueberschrift > div.icon	{margin:-3px 0 0 5px;}
.subueberschrift > div.icon:after	{display:none!important}
.subueberschrift > div.icon:before	{display:none!important}

.subueberschrift + div.info {background-position: -140px -385px; display: inline-block;width:20px; height:20px;}
.subueberschrift + div.info:hover {background-position: -175px -385px;}

.subueberschrift .textmarker	{margin-bottom:0px; padding:0px}
.subueberschrift span.textmarker {background-color:#f9ed43; line-height:35px; white-space:pre-wrap; padding:4px; box-decoration-break:clone; -webkit-box-decoration-break:clone}
h2.subueberschrift span.textmarker {line-height:40px;}
h3.subueberschrift span.textmarker {line-height:37px;}
h2.subueberschrift.handwriting span.textmarker {line-height:80px;} 
h3.subueberschrift.handwriting span.textmarker {line-height:70px;} 
h4.subueberschrift.handwriting span.textmarker {line-height:60px;}
h5.subueberschrift.handwriting span.textmarker {line-height:50px;}
	
.switch				{margin-bottom:15px; position:relative; border:1px solid #b3b3b3; border-left-width:0px }
.switch > a > div		{float:left; border-left:1px solid #b3b3b3; width:calc(50% - 1px); position:relative; padding:10px 0}
.switch > a:after		{clear:both; content:""; display:block}

.switch.col1 .col1, .switch.col2 .col2			{background-color:#f9ed43}

/*
.switch div.ico.s2	{width:35px; height:35px;}
.switch div.ico.s2.no:before	{background-image:url('/layout/images/system/icons/sprite-rm-gruen.png')}
.switch.col1 .col1 div.ico.s2:before, .switch.col2 .col2 div.ico.s2:before	{background-image:url('/layout/images/system/icons/sprite-rm-schwarz.png')}
.switch.col1 .col1 div.ico.s2:after, .switch.col2 .col2 div.ico.s2:after	{border:3px solid #f9ed43}
*/
.switch div.ico.s2	{width:35px; height:35px;}
.switch div.ico.s2.no	{background-color: transparent;}
.switch div.ico.s2.no:before	{font-size: 33px; background: none; line-height: 40px;}
.switch.col1 .col1 div.ico.s2:before, .switch.col2 .col2 div.ico.s2:before	{background:none}
.switch.col1 .col2 div.ico.s2:before, .switch.col2 .col1 div.ico.s2:before {color: #94b494;}


div.tabelle	table			{border:1px solid #94b494; margin-bottom:15px}
div.tabelle.hasLabel	{margin-top:25px}
div.tabelle.yellow table	{border-color:#f9ed43;}
div.tabelle table		{table-layout:fixed; width:100%; border-collapse:collapse}
div.tabelle table thead	{background-color:#dfe8df; line-height:130%}
div.tabelle.yellow table thead	{background-color:#f9ed43;}
div.tabelle table thead td, div.tabelle table thead th		{font-weight:bold}
div.tabelle table thead td p, div.tabelle table thead th p	{margin:0; font-weight:normal; font-size:85%}
div.tabelle table thead td a, div.tabelle table thead th a	{padding-left:15px; position:relative; display:block}
div.tabelle table thead td a:before, div.tabelle table thead th a:before {background: url(/layout/images/system/icons/Universal-Sprite.png) no-repeat -140px -245px; content: ""; position: absolute; width: 9px; height: 15px; left: 1px; margin-top:3px}
div.tabelle table thead td.first, div.tabelle table thead th.first {padding-left:40px;}
div.tabelle table thead	td.aligncenter, div.tabelle table thead	th.aligncenter {padding:0;}
div.tabelle table thead	td.label:before, div.tabelle table thead	th.label:before		{position:absolute; left:50%; transform:translate(-50%,-115%) rotateZ(-3deg); background-color:#fff; font-weight:normal; color:#82b0b8; padding:5px 10px; white-space:nowrap; font-size:200%; line-height:100%; font-family: SuomiHand, sans-serif; box-shadow:2px 2px 4px rgba(0,0,0,.3)}
div.tabelle table thead	td.label.empfehlung:before, div.tabelle table thead	th.label.empfehlung:before {content:"Unsere Empfehlung"}
div.tabelle table thead	td.label.bestseller:before, div.tabelle table thead	th.label.bestseller:before {content:"Unser Bestseller"}
div.tabelle.sticky table thead	td.label:before, div.tabelle.sticky table thead	th.label:before {display:none}
div.tabelle table td, div.tabelle table th {padding:12px 5px; vertical-align:top; position:relative;}
div.tabelle table td.first, div.tabelle table th.first {padding-left:40px; border-left-width:0px!important}
div.tabelle table td.headline, div.tabelle table th.headline {font-weight:bold; font-size:110%; padding-left:30px;}
div.tabelle table td.checked, div.tabelle table th.checked		{text-align:center}
div.tabelle table td.checked:before {background: none; font-family: 'iconset' !important; content:"\e926";font-size: 30px; color: #94b494;}
div.tabelle table td.option			{text-align:center}
div.tabelle table td.option:before {content:" "; background:url('/layout/images/system/icons/Universal-Sprite.png') no-repeat -210px -525px; width:34px ; height:25px; display:inline-block}
div.tabelle table td, div.tabelle table th			{border-left:1px solid #b3b3b3}
div.tabelle.yellow table td, div.tabelle.yellow table th	{border-left:1px solid #f9ed43}
div.tabelle table td.yellow, div.tabelle table th.yellow	{border-left:1px solid #f9ed43!important}
div.tabelle table td.gree, div.tabelle table th.gree		{border-left:1px solid #94b494!important}
div.tabelle table td.noborder, div.tabelle table th.noborder		{border-left-width:0px!important}
div.tabelle table tbody	{margin:0 15px; position:relative;}
div.tabelle table tbody	 tr {border-bottom:1px solid #b3b3b3;}
div.tabelle.yellow table tbody	 tr {border-bottom:1px solid #f9ed43;}
div.tabelle table tbody	 tr:last-child {border-bottom:0px solid!important;}
div.tabelle table tbody	 tr.green {border-bottom:1px solid #dfe8df;}
div.tabelle table tbody	 tr.yellow {border-bottom:1px solid #f9ed43;}
div.tabelle table tbody	 tr.noborder {border-bottom:0px solid;}
div.tabelle table tfoot	{text-align:center; border-top:1px solid #dfe8df;}
div.tabelle table.yellow tfoot	{border-top:1px solid #f9ed43;}
div.tabelle table tfoot button	{margin-bottom:-1px; font-size:100%}
div.tabelle	div.tabInfoOpener {background:url('/layout/images/system/icons/Universal-Sprite.png') no-repeat 0 -385px; width:19px; height:19px; position:absolute; top:15px; left:10px;}
div.tabelle td div.tabInfoOpener:hover {background-position:-35px -385px}
div.tabelle td.dark, div.tabelle th.dark		{background-color:#dfe8df!important}
div.tabelle td.light, div.tabelle th.light		{background-color:#dfe8df!important}
div.tabelle td.bgHighlight, div.tabelle th.bgHighlight		{background-color:#bed7dc!important}
div.tabelle.yellow td.dark, div.tabelle.yellow th.dark			{background-color:#f9ed43!important}
div.tabelle.yellow td.light, div.tabelle.yellow th.light		{background-color:#fbf9db!important}
div.tabelle	td.open div.tabInfoOpener, div.tabelle	th.open div.tabInfoOpener {background-position:-70px -385px}
div.tabelle	td.open div.tabInfoOpener:hover, div.tabelle	th.open div.tabInfoOpener:hover {background-position:-105px -385px}
div.tabelle	div.tabInfo {display:none}
div.tabelle	td.open div.tabInfo {display:block}
div.tabelle td.prozent div.skala	{border:1px solid #b3b3b3; position:relative; padding:3px; margin:5px 25px 5px 0}
div.tabelle td.prozent div.skala div.relevanz	{background:url('/layout/images/system/icons/bg-schraffur-gruen.png'); height:16px; }
div.tabelle tbody td ul			{margin:10px 0 5px 0; padding:0}
div.tabelle tbody td ul li		{padding:0 0 5px 15px; position:relative;}
div.tabelle tbody td ul li:before	{content:""; position:absolute; left:0; top:3px; display:inline-block; width:6px; height:13px; background:url(/layout/images/system/icons/Universal-Sprite.png) no-repeat -35px -560px;}
div.tabelle div.legende	{line-height:50px; color:#94b494}
div.tabelle div.legende span	{margin-right:20px}
div.tabelle div.legende div.icon	{margin:0 5px}
div.tabelle div.footer	{line-height:20px; color:#94b494; padding:5px}
div.tabelle div.footer span	{margin-right:20px}
div.tabelle div.footer div.icon	{margin:0 5px}
div.tabelle a.button.p2:after {background: url(/layout/images/system/icons/Universal-Sprite.png) no-repeat -35px -175px;}
div.tabelle a.button.p2:hover:after {background: url(/layout/images/system/icons/Universal-Sprite.png) no-repeat -105px -175px;}

div.teaserBild		{}
div.teaserBild img	{margin:0 auto 10px 0; max-width:100%}
div.teaserBild div.text	{position:relative;}
div.teaserBild.fifty div.text	{width:50%; float:left}
div.teaserBild.fifty div.bild	{width:50%; float:left}
div.teaserBild.fifty div.bild img	{width:calc(100% - 15px); margin-top:5px}
div.teaserBild.drittel div.text	{width:67%; float:left}
div.teaserBild.drittel div.bild	{width:33%; float:left}
div.teaserBild.drittel.rechts div.bild	{width:33%; float:right}
div.teaserBild.drittel.rechts div.text	{width:67%; float:right}
div.teaserBild.full img	{width:100%}
div.teaserBild.zweidrittel div.bild	{width:66%; float:left}
div.teaserBild.zweidrittel div.text	{width: 34%; float:left;}
div.teaserBild.rechts div.bild	{float:right; text-align:right;}
div.teaserBild.drittel:not(.rechts) div.bild img	{width:calc(100% - 15px); margin-top:5px}
div.teaserBild.center div.bild {text-align:center}
div.teaserBild.center div.text {text-align:center}

div.teaserBild div.button {border: none; background-color: transparent; padding: 1px 5px 1px 18px;  margin-top: 6px; margin-bottom: 6px; position:relative; display:inline-block; font-weight:bold; border-bottom: 3px solid #f9ed43;}
div.teaserBild div.button:hover {border-bottom: 3px solid #ffd402;}

div.teaserBild[class*=" bg-"] {padding: 0;}
div.teaserBild[class*=" bg-"] div.bild {line-height: 0;}
div.teaserBild[class*=" bg-"] div.bild img {margin: 0;}
div.teaserBild[class*=" bg-"] div.text {box-sizing: border-box; padding: 30px;}
div.teaserBild.transparent div.text {box-sizing: border-box; padding-left:30px;}
div.teaserBild.bg-green {background-color: #94b494;}
div.teaserBild.bg-yellow {background-color: #f9ed43;}
div.teaserBild.bg-blue {background-color: #82b0b8;}
div.teaserBild.bg-lightgreen {background-color: #dfe8df;}
div.teaserBild.bg-lightblue {background-color: #bed7dc;}
div.teaserBild.bg-white {background-color: #fff;}

div.teaserBild.frame {border: 1px solid  #b3b3b3;}
div.teaserBild.frame.lightGrey {border-color: #d9d9d9;}
div.teaserBild.frame div.bild img {display: block;}
div.teaserBild.frame:not(.rechts) div.bild img {margin: 0;}
div.teaserBild.frame.rechts div.bild img {margin: 0 0 0 10px;}
div.teaserBild.frame div.text {box-sizing: border-box; padding: 10px;}
div.teaserBild.frame div.text > *:last-child {margin-bottom: 0;} 

div.teaserIcon	{margin:0 0 15px 0; position:relative; text-align:left }
div.teaserIcon.noText	{margin:0 0 7px 0;}
div.teaserIcon	{padding:0 0 0 55px; min-height:40px}
div.teaserIcon.iconRight	{padding:0 55px 0 0; min-height:40px}
div.teaserIcon > div.ico	{position:absolute; top:0;left:0}
div.teaserIcon.iconRight > div.ico	{position:absolute; top:0;left:auto; right:0}
div.teaserIcon.iconCenter	{margin:10px 0;}
div.teaserIcon.iconCenter > div.ico	{position:absolute; left:50%; transform: translate(-50%,0)}

div.teaserIcon.noText .ueberschrift	{padding-top:10px}
div.teaserIcon.small	{padding:0 0 0 55px; min-height:60px}
div.teaserIcon div.button	{margin:10px 10px 0 0;}

div.teaserText p	{margin:0}
div.teaserText div.button {border: none; background-color: transparent; padding: 1px 5px 1px 18px;  margin-top: 6px; margin-bottom: 6px; position:relative; display:inline-block; font-weight:bold; border-bottom: 3px solid #f9ed43;}
div.teaserText div.button:hover {background-color: transparent; border: none; border-bottom: 3px solid #ffd402; padding: 1px 5px 1px 18px;}
div.teaserText div.button:before {margin-right: 5px; left: 0;}

p.textblock		{margin:0 0 15px 0; position:relative;}
p.textblock.datum	{margin-bottom:10px; color:#b3b3b3}
p.textblock.intro	{font-size: 125%; line-height:125%;}
p.textblock.subline	{font-weight: bold; color: #656565;}
p.textblock.zitat	{font-size: 130%; line-height:130%; margin-bottom:10px; padding:0 10px; color:#277a8a; font-family: TisaWeb;}
div.farbfeld.blau p.textblock.zitat	{color:#000;}
div.farbfeld.gruen p.textblock.zitat	{color:#000;}
div.farbfeld.grau p.textblock.zitat	{color:#000;}
p.textblock.zitat:before	{content:"\""; position:absolute; left:0}
.center p.textblock.zitat:before	{position:inherit;}
div.spalte.center p.textblock.zitat:before	{position:relative; left:inherit}
p.textblock.zitat:after	{content:"\"";}
p.textblock.weiss	{color:#FFFFFF}

div.trenner	{border-bottom:1px solid #b5cbb4; margin:20px 0 20px 0}
div.trenner.dotts	{background:url('/layout/images/system/icons/trenner_dott.png') repeat-x 50% 50%; padding:2px 0; border:0px solid}

/* Handwriting Text */
div.handwritingText p	{margin:0; font-family: SuomiHand, sans-serif; line-height: 110%;}
div.handwritingText p.size400	{font-size: 400%;}
div.handwritingText p.size250	{font-size: 250%;}
div.handwritingText p.size150	{font-size: 150%;}
div.handwritingText.underline p	{text-decoration:underline;}
div.handwritingText.underline p.size250	{padding-bottom:5px;}
div.handwritingText.underline p.size150	{padding-bottom:0; border-bottom: 1px solid;}
div.handwritingText.rotateRight p	{-ms-transform: rotate(7deg); -webkit-transform: rotate(7deg); transform: rotate(7deg); padding: 45px 0 25px 0;}
div.handwritingText.rotateLeft p	{-ms-transform: rotate(-7deg); -webkit-transform: rotate(-7deg); transform: rotate(-7deg); padding: 25px 0 45px 0;}

/* Stoerer oben in der Mitte einer Spalte (z.B. Alltagshelfer) */
div.slots > div.spalte.stoerer > div.layout > div.wrapper > div.ico:first-child {margin: 0; box-shadow: 0 0 0 3px #fff; left: 50%; position: absolute; top: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 5;}

/* Preisauszeichnung */
div.preisauszeichnung {background:url(/layout/images/system/icons/Universal-Sprite.png) no-repeat 0 -945px; content:" "; width:196px; height:52px;  display:inline-block; margin-bottom:15px;}
div.preisauszeichnung > div.textblock {padding-top: 10px; text-align:center;}
div.preisauszeichnung > div.textblock .preis {font-size:200%;}
div.preisauszeichnung > div.textblock sup {font-size:40%; /*margin-left: -8px;*/}

/* FORMULARE */
form.arag	{font-size:100%}
form.arag	input[type=text], form.arag select, form.arag textarea	{margin:0; border-radius:0; border:1px solid #b3b3b3; width:100%; display:block; font-size:12px; line-height:16px}
form.arag	input[type=text], form.arag textarea		{padding:3px; margin:2px 0; width:calc(100% - 6px);}
form.arag	select	{width:calc(100%); height:24px !important; margin:2px 0}
form.arag	textarea		{min-height:120px}

form.arag fieldset	{background:#fff; border:0; border-bottom: 1px solid #b3b3b3; padding:15px 25px; margin:0; position:relative;}
form.arag fieldset.info	{background:#bed7dc; padding:1px 20px}
form.arag p	{padding:0 0 15px 0}
form.arag fieldset hr	{margin:20px 0; border:0; border-bottom:1px solid #b3b3b3}
form.arag fieldset hr.dotted	{border-bottom: 2px dotted #999}
form.arag .jforms fieldset hr	{margin:20px 10% 20px 0; border:0; border-bottom:1px solid #b3b3b3}
form.arag .jforms fieldset hr.full	{margin-right:0;}

form.arag div.row		{position:relative; padding: 2px 25px 2px 30%}
form.arag div.row		{padding: 5px 20% 5px 30%; line-height:190%}
form.arag div.row label	{position:absolute; left:0;}
form.arag img.info	{position:absolute; right:5px; top:10px}
form.arag .jforms img.info	{right:calc(20% - 50px)}
form.arag img.captcha	{float:left; display:inline; width:30%; height:30px; margin-top:2px}
form.arag input.captcha	{float:right; display:inline; width:67%; line-height:22px; text-align:center}
form.arag button.green	{float:right; color:#fff; padding-right:35px; border:0; background:url('/layout/images/system/icons/wht_arr_right.png') no-repeat calc(100% - 10px) 50% #277a8a}
form.arag .header		{background-color:#f9ed43; padding:15px 20px; font-size:110%}
form.arag .header .betrag	{float:right; font-weight:bold; font-size:130%}
form.arag .footer		{background-color:#fff; padding:15px 20px}
form.arag .footer .betraginfo	{float:right; text-align:right; margin-right:20px}
form.arag .footer .betrag		{font-weight:bold}
@font-face {
  font-family: 'icomoon';
  src:  url('/layout/css/fonts/icomoon.eot?lapkjq');
  src:  url('/layout/css/fonts/icomoon.eot?lapkjq#iefix') format('embedded-opentype'),
    url('/layout/css/fonts/icomoon.ttf?lapkjq') format('truetype'),
    url('/layout/css/fonts/icomoon.woff?lapkjq') format('woff'),
    url('/layout/css/fonts/icomoon.svg?lapkjq#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ehemals s3, nun definiert fuer Mobile und Desktop(s3) */	
div.ico {width:40px; height:40px; position:relative; display:inline-block; font-size: 25px; text-align: center; font-weight: normal;}
div.ico.tr {border-radius:20px}
.ico:before {position:relative; display:inline-block; font-family: icomoon;line-height: 40px;}
.aufzaehlung .ico.no:before {line-height: 25px;}
div.wiper.labelTabs ul.tabs li div.ico {font-size: 30px;}
/*
div.ico.no:before	{margin:0; width:100%; height:100%}
div.ico.te:before	{width:28px; height:28px; margin:6px 6px}
div.ico.tr:before	{width:22px; height:22px; margin:8px 9px}
*/

div.ico.c1	{background:url('/layout/images/system/icons/bg-schraffur-gelb.png') center; color: #fff;}
div.ico.c2	{background:url('/layout/images/system/icons/bg-schraffur-gruen.png') center; color: #fff;}
div.ico.c3	{background:url('/layout/images/system/icons/bg-schraffur-petrol.png') center; color: #fff;}

div.ico.no	{background-image:none; background-color: transparent;}
div.ico.no.stoerer {background-color: #fff;}
div.ico.no.c1 {color:#f9ed43}
div.ico.no.c2 {color:#94b494}
div.ico.no.c3 {color:#277a8a}	
				
div.ico.zahnschutz:before {background-position:0 0}

/*
f�rs backend
*/
.iconselector > div {float: left; margin: 5px; font-size: 35px; color: black;}
.iconselector h2 {text-align: center;}

.ico.eins:before, .ico.zwei:before, .ico.drei:before, .ico.vier:before, .ico.fuenf:before, .ico.sechs:before {border-radius: 100%; background-color: #f9ed43; border: 1px solid #ffd80f; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 26px; color: #000;box-sizing:border-box;font-size: 18px;width: 25px; height: 25px;}

#header .aufzaehlung div.teaserIcon > div.ico.s3.no:before, #header .aufzaehlung div.teaserIcon > div.ico.s2.no:before, #header .aufzaehlung div.teaserIcon > div.ico.s1.no:before {line-height: 26px;}
#header div.text div.aufzaehlung li {padding-left: 20px;}
#header div.text div.teaserIcon {left: -20px;}

@media screen and (min-width: 600px) { 
	div.ico.s1	{width:120px; height:120px}
	div.ico.s1:before {line-height: 120px;}
	div.ico.s2	{width:60px; height:60px}	
	div.ico.s2:before {line-height: 60px;}
	div.ico.s1.tr	{border-radius:60px}
	div.ico.s2.tr	{border-radius:30px}
	
	div.ico.s1 {font-size: 100px;}
	div.ico.s2 {font-size: 50px;}
	div.ico.s3 {font-size: 33px;}
	
	div.teaserIcon > div.ico.s1.no {font-size: 96px;}
	div.teaserIcon > div.ico.s2.no {font-size: 49px;}
	div.teaserIcon > div.ico.s3.no {font-size: 30px;}
	
	.aufzaehlung div.teaserIcon > div.ico.s1 {font-size: 80px;}
	.aufzaehlung div.teaserIcon > div.ico.s2 {font-size: 39px;}
	.aufzaehlung div.teaserIcon > div.ico.s3 {font-size: 25px;}
	
	.aufzaehlung div.teaserIcon > div.ico.s1.no:before {line-height: 80px;}
	.aufzaehlung div.teaserIcon > div.ico.s2.no:before {line-height: 40px;}
	
	#header .aufzaehlung div.teaserIcon > div.ico.s3.no:before, #header .aufzaehlung div.teaserIcon > div.ico.s2.no:before, #header .aufzaehlung div.teaserIcon > div.ico.s1.no:before {font-size: 25px;}
	
	div.ico.s1.te {font-size: 82px;}
	div.ico.s2.te {font-size: 42px;}
	div.ico.s3.te {font-size: 26px;}
	
	div.ico.s1.tr {font-size: 66px;}
	div.ico.s2.tr {font-size: 33px;}
	div.ico.s3.tr {font-size: 22px;}
	
	.ico.s3.eins:before, .ico.s3.zwei:before, .ico.s3.drei:before, .ico.s3.vier:before, .ico.s3.fuenf:before, .ico.s3.sechs:before{width: 25px; height: 25px; line-height: 25px; font-size: 18px;}	
	.ico.s2.eins:before, .ico.s2.zwei:before, .ico.s2.drei:before, .ico.s2.vier:before, .ico.s2.fuenf:before, .ico.s2.sechs:before{width: 40px; height: 40px; line-height: 40px; font-size: 28px;}	
	.ico.s1.eins:before, .ico.s1.zwei:before, .ico.s1.drei:before, .ico.s1.vier:before, .ico.s1.fuenf:before, .ico.s1.sechs:before{width: 80px; height: 80px; line-height: 78px; font-size: 55px;}	
}

/* .ico.haekchen:before {color: #94b494;} */

/* start iconfont: Icons zur Auswahl im Backend */
.starticonfont{}
.ico.eins:before {
  content: "1";
}
.ico.zwei:before {
  content: "2";
}
.ico.drei:before {
  content: "3";
}
.ico.vier:before {
  content: "4";
}
.ico.fuenf:before {
  content: "5";
}
.ico.sechs:before {
  content: "6";
}
/*icomoon styles*/
.ico.ARAG-JuraTel:before {
  content: "\e984";
}
.ico.Kuendigung:before {
  content: "\e985";
}
.ico.Nebenkosten:before {
  content: "\e986";
}
.ico.Rechtschutz:before {
  content: "\e987";
}
.ico.Status:before {
  content: "\e988";
}
.ico.Vertrags-Check:before {
  content: "\e989";
}
.ico.Aerger:before {
  content: "\e98a";
}
.ico.Anwaltssuche:before {
  content: "\e98b";
}
.ico.Arbeitgeber:before {
  content: "\e98c";
}
.ico.Arztrechnung:before {
  content: "\e98d";
}
.ico.DocMorris:before {
  content: "\e98e";
}
.ico.Flugverspaetung:before {
  content: "\e98f";
}
.ico.AORS:before {
  content: "\e990";
}
.ico.Beratung:before {
  content: "\e991";
}
.ico.Forderungsmanagement:before {
  content: "\e992";
}
.ico.Mediation:before {
  content: "\e993";
}
.ico.Schaden:before {
  content: "\e994";
}
.ico.WalletCard:before {
  content: "\e995";
}
.ico.Testament:before {
  content: "\e996";
}
.ico.WalletCard1:before {
  content: "\e997";
}
.ico.Daten:before {
  content: "\e998";
}
.ico.WebCheck:before {
  content: "\e999";
}
.ico.Kredit:before {
  content: "\e99a";
}
.ico.MeineARAG:before {
  content: "\e99b";
}
.ico.Rechtsfragen:before {
  content: "\e99c";
}
.ico.AGB-Check:before {
  content: "\e99d";
}
.ico.BrueckeICO:before {
  content: "\e980";
}
.ico.ImplantatICO:before {
  content: "\e981";
}
.ico.KroneICO:before {
  content: "\e982";
}
.ico.ZahnfuellungICO:before {
  content: "\e983";
}
.ico.AergerMitHaendler:before {
  content: "\e974";
}
.ico.Behandlung:before {
  content: "\e975";
}
.ico.Cybermobbing:before {
  content: "\e976";
}
.ico.E-Scooter:before {
  content: "\e977";
}
.ico.Geraeteschutz:before {
  content: "\e978";
}
.ico.Kriminalitaet:before {
  content: "\e97a";
}
.ico.Online-Shopping:before {
  content: "\e97b";
}
.ico.Stalking:before {
  content: "\e97c";
}
.ico.Streit:before {
  content: "\e97d";
}
.ico.Telefonbetrug:before {
  content: "\e97e";
}
.ico.Vorwurf:before {
  content: "\e97f";
}
.ico.star-small:before {
  content: "\e973";
}
.ico.schild:before {
  content: "\e972";
}
.ico.Pinsel:before {
  content: "\e971";
}
.ico.Pflaster:before {
  content: "\e970";
}
.ico.Hand-Menschen:before {
  content: "\e96d";
}
.ico.Haus-Hand:before {
  content: "\e96e";
}
.ico.Haus-Tasse:before {
  content: "\e96f";
}
.ico.Schirm:before {
  content: "\e979";
}
.ico.hassstreichen:before {
  content: "\e96c";
}
.ico.Schloss-meine-ARAG:before {
  content: "\e96b";
}
.ico.wolke:before {
  content: "\e96a";
}
.ico.alltagshelfer:before {
  content: "\e900";
}
.ico.alltagshelferplus:before {
  content: "\e901";
}
.ico.anwaltstelefon:before {
  content: "\e902";
}
.ico.ausrufezeichen:before {
  content: "\e903";
}
.ico.beihilfetarif:before {
  content: "\e904";
}
.ico.betriebshaftpflicht:before {
  content: "\e905";
}
.ico.betriebsschliessungsversicherung:before {
  content: "\e906";
}
.ico.betriebsunterbrechungsversicherung:before {
  content: "\e907";
}
.ico.chor:before {
  content: "\e908";
}
.ico.einbruchdiebstahlversicherung:before {
  content: "\e909";
}
.ico.elektronikversicherung:before {
  content: "\e90a";
}
.ico.ergaenzungstarife:before {
  content: "\e90b";
}
.ico.euro:before {
  content: "\e90c";
}
.ico.existenzschutz:before {
  content: "\e90d";
}
.ico.fahrrad-diebstahl-schutz:before {
  content: "\e90e";
}
.ico.feuerversicherung:before {
  content: "\e90f";
}
.ico.firmen-rechtsschutz:before {
  content: "\e910";
}
.ico.forderungsmanagement:before {
  content: "\e911";
}
.ico.fragezeichen:before {
  content: "\e912";
}
.ico.gesundheit:before {
  content: "\e913";
}
.ico.gewerbeimmobilie:before {
  content: "\e914";
}
.ico.glasbruchversicherung:before {
  content: "\e915";
}
.ico.haeckchen:before {
  content: "\e916";
}
.ico.haekchen:before {
  content: "\e917";
}
.ico.hausrat-schutz:before {
  content: "\e918";
}
.ico.haus-und-wohnungs-schutzbrief:before {
  content: "\e919";
}
.ico.jagd-und-sporthaftpflicht:before {
  content: "\e91a";
}
.ico.juracheck:before {
  content: "\e91b";
}
.ico.karneval:before {
  content: "\e91c";
}
.ico.kommentarOutline:before {
  content: "\e91d";
}
.ico.krankenhaus-zusatzschutz:before {
  content: "\e91e";
}
.ico.kranken-krankenhaus-tagegeld:before {
  content: "\e91f";
}
.ico.kv-voll:before {
  content: "\e920";
}
.ico.kv-zusatz:before {
  content: "\e921";
}
.ico.lebensversicherung:before {
  content: "\e922";
}
.ico.leitungswasserversicherung:before {
  content: "\e923";
}
.ico.mediation:before {
  content: "\e924";
}
.ico.mietrechtsschutz-sofort:before {
  content: "\e925";
}
.ico.mit-berater-abschliessen:before {
  content: "\e926";
}
.ico.neue-anschrift:before {
  content: "\e927";
}
.ico.online-abschliessen:before {
  content: "\e928";
}
.ico.online-rechts-service:before {
  content: "\e929";
}
.ico.paragraph:before {
  content: "\e92a";
}
.ico.persoenliche-anwaltsberatung:before {
  content: "\e92b";
}
.ico.per-telefon-abschliessen:before {
  content: "\e92c";
}
.ico.pflege-zusatz-schutz:before {
  content: "\e92d";
}
.ico.pk-firma:before {
  content: "\e92e";
}
.ico.pk-gesundheit:before {
  content: "\e92f";
}
.ico.pk-haftpflicht:before {
  content: "\e930";
}
.ico.pk-hausrat:before {
  content: "\e931";
}
.ico.pk-rechtsschutz:before {
  content: "\e932";
}
.ico.pk-unfall:before {
  content: "\e933";
}
.ico.pk-vorsorge:before {
  content: "\e934";
}
.ico.plus:before {
  content: "\e935";
}
.ico.privathaftpflichtversicherung:before {
  content: "\e936";
}
.ico.prozentzeichen:before {
  content: "\e937";
}
.ico.prozesskosten-schutz:before {
  content: "\e938";
}
.ico.rechner:before {
  content: "\e939";
}
.ico.rechtsschutz:before {
  content: "\e93a";
}
.ico.rechtsschutz-beruf:before {
  content: "\e93b";
}
.ico.rechtsschutz-privat:before {
  content: "\e93c";
}
.ico.rechtsschutz-verkehr:before {
  content: "\e93d";
}
.ico.rechtsschutz-wohnen:before {
  content: "\e93e";
}
.ico.recht-und-heim:before {
  content: "\e93f";
}
.ico.reisegepaeckversicherung:before {
  content: "\e940";
}
.ico.renditetresor:before {
  content: "\e941";
}
.ico.rente-lebensversicherung-berufsunfaehigkeit:before {
  content: "\e942";
}
.ico.schriftlich-abschliessen:before {
  content: "\e943";
}
.ico.schutzbrief:before {
  content: "\e944";
}
.ico.sport:before {
  content: "\e945";
}
.ico.standort:before {
  content: "\e946";
}
.ico.sturm-und-hagelversicherung:before {
  content: "\e947";
}
.ico.telefon:before {
  content: "\e948";
}
.ico.telefonOutline:before {
  content: "\e949";
}
.ico.tierhalterhaftpflicht:before {
  content: "\e94a";
}
.ico.traktor:before {
  content: "\e94b";
}
.ico.uk_assistance:before {
  content: "\e94c";
}
.ico.uk_businessLegal:before {
  content: "\e94d";
}
.ico.uk_careProvider:before {
  content: "\e94e";
}
.ico.uk_commercial:before {
  content: "\e94f";
}
.ico.uk_commerialScheme:before {
  content: "\e950";
}
.ico.uk_emergencySolutions:before {
  content: "\e951";
}
.ico.uk_family:before {
  content: "\e952";
}
.ico.uk_familyLegalSolutions:before {
  content: "\e953";
}
.ico.uk_familyProsecutionDefence:before {
  content: "\e954";
}
.ico.uk_groupAffinityBusiness:before {
  content: "\e955";
}
.ico.uk_highNetWorth:before {
  content: "\e956";
}
.ico.uk_insurance:before {
  content: "\e957";
}
.ico.uk_landlordEmergency:before {
  content: "\e958";
}
.ico.uk_landlordLegal:before {
  content: "\e959";
}
.ico.uk_lostKey:before {
  content: "\e95a";
}
.ico.uk_motor:before {
  content: "\e95b";
}
.ico.uk_motorBreakdown:before {
  content: "\e95c";
}
.ico.uk_propertyOwners:before {
  content: "\e95d";
}
.ico.uk_recourseOption:before {
  content: "\e95e";
}
.ico.umwelthaftpflicht:before {
  content: "\e95f";
}
.ico.umweltschadenversicherung:before {
  content: "\e960";
}
.ico.unfall:before {
  content: "\e961";
}
.ico.vereine-verbaende:before {
  content: "\e962";
}
.ico.verkehrsrechtsschutz-sofort:before {
  content: "\e963";
}
.ico.webaktiv:before {
  content: "\e964";
}
.ico.werkverkehrsversicherung:before {
  content: "\e965";
}
.ico.wirtschaft-transprotversicherung:before {
  content: "\e966";
}
.ico.wohngebaude-schutz:before {
  content: "\e967";
}
.ico.zahlungsweise-aendern:before {
  content: "\e968";
}
.ico.zahnschutz:before {
  content: "\e969";
}

/* end iconfont */
.endiconfont{}

.icon	{position:relative; display:inline-block; vertical-align:middle;}

.icon:before	{background:url('/layout/images/system/icons/Universal-Sprite.png') no-repeat; content:""; position:absolute; width:100%; height:100%}
/*
.icon:before {background: none; font-family: 'iconset'; speak: none; position:absolute; content: '\e951'; left: 5px;}
*/
.icon.arr_right 	{width: 9px;height: 15px;}
.icon.arr_right.c1:before	{background-position:0 -175px}
.icon.arr_right.c2:before	{background-position:-35px -175px}
.icon.arr_right.c3:before	{background-position:-70px -175px}
.icon.arr_right.c4:before	{background-position:-105px -175px}
.icon.arr_right.c5:before	{background-position:-140px -175px}
.icon.arr_right.c6:before	{background-position:-175px -175px}
.icon.arr_left				{width: 9px;height: 15px;}
.icon.arr_left:before		{background-position:-210px -175px;}
.icon.arr_to_end			{width: 15px;height: 15px;}
.icon.arr_to_end:before		{background-position:-245px -175px;}
.icon.arr_to_start			{width: 15px;height: 15px;}
.icon.arr_to_start:before	{background-position:-286px -175px;}

.icon.close 	{width: 15px;height: 15px;}
.icon.close.c1:before	{background-position:-0px -210px}
.icon.close.c2:before	{background-position:-35px -210px}
.icon.close.c3:before	{background-position:-70px -210px}
.icon.close.c4:before{background-position:-105px -210px}
.icon.close.c5:before	{background-position:-140px -210px}
.icon.close.c6:before	{background-position:-175px -210px}
.icon.close.c7:before	{background-position:-210px -210px}

.icon.link 	{width: 6px;height: 9px;}
.icon.link2 	{width: 9px;height: 13px;}
.icon.download 	{width: 8px;height: 12px;}
.icon.lupe 	{width: 18px;height: 18px;}
.icon.rechner 	{width: 14px;height: 16px;}
.icon.telefon	{width: 16px;height: 16px;}
.icon.telefon:before	{background-position:0px -350px;}
.Landingpage .icon.telefon:before	{background-position:-248px -739px; width:32px; height:32px;}

.icon.trenner	{width: 2px;height: 18px;}
.icon.trenner:before	{background-position:-35px -350px}

.icon.blob_sm 	{width: 13px;height: 13px;}
.icon.blob_sm.down.c1:before	{background-position:-70px -350px}
.icon.blob_sm.up.c1:before	{background-position:-105px -350px}
.icon.blob_sm.down.c2:before	{background-position:-140px -350px}
.icon.blob_sm.up.c2:before	{background-position:-175px -350px}

.icon.close_sm	{width: 12px;height: 12px;}
.icon.close_sm:before	{background-position:-210px -350px}

.icon.info	{width: 19px;height: 19px;}
.icon.info:before	{background-position:0 -385px;}
.icon.info:hover:before	{background-position:-35px -385px}
.icon.info_close	{width: 19px;height: 19px;}
.icon.info_close:before	{background-position:-70px -385px;}
.icon.info_close:hover:before	{background-position:-105px -385px}
.icon.info2	{width: 32px;height: 32px;}
.icon.info2:before	{background-position:-195px -380px;}
.icon.info3	{width: 32px;height: 32px;}
.icon.info3:before	{background-position:-140px -385px;}

.icon.facebook	{width: 32px;height: 32px;}
.icon.facebook:before	{background-position:0 -420px;}
.icon.facebook:hover:before	{background-position:-140px -420px}
.icon.twitter	{width: 32px;height: 32px;}
.icon.twitter:before	{background-position:-35px -420px;}
.icon.twitter:hover:before	{background-position:-175px -420px}
.icon.instagram	{width: 32px;height: 32px;}
.icon.instagram:before	{background-position:-175px -35px;}
.icon.instagram:hover:before	{background-position:-210px -35px}
.icon.google	{width: 32px;height: 32px;}
.icon.google:before	{background-position:-70px -420px;}
.icon.google:hover:before	{background-position:-210px -420px}
.icon.youtube	{width: 32px;height: 32px;}
.icon.youtube:before	{background-position:-105px -420px;}
.icon.youtube:hover:before	{background-position:-245px -420px}
.icon.linkedin	{width: 32px;height: 32px;}
.icon.linkedin:before	{background-position:-105px -35px;}
.icon.linkedin:hover:before	{background-position:-140px -35px}
.icon.whatsapp	{width: 32px;height: 32px;}
.icon.whatsapp:before	{background-position:-105px -35px;}
.icon.whatsapp:hover:before	{background-position:-140px -35px}
.icon.neu	{width:35px; height: 20px;}
.icon.neu.c1:before	{background-position:0 -455px;}
.icon.neu.c2:before	{background-position:-35px  -455px}

.icon.blobright	{width: 33px;height: 33px;}
.icon.blobright:before	{background-position:0 -490px;}
.icon.blobright:hover:before	{background-position:-70px -490px}

.icon.blobdown	{width: 33px;height: 33px;}
.icon.blobdown:before	{background-position:-34px -490px}
.icon.blobdown:hover:before	{background-position:-104px -490px}

.icon.blobright_sm	{width: 29px;height: 29px;}
.icon.blobright_sm:before	{background-position:-140px -490px}
.icon.blobright_sm:hover:before	{background-position:-210px -490px}

.icon.blobdown_sm	{width: 29px;height: 29px;}
.icon.blobdown_sm:before	{background-position:-175px -490px;}
.icon.blobdown_sm:hover:before	{background-position:-245px -490px}


.icon.haken		{width: 34px;height: 25px;}
.icon.haken.c1:before		{background-position:0 -525px}
.icon.haken.c2:before		{background-position:-35px -525px;}
.icon.haken.c3:before		{background-position:-70px -525px;}

.icon.haken_blobb		{width: 32px;height: 31px;}
.icon.haken_blobb.c1:before		{background-position:-105px -526px;}
.icon.haken_blobb.c2:before		{background-position:-140px -526px;}
.icon.haken_blobb.c3:before		{background-position:-175px -526px;}

.icon.haken.outline:before		{background-position:-210px -525px;}

.icon.list		{width: 6px;height: 13px;}
.icon.list.c1:before		{background-position:0 -560px}
.icon.list.c2:before		{background-position:-35px -560px}
.icon.list.c3:before		{background-position:-70px -560px}
.icon.list.c4:before		{background-position:-97px -838px}
.icon.list.c4 {width: 18px; height: 18px;}
div.aufzaehlung div.icon.list.haeckchen {width: 0; top: 3px;}
.icon.list.haeckchen:before {background: none; background-color: #277A8A; color: #fff; width: 19px; height: 19px; border-radius: 100%; line-height: 21px; text-align: center; font-size: 11px; top: -2px;}

.icon.menuliste		{width:18px; height: 18px;}
.icon.menuliste:before		{background-position:0 -595px}
.icon.menugallery		{width: 18px; height: 18px;}
.icon.menugallery:before		{background-position:-35px -595px}

.icon.star		{width: 16px;height: 16px;}
.icon.star:before		{background-position:0 -630px;}
.icon.star.on:before		{background-position:-70px -630px;}
.icon.star.half:before	{background-position:-35px -630px}

.icon.print	{width: 32px;height: 32px;text-indent: -9999px;}
.icon.print:before	{background-position:-105px -630px; width: 16px; height:16px; margin:8px 0 0 8px; left: 0;}
.icon.brief	{width: 32px;height: 32px;text-indent: -9999px;}
.icon.brief:before		{background-position:-140px -630px; width:20px; height:16px; margin:8px 0 0 6px; left: 0;}


.icon.social 						{width: 32px; height: 32px;}
.icon.social:before					{width:20px; height:16px; margin:8px 0 0 6px}
.icon.social.WhatsApp:before 		{height:17px;}
.icon.social.Facebook:before		{margin-left:11px}
.icon.social.Google:before			{margin-left:11px}
.icon.social.Facebook.c1:before		{background-position:0px -665px;}
.icon.social.Twitter.c1:before		{background-position:-35px -665px}
.icon.social.Google.c1:before		{background-position:-70px -665px;}
.icon.social.Facebook.c2:before		{background-position:-140px -665px;}
.icon.social.Twitter.c2:before		{background-position:-175px -665px}
.icon.social.Google.c2:before		{background-position:-210px -665px;}
.icon.social.Facebook.c3:before		{background-position:0px -700px;}
.icon.social.Twitter.c3:before		{background-position:-35px -700px}
.icon.social.Google.c3:before		{background-position:-70px -700px;}
.icon.social.WhatsApp.c3:before		{background-position:-280px -700px;}
.icon.social.LinkedIn.c3:before		{background-position: -245px -35px; margin: 6px 0 0 6px;}

.icon.social-colored 					{width: 34px;height: 34px;}
.icon.social-colored.Facebook.c3:before	{background-position:0 0;}
.icon.social-colored.Twitter.c3:before	{background-position:-35px 0}
.icon.social-colored.Google.c3:before	{background-position:-70px 0;}
.icon.social-colored.LinkedIn.c3:before	{background-position:-105px 0;}
.icon.social-colored.Xing.c3:before		{background-position:-140px 0;}
.icon.social-colored.Blogger.c3:before	{background-position:-175px 0;}
.icon.social-colored.Pinterest.c3:before{background-position:-210px 0;}
.icon.social-colored.Instagram.c3:before{background-position:-245px 0;}
.icon.social-colored.Youtube.c3:before  {background-position:-280px 0;}
.icon.social-colored.Flipboard.c3:before  {background-position:-280px -35px;}
.icon.social-colored.WhatsApp.c3:before	{background-position:-105px -105px; width: 79px; height: 20px;}
.icon.social-colored.Blog.c3:before	{background-position: 0 -1295px;}

.icon.addFav		{width: 32px;height: 32px;}
.icon.addFav:before		{background-position:-140px -700px; width: 20px;height: 24px; margin:4px 0 0 6px}
.icon.addFav:hover:before		{background-position:-175px -700px}

.icon.removeFav		{width: 32px;height: 32px;}
.icon.removeFav:before		{background-position:-210px -700px; width: 20px;height: 24px; margin:4px 0 0 6px}
.icon.removeFav:hover:before		{background-position:-245px -700px}

.icon.socialOpen		{width: 32px;height: 32px;}
.icon.socialOpen:before		{background-position:-175px -595px; width: 22px; height: 24px; margin:4px 0 0 6px}

.icon.attention		{width:50px; height:52px;}
.icon.attention:before		{background-position:0 -735px;}

.icon.standort	{width:14px; height:24px;}
.icon.standort:before	{background-position:-245px -1050px;}

div.ic	{background: no-repeat 50% 50%;}
.navi div.ic	{background-image:url('/layout/images/system/icons/ic-navi.png'); width:30px; height:30px;}
.navi.active div.ic, .navi:hover div.ic	{background-image:url('/layout/images/system/icons/ic-navi-active.png')}
.search div.ic	{background-image:url('/layout/images/system/icons/ic-suche.png'); width:30px; height:30px;}
.search.active div.ic, .search:hover div.ic	{background-image:url('/layout/images/system/icons/ic-suche-active.png');}
.kontakt div.ic	{background-image:url('/layout/images/system/icons/ic-kontakt.png'); width:30px; height:30px;}
.kontakt.active div.ic, .kontakt:hover div.ic	{background-image:url('/layout/images/system/icons/ic-kontakt-active.png');}


.ekomicon	{position:relative; display:inline-block; vertical-align:middle;}
.ekomicon:before	{background:url('/layout/images/system/icons/eKomi-Sprite.png') no-repeat; content:""; position:absolute; width:100%; height:100%}

.ekomicon.seal.big:before	{width:100px; height:100px;}
.ekomicon.seal.standard:before	{width:85px; height:85px;}
.ekomicon.seal.small:before	{width:75px; height:75px;}

.ekomicon.seal.default.big:before {background-position:-1px -35px;}
.ekomicon.seal.default.standard:before {background-position:-105px -35px;}
.ekomicon.seal.default.small:before {background-position:-210px -35px;}

.ekomicon.seal.gold.big:before {background-position:-1px -140px;}
.ekomicon.seal.gold.standard:before {background-position:-105px -140px;}
.ekomicon.seal.gold.small:before {background-position:-210px -140px;}

.ekomicon.seal.silber.big:before {background-position:0 -245px;}
.ekomicon.seal.silber.standard:before {background-position:-105px -245px;}
.ekomicon.seal.silber.small:before {background-position:-210px -245px;}

.ekomicon.seal.silver.big:before {background-position:0 -245px;}
.ekomicon.seal.silver.standard:before {background-position:-105px -245px;}
.ekomicon.seal.silver.small:before {background-position:-210px -245px;}

.ekomicon.seal.bronze.big:before {background-position:0 -350px;}
.ekomicon.seal.bronze.standard:before {background-position:-105px -350px;}
.ekomicon.seal.bronze.small:before {background-position:-210px -350px;}

.ekomicon.star.standard {width:21px; height:20px;}
.ekomicon.star.standard:before	{background-position:-140px 0;}
.ekomicon.star.standard.on:before	{background-position:-105px 0;}
.ekomicon.star.standard.half:before{background-position:-175px 0}

.ekomicon.star.big {width:33px; height:33px;}
.ekomicon.star.big:before	{background-position:-35px 0;}
.ekomicon.star.big.on:before	{background-position:0 0;}
.ekomicon.star.big.half:before{background-position:-70px 0}

.ekomicon.star.small:before	{background:url('/layout/images/system/icons/Universal-Sprite.png') no-repeat; content:""; position:absolute; width:100%; height:100%}
.ekomicon.star.small {width:16px; height:16px;}
.ekomicon.star.small:before	{background-position:-280px -595px;}
.ekomicon.star.small.on:before {background-position:-210px -595px;}
.ekomicon.star.small.half:before {background-position:-245px -595px}

/* Iconset */

@font-face {
  font-family: 'iconset';
  src:  url('/layout/css/fonts/iconset.eot?na5jy8');
  src:  url('/layout/css/fonts/iconset.eot?na5jy8#iefix') format('embedded-opentype'),
    url('/layout/css/fonts/iconset.ttf?na5jy8') format('truetype'),
    url('/layout/css/fonts/iconset.woff?na5jy8') format('woff'),
    url('/layout/css/fonts/iconset.svg?na5jy8#iconset') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="ics-"]:before, [class*=" ics-"]:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'iconset' !important;
  speak: none;
  background: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /*padding-right: 5px;*/ 
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^="ics-"].c1:before, [class*=" ics-"].c1:before {color: #f9ed43}
[class^="ics-"].c2:before, [class*=" ics-"].c2:before {color: #277a8a}
[class^="ics-"].c3:before, [class*=" ics-"].c3:before {color: #94b494} 

.bgCircle1:before { 
	border-radius: 100%;
	background-color: #f9ed43;
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
}
.deg20:before {
	display: inline-block;
	transform: rotate(20deg);
}

/* ab hier aus icomoon die CSS Styles einfügen */
.ics-wohnen:before {
  content: "\e95f";
}
.ics-beruf:before {
  content: "\e960";
}
.ics-verkehr:before {
  content: "\e961";
}
.ics-privat:before {
  content: "\e962";
}
.ics-arrow-line-right:before {
  content: "\e95c";
}
.ics-message:before {
  content: "\e95d";
}
.ics-mail-outline:before {
  content: "\e95e";
}
.ics-instagram:before {
  content: "\e95a";
}
.ics-youtube:before {
  content: "\e95b";
}
.ics-angle-double-right:before {
  content: "\e900";
}
.ics-angle-double-right-bold:before {
  content: "\e901";
}
.ics-angle-down:before {
  content: "\e902";
}
.ics-angle-left:before {
  content: "\e903";
}
.ics-angle-right:before {
  content: "\e904";
}
.ics-anwaltstelefon:before {
  content: "\e905";
}
.ics-arrow-down:before {
  content: "\e906";
}
.ics-arrow-down-bold:before {
  content: "\e907";
}
.ics-arrow-down-circle:before {
  content: "\e908";
}
.ics-arrow-left:before {
  content: "\e909";
}
.ics-arrow-right:before {
  content: "\e90a";
}
.ics-arrow-right-circle:before {
  content: "\e90b";
}
.ics-arrow-up-circle:before {
  content: "\e90c";
}
.ics-auto:before {
  content: "\e90d";
}
.ics-auto-chk:before {
  content: "\e90e";
}
.ics-auto-plus:before {
  content: "\e90f";
}
.ics-autos:before {
  content: "\e910";
}
.ics-balken .path1:before {
  content: "\e911";
  color: rgb(0, 0, 0);
}
.ics-balken .path2:before {
  content: "\e912";
  margin-left: -1em;
  color: rgb(169, 171, 169);
}
.ics-books-add:before {
  content: "\e913";
}
.ics-books-add-outline:before {
  content: "\e914";
}
.ics-books-remove:before {
  content: "\e915";
}
.ics-books-remove-outline:before {
  content: "\e916";
}
.ics-chat:before {
  content: "\e917";
}
.ics-chat-bubble:before {
  content: "\e918";
}
.ics-close:before {
  content: "\e919";
}
.ics-close-box:before {
  content: "\e91a";
}
.ics-comment:before {
  content: "\e91b";
}
.ics-download:before {
  content: "\e91c";
}
.ics-dropdown-left:before {
  content: "\e91d";
}
.ics-dropdown-right:before {
  content: "\e91e";
}
.ics-exclamation-circle:before {
  content: "\e91f";
}
.ics-facebook-messenger:before {
  content: "\e920";
}
.ics-facebook:before {
  content: "\e921";
}
.ics-facebook-square:before {
  content: "\e922";
}
.ics-formulare-senden:before {
  content: "\e923";
}
.ics-google:before {
  content: "\e924";
}
.ics-google-square:before {
  content: "\e925";
}
.ics-haekchen:before {
  content: "\e926";
}
.ics-haekchen-circle:before {
  content: "\e927";
}
.ics-haekchen-outline:before {
  content: "\e928";
}
.ics-herz:before {
  content: "\e929";
}
.ics-house-key-chk:before {
  content: "\e92a";
}
.ics-house-key-plus:before {
  content: "\e92b";
}
.ics-info-i:before {
  content: "\e92c";
}
.ics-Info-i-square:before {
  content: "\e92d";
}
.ics-juracheck:before {
  content: "\e92e";
}
.ics-lock:before {
  content: "\e92f";
}
.ics-lock-open:before {
  content: "\e930";
}
.ics-lupe:before {
  content: "\e931";
}
.ics-mail:before {
  content: "\e932";
}
.ics-menu-burger:before {
  content: "\e933";
}
.ics-menu-squares:before {
  content: "\e934";
}
.ics-neu:before {
  content: "\e935";
}
.ics-neu-inverted:before {
  content: "\e936";
}
.ics-new:before {
  content: "\e937";
}
.ics-new-inverted:before {
  content: "\e938";
}
.ics-notizen:before {
  content: "\e939";
}
.ics-online-abschliessen:before {
  content: "\e93a";
}
.ics-ort:before {
  content: "\e93b";
}
.ics-person1-chk:before {
  content: "\e93c";
}
.ics-person1-plus:before {
  content: "\e93d";
}
.ics-person-2:before {
  content: "\e93e";
}
.ics-person2-chk:before {
  content: "\e93f";
}
.ics-person2-plus:before {
  content: "\e940";
}
.ics-phone:before {
  content: "\e941";
}
.ics-phone-circle:before {
  content: "\e942";
}
.ics-plus-circle:before {
  content: "\e943";
}
.ics-printer:before {
  content: "\e944";
}
.ics-question-circle:before {
  content: "\e945";
}
.ics-rectangle:before {
  content: "\e946";
}
.ics-RueckrufService:before {
  content: "\e947";
}
.ics-share:before {
  content: "\e948";
}
.ics-shopping-cart:before {
  content: "\e949";
}
.ics-sport:before {
  content: "\e94a";
}
.ics-sprechblase:before {
  content: "\e94b";
}
.ics-star:before {
  content: "\e94c";
}
.ics-star-outline:before {
  content: "\e94d";
}
.ics-star-small:before {
  content: "\e94e";
}
.ics-star-small-half:before {
  content: "\e94f";
}
.ics-star-small-outline:before {
  content: "\e950";
}
.ics-taschenrechner:before {
  content: "\e951";
}
.ics-triangle-up:before {
  content: "\e952";
}
.ics-twitter:before {
  content: "\e953";
}
.ics-twitter-border:before {
  content: "\e954";
}
.ics-video:before {
  content: "\e955";
}
.ics-whatsapp-full:before {
  content: "\e956";
}
.ics-whatsapp-outline:before {
  content: "\e957";
}
.ics-wohngebaude:before {
  content: "\e958";
}
.ics-youtube-border:before {
  content: "\e959";
}


input[type=text],input[type=date]			{display:inline-block; width:calc(100% - 20px); line-height:21px; font-size:100%; margin:0 2px; padding:3px 5px; border:1px solid #b3b3b3; background-color: #fff; -moz-box-shadow: inset 0 1px 2px rgba(178,178,178,.3); -webkit-box-shadow: inset 0 1px 2px rgba(178,178,178,.3); box-shadow: inset 0 1px 2px rgba(178,178,178,.3);}
input[type=password]		{display:inline-block; width:calc(100% - 20px); line-height:21px; font-size:15px; margin:0 2px; padding:3px 5px; border:1px solid #b3b3b3; background-color: #fff; -moz-box-shadow: inset 0 1px 2px rgba(178,178,178,.3); -webkit-box-shadow: inset 0 1px 2px rgba(178,178,178,.3); box-shadow: inset 0 1px 2px rgba(178,178,178,.3);}

input[type=number] {-moz-appearance: textfield;}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}

input[type=checkbox]				{position:relative; margin:0 5px 0 0}
.radio input[type=checkbox]				{margin-right:10px}
input[type=checkbox]:after			{background:url(/layout/images/system/icons/selectbox_aus.png) no-repeat; content:" "; position:absolute; width:20px; height:20px;}

input[type=checkbox]:checked:after	{background-image:url(/layout/images/system/icons/selectbox_an.png);}

input[type=radio]				{position:relative; margin:0 5px 0 3px}
input[type=radio]:after			{background:url(/layout/images/system/icons/radiobutton_aus.png) no-repeat; content:" "; position:absolute; width:20px; height:20px;}
input[type=radio]:checked:after	{background-image:url(/layout/images/system/icons/radiobutton_an.png);}

select	{background:url(/layout/css/tarifrechner/select/opener_yellow.png) no-repeat 100% center; appearance: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; display:inline-block; width:100%; line-height:16px; font-size:100%; margin:0; padding:3px 22px 3px 5px; border:1px solid #b3b3b3; background-color: #fff; -moz-box-shadow: inset 0 1px 2px rgba(178,178,178,.3); -webkit-box-shadow: inset 0 1px 2px rgba(178,178,178,.3); box-shadow: inset 0 1px 2px rgba(178,178,178,.3);}
.SAFARI select	{padding-right:25px;}
.SAFARI input[type=checkbox]:after {top: -2px;left: -2px;}

.MSIE select	{padding-right:3px}
.calendarCaller {background:#fff; border-radius:4px; width:24px; height:20px; line-height:20px; border:1px solid #94b494; border-top:5px solid #94b494; border-bottom:3px solid #94b494; padding:0 4px; margin:0 0 0 5px; cursor:pointer; display:inline; }
.calendarCaller:after	{content:"25";}

body > .overlay	{z-index:10000;width:100%;height:100%;position:fixed;top:0;left:0}
body > .overlay:before {background: url(/layout/images/system/icons/Universal-Sprite.png) no-repeat;content: ""; position: absolute; top:0; right:0; background-position: 5px -205px; width: 15px;height: 15px; z-index:2; margin: 5px; background-color: #f9ed43; cursor: pointer; border:1px solid #ffd402; padding:5px}

#Calendar	{padding:0; border-radius:10px; background-color:#b3b3b3; overflow:hidden; box-shadow: 1px 1px 10px #000}
#Calendar table	{table-layout:fixed; border-radius:5px; background-color:#ddd; color:#333; font-size:13px; margin:0px -1px -1px 0}
#Calendar table thead td	{font-weight:bold; background-color: #94b494; padding:8px;}
#Calendar table tfoot td	{font-weight:bold; background-color: #94b494; padding:8px;}
#Calendar a	{text-decoration:none; width:100%; height:100%; color:#333}
#Calendar a:hover	{font-weight:bold}
#Calendar td	{padding:8px; text-align:center; border-bottom:1px solid #b3b3b3; border-right:1px solid #b3b3b3; width:auto;}
#Calendar td:hover	{background-color:#fff}
#Calendar td.kw	{background-color:#ddd; color:#fff}
#Calendar td.currentDay {background-color: #94b494}
#Calendar td.lastDate a{color:#000}
#Calendar td.otherMonth	{background-color:#ddd;}
#Calendar tfoot td {border-top:1px solid #b3b3b3}

div.info:before {font-family: 'iconset'; content: "\e92d"; font-size:138%; color: #bed7dc}
div.info:before:hover  {color: #82b0b8}
div.info > div	{padding:10px; border: 1px solid #bed7dc; background-color: #bed7dc; -moz-box-shadow: 3px 4px 5px rgba(0,0,0,.4); -webkit-box-shadow: 3px 4px 5px rgba(0,0,0,.4); box-shadow: 3px 4px 5px rgba(0,0,0,.4); position:absolute; bottom:calc(100% + 8px); right:-150px; width:300px; z-index:25;}
div.info > div.right	{right:-50px}
div.info > div.left	{right:-250px}
div.info.down > div	{top:calc(100% + 8px); bottom:auto }
.notTouchable div.info:hover:before	{color: #277a8a}
.notTouchable div.info:hover:after	{position:absolute; left:calc(50% - 6px); top:-16px; content:" "; z-index:26; width:15px; height:15px; background-color: #bed7dc; -moz-box-shadow: 3px 4px 5px rgba(0,0,0,.4); -webkit-box-shadow: 3px 4px 5px rgba(0,0,0,.4); box-shadow: 3px 4px 5px rgba(0,0,0,.4); transform: rotate(45deg);}
.notTouchable div.info.down:hover:after	{bottom:-16px; top:auto; z-index:24}
div.info.max > div	{width:600px; right:-300px}
div.info.max > div.right	{right:-15px}
div.info.max > div.left	{right:-550px!important}

.notTouchable div.info:hover > div	{display:block}
div.info > div h5	{margin:0 0 5px 0}
div.info ul		{margin:8px 0}
div.info li		{padding:2px 0 2px 20px; position:relative}
div.info li:before		{width:5px; height:12px; left:0; top:7px; background:url('/layout/images/system/icons/Universal-Sprite.png') no-repeat -70px -560px;position:absolute; content:" "; display:inline-block}

div.infoHeadline		{background:url('/layout/images/system/icons/Universal-Sprite.png') no-repeat -140px -385px; width:20px; height:20px; position:relative}
div.infoHeadline:hover	{background-position:-175px -385px}


div.scrollable.tabelle div.xStaticContainer.head	{background:url('tabelle/scrolltable/shadow_bottom.png') repeat-x bottom; padding-bottom:4px}
div.scrollable.tabelle div.xStaticContainer.foot	{background:url('tabelle/scrolltable/shadow_top.png') repeat-x top; padding-top:4px; margin:0 0 -1px 0}
div.scrollable.tabelle div.xStaticContainer table	{position:relative;}

div.scrollable.tabelle div.yStaticContainer.left	{background:url('tabelle/scrolltable/shadow_right.png') repeat-y right; padding-right:4px}
div.scrollable.tabelle div.yStaticContainer.right	{background:url('tabelle/scrolltable/shadow_left.png') repeat-y left; padding-left:4px}

.sortable div.sorter div.up		{background-image:url('tabelle/icon/sort_up.gif');}
.sortable div.sorter div.down	{background-image:url('tabelle/icon/sort_down.gif');}

div.slider.left  {top:0; left:0;height:100%; padding-right:8px; background:url('slider/left.png') right repeat-y;}
div.slider.right  {top:0; right:0;height:100%; padding-left:8px; background:url('slider/right.png') left repeat-y;}
div.slider.top  {top:0; left:0;width:100%; padding-bottom:8px; background:url('slider/top.png') bottom repeat-x;}
div.slider.bottom  {bottom:0; left:0;width:100%; padding-top:8px; background:url('slider/bottom.png') top repeat-x;}

div.slider.left div.icon  {top:50%; right:0; background:url('slider/openLeft.png') no-repeat;}
div.slider.right div.icon  {top:50%; left:0; background:url('slider/openRight.png') no-repeat;}
div.slider.top div.icon  {bottom:0; left:50%; background:url('slider/openTop.png') no-repeat;}
div.slider.bottom div.icon  {top:0; left:50%; background:url('slider/openBottom.png') no-repeat;}

.tarifrechner label.icon.checked div.haken	{background:url('tarifrechner/checkbox/haken.png') 50% 0 no-repeat; width:15px; height:15px; position:absolute; left:3px; top:3px}

.tarifrechner div.schieberegler	{background:url('tarifrechner/schieberegler/back.png') center repeat-x; height:30px; margin:10px 5px 45px 5px; position:relative; display:block; position:relative}
.tarifrechner div.schieberegler	div.left{background:url('tarifrechner/schieberegler/left.png') center left no-repeat; height:30px; width:5px; margin-left:-5px}
.tarifrechner div.schieberegler	div.right{background:url('tarifrechner/schieberegler/right.png') center right no-repeat; height:30px; width:5px; margin-right:-5px}
.tarifrechner div.schieberegler	div.indikator	{background:url('tarifrechner/schieberegler/indikator.png') center ; height:10px; width:50px; position:absolute; left:0; top:10px; display:inline-block}
.tarifrechner div.schieberegler	div.schieber {background:url('tarifrechner/schieberegler/schieber.png') top center no-repeat; height:40px; width:18px; z-index:1; position:relative; margin-left:-9px}
.tarifrechner div.schieberegler	ul li	{background:url('tarifrechner/schieberegler/skala.png') top center no-repeat; float:left; text-align:center; padding-top:40px; cursor:pointer }
.tarifrechner div.schieberegler	ul li.label	{background-image:url('tarifrechner/schieberegler/skalaLabel.png');}

.homepage h4, .homepage h2	{font-size:125%; margin-bottom:0}
.homepage p.subtext	{font-size:90%; margin:-5px 0 5px 0}
.homepage button	{width:100%; display:block }
.homepage select	{margin-bottom:10px}
.homepage .popupblocker	{display:none}
.homepage.popupblocker .popupblocker	{display:block}
.homepage .suche button	{position:absolute; right:0; height:28px; width:28px; padding:0}
.homepage .suche button:before	{cursor: pointer;content: "\e931"; font-size: 18px; margin-left: 4px; padding-top: 5px;}
.homepage .telicon::after {background:url(/layout/images/system/icons/Universal-Sprite.png) -248px -739px no-repeat; content: ""; display: inline-block; height: 32px; width: 32px; float: left; padding-right: 10px; margin-top: 7px;}


.multiteaser:after	{display:block; content:""; clear:both; position:relative;}
.multiteaser > div.container	{background-color:#dfe8df; position:relative;}
.multiteaser > div.container:after	{display:block; content:""; clear:both; position:relative;}
.multiteaser .row		{display:block; padding:15px 0}
.multiteaser .row:after	{display:block; content:""; clear:both; }
.multiteaser .column .wrapper	{padding:0 20px; position:relative}
.multiteaser div.ico	{margin-bottom:10px}
.multiteaser p.subtext	{padding:0 auto; margin:0 0 10px 0}
.multiteaser h4	{font-family: arial, sans; font-weight:bold; font-size:120%; padding:0}
.multiteaser .popupblocker	{display:none}
.multiteaser.popupblocker .popupblocker	{display:block}	

.sitemap > li		{border-bottom:1px solid #ddd; line-height:26px}
.sitemap > li > a	{padding:0 0 0 15px; position:relative}
.sitemap > li > a:before	{background:url(/layout/images/system/icons/Universal-Sprite.png) 0 -245px no-repeat; content:" "; position:absolute; top:3px; left:5px; width:6px; height:9px;}
.sitemap .l-1, .sitemap .l-2	{font-weight:bold}
.sitemap .l-3	{margin-left:10px;}
.sitemap .l-4	{margin-left:20px;}
.sitemap .l-5	{margin-left:30px;}
.sitemap .l-6	{margin-left:40px;}
.sitemap .l-7	{margin-left:50px;}

div.googlemap	{color:#000;}
div.googlemap .gm-style button:after {background:none}
div.googlemap .gm-style-iw		{min-width:200px}
div.googlemap .gm-style-iw a	{padding-left: 18px; position:relative; color:#000!important}
div.googlemap .gm-style-iw a:before {background: none; font-family: 'iconset'; content: "\e90a"; font-size: 75%; position:absolute; top:6px; left:-10px; width:6px; height:9px;}
div.googlemap .gm-style-iw a.text.link	{margin-bottom:5px;}
div.googlemap .gm-style-iw a.text.link:before {left:5px; transform:translate(0,-50%)}

div.googlemap .gm-style-iw a.text.link.p5 {background:#bed7dc; padding:0 5px 0 18px; border:1px solid #bed7dc}
div.googlemap .gm-style-iw a.text.link.p5:hover	{background:#82b0b8;}
div.googlemap .gm-style button::before {background:none !important; }

#googleSpeech	{background: url(/layout/images/system/icons/bg-schraffur-gelb.png);}
#googleSpeech	{background: url(/layout/images/system/icons/bg-schraffur-hellblau.png);}
#googleSpeech.highlight	{
	animation-name: highlight;
	animation-duration: 1000ms;
	animation-iteration-count: 3;
}

@keyframes highlight {
	from, to {
		transform: scale(1,1); -webkit-transform: scale(1,1);
	}
	50% {
		transform: scale(1.3,1.3) ; -webkit-transform: scale(1.3,1.3) ;
	}
}
#googleSpeech:before	{border-color:transparent}
#googleSpeech:after	{margin:0; left:50%; top:50%; transform:translate(-50%,-50%); opacity:1}

ul.gsaSuggest	{position:absolute; margin-top:44px; border:1px solid #b3b3b3; background-color:#fff; z-index:5000}
ul.gsaSuggest:empty	{display:none}
ul.gsaSuggest > li	{padding:5px;}
ul.gsaSuggest > li.aktiv	{background-color:#f9ed43}
#gsaGlobalSearch input	{border:1px solid #b3b3b3; font-size:140%; margin:0 10px 0 0; padding:5px 35px 5px 3px; width:175px; float:left; box-sizing: border-box;}	
#gsaGlobalSearch input::-ms-clear {display: none;}
#topscroller	{z-index:10; position:fixed; bottom:0px; right:0; margin:10px; background-color:#f9ed43; opacity:0; padding:2px 5px; font-size:80%; cursor:pointer;}
.touchable #topscroller		{right:0}
.touchable.SAFARI #topscroller		{margin-bottom:30px;}
#topscroller.visible	{opacity:1;}
#topscroller:after	{background:url(/layout/images/system/icons/Universal-Sprite.png) 0 -175px no-repeat; content:" "; display:inline-block; width:10px; height:15px; margin:7px 5px; -moz-transform: rotate(270deg);-ms-transform: rotate(270deg);-o-transform: rotate(270deg);-webkit-transform: rotate(270deg);transform: rotate(270deg);}
.iframed #topscroller	{display:none}

#anwaltsuche fieldset button	{float:right; margin-top:15px}

#anwaltsuche div.anwalt p		{margin:0; padding:0; line-height:22px}
#anwaltsuche div.anwalt span.entfernung	{display:none}
#anwaltsuche div.anwalt p.fachanwalt	{font-weight:bold}
#anwaltsuche div.anwalt div.kanzlei a.karte	{color:#94b494; padding-left:20px; position:relative;}
#anwaltsuche div.anwalt div.kanzlei a.karte:hover	{text-decoration:underline}
#anwaltsuche div.anwalt div.kanzlei a.karte:before {background:url(/layout/images/system/icons/Universal-Sprite.png) -140px -350px no-repeat; content:" "; position:absolute; top:1px; left:0; width:13px; height:13px;}
#anwaltsuche div.mapContainer > div	{margin-top:15px}
#anwaltsuche div.meldung	{color:#f00; border:2px solid #f00; padding:10px; }
#anwaltsuche div.glossar {position:absolute; top:5px; right:5px;}


#dialog	{ background-color:rgba(0,0,0,.5)}
#dialog div.container.message.warning	{border:2px solid #f00}
#dialog div.container.message.error	{border:2px solid #f00}
#dialog p.buttonbar button	{display:inline-block; float:right; margin-left:10px}


#dialog div.container	{background-color:#fff; padding:0; box-shadow: 1px 1px 10px #000; max-height:80%; max-width:100%; -webkit-overflow-scrolling:touch!important;}
#dialog div.container.noback	{background-color:transparent; box-shadow:none; overflow:visible}
#dialog div.content	{padding:25px}
#dialog div.container.noback div.content	{padding:0}

#dialog div.closer	{width:31px; height:31px; margin:-31px 20px 0 0; background-color:#f9ed43; cursor:pointer; border-color:#ffd402; position:absolute; right:0; top:0}
#dialog div.closer:before	{background:url('/layout/images/system/icons/Universal-Sprite.png') no-repeat; content:""; position:absolute; background-position:-0px -210px; width:15px; height:15px; margin:8px 0 0 8px}
#dialog div.container p.buttonbar	{border-top:1px solid #b3b3b3; padding-top:15px}
#dialog div.container.noback p.buttonbar	{border-top:0px; padding-top:0}

#dialog button:after	{display:none}
#dialog ul, #dialog p	{margin-bottom:10px}
#dialog h3	{color:#777; font-weight:100 ;margin:0 0 10px 0}
#dialog li		{padding:2px 0 2px 20px; position:relative}
#dialog li:before		{width:5px; height:12px; left:0; top:7px; background:url('/layout/images/system/icons/Universal-Sprite.png') no-repeat -70px -560px;position:absolute; content:" "; display:inline-block}

.dialogMessage	{display:none}
#dialog .dialogMessage	{display:block}


#cloak		{display:none; position:fixed; width:100%; height:100%; top:0; left:0; opacity:.5; background:#000; z-index:10}
#cloak.active		{display:block}

#header .update.rg {background-color: #277A8A; padding: 0 20px;}
#header .update.rg p {color: #fff; font-size: 125%; line-height: 133%; padding: 13px 0 10px;}
#header .update.rg p svg {margin-right: 10px; vertical-align: text-bottom; float: left;}

#instagrambox * {box-sizing: border-box;}
#instagrambox {margin: 0 -10px; background: url(/layout/script/aragscript/css/ajaxified.gif) center bottom no-repeat; padding-bottom: 40px;}
#instagrambox.loaded {padding-bottom: 0; background: none;}
#instagrambox li {background-color: #f9ed43; margin: 5px 0; opacity: 1; transition: 0.4s all ease;}
#instagrambox li.loading {opacity: 0;}
#instagrambox li a {position: relative; display: block; width: 100%; height: 100%;}
#instagrambox li img {width: 100%; height: auto;float: left; width: 50%; padding: 12px 10px 12px 20px}
#instagrambox .overlay {width: 100%;	padding: 8px 20px 20px 20px; color: #000;	margin: -4px 0 10px 0;}
#instagrambox .overlay label {font-size: 85%;	color: gray;	margin-bottom: 5px;	display: block;}
#instagrambox .overlay p {margin-top: 0;}
#instagrambox .overlay span {position: relative; padding-left: 38px; line-height: 30px; margin: 0 10px; font-size: 18px;}
#instagrambox .overlay span:before { position: absolute; left: 0; width: 30px; height: 30px; content: ''; background: url(/layout/images/system/icons/Universal-Sprite.png) no-repeat; }
#instagrambox .overlay span.type {position: absolute; top: 20px; left: 20px;}
#instagrambox .overlay span.type.video:before {background-position: -278px -69px; }
#instagrambox .overlay span.comments:before {background-position: -244px -105px;}
#instagrambox .overlay span.likes:before {background-position: -209px -103px; }
#instagrambox .overlay .bottom {margin-top: 15px; text-align: right;}
#instagrambox + .btnwrapper {clear: both; display: block; margin: 10px 0; text-align: center;}
#instagrambox + .btnwrapper .button {margin-top: 20px;}
#instagrambox .instLink {display: none;}

#keywordnavigation			{margin:20px}
#keywordnavigation h2		{margin-bottom:20px}
#keywordnavigation li		{float:left; padding:5px 10px; cursor:pointer; background-color:#82b0b8; color:#fff; font-weight:bold; margin:0 5px 5px 0}

#keywordlinks	{clear:both; min-height:20px}
#keywordlinks p	{margin:10px 0 0 0}

#page.Themenseite #kontakt	{margin-bottom:0}

#page.Themenseite #header	{position:relative; display:block}
#page.Themenseite #header > div.text	{background-color:rgba(256,256,256,.8); color:#000;padding:20px; }
#page.Themenseite #header > div.text li			{float:left; font-weight:bold; margin-right:8px; padding:0;}
#page.Themenseite #header > div.text p.date	{color:#b3b3b3; font-size:100%}
#page.Themenseite #header label			{background-color:#f9ed43; position:absolute; top:-20px; left:0; padding:0 10px; font-weight:bold; font-size:100%;}
#page.Themenseite #header > div.text a 			{background-color:#82b0b8; color:#fff; padding:2px 5px; z-index:2; border: none;}
#page.Themenseite #header > div.text a.autorpfad {background-color:inherit; color:#b3b3b3; z-index:2; padding:0;font-size:100%; }
#page.Themenseite #header > div.text a:before		{display:none; background-position:-35px -245px}
#page.Themenseite #header > div.text a:hover 			{color:#000}
#page.Themenseite #header > div.text a:hover:before		{background-position:0px -245px}
#page.Themenseite #header > div.text H1 span		{white-space:nowrap; font-size:18px; color:#94b494;}
#page.Themenseite #kontakt	{display:none}
#page.Themenseite #foot	{margin-top:0;}

#page.Themenseite.startseite #breadcrumb {display: none;}
#page.Themenseite.startseite #path	{background-color:#fff}
#page.Themenseite.startseite #header > div.text	{width:calc(100% - 20px); left:auto; top:auto; position:relative; padding:20px 10px; margin:-20px 0 0 0; text-align:center; transform:none; background-image: linear-gradient(180deg, rgba(228,237,230,.1) 0px, rgba(228,237,230,1) 20px); }}
#page.Themenseite.startseite #header > div.text:after	{display:block; content:""; clear:both}
#page.Themenseite.startseite #header > div.text h5	{font-weight:bold; margin:20px 0 5px 0}
#page.Themenseite.startseite #header > div.text div.themen	{margin:10px 0 0 0}
#page.Themenseite.startseite #header > div.text ul	{text-align:center}
#page.Themenseite.startseite #header > div.text li	{display:inline-block; margin:5px; float:none; }
#page.Themenseite.startseite #header > div.text li a	{margin:0; font-size:14px; line-height:20px; background-color:#277a8a; }
#page.Themenseite.startseite #header > div.text form	{width:70%; display:inline-block; position:relative; margin-top:10px; min-width:320px}
#page.Themenseite.startseite #header > div.text input	{width:calc(100% - 20px); border:1px solid #b3b3b3; line-height:24px; padding:1px 8px; height:26px; -webkit-transform: translate(0,-1px); transform: translate(0,0);}
#page.Themenseite.startseite #header > div.text button	{position:absolute; right:0; top:0; margin:0; padding:0; text-indent: -9999px;}
#page.Themenseite.startseite #header > div.text button	{cursor: pointer;background: url('/layout/images/system/icons/ic-suche.png') center no-repeat; width: 30px;height: 30px; background-size: 70%;}
#page.Themenseite.startseite #header > div.text button:before	{display:none}

#page.Themenseite #path	{background-color:#dfe8df; color:#94b494; position:static;}
#page.Themenseite .funktionsleiste	{display:none}
#themennavigation div.star.aktiv	{background-position:-70px -630px}

#themennavigation #path a	{color:#94b494; z-index:1}
#themennavigation #interface	{border-bottom:1px solid #b3b3b3; padding:0 20px 0 10px;}
#themennavigation #interface {position:relative; height:42px; margin:0}
#themennavigation #interface > li	{float:left; border:1px solid #82b0b8; height:32px; line-height:32px; margin-left:10px}
#themennavigation #interface > li.bewertung	{border:0px solid; cursor:pointer}
#themennavigation #interface > li.bewertung > *	{margin:8px 3px!important}
#themennavigation #interface > li.gemerkt	{float:right; padding:0 5px; cursor:pointer}
#themennavigation #interface > li.gemerkt:after	{content:"gemerkte Artikel"; margin-left:5px;}
#themennavigation #interface > li.showAll	{float:right; padding:0 5px; cursor:pointer}
#themennavigation #interface > li.showAll:after	{content:"alle Artikel";}
#themennavigation #interface > li.showAll span	{display:none}
#themennavigation #interface > li.sort		{border:none}
#themennavigation #interface > li.switch	{float:right; padding:0 5px;}
#themennavigation #interface > li.newsletter	{float:right; padding:0 5px;}
#themennavigation #interface > li.favorit	{float:right;}
#themennavigation #interface > li.suscribete	{float:right;border: none;line-height:inherit;}
#themennavigation #interface > li.back {background-color:#f9ed43; cursor:pointer; border-color:#ffd402}
#themennavigation #interface > li.back div.icon	{width:32px; height:32px;}
#themennavigation #interface > li.back div.icon:before	{margin:8px 10px}

#themennavigation #interface #bewertung:hover > div.hover a	{display:block; line-height:16px; margin-top:15px}
#themennavigation #interface #bewertung > div.hover	p	{margin:0; color:#000}
#themennavigation #interface div.select p	{width:70px}
#themennavigation #interface div.menugallery	{cursor:pointer}
#themennavigation #interface div.menugallery:before {background: url('/layout/images/system/icons/Universal-Sprite.png') no-repeat -35px -595px; content: ""; position:relative; float:left; width:18px; height:18px; margin:7px 5px 0 0}
#themennavigation #interface div.menugallery:after {content:"Galerieansicht";}
#themennavigation #interface div.menuliste	{cursor:pointer}
#themennavigation #interface div.menuliste:before {background: url('/layout/images/system/icons/Universal-Sprite.png') no-repeat 0 -595px; content: ""; position:relative; float:left; width:18px; height:18px; margin:7px 5px 0 0}
#themennavigation #interface div.menuliste:after {content:"Listenansicht";}


#themendialog	{position:absolute; width:100%; height:100%; overflow:hidden; bottom:54px;pointer-events:none;}
#themendialog.open > div {pointer-events: all;}
#themendialog > div	{background-color:#fff; padding:20px 20px 0 20px; position:absolute; left:0; bottom:0; width:90%; width:calc(100% - 40px); z-index:5;}
#themendialog > div	{transform: translate(0,100%); -webkit-transform: translate(0,100%);}
#themendialog > div > div.icon.close	{position:absolute; right:0; top:5px; width:15px; height:15px; margin:5px; cursor:pointer}
#themendialog.social > div.social	{transform: translate(0,0); -webkit-transform: translate(0,0);}
#themendialog.social button:before {background: none !important;}
#themendialog > div.bewertung:after	{position:absolute; left:60px; bottom:-8px; content:" "; z-index:26; width: 0; height: 0; width:15px; height:15px; background-color:#fff; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
#themendialog.bewertung > div.bewertung	{transform: translate(0,0); -webkit-transform: translate(0,0)}
#themendialog > div.favoriten:after	{position:absolute; left:60px; bottom:-8px; content:" "; z-index:26; width: 0; height: 0; width:15px; height:15px; background-color:#fff; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
#themendialog.favorit > div.favoriten	{transform: translate(0,0); -webkit-transform: translate(0,0)}

#themendialog > div.social li.social	{box-sizing: border-box; height: 33px;  padding:1px 5px;}
#themendialog > div.social ul > li.social > span.plchld {display:block; float: left; opacity:.5}
#themendialog > div.social ul > li.social.aktiv > span.plchld {opacity: 1}
#themendialog > div.social ul > li.social > a.activate {display: block; float: right; margin: 5px 10px 0 0;}

/* ShareFunction and Checkbox */
#themendialog > div.social ul > li.social > div {height: 20px;}
#themendialog > div.social ul > li.social > div > span {display: block;height: 20px; width: 100%;}  
#page.Themenseite #header #themendialog label {position: absolute; right: 0; left: auto; padding: 0; background: transparent; font-weight: normal; top: -2px; cursor: pointer;}
#themendialog > div.social ul > li.social input[type=checkbox] {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
#themendialog > div.social ul > li.social input[type=checkbox]:checked {background-image: url(/layout/images/system/icons/radiobutton_an.png);}
#themendialog > div.social ul > li.social input:checked ~ .checkmark { background-color: #f9ed43;}
#themendialog > div.social ul > li.social  .checkmark {position: relative; display: block; height: 24px; width: 61px; background-color: #fff; border-radius: 13px; box-shadow: inset -1px 0px 8px rgba(0,0,0,0.3); margin: 6px 10px 0 0;}
#themendialog > div.social ul > li.social .checkmark:before {content: ""; position: absolute; top: 0px; left: 0px; width: 22px; height: 22px; border: 1px solid #277a8a; border-radius: 100%; background-color: white; z-index: 1; transition: left 0.6s ease;}
#themendialog > div.social ul > li.social .checkmark:after {position: absolute; top: 7px; left: 5px; width: 8px; height: 8px;border: 1px solid #277a8a; border-width: 0px 3px 3px 0; color: #277a8a; font-size: 22px; line-height: 17px; transition: left 0.6s ease; z-index: 2;content: "";  transform: rotate(-45deg);}
#themendialog > div.social ul > li.social input:checked ~ .checkmark:after {left: 43px;}
#themendialog > div.social ul > li.social input:checked ~ .checkmark:before {left: 38px;}

#themendialog > div.social ul > li.social > span {display:none}
#themendialog > div.social ul > li.social.aktiv	{padding:6px 5px;}
#themendialog > div.social ul > li.social.aktiv	> span.plchld {display:none}
#themendialog > div.social ul > li.social.aktiv	> span {display:block}

#themendialog > div > *		{margin-bottom:15px;}
#themendialog p		{font-size:90%; margin-bottom:10px}
#themendialog li	{border-bottom:1px solid #ddd; position:relative;}

#themendialog #bewerten	div.message	{display:none; padding-top:5px}
#themendialog #bewerten.disabled div.message	{display:block}
#themendialog #bewerten.disabled div.star	{display:none}
#themendialog #bewerten.disabled a	{display:none}
#themendialog div.icon.star	{width:24px; height:24px; margin:0 15px 20px 0; text-indent: -999em;}
#themendialog div.icon.star:before	{background-position:-105px -595px; text-indent: 0; left: 0;}
#themendialog div.icon.star.on:before	{background-position:-70px -595px}
#themendialog div.icon.star:hover:before	{background-position:-140px -595px}


#themennavigation #themenliste .klappliste	{display:none}
#themennavigation #themenliste.inhalt .klappliste	{display:block}

#themennavigation #themenliste		{padding:20px; position:relative;}
#themennavigation #themenliste.init	{height:300px; background:url('/layout/images/working.gif') no-repeat center #fff}
#themennavigation #themenliste.init > ul > li	{display:none}
#themennavigation #themenliste.list > ul > li	{background:#fff; border:1px solid #94b494; padding:2px 5px; margin-bottom:10px; position:relative; line-height:14px}
#themennavigation #themenliste.list > ul > li.themen	{display:none}
#themennavigation #themenliste.list > ul > li.blue	{background:#bed7dc}
#themennavigation #themenliste.list > ul > li.green	{background:#b5cbb4}
#themennavigation #themenliste.list li img	{display:none}
#themennavigation #themenliste.list li p.teaser	{display:none}
#themennavigation #themenliste.list li a.keyword	{position:absolute; right:100px; top:5px}
#themennavigation #themenliste.list li div.neu	{float:left; margin:2px 5px 0 0}
#themennavigation #themenliste.list .klappliste ul	{margin-bottom:10px}
#themennavigation #themenliste.list .klappliste li	{position:relative; border:1px solid #b3b3b3; padding:2px 3px; margin:0 0 10px 0}
#themennavigation #themenliste.list div.more	{display:none}

#themennavigation #themenliste.gallery	{padding-right:0;}
#themennavigation #themenliste.gallery > ul	{float:left; padding:0; width:31%; width:calc(33.3333% - 20px); margin-right:20px}
#themennavigation #themenliste.gallery > ul > li	{background:#fff; border:1px solid #94b494; padding:0; margin-bottom:20px; position:relative; line-height:14px;}


#themennavigation #themenliste.gallery > ul > li		{transition: transform .6s ease-out; webkit-transition: transform .6s ease-out;height: auto;}
#themennavigation #themenliste.gallery > ul > li.invisible {-ms-transform: scale(.0,.0);  -webkit-transform: scale(.0,.0); transform: scale(.0,.0); border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
	
#themennavigation #themenliste.gallery > ul > li.blue	{background:#bed7dc}
#themennavigation #themenliste.gallery > ul > li.green	{background:#b5cbb4}
#themennavigation #themenliste.gallery > ul > li:before	{content:" "; background:url('/layout/images/system/icons/ic_shadow_ol.png') no-repeat left center; position:absolute; left:-21px; top:-15px; opacity:.5; width:20px; height:232px; z-index: 1;}
#themennavigation #themenliste.gallery > ul > li:after	{content:" "; background:url('/layout/images/system/icons/ic_shadow_ur.png') no-repeat center bottom; position:absolute; right:-20px; margin-top:1px; opacity:.5; width:346px; height:23px; z-index:1;}
#themennavigation #themenliste.gallery > ul > li img	{z-index:5; margin-bottom:10px; width:100%;}
#themennavigation #themenliste.gallery > ul > li h5	{padding:5px 20px 10px 20px; margin:0; font-family:TisaWeb; font-size:130%; line-height:120%}
#themennavigation #themenliste.gallery > ul > li.themen h5	{padding:15px 20px 10px 20px;}
#themennavigation #themenliste.gallery > ul > li.themen a.thema	{background-color:#82b0b8; padding:3px; color:#fff; display:inline-block; font-weight:bold}
#themennavigation #themenliste.gallery > ul > li.themen a.thema:hover	{background:#bed7dc;}
#themennavigation #themenliste.gallery > ul > li p.teaser	{padding:0 20px 20px 20px; margin:0; font-size:100%; line-height:120%}
#themennavigation #themenliste.gallery > ul > li div.autor	{padding:0 20px 20px 20px; margin:0; font-size:100%; line-height:120%;color:#b3b3b3 }
#themennavigation #themenliste.gallery > ul > li div.bewertung	{padding:0 20px 20px 20px}
#themennavigation #themenliste.gallery > ul > li div.neu	{position:absolute; left:10px; top:10px}
#themennavigation #themenliste.gallery > ul > li ul	{padding:0 17px; position:relative; clear:both; float:none}
#themennavigation #themenliste.gallery > ul > li.themen	ul {margin-bottom:15px}
#themennavigation #themenliste.gallery > ul > li.themen	ul li.clearboth	{margin-top:15px}
#themennavigation #themenliste.gallery > ul > li li	{display:inline-block; white-space:nowrap; position:relative; margin:3px 3px}
#themennavigation #themenliste.gallery > ul > li li a	{padding:2px 5px 2px 15px; margin:0}
#themennavigation #themenliste.gallery > ul > li li a:before	{top:4px}
#themennavigation #themenliste.gallery div.more	{margin:10px auto; border:1px solid #277a8a; color:#277a8a; display:inline; text-align:center; padding:5px 10px; font-weight:bold; cursor:pointer}
#themennavigation #themenliste.gallery div.more:hover	{background-color:#bed7dc}
#themennavigation #themenliste.gallery.ALL div.more	{display:none}


#SEARCH						{line-height:30px; height:30px; font-size:110%}
#suchergebnis div.head			{padding:10px 0 5px 0}
#suchergebnis h2			{padding:0 0 0 50px}
#suchergebnis .searchitem	{border-bottom:1px solid #b3b3b3; position:relative; margin-top:5px}
#suchergebnis .searchitem h5	{font-weight:bold}	
#suchergebnis .searchitem h5:hover	{text-decoration:underline;}	
#suchergebnis .searchitem > a > div	{position:absolute; right:0; bottom:0px}
#suchergebnis .searchitem > a > p	{margin:0px 0px 10px 0}
#suchergebnis a.button.p5		{margin:20px 0 30px 0!important}
#suchergebnis .klappliste > div.content	{margin-left:50px!important}


#vpsuche fieldset.search .captcha	{float:left; margin-top:15px}
#vpsuche fieldset.search button {float:right; margin-top:10px}
#vpsuche div.gst label	{width:70px; float:left}
#vpsuche div.gst:after	{content:""; display:block; clear:both;}
#vpsuche div.gst div.googlemap	{height:330px;}
#vpsuche div.gst button	{margin-right:15px}
#vpsuche div.partner	{}
#vpsuche div.partner div.links p	{width:33.333333%; float:left; display:inline-block; position:relative; padding:10px 0 5px 0; margin:0; border-bottom:1px solid #b3b3b3}
#vpsuche div.partnerDetail label	{width:70px; float:left}
#vpsuche div.partnerDetail p:after	{content:""; display:block;}
#vpsuche div.partnerDetail img		{float:right}
#vpsuche div.meldung div.icon		{float:left}
#vpsuche div.meldung	{color:#f00; border:2px solid #f00; padding:10px; }
#vpsuche div.meldung:after	{display:block; content:""; clear:both}

#versicherungsSelector		{padding-top:15px}
#versicherungsSelector	li:not(.clearboth)	{float:left; width:11%; min-width:100px; min-height: 125px; text-align:center; margin-bottom:15px; line-height:120%}
#versicherungsSelector.aenderungsmeldung li	{width:25%}
#versicherungsSelector	li div.ico	{margin-bottom:10px}
#versicherungsSelector	li > a[href] > div.ico.c1	{background-image:url('/layout/images/system/icons/bg-schraffur-petrol.png')}
#versicherungsSelector	li:hover > a > div.ico.c1	{background-image:url('/layout/images/system/icons/bg-schraffur-gelb.png')}


div.themenselector	{position:relative}
div.themenselector select	{margin-bottom:15px; width:auto}
div.themenselector > .SSI > .subueberschrift 	{display:none}
div.themenselector .textblock span	{font-size:150%; display:block; padding:10px 0; margin:0}
div.themenselector > div > ul li	{position:relative; padding:3px 5px 3px 15px;}
div.themenselector > div > ul li p	{padding:0; margin:0;}
div.themenselector > div > ul li:before		{width:5px; height:12px; left:0; top:7px; background:url('/layout/images/system/icons/Universal-Sprite.png') no-repeat -70px -560px;position:absolute; content:" "; display:inline-block}
div.themenselector > div > ul li.label:before	{display:none}
div.themenselector ul.versicherungen	{float:right; background-color:#dfe8df; padding: 10px 20px;}
div.themenselector ul.versicherungen li.label	{font-weight:bold; padding:5px 5px 5px 0px; }
div.themenselector ul.spezialthemen	{width:40%; margin:20px 0}

.vereine-verbaende-selector	li	{cursor:pointer}
.vereine-verbaende-selector	li > div.ico.c1, .vereine-verbaende-selector	li > a > div.ico.c1	{background-image:url('/layout/images/system/icons/bg-schraffur-gruen.png')}
.vereine-verbaende-selector li.aktiv > div.ico.c1 {background-image: url("/layout/images/system/icons/bg-schraffur-petrol.png");}
.vereine-verbaende-selector	li:hover > div.ico.c1, .vereine-verbaende-selector	li:hover > a > div.ico.c1	{background-image:url('/layout/images/system/icons/bg-schraffur-petrol.png')}

/* Quicklink-Navi */
#page.Themenseite #quicklinks > li{display:none;}
#page.Themenseite #quicklinks > li.scrolltop{display:inline-block;}

#quicklinks-container {position: absolute;right: -47px; z-index: 11;}	
#quicklinks-container div.sticky {position: fixed; bottom:0px;}

#quicklinks-container #topscroller {position: fixed; bottom:0; left:auto; right:auto; width:45px; height:45px; padding:0; margin:0; transform: translate(-100%,0); opacity:1; background:#ccc}
#quicklinks-container #topscroller.visible {background:#f9ed43;}
#quicklinks-container #topscroller:after {margin:15px 0 0 16px}

#quicklinks	{position:absolute; z-index:1000; overflow:hidden; padding:0px; border: 1px solid transparent;margin: 0; right: 0; bottom:0; width: 45px;}
#quicklinks:hover	{width: 220px;}

#quicklinks:before	{position:absolute; top:0; right:0; width:45px; height:100%; z-index:1; content:""; display:none;}
#quicklinks.collapsed:before	{display:inline-block}

#quicklinks li {position:relative!important; height:45px; width:100%; right:0px; margin-bottom:1px;transition: all .4s ease-in-out; webkit-transition: all .4s ease-in-out}	
#quicklinks li:after	{position:absolute; right:0px; top:0px; width:45px; height:45px; content:""; display:inline-block; z-index:3;}
.desktop #quicklinks li:after	{display:none}

#quicklinks.collapsed li:first-child {margin-top: 0;}
#quicklinks.collapsed li {margin-top: -37px;}

#quicklinks li > *		{position:absolute!important; width:175px; background: #f9ed43; left:calc(100% - 47px); line-height:40px; font-size:16px; padding:0 0 0 47px; color:#000; margin:0; box-shadow:1px 1px 5px rgba(0,0,0,.3); white-space:nowrap; transition: all .4s ease-in-out; webkit-transition: all .4s ease-in-out}
#quicklinks li:hover > *	{left:0;}	
#quicklinks li.disabled	> * {background-color:#ccc}

#quicklinks li > *:before	{position:absolute; left:0px; top:0px; width:34px; height:25px; margin:10px 10px 10px 5px; content:""; display:inline-block; background:url(/layout/images/system/icons/Universal-Sprite.png) no-repeat}
#quicklinks li.kontakt > *:before	{background-position:-105px -1101px}
#quicklinks li.formular > *:before	{background-position:-239px -1097px}
#quicklinks li.notiz > *:before, #quicklinks li.daten > *:before	{background-position:-202px -1097px}
#quicklinks li.cart > *:before {background-position:8px -1125px}
#quicklinks li.messenger > *:before	{background-position:-70px -1099px}
#quicklinks li.callback > *:before	{background-position:-133px -1097px}
#quicklinks li.beratersuche > *:before	{background-position:8px -1097px}
#quicklinks li.hilfe > *:before	{background-position:-167px -1096px}
#quicklinks li.rechner > *:before	{background-position:-271px -1097px}
#quicklinks li.juracheck > *:before	{background-position:-281px -1155px}
#quicklinks li.location > *:before	{background-position:-234px -1050px}
#quicklinks li.home > *:before	{background-position:8px -1185px}
#quicklinks li.chatbot > *:before	{background-position:-98px -1184px}
#quicklinks li.frage > *:before	{background-position:-60px -1183px}
#quicklinks li.meldung > *:before	{background-position:-29px -1184px}
#quicklinks li.whatsapp > *:before	{background-position:-130px -1186px}
#quicklinks li.scrolltop	{margin-top:10px}
#quicklinks li.scrolltop > *:after	{display:none}
#quicklinks li.scrolltop p	{width:45px; height:45px; padding:0; left:calc(100% - 45px)!important }
#quicklinks li.scrolltop > *:before	{background-position:14px -170px; transform: rotate(270deg);}
#quicklinks li.chat > *:before, #quicklinks li.partner > *:before	{background-position:-35px -1097px; left:2px; }
#quicklinks li.sprachsteuerung > *:before	{background-position:-98px -1096px}
#quicklinks li.suche > *:before	{background-position:0 -280px}
#quicklinks li.meinearag > *:before	{background-position:-198px -974px}
body.loggedIn #quicklinks li.meinearag > *:before	{background-position:-235px -974px}
#quicklinks li > * > * {color:#000;display:block;padding-top: 5px; margin:0 0 0 2px}
#quicklinks li {margin-top: 1px;}
#quicklinks li.chat script	{display:none}
#quicklinks li.chat.disabled > div:after	{content:" (nicht besetzt)"}
#quicklinks li.chat > div > div		{position:absolute; width:100%; height:100%; top:0; left:45px; padding:0; margin:0}
#quicklinks li.chat > div > div > div	{background:none!important; width:100%!important}
#quicklinks li.chat > div > div .pv_agentButton	{background-image:none!important; cursor:pointer}
#quicklinks li.chat .pv_groupconnect	{z-index:1}
#quicklinks li.chat .pv_groupconnect > div > div:before	{display:none}

#navigation ul > li > div.container.switchlanguage {width: 100px; margin-right: 12px; padding: 10px; text-align: left;}

@media (max-width: 600px) {	
	#nav-lang p {text-indent: -999em;}
	#nav-lang p:after {position: relative;text-indent: 0px;display: block;padding-left: 6px;background-color: #dfe8df;}
	#navigation ul > li > div.container.switchlanguage  {width: 100%;padding: 0;}
	#navigation ul div.container.switchlanguage a {border-bottom: 1px solid #ddd; display: block;}
	#navigation #nav-lang a, #nav-lang p:after {font-size: 120%;line-height: 100%;padding-top: 10px; padding-bottom: 10px;}
	#nav-lang p.de:after {content: "Deutsch"}
	#nav-lang p.en:after {content: "English"}
	#nav-lang p.fr:after {content: "Fran\00e7 ais"}
	#nav-lang p.nl:after {content: "Nederlands"}
}
.switchlanguage a.en::after	{content:"English"}
.switchlanguage a.de::after	{content:"Deutsch"}
.switchlanguage a.fr::after	{content:"Fran\00e7 ais"}
.switchlanguage a.nl::after	{content:"Nederlands"}

#notiz	{width:400px;}
#notiz h4	{color:#fff}
#notiz ul	{ list-style: none;}
#notiz li	{padding:5px 10px; border-radius:5px; background-color:#FCF6A0; margin:1px 0}
#notiz li:before	{display:none}
#notiz li > a	{color:#277a8a;}
#notiz li > a:before	{float:left; width:15px; height:20px; content:""; display:inline-block; background:url(/layout/images/system/icons/Universal-Sprite.png) no-repeat -0px -240px}	
#notiz textarea	{width:calc(100% - 30px); height:100px; padding:15px; font-size:200%; border-radius:10px; background-color:#f9ed43; color:#277a8a; font-size:180%; font-family: SuomiHand, sans-serif; line-height:110%;}
div.notiz	{width:200px; z-index:101; font-size:180%; font-family: SuomiHand, sans-serif; line-height:110%; padding:10px; background:#f9ed43; color:#277a8a}
div.notiz	{transform: scale(.75,.75) rotate(-3deg)}
div.notiz > div.deleteNotiz	{transform: scale(.75,.75); position:absolute; right:0px; top:0px; width:20px; height:20px; display:none; background:url(/layout/images/system/icons/Universal-Sprite.png) no-repeat -0px -205px}	
div.notiz:hover > div.deleteNotiz	{display:inline-block}
div.notiz > div.deleteNotiz:hover	{background-position: -35px -205px}	
div.notiz:hover	{transform: scale(1,1) rotate(-3deg)}

html.touchable #quicklinks li.notiz {display:none}

#red_popup {border:1px solid #ccc; background:#fff; z-index:999; box-shadow:0 0 25px rgba(0,0,0,.5); padding:20px; border-radius:8px; }
#red_popup {transition: all .4s ease-in-out; webkit-transition: all .4s ease-in-out; opacity:0; pointer-events: none;}
#red_popup.show	{opacity:1; pointer-events: all;}
#red_popup:after {cursor: pointer;top: 5px;right: 10px;position: absolute;float: left;width: 20px;background: url(/layout/images/system/icons/Universal-Sprite.png) no-repeat;content: "";position: absolute;background-position: -0px -210px;height: 20px;margin: 8px 0 0 8px;}
#red_popup .jforms .row{padding:5px 0px 5px 0;}
#red_popup .jforms .row label{display:none}
#red_popup .jforms .row > *{display:block; margin-left:0}

#red_popup		{position:fixed; overflow:auto; width:320px; max-width:calc(100% - 50px)}
#red_popup.center {max-height:400px; left:50%; top:50%; transform:translate(-50%,-50%)}
#red_popup.bottom-right {bottom:20px; right:20px;}
#red_popup.bottom-full-width {max-height:137px; bottom:0px; width: calc(100% - 42px);}

.optivoMessage	{text-align:center; display:block; margin:5px 0; padding:10px; background:rgba(255,255,255,.5); border:1px solid #94b494}
.optivoMessage > label	{display:block; font-weight:bold; margin:0; padding:0}
.optivoMessage > div	{display:inline-block; margin:0}

.speechMultiplehits	{position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); padding:5px; background-color:rgba(255,255,255,.9); border:1px solid #f9ed43!important; color:#333!important; font-weight:bold; z-index:100; border-radius:15px; width:20px; height:20px; display:inline-block; text-align:center; line-height:20px}

#overview	{background:#fff; padding:15px;}
#overview .H3	{margin-left:10px;}
#overview .H4	{margin-left:10px;}
#overview .H5	{margin-left:20px;}
#overview .H6	{margin-left:20px;}

#sofortbutton	{font-size:150%; line-height:150%; color:#fff; display:none}
body > #sofortbutton	{display:block}

#sofortbutton .closer	{position:absolute; right:0px; top:10px; width:30px; height:30px; z-index:2}
#sofortbutton .closer:after	{content:"X"}

#sofortbutton .headline	{position:absolute; width:calc(100% - 40px); top:0;left:0; padding:60px 20px 20px 20px; font-size:150%; line-height:150% }

#sofortbutton .knopf	{width:150px; height:150px;  position:fixed; bottom:20px; left:50%; z-index:1001; cursor:pointer}
#sofortbutton .knopf:after	{content:""; position:absolute; top:50%; left:50%; width:100%; height:100%; transform:translate(-50%,-50%); display:inline; background: url(/layout/images/sofortButton.png) center; background-size:cover;border-radius:50%;}
#sofortbutton .knopf:hover:after	{background-image: url(/layout/images/sofortButton_down.png)}

#sofortbutton .knopf > div	{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:15px; line-height: 125%; white-space:prewrap; z-index:2; color:#333; text-align:center; padding:0; margin:0}
#sofortbutton .knopf:hover > div	{transform:translate(-50%,-50%) scale(.95)}


#sofortbutton .knopf	{transform: translate(-50%,130%);}
#sofortbutton.ready .knopf	{transform: translate(-50%,0);}
body.scrollend #sofortbutton.ready .knopf	{transform: translate(-50%,130%);}
#sofortbutton.ende .knopf	{transform: translate(-50%,130%);}


#sofortbutton canvas	{display:none; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2}
#sofortbutton.aktiv canvas	{display:block;}

#sofortbutton > .wiper	{position:fixed; background-color:rgba(190,215,220,.95); background-color:#f9ed43; z-index:1000; bottom:0; left:50%; transform:translate(-50%,100%); color:#222}
#sofortbutton > .wiper .page	{transform:translate(0%,100%); transition: all .4s}
#sofortbutton.paging > .wiper .page	{transform:translate(0%,0%)}
#sofortbutton.aktiv > .wiper	{transform:translate(-50%,0)}


@media (max-width: 600px) {	
#sofortbutton > .wiper	{width:100vw; height:100vh;}
#sofortbutton.aktiv > .wiper	{transform:translate(-50%,0)}
#sofortbutton .tabs	{top:27%;}
}
@media (min-width: 600px) {	
#sofortbutton > .wiper	{width:420px; height:750px; border:1px solid #007191; border-bottom-width:0; box-shadow:0 0 20px rgba(0,0,0,.3)}
#sofortbutton .tabs	{top:27%; opacity:0; transition: all .4s}
#sofortbutton.paging .tabs	{top:25%; opacity:1}
}

#sofortbutton .wiperButton	{display:none}
#sofortbutton .tabs	{bottom:auto; display:block}
#sofortbutton .tabs .item	{background:#277a8a; border-radius:50%; width:20px; height:20px; margin:0 5px; position:relative; text-align:center; font-size: 11px; line-height:20px; opacity:.5; color:#fff}
#sofortbutton .tabs .item.visible	{opacity:1}
#sofortbutton .tabs .item > div	{display:none}
#sofortbutton .tabs .item:nth-child(1):after	{content:"1"}
#sofortbutton .tabs .item:nth-child(2):after	{content:"2"}
#sofortbutton .tabs .item:nth-child(3):after	{content:"3"}
#sofortbutton .tabs .item:nth-child(4):after	{content:"4"}
#sofortbutton .tabs .item:nth-child(5):after	{content:"5"}
#sofortbutton .tabs .item:nth-child(6):after	{content:"6"}

#sofortbutton .wiper .page	{font-size:130%; line-height:150%}
#sofortbutton .wiper .page > div	{white-space:normal; position:absolute; left:50%; top:60%; transform:translate(-50%,-50%); width:calc(100% - 80px); padding: 20px 20px 20px 60px; height:calc(60% - 40px); }
#sofortbutton .wiper .page > div:before	{color:#fff; position:absolute; left:20px; top:25px; width:30px; height:30px; border-radius:50%; background:url('/layout/images/system/icons/bg-schraffur-petrol.png'); line-height:30px; text-align:center; font-size:80%;}
#sofortbutton .wiper .page:nth-child(1) > div:before	{content:"1"}
#sofortbutton .wiper .page:nth-child(2) > div:before	{content:"2"}
#sofortbutton .wiper .page:nth-child(3) > div:before	{content:"3"}
#sofortbutton .wiper .page:nth-child(4) > div:before	{content:"4"}
#sofortbutton .wiper .page:nth-child(5) > div:before	{content:"5"}
#sofortbutton .wiper .page:nth-child(6) > div:before	{content:"6"}
#sofortbutton .wiper.max .page:last-child > div	{padding: 20px;}
#sofortbutton .wiper.max .page:last-child > div:before	{display:none}

#sofortbutton .wiper .page p	{font-size:70%; line-height:120%; text-align:center }

#sofortbutton .wiper a.button	{ margin:20px auto; padding:5px 15px; display:table }
#sofortbutton .wiper button:after	{display:none}
#sofortbutton .wiper .back {font-size:50%; line-height:150%; padding:5px; margin:40px auto 0 auto; border:1px solid #666; display:table ; text-align:center}

@media only screen and (max-width: 480px) {
  ul.boxlayout li	{float:none; width:calc(100% - 20px); margin:9px 9px; border:1px solid #ccc; position:relative; display:inline-block; transition: transform .6s ease-out; webkit-transition: transform .6s ease-out; }
}
@media only screen and (min-width: 481px) and (max-width: 600px) {
   ul.boxlayout li	{float:left; width:calc(50% - 20px); margin:9px 9px; border:1px solid #ccc; position:relative; display:inline-block; transition: transform .6s ease-out; webkit-transition: transform .6s ease-out; }
	ul.boxlayout li:nth-child(2n+1) {clear:both;}
}
@media only screen and (min-width: 601px) {
  ul.boxlayout li	{float:left; width:calc(33.3333% - 20px); margin:9px 9px; border:1px solid #ccc; position:relative; display:inline-block; transition: transform .6s ease-out; webkit-transition: transform .6s ease-out; }
  ul.boxlayout li:nth-child(3n+1){clear:both;}
  #instagrambox li {position: relative; float: left; width: 50%; margin: 0; padding: 0; border: 1px solid #fff; border-bottom: none; background: none;}
	#instagrambox li a {position: relative; width: 100%; height: 100%; overflow: hidden; display: block;}
	#instagrambox li a:hover .overlay, #instagrambox a.touched .overlay {opacity: 1;	transform: scale(1) translate(0, 0); transform-origin: 0 0;}
	#instagrambox li img {float: none; position: relative; width: auto; height: 100%; transition: 0.5s all ease; top: 50%; left: 50%; transform: scale(1) translate(-50%, -50%); transform-origin: 0 0; -ms-transform: scale(1) translate(-50%, 0); backface-visibility: hidden; z-index: 1; padding: 0;}
	#instagrambox li a:hover img, #instagrambox li a.touched img {transform: scale(1.1) translate(-50%,-50%); -ms-transform: scale(1) translate(-50%, 0); transform-origin: 0 0;}
	#instagrambox .overlay {position: absolute;	height: 100%;	padding: 35px 30px; opacity: 0; color: #fff;	background-color: rgba(0,0,0,0.8); transition: all 0.4s ease; transform: scale(1) translate(0,50%); transform-origin: 0 0; bottom: 0; z-index: 2; margin: 0; text-align: center; overflow: hidden;}
	#instagrambox .overlay label {color: lightgray;}
	#instagrambox .overlay span.comments:before {background-position: -244px -70px;}
	#instagrambox .overlay span.likes:before {background-position: -209px -69px; }
	#instagrambox .overlay span.type {position: absolute; top: -17px; right: -47px; left: auto; transform: rotate(45deg); background-color: #f9ed43; display: block; width: 100px; height: 60px;}
	#instagrambox .overlay span.type.video:before {background-position: -278px -104px; left: 35%; top: 45%; transform: rotate(-45deg);}
	#instagrambox .overlay .bottom {transform: translate(0, 50px); transition: all 0.5s ease; text-align: center;}
	#instagrambox li a:hover .overlay .bottom, #instagrambox li a.touched .overlay .bottom {transform: translate(0, 0); transform-origin: 0 0;}
	#instagrambox .touched .instLink {display: block; position: absolute; bottom: 0; height: 38px; background-color: #f9ed43; color: #000; text-align: center; width: 100%; left: 0; line-height: 38px; z-index: 10;}
}

@media screen and (min-width: 800px){
	#instagrambox li {position: relative; float: left; width: 33.333%; margin: 0; padding: 0; border: 1px solid #fff; border-bottom: none; background: none;}
}


ul.boxlayout	{margin:0 0 15px 0; padding: 20px}
ul.boxlayout .content {padding:10px 10px 0 10px;}
ul.boxlayout li.hidden { display: none; }

ul.boxlayout li.effekt {-webkit-animation: fadeInFromNone 1s ease-out;-moz-animation: fadeInFromNone 1s ease-out;-o-animation: fadeInFromNone 1s ease-out;animation: fadeInFromNone 1s ease-out;}
@-webkit-keyframes fadeInFromNone {
    0% {display: none; opacity: 0;}
    100% {display: block;opacity: 1;}
}
@keyframes fadeInFromNone {
    0% {display: none; opacity: 0;}
    100% {display: block;opacity: 1;}
}

ul.boxlayout li.invisible { -ms-transform: scale(.0,.0); -webkit-transform: scale(.0,.0); transform: scale(.0,.0)}
ul.boxlayout:after {content:""; display:block; clear:both}
ul.boxlayout li img	{width:100%;}
ul.boxlayout li h5 { padding: 5px 20px 10px 20px; margin: 0; font-size: 130%; line-height: 120%;}
ul.boxlayout li p { padding: 0 20px 20px 20px; margin: 0; font-size: 100%; line-height: 120%;}
ul.boxlayout li:before	{content:" "; background:url('/layout/images/system/icons/ic_shadow_ol.png') no-repeat left center; position:absolute; left:-21px; top:-15px; opacity:.5; width:20px; height:232px; z-index: 1;}
ul.boxlayout li:after	{content:" "; background:url('/layout/images/system/icons/ic_shadow_ur.png') no-repeat center bottom; position:absolute; right:-20px; margin-top:1px; opacity:.5; width:346px; height:23px; z-index:1;}
ul.boxlayout div.neu {position: absolute;left: 10px;top: 10px;}

#page.boxlayout.startseite #header > div.text {width: calc(100% - 20px);left: auto; top: auto;position: relative; padding: 20px 10px; margin: -20px 0 0 0; text-align: center; transform: none; background-color: #e4ede6;}
#page.boxlayout.startseite #header > div.text h5 { font-weight: bold; }

#header > div.text .stellennavi {width: calc(100% - 20px);left: auto;top: auto;position: relative;padding: 20px 10px;margin: -20px 0 0 0;text-align: center;transform: none;}
#header > div.text ul.stellennavi {text-align:center}
#header > div.text .stellennavi li {display:inline-block; margin:5px; float:none; }
#header > div.text .stellennavi li a {margin:0; padding: 1px 10px; font-size:14px; line-height:20px; background-color:#277a8a; color: #fff; }
#header > div.text .stellennavi li a:before {display: none;}
#header > div.text .stellennavi li a:hover {color: #000; }
#header > div.text .stellennavi li.aktiv a {background-color:#f9ed43; color: inherit; }

#pagehead.animate, #gelberBoxAbschluss.animate {transition: all 0.8s ease;}
#header.gbaPhone {box-sizing: border-box;}
#header.gbaPhone div.text.bgwhite {top: 40px; opacity: 1; padding: 20px 20px 0 20px; background-color: #fff;}

#gelberBoxAbschluss {position: relative; display: block; margin: 15px -20px -20px -20px; padding: 0; background-color: #f9ed43; text-align: center; font-family: TisaWeb;}
#gelberBoxAbschluss.fixed {position: fixed; top: 145px; z-index: 2; left: 0; width: 100%; margin-top: 0;}
#gelberBoxAbschluss.fixed.beneath {position: fixed; top: 145px; z-index: 113; left: 0; width: 100%; margin: 0;}
#gelberBoxAbschluss:not(.fixed):before {content: ""; position: absolute; top: -1px; left: 50%; margin-left: -25px; width: 0; height: 0; border-style: solid;	border-width: 15px 25px 0 25px;	border-color: #ffffff transparent transparent transparent; z-index: 20; transition: all 0.6s ease;}
#gelberBoxAbschluss.fixed:before {content: ""; position: absolute; top: -1px; left: 50%; margin-left: -25px; width: 0; height: 0; border-style: solid;	border-width: 0px 25px 0 25px;	
	border-color: #ffffff transparent transparent transparent; z-index: 20; transition: all 0.6s ease;}
#header div.text #gelberBoxAbschluss a {margin: 5px 0 0 0; display: inline-block;	font-size: 152%; line-height: 127%; padding: 0;}
#header div.text #gelberBoxAbschluss a:hover {background-color: inherit; color: #000; }
#header div.text #gelberBoxAbschluss #gelberBoxAbschlussButton a, #header div.teaser #gelberBoxAbschluss #gelberBoxAbschlussButton a {display: block;	padding: 26px 5px 19px 5px; margin: 0;}
#header div.text #gelberBoxAbschluss.fixed.beneath #gelberBoxAbschlussButton a, #header div.teaser #gelberBoxAbschluss.fixed #gelberBoxAbschlussButton a {padding: 20px;}
#header div.text #gelberBoxAbschluss #gelberBoxAbschlussButton a:hover, #header div.teaser #gelberBoxAbschluss #gelberBoxAbschlussButton a:hover {background-color: #ffd402; color: inherit;}
#header div.text #gelberBoxAbschluss a:before, #page.Landingpage #header > div.teaser > div.col2 > div#gelberBoxAbschluss a:before {background:none; display: inline-block;	content: " "; position: relative; width: 19px; height: 24px; top: 8px;}
#header div.text #gelberBoxAbschluss #gelberBoxAbschlussTelnr {padding: 26px 10px 6px 10px;}
#header div.text #gelberBoxAbschluss.fixed.beneath #gelberBoxAbschlussTelnr {padding: 20px 10px 10px 10px;}
#header div.text #gelberBoxAbschluss #gelberBoxAbschlussTelnr a:before, #page.Landingpage #header > div.teaser > div.col2 > div#gelberBoxAbschluss a#gbaPhone:before{top: 4px; left:0; background: url(/layout/images/bg-phone.png) no-repeat;}
#gelberBoxAbschluss a:after {display: block;}
#gelberBoxAbschlussButton {margin-top: -2px;}
#gelberBoxAbschluss #gelberBoxAbschlussButton a:after {display: none; content: "";} 
#gelberBoxAbschluss #gelberBoxAbschlussButton a.button {border: none;} 
#gelberBoxAbschlussTelnr span:not(.number) {display: block; font-weight: bold;}
#page.Landingpage #header > h1 {display: inline-block;}
#page.Landingpage #header > div.teaser > div.col2 > div#gelberBoxAbschluss {background-color: #f9ed43; margin: 0; font-size: 190%; font-weight: bold; padding: 0;}
#page.Landingpage #header > div.teaser > div.col2 > div#gelberBoxAbschluss #gelberBoxAbschlussTelnr span:not(.number) {font-size: 65%;}
#page.Landingpage #header > div.teaser > div.col2 > div#gelberBoxAbschluss #gelberBoxAbschlussTelnr {padding: 27px 10px 10px 10px;}

#header div#textStoerer.text {right: 25px;}
#header .stoerer {position: relative; z-index: 1; float: right; -webkit-shape-outside:circle(); shape-outside:circle(); font-size: 220%; border-radius: 50%; background-color: #277a8a; border: none; color: white; padding: 15px; display: inline-flex; align-items: center; justify-content: center; margin: -60px -65px 10px 10px;}
#header .stoererContent {height: 100%; width: 100%; overflow: visible; text-align: center; vertical-align: middle; color: white; margin-top: -0.5em; line-height: 110%;}
#header .stoererContent span {display: block; font-weight: normal; font-size: 14px; line-height: 120%;}
#header .stoerer:after {content: ''; display: block; height: 0; padding-bottom: 100%;}

.whatsappnr a {font-family: inherit;color: inherit;}
.whatsappqr {float: left; margin: 0 10px 10px 0;}
.whatsappqrcode svg {width: 190px;height: 190px;}

#viewportDetection	{position:fixed; right:-10px; top:-10px;}
@media screen and (min-width: 601px){ 
	#viewportDetection	{width:2px; height:2px;}
	body    {overflow-y:scroll; font-size: 90%; line-height:140%;}
body.overlayed	{overflow-y:hidden; margin-left:-8px;}

iframe	{overflow:auto; -webkit-overflow-scrolling:touch;}
.iframe-preview {width:100%; max-width:100%; margin:0; height:610px}

.mobileView, .mobile	{display:none!important}

html.notTouchable .touch	{display:none}
html.touchable .notTouch	{display:none}

div.slots {margin: 20px -10px;}

#page	{max-width:980px; min-width:600px; margin:0 auto 0 auto; padding:0;  position:relative; background:#fff; box-shadow: none}
#logo	{position:absolute; left:-1px; clip:rect(0px 129px 157px 1px); z-index:110; transition: all 0.6s ease;}
#head	{height:64px;}
#page.Landingpage #head	{z-index:1;}
#head:after				{background:url('/layout/images/system/divshadow.png') no-repeat 50% 0; left:0; bottom:-10px; position:absolute; width:100%; height:10px; content:" "}

#suche	{position:absolute; right:0; top:0; margin:18px 20px 0 0 ; z-index:113;}
#suche:before	{cursor:pointer; box-shadow: 2px 2px 4px rgba(0,0,0,.3);position:absolute; right:0; top:0; background:url('/layout/images/system/icons/Universal-Sprite.png') #f9ed43; background-position:6px -274px; border: 1px solid #ffd402; width:28px; height:28px; display:inline-block; content:""}
#suche.overlay:before {background-position: 7px -202px;}
#suche #SuchFeld	{border:1px solid #b3b3b3; font-size:140%; margin:0 10px 0 0; padding:5px 3px; width:190px; float:left;}	
#suche form	{position:absolute; width:280px; height:38px; display:none; right:0; top:30px; margin:5px 0 0 0; padding:10px; background-color:#fff; box-shadow: 2px 2px 6px rgba(0,0,0,.3)}
#suche.overlay form	{display:block}
#suche button	{margin-bottom:0}
#suche input {padding-right: 35px;}
#suche button#searchFieldReset {left: 155px; right: auto; padding: 0; margin: 0; width: 35px; height: 35px; }
#suche button#searchFieldReset:hover { color: #000;}
#navigation	{position:absolute; top:0px; right:0px; margin:20px 0 0 0; display:block; line-height:200%; text-align:right; z-index:112}
#navigation	> div.navi	{display:none}
#navigation.open	{width:100%}
#navigation > ul	{padding:0px 49px 0 0; margin:0; float:right;}
#navigation > ul > li 		{float:left; font-weight:bold; cursor:pointer;}
#navigation > ul > li:after 		{content:""; position:absolute; height:70%; top:15%; width:1px; background-color:rgba(0,0,0,.25);}
#navigation > ul > li:last-of-type:after 	{display:none}
.MSIE #navigation > ul > li:last-of-type:after 	{display:block}
.MSIE #navigation > ul > li:nth-of-type(2):after 	{display:none!important}
#navigation > ul > li.home	{display:none}
#navigation > ul > li > span	{position:relative; z-index:5}
#navigation > ul > li > p	{position:relative; margin:0; padding:0;}
#navigation > ul > li > p:before	{top:0; left:0; position:absolute; content:""; display:block; width:100%; height:100%; z-index:2}
#navigation > ul > li.nosub > p:before	{display:none}
#navigation.open > ul > li.open > p:after 		{position:absolute; display:block; bottom:-10px; left:calc(50% - 15px); z-index:2; content:""; width:32px; height:16px; background:url('/layout/images/system/icons/desktop_menu_indikator.png') bottom center no-repeat;}
#navigation.open > ul > li.nosub.open > p:after	{display:none}
#navigation > ul > li > p 	{font-size:105%; line-height:200%; padding:0 10px}

#navigation > ul > li.active > p > a 		{color:#82b0b8!important;}

#navigation ul > li > div.container			{display:none; font-size:105%; line-height:100%; padding:0 10px; margin:6px 0;position:absolute; margin:10px 0 0 0; padding:10px 0 10px 0; width:100%; right:0; background-color:#f7faf7; box-shadow:0 0 10px rgba(0,0,0,.2)}
#navigation.open ul > li.open > div.container	{display:block;}

#navigation ul > li > div.container p		{margin:0;padding:0}
.notTouchable #navigation ul > li > div.container a:hover		{background-color:#f9ed43}


#navigation ul > li.open > div.container > ul		{margin:0; opacity:1;}
#navigation ul > li > div.container > ul > li 	{width:23%; width:calc(25% - 20px); padding:0 10px; float:left; display:inline; text-align:left; overflow:hidden; font-weight:bold; padding-bottom:3px;}
#navigation ul > li > div.container > ul > li li 	{display:none}
#navigation ul > li > div.container > ul > li li.c0 	{display:block}
#navigation ul > li > div.container > ul > li li.c1 	{display:block}
#navigation ul > li > div.container > ul > li li.c2 	{display:block}
#navigation ul > li > div.container > ul > li li.c3 	{display:block}
#navigation ul > li > div.container > ul > li li.more 	{display:block}
#navigation ul > li > div.container > ul > li li	{font-weight:normal; border-bottom:1px solid #dfe8df;}
#navigation ul > li > div.container > ul > li li ul	{display:none}
#navigation ul > li > div.container > ul > .clearboth	{height:15px; display:block}
#navigation ul > li > div.container a, #navigation ul > li > div.container li.opener 	{line-height:140%; display:block; padding:5px; cursor:pointer}
#navigation ul > li > div.ic	{position:absolute; top:-7px}

#header > div.text	{position:absolute; left:50%; left:calc(50% + 16px); top:50%; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); margin-right:5%; color:#fff; font-family:calibri; z-index:5;}
#header > div.text	{opacity:0; transition: opacity .4s ease-in-out; webkit-transition: opacity .4s ease-in-out;}
#header > div.text > H1 	{margin-bottom:10px}
#header > div.imgContainer	{position:relative;}
#header > div.imgContainer > img	{display:block}
#header .update.rg {text-align: center;}
#header .update.rg p svg {float: none; margin-right: 5px;}
#page.Landingpage H1	{position:absolute; top:-45px; left:140px;}
#page.Landingpage #header				{margin-bottom:20px; background-color:#dfe8df;}
#page.Landingpage > div > div.right	{margin:15px 25px 0 0}
#page.Landingpage #header > div.teaser	{z-index:2; font-size:80%}
#page.Landingpage #header > div.teaser > div	{position:relative; margin:0 15px; float:left}
#page.Landingpage #header > div.teaser div.button a	{font-size:160%; line-height:180%;}
#page.Landingpage #header > div.teaser div.button:before	{top:13px; left:6px}
#page.Landingpage #header > div.teaser div.button.addRechner {padding-left:30px}
#page.Landingpage #header > div.teaser div.button.addCart {padding-left:30px}
#page.Landingpage #header > div.teaser div.button.addDownload {padding-left:30px}
#page.Landingpage #header > div.teaser > div.col1	{padding:15px 0 0 0; width:calc(50% - 42px)}
#page.Landingpage #header > div.teaser > div.col2	{background-color:#fff; margin:0 55px 20px 15px; width:calc(50% - 70px); color:#333; border:1px solid #b3b3b3; left:auto; float:left; z-index:2; top:0}
#page.Landingpage #header > div.teaser > div.col2 > div {padding:20px;}
#page.Landingpage #header > div.teaser > div.col2 .tarifrechner{font-size:115%}
#page.Landingpage #header > div.teaser > div.col2.nopadding > div	{padding:0}

#page.Landingpage #header > div.teaser > div.col2 > div	{z-index:1; position:relative; background-color:#fff}
#page.Landingpage #header > div.teaser > div.col2:before {content:" ";background:url('/layout/images/system/icons/ic_shadow_ol.png') no-repeat center; position:absolute; left:-30px; top:-10px; opacity:.5; width:67px; height:232px; z-index: 0;}
#page.Landingpage #header > div.teaser > div.col2:after	{content:" ";background:url('/layout/images/system/icons/ic_shadow_ur.png') no-repeat center; position:absolute; right:-20px; margin-top:-35px; opacity:.5; width:346px; height:67px; z-index: 0;}

#page.Weiterleitung #head	{height:0;}
#page.Weiterleitung #foot	{margin-top:0;}
#page.Weiterleitung div.slots > div.spalte > div.layout > div.wrapper {padding:0;}
#page.Weiterleitung div.slots {margin: 0;}

#page.stickyHead.phoneinhead {padding-top:65px;}
#page.Landingpage.stickyHead.phoneinhead	{padding-top:0;}
#page.stickyHead.phoneinhead	{padding-top:1px;margin-top: -1px;}
#page.stickyHead #pagehead	{position:fixed; width:980px; max-width:100%; z-index:999}
#page.stickyHead #cookies > div.richtlinie {box-sizing:border-box;}
#page.stickyHead.phoneinhead #head	{border-bottom:1px solid #ccc; background-color:#fff; padding-top:64px; height:auto}
#page.stickyHead #head	{position: relative; border-bottom:1px solid #ccc; background-color:#fff; padding-top:64px; height:auto}
#page.Landingpage.stickyHead #head	{border-bottom: none; padding-top:0;}
#page #head #telefon {text-align:right; padding:10px 10px 10px 0; font-size:200%; font-weight:bold;	width: 95%; border-top: 1px solid #dee8df; margin-top: 0;}
#page #head #telefon:before	{background: url(/layout/images/system/icons/header-tel-icon.png) no-repeat; content: ""; display: inline-block;  vertical-align:text-top; background-size: contain; height: 32px; width: 41px; margin-top: 3px;}
#page #head #telefon span:not(.phonenumber):not(.number) {line-height:15px; margin: 3px 0 0 0; display: block; font-size: 41%; text-align:left; font-weight:normal}
#page.stickyHead #logo	{top:0}
#page.stickyHead #navigation	{top:auto}
#page.stickyHead #mainnav	{top:auto}
#page.stickyHead #suche	{top:auto}
#page.stickyHead.Landingpage #head #telefon::before {display: none  !important;}
#page.stickyHead #head #telefon:before, #page.stickyHead.Landingpage #head #telefon .right::before {background: url(/layout/images/system/icons/phone-bubble.png) no-repeat; content: ""; display: inline-block; vertical-align: text-top; background-size: contain; height: 32px; width: 41px;}

#page #head #telefon .telLink {font-size: 105%; line-height: 90%; display: block;}
#page.Landingpage  #head #telefon .telLink {font-size: 123%;}
#page #head #telefon .telContent {float: right; margin: 1px 0 0 13px; padding-left: 10px; border-left: 1px solid #ccc; -ms-text-align-last: auto; text-align: left;}
#page.stickyHead.Landingpage #head #telefon .right::before {margin-top: 4px;}
#page.Landingpage #head #telefon span:not(.phonenumber):not(.number) {text-align: left; display: block; float: none; font-size: 62%; padding: 5px 0 0 0;}

/* Anker-Versatz durch Sticky Header */
div.spalte > div.layout > div.wrapper > a[name] {margin-top: -200px;}
#page.Landingpage #head #telefon {padding: 15px 10px 5px 0;}
#page.Landingpage #head #telefon h1 {position: relative !important;float: left !important;font-size: 110%;margin-top: 4px !important;top: 0 !important;padding-top: 0 !important;padding-left: 120px;left: 0  !important;}
#page.Landingpage #head #telefon .right {text-align: right; font-size: 65%;}

.iframed #page	{box-shadow:none}
.iframed #head, .iframed #header, .iframed #foot, .iframed #logo, .iframed #navigation, .iframed #suche	{display:none}

#foot ul:after	{content:" "; background:url('/layout/images/system/icons/trenner_dott.png') repeat-x 50% 50%; width:100%; height:6px; display:block; clear:both; margin-top:6px}
#foot ul#redlinks, #foot ul#autolink {margin-bottom: 0;}
#foot ul.metanav:after	{display:none}
#foot ul.metanav 	{margin-right:100px; line-height: 32px; margin-bottom: 5px;}
#foot ul.metanav li {margin-left: 0}
#foot ul.metanav p {margin: 0;}
#foot ul:empty	{display:none!important}
#foot .copyright	{position:absolute; right:20px; bottom:15px; font-size:11px}

#foot {padding: 45px 3%;}
#foot .icon.brief {height: 32px;}
#foot ul.social {float: right;clear: none;}
#foot ul.social li.clearboth {padding: 0;}
#foot ul.metanav2 {padding-top: 40px; padding-bottom: 0; display: block; width: 100%; background: url(/layout/images/system/icons/trenner_dott.png) repeat-x 50% 50%;}
#foot ul.footerzeile { margin-top: 5px; display: block; width: 100%;font-size: 110%;}
#foot ul.social:after {content: "";clear: both;background: none;height: 0;margin: 0;padding: 0;}
#foot .copyright {right: 7%;display: inline;width: auto;height: auto;margin: 0;background-color: transparent;padding: 0;}
#foot #optivo form label, #foot  h3, #foot ul.metanav a {font-size: 140%;}
#foot ul.metanav a {margin-right: 15px;}
#kontakt			{position:relative; margin-bottom:20px; height:74px; width:100%; max-width:980px;}
#kontakt > div.transition 		{position:absolute;  width:100%; max-width:980px; height:74px; top:0}
#kontakt.open > div.transition		{box-shadow:0 0 5px rgba(0,0,0,.5); z-index:200; }

#header #breadcrumb	{position:relative; border-bottom:1px solid #ddd}

ul.funktionsleiste	{position:absolute; width:100%; background-color:#94b494; padding:5px 0 0 0; color:#fff; font-weight:bold; top:0px; height:45px}
ul.funktionsleiste:hover	{z-index:21;}
ul.funktionsleiste:after	{background:url('/layout/images/system/divshadow.png') no-repeat 50% 0; left:0; bottom:-10px; position:absolute; width:100%; height:10px; content:" "; z-index:1}
ul.funktionsleiste li	{float:left; text-align:center; line-height:20px; cursor:pointer; width:25%; position:relative; overflow:hidden; white-space:nowrap;}
ul.funktionsleiste li.toggle	{display:none}
ul.funktionsleiste li > div	{display:inline-block; text-align:left}
ul.funktionsleiste li > a > div	{display:inline-block; text-align:left}
ul.funktionsleiste li > a > div > span	{font-weight:bold; letter-spacing:5}
ul.funktionsleiste li > a > div > span:before	{position:relative; display:inline-block; top:4px; content:" "; background: url('/layout/images/system/icons/Universal-Sprite.png') no-repeat -70px -350px; width:16px; height:16px; transform: rotate(-90deg) scale(1); top: 2px;}
ul.funktionsleiste li > div > span:before	{position:relative; display:inline-block; top:4px; content:" "; background: url('/layout/images/system/icons/Universal-Sprite.png') no-repeat -70px -350px; width:16px; height:16px; transform: rotate(-90deg) scale(1); top: 2px;}
ul.funktionsleiste li.email > div > span:before	{transform: rotate(-90deg) scale(1); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); top:2px; left:-2px}
ul.funktionsleiste li:first-child	{text-align:left; font-weight:bold;}
ul.funktionsleiste li:first-child > div > span		{margin-left:20px; display:inline-block}
ul.funktionsleiste li.telefon	{cursor:default}
ul.funktionsleiste li.telefon > div > span:before	{background-position: -0px -350px; top:3px}

ul.funktionsleiste div.icon	{margin:-3px 10px 0 5px}
ul.funktionsleiste button	{line-height:90%; margin:0;padding:5px 8px 5px 15px}
ul.funktionsleiste img	{margin: 0px 5px 0 0; vertical-align:middle}
ul.funktionsleiste p	{margin:-10px 0 0 0; font-size:80%!important; font-weight:normal}
ul.funktionsleiste #berater	{overflow:hidden;}
ul.funktionsleiste #berater .icon	{z-index:2}

ul.funktionsleiste li:after	{background: url('/layout/images/system/icons/Universal-Sprite.png') no-repeat -35px -350px; content:" "; height:50%; width:2px; position:absolute; left:-1px; top:25%}
ul.funktionsleiste li:first-child:after	{display:none}
ul.funktionsleiste a	{color:#fff}


#dialogLayer				{width:100%; background-color:#fff; height:0; top:0; overflow:hidden; position:relative;}
#kontakt.open #dialogLayer	{position:absolute; height:calc(100% - 50px); top:50px}
.ANDROID #kontakt.open #dialogLayer	 {height:90%; }

#dialogLayer > div	{width:100%; height:100%; z-index:3}
.SAFARI #dialogLayer div	{overflow-y:auto; -webkit-overflow-scrolling:touch;}
#dialogLayer iframe	{height:100%; width:100%; overflow:auto}
#dialogLayer div.closer	{position:absolute; top:5px; right:15px; height:35px; width:35px; z-index:101; background-color:transparent; cursor:pointer; display:none}
#kontakt.open #dialogLayer div.closer	{display:block}
#dialogLayer div.closer:after 	{background:url('/layout/images/system/icons/Universal-Sprite.png') no-repeat -105px -210px; content:""; position:absolute; top:10px; left:10px; width: 15px;height: 15px;}
#dialogLayer div.closer:hover:after 	{background-position:-140px -210px;}

#teldesc.handwriting {-ms-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); transform: rotate(-5deg);position: absolute;right: 315px; top: 85px; font-size:200% !important}	
#path	{padding: 10px 20px 10px 20px; font-size:11px; line-height:16px; height:16px; bottom:-15px}
#header > #path	{border-bottom:1px solid #ddd}
#kontakt.open #path	{display:none}
#path li	{float:left; margin:0 15px 0 0; display:inline-block}
#path li > *	{color:#000; opacity:.5; padding:0 0 0 10px; position:relative;}
#path li > *:after	{background: url('/layout/images/system/icons/Universal-Sprite.png') no-repeat -210px -245px; content:" "; margin:0; height:8px; width:6px; position:absolute; left:0; top:4px}
#path li > a:hover	{opacity:1}

div.column	{float:left}
div.divider	{border-top:2px dotted #777; margin: 20px 0; clear:both}
div.farbfeld {padding:20px 20px}

div.slots {position: relative; margin: 20px -10px;}
div.klappliste div.slots	{padding:20px 0px; margin: 0 -10px;}
div.slots.frame	{margin:15px 20px; padding:20px 0; border:1px solid #b3b3b3}
div.slots.frame	> div.spalte{margin-bottom:0px!important}
div.slots.shadow		{background-color:#fff}
div.slots.shadow:before	{content:" ";background:url('/layout/images/system/icons/ic_shadow_ol.png') no-repeat left top; position:absolute; left:-20px; top:-10px; opacity:.5; width:20px; height:232px; z-index: 0;}
div.slots.shadow:after	{content:" ";background:url('/layout/images/system/icons/ic_shadow_ur.png') no-repeat right bottom; position:absolute; right:-10px; bottom:-20px; opacity:.5; width:100%; height:20px; z-index: 0;}

div.slots > div.spalte {position:relative; float:left}
div.slots > div.spalte:hover {z-index:2}
div.slots > div.spalte > div.layout {margin:0; position:relative}
div.slots > div.spalte > div.layout > div.wrapper {margin:0; position:relative}

div.bildfeld > div.slots	{opacity:.9}

/* SLOT SOLO */
div.slots.solo div.spalte	{width:100%;}
div.slots.solo div.spalte.withPadding	{width:80%; padding-right:10%; padding-left:10%}

/* SLOT DUO */
div.slots.duo > div.spalte {width:50%;}

div.slots.duo12 > div.spalte.eins {width:33.333%;}
div.slots.duo12 > div.spalte.zwei {width:66.666%;}

div.slots.duo21 > div.spalte.eins {width:66.666%;}
div.slots.duo21 > div.spalte.zwei {width:33.333%;}

/* SLOT TRIO */
div.slots.trio div.spalte {width:33.333%; }

/* SLOT QUART */
div.slots.quart > div.spalte {width:25%;}

/* SLOT Trenner*/
div.klappliste > div > div.content	{margin-left:50px;}
div.autocomplete			{max-height:400px; margin-top:23px}
div.bildfeld > div	{margin-top:22px!important}
.siteactive > div > a.link			{position:absolute; right:0; bottom:5px}
.siteactivePager label	{position:absolute; left:0px; top:10px}
.switch div div.ico		{float:left; margin:2px 10px 0 10px;}
div.teaserIcon.s1	{padding:0 0 0 135px; min-height:120px}
div.teaserIcon.s2	{padding:0 0 0 75px; min-height:60px}
div.teaserIcon.iconRight.s1	{padding:0 135px 0 0; min-height:120px}
div.teaserIcon.iconRight.s2	{padding:0 75px 0 0; min-height:60px}
div.teaserIcon.noText.s1 .ueberschrift	{padding-top:50px;}
div.teaserIcon.noText.s2 .ueberschrift	{padding-top:20px}

.tarifrechner .betrag	{float:left;}
.tarifrechner.small .betrag	{float:none; margin-bottom:15px}
.tarifrechner table.tabbed	{border:1px solid #b3b3b3}
.tarifrechner table.tabbed td {border-left:1px solid #b3b3b3;}
.tarifrechner.small table.tabbed td	{width:100%; display:inline-block; border-left:0px; border-bottom:1px solid #b3b3b3}
.tarifrechner.small table.tabbed td:last-child	{ border-bottom:0px solid #b3b3b3}
.tarifrechner.small table.tabbed.description td.selected:after	{display:none}

.tarifrechner table.tabbed.description td.selected:after	{position:absolute; left:calc(50% - 10px); bottom:-20px; content:" "; z-index:10; width: 0; height: 0; border-right: 10px solid transparent; border-bottom: 10px solid #dfe8df; border-left: 10px solid transparent;}

.homepage	{position:relative; z-index:10; clear:both; background-color:#dfe8df; padding:0 20px}
.homepage:after	{display:block; content:""; clear:both; position:relative;}
.homepage > div.container	{top:-55px; position:relative; border:1px solid #b3b3b3; background-color:#fff; box-shadow:0 0 5px rgba(0,0,0,.3); margin-bottom:-35px}
.homepage > div.container:after	{display:block; content:""; clear:both; position:relative;}
.homepage .row		{display:block; margin-bottom:15px}
.homepage .row:after	{display:block; content:""; clear:both; position:relative;}
.homepage .column	{width:33.333%; float:left; margin-top:20px; overflow:hidden}
.homepage h4	{font-family: arial, sans; font-weight:bold; font-size:120%; padding:0 0 5px 0}
.homepage .suche	{width:auto; background-color:#bed7dc; padding:15px 20px 15px 20px; clear:both;}
.homepage .suche h4	{display:inline-block; line-height:26px; }
.homepage .suche button	{position:absolute; right:0; top:0; height:28px; width:28px; padding:0; background-color:#82b0b8; border-color:#82b0b8}
.homepage .suche .fieldContainer	{width:calc(100% - 260px); display:inline-block;}
.homepage .suche input	{line-height:26px; height:26px; padding:0 5px; border-color:#b3b3b3}

.homepage .column .wrapper	{padding:0 20px; position:relative}
.homepage .column.c2 .wrapper	{border-left:2px dotted #999}
.homepage .column.c3 .wrapper	{border-left:2px dotted #999}

.homepage div.ico	{margin-bottom:10px}	

.multiteaser	{position:relative; z-index:10; padding:0 20px; margin-top:-55px; margin-bottom:15px}
.CHROME .multiteaser	{margin-bottom:35px}
.multiteaser > div.container	{border:1px solid #b3b3b3; box-shadow:0 0 5px rgba(0,0,0,.3);}

.multiteaser .column.c2 .wrapper	{border-left:2px dotted #999}
.multiteaser .column.c3 .wrapper	{border-left:2px dotted #999}
.multiteaser .row.col3 .column	{width:33.333%; display:inline; overflow:hidden}

#versicherungen		{overflow:auto; clear:both; text-align:center}
#versicherungen:after		{display:block; content:""; clear:both; position:relative;}
#versicherungen a	{display:inline-block; width:11%; text-align:center; font-size:85%; float:left;}
#versicherungen a:hover	{cursor:pointer}
#versicherungen p	{margin:0 0 10px 0}


.iframed div.quickeditMenu	{display:none}
div.quickeditMenu		{position:fixed; right:20px; top:0; box-shadow:0px 0px 8px #000; padding:2px 5px 5px 5px; background-color:#94b494; border-radius:0 0 5px 5px; z-index:1000}
div.quickeditMenu > div	{display:inline; float:left; width:20px; height:20px; margin:3px 0 0 2px; cursor:pointer}
div.quickEditOpener	{background: url(/layout/images/system/qeContent.png)}
div.quickEditNew	{background: url(/layout/images/system/qeDustbin.png)}
div.imperiaDashboard	{background: url(/layout/images/system/qeDashboard.png)}
div.quickEditNew	{background: url(/layout/images/system/qeNewSite.png)}
div.quickEditMobile	{background: url(/layout/images/system/qeViewMobile.png)}
div.quickEditKill	{background: url(/layout/images/system/qeDustbin.png); margin-left:15px!important}
div.quickEditTools	{background: url(/layout/images/system/qeTools.png)}

div.quickEdit	{display:none; position:absolute; margin-top:2px; width:20px; height:20px; overflow:hidden; background: url(/layout/images/system/qeContent.png); cursor:pointer; z-index:10000}
body.quickEdit div.quickEdit	{display:block}
div.quickEdit a	{width:100%; height:100%}
body.quickEdit div.quickeditmarker	{width:100%; height:100%; position:absolute; background-color:#000; opacity:.5; filter:alpha(opacity=50, style=0); z-index:1000; top:0; left:0}


input[type=checkbox]:after			{top:-1px; left:0;}
input[type=radio]:after			{top:0px; left:-3px;}

#anwaltsuche div.anwalt div.kanzlei div.col	{width:33%; float:left; display:inline-block; margin-top:15px}
#anwaltsuche div.anwalt div.kanzlei div.rechtsgebiete	{width:calc(33% - 20px); padding:0 0 0 20px; border-left:1px solid #b3b3b3}
#dialog div.container.message > div.content > div	{width:400px; line-height:150%}

#page.Themenseite #header > div.text	{margin-right:5%;}
#page.Themenseite.uebersicht #header > div.text	{transform:translate(0,-50%); -webkit-transform:translate(0,-50%);}

#themennavigation #interface	{background:url('/layout/images/system/divshadow.png') no-repeat center 0; border-top:1px solid #b3b3b3; padding-top:10px}
#themennavigation #interface > li.favorit	{border-right:0px solid; margin-right:-10px; border:none;}
#themennavigation #interface > li.newsletter	{border:none;}
#themennavigation #interface > li.switch div.icon	{margin:0 5px 0 0}
#themennavigation #interface > li.social  	{cursor:pointer; border: none;}
#themendialog > div.bewertung	{margin-left:250px; width:200px; padding:10px} 
#themendialog.bewertung > div.bewertung	{ margin-bottom:13px}
#themendialog > div.social .button	{position:absolute; bottom:0px}
#themendialog > div.social .button.p3	{right: 50%; right:calc(50% + 15px);}
#themendialog ul	{float:right; width:40%; width:calc(50% - 40px); margin-left:20px}
#themennavigation #themenliste.list li div.bewertung	{position:absolute; right:5px; top:5px}


#suchergebnis .searchitem	{padding:0 100px 0 0;}
#vpsuche					{margin-top:20px}
#vpsuche div.gst div.gmap	{width:50%; float:right;}

div.themenselector ul.versicherungen	{width:50%; margin-left:15px;}
div.themenselector ul.versicherungen li	{float:left; width:calc(50% - 20px) }
div.themenselector ul.versicherungen li.label	{float:left; width:calc(100% - 20px) }
div.themenselector ul.spezialthemen li	{padding-left:50%}
div.themenselector ul.spezialthemen li label	{position:absolute; left:15px; }

.jforms div.glossar		{position:absolute}
.jforms.message	{width:600px; color:#fff}

/* Reiter */
div.reiter {margin:0; position:relative;}
div.reiter > ul.pager {display: flex; z-index:2;}
div.reiter > ul.pager li {display:flex; flex: 3 1 auto; padding: 10px 15px; font-size:100%; justify-content: center; border-top:1px solid #ddd; border-bottom:1px solid #ddd;border-right:1px solid #ddd; text-align: center; background-color:#f9ed43;}
div.reiter > ul.pager li > span {width: 100%; text-align: center; align-self: center; pointer-events: none;}
div.reiter > ul.pager li:first-child {border-left:1px solid #ddd;}
div.reiter > ul.pager li:hover {text-decoration:underline; cursor:pointer}
div.reiter > ul.pager li.aktiv {background-color: #fff;  position:relative; border-bottom: none;}

/* Reiter-Content */
div.reiter > div.content {padding:0 ; position:relative;}
div.reiter > div.content > div.page {padding:10px 0 0 0; margin:0; }
div.reiter > div.content > div.page.aktiv {z-index:2;  border: 1px solid #ddd; padding:20px; border-top: none;}

#header #telefon-teaser > span.tel {font-size:200%;}

/* Header - Telefon + Headerbild und -text */
#header.gbaPhone div.text.bgwhite {left: calc(40% + 16px);}
#header.bgaPhone	> div.text {position: absolute; transform: none; -webkit-transform: none; width: 60%; max-width: 653px; box-sizing: border-box; left: auto; box-sizing: border-box; right: 5%;}
#gbatelefon {padding: 10px 0 10px 65px; font-size: 200%; font-weight: bold; margin-top: 0; display: block; position: absolute; top: 6px; right: 120px; width: 293px; overflow: hidden; border-top: none;	opacity: 0;	background:url(/layout/images/hg-telefon.png) 83% center no-repeat; line-height: 40px;	box-sizing: border-box;}
#gbatelefon:before {display: none;}
#gelberBoxAbschluss:not(.fixed):before {pointer-events: none;}
#gelberBoxAbschluss:after {font-size: 18px; bottom: 50px;}
#gbatelefon.vis {animation: gbaphone 2000ms forwards}
#gbatelefon.invis {animation: gbaphone2 2000ms forwards}
#gbatelefon span:not(.phonenumber):not(.number) {display: none;}
#gelberBoxAbschluss.fixed.beneath {width: 100%; min-width: 600px; max-width: 1440px; box-sizing: border-box; margin: 0; left: 50%; transform: translate(-50%,0);} 
#header.gbaPhone > div.text.inv {transform: none; ms-transform: none;	webkit-transform: none;}
#page.Landingpage #header.gbaPhone > div.teaser > div.col2 > div {padding: 20px 20px 10px 20px;}
#page.Landingpage #header.gbaPhone > div.teaser > div.col1 {width: calc(45% - 42px);}
#page.Landingpage #header.gbaPhone > div.teaser > div.col2 {width: calc(55% - 70px);}

#navigation {transition: all 0.8s ease;}
#navigation.contracted { pointer-events: none; height:0;overflow: hidden;}
#navigation.expanded  {animation: navbig 1000ms forwards;overflow: hidden;}
#navigation.contracted  {animation: navsmall 1000ms forwards; overflow: hidden;}
#navigation.contracted > ul {animation: naviTransform 1000ms forwards;}
#pagehead.navext.navexpanded #navigation.expanded > ul {animation: naviTransform2 1000ms forwards}
#pagehead.navext #navigation, #pagehead.navext #navigation > ul {box-sizing:border-box;}
#pagehead.navext.navexpanded #navburger {position: absolute;right: 0;top: 0;width: 100px;height: calc(100% - 14px);z-index: 112;padding-top: 25px;box-sizing: border-box;background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );}
#pagehead.navext #navburger:before {display: none;}
#pagehead.navext.navexpanded #navburger:before {display: block; box-shadow: 2px 2px 4px rgba(0,0,0,.3);position: absolute;right: 60px;top: 18px;left: auto;background: url(/layout/images/system/icons/ic-navi.png) center no-repeat;width: 30px;height: 30px;display: inline-block;content: ""; cursor: pointer;}
#navburger.open span {display: none;}
#navburger.open:before {background: url(/layout/images/system/icons/Universal-Sprite.png) #f9ed43 7px -202px;}
@keyframes navbig {
	0% {width: 0%; height: 25px; overflow: hidden;}
	99% {height: 25px; overflow: hidden;}
	100% {width: 100%; height: 25px; overflow: visible;}
}
@keyframes navsmall {
	0% {width: 100%; height: 25px; overflow: visible;}
	1% {height: 25px; overflow: hidden;}
	100% {width: 0; height: 25px; overflow: hidden;}
}
@keyframes naviTransform {
	0% {height: 25px; padding-right: 100px;overflow: visible;}
	1% {height: 25px; padding-right: 100px;overflow: hidden;}
	100% {height: 25px; padding-right: 0;overflow: hidden; display: none;}
}
@keyframes naviTransform2 {
	0% {padding-right: 0px; height: 25px; overflow: hidden;}
	99% {padding-right: 100px; height: 25px; overflow: hidden;}
	100% {padding-right: 100px; height: auto; overflow: visible;}
}

@keyframes gbaphone {
	0% {opacity: 0;}
	40% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes gbaphone2 {
	0% {opacity: 1;}
	50% {opacity: 0;}
	80% {opacity: 0;}
}	
}

@media screen and (min-width: 601px) and (max-width: 850px) { 
	#head	{height:56px;}
	#suche	{margin-top:12px}
	#navigation, #mainnav	{margin:14px 0 0 0}
	#header > div.text {font-size:80%}
	#header > div.text > H1 {margin-bottom:0;}
	#kontakt.open #dialogLayer		{top:30px; height:calc(100% - 30px);}
	#page.Landingpage H1	{left:130px; font-size:200%; top:-40px}
	#page.Landingpage > div > div.right	{margin:10px 25px 0 0}
	.switch div.ico			{display:none}
	.switch	{text-align:center}
	div.bildfeld		{min-height:0!important; background-color:#dfe8df; margin-top:10px}
	div.bildfeld > img	{position:relative;}
	div.bildfeld > div.slots > div.spalte {width:100%;}	
	#header div.text .stoerer {font-size: 25px; margin-right: -74px; margin-top: -54px;}
}
@media screen and (min-width: 750px) {
   #page.stickyHead #cookies > div.richtlinie {box-sizing:border-box;}
   #page.Landingpage #head #telefon h1 {padding-left: 150px;}
   #page.stickyHead #head	{padding-top:64px;}
   #logo.min {transform: translate(-10%,-10%) scale(0.8);}
}

@media screen and (min-width: 601px) and (max-width: 750px) { 
	#head	{height:46px;}
	#suche	{margin-top:7px}
	#suche .gsaSuggest {height: calc(100vh - 100px); overflow: scroll;}
	#navigation, #mainnav	{margin:10px 0 0 0}
	#header {font-size:80%; line-height:140%}
	#header > div.text > H1 {margin-bottom:5px; line-height:110%}
	#header div.text a.button.addCart:before, #header div.text a.button.addCart:before {top:9px;}
	div.slots.quart > div.spalte {width:50%;}
	#page.Landingpage H1	{left:100px; font-size:200%; top:-37px}
	#page.Landingpage > div > div.right	{margin:10px 25px 0 0}
	.siteactivePager .but	{-ms-transform: scale(.8,.8);  -webkit-transform: scale(.8,.8); transform: scale(.8,.8); margin-left:0; margin-right:0}	
	.homepage h4 {font-size:100%;}
	.homepage .telicon::after{padding-right: 5px;}
}

/* z.B. Samsung Galaxy S5 Landscape */
@media screen and (min-width: 601px) and (max-width: 650px) {
	#head	{height:36px;}
	#suche	{margin-top:3px}
	#navigation, #mainnav	{margin:8px 0 0 0; font-size:80%}
	#header {font-size:70%; line-height:140%}
	#header > div.text > H1 {margin-bottom:5px; line-height:100%}
	#page.Landingpage H1	{left:100px; font-size:180%; top:-30px}
	#page.Landingpage > div > div.right	{margin:5px 15px 0 0}
	.multiteaser img {display: none;}
	#hp-kontakt  {width: 150%;}	
	#dialogLayer div.closer::after { top: 25px;}
	#dialogFrame {margin-top:10px;}	
	#header #telefon-teaser > span.tel {font-size:130%;}
	div.reiter > ul.pager li {display:inline-block; padding: 15px; font-size:100%;  border-top:1px solid #ddd; border-bottom:1px solid #ddd;border-right:1px solid #ddd; }
	#pagehead.navext #navburger {padding-top: 10px;}
	#navburger:before {top: 3px;}
}
@media screen and (min-width: 651px) and (max-width: 750px) {
	#pagehead.navext #navburger {padding-top: 13px;}
	#navburger:before {top: 7px;}
}

@media only screen and (max-device-width: 480px) {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

@media screen and (max-width: 420px) {
    #page:not(.Landingpage) #head #telefon {padding: 12px 100px 0px 97px;}  
    #themendialog {z-index: 1000; height: 380px;} 
    #themendialog > div > div.icon.close {top: 5px;}
		#themendialog {top: 110px;}    
    #versicherungsSelector.aenderungsmeldung li {width: 50%;}
}
@media screen and (max-width: 374px) {
    #page.Landingpage #header h1 {font-size: 190%;}
}
@media screen and (max-width: 357px) {
    #page:not(.Landingpage) #head #telefon {font-size: 91%; padding: 12px 100px 0px 77px;}
}
@media screen and (min-width: 358px) and (max-width: 600px) {
    #page #head #telefon {font-size: 130%;}
}

@media screen and (max-width: 1075px) { 
	#quicklinks-container {right: -2px!important; bottom:0px;}	
	#quicklinks {padding-left:10px;}
}

@media screen and (max-width: 940px) { 
	#foot ul.social {float: left; width: 100%;}
	#foot ul.metanav {margin-right: 0;}
	#foot ul.metanav2 li {flex: none;}
	#foot #optivo form label {line-height: 30px;}
}

@media screen and (max-width: 768px), screen and (max-height: 768px){ 
	#dialog div.container {
		height: 100%;
	  overflow: hidden;
	}
	#dialog div.container .content {
		height: 100%;
    overflow: auto;
    box-sizing: border-box;
	}
	   
	#dialog div.closer {
		margin: 0 20px 0 0;
	}
}

/* Header Design*/
@media screen and (min-width: 601px) {
	#pagehead.navext.navexpanded #navburger:before {box-shadow: none; top: 20px;}	
	#pagehead.navext.navexpanded #navburger.open:before {background: url(/layout/images/system/icons/ic-close.png) transparent center no-repeat;}
}

#quicklogin	{margin-left: 20px;}
#quicklogin > label {box-shadow: none; border: none;}
#quicklogin > label:before	{float: right;}

@media screen and (min-width: 860px){
	#quicklogin > label:before	{margin-right: 10px;}
}

@media screen and (max-width: 600px) {
	#suche:before {box-shadow: none; position: absolute; left: -85px; top: 17px; background: url(/layout/images/system/icons/ic-suche.png) center no-repeat; background-size: contain; width: 26px; height: 26px; display: inline-block; content: "";}	
	#suche.overlay:before {background: url(/layout/images/system/icons/ic-close.png) #fff center no-repeat; width: 26px; height: 26px; left: 9px; top: 11px; padding: 6px;}
}

@media screen and (min-width: 601px) {
	#suche {margin: 21px 20px 0 0;}
	#suche:before {cursor: pointer; box-shadow: none; position: absolute; right: 0; top: 0; background: url(/layout/images/system/icons/ic-suche.png) center no-repeat; background-size: contain; border: 1px solid #ffd402; border: none; width: 25px; height: 25px; display: inline-block; content: "";}
	#suche.overlay:before {background: url(/layout/images/system/icons/Universal-Sprite.png); background-position: 7px -202px; top: -3px;}
}

#page #head #telefon {width: 100%; box-sizing: border-box;}
@media screen and (max-width: 420px) {
	#page:not(.Landingpage) #head #telefon {padding: 12px 96px 0px 97px;}
}

@media
  screen and (-webkit-min-device-pixel-ratio: 2),
  screen and (min-resolution: 192dpi),
  screen and (min-resolution: 2dppx) {
		#page.stickyHead #head #telefon:before, #page.stickyHead.Landingpage #head #telefon .right::before {
		    background: url(/layout/images/system/icons/phone-bubble_2x.png) no-repeat;
		    background-size: contain;
	}
}

@media screen and (min-width: 601px) { 
	#head:after { display: none;}
}

@media screen and (min-width: 601px) {
#versicherungen {margin-bottom: 10px;}
	#versicherungen a {width: 13.9%; font-size: 99%; font-weight: bold;}
	.homepage div.ico {margin: 0 auto 10px auto;}
}

@media screen and (max-width: 420px) {
	#page:not(.Landingpage) #head #telefon {padding: 12px 86px 0px 91px;}
	#page #head #telefon .telContent {margin-left: 5px;}
	#suche:before {width: 21px;height: 21px; left: -69px; top: 20px;}
}

#logo	{transition: all 0.6s ease;}
@media screen and (max-width: 600px) {
	#logo	{max-height: 92px;}
}	

@media screen and (max-width: 600px){
	#viewportDetection	{width:1px; height:1px;}
	body	{font-size:70%}
	body { overflow-y:scroll; -webkit-overflow-scrolling:touch; font-size: 80%; line-height:150%;}
body.overlayed	{overflow-y:hidden;}

.hWiper	{overflow-x:scroll; overflow-y:show; -webkit-overflow-scrolling:touch; margin:0 -20px; padding:10px 20px;}

.desktop	{display:none!important}

.iframed #page	{box-shadow:none;}
.iframed #content	{margin-top:20px}
.iframed #head, .iframed #header, .iframed #foot, .iframed #logo, .iframed #navigation, .iframed #suche	{display:none}

.iframe-preview {width:100%; max-width:100%; margin:0; height:300px}

#page		{width:100%; overflow:hidden; padding:0; margin:0; min-width:320px}

#content	{overflow:hidden}

#logo	{z-index:3; position:absolute; top:0; left:0; min-height: auto!important;}

#head	{z-index:2; padding:0; position:relative; top:0; width:100%;}
#head ul	{display:block; height:50px; padding:10px 15px 3px 0  }
#head li 	{float:right; margin: 5px 5px 5px 10px; box-shadow:0 0 6px #000;}

.iframevideo {height:inherit !important}

#page > div > div.layer		{position:fixed; height:100%; width:100%; background:rgba(0,0,0,.3); z-index:5}
#page > div > div.layer.overlay	{z-index:6}


#navigation			{left:100%; transition: all .4s ease-in-out; webkit-transition: all .4s ease-in-out}
#navigation.overlay	{left:0px;}

#navigation:before	{box-shadow: 2px 2px 4px rgba(0,0,0,.3);position:absolute; left:-45px; top:15px !important; background:url('/layout/images/system/icons/ic-navi.png') center no-repeat; width:30px; height:30px; display:inline-block; content:""}
#navigation.overlay:before	{left:10px;}

#navigation a		{display:block; padding:0; font-size:140%; line-height:120%; padding:7px 0}
#navigation > ul	{margin:0 0 0 55px; padding-left:20px; display:block; background-color:#fff; height:100%; overflow:auto;}
#navigation li		{border-bottom:1px solid #ddd; overflow:hidden}
#navigation > ul > li:first-of-type		{margin-top:10px}

#navigation ul li > div.container {position:relative;}
#navigation ul li > div.container ul {visibility:hidden; position:absolute}
#navigation ul li.open > div.container > ul	{visibility:visible; position:relative}
#navigation ul li.open > div.container li.open > ul	{visibility:visible; position:relative}

#navigation li p	{margin:0;padding:0;position:relative;}
#navigation li p:before	{top:0; left:-20px; position:absolute; content:""; display:block; width:100%; height:100%; padding:0 10px; z-index:2; text-align:right; line-height:100%;}
#navigation ul li.open > p	{background-color:#f9ed43;}

#navigation ul li:last-of-type	{border-bottom:0px}
#navigation ul ul ul li:nth-last-of-type(2)	{border-bottom:0px}
#navigation li.more	{display:none}
#navigation li.nosub > p:before	{display:none}
#navigation li.overview > p:before	{display:none}

#navigation ul a {padding-left:5px}
#navigation ul ul a {padding-left:15px}
#navigation ul ul ul a {padding-left:25px}
#navigation ul ul ul ul a {padding-left:35px}
#navigation ul ul ul ul ul a {padding-left:45px}


/* Handwriting Text */
div.handwritingText p	{font-size: 280%;}

#suche			{left:100%; top:0; transition: all .4s ease-in-out; webkit-transition: all .4s ease-in-out}
#suche.overlay		{left:0px;}
#suche.overlay > img {display: none;}
#suche form		{position:relative; display:inline-block; height:calc(100% - 20px); width:calc(100% - 75px); margin-left:55px; padding:10px; background-color:#fff}	

#suche div.container form	{padding:10px; position:relative;}
#suche.overlay div.search	{left:0px;}
#suche input	{width:calc(100% - 125px); padding:4px 25px 4px 4px; line-height:200%; font-size:120%}
#suche button	{text-align:left; margin:0; font-size:140%; line-height:160%;}
#suche .gsaSuggest { width: calc(100% - 55px); height: calc(100vh - 90px);overflow: scroll;}
#suche button#searchFieldReset, #suche button#searchFieldReset:hover {left: auto; right: 130px; padding: 0; margin: 0; width: 40px; height: 40px;}

#header 	{margin-bottom:15px}
#header div.text	{margin-top:10px; padding:0 10px}

#teldesc.handwriting {display: none; }
#kontakt	{position:relative;}
			
ul.funktionsleiste		{transition: all .4s ease-in-out; webkit-transition: all .4s ease-in-out; height:40px; overflow:hidden; margin:0 0 20px 0; padding:0; font-weight:bold; position:relative; display:block; box-shadow: 0 5px 5px rgba(0,0,0,.1); font-size:120%}
ul.funktionsleiste li	{cursor:pointer; overflow:hidden; position:relative; padding:10px 0 10px 30px; position:relative; color:#94b494; border-bottom:1px solid rgba(149,180,148,.2);}
ul.funktionsleiste a {color:#94b494; }
ul.funktionsleiste li.toggle	{cursor:pointer; background-color:#94b494; color:#fff;}
ul.funktionsleiste li.toggle:before	{background-position-x:-70px; transition: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); margin-top:1px}
ul.funktionsleiste.show li.toggle:before	{transition: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg);margin:-1px 0 0 -3px}

ul.funktionsleiste li:before	{position:absolute; display:inline-block; content:" "; background: url('/layout/images/system/icons/Universal-Sprite.png') no-repeat -140px -350px; left:10px; top:10px; width:16px; height:16px;; transform: rotate(-90deg) scale(1)}
ul.funktionsleiste li.toggle:after	{position:absolute; top:0; left:0; height:100%; width:100%; z-index:1; content:""; display:block}

ul.funktionsleiste li.telefon * 	{color:#94b494!important;}
ul.funktionsleiste li.telefon:before	{background-position: -245px -350px; left:8px}
ul.funktionsleiste li.telefon:after	{display:none}
ul.funktionsleiste li.telefon p	{font-size:80%!important; display:block}

ul.funktionsleiste li > a > div  p	{display:none}


#path	{display:none}

#dialogLayer		{bottom:-100%; left:0; position:fixed; width:100%; height:100%; background-color:#fff; z-index:100}
#kontakt.open #dialogLayer	{bottom:0%}
#dialogLayer > div	{width:100%; height:100%; background-color:#fff; margin:0;}
.SAFARI #dialogLayer > div	{-webkit-overflow-scrolling: touch; overflow-y: scroll;}
#dialogLayer iframe	{overflow-y:auto; -webkit-overflow-scrolling:touch; display:none}
#kontakt.open #dialogLayer iframe	{display:block}				
#dialogLayer div.closer	{position:absolute; top:10px; right:10px; height:35px; width:35px; z-index:101; background-color:transparent}
#dialogLayer div.closer:after 	{background:url('/layout/images/system/icons/Universal-Sprite.png') no-repeat -105px -210px; content:""; position:absolute; top:10px; left:10px; width: 15px;height: 15px;}


#header	> div.imgContainer			{overflow:hidden}
#header	> div.imgContainer	img		{width:200%; display:block}

#page.stickyHead	{padding-top:0;}
#page.stickyHead #pagehead	{position:fixed; width:980px; max-width:100%; top:0; z-index:999}
#page.stickyHead #head	{background-color:#fff; padding-top:64px; height:auto}
/* Anker-Versatz durch Sticky Header */
div.spalte > div.layout > div.wrapper > a[name] {margin-top: -100px;}
#cookies.open {z-index: 9999;}

#page #head #telefon {line-height:40px; text-align:right; font-weight:bold;	max-width: 100%; padding: 12px 110px 0 100px; margin-top: -63px;}
#page #head #telefon .telContent {float: right; margin-left: 10px;}
#page.Landingpage #head #telefon {padding-right: 20px; text-align: center;}
#page.stickyHead #head #telefon:before {background: url(/layout/images/system/icons/phone-bubble.png) no-repeat; content: ""; background-size: contain; display: inline-block; height: 32px; width: 32px; margin: -6px 0 0 0; vertical-align:text-top}
#page.Landingpage.stickyHead #head #telefon:before	{margin-right: 10px; margin-top: -20px;}
#page.Landingpage #head #telefon .right {float: none; display: inline-block;}
#page.stickyHead #head #telefon span:not(.phonenumber):not(.number)	{display:none;}
#page.stickyHead #logo	{top:0}
#page.stickyHead #navigation	{top:auto}
#page.stickyHead #suche	{top:auto}
	
#page.Landingpage > div > div.right {float:none; text-align: right; padding: 15px 15px 10px 0;}
#page.Landingpage > div > div.right > div.icon.telefon {margin: -20px 40px 0 0 !important;}
#page.Landingpage > div > div.right > p {display:none;}
#page.Landingpage #header > h1		{padding:10px}
#page.Landingpage #header > div.teaser > div.col1{padding:10px;}
#page.Landingpage #header > div.teaser > div.col2 {border:1px solid #f9ed43; margin:9px}
#page.Landingpage #header > div.teaser > div.col2 > div {padding:15px;}
#page.Landingpage #header > div.teaser > div.col2.nopadding > div	{padding:0}

#page.Landingpage #header > div.teaser div.button.addRechner a:before {top:7px}
#page.Landingpage #header > div.teaser div.button.addCart a:before {top:7px}

div.divider	{border-top:2px dotted #777; margin: 10px 0 10px 0; clear:both}

div.slots > div.spalte {margin-bottom:10px!important; position:relative;}
div.slots > div.spalte > div.layout	{margin-bottom:0!important}

div.slots > div.spalte.white > div.layout, div.slots > div.spalte > div.layout.white {padding: 0px; margin:0}

div.slots > div.spalte.shadow:before	{display:none}
div.slots > div.spalte.shadow:after		{display:none}

div.slots > div.spalte.alignRight {text-align: left;}

div.slots > div.spalte.dots:before {content: none;}
div.slots > div.spalte.line {padding-top: 10px}
div.slots > div.spalte.dots:before, div.slots > div.spalte.line:before {height: 1px;width: 100%;top: 0; left: 0;}
div.slots > div.spalte.dots > div.layout, div.slots > div.spalte.line > div.layout {margin-left: 0; margin-right: 0 ;}
#header div.video {left: 10%}
#autolink ul li	{width:auto}
div.autocomplete				{height:60%; margin-top:73px}

div.slots.duo12 div.spalte.eins div.contentbild {max-width:300px; margin:0 auto; height:auto!important}
div.slots.duo21 div.spalte.zwei div.contentbild {max-width:300px; margin:0 auto; height:auto!important}

div.bildfeld		{min-height:0!important;}
div.bildfeld > img	{position:relative; margin:0 10px; width:calc(100% - 20px)}

div.farbfeld		{padding:15px 0 1px 0}
div.farbfeld.noMarginTop		{margin-top:-15px}

div.shadowBox.xs-50Pad {padding: 0 4.5%;}
div.shadowBox.xs-noPad {padding: 0;}
div.shadowBox.xs-noPad > div {padding: 10px 0;}
div.shadowBox.xs-noPad > div > div.slots {margin: 0;}

div.klappliste				{margin-left:0!important; margin-right:0!important; padding 0 5px}
div.klappliste > div.head:after		{margin-top:7px}
#content > div > div.klappliste		{margin:-15px 0px 15px 0px;}
div.klappliste > div.content	{margin-right:10px; margin-left:10px;}
div.link div.icon	{width:25px; height:25px}	

.siteactive > div		{padding:5px 10px 5px 80px; position:relative; border-bottom:1px solid #ddd;}	

.siteactive > div > a.link			{margin:10px 0;}
.siteactiveFilter	{display:none}
.siteactivePager div	{padding:0 10px;}

.siteactivePager label	{display:block}

.siteactivePager .but	{margin:5px; padding:0}
.siteactivePager .but.start	{display:none}
.siteactivePager .but.ende	{display:none}

.switch div		{text-align:center}

div.tabelle				{-webkit-overflow-scrolling:touch!important;}
.SAFARI div.tabelle table		{font-size:90%;}
.FIREFOX div.tabelle table		{font-size:90%;}
div.tabelle table tfoot	{display:nonee}
div.tabelle table tfoot div.button	{padding:5px; font-size:90%; line-height:110%}
div.tabelle table tfoot div.button:after	{display:none}
div.tabelle table td	{padding:5px;}
div.tabelle table thead td.first {padding-left:5px;}
div.tabelle table td.first {padding-left:5px;}
div.tabelle table td.checked:before {-ms-transform: scale(.5,.5);  -webkit-transform: scale(.5,.5); transform: scale(.5,.5);}
div.tabelle td.prozent div.skala	{display:none}

div.tabelle	div.tabInfoOpener {top:auto; left:auto; display:block; position:relative; }

div.tabelle table thead	td.label:before	{display:none}

div.teaserBild div.text	{position:relative; width:100%!important;}
div.teaserBild div.bild	{position:relative; width:100%!important;}
div.teaserBild div, .slot.trio div.teaserBild div	{position:relative; margin:0 0 10px 0}
div.teaserBild.fifty 	{text-align:center}
div.teaserBild.fifty div.bild img 	{width:auto; max-width:60%}
div.teaserBild.full img	{width:100%}
div.teaserBild:not(.full) img	{max-width:90%}
div.teaserBild.frame:not(.full) img	{max-width: 100%; width: 100%!important; margin: 0!important;}
div.teaserBild.zweidrittel div.bild	{width:100%;float:left}
div.teaserBild.zweidrittel img {max-width: 100%;}
div.teaserBild div.text	{top:7px !important;}

form.arag div.row		{padding: 5px 0; line-height:190%}

form.arag div.row label	{position:relative; display:block}

.switch div.ico			{display:none}

.tarifrechner button	{width:100%}
.tarifrechner .betrag	{margin:0 0 10px 0}
.tarifrechner table.tabbed 	{border-left:1px solid #b3b3b3; border-top:1px solid #b3b3b3;}
.tarifrechner table.tabbed td	{width:100%; width:calc(100% - 1px); display:inline-block; border-bottom:1px solid #b3b3b3; border-right:1px solid #b3b3b3;}

#foot ul.metanav {padding-top: 0;}
#foot ul.metanav {margin-left: 0;}
#foot ul.metanav2 {margin-bottom: 0;}

#homepage	{ margin:50px 0 0 0; position:relative;}
.homepage:before	{content:" "; background:url('/layout/images/system/icons/trenner_dott.png') repeat-x 50% 50%; width:100%; height:6px; position:absolute; top:-25px; left:0}

.homepage .green .column.c1	{width:100%}
.homepage form	{margin-bottom:20px}

.homepage h4, .multiteaser h4	{margin-bottom:5px}
.homepage p.subtext	{margin-top:-10px;}
.homepage {margin:0 0 20px 0; border:0}
.homepage .column	{width:100%!important; float:none; margin:0; overflow:hidden}
.homepage .column.suche	{display:none}
.homepage .column .wrapper	{border-left:0;  padding:0px 10px;}
.homepage .green {padding-top:10px; margin-top:-1px;background-color:#dfe8df;}
.homepage select {margin-bottom:10px}

.homepage .suche	{width:auto; background-color:#bed7dc; padding:15px 10px 1px 10px; clear:both; margin-bottom:15px}
.homepage .suche:after	{display:block; content:""; clear:both; position:relative;}

.homepage .suche input	{line-height:26px; height:26px; padding:0 5px;}

.multiteaser	{margin:15px 0}
.multiteaser .column	{margin-bottom:15px}

#versicherungen a	{display:inline-block;float:left; width:33.333%!important;text-align:center;}
#versicherungen a>p	{padding:0; margin:0 0 25px 0}


/* Stoerer oben in der Mitte einer Spalte (z.B. Alltagshelfer) */
div.slots > div.spalte.stoerer > div.layout > div.wrapper > div.stoerer {-webkit-transform: translate(-50%,-170%); left:48%;}
div.slots > div.spalte.stoerer > div.layout > div.wrapper  { padding:35px 20px 20px 20px}

//objects
input[type=checkbox]:after			{top:-1px; left:-1px;}
input[type=radio]:after			{top:-2px; left:-2px;}
.calendarCaller	{display:none}
#anwaltsuche fieldset	{padding-bottom:40px}
#anwaltsuche div.anwalt div.kanzlei div.rechtsgebiete	{margin-top:15px}
#dialog div.container	{max-width:100%;}
#keywordnavigation			{margin:20px 10px}
#page.Themenseite #header	{background-color:#dfe8df; }

#page.Themenseite #header:after	{content:""; display:block; position:relative; height:1px}
#page.Themenseite #header > div.text	{margin:-85px 20px 20px 20px; position:relative;}
#page.Themenseite.uebersicht #header > div.text	{margin:-85px 20px 20px 20px;}
#themennavigation #interface > li	{position:relative;}
#themennavigation #interface > li.switch div.icon	{margin:0 15px 0 -8px}

#themennavigation #interface > li.gemerkt	{display:none;}
#themennavigation #interface > li.gemerkt:after	{content:"Fav";}
#themennavigation #interface > li.email		{display:none}
#themennavigation #interface > li.drucken	{display:none}
#themennavigation #themenliste.gallery > ul	{width:95%; width:calc(100% - 20px);}

#themennavigation #interface div.menugallery {margin:0 -4px 0 2px}
#themennavigation #interface div.menuliste {margin:0 -4px 0 2px}
#themennavigation #interface div.menugallery:after {content:"";}
#themennavigation #interface div.menuliste:after {content:"";}

#page.Themenseite.startseite #header > div.text input	{width:calc(50%); line-height:24px; padding:1px 8px; height:26px; transform: translate(0,-2px);}
#page.Themenseite.startseite #header > div.text button { right: 20%; top:-1px;}

#themendialog div.favoriten a > span.add {display:inline}
#themendialog div.favoriten a > span.remove {display:none}
#themendialog div.favoriten.add a > span.add {display:none}
#themendialog div.favoriten.add a > span.remove {display:inline}

#suchergebnis .searchitem	{padding:0 0 30px 0;}

#vpsuche fieldset.search > *	{display:block; margin:0 0 15px 0;}
#vpsuche fieldset.search label	{font-size:120%}
#vpsuche fieldset.search input[type=text]	{display:block; width:90%}
#vpsuche fieldset.search button	{display:block; width:90%; float:none}
#vpsuche div.gst div.gmap	{width:100%;}
#vpsuche div.gst p	{clear:both}
#vpsuche div.partner div.links p	{width:100%;}

div.themenselector ul.versicherungen	{margin:15px 0}
div.themenselector ul.spezialthemen	{width:auto;}
div.themenselector select {width:90%;}

.jforms	.row	{padding:5px 30px 5px 0px;}
.jforms .row > label	{display:block; position:relative; margin-left:0; width:auto; float:none; font-weight:bold}
.jforms div.glossar		{position:relative; float:left; margin-right:5px}
.jforms.message	{max-width:80%; color:#fff}

iframe {max-width:100%}

/* Preisauszeichnung */
div.preisauszeichnung > div.textblock sup {vertical-align: text-top;}

/* Reiter */
div.reiter {margin: 10px 0 15px 0; position:relative;}
div.reiter > ul.pager {display: flex; flex-wrap: wrap; list-style: outside none none; margin: 0 !important;}
div.reiter > ul.pager li {box-sizing: border-box; display: flex; flex: 0 0 50%; margin: -1px 0 0 -1px; background-color:#f9ed43; font-size:120%; cursor: pointer; padding: 10px 10px; text-align: center; border: 1px solid #ddd;}
div.reiter > ul.pager.size3 {width: calc(100% + 4px);}
div.reiter > ul.pager.size3 li {flex: 1 1 0;}
div.reiter > ul.pager.size3 li.aktiv {flex: 1 1 0; border-bottom:none;}
div.reiter > ul.pager.size3 li > span {text-align: center; width: 100%;}
div.reiter > ul.pager li > span {display: block; text-align: left; align-self: center;  pointer-events: none;}
div.reiter > ul.pager::after   {clear:both; display:block; content:""}	    

div.reiter > ul.pager li:nth-child(odd)	{border-left:1px solid #ddd;}
div.reiter > ul.pager li:first-child, div.reiter > ul.pager li:nth-child(2) {border-top:1px solid #ddd;}
div.reiter > ul.pager li.aktiv {background-color: #fff; position:relative;}


div.reiter > div.content {padding:10px 0 ; position:relative; width:calc(98% + 2px);}
div.reiter > div.content > div.page.aktiv {padding: 0; background-color: #fff}

#cookies.open {position:fixed; opacity: 0.9;}

#telefon-teaser > span.tel {font-size: 140%;margin-right: 80px;}
#telefon-teaser .desc {display:none}
#header #telefon-teaser {padding-bottom: 15px; padding-top: 15px;}
#header #telefon-teaser > span.tel::before {margin-right: 0; margin-bottom:-10px}
#header .update.rg {margin-bottom: 10px;}

#red_popup {bottom:0 !important; left: 0 !important; margin-left: 1% !important; margin-right: 1% !important;width: 90% !important;}
#red_popup.center {left:50% !important;}
#red_popup div.teaserBild.drittel div.bild {width:33% !important;}
#red_popup div.teaserBild.drittel div.text {width: 67% !important;}
#red_popup div.teaserBild div, #red_popup .slot.trio div.teaserBild div {margin: 0 !important;}


/* Quicklink-Navi */
#quicklinks-container {right: -2px;top: 56px; z-index:10}
#quicklinks li.notiz	{display:none}

div.slots > div.spalte.zitat:before	{top:-52px;}
/* Header - Telefon + Headerbild und -text */
#gbatelefon {display: none;}
#header.gbaPhone:not(.gbamobileimg) {padding: 30px 15px 20px; background-color: #dfe8df;}
#header.gbaPhone div.text.bgwhite {}
#gelberBoxAbschluss {margin: 15px -20px 0 -20px}
#header div.text #gelberBoxAbschluss.fixed.beneath #gelberBoxAbschlussTelnr {padding-left: 84px;}
#header.gbaPhone:not(.gbamobileimg) .imgContainer {display: none;}
#header.gbaPhone.gbamobileimg div.text.bgwhite {box-sizing: border-box; width: calc(100% - 30px); margin: -80px auto 0; z-index: 10; position: relative; top: 0;}
#header.gbamobileimg div#textStoerer.text {right: auto;}
#page.Landingpage #header.gbaPhone > div.teaser > div.col2 {background: white;}
#page.Landingpage #header > div.teaser > div.col2 > div#gelberBoxAbschluss #gelberBoxAbschlussTelnr span:not(.number) {font-size: 55%;}
/* Header - Störer */
#header .stoerer {font-size: 150%; border-radius: 0; transform: rotate(5deg); margin-right: -28px; margin-top: -40px; padding: 7px 15px; display: block;}
.Landingpage #header .stoerer {margin-top: -30px;}
#header .stoerer:after {padding-bottom: 0;}
#header .stoererContent {margin-top: 0; }
#header .stoererContent span {display: inline; font-size: 65%;}
#foot ul#redlinks li {flex: 1 0 100%;}	
}

/* �bernommen von der GSA - zu pr�fen was gebraucht wird */
.suchergebnis,.suchergebnis *{box-sizing:border-box;}
.suchergebnis{padding:10px;}
.suchergebnis:after{content:' ';display:table;clear:both;}
.suchergebnis .meldung,.suchergebnis .formular,.suchergebnis .ergebnisse,.suchergebnis .vorschlaege,.suchergebnis .rechtschreibpruefung{margin:0 0 0 103px;max-width:625px;}
.suchergebnis .filter-wrapper{display:none;}
.suchergebnis #filter-output{float:left;width:29.8%;}
.suchergebnis #filter-output li.active > a,.suchergebnis #filter-output li.active > span{font-weight:bold;}
.suchergebnis #filter-output li a{font-size:14px;}
.suchergebnis #filter-output li{position:relative;}
.suchergebnis #filter-output li.active > a{padding-right:15px;}
.suchergebnis #filter-output li.active > a:after{position:absolute;right:8px;top:8px;display:inline-block;width:14px;height:14px;content:'';background:url('../img/ic_remove-filter.png') center no-repeat;}
.suchergebnis .filter-toggle{display:none;}
.suchergebnis #filter-output > ul{margin-bottom:30px;}
.suchergebnis #filter-output > ul li{border-bottom:1px solid #cbcbcb;padding:5px 0 4px 0;}
.suchergebnis #filter-output > ul ul{border-top:1px solid #cbcbcb;padding-left:20px;}
.suchergebnis #filter-output > ul ul li:last-of-type{border-bottom:0;padding-bottom:0;}
.suchergebnis #filter-output .filterToggle{display:inline-block;width:10px;height:10px;margin-right:7px;cursor:pointer;background:url('../img/arrow_right.png') center no-repeat;}
.suchergebnis #filter-output .filterToggleActive{background:url('../img/arrow_down.png') center no-repeat;}
.suchergebnis .formular{position:relative;padding-right:100px;margin:27px 0 20px 103px;}
.suchergebnis .formular input[type=text]{width:100%;height:37px;padding:5px 10px;margin:0;box-shadow:none;}
.suchergebnis .formular button{position:absolute;right:0;top:0;height:37px;}
.ui-autocomplete{border:1px solid #cbcbcb;border-top:0;background:#fff;z-index:10;}
.ui-autocomplete li{padding:5px 10px;font-size:15px;cursor:pointer;}
.ui-autocomplete li:hover{background:#ffed00;}
.ui-autocomplete li .ui-state-highlight{font-weight:bold;}
.suchergebnis .meldung{margin-bottom:19px;}
.suchergebnis .meldung p,.suchergebnis .sort{margin:0;font-size:13px;color:#808080;}
.suchergebnis .ergebnisse ol{padding:0;margin:0;list-style:none;}
.suchergebnis .ergebnisse ol li{margin-bottom:23px;}
.suchergebnis .ergebnisse .result .title a{display:inline-block;font-size:18px;line-height:1.2;color:#1a0dab;}
.suchergebnis .result .file{color:#808080;font-size:13px;line-height:18px;}
.suchergebnis .result .icon{float:left;margin:2px 5px 0 0;max-width:16px;max-height:16px;width:auto;height:auto;cursor:default;}
.suchergebnis .preview{float:left;margin:2px 6px 0 0;}
.suchergebnis .ajax_loader{min-height:32px;list-style:none;background:url(../img/google-ajax-loader.gif) 50% 50% no-repeat;}
.suchergebnis .ergebnisse .result .title a:hover{text-decoration:underline;}
.suchergebnis .ergebnisse .snippet-line{display:block;}
.suchergebnis .ergebnisse .result .url{margin-top:-2px;font-size:14px;color:#006621;}
.suchergebnis .ergebnisse .result .url-expanded{display:none;}
.suchergebnis .ergebnisse .result .description{font-size:13px;line-height:1.4;color:#545454;}
.suchergebnis .rechtschreibpruefung{border-bottom:1px solid #ededed;margin:0 0 21px;padding:0 0 23px;}
.suchergebnis .rechtschreibpruefung p{margin:0;color:#dd4b39;font-size:18px;line-height:21px;}
.suchergebnis .rechtschreibpruefung p a{color:#1a0dac;}
.suchergebnis .rechtschreibpruefung p a i{font-style:normal;}
.suchergebnis .meldung p.fehler{color:#dd4b39;}
.suchergebnis .vorschlaege h2{font-family:Arial,Helvetica,sans-serif;font-weight:bold;font-size:18px;line-height:1.2;}
.suchergebnis .vorschlaege ol{padding-top:0;margin:12px 0 0 0;}
.suchergebnis .vorschlaege ol li{font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:18px;}
.suchergebnis .keymatch{background-color:rgba(251,237,66,0.30);padding:8px;border:1px solid rgba(255,212,2,0.3);}
div.ui-documentpreview{border:1px solid black;z-index:1000;}
div.ui-documentpreview span.ui-documentpreview-pagenr{color:#d8d8d8;}

@media only screen and (max-width :767px){
	.suchergebnis h1,.suchergebnis .meldung,.suchergebnis .formular,.suchergebnis .ergebnisse,.suchergebnis .vorschlaege,.suchergebnis .rechtschreibpruefung{margin-left:0;float:none;width:100%;clear:both;max-width:initial;}
	.suchergebnis .meldung{clear:none;}
	.suchergebnis .ergebnisse .title img{float:none;margin-top:-5px;}
	.suchergebnis .ergebnisse .result .title a{display:inline;}
	.suchergebnis .ergebnisse .url{word-wrap:break-word;clear:both;}
	.suchergebnis .ergebnisse .snippet-line{display:inline;}
	.suchergebnis .filter-toggle{display:block;float:right;padding:7px 45px 7px 10px;border:1px solid #94b494;background:#b4cab4;color:#fff;}
	.suchergebnis .filter-toggle:after{width:14px;background:#b4cab4 url(../img/arrow_down-white.png) right center no-repeat;background-size:14px auto;}
	.suchergebnis .filter-toggle:hover,.filter-toggle-active .filter-toggle{color:#000;border-color:#fff;background:#fff;}
	.suchergebnis .filter-toggle:hover:after,.filter-toggle-active .filter-toggle:after{background:#fff url(../img/arrow_down.png) right center no-repeat;background-size:14px auto;}
	.suchergebnis:before{opacity:0;-webkit-transition:opacity 0.5s linear;transition:opacity 0.5s linear;}
	.filter-toggle-active:before{content:' ';width:100%;left:0;min-height:100%;height:100%;background-color:rgba(0,0,0,0.75);position:fixed;top:0;display:block;z-index:150;opacity:1;}
	.filter-toggle-active .filter-wrapper{display:none;position:relative;z-index:160;}
	.suchergebnis #filter-output{position:absolute;right:0;top:35px;width:100%;visibility:hidden;overflow:hidden;background:#fff;opacity:0;-webkit-transition:opacity 0.5s linear;transition:opacity 0.5s linear;}
	.filter-toggle-active #filter-output{max-height:none;visibility:visible;opacity:1;}
	.suchergebnis #filter-output > ul,.suchergebnis #filter-output > ul ul{clear:both;}
	.suchergebnis #filter-output > ul li{display:block;padding:0;}
	.suchergebnis #filter-output > ul li:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
	.suchergebnis #filter-output .filterToggle{float:left;height:35px;width:40px;}
	.suchergebnis #filter-output > ul li span + a{float:left;}
	.suchergebnis #filter-output > ul li a,.suchergebnis #filter-output > ul > .active > span{padding:9px 0 7px 45px;display:inline-block;}
	.suchergebnis #filter-output > ul li span + a{padding-left:0;}
	.suchergebnis #filter-output > ul ul{position:relative;border-top:none;padding:0 0 0 34px;}
	.suchergebnis #filter-output > ul ul li{border-bottom:none;position:relative;}
	.suchergebnis #filter-output > ul ul li:before{content:' ';width:200%;height:1px;background:#cbcbcb;position:absolute;top:0;left:-50%;}
	.suchergebnis #filter-output li.active > a:after{top:3px;width:30px;height:30px;}
}

.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.clearfix{display:block;}
.ui-helper-hidden-accessible{display:none;}

@media (max-width:600px) and (orientation:portrait){
	.desktop{display:block;}
}


/* erg�nzt */

#GCSquery {
	display: block;
  width: 99%;
  height: 37px;
  padding: 5px 10px;
  margin: 0;
  box-shadow: none;
  box-sizing: border-box;
}
.suchergebnis .pager {text-align: center;}
.suchergebnis .pager button {padding-left: 10px; margin: 5px;}
.suchergebnis .pager button.first {margin-left: 0;}
.suchergebnis .pager button.last {margin-right: 0;}
.suchergebnis .pager button:before {display: none;}
.suchergebnis .pager button.first, .suchergebnis .pager button.last, .suchergebnis .pager button.prev, .suchergebnis .pager button.next {width: 35px; text-indent: -999em;}
.suchergebnis .pager button.first:before {display: block;content: ""; background: url(/layout/images/system/icons/Universal-Sprite.png) no-repeat; position: absolute; left: 10px; top: 8px; width: 15px; height: 15px; background-position: -280px -175px;}
.suchergebnis .pager button.prev:before {display: block;content: ""; background: url(/layout/images/system/icons/Universal-Sprite.png) no-repeat; position: absolute; left: 11px; top: 8px; width: 15px; height: 15px; background-position: -210px -175px;}
.suchergebnis .pager button.next:before {display: block;content: ""; background: url(/layout/images/system/icons/Universal-Sprite.png) no-repeat; position: absolute; left: 14px; top: 8px; width: 15px; height: 15px; background-position:0 -175px;}
.suchergebnis .pager button.last:before {display: block;content: ""; background: url(/layout/images/system/icons/Universal-Sprite.png) no-repeat; position: absolute; left: 10px; top: 8px; width: 15px; height: 15px; background-position: -245px -175px;}
    
    
.suchergebnis .pager button.active {background-color: #ffd402;cursor: default; border: 1px solid #ffd402;}
.suchergebnis .pager button.inactive {background-color: #b3b3b3;cursor: default; border: 1px solid #b3b3b3;}

.suchergebnis .result.hidden {display: none;}

@media only screen and (max-width :600px){
	.suchergebnis .pager button {margin: 5px 2px;}
}
#mainnav > ul > li:focus {outline: none;}
#mainnav ul > li > div.container.switchlanguage {width: 120px; margin-right: 12px; padding: 10px; text-align: left;}
#mainnav .stripes > div.layout, #mainnav  > div.flexcolumn > div.layout.stripes {background: url(/layout/images/system/icons/bg-schraffur-petrol.png); padding: 15px; margin: 20px 20px 20px 0;}
#mainnav .stripes.lBlue > div.layout, #mainnav  > div.flexcolumn > div.layout.stripes.lBlue {background: url(/layout/images/system/icons/bg-schraffur-hellblau.png);}
#mainnav .stripes.yellow > div.layout, #mainnav  > div.flexcolumn > div.layout.stripes.yellow {background: url(/layout/images/system/icons/bg-schraffur-gelb.png);}
#mainnav .stripes.lGreen > div.layout, #mainnav  > div.flexcolumn > div.layout.stripes.lGreen {background: url(/layout/images/system/icons/bg-schraffur-gruen.png);}
#mainnav .stripes > .layout > .wrapper, #mainnav .layout.stripes > .wrapper {background-color: #fff; padding: 10px;}
#mainnav .yellow > .layout, #mainnav .flexcolumn > .layout.yellow, #mainnav .green > .layout, #mainnav .flexcolumn > .layout.green, #mainnav .blue > .layout, #mainnav .flexcolumn > .layout.blue {position: relative;padding: 20px; margin: 10px; z-index: 2;}
#mainnav .yellow > .layout, #mainnav .flexcolumn > .layout.yellow {background-color: #f9ed43;}
#mainnav .green > .layout, #mainnav .flexcolumn > .layout.green {background-color: #94b494;}
#mainnav .blue > .layout, #mainnav .flexcolumn > .layout.blue {background-color: #82b0b8;}
#mainnav .yellow > .layout > .wrapper, #mainnav .flexcolumn > .layout.yellow > div.wrapper, #mainnav .green > .layout > .wrapper, #mainnav .flexcolumn > .layout.green > div.wrapper, #mainnav .blue > .layout > .wrapper, #mainnav .flexcolumn > .layout.blue > div.wrapper {background-color: #fff; padding: 10px; position: relative; z-index: 1;}
#mainnav .entireYellow > .layout, #mainnav .layout.entireYellow {background-color: #f9ed43; margin: 0 10px 0 10px;}
#mainnav .entireGreen > .layout, #mainnav .layout.entireGreen {background-color: #94b494; margin: 0 10px 0 10px;}
#mainnav .entireBlue > .layout, #mainnav .layout.entireBlue {background-color: #82b0b8; margin: 0 10px 0 10px;}
#mainnav .frame > .layout {border: 1px solid #b3b3b3; margin: 0 10px 20px 10px; background-color: #fff;}
#mainnav .entireYellow .wrapper, #mainnav .entireGreen .wrapper, #mainnav .entireBlue .wrapper, #mainnav .frame > .layout .wrapper {padding:10px;}
#mainnav div.teaserBild img {max-width: 100%;}
#mainnav div.teaserBild[class*=" bg-"] img {width: 100%; height: auto;}
#mainnav .flexrow.bg_green {background: #f7faf7;}
.flexrow.frame	{margin:15px 20px; padding:20px 0; border:1px solid #b3b3b3}
.flexrow.frame	> div.flexcolumn{margin-bottom:0px!important}
#mainnav .link.strong p, #mainnav .link.nav-strong p {font-weight: bold;}
.notTouchable #mainnav ul > li > div.container .link.strong a > p {display: block; padding: 6px 3px;}
.notTouchable #mainnav ul > li > div.container .link.strong a:hover > p  {background-color: #f9ed43;padding: 6px 3px;}


@media screen and (max-width: 600px){
	#mainnav {left:100%; transition: left .4s ease-in-out;}
	#mainnav.overlay + #navCloser {box-shadow: none; background: url(/layout/images/system/icons/ic-close.png) transparent; width: 26px; height: 26px; top: 17px;}
	#mainnav.oov:before {position: absolute;left: -45px;top: 15px !important;}
	#mainnav:before {position: fixed; right: 15px; top: 15px; background:url('/layout/images/system/icons/ic-navi.png') center no-repeat; width:30px; height:30px; display:inline-block; content:""; z-index: 5;box-shadow: none;background-size: contain;}
	#mainnav.overlay	{left:0px; z-index: 2!IMPORTANT;}
	#mainnav.overlay:before	{left:10px;}
	#page.stickyHead #mainnav.overlay {height: 100vh; height: calc(var(--vh, 1vh) * 100); overflow: auto; box-sizing: border-box; padding-top: 64px;}
	#mainnav.overlay + #navCloser	{box-shadow: none; position: fixed; right: 15px; top: 15px;; background:url('/layout/images/system/icons/ic-close.png') transparent; background-position: 7px -202px; width:26px; height:26px; top: 17px; display:inline-block; z-index: 5;}
	#mainnav.collapse.overlay	{left:100%;}
	#mainnav .flexcolumn {padding-left: 20px;}
	#mainnav .flexcolumn:not(.stripes) > .layout > .wrapper > h3 {padding-top: 20px;}
	#mainnav > ul	{margin: 0; padding:30px 0 0 0; display:block; background-color:#fff; height: 100%; overflow:auto; position: relative; overflow-x: hidden;box-sizing: border-box;}
	#mainnav.open > ul {overflow: hidden;}
	#mainnav li {border-bottom:1px solid #ddd; overflow:hidden; transition: all 0.7s ease;}
	#mainnav li.open {border-bottom: none; overflow: auto; height: 100%; width: 100vw;}
	#mainnav > ul > li a {padding: 0;}
	#mainnav a		{display:block; padding:0; font-size:140%; line-height:120%; padding:7px 0}
	#mainnav a h4 {font-size: inherit;}
	#mainnav li:not(.nosub) > p:before	{top:0; left:-20px; position:absolute; content:""; display:block; width:100%; height:100%; padding:0 10px; z-index:2; text-align:right; line-height:100%;}
	#mainnav a, #mainnav > ul > li > p > span, .subTrigger > p {display: block; font-family: Arial, Helvetica, sans-serif; font-size: 120%; line-height: 120%;}
	#mainnav div.link p {padding-left: 0;}
	#mainnav > ul > li > p	{margin:0;padding:0;position:relative;}
	#mainnav > ul > li > p > span , #mainnav > ul > li > p > a {padding-left: 20px;}
	#mainnav > ul > li span {position: relative; padding: 12px 20px 12px 0; display: block;}
	#mainnav > ul > li span:after {width: 100%; height: 100%;}
	#mainnav .submenuHead a:after {display: block; width: 100%;}
	#mainnav h4 {padding: 0; font-family: Arial; font-size: 120%;}
	#mainnav .submenuHead h2, #mainnav .submenuHead h3, #mainnav .flexcolumn > h2, #mainnav .flexcolumn > h3, #mainnav .submenuHead h4 {padding: 10px 0 10px 0;}
	#mainnav div.link p:before {display: none;}	
	#mainnav .flexrow:not(.bg_green) div.teaserIcon {min-height: 0;}
	#mainnav .flexrow .submenuHead {position: relative;}
	#mainnav > ul > li > p > span:after, #mainnav > ul > li > span:after {content: ""; width: 30px; height: 30px; position: absolute; right: 0; top: 14px; background: url(/layout/images/system/icons/Universal-Sprite.png) -52px -1217px no-repeat; transform: rotate(270deg);}
	#mainnav p.textblock {margin: 0 0 5px 0; position: relative;}
	#mainnav > ul > li.open span:after {transform: rotate(0deg); right: 13px; top: 15px;}
	#mainnav > ul > li.open span {position: relative; display: block; border-bottom: 1px solid #ddd; font-weight: bold; margin-left: 12px;}
	#mainnav ul li > div.container {position: relative; transform: translate(120%); visibility: hidden; height: 0; width: 0; overflow: hidden;}
	#mainnav ul li.open > div.container  {display: block; visibility: visible; position: relative; transform: translate(0%); padding-bottom: 60px; width: 100%; overflow-x: hidden; height: auto; width: 100vw; }
	#mainnav ul li.open > div.container.opensub {transform: translate(-200%); width: 100%; top: -46px; z-index: 3; overflow: visible;}
	#mainnav .submenuHead {max-width: 100vw;}
	#mainnav .submenuHead .subTrigger > :first-child:after {content: ""; width: 45px; height: 20px;  position: absolute; right: 0; top: 2px; background: url(/layout/images/system/icons/Universal-Sprite.png) -59px -1217px no-repeat; transform: rotate(270deg);}
	#mainnav .submenuHead, #mainnav .submenu a {border-bottom: 1px solid #ddd;}
	#mainnav .submenuHead a h2, #mainnav .submenuHead a h3, #mainnav .submenuHead a h4 {border-bottom: none;}
	#mainnav .submenuHead .subTrigger > a:after {content: "";width: 45px; height: 20px; position: absolute; right: 0; top: 2px; background: url(/layout/images/system/icons/Universal-Sprite.png) -59px -1217px no-repeat; transform: rotate(270deg);}
	#mainnav .opensub .submenuHead .subTrigger > *:after {display: none;}
	#mainnav .submenuHead a > *:after {display: none;}
	#mainnav .submenuHead a {padding: 12px 0 12px 0;}
	#mainnav .submenuHead a:before {content: "";position: absolute;	top: 0;	left: 0; width: 100%;	height: 100%;}
	#mainnav .submenuHead a > * {padding: 0;}
	.subTrigger {position: relative; padding-right: 35px;}
	.subTrigger:before {display: block;	content: ""; position: absolute; left: 0;	top: 0;	width: 100%; height: 100%; z-index: 2;}
	#mainnav .flexcolumn.opensub .submenuHead .subTrigger.open {padding: 12px 40px 12px 0;}
	#mainnav .flexcolumn.opensub .submenuHead .subTrigger.open > * {padding: 0 0 0 20px;}
	#mainnav .flexcolumn.opensub .submenuHead .subTrigger.open > a > *:not(p), #mainnav .flexcolumn.opensub .submenuHead .subTrigger.open > *:not(p) {font-weight: bold;}
	#mainnav .flexcolumn.opensub .submenuHead .subTrigger.open > *:before {position: absolute; display: block; content: "";	right: auto; left: 0; top: 17px; width: 30px; height: 24px; background: url(/layout/images/system/icons/Universal-Sprite.png) -66px -1208px no-repeat; transform: rotate(90deg);}
	#mainnav .submenu {visibility: hidden; position: absolute; transform: translate(120%); width: 100%;}
	#mainnav .flexcolumn.opensub .submenu {position: relative; transform: translate(0%);  visibility: visible; width: 100%; background-color: #fff; transition: all 1s ease;}
	#mainnav ul li.open .flexcolumn.opensub {transform: translate(200%); background-color: #fff; max-width: 100vw;}
	#mainnav .container.opensub .flexcolumn:not(.opensub) {display: none;}
	#mainnav .link.nav p {border-bottom: none; font-weight: normal;}
	#mainnav .link.nav-strong p {border-bottom: none;}
	#mainnav .flexrow .link.nav a {padding: 5px 0;}
	#mainnav.open > ul > li, #mainnav ul li > div.container {transition: transform 0.7s ease;}
	#mainnav.open > ul > li:not(.open) {transform: translate(-120%);}
	#mainnav.open > ul > li.open {position: absolute; top: 30px;}
	#mainnav > ul > li.open span:after {right: auto; left: 0; top: 15px; background: url(/layout/images/system/icons/Universal-Sprite.png) -69px -1208px no-repeat; transform: rotate(90deg);}
	#mainnav > ul > li.open span.mobile {display:none;}
	#mainnav .submenuHead .teaserIcon  {padding: 0; margin: 0;}
	#mainnav .submenuHead .teaserIcon div.ico {display: none;}
	#mainnav .flexrow.bg_green .teaserIcon {margin: 10px 20px 10px 0;}
	#mainnav .mobileInfo {padding: 20px; background-color: #f7faf7}
	#mainnav .mobileInfo > * {padding-left: 50px;}	    
	#mainnav .mobileInfo .teaserIcon div.ico {display: inline-block;}
	#mainnav .mobileInfo div.trenner {margin: 10px 0 10px 50px;}
	#mainnav .flexrow.bg_green .teaserIcon h4, #mainnav .flexrow.bg_green .teaserBild h4 {font-size: 120%;}
	#mainnav .flexrow.bg_green .teaserIcon p, #mainnav .flexrow.bg_green .teaserBild p {font-size: 90%; line-height: 140%;}
  #mainnav div.teaserBild div.button:before {top: 4px;}
	#mainnav ul > li > div.container.switchlanguage {width: 100%; padding: 0; visibility: visible; position: relative; transform: translate(0);}
	#mainnav li#nav-lang {border-bottom: 0;}
	#mainnav #nav-lang p {text-indent: -999em;}
	#mainnav #nav-lang p:after {position: relative;text-indent: 0px;display: block;padding-left: 6px;background-color: #dfe8df;}
	#mainnav ul > li > div.container.switchlanguage  {width: 100%;padding: 0;}
	#mainnav ul div.container.switchlanguage a {border-bottom: 1px solid #ddd; display: block;}
	#mainnav #nav-lang a, #mainnav #nav-lang p:after {font-size: 120%;line-height: 100%;padding: 10px 0 10px 20px;}
	#mainnav #nav-lang p.de:after {content: "Deutsch"}
	#mainnav #nav-lang p.en:after {content: "English"}
	#mainnav #nav-lang p.fr:after {content: "Fran\00e7 ais"}
	#mainnav #nav-lang p.nl:after {content: "Nederlands"}
	#mainnav .entireYellow > .layout, #mainnav .layout.entireYellow, #mainnav .entireGreen > .layout, #mainnav .layout.entireGreen, #mainnav .entireBlue > .layout, #mainnav .layout.entireBlue {margin: 10px 20px 10px 0px;}
	#mainnav .frame > .layout {margin: 10px 20px 10px 0;}
	#mainnav .flexrow.bg_green {padding: 15px 0;}
	#mainnav div.link p {border-bottom: none;}
}

@media screen and (min-width: 601px){
	#mainnav > ul > li {float:left; font-weight:bold; cursor:pointer;}
	#mainnav	{position:absolute; top: auto; right:0px; margin:20px 0 0 0; display:block; line-height:200%; text-align:right; z-index:112}
	#mainnav	> div.navi, #mainnav .mobileInfo	{display:none}
	#mainnav.open	{width:100%} 
	#mainnav > ul	{padding:0px 49px 0 0; margin:0; float:right;}
	#mainnav > ul > li {float:left; font-weight:bold; cursor:pointer; border:none;}
	#mainnav > ul > li:last-of-type 	{border-right-width:0!important}
	#mainnav > ul > li.home	{display:none}
	#mainnav > ul > li > span	{position:relative; z-index:5}
	#mainnav > ul > li > p	{position:relative; margin:0; padding:0;}
	#mainnav > ul > li > p:before	{top:0; left:0; position:absolute; content:""; display:block; width:100%; height:100%; z-index:2}
	#mainnav > ul > li.nosub > p:before	{display:none}
	#mainnav.open > ul > li.nosub.open > p:after	{display:none}
	#mainnav > ul > li.active > p > a 		{color:#82b0b8!important;}
	#mainnav.open ul > li.open > div.container	{display:block;}
	.notTouchable #mainnav ul > li > div.container a:hover		{background-color:#f9ed43}
	#mainnav ul > li.open > div.container > ul {margin:0; opacity:1;}
	#mainnav ul > li > div.container > ul > li li	{font-weight:normal; border-bottom:1px solid #dfe8df;}
	#mainnav ul > li > div.container > ul > li li ul	{display:none}
	#mainnav ul > li > div.container > ul > .clearboth	{height:15px; display:block}
	#mainnav ul > li > div.container a {padding: 0;}
	#mainnav ul > li > div.container div.link p {border: none; margin: 6px 0;}
	#mainnav ul > li > div.container div.link p:before {content: ""; display: none;}
	#mainnav ul > li > div.container > ul > li .link a, #mainnav ul > li > div.container li.opener 	{line-height:140%; display:block; padding:5px; cursor:pointer}
	#mainnav ul > li > div.ic	{position:absolute; top:-7px}
	#mainnav {transition: all 0.8s ease;}
	.MSIE #mainnav  {transition: none;}
	#mainnav.contracted { pointer-events: none; height:0;overflow: hidden;}
	#mainnav.expanded  {animation: navbig 1000ms forwards;overflow: hidden;}
	#mainnav.contracted  {animation: navsmall 1000ms forwards; overflow: hidden;}
	#mainnav.contracted > ul {animation: naviTransform 1000ms forwards;}
	#pagehead.navext.navexpanded #mainnav.expanded > ul {animation: naviTransform2 1000ms forwards}
	#pagehead.navext #mainnav, #pagehead.navext #mainnav > ul {box-sizing:border-box;}
	.flexrow {display: flex; flex-flow: row wrap;	justify-content: space-around; align-items: flex-start;	max-width: 100%;}
	.flexcolumn {position: relative; flex: 1 1 0;	margin: 0 auto;	box-sizing: border-box;	padding: 10px 15px; overflow: hidden;}
	#mainnav .flexrow:last-child {padding-bottom: 10px!important;}
	.flexrow:last-child .flexcolumn {padding-bottom: 0;}
	.flexrow.solo .flexcolumn {width: 100%}
	.flexrow.duo .flexcolumn {width: 49%}
	.flexrow.duo.two2one .flexcolumn, .flexrow.duo.one2two .flexcolumn {width: 33%}
	.flexrow.duo.two2one .flexcolumn.eins, .flexrow.duo.one2two .flexcolumn.zwei {flex-grow: 2.1; width: 66%;}
	.flexrow.trio .flexcolumn {width: 33%}
	.flexrow.quart .flexcolumn {width: 25%}
	.flexrow.quart.one2three .flexcolumn, .flexrow.quart.one2three .flexcolumn {width: 25%}
	.flexrow.quart.one2three .flexcolumn.eins {width: 25%}
	.flexrow.quart.one2three .flexcolumn.zwei {flex-grow: 3.1; width: 75%;}		
	.flexrow .iFormControl {display: block;	width: 100%;}
	#mainnav .subueberschrift {margin-bottom: 5px;}
	#mainnav p {font-weight: normal; line-height: 125%; margin: 0 0 10px 0;}
	#mainnav .link.ti p {font-weight: bold; line-height: 38px; margin: 0;}
	#mainnav .container {text-align: left;}
	#mainnav .container .center {text-align: center;}
	#mainnav > ul > li {cursor: auto;}
	#mainnav > ul > li > p {cursor: pointer;}
	#mainnav.open > ul > li.open > p:after {position:absolute; display:block; bottom:-10px; left:calc(50% - 15px); z-index:2; content:"";width: 0; height: 0;border: 0 solid transparent;border-right-width: 17px;border-left-width: 17px;border-bottom: 12px solid #fff; filter: drop-shadow(0px -1px 1px rgba(0,0,0,0.2));}
	#mainnav ul > li > div.container {display:none; font-size:100%; line-height:100%; position:absolute; margin:10px 0 0 0; padding:10px 0 0 0; width:100%; right:0; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.2)}
	#mainnav ul > li > div.container {max-height: calc(100vh - 30px); overflow: auto; box-sizing: border-box;}
	#mainnav ul > li > div.container a {padding: 0;}
	#mainnav .submenu.indent:not(.iconRight) {margin-left: 42px;}
	#mainnav ul > li > div.container .submenu .link a, #mainnav .link.nav a, #mainnav .link.nav-strong a {display: block; padding: 0 3px; border-bottom: 1px solid #dfe8df;}
	#mainnav ul > li > div.container .submenu .link:last-child a {border-bottom: none;}

	#mainnav .container div.link.std > a > p {padding: 1px 5px 1px 20px; margin-top: 6px; margin-bottom: 6px; position: relative; display: inline-block; font-weight: bold; border-bottom: 3px solid #f9ed43;}
	#mainnav .container div.link.std > a > p:before {background: url(/layout/images/system/icons/Universal-Sprite.png) -1px -1225px no-repeat; top: 6px; left: 3px; content: " "; position: absolute; width: 11px; height: 10px;display: inline-block;}
	
	.notTouchable #mainnav ul > li > div.container .submenu .link a:hover, .notTouchable #mainnav .link.nav a:hover,  .notTouchable #mainnav .link.nav-strong a:hover {background-color: #f9ed43;}
	.notTouchable #mainnav ul > li > div.container a:hover {background-color: transparent;}
	#mainnav ul > li > div.container > ul > li 	{width:23%; width:calc(33% - 26px); padding:0 13px; float:left; display:inline; text-align:left; overflow:hidden; font-weight:bold; padding-bottom:3px;}
	#mainnav ul > li > div.container > ul > li li 	{display:block}
	#mainnav > ul > li > p 	{font-size:105%; line-height:200%; padding:0 10px; font-weight: bold;}
	#mainnav > ul > li > p > a {font-weight: bold;}
	#mainnav .subTrigger h4, #mainnav .teaserIcon h4 {font-size: 14px; font-weight: bold; padding: 10px 0 6px 0; font-family: Arial;}
	#mainnav div.link:not(.std) p, #mainnav div.link:not(.std) p:hover {border: none;}
	#mainnav div.link:not(.std) p:before {display: none;}
	#mainnav ul > li > div.container .link:not(.std) p {padding-left: 0;}
	#mainnav div.teaserIcon {padding: 0 0 0 45px; min-height: 40px; margin-bottom: 15px;}
	#mainnav .submenuHead {min-height: 40px;}
	#mainnav .submenuHead div.teaserIcon {margin-bottom: 0;}
	#mainnav div.teaserIcon.s1 {padding: 0 0 0 135px; min-height: 120px;}
	#mainnav div.teaserIcon.s2 {padding: 0 0 0 85px; min-height: 65px;}
	#mainnav div.teaserIcon.iconRight  {padding: 0 45px 0 0;}
	#mainnav div.teaserIcon.iconCenter {padding: 0; margin: 0;}
	#mainnav div.teaserIcon.iconCenter > div.ico {position: relative;}
	#mainnav .text.link:before {top: 3px;}
	#mainnav div.teaserIcon > a {padding: 0;}
	#mainnav .flexrow.bg_green {padding: 0; border: none; border-top: 1px solid #dfe8df;}
	#mainnav .field.white > * {background: white; position: relative;	z-index: 5; padding: 0 13px 20px 13px;}
	#mainnav .field.white h4 {font-size: 129%;font-weight: normal;}
	#mainnav .spalte.field.white:after {content: ""; background-color: #fff; box-shadow: 5px 8px 16px rgba(0,0,0,0.2); width: 80%; height: 40px; position: absolute; z-index: 1; right: 12px; bottom: 8px; transform: rotate(1.9deg);}
	#mainnav .bg_green > .flexcolumn.field.white, #mainnav .bg_green > .flexcolumn.field.green, #mainnav .bg_green > .flexcolumn.field.yellow, #mainnav .bg_green > .flexcolumn.field.blue {margin-top: 10px; position: relative;}
  #mainnav .flexcolumn.field.shadow:after {width: 79%; right: 36px; bottom: 27px; content: ""; background-color: #fff; box-shadow: 5px 11px 22px rgba(0,0,0,0.2); height: 40px; position: absolute; z-index: 1; transform: rotate(1.9deg); border-radius: 30px;}
  #mainnav .flexcolumn.field.white.shadow:after {right: 18px; bottom: 16px;}
  .MSIE #mainnav .flexrow .flexcolumn.field.white:after {width: 58%;	right: 20px; bottom: 18px;}
	#mainnav ul > li > div.container.switchlanguage a {line-height: 140%; display: block; padding: 5px; cursor: pointer;}
  .notTouchable #mainnav ul > li > div.container.switchlanguage a:hover {background-color:  #f9ed43;}
  #mainnav div.teaserBild div.button:before {top: 3px;}
	#mainnav > ul > li:not(.nosub) > p {padding-right: 22px;}
	#mainnav > ul > li:not(.nosub) > p > *:first-child:before {position: absolute; top: 10px; right: 10px; width: 5px; height: 5px; border: 2px solid #000; border-width: 0px 2px 2px 0; color: #000; font-size: 22px; line-height: 17px; transition: left 0.6s ease; z-index: 2; content: ""; transform: rotate(45deg); pointer-events: none; transition: transform .3s;}
	#mainnav > ul > li.open:not(.nosub) > p > *:first-child:before {transform: rotate(-133deg); top: 13px;}
}

@media screen and (max-width: 900px) and (min-width: 601px) {
	#mainnav > ul > li:not(.nosub) > p > *:first-child:before {top: 7px;}
	#mainnav > ul > li.open:not(.nosub) > p > *:first-child:before {top: 10px;}
}

@media screen and (max-width: 420px) {
	#mainnav:before {width: 21px;height: 21px; top: 20px;}
	#mainnav.overlay + #navCloser {background-position: center center; background-size: contain; width: 20px; height: 20px; top: 21px;}
}
.usercentrics_consentNotice {overflow:auto; min-height:auto; margin:0; padding:10px; display: inline-block; width: 90%; max-width: 475px; text-align: center; background-color: #94b494; border-radius: 10px; border: 2px solid #fff}
.usercentrics_consentNotice:before{content: url(/layout/images/system/icons/cookie_thumb.png); margin-bottom: -60px;}
.usercentrics_consentNotice > .buttons > button {display: inline-block; margin: 0 10px;}


body .usercentrics-button * {font-family: Arial,sans-serif !important;}
body .uc-border-radius-small {border-radius: 0;}
body .uc-powered-by-footer {display: none!important;}
body .usercentrics-button.layout-1 .uc-banner-content p {font-size: 15px !important;}
body .usercentrics-button.layout-1 .uc-banner-content b {font-size: 15px !important;font-weight: bold;}
body .usercentrics-button #uc-banner-centered .uc-banner-content .uc-banner-btn-list {text-align: center !important;display: inherit;  flex-direction: inherit; margin-top: inherit;  float: left !important; width: 100% !important;}
body .uc-banner-centered {font: normal 15px Arial !important;}
body #uc-banner-centered .uc-banner-content .uc-banner-text {padding:0 !important; margin-bottom: 0 !important;}
body #uc-banner-centered div {float: left !important; }
body #uc-banner-centered .uc-banner-content .uc-banner-btn-list .uc-btn-accept-wrapper, #uc-banner-centered .uc-banner-content .uc-banner-btn-list .uc-btn-deny-wrapper {margin: 0 !important;}
body #uc-banner-centered .uc-banner-content {padding: 30px 30px 10px 30px !important;}
body .uc-banner-content button:before {background: none !important; }
body #usercentrics-button .uc-btn-new.uc-btn-accept {font-size: 18px;background: #f9ed43;color: #000;border-radius: 8px;height: 40px;text-align: center;padding: inherit;width: 280px !important; float: right !important;}
body #usercentrics-button #uc-banner-centered {width: 100%;max-width: 600px;margin: 0 10px;padding: 0;color: #000;background-color: #fff;font-size: 17px;line-height: 22px;box-shadow: none;}
body #usercentrics-button .uc-btn-new.uc-btn-accept {width: 47.5% !important; float: right !important; margin: 20px 0 0 0 !important;}
body #uc-btn-accept-banner button:before {background: none !important;}
body #uc-btn-more-info-banner {width: 47.5% !important; float: left; margin-top: -40px;background: none;padding: inherit;height: 40px;border: 1px solid #000;text-align: center;font-weight: normal;}
body .uc-modal-dialog button:before {display:none;}
body .uc-dropdown button:before {background: none !important;}
body #uc-OutlookKalender {min-height: 280px;}
body #uc-central-banner-modal a[href] {color: #ff0000 !important;text-decoration: underline;}
body .uc_optin_msg {margin: 0 !important;}
body #uc-btn-close-x-corner-modal:before {display: none;}


body #usercentrics-button #uc-btn-deny-banner {background: none;padding: 0;	font-size: 14px; 	font-weight: normal;	text-align: center;	height: 30px;	margin: 0;}
body #usercentrics-button #uc-btn-deny-banner:before {content: ""; width: 20px; height: 20px; left: 0; top: 0; position: relative; display: inline-block; margin: -4px 2px; background: url(/layout/images/system/icons/Universal-Sprite.png) -134px -240px no-repeat !important;}
body .usercentrics-button .uc-corner-modal .uc-corner-modal-content .uc-nav-tabs a.uc-active {color: #000!important;}
body .usercentrics-button .uc-corner-modal .uc-corner-modal-content .uc-nav-tabs a{color: #000!important;}
body #usercentrics-button #uc-corner-modal.layout-1 .uc-powered-by-footer {display: none;}
#usercentrics-button #uc-consents-info-modal .uc-modal-footer .uc-save-settings-and-close-button {color: #000!important;}
#usercentrics-button #uc-consents-info-modal .uc-modal-header {background-color: #277a8a !important; }
#usercentrics-button #uc-consents-info-modal .uc-modal-header .uc-info-modal-search-bar input {background-color: #277a8a !important; border: 1px solid #fff!important;}
#usercentrics-button #uc-consents-info-modal .uc-info-modal-sidebar {background-color: #bed7dc !important; }
.usercentrics-button .uc-corner-modal .uc-corner-modal-content .uc-nav-tabs a {color: #000!important;}
#usercentrics-button input[type=checkbox].uc-form-check-input+label:before, .uc-embed input[type=checkbox].uc-form-check-input+label:before {border: 2px solid #ffd402 !important}
#usercentrics-button input[type=checkbox].uc-form-check-input:checked+label:before, .uc-embed input[type=checkbox].uc-form-check-input:checked+label:before {background-color:#277a8a !important; border-color:#277a8a !important}
#usercentrics-button input[type=checkbox].uc-form-check-input.intermediate+label:before, .uc-embed input[type=checkbox].uc-form-check-input.intermediate+label:before {background-color: #94b494 !important;border-color: #94b494 !important;}
#usercentrics-button input[type=checkbox].uc-form-check-input:checked:disabled+label:before, .uc-embed input[type=checkbox].uc-form-check-input:checked:disabled+label:before {background-color: #dfe8df !important;border-color: #dfe8df !important;}
#usercentrics-button .uc-banner-links { font-size: 12px !important;}
#usercentrics-button .headinglevel-1, .uc-embed .headinglevel-1 {font-size: 20px!important;}
.usercentrics-button .uc-embed-cat-overview .uc-state-change {padding: 0!important;}
.uc-embed .uc-toggle.uc-label-bottom input[type=checkbox]+label:before  {background-color: #b5cbb4!important}
.uc-embed .uc-toggle input[type=checkbox]:checked+label:before {background-color: #277a8a!important}
.uc-embed .uc-toggle input[type=checkbox]:disabled+label:before {background-color: #dfe8df!important}

#Capa_1 path {fill: #000!important;}

/* overlay */
.uc-embedding-container {overflow:auto; margin:0; padding:0; left:50%; transform:translate(-50%,0%);}
body .uc-embedding-wrapper {width: 90%; max-width: 475px; text-align: center; background-color: #94b494; color: #000; min-height: 222px; box-shadow: 0 0 0 2px #fff; }
body .uc-embedding-wrapper button, .uc-embedding-more-info, .uc-embedding-more-info:hover {float: none; }
body .uc-embedding-wrapper p {margin-bottom: 10px;}
body .uc-embedding-wrapper:before{content: url(/layout/images/system/icons/cookie_thumb.png); margin-bottom: -60px;}
body .uc-embedding-buttons {margin-left: auto;margin-right: auto; margin:20px 10px 10px 10px}
body .uc-embedding-accept {margin-left: 3px; padding: 0 43px;}
body .uc-embedding-accept, body .uc-embedding-accept:hover {background: #f9ed43; border: none; color: #000;}
body button.uc-embedding-more-info, body button.uc-embedding-more-info:hover {padding: 0; margin-left: 14px; float: left; border: none; color: #000; background: none;}
body .uc-embedding-accept {margin-left: 3px; padding: 0 43px;}
body .uc-embedding-wrapper button:before {display: none;}

#uc-OutlookKalender {min-height: 280px;}

/* Sprachauswahl */
.uc-language-wrapper {display: none;}

@media screen and (max-width: 600px) {
	#uc-banner-centered {max-height: calc(100vh - 40px)!important;}
	#uc-banner-centered .uc-banner-content {max-height: 90vh!important;}
	.uc-banner-text {height: auto;}	
	body #usercentrics-button .uc-btn-new.uc-btn-accept {width: 100% !important; float: left !important;}
	body #uc-btn-more-info-banner {width: 100% !important; float: left; margin-top: 16px; margin-bottom: 13px;}
	body #usercentrics-button #uc-banner-centered {margin: 0 16px;}
	body #uc-banner-centered .uc-banner-content {padding: 16px !important;}
	body #uc-banner-centered {left: calc(50% - 16px)!important}
	body #usercentrics-button #uc-banner-centered {max-width: calc(100% - 30px); }
	body #uc-btn-accept-banner {margin: 0 0 16px 0 !important;}
	body #uc-banner-centered .uc-banner-content .uc-banner-text {padding: 0 !important;margin-bottom: -20px !important;}
	body .usercentrics-button.layout-1 .uc-banner-content p {font-size: 13px !important;}
	body .usercentrics-button.layout-1 .uc-banner-content b {font-size: 13px !important;}
	body #usercentrics-button .uc-btn-new.uc-btn-accept {margin: 25px 0 0 0 !important;}
	body button.uc-embedding-more-info, body button.uc-embedding-more-info:hover {line-height: inherit;}
}

@media screen and (orientation: landscape) {
	body #usercentrics-button #uc-banner-centered {
	  max-height: 100%; 
	}
	body	#usercentrics-button #uc-banner-centered .uc-banner-links a, #usercentrics-button #uc-banner-centered .uc-banner-links span {
		margin-top: 0;
	}
}
[data-ytCode] {position:relative}
[data-ytCode]:empty	{content:"YOUTUBE";(none)}
.iframevideo  {width:100%; margin: 0 0 -5px 0; frameborder:0}
.yT-Container {text-align: center; background-image: url('/library/images/placeholder/youtube.jpg');}
div.uc-OutlookKalender > iframe {border:0; height:1820px;}
.aelterebeitraege {color: #777; padding: 0 20px; margin-top: -10px;}

/* wegen Tischtennis-banner*/
#foot {margin-top: 0px}

.pv_groupconnect	{position:absolute; top:-41px; right:15px; }
#homepage .pv_groupconnect	{top:-41px;}
body.overlayed .pv_groupconnect	{display:none}

.sporthome::before {background: rgba(0, 0, 0, 0) url("/layout/images/system/icons/Universal-Sprite.png") no-repeat scroll -245px -945px;content: " ";height: 25px;left: 9px;padding-right: 5px;position: absolute;width: 22px;}
.sporthome {background-color: #dfe8df; bottom: 0; left: 20px; margin-top: 50px; padding: 9px 0 9px 35px; position: absolute;width: 220px; z-index: 2; font-weight: bold;}

.eKomiAuszeichnungenSiegel h5 {font-size: 105%;}
.eKomiAuszeichnungenSiegel .desc {padding-top:10px;}		
.eKomiAuszeichnungenSiegel .desc p {margin-top:0;}	
.eKomiAuszeichnungenSiegel .seal {width:80px; height:80px;float:left; margin-right:10px; margin-top: 8px;}	
.eKomiAuszeichnungenSiegel .siegel-reihe {width: 100%;min-height:100px;}

#eKomi-all-reviews-output .siteactivePager label {left: 0; margin: 50px 0; margin-left:40%; position:absolute; top:inherit;}

.recht_heim_paket{float: right; padding:8px;}
.recht_heim_paket:after {background:url('/layout/images/system/icons/Universal-Sprite.png') no-repeat; background-position:-140px -175px; width:9px; height:15px; position:relative; display:inline-block; content:" "; margin-left: 5px;}
.recht_heim_paket.open:after {background:none;}
.recht_heim_paket.open:before {background:url('/layout/images/system/icons/Universal-Sprite.png') no-repeat; background-position:-140px -175px; width:9px; height:15px; position:relative; display:inline-block; content:" "; margin-right: 5px;transform:rotate(180deg); -webkit-transform:rotate(180deg); }
	
.homepage .suche {padding:0; background-color:inherit;}
.homepage .suche button	{top:inherit; bottom:0; margin-bottom:0px; right:10px;  background-color: #f9ed43; border: 1px solid #ffd402;}
.homepage .suche button:after {background-position: 0 -280px!important;}
.homepage .suche input {margin: 0; width: calc(100% - 30px);}
.homepage .suche .fieldContainer {width: 100%;}
.homepage > div.container {top: -45px;}
.homepage .column.c3 {overflow:visible;}
.homepage .hp-yellow-field {margin-bottom: 30px!important;}

#kontakt {height: 25px;}

#page.Themenseite.startseite #header > div.text {margin: -38px 0 0 0;}
#hp-versicherung {display: block;}

div.reiter > ul.pager li {font-size:120%;}

@media screen and (max-width: 600px){
	.pv_groupconnect	{position: fixed; right: 95px; top:15px!important; width:30px; height:30px; z-index: 5}
	.pv_groupconnect > div {width:30px!important; height:30px!important; box-shadow: 2px 2px 4px rgba(0,0,0,.3);}
	.pv_groupconnect > div > div:before	{background: url('/layout/images/system/icons/ic-chat.png') center no-repeat;position:absolute; width: 30px; height: 30px; display: inline-block; content: "";}
  .pv_groupconnect #pv_startChat	{background-image:none; background-color:transparent!important}
	.pv_popupConnect	{display:none!important}
	.pv_popupconnect	{display:none!important}
	.homepage form#multiteaser	{margin-bottom: 35px; position: relative; padding-bottom: 40px;}
	.homepage form#multiteaser:after {content: " "; background: url(/layout/images/system/divshadow.png) no-repeat 50% 0; border-top: 1px solid #ddd; bottom: 0; height: 10px; width: 100%; position: absolute;}
	.homepage:before {background: none;}
	.homepage .suche button	{top: auto;bottom: 55px;}
	.homepage .suche input {width: calc(100% - 40px);}

	#hp-versicherung  {display: none;}
	#hp-versicherung-mobile {display: block;}
}

@media screen and (min-width: 601px){ 
	#navigation.full ul > li > div.container > ul > li li 	{display:block}
	#navigation.full ul > li > div.container > ul > li li.more 	{display:none; border: none;}
	#navigation.full ul > li > div.container > ul > li li.clearboth {border-bottom: none;}
	#navigation.full.open ul > li.open > div.container {overflow-y: auto; max-height: 80vh;padding-bottom: 100px;}
	#hp-versicherung-mobile {display: none;}
	#hp-versicherung {display: block;}
	.homepage .hp-yellow-field {margin-top: -10px; margin-bottom: 20px;}
}

#page.healthapp	#head {display:none;}
#page.healthapp	#foot {display:none}
#page.healthapp	#navigation {display:none}
#page.healthapp	#suche {display:none}
#page.healthapp	#breadcrumb {display:none}
#page.healthapp	#tischtennis	{display:none}
#page.healthapp.stickyHead #pagehead {background-color: #FFF}

#overview	{background:#fff; padding:15px;}
#overview .H3	{margin-left:10px;}
#overview .H4	{margin-left:10px;}
#overview .H5	{margin-left:20px;}
#overview .H6	{margin-left:20px;}

.passwordhardener	{position:relative; font-size:10px; line-height:16px; text-align:center; background-image: linear-gradient(to right, #f44 50%, #4f4 95%); color:#fff; border-radius:8px; overflow:hidden}
.passwordhardener > div	{position:absolute; left:0; top:50%; height:10px; width:10px; border-radius:50%; background-color:rgba(0,0,255,.75); transform:translate(-50%,-50%)}
.jforms .passwordhardener	{margin:5px 0 0 5px}
.passwordCompareOk	{color:#0c0!important}

/*
#realperson_text_status_button {display: none;}
*/
.tWidgetButtonStyle {display: none;}
#quicklinks li.chat.disabled a:after {content: " (nicht besetzt)";}
/*
#realpersonChatWrapper .chat-body section .btn {padding: 5px 7px 5px 27px !important; border: 0; margin: 0 0 15px 0; font-weight: bold; background: #f9ed43;border: 1px solid #f9ed43 !important; font-size: 100%; cursor: pointer; line-height: 160%;}    
#realpersonChatWrapper .chat-body section .btn-primary:hover {background: #ffd402; }
*/
#quicklogin	{position:relative; text-align: left; margin-right:15px; margin-left: 20px;}
#quicklogin > label	{cursor:pointer; background:#f9ed43; margin:0; display:inline-block; padding:0; height:28px}
#quicklogin > label:before	{content:""; float:right}
#quicklogin > label:after	{background:url('/layout/images/system/icons/Universal-Sprite.png') -200px -974px; width:28px; height:28px; margin:0; display:inline-block!important; content:""}
body.loggedIn #quicklogin > label:after	{background-position: -235px -974px;}

#quicklogin > form	{transition: all 0.3s ease-out; position:absolute; transform:scale(0,0); line-height:140%; transform-origin: 100% 0; right:0; top:29px; background:#fff; padding:20px; border:1px solid #ccc; box-shadow: 2px 2px 4px rgba(0,0,0,.3)}
#quicklogin.open > form	{transform:scale(1,1);}
#quicklogin > form h3	{margin-bottom:10px}
#quicklogin > form > input	{display:inline-block; line-height:21px; font-size:15px; width:200px; padding:5px; margin:5px 0; display:block; text-align:left; border:1px solid #b3b3b3; background-color: #fff; box-shadow: inset 2px 2px 3px rgba(0,0,0,.1);}
#quicklogin > form > button	{width:212px;}

#sofortbutton .wiper a.button:before {background: none;}


@media screen and (min-width: 860px){
	#quicklogin > label:before	{content:"Meine ARAG"; margin-left:5px}
}

body.desktop #mainnav > ul > li:nth-last-child(2)	{border-width:0}
body.desktop #suche				{margin-top:20px}


/* Headerdesign Neu */
@media screen and (max-width: 600px) {
		#versicherungen a {width: 24.333%!important;font-size: 99%;font-weight: bold;}
}
@media screen and (min-width: 601px) {
		#versicherungen a {width: 13.9%;font-size: 99%;font-weight: bold;}
}

@media screen and (max-width: 600px) { 
	#page.stickyHead #head #telefon:before	{background: url(/layout/images/system/icons/24-7-Icon.png) no-repeat; content: ""; background-size: contain; display: inline-block; height: 32px; width: 41px; margin: -6px 0 0 0; vertical-align:text-top}
}

@media screen and (min-width: 601px) { 
	#page.Themenseite #header > div.text {box-sizing: border-box; width: 473px; padding: 35px 32px 25px; right: 60px; left: auto;margin: 0; box-shadow: 0 2px 6px 0 rgba(0,0,0,0.21);}
	#page.Themenseite #header > div.text > p  {font-size: 111%; line-height: 150%;}
	#page.Themenseite.startseite #header > div.text {right: auto; width: 100%;}	
	#page.stickyHead #head #telefon:before, #page.stickyHead.Landingpage #head #telefon .right::before {background: url(/layout/images/system/icons/24-7-Icon.png) no-repeat; background-size: contain; height: 32px; width: 41px;}
}

@media
  screen and (-webkit-min-device-pixel-ratio: 2),
  screen and (min-resolution: 192dpi),
  screen and (min-resolution: 2dppx) {
		#page.stickyHead #head #telefon:before, #page.stickyHead.Landingpage #head #telefon .right::before {
		    background: url(/layout/images/system/icons/24-7-Icon_2x.png) no-repeat;
		    background-size: contain;
	}
}

button.chatbot.p4 {display: inline-block; color: #82b0b8;}

#page.Themenseite #header > div.text {background-color: #fff;}
#page.Themenseite #header > div.text > p {font-size: 125%; line-height: 150%;}
#page.Themenseite #header > div.text .articleInfo {margin-top: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 97%; line-height: 131%;}
#page.Themenseite #header > div.text .articleInfo p.date {color: #b3b3b3; font-size: inherit;}
#page.Themenseite #header > div.text .articleInfo a.autorpfad {color: #000; font-weight: normal;}
#page.Themenseite #header > div.text .articleInfo img.imgAuthor {width: 48px; height: 48px; float: left; margin: 5px 10px 10px 0;}
#page.Themenseite #header > div.text .keywords {display: none;}

/* GRID*/

.grid-container {padding: 0 10px;}
.grid-container .grid-item {margin-bottom: 10px;}
.grid-container .grid-item .grid-item-content {border: 1px solid #d9d9d9;}

/* .grid-container .grid-item .grid-item-content .latestArticle, .grid-container .grid-item .grid-item-content .teaserBild {margin: -20px -19px; padding: 20px;} */
.grid-container .grid-item .grid-item-content > *:not(.latestArticle):not(.teaserBild):not(.contentbild):not(.SSI):not(a) {margin: 10px;}
.grid-container .grid-item .grid-item-content .teaserBild + * {margin-top: 40px;}
.grid-container .rg-teaser {border: none;}

.grid-container div.teaserBild  {line-height: 0;}
.grid-container div.teaserBild .text {line-height: 140%; padding: 20px 10px;}
.grid-container div.teaserBild img {margin-bottom: 0; max-width: 100%;}
.grid-container div.contentbild {margin: 0;}
.grid-container + .button.rmButton:not(.hidden) {display: table;margin: 10px auto 20px;}

.grid-container .grid-item .grid-item-content.col   {background-color:#fff}
.grid-container .grid-item .grid-item-content.col3  {background-color:#94b494}
.grid-container .grid-item .grid-item-content.col2  {background-color:#82b0b8}
.grid-container .grid-item .grid-item-content.col2h {background-color:#bed7dc}
.grid-container .grid-item .grid-item-content.col2d {background-color:#277a8a}
.grid-container .grid-item .grid-item-content.col1  {background-color:#f9ed43}

/* desktop.css */

@media screen and (min-width: 601px) {
	.grid-container {max-width: calc(100% + 20px); padding: 0; margin: 0 -10px;}
	.grid-container:after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}
	.grid-container .grid-item {box-sizing: border-box; overflow: hidden; padding: 10px; margin-bottom: 0;}
	.grid-container .grid-item * {box-sizing: border-box;}
	
	/* Grid Layout 01 */
	.grid-container.layout_1 .grid-item {float: left; width: 50%;}
	.grid-container.layout_1 .grid-item:nth-child(1) {float: right; width: 50%;}
	.grid-container.layout_1 .grid-item:nth-child(4) {clear: both;}
	
	/* Grid Layout 02 */
	.grid-container.layout_2 .grid-item {float: left; width: 66.666%}
	.grid-container.layout_2 .grid-item:nth-child(2), .grid-container.layout_2 .grid-item:nth-child(4) {width: 33.333%;}
	.grid-container.layout_2 .grid-item:nth-child(3) {clear: both; float: none; width: 100%;}
	
	/* Grid Layout 03 */
	.grid-container.layout_3 .grid-item {float: left; width: 50%}
	.grid-container.layout_3 .grid-item:nth-child(1) {width: 66.666%;}
	.grid-container.layout_3 .grid-item:nth-child(2) {width: 33.3333%;}
	.grid-container.layout_3 .grid-item:nth-child(5) {width: 100%;}
	.grid-container.layout_3 .grid-item:nth-child(3), .grid-container.layout_3 .grid-item:nth-child(5) {clear: both;}
	
	.grid-container .grid-item.col100 .rg-teaser {padding-bottom: 0;}
	.grid-container .grid-item.col100 .rg-teaser > a > div:first-child {float: left; width: calc(33.333% - 10px); max-width: 300px; height: auto; line-height: 0;}
	.grid-container .grid-item.col100 .rg-teaser .rgt-content {position: relative; float: left ; width: 66%;}
}

/* Ratgeberartikel-Teaser */

.rg-teaser {position: relative; box-sizing: border-box; border: 1px solid #e3e3e3; padding-bottom: 10px;}
.rg-teaser * {box-sizing: border-box;}
.rg-teaser img {width: 100%; height: auto;}
.rg-teaser .flag {position: absolute; top: 7px; left: 8px; background-color: #f9ed43; padding: 4px 11px; border-radius: 3px; text-transform: uppercase; font-weight: bold;}
.rg-teaser .rgt-content {padding: 10px 10px 0 10px;}
.rg-teaser .rgt-content h4 {font-size: 130%; font-weight: bold;}
.rg-teaser .rgt-content h4 span {display: block; font-size: 80%; color: #989898; font-family: Arial, Helvetica, sans-serif; font-weight: normal;}
.rg-teaser .rgt-footer {padding: 15px 0 0 0;}
.rg-teaser .rgt-footer .link {float: left;}
.rg-teaser .read-article-time {font-weight: bold; color: #277a8a; float: right; margin-top: 9px;}
.teaserliste .rg-teaser {margin-bottom: 20px;}
.grid-container .grid-item .grid-item-content .rg-teaser {background: white;}
.ico.clock {position: relative; display: block; float: left; width: 20px; height: 20px; border-radius: 100%; border: 2px solid #277a8a; margin-right: 4px;}
.ico.clock:before {position: absolute; content:""; width: 6px; height: 2px; background-color: #277a8a; top: 8px; left: 6px;}
.ico.clock:after {position: absolute; content:""; width: 2px; height: 5px;  background-color: #277a8a; top: 4px; left: 6px;}

.latestArticle .rg-teaser {height: auto;}
.latestArticle .rgt-footer {position: relative; height: auto; padding: 0 0 10px 0;}
/* desktop.css */

@media screen and (min-width: 601px) {
	.rg-teaser {height: 400px;}
	.rg-teaser .rgt-content {padding: 10px 10px 60px 10px;}
	.latestArticle .rgt-footer {position: absolute; height: 75px; padding: 35px 10px 10px 10px;}
	.rg-teaser .rgt-footer {position: absolute; bottom: 0; left: 0; width: 100%; height: 75px; background-image: linear-gradient(to top, white 45px, rgba(255,255,255,0) 80%); padding: 35px 10px 10px 10px;}
	/*linear-gradient(to top, white 37px, rgba(255,255,255,0) 100%)*/
	
	.teaserliste {margin: 0;}
	.teaserliste .rg-teaser {float: left; width: 314px; max-width: calc(33.333% - 13.333px); overflow: hidden; padding-bottom: 30px; margin-top: 10px; margin-bottom: 10px;}
	.teaserliste .rg-teaser:nth-child(3n+1), .teaserliste .rg-teaser:nth-child(3n+2) {margin-right: 20px;}
	.teaserliste .rg-teaser:nth-child(3n+4) {clear: both;}
	
	/* feste Breite Höhe */
	.grid-container .grid-item .grid-item-content {position: relative; overflow: hidden;}
	#iPages .grid-container .grid-item .grid-item-content {height: auto; overflow: visible;}
	.grid-container .grid-item .grid-item-content .rg-teaser {position: static;}
	/* Grid Layout 01 */
	.grid-container.layout_1 .grid-item .grid-item-content {height: 342px;}
	.grid-container.layout_1 .grid-item:nth-child(1) .grid-item-content {height: 704px;}
		
	/* Grid Layout 02 */
	.grid-container.layout_2 .grid-item .grid-item-content {height: 327px;}
	.grid-container.layout_2 .grid-item:nth-child(3) .grid-item-content {height: 200px;}
	
	/* Grid Layout 03 */
	.grid-container.layout_3 .grid-item .grid-item-content {height: 327px;}
	.grid-container.layout_3 .grid-item:nth-child(3) .grid-item-content, .grid-container.layout_3 .grid-item:nth-child(4) .grid-item-content{height: 342px;}
	.grid-container.layout_3 .grid-item:nth-child(5) .grid-item-content {height: 200px;}
	
}

/*********************** QUICKNAVI *************************/
#quicknavi-button-container {
	position: fixed;
	right: 6px;
	bottom: 0;
	width: calc(100% - 12px);
	z-index: 999;
	pointer-events: none;
}
#quicknavi-button-container > div {pointer-events: all;} 
.quicknavi-button-controls {
	float: right;
	width: 80px;
}
#quicknavi-button {
	position: relative;
	bottom: 0;
	width: 80px;
	height: 80px;
	cursor: pointer;
	transform: scale(1,1);
	margin: 0 0 16px 0;
}
#quicknavi-button.active {
	transform: scale(0,0);
	/* opacity: 0!important; */
}
#quicknavi-button svg {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: visible;
	transition: all 0.3s ease;
}


#quicknavi-button svg path#qn-exclamationmarkChar,
#quicknavi-button svg path#qn-questionmarkChar,
#qn-exclamationmarkCharCircle,
#qn-questionmarkOval,
#quicknavi-button svg #Group-3,
#qn-questionmarkBG {
	animation-duration: 1s;
	animation-delay: 1.5s;
	animation-fill-mode: forwards;
}

#quicknavi-button svg path#qn-exclamationmarkChar {
	animation-name: qnExclamationMark;
	fill: rgba(0,0,0);
	transform-origin: 28px 28px;
	transform: rotate(0) scale(0,0);
}
@keyframes qnExclamationMark {
   0% {
  	transform: rotate(0) scale(0,0);
  }
  100% {
  	transform: rotate(720deg) scale(1,1);
  }
}

#quicknavi-button svg path#qn-questionmarkChar {
	animation-name: qnQuestionmark;
	transform-origin: 36px 36px;
	transform: rotate(0) scale(1,1);
}
@keyframes qnQuestionmark {
  0% {
  	transform: rotate(0) scale(1,1);
  }
 100% {
  	transform: rotate(720deg) scale(0,0);
  }
}

 #qn-exclamationmarkCharCircle {
	animation-name: qnExclamNoBg;
	transform-origin: 36px 36px;
	opacity: 0;
}
#quicknavi-button svg #Group-3 {
	animation-name: qnExclamNoBg;
	transform-origin: 36px 36px;
	opacity: 0;
}
@keyframes qnExclamNoBg {
  0% {
  	opacity: 0;
  }
  100% {
  	opacity: 1;
  }
}
#qn-questionmarkOval {
	opacity: 1;
}
#qn-questionmarkOval,#qn-questionmarkBG {
	animation-name:qnQuestionBg;
	transform-origin: 36px 36px;
	opacity: 1;
}
@keyframes qnQuestionBg {
  0% {
  	opacity: 1;
  }
  100% {
  	opacity: 0;
  }
}


#quicknavi-button svg #Fill-1, #quicknavi-button svg #Group-8, #quicknavi-button svg #Group-3 {
	transition: all 0.2s ease;
}
#quicknavi-button.active svg #Fill-1, #quicknavi-button.active svg #Group-8 {
	fill: white;
}
#quicknavi-button.active svg #Group-3 {
	opacity:0;
	transform: scale(0,0);
}

#quicknavi--scrolltop {width:32px; height:32px; padding:0; margin: 10px auto 0; opacity:1; background:#fff; border: 2px solid #f9ed43; transition: transform, height 0.6s ease; text-align: center; line-height: 32px; transform: translateY(0);}
#quicknavi--scrolltop.disabled {margin: 0 auto;  height: 0; transform: translateY(100%);}
#quicknavi--scrolltop.disabled:before {opacity: 0;}
#quicknavi--scrolltop:before {display: block; margin-top: 8px; opacity: 1; transform: rotate(180deg); transition: opacity 1s ease;}
#quicknavi--scrolltop span {display: block; text-indent: -999em;}

#quicknavi {
	position: fixed;
	bottom: 0;
	right: 0;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	padding: 48px 0 16px 0;
	background-color: #fff;
	font-size: 148%;
	line-height: 127%;
	max-height: calc(100% - 40px);
	overflow: auto;
    overflow-x: hidden;
    z-index: 999;
    transition: all 0.5s ease-in-out;
    border-radius: 80px;
}
#quicknavi.visible {
	 border-radius: 0px;
}
#quicknavi * {box-sizing:border-box;}

.quicknavi--highlight {
	padding: 16px;
	background-color: #fff;
	box-shadow: 0px 2px 14px rgba(210,201,201,0.5);
}
.quicknavi--highlight.chat{
	background-image: url(/library/images/quicknavi/avatar-live-chat.svg);
	background-position: 24px 64px;
	background-repeat: no-repeat;
	background-size: 56px;
	padding-left: 96px;
}
.quicknavi--highlight.chat.noHeadline {background-position: 24px 50%;}
.quicknavi--highlight .button, .quicknavi--highlight.aForms a.button{
	font-size: 90%;
}
.quicknavi--content {
	padding: 24px 16px 16px 16px;
}
.quicknavi--content:last-child {
	padding-bottom: 1px;
}
#quicknavi h3, #quicknavi h4, #quicknavi h5, #quicknavi h6 {
	font-family: TisaWeb;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 24px 0;
}
#quicknavi h3, #quicknavi h5 {
	font-size: 111%;
    line-height: 124%;
}
#quicknavi h4 {
	font-size: 100%;
    line-height: 127%;
    text-align: center;
}
#quicknavi h6 {
	text-transform: none;
	font-size: 126%;
	line-height: 146%;
}
#quicknavi p {
	margin-bottom: 24px;
}
#quicknavi p.noMargin {
	margin-bottom: 0;
}
.quicknavi--content > ul > li {
	padding: 12px 0;
}
.quicknavi--content > ul > li:before {
	padding: 0 10px 0 0;
}
.quicknavi--content > ul > li:not(.open):hover, .quicknavi--content > ul > li:not(.open):hover > a {
	color: #277a8a;
}
.quicknavi--content-header {
	text-align: center;
	padding: 16px 8px;
}
.quicknavi--content-header p {
	margin: 0 0 24px 0;
}
.quicknavi--phone {
	font-weight: bold;
	font-size: 200%;
	line-height: 120%;
	color: #277a8a!important;
	margin-bottom: 40px;
    display: block;
}
.quicknavi--recaptcha-spacer {
	padding-bottom: 70px;
}
.quicknavi--recaptcha-spacer .grecaptcha-badge {
	margin: 18px auto;
	position: relative!important;
    left: auto!important;
}
.quicknavi--content-sub a {
	color: #277a8a!important;
}
.quicknavi--content-sub a:before {
	margin-right: 12px;
}
/* Formelements */
#quicknavi .aForms {
	font-size: 70%;
	opacity: 1;
	padding: 0;
}
#quicknavi button {
	margin: 0;
	font-size: 120%!important;
    min-width: 200px;
    text-align: center;
}
#quicknavi button.center, #quicknavi .center > button {
	margin: 0 auto;
}

/* Chat Buttons */
div[class*="quicknavi"] .button.ic_chat, div[class^="quicknavi"] .button.ic_chat {display: block; width: auto; margin: 0 auto; padding: 5px;}
div[class*="quicknavi"] .button.ic_chat:before, div[class^="quicknavi"] .button.ic_chat:before {content:""; background:none;}
div[class*="quicknavi"] .button.ic_chat.disabled:after, div[class^="quicknavi"] .button.ic_chat.disabled:after {display: block;; background:none; padding: 0; margin: 0;}

/*********************** QUICKNAVI TEASER *************************/
#quicknaviTeaser {
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto 25px auto;
	font-size: 148%;
	padding: 16px 16px 16px 61px;
	opacity:1;
}
#quicknaviTeaser:after {
	position: absolute;
    display: block;
    bottom: -12px;
    right: 22px;
    z-index: 2;
    content: "";
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-right-width: 16px;
    border-left-width: 16px;
    border-top: 12px solid #fff;
    filter: drop-shadow(0px 2px 8px rgba(210,201,201,0.5));
}
#quicknaviTeaser .quicknaviTeaser--content {
	padding-top: 32px;
}

#quicknaviTeaser .quicknaviTeaser--content-chat {
	background-image: url(/library/images/quicknavi/avatar-live-chat.svg);
    background-position: 24px 0;
    background-repeat: no-repeat;
    background-size: 56px;
    padding-left: 96px;
    margin-left: -61px;
}
#quicknaviTeaser h3 {
	font-family: "TisaWeb";
	font-weight: bold;
	font-size: 116%;
    line-height: 118%;
    text-align: left;
    margin-left: 37px;
}
#quicknaviTeaser.aForms .quicknaviTeaser--content p {
	font-size: 100%;
    line-height: 126%;
    margin-bottom: 20px!important;
}
#quicknaviTeaser.aForms button, #quicknaviTeaser.aForms a.button {
	display: inline-block;
	box-sizing: border-box;
	font-size: 100%!important;
	line-height: 110%;
	margin: 24px 0 16px;
	padding: 10px 17px;
	display: block;
	min-width: 90%;
	height: auto;
	text-align: center;
}
#quicknaviTeaser.aForms button:before, #quicknaviTeaser.aForms a.button:before {
	display: none;
}
#quicknaviTeaser.aForms button.textbutton {
	font-size: 90%!important;
	line-height: 100%;
	color: #277a8a;
	background: transparent;
	margin: 16px 0;
	padding: 0;
	border: none;
}

@media screen and (max-width: 440px) {
	#quicknavi {height: 100%; max-height: 100%;} 
}
@media screen and (min-width: 601px) {
	#quicknavi {
		right: 24px;
		bottom: 24px;
		width: auto;
		max-width: 400px;
		height: auto;
		padding-top: 40px;
		box-shadow: 0px 2px 14px rgba(210,201,201,0.5);
		font-size: 132%;
	}
	#quicknaviTeaser {
		max-width: 400px;
		padding: 32px 24px 24px 86px;
		font-size: 132%;
	}
	#quicknaviTeaser.aForms .quicknaviTeaser--content {
		padding-top: 0;
	}
	#quicknaviTeaser .quicknaviTeaser--content-chat {
		background-image: url(/library/images/quicknavi/avatar-live-chat.svg);
		background-position: 0 0;
	    padding-left: 72px;
	    margin-left: -61px;
	}
	#quicknaviTeaser h3 {margin-left: 12px;}
	#quicknaviTeaser.aForms .quicknaviTeaser--content p {
		font-size: 100%!important;
	}
	#quicknavi-button-container {
		right: 17px;
		max-width: 400px;
	}
	.quicknavi--phone {
		font-size: 210%;
	}
	
	.quicknavi--content {
		padding: 24px;
	}
	#quicknavi h3, #quicknavi h5 {
		font-size: 116%;
	}
	#quicknavi h6 {
		font-size: 126%;
		line-height: 146%;
	}
} 


/*********************** MOVING LAYERS *************************/

/* Main Wrapper */
.movingLayers {
	transform: translate(0,0);
	transition: all 0.5s ease;
}

/* Move Directions */
.movingLayers--bottomToTop {
	transform: translate(0,165%);
}
.movingLayers--bottomToTop.visible {
	transform: translate(0,0);
}
.movingLayers--enlarge-bottomToTop {
	transform: scale(0,0);
	transform-origin: bottom right;
}
.movingLayers--enlarge-bottomToTop.visible {
	transform: scale(1,1);
}

/* Main UI */
.movingLayers--opener {
	transform: scale(1,1);
	transition: all 0.5s ease;
}
.movingLayers--opener.active {
	transform: scale(0.5,0.5);
}
.movingLayers--opener > * {
	pointer-events: none;
}
.movingLayers--uipanel .movingLayers--closer {
	position: absolute;
	top: 0;
	right: 0;
	width: 44px;
    height: 44px;
    line-height: 55px;
    cursor: pointer;
    text-align: center;
}
.movingLayers--back {
	opacity: 0;
	position: absolute;
	top: 16px;
	left: 10px;
	width: 24px;
	height: 24px;
	cursor: pointer;
	transition: all 0.5s ease;
}
.movingLayers--backActive .movingLayers--back {opacity: 1;}

/* contentTrigger */
.movingLayers--contentTrigger {
	border-bottom: 1px solid #f2f2f2;
}
.movingLayers--contentTrigger:not(.open) {
	cursor: pointer;
}
.movingLayers--contentTrigger:after {
	float: right;
	font-family: 'iconset';
	content: "\e90a"
}

/* Layers */
.movingLayers--content {
	box-sizing: border-box;
    position: relative;
	background-color: #fff;
    transition: transform 0.5s ease-in-out;
}
.movingLayers .movingLayers--contentTrigger > .movingLayers--content {
	position: absolute;
	top: 0;
    left: 0;
    box-sizing: border-box;
	padding: 24px;
	width: 100%;
    height: auto;
	transform: translate(220%,0);
    overflow: hidden;
    max-height: 100%;
}
.movingLayers .movingLayers--contentTrigger.open > .movingLayers--content {
	transform: translate(100%);
    visibility: visible;
    max-height: none;
}
.movingLayers--contentTrigger.open {
    overflow: auto;
    height: 100%;
    width: 100%;
}
.movingLayers--content.active {
    display: block;
    visibility: visible;
    position: absolute;
    transform: translate(100%);
    width: 100%;
    overflow-x: hidden;
    height: calc(100% - 64px); 
    width: 100vw;
    top: 0px;
    left: 0; 
}
.movingLayers--content.movedOut, .movingLayers .movingLayers--contentTrigger.open > .movingLayers--content.movedOut {
    transform: translate(-100%);
}
.movingLayers .movingLayers--content.movedOut .movingLayers--contentTrigger.open > .movingLayers--content.movedOut {
    transform: translate(0%);
}


@media screen and (min-width: 601px) {
	#quicknavi {min-height: 490px; min-width: 400px;}
	.movingLayers--closer, .movingLayers--back {
		width: 16px;
		height: 16px;
		font-size: 1rem;
		line-height: 1;
	}
	.movingLayers--contentTrigger.open > .movingLayers--content {
	    width: 100%;
	}
	.movingLayers--uipanel .movingLayers--closer {
		top: 8px;
		right: 8px;
	}
	.movingLayers--uipanel .movingLayers--closer:before {position: absolute; top: 4px; right: 4px;}
} 

/*for feature_rpchat when ready*/
#imperia .button.ic_chat.hidden {display: inline-block !important;}
#quicklinks li.chat.disabled a:after {content: " (nicht besetzt)";}
.chatAvalContent, .chatNaContent, .chatFreeContent, .chatNotFreeContent {display: none;}
.chatAvalContent.visible, .chatNaContent.visible, .chatFreeContent.visible, .chatNotFreeContent.visible {display: block;}