/* CSS rules: base, @media (max-width: 600px), @media(max-width: 800px) */

/*! Some content from normalize.css v3.0.2 https://necolas.github.io/normalize.css/ !*/
/*30.09.2016 - with fluid-styled-content*/

/***************************************
 * Default layout:
 * Only one column. Rules common to ALL widths
 */
/* normalize.css [ */
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display:block;}
audio,canvas,progress,video {display:inline-block; vertical-align:baseline;}
audio:not([controls]) {display:none; height:0;}
[hidden],template {display:none;}
b,strong {font-weight:bold;}
dfn {font-style:italic;}
mark {background:#ff0; color:#000;}
sub,sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}
svg:not(:root) {overflow:hidden;}
pre {overflow:auto;}
code,kbd,pre,samp {font-family:monospace,monospace; font-size:1em;}
/* ] */

html {
	font-size: 100%;
}

header .org,
.print-block,
.print-inline {
	display: none;
}

.cols-2,
.cols-3 {
	margin: .3em 0;
}

body {
	margin: 0;
	padding: 0;
	background-color: white;
	font-size: 0.875em; /* Default font size is 14px */
	line-height: 1.55em;
	font-family:  Arial,sans-serif;
	color: #333;
}

/* Function bar */
.fubar {
	min-height: 35px;
	background-color: #3070b3;
	font-size: .92em;
}

.fubar .belt { padding: 12px 0 6px 0; }

#skipnav {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

#skipnav:focus {
	position: static;
	width: auto;
	height: auto;
}

#cse-box,
.fubar .language,
#menutoggle {
	display: inline-block;
	height: 25px;
	vertical-align: middle;
}

.fubar a,
.fubar strong {
	color: #fff;
	text-decoration: none;
}

.fubar nav a {
	font-weight: bold;
	text-transform: uppercase;
}

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

	/* Audience navigation */
.audience ul {
	list-style-type: none;
	margin: 1em 0 0 0;
	padding: 0;
	font-weight: bold;
}
.audience li {
 margin-bottom: .8em;
}

	/* Search box */
#cse-box {
	margin-right: .5em;
}

/* Google Search GSC */

#tumsearch .gsc-search-button.gsc-search-button-v2 {
	line-height: 0;
	height: 36px;
	padding: 7px 27px;
}

#tumsearch .gsc-input,
#tumsearch .gsc-control-cse {
	padding: 0;
}

#tumsearch .gsc-input {
	padding-right: 12px;
	height: 36px;
}

#tumsearch .gsc-webResult.gsc-result {
	border-bottom: 1px solid #e9e9e9;
}

#tumsearch .gs-image {
	border: 1px solid #e9e9e9;
}

#tumsearch a.gs-image,
#tumsearch .gsst_a,
#tumsearch a.gs-image:hover,
#tumsearch a.gsst_a:hover {
	background: none;
	border: 0;
}


#cse-q {
	width: 121px;
	min-height: 18px;
	margin: 0 7px;
	padding: 1px;
	color: #000000;
	background: url(../Images/Google/cse_watermark.png) no-repeat right #fff;
	border: none;
	vertical-align: text-bottom;
}
#cse-box button {
	margin: 0;
	border: 0;
	padding: 0;
	width: 18px;
	height: 18px;
	background-color: transparent;
	cursor: pointer;
	vertical-align: text-bottom;
}

#cse_sbgray { display: none; }

ul,
.frame-type-menu_sitemap li,
.frame-type-menu_sitemap_pages li{ list-style-type: square;}

	/* Language switcher */
.language { color: white; }
.language ul li:after { content: '|'; }
.language ul li:last-child:after { content: ''; }
.language ul li > * { padding: 0 3px; }
.language abbr[title] { border-bottom: 0; }

body.js.has-search .fubar .language { margin-right: 1em; } /* If search is shown, add margin to language switcher */

	/* Menu toggle button */
#menutoggle {
	float: right;
	position: relative;
	top: -7px;
	height: 25px;
	padding-left: 35px;
	padding-top: 7px;
	font-size: 16px;
	font-weight: bold;
	background: #3070b3 url(../Icons/menu.png) no-repeat left center;
	text-transform: uppercase;
}

.quicklinks { display: none; }

/* Organisation bar: TUM and home links */
.org .belt {
	position: relative;
	padding: 39px 0 30px 0;
}

.org .tum {
	position: absolute;
	right: 0;
	bottom: 30px;
}

.org .tum a {
	background-image: none;
	padding-right: 0;
}
.org .tum img { /* HOMELINK neu */
	vertical-align: bottom;
}

/* OLD: Home link, delete 2016-04-10 [ */
.org .home { margin-right: 100px; }

.org .home a {
	font-size: 13px; /* HOMELINK war .93em */
	line-height: 14px; /* HOMELINK war 1.25 */
	color: #3070b3;
	text-decoration: none;
	position: relative; /* HOMELINK war nicht */
    top: 1px; /* HOMELINK war nicht */
}

.org .home span { display: block; }
.org .home span.alone { margin-top: 1.5em; }

/* ] */

/* NEW: Individually linked */

