/*
------------------------------------------------------------------------------
ABSTÄNDE
------------------------------------------------------------------------------
*/
:root {
	--sb-grid-padding-v: 20px;
	--sb-grid-padding-h: 30px;
	--sb-grid-padding-small-h: 30px;
}

/*
------------------------------------------------------------------------------
GRUNDAUFBAU
------------------------------------------------------------------------------
*/

/*
------------------------------------------------------------------------------
HEADER
------------------------------------------------------------------------------
*/

.mainhead {
	padding: 30px var(--sb-grid-padding-h) 17px;
}

#site-title a {
	width: 175px;
	height: 35px;
	background-position: left center;
}



/*
------------------------------------------------------------------------------
HAUPT-NAVIGATION
------------------------------------------------------------------------------
*/

/* Main-Menu */

#site-nav .main-menu-container ul li {
	height: 130px;
	width: 100%;
}

#site-nav .main-menu-container li:nth-child(3n+1) a,
#site-nav .main-menu-container li:nth-child(3n+3) a {
	margin-top: 0;
}

#site-nav .main-menu-container ul li a {
	padding: 1em;
}


/* Kachel-Inhalt */

#site-nav ul li a .tile-subheadline {
	font-size: 0.8em;
}

#site-nav ul li a .tile-headline {
	font-size: 1.25em;
}


/* Sub-Menu */


#site-nav .sub-menu-container .sub-menu-wrapper .parent-title {
	width: 100%;
}

#site-nav .sub-menu-container .sub-menu-wrapper .parent-title .parent-back-link {
	font-size: 1em;
	background: url('../images/sb-nav-arrow-rtl.svg') no-repeat bottom right -20% / 150px;
	padding-bottom: 30px;
	margin-bottom: 20px;
}

#site-nav .sub-menu-container .sub-menu-wrapper .parent-title .parent-back-link:hover {
	background-position: bottom right;
}

#site-nav .sub-menu-container .sub-menu-wrapper .parent-title .parent-back-link strong {
	font-size: 1.8em;
}


#site-nav .sub-menu-container .sub-menu-wrapper section {
	width: 100%;
	justify-content: space-between;
}

#site-nav .sub-menu-container section .sub-menu-column {
	width: 48%;
	margin: 0;
}

#site-nav .sub-menu-container section.sub-menu-3-columns .sub-menu-column {
	width: 48%;
	margin: 0;
}

#site-nav .sub-menu-container section .sub-menu-column:nth-child(1n),
#site-nav .sub-menu-container section .sub-menu-column:nth-child(2n),
#site-nav .sub-menu-container section .sub-menu-column:nth-child(3n) {
	padding-top: 0em;
}

#site-nav .sub-menu-container section article {
	height: 120px;
}

#site-nav .sub-menu-container section article a {
	font-size: 0.6em;
}





/*
------------------------------------------------------------------------------
PAGE
------------------------------------------------------------------------------
*/

.featured-media .featured-media-inner {
	height: 250px;
}

/*
------------------------------------------------------------------------------
CONTENT
------------------------------------------------------------------------------
*/

a.btn,
a.btn-invers {
	white-space: initial;
}

h1 {
	font-size: 2rem;
	word-break: break-word;
}

h2 {
	font-size: 1.5rem;
	word-break: break-word;
}

h3 {
	font-size: 1rem;
	word-break: break-word;
}

a {
	word-break: break-word;
}

/*
------------------------------------------------------------------------------
FLEXIBLE-MODULE
------------------------------------------------------------------------------
*/

.modul-row.randlos {
	padding: var(--sb-grid-padding-v) var(--sb-grid-padding-h);
}

.modul-row .txt-box.one-one,
.modul-row .img-box.one-one,
.modul-row .img-box.one-two,
.modul-row .vid-box.one-one,
.modul-row .vid-box.one-two,
.modul-row .txt-box.two-one,
.modul-row .img-box.two-one,
.modul-row .vid-box.two-one,
.modul-row .txt-box.one-two {
	width: 100%
}


.modul-row .headline {
	font-size: 1.5em !important;
}

.modul-row .subheadline {
	font-size: .8em !important;
}


/* Überschrift-Text */

