@charset "UTF-8";

@media all {
	html, body {
		font-weight: 300; /* Standard ist Roboto Light */
	}

	/* Materialize Sticky Footer (nicht im IE) */
	body {
		display: flex;
		min-height: 100vh;
		flex-direction: column;
	}
	main {
		flex: 1 0 auto;
		margin-bottom: -20px;
	}

	/* Materialize überschreiben */
	footer.page-footer {
		margin-top: 0;
		padding-top: 0;
		padding-bottom: 24px;
	}
	:not(.ego-parallax) nav .row {
		margin-bottom: 0;
	}
	.ego-parallax nav > .row > .col:nth-of-type(2) {
		margin-top: 140px;
	}
	.ego-parallax nav > .row > .col:last-of-type {
		margin-top: 70px;
		margin-bottom: 120px;
	}
	#sidenav-overlay {
		z-index: 1;
	}
	.brand-logo img {
		display: inline-block !important;
		position: relative;
	}
	.nav-wrapper {
		margin-top: 24px;
		margin-bottom: 12px;
	}
	.nav-list {
		margin-top: 12px;
	}
	.row.contents:not(:last-of-type) .col {
		margin-bottom: 60px;
	}
	.button-collapse {
		margin-top: 8px;
	}

	/* Style Erweiterungen */
	.content-container a {
		color: #fb8c00;
	}
	.content-container a:hover {
		text-decoration: underline;
	}
	.nav-container {
		position: relative;
		z-index: 2;
		box-shadow: none;
		height: auto;
	}
	.uppercase {
		text-transform: uppercase;
	}
	.comment {
		font-style: italic;
	}
	.comment:before {
		content: '\201e';
	}
	.comment:after {
		content: '\201c';
	}
	.author {
		margin-bottom: 50px;
	}
	.grayscale {
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
	}
	.newsletter_back {
		display: none;
	}
	.anchor {
		font-size: 0;
		line-height: 0;
	}
	.intro {
		line-height: 1.5 !important;
	}

	/* Überschriften */
	.bubble h2 {
		margin-top: 60px;
		margin-bottom: 60px;
	}
	.bubble .container {
		position: relative;
		border-color: transparent;
	}
	.bubble .container:after {
		content: '';
		top: 100%;
		left: 0;
		border: solid transparent;
		width: 0;
		height: 0;
		position: absolute;
		pointer-events: none;
		border-right-color: inherit;
		border-width: 40px;
		margin-left: -40px;
		margin-top: 20px;
		transform: rotate(45deg);
	}
	.bubble + :not(.bubble):not(.slider-container) {
		padding-top: 94px; /* padding +26px von p */
		padding-bottom: 94px; /* padding +26px von p */
	}

	/* Formulare */
	form.newsletter,
	form.contact {
		margin-bottom: 32px;
	}
	form input[required="required"] + label:before,
	form select[required="required"] + label:before,
	form textarea[required="required"] + label:before {
		content: "*";
		position: absolute;
		right: 0;
		top: 0;
		margin-right: -16px;
		color: inherit;
		font-size: inherit;
	}
	form button[type="submit"],
	form.contact .contact {
		margin-top: 32px;
	}
	form.contact label {
		padding-left: 16px;
	}
	form.contact label.active {
		padding-left: 0;
	}

	/* Editor Anpassungen */
	.mce-menu-item .mce-text {
		color: #000000 !important;
	}
	.mceContentBody strong {
		font-weight: bold;
	}

	/* bxSlider überschreiben */
	.bx-wrapper {
		padding-top: 94px; /* padding +26px von p */
	}
	.bx-wrapper .bx-viewport {
		background: transparent !important;
		border: none !important;
		box-shadow: none !important;
	}
	.bx-wrapper .bxslider {
		margin: 0 !important;
	}
	.bx-wrapper .bx-pager.bx-default-pager a {
		background: rgba(255, 255, 255, 0.25) !important;
	}
	.bx-wrapper .bx-pager.bx-default-pager a.active,
	.bx-wrapper .bx-pager.bx-default-pager a:hover {
		background: #ffffff !important;
	}
	.bx-controls {
		margin-bottom: 140px; /* inkl. 20px Höhe von .bx-pager */
	}

	/* Styles für den Editor */
	.headline-chat,
	.headline-videocam,
	.headline-cast_connected,
	.headline-feedback,
	.headline-play_circle_filled,
	.headline-person,
	.headline-group,
	.headline-star,
	.headline-assessment {
		color: #00acc1;
		font-size: 26px;
		text-transform: uppercase;
	}
	.headline-chat:before,
	.headline-videocam:before,
	.headline-cast_connected:before,
	.headline-feedback:before,
	.headline-play_circle_filled:before,
	.headline-person:before,
	.headline-group:before,
	.headline-star:before,
	.headline-assessment:before {
		font-family: 'Material Icons';
		padding-right: 8px;
		vertical-align: top;
	}
	.headline-chat:before {
		content: '\e0b7';
	}
	.headline-videocam:before {
		content: '\e04b';
	}
	.headline-cast_connected:before {
		content: '\e308';
	}
	.headline-feedback:before {
		content: '\e87f';
	}
	.headline-play_circle_filled:before {
		content: '\e038';
	}
	.headline-person:before {
		content: '\e7fd';
	}
	.headline-group:before {
		content: '\e7ef';
	}
	.headline-star:before {
		content: '\e838';
	}
	.headline-assessment:before {
		content: '\e85c';
	}

	.ultra-small {
		font-size: 0.8rem;
		margin: 0;
		padding: 0;
	}

	.card-title {
		text-shadow: 1px 1px 4px #000;
		font-weight: 300;
		font-size: 2rem;
	}

	.card-content {
		height: 10rem;
		overflow: hidden;
	}

	.read_less {
		display: none;
	}

	#loading_entries {
		text-align: center;
	}

}