.org nav { margin-right: 100px; }
.org nav ul {
	position: relative;
    top: 1px;
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.org nav li { padding: 0; }

.org nav li,
.org nav a {
 	font-size: 13px;
	line-height: 14px;
	color: #3070b3;
	text-decoration: none;
}

/* Site menu */
.sitemenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.sitemenu li {
	padding-left: 0;
	position: relative;
}

.sitemenu li.sub {
	background: transparent url(../Icons/nav-expandable.png) no-repeat right 1.5em;
}

.sitemenu li.path,
.sitemenu li.current.hassub {
	background: transparent url(../Icons/nav-expanded.png) no-repeat right 1.5em;
}

.sitemenu ul ul ul ul ul li.sub,
.sitemenu ul ul ul ul ul li.current.hassub  {
	background-image: none;
}

.sitemenu a,
.sitemenu span {
	display: block;
	color: #333;
	text-decoration: none;
}

.sitemenu span {
	font-weight: bold;
	border-left: 3px solid #3070b3;
}

.subx {
	position: absolute;
	right: 0;
	top: 0;
	padding: 1em 0;
	text-align: center;
	font-weight: normal;
	cursor: pointer;
}

ul ul .subx {
	padding: .3em 0;
}

ul ul ul ul ul .subx { display: none; }

.sitemenu a.external,
.sitemenu a.external:hover {
	padding-right: 25px;
	background: url(../Icons/mx_ext.png) no-repeat right center;
}

#pusher { display: none; }

/* Normal (main column in center ) */

	/* Breadcrumb path */
.breadcrumbs {
	margin: .5em 0 2em 0;
	font-size: 0.75em;
	color: #666;
}

.breadcrumbs .inline li {
	padding-left: 11px;
	background: url(../Icons/nav-crumb.png) no-repeat left 5px transparent;
}

.breadcrumbs .inline li:first-child {
	padding-left: 0;
	background: none;
}

footer {
	margin-top: 6em;
	clear: both;
}

/* Website footer */
.sitefooter .belt {
	/*border-top: 1px solid #b3b3b3;*/
	padding: 1em 0;
	font-size: .87em;
}

ul.siteinfo {
	margin: 0;
	padding: 0;
}

ul.siteinfo li {
	display: inline-block;
	margin: 0 5% 0 0;
	padding: 0;
}

/* TUM footer */


.tumfooter {

	line-height: 1.2;
}
.tumfooter .links {background-color: #f7f7f7;}
.tumfooter .more.links {background-color: #e5e5e5; 	padding: 1.4em 0;
}

.tumfooter .note,
.tumfooter .misc { font-size: .87em; }

.tumfooter .note {
	/*border-bottom: 1px solid #808080;*/
	padding: 1.5em 0 0;
}

.note .note__link {
	display: inline-block;
}

.tumfooter ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.tumfooter .navi {
	overflow: hidden;
	padding-bottom: 1em;
}

.navi ul.level_1 > li {
	display: inline-block;
	width: 14.3%;
	min-width: 110px;
	margin: 1.8em 2% 0 0;
	padding: 0;
	vertical-align: top;
}

.navi ul.level_1 > li:last-child {
	margin-right: 0;
}

.navi ul.level_2 > li {
	margin: 0 0 .8em 0;
	padding: 0;
	font-size: 85%;
}


.tumfooter a {
	display: block;
	color: #333;
	text-decoration: none;
}

.tumfooter .footer_social-links {
	max-width: 20px;
}

.tumfooter span.pagetitle a {
	margin-bottom: 1em;
	font-size: 86%;
	font-weight: bold;
	text-transform: uppercase;
}

.tumfooter .misc li {
	margin-right: 2em;
	font-weight: bold;
}
.tumfooter .social {
	float: right;
}

.tumfooter .social li {
	margin-left: 9px;
}

/* Sidebar */
#sidebar {
	font-size: 0.857em;
	line-height: 1.4em;
	word-break: break-word;
}

#sidebar a {
	word-break: break-word;
}

@supports (hyphens: auto) {
	#sidebar *:not(a) {
		-ms-hyphens: auto;
		hyphens: auto;
	}
}

aside > div {
	padding: .5em 15px;
	margin-bottom: 2em;
	border: 1px solid #e0e0e0;
}


/* Functional styles */
/* */
.inline,
.inline li {
	display: inline-block;
	margin: 0;
	padding: 0;
}
html.js .noscript { display: none; }
html.no-js .script { display: none; } /* ? */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearer { clear: both; }

.hide { display: none; }

.hyphens,
figcaption.image-caption
 { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
.wordbreak {
	-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;
	word-break : break-all;
}

/**
 * Style
 */

a { background-color: transparent; }

a:active, a:hover { outline: 0; }

	/* Normal links: bottom border, gray, blue on hover */
.content a,
.sidebar a,
.sitefooter a,
span.ce-uploads-fileName strong {
	border-bottom: 1px solid gray;
	padding-bottom: 1px;
	color: #333;
	text-decoration: none;
	transition: all 188ms ease;
}

	.content a:hover,
	.sidebar a:hover,
	.sitefooter a:hover,
	a:hover span.ce-uploads-fileName strong,
	.hx a:hover {
		border-bottom-width: 3px;
		border-bottom-color: #3c88d9;
		color: #3070b3;
	}

	/* Exceptions: No border until hovered */
.sitefooter a,
.hx a,
.sidebar .news-box a
	{ border-bottom-width: 0; }

	/* Exceptions: No border ever */
.breadcrumbs a {
	border-bottom-style: none;
	color: #666;
}

	/* In headings, news box: icon */
.hx a,
.sidebar .news-box a {
	padding: 0 20px 1px 0;
	background: transparent url(../Icons/link.svg) no-repeat right center;
}

	.hx a:hover,
	.sidebar .news-box a:hover { background-image: url(../Icons/link-a.svg); }

.sidebar .news-box a {
	padding-right: 12px;
	background-size: 10px 10px;
}
	/* Link icons */
a[target='_blank'],
a.external-link,
a.external-link-new-window,
.hx a.external-link,
.hx a.external-link-new-window,
.hx a[target='_blank'],
a.popup,
a[target="locked"] span.ce-uploads-fileName strong,
a.download,
span.ce-uploads-fileName strong {
	padding-right: 15px;
	background: transparent url(../Icons/link-ext.svg) no-repeat right center;
}

#cboxTitle a.download {
	background: url(../Icons/link-download-white.svg)  no-repeat right center !important;
}

#cboxTitle a.download:hover {
	background: url(../Icons/link-download-a.svg) no-repeat right center !important;
}

	a.external-link:hover,
	a.external-link-new-window:hover,
	a[target='_blank']:hover,/*backend*/
	.hx a.external-link:hover,
	.hx a.external-link-new-window:hover,
	.hx a[target='_blank']:hover,
	a.popup:hover
	{ background-image: url(../Icons/link-ext-a.svg); }


/* external link exceptions */
a.internal-link[target='_blank'],
a.internal-link[target='_blank']:hover,
a[target='_blank'][class|="icon"],
a[target='_blank'][class|="icon"]:hover,
.news-img-wrap a[target='_blank'],
.news-img-wrap a[target='_blank']:hover {
	padding-right: 0;
	background-image: none;
}


a.download,
.ce-uploads a span.ce-uploads-fileName strong
	{ background-image: url(../Icons/link-download.svg) !important; }

	a.download:hover,
	.ce-uploads a:hover span.ce-uploads-fileName strong
		{ background-image: url(../Icons/link-download-a.svg) !important; }

a.locked-url,
a.locked-file,
a[target="locked"] span.ce-uploads-fileName strong
	{ padding-right: 17px !important; background: transparent url(../Icons/link-lock.svg) no-repeat top right !important; }

	a.locked-url:hover,
	a.locked-file:hover,
	a[target="locked"]:hover span.ce-uploads-fileName strong
		{ background-image: url(../Icons/link-lock-a.svg); }

