/*
 Theme Name:   Fakultät Design
 Theme URI:    
 Description:  Child Theme des Themes "Illustratr"
 Author:       Tilman Zitzmann;
 Author URI:   http://Tilman.me
 Template:     illustratr
 Version:      1.0.0
 License:      
 License URI:  
 Tags:         
 Text Domain:  fakultaet-design

0045a0 dunkelblau -> Ohmrot c72426
3f8cd2 hellblau -> 

*/

@import "left-align.css";

/*--------------------------------------------------------------
Reset
--------------------------------------------------------------*/

::selection {
	background-color: #c72426;
	color: white;
}

::-moz-selection {
	background-color: #c72426;
	color: white;
}

/*--------------------------------------------------------------
Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
	color: #697685;
	font-family: "Source Sans Pro", sans-serif;
	font-weight: 300;
	line-height: 1.5;
	-webkit-font-smoothing: subpixel-antialiased;

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.25) {

	body,
	button,
	input,
	select,
	textarea {
		-webkit-font-smoothing: antialiased;
		font-weight: 400;
	}
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	margin-bottom: 20px;
	margin-top: 2em;
	color: #24282d;
	font-family: "Source Sans Pro", sans-serif;
	font-weight: 400;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
	margin-top: 0;
}

b,
strong {
	font-weight: 500;
	color: #000;
}

blockquote {
	font-family: "PT Serif", Georgia, serif;
	font-style: italic;
	font-size: inherit;
	border-left: none;
	-webkit-font-smoothing: antialiased;
}

figure {
	margin: 0 0 1em;
}

figure figcaption {
	font-size: 0.7em;
}

mark,
ins {
	background: #ff7c7e;
}

table {
	border-top: 1px solid #aaaaaa;
}

th,
td {
	border-bottom: 1px solid #aaaaaa;
}

/*--------------------------------------------------------------
Elements
--------------------------------------------------------------*/

hr {
	clear: both;
}

/*--------------------------------------------------------------
Forms
--------------------------------------------------------------*/

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	font-weight: 400;
}

button:hover,
button:focus,
button:active,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="button"]:active,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="reset"]:active,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active {
	background: #ff7c7e;
}

button:hover,
button:focus,
button:active,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="button"]:active,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="reset"]:active,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active {
	border-color: #ff7c7e;
}

label {
	font-weight: 400;
}

/* Search from */

/* Password protected posts from */

/* Widgets area form */

.widgets-area button:hover,
.widgets-area button:focus,
.widgets-area button:active,
.widgets-area input[type="button"]:hover,
.widgets-area input[type="button"]:focus,
.widgets-area input[type="button"]:active,
.widgets-area input[type="reset"]:hover,
.widgets-area input[type="reset"]:focus,
.widgets-area input[type="reset"]:active,
.widgets-area input[type="submit"]:hover,
.widgets-area input[type="submit"]:focus,
.widgets-area input[type="submit"]:active {
	color: #ff7c7e;
}

/*--------------------------------------------------------------
Navigation
--------------------------------------------------------------*/

/* Links */

a {
	color: #c72426;
}

a:hover,
a:focus,
a:active {
	color: #ff7c7e;
}




/* Navigation */

.main-navigation ul li a {
	color: #333333;
}

.main-navigation ul li a:hover,
.main-navigation ul li a:focus,
.main-navigation ul li a:active {
	color: #ff7c7e;
}

/*  Pagination */

.site-main .comment-navigation::before,
.site-main .paging-navigation::before,
.site-main .post-navigation::before {
	content: none;
}

.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
	padding-top: 0;
}

.site-main .comment-navigation a,
.site-main .paging-navigation a,
.site-main .post-navigation a {
	padding-bottom: 0;
	border-bottom: 0;
	color: #c72426;
	display: block;
	font-size: 1em;
	text-transform: uppercase;
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;
}

.site-main .comment-navigation a:hover,
.site-main .comment-navigation a:focus,
.site-main .comment-navigation a:active,
.site-main .paging-navigation a:hover,
.site-main .paging-navigation a:focus,
.site-main .paging-navigation a:active,
.site-main .post-navigation a:hover,
.site-main .post-navigation a:focus,
.site-main .post-navigation a:active {
	color: #ff7c7e;
}

.site-main .comment-navigation .nav-previous a,
.site-main .paging-navigation .nav-previous a,
.site-main .post-navigation .nav-previous a {
	padding-left: 3em;
	padding-right: 1em;
}

