.col #main .teaser-row.t-col-3 .events:first-child,
.col #main .teaser-row.t-col-3 .latest:first-child,
.col #main .teaser-row.t-col-3 .orgainfo:first-child,
.col #main .teaser-row.t-col-3 .teaser:first-child,
.col #main .teaser-row.t-col-3 .teaser.h-color-1:first-child,
.col #main .teaser-row.t-col-3 .teaser.h-color-2:first-child,
.col #main .teaser-row.t-col-3 .teaser.h-color-3:first-child,
#home.col #main .teaser-row.t-col-3 .teaser.h-color-1:first-child,
#home.col #main .teaser-row.t-col-3 .teaser.h-color-2:first-child,
#home.col #main .teaser-row.t-col-3 .teaser.h-color-3:first-child,
.nav-col #main .teaser-row.t-col-3 .teaser:first-child,
.nav-col #main .teaser-row.t-col-3 .latest:first-child,
.nav-col #main .teaser-row.t-col-3 .orgainfo:first-child,
.nav-col #main .teaser-row.t-col-3 .events:first-child,
.single-page #main .teaser-row.t-col-3 .teaser:first-child,
.single-page #main .teaser-row.t-col-3 .latest:first-child,
.single-page #main .teaser-row.t-col-3 .orgainfo:first-child,
.single-page #main .teaser-row.t-col-3 .events:first-child,
#search-results #main .teaser-row.t-col-3 .tg-mod .teaser:first-child {
	margin-bottom: 35px;
	min-width: 0;
	width: 100%;
}
#main .teaser-row.t-col-3 .teaser.h-color-1 .teaser-inner,
#main .teaser-row.t-col-3 .teaser.h-color-2 .teaser-inner,
#main .teaser-row.t-col-3 .teaser.h-color-3 .teaser-inner {
	padding: 10px 10px 10px 10px;
	background-image: none;
}
#main .teaser-row.t-col-3 .teaser.h-color-1:last-child .teaser-inner,
#main .teaser-row.t-col-3 .teaser.h-color-2:last-child .teaser-inner,
#main .teaser-row.t-col-3 .teaser.h-color-3:last-child .teaser-inner {
	background-image: url(../img/bgs/line-color-teaser.png);
	background-position: 0 0;
	background-repeat: repeat-y;
	padding: 10px 10px 10px 37px;
}
#main .teaser-row.t-col-3 .teaser:last-child .teaser-inner,
#main .teaser-row.t-col-3 .events:last-child .teaser-inner,
#main .teaser-row.t-col-3 .orgainfo:last-child .teaser-inner,
#main .teaser-row.t-col-3 .latest:last-child .teaser-inner,
.nav-col #main .teaser-row.t-col-3 .teaser:last-child .teaser-inner,
.nav-col #main .teaser-row.t-col-3 .events:last-child .teaser-inner,
.nav-col #main .teaser-row.t-col-3 .orgainfo:last-child .teaser-inner,
.nav-col #main .teaser-row.t-col-3 .latest:last-child .teaser-inner,
.single-page #main .teaser-row.t-col-3 .teaser:last-child .teaser-inner,
.single-page #main .teaser-row.t-col-3 .events:last-child .teaser-inner,
.single-page #main .teaser-row.t-col-3 .orgainfo:last-child .teaser-inner,
.single-page #main .teaser-row.t-col-3 .latest:last-child .teaser-inner{
	background-image: url(../img/bgs/line-color-teaser.png);
	background-position: 0 0;
	background-repeat: repeat-y;
	padding: 0 0 0 27px;
}
#search-results #main .teaser-row.t-col-3 .tg-mod .teaser,
.nav-col #main .teaser-row.t-col-3 .teaser,
.nav-col #main .teaser-row.t-col-3 .latest,
.nav-col #main .teaser-row.t-col-3 .orgainfo,
.nav-col #main .teaser-row.t-col-3 .events,
.single-page #main .teaser-row.t-col-3 .teaser,
.single-page #main .teaser-row.t-col-3 .latest,
.single-page #main .teaser-row.t-col-3 .orgainfo,
.single-page #main .teaser-row.t-col-3 .events {
	display: inline-block;
	width: 48.1%;
}
.nav-col #main .teaser-row.t-col-3 .teaser img {
	width: 100%;
	height: auto;
}
#home.col #main .teaser-row.t-col-3 .teaser,
.col #main .teaser-row.t-col-3 .teaser,
.col #main .teaser-row.t-col-3 .events,
.col #main .teaser-row.t-col-3 .lastest,
.col #main .teaser-row.t-col-3 .orgainfo,
.col #main .teaser-row.t-col-3 .orgainfo,
#search-results #main .teaser-row.t-col-3 .tg-mod .teaser,
.nav-col #main .teaser-row.t-col-3 .teaser,
.single-page #main .teaser-row.t-col-3 .teaser {
	display: inline-block;
	width: 48.1%;
}
.col #main .teaser-row.t-col-3 .teaser.grid-2,
.col #main .teaser-row.t-col-3 .teaser {
	width: 48.605%;
}
.col #main .teaser-row.t-col-3 .teaser.grid-2:last-child,
.col #main .teaser-row.t-col-3 .teaser:last-child {
	width: 51.395%;
}
#gallery-overview.single-page #main .teaser-row.t-col-3 .teaser .teaser-inner {
	padding-bottom: 10px;
}
#search-results #main .teaser-row.t-col-3 .tg-mod .teaser:last-child,
.nav-col #main .teaser-row.t-col-3 .teaser:last-child,
.nav-col #main .teaser-row.t-col-3 .events:last-child,
.nav-col #main .teaser-row.t-col-3 .latest:last-child,
.nav-col #main .teaser-row.t-col-3 .orgainfo:last-child,
.single-page #main .teaser-row.t-col-3 .teaser:last-child,
.single-page #main .teaser-row.t-col-3 .events:last-child,
.single-page #main .teaser-row.t-col-3 .latest:last-child,
.single-page #main .teaser-row.t-col-3 .orgainfo:last-child {
	display: inline-block;
	width: 51.9%;
}

#main .teaser-row.t-col-3 .teaser .teaser-inner,
#main .teaser-row.t-col-3 .events .teaser-inner,
#main .teaser-row.t-col-3 .latest .teaser-inner,
#main .teaser-row.t-col-3 .orgainfo .teaser-inner,
#search-results #main .teaser-row.t-col-3 .tg-mod .teaser .teaser-inner,
.nav-col #main .teaser-row.t-col-3 .teaser .teaser-inner,
.nav-col #main .teaser-row.t-col-3 .events .teaser-inner,
.nav-col #main .teaser-row.t-col-3 .latest .teaser-inner,
.nav-col #main .teaser-row.t-col-3 .orgainfo .teaser-inner,
.single-page #main .teaser-row.t-col-3 .teaser .teaser-inner
	.single-page #main .teaser-row.t-col-3 .latest .teaser-inner
	.single-page #main .teaser-row.t-col-3 .events .teaser-inner
	.single-page #main .teaser-row.t-col-3 .orgainfo .teaser-inner {
	background-image: none;
	padding: 0;
}
.nav-col #main .teaser-row.t-col-3 .teaser.h-color-1 .teaser-inner,
.nav-col #main .teaser-row.t-col-3 .teaser.h-color-2 .teaser-inner,
.nav-col #main .teaser-row.t-col-3 .teaser.h-color-3 .teaser-inner {
	padding: 10px;
}
.nav-col #main .teaser-row.t-col-3 .teaser.h-color-1:last-child .teaser-inner,
.nav-col #main .teaser-row.t-col-3 .teaser.h-color-2:last-child .teaser-inner,
.nav-col #main .teaser-row.t-col-3 .teaser.h-color-3:last-child .teaser-inner {
	padding: 10px 10px 10px 37px;
}
#search-results #main .teaser-row.t-col-3 .teaser .teaser-inner,
#gallery-overview #main .teaser-row.t-col-3 .teaser .teaser-inner {
	padding-bottom: 10px;
}
#search-results #main .teaser-row.t-col-3 .tg-mod .teaser:last-child .teaser-inner,
.nav-col #main .teaser-row.t-col-3 .teaser:last-child .teaser-inner,
.single-page #main .teaser-row.t-col-3 .teaser:last-child .teaser-inner,
.col #main .teaser-row.t-col-3 .teaser:last-child .teaser-inner {
	background-image: url(../img/bgs/line-color-teaser.png);
	background-position: 0 0;
	background-repeat: repeat-y;
	padding: 0 0 0 27px;
}
#search-results #main .teaser-row.t-col-3 .tg-mod .teaser.h-color-1:last-child .teaser-inner,
#search-results #main .teaser-row.t-col-3 .tg-mod .teaser.h-color-2:last-child .teaser-inner,
#search-results #main .teaser-row.t-col-3 .tg-mod .teaser.h-color-3:last-child .teaser-inner,

