/*
------------------------------------------------------------------------------
ABSTÄNDE
------------------------------------------------------------------------------
*/
:root {
	--sb-grid-padding-v: 80px;
	--sb-grid-padding-h: 60px;
	--sb-grid-padding-small-h: 100px;
}

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

.mainhead {
	padding: 25px var(--sb-grid-padding-h) 20px var(--sb-grid-padding-h);
}

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

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

/* Main-Menu */

#site-nav .main-menu-container ul li {
	height: 150px;
}

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


/* Kachel-Inhalt */

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

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


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


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

.video-vertical { 
    padding: 0 25%; 
}

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

/* Ü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 */

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

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

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


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


/* Video-Text-Spalten */

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

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

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


.video-text-spalten .vid-box.hasnobildinfo {
	padding-bottom: 75%;
}

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


/* Bild-Text-Karussell */

.bild-text-karussell section article .img-box {
	background-size: contain;
	background-position: top center;
}

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

/* Galerie-Text-Spalten */

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

/* Bühne */

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

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

.stage-media .txt-box {
    font-size: 14px;
}

/* Leistungen */

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

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

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

.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: 1.5em;
}

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

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

/* Ausrufe */

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

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

/* Themen */

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

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

/* Fakten */

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


/* Newsletter-Teaser */

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

.newsletter-teaser.schwarz .txt-wrapper .img-col .img-wrapper {
	background-position: center bottom -2em;
}


/* Newsletter-Anmeldung */

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

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


/* Zeitstrahl */

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

.zeitstrahl .meilensteine {
	width: 100%;
}


/* Jobs */

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

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

.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: 4em 0;
}


/* Kunden Gitter */

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

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



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

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


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

/* Job-Detail */

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


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


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

/* footer .footerbox {
	padding: 50px var(--sb-grid-padding-h);
} */

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