.site-main .comment-navigation .nav-next a,
.site-main .paging-navigation .nav-next a,
.site-main .post-navigation .nav-next a {
	padding-right: 3em;
	padding-left: 1em;
}

.site-main .comment-navigation .nav-previous a::before,
.site-main .comment-navigation .nav-next a::before,
.site-main .paging-navigation .nav-previous a::before,
.site-main .paging-navigation .nav-next a::before,
.site-main .post-navigation .nav-previous a::before,
.site-main .post-navigation .nav-next a::before {
	font-family: 'Genericons';
	font-size: 2.5em;
	line-height: 0.9em;
	border: 1px solid #c72426;
	border-radius: 50%;
	width: 1em;
	height: 1em;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.site-main .comment-navigation .nav-previous a::before,
.site-main .paging-navigation .nav-previous a::before,
.site-main .post-navigation .nav-previous a::before {
	left: 0;
	content: '\f430';
}

.site-main .comment-navigation .nav-next a::before,
.site-main .paging-navigation .nav-next a::before,
.site-main .post-navigation .nav-next a::before {
	right: 0;
	content: '\f429';
}

/*--------------------------------------------------------------
Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers */

/*--------------------------------------------------------------
Alignments
--------------------------------------------------------------*/

.alignleft {
	float: left;
	margin: 0.45em 2em 1em 0;
}

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

	/* If the viewport is too narrow for the aligned element and the text, push the text below. This works best for aligned elements with 300px width. */
	.alignleft {
		margin-right: 100%;
	}
}

@media screen and (min-width: 1220px) {
	.alignleft {
		margin-left: -130px;
	}

	.alignleft + .alignleft {
		margin-left: 0;
	}
}

.alignright {
	display: inline;
	float: right;
	margin: 0.45em 0 1em 2em;
}

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

	/* If the viewport is too narrow for the aligned element and the text, push the text below. This works best for aligned elements with 300px width. */
	.alignright {
		margin-left: 100%;
	}
}

@media screen and (min-width: 1220px) {
	.alignright {
		margin-right: -130px;
	}

	.alignright + .alignright {
		margin-right: 0;
	}
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/*--------------------------------------------------------------
Clearings
--------------------------------------------------------------*/

.float-clear {
	clear: both;
}

/*--------------------------------------------------------------
Layout
--------------------------------------------------------------*/

body {
	padding: 10px 10px 0 10px;
	background: #eeeeee;
}

@media screen and (min-width: 960px) {

	body.body-borders:before,
	body.body-borders:after {
		height: 10px;
	}
}

#page {
	position: relative;
}

/* Blocks */

/* Spinner */

.css-transform #spinner {
	background: #ff7c7e;
}

/* Header */

.site-header {
	padding: 0 0 80px 0;
}

@media screen and (max-width: 767px) {
	.site-header {
		padding: 14px 0 40px 0;
	}
}

.site-branding #logolink img {
	width: 160px;
}

.site-branding #logolink {
	margin-bottom: 60px;
	display: inline-block;
	padding-top: 10px;
	margin-right: 10px;
}

@media screen and (max-width: 767px) {
	.site-branding #logolink img {
		width: 180px;
	}

	.site-branding #logolink {
		margin-bottom: 30px;
	}
}

.site-title {
	font-weight: 200;
}

.site-branding h2 {
	margin-bottom: 0px;
}

.site-branding h2 a:hover {
	color: #ff7c7e;
}

.site-title {
	margin-bottom: 8px;
}

@media screen and (max-width: 767px) {
	.site-title {}
}

.site-description {
	color: #000;
	font-family: "Source Sans Pro", sans-serif;
	font-size: 0.73em;
	line-height: 1.5;
	font-weight: 400;
	font-style: normal;
	text-transform: uppercase;
	position: relative;
}

.site-description::before {
	font-family: 'Genericons';
	content: "\f430";
	position: absolute;
	right: 100%;
	font-size: 1.6em;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #bbbbbb;
	/*-webkit-transform: rotateZ(45deg);*/
}

@media screen and (max-width: 767px) {
	.site-header .site-description {
		margin-bottom: 6px;
	}
}

/* Primary */

/* Secondary */

#secondary.hover:after {
	border-bottom-color: #ff7c7e;
	/* hover color of the widget trigger triangle */
}

#secondary::after {
	content: none;
	/* Ausklapp-Dreieck ausblenden */
}