.single-page #main .teaser-row.t-col-3 .teaser.h-color-1:last-child .teaser-inner,
.single-page #main .teaser-row.t-col-3 .teaser.h-color-2:last-child .teaser-inner,
.single-page #main .teaser-row.t-col-3 .teaser.h-color-3:last-child .teaser-inner,

.col #main .teaser-row.t-col-3 .teaser.h-color-1:last-child .teaser-inner,
.col #main .teaser-row.t-col-3 .teaser.h-color-2:last-child .teaser-inner,
.col #main .teaser-row.t-col-3 .teaser.h-color-3:last-child .teaser-inner {
	background-image: url(../img/bgs/line-color-teaser.png);
	background-position: 0 0;
	background-repeat: repeat-y;
	padding: 10px 10px 10px 37px;
}
.nav-col #main .teaser-row.t-col-3 .teaser:last-child .teaser-inner,
.single-page #main .teaser-row.t-col-3 .teaser:last-child .teaser-inner,
.col #main .teaser-row.t-col-3 .teaser:last-child .teaser-inner {
	background-image: url(../img/bgs/line-color-teaser.png);
	background-position: 0 0;
	background-repeat: repeat-y;
	padding: 0 0 0 27px;
}
.col #main .teaser-row.t-col-3 .teaser:last-child .teaser-inner {
	background-image: url(../img/bgs/line-color-teaser.png);
	background-position: 0 0;
	background-repeat: repeat-y;
	padding: 0 10px 10px 27px;
}

h1 {

	margin: 0 0 20px 0;
}
/* GRID / LAYOUT
############################ */
#wrapper-2-outer,
#site-navigation,
#nav-meta li {

}
/* Michael Simon A.A. [2014.07.30]: Rechtschreibfehler behoben: "#search-resuts" umbenannt zu "#search-results" */
#nav,
#search-results #nav {
	display: block;
	float: none;
	width: 100%;
	margin-bottom: 35px;
	padding: 0;
}

.single-page #main,
#main {
	display: block;
	float: none;
	width: 100%;
	max-width: 100%;
	background: none;
	padding: 0;
}



#search-box,
#nav-meta {
	right: 10px;
}

/* search */
/*#search-box {
	position: static;
	margin-top: 12px;
	background: none;
	float: left;
	margin-left: 20px;
}

#search-box form {
	right: 0;
	padding: 0;
	background: none;
}
#search-box form {
	clear: both;
	background: none;
	position: relative;
}
#branding #search-box input {
	background-color: #B7B7B7;
	color: #fff;
	width: 170px;

}
::-webkit-input-placeholder {
	color: #fff;
}
:-moz-placeholder {
	color: #fff;
}
::-moz-placeholder {
	color: #fff;
}
:-ms-input-placeholder {
	color: #fff;
}
#branding #search-box input.button {
	top: 0;
	right: .5em;
}
#branding #search-box input.button {
	background-position: 4px -2391px;
}
#branding #search-box input.button:hover,
#branding #search-box input.button:focus {
	background-position: 4px -2191px;
}*/



#search-box h6 {
	display: block;
	position: absolute;
	overflow: hidden;
	left: -9999px;
	height: auto;
	width: auto;
}/*
#logo-extension {
	display: block;
	float: none;
	margin-left: 0;
	margin-top: 0;
	padding-top: 0;
	padding-left: 0;
	padding-bottom: 15px;
	clear: both;
	width: auto;
}
#logo {
	display: block;
	position: static;
	margin-top: 0;
	float: left;
}
#branding-inner {
	display: block;
}*/


/* Navigator */
#navigator .col-1 {
	width: 100%;
	margin-bottom: 30px;
}
#navigator .col-1 li {
	display: inline-block;
	background: none;
}
#navigator .col-1 ul {
	padding-bottom: 10px;
}
#navigator .col-2 {
	width: 70%;
}
#navigator .col-2 .col-box {
	margin-left: 0;
	border-left: 0;
	padding-left: 0;
}
#navigator .col-3 {
	width: 30%;
}
/* persona */
.persona-item .overview {
	float: none;
	width: 100%;
}
.persona-item ul {
	display: table;
	width: 100%;
}
#persona-search select {
	width: 120px;
}
/* nav-meta */
#nav-meta{

}
#breadcrumb {

}
/* Footer */
#site-info {
	margin-top:0;
}
#site-info div div ul.facilities li img {
	/* Michael Simon B.B. [2015.02.27]: Um die max-width 224px aus der styles.css aufzuheben. */
	max-width: 100%;
}
/* Navigation */
#nav-global .menu .menu-list {
	display: inline-block;
	width: 33%;
}
.nav-global-toc ol {
	float: none;
	width: 100%;
	position: static;
}
.nav-global-toc li {
	margin: 0;
	font-weight: bold;
	text-align: center;
}


.nav-global-toc a,
.nav-global-toc strong {
	padding: 28px 30px 26px 30px;
}
.division .nav-global-toc a,
.division .nav-global-toc li a.on,
.division .nav-global-toc strong {
	padding: 28px 30px 26px 20px;
}
.nav-global-subnav {
	position: static;
}


.text h2 {
	font-size: 240%;
}
.text .sitemap h2 {
	font-size: 160%;
}
#main .text .sitemap ul li {
	font-size: 100%;
	border: none;
}
#main col,
#main th,
#main td {
/*	width: auto !important; Michael Simon B.B. [2014.10.13]: Spaltenbreiten sollen auch im Tablet-Portrait Modus skalieren. Wenn es irgendwo dann nicht passt, liegt es an den Angaben des Redakteurs. Dann muss er etwas ändern. */
}

/*#main .text .mb-middle.more-box {
	width: auto;
	margin-left: 0;
}*/

.two-columne #main .box,
.two-columne #main .text .more-box {
	max-width: 100%;
}
.two-columne #main .text .more-box {
	width: 94%;
	padding: 0 2%;
}
.two-columne #main .text .more-box.mb-big {
	width: 100%;
}
.two-column-box div,
.two-column-box div.tcb-first {
	width: 97.26%;
	margin-bottom: 10px;
}
.two-column-box div {
	margin: 0;
}
.two-column-box  {
	margin-bottom: 10px;
}
#main .teaser-row .ts-box {
	padding: 0;
}
#main .box.contact {
	max-width: 100%;
	min-width: 0;
}
.csscolumns #main .box-wrapper .box .vcard .vcard-inner {
	float: left;
	width: 100%; /* Michael Simon A.A. [2014.08.13]: Ab Tablet-Portrait wurde der Text in Kontaktboxen leicht linkslastig, da das innere Div sich nicht mehr 100% der Breite nimmt. */
}
#main .box-wrapper.dir-2 .box {
	margin-left: 0;
	margin-right: 20px;
}
/* Michael Simon A.A. [2014.08.21]: Ansprechpartnerboxen in einer zweispaltigen Seite haben sich nicht richtig verhalten.
.csscolumns .two-columne #main .box .vcard div {
	float: none;
}
*/
#main .cl-small {
	width: auto;
	margin-left: 0;
}
.csscolumns .two-columne #main .text .mb-middle.more-box {
	float: right;
	max-width: 100%;
}
.csscolumns .two-columne .text-block {
	-moz-column-count:1;
	-moz-column-gap: normal;
	-webkit-column-count:1;
	-webkit-column-gap: normal;
	column-count:1;
	column-gap: normal;
	max-width: 100%;
}

/* Stage */
#stage .teaser-wrapper {
	background: #00549F;
}
#stage .teaser-box {
	background: #00549F;
}
#stage .teaser-box .teaser-box-2 {
	position: static;
	overflow: hidden;
}
#stage .teaser-wrapper h2 {
	float: none;
	width: 100%;
	font-size: 280%;
	font-weight: normal;
}
#stage .teaser-wrapper p {
	float: none;
	width: 100%;
}
#stage .teaser-wrapper p .more {
	text-align: right;
}
#stage .prev span,
#stage .next span {
	top: 11em;
	height: 5.4em;
	width: 4.4em;
	background: #000 url(../img/icons/teaser-wrapper-small-sprite.png) 43% 7px no-repeat;
}
#stage .next span {
	background-position: 43% -190px;
}

/* Teaser */
.latest {
	width: 50%;
	margin-bottom: 80px;
	padding: 0 0 1em 0;
}
.latest.news {
	width: 49.45%;
	border-right: 0;
}
#home #main .list-teaser-group ul {
	margin-bottom: 20px;
}
#faculty-stage #stage .teaser-box-2 {
	position: static;
	background: #00549F;
}
#faculty-stage #stage .teaser-box-2 h2 {
	font-size: 300%;
}
#faculty-stage #stage .teaser-wrapper h2 .more a {
	font-size: 40%;
}
.latest {
	min-height: 0;
}