.ueberschrift-text .flex-wrapper.aside .hdl-wrapper {
	width: 100%;
	margin-bottom: 1em;
}

.ueberschrift-text .flex-wrapper.aside .txt-wrapper {
	width: 100%;
}

.ueberschrift-text .flex-wrapper.top .txt-wrapper.animated {
	padding-left: 0;
}

/* .ueberschrift-text .headline {
	font-size: 1.5em;
}

.ueberschrift-text .subheadline {
	font-size: .8em;
} */

.ueberschrift-text .flex-wrapper.top .txt-wrapper {
	padding: 1.5em 0 0 0;
}

.ueberschrift-text .flex-wrapper.top .txt-wrapper::before {
	top: 0em;
}

/* Bild-Text-Spalten */

.bild-text-spalten .txt-box .txt-wrapper {
	padding-top: 2em;
	padding-left: 0em;
}

.bild-text-spalten.randlos .img-box.links+.txt-box,
.bild-text-spalten.randlos .img-box.rechts+.txt-box {
	padding-left: 0;
	padding-right: 0;
}

.bild-text-spalten .img-box.hasnobildinfo {
	padding-bottom: 75%;
}

.bild-text-spalten .img-box {
	order: 1;
}

.bild-text-spalten .txt-box {
	order: 2;
}


/* Video-Text-Spalten */

.video-text-spalten .txt-box .txt-wrapper {
	padding-top: 2em;
	padding-left: 0em;
}

.video-text-spalten.randlos .vid-box.links+.txt-box,
.video-text-spalten.randlos .vid-box.rechts+.txt-box {
	padding-left: 0;
	padding-right: 0;
}

.video-text-spalten .vid-box {
	order: 1;
}

.video-text-spalten .txt-box {
	order: 2;
}

.video-text-spalten .vid-box .video-vertical {
	padding: 0 0 5% 0;
}


/* Bild-Text-Karussell */

.bild-text-karussell section article .img-box {
	width: 100%;
	padding-bottom: 120%;
	background-position: top center;
}


.bild-text-karussell section article .txt-box {
	width: 100%;
}

.bild-text-karussell section article .txt-box {
	padding: 1em 0 10em;
}

/* Galerie-Text-Spalten */

.galerie-text-spalten .img-box,
.galerie-text-spalten .img-box.vertikal {
	width: 100%;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr 1fr 1fr;
	grid-template-areas:
		"bild-1"
		"bild-2"
		"bild-3";
}

.bild-tile {
	padding-bottom: 75%;
}

.galerie-text-spalten .txt-box {
	width: 100%;
}

.galerie-text-spalten .txt-box .txt-wrapper {
	padding-top: 2em;
	padding-left: 0em;
}


/* Bühne */

.stage-media {
	padding-bottom: calc(600px - 20%);
}

.stage-media .txt-box {
	width: 100%;
	padding: 4% 0 0 var(--sb-grid-padding-h);
}

.stage-media .txt-box p {
	font-size: 0.8em;
}

.stage-media .txt-box-inner {
	margin-left: 0%;
}

.stage-media .txt-box .headline {
	font-size: 1.5em;
}

.stage-media .txt-box .subheadline {
	font-size: 0.8em;
}

.buehne .menu-social-menue-container {
	display: initial;
	flex-direction: initial;
}

.menu-social-menue-container .co2-label {
	margin: initial;
}

/* Leistungen */

.leistungen-mosaik {
	padding: 4em var(--sb-grid-padding-h);
}

.leistungen-mosaik::after {
	top: -3em;
	height: 6em;
}

.leistungen-mosaik .txt-box .headline {
	font-size: 2em;
}

.leistungen-mosaik .txt-box .subheadline {
	font-size: 1em;
}

.leistungen-mosaik .txt-box p {
	width: 100%;
}

.leistungen-mosaik section.leistungen article {
	height: 300px;
	margin-bottom: 1em;
}

.leistungen-mosaik section.leistungen .column {
	width: 100%;
}

.leistungen-mosaik section.leistungen .col-2,
.leistungen-mosaik section.leistungen .col-3 {
	transform: translate(0, 0);
}

/* Personen */

.personen-mosaik {
	padding: 4em var(--sb-grid-padding-h);
}