.widgets-wrapper {
	display: block;
}

.widgets-area .widget {
	opacity: 1;
}

.widgets-trigger {
	/*display: none;*/
}

.widgets-trigger:before {
	/*content: none;*/
}

/* Footer */

.site-info {
	font-size: 0.8em;
	width: 100%;
	color: #ccc;
}

/*--------------------------------------------------------------
Menu
--------------------------------------------------------------*/

.main-navigation {
	font-weight: 400;
}

.main-navigation ul li a:hover,
.main-navigation ul li a:focus,
.main-navigation ul li a:active {
	color: #ff7c7e;
}

.main-navigation ul .current_page_item > a,
.main-navigation ul .current-menu-item > a {
	color: #000;
	font-weight: 600 !important;

}

.main-navigation.toggled .menu-toggle {
	background-color: #c72426;
	color: white;
}

@media screen and (min-width: 960px) {
	.main-navigation ul ul {
		left: -10px;
		margin-left: 0;
	}
}

.main-navigation ul .genericon.genericon-collapse {
	background: #c72426;
	color: white;
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a:focus,
.main-navigation ul ul a:active {
	color: #ff7c7e;
}

.menu-social li a:hover,
.menu-social li a:focus,
.menu-social li a:active {
	border-color: #ff7c7e;
}

.menu-social li a:hover,
.menu-social li a:focus,
.menu-social li a:active {
	color: #ff7c7e;
}

.main-navigation.toggled > div > ul {
	display: block;
	margin-bottom: -1px;
}

@media screen and (min-width: 768px) and (max-width: 959px) {
	.main-navigation {
		width: 648px;
		min-height: 40px;
	}
}

/*--------------------------------------------------------------
Fakultät Design: Zusätzliche netzwerk-übergreifende Navigation
--------------------------------------------------------------*/

.network-wide-navigation {
	display: inline-block;
	width: auto;
	vertical-align: top;
	margin-bottom: 60px;
	margin-top: 24px;
	float: right;
}

.network-wide-navigation ul li {
	margin: 0 12px;
}

.network-wide-navigation {
	/*letter-spacing: -0.02em;*/
}

ul.network-wide-menu li a:link,
ul.network-wide-menu li a:visited {
	font-weight: 300;
	color: #c72426;
}

@media screen and (min-width: 960px) {
	ul.network-wide-menu {
		position: absolute;
		top: 30px;
		width: 840px;
		text-align: right;
	}
}

@media screen and (min-width: 1220px) {
	ul.network-wide-menu {
		width: 1100px;
	}
}

.main-navigation h1.menu-toggle {
	line-height: 40px;
	width: auto;
	padding: 0 10px;
	font-weight: 200;
	font-size: inherit;
}

.main-navigation h1.menu-toggle .genericon-menu {
	margin-right: 6px;
}

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

	.main-navigation ul,
	.main-navigation ul ul {
		margin: 0 0 0 30px;
	}
}

.main-navigation > div > ul.navigation-category {
	color: #000;
	margin: 0;

}

.main-navigation > div > ul.network-wide.navigation-category {
	color: #c72426;
	min-height: 40px;
}

@media screen and (min-width: 960px) {

	.main-navigation.toggled > div > ul.navigation-category,
	.main-navigation > div > ul.navigation-category {
		display: none;
	}
}





/* Animation */

/*--------------------------------------------------------------
Social
--------------------------------------------------------------*/

/*--------------------------------------------------------------
Widgets
--------------------------------------------------------------*/

.widget-title,
.widgettitle {
	font-weight: 400;
}

.widgets-area a:hover,
.widgets-area a:focus,
.widgets-area a:active {
	color: #fff;
}

.widgettitle a:active {
	color: #ff7c7e;
}

.widgets-area a:hover,
.widgets-area a:focus,
.widgets-area a:active {
	color: #ff7c7e;
}

.widget_tag_cloud a:hover,
.widget_tag_cloud a:focus,
.widget_tag_cloud a:active {
	color: #ff7c7e;
}

.widgets-area a {
	text-decoration: none;
}

.widgets-area a:hover,
.widgets-area a:focus,
.widgets-area a:active {
	color: #ff7c7e;
}

.page-content .widget_tag_cloud a:hover,
.page-content .widget_tag_cloud a:focus,
.page-content .widget_tag_cloud a:active {
	background: #ff7c7e;
}

/* Blog Subscriptions */