#main .teaser-row .teaser.grid-2:first-child,
#home.faculty #main .teaser-row .teaser.grid-2:first-child {
	width: 48.058%;
}
/*#main .teaser-row .teaser.grid-2,*/
#home.faculty #main .teaser-row .teaser.grid-2 {
	width: 51.942%;
}

#home.col.startpage #main .teaser-row .teaser.third {
	clear: left;
}

#home.col.startpage #main .teaser-row .latest.events,
#home.col.startpage #main .teaser-row .latest.news,

#main .teaser-row .teaser.grid-3:first-child,
#home.faculty #main .teaser-row .teaser.grid-3:first-child,
#main .teaser-row .teaser:first-child,
#main .teaser-row .teaser.grid-2:first-child,
#main .teaser-row .teaser.grid-3:first-child,
#main .teaser-row.t-col-4 .teaser.first,
#home.faculty #main .teaser-row.t-col-4 .teaser.first,
.col #main .teaser-row.t-col-4 .teaser.first,
.col #main .teaser-row.t-col-4 .events.first,
.col #main .teaser-row.t-col-4 .orgainfo.first,
.col #main .teaser-row.t-col-4 .latest.first,

#main .teaser-row.t-col-4 .teaser.third,
#home.faculty #main .teaser-row.t-col-4 .teaser.third,
#home.faculty #main .teaser-row.t-col-4 .latest.third,
.col #main .teaser-row.t-col-4 .teaser.third,
.col #main .teaser-row.t-col-4 .events.third,
.col #main .teaser-row.t-col-4 .orgainfo.third,
.col #main .teaser-row.t-col-4 .latest.third,
.col #main .teaser-row.t-col-4 .events.third,
.col #main .teaser-row.t-col-4 .orgainfo.third,
#main .teaser-row.t-col-3 .teaser,
#main .teaser-row.t-col-3 .teaser.grid-2,
#main .teaser-row .list-teaser-group,
#main .teaser-row .list-teaser-group:first-child,
.singel-page #main .teaser-row .list-teaser-group,
.nav-col #main .teaser-row .list-teaser-group,

.nav-col #main .teaser-row .teaser:first-child,
.nav-col #main .teaser-row .orgainfo:first-child,
.nav-col #main .teaser-row .latest:first-child,
.nav-col #main .teaser-row .events:first-child,

.nav-col #main .teaser-row .teaser.grid-2:first-child,
.nav-col #main .teaser-row .events.grid-2:first-child,
.nav-col #main .teaser-row .latest.grid-2:first-child,
.nav-col #main .teaser-row .orgainfo.grid-2:first-child,
.single-page #main .teaser-row .teaser.grid-2:first-child,
.single-page #main .teaser-row .events.grid-2:first-child,
.single-page #main .teaser-row .latest.grid-2:first-child,
.single-page #main .teaser-row .orgainfo.grid-2:first-child,

.nav-col #main .teaser-row.t-col-3 .latest,
.nav-col #main .teaser-row.t-col-3 .orgainfo,
.nav-col #main .teaser-row.t-col-3 .events,
.nav-col #main .teaser-row.t-col-3 .teaser,
.col #main .teaser-row.t-col-3 .latest, /* Michael Simon A.A. [2014.08.19]: Der Meldungsteaser auf einer Zielgruppenseite in einer 3er-Reihe an 2ter Position bekam im Tablet-Portrait keine neue Breite und bleib somit bei einer breite von ~25%. */

.single-page #main .teaser-row .teaser:first-child,
.single-page #main .teaser-row .orgainfo:first-child,
.single-page #main .teaser-row .latest:first-child,
.single-page #main .teaser-row .events:first-child,
.nav-col #main .teaser-row .teaser.first,
.nav-col #main .teaser-row .orgainfo.first,
.nav-col #main .teaser-row .latest.first,
.nav-col #main .teaser-row .events.first,
.single-page #main .teaser-row .teaser.first,
.single-page #main .teaser-row .orgainfo.first,
.single-page #main .teaser-row .latest.first,
.single-page #main .teaser-row .events.first,
#home #main .teaser-row .teaser:first-child,
#home #main .teaser-row .orgainfo:first-child,
#home #main .teaser-row .latest:first-child,
#home #main .teaser-row .events:first-child,

#home #main .teaser-row.t-col-3 .teaser:first-child,
#home #main .teaser-row.t-col-3 .orgainfo:first-child,
#home #main .teaser-row.t-col-3 .latest:first-child,
#home #main .teaser-row.t-col-3 .events:first-child,
#home.faculty #main .teaser-row.first-child .teaser:first-child,
#home.faculty #main .teaser-row.first-child .orgainfo:first-child,
#home.faculty #main .teaser-row.first-child .latest:first-child,
#home.faculty #main .teaser-row.first-child .events:first-child,
#home.faculty #main .teaser-row.first-child .list-teaser-group:first-child,
#home.faculty #main .teaser-row .teaser:first-child,
#home.faculty #main .teaser-row .orgainfo:first-child,
#home.faculty #main .teaser-row .latest:first-child,
#home.faculty #main .teaser-row .events:first-child,
#home.faculty #main .teaser-row .list-teaser-group:first-child,
.singel-page #main .teaser-row .list-teaser-group:first-child,
.nav-col #main .teaser-row .list-teaser-group:first-child {
	width: 48.058%;
}
#home.faculty #main .teaser-row .teaser,
#main .teaser-row .teaser,
#home.faculty .teaser-row .teaser,
#home.faculty #main .teaser-row .latest,
#main .teaser-row .teaser.grid-3,
#home.faculty #main .teaser-row .teaser.grid-3,
#main .teaser-row .teaser,
#main .teaser-row .teaser.grid-3,
#main .teaser-row .latest,
	/*#main .teaser-row .teaser.grid-2,
	#main .teaser-row .teaser.grid-3,*/
#main .teaser-row.t-col-4 .teaser.second,
#home.faculty #main .teaser-row.t-col-4 .teaser.second,
.col #main .teaser-row.t-col-4 .teaser.second,
.col #main .teaser-row.t-col-4 .events.second,
.col #main .teaser-row.t-col-4 .orgainfo.second,
.col #main .teaser-row.t-col-4 .latest.second,
#main .teaser-row.t-col-4 .teaser:last-child,
#home.faculty #main .teaser-row.t-col-4 .teaser:last-child,
#home.faculty #main .teaser-row.t-col-4 .events:last-child,
#home.faculty #main .teaser-row.t-col-4 .latest:last-child,
#home.faculty #main .teaser-row.t-col-4 .orgainfo:last-child,
.col #main .teaser-row.t-col-4 .teaser:last-child,
.col #main .teaser-row.t-col-4 .events:last-child,
.col #main .teaser-row.t-col-4 .orgainfo:last-child,
.col #main .teaser-row.t-col-4 .latest:last-child,
#main .teaser-row.t-col-3 .teaser:last-child,
#main .teaser-row.t-col-3 .events:last-child,
#main .teaser-row.t-col-3 .latest:last-child,
#main .teaser-row.t-col-3 .orga-info:last-child,


#main .teaser-row.t-col-3 .teaser.grid-2:last-child,
/*#main .teaser-row .list-teaser-group:last-child,*/
.nav-col #main .teaser-row .teaser.grid-2,
.nav-col #main .teaser-row .events.grid-2,
.nav-col #main .teaser-row .latest.grid-2,
.nav-col #main .teaser-row .orgainfo.grid-2,
.single-page #main .teaser-row .teaser.grid-2,
.single-page #main .teaser-row .events.grid-2,
.single-page #main .teaser-row .latest.grid-2,
.single-page #main .teaser-row .orgainfo.grid-2,


