/* ---------------- Allgmeines ---------------- */
main, aside, #ticker, .eigenvideo, .youtu, .vemavidrahmen, .dia {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;     					/* padding und border INNERHALB des Containers */
	}
main {
	padding-bottom: 2rem
	}
a.topact { outline: 0; }
p {
	line-height: 1.4em; 							/* nicht im body, da zu weitreichende Konsequenzen */
	text-align: justify;
	margin-bottom: 1rem;							/* da alle margins pauschal auf 0 */
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	}
b, i {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	}
hr {
	margin: 1rem;
	}
#navclose {
	display: none;	/* nur einblenden bei smallnav */
	}

/* clearfix */
/* Gegen Zusammenklappen des bodys bei float. Es wird via css ein Element erzeugt, mit attribut clear both und immer verwendet, wenn kein footer vorhanden */
/* immer wenn dieses problem auftritt, wird dem betreffenden element (hier body) diese Klasse zugeordnet */
.clearfix:after, .team section:after {
    content: ".";
    visibility: hidden;
    height: 0;
    width: 0;
    display: block;
    clear: both;
	}
.clearleft, .team section:after {
	clear: left;
	}
	
/* Sämtliche Listen, die nicht Listen sind, Einrückung unterbinden und Listenpunkt weg */
header nav ul, #adressblock ul, .team ul, .daterkl ul, fieldset ul, .nolist, .listensymbol, .ohnepu, #reiselink ul {
	list-style-type: none;
	margin: 0 0 1rem 0;
	padding: 0;
	}
#reiselink ul, .listensymbol, .ohnepu {											
	margin: 1rem 0 1rem 4rem !important;
	}
#reiselink ul li, .listensymbol li, .ohnepu li {	
	margin-bottom: 0.8rem;
	}

/* sämtliche standard-Boxen und Elemente mit Hintergrundverlauf */
.erstimp, #adressblock, .daterkl, input, select, textarea, .altrechner hr + p, .themeline {
	background: -webkit-linear-gradient(rgba(80, 80, 80, 0.15) 1%, rgba(255, 255, 255, 0.15) 50%, rgba(80, 80, 80, 0.15) 99%);
	background: -moz-linear-gradient(rgba(80, 80, 80, 0.15) 1%, rgba(255, 255, 255, 0.15) 50%, rgba(80, 80, 80, 0.15) 99%);
	background: linear-gradient(rgba(80, 80, 80, 0.15) 1%, rgba(255, 255, 255, 0.15) 50%, rgba(80, 80, 80, 0.15) 99%);
	}

/* standard für alte standardelemente */
.wegframe, .erstimp, #adressblock, .daterkl, fieldset, .newscont p.news_thumb, .altrechner tr, .altrechner hr + p, .themeline, .eigenvideo, .youtu, .vemavidrahmen, .dia {
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.23);	/* rechst runter unscharf groesse */
	-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.23);
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.23);
	}
.erstimp, #adressblock, .daterkl, .altrechner hr + p {
	font-size: 0.8rem;
	padding: 0.6rem;
	margin: 1rem 0 2rem -0.4rem;
	display: block;
	}
#adressblock {
	padding: 0.7rem 1rem 0.1rem 1.2rem;
	}

/* Ausnahmen in Alt-rechnern */
#altrechspec tr:first-child, #altrechspec tr:last-child, .weiter {
	background: -webkit-linear-gradient(rgba(80, 80, 80, 0.15) 1%, rgba(255, 255, 255, 0.15) 50%, rgba(80, 80, 80, 0.15) 99%);
	background: -moz-linear-gradient(rgba(80, 80, 80, 0.15) 1%, rgba(255, 255, 255, 0.15) 50%, rgba(80, 80, 80, 0.15) 99%);
	background: linear-gradient(rgba(80, 80, 80, 0.15) 1%, rgba(255, 255, 255, 0.15) 50%, rgba(80, 80, 80, 0.15) 99%);
	-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);	/* rechst runter unscharf groesse */
	-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
	}
	
/* ---------------- formulare ---------------- */
.daterkl {
	margin-top: 2rem !important;
	}