.personen-mosaik::after {
	top: -3em;
	height: 6em;
}

.personen-mosaik .txt-box .headline {
	font-size: 2em;
}

.personen-mosaik .txt-box .subheadline {
	font-size: 1em;
}

.personen-mosaik .txt-box p {
	width: 100%;
}

.personen-mosaik section.personen article {
	height: 300px;
	margin-bottom: 1em;
}

.personen-mosaik section.personen .column {
	width: 100%;
}

.personen-mosaik section.personen .col-2,
.personen-mosaik section.personen .col-3 {
	transform: translate(0, 0);
}


/* Fakten */

.fakten .img-box {
	padding-bottom: 75%;
}

.fakten .fact-box {
	width: 100%;
	margin: initial;
}

.fakten .fact-box article {
	width: 48%;
	margin-bottom: 1em;
}

.fakten .txt-box .headline {
	font-size: 1.5em;
}

/* Ausrufe */

.ausrufe.schwarz {
	padding: 4em 0;
}

.ausrufe::before {
	height: 12em;
}

.ausrufe .ausruf-box {
	width: 75%;
}

.ausrufe .ausruf-box .ausruf {
	font-size: 4.5vw;
}

.ausrufe .zusatzruf {
	font-size: 7vw;
}


/* Themen */

.themen-mosaik,
.themen-mosaik.schwarz {
	padding: 4em var(--sb-grid-padding-h);
}

.themen-mosaik::after {
	top: -3em;
	height: 6em;
}

.themen-mosaik .txt-box .headline {
	font-size: 1.5em;
}

.themen-mosaik section.themen {
	display: flex;
	flex-wrap: wrap;
	margin: 2em auto;
}

.themen-mosaik section.themen article {
	min-height: 274px;
	width: 100%;
}

.themen-mosaik section.themen article a {
	font-size: 1em;
}


/* Blog */

.blog-mosaik {
	padding: 4em var(--sb-grid-padding-h);
}

.blog-mosaik::after {
	top: -3em;
	height: 6em;
}

.blog-mosaik .txt-box .headline {
	font-size: 2em;
}

.blog-mosaik .txt-box a {
	font-size: 0.8em;
}

.blog-mosaik section.blog {
	margin: 1em auto;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr 1fr 1fr 1fr;
	grid-template-areas:
		"tile-1"
		"tile-2"
		"tile-3"
		"tile-4";
}

.blog-mosaik section.blog article {
	height: 300px;
}


/* RSS-Feed */

.rss-feed {
	padding: 4em var(--sb-grid-padding-h);
}

.rss-feed::after {
	top: -3em;
	height: 6em;
}

.rss-feed .txt-box .headline {
	font-size: 2em;
}

.rss-feed .txt-box a {
	font-size: 0.8em;
}

.rss-feed section.blog {
	margin: 1em auto;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr 1fr 1fr 1fr;
	grid-template-areas:
		"tile-1"
		"tile-2"
		"tile-3"
		"tile-4";
}

.rss-feed section.blog article {
	height: 300px;
}


/* Case-Mosaik */

.case-karussell .case {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column-reverse;
}

.case-karussell .case article.base {
	padding-left: 0%;
	width: 100%;
}

.case-karussell .case article.base .header {
	padding: 0;
}

.case-karussell article.base .header .headline {
	padding: 0 0 .75em 0;
}

.case-karussell article.base .header .headline::after {
	bottom: 0.5em;
	left: -1em;
}

.case-karussell .case article.base .footer {
	padding: 0;
}

.case-karussell article.base .footer .case-nav {
	justify-content: space-between;
}

.case-karussell article.base .footer .case-nav li {
	width: 22%;
	padding: initial;
	margin-bottom: 1em;
}

.case-karussell article.base .footer .case-nav a {
	display: block;
	width: 100%;
	height: initial;
	padding-bottom: 100%;
}


.case-karussell .case article.tile {
	position: relative;
	width: 100%;
}

.case-karussell .case article.tile a {
	width: 100%;
	padding-bottom: 75%;
}

.case-karussell .case article.tile .txt-wrapper {
	width: 100%;
}

.case-karussell .case article.tile .txt-wrapper .txt-box {
	margin: 1.5em auto 0em auto;
}