.nav-col #main .teaser-row .teaser,
.nav-col #main .teaser-row .orgainfo,
.nav-col #main .teaser-row .latest,
.nav-col #main .teaser-row .events,
.single-page #main .teaser-row .teaser,
.single-page #main .teaser-row .orgainfo,
.single-page #main .teaser-row .latest,
.single-page #main .teaser-row .events,
#home #main .teaser-row .teaser,
#home #main .teaser-row .orgainfo,
#home #main .teaser-row .latest,
#home #main .teaser-row .events,
#home #main .teaser-row.t-col-3 .teaser,
#home #main .teaser-row.t-col-3 .orgainfo,
#home #main .teaser-row.t-col-3 .latest,
#home #main .teaser-row.t-col-3 .events,
#home.faculty #main .teaser-row .teaser:first-child,
#home.faculty #main .teaser-row .orgainfo:first-child,
#home.faculty #main .teaser-row .latest:first-child,
#home.faculty #main .teaser-row .events:first-child,
#home.faculty #main .teaser-row .orgainfo /* Michael Simon A.A. [2014.08.12]: Die Orgainfobox wurde in manchen Fällen nicht auf die hälfte der Breite gebracht. */ {
	width: 51.942%;
}
.col #main .teaser-row.t-col-3 .latest:last-child /* Michael Simon A.A. [2014.08.19]: Auf seiten ohne Navigation (Bereichsübersicht und Zielgruppen) war der Teaser etwas zu breit, wodurch er in eine neue Zeile umbrach. */ {
	width: 51.327%;
}
#home.faculty #main .teaser-row.t-col-3.first-child .teaser:last-child,
#home.faculty #main .teaser-row.t-col-3.first-child .latest:last-child,
#home.faculty #main .teaser-row.t-col-3.first-child .events:last-child,
#home.faculty #main .teaser-row.t-col-3.first-child .orgainfo:last-child,
#home.faculty #main .teaser-row.t-col-3.first-child .list-teaser-group:last-child,
#main .teaser-row.t-col-3 .teaser.grid-2:first-child,
#home.col #main .teaser-row.t-col-3 .teaser.grid-2:first-child, /* Michael Simon B.B. [2015.03.04]: Die Teaser muessem auf dem Tablet wieder 100% werden. */
.col #main .teaser-row.t-col-3 .teaser.grid-2:first-child,
#home.faculty #main .teaser-row.t-col-3 .teaser.grid-2:first-child {
	width: 100%;
}
#home.faculty #main .teaser-row.t-col-3 .teaser.grid-2:first-child .teaser-inner,
#home.faculty #main .teaser-row.t-col-3.first-child .teaser:last-child .teaser-inner,
#home.faculty #main .teaser-row.t-col-3.first-child .latest:last-child .teaser-inner,
#home.faculty #main .teaser-row.t-col-3.first-child .events:last-child .teaser-inner,
#home.faculty #main .teaser-row.t-col-3.first-child .orgainfo:last-child .teaser-inner,
#home.faculty #main .teaser-row.t-col-3.first-child .list-teaser-group:last-child .teaser-inner {
	padding-left: 0;
	background-image: none;
}

/* Michael Simon A.A. [2014.08.12]: Damit die Orgainfobox auf der Institutsstartseite auch auf Tablet Portait gut aussieht. */
#home.faculty #main .teaser-row.t-col-3.first-child .orgainfo:last-child .teaser-inner {
	margin-left: 0;
	padding: 0.5em;
}

#home.faculty #main .teaser-row.t-col-3 .latest:first-child .teaser-inner,
#home.faculty #main .teaser-row.t-col-3 .events:first-child .teaser-inner,
#home.faculty #main .teaser-row.t-col-3 .orgainfo:first-child .teaser-inner,
#home.faculty #main .teaser-row.t-col-3 .list-teaser-group:first-child .teaser-inner,
#home.faculty #main .teaser-row.t-col-3 .teaser:first-child .teaser-inner,
#home.faculty #main .teaser-row.t-col-3 .list-teaser-group:first-child .teaser-inner,
#home.faculty #main .teaser-row.t-col-3 .teaser-list:first-child .teaser-inner,
#home.faculty #main .teaser-row.t-col-3 .teaser.grid-2.teaser-list:first-child .teaser-inner
#home.faculty #main .teaser-row.t-col-3 .teaser:last-child .teaser-inner,
#home.faculty #main .teaser-row.t-col-3 .list-teaser-group:last-child .teaser-inner,
#home.faculty #main .teaser-row.t-col-3 .teaser-list:last-child .teaser-inner,
#home.faculty #main .teaser-row.t-col-3 .teaser.grid-2.teaser-list:last-child .teaser-inner {
	padding: 0;
	background-image: none;
}
.division #main .teaser-row .orgainfo .teaser-inner {

}
#home.faculty #main .teaser-row .teaser-list .teaser-inner .ts-box,
#home.faculty #main .teaser-row .teaser.grid-2.teaser-list .teaser-inner .ts-box {
	padding: 0 10px 10px 10px;
}
#home.faculty #main .teaser-row .teaser-list .teaser-inner.h-color-2:first-child .ts-box,
#home.faculty #main .teaser-row .teaser.grid-2.teaser-list.h-color-2:first-child .teaser-inner .ts-box,
#home.faculty #main .teaser-row .teaser-list .teaser-inner.h-color-1:first-child .ts-box,
#home.faculty #main .teaser-row .teaser.grid-2.teaser-list.h-color-1:first-child .teaser-inner .ts-box,
#home.faculty #main .teaser-row .teaser-list .teaser-inner.h-color-3:first-child .ts-box,
#home.faculty #main .teaser-row .teaser.grid-2.teaser-list.h-color-3:first-child .teaser-inner .ts-box {
	padding: 0;
}
#home.faculty #main .teaser-row .teaser-list .teaser-inner.h-color-2 .ts-box,
#home.faculty #main .teaser-row .teaser.grid-2.teaser-list.h-color-2 .teaser-inner .ts-box,
#home.faculty #main .teaser-row .teaser-list .teaser-inner.h-color-1 .ts-box,
#home.faculty #main .teaser-row .teaser.grid-2.teaser-list.h-color-1 .teaser-inner .ts-box,
#home.faculty #main .teaser-row .teaser-list .teaser-inner.h-color-3 .ts-box,
#home.faculty #main .teaser-row .teaser.grid-2.teaser-list.h-color-3 .teaser-inner .ts-box {
	padding: 0;
}
#wrapper #main .teaser-row .teaser.grid-2.h-color-1:first-child .teaser-inner,
#wrapper #main .teaser-row .teaser.grid-2.h-color-2:first-child .teaser-inner,
#wrapper #main .teaser-row .teaser.grid-2.h-color-3:first-child .teaser-inner,
#wrapper #main .teaser-row .teaser.grid-3.h-color-1:first-child .teaser-inner,
#wrapper #main .teaser-row .teaser.grid-3.h-color-2:first-child .teaser-inner,
#wrapper #main .teaser-row .teaser.grid-3.h-color-3:first-child .teaser-inner {
	padding: 10px 10px 10px 10px
}
#wrapper #main .teaser-row .teaser.grid-2.h-color-1 .teaser-inner,
#wrapper #main .teaser-row .teaser.grid-2.h-color-2 .teaser-inner,
#wrapper #main .teaser-row .teaser.grid-2.h-color-3 .teaser-inner,
#wrapper #main .teaser-row .teaser.grid-3.h-color-1 .teaser-inner,
#wrapper #main .teaser-row .teaser.grid-3.h-color-2 .teaser-inner,
#wrapper #main .teaser-row .teaser.grid-3.h-color-3 .teaser-inner {
	padding: 10px 10px 10px 37px;
}
#wrapper #main .teaser-row.t-col-3 .teaser.grid-2.h-color-1 .teaser-inner,
#wrapper #main .teaser-row.t-col-3 .teaser.grid-2.h-color-2 .teaser-inner,
#wrapper #main .teaser-row.t-col-3 .teaser.grid-2.h-color-3 .teaser-inner,
#wrapper #main .teaser-row.t-col-3 .teaser.grid-3.h-color-1 .teaser-inner,
#wrapper #main .teaser-row.t-col-3 .teaser.grid-3.h-color-2 .teaser-inner,
#wrapper #main .teaser-row.t-col-3 .teaser.grid-3.h-color-3 .teaser-inner,
#home.faculty #wrapper #main .teaser-row.t-col-3 .teaser.grid-2.h-color-1 .teaser-inner,
#home.faculty #wrapper #main .teaser-row.t-col-3 .teaser.grid-2.h-color-2 .teaser-inner,
#home.faculty #wrapper #main .teaser-row.t-col-3 .teaser.grid-2.h-color-3 .teaser-inner,
#home.faculty #wrapper #main .teaser-row.t-col-3 .teaser.grid-3.h-color-1 .teaser-inner,
#home.faculty #wrapper #main .teaser-row.t-col-3 .teaser.grid-3.h-color-2 .teaser-inner,
#home.faculty #wrapper #main .teaser-row.t-col-3 .teaser.grid-3.h-color-3 .teaser-inner{
	padding: 10px 10px 10px 10px;
}
#main .teaser-row .teaser-list.h-color-1 .teaser-inner .ts-box,
#main .teaser-row .teaser-list.h-color-2 .teaser-inner .ts-box, #main .teaser-row .teaser-list.h-color-3 .teaser-inner .ts-box {
	padding-top: 0;
}
#wrapper #main .teaser-row .teaser-list.h-color-1 h2.mod,
#wrapper #main .teaser-row .teaser-list.h-color-2 h2.mod,
#wrapper #main .teaser-row .teaser-list.h-color-3 h2.mod {
	padding-top: 0;
}
#home #main .teaser-row.t-col-3 .teaser.grid-3 .teaser-inner img {
	width: 100%;
	margin-bottom: 10px;
}
#home #main .teaser-row.t-col-3 .teaser.grid-2 {
	width: 100%;
	margin-bottom: 25px;
}