/* Calendar */

/* Display WordPress Posts */

/* Facebook Like Box */

/* Gallery */

/* Gravatar Profile */

.widget-grofile .grofile-meta h4 {
	font-weight: 400;
}

/* Image */

/* Lists */

/* List Layout & Grid Layout */

/* RSS */

/* RSS Links */

/* Search */

/* Select */

/* Send to Readmill */

/* Table */

/* Tag Cloud */

/* Twitter Timeline */

/*--------------------------------------------------------------
Content
--------------------------------------------------------------*/

/* Textlinks für Fakultät Design, haben wir alle Tags erwischt? */

.site-content p a,
.site-content blockquote a,
.site-content pre a {
	text-decoration: none;
	border-bottom: 1px solid #c72426;
}

.site-content p a:hover,
.site-content blockquote a:hover,
.site-content pre a:hover {
	border-bottom: 1px solid #ff7c7e;
}

.site-content a {}

.page-header + .hentry:before,
.hentry + .hentry:before {
	background: #dddddd;
}

.page-content h3,
.entry-content h3,
.entry-summary h3 {
	padding-top: 2em;
	margin-top: 0;
}

.page-content h4,
.entry-content h4,
.entry-summary h4 {
	padding-top: 2em;
	margin-top: 0;
}

.page-content h5,
.entry-content h5,
.entry-summary h5 {
	padding-top: 2em;
	margin-top: 0;
}

.page-content p,
.entry-content p,
.entry-summary p {
	margin-bottom: 0.72em;
}

/* Taxonomy description */

/*.taxonomy-description {
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	font-style: inherit;
}*/

.taxonomy-description p {
	display: inline;
}

.taxonomy-description p br {
	display: none;
}

/* Entry thumbnail */

.entry-thumbnail a {
	background: #ff7c7e;
}

.entry-thumbnail a:before {
	background: #ff7c7e;
}

/* Entry gallery */

/* Entry header */

/* Changing the seperator line from .page/entry-header to .page/entry-title, so it does not appear when title is blank */

.page-header:after,
.entry-header:after {
	content: none;
}

.page-title:after,
.entry-title:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	margin-left: 0;
	width: 100px;
	height: 1px;
	background: #333333;
}

.featured-post,
.cat-links {
	font-size: inherit;
}

.portfolio-wrapper .page-title:after,
.portfolio-wrapper .entry-title:after {
	content: none;
}

.page-title,
.entry-title {
	font-weight: 400;
}

.page-title a:hover,
.page-title a:focus,
.page-title a:active,
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
	color: #ff7c7e;
}

/* Entry avatar */

/* Entry meta */

.entry-meta,
.entry-meta .cat-links {
	color: #aaa;
}

.entry-meta:before {
	top: 0;
	left: 0;
	margin-left: 0;
	width: 100px;
	height: 1px;
	background: #ddd;
}

/* More link */

.more-link-wrapper {}

.more-link-wrapper .more-link {
	padding-bottom: inherit;
	border-bottom: 1px solid #c72426;
	color: #c72426;
}

.more-link-wrapper .more-link:hover,
.more-link-wrapper .more-link:focus,
.more-link-wrapper .more-link:active {
	border-bottom: 1px solid #ff7c7e;
	color: #ff7c7e;
}

.more-link-wrapper .more-link::after {
	content: "»";
}

.meta-nav {
	display: none;
}


/* Page links */

.page-links .page-link {
	background: #ff7c7e;
	border: 1px solid #ff7c7e;
}

/* Error 404 */

/*--------------------------------------------------------------
Post Formats
--------------------------------------------------------------*/

/*--------------------------------------------------------------
Portfolio
--------------------------------------------------------------*/

/* Portfolio title */

.portfolio-title {
	text-transform: uppercase;
	color: black;
	font-size: 0.73em;
	color: #697685;
}

/* Portfolio content */

.portfolio-content {
	margin-top: 60px;
}

/* Portfolio wrapper */

.portfolio-wrapper {
	padding-top: 20px;
}

.portfolio-wrapper .portfolio-entry {
	padding-bottom: 60px;
}

/* Portfolio shortcode */

/* Portfolio thumbnail */

.portfolio-thumbnail {
	margin-bottom: 14px;
}

.portfolio-thumbnail a {
	background: #ff7c7e;
}

.portfolio-thumbnail a:before {
	background: #ff7c7e;
}

