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

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

.container {
	max-width: 100%;
}

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

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

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



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

/* Main-Menu */

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

#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 top right -10% / 150px;
}

#site-nav .sub-menu-container .sub-menu-wrapper .parent-title .parent-back-link:hover {
	background-position: top 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: 24%;
	margin: 0;
}

#site-nav .sub-menu-container section.sub-menu-3-columns .sub-menu-column {
	width: 32%;
	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;
	}

/*
------------------------------------------------------------------------------
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%
}

/* Überschrift-Text */

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

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

/* 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-inner {
	margin-left: 0%;
}

/* Leistungen */

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

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

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

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

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

/* Personen */

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

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

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

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

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

/* Fakten */

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

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

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

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


/* Ausrufe */

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

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

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

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

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

/* Themen */

.themen-mosaik section.themen {
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr 1fr;
	grid-template-areas:
	  "tile-1 tile-2"
	  "tile-3 tile-3"
	  "tile-4 tile-4"
	  "tile-5 tile-6";	
}

.themen-mosaik section.themen article a .txt-box {
	font-size: 0.8em;
}


/* Blog */

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

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

/* RSS-Feed */

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

.rss-feed section.blog article { 
	min-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-right: 0;
}

.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%;
}

/* 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%;
}

.kunden-gitter .kunden-logos li {
	width: 50%;
}



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

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


/*
------------------------------------------------------------------------------
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;
}

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

/* Job-Detail */

.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%;
}



/*
------------------------------------------------------------------------------
SINGLE
------------------------------------------------------------------------------
*/




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

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: 48%;
}

.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;
}