/* Desktop Ansicht */
@media only screen and (min-width: 993px) {
	.ego-parallax {
		height: 740px !important;
	}

	/* Roboto Varianten */
	.roboto-thin {
		font-weight: 200;
	}
	.roboto-light {
		font-weight: 300;
	}
	.roboto-14 {
		font-size: 14px;
	}
	.roboto-15 {
		font-size: 15px;
	}
	.roboto-16 {
		font-size: 16px;
	}
	.roboto-20 {
		font-size: 20px;
	}
	.roboto-26 {
		font-size: 26px;
	}
	.roboto-42 {
		font-size: 42px;
	}
	.roboto-70 {
		font-size: 70px;
	}
}

/* Tablet Ansicht */
@media only screen and (min-width: 600px) and (max-width: 992px) {
	.ego-parallax {
		height: 610px !important;
	}

	/* Intro anpassen */
	.intro {
		margin-top: 90px !important;
	}
	.intro .roboto-70 {
		font-size: 42px;
	}
	.intro .roboto-26 {
		font-size: 20px;
	}
}

/* Smartphone Ansicht */
@media only screen and (min-width: 320px) and (max-width: 599px) {
	.ego-parallax {
		height: 580px !important;
	}

	/* Intro anpassen */
	.intro {
		margin-top: 30px !important;
	}
	.intro .roboto-70 {
		font-size: 36px;
	}
	.intro .roboto-26 {
		font-size: 18px;
	}

	/* Überschriften anpassen */
	.bubble h2 {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.bubble .container:after {
		margin-top: -20px;
	}

	/* Slider anpassen */
	.bx-wrapper {
		padding-top: 64px;
	}
	.bx-controls {
		margin-bottom: 100px;
	}

	.row.contents:not(:last-of-type) .col,
	.row.contents:last-of-type .col:not(:last-of-type) {
		margin-bottom: 30px;
	}
	.row.contents {
		margin-bottom: 0;
	}
}