.portfolio-thumbnail img {
	/*box-shadow: 0px 0px 0px 1px #ddd;*/
}

/* Portfolio header */

.site-main .portfolio-entry-title {
	font-weight: 400;
}

.site-main .portfolio-entry-title a:hover,
.site-main .portfolio-entry-title a:focus,
.site-main .portfolio-entry-title a:active {
	color: #ff7c7e;
}

.site-main .portfolio-entry-content:not(:empty):before {
	height: 1px;
}

.site-main .portfolio-entry-meta {
	padding-top: 10px;
	display: block;
	line-height: 1.5;
}

/* Portfolio entry */

/*--------------------------------------------------------------
Comments
--------------------------------------------------------------*/

/* Comments title */

.comments-title,
.comment-reply-title {
	font-weight: 400;
}

.comments-title a:hover,
.comments-title a:focus,
.comments-title a:active,
.comment-reply-title a:hover,
.comment-reply-title a:focus,
.comment-reply-title a:active {
	color: #ff7c7e;
}

.comment-reply-title:after {
	height: 1px;
}

/* Comment list */

/* Comment author */

/* Comment meta */

.comment-meta .fn {
	font-weight: 400;
}

/* Comment content */

/* Comment form */

.required {
	color: #ff7c7e;
}

/* No comments */

/*--------------------------------------------------------------
Media
--------------------------------------------------------------*/

/* Image Captions */

/* Galleries */

.gallery-icon a {
	background: #ff7c7e;
}

.gallery-icon a:before {
	background: #ff7c7e;
}

/* Gallery Columns */

/* Iframes */

/* Audio */

.mejs-container .mejs-controls .mejs-time-rail .mejs-time-current {
	background: #ff7c7e;
}

.mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	background: #ff7c7e;
}

.mejs-container .mejs-controls .mejs-button button:focus {
	outline-color: #ff7c7e;
}

/*--------------------------------------------------------------
Jetpack
--------------------------------------------------------------*/

/* Contact form */

.site-main .contact-form label span {
	color: #ff7c7e;
}

/* Sharedaddy */

/* Infinite Scroll */

#infinite-handle span:hover,
#infinite-handle span:focus,
#infinite-handle span:active {
	color: #ff7c7e;
}


/*--------------------------------------------------------------
Fakultät Design Stile für Spezialfälle
--------------------------------------------------------------*/

/* Module auf der Startseite */

ul.module {
	padding: 0;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: column wrap;
	flex-flow: column wrap;
	-webkit-align-content: stretch;
	align-content: stretch;
	height: 4.8em;
}

.site-content ul.module li:before {
	content: none;
}

.site-content ul.module li {
	font-size: 0.8em;
	height: 1.3em;
	padding: 0;
}

.site-content ul.module li a:link {
	text-decoration: none;
	display: block;
	font-weight: 400;
}

.site-content ul.module li a:hover {
	color: #ff7c7e;
}

@media screen and (max-width: 960px) {}

@media screen and (max-width: 767px) {
	.site-content ul.module {
		height: auto;
	}

	.site-content ul.module li {
		width: 100%;
	}
}

/*	Falls ein weisses Bild auf dem weissen Hintergrund liegt, kann es mit dieser Klasse eine graue Outline bekommen */
img.white-on-white,
.white-on-white img,
.elementor .white-on-white {
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3);
}

/*--------------------------------------------------------------
Elementor Layout
--------------------------------------------------------------*/

.elementor-section-full_width {
	width: auto;
	margin-left: -140px;
	margin-right: -140px;
}

body.home.page div.elementor-text-editor:after,
body.home.page div.elementor-text-editor.elementor-clearfix:after {
	content: "" !important;
	display: block;
	width: 100px;
	border-bottom: 1px solid #ddd;
	margin: 20px 0 20px 0;
}

body.home div.elementor-text-editor a {
	color: inherit;
	border-bottom: none;
}

body.home div.elementor-text-editor a:hover {
	color: inherit;
	border-bottom: none;
}

.elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-column-wrap.elementor-element-populated {
	padding: 10px;
}

.elementor-noline .elementor-text-editor:after,
.elementor-text-editor.elementor-clearfix:after {
	content: none !important;
}

.elementor-text-editor h1:first-child,
.elementor-text-editor h2:first-child,
.elementor-text-editor h3:first-child,
.elementor-text-editor h4:first-child {
	padding-top: 0;
	margin-bottom: 0.2em;
}