/* No more mail icons
a[href^="mailto:"],
.hx a[href^="mailto:"],
a[href^="javascript:linkTo_UnCryptMailto("]
	{ padding-left: 13px;  background: url(../Icons/link-mail.svg) left center no-repeat transparent; }

a[href^="mailto:"]:hover,
.hx a[href^="mailto:"]:hover,
a[href^="javascript:linkTo_UnCryptMailto("]:hover
 { background-image: url(../Icons/link-mail-a.svg); }

*/
.no-js a[href^="javascript:linkTo_UnCryptMailto("] { text-decoration: line-through; }

.no-js a[href^="javascript:linkTo_UnCryptMailto("]:before {
	display: inline-block;
	text-decoration: none;
	margin-right: .5em;
	content: '[JavaScript is required to decrypt mail address.]';
}

.no-js[lang="de"] a[href^="javascript:linkTo_UnCryptMailto("]:before {
	content: '[JavaScript ist erforderlich um Mail-Adresse zu entschlüsseln.]';
}

a.rss
	{ padding-left: 25px; background: url(../Icons/rss.svg) no-repeat left top; border-bottom: none; }
a.rss:hover {
	background-image: url(../Icons/rss.svg);
}

html.no-svg a,
html.no-svg .ce-uploads a span.ce-uploads-fileName strong {
	background-image: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

	/* ++Usability: Icons for image links [ */
a.imagelink,
.content figure > a,
.sidebar figure > a,
.news-single-img a.colorbox {
	display: inline-block;
	position: relative;
	border: 0;
	padding: 0;
	line-height: 1;
	background-image: none;
	vertical-align: bottom;
}

a.imagelink:after,
.content figure > a:after,
.sidebar figure > a:after,
.news-single-img a.colorbox:after {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 20px;
	height: 20px;
	max-width: 20%;
	content: "";
	background: #fff url(../Icons/link.svg) no-repeat center;
	background-size: 80%;
	opacity: .5;
}

a.imagelink:hover:after,
.content figure > a:hover:after,
.sidebar figure > a:hover:after,
.news-single-img:hover a.colorbox:after {
	opacity: .85;
}

.content figure a.colorbox:after,
.sidebar figure a.colorbox:after,
.news-single-img a.colorbox:after
	{ background-image: url(../Icons/link-zoom.svg); }

.content figure a.colorbox,
.sidebar figure a.colorbox,
.news-single-img a.colorbox
	{ cursor: zoom-in; }

a.no-hint:after,
.content figure > a.no-hint:after,
.sidebar figure > a.no-hint:after {
	display: none;
}

	/* ] */

p { margin: 0 0 1em; }

img {
	display: inline-block;
	max-width: 100%;
	height: auto;
	border: 0;
}
.oldie img { max-width: none; }

html.no-js img[usemap] { max-width: none; }

.button {
	display: inline;
	border-style: solid;
	border-color: #3070b3;
	border-width: 4px 12px;
	background-color: #3070b3;
	color: white;
	font-weight: bold;
}

.button.download {
	background-image: url(../Icons/btn-download.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0 20px 0 0;
}

/* Headings */
h1       { font-size: 2.50em; line-height: 1.3; } /* Hyphens, too */
h2.large { font-size: 1.72em; line-height: 1.4; } /* Hyphens, too */
h2       { font-size: 1.43em; line-height: 1.5; }
h3       { font-size: 1.14em; line-height: 1.5; border-bottom: 1px solid #b3b3b3; }
h4       { font-size: 1.14em; line-height: 1.5; border-left: 3px solid #ccc; padding-left: .5em; }
h5       { font-size: 1.14em; line-height: 1.5; margin: .8em 0; color: #4d4d4d; font-weight: normal; }
h6       { font-size: 1.07em; line-height: 1.6; margin: .8em 0; color: #737373; font-style: italic; }

#content .ibox h3,
#content .ibox h2.lines { margin-right: 40px; }

.content h3 { text-transform: uppercase; }

.sidebar h2,
.sidebar h3,
.sidebar h4,
.sidebar h5,
.sidebar h6 {
	margin: 0 0 0 -15px;
	padding: .3em .3em .3em 12px; /* left is abs(margin-left) - border-left-size */
	border-left: 3px solid #ccc;
	border-bottom: none;
}
.sidebar h3 { font-size: 15px; line-height: 1.4em;}

#sidebar aside.contact h2,
#sidebar aside.contact h3 {
	color: #a2ad00;
	border-color: #a2ad00;
}

#sidebar aside.contact h1,
#sidebar aside.contact h2,
#sidebar aside.contact h3,
#sidebar aside.contact h4 {
	hyphens: manual;
	word-break: normal;
}

.sidebar .social.box {
	padding: 1em 15px 1em 15px;
}

.sidebar .social__item {
	display: inline-block;
}

.sidebar .social__link {
	text-decoration: none;
	border: 0;
	display: block;
}

.sidebar .news-box h2,
.sidebar .news-box h3,
.sidebar .news-box h4,
.sidebar .news-box h5,
.sidebar .news-box h6 {
	color: #333;
	border-color: #e37222;
}

.sidebar .news-box hr {
  border-top: 1px solid #e5e5e5;
}
.sidebar .news-box .article {
	padding-bottom: 0;
	margin-bottom: 0;
}

.sidebar .news-box .news-list-date {
	font-size: inherit;
	font-style: normal;
}

/*
fix for EN, sidebar, arrow in empty a-tag (=EN-CE-ID for anchors in div with DE-Parent-ID) 
todo: be more specific at news links with .sidebar .news-box .news a {} 
 */
.sidebar .news-box a:empty {display:none;}

/*
this fixes inheritage of margin-bottom from global p in sidebar
this will reduce margin bottom of contact and news link in sidebar, too
otherwise we don't have access to parent p of a.rss in sidebar (was HTML content element in v6 without p tag around it)
*/
.sidebar p:last-child {margin-bottom:2px;}
/* 2px to show links underline! */

/*
add margin bottom to last p in .box
*/
.sidebar .box p:last-child {margin-bottom: 1em;}


.lines {
	/*margin: .5em 0 0.5em 0;*/
	border-bottom: 1px solid #a2ad00;
}
.ce-right.ce-intext.ce-nowrap .lines {display:inline-block}

#sidebar h2.lines,
#sidebar h3.lines {
	border-color: #a2ad00;
	color: #a2ad00;
	border-bottom: 0;
}


/* Expand/collapse (JS only) */
html.js .expander {
	background: url(../Icons/exp-plus.png) right center no-repeat transparent;
	background-position: right 20px center;
	cursor: pointer;
}

html.js .sidebar .expander {
	background-position: right 0 center;
}


html.js .expander.expanded {
	background-image: url(../Icons/exp-minus.png);
	border-bottom: none;
}

html.js h2.cordi {
	margin: 0;
	border: none;
	padding: .7em 38px .7em 3%;
	font-size: 1.15em;
}
html.js .accordion {
	border: 1px solid #b3b3b3;
	margin-top: -1px;
}

html.js .accordion .expandable {
	padding: 0 3%;
}

aside > div.accordion { margin-bottom: 0; }

/* CE Divider */

hr {
  border: none;
  border-top: 1px solid #b3b3b3;
}

/* Styles available in RTE */
.align-justify {
  text-align: justify;
}

.align-center {
  text-align: center;
}

.align-left {
  text-align: left;
}

.align-right {
  text-align: right;
}

.intro {
	color: #4d4d4d;
	font-size: 1.143em;
	line-height: 1.6em;
}

.small {
	font-size: .75em;
}
/*div.article:nth-child(1) > p:nth-child(1) > time:nth-child(1)*/
/*SK ... compare 239 ... reduce selector later - todo:remove strong tag? */
/*.news--layout1 .news-list-view .articletype1 */
time.small strong{
	font-weight: normal!important;
	font-size:1em;
}
/*
	# Boxes and icon boxes
*/

.box,
.ibox {

	border: 1px solid #b3b3b3;
	margin-top: .5em;
	background-color: #ffffff;
}


.box,
.ibox>div {

	padding: .8% 2.1%;  /* war 2% 2.1% 0*/
}


	.box .hx,
	.ibox > div .hx {

		margin-top: 3px;
	}


.ibox {

	position: relative;
	min-height: 34px;
}


.info.ibox header,
.contact.ibox header {
	/*padding-right: 1.75rem;*/
}

.sidebar .box,
.sidebar .ibox > div {

	padding: 0 15px;
}

.sidebar .ibox p {
	margin-top: 1em;
	margin-bottom: 1em;
}

.sidebar .ibox header ~ * {
	margin-top: 0;
}

aside > div.ibox {
	padding: 0;
}

.ibox.contact { border-color: #a2ad00; }

/* Icons für Boxen Info & Contact */

.info.ibox:before {
	content: '';
	display: inline-block;
	float: right;
	width: 34px;
	height: 34px;
	background-image: url(../Icons/box-info.svg);
	border-left: 1px solid #B3B3B3;
	border-bottom: 1px solid #B3B3B3;
}

.contact.ibox:before {
	content: '';
	display: inline-block;
	float: right;
	width: 34px;
	height: 34px;
	background-image: url(../Icons/box-contact.svg);
	border-left: 1px solid #a2ad00;
	border-bottom: 1px solid #a2ad00;
}

.box.important { border: 8px solid #3070b3; }

.box.important h2.lines,
.box.important h3.lines { border-color: #3070b3; }

.sidebar .important { border-width: 4px; }

#sidebar .box h1,
#sidebar .box h2,
#sidebar .box h3,
#sidebar .box h4,
#sidebar .box h5,
#sidebar .box h6 {
	border-left: none;
}

div.important h1,
div.important h2,
div.important h3,
div.important h5,
div.important h6 {
	margin-top: .3em;
	color: #3070b3;
}
#sidebar .box h4,
div.important h4 {
	margin-top: .3em;
	color: #3070b3;
	border-left: 3px solid #3070b3;
}

/* Social media box */

.social-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.social-list li {
	display: inline;
}

.social-list li + li {
	margin-left: .25rem;
}

a[class|="icon"],
.ce-bodytext a[class|="icon"],
.social.box .ce-bodytext a[class|="icon"] {
	width: 2em;
	height: 2em;
	overflow: hidden;
	display: inline-block;
	border: 0;

}

a[class|="icon"] + a[class|="icon"],
.ce-bodytext a[class|="icon"] + .ce-bodytext a[class|="icon"],
.social.box .ce-bodytext a[class|="icon"] + .social.box .ce-bodytext a[class|="icon"] {
	margin-left: .25em;
}

a[class|="icon"]:before,
.ce-bodytext a[class|="icon"]:before,
.social.box .ce-bodytext a[class|="icon"]:before {
	content: '';
	background-repeat: no-repeat;
	background-size: cover;
	padding: 1em;
	display: inline-block;
}

a.icon-facebook:before,
.ce-bodytext a.icon-facebook:before,.frame-type-menu_section.frame-layout-1
.social.box .ce-bodytext a.icon-facebook:before {
	background-image: url('../EditorPool/Icons/icon_facebook-blau.svg');
}
a.icon-twitter:before,
.ce-bodytext a.icon-twitter:before,
.social.box .ce-bodytext a.icon-twitter:before {
	background-image: url('../EditorPool/Icons/icon_twitter-blau.svg');
}
a.icon-youtube:before,
.ce-bodytext a.icon-youtube:before,
.social.box .ce-bodytext a.icon-youtube:before {
	background-image: url('../EditorPool/Icons/icon_youtube-rot.svg');
}
a.icon-instagram:before,
.ce-bodytext a.icon-instagram:before,
.social.box .ce-bodytext a.icon-instagram:before {
	background-image: url('../EditorPool/Icons/icon_instagram-bunt.svg');
}

.cke_editable a[class|="icon"] {
	width: auto;
	height: auto;
	display: initial;
	padding: 5px 10px;
}

.cke_editable a[class|="icon"]:before {
	display: none;
}

.cke_editable a.icon-facebook {
	color: #ffffff;
	background: #3B5998;
}
.cke_editable a.icon-youtube {
	color: #ffffff;
	background: #CC181E;;
}
.cke_editable a.icon-twitter {
	color: #ffffff;
	background-color: #00ACED;
}
.cke_editable a.icon-instagram {
	color: #ffffff;
	background-color: #f3405c;
}

#page-body .social.box {
	border: none;
	background-color: #f7f7f7;
	margin-top: 0;
}

#page-body .social .ce-bodytext p {
	margin-bottom: .5em;
}

#page-body .social .ce-gallery {
	width: 100%;
	margin-top: 0;
}

#page-body .social .ce-gallery .ce-column {
	width: auto;
	margin-right: 0;
}

#page-body .social .ce-gallery .ce-column + .ce-column {
	margin-left: 9px;
}

