.title,
.transaktionenZoomSensitive {
    display: flex;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	background:rgba(0,255,0,0.0);
}

.transaktionenZoom,
.transaktionenZoom:hover,
.transaktionenZoomSensitive,
.transaktionenZoomSensitive:hover {
    -webkit-transition: background-color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out;
    -ms-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out
}

a.footerlink,
h3 {
    text-transform: uppercase
}

@font-face {
    font-family: BaronNeueBold;
    src: url(../woff/BaronNeueBold.eot);
    src: url(../woff/BaronNeueBold.eot?#iefix) format('embedded-opentype'), url(../woff/BaronNeueBold.woff) format('woff'), url(../woff/BaronNeueBold.ttf) format('truetype'), url(../woff/BaronNeueBold.svg#BaronNeueBold) format('svg');
    font-style: normal;
    font-weight: 700;
    text-rendering: optimizeLegibility
}

@font-face {
    font-family: OpenSansCondensed;
    font-style: normal;
    font-weight: 700;
    src: local('OpenSans700'), local('OpenSans700'), url(../woff/OpenSansCondensed700.woff) format('woff')
}

/* NEW FONTS 2024/11 */
@font-face { font-family:'OpenSansCondensedBold'; src: url('../woff/OpenSansCondensed-Bold.eot'); src: url('../woff/OpenSansCondensed-Bold.eot?#iefix') format('embedded-opentype'), url('../woff/OpenSansCondensed-Bold.woff2') format('woff2'), url('../woff/OpenSansCondensed-Bold.woff') format('woff'), url('../woff/OpenSansCondensed-Bold.ttf') format('truetype'), url('../woff/OpenSansCondensed-Bold.svg#OpenSansCondensed-Bold') format('svg');  font-style: normal; font-weight: bold; text-rendering: optimizeLegibility; }
@font-face { font-family:'OpenSansCondensedSemiBold'; src: url('../woff/OpenSansCondensed-SemiBold.eot'); src: url('../woff/OpenSansCondensed-SemiBold.eot?#iefix') format('embedded-opentype'), url('../woff/OpenSansCondensed-SemiBold.woff2') format('woff2'), url('../woff/OpenSansCondensed-SemiBold.woff') format('woff'), url('../woff/OpenSansCondensed-SemiBold.ttf') format('truetype'),  url('../woff/OpenSansCondensed-SemiBold.svg#OpenSansCondensed-SemiBold') format('svg');  font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; }


* {
    box-sizing: border-box
}

body,
html {
    height: 100%;
    -webkit-text-size-adjust: 100%
	-webkit-font-smoothing:antialiased;
}

body {
    background: #002651;
    color: #fff;
    margin: 0;
    border: 0;
    font-size: 12px;
    font-family: arial, helvetica
}

h1,
h1.home {
    font-family: BaronNeueBold;
    font-weight: 400;
    margin-top: 0;
    box-sizing: border-box;
    margin-bottom: 0
}

h1 {
    font-size: 55px;
    line-height: 60px;
    padding: 10px 20px 0
}

h1.home {
    font-size: 100px;
    line-height: 90px;
    color: #fff;
    background: rgba(0, 38, 81, .2);
    padding: 20px
}

h2,
h2.xs {
    font-family: BaronNeueBold;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 10px;
    color: #fff
}

h2,
h2.black,
h2.fakten,
h2.sub,
h2.xs {
    padding: 10px 20px 10px 20px;
}

h2 {
    font-size: 70px;
    line-height: 1.2;
    box-sizing: border-box
}

h2.nachhaltigkeit {
    font-size: 50px;
    line-height: 1.2;
    box-sizing: border-box
}


h2.sub {
    font-family: BaronNeueBold;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 5px;
    font-size: 34px;
    line-height: 55px;
    box-sizing: border-box
}

h2.xs {
    font-size: 50px;
    line-height: 45px;
    box-sizing: border-box
}

h2.black,
h2.fakten,
h2.kontakt {
    font-family: BaronNeueBold;
    margin-bottom: 10px;
    color: #012f55;
    font-size: 70px;
    line-height: 55px;
    box-sizing: border-box;
    font-weight: 400;
    margin-top: 0
}

h2.kontakt {
    text-align: center;
    padding: 80px 0 20px
}

.teamText,
h3 {
    text-align: left
}

h3 {
    font-family: InterstateLight;
    font-weight: 400;
    padding-top: 6px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 30px;
    line-height: 36px;
    color: #fb5c00
}

h4,
h5 {
    padding-top: 6px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 50px;
    line-height: 55px;
    font-weight: 400
}

h4 {
    font-family: adam
}

h5 {
    font-family: azedo
}

.innerSwiper,
.innerSwiperXS {
    padding: 40px;
    width: 100%;
    box-sizing: border-box
}

.centerflex {
    position: relative;
    display: flex;
    text-align: center;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%
}

.innerSwiper {
    font-size: 18px;
    line-height: 24px;
    max-width: 1040px
}

.innerSwiperXS {
    font-size: 14px;
    line-height: 18px;
    max-width: 940px
}

.factsText {
    font-size: 18px;
    line-height: 24px
}

.title {
    position: absolute;
    color: #fff;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    background: #013269
}

.transaktionenCity,
.transaktionenStreet {
    font-family: arial, helvetica;
    color: #505050
}

.transaktionenBild {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-basis: 0;
    flex-grow: 1;
    background: rgba(0, 0, 0, 0)
}

.transaktionenText {
    display: flex;
    flex-basis: 0;
    flex-grow: 1;
    align-items: flex-end;
    justify-content: flex-start
}

.transaktionenLabel {
    width: 100%;
    box-sizing: border-box;
    padding: 30px;
    padding-bottom: 50px;
}

.transaktionenCity {
    font-size: 22px;
    line-height: 1.1
}

.transaktionenStreet {
    margin-top: 3px;
    font-size: 13px;
    line-height: 1.3
}

.teamHead,
.werteHead {
    font-family: 'Times New Roman'
}

.transaktionenZoomSensitive {
    position: absolute;
    justify-content: center;
    align-items: center;
    filter: alpha(opacity=100);
    -khtml-opacity: 1.01;
    -moz-opacity: 1.01;
    opacity: 1.01
}

.transaktionenZoomSensitive:hover {
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1
}

.transaktionenZoom {
    display: inline-block;
	position:absolute;
	right:10px; top:10px;
    background-color: rgba(255, 255, 255, 0.9);
    background-image: url(../svg/ico_maximize2_b.svg);
	background-repeat:no-repeat;
    background-size:25px;
    background-position: 51% 50%;
    border-radius:5px;
    width: 40px;
    height: 40px;
    text-decoration: none
}

.transaktionenZoom:hover {
    background-color: rgba(1, 47, 85, 1.0);
    background-image: url(../svg/ico_maximize2.svg);
	background-repeat:no-repeat;
    background-size:28px;
    background-position: 51% 50%;
}

/*
.transaktionenTriA,
.transaktionenTriC {
    position: absolute;
    top: calc(50% - 20px);
    right: 0;
    width: 24px;
    height: 40px;
    background: url(../images/ico_whitetri_l.png) no-repeat;
    background-size: contain
}

.transaktionenTriE,
.transaktionenTriG {
    position: absolute;
    top: calc(50% - 20px);
    left: 0;
    width: 24px;
    height: 40px;
    background: url(../images/ico_whitetri_r.png) no-repeat;
    background-size: contain
}
*/
a.langselectD,
a.langselectE {
    font-size: 12px;
    position: absolute;
    top: 28px;
    z-index: 1950;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    color: #fff;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    display: flex;
    text-decoration: none
}

a.langselectE {
    right: 15px;
    align-items: center;
    background: rgba(255, 255, 255, .4);
    -moz-opacity: 0;
    opacity: 0
}

a.langselectE:hover {
    text-decoration: none;
    font-size: 20px;
    background: rgba(255, 255, 255, .6);
    color: #fff;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

a.langselectD {
    right: 68px;
    align-items: center;
    background: rgba(255, 255, 255, .4);
    -moz-opacity: 0;
    opacity: 0
}

.werteCopy,
.werteHead {
    -moz-opacity: 0;
    filter: alpha(opacity=0);
    -khtml-opacity: 0
}

a.langselectD:hover {
    text-decoration: none;
    font-size: 20px;
    background: rgba(255, 255, 255, .6);
    color: #fff;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

.faktenPage1Pie {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 20px;
    width: 25%;
    overflow: hidden
}

.faktenPage1VSpace {
    width: 0;
    overflow: hidden
}

.faktenPage1VSpace div {
    display: block;
    height: 32vh
}

.faktenPage1Infotext {
    position: absolute;
    font-size: 18px;
    line-height: 14px;
    font-weight: 400;
    top: 40%;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    color: #000
}

.faktenPage1InfotextMio {
    font-size: 12px;
    box-sizing: border-box;
    padding-top: 4px
}

.faktenPage1InfotextYear {
    font-size: 11px;
    line-height: 12px;
    color: #006689
}

.faktenPage1Legend {
    position: absolute;
    margin-top: -36px;
    text-align: left;
    font-size: 14px;
    width: 140px
}

.faktenPage2Pie,
.faktenPage3Pie {
    position: relative;
    justify-content: center;
    padding: 20px;
    overflow: hidden;
    box-sizing: border-box
}

.faktenPage2Pie {
    display: flex;
    align-items: center;
    width: 50%
}

.faktenPage2VSpace {
    width: 0;
    overflow: hidden
}

.faktenPage2VSpace div {
    display: block;
    height: 39vh
}

.faktenPage3Pie {
    display: flex;
    align-items: center;
    width: 50%
}

.faktenPage3VSpace {
    width: 0;
    overflow: hidden
}

.faktenPage3VSpace div {
    display: block;
    height: 39vh
}

.teamPic,
.teamText {
    position: relative;
    width: 50%;
    display: flex
}

.teamPic {
    order: 0
}

.teamText {
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
    order: 1;
    justify-content: center;
    align-items: center
}

.kontakt940Wrapper,
.werte940Wrapper {
    max-width: 940px;
    text-align: center;
    position: relative;
    overflow: hidden
}

.teamVSpacer {
    display: block;
    height: 50vh
}

.teamHead {
    margin-top: 40px;
    font-size: 36px;
    color: #002653
}

.teamSubhead {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px;
    color: #000
}

.teamInfo {
    font-size: 12px;
    line-height: 17px;
    color: #505050;
    margin-bottom: 10px
}

.werte940Wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto
}

.werteContent {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff
}

.werteVSpacer {
    width: 0
}

.werteVSpacer div {
    height: 60vh
}

.werteHead {
    font-size: 30px;
    font-style: italic;
    margin-top: 40px;
    margin-bottom: 5px;
    opacity: 0
}

.cubeText1,
.cubeText2,
.cubeText3 {
    font-family: 'Helvetica Neue', Arial
}

.werteCopy {
    font-size: 14px;
    line-height: 18px;
    opacity: 0
}

/* NACHHALTIGKEIT */
.werte970Wrapper {
    display:block;
    width: 100%;
	max-width:970px;
    margin: 0 auto
}



.kontakt940Wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto
}

.kontaktContent {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    position: relative;
    box-sizing: border-box;
    padding-left: 30px;
    padding-right: 30px
}

.kontaktVSpacer {
    width: 0
}

.kontaktVSpacer div {
    height: 30vh
}

a.footerlink {
    text-decoration: none;
    color: #013269;
    font-size: 11px;
    box-sizing: border-box;
    padding-left: 3px;
    padding-right: 3px;
    line-height: 1.5
}

a.footerlink:hover {
    text-decoration: none;
    color: #2067b7
}

a.teamLink {
    text-decoration: none;
    color: #002653
}

a.teamLink:hover {
    text-decoration: underline
}

.cubeText1 {
    font-size: 18px;
    line-height: 26px
}

.cubeText2 {
    font-size: 15px;
    line-height: 16px
}

.cubeText3 {
    margin-top: 10px;
    font-size: 12px;
    line-height: 14px
}

p.home {
    font-size: 24px;
    line-height: 20px;
    color: #fff;
    background: rgba(0, 38, 81, .2);
    box-sizing: border-box;
    padding: 10px
}

p.nachhaltigkeit {
    font-size: 16px;
    line-height:1.3;
    color: #ffffff;
    box-sizing: border-box;
    padding: 10px;
	margin-bottom:20px;
}

p.nachhaltigkeitHead {
	font-family:'Times New Roman';
	font-style:italic;
    font-size: 28px;
    line-height:1.0;
    color: #ffffff;
    box-sizing: border-box;
	margin:0px; 
	padding:0px;
	text-rendering: geometricPrecision;;
}

p.nachhaltigkeitDash {
	width:12%; height:3px; background:#ffffff;
	margin:0px; 
	padding:0px;
	margin-left:auto; margin-right:auto;
	margin-top:15px; margin-bottom:10px;
}


p.intro {
    font-family: InterstateLight;
    font-weight: 400;
    display: inline-block;
    color: #fff;
    width: 100%;
    max-width: 800px;
    font-size: 18px;
    line-height: 40px;
    margin: 0;
    padding: 20px 40px 0;
    background: rgba(255, 0, 0, 0);
    box-sizing: border-box;
    overflow: hidden
}

p {
    margin: 0 0 10px;
    padding: 0
}


.icotext {
    display: block;
    font-family: 'Times New Roman';
    font-size: 15px;
    line-height: 1.5;
    font-style: italic
}

.iprofilsubhead {
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px;
    letter-spacing: 2px;
    text-transform: uppercase
}

a.buttonW,
a.buttonW2 {
    border-radius: 17px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-left: 10px;
    margin-right: 10px
}

.iprofilbullet {
    display: block;
    box-sizing: border-box;
    padding-left: 18px;
    background: url(../images/icon_arrow_right.png) 0 4px no-repeat;
    background-size: 12px
}

a.buttonB,
a.buttonW,
a.buttonW2 {
    text-decoration: none;
    display: inline-block;
    position: relative;
    height: 36px;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 12px;
    line-height: 34px
}

a.buttonW2,
a.buttonW:hover {
    background: #fff
}

a.buttonW {
    color: #fff;
    border: 2px solid #fff;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

a.buttonB,
a.buttonW2,
a.buttonW2:hover,
a.buttonW:hover {
    color: #002653;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

a.buttonW2 {
    border: 2px solid #fff
}

a.buttonW2:hover {
    background: rgba(255, 255, 255, .5)
}

a.buttonB:hover,
a.buttonBXS:hover {
    background: #002653
}

a.buttonB {
    border-radius: 17px;
    letter-spacing: 1px;
    border: 2px solid #002653;
    text-transform: uppercase;
    margin-left: 10px;
    margin-right: 10px
}

a.buttonBXS,
a.buttonWXS {
    height: 30px;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 12px;
    line-height: 28px;
    letter-spacing: 1px;
    margin-left: 10px;
    margin-right: 10px;
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    position: relative
}

a.buttonB:hover {
    color: #fff;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

a.buttonBXS {
    border-radius: 17px;
    color: #002653;
    border: 2px solid #002653;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

a.buttonBXS:hover,
a.buttonWXS {
    color: #fff;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

a.buttonWXS {
    border-radius: 17px;
    border: 2px solid #fff
}

a.buttonWXS:hover {
    color: #002653;
    background: #fff;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

/* NEW BUTTONS 2024/11 */
.buttonBRight 			{ text-decoration:none; display:inline-block; position:relative; color:rgba(0,38,78,1); height:36px; padding-left: 25px; padding-right:50px; font-size: 12px; line-height: 34px; border-radius: 17px; letter-spacing: 1px; border: 2px solid #002653; text-transform: uppercase; margin-left: 10px; margin-right: 10px; background-image:url(../images/ico_arrow_right_b.png); background-repeat:no-repeat; background-size:16px; background-position:calc(100% - 20px) 50%; -webkit-transition: background-color 0.40s ease-in-out; -moz-transition: background-color 0.40s ease-in-out; -ms-transition: background-color 0.40s ease-in-out; -o-transition: background-color 0.40s ease-in-out; }
.buttonBRight:hover 	{ text-decoration:none; display:inline-block; position:relative; color:rgba(255,255,255,1); background-color:rgba(0,37,80,1); background-image:url(../images/ico_arrow_right_w.png); background-repeat:no-repeat; background-size:16px; background-position:calc(100% - 20px) 50%; -webkit-transition: background-color 0.20s ease-in-out; -moz-transition: background-color 0.20s ease-in-out; -ms-transition: background-color 0.20s ease-in-out; -o-transition: background-color 0.20s ease-in-out; }
.buttonBLeft 			{ text-decoration:none; display:inline-block; position:relative; color:rgba(0,38,78,1); height:36px; padding-left: 50px; padding-right: 25px; font-size: 12px; line-height: 34px; border-radius: 17px; letter-spacing: 1px; border: 2px solid #002653; text-transform: uppercase; margin-left: 10px; margin-right: 10px; background-image:url(../images/ico_arrow_left_b.png); background-repeat:no-repeat; background-size:16px; background-position:20px 50%; -webkit-transition: background-color 0.40s ease-in-out; -moz-transition: background-color 0.40s ease-in-out; -ms-transition: background-color 0.40s ease-in-out; -o-transition: background-color 0.40s ease-in-out; }
.buttonBLeft:hover 		{ text-decoration:none; display:inline-block; position:relative; color:rgba(255,255,255,1); background-color:rgba(0,37,80,1); background-image:url(../images/ico_arrow_left_w.png); background-repeat:no-repeat; background-size:16px; background-position:20px 50%; -webkit-transition: background-color 0.20s ease-in-out; -moz-transition: background-color 0.20s ease-in-out; -ms-transition: background-color 0.20s ease-in-out; -o-transition: background-color 0.20s ease-in-out; }

.buttonWRight 			{ text-decoration:none; display:inline-block; position:relative; color:rgba(255,255,255,1); height:36px; padding-left: 25px; padding-right:50px; font-size: 12px; line-height: 34px; border-radius: 17px; letter-spacing: 1px; border: 2px solid #ffffff; text-transform: uppercase; margin-left: 10px; margin-right: 10px; background-image:url(../images/ico_arrow_right_w.png); background-repeat:no-repeat; background-size:16px; background-position:calc(100% - 20px) 50%; -webkit-transition: background-color 0.40s ease-in-out; -moz-transition: background-color 0.40s ease-in-out; -ms-transition: background-color 0.40s ease-in-out; -o-transition: background-color 0.40s ease-in-out; }
.buttonWRight:hover 	{ text-decoration:none; display:inline-block; position:relative; color:rgba(255,255,255,1); color:rgba(0,37,80,1); background-color:rgba(255,255,255,1); background-image:url(../images/ico_arrow_right_b.png); background-repeat:no-repeat; background-size:16px; background-position:calc(100% - 20px) 50%; -webkit-transition: background-color 0.20s ease-in-out; -moz-transition: background-color 0.20s ease-in-out; -ms-transition: background-color 0.20s ease-in-out; -o-transition: background-color 0.20s ease-in-out; }
.buttonWLeft 			{ text-decoration:none; display:inline-block; position:relative; color:rgba(255,255,255,1); height:36px; padding-left:50px; padding-right:25px; font-size: 12px; line-height: 34px; border-radius: 17px; letter-spacing: 1px; border: 2px solid #ffffff; text-transform: uppercase; margin-left: 10px; margin-right: 10px; background-image:url(../images/ico_arrow_left_w.png); background-repeat:no-repeat; background-size:16px; background-position:20px 50%; -webkit-transition: background-color 0.40s ease-in-out; -moz-transition: background-color 0.40s ease-in-out; -ms-transition: background-color 0.40s ease-in-out; -o-transition: background-color 0.40s ease-in-out; }
.buttonWLeft:hover 		{ text-decoration:none; display:inline-block; position:relative; color:rgba(255,255,255,1); color:rgba(0,37,80,1); background-color:rgba(255,255,255,1); background-image:url(../images/ico_arrow_left_b.png); background-repeat:no-repeat; background-size:16px; background-position:20px 50%; -webkit-transition: background-color 0.20s ease-in-out; -moz-transition: background-color 0.20s ease-in-out; -ms-transition: background-color 0.20s ease-in-out; -o-transition: background-color 0.20s ease-in-out; }


a.maillink {
    text-decoration: none;
    color: #002653
}

a.maillink:hover {
    text-decoration: underline
}

.pnav {
    display: inline-block;
    float: right;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: 84px;
    color: rgba(255, 255, 255, .8);
    font-family: OpenSansCondensed;
    font-weight: 700;
    font-size: 14px;
    padding-left: 5px;
    padding-right: 5px;
    height: 36px;
    line-height: 34px;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.pnav:before,
.slice,
.slicebg {
    position: absolute
}

.pnav:before {
    content: "";
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.pnav:active,
.pnav:focus,
.pnav:hover {
    color: #002651
}

.pnav:active:before,
.pnav:focus:before,
.pnav:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}


/* NEW BLUE PRIMARY NAVIGATION FOR SWITCHBAR */
.pnavBlue { display: inline-block; float: right; text-transform: uppercase; text-decoration: none; margin-top: 84px; color:rgba(0,38,81,1.0); font-family: OpenSansCondensed; font-weight: 700; font-size: 14px; padding-left: 5px; padding-right: 5px; height: 36px; line-height: 34px; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: .3s; transition-duration: .3s }
.pnavBlue:before,.slice,.slicebg { position: absolute }
.pnavBlue:before { content: ""; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background:rgba(0,38,81,1); -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out }
.pnavBlue:active,.pnavBlue:focus,.pnavBlue:hover { color:rgba(255,255,255,1); } /* textfarbe bei hover */
.pnavBlue:active:before,.pnavBlue:focus:before,.pnavBlue:hover:before { -webkit-transform: scaleY(1); transform: scaleY(1) }



.pnavB {
    display: inline-block;
    float: right;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: 84px;
    color: rgba(255, 255, 255, .8);
    font-family: OpenSansCondensedSemiBold;
    font-weight: 700;
    font-size: 14px;
    padding-left: 5px;
    padding-right: 5px;
    height: 36px;
    line-height: 34px;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.pnavB:before,
.slice,
.slicebg {
    position: absolute
}

.pnavB:before {
    content: "";
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.pnavB:active,
.pnavB:focus,
.pnavB:hover {
    color: #002651
}

.pnavB:active:before,
.pnavB:focus:before,
.pnavB:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}



.slicebg {
    width: 100vw;
    height: 100vh;
    background-image: url(../images/stage_xmas2025_green.webp);
    background-size: cover;
    background-position: center 70%
}

.slice {
    margin-top: 150px;
    top: 0;
    left: 0;
    height: 100%;
    width: 100px;
    overflow: hidden;
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0
}

.swiper-container {
    width: 100%
}

@media (min-width:0px) and (max-width:1090px) {
    #menuStripDesktop {
        display: none!important
    }
}


@media (min-width:0px) and (max-width:840px) {
	.ifokusblockHeadline { font-size:22px !important; }
}



@media (min-aspect-ratio:1/1000) and (max-aspect-ratio:1000/1000) {
    .iprofilblockA,
    .iprofilblockB,
    .leistungenBox {
        width: 100%!important
    }

	.ifokusblockA,.ifokusblockB { width:100%!important; height:auto !important; padding-top:20px !important; padding-bottom:20px !important; }
	.ifokusblockB { align-items:center !important; height:auto !important; padding-top:20px !important; padding-bottom:20px !important; }

    #logo {
        left: 5%!important;
        right: 5%!important
    }
    .iprofilblockA {
        order: 1!important;
        border-right: 0 dotted #fff!important;
        border-top: 1px dotted #fff!important;
        padding-left: 0!important
    }
    .iprofilblockB {
        order: 0!important;
        text-align: center!important
    }
    .iprofilbullet {
        padding-left: 0!important;
        background: 0 0
    }
    .leistungenBoxElement {
        border: 0!important
    }
    .leistungenArrow {
        display: none
    }
    h2 {
        font-size: 40px!important
    }

    h2.nachhaltigkeit {
        font-size: 30px!important
    }

    h2.sub {
        font-size: 24px!important;
        margin-bottom: -5px;
        line-height: 30px
    }
    .leistungenBoxElement,
    .leistungenBoxElement2 {
        padding-top: 10px!important;
        padding-bottom: 15px!important;
        border-bottom: 1px solid rgba(255, 255, 255, .3)!important
    }
}

@media (min-aspect-ratio:1/1000) and (max-aspect-ratio:600/1000) {
    .iprofilicon {
        width: 50%!important
    }
}

@media (min-width:0px) and (max-width:800px) {
    .factsText,
    .innerSwiper,
    .profilContent,
    .wrapperAuszeichnet {
        font-size: 16px!important;
        line-height: 22px!important
    }
}

@media (min-width:0px) and (max-width:640px) {
    #investitonsprofilWrapper {
        margin-top: 0!important
    }
}

@media (min-width:801px) and (max-width:9999px) {
    .transF,
    .transH {
        text-align: right!important
    }

    .transBox {
        height: 25vw!important;
    }
}

@media (min-width:420px) and (max-width:800px) {
    .transaktionenZoom {
        /*width: 18vw!important;
        height: 18vw!important;*/
    }
    .transBox {
        height: 50vw!important;
    }
}

@media (min-width:0px) and (max-width:419px) {

	#investmentsLabel 				{ display:none !important; }
	#investmentsLabelWhiteMobile  	{ display:flex !important; }

	#swiperTransaktionen			{ display:none !important; }
	#swiperTransaktionenMobile		{ display:block !important; }
}


@media (min-width:1300px) and (max-width:9999px) {
    .transaktionenCity {
        font-size: 30px!important
    }
    .transaktionenStreet {
        font-size: 15px!important
    }
}

@media (min-width:0px) and (max-width:399px) {
    .faktenPage1Pie {
        width: 100%!important;
        padding: 30px!important
    }
    .faktenPage1Legend {
        margin-top: -32px;
        font-size: 12px;
        width: 120px
    }
    .faktenPage1InfotextMio {
        font-size: 16px!important;
        line-height: 22px!important
    }
    .faktenPage1InfotextYear {
        font-size: 14px!important
    }
}

@media (min-width:400px) and (max-width:779px) {
    .faktenPage1Pie {
        width: 50%!important;
        padding: 30px!important
    }
    .faktenPage1Legend {
        margin-top: -32px;
        font-size: 12px;
        width: 120px
    }
    .faktenPage1InfotextMio {
        font-size: 15px!important;
        line-height: 20px!important
    }
    .faktenPage1InfotextYear {
        font-size: 13px!important
    }
}

@media (min-width:780px) and (max-width:9999px) {
    .faktenPage1Pie {
        width: 25%!important
    }
}

@media (min-width:0px) and (max-width:640px) {
    .faktenPage2Pie,
    .faktenPage3Pie {
        width: 100%!important
    }
    #circle10a,
    #circle20a,
    #circle21a {
        width: 70%!important;
        font-size: 5vw!important
    }
    .teamPic,
    .teamText {
        width: 100%!important
    }
    .teamPic {
        background-size: contain!important;
        background-position: center!important
    }
    .teamText {
        text-align: center!important;
        padding-bottom: 40px!important
    }
    .teamHead {
        margin-top: 20px!important
    }
}

@media (min-width:640px) and (max-width:939px) {
    .teamPic,
    .teamText {
        width: 50%!important
    }
}

@media (min-width:640px) and (max-width:940px) {
    .contactBox {
        font-size: 16px!important
    }
}

@media (min-width:0px) and (max-width:639px) {
    .contactBox {
        width: 100%!important;
        font-size: 16px!important
    }
    .contactBox div {
        margin-top: 0!important
    }
}

.nohyp {
    -moz-hyphens: manual;
    -o-hyphens: manual;
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
}