:root {
--main-color: #3F4E55;
--57px: 3.5625em;
--50px: 3.125em;
--45px: 2.8125em;
--35px: 2.1875em;
--34px: 2.125em;
--32px: 2em;
--30px: 1.875em;
--25px: 1.5625em;
--20px: 1.25em;
--18px: 1.125em;
--14px: 0.875em;
}
@font-face {
font-family: GothiaSerifRegular;
src: url("/assets_grawebg/style/fonts/GothiaSerif-Regular.woff2");
}
@font-face {
font-family: GothiaSerifLight;
src: url("/assets_grawebg/style/fonts/GothiaSerif-Light.woff2");
}
@font-face {
font-family: TitilliumRegular;
src: url("/assets_grawebg/style/fonts/TitilliumWeb-Regular.ttf");
}
@font-face {
font-family: TitilliumBold;
src: url("/assets_grawebg/style/fonts/TitilliumWeb-Bold.ttf");
}
@font-face {
font-family: TitilliumSemiBold;
src: url("/assets_grawebg/style/fonts/TitilliumWeb-SemiBold.ttf");
}
@font-face {
font-family: TitilliumLight;
src: url("/assets_grawebg/style/fonts/TitilliumWeb-Light.ttf");
}
html{overflow-x: hidden}
* { box-sizing: border-box; }
html, body, form, textarea, input, button, select, legend, h1, h2, h3, h4, h5, h6, p, ol, ul, table, td, th {
color: var(--main-color);
margin:0;
padding:0;
}
body {
background:#FFF;
text-align:center;
font:16px/1.231 TitilliumRegular,arial,helvetica,clean,sans-serif;
*font-size:small;
*font:x-small;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
html {
background-color: #fff;
overflow-y:scroll; 
}
#parentwrapper { min-width: 300px; }
#parent { position: relative;text-align: left; }
#header { position:relative; height: 90px;z-index: 9999; }
.scrolled #header-inner{background-color: #fff; transition: 0.5s; height: 60px}
.scrolled #header-inner-inner{height: 60px; transition: 0.5s}
#header-inner { position: fixed; top: 0; left: 0; width: 100%; z-index: 20; transition: 0.5s}
#header-top-bar { position: relative; display: inline-block; width: 100%; }
#logo { display: inline-block; vertical-align: middle; margin: 0; }
#logo a:link, #logo a:focus, #logo a:hover, #logo a:visited, #logo a:active { display:block; }
.scrolled #logo a{height: 60px;}
.scrolled #logo img{height: 40px; transition: 0.5s ease-out;}
#logo img { height: 70px; width: auto; transition: 0.5s }
#printlogo { display: none; }
#header-tools { display: none; }
#nav_toggle_button {
margin-right: 15px;
border-radius: 4px;
background-color: transparent;
padding: 9px 10px;
position: absolute;
top: 50%;
right: 0;
margin-top: -19px;
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
width: auto;
outline:none !important;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none; }
.scrolled #nav_toggle_button{ border: 1px solid #404E55;}
#nav_toggle_button:hover{ background-color: #404E55; }
#nav_toggle_button span { display: block; width: 22px; height: 2px; background-color: #35444d; margin-top: 4px; transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; }
#nav_toggle_button span:first-of-type { margin-top: 0; }
#navcontainer { vertical-align:middle; display: none; text-align: right; }
#content { position: relative; }
#footer { margin:0 ;padding:10px 0 30px;font-style:normal; background-color: #3F4E55; position: relative; z-index: 9999}
#footer-inner {margin: 0 auto; display: block; max-width: 1200px; padding: 0 5%}
#sitenav {font-weight:bold;list-style:none;left:20px;margin:0;padding:0;position:absolute;text-transform:uppercase;top:0;}
#sitenav li {display:inline;}
#sitenav a:link, #sitenav a:visited, #sitenav a:focus, #sitenav a:hover, #sitenav a:active {left:-1000px;position: absolute;top:-1000px;text-decoration:none;}
#sitenav a:focus, #sitenav a:active {left:0;position:relative;top:5px;white-space:nowrap;}
#nav {padding:0; color: #333333; display: block; text-align: left;	 }
#nav li { display:inline-block;list-style:none;list-style-image:none;letter-spacing:0;position:relative;vertical-align:top; margin: 15px 0; width: 100%;}
#nav li:hover, #nav li.hover {z-index:10;}
#nav a:link, #nav a:visited, #nav a:focus, #nav a:hover, #nav a:active, #nav strong {
text-decoration:none;
border: none;
color: #3F4E55;
font-family: TitilliumSemiBold;
letter-spacing: 0.42px;
position: relative;
z-index: 9999;
text-transform: uppercase
}
#nav .subnav a:link, #nav .subnav a:visited, #nav .subnav a:focus, #nav .subnav a:hover, #nav .subnav a:active, #nav .subnav strong{ font-family: TitilliumLight; text-transform: none}
#nav strong{font-weight: normal}
#nav .issub a:link, #nav .issub a:visited, #nav .issub a:focus, #nav .issub a:hover, #nav .issub a:active, #nav .issub strong { text-transform:none;}
#nav a.m:link, #nav a.m:visited, #nav a.m:focus, #nav a.m:hover, #nav a.m:active, #nav strong.m { }
#nav .active a.m:link, #nav .active a.m:visited, #nav .active a.m:focus, #nav .active a.m:hover, #nav .active a.m:active, #nav .active strong.m,
#nav a.m:focus, #nav a.m:hover, #nav a.m:active, #nav strong.m,
#nav li:hover a.m:link, #nav li:hover a.m:visited, #nav li:hover a.m:focus, #nav li:hover a.m:hover, #nav li:hover a.m:active, #nav li:hover strong.m,
#nav li.hover a.m:link, #nav li.hover a.m:visited, #nav li.hover a.m:focus, #nav li.hover a.m:hover, #nav li.hover a.m:active, #nav li.hover strong.m { text-decoration: underline; }
#nav strong { text-decoration: underline; }
#nav ul {background-color:#fff;left:-10000px;list-style:none;margin:0;padding-bottom: 5px; text-align:left;top:-10000px;max-width:700px;}
#nav ul li {display:list-item;float:none;line-height:1.2;}
#nav ul ul a:link, #nav ul ul a:visited, #nav ul ul a:focus, #nav ul ul a:hover, #nav ul ul a:active, #nav ul ul strong {color:#fff;display:block;padding:5px 15px;text-transform:uppercase;white-space:nowrap;}
#nav ul a:focus, #nav ul a:hover, #nav ul a:active, #nav ul strong {color:#4b4b4d;}
#nav li a.plus {
display:block;
position:absolute;
top:0;
right: -60px;
width:30px;
height:20px;
overflow:hidden;
text-decoration:none;
margin:0;
padding:0;
border:0 none;
z-index:10;
transition: 0.3s;
}
.popupwrap{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
z-index: 99999;
}
.popup { position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
padding: 20px;
background-color: #fff;
width: calc(90% - 5px);
max-width: 800px;
}
.popup a { text-decoration: underline !important; }
.popupclose { position: absolute;
right: 20px;
top: 30px;
padding: 5px;display: inline-block;
text-indent: -999em;background-color: transparent;
width:20px;height:20px; }
.popupclose::before {
border: 1px solid;
width: 20px;
height: 0px;
content: '';
position: absolute;
top: 0;
left: 0;
transform: rotate(45deg);
}
.popupclose::after {
border: 1px solid;
width: 20px;
height: 0px;
content: '';
position: absolute;
top: 0;
left: 0;
transform: rotate(-45deg);
}
#topimage { background-position:center center;background-size:cover; position: relative}
#topimage.half{height: 50vh}
#topimage.full{height: 100vh}
#topimage.circle{top: 0 !important; margin-bottom: 0 !important}
#topimage.full .topimage-inner, #topimage.half .topimage-inner{width: 100%; position: absolute}
.homeimage  { padding: 16px 0; }
.homeimage .title, .homeimage .subtitle {
display: block;
hyphens: none;
margin: 0;
}
#topimage.circle .topimage-inner{
position: relative;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
left: unset !important;
bottom: unset !important;
}
#topimage.circle .topimage-inner::before{
content: "";
width: calc(100% - 1px);
height: calc(100vw/2);
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
border: 1px solid;
border-radius: 50%;
max-height: calc(100vh - 199px);
max-width: calc(100vh - 200px);
background-color: transparent;
}
#topimage.circle .topimage-inner *{
max-width: 60%;
position: relative;
left: 50%;
transform: translateX(-50%);
padding: 0;
hyphens: auto
}
#topimage.circle .topimage-inner .title{position: relative}
#topimage.circle .topimage-inner .title::before{
content: "";
width: 35px;
height: 1px;
position: absolute;
top: -0.3em;
left: 0
}
#topimage.circle .pname{
margin: 0;
font-family: GothiaSerifLight;
font-size: var(--18px);
padding-left: 45px;
position: relative;
}
#topimage.circle .pname::before, #topimage.circle .pname::after{
content: "";
position: absolute;
top: 50%;
left: 30px;
width: 8px;
height: 1px
}
#topimage.circle .pname::before{transform: translateY(calc(-50% + 3px)) rotate(-45deg)}
#topimage.circle .pname::after{transform: translateY(calc(-50% - 2px)) rotate(45deg)}
#topimage.circle .title{font-family: GothiaSerifRegular;}
.homeimage .title {
line-height: 1;
font-family: GothiaSerifLight;
font-size: var(--45px);
}
.homeimage .subtitle {
font-family: TitilliumLight;
letter-spacing: 1px;
line-height: 1.1;
font-size: var(--25px);
margin-top: 10px;
}
#topimage.circle .subtitle{font-family: TitilliumBold; font-size: var(--35px);}
.homeimage .scroll_down:link, .homeimage .scroll_down:hover, .homeimage .scroll_down:visited, .homeimage .scroll_down:focus, .homeimage .scroll_down:active {width: 52px; height: 52px; background-color: #FFFFFF; background-repeat: no-repeat; background-size: 14px 14px; background-position:center 20px; background-image: url(gfx/scroll_down.svg); border-radius: 50%; display: none ; opacity: 0.7; -webkit-transition: all 0.7s ease; transition: all 0.7s ease; }
.homeimage .scroll_down:hover { -webkit-box-shadow: 0px 0px 15px 5px rgba(255, 255, 255, 0.4); box-shadow: 0px 0px 15px 5px rgba(255, 255, 255, 0.4);         -webkit-animation-name: hvr-wobble-vertical; animation-name: hvr-wobble-vertical; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }
@-webkit-keyframes hvr-wobble-vertical { 16.65% { -webkit-transform:translateY(8px);transform:translateY(8px); } 33.3% { -webkit-transform:translateY(-6px); transform:translateY(-6px); } 49.95% { -webkit-transform:translateY(4px);transform:translateY(4px); } 66.6% { -webkit-transform: translateY(-2px);transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px);transform: translateY(1px); } 100% { -webkit-transform: translateY(0);transform: translateY(0); } }
@keyframes hvr-wobble-vertical{ 16.65% { -webkit-transform:translateY(8px);transform:translateY(8px); } 33.3% { -webkit-transform:translateY(-6px);transform:translateY(-6px); } 49.95% { -webkit-transform:translateY(4px);transform:translateY(4px); } 66.6% { -webkit-transform:translateY(-2px);transform:translateY(-2px); } 83.25% { -webkit-transform:translateY(1px);transform:translateY(1px); } 100% { -webkit-transform:translateY(0);transform:translateY(0); } }
.swiper-container_header { overflow:hidden;position:relative; }
.topimg li { max-height: 500px;overflow: hidden; }
.topimg img { width:100%; height: auto;display: block; }
.trend-siegel { height:100px;position:absolute;top:10px;right:20px;width:54px;z-index:99; }
#snav ul {list-style:none;list-style-image:none;margin:0;padding:0;}
#snav li {list-style-image:none;}
#snav a:link, #snav a:visited, #snav a:focus, #snav a:hover, #snav a:active, #snav strong {border-color: #919394;color: #919394;display:block;font-weight:normal;text-decoration:none;}
#snav a:focus, #snav a:hover, #snav a:active {border-color:#4b4b4d;color:#4b4b4d;}
#snav a.active:link, #snav a.active:visited, #snav a.active:focus, #snav a.active:hover, #snav a.active:active, #snav strong {border-color:#d10d1f;color:#d10d1f;}
#snav a.u:link, #snav a.u:visited, #snav a.u:focus, #snav a.u:hover, #snav a.u:active, #snav strong.u {border-bottom-width:1px; border-bottom-style:solid;padding:5px 5px 3px 20px; text-transform:uppercase;}
#snav a.u:focus, #snav a.u:hover, #snav a.u:active, #snav strong.u {}
#snav ul ul {list-style:none;list-style-image:none;margin:0;padding:0 0 0 20px;}
#snav ul ul a:link, #snav ul ul a:visited, #snav ul ul a:focus, #snav ul ul a:hover, #snav ul ul a:active, #snav ul ul strong { background:url(gfx/dot-light-grey.png) no-repeat 0 .5em;padding:.2em 0 .2em 15px;}
#snav ul ul a:focus, #snav ul ul a:hover, #snav ul ul a:active {background-image:url(gfx/dot-dark-grey.png);}
#snav ul ul strong {background-image:url(gfx/dot-red.png);}
address { font-style:normal; }
#mnav ul {list-style:none;margin:0 -10px; padding:0;text-align:center;}
#mnav li {display:inline-block;list-style-image:none; border-right: 1px solid #FFFFFF; }
#mnav li:last-of-type { border-right: none; }
#mnav a:link, #mnav a:visited, #mnav a:focus, #mnav a:hover, #mnav a:active, #mnav strong {
color: #ECEAE8;
display:block;
font-weight:normal;
text-decoration:none;
text-transform: uppercase;
padding: 0 10px;
font-size: var(--14px);
font-family: TitilliumRegular;
}
#mnav a.active:link, #mnav a.active:visited, #mnav a.active:focus, #mnav a.active:hover, #mnav a.active:active,
#mnav a:focus, #mnav a:hover, #mnav a:active, #mnav strong {color:#FFFFFF; text-decoration:underline;}
#partnerlinks { list-style: none; padding: 25px 0; }
#partnerlinks > li { padding: 7px 10px 8px 0; font-size: var(--14px); width: 100%; display: inline-block; vertical-align: top; text-align: left}
#partnerlinks > li * { color: #ECEAE8; }
#partnerlinks h5{font-family: TitilliumBold; font-weight: normal}
#partnerlinks .contactinfo { margin: 0; font-family: TitilliumRegular; }
#cookie-banner { background:#DDD;bottom:0;box-shadow:0 0 5px #666;padding:10px 20px;position:fixed;width:100%;z-index:999; }
#cookie-banner .inner { margin:0 auto;max-width:960px; }
.cookie-text-wrap { font-size:.8em;text-align:left; }
.cookie-text-wrap, .cookie-confirm-wrap { display:inline-block;vertical-align:middle; }
.cookie-confirm-wrap { margin-top:20px;text-align:right; }
.cookie-confirm-wrap .button:first-child { margin:0 !important; }
.cookie-confirm-remember { display:none;font-weight:bold;margin:0 auto;text-align:left; }
#cookie-banner.rememberalert .cookie-confirm-remember { display:block; }
a.button:focus, a.button:hover, a.button:active, button:focus, button:hover, button:active, input:focus, select:focus, textarea:focus{box-shadow: none !important}
a.button:link, a.button:visited, a.button:focus, a.button:hover, a.button:active, button{
font-weight: normal !important;
font-family: TitilliumBold;
color: var(--main-color) !important;
background-color: transparent !important;
position: relative;
right: 20px;
}
a.button::after{
content: "";
background: url("icons-svg/icon-arrow.svg") center no-repeat;
background-size: contain;
width: 30px;
height: 15px;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -20px;
}
.video-container { position: relative; padding-bottom: 50%;  padding-top: 25px; height: 0; margin: 17px 0; }
.video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
ul.article {list-style:none; list-style-image:none;margin:0;padding:0;}
.article li.cfix {border-bottom:1px dotted #666;padding:12px 0 7px;}
.article .title {margin-top:0;}
.article .subtitle {font-size:1em;margin:.2em 0;line-height: 1.5;}
.date {margin:0;}
div.gal-list {margin:1.4em 0;}
ul.gal-list {list-style:none;list-style-image:none;margin:0;padding:0;}
.gal-list li.item {border-bottom:1px solid #DCEEDC;padding:15px 0;}
.gal-list li.item:last-child {border-bottom:0 none;}
.gal-list .gal-thumbs {display:inline;margin:0;}
.gal-list .gal-link {float:left;font-size:0.85em;height:59px;margin:0;padding:4px 0 0;width:78px;}
.gal-link a:link, .gal-link a:visited, .gal-link a:focus, .gal-link a:hover, .gal-link a:active {background-color:#378B37;color:#fff;display:block;height:49px; padding:5px 10px;text-decoration:none;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;vertical-align:bottom; text-align:right;width:58px;}
.gal-link a:focus, .gal-link a:hover, .gal-link a:active {background-color:#fff;color:#378B37;}
ul.gal-thumbs {list-style:none;list-style-image:none;margin:0 -5px 0 0;padding:0;}
.gal-thumbs li {float:left;height:59px;margin:4px 4px 0 0;width:78px;}
.gal-thumbs li.active {margin-top:2px;height:61px;}
.gal-thumbs img {height:59px;-moz-transform-origin: center center;-ms-transform-origin: center center;-o-transform-origin: center center;-webkit-transform-origin: center center;transform-origin: center center;-moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out;  -webkit-transition: all 0.1s ease-out;transition: all 0.1s ease-out;vertical-align:bottom;width:78px;}
.gal-thumbs a:link, .gal-thumbs a:visited, .gal-thumbs a:focus, .gal-thumbs a:hover, .gal-thumbs a:active {display:block;}
.gal-thumbs a:focus, .gal-thumbs a:hover, .gal-thumbs a:active {}
.gal-thumbs a:focus img, .gal-thumbs a:hover img, .gal-thumbs a:active img { -moz-box-shadow: 0px 0px 4px #000;-ms-box-shadow: 0px 0px 4px #000;-webkit-box-shadow: 0px 0px 4px #000;box-shadow: 0px 0px 4px #000;margin:-3px -4px;height:64px !important; position:relative;width:86px !important;}
.gal-thumbs li.active img {border-top:2px solid #378B37;}
ul.gal-nav {list-style:none;list-style-image:none;margin:.3em 0;padding:.5em 7em ;position:relative; text-align:center;}
.gal-nav li {display:block;padding:4px 0;}
.gal-nav .prev, .gal-nav .next {position:absolute;top:.5em;padding:0;}
.gal-nav .next {right:0;}
.gal-nav .prev {left:0;}
.gal-nav a:link, .gal-nav a:visited, .gal-nav a:focus, .gal-nav a:hover, .gal-nav a:active {border:1px solid #B4B4B6;color:#D71313;padding:3px 10px;position:relative;text-decoration:none;}
.gal-nav a:focus, .gal-nav a:hover, .gal-nav a:active {border-color:#6D6D71;}
.gal-nav .next a:link, .gal-nav .next a:visited, .gal-nav .next a:focus, .gal-nav .next a:hover, .gal-nav .next a:active {display:block;}
.gal-nav .prev a:link, .gal-nav .prev a:visited, .gal-nav .prev a:focus, .gal-nav .prev a:hover, .gal-nav .prev a:active {display:block;}
.gal-img {text-align:center;}
.gal-img-descr {text-align:center;}
.module_careerhome #content{max-width: unset !important}
.module_careerhome #footer{margin: 0}
.module_careerhome .swiper-container_header{}
.max820 {width:100%; margin: 0 auto; }
.max1140 { max-width: 1200px;width:100%; margin: 0 auto; }
.linkbox { padding: 80px 0; }
.textwhite ul, .textgray ul { max-width: max(320px, 60%); list-style-type: none}
.textwhite li, .textgray li {margin: 0 0 20px 0;padding: 0 0 0 40px; position: relative}
.textwhite li::before, .textgray li::before{
content: "";
background: url("icons-svg/icon-arrow.svg") no-repeat center;
background-size: contain;
width: 30px;
height: 15px;
position: absolute;
top: 3px;
left: 0;
}
.benefits-list li{padding: 0}
.linkbox ul {
text-align: right;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.linkbox li {
width: min(90%, 350px);
margin: 0 0 20px 0;
background-color: #ECEAE8;
min-height: 60px;
position: relative;
overflow: hidden;
transition: all .4s ease;
-webkit-transition: all .4s ease;
}
.linkbox li .bg {
width: 100%;
height: 190px;
left: 0;
top: 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
max-width: unset;
}
.linkbox li:hover { transform: scale(1.05);  	transition: all .4s ease;	-webkit-transition: all .4s ease; }
.linkbox a { position: relative; width: 100%; height: 100%; top: 0; left: 0; }
.linkbox div {
position: relative;
bottom: 0;
height: 60px;
width: 100%;
background-color:#ECEAE8;
color: var(--main-color);
line-height: 60px;
font-family: TitilliumBold;
padding-right: 50px;
}
.linkbox a div::after{
content: "";
position: absolute;
width: 30px;
height: 15px;
right: 10px;
top: 50%;
transform: translateY(-50%);
background: url("icons-svg/icon-arrow.svg") center no-repeat;
background-size: cover;
}
.module_careerhome #content,.module_careerinitiativ #content ,.module_careerteam #content,.module_careerjobs #content { padding-top: 0; padding-bottom: 0; }
aside.career { width: 50px;position: fixed; bottom:100px; right: 0;z-index: 999; }
aside.career li {
width: 100%;
height: 50px;
margin: 0 0 5px 0;
background-color:#3F4E55;
position: relative;
transition: all .4s ease;
-webkit-transition: all .4s ease;
}
aside.career li:hover { background-color: #35444D; }
aside.career a {
position: absolute;
width: 100%;
height: 100%;
text-decoration: none;
border: none !important;
}
aside.career span {
color: #ECEAE8;
position: absolute;
font-size: 1em;
top: 50%;
left: 0;
transform: translate(0,-50%);
display: inline-block;
padding-left: 60px;
}
aside.career span:before{
content: '';
background-repeat: no-repeat;
background-size: contain;
width: 20px;
height: 19px;
position: absolute;
top: 50%;
left: 20px;
-webkit-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
transform: translate(0,-50%);
}
aside.career li:nth-child(1) span:before { background-image: url("icons-svg/briefcase.svg");}
aside.career li:nth-child(2) span:before { background-image: url("icons-svg/benefits.svg");}
aside.career li:nth-child(3) span:before { background-image: url("icons-svg/comment-quote.svg"); }
.module_careerhome .jobs h3 {
background-color: #4F7C91;
padding: 30px 0;
font-weight: normal;
text-transform: none;
color: #ECEAE8;
line-height: 1.1;
}
.jobinfo-slide-image h3{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 70%;
background-color: transparent !important;
}
.jobs > ul > li{ padding-bottom: 70px;}
.module_careerhome .jobs h3 span{ font-family: TitilliumBold}
.module_careerhome .jobs li { background-color: #4F7C91; }
.module_careerhome .swiper-pagination { display: none;  margin-top:-8px;position:initial; }
.module_careerhome .swiper-pagination-bullet { width:50px;height: 10px; background-color: #c8cdd0;display: inline-block;margin: 0 15px 0 0;opacity:1; }
.module_careerhome .swiper-pagination-bullet-active { background-color: #35444d; }
.jobinfo-slide-inner { margin:0 auto;max-width:1200px; border: 1px solid #ECEAE8 }
.jobinfo-slide-image { 	position: relative}
.jobinfo-slide-image::before{
content: "";
width: calc(100% - 1px);
height: calc(100% - 1px);
border: 1px solid #ECEAE8;
border-radius: 50%;
top: 0;
left: 0;
position: absolute;
}
.jobinfo_wrap { width:100%; }
.jobinfo_wrap a.button {
box-shadow:none !important;
background-color: transparent !important;
position: relative;
margin-bottom: 60px !important;
font-family: TitilliumBold;
font-weight: normal!important;
color: #ECEAE8 !important;
}
.jobinfo_wrap .button::after{
content: "";
background: url("icons-svg/icon_arrow_white.svg") center no-repeat;
background-size: contain;
width: 20px;
height: 10px;
position: absolute;
right: -15px;
top: 50%;
transform: translateY(-50%);
}
.jobinfo-slide-image img { height:auto;width:100%; }
.jobinfo-content {position:relative; }
.jobinfo-content *{ color: #ECEAE8}
.jobinfo-content ul{list-style-type: none; padding: 15px 0}
.jobinfo-content li{padding-left: 30px !important; position: relative}
.jobinfo-content li::before{
content: "";
background: url("icons-svg/icon_arrow_white.svg") no-repeat center;
background-size: auto;
background-size: contain;
width: 20px;
height: 15px;
position: absolute;
top: 3px;
left: 0;
}
.swiper-button-next:after, .swiper-button-prev:after { content:none; }
.swiper-button-next, .swiper-button-prev {
background:url("gfx/swiper-next.svg") center center / contain no-repeat;
height:40px;
width:140px;
top: 55px;
}
.swiper-button-next { right:20px; }
.swiper-button-prev { left:20px;transform:rotate(180deg); }
.shortlinks { margin: 80px -15px 0 -15px;background: #DFE3E4; }
.shortlinks { padding: 20px 15px; }
.shortlinks li { padding: 20px 0; }
.shortlinks a,.shortlinks a:link, .shortlinks a:visited {  position: relative;font-size: 1.5em;text-decoration: none;border: none; }
.shortlinks a:hover, .shortlinks a:active, .shortlinks a:focus {  border-bottom: 1px solid #c0c3c4; }
.shortlinks a:after { content: '';background-image: url("gfx/arrow.svg"); background-size: 35px; background-repeat: no-repeat; width: 35px;height: 35px; position: absolute; top:-5px; right: -50px;  transform: rotate(-90deg) ;-webkit-transform: rotate(-90deg) ;-ms-transform: rotate(-90deg); }
.module_careerjobs a.button {
padding: 15px 20px 15px 15px !important;
border-radius: 0px !important;
position: relative;
text-align: left !important;
}
.module_careerinitiativ a.button{ padding-left: 0 !important}
body.module_careerteam #content{max-width: unset !important}
.module_careerteam #footer{margin: 0}
.module_careerteam .team .img { width: 300px;height: 300px;border-radius: 50%;background-position: center;background-size: cover;margin: 0 auto; }
.module_careerteam .infos ul{ width: fit-content; margin: 0 auto}
.module_careerteam .attributes li {
display: inline-block;
width: auto;
text-align: center;
margin: 0 10px;
vertical-align: top;
position: relative
}
.module_careerteam .attributes li::after{
content: '';
background-color: #404F55;
position: absolute;
width: 1px;
height: 100%;
right: -10px;
top:0;
}
.module_careerteam .attributes li:first-child { margin: 0 10px 0 0; }
.module_careerteam .attributes li:last-child { margin: 0 0 0 10px; }
.module_careerteam .attributes li span{ position: relative;hyphens: auto; }
.module_careerteam .readmore {
display: block;
position: relative;
border: none;
margin: 30px 0 0 0;
font-family: TitilliumBold;
width: fit-content;
}
.module_careerteam .readmore::before, .module_careerteam .readmore::after {
content: '';
position: absolute;
height: 2px;
width: 10px;
top:50%;
right: -20px;
background-color: var(--main-color);
}
.module_careerteam .readmore::after{ transform: translateY(-50%) rotate(90deg); transition: 0.3s ease;}
.module_careerteam .readmore.active::after{ transform: translateY(-50%) rotate(0deg)}
.module_careerteam .readmore::before{ transform: translateY(-50%)}
.module_careerteam .text2 { display: none; }
.module_careerteam article{padding: 40px 0}
.module_careerteam article:first-of-type{padding-top: 0}
.module_careerteam article:nth-of-type(2n){background-color: #4F7C91}
.module_careerteam article:nth-of-type(2n) *{ color:#ECEAE8 }
.module_careerteam article:nth-of-type(2n) *::before, .module_careerteam article:nth-of-type(2n) *::after{background-color: #ECEAE8}
.module_careerteam .team-inner, .module_team_config_head{
width: min(90%, 1200px);
margin: 0 auto;
}
.module_formmail #initiativbewerbung { max-width: 1140px; margin: 0 auto; }
.module_careerinitiativ #content-wrap { margin: 0 0 80px 0; }
.module_careerjobs #content { padding: 0 !important; }
.module_careerjobs .topimg { margin: 0 !important; }
.module_careerjobs .filter {padding: 20px 0;position: relative; }
.module_careerjobs .nojobs { padding: 30px 0; }
.module_careerjobs .items{margin-bottom: 30px}
.module_careerjobs .filter-inner, .module_careerjobs .items-inner { margin: 0 auto;max-width: 1400px;}
.module_careerjobs .nojobs { margin: 0 auto;max-width: 1140px;padding: 30px 15px; }
.module_careerjobs .content-inner h2 { display: inline-block;margin: 0; }
.module_careerjobs.detail .content-inner h2{display: none}
.module_careerjobs .content-inner h2 span { color: #94A2A5; font-size: 0.5em; font-weight: normal}
.module_careerjobs .filter-inner input, .module_careerjobs .filter-inner select { background-color:transparent;padding: 10px;width: 100%; }
.module_careerjobs .filter-inner select {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border: 1px solid #404E55;
float: none;
height: 39px;
border-top: none;
border-left: none;
border-right: none;
}
.module_careerjobs .filter-inner select::-ms-expand { display: none; }
.module_careerjobs .select-wrapper { position: relative; display: inline-block;vertical-align: top;width: 100%;margin: 0 0 10px 0; }
input, select, textarea{
border-color: #404E55 !important;
border-top: none !important;
border-left: none !important;
border-right: none !important;
}
input::placeholder{ color: #AEB3B6}
.module_careerjobs .filter-inner input { float: none;display: inline-block;vertical-align: top;margin: 0 0 10px 0; }
.module_careerjobs form { position: relative;padding: 2.5em 0 3em 0;margin: 0; }
.module_careerjobs button#search {
display: inline-block;
background-color: #ECEAE8 !important;
font-family: TitilliumRegular !important;
}
.module_careerjobs button#search:hover{text-decoration: none}
.module_careerjobs .tail { padding: 30px 0; }
.module_careerjobs .article { border-bottom: 1px solid #F2F2F2; }
.module_careerjobs .article a,.module_careerjobs .article a:hover, .module_careerjobs .article a:active, .module_careerjobs .article a:link, .module_careerjobs .article a:visited, .module_careerjobs .article a:focus { text-decoration: none;border: none;padding: 15px 5px;display: block; }
.module_careerjobs .article:hover { background-color: #CFDEE2; }
.module_careerjobs .items .title, .module_careerjobs .items .location, .module_careerjobs .items .company, .module_careerjobs .items .workrange { width: 100%;display: block;margin: 10px 0;min-height: 20px; }
.module_careerjobs .detail-inner { margin:0 auto;max-width: min(1200px, 90%);  position: relative}
.module_careerjobs .infos { background-color:#4F7C91;padding: 20px 0; min-height: 50vh; position: relative;}
.module_careerjobs .infos > .detail-inner{
position: absolute;
bottom: 5vh;
width: min(1200px, 90%);
left: max(5%, calc(50% - 600px));
}
.module_careerjobs .infos *{ color: #ECEAE8}
.module_careerjobs .infos h1{ margin-top: 0}
.module_careerjobs p.initiative { text-align: center;margin: 0 0 30px 0; position: relative; right: 20px}
.module_careerjobs .browse { margin:20px auto;max-width:1400px; padding: 0 30px }
.module_careerjobs-detail .subdate {
font-size: var(--20px);
font-family: GothiaSerifLight;
}
.module_careerjobs-detail .company, .module_careerjobs-detail .location, .module_careerjobs-detail .workrange, .module_careerjobs-detail .attribute{
padding: 0 0 0 40px;
position: relative;
font-family: TitilliumSemiBold;
}
body.module_careerjobs.detail #content{
max-width: unset !important;
margin: 0 auto
}
.module_careerjobs.detail #nav a:link, .module_careerjobs.detail #nav a:visited, .module_careerjobs.detail #nav a:focus, .module_careerjobs.detail #nav a:hover, .module_careerjobs.detail #nav a:active, .module_careerjobs.detail #nav strong{ color: #ECEAE8}
.module_careerjobs.detail #nav li:hover a:link, .module_careerjobs.detail #nav li:hover a:visited, .module_careerjobs.detail #nav li:hover a:focus, .module_careerjobs.detail #nav li:hover a:hover, .module_careerjobs.detail #nav li:hover a:active, .module_careerjobs.detail #nav li:hover strong{ color: var(--main-color);}
.module_careerjobs.detail #logo img{content: url("/assets_grawebg/content/gbg_white_2022.svg");}
.module_careerjobs.detail #header-inner{background-color: #4F7C91}
.module_careerjobs-detail .company::before, .module_careerjobs-detail .location::before, .module_careerjobs-detail .workrange::before, .module_careerjobs-detail .attribute::before{
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
width: 25px;
height: 12px;
background: url("icons-svg/icon_arrow_white.svg") no-repeat center;
background-size: contain;
}
.module_careerjobs-detail .shortinfo { margin: 20px 0; }
.module_careerjobs-detail hr { margin:30px 0; }
.consultant hr { margin: 15px 0; }
.consultant a.button{
font-family: TitilliumRegular !important;
background-color: #ECEAE8 !important;
margin-top: 10px !important;
width: 100%;
text-align: center !important;
position: relative;
left: 0;
}
.consultant a.button::after{content: none;}
.consultant a.button:hover{text-decoration: none}
.module_careerjobs-detail .jobcontent { margin: 50px 0 0 0; }
.jobcontent ul{ list-style-type: none; margin-left: 35px}
.jobcontent ul li{ margin: 10px 0; position: relative; padding-left: 35px}
.jobcontent ul:not(.benefits) li::before{
content: "";
background: url("gfx/li-marker.svg") no-repeat center;
background-size: contain;
width: 25px;
height: 12px;
position: absolute;
top: 4px;
left: 0;
}
.module_careerjobs-detail .shortlinks { margin: 80px 0 0 0; }
.module_careerjobs-detail .benefits { margin: 50px 0 0 0; padding: 0; }
.module_careerjobs-detail .benefits li { margin: 0; padding: 0; list-style: none; display: inline-block; width: 50%;font-size: 0.8571428571428571em;text-align: center; vertical-align: top;  }
.benefits img {
width: 54px;
height: auto;
max-height: 54px;
}
.module_careerjobs-detail .benefits li:nth-child(even) { padding: 0 0 25px 10px; }
.module_careerjobs-detail .benefits li:nth-child(odd) { padding: 0 10px 25px 0; }
.benefits-list {
padding: 0;
margin: 0;
width: 100%;
max-width: 100% !important;
}
.benefits-list li::before {
background: none;
}
.benefits-list p:first-child img{max-height: 20px;}
.benefits-list p {
display: inline-block;
width: calc(100% - 30px);
vertical-align: top;
margin: 0;
}
.benefits-list p:first-child {
display: inline-block;
width: 20px;
margin: 0 5px 0 0;
}
.benefits-list p:first-child img {
width: 100% !important;
height: auto !important;
}
.module_careerjobs-detail .salary { font-size: 2em; font-family: GothiaSerifRegular; font-weight: 600; }
.module_careerjobs-detail .salary img{max-width: 50px}
.module_careerjobs-detail .consultant img { width:100%; max-width: 340px; height: auto; }
.module_careerjobs-detail .dback{ display: none; }
.module_careerjobs-detail .consultant .cinner { width: min(100%, 300px);margin: 0 auto; }
.module_careerjobs-detail .consultant .comp { font-size: 1.1428571428571428em; }
.h4job,.h4job * { text-transform: uppercase;margin: 0;font-size: 1.1428571428571428em;font-weight: bold; }
.module_careerjobs-detail iframe { width:100%; height: auto; border:0; min-height: 1200px; }
.module_onepage .swiper-wrapper { margin-bottom:0 !important; }
#opi_188 { padding:0 15px; }
#opi_189 { padding-top:0; }
#opi_189 p { text-align:right; }
#karriere-kategorien { margin:0 auto;padding:0; width:min(90%,1400px); }
#karriere-kategorien .additionalinformationlist {
display: flex;
flex-wrap:wrap;
margin: 0;
max-width: none;
justify-content: space-between;
}
#karriere-kategorien .additionalinformationlistitem {
vertical-align: top;
width: min(100%, 400px);
padding: 0;
display: flex;
background: none;
}
#karriere-kategorien .additionalinformationlistitem:first-of-type{margin-left: 0}
#karriere-kategorien .additionalinformationlistitem:last-of-type{margin-right: 0}
#karriere-kategorien .additionalinformationlistitem .inner { margin-bottom: 25px; background-color: #fff; width: 100%; }
#karriere-kategorien .additionalinformationlistitem_title {
margin: 0;
font-family: TitilliumBold;
font-weight: normal;
font-size:1em;
color: #404F55;
display: block;
max-width:none;
}
#karriere-kategorien .additionalinformationlistitem_body h4 { font-size:1.333em; }
#karriere-kategorien .additionalinformationlistitem_body ul { list-style: none; margin: 0; text-align: center; }
#karriere-kategorien .additionalinformationlistitem_body ul li { margin-bottom: 5px; }
.module_marken #content { padding:0; max-width: unset !important; }
.module_marken #footer{margin: 0}
.module_marken .faktenimg img{ max-width: 100%}
.swiper-container_marken{ background-color: #ECEAE8; min-height: 50vh}
#unsere-marken { overflow:hidden; }
.marken-header{
display: flex;
justify-content: center;
align-items: center;
height: 50vh;
position: relative
}
.marken-header::after{
background-position: center;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: 30px;
right: 45px;
}
.marken-header::before{
background-position: center;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
bottom: 30px;
left: 45px;
}
.marken-header.bankbgld::after{
width: 100px;
height: 25px;
background-image: url("gfx/Schelhammer.svg");
}
.marken-header.schelhammercapital::after{
width: 80px;
height: 30px;
background-image: url("gfx/DADAT.svg");
}
.marken-header.schelhammercapital::before{
width: 130px;
height: 25px;
background-image: url("gfx/BankBGLD.svg");
}
.marken-header.dadat::before{
width: 100px;
height: 25px;
background-image: url("gfx/Schelhammer.svg");
}
.marken-header.dadat::after{
width: 100px;
height: 55px;
background-image: url("gfx/GBG.svg");
}
.marken-header.gbg::before{
width: 70px;
height: 25px;
background-image: url("gfx/DADAT.svg");
}
.marken-header.gbg::after{
width: 40px;
height: 35px;
background-image: url("gfx/GBGPrivateMarkets.svg");
}
.marken-header.gbgprivatemarkets::before{
width: 70px;
height: 25px;
background-image: url("gfx/GBG.svg");
}
.marken-header.gbgprivatemarkets::after{
width: 100px;
height: 25px;
background-image: url("gfx/Security.svg");
}
.marken-header.security-kag::before{
width: 40px;
height: 35px;
background-image: url("gfx/GBGPrivateMarkets.svg");
}
.marken-header.security-kag::after{
width: 100px;
height: 25px;
background-image: url("gfx/GBG Beteiligungen_grau.svg");
filter: grayscale(1);
}
.marken-header.plattform::before{
width: 100px;
height: 25px;
background-image: url("gfx/GBG Beteiligungen_grau.svg");
}
.marken-header.plattform::after{
width: 100px;
height: 25px;
background-image: url("gfx/BKImmo.svg");
}
.marken-header.bk-immo::before{
width: 100px;
height: 25px;
background-image: url("gfx/die_plattform-logo-gruen-RGB.svg");
filter: grayscale(1);
}
.marken-header.bk-immo::after{
width: 70px;
height: 25px;
background-image: url("gfx/BankBGLDLeasing.svg");
}
.marken-header.bb-leasing::before{
width: 100px;
height: 25px;
background-image: url("gfx/BKImmo.svg");
}
.marken-header.gbgbeteiligungen::before{
width: 70px;
height: 25px;
background-image: url("gfx/Security.svg");
}
.marken-header.gbgbeteiligungen::after{
width: 90px;
height: 25px;
filter: grayscale(1);
background-image: url("gfx/die_plattform-logo-gruen-RGB.svg");
}
.ie .marken-logo { margin-top:-80px; }
.ie .marken-buttons .swiper-button-prev { background-size:33px 46px !important; }
.ie .marken-buttons .swiper-button-next { background-size:33px 46px !important; }
.ie .swiper-slide.swiper-slide-next .marken-logo { transform: translate(0,0); }
.ie .swiper-slide.swiper-slide-prev .marken-logo { transform: translate(0,0); }
.ie .swiper-slide.swiper-slide-next .marken-header { transform: translateX(-0) scale(1); }
.ie .swiper-slide.swiper-slide-prev .marken-header { transform: translateX(0) scale(1); }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{display: none}
.marken-logo img{max-height: 200px; max-width: 95%; margin: 0 2.5%}
.module_marken .faktenimg{
background-size: contain;
position: relative;
display: flex;
}
.module_marken .faktenimg img:not(.bg){
position: relative;
transform: translate(-100%,0);
}
.module_marken .faktenimg .bg{flex: 2}
.module_marken .marken-wrap { margin:0; }
.module_marken .facts { padding: 20px 0; }
.module_marken .facts .wert { font-size:2em;font-weight:bold; }
.module_marken .content-wrap { width: min(90%,1200px);margin: 20px auto 40px;}
.module_marken .facts .facts-wrap { max-width: 1280px;margin: 0 auto;padding:0 10px; }
.module_marken #main .url {
font-size:2.143em;
text-align: center;
display: block;
position: relative;
left: 50%;
transform: translateX(-50%);
width: max-content;
}
.module_marken #main .url::before{
content: "";
background: url("gfx/exit.svg") no-repeat center;
background-size: contain;
width: 20px;
height: 20px;
position: absolute;
top: 0.4em;
left: -30px;
}
.module_marken #main .url:hover{border-bottom: transparent}
.module_marken .facts * { color: #fff; }
.module_marken .facts ul { text-align: center; }
.module_marken .facts li { display: inline-block; vertical-align: middle;margin: 20px 30px; }
.module_marken .facts span { display:inline-block;vertical-align: middle;}
.module_marken .facts .text { max-width:120px;text-align:left; }
.module_marken .icon { background-color: #fff;border-radius: 50%;display: inline-block;height: 50px;margin:0 10px;position: relative;text-align: center;vertical-align: middle;width: 50px; }
.module_marken .icon img { width: 30px;height: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); }
.marken-pagination { display: none; margin:15px 0;text-align:center; }
.swiper-pagination-bullet { border-radius:50%;background:#A5A5A5;height:13px;width:13px; }
.swiper-pagination-bullet-active { background:#35444D; }
.marken-buttons { position:relative;z-index:9; max-width: 1200px; margin: 0 auto}
.marken-buttons .swiper-button-prev, .marken-buttons .swiper-button-next { background-size:25px 25px;top:-40px;background-position: right }
.marken-buttons .swiper-button-prev { background-image:url("gfx/marken-slider-next.svg");transform:rotate(180 deg);left:5%;}
.marken-buttons .swiper-button-next { background-image:url("gfx/marken-slider-next.svg");transform:rotate(0);right:5%; }
.el-twocol p > strong.versal {text-transform: none !important}
#sFileoWeb { display: block; margin: 0 auto; max-width: 750px; }
#sFileoWeb button { width: 100%; max-width: 400px; padding: 10px 20px; background-color: #35444d; margin-left: 23%; border-radius: 0px;}
#sFileoWeb button:hover, #sFileoWeb button:focus, #sFileoWeb button:active { background-color: #435661; }
#sFileoWeb input, #sFileoWeb select, #sFileoWeb textarea { padding: 10px;  }
#sFileoWeb input:not(#captcha), #sFileoWeb select, #sFileoWeb textarea { width: 100%; max-width: 400px;}
body.module_error #content { display: block; max-width: 850px; margin: 0 auto; padding-top: 80px; }
.module_error .topimg { margin-bottom:0 !important; }
#onepagenav { display: block; margin: 0 auto; max-width: 750px;  }
#onepagenav ul { list-style: none; margin: 0; }
.sectionbody {
display: block;
margin: 10px auto;
-webkit-column-count: 1;
column-count: 1;
-webkit-column-gap: 30px;
column-gap: 30px;
}
.imgstyle6 .sectionhead{
width: min(90%,1200px);
margin: 0 auto
}
.imgstyle6 {
max-width: unset !important;
padding: 0 !important;
}
.imgstyle6 .sectionimagecontainer { overflow:visible;height: unset !important; }
.sectionbody p { margin: 0 0 10px 0; line-height: 1.48em; }
.sectioncontent li { padding: 3px 0; }
#totop { display: none; }
.sectionimagecontainer { height: 500px; overflow: hidden; position: relative; }
.sectionimagecontainer .inner { position: relative; float: right; right: 50%; }
.sectionimage {
width: 100%;
min-height: 50vh;
position: relative;
right: -50%;
object-fit: cover;
}
.overlay { position: absolute; right:0; bottom:0; left:0; width:100%; height: 230px; background: linear-gradient(to bottom, transparent 0px, rgba(0,0,0, 0.6) 100%) repeat scroll 0% 0% transparent; -webkit-background: linear-gradient(to bottom, transparent 0px, rgba(0,0,0, 0.6) 100%) repeat scroll 0% 0% transparent; -ms-background: linear-gradient(to bottom, transparent 0px, rgba(0,0,0, 0.6) 100%) repeat scroll 0% 0% transparent;-o-background: linear-gradient(to bottom, transparent 0px, rgba(0,0,0, 0.6) 100%) repeat scroll 0% 0% transparent; }
.overlaylogo { position: absolute; right: 0; bottom: 0; padding: 0 30px 30px 0; text-align: right; }
.overlaylogo img { max-width: 300px; height: auto; vertical-align: bottom; }
.overlaylogo a:link, .overlaylogo a:visited, .overlaylogo a:active, .overlaylogo a:focus, .overlaylogo a:hover { border-bottom: 0; color: #FFFFFF; }
.module_onepage section.area {
display: block;
margin: 0 auto;
padding: 40px 5%;
position: relative;
}
.module_onepage section.area:first-of-type{padding-top: 0}
.module_onepage .content-inner .notop{ max-width: 1200px; margin: 0 auto}
#financialfacts, #financialfacts_eigentuemer { background-color: #e0e3e4; padding: 40px 15px; margin: 0; max-width: none; }
.additionalinformationlist > li h2, .module_onepage section.area .additionalinformationlist > li h2 { font-weight:bold;margin: 10px auto;  max-width: 750px; font-size: 2.000em; line-height: 1.1em; }
.additionalinformationlist {
list-style: none;
margin: 0 auto;
display: block;
max-width: 1200px;
}
.sectioncontent li.additionalinformationlistitem, .additionalinformationlist>li.ff_bilanz, .additionalinformationlist>li.ff_ma, .additionalinformationlist>li.ff_ergebnis, .additionalinformationlist>li.ff_standort, .additionalinformationlist>li.ff_eigenmittel, .additionalinformationlist>li.ff_assets {
display: inline-block;
vertical-align: top;
width: 100%;
}
.additionalinformationlist>li.ff_bilanz { background-image:url("icons-svg/icon-bilanzsumme.svg"); background-size: 71px 71px; }
.additionalinformationlist>li.ff_ma { background-image:url(icons-svg/icon-mitarbeiter.svg); background-size: 76px 76px; }
.additionalinformationlist>li.ff_ergebnis { background-image:url(icons-svg/icon-konzernergebnis.svg); background-size: 66px 66px; }
.additionalinformationlist>li.ff_standort { background-image:url(icons-svg/icon-standort.svg); background-size: 66px 66px; }
.additionalinformationlist>li.ff_eigenmittel { background-image:url(icons-svg/icon-gesamtkapitalquote.svg); background-size: 75px 75px; }
.additionalinformationlist>li.ff_assets { background-image:url(icons-svg/icon-assets.svg); background-size: 62px 62px; }
.sectioncontent .content-inner>.notop+.additionalinformationlist { padding-top: 20px; }
#bankengruppe { margin: -60px 0 0 0; max-width: none; padding-bottom: 0}
#bankengruppe .additionalinformationlist {
list-style: none;
margin: 0 auto;
max-width: 1200px;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
#bankengruppe .additionalinformationlistitem{background: none  }
#bankengruppe .additionalinformationlist li {
margin-bottom: 50px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
#bankengruppe .additionalinformationlist li a { border-bottom: none; display: block; }
#bankengruppe .additionalinformationlist li img { max-width: 100%; display: block; width: auto;}
#bankengruppe .additionalinformationlist li.home_bbgld_kt img{content: url("gfx/Bank_Burgenland_Kaerneten_Logo.svg"); width: 185px;}
#bankengruppe .additionalinformationlist li.home_bbgld img{content: url("gfx/BABU.svg")}
#bankengruppe .additionalinformationlist li.home_cbank img{content: url("gfx/SHC_Logo_RGB.svg")}
#bankengruppe .additionalinformationlist li.home_sopron img{content: url("gfx/DADATBank_color.svg"); width: 100px}
#bankengruppe .additionalinformationlist li.home_plattform img{content: url("gfx/die_plattform-logo-gruen-RGB.svg"); width: 170px}
#bankengruppe .additionalinformationlist li.home_bbleasing img{content: url("gfx/BB_Leasing.svg")}
#bankengruppe .additionalinformationlist li.home_gbg img{content: url("gfx/GBS.svg")}
#bankengruppe .additionalinformationlist li.home_gbg_pm img{content: url("gfx/GBG_Private Markets.svg")}
#bankengruppe .additionalinformationlist li.home_gbi img{content: url("gfx/GBG_Immobilien.png"); width: 120px;}
#bankengruppe .additionalinformationlist li.home_security img{content: url("gfx/Security_color.svg"); width: 130px}
#bankengruppe .additionalinformationlist li.home_bkimmo img{content: url("gfx/BK_Immo.svg")}
#bankengruppe .additionalinformationlist li.home_gbg_bp img{content: url("gfx/GBG Beteiligungen_positiv.svg")}
#bankengruppe .additionalinformationlist li img { filter: grayscale(100%) opacity(50%); }
#bankengruppe .additionalinformationlist li img:hover { filter: grayscale(0%) opacity(100%); }
body.module_freepage #content .home_bbgld .additionalinformationlistitem_head h2, body.module_freepage #content .home_cbank .additionalinformationlistitem_head h2, body.module_freepage #content .home_schelhammer .additionalinformationlistitem_head h2, body.module_freepage #content .home_kallums .additionalinformationlistitem_head h2, body.module_freepage #content .home_security .additionalinformationlistitem_head h2, body.module_freepage #content .home_plattform  .additionalinformationlistitem_head h2, body.module_freepage #content .home_sopron .additionalinformationlistitem_head h2, body.module_freepage #content .home_bkimmo .additionalinformationlistitem_head h2, body.module_freepage #content .home_bbleasing .additionalinformationlistitem_head h2  { font-weight:normal;font-size: 1em; background-color: #35444d; display: block; min-height:60px; padding-top: 18px; color: #FFFFFF; margin: 0; text-align: center; }
#grawekonzern { position: relative; }
#grawekonzern .sectioncontent table caption { font-size: 3.571em;  margin: 0; color: #e0e3e4; font-weight: normal; text-align: right; margin-bottom: 15px; margin-top: 30px; }
#grawekonzern .sectioncontent table { max-width: 397px; width: 100%; border: 0; table-layout: fixed; border-top: 2px solid #e0e3e4;}
#grawekonzern .sectioncontent table thead * { margin: 0; color: #e0e3e4; font-weight: normal; }
#grawekonzern .sectioncontent table tr { border: 0; }
#grawekonzern .sectioncontent table tbody tr:nth-of-type(2),#grawekonzern .sectioncontent table tbody tr:nth-of-type(4),#grawekonzern .sectioncontent table tbody tr:nth-of-type(6),#grawekonzern .sectioncontent table tbody tr:nth-of-type(8),#grawekonzern .sectioncontent table tbody tr:nth-of-type(10),#grawekonzern .sectioncontent table tbody tr:nth-of-type(12) { background-color: #e0e3e4; }
#grawekonzern .sectioncontent table th { border: 0; }
#grawekonzern .sectioncontent table tbody {background-color: #FFFFFF; }
#grawekonzern .sectioncontent table tbody td { padding: 6px; }
#grawekonzern .sectioncontent table td { border: 0; }
#grawekonzern .sectioncontent table tr>td { text-align: right; width: 30%; }
#grawekonzern .sectioncontent table tr>td:first-of-type { font-weight: bold; text-align: left; width: 70%; }
.module_onepage section.area#mitglieder { max-width: 970px; }
#mitglieder { position: relative; }
#mitglieder .additionalinformationlist { display: flex; flex-wrap:wrap; justify-content: space-between}
#mitglieder .additionalinformationlistitem { vertical-align: top; width: 100%; display: flex; }
#mitglieder .additionalinformationlistitem .inner {
padding-bottom: 25px;
background-color: #ECEAE8;
width: 100%;
}
#mitglieder .additionalinformationlistitem_title {
margin: 0;
font-family: TitilliumBold;
font-size: 1em;
background-color: #ECEAE8;
color: #3F4E55;
display: block;
padding: 30px 40px 20px;
}
#mitglieder .additionalinformationlistitem_body { padding: 0 40px; }
#mitglieder .additionalinformationlistitem_body h4 { font-size:1em; font-family: TitilliumBold; color: #3F4E55;}
#mitglieder .additionalinformationlistitem_body ul { list-style: none; margin: 0; }
#mitglieder .additionalinformationlistitem_body ul li { margin-bottom: 5px; }
#mitglieder .additionalinformationlist { margin: 0; max-width: none; }
.additionalinformationlist>li.GRAWE_mitglieder_small h2, .module_onepage section.area .additionalinformationlist>li.GRAWE_mitglieder_small h2,.additionalinformationlist>li.GRAWE_mitglieder_big h2, .module_onepage section.area .additionalinformationlist>li.GRAWE_mitglieder_big h2 { max-width: none; }
#struktur { position: relative; }
#struktur svg { width: 100%; }
section#management {margin:0;position:relative;width:100%;max-width:1200px; }
section#management .sectioncontent { margin:0 auto;max-width:1200px; }
.ul_management { list-style: none; margin: 0; }
.ul_management li {
display: inline-block;
vertical-align: top;
padding: 15px 0;
text-align: left;
}
.ul_management li img {width: 100% !important; height: auto !important; }
.ul_management li em, .ul_management p { margin:0;padding:0;display: block; }
#management .ul_management h3 {
font-size:1em;
font-family: TitilliumBold;
margin:0;
}
#management-opl{padding-top: 0}
#management-opl .additionalinformationlist{
display: grid;
}
#management-opl .additionalinformationlistitem{
text-align: center
}
.ul_morebrands { list-style: none; margin: 0; }
.ul_morebrands a { border-bottom: none !important; }
.ul_morebrands li>a:first-of-type { display: block; background-color: #35444d; }
.ul_morebrands li {display: inline-block; vertical-align: top; width: 100%; text-align: center; }
.ul_morebrands li img { width: 60% !important; height: auto !important; background-color: #35444D; }
.ul_morebrands li em, .ul_morebrands p {display: block; padding: 0; }
#die-institute .freepagebutton { text-align:center; }
#die-institute section.area { margin:0; padding: 0; max-width: none; }
.module_onepage #die-institute section.area>div>div>div>h2 { text-align: left;  margin: 30px 0; }
#die-institute section.area .sectioncontent { display: block; max-width: 750px; padding: 0 20px;  }
#die-institute section.area .additionalinformationlist { margin: 0; max-width: none; }
#die-institute section.area .sectioncontent p { }
#die-institute section.area .sectioncontent h4 { text-align: left; }
#die-institute .sectionimagecontainer { margin-bottom: 70px; }
#die-institute #onepagenav ul { padding: 40px 0; }
#die-institute #onepagenav ul li { display: inline-block; width: 100%; height: 75px; text-indent: 100%;  white-space: nowrap; overflow: hidden; }
#die-institute #onepagenav ul li a:link, #die-institute #onepagenav ul li a:visited, #die-institute #onepagenav ul li a:hover, #die-institute #onepagenav ul li a:active, #die-institute #onepagenav ul li a:focus { display: block; height: 100%; width: 100%; border-bottom: none; background-size: 200px auto; background-position: center; background-repeat: no-repeat; transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-out; }
#die-institute #onepagenav ul li a:hover, #die-institute #onepagenav ul li a:focus { position: relative; -ms-transform: translate(0px, -5px); -webkit-transform: translate(0px, -5px); transform: translate(0px, -5px); }
#die-institute #onepagenav ul li#opn-bankburgenland a:link, #die-institute #onepagenav ul li#opn-bankburgenland a:visited, #die-institute #onepagenav ul li#opn-bankburgenland a:hover, #die-institute #onepagenav ul li#opn-bankburgenland a:active, #die-institute #onepagenav ul li#opn-bankburgenland a:focus { background-image: url(/assets_grawebg/style/gfx/Bank_Burgenland_col.svg); background-size: 200px auto; }
#die-institute #onepagenav ul li#opn-capitalbank a:link, #die-institute #onepagenav ul li#opn-capitalbank a:visited, #die-institute #onepagenav ul li#opn-capitalbank a:hover, #die-institute #onepagenav ul li#opn-capitalbank a:active, #die-institute #onepagenav ul li#opn-capitalbank a:focus { background-image: url(/assets_grawebg/style/gfx/CB_Logo_negativ_col.svg); background-size: 200px auto;}
#die-institute #onepagenav ul li#opn-bankhaus-schelhammerschattera a:link, #die-institute #onepagenav ul li#opn-bankhaus-schelhammerschattera a:visited, #die-institute #onepagenav ul li#opn-bankhaus-schelhammerschattera a:hover, #die-institute #onepagenav ul li#opn-bankhaus-schelhammerschattera a:active, #die-institute #onepagenav ul li#opn-bankhaus-schelhammerschattera a:focus { background-image: url(/assets_grawebg/style/gfx/BSS_col.svg); background-size: 200px auto; }
#die-institute #onepagenav ul li#opn-bruellkallmusbank a:link, #die-institute #onepagenav ul li#opn-bruellkallmusbank a:visited, #die-institute #onepagenav ul li#opn-bruellkallmusbank a:hover, #die-institute #onepagenav ul li#opn-bruellkallmusbank a:active, #die-institute #onepagenav ul li#opn-bruellkallmusbank a:focus { background-image: url(/assets_grawebg/style/gfx/Bruell_Kallmus_col.svg); background-size: 190px auto; }
#die-institute #onepagenav ul li#opn-security-kg a:link, #die-institute #onepagenav ul li#opn-security-kg a:visited, #die-institute #onepagenav ul li#opn-security-kg a:hover, #die-institute #onepagenav ul li#opn-security-kg a:active, #die-institute #onepagenav ul li#opn-security-kg a:focus { background-image: url(/assets_grawebg/style/gfx/SecurityKAG_col.svg); background-size: 200px auto; }
#die-institute #onepagenav ul li#opn-dieplattform a:link, #die-institute #onepagenav ul li#opn-dieplattform a:visited, #die-institute #onepagenav ul li#opn-dieplattform a:hover, #die-institute #onepagenav ul li#opn-dieplattform a:active, #die-institute #onepagenav ul li#opn-dieplattform a:focus { background-image: url(/assets_grawebg/style/gfx/Die_Plattform_col.svg); background-size: 190px auto; }
#die-institute #onepagenav ul li#opn-sopronbankburgenland a:link, #die-institute #onepagenav ul li#opn-sopronbankburgenland a:visited, #die-institute #onepagenav ul li#opn-sopronbankburgenland a:hover, #die-institute #onepagenav ul li#opn-sopronbankburgenland a:active, #die-institute #onepagenav ul li#opn-sopronbankburgenland a:focus { background-image: url(/assets_grawebg/style/gfx/BB_Sopron_col.svg); background-size: 155px auto; }
#die-institute #onepagenav ul li#opn-bkimmo a:link, #die-institute #onepagenav ul li#opn-bkimmo a:visited, #die-institute #onepagenav ul li#opn-bkimmo a:hover, #die-institute #onepagenav ul li#opn-bkimmo a:active, #die-institute #onepagenav ul li#opn-bkimmo a:focus { background-image: url(/assets_grawebg/style/gfx/BK_Immo_col.svg); background-size: 120px auto; }
#die-institute #onepagenav ul li#opn-bbleasing a:link, #die-institute #onepagenav ul li#opn-bbleasing a:visited, #die-institute #onepagenav ul li#opn-bbleasing a:hover, #die-institute #onepagenav ul li#opn-bbleasing a:active, #die-institute #onepagenav ul li#opn-bbleasing a:focus { background-image: url(/assets_grawebg/style/gfx/BB_Leasing_col.svg); background-size: 170px auto; }
#die-gruppe .freepagebutton { text-align:center; }
#die-gruppe section.area { margin:0; padding: 0; max-width: none; }
.module_onepage #die-gruppe section.area>div>div>div>h2 { text-align: left;  margin: 30px 0; }
#die-gruppe section.area .sectioncontent { display: block; max-width: 750px; padding: 0 20px;  }
#die-gruppe section.area .additionalinformationlist { margin: 0; max-width: none; }
#die-gruppe section.area .sectioncontent p { }
#die-gruppe section.area .sectioncontent h4 { text-align: left; }
#die-gruppe .sectionimagecontainer { margin-bottom: 70px; }
#die-gruppe #onepagenav ul { padding: 40px 0;text-align:center; }
#die-gruppe #onepagenav ul li { display: inline-block; width: 100%; height: 75px; text-indent: 100%;  white-space: nowrap; overflow: hidden; }
#die-gruppe #onepagenav ul li a:link, #die-gruppe #onepagenav ul li a:visited, #die-gruppe #onepagenav ul li a:hover, #die-gruppe #onepagenav ul li a:active, #die-gruppe #onepagenav ul li a:focus { display: block; height: 100%; width: 100%; border-bottom: none; background-size: 200px auto; background-position: center; background-repeat: no-repeat; transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-out; }
#die-gruppe #onepagenav ul li a:hover, #die-gruppe #onepagenav ul li a:focus { position: relative; -ms-transform: translate(0px, -5px); -webkit-transform: translate(0px, -5px); transform: translate(0px, -5px); }
#die-gruppe #onepagenav ul li#opn-bankburgenland a:link, #die-gruppe #onepagenav ul li#opn-bankburgenland a:visited, #die-gruppe #onepagenav ul li#opn-bankburgenland a:hover, #die-gruppe #onepagenav ul li#opn-bankburgenland a:active, #die-gruppe #onepagenav ul li#opn-bankburgenland a:focus { background-image: url(/assets_grawebg/style/gfx/Bank_Burgenland_col.svg); background-size: 200px auto; }
#die-gruppe #onepagenav ul li#opn-capitalbank a:link, #die-gruppe #onepagenav ul li#opn-capitalbank a:visited, #die-gruppe #onepagenav ul li#opn-capitalbank a:hover, #die-gruppe #onepagenav ul li#opn-capitalbank a:active, #die-gruppe #onepagenav ul li#opn-capitalbank a:focus { background-image: url(/assets_grawebg/style/gfx/CB_Logo_negativ_col.svg); background-size: 200px auto;}
#die-gruppe #onepagenav ul li#opn-bankhaus-schelhammerschattera a:link, #die-gruppe #onepagenav ul li#opn-bankhaus-schelhammerschattera a:visited, #die-gruppe #onepagenav ul li#opn-bankhaus-schelhammerschattera a:hover, #die-gruppe #onepagenav ul li#opn-bankhaus-schelhammerschattera a:active, #die-gruppe #onepagenav ul li#opn-bankhaus-schelhammerschattera a:focus { background-image: url(/assets_grawebg/style/gfx/BSS_col.svg); background-size: 200px auto; }
#die-gruppe #onepagenav ul li#opn-bruellkallmusbank a:link, #die-gruppe #onepagenav ul li#opn-bruellkallmusbank a:visited, #die-gruppe #onepagenav ul li#opn-bruellkallmusbank a:hover, #die-gruppe #onepagenav ul li#opn-bruellkallmusbank a:active, #die-gruppe #onepagenav ul li#opn-bruellkallmusbank a:focus { background-image: url(/assets_grawebg/style/gfx/Bruell_Kallmus_col.svg); background-size: 190px auto; }
#die-gruppe #onepagenav ul li#opn-security-kg a:link, #die-gruppe #onepagenav ul li#opn-security-kg a:visited, #die-gruppe #onepagenav ul li#opn-security-kg a:hover, #die-gruppe #onepagenav ul li#opn-security-kg a:active, #die-gruppe #onepagenav ul li#opn-security-kg a:focus { background-image: url(/assets_grawebg/style/gfx/SecurityKAG_col.svg); background-size: 180px auto; }
#die-gruppe #onepagenav ul li#opn-dieplattform a:link, #die-gruppe #onepagenav ul li#opn-dieplattform a:visited, #die-gruppe #onepagenav ul li#opn-dieplattform a:hover, #die-gruppe #onepagenav ul li#opn-dieplattform a:active, #die-gruppe #onepagenav ul li#opn-dieplattform a:focus { background-image: url(/assets_grawebg/style/gfx/Die_Plattform_col.svg); background-size: 190px auto; }
#die-gruppe #onepagenav ul li#opn-sopronbankburgenland a:link, #die-gruppe #onepagenav ul li#opn-sopronbankburgenland a:visited, #die-gruppe #onepagenav ul li#opn-sopronbankburgenland a:hover, #die-gruppe #onepagenav ul li#opn-sopronbankburgenland a:active, #die-gruppe #onepagenav ul li#opn-sopronbankburgenland a:focus { background-image: url(/assets_grawebg/style/gfx/BB_Sopron_col.svg); background-size: 155px auto; }
#die-gruppe #onepagenav ul li#opn-bkimmo a:link, #die-gruppe #onepagenav ul li#opn-bkimmo a:visited, #die-gruppe #onepagenav ul li#opn-bkimmo a:hover, #die-gruppe #onepagenav ul li#opn-bkimmo a:active, #die-gruppe #onepagenav ul li#opn-bkimmo a:focus { background-image: url(/assets_grawebg/style/gfx/BK_Immo_col.svg); background-size: 120px auto; }
#die-gruppe #onepagenav ul li#opn-bbleasing a:link, #die-gruppe #onepagenav ul li#opn-bbleasing a:visited, #die-gruppe #onepagenav ul li#opn-bbleasing a:hover, #die-gruppe #onepagenav ul li#opn-bbleasing a:active, #die-gruppe #onepagenav ul li#opn-bbleasing a:focus { background-image: url(/assets_grawebg/style/gfx/BB_Leasing_col.svg); background-size: 170px auto; }
#die-gruppe #onepagenav ul li#opn-dadat a:link, #die-gruppe #onepagenav ul li#opn-dadat a:visited, #die-gruppe #onepagenav ul li#opn-dadat a:hover, #die-gruppe #onepagenav ul li#opn-dadat a:active, #die-gruppe #onepagenav ul li#opn-dadat a:focus { background-image: url(/assets_grawebg/style/gfx/DADAT_col_2018.svg); background-size: 130px auto; }
.module_map #content{max-width: unset !important}
.module_map #footer{margin: 0}
.module_history .homeimage .title{
font-family: GothiaSerifLight;
}
.module_history .confhead p{font-family: TitilliumSemiBold}
.timelinecontainer { display: block; position: relative; overflow: hidden; }
.timeline {
display: block;
list-style: none;
margin: 30px auto;
max-width: min(90%, 1200px);
}
.timeline_item {
position: relative;
display: inline-block;
width: 100%;
}
.timeline_item:nth-of-type(3n + 1) .timeline_marker{background-color: rgba(225,228,231,0.5);}
.timeline_item:nth-of-type(3n + 2) .timeline_marker{background-color: rgb(246,247,247); }
.timeline_item:nth-of-type(3n) .timeline_marker{background-color: rgba(244,246,246, 0.5); }
.timeline_marker {
top: 0;
position: absolute;
margin-top: 15px;
text-align: center;
color: #3F4E55;
behavior: url(assets/css3pie/1.0.0/PIE.htc);
left: 0;
border-radius: 50%;
}
.timeline_marker h2{
font-family: GothiaSerifLight;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 100%;
font-weight: normal;
}
.timeline_item:not(:first-of-type) .timeline_marker::after, .timeline_item:not(:last-of-type) .timeline_marker::before {
width: 1px;
height: 30%;
left: 50%;
position: absolute;
background-color: #707070;
content: " ";
z-index: 10;
}
.timeline_item:not(:last-of-type) .timeline_marker::before{	bottom: 0}
.timeline_item:not(:first-of-type) .timeline_marker::after{top: 0}
.timeline_marke:nth-of-type(3n+3)::before{
top: 65%;
}
.timeline_info {
position: relative;
float: right;
width: calc(100% - 110px);
width: -moz-calc(100% - 110px);
width: -webkit-calc(100% - 110px);
transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-out;
}
.timeline_info p { margin-bottom: 0; }
.timeline_item.odd .timeline_info.out, .timeline_item.even .timeline_info.out { margin-left: -200%; transition: all 0s ease-in-out; -webkit-transition: all 0s ease-out;}
.module_history  #content div.confhead h1, .module_history  #content div.confhead h2, .module_history  #content div.confhead h3 { margin: 40px 0 0; }
.parallaximg { top: 0; left: 0px; width: 100%; height: 0px; background-repeat: no-repeat; background-size: 100%; background-position: center top; z-index: 0; position: absolute; max-width: 960px; }
#parallaximg_eigentuemer { background-image: url(/assets_grawebg/style/gfx/eigentuemer.jpg); background-size: 100%; background-position: 20% top; }
body.module_liste #content { display: block; margin: 0 auto; padding: 60px 15px; max-width: 750px; }
.module_liste .topimg { margin-bottom:0 !important; }
.module_liste article { display: inline-block;vertical-align: top; width: 100%; }
.module_onepage section.area .module_liste article h2, .module_liste article h2, .module_onepage section.area.module_liste .download-wrapper h2 { font-size: 1em; text-align: left; font-family: TitilliumBold; margin-bottom: 0}
.module_onepage #downloads section.area { padding-bottom: 0; }
.module_onepage #downloads section.area:last-of-type { padding-bottom: 20px; }
article.downloaditem { padding: 15px 0; }
.download-wrapper.openfirst article.downloaditem, .download-wrapper.openno article.downloaditem { padding: 0; }
.download-wrapper.openfirst>article>h2, .download-wrapper.openno>article>h2 { position: relative; cursor:pointer; font-size: 1-429em; font-weight:bold; padding: 15px 0px; margin: 0; -webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out; color: #35444D; }
.download-wrapper.openfirst>article, .download-wrapper.openno>article  { border-bottom: 1px solid #DFE0E2; }
.download-wrapper.openfirst>article:first-of-type, .download-wrapper.openno>article:first-of-type { border-top: 1px solid #DFE0E2; }
.download-wrapper.openfirst>article>h2:after, .download-wrapper.openfirst>article>h2:before, .download-wrapper.openno>article>h2:after, .download-wrapper.openno>article>h2:before { content:''; position: absolute; right:0; width: 15px; height: 3px; background-color: #35444D;  -webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out; display: block; top: 22px; }
.download-wrapper.openfirst>article.open-item>h2:after, .download-wrapper.openfirst>article.open-item>h2:before, .download-wrapper.openno>article.open-item>h2:after, .download-wrapper.openno>article.open-item>h2:before{ background-color: #35444D; -webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg); }
.download-wrapper.openfirst>article>h2:before, .download-wrapper.openno>article>h2:before { -webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg); }
.download-wrapper.openfirst>article>h2:hover:after, .download-wrapper.openfirst>article>h2:hover:before, .download-wrapper.openno>article>h2:hover:after, .download-wrapper.openno>article>h2:hover:before { background-color: #35444D; }
.download-wrapper.openfirst>article>h2:hover, .download-wrapper.openno>article>h2:hover, .download-wrapper.openfirst>article.open-item>h2, .download-wrapper.openno>article.open-item>h2 { color:#35444D; }
.no-js .download-wrapper.openfirst>article>h2:after, .no-js .download-wrapper.openfirst>article>h2:before, .no-js .download-wrapper.openno>article>h2:after, .no-js .download-wrapper.openno>article>h2:before { display: none; }
.no-js .download-wrapper.openfirst>article>h2, .no-js .download-wrapper.openno>article>h2 { cursor: default; }
.download-wrapper-prospekte h3 { color:#35444D; }
.locationlistcontainer { display: none; }
.googlemapscontainer { margin: 40px -15px 0; }
#googlemap>div { background-color: #E5E3DF !important; }
.gmapInfoWindow { padding-left: 27px; overflow: hidden !important; line-height: 1.35; white-space: nowrap; font:14px/1.231 arial,helvetica,clean,sans-serif; }
.gmapInfoWindow a:link, .gmapInfoWindow a:visited, .gmapInfoWindow a:active, .gmapInfoWindow a:focus, .gmapInfoWindow a:hover { border: none; }
.gmapInfoWindow a:focus, .gmapInfoWindow a:hover { text-decoration: underline; }
.freepagebutton a.button:link, .freepagebutton a.button:visited, .freepagebutton a.button:hover, .freepagebutton a.button:focus, .freepagebutton a.button:active { display: inline-block; vertical-align: middle; background-color: transparent; color: #35444d; background-image: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; padding: 0; text-decoration: none; border-bottom: 1px solid #c0c3c4; font-weight: normal; }
.freepagebutton:before { background-image: url(/assets_grawebg/style/gfx/link-glyph.svg); background-size: 14px 14px; background-position: center; width: 14px; height: 14px; content:''; display: inline-block; vertical-align: middle; margin-right: 5px; }
.freepagebutton a.button:hover, .freepagebutton a.button:focus { border-bottom: 1px solid #35444d; }
body.module_freepage #content, body.module_formmail #content {
display: block;
max-width: min(90%, 850px);
margin: 0 auto;
}
.module_freepage .topimg { margin-bottom:0 !important; }
.module_freepage .homeimage{ padding: 0}
.gmap {height:600px;margin:1.23em 0 0 0;width:100%;}
.gmap img {vertical-align:bottom;}
.gmap span.note {display: none;}
.gmap a:link, .gmap a:visited, .gmap a:focus, .gmap a:hover, .gmap a:active {background-image:none !important;display:block;padding-left:0 !important;}
.gmap a:focus, .gmap a:hover, .gmap a:active, .gmap button:focus, gmap button:hover, .gmap button:active {background: transparent; }
.gmapInfoWindow {  }
ul.downloads {list-style:none;margin:0 0 .69em;padding:0;}
ul.downloads li {margin:.2em 0;}
a.i:focus, a.i:hover, a.i:active {text-decoration:underline;}
.idoc, .sectioncontent li.idoc {background-image:url(icon/word.png);padding-left:25px;}
.irtf, .itxt, .sectioncontent li.irtf, .sectioncontent li.itxt {background-image:url(icon/text.png);padding-left:25px;}
.izip, .irar, .isit, .sectioncontent li.izip , .sectioncontent li.irar , .sectioncontent li.isit {background-image:url(icon/zip.png);padding-left:25px;}
.ixls, .icsv, .sectioncontent li.ixls , .sectioncontent li.icsv {background-image:url(icon/excel.png);padding-left:25px;}
.ippt, .sectioncontent li.ippt {background-image:url(icon/powerpoint.png);padding-left:25px;}
.imp3, .iwav, .iaudio, .sectioncontent li.imp3 , .sectioncontent li.iwav , .sectioncontent li.iaudio {background-image:url(icon/audio.png);padding-left:25px;}
.iwmv, .ivideo, .sectioncontent li.iwmv , .sectioncontent li.ivideo {background-image:url(icon/media-player.png);padding-left:25px;}
.imov, .sectioncontent li.imov {background-image:url(icon/quicktime.png);padding-left:25px;}
.ihtml, .sectioncontent li.ihtml {background-image:url(icon/html2.png);padding-left:25px;}
ul.browse {font-size:.92em;list-style:none;list-style-image:none;margin:1.38em 0;}
.browse li {display:inline-block;margin-bottom:2px;margin-right:3px;}
.browse .bprev, .browse .bpages {margin-right:5px;}
.browse li.bpages {float:right;}
.browse ul strong, .browse ul span, .browse a:link, .browse a:visited, .browse a:focus, .browse a:hover, .browse a:active {display:inline-block;padding:2px 0;text-align:center;text-decoration:none;transition:.3s ease all;min-width:25px;}
.browse a:focus, .browse a:hover, .browse a:active { text-decoration:underline;}
.browse ul {display:inline;list-style:none;list-style-image:none;margin:0;padding:0;}
.browse ul strong, .browse ul a:link, .browse ul a:visited, .browse ul a:focus, .browse ul a:hover, .browse ul a:active {
border: none;
text-decoration:none;
font-family: TitilliumBold;
}
.browse ul a:hover:visited, .browse ul a:focus:visited {background-color:#35444d;border-color:#35444d;color:#fff;}
.browse ul a:link, .browse ul a:visited, .browse ul a:focus, .browse ul a:hover, .browse ul a:active {border-color:#414141;}
.browse ul strong, .browse ul a:focus, .browse ul a:active {display: none; background-color:#35444d;border-color:#35444d;color:#fff;}
.browse .bprev a, .browse .bnext a { text-decoration:none; }
.bprev-empty, .bprev{float: left}
.bnext-empty, .bnext{float: right}
.bprev-empty, .bnext-empty, .bprev, .bnext { position: relative; }
.bprev-empty::before, .bprev::before, .bnext-empty::after, .bnext::after {
content: "";
position: absolute;
top: 50%;
width: 30px;
height: 15px;
background: url("icons-svg/icon-arrow.svg") no-repeat center;
background-size: contain
}
.bprev-empty::before, .bprev::before{ transform: translateY(-50%) rotate(180deg); left: -30px}
.bnext::after{ transform: translateY(-50%); right: -60px}
.bnext-empty::after{ right: -60px; top: 6px}
.bprev-empty::before{top: 15px}
.bprev-empty::before, .bnext-empty::after{opacity: 0.5;}
a:link, a:visited, a:focus, a:hover, a:active { color: var(--main-color); text-decoration: none; }
a:link.noborder, a:visited.noborder, a:focus.noborder, a:hover.noborder, a:active.noborder { border: none; }
a:hover { border-bottom: 1px solid #35444d; }
a.nof:focus { outline-offset:0;-moz-outline-radius:0;}
a:focus, a:hover, a:active {}
a:active { outline: none; } 
.content a[href^="https://grawebg.echonet.at"], .content a[href^="https://www.grawe-bankengruppe.at"] { background-image:none;padding-right:0; }
.content a.noextern { background-image:none;padding-right:0; }
a.nu:link, a.nu:visited, a.nu:focus, a.nu:hover, a.nu:active {text-decoration:none;}
a.nu:focus, a.nu:hover, a.nu:active {text-decoration: underline;}
a.spc:link, a.spc:visited, a.spc:focus, a.spc:hover, a.spc:active {color: #BF4342;}
a.spc:focus, a.spc:hover, a.spc:active {}
a.camu:link, a.camu:visited, a.camu:focus, a.camu:hover, a.camu:active {color: #333;text-decoration:none;}
a.camu:focus, a.camu:hover, a.camu:active {text-decoration: underline;}
a.tarn:link, a.tarn:visited, a.tarn:focus, a.tarn:hover, a.tarn:active {text-decoration:none;}
h1, .h1 {font-size: var(--57px);line-height: 1.3;margin:0.76em 0 .38em;}
h2, .h2 {font-size: var(--35px);margin: 0.5em 0;  letter-spacing: 1px}
h3, .h3 {font-size: var(--30px);margin: 0.7em 0;}
h4, .h4 {font-size: 1.286em;line-height: 1.3;margin:1.12em 0 .56em;}
h5, .h5 {font-size: 1em;line-height: 1.3;margin:1.28em 0 .64em; text-transform: uppercase; }
h6, .h6  {font-size: 0.857em;line-height:1.3;margin:1.5em 0 .75em; text-transform: uppercase;}
p {line-height: 1.5;margin: .69em 0;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
h1{font-family: GothiaSerifLight;}
h1, h2, h3, h4, h5 { font-family: GothiaSerifRegular; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }
li {line-height: 1.5;}
ol {margin:.69em 0 .69em 2.38em;}
ul.tarn ul, ul.tarn ol, ul {margin:0}
ul ul {list-style-type: disc;margin-top:0;}
ul.tarn {list-style:none;list-style-image:none;margin:0;padding:0;}
ul.tarn li li {border:0 none;float:none;margin:0;padding:0;}
ul.inline {list-style:none;list-style-image:none;margin:0;padding:0;}
ul.inline li {display:inline;}
article, aside, figure, footer, header, hgroup, nav, section { display:block; }
code, pre { font-family: "Courier New", monospace, serif; font-size: 1em; } 
q{quotes:"\201C""\201D""\2018""\2019";}
*[lang|='de'] q:before{content:'\201C';}
*[lang|='de'] q:after{content:'\201D';}
*[lang|='de'] q q:before{content:'\2018';}
*[lang|='de'] q q:after{content:'\2019';}
ins,dfn{border-bottom:1px solid #000;}
small,sup,sub{font-size:85%;}
big{font-size:125%;line-height:80%;}
abbr,acronym{text-transform:uppercase;font-size:85%;letter-spacing:.1em;}
abbr[title],acronym[title],dfn[title]{cursor:help;border-bottom:1px dotted #888;}
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
blockquote{padding-left:2.2em;}
.module_careerteam blockquote{
font-size: 1.7857142857142858em;
position: relative;
margin: 20px 0;
padding-left: 0;
}
.module_careerteam blockquote *{ font-family: GothiaSerifRegular; line-height: 1.3}
hr {border:0;border-top:1px solid #ccc;background-color:#fff;display:block;height:1px;line-height:1px;margin: .69em 0;padding:0;}
pre {
padding: 15px;
white-space: pre; 
white-space: pre-wrap; 
white-space: pre-line; 
word-wrap: break-word; 
}
img { border:0; height:auto;  }
img.vmiddle { vertical-align:middle;}
.fright img, img.fright {margin: 0 0 .3em .8em;}
.fleft img, img.fleft {margin: 0 .8em .3em 0;}
p.img {float:left;margin:0 15px 3px 0;}
p.img img {vertical-align:bottom;}
ul.img img {vertical-align:bottom;margin:0 0 5px 0;}
ul.img {float:right;list-style:none;list-style-image:none;margin:0 0 0 10px;padding:0;}
::-moz-selection{ background: #35444d; color:#fff; text-shadow: none; }
::selection { background:#35444d; color:#fff; text-shadow: none; }
img::selection {background: transparent;}
img::-moz-selection {background: transparent;}
.box {background-color:#F1F2F4;}
.error {color:#f00;}
.error a:link, .error a:visited, .error a:focus, .error a:hover, .error a:active, .error h1, .error h2, .error h3, .error h4, .error h5, .error h6 {color:#f00;}
.success {color:#009900;}
.success a:link, .success a:visited, .success a:focus, .success a:hover, .success a:active, .success h1, .success h2, .success h3, .success h4, .success h5, .success h6 {color:#009900;}
.v { position: absolute !important; clip: rect(1px 1px 1px 1px);   clip: rect(1px, 1px, 1px, 1px); border:0 !important;height: 1px !important;margin: -1px !important;padding:0 !important;overflow: hidden;width: 1px !important;}
.wai {display:inline;float:left;height:1px;margin:-1em 0 0;overflow:hidden;position:relative;width:1px;}
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.none, .noem em {display:none;visibility:hidden;}
.block {display:block;visibility:visible;}
.cfix:before, .cfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.cfix:after { clear: both; }
.ofix {overflow: hidden;}
.bb {border-bottom:1px solid;padding-bottom:1em;}
.bt {border-top:1px solid;padding-top:1em;}
.c 	{clear: both;}
.cl {clear:left;}
.cr {clear:right;}
.error {color:#f00;}
.error a:link, .error a:visited, .error a:focus, .error a:hover, .error a:active, .error h1, .error h2, .error h3, .error h4, .error h5, .error h6 {color:#f00;}
.fright {float:right;}
.fleft {float:left;}
.fnone {float:none;}
.fnorm {font-size:1em;}
.fsmall, small {font-size:.85em;}
.iblock {display:inline-block;}
.m0 {margin:0;}
.mb {margin-bottom:.69em;}
.mbh {margin-bottom:.35em;}
.mbd {margin-bottom:1.4em;}
.ml {margin-left:1em;}
.mr {margin-right:1em;}
.mt {margin-top:.69em;}
.mth {margin-top:.35em;}
.mtd {margin-top:1.4em;}
.mt0 {margin-top:0;}
.mb0 {margin-bottom:0;}
.p0 {padding:0;}
.pb {padding-bottom:.69em;}
.pbh {padding-bottom:.35em;}
.pbd {padding-bottom:1.4em;}
.pl {padding-left:1em;}
.pr {padding-right:1em;}
.pt {padding-top:.69em;}
.pth {padding-top:.35em;}
.ptd {padding-top:1.4em;}
.pt0 {padding-top:0;}
.pb0 {padding-bottom:0;}
.nobottom > *:last-child {margin-bottom:0;}
.nowrap {white-space:nowrap;}
.pad {padding:.5em 1em;}
.success {color:#009900;}
.success a:link, .success a:visited, .success a:focus, .success a:hover, .success a:active, .success h1, .success h2, .success h3, .success h4, .success h5, .success h6 {color:#009900;}
.tcenter {text-align:center;}
.tleft {text-align:left;}
.tright {text-align:right;}
.versal {text-transform:uppercase;}
.wauto {width:auto;}
.bold { font-family: TitilliumBold; }
.dontbreak { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; }
.dontbreak_word { word-break: keep-all; hyphens: none; }
table {border-collapse:collapse;border-spacing:0;font-size:inherit;font:100%;empty-cells:show;width:100%;}
caption{}
thead{}
tbody{}
tfoot{}
thead th {}
th, td {font-size:1em;padding: .2em .2em;}
thead td, th {font-weight:bold;}
form {clear: both;margin: 1.38em 0;padding:0;width:100%;}
fieldset {border:0 none;margin:0 0 1em;padding:0.5em 0;position:relative;text-align: left;}
fieldset.p0 {padding:0;}
legend {font-weight:bold;font-size:1.1em;padding:0;}
form ol, form ul {list-style-type:none;margin:0;overflow:hidden;padding:0;}
form ol li, form ul li {background-image:none;float:left;list-style-image:none;padding:3px 0;width:100%;}
form li ol, form li ul {float:left;padding:0;}
form ol li li, form ul li li {list-style-image:none;padding:1px 0;}
form ol div label, form ul div label {display:block;float:none;margin:0;width:auto;}
form .optgroup, form .optgroup li {width:auto;}
form .optgroup {float:none;}
form .optgroup li {margin-right:10px;}
form li.req {}
form .error-msg {border:1px solid;clear:both;margin:.69em 0;padding:.5em 1em;}
form .error-msg legend {border:1px solid;padding:.2em .5em;}
form .error-msg ul { list-style-type:square;margin-left:20px;overflow:visible;}
form .error-msg ul li {clear:both;float: none;list-style-image:none;padding:2px 0;width:auto;}
form .error-msg label {float:none;display:inline;margin:0;padding:0;width:auto;}
form li.error label {}
form li.error input, form li.error select, form li.error textarea {font-weight:normal;}
form small {display:block;font-size:0.85em;}
label, form ol div, form ul div {float:left;line-height:1.3;margin:5px 10px 0 0;vertical-align:top;}
.req label {font-weight:bold;}
form .checktxt, form .radiotxt, form .widetxt { margin-right:0;}
form .radiotxt.full, form .checktxt.full {width:90%;}
form fieldset .autotxt {width:auto;}
form label.req {display:block;float:none;font-weight:bold;margin:0 0 .69em;width:100%;}
input, select, textarea {border: 1px solid;float:left;font-size:1em;padding:4px 6px;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
select {width:auto;}
option {padding-left: 0.4em;} 
textarea {vertical-align:top;resize:none;}
input.button {text-align:center;}
input.button:focus {text-decoration:underline;}
input.img {border:0 none;padding:0;width: auto;}
input.noborder {background-color: transparent;border: 0 none;margin-bottom:.7em;margin-right:5px;padding:0;width:auto;}
input.checkbox, input.radio {background-color: transparent;border: 0 none;margin:7px 5px 0 0;padding:0;width:auto;}
label, input[type=checkbox], input[type=radio], input[type=submit], button {cursor:pointer;}
input[type='text'],input[type='password']{cursor:text;}
input[type='hidden']{display:none;}
input[disabled='disabled'] {background-color:#DADADD; cursor:auto;}
input[type="submit"]::-moz-focus-inner {border:0;} 
form .wauto {width:auto;}
form .full {width:98%;}
form .spacer {display:block;margin:.2em 5px 0 0;float:left; text-align:center;}
form .short {margin-right:10px;width:100px;}
form img.captcha {float:left;margin-right:.5em;}
a.button:link, a.button:visited, a.button:focus, a.button:hover, a.button:active, button {border:0 none;cursor:pointer;display:inline-block;font-size:1em;font-weight:bold;line-height:1.2;margin:0;padding:.3em 1em;text-align:center;text-decoration:none;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
button {width: 284px; overflow: visible; } 
a.button:focus, a.button:hover, a.button:active, button:focus, button:hover, button:active { text-decoration:underline;}
button::-moz-focus-inner {border: none;}
button.auto, a.auto:link, a.auto:visited, a.auto:focus, a.auto:hover, a.auto:active {width:auto;}
button.fright, a.fright:link, a.fright:visited, a.fright:focus, a.fright:hover, a.fright:active {float:right;}
label, form ol div, form ul div {overflow:hidden;width:160px;}
form fieldset .right {margin-left:170px;} 
input, select, textarea {width:270px;}
form .checktxt, form .radiotxt, form .widetxt {width:254px;}
form li ol, form li ul, select, input.button {width:284px;}
input.captcha {margin-top:10px;width:100px;}
form li.req {}
form .req li label {background-color:transparent;}
input, select, textarea {background-color: #fff;border-color: #333;}
a.button:link, a.button:visited, a.button:focus, a.button:hover, a.button:active, button {background-color: #333;color:#fff;}
a.button:focus, a.button:hover, a.button:active, button:focus, button:hover, button:active {}
input.placeholder {color:#B3B3B3;}
input::-webkit-input-placeholder {color:#B3B3B3;}
input:-moz-placeholder {color:#B3B3B3s;}
a.button:focus, a.button:hover, a.button:active, button:focus, button:hover, button:active,
input:focus, select:focus, textarea:focus {border-color:#000;
-webkit-box-shadow: 0 0 5px #094891;
-moz-box-shadow: 0 0 5px #094891;
-o-box-shadow: 0 0 5px #094891;
box-shadow: 0 0 5px #094891;
}
form .error-msg, form .error-msg legend {background-color: #FFCECF;border-color:#BF0027;}
form .error-msg legend {
-webkit-box-shadow: 0 0 5px #BF0027;
-moz-box-shadow: 0 0 5px #BF0027;
-o-box-shadow: 0 0 5px #BF0027;
box-shadow: 0 0 5px #BF0027;
}
form .error-msg {background-color: #FFCECF;border-color:#f00;
}
form li.error label {color:#f00;}
input[type=text]:focus:invalid,
input[type=email]:focus:invalid,
input[type=url]:focus:invalid,
input[type=date]:focus:invalid,
input[type=tel]:focus:invalid,
input[type=number]:focus:out-of-range,
form li.error input, form li.error select, form li.error textarea {border-color:#f00;}
@media screen and (max-width: 479px){ 
aside.career{
bottom: -60px;
right: 42%;
transform: rotate(90deg);
}
aside.career > ul{ display: flex; flex-direction: column-reverse}
aside.career span::before{
transform: translate(0,-50%) rotate(-90deg);
height: 25px
}
.module_careerhome .jobs > h3{ padding: 30px 20%}
.ul_management li{width: 100%}
#bankengruppe .additionalinformationlist li{justify-content: center}
#topimage.circle .subtitle{font-size: var(--30px);}
}
@media screen and (min-width: 480px), print{ 
aside.career { width: 230px;position: fixed; bottom:200px; }
aside.career li { width: 100%; height: 55px; right: -170px; transition: ease 0.5s}
aside.career li:hover{ right: 0; transition: ease 0.5s}
aside.career span { text-indent: 0; }
aside.career li span:before{ width: 23px; height: 23px;}
.module_careerjobs .tail{ padding: 50px 0; }
.module_careerjobs .items{margin-bottom: 50px}
.module_careerjobs .items .title,.module_careerjobs .items .location, .module_careerjobs .items .company, .module_careerjobs .items .workrange { width: calc(50% - 10px);display: inline-block;vertical-align: middle; }
.module_careerjobs .items .title, .module_careerjobs  .items .location { margin: 10px 10px 10px 0; }
.module_careerjobs-detail .benefits li { width:33.333%; }
.module_careerjobs-detail .benefits li:nth-child(even) { padding: 0; }
.module_careerjobs-detail .benefits li:nth-child(odd) { padding: 0; }
.module_careerjobs-detail .benefits li:nth-child(3n) { padding: 0 0 25px 6px; }
.module_careerjobs-detail .benefits li:nth-child(3n+1) { padding: 0 6px 25px 0; }
.module_careerjobs-detail .benefits li:nth-child(3n+2) { padding: 0 3px 25px 3px; }
#management-opl .additionalinformationlistitem{text-align: left}
#management-opl .additionalinformationlistitem{width: calc(100% - 40px)}
#management-opl .additionalinformationlistitem img{max-width: 100%}
}
@media screen and (min-width: 480px) and (max-width: 679px), print{
.ul_management li{width: calc(50% - 20px)	}
.ul_management li:nth-of-type(odd){margin-right: 20px}
#management-opl .additionalinformationlist{ grid-template-columns: 1fr 1fr;}
}
@media screen and (min-width: 480px) and (max-width: 767px), print{
.marken-header::before{left: 70px}
.marken-header::after{right: 70px}
}
@media screen and (min-width: 480px) and (max-width: 979px), print{
#bankengruppe .additionalinformationlist li {
max-width: calc(30% - 30px);
margin-bottom: 30px;
margin-right: 30px;
padding: 0;
display: flex;
align-items: center;
}
}
@media screen and (max-width: 679px), print{
.module_careerjobs button#search{
left: 0;
width: 100%;
margin-top: 10px;
}
}
@media screen and (min-width: 680px), print {
.module_careerjobs-detail .benefits li { width:20%; }
.module_careerjobs-detail .benefits li:nth-child(3n) { padding: 0; }
.module_careerjobs-detail .benefits li:nth-child(3n+1) { padding: 0; }
.module_careerjobs-detail .benefits li:nth-child(3n+2) { padding: 0; }
.module_careerjobs-detail .benefits li:nth-child(5n) { padding: 0 0 25px 6px; }
.module_careerjobs-detail .benefits li:nth-child(5n+1) { padding: 0 6px 25px 0; }
.module_careerjobs-detail .benefits li:nth-child(5n+2), .module_careerjobs-detail .benefits li:nth-child(5n+3),.module_careerjobs-detail .benefits li:nth-child(5n+4) { padding: 0 3px 25px 3px; }
.module_careerjobs .filter-inner input, .module_careerjobs .select-wrapper { width:calc(33.333% - 50px);margin: 0 10px 0 0; }
.module_careerjobs .filter-inner select { width: 100%; }
.module_careerjobs .select-wrapper { width: calc(33.333% - 50px);margin: 0 10px 0 0; }
.module_careerjobs button#search { width: 110px;height: 40px;margin: 0; }
.module_careerjobs p.initiative { float:right;margin: 0; }
.module_careerjobs .filter-inner h2 { line-height: 1.6; }
}
@media screen and (min-width: 680px) and (max-width: 767px), print{
.ul_management li{width: 30%}
.ul_management li:not(:nth-of-type(3n)){margin-right: 5%}
#management-opl .additionalinformationlist{ grid-template-columns: 1fr 1fr 1fr;}
}
@media screen and (min-width: 720px), print{
.linkbox ul{justify-content: space-between; }
}
@media screen and (max-width: 767px) {
h1, .h1 {font-size: 2.000em;line-height: 1.3;margin:0.76em 0 .38em;}
h2, .h2 {font-size: var(--32px);line-height: 1.1;margin:1em 0 .5em; hyphens: none}
#nav{ margin: 0; padding-right: 110px}
#nav a{ font-family: TitilliumSemiBold;}
#nav ul { display:none; background-color: #3F4E55; text-align: right }
#nav li.active ul.subnav{display: block}
#nav li a.plus::after {
background: url("icons-svg/icon_arrow_white.svg") no-repeat center;
background-size: contain;
content:'';
display:block;
height:10px;
position:absolute;
top:50%;
width:20px;
transform: translateY(-25%);
}
#nav li a.plus.popen{
transform: rotate(90deg) translateX(20%);
transition: 0.3s;
}
#nav li:not(.issub) { padding: 0 0 0 20px; }
#navcontainer{background-color: #3F4E55}
#navcontainer.active #nav{height: calc(100vh - 90px)}
.scrolled #navcontainer.active #nav{height: calc(100vh - 60px)}
#topimage.circle .topimage-inner .title::before{top: -0.3em}
.homeimage .title, .homeimage .subtitle{padding: 0 5%}
.mobilemenu-active #header-inner{background-color: #3F4E55}
.mobilemenu-active #logo img{content: url("/assets_grawebg/content/gbg_white_2022.svg") }
#nav_toggle_button span{transition: 0.3s;  }
.mobilemenu-active #nav{text-align: right}
.mobilemenu-active #nav_toggle_button span, #nav_toggle_button:hover span{background-color: #ECEAE8 }
.mobilemenu-active #nav_toggle_button span:first-of-type{
transform: rotate(45deg);
transition: 0.3s;
position: absolute;
top: 50%
}
.mobilemenu-active #nav_toggle_button span:nth-of-type(2){display: none}
.mobilemenu-active #nav_toggle_button span:last-of-type{transform: rotate(-45deg); transition: 0.3s}
.mobilemenu-active #nav a:link, .mobilemenu-active #nav a:visited, .mobilemenu-active #nav a:focus, .mobilemenu-active #nav a:hover, .mobilemenu-active #nav a:active, .mobilemenu-active #nav strong{color: #ECEAE8}
.browse ul strong, .browse ul span, .browse a:link, .browse a:visited, .browse a:focus, .browse a:hover, .browse a:active { padding:6px 0;min-width:36px; }
#mnav ul { text-align:left; }
#mnav li {margin-bottom:5px; }
#logo img{height: 60px; margin: 10px 0 10px 15%; transition: 0.5s}
#topimage.half, #topimage.full{
top: -120px;
margin-bottom: -120px;
}
#topimage.half .topimage-inner, #topimage.full .topimage-inner{ bottom: 20px }
.timeline_marker{width: 100px; height: 100px}
.timeline_item:nth-of-type(3n+2) .timeline_marker{
left: -7.5px;
top: -7.5px;
width: 115px;
height: 115px;
}
.timeline_item:nth-of-type(3n) .timeline_marker{
left: -32.5px;
top: -32.5px;
width: 165px;
height: 165px;
}
.timeline_item{min-height: 100px}
.timeline_info{top: 20px}
.jobinfo-slide-image{
width: calc(100vw - 2px);
height: calc(100vw - 2px);
max-width: 400px;
max-height: 400px;
margin: 0 auto;
}
.jobinfo_wrap{border-top: 1px solid #ECEAE8; padding: 0 5%}
.jobinfo-content{ padding:60px 0 25px 0;}
.linkbox{padding: 30px 0}
.module_careerjobs .content-inner h2 span{position: relative; top: -10px}
.module_marken #content{margin-top: -90px !important}
.module_marken .faktenimg .graph{display: none}
p.marken-logo{width: 65%; display: flex; justify-content: center}
.marken-logo img{max-height: 40px}
.module_marken #main .url{font-size: 1.1em}
.module_marken #main .url::before{top: 3px}
#mitglieder{padding-top: 0}
#management-opl{padding-top: 0; margin-top: -40px}
.module_onepage .imgstyle6 .sectionhead{margin-bottom: 30px}
}
@media screen and (min-width: 768px), print {
#header{height: 140px}
#header-inner{padding: 0 5%;}
#nav { padding-left: 30px; display: inline-block; margin: 0px; padding-top: 3px;}
#nav > li:not(:last-of-type){ margin-right: 45px}
#nav li { width: auto;}
#nav ul { position:absolute;display: block !important; }
#nav li a.plus { display:none; }
#nav a:link, #nav a:visited, #nav a:focus, #nav a:hover, #nav a:active, #nav strong { text-decoration: none !important; }
#nav a:link:before, #nav a:visited:before, #nav a:active:before, #nav strong:before {
content: "";
position: absolute;
z-index: -1;
left: 50%;
right: 50%;
bottom: 0;
background: var(--main-color);
height: 2px;
-webkit-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
#nav li.issub a:link:before, #nav li.issub a:visited:before, #nav li.issub a:active:before, #nav li.issub strong:before { content: ""; position: absolute;  background: #fff; height: 0px; margin:0 !important; }
#nav > li:hover a::before, #nav strong:before { left: 0; right: 0; }
#nav strong { text-decoration: none; }
#nav li:hover ul, #nav li.hover ul {
top: -20px;
left: -20px;
padding: 50px 10px 0 10px;
width: max-content;
}
#navcontainer { display: inline-block !important; width: auto; border-top: none; }
#header-top-bar { width: auto; }
#nav_toggle_button { display: none; }
#header-inner-inner {
margin: 0 auto;
width: 100%;
height: 140px;
display: flex;
align-items: center;
justify-content: space-between;
transition: 0.5s;
}
#logo img{margin: 10px 0}
#partnerlinks  { -webkit-columns:3; -moz-columns:3; columns:3; }
#topimage.half, #topimage.full{
top: -140px;
margin-bottom: -140px;
}
#topimage.full .topimage-inner{ bottom: 145px; left: 5% }
#topimage.half .topimage-inner{
bottom: 80px;
left: 5%;
}
.cookie-text-wrap { width:80%; }
.cookie-confirm-wrap { margin-top:0;width:20%; }
.trend-siegel { height:140px;right:40px;top:15px;width:76px; }
br.mobile{display: none}
.module_careerteam .infos {
display: flex;
align-items: center;
margin: 0 40px 0 0;
}
.module_careerteam .text { 	width:calc(50% - 40px);	}
.module_careerteam .team .imgwrap { max-width: 250px;margin: 0 auto; }
.module_careerteam .team .img { margin:0; width: 100%; max-width: 490px; overflow: hidden; height: 0; padding-top: 100%; }
.module_careerteam .team-inner { position: relative; }
.module_careerteam .team-inner-wrap { position: relative; }
.module_careerjobs .items .title,.module_careerjobs .items .location, .module_careerjobs .items .company, .module_careerjobs .items .workrange { display: inline-block;vertical-align: middle; }
.module_careerjobs .items .title { width: calc(50% - 10px); }
.module_careerjobs .items .location { width: calc(10% - 10px); }
.module_careerjobs .items .company { width: calc(30% - 10px); }
.module_careerjobs .items .workrange { width: 10%; text-align: right}
.module_careerjobs .items .title, .module_careerjobs .items .location, .module_careerjobs .items .company { margin: 10px 10px 10px 0; }
.module_careerjobs-detail{ margin-top: -140px}
.module_careerjobs-detail .consultant {
width:300px;
float: right;
position: absolute;
right: 0;
margin: 50px 0 20px 20px;
top: 0;
}
.module_careerjobs-detail .consultant.sticky{
position: fixed;
top: 60px !important;
right: 5%
}
.module_careerjobs-detail .consultant .cinner {margin: 0;  }
.module_careerjobs-detail .dback{ display: block; }
.module_careerjobs-detail .mback{ display: none; }
.benefits-list li {
display: inline-block;
vertical-align: top;
width: calc(50% - 30px);
padding: 0;
margin: 0 0 30px 0;
padding: 10px 0;
}
.benefits-list li:nth-of-type(2n+1){margin-right: 30px}
.consultant .button { margin: 30px 0 !important; }
.textwhite{margin-bottom: 70px}
.jobinfo-slide-inner{
display: flex;
justify-content: center;
align-items: center;
}
.jobinfo-slide-image{
width: 45vw;
height: 45vw;
border-right: 1px solid #ECEAE8;
max-height: 510px;
}
.jobinfo_wrap{
width: 55vw;
max-height: 630px;
}
.linkbox ul{ width: 730px; margin: 0 auto !important}
.additionalinformationlist>li h2, .module_onepage section.area .additionalinformationlist>li h2 { padding: 0; font-size: 2.143em ; text-align: left; }
.additionalinformationlist>li.ff_bilanz { background-position: 40px 20px; }
.additionalinformationlist>li.ff_ma { background-position: 34px 14px; }
.additionalinformationlist>li.ff_ergebnis { background-position: 48px 18px; }
.additionalinformationlist>li.ff_standort { background-position: 40px 18px; }
.additionalinformationlist>li.ff_eigenmittel { background-position: 34px 8px; }
.additionalinformationlist>li.ff_assets { background-position: 45px 18px; }
#mitglieder .additionalinformationlistitem_body ul{ text-align: left; }
#die-institute .freepagebutton { text-align:left; }
#die-institute section.area .sectioncontent { margin:  10px auto 30px auto; }
#die-institute #onepagenav ul li { width: 33.3333333332%; }
#die-gruppe .freepagebutton { text-align:left; }
#die-gruppe section.area .sectioncontent { margin:  10px auto 30px auto; }
#die-gruppe #onepagenav ul li { width: 50%; }
#management-opl .additionalinformationlist{ grid-template-columns: 1fr 1fr 1fr 1fr;}
.timeline { margin: 90px auto; }
.timeline:before { left: 50%; }
.timeline_marker {
left: 50%;
transform: translate(-50%, -50%);
width: 150px;
height: 150px;
}
.timeline_item:nth-of-type(3n+2) .timeline_marker{
width: 165px;
height: 165px;
}
.timeline_item:nth-of-type(3n) .timeline_marker{
width: 215px;
height: 215px;
}
.timeline_item{min-height: 150px}
.timeline_info { width: 35%; float: right; }
.timeline_item.odd .timeline_info { float: left; }
.timeline_item.even .timeline_info.out { margin-right: -150%; transition: all 0s ease-in-out; -webkit-transition: all 0s ease-out; }
.module_map .map_text p { display: block; max-width: 500px; }
.swiper-button-next { right:20px; }
.swiper-button-prev { left:20px; }
.module_marken #content{margin-top: -140px !important}
.module_marken .faktenimg .mobile{display: none}
.module_liste article { width: 50%; }
.module_liste .download-wrapper-list.onecolumn article { width: 100%; }
.module_onepage .imgstyle6 .sectionhead{margin-bottom: 50px}
.module_onepage section.area:first-of-type{padding-top: 30px}
.module_onepage section.area{padding: 60px 5%}
.el-twocol {
-webkit-columns:2;
-moz-columns:2;
columns:2;
-webkit-column-gap:30px;
-moz-column-gap:30px;
column-gap:30px;
}
.el-threecol {
-webkit-columns:3;
-moz-columns:3;
columns:3;
-webkit-column-gap:30px;
-moz-column-gap:30px;
column-gap:30px;
}
.el-twocol p, .el-threecol p { display: inline-block; }
#footer{margin: 50px 0 0 0}
}
@media screen and (min-width: 768px) and (max-width: 979px){
.ul_management li { width: calc(25% - 50px); }
.ul_management li:not(:nth-of-type(4n)){margin-right: 66px;}
.jobinfo_wrap{ padding: 5% 50px}
.module_careerteam .text{margin-right: 40px}
.marken-header::before{left: 90px}
.marken-header::after{right: 90px}
.module_careerjobs-detail .jobcontent > .description { width:50%; }
}
@media screen and (max-width: 979px){
body:not(.module_onepage) #content, .textwhite, .textgray{ max-width: 90%; margin: 40px auto 0 auto}
.linkbox div{ max-width: 90%; margin: 0 auto}
#topimage.circle{background-image: none !important; height: min(100vw, 400px);}
#topimage.circle .topimage-inner{max-width: 400px; margin: 0 auto}
#topimage.circle .topimage-inner::before{
height: calc(100vw - 1px);
max-height: 399px;
}
#standorte .map_text{max-width: 90%; margin: 0 auto}
.jobinfo-slide-image h3{ font-size: var(--30px); }
}
@media screen and (min-width: 980px) {
.homeimage { padding:60px 0; }
.homeimage .title, .homeimage .subtitle{max-width: min(50%, 740px);}
#header-inner-inner { max-width: 970px; }
#nav > li a, #nav > li strong{padding: 10px 0}
#nav .subnav > li{margin: 20px 10px}
body:not(.module_onepage) #content, .textgray{
max-width: min(1200px,90%);
margin: 40px auto 0 auto;
padding: 0;
}
body.module_careerjobs #content{ max-width: min(90%, 1200px) !important}
#topimage.circle{
height: calc(100vw/2);
max-height: calc(100vh - 120px);
background-position: right;
background-size: 50% 100%;
background-repeat: no-repeat;
}
#topimage.circle .topimage-inner{
width: 50%;
max-width: calc(100vh - 120px);
margin: 0 auto;
transform: translateX(-50%);
}
.textwhite, .linkbox div{ max-width: min(1200px,90%); margin: 0 auto}
#mitglieder .additionalinformationlistitem.GRAWE_mitglieder_small { width: 25%; }
#mitglieder .additionalinformationlistitem.GRAWE_mitglieder_big { width: calc(50% - 30px); }
.ul_management li { width: calc(25% - 80px); }
.ul_management li:not(:nth-of-type(4n)){margin-right: 100px;}
.module_onepage section.area{max-width: 1200px;}
#onepagenav{max-width: 1200px;	}
#bankengruppe .additionalinformationlist li{
max-width: calc(20% - 50px);
margin-right: 50px;
}
.module_careerhome .jobs h3{padding: 60px 0 40px 0}
.swiper-button-next, .swiper-button-prev { background-size:50px 50px;height:50px;width:250px; top: 85px }
.swiper-button-next { right:60px; }
.swiper-button-prev { left:60px; }
.trend-siegel { height:220px;right:60px;top:20px;width:118px; }
#karriere-kategorien .additionalinformationlistitem { width:30%; }
.marken-buttons .swiper-button-prev, .marken-buttons .swiper-button-next { background-size: 50px 50px !important; }
.module_marken .content-wrap { margin: 70px auto 60px; }
.marken-header::before{left: 120px; bottom: 25px}
.marken-header::after{right: 120px; bottom: 25px}
#standorte .map_text{max-width: min(90%, 1200px); margin: 0 auto}
.jobinfo_wrap{ padding: 10% 100px 10% 100px}
.jobs > ul > li{padding-bottom: 140px}
.module_careerteam .text{margin-right: 150px}
.module_careerjobs-detail .jobcontent > .description { width:65%; }
}
@media screen and (min-width: 1200px) {
#nav > li:not(:last-of-type){margin-right: 120px;}
#header-inner-inner { max-width: 1200px; }
#nav ul { max-width:900px; }
.module_onepage section.area#mitglieder { max-width: 1170px; }
#die-gruppe #onepagenav ul li { width: 20%; }
.sectionimagecontainer .inner { float:none;right:inherit; }
.sectionimage { right:0; }
.trend-siegel { height:320px;right:60px;top:20px;width:172px; }
.swiper-button-next { right: calc(50% - 600px); }
.swiper-button-prev { left: calc(50% - 600px); }
.module_careerteam article{padding: 80px 0}
.module_history .confhead{max-width: 80%}
#topimage.half .topimage-inner{max-width: 1200px}
.marken-header{max-width: 1200px; margin: 0 auto}
}
@media screen and (min-width: 1320px){
#topimage.full .topimage-inner, #topimage.half .topimage-inner{left: calc(50% - 600px);}
#footer-inner{padding: 0}
.module_onepage section.area{ padding: 60px 0}
.module_careerjobs-detail .consultant.sticky{right: calc(50% - 600px);}
}
.ie6 #nav li {display:inline-block;}
.ie6 .i, .ie6 a.i:link, .ie6 a.i:visited, .ie6 a.i:focus, .ie6 a.i:hover, .ie6 a.i:active {background-position:0 .1em;zoom:1;}
.ie .cfix, .ie .ofix, .ie .iefix {zoom:1;-ms-zoom:1;} 
.ie a abbr, .ie a acronym {text-decoration:underline;}
.ie sup, .ie sub{font-size:100%;}
.ie6 blockquote *{margin:.8em 0;}
.ie img {-ms-interpolation-mode: bicubic;} 
.ie6 fieldset, .ie7 fieldset, .ie8 fieldset { overflow:visible; height:1%; margin-top:1.5em; padding-top:1.5em; }
.ie6 fieldset.p0, .ie7 fieldset.p0, .ie8 fieldset.p0  {margin-top:0;padding-top:0;}
.ie6 legend, .ie7 legend, .ie8 legend { left:0;position:absolute; top: -.6em; }
.ie6 .error-msg legend, .ie7 .error-msg legend, .ie8 .error-msg legend { position:absolute; top: -.9em; }
.ie6 legend, .ie7 legend {margin-left:-6px;}
.ie7 fieldset.p0 legend, .ie7 fieldset.p0 legend, .ie8 fieldset.p0 legend {position:static;top:0;}
.ie6 input.radio, .ie6 input.checkbox, .ie7 input.radio, .ie7 input.checkbox {margin-top:4px;}
.ie6 textarea {white-space:pre;}
.ie textarea {overflow: auto;} 
.ie6 form input.button {padding-left:0;padding-right:0;}
.ie button {overflow: visible;} 
.ie6 input{cursor:expression(this.type=='text' || this.type=='password' ? 'text' : 'pointer');display:expression(this.type=='hidden' ? 'none' : 'inline');}
.ie6 select, .ie7 select {margin-top:3px;}
.ie6 #lightviewController { 
position: absolute;
top: auto;
margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) + (Lightview.controllerOffset || 0)) + 'px');
}
.ie6 #lightview { 
position: absolute;
margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) - (Lightview.controllerHeight || 0)) + 'px');
margin-left: expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft : 0) + 'px');
}
.ie6 #lv_overlay {
position: absolute;
height: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight].max() : document.documentElement.scrollHeight) + 'px' );
width: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.clientHeight].max() : document.documentElement.scrollWidth) + 'px' );
}