#home #main .teaser-row.t-col-3.first-child .events:last-child,
#home #main .teaser-row.t-col-3.first-child .latest:last-child,
#home #main .teaser-row.t-col-3.first-child .orgainfo:last-child,
#home #main .teaser-row.t-col-3.first-child .list-teaser-group:last-child {
	width: 100%;
}
#home #main .teaser-row.t-col-3.first-child .events:last-child li,
#home #main .teaser-row.t-col-3.first-child .latest:last-child li {
	min-height: 0;
}
#home #main .teaser-row.t-col-3.first-child .teaser:last-child .teaser-inner,
#home #main .teaser-row.t-col-3.first-child .latest:last-child .teaser-inner,
#home #main .teaser-row.t-col-3.first-child .orgainfo:last-child .teaser-inner,
#home #main .teaser-row.t-col-3.first-child .events:last-child .teaser-inner,
#home #main .teaser-row.t-col-3.first-child .list-teaser-group:last-child .teaser-inner {
	padding-left: 0;
	background-image: none;
}
#home #main .teaser-row.t-col-3 .teaser.grid-2 .teaser-inner {
	margin-left: 0;
}


#home #main .teaser-row.t-col-4 .teaser.grid-3 .teaser-inner img {
	width: 50%;
	margin-bottom: 10px;
}
#home #main .teaser-row.t-col-4 .teaser.grid-2 {
	width: 48.058%;
	margin-bottom: 25px;
}
#home #main .teaser-row.t-col-4 .teaser.grid-2:last-child {
	width: 51.942%;
	margin-bottom: 25px;
}
#home #main .teaser-row.t-col-4 .teaser.grid-2:last-child .teaser-inner {
	background-image: url(../img/bgs/line-color-teaser.png);
	background-position: 0 0;
	background-repeat: repeat-y;
	padding: 10px 10px 10px 37px;
}
#home #main .teaser-row.t-col-4 .teaser.grid-2 .teaser-inner {
	margin-left: 0;
}
.startpage #main .teaser-row.t-col-4 .teaser.grid-2.h-color-1,
.startpage #main .teaser-row.t-col-4 .teaser.grid-2.h-color-2, .startpage #main .teaser-row .teaser.grid-2.h-color-3 {
	float: left !important;
	display: block;
	margin: 0;
	padding: 0 0 10px;
}

.nav-col #main .teaser-row .teaser.grid-3:first-child,
.single-page #main .teaser-row .teaser.grid-3:first-child {
	width: 99.453%;
}


#main .teaser-row .teaser-group .teaser.third .teaser-inner,
#main .teaser-row.t-col-4 .events.third .teaser-inner,
#main .teaser-row.t-col-4 .orgainfo.third .teaser-inner,
#main .teaser-row.t-col-4 .latest.third .teaser-inner {
	background-image: none;
	padding: 0;
}
#main .teaser-row.t-col-4 .teaser.third .teaser-inner,
#main .teaser-row.t-col-4 .teaser.latest .teaser-inner {
	background-image: none;
	padding: 0;
}
#main .teaser-row.t-col-4 .teaser.h-color-2.third .teaser-inner,
#main .teaser-row.t-col-4 .teaser.h-color-3.third .teaser-inner {
	background-image: none;
	padding: 10px 10px 10px 10px;
}
#main .teaser-row .teaser .teaser-inner img {
	height: auto;
}
#main .teaser-row.t-col-3 .teaser .teaser-inner,
#home #main .teaser-row.t-col-3 .teaser:first-child .teaser-inner,
#main .teaser-row.t-col-3 .orgainfo .teaser-inner,
#main .teaser-row.t-col-3 .events .teaser-inner,
#main .teaser-row.t-col-3 .latest .teaser-inner/*, Michael Simon A.A. [2014.08.12]: Es verschwanden Abstände und Teaser klatschten aneinander.
#home.faculty #main .teaser-row.t-col-3 .teaser .teaser-inner:last-child*/ {
	background-image: none;
	padding: 0;
}

#home #main .teaser-row.t-col-3 .latest .teaser-inner,
#home.faculty #main .teaser-row.t-col-3 .teaser:last-child .teaser-inner{
	background-image: url(../img/bgs/line-color-teaser.png);
	background-position: 0 0;
	background-repeat: repeat-y;
	padding: 0 0 0 27px
}
#main .teaser-row.t-col-3 .teaser.h-color-1 .teaser-inner,
#main .teaser-row.t-col-3 .teaser.h-color-2 .teaser-inner,
#main .teaser-row.t-col-3 .teaser.h-color-3 .teaser-inner,
#home.faculty #main .teaser-row.t-col-3 .teaser.h-color-2 .teaser-inner,
#home.faculty #main .teaser-row.t-col-3 .teaser.h-color-3 .teaser-inne {
	padding: 10px;
}
#main .teaser-row.t-col-3 .teaser.h-color-1:last-child .teaser-inner,
#main .teaser-row.t-col-3 .teaser.h-color-2:last-child .teaser-inner,
#main .teaser-row.t-col-3 .teaser.h-color-3:last-child .teaser-inner {
	padding: 10px 10px 10px 37px;
}
#home #main .teaser-row.t-col-3 .latest:first-child .teaser-inner {
	background-image: none;
	padding: 0;
}

/* Michael Simon A.A. [2014.08.19]: Hier wurde eine vertikale Linie vor den ersten Teaser einer Reihe gesetzt, was falsch war. */
#home.faculty #main .teaser-row.t-col-3 .teaser:last-child .teaser-inner,
#home.faculty #main .teaser-row.t-col-3 .orgainfo:last-child .teaser-inner,
#home.faculty #main .teaser-row.t-col-3 .events:last-child .teaser-inner,
#home.faculty #main .teaser-row.t-col-3 .latest:last-child .teaser-inner,
#home.faculty #main .teaser-row.t-col-3 .list-teaser-group:last-child .teaser-inner {
	background-image: url(../img/bgs/line-color-teaser.png);
	background-position: 0 0;
	background-repeat: repeat-y;
	padding: 0 0 0 27px;
}
#home.faculty #main .teaser-row.t-col-3 .teaser.h-color-1:last-child .teaser-inner,
#home.faculty #main .teaser-row.t-col-3 .teaser.h-color-2:last-child .teaser-inner,
#home.faculty #main .teaser-row.t-col-3 .teaser.h-color-3:last-child .teaser-inner {
	padding: 10px 10px 10px 10px;
	background-image: none;
}

.col #main .teaser-row.t-col-3 .latest {
	min-height: 0;
}
.col #main .teaser-row.t-col-3 .latest li.all {
	position: static;
	margin-top: 20px;
}
#main .teaser-row.t-col-3 .latest:first-child,
#main .teaser-row.t-col-3 .teaser:first-child {
	width: 100%;
	margin-bottom: 35px;
}
.col #main .teaser-row.t-col-3 .latest:first-child li {
	min-height: 0;
}


#main .teaser-row.t-col-3 .teaser:last-child .teaser-inner,
#main .teaser-row.t-col-3 .latest:last-child .teaser-inner,
#main .teaser-row.t-col-3 .orgainfo:last-child .teaser-inner,
#main .teaser-row.t-col-3 .events:last-child .teaser-inner {
	background-image: url(../img/bgs/line-color-teaser.png);
	background-position: 0 0;
	background-repeat: repeat-y;
	padding: 0 0 0 27px;
}
.col #main .teaser-row.t-col-3 .teaser.grid-2,
#home.faculty #main .teaser-row.t-col-3 .teaser,
.col #main .teaser-row.t-col-3 .teaser {
	width: 48.105%;
}


.col #main .teaser-row.t-col-3 .teaser.grid-2:last-child,
.col #main .teaser-row.t-col-3 .teaser:last-child,
#home.faculty #main .teaser-row.t-col-3 .teaser:last-child,
.col #main .teaser-row.t-col-3 .teaser:last-child {
	width: 51.895%;
}
#home #main .teaser-row.t-col-3 .teaser.h-color-1:last-child .teaser-inner,
#home #main .teaser-row.t-col-3 .teaser.h-color-2:last-child .teaser-inner,
#home #main .teaser-row.t-col-3 .teaser.h-color-3:last-child .teaser-inner {
	padding: 10px;
	background-image: none;
}