fieldset, .newscont p.news_thumb, .altrechner tr, hr {
	background: -webkit-linear-gradient(rgba(255, 255, 255, 0.15) 1%, rgba(80, 80, 80, 0.15) 99%);
	background: -moz-linear-gradient(rgba(255, 255, 255, 0.15) 1%, rgba(80, 80, 80, 0.15) 99%);
	background: linear-gradient(rgba(255, 255, 255, 0.15) 1%, rgba(80, 80, 80, 0.15) 99%);
	border-style: solid;
	border-color: #DA6D16;
	border-width: 1px 0 0 0;
	padding: 0rem 2rem 1rem 2rem;
	margin-top: 1rem;
	}
fieldset legend {
	font-weight: bold;
	padding: 0 1rem;
	background: #fff;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	}
fieldset ul {
	margin: 1rem 1rem 0.8rem 1rem;
	}
fieldset li {
	line-height: 1.8rem;
	}
input, select, textarea, .weiter {
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	border-style: solid;
	border-color: #ddd;
	border-width: 1px;
	width: 50%;
	height: 1rem;
	padding: 0.2rem 0.6rem;
	margin-right: -0.8rem;
	float: right;
	font-size: 0.8rem;
	}
.radiobut, .checkbut {
	margin-bottom: 2rem;
	clear: both;
	}
.radiobut input, .checkbut input {
	width: 1rem;
	margin: 0.5rem 0rem 0rem 1.5rem;
	}
.radiobut li, .checkbut li {
	text-align: right;
	margin-top: 0.3rem;
	}
select, textarea {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	height: 2rem;
	}
textarea {
	height: 8rem;
	margin-bottom: 1rem;
	}
.texarea label {
	float: left;
	width: 37%;
	}
	
.fomail {
	float: left;
	margin: 3.4rem 0 0 0;
	}
.fomail label {
	display: block;
	}
.fomail input {
	float: left;
	width: 90%;
	margin-bottom: 1rem;
	}
	
.datenschutz em {
	float: left;
	margin: 0 0 -2rem -2rem;
	}
.formhinw {
	line-height: 1rem;
	opacity: 0.5;
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	margin-bottom: 1rem;
	}
.formhinw:hover {
	opacity: 1;
	}

.bestaet {
	font-weight: bold;
	line-height: 1.2rem;
	}
.bestaet input {
	width: 1rem;
	}
.senden {
	margin: 1rem 0 0 2rem;
	}
input[type="submit"], input[type="button"], .weiter {	/* betrifft Altrechner und sämtliche Formulare */
	height: 2rem;	/* submitbutton */
	width: 50%;
	margin: 1rem -1rem 0 0;
	clear: both;
	}
.pflichtfelderklaer {
	text-align: right;
	font-size: 0.75rem;
	opacity: 0.8;
	padding-right: 2rem;
	margin-bottom: -1rem;
	}
.pflichtfelderklaer b, .pflichtfeld b, fieldset b, fieldset i {
	color: #f00;
	}
.pflichtfeld b, fieldset b {
	margin: 0 0.3rem 0 -0.7rem;
	}
	
/* Umfrageformulare */
.um01, .um02, .um03, .um04, .um05, .um06 {
	display: inline-block;
	height: 2rem;
	width: 2rem;
	-moz-border-radius: 24px;
	-webkit-border-radius: 24px;
	border-radius: 24px;
	box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4) inset;	/* horizonatl, vertikal, weichzeichnung, groesse, farbe, alpha, inset = schatten nach innen */
	text-align: center;
	color: #fff;
	font-weight: bold;
	text-shadow: 1px 1px 3px #000000;				/* hor - vert - blur */
	opacity: 0.4;
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	}
.noten .um01, .noten .um02, .noten .um03, .noten .um04, .noten .um05, .noten .um06, .um01:hover, .um02:hover, .um03:hover, .um04:hover, .um05:hover, .um06:hover {
	opacity: 1;
	}
