/* ARAG-THEME */














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

.onTop			{z-index:100}

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

.mb0 			{margin-bottom: 0!important;}

.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}

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

#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:0; height:100%; z-index:1005; top:0; left:50%; opacity:0; transition: all .4s ease-in-out; webkit-transition: all .4s ease-in-out}
body.dialog #dialog	{left:0; width:100%; height:100%; opacity:1}
#dialog div.container	{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}
#dialog div.content	{position:relative; transform:scale(0); transition: all .4s ease-in-out; webkit-transition: all .4s ease-in-out; max-width:90vw;  max-height:90vh;}
body.dialog #dialog div.content	{transform:scale(1)}
#dialog div.closer	{display:none}
#dialog .withcloser div.closer	{display:block}
#dialog p.buttonbar:after	{content:""; clear:both; display:block}
#dialog p.buttonbar botton	{margin:0 0 0 10px}

#screenlocker	{width:100%; height:100%; position:fixed; top:0; left:0; z-index:10000;background-color:rgba(0,0,0,.5); color:#fff}
#screenlocker.white	{background-color:rgba(255,255,255,.8); color:#000}
#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(255,255,255,.5); border-width:0px 3px;
}
#screenlocker.white:after	{border-color:rgba(0,0,0,.5)}

.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('/library/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.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}


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

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

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

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}

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

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

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}

@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;}
}
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;}
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('/library/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('/library/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; }


.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:"11"; 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:30px!important}
[data-datepicker] > input[maxLength="4"] {width:50px!important}
[data-datepicker] > input[maxLength="5"] {width:60px!important}


[data-datepicker] {margin-right:39px!important;}
[data-datepicker]:after {position:absolute; right:-30px}
[data-datepicker] > input[type=text] {display:inline-block;}
[data-datepicker*='force'] > input[type=text] {box-shadow:none}


.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}
.picker.select select	{display:inline; width:auto; text-align:center; margin:3px;}
.picker small	{font-size:8px}