#main .teaser-row .latest,
#main .teaser-row .teaser {
	margin-bottom: 35px;
}
.startpage #main .teaser-row .teaser.grid-2.h-color-1 img,
.startpage #main .teaser-row .teaser.grid-2.h-color-2 img,
.startpage #main .teaser-row .teaser.grid-2.h-color-3 img {
	width: 100%;
	margin-bottom: 10px;
}
.startpage #main .teaser-row .teaser.grid-2.h-color-1 h2,
.startpage #main .teaser-row .teaser.grid-2.h-color-2 h2,
.startpage #main .teaser-row .teaser.grid-2.h-color-3 h2 {
	padding-left: 0;
	padding-top: 12px;
}
.startpage #main .teaser-row .latest,
.startpage #main .teaser-row .latest.news {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 30px;
}

.startpage #main .teaser-row .latest.news {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	border-left: none;
}

.startpage #main .teaser-row .latest.news h3,
.startpage #main .teaser-row .latest.news ul {
	margin: 0;
}

.startpage #main .teaser-row .latest.news li.all {
	left: 0;
}


/* Content Elements */
.article-metadata {
	margin: 0 0 20px 0;
}
.photo {
	width: 100%;
}
.box .ordered-list .ol-small {
	width: auto;
	margin-left: 0;
}
#main .ol-small,
#main .ul-small {
	width: auto;
	margin-left: 0;
}
#main .box-wrapper-mod .box {
	margin-left: 0;
}
img.landscape {
	width: 100%;
}
.contact-person .vcard .n .title,
.contact-person .vcard .n .honorific-prefix {
	font-size: 180%;
}
.contact-person #main .vcard .n p {
	font-size: 280%;
}
.contact-person .vcard img {
	float: none;
	margin: 0;
}
/* Michael Simon [2018.12.06]: Neuausrichtung der Telefonnummer auf Mitarbeiterseiten, damit sie Response immer mittig ist.
.contact-person #main .vcard .contact-box .tel dt {
	width: 16em;

}
*/
.contact-person #main .vcard .contact-box .fax dt {
	width: 4em;
}
#main .box .vcard img {
	float: none;
}
#main .listing p {
	padding-bottom: 20px;
}
.csscolumns .two-columne .photo {
	max-width: 100%;
}
.text-media-block .photo,
.text-media-block .ct-video {
	margin-left: 0;
}
.text .text-media-block {
	padding-left: 0;
}
.teaser-row .text-box ol,
.event-text-box ol,
.content-text-box ol {
	padding: 0;
}
#main .form-wrapper div div.form-item-m {
	margin-bottom: 20px;
}
#main .form-wrapper p.error span {
	font-size: 100%;
	margin-bottom: 20px;
}
#search-results #main .teaser-row.t-col-3 .tg-mod .teaser,
.nav-col #main .teaser-row.t-col-3 .teaser,
.single-page #main .teaser-row.t-col-3 .teaser {
	min-width: 0;
}
#search-results #main .teaser-row.t-col-3 .tg-mod .teaser:last-child,
.nav-col #main .teaser-row.t-col-3 .teaser:last-child,
.single-page #main .teaser-row.t-col-3 .teaser:last-child {
	min-width: 0;
}

#faculty-stage {
	display: block;
}

#faculty-stage #stage {
	display: block;
	max-width: 98em;

}
#faculty-stage #quick-access {
	display: block;
	min-height: 0;
}
#faculty-stage #stage .teaser-wrapper {
	margin-right: 0;
	margin-bottom: 20px;
}
#faculty-stage #stage .teaser-box {
	max-width: 100%;
}
#faculty-stage #stage .teaser-box-2 {
	max-width: 100%;
}

#faculty-stage #stage .teaser-box-2 h2 {
	position: relative;
	padding-right: 120px;
}
#faculty-stage #stage .teaser-box-2 em.more {
	position: absolute;
	bottom: 0;
	top: auto;
	right: 20px;
}
.pagination li {
	font-size: 120% !important;
}
.pagination .previous a, .pagination .next a, .pagination .previous span, .pagination .next span, .pagination .first a, .pagination .last a, .pagination .first span, .pagination .last span {
	width: 2.6em;
	height: 2.8em;
}
.pagination li a, .pagination li strong {
	width: auto;
}
#site-info-inner {
	display: table;
	width: 100%;
	word-spacing: -1em;
}
#site-info-inner * {
	word-spacing: 0;
}
#site-info div div {
	float: none;
	display: inline-block;
	vertical-align: top;
	width:44%;
	margin: 20px 6% 0 0;
}
#site-info div div:first-child,
#site-info div div.last-child {
	float: none;
	display: inline-block;
}
.timeline-slider, .media-player .media-controls .timeline-slider {
	width: 45%;
}
#main .teaser-row .teaser .col-1,
#main .teaser-row .teaser .col-2 {
	display: block;
	max-width: 100%;
	width: 100%;
	float: none;
	margin: 0;
	padding: 0 0 20px 0;
}
#main .teaser-row .teaser .col-1,
#main .teaser-row .teaser .col-2 {
	margin-right: 0;
}

#main .teaser-row .teaser .col-1 img,
#main .teaser-row .teaser .col-2 img,
#main .teaser-row .teaser.grid-2 .teaser-inner img,
#main .teaser-row .teaser.grid-3 .teaser-inner img,
#main .teaser-row .teaser.grid-3.teaser-special .teaser-inner img {
	width: 100%;
	float: none;
	margin: 0 0 10px 0;
}
#main .teaser-row .teaser .col-1 .staffmember-image-wrapper img,
#main .teaser-row .teaser .col-2 .staffmember-image-wrapper img,
#main .teaser-row .teaser.grid-2 .teaser-inner .staffmember-image-wrapper img,
#main .teaser-row .teaser.grid-3 .teaser-inner .staffmember-image-wrapper img,
#main .teaser-row .teaser.grid-3.teaser-special .teaser-inner .staffmember-image-wrapper img {
	margin: 0;
}
#main .teaser-row .teaser .col-1 .staffmember-image-wrapper,
#main .teaser-row .teaser .col-2 .staffmember-image-wrapper,
#main .teaser-row .teaser.grid-2 .teaser-inner .staffmember-image-wrapper,
#main .teaser-row .teaser.grid-3 .teaser-inner .staffmember-image-wrapper,
#main .teaser-row .teaser.grid-3.teaser-special .teaser-inner .staffmember-image-wrapper {
	width: 100%;
	float: none;
	margin: 0 0 10px 0;
}
#main .teaser-row .teaser.teaser-list.grid-2 .teaser-inner .col-1 .staffmember-image-wrapper {
	width: 100%; /* Michael Simon A.A. [2014.08.06]: Da wir in der styles.css eine feste Breite setzen, muessen wir diese hier wieder aufheben. */
}
#main .teaser-row .teaser-list.grid-2.h-color-1 img,
#main .teaser-row .teaser-list.grid-2.h-color-2 img,
#main .teaser-row .teaser-list.grid-2.h-color-3 img {
	padding: 0;
	width: 100%;
	margin: 0 0 10px 0;
}
#main .teaser-row .teaser-list .links {
	width: 100%;
}
.teaser-row .links-big ul:first-child li:last-child {
	border: none;
}
.teaser-row .links-big ul:first-child {
	padding-bottom: 5px;
}
.teaser-row .grid-2 .links,
.teaser-row .grid-3 .links {
	max-width: 100%;
	width: 100%;
	margin-top: 15px;
}
.teaser-row .links-big ul {
	/*width: 100%;
	float: none;
	margin: 0;
	padding: 0 0 20px 0;*/
}
#main .teaser-inner .staffmember-image-wrapper span.copyright.symbol {
	display: none;
}
#main .teaser-inner .staffmember-image-wrapper span.hidden-copyright {
	display: block;
	bottom: 0;
	transform: none;
}
#main .teaser-inner .staffmember-image-wrapper span.hidden-copyright::before {
	display: none;
}

#main .teaser-row .teaser-list.h-color-1 .teaser-inner .ts-box h2.mod,
#main .teaser-row .teaser-list.h-color-2 .teaser-inner .ts-box h2.mod,
#main .teaser-row .teaser-list.h-color-3 .teaser-inner .ts-box h2.mod,
#wrapper #main .teaser-row .teaser.grid-2.h-color-1 .ts-box h2.mod,
#wrapper #main .teaser-row .teaser.grid-3.h-color-1 .ts-box h2.mod,
#wrapper #main .teaser-row .teaser.grid-2.h-color-2 .ts-box h2.mod,
#wrapper #main .teaser-row .teaser.grid-3.h-color-2 .ts-box h2.mod,
#wrapper #main .teaser-row .teaser.grid-2.h-color-3 .ts-box h2.mod,
#wrapper #main .teaser-row .teaser.grid-3.h-color-3 .ts-box h2.mod {
	padding-top: 0;
	margin-top: -10px;
}