.um01 { background: #5CC456; }
.um02 { background: #9ECA4B; }
.um03 { background: #D5D43F; }
.um04 { background: #C7A641; }
.um05 { background: #C77841; }
.um06 { background: #D64B3B; }

.noten {
	margin: 1.5rem 2.8rem -2.7rem 0;
	text-align: right;
	}
.noten li {
	line-height: 2rem;
	}

.bewert {
	display: table;
	padding-top: 1rem;
	}
#bewertnoten {
	padding-top: 3rem;
	}
	
.tablerow label, .tablerow ul {
	display: table-cell;
	padding: 0 0 0.3rem 1rem;
	}
.tablerow label {
	width: 99%;
	vertical-align: sub;
	}
.bewert .umfraglabel {
	width: 99%;
	vertical-align: middle;
	}
.tablerow ul {
	min-width: 14rem;
	}

.tablerow {
	display: table-row;
	}
.tablerow .radiobut, .tablerow .checkbut {
	display: table;
	margin: 0;
	}

.ulrow input {
	float: right;
	}
.ulrow label {
	width: 47%;
	display: inline-block;
	}

.bewert input {
	margin: 0.5rem 0.4rem;
	}
.bewert .radiobut label, .bewert .checkbut label {
	margin: 3rem 0 -2.5rem 0rem;
	}
	
/* Sonderformat Quickform */
#quickdat {
	font-size: 0.75rem;
	}
#quickdat .bestaet {
	margin: -1rem 0 0.4rem 0;
	font-weight: normal;
	}
#quickdat .senden input {
	float: right;
	width: 25%;
	margin: -1.6rem -1rem 1rem 0;
	padding: 0;
	}
#quickdat .senden input, .weiter {
	font-weight: bold;
	}
.weiter {
	float: left;
	cursor: pointer;
	white-space: nowrap;
	width: 75%;
	height: 1.8rem;
	margin: 0.7rem 0 -0.4rem 0;
	padding: 0;
	text-align: center;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	}
#quickform div {
	-webkit-transition: height 1s ease;
	-moz-transition: height 1s ease;
	transition: height 1s ease;
	}
#quickform .quickform_hidden {
	height: 0px;
	overflow: hidden;
	}
#quickform .quickform_show {
	overflow: hidden;
	}
#quickform .quickform_hidden fieldset, #quickform .quickform_show fieldset {
	border: none;
	margin: 0;
	padding-top: 2.5rem;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 1%, rgba(80, 80, 80, 0.1) 99%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: -moz-linear-gradient(rgba(255, 255, 255, 0) 1%, rgba(80, 80, 80, 0.1) 99%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background: linear-gradient(rgba(255, 255, 255, 0) 1%, rgba(80, 80, 80, 0.1) 99%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	}
#quickdat {
	border-width: 0 0 1px 0;
	padding-top: 2.5rem;
	}

/* erstinfo ueberschrift */
h1 ul {
	font-size: 1rem;
	margin-top: 1rem;
	}
	
/* Ausklapp-Content */
#accordion { clear: both; }
#accordion .section-wrapper { margin: 0 0 0.5rem 0; }
#accordion .section-wrapper a { cursor: pointer; }
#accordion .ui-accordion-content > * {
    margin: 0.1rem;
    padding: 0.3rem 2.4rem;
	}

/* Bild vergrößern bei Mouseover */
img.zoom {
 transition: transform 0.8s;
 -moz-transition: transform 0.8s;
 -webkit-transition: transform 0.8s;
 -o-transition: transform 0.8s;
 -ms-transition: transform 0.8s;
 width: 255px;
}
img.zoom:hover {
 cursor: zoom-in; 
 cursor: -moz-zoom-in;
 cursor: -webkit-zoom-in;
 transform: scale(3.0, 3.0);
 -moz-transform: scale(3.0, 3.0);
 -webkit-transform: scale(3.0, 3.0);
 -o-transform: scale(3.0, 3.0);
 -ms-transform: scale(3.0, 3.0);
 position: relative;
 z-index: 15;
}

/* team */
.team section {
	margin-bottom: 3rem;	/* Abstand der Mitarbeiter */
	}
.team img {
	background: #eee;
	-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);	/* rechst runter unscharf groesse */
	-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
	border-style: solid;
	border-color: #aaa;
	border-width: 1px;
	padding: 0.4rem;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin: 0;
	float: left;
	}