#page-body .social_list-container {
	margin: 1em 0 0 0;
}

#page-body .social ul {
	display: block;
	margin: .5em 0 0 0;
	padding: 0;
}

#page-body .social li  {
	margin-right: 9px;
	display: inline-block;
	padding: 0;
	line-height: 1;
}
#page-body .social li:last-child {
	margin-right: 0;
}

#page-body .social figure > a::after { display: none; }
#page-body .social li a { border: none; }

#page-body .social .ce-gallery .ce-column { width: auto; }

/*
 * Images
 */
/* From cssstyledcontent default CSS [  */
	div.csc-textpic-responsive, div.csc-textpic-responsive * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  }

	/* Clear floats after ce-textpic and after csc-textpic-imagerow */
	div.ce-textpic, div.ce-textpic div.ce-row, ul.ce-uploads li { overflow: hidden; }

	/* Set padding for tables */
	div.ce-textpic .ce-bodytext table { border-collapse: collapse; border-spacing: 0; }
	/*div.ce-textpic .ce-bodytext table tr td { padding: 0; vertical-align: top; }*/

	/* Settings for figure and figcaption (HTML5) */
	div.ce-textpic .ce-gallery figure, div.ce-textpic figure.image-caption { margin: 0; display: table; }

	div.ce-textpic .ce-row { margin-bottom: 0 }

	/* Captions */
	figcaption.image-caption { display: table-caption; }
	.image-caption { text-align: left; caption-side: bottom; }
	div.image-caption-c .image-caption, .ce-gallery .image-caption-c { text-align: center; }
	div.image-caption-r .image-caption, .ce-gallery .image-caption-r { text-align: right; }
	div.image-caption-l .image-caption, .ce-gallery .image-caption-l { text-align: left; }

	/* Float the columns */
	div.ce-textpic div.ce-column { float: left; }

	div.ce-textpic .ce-gallery img { display: block; }

	/* Space below each image (also in-between rows) */
	div.ce-textpic .ce-gallery .image { margin-bottom: 10px; }
	div.ce-textpic .ce-gallery .ce-row:last-child .image { margin-bottom: 0; }

	/* Positioning of images: */
	/* Center (above or below) */
	div.ce-center .ce-gallery, div.ce-center figure.image { overflow: hidden; }
	div.ce-center .ce-outer { position: relative; float: right; right: 50%; }
	div.ce-textpic.ce-center .ce-inner { position: relative; float: right; right: -50%; }

	/* Right (above or below) */
	div.ce-textpic.ce-right.ce-above .ce-gallery { overflow: hidden; float: none;}
	div.ce-textpic.ce-right.ce-above .ce-gallery .image { float: right;}
	div.ce-textpic.ce-right.ce-right .ce-gallery {float: right;}
	div.ce-textpic.ce-right.ce-right .ce-bodytext {clear: right;}
	div.ce-textpic.ce-right.ce-below .ce-gallery { margin-top: 0;}
	div.ce-textpic.ce-right.ce-below div.ce-bodytext { clear: right; }

	/* Right (intext) */
	div.ce-textpic.ce-right.ce-intext .ce-bodytext {clear: none;}

	/* Left (above or below) */
	div.ce-textpic.ce-left.ce-above .ce-gallery { overflow: hidden; float: none;}
	div.ce-textpic.ce-left.ce-above .ce-gallery .image { float: left;}
	div.ce-textpic.ce-left.ce-below .ce-gallery { margin-top: 0;}
	div.ce-textpic.ce-left.ce-below div.ce-bodytext { clear: left; }

	/*clear above*/
    /*.ce-above .ce-bodytext { clear: both; }*/

	div.ce-textpic div.ce-row:last-child, div.ce-textpic div.csc-textpic-imagerow-none div.image:last-of-type { margin-bottom: 0; }

	/* Fix for unordered and ordered list with image "In text, left", extra padding for link border */
	.ce-textpic.ce-intext.ce-left:not(.ce-nowrap) ol, .ce-textpic.ce-intext.ce-left:not(.ce-nowrap) ul { padding-left: 40px; overflow: auto; padding-bottom: 3px; }

	.ce-textpic .image a[target="_blank"] {
		border: 0 !important;
		padding: 0 !important;
		background-image: none !important;
	}