#main .teaser-row .teaser.h-color-1 .ts-box h2,
#main .teaser-row .teaser.h-color-2 .ts-box h2,
#main .teaser-row .teaser.h-color-3 .ts-box h2 {
	margin-top: 0;
}
#main .teaser-row .teaser.teaser-list.h-color-1 .ts-box h2,
#main .teaser-row .teaser.teaser-list.h-color-2 .ts-box h2,
#main .teaser-row .teaser.teaser-list.h-color-3 .ts-box h2 {
	margin-top: -10px !important;
}
#home.startpage #wrapper #main .teaser-row .teaser.grid-2.h-color-1:last-child .teaser-inner,
#home.startpage #wrapper #main .teaser-row .teaser.grid-2.h-color-2:last-child .teaser-inner,
#home.startpage #wrapper #main .teaser-row .teaser.grid-2.h-color-3:last-child .teaser-inner {
	padding: 10px 10px 10px 37px; /* Michael Simon A.A. [2014.08.04]: Da aus der Tablet CSS fuer die RWTH-Startseite entfernt muss es hier wieder hin. */
}
@media only screen and (max-width: 868px){
	#logo {
		float: none;
		clear: both;
		margin-top: 0;
	}
	#logo img {
		top: 0;
	}
	#branding-inner.banderol.animated-navi #logo a {
		top: 0;
	}
	#branding-inner.banderol.few-navi #logo img {
		margin-bottom: 20px;
	}
	.banderol.few-navi #nav-global .nav-global-toc ol {
		width: 100%;
	}
	.banderol.few-navi #nav-global .nav-global-toc li {
		clear: right;
		width: 100%;
		text-align: right;
	}
	.banderol.few-navi #nav-global .nav-global-toc li a {
		padding: 6px 20px;
	}
	#branding-inner.banderol.few-navi {
		min-height: 265px;
	}
	
	#branding-inner.banderol.more-navi #logo img {
		margin-bottom: 0;
	}
	#branding-inner {
		display: block;
	}

	#branding-inner.banderol.few-navi.no-main-logo #top-grid {
		left: 0;
	}
	
	#navigator h2 {
		left: 0 !important;
	}
	#logo-extension {
		display: block;
		margin-left: 0;
		padding-left: 0;
		margin-top: 30px;
		padding-top: 0;
		padding-bottom: 15px;
	}
	/*
	#branding-inner.banderol.few-navi #logo-extension,
	#branding-inner.banderol.more-navi #logo-extension {
		position: absolute;
		left: 200px;
		top: -18px;
		right: 3.5em;
		padding-right: 0;
		width: auto;
	}
	*/
	#branding-inner.banderol.animated-navi #logo-extension {
		margin-top: 0;
		min-height: 100px;
	}
	#search-box {
		position: absolute;
		top: -32px;
		right: 10px;

	}
	#nav-meta {
		position: absolute;
		margin-top: 0;
		top: 12px;
	}
	#branding #search-box input {
		background: #666 url(../img/icons/icon-sprites.png) 4px -1596px no-repeat;
		color: #fff;
		width: 170px;
	}
}
@media only screen and (max-width: 720px){


	#nav-global .menu .menu-list {
		display: inline-block;
		width: 50%;
		margin: 0 0 30px 0;
		padding: 0;
		vertical-align: top;
	}
	.nav-global-toc {
		padding: 0;
	}




	/* Navigator Fakultäten */
	#navigator .col-2 {
		width: 50%;
	}
	#navigator .col-3 {
		width: 50%;
	}
	#navigator .col-2 ul {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	#navigator .insitut-search form {
		float: none;
	}
	#navigator .insitut-search h3 {
		float: none;
	}
	#navigator .insitut-search input.button {
		right: auto;
		left: 180px;
	}

	/* Content Elements */

	/* Teaser */
	.faculty.nav-col #main .teaser-row .teaser .ct-video {
		float: none;
	}

	/* Michael Simon A.A. [2014.08.06]: Aenderungen, damit Videos nicht UEBER Kontaktboxen liegen bei Tablet-Portrait. */
	.ct-video {
/*		float: none;*/
		max-width: 100%;
/*		width: auto;*/
		width: 100%;
		margin: 5px 0 5px 0;
	}
	.media-element-box, .mm-video-box {
		width: 100% !important;
	}
	.video-showbox video,
	.video-showbox .media-player,
	.ct-video .media-player {
		float: none;
		max-width: 100%;
		width: 100%;
		margin: 0;
	}
	.teaser-row .grid-3 img {
		float: left;
		width: 100%;
		max-width: 100%;
		margin-right: 0;
		margin-top: 0;
	}
	.col #main .teaser-row .teaser.grid-3
		/*.col #main .teaser-row .teaser.grid-2*/ {
		width: 100%;
	}
}
@media only screen and (max-width: 767px){
	/* Hauptnavigation */
	.nav-global-toc li {
		font-size: 120%;
		font-weight: bold;
	}
	#branding-inner.banderol.few-navi .nav-global-toc li {
		font-size: 180%;
	}
	@media only screen and (max-width: 550px){
		#branding-inner.banderol.few-navi .nav-global-toc li {
			font-size: 120%;
		}
	}
	.nav-global-toc a,
	.nav-global-toc strong,
	.nav-global-toc a.js-selected,
	.nav-global-toc li a.on.js-selected,
	.nav-global-toc li a.open.js-selected,
	.nav-global-toc a.open {
		background-position: 100% -3166px;
		padding: 28px 26px 26px 20px;
	}
	.nav-global-toc li a.on {
		background: #00549F url(../img/icons/icon-sprites-3.png) 74% -5166px no-repeat;
	}
	/* Michael Simon C.C. [2015.07.02]: Klassen, damit Zitate auch zwangsweise auf verschiedene Groessen gebracht werden koennen. */
	#main blockquote,
	#main blockquote.Schmal,
	#main blockquote.Breit {
		float: none;
		margin-right: 0;
		width: auto;
	}
	#persona-search select {
		width: 224px;
	}
	#persona .persona-accordion {
		position: relative;
		background: #fff059
	}
	#persona .persona-toc {
		display: none;
		position: absolute;
		bottom: 12px;
		left: 2px;
	}
	#persona .persona-toc ol li {
		display: none;
	}
	#persona .persona-toc ol li#persona-search {
		display: block;
		float: none;
		padding: 0 15px 15px 0;
	}
	.persona-group {
		padding-bottom: 15px;
		background: #fff059;
		height: auto !important;
	}
	#persona h3 {
		display: block;
	}
	#persona h3 a {
		display: block;
		padding: 18px 15px 15px 70px;
		font-size: 150%;
		font-weight: normal;
		cursor: pointer;
		color: #000;
		background: #fff059 url(../img/icons/persona.png) 13px 13px no-repeat;
	}
	#persona h3 a.js-selected {
		cursor: pointer;
		text-decoration: none;
		background-color: #fffbd5;
	}
	#persona h3.item-2 a {
		background-position: 13px -1486px;
	}
	#persona h3.item-3 a {
		background-position: 13px -132px;
	}
	#persona h3.item-4 a {
		background-position: 13px -1336px;
	}
	#persona h3.item-5 a {
		background-position: 13px -285px;
	}
	#persona h3.item-6 a {
		background-position: 13px -1186px;
	}
	/* Michael Simon [2016.11.07]: Neue Icons fuer Zielgruppen. */
	#persona h3.item-7 a {
		background-position: 13px -586px;
	}
	#persona h3.item-8 a {
		background-position: 13px -886px;
	}
	#persona h3.item-9 a {
		background-position: 13px -436px;
	}
	#persona h3.item-10 a {
		background-position: 13px -736px;
	}
	/* Altes Icon: Eltern und Lehrkräfte
	#persona h3.item-11 a {
		background-position: 13px -1036px;
	}
	*/
	#persona ol li a:hover,
	#persona ol li a:active,
	#persona ol li a:focus,
	#persona ol li a.js-selected {
		cursor: pointer;
		text-decoration: none;
		background-color: #fffbd5;
	}
	#persona .persona-item {
		float: none;
		background: #FFFBD5;
	}
	/* Michael Simon A.A. [2014.09.04]: Pfeil wurde in hoeheren Aufloesungen nicht mehr angezeigt. Die Aenderungen dort, machen diese hier ueberfluessig.
	#persona-search .combobox span {
		top: 0;
		left: 0;
		right: auto;
	}
	*/
	#persona-search .combobox input {

	}


	.csscolumns .two-columne .text-block {
		width: 100%;
		-moz-column-count:1;
	}

	/* Teaser */

	#main .teaser-row .teaser,
	#main .teaser-row .orgainfo,
	#main .teaser-row .latest,
	#main .teaser-row .events,
	#main .teaser-row .list-teaser-group {
		display: block !important;
		width: 100% !important;
		margin-bottom: 35px !important;
	}
	#main .teaser-row .teaser .teaser-inner,
	#main .teaser-row .orgainfo .teaser-inner,
	#main .teaser-row .latest .teaser-inner,
	#main .teaser-row .events .teaser-inner,
	#main .teaser-row .list-teaser-group .teaser-inner {
		padding-left: 0 !important;
		background-image: none !important;
	}
	.division #main .teaser-row .orgainfo .teaser-inner {
		margin-left: 0 !important;
		background-image: none !important;
	}
	#main .teaser-row .orgainfo .teaser-inner {
		padding-left: 5px !important;
	}
	#main .teaser-row .teaser.h-color-1 .teaser-inner,
	#main .teaser-row .teaser.h-color-2 .teaser-inner,
	#main .teaser-row .teaser.h-color-3 .teaser-inner {
		padding: 10px !important;
		background-image: none !important;
	}
	#main .teaser-row .latest h2,
	#main .teaser-row .events h2{
		width: 100% !important;
		max-width: 80%;
	}

	#wrapper #main .teaser-row .teaser .teaser-inner,
	#wrapper #main .teaser-row .orgainfo .teaser-inner,
	#wrapper #main .teaser-row .latest .teaser-inner,
	#wrapper #main .teaser-row .events .teaser-inner {
		padding-left: 0;
		background-image: none;
	}
	#wrapper #main .teaser-row .teaser.h-color-1 .teaser-inner,
	#wrapper #main .teaser-row .teaser.h-color-2 .teaser-inner,
	#wrapper #main .teaser-row .teaser.h-color-3 .teaser-inner {
		padding: 10px !important;
	}

	.nav-col #main .teaser-row.t-col-3 .teaser.h-color-1:last-child .teaser-inner,
	.nav-col #main .teaser-row.t-col-3 .teaser.h-color-2:last-child .teaser-inner,
	.nav-col #main .teaser-row.t-col-3 .teaser.h-color-3:last-child .teaser-inner {
		padding: 10px;
	}

	#main .teaser-row .teaser.h-color-1 .teaser-inner,
	#main .teaser-row .teaser.h-color-2 .teaser-inner,
	#main .teaser-row .teaser.h-color-3 .teaser-inner {
		padding: 10px;
		background-image: none;
	}


	.teaser-row img {
		width: 100%;
	}
	.teaser-row .grid-3.teaser-special img {
		float: none;
		margin-right: 0;
		width: 100%;
	}
	.teaser-row .grid-3 .links {
		margin-top: 15px;
		width: 100%;
		max-width: 100%;
	}
	#main .teaser-row .teaser-special:first-child,
	#main .teaser-row .teaser-special {
		padding: 5px 0;
		margin: 0 0 20px 0;
	}
	#main .teaser-row .teaser-special:first-child .ts-box,
	#main .teaser-row .teaser-special .ts-box {
		border: 1px dotted #797979;
		margin: 10px;
	}
	#main .teaser-row .teaser-special .ts-box li:last-child {
		border: none;
	}
	.teaser-row .section-teaser {
		margin-bottom: 20px;
	}
	#main .teaser-row .teaser.grid-2.h-color-1 h2,
	#main .teaser-row .teaser.grid-2.h-color-2 h2,
	#main .teaser-row .teaser.grid-2.h-color-3 h2 {
		/* padding-top: 12px;*/
		padding-left: 0;
	}
	.col #main .teaser-row .teaser.grid-3,
	.col #main .teaser-row .teaser.grid-2:first-child,
	.col #main .teaser-row .teaser.grid-2 {
		/*width: 100%;*/
	}


}
@media only screen and (max-width: 700px){
	#main .ordered-list, #main .unordered-list {
		max-width: 100%;
		width: auto;
	}
	#main box.ordered-list, #main box.unordered-list {
		width: 100%;
		max-width: 100%;
		margin-right: 0;

	}
	#main .box-wrapper.dir-2 {
		float: none;
		width: 100%;
		max-width: 100%;
		clear: none;
		overflow: hidden;
	}
	#main .box-wrapper.dir-2 .box {
		margin-right: 0;
	}
}
@media only screen and (max-width: 568px){

	/* breadcrumb */
	.site-navigation-box {
		max-width: 96%;
		padding: 0 4%;
	}
	#breadcrumb {

	}



	/* Stage Startseite  */

	#stage .prev span,
	#stage .next span {
		top: 5em;
	}
	#faculty-stage #stage .teaser-box-2 h2 {
		font-size: 200%;
	}

	#faculty-stage #stage .teaser-wrapper h2 .more a {
		font-size: 60%;
	}

	/* Footer */
	#site-info div div h3 {
		font-size: 144%;
	}
	/*Forms*/
	#wrapper .form-wrapper div.button-wrapper input,
	#wrapper .form-wrapper div.button-wrapper input[type="submit"] { /* button */
		float: none;
		margin-bottom: 20px;
	}

	/* listing (for Events and Search Results) */
	#gallery-overview .listing li.odd,
	#gallery-overview .listing li {
		width: 100%;
	}
	/* Teaser */
	.teaser-row {
		margin: 0 0 10px;
	}
	.latest,
	.latest.news,
	#home #wrapper #main .teaser-row .teaser.grid-2.teaser,
	#home #wrapper #main .teaser-row .teaser.grid-2.h-color-1,
	#home #wrapper #main .teaser-row .teaser.grid-2.h-color-2,
	#home #wrapper #main .teaser-row .teaser.grid-2.h-color-3,
	#home #wrapper #main .teaser-row .teaser.grid-2.teaser:nth-child(3),
	#home #wrapper #main .teaser-row .teaser.grid-2.h-color-1:nth-child(3),
	#home #wrapper #main .teaser-row .teaser.grid-2.h-color-2:nth-child(3),
	#home #wrapper #main .teaser-row .teaser.grid-2.h-color-3:nth-child(3){
		width: 100%;
		border: none;
		padding-left: 0;
		margin-left: 0;
	}
	#home .latest.news h3,
	#home .latest.news ul {
		margin-right: 0;
		margin-left: 0;
	}
	#home .latest li.all {
		position: static;
	}
	.single-page #section-header h1 {
		font-size: 450%;
	}
}