.team ul {
	margin-left: 14rem;		/* Abstand text zu bild */
	}

.tname {
	font-size: 1.3rem;
	font-weight: bold;
	margin-bottom: 1rem;
	}
.tfu {
	font-size: 0.8rem;
	}
.ttaet {
	font-size: 0.8rem;
	font-weight: bold;
	margin-bottom: 1rem;
	}
.ttelsmart, .tmobsmart, .adrtelsmart, .adrmobsmart {								/* Ausblenden in Desktopansicht */
	display: none;
	}

/* Sprites */
.ytel, .yfax, .ymail, .ymob, .yhand, .yfrag, .yinfo, .ypfre, .ypfli, .ypfob, .ypfun, .yoba1, .yoba2, .ysascha, .ypescha, .ykfzscha, #accordion .icon, #accordion .icon-active, #ystasto, .ypfdez, .ypdf, .ydoc, .ygewerb, .yprivat, .ymediz, .ypara, .yrech, .yhome, .yvideo, .yglob, .yclose, .ynavclose, .xhand, .ylupe, .ylikef, .ylikem {
	background-image: url(../../ima/symb/spritesymb.png);
	background-repeat: no-repeat;
	background-size: 9.4rem auto;
	display: inline-block;
	height: 1.4rem;
	width: 1.4rem;
	margin: 0 0.8rem -0.4rem -2.2rem;
	/* vertical-align: text-bottom; */
	}
	
.ytel	{ background-position: -0.2rem -0.3rem; }		/* y = Selektoren im Eigencontent, jederzeit beliebig anpassbar */
.ymob	{ background-position: -0.2rem -5.8rem; }
.yfax	{ background-position: -0.2rem -2.15rem; }
.ymail	{ background-position: -0.2rem -3.8rem; }

.yhand	{ background-position: -2.1rem -14.9rem; }
.yinfo	{ background-position: -0.2rem -9.5rem; }
.yfrag	{ background-position: -5.6rem -14.9rem; }
.ypdf	{ background-position: -3.7rem -0.2rem; }
.ydoc	{ background-position: -3.7rem -2.1rem; }

.ypfre	{ background-position: -2.1rem -0.3rem; }
.ypfli	{ background-position: -2.1rem -2.1rem; }
.ypfob	{ background-position: -2.1rem -5.8rem; }
.ypfun	{ background-position: -2.1rem -3.9rem; }
.ypfdez { background-position: -7.1rem -0.25rem; }
.yoba1	{ background-position: -5.7rem -5.9rem; }
.yoba2	{ background-position: -5.7rem -7.7rem; }
.ypara	{ background-position: -7.5rem -11.3rem; }
.yrech	{ background-position: -3.8rem -14.9rem; }
.yhome	{ background-position: -0.2rem -11.3rem; }

.ysascha	{ background-position: -5.7rem -9.4rem; }
.ypescha	{ background-position: -5.7rem -11.3rem; }
.ykfzscha	{ background-position: -5.7rem -13.2rem; }
.ygewerb	{ background-position: -7.4rem -5.75rem; }
.yprivat	{ background-position: -7.4rem -7.6rem; }
.ymediz		{ background-position: -7.4rem -9.3rem; }

.yvideo		{ background-position: -0.2rem -13.1rem; }
.yglob		{ background-position: -0.2rem -7.6rem; }
.yclose		{ background-position: -3.9rem -5.7rem; }
.ylupe		{ background-position: -3.9rem -3.9rem; }

.ylike		{ background-position: -0.2rem -16.7rem; }
.ysms		{ background-position: -2rem -16.7rem; }
.yteilen	{ background-position: -3.9rem -16.7rem; }
.ywhats		{ background-position: -5.7rem -16.7rem; }

/* sprites aus standardcontent mit alten elementen gekennzeichnet mit x */
.xhand	{ background-position: -2.1rem -14.9rem; }