/* ] */


/* Space around image columns */
div.ce-textpic .ce-column:not(:last-child) { margin-right: 1.4%; }

/*
*	# Image Gallery
**/

/* Fit 1-4 columns in the container (5-8 in wide.css) */
.ce-gallery[data-ce-columns='1'] .ce-column { max-width:  98.5%; margin-right: 0;}
.ce-gallery[data-ce-columns='2'] .ce-column { max-width:  48.5%; }
.ce-gallery[data-ce-columns='3'] .ce-column { max-width:  31.8%; }
.ce-gallery[data-ce-columns='4'] .ce-column { max-width:  23.5%; }
.ce-gallery[data-ce-columns='5'] .ce-column { max-width:  18.5%; word-break: break-word;}
.ce-gallery[data-ce-columns='6'] .ce-column { max-width:  15.2%; word-break: break-word;}
.ce-gallery[data-ce-columns='7'] .ce-column { max-width:  12.8%; word-break: break-word;}
.ce-gallery[data-ce-columns='8'] .ce-column { max-width:  11.1%; word-break: break-word;}

/*.ce-gallery[data-ce-columns='1'] .ce-column:not(void),*/
/*.ce-gallery[data-ce-columns='2'] .ce-column:not(void),*/
/*.ce-gallery[data-ce-columns='3'] .ce-column:not(void),*/
/*.ce-gallery[data-ce-columns='4'] .ce-column:not(void),*/
/*.ce-gallery[data-ce-columns='5'] .ce-column:not(void),*/
/*.ce-gallery[data-ce-columns='6'] .ce-column:not(void),*/
/*.ce-gallery[data-ce-columns='7'] .ce-column:not(void),*/
/*.ce-gallery[data-ce-columns='8'] .ce-column:not(void) { width: auto }*/

/* Fit images into columns */
div.ce-textpic .ce-gallery img { width: 100%;}

/* Override margins set by generated classes while images are above text TEXTPIC */
.ce-textpic.ce-intext.ce-right.ce-nowrap .ce-bodytext.void,
.ce-textpic.ce-intext.ce-left.ce-nowrap .ce-bodytext.void { margin: 0; }