/* Newsletter-Teaser */

.newsletter-teaser.schwarz .txt-wrapper {
	flex-direction: column-reverse;
}

.newsletter-teaser.schwarz .txt-wrapper .img-col,
.newsletter-teaser.schwarz .txt-wrapper .txt-col {
	width: 100%;
}

.newsletter-teaser.schwarz .txt-wrapper .img-col .img-wrapper {
	padding-bottom: 150%;
	margin: -5% 0;
}

.newsletter-teaser.schwarz .txt-wrapper .txt-col {
	padding: 15% 5% 5% 5%;
}


/* Newsletter-Anmeldung */

.newsletter-anmeldung .txt-box .txt-wrapper {
	padding: 0;
}

.newsletter-anmeldung .txt-box .txt-wrapper::before {
	top: -1em;
}

.newsletter-anmeldung .headline {
	width: 100%;
}

.newsletter-anmeldung .txt-box .txt-wrapper form .col-2 .mc-field-group {
	width: 100%;
}


/* Zeitstrahl */

.zeitstrahl .txt-box {
	width: 100%;
	margin-bottom: 2em;
}

.zeitstrahl .meilensteine {
	width: 100%;
}

.zeitstrahl .meilensteine article .year {
	width: 100%;
}

.zeitstrahl .meilensteine article .record {
	width: 100%;
	padding: 10px 0 0 16px;
}


/* Jobs */

.jobs-mosaik .txt-box {
	width: 100%;
}

.jobs-mosaik section.jobs {
	width: 100%;
}

.jobs-mosaik section.jobs .column {
	width: 100%;
}

.jobs-mosaik section.jobs .col-1,
.jobs-mosaik section.jobs .col-2 {
	transform: none;
}

.jobs-mosaik section.jobs article a {
	padding: 2em 0;
}


/* Kunden Gitter */

.kunden-gitter .txt-box {
	width: 100%;
}

.kunden-gitter .img-box {
	width: 100%;
	margin-top: 20px;
}

.kunden-gitter .kunden-logos li {
	width: 50%;
	padding: 10px 5px;
	margin-bottom: 0;
}



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

.navigation .nav li {
	width: 100%;
}


/*
------------------------------------------------------------------------------
JOBS
------------------------------------------------------------------------------
*/

/* Job-Detail */

.single-job .job-entry .txt-box,
.single-job .job-entry .img-box {
	width: 100%;
}

.single-job .job-entry .txt-box .headline::after {
	display: none;
}

.single-job .job-entry .txt-box .subheadline {
	font-size: .8em;
}

.single-job .job-entry .txt-box .headline {
	font-size: 1.25em;
}

.single-job .job-informationen article {
	width: 100%;
}


/*
------------------------------------------------------------------------------
BLOG
------------------------------------------------------------------------------
*/

.post-filter-input .filterelement {
	width: 100%;
}

.post-filter-input .filterelement#stichwort {
	width: 100%;
}

section.aktuelles.firstpage article:first-child .img-box {
	width: 100%;
	padding-bottom: 60%;
}

section.aktuelles.firstpage article:first-child .txt-box {
	width: 100%;
}

section.aktuelles article {
	width: 100%;
}

section.aktuelles article .img-box {
	width: 100%;
	padding-bottom: 60%;
	height: initial;
}

.single-post .attachment-post-thumbnail,
.single-post img {
	max-width: 100%;
}



/*
------------------------------------------------------------------------------
MCE-EDITOR
------------------------------------------------------------------------------
*/

div.incolumns {
	column-count: initial;
}




/*
------------------------------------------------------------------------------
FOOTER
------------------------------------------------------------------------------
*/

.footer-content {
	padding: 45px var(--sb-grid-padding-small-h)
}

.footer-content .footer-left,
.footer-content .footer-right {
	width: 100%;
}

footer .footer-line,
footer #footer-menu {
	width: 100%;
	text-align: center;
	box-sizing: border-box;
}

footer .footer-line {
	padding: 20px var(--sb-grid-padding-h) 5px;
}

footer #footer-menu {
	padding: 5px var(--sb-grid-padding-h) 20px;
}

footer #footer-menu ul {
	justify-content: center;
}