/* Sprites social */
.yfb01, .ytwit, .yxing, .ygoog, .yyout, .yrss, .ykonf, .yfb02 {
	background-image: url(../../ima/symb/spritesocial.png);
	background-repeat: no-repeat;
	background-size: 20rem auto;
	display: inline-block;
	height: 2rem;
	width: 2rem;
	margin: 0;
	}
.yfb01 { background-position: -0.2rem -2.7rem; }	.yfb01:hover { background-position: -0.2rem -0.2rem; }
.ytwit { background-position: -2.7rem -2.7rem; }	.ytwit:hover { background-position: -2.7rem -0.2rem; }
.yxing { background-position: -5.15rem -2.7rem; }	.yxing:hover { background-position: -5.15rem -0.2rem; }
.ygoog { background-position: -7.7rem -2.7rem; }	.ygoog:hover { background-position: -7.7rem -0.2rem; }
.yyout { background-position: -10.2rem -2.7rem; }	.yyout:hover { background-position: -10.2rem -0.2rem; }
.yrss { background-position: -12.7rem -2.7rem; }	.yrss:hover { background-position: -12.7rem -0.2rem; }
.ykonf { background-position: -15.2rem -2.7rem; }	.ykonf:hover { background-position: -15.2rem -0.2rem; }

.yfb02 {
	background-position: -0.2rem -10.1rem;
	height: 4.4rem;
	width: 11.6rem;
	}
.yfb02:hover { background-position: -0.2rem -15.1rem; }

/* Alle weiteren symbole mit Sprites */
.ynavclose	{	/* nur für smallnav mit festem Platz */
	background-size: 15rem auto;
	height:2rem;
	width: 2rem;
	background-position: -12.1rem -26.7rem;
	position: absolute;
	top: -0.2rem;
	right: -0.9rem;
	}
#navclose a {
	height: 1.5rem;
	width: 0.4rem;
	position: absolute;
	top: 0;
	right: 0;
	}
#ystasto {
	margin: 0;
	cursor: pointer;
	background-position: -7.6rem -2.1rem;
	}
#ystasto:hover { background-position: -7.6rem -3.9rem; }
#accordion .icon, #accordion .icon-active {
	background-position: -2.1rem -9.3rem;
	vertical-align: text-bottom;
	margin: 0 0.5rem 0 0.6rem;
	}
#accordion .icon-active { background-position: -2.1rem -11.1rem;; }

.nolist li { margin: 0.3rem 0 0.3rem 2.2rem; }

/* Elemente */
.wegframe {
	width: 100%;
	height: 30rem;
	}
.klein10 {
	font-size: 85%;
	line-height: 1;
	display: block;
	margin:  1rem 0 0.1rem 0;
	opacity: 0.7;
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	}
.klein10:hover {
	opacity: 1;
	}
	
/* Bilder */
.imarechts, .imalinks, .postimarechts, .postimalinks, .rahmen {
	padding: 0.5rem;
	margin-bottom: 0.5rem;
	border-style: solid;
	border-color: #ccc;
	border-width: 1px;
	max-width: 95%;
	}
.imarechts, .postimarechts {
	margin-left: 2rem;
	float: right;
	}
.imalinks, .postimalinks {
	margin-right: 2rem;
	float: left;
	}
.postimarechts, .postimalinks {
	margin-top: 2rem;
	}

/* alte Elemente aus vmcontent */
#mitgliedschaften img {
	float: left;
	margin: 0 1rem 1rem 0;
	}
#mitgliedschaften strong {
	display: block;
	}
#pfl a {
	background: none !important;
	}
#reiselink {
	border-style: solid;
	border-color: #bbb;
	border-width: 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 1rem;
	}
.newscont h1 + p {
	display: none;		/* leerer p-tag in News ausblenden */
	}
.newscont p.news_thumb {
	padding: 0.5rem 1rem;
	}
#counter {
	display: block;
	width: 15px;
	height: 15px;
	position: absolute;
	z-index: 9;
	}
#countframe {
	display: block;
	width: 35rem;
	height: 19rem;
	margin: 2rem;
	}
	
/* Alt-Rechner */
.altrechner table {
	border-collapse: separate;
	border-spacing: 0 0.5rem;
	}
	