/* Equal height images */
div.ce-textpic.ce-textpic-equalheight .ce-gallery { max-width: none; }
.ce-textpic-equalheight .ce-gallery .ce-column:not(void) { width: auto; max-width: none; }
div.ce-textpic.ce-textpic-equalheight div.ce-column { margin-right: 5px; max-width: none; }

/* Border */
div.ce-textpic div.ce-gallery.ce-border { padding-right: 4px; }
/*div.ce-border figure.image { padding-right: 4px; padding-bottom: 4px;}*/
div.ce-border figure.image { overflow: initial}
div.ce-border figure.image img { border: 1px outset #ccc; }
html.boxshadow div.ce-border figure.image img { border: none; box-shadow: 1.5px 1.5px 2.5px #777; margin-top: 3px; }



/**
* #	Images
*/

div.ce-textpic,
div.ce-textpic * {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}


/* Caption
figcaption.image-caption*/
figure figcaption{
	margin-top: .4em;
	color: #333;
	font-size: 0.8em;
	font-style: italic;
	line-height: 1.4em;
	word-wrap: break-word;
	/* hyphens, too */
	}

/* Video */
div.video,
video.video-js {
	max-width: 100%;
    height: auto;
    color: #fff;
    font-size: .9em;
}

div.video .ready {
	display: flex;
	flex-direction: column;
	height: 100%;
	text-align: center;
	justify-content: center;
	background-color: #5C5C5C;
	background-size: cover;
}

div.video:hover .ready {
	background-color: #444444;
}

div.video.fail {
	background-color: #ADA5A5;
}

div.video.fail.info.ibox:after {
	background-color: #ffffff;
}

div.video a,
video.video-js a {
	color: #fff;
	border-color: #fff;
}


.video .video-embed .video-embed-item {

	border: 0;
	max-width: 100%;

}


/* Lists */
ul,
ol {
	margin-left: 0;
	padding-left: 20px;
}

li {
	padding-left: 0.3em;
}


/**
*	# Link to Top
**/

.link-to-top {
	position: fixed;
	bottom: 8vh;
	right: -5em;
	box-shadow: 0 2px 2px rgba(0,0,0,.2);
	backdrop-filter: blur(1px);
	transition: right .3s ease;
}

.link-to-top.pinned {
	right: 8vh;
}

.link-to-top > a,
.link-to-top > a:hover {
	display: block;
	background-color: rgba(255,255,255,.025);
	position: relative;
	height: 0;
	width: 0;
	padding: 2em;
	color: transparent;
}

.link-to-top > a:after {
	content: '';
	position: absolute;
	top: 1.55em;
	left: 1.35em;
	height: 0;
	width: 0;
	border-bottom: 8px solid #000;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
}

abbr[title],
.titled {
	text-decoration: none;
	border-bottom: 1px dotted #333;
	font-variant: none;
}

blockquote {
	margin: .2em 3% .2em 5%;
	font-size: .85em;
}

/**
 * Tables
 */

.tablewrapper {
	overflow: auto;
}

/* textmedia tables with image */
/*.frame-type-textmedia .ce-textpic table {table-layout: fixed;}*/
.frame-type-textmedia .ce-textpic.ce-left table {table-layout: fixed;}
.frame-type-textmedia .ce-textpic.ce-right table {table-layout: auto;}
.frame-type-table table {table-layout: auto!important;}

.frame-type-textmedia table.ce-table--equal-width {table-layout: fixed;}

/* end: textmedia tables with image*/

table {

	width: 100%;
	height: auto;
	border-collapse: collapse;
	border-spacing: 0;
	border-style: none;
	empty-cells: show;
	word-wrap: break-word;
}
/* hyphen for table email links (mailto) only - not for plugins (frame-type-list) */
.frame-type-textmedia table a[href^="mailto"], 
.frame-type-table table a[href^="mailto"] {
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

	table.ce-table p {
		margin: 0;
	}

	td,
	th,
	table.ce-table td,
	table.ce-table th,
	table.ce-table thead th,
	table.ce-table thead td {

		padding: .3em;
		text-align: left;
		vertical-align: top;
		border-style: none;
	}

	td {

		font-size: .93em;
	}


	th {

		font-size: 1.07em;
	}


	table caption {

		width: 100%;
		font-style: italic;
		padding-top: 0.5em;
	}


	table.ce-table.ce-table--gitternetz td,
	table.ce-table.ce-table--h-lines td,
	/*Tables in RTE*/
	table.gitternetz td,
	table.h-lines td {

		border-bottom: solid 1px #e6e6e6;
	}


	table.ce-table.ce-table--gitternetz th,
	/*Tables in RTE*/
	table.gitternetz th {

		border-bottom: solid 2px #e6e6e6;
		background-color: #f7f7f7;
	}

	table.ce-table.ce-table--h-lines th,
	/*Tables in RTE*/
	table.h-lines th {

		border-bottom: solid 2px #e6e6e6;
		background-color: #ffffff;
	}


	/* Reset tables with image "in text"*/
/* TODO: do we still need this? */
/* Wrong table width in v8 ... leading to display issues in comparison to v6 (v8 too narrow in text rte) 04.11.2019 BW & EJ*/
/*.ce-textpic.ce-intext.ce-right table,*/
/*.ce-textpic.ce-intext.ce-left table {*/
/*	width: auto;*/
/*}*/


/* Responsive table layouts */

	/* flex: Fragment into rows, and (if not .headers-left) show transposed with headers before (JS only, when overflowing) [ */
	table.ce-table--flex,
	table.ce-table--flex caption,
	table.ce-table--flex thead,
	table.ce-table--flex tbody,
	table.ce-table--flex th,
	table.ce-table--flex td,
	table.ce-table--flex tr {

		display: block;
	}


	table.ce-table--flex thead tr,
	table.ce-table--flex tfoot {

		position: absolute;
		top: -9999px;
		left: -9999px;
	}

table.ce-table--flex:not(.headers-left) tr {

	border-top: solid 2px #e6e6e6;
}

table.ce-table--flex:not(.headers-left) tr:nth-of-type(odd) {

	background: #f7f7f7;
}

table.ce-table--flex:not(.headers-left) td,
table.ce-table--flex:not(.headers-left) th {

	position: relative;
	padding-left: 50%;
}

table.ce-table--flex.headers-left td {

	padding-left: 10%;
}

table.ce-table--flex:not(.headers-left) td:before,
table.ce-table--flex:not(.headers-left) th:before {

	content: attr(data-label);
	position: absolute;
	top: .3em;
	left: .3em;
	width: 45%;
	padding-right: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: bold;
}
	/* ] */

	/* fold: Hide columns, expand via accordion */
table.ce-table--fold .btn {

	display: none; text-align: right;
}


table.ce-table--fold.folded .btn {

	display: table-cell;
}



table.ce-table--fold button {

	border: none; background: transparent; padding: 5px;
}


table.ce-table--fold button img {

	max-width: 15px;
}


table.ce-table--fold dt {

	font-weight: bold;
}


table.ce-table--fold dt:after {

	content: ':';
}


table.ce-table--fold.ce-table--byfooter tfoot tr:first-child {

	display: none;
}


	/* ] */

/**
 * Forms
 */

/* normalize.css [ */
button,input,optgroup,select,textarea {color:inherit; font:inherit; margin:0;}
button {overflow: visible;}
button,select {text-transform:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
button[disabled],html input[disabled] {cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {border:0; padding:0;}
input {line-height:normal;}
input[type="checkbox"],input[type="radio"] {box-sizing:border-box; padding:0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
legend {border:0; padding:0;}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
/* ] */

form { font-size: 90%; }

/* clearfix for floating
 * buttons send and next
 * at bottom of form */
form.tum-form:after {
	content: '';
	display: table;
	clear: both;
}

.tum-form fieldset {
	padding: 1em;
	border: 1px solid #b3b3b3;
	margin: 0;

}

.tum-form fieldset legend {
	float: left;
	width: 100%;
}

.tum-form fieldset legend h2 {
	margin-top: 0;
}

.tum-form label {
	display: inline-block;
	height: 100%;
	/*width: 40%;*/
	margin-right: .25rem;
	padding-bottom: 2%;
	vertical-align: top;
	font-weight: bold;
}

.tum-form .form-group {
	padding: 0.5rem 0;

	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;

	clear: both;

}

@media (max-width: 600px) {

	.tum-form .form-group {
		flex-wrap: wrap;
		padding: 0  0 1rem 0;
	}

}

.tum-form .form-group .form-group {
	display: block;
	padding: 0;
	margin: 0;
	border: 0;
}

.tum-form .control-label {
	width: 40%;
}

@media (max-width: 600px) {
	.tum-form .control-label {
		width: 100%;
		padding-bottom: 3px;
	}
}

.tum-form .input {
	display: inline-block;
	flex-grow: 1;
	margin-bottom: 1rem;
}

@media (max-width: 600px) {
	.tum-form .input {
		display: block;
	}
}

.tum-form .input:last-child {
	margin-bottom: 0;
}

.tum-form .form-check * {
	vertical-align: middle;
}

	.tum-form .form-check-label {
		padding-bottom: 5px;
	}

.tum-form .form-check span {
	display: inline-block;
}


.tum-form input[type="checkbox"] {
	display: inline-block;
}

.tum-form input,
.tum-form input.hasDatepicker,
.tum-form select,
.tum-form textarea {
	margin: 0;
	border: solid 1px #b3b3b3;
	box-sizing: border-box;
	padding: .5rem;
	width: 100%;
	color: #333;
	font-family: inherit;
}

.tum-form input.hasDatepicker {
	font-size: inherit;
}

.tum-form select.form-control,
.tum-form textarea.form-control {
	padding: .5rem;
}

	/* Button */
.tum-form .submit button[type=submit],
.tum-form .btn-group button {
	float: right;
	width: auto;
	margin: 1em 1%;
	padding: 1%;
	border-style: none;
	background-color: #3070b3;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}

.tum-form .btn-group button {
	float: none;
}

	/* Checkboxes, radio buttons */
.tum-form input[type=checkbox],
.tum-form input[type=radio] {
	width: auto;
	height: 1.5em;
 	margin-right: .3em;
	border: 0;
	padding: 0;
}

	/* For checkboxes: start "Field" with "_" to place labels after boxes */

.tum-form input[type='checkbox'][name^='_'] {
	float: left;
	margin-left: 44%;
	height: 1.5em;
}


/* Datepicker */
.ui-datepicker {
	background-color: #ffffff;
	box-shadow: 3px 4px 5px rgba(125,125,125,.33);
	border: 1px solid #e6e6e6;
	min-width: 280px;
	padding: 1em;
}

.ui-datepicker-header {
	background-color: #3070b3;
	color: #ffffff;
	margin: -1em -1em .5em -1em;
}

.ui-datepicker-header > * {
	padding: .5em;
}

.ui-datepicker-prev {
	float: left;
	border-right: 1px solid #ffffff;
}
.ui-datepicker-next {
	float: right;
	border-left: 1px solid #ffffff;
}

.ui-datepicker-prev,
.ui-datepicker-next {
	background-color: #3070b3;
	color: #ffffff;
}

.ui-datepicker-prev:hover,
.ui-datepicker-next:hover {
	cursor: pointer;
}

.ui-datepicker-title {
	text-align: center;
	font-weight: bold;
}

.ui-datepicker-calendar th,
.ui-datepicker-calendar td {
	text-align: center;
}

.ui-datepicker-calendar td {
	background-color: #f7f7f7;
	border: 1px solid #b3b3b3;
}

.ui-datepicker-calendar td:hover {
	cursor: pointer;
	background-color: #e6e6e6;
}

.ui-datepicker-calendar .ui-datepicker-other-month,
.ui-datepicker-calendar .ui-datepicker-other-month:hover {
	background-color: #ffffff;
	cursor: default;
}

.ui-datepicker-calendar .ui-datepicker-current-day,
.ui-datepicker-calendar .ui-datepicker-current-day:hover {
	background-color: #3070b3;
	color: #ffffff;
}

.ui-datepicker-calendar a {
	text-decoration: none;
	color: inherit;
	font-weight: bold;
}



/**
 * File links
 */
/* From cssstyledcontent default CSS [ */
	ul.ce-uploads { padding: 0; }
	ul.ce-uploads li { list-style: none outside none; margin: 1em 0; }
	ul.ce-uploads img { float: left; vertical-align: top; background: #ffffff }
	ul.ce-uploads span { display: block; }
/* ] */

ul.ce-uploads a {
	display: block;
	border: none;
	padding-right: 0;
	background-image: none;
	text-decoration: none;
}
ul.ce-uploads a:hover { background-color: #f7f7f7; border: none; 	color: #333; background-image: none;
}

ul.ce-uploads img {
	display: block;
	margin: 0;
}

	/* Link styles */

span.ce-uploads-filesize {
	color: #646464;
	font-size: 80%;
}

/* Layout 1/2/3 */
.ce-uploads.ce-uploads-1 span { margin-left:  25px; }
.ce-uploads.ce-uploads-2 span { margin-left: 140px; }

.ce-uploads-2 img,
.frame-layout-3 .ce-uploads img {
	border: outset thin #ccc;
}
html.boxshadow .ce-uploads-2 img,
html.boxshadow .frame-layout-3 .ce-uploads img {
	border: none;
	box-shadow: 1px 1px 3px #777;
	margin: 4px;
}

.side .ce-uploads-2 img,
.side .frame-layout-2 img,
.side .frame-layout-3 img {
	float: none;
}

.ce-uploads-dlbutton {
	margin-top: 1em;
	margin-bottom: 5px;
}

/* Layout 3: Preview with lightbox */
.frame-layout-3 .ce-uploads li {
	display: inline-block;
	width: 142px;
	vertical-align: top;
}
	.frame-layout-3 .ce-uploads ul img {
		float: none;
		width: 110px;
		height: auto;
	}
	.frame-layout-3 .ce-uploads-fileName,
	.frame-layout-3 .ce-uploads-description,
	.frame-layout-3 .ce-uploads-filesize {
		width: 122px;
		margin: 0 0 5px 2px;
		overflow: hidden;
		text-overflow: ellipsis;
		font-size: 0.8em;
		/*line-height: 1.1;*/
		color: #333;
	}
	.frame-layout-3 .ce-uploads-description { line-height: 1.2;}

	.frame-layout-3 .ce-uploads-fileName {
		margin: 3px 0 5px 2px;
		padding-bottom: 3px;
		word-wrap: break-word;
		line-height: 1.4;
	}

	div.nopreview {
		/* width: 90%; height: 90%; */
		font-size: 22px;
		color: #9E9E9E;
		text-align: center;
		padding-top: 140px;
	}

	.sidebar .frame-layout-3 .ce-uploads li,
	.sidebar .frame-layout-3 .ce-uploads ul img,
	.sidebar .frame-layout-3 .ce-uploads-fileName,
	.sidebar .frame-layout-3 .ce-uploads-description,
	.sidebar .frame-layout-3 .ce-uploads-filesize {
		display: block;
		width: 95%;
		font-size: inherit;
	}

/* Inline list */
.toc_inline:not(.box),
.frame-type-menu_section.frame-layout-1:not(.box),
.csc-menu-1.layout-1:not(.box) {
	margin: .5em 0 .3em;
	padding: 0;
}

.frame-type-menu_section.frame-layout-1 ul {
	padding-left: 0;
}

.toc_inline li,
.frame-type-menu_section.frame-layout-1 li,
.csc-menu-1.layout-1 li {
	display: inline-block;
	margin: 0 .5em 0 0;
	padding: 0 .5em 0 0;
	list-style-type: none;
	border-right: 1px solid #b3b3b3;
}

.toc_inline li:last-child,
.frame-type-menu_section.frame-layout-1 li:last-child,
.csc-menu-1.layout-1 li:last-child {
	border-right: 0;
}

.frame-type-menu_abstract ul {
	padding-left: 0;
	list-style: none;
}

.frame-type-menu_abstract p {
	margin: 0 0 .4em 1em;
	padding: 0;
}

[class*='menu'].frame-layout-3 li,
.frame-type-menu_section.frame-layout-3 li {
	display: list-item;
	width: auto;
}


/**
*	# Frame space classes
*/
/*space before*/
/*see: spaceBeforeAfter.sql*/
/*see: spaceBeforeAfter.sql*/
.frame.frame-space-before-extra-small {
	margin-top: 10px!important;
}
.frame.frame-space-before-small {
	margin-top: 30px!important;
}
.frame.frame-space-before-medium {
	margin-top: 50px!important;
}
.frame.frame-space-before-large {
	margin-top: 65px!important;
}
.frame.frame-space-before-extra-large {
	margin-top: 75px!important;
}
/*space after*/
.frame.frame-space-after-extra-small {
	margin-bottom: 10px!important;
}
.frame.frame-space-after-small {
	margin-bottom: 30px!important;
}
.frame.frame-space-after-medium {
	margin-bottom: 50px!important;
}
.frame.frame-space-after-large {
	margin-bottom: 65px!important;
}
.frame.frame-space-after-extra-large {
	margin-bottom: 75px!important;
}

/***************************************
 * Rules specific to small screens
 */

@media (max-width: 600px) {

	/* Full width (background, border) for #sitemenu, .org, footer */
	.fubar .belt,
	#page-body .org .belt,
	#normal,
	#sidebar,
	footer .belt {
		margin: 0 auto;
		width: 96%;
	}

	.org {border-bottom: 1px solid #e5e5e5; } /* Header separator line */

	.org .belt { padding: 27px 0 20px 0; }

	.org .tum { /* HOMELINK neu */
	bottom: 20px;
}

	.fubar { overflow: auto; }

	#sidebar { clear: both; }

	.sidebar h2,
	.sidebar h3,
	.sidebar h4,
	.sidebar h5,
	.sidebar h6 {
		margin: .4em 0 .5em -15px;
	}

	/* Site menu */
	.sitemenu ul {
		background-color: white;
		font-size: 1.15em;
		font-weight: bold;
	}
	.sitemenu ul ul {
		margin-left: 26px;
		font-size: .873em;
		font-weight: normal;
	}

	.sitemenu ul ul li.path {
		font-weight: bold;
	}

	.sitemenu ul ul ul {
		font-size: 1em;
	}

	.sitemenu a,
	.sitemenu span {
		padding: 1em 99px 1em 8px;
		border-top: 1px solid #e6e6e6;
		border-bottom: 1px solid #e6e6e6;
		margin-top: -1px;
	}

	.sitemenu span { padding-left: 5px; }
	.sitemenu ul ul span { font-weight: normal; }

	.sitemenu > ul li:first-child a,
	.sitemenu > ul li:first-child span {
		border-top: none;
		margin-top: 0;
	}

	.sitemenu ul ul a      { padding: .4em 99px .4em 8px; }
	.sitemenu ul ul span { padding: .4em 99px .4em 5px; }

	.sitemenu ul ul li.sub,
	.sitemenu ul ul li.path,
	.sitemenu ul ul li.hassub.current {
		background-position: right .6em;
	}

	.js .sitemenu li.sub,
	.js .sitemenu li.path,
	.js .sitemenu li.hassub.current{
		background-image: none;
	}

}