.picker > div.icon {width:16px; height:30px; position:absolute; top:18px; font-size:80%}
.picker > div.previousMonth	{left:18px; cursor: pointer;}
.picker > div.nextMonth	{right:18px; cursor: pointer;}
.picker > div.icon: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}
.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}
/* Ü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(/library/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(/library/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(/library/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(/library/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;}
}
div.googlemap 	{position: relative; overflow: hidden;}
div.googlemap > .text 	{display:none}
div.googlemap .text > *:first-child	{margin-top:0}
div.googlemap .text > *:last-child	{margin-bottom:0}
div.info		{position:relative; cursor:pointer; font-size:0; overflow:visible}
div.info[id]	{font-size:inherit}
div.info > *	{display:none; position:absolute; z-index:25}
.notTouchable div.info:hover > div, .notTouchable div.info:focus > div{display:block;}
.jforms input[type=text]			{outline: none!important; box-sizing: border-box; border:1px solid #ccc; margin:0}
.jforms input[type=password]		{outline: none!important; box-sizing: border-box; border:1px solid #ccc!important}
.jforms input[type=date]			{margin:0}

.jforms textarea					{outline: none!important; box-sizing: border-box; border:1px solid #ccc!important}
.jforms select						{outline: none!important; box-sizing: border-box; border:1px solid #ccc!important}

.jforms input[type=text]			{width:100%}
.jforms input[type=text].medium		{width:50%}
.jforms input[type=text].small		{width:25%}
.jforms input[type=text].xs			{width:70px; text-align:center}
.jforms input[type=text].minusxs		{width:calc(100% - 75px)}


.jforms input[type=text]:focus		{border-color:#f9ed43!important}
.jforms input[type=password]:focus	{border-color:#f9ed43!important}
.jforms textarea:focus				{border-color:#f9ed43!important}
.jforms textarea:focus				{border-color:#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]:disabled	{background-color:#f7f7f7; color:#999}

.jforms input.inputChecked		{background-image: url(/library/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:100%}

.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('/library/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('/library/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:100%; font-family:arial; font-size:15px; line-height:22px; 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; 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;}
.jforms div.completableSelect input		{background: url(/library/images/icons/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('/library/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('/library/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(/library/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('/library/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('/library/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	{display:none;}
.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('/library/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 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}
}

.jforms.compact input[type=text]		{border-width:2px; border-radius:10px; line-height:200%;}
.jforms.compact input[type=password]	{border-width:2px; border-radius:10px; line-height:200%}
.jforms.compact input[type=checkbox]:after { content:""; font-family: "iconset"; background: #fff; border:2px solid #ccc; text-align:center; height:24px; width:24px; line-height:22px; border-radius:5px; outline: none!important; box-sizing: border-box; margin-left:-8px}
.jforms.compact input[type=checkbox]:checked:after { content:"\e926";}
.jforms.compact textarea		{border-width:2px; border-radius:10px; line-height:200%; width:100%!important; padding:5px 10px}
.jforms.compact select		{border-width:2px!important; border-radius:10px; line-height:200%; width:100%!important;}
.jforms.compact select	{background:url(/library/images/icons/opener.png) repeat-y 100% center #fff; padding-right: 40px;}

.jforms.compact .completableSelect > input	{background:url(/library/images/icons/opener.png) repeat-y 100% center #fff; padding-right: 40px;}

.jforms.compact div.upload	{text-align:initial; overflow:hidden}
.jforms.compact div.upload .delete	{width:40px; height:40px; transform: translate(-40px,0) }


.jforms.compact ul.tabbed		{border-width:0px; padding:0;}
.jforms.compact ul.tabbed > li		{line-height:26px; margin-right:10px; border:2px solid #ccc; box-sizing: border-box; cursor:pointer}
.jforms.compact ul.tabbed > li:hover		{border-color:#f9ed43!important}
.jforms.compact ul.tabbed > li:last-child		{margin-right:0px}
.jforms.compact ul.tabbed li:after	{display:none}
.jforms.compact ul.tabbed li.selected	{background-color:#f9ed43!important; color:#000}

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

.jforms.compact ul.tabbed.col_2 li	{width:calc((100% - 10px) / 2)}
.jforms.compact ul.tabbed.col_3 li	{width:calc((100% - 20px) / 3)}
.jforms.compact ul.tabbed.col_4 li	{width:calc((100% - 30px) / 4)}
.jforms.compact ul.tabbed.col_5 li	{width:calc((100% - 40px) / 5)}

.jforms.compact ul.tabbed.fullwidth li {width:100%; margin-bottom:10px}
.jforms.compact ul.tabbed.fullwidth li:last-child {margin-bottom:0px}

.jforms.compact div.upload:before	{top:2px; right:4px}
.jforms.compact div.upload input.txt	{padding:3px 5px;}

.jforms.compact [data-datepicker] { border: 2px solid #ccc; box-shadow: none; background-color:#fff; border-radius:10px; padding:0 40px 0 5px; margin-right:0px!important; box-sizing: border-box; }
.jforms.compact [data-datepicker] > input {
    border: 0px solid #ccc!important;
    line-height: 200%!important;
}
.jforms.compact [data-datepicker]:after	{right:7px; opacity:.5; top:5px}



.jforms.compact				{line-height:200%;}
.jforms.compact:after		{content:""; display:block; }

.jforms.compact	.jformpager	{clear:both; height:auto}
.jforms.compact	.jformpager ul	{height:auto}
.jforms.compact	.jformpager ul:after	{clear:both}

.jforms.compact	h3	{display:block; text-align:center}

.jforms.compact fieldset	{margin:0px auto!important; padding:15px 0 0 0; max-width:600px;}

.jforms.compact div.row	{padding:0px 15px 15px 15px; text-align:center}
.jforms.compact div.row > *	{clear:both}
.jforms.compact div.row button[disabled] {display:none}

.jforms.compact div.row.error *	{border-color:#f00;}
.jforms.compact div.row.error *:after	{border-color:#f00}
.jforms.compact div.row.error *:before	{border-color:#f00}
.jforms.compact div.row.required :placeholder	{color:#000}

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

.jforms.compact 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}
.jforms.compact fieldset:after	{display:none}

.jforms.compact .link.text	{padding:0}


.jforms.compact div.btnBox	{margin:20px auto 10px auto; text-align:center; position:relative;}
.jforms.compact div.btnBox:after	{content:""; display:block; clear:both}
.jforms.compact div.btnBox * {line-height:200%}

form.disabled .jforms.compact div.btnBox:before {content:""; width:100%; height:100%; display:block; position:absolute; left:0; top:0; z-index:2}
form.disabled .jforms.compact div.btnBox button:not(.back), form.disabled .jforms.compact div.btnBox .button:not(.back) {color:#999; background-color:#ccc; border-color:transparent}

.jforms.compact div.btnBox .button {margin:0 5px; padding:5px 10px}
.jforms.compact div.btnBox .button:before {display:none}

.jforms.compact div.btnBox button {margin:0 5px}
.jforms.compact div.btnBox button:before {display:none}

.jforms.compact div.btnBox .button.back	{z-index:3}

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

@media screen and (max-width: 600px){
	.jforms.compact div.row.half	{width:auto; float:none}
	.jforms.compact .tabbed	{margin-bottom:0}
}
div.klappliste  				{position:relative; overflow:hidden; clear:both}
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 > div.content > *{margin-bottom: 15px;}
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; clear:both}

@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;
  }
}


#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(/library/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(/library/images/system/icons/bg-schraffur-hellblau.png);}
#mainnav .stripes.yellow > div.layout, #mainnav  > div.flexcolumn > div.layout.stripes.yellow {background: url(/library/images/system/icons/bg-schraffur-gelb.png);}
#mainnav .stripes.lGreen > div.layout, #mainnav  > div.flexcolumn > div.layout.stripes.lGreen {background: url(/library/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 > .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,
#mainnav .entireGreen > .layout, #mainnav .layout.entireGreen,
#mainnav .entireBlue > .layout, #mainnav .layout.entireBlue {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;}
#mainnav + #navCloser:before {display: none;}
#mainnav .flexrow.frame	{margin:15px 20px; padding:20px 0;}
#mainnav .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  {padding: 6px 3px;}
#mainnav ul > li > div.container div.link p {margin: 6px 0;}


@media screen and (max-width: 600px){
	#mainnav {left:100%; transition: left .4s ease-in-out;}
	#mainnav:before {position: fixed; right: 15px; top: 20px;font-family: "iconset"; content:"\e933"; display:inline-block; z-index: 5; text-align: center; font-size: 20px;}
	#mainnav.oov:before {position: absolute;left: -45px;top: 15px !important;}
	#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:before {display: block; display: block; position: fixed; right: 15px; top: 20px;font-size: 20px; text-align: center; z-index: 5;}
	#mainnav.overlay + #navCloser:before {font-family: 'iconset' !important;speak: none; content: "\e919";}	
	#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, #mainnav .submenuHead .subTrigger > :first-child:after, #mainnav .submenuHead .subTrigger > a:after, #mainnav .flexcolumn.opensub .submenuHead .subTrigger.open > *:before  {font-family: "iconset"; content: "\e90a"; width: 30px; height: 30px; position: absolute; right: 0; font-size: 11px; top: 12px;}
	#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 {font-family: 'iconset'; content:"\e90a"; font-size: 11px; width: 28px; height: 20px; position: absolute; right: 0;}
	#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 {font-family: 'iconset'; content:"\e90a"; font-size: 11px; width: 28px; height: 20px; position: absolute; right: 0; top: 2px;}
	#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 .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, #mainnav .flexcolumn.opensub .submenuHead .subTrigger.open > *:before {right: auto; left: 0; top: auto; content: "\e909";}
	
	#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 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;}
	#mainnav ul > li > div.container.switchlanguage  {width: 100%;padding: 0;}
	#mainnav ul div.container.switchlanguage a {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;}
	#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 > ul > li:not(.nosub) > p {padding-right: 22px;}
	#mainnav.open > ul > li.nosub.open > p:after	{display:none}
	#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;}

	#mainnav.open ul > li.open > div.container	{display:block;}

	#mainnav ul > li.open > div.container > ul {margin:0; opacity:1;}
	#mainnav ul > li > div.container > ul > li li	{font-weight:normal;}
	#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;}
	#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 0; 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 {font-family: "iconset"; content:"\e901";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 div.teaserIcon > a {padding: 0;}
	#mainnav .flexrow.bg_green {padding: 0; border: none;}
	#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;}
}
	
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%}
body.pageoverlayed	{overflow:hidden!important}
div.pageoverlay	{position:fixed; top:0;left:0; width:100vw; height:100vh; background-color:rgba(0,0,0,.3); z-index:1000; opacity:.5}
div.pageoverlay:last-child	{opacity:1}
div.pageoverlay > *	{position:absolute; left:50%; top:50%; max-width:calc(100vw - 80px); max-height:calc(100vh - 80px); transform: translate(-50%,-50%)}
#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 {font-family: 'iconset'; speak: none; content:"\e94b"; font-size: 22px; position:absolute; left:7px; top:0px; margin:5px 0px 0px 5px; display:inline-block;}
#quicklinks li.kontakt > *:before	   {content:"\e94b";}
#quicklinks li.formular > *:before	   {content:"\e923"; left: 6px;}
#quicklinks li.notiz > *:before, #quicklinks li.daten > *:before {content:"\e939"; left: 8px;}
#quicklinks li.cart > *:before         {content:"\e949"; font-size: 18px;}
#quicklinks li.messenger > *:before	   {content:"\e920"; font-size: 21px;}
#quicklinks li.callback > *:before	   {content:"\e947";}
#quicklinks li.beratersuche > *:before {content:"\e93e"; font-size: 21px;}
#quicklinks li.hilfe > *:before	       {content:"\e945"; font-size: 18px;}
#quicklinks li.rechner > *:before	   {content:"\e951"; font-size: 20px;}
#quicklinks li.juracheck > *:before	   {content:"\e92e"; font-size: 23px;}
#quicklinks li.location > *:before	   {content:"\e93b"; font-size: 23px;}
#quicklinks li.home > *:before	       {content:"\e958"; font-size: 20px; left:9px;}
#quicklinks li.chatbot > *:before	   {content:"\e918";}
#quicklinks li.frage > *:before	       {content:"\e905"; font-size: 18px;}
#quicklinks li.meldung > *:before	   {content:"\e93a";}
#quicklinks li.whatsapp > *:before	   {content:"\e956"; font-size: 18px;}
#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	   {content:"\e90a"; left: 9px; font-size: 16px; margin-top: 1px; transform: rotate(270deg);}
#quicklinks li.chat > *:before         {content:"\e917"; left: 2px; font-size: 34px; top: -3px;}
#quicklinks li.partner > *:before	   {content:"\e917"; left: 2px; font-size: 34px;}
#quicklinks li.sprachsteuerung > *:before	{content:"\e94b"; left: 6px;}
#quicklinks li.suche > *:before             {content:"\e931"; left: 0; font-size: 16px;}
#quicklinks li.meinearag > *:before	        {content:"\e92f"; left: 9px; font-size: 16px;}
body.loggedIn #quicklinks li.meinearag > *:before {content:"\e92f"; font-size: 16px;}
#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	{content:" "; width:100%!important}
#quicklinks li.chat > div > div .pv_agentButton	{content:" "; cursor:pointer}
#quicklinks li.chat .pv_groupconnect	{z-index:1}
#quicklinks li.chat .pv_groupconnect > div > div:before	{display:none}

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

@media screen and (max-width: 600px){
	#quicklinks-container {right: -2px;top: 56px; z-index:10}
	#quicklinks li.notiz	{display:none}
}

@media screen and (max-width: 1075px) { 
	#quicklinks-container {right: -2px!important; bottom:0px;}	
	#quicklinks {padding-left:10px;}
}
#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 {font-family: "iconset"; content: '\e919';cursor: pointer;top: 5px;right: 10px;float: left;margin: 8px 0 0 8px; top: 5px;right: 10px;position: absolute;float: left;}
#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-right.space {bottom:110px;}
#red_popup.bottom-full-width {max-height:137px; bottom:0px; width: calc(100% - 42px);}

@media screen and (max-width: 600px){
	#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.bottom-right.space {bottom:100px!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;}
}
div.reiter > div.content       {position:relative}
div.reiter > div.content > div.page       {display:none;}
div.reiter > div.content > div.page.aktiv {display:block;}

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;}

.siteactive > div.filtered		{display:none}	
div.slider  {position:absolute; z-index:10; margin:0!important; padding:0!important;}
div.slider.open, div.slider.fixed	{z-index:12; transform: translate(0,0)!important;}
body.notTouchable div.slider:hover  {transform: translate(0,0)!important;}

div.slider > *	{overflow:auto; position:relative; height:100%}

div.slider:before  {content:""; position:absolute; height:100%; width:100%; z-index:10}
div.slider:after  {content:""; position:absolute; height:100%; width:100%; z-index:10;}

div.slider.left  {top:0; left:0; height:100%; transform: translate(-100%,0);}
div.slider.right  {top:0; right:0; height:100%; transform: translate(100%,0);}
div.slider.top  {top:0; left:0;width:100%; transform: translate(0,-100%);}
div.slider.bottom  {bottom:0; left:0;width:100%; transform: translate(0,100%);}



div.slider  {transition: all .4s ease-in-out; webkit-transition: all .4s ease-in-out;}
div.slider:after  {content:""; background-color:rgba(0,0,0,.5); position:absolute;}
div.slider.fixed:after  {border-right:2px solid #999;}

div.slider.left:before  {right:-3px; width:3px;}
div.slider.right:before  {left:-3px; width:3px;}
div.slider.top:before  {bottom:-3px; height:3px;}
div.slider.bottom:before  {top:-3px; height:3px;}

div.slider.left:after  {right:-10px; top:calc(50% - 20px); width:10px; height:40px;}
div.slider.right:after  {left:-10px; top:calc(50% - 20px); width:10px; height:40px; }
div.slider.top:after  {bottom:-10px; left:calc(50% - 20px); width:40px; height:10px; }
div.slider.bottom:after  {top:-10px; left:calc(50% - 20px); width:40px; height:10px;}
#SlotNavHome.negMarginFf {margin: -20px 0 0 0;}
#SlotNavContainer {position: relative; width: 100%; background-color: #fff;  margin: 0 auto 20px; z-index: 6; padding-right: 5px;}
#SlotNavContainer.fixed {position: fixed; left: 50%; transform: translateX(-50%); margin: 0; border-top: 1px solid #c1c1c1;}
.Landingpage #SlotNavContainer.fixed #SlotNav {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));}
}

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(/library/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.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; }
.FIREFOX div.tabelle.compact.noTabbs table col {width:50%;}
div.tabelle.compact.noTabbs table td:not(.active), div.tabelle.compact.noTabbs table th {white-space: normal;}

div.tabelle.compact table col:first-child	{width:50%; }
div.tabelle.compact table col.active	{width:50%;}
div.tabelle.compact table td:not(.active), 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 td.active {white-space:normal;}
div.tabelle.compact table th.active {white-space: normal;}

div.tabelle.compact table thead td.label:before, div.tabelle.compact table thead th.label:before {display: none;}
div.tabelle.compact table td.first, div.tabelle.compact table th.first {padding-left: 10px;}

div.tabelle div.legende div.icon.haken:before {content: "\e926"; color: #94b494; float: left; padding-right: 10px;}
div.tabelle div.legende div.icon.haken.outline:before {content: "\e928";}

.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('/library/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; border-left:1px solid; border-top:1px solid; border-color:#ccc}
.tarifrechner table.tabbed td {text-align:center; padding:10px 0;  position:relative; cursor:pointer; border-right:1px solid; border-bottom:1px solid; border-color:#ccc}
.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(/library/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 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('/library/images/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('/library/images/tarifrechner/schieberegler/left.png') center left no-repeat; height:30px; width:5px; margin-left:-5px}
.tarifrechner div.schieberegler	div.right{background:url('/library/images/tarifrechner/schieberegler/right.png') center right no-repeat; height:30px; width:5px; margin-right:-5px}
.tarifrechner div.schieberegler	div.indikator	{background:url('/library/images/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('/library/images/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('/library/images/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('/library/images/tarifrechner/schieberegler/skalaLabel.png');}

/*
.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}
*/
.usercentrics_consentNotice {overflow:auto; min-height:auto; margin:10px 0 0 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(/library/images/system/icons/cookie_thumb.png); margin-bottom: -60px;}*/
.usercentrics_consentNotice > .buttons > button {display: inline-block; margin: 0 10px;}
.usercentrics_consentNotice > .buttons > button.more-info {background-color: #94b494; border: 1px solid #94b494;}


/* ab hier Code-Ueberpruefung */
body .usercentrics-button * {font-family: Arial,sans-serif !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 .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-embed-cat-overview .uc-state-change {padding: 0!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; width: 47.5% !important; margin: 20px 0 0 0 !important;}
body #usercentrics-button .uc-banner-links { font-size: 12px !important;}
body #usercentrics-button .headinglevel-1, .uc-embed .headinglevel-1 {font-size: 20px!important;}
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(/library/images/system/icons/Universal-Sprite.png) -134px -240px no-repeat !important;}
body #usercentrics-button #uc-corner-modal.layout-1 .uc-powered-by-footer {display: none;}
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-consents-info-modal .uc-modal-footer .uc-save-settings-and-close-button {color: #000!important;}
body #usercentrics-button #uc-consents-info-modal .uc-modal-header {background-color: #277a8a !important; }
body #usercentrics-button #uc-consents-info-modal .uc-modal-header .uc-info-modal-search-bar input {background-color: #277a8a !important; border: 1px solid #fff!important;}
body #usercentrics-button #uc-consents-info-modal .uc-info-modal-sidebar {background-color: #bed7dc !important; }
body #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}
body #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}
body #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;}
body #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;}
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-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-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-OutlookKalender {min-height: 280px;}
body #uc-central-banner-modal a[href] {color: #f00 !important;text-decoration: underline;}
body #uc-btn-close-x-corner-modal:before {display: none;}

body .uc-banner-content button:before {background: none !important;}
body .uc-modal-dialog button:before {display:none;}
body .uc-dropdown button:before {background: none !important;}
body .uc_optin_msg {margin: 0 !important;}
body .uc-border-radius-small {border-radius: 0;}
body .uc-powered-by-footer {display: none!important;}

body .uc-embed .uc-toggle.uc-label-bottom input[type=checkbox]+label:before  {background-color: #b5cbb4!important}
body .uc-embed .uc-toggle input[type=checkbox]:checked+label:before {background-color: #277a8a!important}
body .uc-embed .uc-toggle input[type=checkbox]:disabled+label:before {background-color: #dfe8df!important}

#uc-OutlookKalender {min-height: 280px;}
body .uc-language-wrapper {display: none;}

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

@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;
	}
}



/*<!--include virtual="style_check.css"-->*/



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('/library/images/wiper/page.png') 50% 50% no-repeat;}
div.wiper ul.tabs li:hover	{background-image:url('/library/images/wiper/page_aktiv.png')}
div.wiper ul.tabs li.visible	{background-image:url('/library/images/wiper/page_aktiv.png')}

.desktop div.wiper.labelTabs	{padding-bottom: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 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 ul.tabs li.visible	{border-bottom: 4px solid #f9ed43;}

.desktop div.wiper.labelTabs.tabsTop {padding-bottom:0; padding-top: 40px;}
div.wiper.labelTabs.tabsTop	ul.tabs {top:0; bottom: auto;}
div.wiper.labelTabs.tabsTop ul.tabs li {border-bottom:none; border-top: 1px solid #dfe8df; padding-top: 3px;}
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 {border-right: 0;width:calc(50% - 2px);}
div.wiper.labelTabs.p3 ul.tabs li:last-child {border-right: 0;width:calc(33.3333333333% - 1px);}
div.wiper.labelTabs.p4 ul.tabs li:last-child {border-right: 0;width:calc(25% - 4px);}
div.wiper.labelTabs.p5 ul.tabs li:last-child {border-right: 0;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; width:100%; content:""; z-index:5;}

div.wiper div.wiperContainer	{position:relative; height:100%; width:100%; white-space:nowrap}

div.wiper div.wiperButton {color: #000; background-color: #f9ed43; font-family: 'iconset'; width: 19px;height: 20px;border-radius: 20px;position: relative;top: 50%;transform: translate(0,-50%);z-index: 2;cursor: pointer;box-shadow: 0 0 10px rgba(0,0,0,.3);padding: 8px;padding-left: 9px;margin:0 10px;}
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.wiperButton.left:before {content: "\e909"; padding-left: 1px;}
div.wiperButton.right:before {content:"\e90a"; padding-left: 3px;}

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;}
[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-color: #ddd;}
div.slots {margin-bottom:20px}
div.slots:after {content:""; display:block; clear:both;}

div.slots > div.spalte.shadow	{box-shadow:3px 3px 10px rgba(0,0,0,.2)}

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

div.slots > div.spalte:not(.noPadding) > div.layout:not(:last-child) {margin-bottom:20px}

div.slots > div.spalte > div.layout > div.wrapper > *, div.slots > div.spalte > div.layout > div.wrapper > div.SSI > * {margin-bottom:15px; position: relative;}

div.slots > div.spalte:not(.noPadding) > div.layout > div.wrapper > *:last-child {margin-bottom:0!important}

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.frame > div.layout > div.wrapper {border:1px solid #b3b3b3; padding:15px 0; background-color:#fff!important}
div.slots > div.spalte.frame > div.layout > div.wrapper > * {margin-left:15px; margin-right:15px}

div.slots > div.spalte.field > div.layout > div.wrapper {padding:15px 0}
div.slots > div.spalte.field > div.layout > div.wrapper > * {margin-left:15px; margin-right:15px}

div.slots > div.spalte.field.white > div.layout > div.wrapper {background-color:#fff;}

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}
div.slots > div.spalte.stoerer > div.layout > div.wrapper  {padding:80px 0 20px 0}
div.slots > div.spalte.stoerer > div.layout > div.wrapper > * {margin-left:20px; margin-right: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					{padding:15px;}
div.slots > div.spalte.stripes > div.layout > div.wrapper	{background-color:#fff; padding:20px 0}
div.slots > div.spalte.stripes > div.layout > div.wrapper > * {margin-left:20px; margin-right:20px}


@media screen and (min-width: 601px){ 
	div.slots > div.spalte > div.layout > div.wrapper	{min-height:10px}
	div.slots > div.spalte.dots:not(.eins) > div.layout > div.wrapper {padding-left:18px; border-left:3px dotted #bbb;}
	div.slots > div.spalte.line:not(.eins) > div.layout > div.wrapper {padding-left:18px; border-left:1px solid #b3b3b3}
}


/* 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;}

/* ----------CONTENT---------- */

.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: 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}

.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 9px; border:1px solid #bed7dc}
button.p5:hover	{background:#82b0b8;}

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; margin-bottom:20px}
#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 #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;}

#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(/library/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.social li {float:left; margin:15px 15px 0 0; padding: 0;}
#foot ul.social:not(.nonSTD) li:not(.partner) {float:left; margin:15px 15px 0 0; padding: 0; width: 32px; height: 32px; font-size: 27px; line-height: 33px; background-color: #82b0b8; color: #fff; border: 1px solid #277a8a; text-align: center;}
#foot ul.social li a {display: block; padding:0; opacity:1; color: inherit; transition: all 0.2s ease-in-out;}
#foot ul.social li:not(.partner):hover {display: block; padding:0; opacity:1; color: #277a8a; background-color: #bed7dc;}
#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 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 4px;}
a.text.calculate:before, a.text.calculate:hover:before {font-family: "iconset";content:"\e951"; font-size: 17px; margin-right: 5px;}
a.text.download	{padding:1px 4px 1px 4px}
a.text.download:before {font-family: "iconset";content:"\e91c"; font-size: 17px; margin-right: 5px;}

.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; display:inline-block}
a.email:hover  {text-decoration:underline}
a.email:before {font-family: "iconset";content:"\e90a"; font-size: 11px; margin-right: 2px; font-weight: bold;}

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; margin-bottom: 0!important;}
div.abstand:after	{content:""; display:block; clear:both}

div.bildschrift.rechts	{text-align:right}
div.bildschrift.zentriert	{text-align:center}
div.text .button:before {left:5px;}

.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 > 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:before {font-family: "iconset"; speak: none; content: "\e901"; left: 10px; position: absolute; font-size: 77%;}
.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.hidden {display: none;}
.button.ic_chat {padding-left:0; padding-right:5px;}
.button.ic_chat a {padding-left: 45px;}
.button.ic_video:before {content: '\e955'; font-size: 117%; left: 6px; transform: rotate(75deg);}
.button.ic_video {padding-left:30px;}
.button.ic_x:before {content: '\e919';}
.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:before            {background:none; content: "";}
.button.ic_chat a:before          {font-family: "iconset"; speak: none; content: "\e917"; position:absolute; left:7px; top:6px; font-size: 32px;}
.button.ic_chat.disabled a:before {top:14px;}
.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.addRechner:before   {content: '\e951'; font-size: 16px;}
.button.addRechner a        {padding-left:3px;}
.button.addCart             {padding-left:35px}
.button.addCart:before      {content: '\e949'; left: 7px; }
.button.ic_pfeil            {padding-left: 27px;}
.button.ic_pfeil.back:before{transform:rotate(180deg); -webkit-transform:rotate(180deg);}

.button.p1:after {background: none;}
.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 > a	 {color:#82b0b8}
.button.p4:hover {border:1px solid #277a8a; color:#277a8a}
.button.p4:hover > a { color:#277a8a}
.button.p5       {background:#bed7dc; padding:0 5px 0 30px; border:1px solid #bed7dc}
.button.p5:after {background: none;}
.button.p5:hover {background:#82b0b8;}
.button.p5.addRechner a {padding-left:0;}

#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;}

.teaserIcon .button.addRechner a  {padding-left:7px;}
.teaserIcon .button.addRechner:before {font-family: "iconset";content:"\e951"; font-size: 17px; margin-right: 5px;}
.teaserIcon .button.addCart:before {font-family: "iconset";content:"\e949"; font-size: 17px; margin-right: 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 23px;}
div.download div.button:hover  {background:transparent;}
div.download div.button:before {content: '\e901'; left: 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.spalte:not(.field) div.contentbild	{overflow:hidden; margin-left:0!important; margin-right:0!important}
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.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	{position:relative; box-sizing: border-box; padding:20px; overflow:hidden}
div.bildfeld > *:first-child	{margin-top:0}
div.bildfeld > *:last-child	{margin-bottom:0}

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; padding:20px;}
div.farbfeld:after	{content:""; display:block;}
div.farbfeld.none	{padding:20px 0;}


div.farbfeld > *:first-child	{margin-top:0}
div.farbfeld > *:last-child	{margin-bottom:0}
div.farbfeld.shadow:before {content: " ";background: url(/library/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: 0 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.wrapper > div.stoerer { text-align:center}
div.wrapper > div.stoerer > div	{display:inline-block; background-color:#fff!important}

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

div.wiper.gruen	{background-color:#dfe8df;}
div.wiper.blau		{background-color:#bed7dc;}
div.wiper.stripes	{background:url('/library/images/system/icons/bg-schraffur-petrol.png');}
div.wiper.stripes.lBlue	{background:url('/library/images/system/icons/bg-schraffur-hellblau.png');}
div.wiper.stripes.yellow	{background:url('/library/images/system/icons/bg-schraffur-gelb.png');}
div.wiper.stripes.lGreen	{background:url('/library/images/system/icons/bg-schraffur-gruen.png');}

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:#fafafa;}
div.layout.zitat	{background-color:transparent!important;position:relative; padding:0!important; margin:0!important}
div.layout.zitat > div.wrapper	{padding:0; margin:0; background-color:transparent!important;}
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:0px 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:9px 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);}

#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 {font-family: 'iconset';content:'\e90a'; font-size: 65%; color: #fff; background-color: transparent; margin: 4px 0 0 4px; 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; font-size: 14px; 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-right: 4px;}
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;}

#content > div > div.klappliste + .slots {margin-top: 20px;}

div.lazyImage		{position:relative;overflow:hidden; background:url(/library/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:0; 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; line-height: 23px;}

div.aufzaehlung div.icon	{position:absolute; left:0;}
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;}
div.aufzaehlung li.ics-haekchen-circle:before {font-size: 130%; }
div.aufzaehlung ol li {counter-increment: my-awesome-counter; min-height: 50px; margin-bottom: 15px;}
div.aufzaehlung ol li .icon.list.ordered:before {content: counter(my-awesome-counter); font-size: 23px; font-weight: bold; position: absolute;--size: 32px;left: calc(-1 * var(--size) - 5px);line-height: var(--size);width: var(--size);height: calc(var(--size) - 2px);background: #f9ed43;border-radius: 50%;text-align: center; font-family: Arial, Helvetica, sans-serif !important;}

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

div.pageoverlay > .container:before	{content:"\e919"; font-family: 'iconset'; position:absolute; right:0; top:0; margin:5px; line-height:30px; width:30px; text-align:center}

.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 > 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	         {font-family: 'iconset'; background-color:#f9ed43; margin: 5px 10px; padding: 5px 10px; font-weight: bold;}
.siteactivePager .but.inaktiv	 {background-color:#b3b3b3; cursor:auto}
.siteactivePager .but:after      {content: "\e90a";}
.siteactivePager .but.prev:after {content: "\e909";}
.siteactivePager .but.start:after{content: "\e91d";}
.siteactivePager .but.ende:after {content: "\e91e";}

.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 {display:inline-block}

.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	{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 {font-family:'iconset'; content:"\e90a"; left: 1px; position: absolute;}
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 {font-family:'iconset'; content:"\e926"; font-size: 200%; color: #94b494;}
div.tabelle table td.option	{text-align:center}
div.tabelle table td.option:before {font-family:'iconset'; content:"\e928";  font-size: 200%; color: #94b494;}
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 {width:19px; height:19px; position:absolute; top:15px; left:10px; background-color: #82b0b8; color: #fff; border: 1px solid #277a8a;}
div.tabelle	div.tabInfoOpener:before {font-family: "iconset"; content: '\e92c'; position: absolute; font-size: 100%; padding: 0 2px 2px 2px; color: #fff;}

   
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('/library/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 20px; position:relative;}
div.tabelle tbody td ul li:before {font-family: "iconset"; content: '\e946'; color: #94b494; position: absolute; left:0; display:inline-block;}
div.tabelle div.legende	          {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.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 21px;  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('/library/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 {height:auto; padding:0; margin: 0; box-shadow: 0 0 0 3px #fff; left: 50%; position: absolute; top: 0; transform: translate(-50%, -50%); z-index: 5;}

/* Preisauszeichnung */
div.preisauszeichnung {background:url(/library/images/system/icons/preisauszeichnung.png) no-repeat 0 0; content:" "; width:195px; 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('/library/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}

/* ----------ICONS---------- */

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

[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;

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

/* ehemals s3, nun definiert fuer Mobile und Desktop(s3) */	
div.ico {position:relative; display:inline-block; font-size: inherit; 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.tr	{border-radius:50%}

div.ico.c1	{background:url('/library/images/system/icons/bg-schraffur-gelb.png') center; color: #fff;}
div.ico.c2	{background:url('/library/images/system/icons/bg-schraffur-gruen.png') center; color: #fff;}
div.ico.c3	{background:url('/library/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}

.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 (max-width: 600px) {
	div.ico.s1 {font-size: 80px; width: 80px; height: 80px; line-height: 90px;}
	div.ico.s2 {font-size: 60px; width: 60px; height: 60px; line-height: 70px;}
	div.ico.s3 {font-size: 40px; width: 40px; height: 40px; line-height: 40px;}
	
	div.ico.s1.te {font-size: 62px;}
	div.ico.s2.te {font-size: 42px;}
	div.ico.s3.te {font-size: 30px;}
	
	div.ico.s1.tr {font-size: 46px;}
	div.ico.s2.tr {font-size: 27px;}
	div.ico.s3.tr {font-size: 26px; line-height: 44px;}
	
	div.teaserIcon.s1	{padding:0 0 0 95px; min-height:80px}
	div.teaserIcon.s2	{padding:0 0 0 75px; min-height:60px}
	div.teaserIcon.iconRight.s1	{padding:0 95px 0 0; min-height:80px}
	div.teaserIcon.iconRight.s2	{padding:0 75px 0 0; min-height:60px}
}

@media screen and (min-width: 601px) { 
	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.s3	{width:40px; height:40px}	
	div.ico.s3:before {line-height: 40px;}
	
	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;}	
}

.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.camper-1:before {
  content: "\e9a1";
}
.ico.camper-2:before {
  content: "\e9a2";
}
.ico.tierprotect:before {
  content: "\e99e";
}
.ico.bearbeitung:before {
  content: "\e99f";
}
.ico.eingegangen:before {
  content: "\e9a0";
}
.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{}

@font-face {
  font-family: 'iconset';
  src:  url('/library/css/fonts/iconset.eot?sb0chp');
  src:  url('/library/css/fonts/iconset.eot?sb0chp#iefix') format('embedded-opentype'),
    url('/library/css/fonts/iconset.ttf?sb0chp') format('truetype'),
    url('/library/css/fonts/iconset.woff?sb0chp') format('woff'),
    url('/library/css/fonts/iconset.svg?sb0chp#iconset') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
[class^="icon"]:before, [class*=" icon"]:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'iconset' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^="icon"].c1:before, [class*=" icon"].c1:before {color: #f9ed43}
[class^="icon"].c2:before, [class*=" icon"].c2:before {color: #277a8a}
[class^="icon"].c3:before, [class*=" icon"].c3:before {color: #94b494} 


.icon	{vertical-align:middle;}
/* 
.icon:before	{font-family: "iconset"; speak: none; position:absolute; font-size: 100%; color: #000;}
.icon.c1:before{color: #f9ed43}
.icon.c2:before{color: #82b0b8}
.icon.c3:before{color: #94b494}
 */

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

/* ENDE der CSS Styles icomoon */

.search div.ic:before {font-family: "iconset"; speak: none; position:absolute; font-size: 120%; color: #000; content: "\e931";}

div.aufzaehlung div.icon.list.haeckchen {width: 0;}
.icon.list.ico.haeckchen:before {content: "\e926";}
.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;}

.ekomicon	{position:relative; display:inline-block; vertical-align:middle;}
.ekomicon:before	{background:url('/library/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              {padding-right:4px;}
.ekomicon.star:before       {font-family: "iconset"; content: "\e94e"; font-size: 25px; background: none; speak: none; color: #82b0b8; bottom: 4px;}             
.ekomicon.star.half:before  {content: "\e94f"; color: #277a8a;}
.ekomicon.star.on:before    {color: #277a8a;}
.ekomicon.star.small        {width:16px; height:16px; font-size: 100%;}
.ekomicon.star.standard     {width:21px; height:20px; font-size: 150%;}
.ekomicon.star.big          {width:33px; height:33px; font-size: 200%;}
.ekomicon.star.big:before   {bottom: 0; font-size: 46px;}


.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);
}

/*------------- Icons ----------------*/
.icon.attention		      {width:50px; height:52px;}
.icon.attention:before    {color: #94b494; font-size: 300%;}
.icon.brief	              {width: 32px;height: 32px;}
.icon.brief:before		  {color: #82b0b8; font-size: 20px;}
.icon.haken.circle:before {color: #277a8a; font-size: 150%;}
.icon.info2               {color: #82b0b8; width: 32px; height: 32px;}
.icon.info2:before        {font-size: 128%; color: #82b0b8;}
.icon.info2:hover:before  {color: #277a8a;}

.icon.info3               {color: #000; width: 32px; height: 32px;}
.icon.info3:before        {font-size: 128%; color: #82b0b8;}
.icon.info3:hover:before  {color: #277a8a;}

.icon.info_close              {position:absolute; width: 19px; height: 19px; top:15px; left:10px; background-color: #82b0b8; color: #fff; border: 1px solid #277a8a;}
.icon.info_close:before       {font-size: 75%; padding: 0 4px 0 4px; color: #fff;}
.icon.info_close:hover        {background-color: 1px solid #bed7dc;}
.icon.info_close:hover:before {color: #277a8a;}

.icon.menuliste:before       {color: #277a8a;}
.icon.menugallery:before     {color: #277a8a;}
.icon.neu	        {height: 20px;}
.icon.neu.c1:before	{background-color: #f9ed43; color: #000; padding: 2px 5px; font-size: 200%;}
.icon.neu.c2:before	{background-color: #82b0b8; color: #fff; padding: 2px 5px; font-size: 200%;}
.icon.print	                 {width: 32px;height: 32px;}
.icon.print:before	         {color: #82b0b8; font-size: 20px;}

.icon.socialOpen		     {width: 32px;height: 32px;}
.icon.socialOpen:before		 {color: #82b0b8; font-size: 130%; margin:4px 0 0 6px}
.icon.star:before            {color: #82b0b8; font-size: 110%;}
.icon.star.on:before         {color: #277a8a;}



/* ----------OBJECTS---------- */

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(/library/images/system/icons/selectbox_aus.png) no-repeat; content:" "; position:absolute; width:20px; height:20px;}

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

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

select	{background:url(/library/images/icons/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 {font-family: 'iconset'; content:"\e919"; font-size: 15px;  position: absolute; top:0; right:0; z-index:2; margin: 5px; background-color: #f9ed43; cursor: pointer; border:1px solid #ffd402; padding: 2px 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.infoHeadline:before	{font-family: 'iconset'; content:"\e92d"; font-size: 20px;}
div.info			{width:20px; height:20px; position:relative;}
div.info:before		{content:"\e92c"; font-family: 'iconset'; font-size:12px; width:18px; height:18px; line-height:18px; margin:0; padding:0; text-align:center; border:1px solid #000; color:#000; border-radius:50%; display:inline-block}

.notTouchable div.info:hover:after	{position:absolute; left:calc(50% - 6px); top:-16px; content:" "; z-index:26; width:15px; height:15px; background-color: #fff; 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 > div				{line-height:20px; padding:10px; bottom:calc(100% + 8px); right:-150px; width:300px; background-color: #fff; box-shadow: 2px 3px 10px rgba(0,0,0,.25);}
div.info > div.right		{right:-50px}
div.info > div.left			{right:-250px}
div.info.down > div			{top:calc(100% + 8px); bottom:auto}
div.info.max > div			{width:600px; right:-300px}
div.info.max > div.right	{right:-15px}
div.info.max > div.left		{right:-550px!important}

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('/library/images/system/icons/Universal-Sprite.png') no-repeat -70px -560px;position:absolute; content:" "; display:inline-block}

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

div.info			{width:20px; height:20px; position:relative;}
div.info:before		{content:"\e92c"; font-family: 'iconset'; font-size:12px; width:18px; height:18px; line-height:18px; margin:0; padding:0; text-align:center; border:1px solid #000; color:#000; border-radius:50%; display:inline-block}

.notTouchable div.info:hover:after	{position:absolute; left:calc(50% - 6px); top:-16px; content:" "; z-index:26; width:15px; height:15px; background-color: #fff; 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 > div				{line-height:20px; padding:10px; bottom:calc(100% + 8px); right:-150px; width:300px; background-color: #fff; box-shadow: 2px 3px 10px rgba(0,0,0,.25);}
div.info > div.right		{right:-50px}
div.info > div.left			{right:-250px}
div.info.down > div			{top:calc(100% + 8px); bottom:auto}
div.info.max > div			{width:600px; right:-300px}
div.info.max > div.right	{right:-15px}
div.info.max > div.left		{right:-550px!important}

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('/library/images/system/icons/Universal-Sprite.png') no-repeat -70px -560px;position:absolute; content:" "; display:inline-block}

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

>>>>>>> refs/remotes/origin/develop

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');}


.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;}


.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 {font-family: 'iconset'; content:"\e90a"; font-size: 8px; padding-right: 2px;}
.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	{margin-left:10px; position:relative; color:#000!important}
div.googlemap .gm-style-iw a:before {font-family: 'iconset'; content:"\e90a"; font-size: 8px; margin-left: -11px;}
div.googlemap .gm-style-iw a.text.link	{margin-bottom:5px; padding: 1px 5px 0 18px;}
div.googlemap .gm-style-iw a.text.link:before {left:5px; top:50%; 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(/library/images/system/icons/bg-schraffur-gelb.png);}
#googleSpeech	{background: url(/library/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	{font-family: 'iconset'; content:"\e90a"; font-size: 15px; 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 {font-family: 'iconset'; content:"\e908"; font-size: 13px; position:absolute; top:1px; left:0; width:13px; height:13px; color:#94b494}
#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 {font-family: 'iconset'; content:"\e919"; font-size: 15px; position:absolute; 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 {font-family: 'iconset'; content:"\e946"; font-size: 15px; left:-5px; top:7px; position:absolute; display:inline-block; color: #277a8a}

.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;}

#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('/library/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 li.social .icon:before {color:  #82b0b8!important;}
#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 #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 {font-family: 'iconset'; content:"\e934"; font-size: 15px; float:left; width:18px; height:18px; margin:7px 5px 0 0; color:#82b0b8}
#themennavigation #interface div.menugallery:after {content:"Galerieansicht";}
#themennavigation #interface div.menuliste	{cursor:pointer}
#themennavigation #interface div.menuliste:before {font-family: 'iconset'; content:"\e933"; font-size: 16px; float:left; width:18px; height:18px; margin:7px 5px 0 0; color:#82b0b8}
#themennavigation #interface div.menuliste:after {content:"Listenansicht";}
#themennavigation #interface .icon.social {display: inline-block; font-size: 22px;}
#themennavigation #interface .icon:before {padding: 0 7px;}
#themennavigation #interface .icon.social.Facebook:before {content: "\e922"; color:#82b0b8;}
#themennavigation #interface .icon.social.Twitter:before {content: "\e954"; color:#82b0b8;}

#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(/library/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('/library/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('/library/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('/library/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:10%; min-width:90px; 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('/library/images/system/icons/bg-schraffur-petrol.png')}
#versicherungsSelector	li:hover > a > div.ico.c1	{background-image:url('/library/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		{font-family: 'iconset'; content:"\e946"; font-size: 13px; left: -4px; top:7px; position:absolute; display:inline-block; color:#277a8a}
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('/library/images/system/icons/bg-schraffur-gruen.png')}
.vereine-verbaende-selector li.aktiv > div.ico.c1 {background-image: url("/library/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('/library/images/system/icons/bg-schraffur-petrol.png')}

#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	{font-family: 'iconset'; content:"\e90a"; font-size: 8px;  float:left; width:15px; height:20px; display:inline-block;}	

#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	{font-family:'iconset'; content:"\e919"; font-size: 15px; position:absolute; right:0px; top:0px; width:20px; height:20px;transform: scale(.75,.75); position:absolute; right:0px; top:0px; width:20px; height:20px; display:none;}	
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}

.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(/library/images/sofortButton.png) center; background-size:cover;border-radius:50%;}
#sofortbutton .knopf:hover:after	{background-image: url(/library/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('/library/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;}}

@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('/library/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('/library/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(/library/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}


#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('/library/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.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('/library/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; }
#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:10px; 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('/library/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('/library/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(/library/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(/library/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;}

#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('/library/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(/library/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}

#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 	{font-family: "iconset"; content: '\e919'; top:10px; left:10px; color: #82b0b8}

#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	{font-family: "iconset"; content: '\e90a'; color: #000; margin: 0; position: absolute; left: -4px; top: -2px; font-size: 7px;}
#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}
#content > div.farbfeld.shadow:nth-child(2) {margin-top:-21px}

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('/library/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('/library/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}

.layout > .wrapper > .button + .button {margin-left: 10px;}

div.bildfeld > div.slots	{opacity:.9}
div.bildfeld > img	{position:absolute; z-index:0; left:0px; top:50%; transform: translate(0,-50%); max-width: 100%;}

div.slots > div.spalte {margin-right:20px;}
div.slots > div.spalte:last-child {margin-right:0px;}

/* 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:calc((100% - 20px) / 2);}

div.slots.duo12 > div.spalte.eins {width:calc((100% - 20px) / 3);}
div.slots.duo12 > div.spalte.zwei {width:calc((100% - 20px) / 3 * 2);}

div.slots.duo21 > div.spalte.eins {width:calc((100% - 20px) / 3 * 2);}
div.slots.duo21 > div.spalte.zwei {width:calc((100% - 20px) / 3);}

/* SLOT TRIO */
div.slots.trio div.spalte {width:calc((100% - 40px) / 3);}

/* SLOT QUART */
div.slots.quart > div.spalte {width:calc((100% - 60px) / 4);}

/* SLOT Trenner*/
div.klappliste > div > div.content	{margin-left:50px;}
div.autocomplete			{max-height:400px; margin-top:23px}
.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; margin-top:-55px; margin-bottom:15px}

.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(/library/images/system/qeContent.png)}
div.quickEditNew	{background: url(/library/images/system/qeDustbin.png)}
div.imperiaDashboard	{background: url(/library/images/system/qeDashboard.png)}
div.quickEditNew	{background: url(/library/images/system/qeNewSite.png)}
div.quickEditMobile	{background: url(/library/images/system/qeViewMobile.png)}
div.quickEditKill	{background: url(/library/images/system/qeDustbin.png); margin-left:15px!important}
div.quickEditTools	{background: url(/library/images/system/qeTools.png)}

div.quickEdit	{display:none; position:absolute; margin-top:2px; width:20px; height:20px; overflow:hidden; background: url(/library/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('/library/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(/library/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);}

@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;}
}	
}

/* ----------BREAKPOINTS---------- */

@media screen and (max-width: 1000px){
	div.slots {margin: 20px;}
	div.SSI > div.slots {margin: 0 0 15px 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}
	#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; }
}


@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;}
}


/* suche Header */
#suche:before {font-family: "iconset"; speak: none; cursor: pointer; content: "\e931"; font-size: 22px; padding-top: 5px;}
#suche.overlay:before {content: '\e919'; text-align: center;}

@media screen and (max-width: 600px) {
	#suche:before {position: absolute; left: -85px; top: 17px; }	
	#suche.overlay:before {line-height: 26px; left: 9px; top: 11px; padding: 6px; background-color: #fff;}
}

@media screen and (min-width: 601px) {
	#suche:before {font-size: 27px; display: inline-block;}
	#suche.overlay:before {font-size: 16px;}
}

#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(/library/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 {left: -69px;}
}

#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;}

body .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('/library/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:20px}
#header div.text	{margin-top: 10px; padding: 0 20px;}

#teldesc.handwriting {display: none; }
#kontakt	{position:relative;}
			
#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 	{font-family: "iconset"; content: '\e919'; top:10px; left:10px; color: #82b0b8; top:10px; left:10px;}


#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}
#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(/library/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}

#content > div:first-child > .slots:not(.trenner)	{margin:0 20px}
div.slots > div.spalte {margin-bottom:20px!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	{position: relative; padding:0; min-height:0!important}
div.bildfeld > img	{position:relative; width:100%!important}

div.farbfeld		{padding:20px}
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('/library/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}


/*div.slots > div.spalte.stoerer  {margin-top:80px}*/
div.slots > div.spalte.stoerer > div.layout > div.wrapper	{padding-top:40px}
div.slots > div.spalte.stoerer > div.layout > div.wrapper > div.ico:first-child {font-size:50px; line-height:70px!important; width:70px;}

//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 > 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;}
.newBox {padding: 10px;}
/* 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%;}	
}


/* Slot-Farben */
div.slots > div.spalte.field.green > div.layout > div.wrapper           {background-color:#94b494;}
div.slots > div.spalte.field.entireGreen > div.layout > div.wrapper     {background-color:#94b494;}
div.slots > div.spalte.field.blue > div.layout > div.wrapper            {background-color:#82b0b8;}
div.slots > div.spalte.field.entireBlue > div.layout > div.wrapper      {background-color:#82b0b8;}
div.slots > div.spalte.field.entireLightBlue > div.layout > div.wrapper {background-color:#bed7dc;}
div.slots > div.spalte.field.yellow > div.layout > div.wrapper          {background-color:#f9ed43;}
div.slots > div.spalte.field.entireYellow > div.layout > div.wrapper    {background-color:#f9ed43;}

div.slots > div.spalte.frame.yellow > div.layout > div.wrapper {border:3px solid #f9ed43; }
div.slots > div.spalte.frame.blue > div.layout > div.wrapper   {border:3px solid #277a8a;}
div.slots > div.spalte.frame.green > div.layout > div.wrapper  {border:3px solid #94b494;}

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.stripes > div.layout					{background:url('/library/images/system/icons/bg-schraffur-petrol.png');}
div.slots > div.spalte.stripes.lBlue > div.layout			{background:url('/library/images/system/icons/bg-schraffur-hellblau.png');}
div.slots > div.spalte.stripes.yellow > div.layout			{background:url('/library/images/system/icons/bg-schraffur-gelb.png');}
div.slots > div.spalte.stripes.lGreen > div.layout			{background:url('/library/images/system/icons/bg-schraffur-gruen.png');}


/*-----------aufzaehlung-------------*/
.aufzaehlung.col1 li:before 	{background:#f9ed43}
.aufzaehlung.col2 li:before 	{background:#82b0b8;}
.aufzaehlung.col3 li:before 	{background:#94b494;}
.aufzaehlung.col4 li:before 	{background:#b3b3b3;}

div.aufzaehlung.c1 li:before 	{background:#f9ed43}
div.aufzaehlung.c2 li:before 	{background:#82b0b8;}
div.aufzaehlung.c3 li:before 	{background:#94b494;}
div.aufzaehlung li.ics-haekchen-circle:before {color: #277a8a;}
div.aufzaehlung ol li .icon.list.ordered:before {color: #000; background-color: #f9ed43;border: 1px solid #ffd402;}

/*-----------farbfeld---------------*/

.farbfeld.field.col1		{background-color:#fbf9db;}
.farbfeld.field.col2		{background-color:#bed7dc;}
.farbfeld.field.col3		{background-color:#dfe8df;}
.farbfeld.field.col4		{background-color:#ddd;}

.farbfeld.stripes.col1		{background:url('/library/images/system/icons/bg-schraffur-petrol.png');}
.farbfeld.stripes.col2		{background:url('/library/images/system/icons/bg-schraffur-hellblau.png');}
.farbfeld.stripes.col3		{background:url('/library/images/system/icons/bg-schraffur-gelb.png');}
.farbfeld.stripes.col4		{background:url('/library/images/system/icons/bg-schraffur-gruen.png');}

.farbfeld.frame.col1 {border: 5px solid #f9ed43;}
.farbfeld.frame.col2 {border: 5px solid #82b0b8;}

/* ----- historisch ------*/

.farbfeld.gruen	{background-color:#dfe8df;}
.farbfeld.blau	{background-color:#bed7dc;}
.farbfeld.grau	{background-color:#fafafa;}
.farbfeld.gelb	{background-color:#f9ed43;}

.farbfeld.stripes	{background:url('/library/images/system/icons/bg-schraffur-petrol.png');}
.farbfeld.stripes.lBlue	{background:url('/library/images/system/icons/bg-schraffur-hellblau.png');}
.farbfeld.stripes.yellow	{background:url('/library/images/system/icons/bg-schraffur-gelb.png');}
.farbfeld.stripes.lGreen	{background:url('/library/images/system/icons/bg-schraffur-gruen.png');}

.farbfeld.frame.yellow {border: 5px solid #f9ed43;}
.farbfeld.frame.petrol {border: 5px solid #277a8a;}

/*---------header----------*/
#header div.text a.button:hover {border: 1px solid #ffd402;}

/*-------------mainnav--------------*/
#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 .entireYellow > .layout, #mainnav .layout.entireYellow {background-color: #f9ed43;}
#mainnav .entireGreen > .layout, #mainnav .layout.entireGreen {background-color: #94b494;}
#mainnav .entireBlue > .layout, #mainnav .layout.entireBlue {background-color: #82b0b8;}
#mainnav ul > li > div.container > ul > li li	{border-bottom:1px solid #dfe8df;}
#mainnav > ul > li.active > p > a {color:#82b0b8!important;}
#mainnav ul div.container.switchlanguage a {border-bottom: 1px solid #ddd;}
#mainnav #nav-lang p:after {background-color: #dfe8df;}
#mainnav .flexrow.bg_green {border-top: 1px solid #dfe8df;}
#mainnav .flexrow.frame	{border:1px solid #b3b3b3}
.notTouchable #mainnav ul > li > div.container .link:not(.std) a:hover > p  {background-color: #f9ed43;}
.notTouchable #mainnav ul > li > div.container.switchlanguage a:hover {background-color:  #f9ed43;}


/*-------------slots--------------*/
.slots > .spalte.dots.col1 > .layout > .wrapper {padding-left:20px; border-left:3px dotted #bbb}

.slots > .spalte.line.col1 > .layout > .wrapper {padding-left:20px; border-left:1px solid #b3b3b3}

.slots > .spalte.frame.col1 > .layout > .wrapper {border:3px solid #f9ed43}
.slots > .spalte.frame.col2 > .layout > .wrapper {border:3px solid #82b0b8;}
.slots > .spalte.frame.col3 > .layout > .wrapper {border:3px solid #94b494;}
.slots > .spalte.frame.col4 > .layout > .wrapper {border:1px solid #b3b3b3; background-color:#fff!important}

.slots > .spalte.field.white > .layout > .wrapper {background-color:#fff;}
.slots > .spalte.field.col1 > .layout > .wrapper {background-color:#fbf9db;}
.slots > .spalte.field.col2 > .layout > .wrapper {background-color:#bed7dc;}
.slots > .spalte.field.col3 > .layout > .wrapper {background-color:#dfe8df;}
.slots > .spalte.field.col4 > .layout > .wrapper {background-color:#ddd;}

.slots > .spalte.stoerer > .layout	{background-color:#fff; border-width:1px; border-style:solid; border-color:#b3b3b3}
.slots > .spalte.stoerer.col1 > .layout	{border-top:5px solid #f9ed43}
.slots > .spalte.stoerer.col2 > .layout	{border-top:5px solid #82b0b8}
.slots > .spalte.stoerer.col3 > .layout	{border-top:5px solid #94b494}

.slots > .spalte.stripes > .layout				{background:url('/library/images/system/icons/bg-schraffur-petrol.png')}
.slots > .spalte.stripes.col1 > .layout			{background:url('/library/images/system/icons/bg-schraffur-gelb.png');}
.slots > .spalte.stripes.col2 > .layout			{background:url('/library/images/system/icons/bg-schraffur-petrol.png')}
.slots > .spalte.stripes.col2h > .layout		{background:url('/library/images/system/icons/bg-schraffur-hellblau.png');}
.slots > .spalte.stripes.col3 > .layout			{background:url('/library/images/system/icons/bg-schraffur-gruen.png');}


#quicklinks .chatbot {display: none;}
#quicklinks .chatbot.sm {display: block;}
#quicklinks .chatbot > p	{cursor: pointer;}	

@media screen and (max-width: 600px) {
	#quicklinks.open {width: 220px;}
	#quicklinks.open li > * {left: 0;}
	
}

@media screen and (min-width: 601px) { 
	#quicklinks {overflow: visible; right: 175px;}
	#quicklinks li > *	{transition: none;}	
	#quicklinks li:not(.scrolltop):hover	{right: 0 !important;}
	#quicklinks:hover {width: 235px;}
	#quicklinks li:hover > p  {left:200px;transition: all .4s ease-in-out; webkit-transition: all .4s ease-in-out}		
	#quicklinks li:last-child {-webkit-transition-property: none;-moz-transition-property: none;-o-transition-property: none;}
	#quicklinks li.scrolltop, #quicklinks li.scrolltop:hover {transition: none; right: -175px;}
	#quicklinks-container ul.collapsed {width: 46px}
	#quicklinks.collapsed {overflow: hidden; right: 0;}
	#quicklinks.collapsed li.scrolltop {right: 0;}
	#quicklinks .chatbot {display: block;}

}
@media screen and (min-width: 1076px) { 	
	#quicklinks {right: 175px;}
}

.embeddedServiceHelpButton .helpButton .uiButton {
	background-color: #005290;
	font-family: "Arial", sans-serif;
}
.embeddedServiceHelpButton .helpButton .uiButton:focus {
	outline: 1px solid #005290;
}
 .embeddedServiceHelpButton {
	display:none!important	
}
button.closeButton[embeddedService-chatHeader_chatHeader] {padding: 4px 0 0 0; margin: 0;}
button[embeddedService-chatHeader_chatHeader] {padding: 0; margin: 0;}

.dockableContainer button:before {display: none;} 
/* Startseite Multiteaser */
.homepage {background-color: inherit;}
.homepage .suche .fieldContainer {width: calc(100% - 253px);}
.homepage button {display: inline-block;}

.homepage .suche h2 {display: inline-block; line-height: 26px; font-family: arial, sans;font-weight: bold; font-size: 120%; padding: 0 0 5px 0; margin: 0;}


/* Chat */
#quicklinks .chatbot {display: none;}
#quicklinks .chatbot.sm {display: block;}
#quicklinks .chatbot > p	{cursor: pointer;}	

/* Suche */
.margsuche {border: 1px solid #b3b3b3; float: left; font-size: 140%; margin: 0 10px 0 0; padding: 5px 3px; width: 175px;box-sizing: border-box;}
#detailsuche input::-ms-clear {display: none;}
#suchergebnis #searchFieldReset {display: none;}

/* Social Icons */
.social-colored {position: relative; display: inline-block; vertical-align: middle;}
.social-colored {width: 34px;height: 34px;}
.social-colored:before {background: url(/library/images/system/icons/Universal-Sprite.png) no-repeat;content: "";position: absolute;width: 100%;height: 100%;}
.social-colored.Facebook:before	{background-position:0 0;}
.social-colored.Twitter:before	{background-position:-35px 0}
.social-colored.LinkedIn:before	{background-position:-105px 0;}
.social-colored.Youtube:before  {background-position:-280px 0;}

/* Suchergebnis */
#suchergebnis {margin: 50px 0 0 80px}
#suchergebnis .meldung p {margin: 0 0 0 40px; font-size: 13px; color: #808080;}
#suchergebnis div p.fehler {margin: 0 0 0 40px; font-size: 13px; color: #dd4b39;}
#suchergebnis div  li {	display: list-item;}
#suchergebnis div  ol {margin-left: 40px;list-style-type:decimal;}
#suchergebnis ol li{margin-top:20px;}
#suchergebnis div h2 {font-family: Arial,Helvetica,sans-serif; font-weight: bold; font-size: 18px; line-height: 1.2; margin: 30px 0 0 0; padding: 0 0 0 40px;}
#suchergebnis form{margin-left: 40px;}
#suchergebnis button {display:inline-block;}
#suchergebnis  .margsuche {width: calc(80% - 200px); height: 35px; padding: 5px 10px;	border: 1px solid #cbcbcb; box-shadow: none; margin: 0 3px 0 0;}
#suchergebnis  ol {margin-left: 0; list-style: none;}
#suchergebnis  ol li a {font-size: 18px; line-height: 1.2; color: #1a0dab; font-weight:normal;}
#suchergebnis  ol li a:hover {text-decoration: underline;}
#suchergebnis  ol li .url {font-size: 14px; color: #006621;}
#suchergebnis  ol li p {margin: 0 0 23px 0;}

#content {padding-top: 100px;}

#head:after {background: none;}

#searchfield_label {display:none;}
#page.Themenseite #header > div.text p.date {display:none;}

/* Icons Homepage */
#homepage .versicherungsliste {text-align: center}
#homepage .versicherungsliste a, #homepage .versicherungsliste a:hover, #homepage .versicherungsliste a:visited {color:(none);width: 100%;float:center;padding: 10px;font-size: 110%;}
#homepage .versicherungsliste ul {display: inline-block; margin: 0; padding: 0; width:90%;}
#homepage .versicherungsliste li {float: left; width:25%}

/*#header .text {top:110px !important;}*/

#foot { margin-top: 0; }
#foot ul.social li.social {padding-top:7px;}
#foot ul.social li.partner:nth-child(5) {padding-left:30px;}

.icon.neu.c1:before {display: none; content: "";} /* kein neu Icon anzeigen */
#page.Themenseite #header label {display:none}
#page.Themenseite #header #themennavigation label {display:block}
#page.Themenseite #header .headerThemenArtikel {display:none}
#page.Themenseite #quicklinks > li {display: inherit;}

#themennavigation #interface > li.drucken,
#themennavigation #interface > li.email  {display:inline-block !important}

div.bildfeld {box-sizing: border-box;}

ul.funktionsleiste li.none > div > span:before,
ul.funktionsleiste li.none > a > div > span:before	{content:none;}

div.farbfeld.gruen .spalte.frame p.textblock.zitat,
div.farbfeld.gruen .spalte.field.white p.textblock.zitat,
div.farbfeld.gruen .spalte.field.yellow p.textblock.zitat,
div.farbfeld.gruen .spalte.field.green p.textblock.zitat,
div.farbfeld.gruen .spalte.field.blue p.textblock.zitat {
    color:#277a8a;
}

ul.boxlayout li h5 {text-decoration: underline}

.suchergebnis .ergebnisse .result .url, #searchoutput .meldung .info {display: none;}   

/* aj-form */
#aj-form :before {background: none;}
#aj-form #showLoginModal {display:none !important;}


@media screen and (max-width: 600px) {
	#suche button {font-size: 130%;}
	#quicklinks.open {width: 220px;}
	#quicklinks.open li > * {left: 0;}
	
}
@media screen and (max-width: 601px) { 
	.homepage .suche .fieldContainer {width: calc(100% - 21px);}	
	.homepage:before {background: none;}	
	#homepage {margin: 30px 0 0 0;}		
	#homepage .versicherungsliste ul {width: 100%;}
	#versicherungen a {width: 80%!important;}
	#versicherungen a>p {margin: 0; }	

	#content {padding-top: 60px;}
	#foot ul.social li.partner  { float: none; }
	#foot ul.social li.partner:nth-child(5) {clear: both; padding-left:0; padding-top:20px}
	
	.homepage .suche .fieldContainer {width: calc(100%);}
	#suchergebnis {margin: 20px 0 0 0}
	#suchergebnis .margsuche {width: calc(100% - 130px); padding: 3px 5px; }
	#suchergebnis form {margin-left: 20px;}
	#suchergebnis .snippet-line {max-width: 100%;}	
}
@media screen and (min-width: 601px) { 
	#suche form {width: 340px;}
	#suche button#searchFieldReset {left: 155px;}
	#foot ul.social {float: left;}
	#quicklinks {overflow: visible; right: 175px;}
	#quicklinks li > *	{transition: none;}	
	#quicklinks li:not(.scrolltop):hover	{right: 0 !important;}
	#quicklinks:hover {width: 235px;}
	#quicklinks li:hover > p  {left:200px;transition: all .4s ease-in-out; webkit-transition: all .4s ease-in-out}		
	#quicklinks li:last-child {-webkit-transition-property: none;-moz-transition-property: none;-o-transition-property: none;}
	#quicklinks li.scrolltop, #quicklinks li.scrolltop:hover {transition: none; right: -175px;}
	#quicklinks-container ul.collapsed {width: 46px}
	#quicklinks.collapsed {overflow: hidden; right: 0;}
	#quicklinks.collapsed li.scrolltop {right: 0;}
	#quicklinks .chatbot {display: block;}
	#chatlisa {cursor: pointer;}
	#teldesc.handwriting {right: 420px;}
	#head:after { background: url(/layout/images/system/divshadow.png) no-repeat 50% 0;left: 0;bottom: -10px;position: absolute;width: 100%;height: 10px;content: " ";}	
	
/* wieder entfernen, wenn Schatten entfernt wurde */
	#SlotNavContainer.notscrollable {width: calc(100% + 5px)!important;}
/* */
}


@media screen and (min-width: 1076px) { 	
	#quicklinks {right: 175px;}
}



@media screen and (min-width: 601px) and (max-width: 651px) { 
	#navigation > ul > li > p {font-size: 110%;}	
}
@media screen and (min-width: 601px) and (max-width: 799px) { 
	#foot ul.social li.partner { float: left; }
	#foot ul.social li.partner:nth-child(5) {clear: none; padding-left:20px; padding-top:5px}
	#foot ul.social li.partner:nth-child(6) {clear: both; }
}
@media screen and (min-width: 601px) {
	#foot ul.social li.partner {margin-top: 13px; padding-top: 0;}
	#foot ul.social li {padding: 6px 15px 0 0;}
}
@media screen and (min-width: 651px) and (max-width: 765px) { 
	#navigation > ul > li > p {font-size: 90%;}	
}

@media screen and (min-width: 601px) and (max-width: 765px) { 
	#header .text {top:80px !important;}
}
@media screen and (min-width: 601px) and (max-width: 850px) { 
	.bildfeld > div.slots.duo12 > div.spalte.eins, .bildfeld > div.slots.duo12 > div.spalte.zwei, .bildfeld > div.slots.duo21 > div.spalte.eins, .bildfeld > div.slots.duo21 > div.spalte.zwei { width: 100%;}
}

@media screen and (min-width: 766px) and (max-width: 850px) {
	#navigation > ul > li > p {font-size: 90%;}	 
}
#aj-form .aj-form-group select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}


#quicklinks .chatbot {display: none;}
#quicklinks .chatbot.sm {display: block;}
#quicklinks .chatbot > p	{cursor: pointer;}	

@media screen and (max-width: 600px) {
	#quicklinks.open {width: 220px;}
	#quicklinks.open li > * {left: 0;}
	
}

@media screen and (min-width: 601px) { 
	#quicklinks {overflow: visible; right: 175px;}
	#quicklinks li > *	{transition: none;}	
	#quicklinks li:not(.scrolltop):hover	{right: 0 !important;}
	#quicklinks:hover {width: 235px;}
	#quicklinks li:hover > p  {left:200px;transition: all .4s ease-in-out; webkit-transition: all .4s ease-in-out}		
	#quicklinks li:last-child {-webkit-transition-property: none;-moz-transition-property: none;-o-transition-property: none;}
	#quicklinks li.scrolltop, #quicklinks li.scrolltop:hover {transition: none; right: -175px;}
	#quicklinks-container ul.collapsed {width: 46px}
	#quicklinks.collapsed {overflow: hidden; right: 0;}
	#quicklinks.collapsed li.scrolltop {right: 0;}
	#quicklinks .chatbot {display: block;}

}
@media screen and (min-width: 1076px) { 	
	#quicklinks {right: 175px;}
}

.embeddedServiceHelpButton .helpButton .uiButton {
	background-color: #005290;
	font-family: "Arial", sans-serif;
}
.embeddedServiceHelpButton .helpButton .uiButton:focus {
	outline: 1px solid #005290;
}
 .embeddedServiceHelpButton {
	display:none!important	
}
button.closeButton[embeddedService-chatHeader_chatHeader] {padding: 4px 0 0 0; margin: 0;}
button[embeddedService-chatHeader_chatHeader] {padding: 0; margin: 0;}

.dockableContainer button:before {display: none;}