@media only screen and (max-width: 530px){

	/* Teaser */
	#main .teaser-row .teaser-group .teaser.first,
	#main .teaser-row .teaser-group .teaser {
		float: none;
		width: 100%;
		padding: 0 0 10px 0;
		margin: 0;
	}
	#main .text .mb-middle.more-box ul li a.external {
		background-position: 0 -396px;
	}
	#main .text .mb-middle.more-box ul li a.internal {
		background-position: 0 4px;
	}
	#main .text .mb-middle.more-box ul li a.download {
		background-position: 0 -196px;
	}
}
@media only screen and (max-width: 520px){
	#branding #search-box input {
		width: 120px;
	}
}
@media only screen and (max-width: 488px){
	.js-on #navigator h2 a span {
		font-size: 110%;
		padding: 13px 35px 12px 20px;
	}
}

/* RWTH Startseiten CSS für die responsive Darstellung */
#home.col.startpage #wrapper #main .teaser-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.5rem 0;
}

#home.col.startpage #wrapper #main .teaser-row :is(.latest.news, .latest.events, .teaser) {
	box-sizing: border-box;
	width: 100%;
	margin: 0 !important;
	padding: 0;
	float: none !important;
}
#home.col.startpage #wrapper #main .teaser-row :is(.latest.news, .latest.events, .teaser):nth-child(2n+1) {
	padding-right: 0.75rem;
}
#home.col.startpage #wrapper #main .teaser-row :is(.latest.news, .latest.events, .teaser):nth-child(2n) {
	padding-left: 0.75rem;
}
#home.col.startpage #wrapper #main .teaser-row :is(.latest.news, .latest.events):nth-child(2n) {
	border-left: 1px solid #CCCCCC;
}

#home.col.startpage #wrapper #main .teaser-row :is(.latest.news, .latest.events, .teaser) .teaser-inner {
	background-image: none;
	margin: 0;
}
#home.col.startpage #wrapper #main .teaser-row :is(.latest.news, .latest.events) .teaser-inner {
	padding: 0;
}
#home.col.startpage #wrapper #main .teaser-row .teaser .teaser-inner {
	padding: 10px !important;
}
@media only screen and (max-width: 767px){
	#home.col.startpage #wrapper #main .teaser-row {
		grid-template-columns: 1fr;
	}
	
	#home.col.startpage #wrapper #main .teaser-row :is(.latest.news, .latest.events, .teaser):nth-child(2n),
	#home.col.startpage #wrapper #main .teaser-row :is(.latest.news, .latest.events, .teaser):nth-child(2n+1) {
		padding: 0;
		border-left-width: 0;
	}
}