.site-content .elementor-edit-mode .elementor-element-overlay ul li:before {
	/* Striche im Elementor Editor weg, die wegen dem Styling der Listenpunkt kommen */
	content: none;
}

@media screen and (max-width: 1100px) {
	.elementor-section-full_width {
		margin-left: 0;
		margin-right: 0;
	}
}

@media screen and (min-width: 1220px) {
	.elementor .alignleft {
		margin-left: inherit;
	}

	.elementor .alignright {
		margin-right: inherit;
	}
}

/* Background image */

img.background-image {
	margin-left: -20%;
	margin-right: -20%;
	margin-top: -100px;
	width: 1600px;
	border: 1px solid #333;
}


/*--------------------------------------------------------------
blog kurzfassung (shortcode)
--------------------------------------------------------------*/

.blog-kurzfassung {
	overflow: auto;
}

.blog-kurzfassung article {
	width: 48%;
	margin-right: 0;
	margin-bottom: 1em;
	float: left;
	overflow: visible;
	height: 152px;
	´
}

.blog-kurzfassung article {
	font-size: 0.8em;
}

.blog-kurzfassung article:nth-child(2n+1) {
	margin-right: 4%;
	clear: left;
}

@media screen and (max-width: 960px) {
	.blog-kurzfassung article {
		width: 100%;
		margin-right: 0;
		float: none;
	}

	.blog-kurzfassung article:nth-child(2n+1) {
		margin-right: 0;
	}
}

.blog-kurzfassung .entry-meta::before {
	content: none;
}

.blog-kurzfassung .entry-meta {
	margin-top: 0;
	padding-top: 0;
	width: 100%;
}

.blog-kurzfassung .wp-post-image {
	position: absolute;
	width: 140px;
	margin-top: 4px;
	/*outline: 1px solid #ddd;*/
}

.blog-kurzfassung header {
	padding-left: 154px;
}

.blog-kurzfassung .entry-title:after {
	content: none;
}

/*--------------------------------------------------------------
Teaser Liste
--------------------------------------------------------------*/

.teaser-list {
	margin-top: 4em;
	margin-bottom: 4em;
	overflow: hidden;
}

.teaser-list article {
	width: 400px;
	float: left;
	margin-bottom: 2em;
}

.teaser-list img {
	width: 100%;
	display: block;
}

.teaser-list article h1 {
	text-transform: none;
	font-size: 0.8em;
	font-weight: 300;
	line-height: 1.3;
	margin-top: 0.5em;
}

.teaser-list article:nth-child(2n+1) {
	margin-right: 40px;
	clear: left;
}

@media screen and (max-width: 960px) {
	.teaser-list article {
		width: 100%;
		margin-right: 0;
		float: none;
	}

	.teaser-list article:nth-child(2n+1) {
		margin-right: 0;
	}
}



/* Browser Update Warnung Balken oben */

.buorg a {
	color: #c72426 !important;
}

/*--------------------------------------------------------------
Fakultät Design Stile für Editor (MCE)
--------------------------------------------------------------*/

.site-content ul,
.site-content ol {
	list-style: none;
	padding: 0;
	margin: 0;
}

.site-content ol {
	list-style: none;
	counter-reset: item;
}

.site-content li {
	padding-left: 2em;
}

.site-content ul li:before {
	content: "—";
	position: absolute;
	left: 0em;
}

.site-content ol li:before {
	content: counter(item) ". ";
	counter-increment: item;
	position: absolute;
	left: 0em;
}

.site-content small {
	font-size: 70%;
	display: block;
	line-height: 1.5;
	margin-bottom: -0.28em;
}

.site-content .mce_big {
	display: block;
	width: 100%;
	font-size: 200%;
	font-weight: 200;
	text-align: center;
}

.site-content .mce_highlighted {
	color: #c72426;
}

.site-content .mce_boxed {
	padding: 20px;
	background-color: #eceff2;
	margin-bottom: 20px;
	clear: both;
}

.site-content .mce_boxed *:first-child {
	margin-top: 0;
}

.site-content .mce_boxed *:last-child {
	margin-bottom: 0;
}

.site-content .mce_button a:link {
	display: inline-block;
	padding: 5px 20px;
	border-radius: 4px;
	margin-bottom: 20px;
	border: 1px solid #c72426;
	color: #c72426;
}

.site-content .mce_button a:hover,
.site-content .mce_button a:active {
	color: #ff7c7e;
	border: 1px solid #ff7c7e;
}