.altrechner tr {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	}
.altrechner tr:first-child, .altrechner tr:last-child {
	background: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	}
.altrechner tr:first-child + tr {
	display: none;
	}
.altrechner td {
	padding: 0.5rem;
	text-align: right;
	}
.altrechner input, .altrechner select, .altrechner textarea {
	padding: 0.2rem;
	margin: 0 0 -0.2rem 1rem;
	}
.altrechner input[type="submit"], .altrechner input[type="button"], .altrechner .weiter {
	width: 99%;
	}
.altrechner tr td:first-child {
	text-align: left;
	}
.altrechner hr {
	display: none;
	}
.altrechner hr + p {
	/* */
	}
#altrechspec tr:first-child + tr {
	display: table-row;
	border: none;
	}
.zitat .klein10 {
	margin: -1rem 0 1.5rem 0;
	text-align: right;
	}

/* Facebook */
#fbpinn {
	width: 99%
	}
#fbtermback {
	margin: 0 0 -2rem 3rem;
	}
#fbterm {
	background: #fff;
	position: relative;
	}
	
/* videos */
.eigenvideo, .youtu, .vemavidrahmen, .dia {
    width: 100%;
	max-width: 30rem;
    height: auto;
	padding: 0.8rem;
	border-style: solid;
	border-color: #aaa;
	border-width: 1px;
	background: #eee;
}

.vemavidrahmen {		/* Vemavideos sind nicht responsive, daher px */
	width: 470px;
	height: 284px;
	}
.vemavidout {			/* Passt sich äußerem Container an und schneidet Frame ab */
	overflow: hidden;
	}
.vemavidout iframe {
	width: 480px; 		/* Größe ist festgelegt durch film.css auf versicherungsvideo */
	height: 272px;
	margin: -15px 0 0 -10px;
	}

.youtu {				/* diese Werte müssen vermutlich oft angepasst werden */
	width: 100%;
	height: 19rem;
	max-width: 30rem;
	}
	
/*---------------- Diashow ----------------*/
.diashow h3 {
	font-size: 0.9rem;
	font-weight: normal;
	margin: 1.5rem 0 0.5rem 1rem;
	}
.dia {
	width: 99%;
	height: 20rem;
	}
	

/* Grobe Ausnahmen - beobachten! */

/* nach linksgefloateten Bildern rücken Listen mit <em> zu weit nach links */
.imalinks + .nolist li {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	}
.imalinks + .nolist li em {
	margin-left: 1rem;
	}
	

/*------------------------------ SOS APP - Modul (komplett) ------------------------------*/
#sosapp .imalinks, #sosapp .imarechts {
	border: none;
	}
#sosapp .imalinks {
	margin-right: 1rem;
	}
#sosapp .nolist {
	font-size: 1rem;
	line-height: 1.5rem;
	margin: 2rem 0 0 0;
	width: 31rem;
	}
	
@media (max-width: 640px) {
#sosapp .nolist {
	clear: both;
	float: left;
	margin: 0 0 0 -2rem;
	width: 99%;
	}
}
@media (max-width: 500px) {
#sosapp .imalinks, #sosapp .imarechts {
	float: none;
	margin: 0 1rem 0 0;
	}
}
	
#sosapp .yoba1 {
	margin-top: 2px;
	}
#sosapp i {
	font-size: 0.8rem;
	color: #999;
	display: block;
	font-style: normal;
	}
#sosapp #qrcode {
	border-color: #ddd;
	border-radius: 5px;
	border-style: solid;
	border-width: 1px;
	box-shadow: 4px 6px 14px -5px rgba(0, 0, 0, 0.4);
	margin: 2rem 0 0 1rem;
	width: 150px;
	opacity: 0.8;
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	}
#sosapp #storelink a {
	opacity: 0.8;
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	padding: 0 0.5rem 0 0;
	float: left;
	}
#sosapp #qrcode:hover, #sosapp #storelink a:hover {
	opacity: 1;
	}
#sosapp #topstore {
	margin: 1rem 0;
	}
/*------------------------------ ENDE SOS APP - Modul (komplett) ------------------------------*/