.site-content .mce_button *:last-child {
	margin: 0;
}

.site-content .mce_motto {
	padding-left: 50%;
	text-transform: uppercase;
	font-size: 0.9em;
}

@media screen and (max-width: 600px) {
	.site-content .mce_motto {
		padding-left: 33%;
	}
}

/* Blocks */
.wp-block-media-text {
	margin-bottom: 1em;
}

/* Benannte Anker (um mit "#"-URLs auf bestimmte Punkte in einer Seite zu springen) werden hier nach oben verschoben, damit keine Inhalte des angesprungenen Ziels vom grauen Rand oder von der Wordpress-Bar abgeschnitten wird */

.site-content a[id]:not([href]),
.site-content a[name]:not([href]) {
	display: block;
	position: relative;
	top: -2em;
}

/*--------------------------------------------------------------
Fakultät Design Video Embeds mit video-embed-privacy Plug-in
überschreibt plugins/video-embed-privacy/video-embed-privacy.css
--------------------------------------------------------------*/

.video-wrapped {
	max-width: none;
	margin: auto;
	width: 100% !important;
	height: auto !important;
}

/*--------------------------------------------------------------
Startseite V2
--------------------------------------------------------------*/

:root {
	--columnwidth: 120px;
	--gutter: 10px;
}

body.page-template-startseite #page {
	padding: 0;
}
.startseite {
	width: 100%;
	padding: 0;
}
.startseite .packery {
	width: 100%;
}
.startseite .site-main {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
}
.startseite .post {
	width: calc( 2 * var(--columnwidth));
	max-width: 100%;
	box-sizing: border-box;
/*	border: 1px solid red;*/
	padding: var(--gutter);
	padding-bottom: calc( var(--gutter) + 50px );
	font-size: 0.7em;
}
.startseite .post img {
	width: 100%;
	display: block;
	margin-bottom: 8px;
/*	box-shadow: 0px 0px 1px black;*/
}
.startseite .page-header + .hentry, .startseite .hentry + .hentry {
	margin: 0;
}
.hentry + .hentry:before {
	content: none;
}
.startseite .post a,
.startseite .post {
	color: #333;
}
.startseite .post a{
	text-decoration: none;
	border: none;
	margin: 0;
	padding: 0;
	color: #333;
}
.startseite .post a strong {
	font-weight: bold;
}
.startseite .post a:hover {
	border-bottom: 1px solid black;
}
.startseite .post p {
	margin: 0;
}

.startseite .post.category-weisses-beitragsbild img { box-shadow: 0px 0px 1px black; }

.startseite .post.category-tile-2 { width: calc( 2 * var(--columnwidth) ); }
.startseite .post.category-tile-3 { width: calc( 3 * var(--columnwidth) ); }
.startseite .post.category-tile-4 { width: calc( 4 * var(--columnwidth) ); }
.startseite .post.category-tile-5 { width: calc( 5 * var(--columnwidth) ); }
.startseite .post.category-tile-6 { width: calc( 6 * var(--columnwidth) ); }

.startseite .post.category-tile-2:nth-child(4n) { margin-right: var(--columnwidth);}
.startseite .post.category-tile:nth-child(3n) { margin-bottom: var(--columnwidth); }
.startseite .post.category-tile:nth-child(4n) { margin-right: var(--columnwidth); }
.startseite .post.category-tile:nth-child(4n+2) { margin-left: var(--columnwidth); }

@media screen and (max-width: 960px) {
	.startseite .post.category-tile-2:nth-child(4n),
	.startseite .post.category-tile:nth-child(3n),
	.startseite .post.category-tile:nth-child(4n),
	.startseite .post.category-tile:nth-child(4n+2) { margin: 0; }
}

.startseite .post.category-tile-type-m { font-size: 1em; }
.startseite .post.category-tile-type-l { font-size: 1.5em; }

.startseite .post .post-edit-link {
	color: #000;
	background-color: #fff;
	position: absolute;
	right: 10px;
	top: 10px;
	padding: 0 8px;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	font-size: 20px;
	line-height: 1.6;
	opacity: 0.2;
}
.startseite .post .post-edit-link::before { content: "\270E"; }
.startseite .post .post-edit-link:hover { opacity: 1; }
.startseite .post a.post-edit-link:hover { border: 0; }

.startseite .paging-navigation {
	width: 100%;
}