body, html {
-webkit-overflow-scrolling: touch;
}
#service-nav-search-icon, a.pointer-anchor {
cursor: pointer;
}
body, header {
background: #fff;
}
.lang-nav>li>a, .logo-link.live {
white-space: nowrap;
}
.channel-nav:after, .container-full:after, .container:after, .lang-dd-nav:after, .lang-nav:after, .service-nav.rcg:after, .service-nav:after, .site-nav:after, ul.bc:after {
clear: both;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body {
padding: 0;
}
#skiplinks {
position: absolute;
left: 0;
top: 0;
z-index: 4000;
}
a:focus {
outline: 0;
}
.main-content input[type=text], .main-content input[type=email], .main-content input[type=date], .main-content select, .main-content textarea, .nav-bar input[type=text] {
/*font-family: "Frutiger Next Light", "Source Sans Pro Light";*/
font-size: 16px;
border: 1px solid #ccc;
border-bottom-color: #e5e5e5;
border-right-color: #e5e5e5;
padding: 6px 12px;
}
.lang-dd-nav-current span:first-child, .lang-nav li span {
/*font-family: "Frutiger Next Bold", "Source Sans Pro Bold", Arial;*/
}
.main-content input[type=text]:focus, .main-content input[type=email]:focus, .main-content input[type=date]:focus, .main-content select:focus, .main-content textarea:focus, .nav-bar input[type=text]:focus {
outline: 0;
-webkit-box-shadow: 0 1px 10px 0 rgba(50, 50, 50, .75);
-moz-box-shadow: 0 1px 10px 0 rgba(50, 50, 50, .75);
box-shadow: 0 1px 10px 0 rgba(50, 50, 50, .75);
}
.show-on-focus:focus {
position: static!important;
}
#skiplinks a {
position: absolute;
z-index: 100;
background: 0 0;
left: -1000em;
top: -1000em;
width: .1em;
color: #000;
line-height: 1.2em;
}
#skiplinks p {
padding: 0;
margin: 0;
line-height: 1.2em;
}
#skiplinks a:active, #skiplinks a:focus, #skiplinks a:hover {
position: absolute;
z-index: 100;
left: 12px;
top: 12px;
width: 300px;
background: 0 0;
padding: 2px;
outline: 0;
color: #E2002A;
}
@media screen and (max-width:991px) {
#skiplinks a: active, #skiplinks a:focus, #skiplinks a:hover {
left: 120px;
top: 12px;
}
.main-content>.container>.row>div.col-1:first-child, .site-nav, .site-nav__wrapper {
display: none;
}
}.off-canvas-open .main-content, .off-canvas-open body>.container {
left: 250px;
}
.container-full {
position: relative;
margin-left: auto;
margin-right: auto;
max-width: 100%;
padding-left: 20px;
padding-right: 20px;
}
@media screen and (min-width:568px) and (max-width:991px) {
.container-full {
padding-left: 20px;
padding-right: 20px;
}
}@media screen and (max-width:567px) {
.container-full {
padding-left: 10px;
padding-right: 10px;
}
}.container-full:after, .container-full:before {
content: " ";
display: table;
}
.main-content.live {
padding-top: 75px;
}
@media screen and (min-width:992px) {
.main-content.live {
padding-top: 130px;
}
}.konzern-nav-open .main-content {
padding-top: 10px;
}
header li, header ul {
list-style: none;
margin: 0;
padding: 0;
}
header {
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 100;
-webkit-transition: left .5s, top .3s ease-in;
-moz-transition: left .5s, top .3s ease-in;
transition: left .5s, top .3s ease-in;
}
.konzern-nav-open header {
position: relative;
}
.off-canvas-open header {
left: 250px;
}
.header-shrinked header {
top: -140px;
}
header .container-top {
height: 180px;
position: relative;
bottom: 0;
}
@media screen and (min-width:568px) and (max-width:991px) {
.header-shrinked header {
top: -85px;
}
header .container-top {
height: 125px;
}
}@media screen and (max-width:567px) {
.header-shrinked header {
top: -50px;
}
header .container-top {
height: 90px;
}
}.rcl-bg header .container-top, .rcl-pl header .container-top, .rcl-tr header .container-top, header .container-top.live {
height: 130px;
}
@media screen and (min-width:568px) and (max-width:991px) {
.rcl-bg header .container-top, .rcl-pl header .container-top, .rcl-tr header .container-top, header .container-top.live {
height: 102.5px;
}
}@media screen and (max-width:567px) {
.rcl-bg header .container-top, .rcl-pl header .container-top, .rcl-tr header .container-top, header .container-top.live {
height: 45px;
}
}header .nav-bar {
position: absolute;
width: 100%;
height: 40px;
bottom: 0;
background: #E2002A;
}
.intranet header .nav-bar {
background: #fff;
border-top: 1px solid #d6d6d6;
border-bottom: 1px solid #d6d6d6;
}
header .nav-bar-close {
display: none;
position: absolute;
width: 100%;
min-height: 600px;
max-height: 90%;
top: 100%;
z-index: 1;
background: 0 0;
}
.logo-link, .logo-link .h1, .logo-link img, header nav li {
display: inline-block;
}
.logo-link img, .logo-svg.logo-link img {
width: auto;
height: 70px;
}
.lang-nav li.active span, .lang-nav li>a:focus span, .lang-nav li>a:hover span, .lang-nav>li>a:focus, .lang-nav>li>a:hover {
background: #fff;
color: #E2002A;
}
header li {
position: relative;
}
.logo-link {
position: absolute;
top: 35px;
left: 40px;
text-decoration: none;
}
.logo-link--right {
left: auto;
right: 40px;
}
a.logo-link:active, a.logo-link:focus, a.logo-link:hover {
outline: #E2002A dotted 1px;
outline-offset: 4px;
}
.header-shrinked .logo-link {
visibility: hidden;
}
.logo-link .h1 {
width: 420px;
vertical-align: top;
margin: 8px 0 0 -160px;
font-size: 45px;
color: #4C4C4C !important;
font-family: 'Frutiger Next Light';
font-weight: bold;
}
.logo-link.rola h1 {
margin: 10px 0 0 15px;
}
.logo-link.rcg h1 {
margin: 33px 0 0 -5px;
font-size: 18px;
}
.logo-link.live h1 {
width: auto;
}
@media screen and (min-width:568px) and (max-width:991px) {
.logo-link {
left: 20px;
top: 20px;
}
.logo-link--right {
left: auto;
right: 20px;
}
.logo-link img, .logo-svg.logo-link img {
height: 55px;
}
.logo-link .h1 {
width: 350px;
margin: 4px 0 0 -80px;
font-size: 37px;
}
.logo-link.rola h1 {
width: 250px;
margin: 6px 0 0 15px;
}
.logo-link.rcg h1 {
width: 250px;
margin: 23px 0 0 5px;
font-size: 17px;
}
}@media screen and (max-width:567px) {
.logo-link {
left: 10px;
top: 10px;
}
.logo-link--right {
left: auto;
right: 10px;
}
.logo-link img, .logo-svg.logo-link img {
height: 35px;
}
.logo-link .h1 {
width: 210px;
margin: -1px 0 0 -55px;
font-size: 24px;
}
.logo-link.rola h1 {
width: 175px;
margin: 5px 0 0 10px;
}
.logo-link.rcg h1 {
width: 175px;
margin: 15px 0 0;
font-size: 12px;
}
}.lang-nav {
position: absolute;
right: 40px;
top: 0;
margin-left: 0;
}
.lang-nav:after, .lang-nav:before {
content: " ";
display: table;
}
.lang-nav li span, .lang-nav>li>a {
display: inline-block;
text-align: center;
}
@media screen and (min-width:568px) and (max-width:991px) {
.lang-nav {
right: 20px;
}
}@media screen and (max-width:567px) {
.lang-nav {
right: 10px;
}
}.lang-nav li span {
font-size: 16px;
color: #fff;
width: 32px;
/*font-family: 'Frutiger Next Light';*/
font-weight: bold;
}
.lang-nav>li>a {
position: relative;
padding: 11px 0 0;
z-index: 3;
height: 40px;
text-decoration: none;
width: auto;
}
.lang-dd-nav {
position: absolute;
right: 40px;
top: 0;
height: 40px;
}
.lang-dd-nav:after, .lang-dd-nav:before {
content: " ";
display: table;
}
@media screen and (min-width:568px) and (max-width:991px) {
.lang-dd-nav {
right: 20px;
}
}@media screen and (max-width:567px) {
.lang-dd-nav {
right: 10px;
}
}.lang-dd-nav-current, .lang-dd-nav-list {
right: 0;
min-width: 70px;
position: absolute;
}
.lang-dd-nav-list {
display: none;
width: auto;
background: #fff;
-webkit-box-shadow: 0 1px 10px -2px rgba(0, 0, 0, .61);
-moz-box-shadow: 0 1px 10px -2px rgba(0, 0, 0, .61);
box-shadow: 0 1px 10px -2px rgba(0, 0, 0, .61);
top: 100%;
overflow: hidden;
margin: 0 0 10px;
padding: 6px;
z-index: 2;
}
.lang-dd-nav-current {
display: block;
top: 0;
height: 40px;
background: 0 0;
z-index: 3;
padding-left: 10px;
padding-right: 8px;
padding-top: 6px;
text-decoration: none;
}
.lang-dd-nav-current span:first-child {
display: inline-block;
font-size: 16px;
background: #fff;
color: #E2002A;
text-align: center;
width: 32px;
margin-top: 5px;
}
.lang-dd-nav-current span~span {
display: inline-block;
position: absolute;
background: #E2002A;
color: #fff;
top: 12px;
right: 6px;
}
.lang-dd-nav-current img {
border: 1px solid #666;
}
.lang-dd-nav-current.open, .lang-dd-nav-current.open span, .lang-dd-nav-current.open span~span, .lang-dd-nav-current:active, .lang-dd-nav-current:active span, .lang-dd-nav-current:active span~span, .lang-dd-nav-current:focus, .lang-dd-nav-current:focus span, .lang-dd-nav-current:focus span~span, .lang-dd-nav-current:hover, .lang-dd-nav-current:hover span, .lang-dd-nav-current:hover span~span {
background: #fff;
color: #E2002A;
}
.channel-nav>li>a, .lang-dd-nav-list li a {
color: #4C4C4C;
text-decoration: none;
/*font-family: "Frutiger Next Light", "Source Sans Pro Light", Arial;*/
white-space: nowrap;
}
.lang-dd-nav-list li {
display: block;
}
.lang-dd-nav-list li a {
display: inline-block;
width: 100%;
padding: 4px 8px;
border-top: 1px solid transparent;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid #CCC;
font-size: 16px;
}
.lang-dd-nav-list li a .ic-sphere, .lang-dd-nav-list li a img {
margin-right: 8px;
width: 36px;
height: 24px;
vertical-align: middle;
display: inline-block;
}
.lang-dd-nav-list li:last-child a {
border-bottom: 1px solid transparent;
}
.lang-dd-nav-list li a img {
border: 1px solid #666;
}
.lang-dd-nav-list li a .ic-sphere {
border: 1px solid transparent;
text-align: center;
font-size: 18px;
}
.lang-dd-nav-list li a:focus, .lang-dd-nav-list li a:hover {
border: 1px solid #4C4C4C;
}
.konzern-channel-nav {
position: absolute;
right: 0;
z-index: 1;
}
.channel-nav {
position: relative;
display: inline-block;
right: 40px;
}
.channel-nav:after, .channel-nav:before {
content: " ";
display: table;
}
.skewed-header .channel-nav {
background: #eee;
}
.skewed-header .channel-nav:before {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 30px;
height: 100%;
background: #eee;
transform: translateX(-12px) skew(-30deg);
z-index: -1;
}
.channel-nav li, .channel-nav>li>a {
position: relative;
display: inline-block;
}
.rcg.skewed-header .channel-nav:before, .rch.skewed-header .channel-nav:before, .rola.skewed-header .channel-nav:before {
transform: translateX(-12px) skew(-22deg);
}
.channel-nav li {
float: left;
}
.channel-nav>li>a {
padding: 9px 12px 7px;
z-index: 3;
font-size: 18px;
}
body:not(.intranet) .channel-nav>li:last-child>a {
padding-right: 0;
}
.channel-nav>li~li:not(:last-child)>a:before {
content: ' ';
display: block;
position: absolute;
top: 8px;
left: 0;
width: 1px;
background: #CCC;
height: 20px;
z-index: 6;
}
.channel-nav>li>a:focus, .channel-nav>li>a:hover {
color: #D40027;
}
.channel-nav>li>a:focus {
text-decoration: underline;
}
@media screen and (min-width:992px) {
.channel-nav>li>a {
padding: 7px 12px;
line-height: 20px;
text-decoration: none;
}
.channel-nav>li~li:not(:last-child)>a::before {
top: 5px;
}
}@media screen and (max-width:991px) {
.channel-nav {
right: 20px;
}
.skewed-header .channel-nav {
right: 0;
background: 0 0;
}
.skewed-header .channel-nav:before {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 30px;
height: 100%;
background: #eee;
transform: translateX(-12px) skew(-30deg);
z-index: -1;
}
.channel-nav li:not(:last-child), .intranet .channel-nav li {
display: none;
}
}.service-nav.rcg:after, .service-nav.rcg:before, .service-nav:after, .service-nav:before {
display: table;
content: " "}
@media screen and (max-width:567px) {
.channel-nav {
right: 10px;
}
.skewed-header .channel-nav {
right: 0;
}
}.service-nav {
position: absolute;
right: 110px;
top: 0;
}
@media screen and (min-width:568px) and (max-width:991px) {
.service-nav {
right: 90px;
}
}@media screen and (max-width:567px) {
.service-nav {
right: 80px;
}
}.service-nav.rcg {
position: absolute;
right: 165px;
top: 0;
}
@media screen and (min-width:568px) and (max-width:991px) {
.service-nav.rcg {
right: 145px;
}
}@media screen and (max-width:567px) {
.service-nav.rcg {
right: 135px;
}
}.service-nav.without-lang-nav {
right: 40px;
}
@media screen and (min-width:568px) and (max-width:991px) {
.service-nav.without-lang-nav {
right: 20px;
}
}.service-nav>li>a, .service-nav>li>button {
position: relative;
display: inline-block;
color: #fff;
padding: 5px 0 0;
z-index: 3;
white-space: nowrap;
height: 40px;
width: 40px;
font-size: 18px;
/*font-family: "Frutiger Next Regular", "Source Sans Pro Regular", Arial;*/
text-decoration: none;
text-align: center;
line-height: 35px;
border: none;
border-right: 1px solid #fff;
background: 0 0;
margin-right: 10px;
}
ul.bc li, ul.bc li a {
/*font-family: "Frutiger Next Light", "Source Sans Pro Light", Arial;*/
}
.intranet .service-nav>li>a, .intranet .service-nav>li>button {
color: #4C4C4C;
height: 38px;
border-bottom: 2px solid transparent;
}
.service-nav>li.open>a, .service-nav>li.open>button, .service-nav>li>a:focus, .service-nav>li>a:hover, .service-nav>li>button:hover {
color: #E2002A;
background: #fff;
}
.service-nav>li>.profile-button {
width: auto;
padding-right: 8px;
padding-left: 8px;
}
.service-nav>li .profile-button__name {
font-size: 14px;
vertical-align: top;
}
@media screen and (max-width:567px) {
.service-nav.without-lang-nav {
right: 10px;
}
.service-nav>li .profile-button__name {
display: none;
}
}.service-nav>li>.profile-box {
position: absolute;
right: 0;
z-index: 1;
display: none;
padding: 8px;
background-color: #fff;
box-shadow: 0 1px 10px -2px rgba(0, 0, 0, .61);
}
.intranet .service-nav>li>a:focus, .intranet .service-nav>li>a:hover, .intranet .service-nav>li>button:hover {
border-bottom-color: #E2002A;
}
.service-nav.without-lang-nav>li>a, .service-nav.without-lang-nav>li>button {
border-right: 0;
}
.service-nav>li {
float: left;
display: block;
position: relative;
height: 40px;
}
.service-nav>li>div.full, .service-nav>li>div.login {
display: block;
position: absolute;
background: #fff;
padding: 0 0 20px;
-webkit-box-shadow: 0 1px 10px -2px rgba(0, 0, 0, .61);
-moz-box-shadow: 0 1px 10px -2px rgba(0, 0, 0, .61);
box-shadow: 0 1px 10px -2px rgba(0, 0, 0, .61);
z-index: 2;
top: 100%;
width: 100%;
overflow: hidden;
visibility: hidden;
min-height: 50px;
}
.service-nav>li>div.login {
width: 200px;
}
.service-nav>li.open>div.full, .service-nav>li.open>div.login {
display: block;
visibility: visible;
height: auto;
}
#header-search-box {
z-index: 1;
}
.header-search-panel {
width: 70%;
margin: 0 15%;
padding: 20px 0 0 29px;
}
.header-search-panel input[type=text] {
min-width: 70%;
width: auto;
height: 2.5em;
padding-left: 35px;
padding-top: 0;
padding-bottom: 0;
line-height: 2.5em;
}
.header-search-panel input[type=submit] {
width: auto;
min-width: 60px;
height: 2.5em;
line-height: 2.4em;
background-color: #E2002A;
color: #FFF;
border: 1px solid #E2002A;
text-transform: uppercase;
font-weight: 700;
position: relative;
top: 0;
}
.header-search-panel input[type=submit]:focus {
outline: #fff dotted 1px;
outline-offset: -4px;
}
.header-search-panel input[type=submit]:active {
background-color: #FFF;
color: #000;
}
.header-search-panel input[type=submit]:hover {
background-color: #FFF;
color: #E2002A;
}
#header-search-icon {
display: inline-block;
position: relative;
left: 35px;
top: -5px;
font-size: 1.8em;
color: #CCC;
}
@media screen and (max-width:320px) {
.header-search-panel {
width: 100%;
margin: 0;
}
}@media screen and (max-width:1199px) {
.service-nav>li>div.full {
padding: 0;
}
.header-search-panel {
width: 100%;
margin: 0;
padding: 5px 0 5px 10px;
}
.header-search-panel input[type=text] {
min-width: 60%;
width: calc(100% - 80px);
}
#header-search-icon {
position: absolute;
left: 15px;
top: 12px;
}
.autocomplete-suggestions {
width: calc(100% - 25px)!important;
}
}.autocomplete-suggestions {
border: 1px solid #999;
background: #FFF;
overflow: auto;
}
.autocomplete-suggestion {
padding: 7px 10px;
white-space: nowrap;
overflow: hidden;
}
.autocomplete-selected {
background: #F0F0F0;
cursor: pointer;
}
.autocomplete-suggestions strong {
font-weight: 700;
}
.autocomplete-suggestion__filetype {
text-transform: uppercase;
border: 1px solid #878787;
padding: 3px 12px;
font-size: 12px;
margin: 0 0 10px 10px;
background: #fff;
position: absolute;
right: 0;
top: 0;
}
.autocomplete-suggestion__link {
color: currentColor;
text-decoration: none;
display: block;
position: relative;
padding-right: 55px;
white-space: normal;
}
.autocomplete-headline {
margin: 0;
padding: 7px 10px;
background-color: #F0F0F0;
}
/*.breadcrumb, ul.bc {
width: 100%;
background-color: #FFF;
}
.breadcrumb {
position: absolute;
}*/
ul.bc {
border-bottom: 1px solid #CCC;
margin: 0;
}
ul.bc:after, ul.bc:before {
content: " ";
display: table;
}
ul.bc li, ul.bc li a {
display: inline-block;
}
.intranet ul.bc {
border-bottom: none;
}
ul.bc li {
color: #999;
float: left;
font-size: 12px;
padding: 13px 0 13px 2px;
}
ul.bc li a {
color: #737373;
font-size: 12px;
text-decoration: none;
}
ul.bc li a:active, ul.bc li a:focus, ul.bc li a:hover {
color: #000;
text-decoration: underline;
}
#off-canvas-link, .site-nav__main-link {
text-decoration: none;
white-space: nowrap;
}
ul.bc li a .ic-arrow2-right {
display: inline-block;
vertical-align: middle;
margin-left: 2px;
}
@media screen and (max-width:991px) {
.breadcrumb, ul.bc {
display: none;
}
}[class*=" ic-"], [class^=ic-] {
font-family: oebb-fonticons;
display: inline-block;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
vertical-align: text-top;
line-height: 1em;
}
.ic-arrow2-down:before {
content: "\e609"}
.ic-home:before {
content: "\e904"}
.ic-orgchart:before {
content: "\e913"}
.ic-search:before {
content: "\e680"}
.container {
position: relative;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding-left: 40px;
padding-right: 40px;
}
.container:after, .container:before {
content: " ";
display: table;
}
body>.container {
-webkit-transition: left .5s, top .5s;
-moz-transition: left .5s, top .5s;
transition: left .5s, top .5s;
background: #fff;
}
.main-content {
position: relative;
padding-top: 200px;
min-height: 500px;
padding-bottom: 20px;
left: 0;
-webkit-transition: left .5s, top .5s;
-moz-transition: left .5s, top .5s;
transition: left .5s, top .5s;
}
@media screen and (min-width:568px) and (max-width:991px) {
.container {
padding-left: 20px;
padding-right: 20px;
}
.main-content {
padding-top: 135px;
}
}@media screen and (max-width:567px) {
.container {
padding-left: 10px;
padding-right: 10px;
}
.main-content {
padding-top: 90px;
}
}.main-content.main-content--logistics {
padding-top: 100px;
}
.content {
padding-top: 10px;
}
@media screen and (min-width:992px) {
.content {
padding-top: 44px;
}
}.page-nav+.content {
padding-top: 0;
}
#off-canvas-menu {
z-index: 20;
position: fixed;
display: none;
width: 250px;
height: 100%;
top: 0;
left: 0;
transform: translateX(-100%);
transition: transform .5s;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
visibility: hidden;
}
#off-canvas-link {
position: relative;
display: none;
color: #fff;
padding: 8px 10px;
z-index: 3;
font-size: 18px;
/*font-family: "Frutiger Next Bold", "Source Sans Pro Bold", Arial;*/
width: 145px;
height: 40px;
background: 0 0;
border: none;
line-height: 20px;
text-align: left;
}
@media screen and (max-width:567px) {
#off-canvas-link {
width: 135px;
padding-right: 6px;
padding-left: 6px;
}
}.intranet #off-canvas-link {
width: 145px;
color: #4C4C4C;
padding: 8px 18px 3px 0;
}
#off-canvas-link span.ic-menue {
font-size: 24px;
}
#off-canvas-link span.text {
position: absolute;
display: inline-block;
font-size: 18px;
top: 10px;
left: 40px;
}
@media screen and (max-width:567px) {
#off-canvas-link span.text {
left: 38px;
}
}.intranet #off-canvas-link span.text {
left: 28px;
}
@media screen and (max-width:991px) {
#off-canvas-menu {
display: block;
}
#off-canvas-link {
display: inline-block;
}
}.site-nav {
position: relative;
}
.site-nav:after, .site-nav:before {
content: " ";
display: table;
}
.site-nav__main-item {
float: left;
display: block;
position: relative;
height: 40px;
}
.site-nav__main-item:before {
content: ' ';
display: block;
position: absolute;
top: 9px;
left: 0;
width: 1px;
background: #F2F2F2;
height: 22px;
z-index: 6;
}
.intranet .site-nav__main-item:before, .site-nav__main-item--first:before {
content: none;
}
.site-nav__main-link {
position: relative;
display: inline-block;
color: #fff;
padding: 10px 18px;
margin: 0 -1px;
z-index: 3;
font-size: 18px;
line-height: 20px;
font-family: "Frutiger Next Light";
font-weight: Bold;
}
.open .site-nav__main-link, .site-nav__main-link:active, .site-nav__main-link:focus, .site-nav__main-link:hover, .site-nav__main-item a.active {
background: #fff;
color: #E2002A;
text-decoration: none;
}
.site-nav__main-link:focus {
outline-width: 3px;
}
.intranet .site-nav__main-link {
color: #4C4C4C;
}
.intranet .site-nav__main-link:active, .intranet .site-nav__main-link:focus, .intranet .site-nav__main-link:hover, .open .intranet .site-nav__main-link {
background: 0 0;
color: #E2002A;
border-bottom: 2px solid #E2002A;
padding-bottom: 7px;
}
.site-nav__menu-board {
display: none;
position: absolute;
background: #fff;
padding: 0 0 10px;
box-shadow: 0 1px 10px -2px rgba(0, 0, 0, .61);
z-index: 2;
top: 100%;
overflow: hidden;
margin: 0 0 10px;
}
.konzern-nav {
display: none;
background: #737373;
padding: 20px 0;
}
@media screen and (max-width:991px) {
.main-content>.container>.row>div.col-1: first-child, .site-nav, .site-nav__wrapper {
display: none;
}
.col-15 {
width: 100%;
float: none;
}
}li.sublevel__parent-item {
display: block;
}
/* ################## */
.oebb-icon+.indented, .social-button {
display: inline-block;
}
#off-canvas-handler, .oc-nav {
-webkit-transition: left .5s;
-moz-transition: left .5s;
}
.clearfix:after, .row:after {
clear: both;
}
.lSSlideOuter, .slider {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.oc ul, .slider ul {
list-style-type: none;
}
.lSSlideOuter, .lSSlideOuter .lSPager.lSGallery {
-webkit-touch-callout: none;
-khtml-user-select: none;
}
.main-content .immo-filter__list--object-types .immo-filter__object-type, .multi-tables table {
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
.main-content img {
width: 100%;
height: auto;
}
.ic-arrow1-down:before {
content: "\e601"}
.ic-arrow1-left:before {
content: "\e602"}
.ic-arrow1-right:before {
content: "\e603"}
.ic-arrow1-up:before {
content: "\e604"}
.ic-arrow2-down:before {
content: "\e609"}
.ic-arrow2-left:before {
content: "\e60a"}
.ic-arrow2-right:before {
content: "\e60b"}
.ic-arrow2-up:before {
content: "\e60c"}
.ic-arrow3-down:before {
content: "\e60d"}
.ic-arrow3-left:before {
content: "\e60e"}
.ic-arrow3-right:before {
content: "\e60f"}
.ic-arrow3-up:before {
content: "\e610"}
.ic-arrow4-down:before {
content: "\e611"}
.ic-arrow4-left:before {
content: "\e614"}
.ic-arrow4-right:before {
content: "\e616"}
.ic-arrow4-up:before {
content: "\e617"}
.ic-arrow5-down:before {
content: "\e690"}
.ic-arrow5-left:before {
content: "\e691"}
.ic-arrow5-right:before {
content: "\e692"}
.ic-arrow5-up:before {
content: "\e693"}
.ic-attachment:before {
content: "\e61a"}
.ic-audio1:before {
content: "\e698"}
.ic-audio2:before {
content: "\e697"}
.ic-audio3:before {
content: "\e696"}
.ic-building:before {
content: "\e900"}
.ic-calculator:before {
content: "\e624"}
.ic-calendar:before {
content: "\e625"}
.ic-camera:before {
content: "\e627"}
.ic-check1:before {
content: "\e629"}
.ic-check2:before {
content: "\e62a"}
.ic-check3:before {
content: "\e62b"}
.ic-clock:before {
content: "\e901"}
.ic-close1:before {
content: "\e62c"}
.ic-close2:before {
content: "\e67b"}
.ic-comments:before {
content: "\e631"}
.ic-contrast:before {
content: "\e632"}
.ic-delete:before {
content: "\e633"}
.ic-download:before {
content: "\e902"}
.ic-edit:before {
content: "\e669"}
.ic-edit2:before {
content: "\e903"}
.ic-error:before {
content: "\e635"}
.ic-flag:before {
content: "\e638"}
.ic-gps:before {
content: "\e648"}
.ic-help:before {
content: "\e679"}
.ic-home:before {
content: "\e904"}
.ic-info:before {
content: "\e643"}
.ic-laptop:before {
content: "\e667"}
.ic-link:before {
content: "\e634"}
.ic-loading:before {
content: "\e905"}
.ic-locator:before {
content: "\e647"}
.ic-lock:before {
content: "\e649"}
.ic-mail1 {
line-height: 1.2em;
}
.ic-mail1:before {
content: "\e64f"}
.ic-mail2:before {
content: "\e650"}
.ic-mail22:before {
content: "\e652"}
.ic-menue:before {
content: "\e600"}
.ic-mime-audio:before {
content: "\e906"}
.ic-mime-doc:before {
content: "\e907"}
.ic-mime-folder:before {
content: "\e908"}
.ic-mime-image:before {
content: "\e909"}
.ic-mime-link:before {
content: "\e90a"}
.ic-mime-movie:before {
content: "\e90b"}
.ic-mime-noname:before {
content: "\e90c"}
.ic-mime-pdf:before {
content: "\e90d"}
.ic-mime-ppt:before {
content: "\e90e"}
.ic-mime-txt:before {
content: "\e90f"}
.ic-mime-xls:before {
content: "\e910"}
.ic-mime-zip:before {
content: "\e911"}
.ic-minus1:before {
content: "\e655"}
.ic-minus2:before {
content: "\e656"}
.ic-minus3:before {
content: "\e657"}
.ic-minus4:before {
content: "\e658"}
.ic-more:before {
content: "\e661"}
.ic-move:before {
content: "\e662"}
.ic-movie:before {
content: "\e912"}
.ic-orgchart:before {
content: "\e913"}
.ic-pause:before {
content: "\e914"}
.ic-petrol:before {
content: "\e915"}
.ic-phone1:before {
content: "\e637"}
.ic-phone2:before {
content: "\e66c"}
.ic-phone3:before {
content: "\e659"}
.ic-phone4:before {
content: "\e687"}
.ic-play1:before {
content: "\e916"}
.ic-play2:before {
content: "\e917"}
.ic-play3:before {
content: "\e918"}
.ic-plus1:before {
content: "\e674"}
.ic-plus2:before {
content: "\e675"}
.ic-plus3:before {
content: "\e672"}
.ic-plus4:before {
content: "\e673"}
.ic-print:before {
content: "\e676"}
.ic-reload:before {
content: "\e67a"}
.ic-search:before {
content: "\e680"}
.ic-settings:before {
content: "\e685"}
.ic-share:before {
content: "\e686"}
.ic-social-facebook:before {
content: "\e919"}
.ic-social-rss:before {
content: "\e91a"}
.ic-social-twitter:before {
content: "\e91b"}
.ic-social-youtube:before {
content: "\e91c"}
.ic-star:before {
content: "\e688"}
.ic-thumbs:before {
content: "\e699"}
.ic-toggle-off:before {
content: "\e68c"}
.ic-toggle-on:before {
content: "\e68d"}
.ic-transport1:before {
content: "\e91d"}
.ic-transport2:before {
content: "\e91e"}
.ic-sphere:before {
content: "\e91f"}
.ic-user:before {
content: "\e694"}
.ic-users:before {
content: "\e695"}
.ic-warning:before {
content: "\e636"}
.ic-zoomin:before {
content: "\e683"}
.ic-zoomout:before {
content: "\e682"}
span.link-icon {
padding-right: 5px;
}
/*.main-content img.oebb-icon, .oebb-icon {
max-width: 100%;
width: auto;
height: 30px;
margin: 5px;
vertical-align: middle;
}
@media screen and (max-width:567px) {
.main-content img.oebb-icon, .oebb-icon {
height: 25px!important;
margin: 2px;
}
}.main-content img.oebb-icon--align-right, .oebb-icon--align-right {
float: right;
}
tbody th .main-content img.oebb-icon--align-right, tbody th .oebb-icon--align-right {
position: absolute;
top: 5px;
right: 5px;
}
.oebb-icon+.indented {
vertical-align: top;
margin: 5px;
}*/
.ic-facebook-square:before {
content: "\ea91"}
.ic-twitter:before {
content: "\ea96"}
.ic-linkedin:before {
content: "\eac9"}
.ic-xing:before {
content: "\ead4"}
.ic-googleplus:before {
content: "\ea8c"}
.bg-bcc {
width: 953px;
height: 76px;
background: url(https://presse.oebb.at/.resources/corp-2016/themes/images/logo_sprites.png) -10px -10px;
}
.bg-eu {
width: 280px;
height: 70px;
background: url(https://presse.oebb.at/.resources/corp-2016/themes/images/logo_sprites.png) -10px -106px;
}
.bg-konzern_nav_zug {
width: 129px;
height: 91px;
background: url(https://presse.oebb.at/.resources/corp-2016/themes/images/logo_sprites.png) -10px -196px;
}
.bg-leitbetriebe_austria {
width: 136px;
height: 45px;
background: url(https://presse.oebb.at/.resources/corp-2016/themes/images/logo_sprites.png) -486px -106px;
}
.bg-rff_4c_web {
width: 156px;
height: 45px;
background: url(https://presse.oebb.at/.resources/corp-2016/themes/images/logo_sprites.png) -310px -106px;
}
.bg-xrail_web {
width: 106px;
height: 45px;
background: url(https://presse.oebb.at/.resources/corp-2016/themes/images/logo_sprites.png) -642px -106px;
}
.bg-blog, .bg-facebook, .bg-instagram, .bg-rss, .bg-twitter, .bg-youtube, .bg-linkedin, .bg-podcast {
width: 38px;
height: 38px;
}
.bg-blog {
background: url(https://presse.oebb.at/.resources/corp-2016/themes/images/logo_sprites.png) -870px -106px;
}
.bg-facebook {
background: url(https://presse.oebb.at/.resources/corp-2016/themes/images/logo_sprites.png) -159px -196px;
}
.bg-instagram {
background: url(https://presse.oebb.at/.resources/corp-2016/themes/images/logo_sprites.png) -217px -196px;
}
.bg-rss {
background: url(https://presse.oebb.at/.resources/corp-2016/themes/images/logo_sprites.png) -275px -196px;
}
.bg-twitter {
background: url(https://presse.oebb.at/.resources/corp-2016/themes/images/logo_sprites.png) -333px -196px;
}
.bg-youtube {
background: url(https://presse.oebb.at/.resources/corp-2016/themes/images/logo_sprites.png) -391px -196px;
}
.bg-linkedin {
background: url(https://presse.oebb.at/.resources/corp-2016/themes/images/linked-in-icon-circle.svg);
background-size: contain;
}
.bg-podcast {
background: url(https://presse.oebb.at/.resources/corp-2016/themes/images/icon-podcast.png);
background-size: contain;
}
.bg-waca_badge_gold {
width: 82px;
height: 45px;
background: url(https://presse.oebb.at/.resources/corp-2016/themes/images/logo_sprites.png) -768px -106px;
}
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html {
/*font-family: "Frutiger Next Light", "Source Sans Pro Light", Arial;*/
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden], template {
display: none;
}
a {
background-color: transparent;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
.bold, b, optgroup, strong {
font-weight: 700;
}
dfn {
font-style: italic;
}
.h1-logo {
font-size: 2em;
margin: .67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
/*img {
border: 0;
}*/
svg:not(:root) {
overflow: hidden;
}
/*figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
}*/
pre, textarea {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace, monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
td.md-dms-type, ul.karten-legende a {
text-transform: uppercase;
}
button, html input[type=button], input[type=reset], input[type=submit] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type=checkbox], input[type=radio] {
box-sizing: border-box;
padding: 0;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
height: auto;
}
input[type=search] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em;
}
legend, td, th {
padding: 0;
}
legend {
border: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.hidden {
position: absolute;
display: block;
top: -999999px;
left: -999999px;
}
.v-hidden {
visibility: hidden;
}
.vertical-scroll {
display: block;
width: 100%;
margin-bottom: 15px;
overflow-y: hidden;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
border: 0;
clip-path: inset(50%);
white-space: nowrap;
}
.screen-reader-text:active, .screen-reader-text:focus {
min-width: 200px;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip-path: none;
white-space: inherit;
}
@media screen and (max-width:567px) {
.screen-reader-text--sm-max {
position: static;
width: auto;
height: auto;
margin: 0;
padding: 0;
overflow: visible;
clip-path: none;
white-space: inherit;
}
}.oc-back-btn, .oc-header, .oc-links li, .oc-nav li, .off-canvas-open, .off-canvas-open body {
overflow: hidden;
}
.hide-accessible {
display: block;
position: absolute!important;
left: -9999em!important;
}
.w-75 {
min-width: 75%!important;
}
.align-right {
text-align: right;
}
.nowrap {
white-space: nowrap;
}
@keyframes spin {
100% {
transform: rotate(360deg);
}
}.content .vertical-scroll table {
max-width: 100%;
min-width: 300px;
}
.clearfix:after, .clearfix:before {
content: " ";
display: table;
}
.is-tabbing button::-moz-focus-inner {
border: 0;
}
.is-tabbing .fm-field label.active, .is-tabbing .lg-actions>div:focus, .is-tabbing .lg-toolbar>span:focus, .is-tabbing .oebb-dropdown-panel__btn-close--active, .is-tabbing a:focus, .is-tabbing button:focus, .is-tabbing div:focus, .is-tabbing input[type=button]:focus, .is-tabbing input[type=submit], .is-tabbing input[type=submit]:focus, .is-tabbing input[type=text]:focus, .is-tabbing oebb-fm-radiofield .fm-field label.active, .is-tabbing select:focus, .is-tabbing textarea:focus {
outline: #E2002A dotted 2px!important;
outline-offset: 2px!important;
z-index: 10!important;
}
.is-tabbing .mup-content:focus, .is-tabbing .slider li a:focus {
outline-offset: -6px!important;
}
.off-canvas-open #off-canvas-menu {
transform: translateX(0);
visibility: visible;
}
.off-canvas-open #off-canvas-handler {
z-index: 999999999;
width: 100%;
opacity: .2;
background: #000;
left: 250px;
}
#off-canvas-handler {
z-index: 1;
position: fixed;
display: block;
width: 70px;
height: 100%;
top: 0;
left: 0;
background: 0 0;
transition: left .5s;
}
#off-canvas-link:focus, #off-canvas-link:hover {
background: #fff;
color: #E2002A;
}
#off-canvas-link:active {
background: #E5E5E5;
color: #E2002A;
}
@media screen and (max-width:991px) {
#off-canvas-menu {
display: block;
}
#off-canvas-link {
display: inline-block;
}
#off-canvas-handler {
width: 25px;
}
}
.oc {
background: #737373;
}
.intranet .oc {
background-attachment: #fff;
}
.oc-header {
position: relative;
background: #E2002A;
color: #fff;
height: 40px;
}
.oc-close-btn, .oc-close-btn span:first-child {
display: inline-block;
position: absolute;
width: 40px;
text-align: center;
right: 0;
height: 40px;
}
.intranet .oc-header {
background: #fff;
color: #4C4C4C;
border-bottom: 1px solid #d6d6d6;
}
.oc-header h3 {
margin: 0;
padding: 10px 50px 10px 16px;
color: #fff;
font-size: 18px;
}
.intranet .oc-header h3 {
color: #4C4C4C;
}
.oc-close-btn {
top: 0;
border: 1px solid #E2002A;
border-left: 1px solid #fff;
background: #E2002A;
font-size: 18px;
padding-top: 5px;
outline: 0;
}
.intranet .oc-close-btn {
background: #fff;
border-color: #d6d6d6;
color: #4C4C4C;
}
.oc-close-btn span:first-child {
top: 50%;
left: 0;
margin-top: -8px;
border: 0;
}
.oc-close-btn:active, .oc-close-btn:focus, .oc-close-btn:hover {
border-left: 1px solid #E2002A;
background: #fff;
color: #E2002A;
}
.oc-close-btn:focus {
outline: #E2002A dotted 1px;
outline-offset: -4px;
}
.oc-back-btn {
position: relative;
display: block;
width: 100%;
border: 0;
background: #F2F2F2;
border-bottom: 1px solid #CCC;
padding: 0 0 0 40px;
margin: 0;
text-align: left;
outline: 0;
}
.oc-back-btn span:first-child {
display: inline-block;
position: absolute;
top: 50%;
left: 0;
margin-top: -8px;
right: 0;
width: 40px;
height: 40px;
border: 0;
color: #999;
text-align: center;
}
.oc-back-btn span:last-child {
display: inline-block;
border-left: 0;
padding: 10px 10px 10px 0;
font-weight: 700;
}
.oc-back-btn:active, .oc-back-btn:focus, .oc-back-btn:hover {
color: #E2002A;
}
.oc-close-btn:active {
color: #000;
}
.oc-back-btn:active span:first-child, .oc-back-btn:focus span:first-child, .oc-back-btn:hover span:first-child, .oc-close-btn:active span:first-child {
color: #E2002A;
}
.oc-back-btn:focus {
outline: #E2002A dotted 1px;
outline-offset: -4px;
}
.oc-back-panel {
position: relative;
min-height: 40px;
background: #F2F2F2;
border-bottom: 1px solid #CCC;
padding: 0;
}
.oc-back-panel .oc-back-btn {
position: absolute;
top: 0;
left: 0;
width: 39px;
height: 39px;
border-bottom: 0;
padding: 0;
}
.oc-back-panel .oc-back-btn span:last-child {
padding: 0;
font-weight: 400;
}
.oc-back-panel a {
width: 100%;
display: block;
padding: 0 0 0 40px;
outline: 0;
color: #000;
}
.oc-back-panel a span {
display: inline-block;
width: 100%;
border-left: 1px solid #CCC;
padding: 10px;
font-weight: 700;
}
.oc-back-panel a:active, .oc-back-panel a:focus, .oc-back-panel a:hover {
color: #E2002A;
}
.oc-back-panel a:active, .oc-nav a {
color: #000;
}
.oc-back-panel a:focus span {
outline: #E2002A dotted 1px;
outline-offset: -4px;
}
.oc ul {
margin: 0;
}
.oc ul ul {
padding: 0;
}
.oc-nav {
position: relative;
margin: 0;
width: 100%;
padding: 20px 0;
background: #fff;
z-index: 10;
left: 0;
transition: left .5s;
visibility: hidden;
}
.oc-nav.panel-visible, .off-canvas-open .panel-visible>.oc-nav {
visibility: visible;
}
.md-iframe.md-iframe--with-placeholder iframe, .oc-sub-panel {
visibility: hidden;
}
.oc-sub-panel {
width: 100%;
position: absolute;
z-index: 10;
left: 250px;
-webkit-transition: left .5s;
-moz-transition: left .5s;
transition: left .5s;
}
.off-canvas-open .oc-sub-panel.panel-visible {
visibility: visible;
}
.oc-nav li {
border-bottom: 1px solid #CCC;
display: block;
position: relative;
}
.oc-nav li:last-child {
border-bottom: 0;
}
.oc-nav a {
display: block;
width: 100%;
padding: 0 40px 0 0;
text-decoration: none;
outline: 0;
}
.oc-nav a.full {
padding: 0 4px 0 0;
}
.oc-nav a span:first-child {
display: inline-block;
padding: 10px 0 10px 10px;
width: 100%}
.oc-nav a span.ic-arrow2-right {
display: inline-block;
position: absolute;
top: 50%;
margin-top: -8px;
right: 10px;
padding: 0;
color: #737373;
}
.oc a span span {
width: auto!important;
padding: 0 0 0 2px!important;
display: inline-block!important;
border: 0;
}
.oc-nav a:active, .oc-nav a:active span.ic-arrow2-right, .oc-nav a:focus, .oc-nav a:focus span.ic-arrow2-right, .oc-nav a:hover, .oc-nav a:hover span.ic-arrow2-right {
color: #E2002A;
}
.oc-nav a:active, .oc-nav a:active span.ic-arrow2-right {
color: #000;
}
.oc-nav li.current a, .oc-nav li.current a span {
color: #E2002A;
}
.oc-nav li div {
position: relative;
}
.oc-nav a:focus span:first-child {
outline: #E2002A dotted 1px;
outline-offset: -4px;
}
.oc-nav li button {
position: absolute;
top: 7px;
right: 0;
width: 39px;
height: 25px;
border: 0;
padding: 2px 0 0;
background: #fff;
color: #999;
overflow: hidden;
}
.oc-nav li button:active, .oc-nav li button:focus, .oc-nav li button:hover {
color: #E2002A;
}
.oc-nav li button:active {
color: #000;
}
.oc-nav li button:focus {
outline: #E2002A dotted 1px;
outline-offset: -4px;
}
.oc-nav li.active>div>a, .oc-nav li.active>div>button {
color: #E2002A;
}
.oc-nav li ul>li:first-child {
border-top: 1px solid #CCC;
}
.oc-nav li>ul>li>a {
padding-left: 20px;
}
.oc-nav li.active ul {
background: #F2F2F2;
}
.oc-nav ul li button {
background: #F2F2F2;
color: #737373;
}
.oc-links {
position: relative;
z-index: 1;
margin: 0;
padding: 20px 0;
}
.oc-links li {
padding: 8px 5px;
display: block;
position: relative;
}
.oc-links a {
display: block;
width: 100%;
text-decoration: none;
outline: 0;
color: #E5E5E5;
padding: 0 0 0 18px;
}
.oc-links a span {
display: inline-block;
position: absolute;
left: 4px;
top: 50%;
margin-top: -8px;
}
.oc-links a:active, .oc-links a:focus, .oc-links a:hover {
color: #fff;
}
.oc-links a:active {
background: #4C4C4C;
}
.oc-links a:focus {
outline: #FFF dotted 1px;
outline-offset: -4px;
}
.logo-row li a:focus, .social-row li a:focus {
outline: #000 dotted 1px;
}
.oc-close-btn-accessibility {
background: 0 0;
border: none;
color: #fff;
text-decoration: underline;
}
.main-content ol, .main-content ul {
padding-left: 40px;
}
.main-content li {
list-style: inherit;
}
.main-content .md-image-map__areas li {
list-style: none;
}
.main-content ol, .main-content p, .main-content ul {
margin-top: 1em;
margin-bottom: 1em;
}
.main-content .biggest, .main-content .h1, .main-content h1 {
font-size: 36px;
font-weight: 400;
margin: .67em 0;
/*font-family: "Frutiger Next Bold", "Source Sans Pro Bold", Arial;*/
}
.main-content .bigger, .main-content .h2, .main-content h2, .sitemap-first-level {
font-size: 1.5em;
margin-top: .83em;
margin-bottom: .83em;
}
.main-content .big, .main-content .h3, .main-content h3 {
font-size: 1.17em;
margin-top: 1em;
margin-bottom: 1em;
}
.main-content .h4, .main-content .small, .main-content h4 {
margin-top: 1.33em;
margin-bottom: 1.33em;
}
.main-content .h5, .main-content .smaller, .main-content h5 {
font-size: .83em;
margin-top: 1.67em;
margin-bottom: 1.67em;
}
.main-content .h6, .main-content .smallest, .main-content h6 {
font-size: .67em;
margin-top: 2.33em;
margin-bottom: 2.33em;
}
footer .row {
margin-left: -20px;
margin-right: -20px;
}
footer .row:after, .row:before {
content: " ";
display: table;
}
[class*=col-] {
position: relative;
min-height: 1px;
padding-right: 20px;
padding-left: 20px;
float: left;
width: 25%}
.col-1 {
width: 25%}
.col-15 {
width: 33.33%}
.col-2 {
width: 50%}
.col-3 {
width: 75%}
.col-4 {
width: 100%;
float: none;
}
@media screen and (max-width:991px) {
.main-content>.container>.row>div.col-1: first-child {
display: none;
}
.col-15 {
width: 100%;
float: none;
}
}@media screen and (min-width:568px) and (max-width:991px) {
.col-2, .col-3, .col-4 {
width: 100%;
float: none;
}
.col-1 {
width: 50%;
float: left;
}
footer .col-1~.col-1~.col-1 {
clear: left;
}
footer .col-1~.col-1~.col-1~.col-1 {
clear: none;
}
.col-3 .col-1 {
width: 25%;
float: left;
}
.col-3 .col-2 {
width: 50%;
float: left;
}
.col-3 .col-3 {
width: 75%;
float: left;
}
.col-3 .col-4 {
width: 100%;
float: left;
}
}@media screen and (max-width:567px) {
.row,
footer .row {
margin-left: 0;
margin-right: 0;
}
[class^=col-] {
padding-right: 0;
padding-left: 0;
}
.col-3 .col-1~.col-1~.col-1 {
clear: left;
}
.col-3 .col-1~.col-1~.col-1~.col-1 {
clear: none;
}
.col-3 .content .col-3~.col-3~.col-3 {
clear: left;
}
.col-3 .content .col-3~.col-3~.col-3~.col-3 {
clear: none;
}
.col-1, .col-2, .col-3, .col-3 .col-1, .col-3 .col-3, .col-4 {
width: 100%;
float: none;
}
}@media screen and (max-width:320px) {
.col-3 .col-1, .col-3 .col-3 {
width: 100%;
float: left;
}
}.grid-test {
min-height: 20px;
padding: 10px;
background: #E5E5E5;
}
.col--right {
text-align: right;
}
.container table, .content table {
margin-bottom: 20px;
margin-top: 20px;
width: 100%;
max-width: 100%;
min-width: 300px;
position: static;
border-collapse: collapse;
z-index: 100;
}
.vertical-scroll .content table {
margin-bottom: 0;
margin-top: 0;
}
.container table td, .content table td {
/*font-family: "Frutiger Next Regular", "Source Sans Pro Regular", Arial;*/
padding: 12px;
border-bottom: 1px solid #CCC;
border-top: 1px solid #CCC;
background: #fff;
text-align: left;
vertical-align: top;
}
.container table td:not(:first-of-type), .content table td:not(:first-of-type) {
border-left: 1px solid transparent;
}
.container table td:not(:last-of-type), .content table td:not(:last-of-type) {
border-right: 1px solid transparent;
}
.content table p {
margin: 0;
}
.container table caption, .content table caption {
/*font-family: "Frutiger Next Bold", "Source Sans Pro Bold", Arial, sans-serif;*/
color: #000;
font-size: 18px;
text-align: left;
margin: 15px 0;
}
.container table th, .content table th {
/*font-family: "Frutiger Next Regular", "Source Sans Pro Regular", Arial;*/
min-width: 80px;
max-width: 280px;
padding: 12px;
color: #000;
border-bottom: 2px solid #CCC;
border-top: 1px solid #CCC;
background: #F2F2F2;
text-align: left;
vertical-align: top;
font-weight: 700;
}
.container table tbody th:nth-of-type(2), .container table td.thin-border:nth-of-type(2) {
width: 80%}
.container table tbody th, .content table tbody th {
border-bottom: 1px solid #CCC;
}
.md-dms table, .md-dms thead {
border: 1px solid #ccc;
}
.container table.has-icon tbody th, .content table.has-icon tbody th {
position: relative;
padding-right: 45px;
}
.container table tbody .strong, .container table.strong tbody td, .content table tbody .strong, .content table.strong tbody td {
font-weight: 700;
}
.container table tbody .not-strong, .container table.not-strong tbody td, .container table.strong tbody .not-strong, .content table tbody .not-strong, .content table.not-strong tbody td, content table.strong tbody .not-strong {
font-weight: 400;
}
.container table td.left, .container table th.left, .content table td.left, .content table th.left {
text-align: left;
}
.container table td.center, .container table th.center, .content table td.center, .content table th.center {
text-align: center;
}
.container table td.right, .container table th.right, .content table td.right, .content table th.right {
text-align: right;
}
.content table td.download-checkbox, .md-paging {
text-align: center;
}
.container table a, .content table a {
color: #E2002A;
text-decoration: none;
}
.container table a:active, .container table a:focus, .container table a:hover, .content table a:active, .content table a:focus, .content table a:hover {
color: #AB0020;
}
.container table span {
color: #E2002A;
}
.container table.lateral, .content table.lateral {
width: 560px;
}
.md-dms table {
font-size: 15px;
}
.content .md-dms table th {
padding-right: 18px;
background: url(data:image/gif;
base64, R0lGODlhFQAJAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAxODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODcwMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODZGMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAJAAACF4yPgMsJ2mJ4VDKKrd4GVz5lYPeMiVUAADs=) right center no-repeat #F2F2F2;
cursor: pointer;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.content .md-dms table th.headerSortUp {
background: url(data:image/gif;
base64, R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjdCNTAyODc0MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjdCNTAyODczMEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYwfoAvoz9qbZ9FrJC0AOw==) right center no-repeat #F2F2F2;
}
.content .md-dms table th.headerSortDown {
background: url(data:image/gif;
base64, R0lGODlhFQAEAIABAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAyODAxMTc0MDcyMDY4MTE4OEM2REYyN0ExMDhBNDJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhFNzNGQjI3MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhFNzNGQjI2MEY4NjExRTBBMzkyQzAyM0E1RDk3RDc3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDI4MDExNzQwNzIwNjgxMTg4QzZERjI3QTEwOEE0MkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAFQAEAAACDYyPAcmtsJyDVDKKWQEAOw==) right center no-repeat #F2F2F2;
}
tr: hover td {
background: #F2F2F2;
}
td.md-dms-name a {
display: block;
position: relative;
color: #000;
width: 100%;
padding-left: 24px;
padding-right: 48px;
}
.md-dms-name a:hover, td.md-dms-name a:active, td.md-dms-name a:focus {
color: #E2002A;
text-decoration: underline;
}
.container table span.ic-info {
color: #878787;
}
td.md-dms-name a span {
display: inline-block;
position: absolute;
top: 0;
left: 0;
}
td.md-dms-name .md-dms-name-new {
left: auto;
right: 0;
background: #ebc81e;
padding: 0 6px;
color: #000;
text-transform: uppercase;
}
.md-paging span.md-paging-text {
display: inline-block;
padding-right: 4px;
padding-left: 4px;
}
.md-dms input[type=text] {
width: 100%}
.md-dms label {
display: block;
font-weight: 700;
color: #737373;
margin-bottom: 4px;
margin-top: 4px;
}
.content .md-dms table th.header.download-header {
background: #F2F2F2;
cursor: initial;
text-align: center;
}
form[name=zipDownload] input[type=submit] {
margin-bottom: 10px;
}
.md-dms fieldset {
margin: 0;
padding: 0;
border: 0;
}
.md-dms table label {
margin: 0;
}
.multi-tables, ul.accordeon:not(.edit-mode)>li.open>.multi-tables {
margin-top: 20px;
}
.md-dms table th label {
display: inline-block;
color: #000;
}
table.width-50-50 tbody td {
width: 50%}
table.width-25-75 tbody tr>* {
width: 76%}
table.width-25-75 tbody tr>:first-child {
width: 24%}
.col-2 table {
min-width: 0;
}
.multi-tables {
column-count: 2;
margin-bottom: 20px;
}
.multi-tables table:first-child {
margin-top: 0;
}
.table-wrapper {
overflow-x: auto;
}
.sticky-column {
position: sticky;
left: 0;
}
.container table.admin-table td, .container table.admin-table th {
padding: 6px;
}
footer {
min-height: 200px;
background: #737373;
color: #fff;
position: relative;
left: 0;
-webkit-transition: left .5s, top .5s;
-moz-transition: left .5s, top .5s;
transition: left .5s, top .5s;
}
footer .footer--white {
background: #fff;
}
footer.footer--small {
min-height: 0;
}
footer.footer--transparent {
background: 0 0;
}
footer .footer--logistics {
padding-top: 5px;
border-top: 1px solid #E2002A;
}
footer .footer--logistics ul {
margin: 0 0 10px;
}
footer .footer--logistics a {
color: #E2002A;
text-decoration: underline;
}
.footer__title {
font-size: 24px;
color: #fff;
font-family: "Frutiger Next Light";
font-weight: Bold;
margin: 55px 0 10px;
display: block;
}
.footer__link-list li a, .sublevel__link {
text-decoration: none;
white-space: nowrap;
font-size: 16px;
/*font-family: "Frutiger Next Light", "Source Sans Pro Light", Arial, sans-serif;*/
}
.footer__link-list li a {
display: inline-block;
position: relative;
color: #FAFAFA;
width: 100%;
padding: 8px 8px 8px 0;
border-top: 1px solid transparent;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid #999;
}
.off-canvas-open footer {
left: 250px;
}
.footer__link-list li:last-child a {
border-bottom: 1px solid transparent;
}
.footer__link-list li a:active, .footer__link-list li a:focus, .footer__link-list li a:hover {
color: #fff;
text-decoration: underline;
}
footer a span.ic-arrow2-right {
display: inline-block;
position: relative;
top: 0;
margin-left: -4px;
width: 14px;
overflow: hidden;
}
.site-nav>li ul li a:active {
border: #fff;
color: #fff;
}
footer ul {
list-style: none;
padding: 0;
margin: 0 0 50px;
}
footer ul.no-header {
margin-top: 94px;
}
.footer__link-list li {
width: 100%;
padding-right: 40px;
line-height: 18px;
}
div.footer-social-items {
padding-top: 34px;
}
.company-row, .logo-row {
padding: 20px 0;
}
.company-image {
display: inline-block;
width: auto;
max-width: 100%;
max-height: 24px;
margin-top: 10px;
}
@media screen and (max-width:991px) {
.multi-tables {
column-count: 1;
}
.company-row, .logo-row {
text-align: center;
}
.company-image {
margin-top: 0;
}
}.logo-row {
text-align: left;
}
.logo-row ul {
list-style: none;
display: inline-block;
margin: 0;
padding: 0;
}
.logo-row li {
display: inline-block;
position: relative;
padding-right: 20px;
}
.logo-row li a:focus, .logo-row li a:hover {
opacity: .7;
}
.logo-row li a:active {
opacity: 1;
}
.logo-row li a.footer-logo-wrapper {
height: 45px;
display: inline-block;
}
@media screen and (max-width:991px) {
.logo-row, .logo-row ul {
text-align: center;
}
.logo-row li {
float: none;
}
}.site-nav__menu-item {
width: 100%}
.sublevel__link {
display: inline-block;
color: #4C4C4C;
width: 100%;
padding: 8px 24px 8px 8px;
border-top: 1px solid transparent;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid #CCC;
}
#konzern-nav-link, .sublevel__parent-link {
font-size: 18px;
text-decoration: none;
font-weight: 300;
}
.sublevel__link:focus, .sublevel__link:hover {
border: 1px solid #4C4C4C;
}
.sublevel__link:active {
border: 1px solid #000;
color: #000;
}
.site-nav__menu-item:last-child>.sublevel__link {
border-bottom: 1px solid transparent;
}
.site-nav__menu-item:last-child>.sublevel__link:focus, .site-nav__menu-item:last-child>.sublevel__link:hover {
border: 1px solid #4C4C4C;
}
.sublevel__link .ic-lock {
display: block;
position: absolute;
top: 50%;
right: 8px;
margin-top: -8px;
width: 16px;
text-align: right;
opacity: 1;
}
.sublevel__parent-link {
display: block;
color: #4C4C4C;
margin: 1em 0;
}
.sublevel__parent-link:focus, .sublevel__parent-link:hover {
color: #E2002A;
}
.sublevel__parent-link:active {
color: #AB0020;
}
.site-nav p {
margin: 1em 0;
}
#konzern-nav-link {
display: inline-block;
position: relative;
background: #E2002A;
color: #FFF;
font-family: "Frutiger Next Light";
padding: 10px 12px;
right: 0;
border: none;
z-index: 3;
font-weight: bold;
}
.skewed-header #konzern-nav-link {
margin-left: 15px;
}
.skewed-header #konzern-nav-link:before {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 30px;
height: 100%;
background: #E2002A;
transform: translateX(-12px) skew(-30deg);
z-index: -1;
}
.rcg.skewed-header #konzern-nav-link:before, .rch.skewed-header #konzern-nav-link:before, .rola.skewed-header #konzern-nav-link:before {
transform: translateX(-12px) skew(-22deg);
}
@media screen and (min-width:992px) {
#konzern-nav-link {
padding: 7px 12px;
}
}#konzern-nav-link .ic-arrow2-up, #konzern-nav-link .ic-orgchart, #konzern-nav-link .ic-sphere {
display: none;
}
.konzern-nav-open #konzern-nav-link .ic-arrow2-up {
display: inline-block;
}
.konzern-nav-open #konzern-nav-link .ic-arrow2-down {
display: none;
}
@media screen and (max-width:567px) {
#konzern-nav-link .ic-orgchart, #konzern-nav-link .ic-sphere {
display: inline-block;
}
#konzern-nav-link .ic-arrow2-down, #konzern-nav-link .ic-arrow2-up, #konzern-nav-link .text {
display: none!important;
}
}#konzern-nav-link:focus, #konzern-nav-link:focus:before, #konzern-nav-link:hover, #konzern-nav-link:hover:before, .konzern-nav-open #konzern-nav-link:focus, .konzern-nav-open #konzern-nav-link:hover {
background: #737373;
}
#konzern-nav-link:active {
color: #000;
}
.konzern-nav-open .konzern-nav {
display: block;
min-height: 200px;
}
.konzern-nav__title {
font-size: 36px;
margin: 0 0 10px;
color: #fff;
display: block;
}
.konzern-nav__slogan {
font-size: 24px;
margin: 0;
color: #fff;
display: block;
}
.country-nav-list li a, .konzern-nav ul li a {
font-size: 16px;
/*font-family: "Frutiger Next Light", "Source Sans Pro Light", Arial;*/
white-space: nowrap;
}
.konzern-nav ul li a {
display: inline-block;
color: #FAFAFA;
text-decoration: none;
width: 100%;
padding: 8px 8px 8px 0;
border-top: 1px solid transparent;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid #CCC;
}
.konzern-nav ul li a:focus, .konzern-nav ul li button {
text-decoration: underline;
}
.konzern-nav ul li:last-child a {
border-bottom: 1px solid transparent;
}
.konzern-nav ul li a:active, .konzern-nav ul li a:focus, .konzern-nav ul li a:hover {
color: #fff;
text-decoration: underline;
}
.konzern-nav ul li button {
background: 0 0;
color: #fff;
border: none;
padding: 8px 8px 8px 0;
}
.konzern-nav a span.ic-arrow2-right {
display: inline-block;
position: relative;
top: 0;
margin-left: -4px;
width: 14px;
overflow: hidden;
}
.konzern-nav ul {
list-style: none;
padding: 0;
margin: 0;
}
.konzern-nav ul li {
width: 100%;
padding-right: 0;
line-height: 18px;
}
.konzern-nav-train {
display: block;
position: absolute;
right: 1px;
width: 129px;
height: 91px;
}
@media screen and (max-width:991px) {
.konzern-nav-train {
right: 50px;
}
}@media screen and (max-width:567px) {
.konzern-nav-train {
display: none;
}
}@media screen and (min-width:992px) {
.hide-lg {
display: none!important;
}
}.country-nav {
position: absolute;
right: 110px;
top: 0;
height: 40px;
}
.country-nav:after, .country-nav:before {
content: " ";
display: table;
}
.country-nav:after {
clear: both;
}
@media screen and (min-width:568px) and (max-width:991px) {
.country-nav {
right: 90px;
}
}@media screen and (max-width:567px) {
.country-nav {
right: 80px;
}
}.country-nav-list {
display: none;
position: absolute;
width: auto;
background: #fff;
-webkit-box-shadow: 0 1px 10px -2px rgba(0, 0, 0, .61);
-moz-box-shadow: 0 1px 10px -2px rgba(0, 0, 0, .61);
box-shadow: 0 1px 10px -2px rgba(0, 0, 0, .61);
top: 100%;
right: 0;
overflow: hidden;
margin: 0 0 10px;
padding: 6px;
z-index: 2;
}
.country-nav-current {
border-right: 1px solid #fff;
display: block;
position: absolute;
top: 0;
right: 0;
width: 55px;
height: 40px;
background: 0 0;
z-index: 3;
padding-left: 8px;
padding-right: 8px;
padding-top: 6px;
}
.country-nav-current span {
position: absolute;
color: #fff;
top: 12px;
right: 3px;
}
.country-nav-current span.ic-sphere {
right: 25px;
}
.country-nav-current img {
border: 1px solid #666;
margin-top: 2px;
}
.country-nav-current.open, .country-nav-current:active, .country-nav-current:focus, .country-nav-current:hover {
background: #fff;
color: #E2002A;
}
.country-nav-current.open span, .country-nav-current:active span, .country-nav-current:focus span, .country-nav-current:hover span {
color: #E2002A;
}
.country-nav-list li {
display: block;
}
.country-nav-list li a {
display: inline-block;
color: #4C4C4C;
text-decoration: none;
width: 100%;
padding: 4px 8px 4px 4px;
border-top: 1px solid transparent;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid #CCC;
}
.country-nav-list li a .ic-sphere, .country-nav-list li a img {
width: 36px;
height: 25px;
vertical-align: middle;
display: inline-block;
}
.country-nav-list li:last-child a {
border-bottom: 1px solid transparent;
}
.country-nav-list li a img {
margin-right: 8px;
border: 1px solid #666;
}
.country-nav-list li a .ic-sphere {
margin-right: 5px;
border: 1px solid transparent;
text-align: center;
font-size: 18px;
}
.footer-row .row div:last-child, .social-row {
text-align: right;
}
.footer-row, .footer-row li>a, .footer-row li>button {
font-size: 14px;
/*font-family: "Frutiger Next Light", "Source Sans Pro Light", Arial;*/
}
.country-nav-list li a:focus, .country-nav-list li a:hover {
border: 1px solid #4C4C4C;
}
.footer-row .row div:first-child {
font-family: "Frutiger Next Light";
font-weight: Bold;
margin-top: 4px;
color: #4C4C4C;
}
.footer-row ul {
list-style: none;
display: inline-block;
margin: 0;
padding: 0;
}
.footer-row li {
display: inline-block;
position: relative;
float: left;
}
.footer-row li>a, .footer-row li>button {
position: relative;
display: inline-block;
color: #4C4C4C;
padding: 4px 6px;
text-decoration: none;
white-space: nowrap;
background: 0 0;
border: none;
}
.footer-row li:last-child>a, .footer-row li:last-child>button {
padding-right: 0;
}
.footer-row li~li>a:before, .footer-row li~li>button:before {
content: ' ';
display: block;
position: absolute;
top: 6px;
left: 0;
width: 1px;
background: #CCC;
height: 14px;
z-index: 6;
}
.footer-row li>a:focus, .footer-row li>a:hover, .footer-row li>button:focus, .footer-row li>button:hover {
color: #E2002A;
}
.social-row {
padding: 20px 0;
}
.social-row ul {
list-style: none;
display: inline-block;
margin: 0;
padding: 0;
}
.social-row li {
display: inline-block;
position: relative;
float: left;
padding-left: 6px;
}
.social-row li a:focus, .social-row li a:hover {
opacity: .7;
}
.social-row li a:active {
opacity: 1;
}
.social-row li a img {
width: 38px;
height: 38px;
}
@media screen and (max-width:991px) {
.social-row, .social-row ul {
text-align: center;
}
.social-row li {
float: none;
}
}#disclaimer div.md-disclaimer-content a, .intranet pre a, .karten-legende a, .main-content .searchagent__data-conditions, .row .content ol a, .row .content ul:not(.teaser-slider-list):not(.tab-handler):not(.tab-handler-dropdown):not(.mashup-categories-menu):not(.mup-more-mashup-categories-menu):not(.no-list-icons) a:not(.md-button):not(.lSPrev):not(.lSNext), .row p a {
color: #E2002A;
text-decoration: underline;
}
#disclaimer div.md-disclaimer-content a:active, #disclaimer div.md-disclaimer-content a:focus, #disclaimer div.md-disclaimer-content a:hover, .intranet pre a:active, .intranet pre a:focus, .intranet pre a:hover, .main-content .searchagent__data-conditions:active, .main-content .searchagent__data-conditions:focus, .main-content .searchagent__data-conditions:hover, .row .content ol a:active, .row .content ol a:focus, .row .content ol a:hover, .row .content ul:not(.teaser-slider-list):not(.tab-handler):not(.tab-handler-dropdown):not(.mashup-categories-menu):not(.mup-more-mashup-categories-menu):not(.no-list-icons) a:not(.md-button):not(.lSPrev):not(.lSNext):active, .row .content ul:not(.teaser-slider-list):not(.tab-handler):not(.tab-handler-dropdown):not(.mashup-categories-menu):not(.mup-more-mashup-categories-menu):not(.no-list-icons) a:not(.md-button):not(.lSPrev):not(.lSNext):focus, .row .content ul:not(.teaser-slider-list):not(.tab-handler):not(.tab-handler-dropdown):not(.mashup-categories-menu):not(.mup-more-mashup-categories-menu):not(.no-list-icons) a:not(.md-button):not(.lSPrev):not(.lSNext):hover, .row p a:active, .row p a:focus, .row p a:hover {
color: #AB0020;
}
#disclaimer div.md-disclaimer-content a:focus, .intranet pre a:active, .intranet pre a:focus, .main-content .searchagent__data-conditions:active, .main-content .searchagent__data-conditions:focus, .row .content ol a:focus, .row .content ul:not(.teaser-slider-list):not(.tab-handler):not(.tab-handler-dropdown):not(.mashup-categories-menu):not(.mup-more-mashup-categories-menu):not(.no-list-icons) a:not(.md-button):not(.lSPrev):not(.lSNext):focus, .row p a:active, .row p a:focus {
text-decoration: underline;
}
.content .p, .content h1, .content h2, .content h3, .content h4, .content img, .content p {
margin: 15px 0;
}
.content .p+h1, .content .p+h2, .content .p+h3, .content .p+h4, .content p+h1, .content p+h2, .content p+h3, .content p+h4 {
margin-top: 20px;
}
.content .md-infolinks-desc .md-infolinks-desc__title {
font-size: 24px;
font-weight: 700;
/*font-family: "Frutiger Next Light", "Source Sans Pro Light", Arial, san-serif;*/
margin: 15px 0;
padding: 0;
}
.content a.anchor-link {
display: block;
position: relative;
top: -80px;
}
.content ul {
list-style-image: url(https://presse.oebb.athttps://presse.oebb.at/.resources/corp-2016/themes/images/point-red.svg);
}
.content ul ul {
list-style-image: url(https://presse.oebb.athttps://presse.oebb.at/.resources/corp-2016/themes/images/point-gray.svg);
}
.content ul ul ul {
list-style-image: url(https://presse.oebb.at/.resources/corp-2016/themes/images/line-gray.svg);
}
.content ul.accordeon .md-facts ul ul, .content ul.tabs .md-facts ul ul, .main-content .md-facts ul ul {
list-style-image: url(https://presse.oebb.at/.resources/corp-2016/themes/images/point-gray.svg);
}
.content ol, .content ol li, .content ul, .content ul li {
margin-top: 10px;
margin-bottom: 10px;
}
.content ul.accordeon .md-facts ul, .content ul.accordeon .md-infolinks ul, .content ul.tabs .md-facts ul, .content ul.tabs .md-infolinks ul {
list-style: none;
}
.content ul.accordeon ul.link-icon, .content ul.link-icon, .content ul.tabs ul.accordeon ul.link-icon, ul.link-icon {
list-style: none;
padding-left: 0;
margin-left: -5px;
}
.content .md-gray ul.link-icon, .content ul.accordeon ul.link-icon, .content ul.tabs ul.accordeon ul.link-icon, .md-gray ul.link-icon {
font-weight: 700;
}
.content p {
line-height: 1.4em;
}
.md-headline-teaser {
padding-bottom: 22px;
margin-bottom: 30px;
}
.md-headline-teaser:last-child {
margin: 0;
padding-bottom: 0;
}
.md-headline-teaser p, .md-img-headline-teaser p {
margin-top: 7px;
font-size: 22px;
}
.main-content .md-headline-teaser h1, .main-content .md-headline-teaser h2, .main-content .md-headline-teaser h3, .md-headline-teaser h1, .md-headline-teaser h2, .md-headline-teaser h3 {
max-width: 670px;
line-height: 38px;
margin-bottom: 7px;
}
.md-headline-teaser p {
max-width: 670px;
}
.md-img-headline-teaser h1 {
line-height: 38px;
margin-bottom: 7px;
}
.md-img-headline-teaser.new-to-rcg h1 {
font-size: 52px;
line-height: 55px;
font-weight: 700;
text-align: right;
margin-top: 15px;
}
.md-img-headline-teaser.new-to-rcg h2 {
/*font-family: "Frutiger Next Bold", "Source Sans Pro Bold", Arial;*/
font-size: 44px;
line-height: 47px;
font-weight: 700;
text-align: right;
margin-top: 10px;
}
.md-img-headline-teaser.new-to-rcg p {
margin-top: 20px;
text-align: right;
}
.content .md-teaser p, .content .md-teaser-2 p {
text-align: left;
}
.md-img-headline-teaser.new-to-rcg {
margin-bottom: 36px;
}
.md-img-headline-teaser.new-to-rcg form {
margin-top: 15px;
}
@media screen and (max-width:991px) {
.md-img-headline-teaser.new-to-rcg h1, .md-img-headline-teaser.new-to-rcg h2, .md-img-headline-teaser.new-to-rcg p {
text-align: left;
}
}.md-teaser-2, .md-teaser-4, .md-text, .md-text-teaser, .md-text-text {
margin: 20px 0;
}
.md-text-text .md-gray img.portrait {
display: block;
float: right;
position: relative;
width: 100px;
margin: 17px 0 0 10px;
}
.content .md-teaser h3, .content .md-teaser img, .content .md-teaser p {
margin-top: 5px;
margin-bottom: 5px;
}
.content .col-2>.md-teaser {
margin-left: -20px;
margin-right: -20px;
padding-left: 20px;
padding-right: 20px;
}
.content .md-teaser a {
display: block;
color: #000;
text-decoration: none;
padding-top: 12px;
padding-bottom: 12px;
}
.content .md-teaser:hover {
outline: #E5E5E5 solid 1px;
outline-offset: -2px;
color: #E2002A;
border-radius: 5px;
}
.content .md-teaser .md-teaser-sublinks {
margin: -10px 0 0;
padding-bottom: 15px;
}
.content .md-teaser .md-teaser-sublinks p {
margin: 0;
}
.content .md-teaser .md-teaser-sublinks a {
margin: 0;
padding-top: 0;
padding-bottom: 0;
color: #E2002A;
}
.content .md-teaser-2 h3, .content .md-teaser-2 img, .content .md-teaser-2 p {
margin-top: 5px;
margin-bottom: 5px;
}
.content .md-teaser .md-teaser-sublinks a:focus, .content .md-teaser .md-teaser-sublinks a:hover {
color: #000;
}
.content .md-teaser-2 a {
display: block;
color: #000;
text-decoration: none;
padding-top: 12px;
padding-bottom: 12px;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.content .md-teaser-2 .col-2:hover {
outline: #E5E5E5 solid 1px;
outline-offset: -2px;
color: #E2002A;
}
.content .md-teaser-2 .md-teaser-sublinks {
margin: -10px 0 15px;
}
.content .md-teaser-2 .md-teaser-sublinks p {
margin: 0;
}
.content .md-teaser-2 .md-teaser-sublinks a {
margin: 0;
padding-top: 0;
padding-bottom: 0;
color: #E2002A;
}
.content .md-teaser-2 .md-teaser-sublinks a:focus, .content .md-teaser-2 .md-teaser-sublinks a:hover {
color: #000;
}
.content .md-teaser-4 .video-container, .content .md-teaser-4 img {
margin-bottom: 0;
}
.content .md-teaser-4 .md-teaser-4__content {
margin: 4px 0 15px;
text-align: center;
line-height: 1.4em;
}
.content .md-teaser-4 .md-teaser-4__content p {
margin: 0;
}
.content .md-img-text-teaser a, .content .md-teaser-4 a {
display: block;
color: #000;
text-decoration: none;
}
.md-img-text-teaser .md-img-text-teaser__title {
font-size: 24px;
/*font-family: "Frutiger Next Light", "Source Sans Pro Light", Arial, san-serif;*/
font-weight: 700;
margin: 15px 0;
}
.content .md-teaser-4 .col-1 a {
margin: 0 -20px -15px;
padding: 0 20px 15px;
text-decoration: none;
}
@media screen and (max-width:567px) {
.content .md-teaser-4 .col-1 a {
margin: 0;
padding: 0;
}
}.content .md-img-text-teaser a:focus .row, .content .md-img-text-teaser a:hover .row {
outline: #E5E5E5 solid 1px;
outline-offset: -2px;
color: #E2002A;
border-radius: 5px;
}
.content .md-teaser-4 .col-1 a:focus, .content .md-teaser-4 .col-1 a:hover {
color: #E2002A;
outline: #E5E5E5 solid 1px;
outline-offset: -2px;
border-radius: 5px;
}
.content .md-teaser-4 a.md-teaser-4__buchungs-link {
padding: 10px 20px;
}
.content .md-img-text-teaser a:active .row, .content .md-teaser-4 .col-1 a:active {
color: #000;
text-decoration: none;
}
.md-img-headline-teaser, .md-img-text, .md-img-text-teaser, .md-text-img {
margin: 10px 0;
}
.teaser-panel {
margin: -15px auto 15px;
width: 100%;
max-width: 1200px;
overflow: hidden;
position: relative;
z-index: 1;
padding-top: 15px;
padding-left: 20px;
padding-right: 20px;
background: #f2f2f2;
}
@media screen and (max-width:991px) {
.teaser-panel {
padding-left: 40px;
padding-right: 40px;
}
.teaser-panel .md-teaser-4 .col-1+.col-1+.col-1 {
clear: left;
}
.teaser-panel .md-teaser-4 .col-1+.col-1+.col-1+.col-1 {
clear: none;
}
}.lSSlideOuter .lSPager.lSGallery:after, .lSSlideWrapper>.lightSlider:after, .md-facts ul li:after, .slider li .slider-link:after, .slider ul:after {
clear: both;
}
@media screen and (max-width:567px) {
.teaser-panel {
padding-left: 10px;
padding-right: 10px;
}
}.teaser-panel+.teaser-panel {
margin-top: -30px;
padding-top: 2px;
z-index: 2;
}
.teaser-panel .md-teaser-4 {
margin-top: 0;
margin-left: auto;
margin-right: auto;
max-width: 860px;
}
.teaser-panel .md-teaser-4 .col-1 a {
margin: 0 -15px;
text-decoration: none;
padding: 5px 15px;
}
.teaser-panel .md-img-text-teaser a, .teaser-panel .md-teaser-4 a {
display: block;
color: #000;
text-decoration: none;
padding: 5px 15px;
}
.teaser-panel .md-teaser-4 .col-1 a:hover {
color: #E2002A;
outline: #fff solid 1px;
outline-offset: -3px;
}
.teaser-panel .md-teaser-4 .col-1 {
padding-left: 15px;
padding-right: 15px;
}
.teaser-panel .md-teaser-4 .col-1 p {
margin-bottom: 0;
}
.teaser-panel .md-teaser-4 .col-1 h3 {
margin-bottom: 5px;
margin-top: 0;
}
.md-gray, .md-white {
margin: 20px 0;
padding: 1px 20px;
}
.md-gray {
background: #F5F5F5;
}
.md-white {
background: #FFF;
}
h1~.row, h2~.row, h3~.row {
margin-top: -15px;
}
h1~.row>div>ul, h2~.row>div>ul, h3~.row>div>ul {
margin-top: 35px;
}
h1+.md-gray, h1+.md-white, h2+.md-gray, h2+.md-white, h3+.md-gray, h3+.md-white {
margin-top: -10px;
}
.columns .row>div>ul {
margin-top: 15px;
}
h2.hidden~.row {
margin-top: 0;
}
.md-facts ul {
margin: 20px 0;
padding: 0;
list-style: none;
}
.md-facts ul li {
display: block;
padding-bottom: 8px;
margin-bottom: 8px;
border-bottom: 1px solid #E5E5E5;
}
.md-facts ul li:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: 0;
}
.md-facts ul li img {
width: 20%;
min-width: 80px;
float: left;
margin: 0;
padding-right: 20px;
}
.main-content .md-facts ul ul {
margin: 0 0 0 20px;
}
.md-facts ul ul li {
display: list-item;
padding-bottom: 0;
margin: 0;
border-bottom: 0;
}
.md-facts p {
margin: 0;
}
.md-infolinks ul {
margin: 20px 0;
padding: 0;
list-style: none;
}
.md-infolinks ul li {
padding-bottom: 2px;
margin-bottom: 2px;
}
.md-infolinks ul li:last-child {
padding-bottom: 0;
margin-bottom: 0;
}
.md-infolinks ul li a {
display: inline-block;
clear: left;
color: #E2002A;
text-decoration: none;
font-weight: 700;
}
.md-infolinks ul li a:focus, .md-infolinks ul li a:hover {
text-decoration: none;
color: #000;
}
.md-infolinks ul li a:active {
color: #737373;
}
.md-button, a.md-button, p a.md-button, table a.md-button {
margin: 0 0 20px;
display: inline-block;
background-color: #E2002A;
border: 1px solid #E2002A;
padding: 10px;
color: #FFF;
text-decoration: none;
}
.md-button.md-button--disabled, a.md-button.md-button--disabled, p a.md-button.md-button--disabled, table a.md-button.md-button--disabled {
background-color: #666;
border-color: #666;
pointer-events: none;
}
.md-button.md-button--disabled:active, .md-button.md-button--disabled:focus, .md-button.md-button--disabled:hover, a.md-button.md-button--disabled:active, a.md-button.md-button--disabled:focus, a.md-button.md-button--disabled:hover, p a.md-button.md-button--disabled:active, p a.md-button.md-button--disabled:focus, p a.md-button.md-button--disabled:hover, table a.md-button.md-button--disabled:active, table a.md-button.md-button--disabled:focus, table a.md-button.md-button--disabled:hover {
background-color: #666;
border-color: #666;
color: #fff;
}
.md-button:active, .md-button:focus, .md-button:hover, a.md-button:active, a.md-button:focus, a.md-button:hover, oebb-fm-form .mag-corporate .fm-button-panel input[type=submit]:hover, oebb-fm-upload .upload-button:active, oebb-fm-upload .upload-button:focus, oebb-fm-upload .upload-button:hover, p a.md-button:active, p a.md-button:focus, p a.md-button:hover, table a.md-button:active, table a.md-button:focus, table a.md-button:hover {
color: #E2002A;
background-color: #FFF;
opacity: 1;
}
.md-button:focus, a.md-button:focus {
outline: #fff dotted 1px;
outline-offset: -4px;
}
a.md-button span {
line-height: 1.125em;
margin-right: 5px;
}
a.md-button~a.md-button, p a.md-button~p a.md-button {
margin-top: -10px;
}
.md-button-secondary {
margin: 0 0 20px;
display: inline-block;
background-color: #FFF;
border: 1px solid #E2002A;
padding: 10px;
color: #E2002A;
text-decoration: none;
}
.md-button-secondary.md-button--disabled, .md-button-secondary.md-button--disabled:active, .md-button-secondary.md-button--disabled:focus, .md-button-secondary.md-button--disabled:hover {
background: #fff;
color: #4C4C4C;
border-color: #666;
}
.md-button-secondary.md-button--disabled {
pointer-events: none;
}
.md-button-secondary:active, .md-button-secondary:focus, .md-button-secondary:hover {
color: #FFF;
background-color: #E2002A;
}
.md-button--link {
margin: 0 0 20px;
display: inline-block;
background-color: transparent;
color: #E2002A;
text-decoration: underline;
border: none;
padding: 0;
}
.contact-button.md-button {
display: none;
}
@media screen and (max-width:567px) {
.contact-button.md-button {
display: block;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
margin: 0;
z-index: 9;
text-align: center;
height: 60px;
font-size: 35px;
}
.contact-button-active footer {
padding-bottom: 60px;
}
.main-content .md-img-orig-width-small-devices img {
width: auto!important;
max-width: 767px!important;
}
}.main-content .md-img-orig-width img {
width: auto!important;
}
@media screen and (max-width:991px) {
.main-content .md-img-orig-width-medium-devices img {
width: auto!important;
max-width: 991px!important;
}
}@media screen and (max-width:1199px) {
.main-content .md-img-orig-width-large-devices img {
width: auto!important;
max-width: 1199px!important;
}
}ul.karten-legende {
list-style: none;
margin: 0;
padding: 0;
}
ul.karten-legende li {
display: block;
position: relative;
border-bottom: 1px solid #e5e5e5;
margin: 0 0 0 36px;
padding: 5px 0;
}
.flex>li, form input[type=checkbox] {
margin-right: 10px;
}
ul.karten-legende li>span {
display: block;
position: absolute;
top: 6px;
left: -36px;
width: 26px;
height: 26px;
line-height: 22px;
text-align: center;
margin-top: 0;
border: 2px solid #E2002A;
border-radius: 50%;
font-size: 15px;
background: #fff;
z-index: 2;
}
.md-iframe, p+.md-dms, ul+.md-dms {
margin-top: 20px;
}
ul.karten-legende li>span.line {
width: 2px;
border: 0;
left: -24px;
height: 120%;
background: #ccc;
top: 0;
line-height: normal;
border-radius: 0;
z-index: 1;
}
ul.karten-legende li:last-child span.line {
background: 0 0;
}
ul.karten-legende li:first-child span.line {
height: 110%;
top: 20px;
}
ul.karten-legende li:last-child {
border-bottom-color: transparent;
}
ul.karten-legende a {
/*font-family: "Frutiger Next Bold", "Source Sans Pro Bold", Arial, san-serif;*/
}
.intranet pre, ul.karten-legende .karten-legende__subtext {
/*font-family: "Frutiger Next Regular", "Source Sans Pro Regular", Arial, san-serif;*/
}
ul.karten-legende .karten-legende__subtext {
display: block;
text-transform: none;
}
.dms-fullscreen-col-1, .md-iframe iframe.giscard--md, .md-iframe iframe.giscard--xs, .md-iframe.md-iframe--hidden, .md-iframe.md-iframe--with-placeholder.md-iframe--loaded .lazy-frame-placeholder {
display: none;
}
.md-dms>.row>.col-2 button {
background: 0 0;
border: none;
position: relative;
float: right;
font-size: 25px;
}
.md-dms h3 {
position: relative;
padding-right: 40px;
}
.md-dms h3 button {
position: absolute;
top: 1px;
right: 1px;
background: 0 0;
border: none;
}
.dms-fullscreen-col-3 {
width: 100%}
.md-iframe.ratio-9-16 {
width: 100%;
height: 0;
padding-top: calc(100% / 1920 * 730);
position: relative;
}
.md-iframe.ratio-9-16 .lazy-frame-placeholder, .md-iframe.ratio-9-16 iframe {
position: absolute;
top: 0;
left: 0;
}
.md-iframe.ratio-9-16 iframe {
width: 100%!important;
height: 100%!important;
}
.md-iframe.md-iframe--with-placeholder.md-iframe--loaded iframe {
visibility: visible;
}
.form-load-not-complete, a.mce-item-anchor {
visibility: hidden;
}
.md-iframe iframe {
max-width: 100%;
width: 100%;
height: 450px;
}
.col-2>.md-iframe iframe {
height: 425px;
width: 425px;
}
@media screen and (max-width:991px) {
.md-dms h3 button, .md-dms>.row>.col-2 button {
display: none;
}
.md-iframe iframe.giscard--md {
display: block;
}
.md-iframe iframe.giscard--hide-md {
display: none;
}
}@media screen and (max-width:567px) {
.md-iframe.ratio-9-16 {
padding-top: calc(100% / 320 * 375);
}
.md-iframe iframe.giscard--xs {
display: block;
}
.md-iframe iframe.giscard--hide-xs {
display: none;
}
}.md-text>.row>.col-2>.md-iframe iframe {
width: 100%;
height: 425px;
}
a.mce-item-anchor {
display: block;
position: relative;
top: -100px!important;
}
.flex, .flex-container, .flex-vertical {
display: flex;
}
.flex-center {
justify-self: center;
align-self: center;
text-align: center;
}
.flex-vertical {
flex-direction: column;
justify-content: space-between;
}
.flex-align-cennter {
display: flex;
justify-content: space-between;
align-items: center;
}
@media screen and (max-width:991px) {
a.mce-item-anchor {
top: -50px!important;
}
.wrapper--flip-order {
display: flex;
flex-direction: column;
}
.wrapper--flip-order>div:first-child {
order: 1;
}
.wrapper--flip-order .page-nav {
display: none;
}
}.flex--space-between {
justify-content: space-between;
}
.flex--align-self {
align-self: flex-start;
}
.flex--wrap {
flex-wrap: wrap;
}
.flex-cl {
width: 100%}
@media screen and (min-width:480px) {
.flex-cl--sm-50 {
width: calc(50% - 6px);
}
.main-content .immo-filter__list--object-types {
column-count: 2;
column-gap: 10px;
}
}@media screen and (min-width:568px) {
.flex-cl--md-25 {
width: calc(25% - 6px);
}
.flex-cl--md-50 {
width: calc(50% - 6px);
}
}@media screen and (min-width:992px) {
.flex-cl--lg-25 {
width: calc(25% - 6px);
}
.flex-cl--lg-50 {
width: calc(50% - 6px);
}
}.intranet pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 1.42857143;
background-color: #F5F5F5;
border: 1px solid #CCC;
border-radius: 4px;
}
.mashup {
background: #F2F2F2;
padding: 20px 0;
margin-bottom: 10px;
}
.mashup ul {
display: block;
position: relative;
padding: 0;
margin: 0 20px 0 0;
}
.mashup ul img {
display: block;
position: absolute;
top: 0;
left: 0;
width: 440px;
height: 256px;
}
.mashup ul img.center {
left: 50%;
margin-left: -220px;
}
.mashup ul img.visual-center {
right: auto;
left: 0;
width: auto;
height: 256px;
margin-left: 0;
}
.mashup ul [class^=col-] {
margin-bottom: 20px;
padding: 0;
}
.mup-col-1, .mup-col-2, .mup-col-3, .mup-img-left {
position: relative;
background: 0 0;
height: 256px;
border-left: 20px solid #F2F2F2;
overflow: hidden;
max-width: 440px;
margin: auto;
}
@media screen and (min-width:567px) and (max-width:860px) {
.col-1.mup-col-1 {
width: 50%;
float: left;
}
}.mup-content {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 33%, rgba(0, 0, 0, .73) 66%, rgba(0, 0, 0, .73) 100%) rgba(0, 0, 0, 0);
color: #fff;
display: block;
height: 256px;
left: 0;
position: absolute;
top: 0;
width: 100%;
padding: 0;
margin: 0;
text-decoration: none;
}
.mup-content:focus, .mup-content:hover {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .33) 66%, rgba(0, 0, 0, .9) 100%) rgba(0, 0, 0, 0);
text-shadow: 1px 1px 1px #000;
}
.mup-content:focus {
outline: #ccc dotted 1px;
outline-offset: -6px;
}
.mup-content:active {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .66) 66%, rgba(0, 0, 0, .9) 100%) rgba(0, 0, 0, 0);
}
.mup-statement {
background: rgba(0, 0, 0, 0);
color: #4C4C4C;
}
.mup-statement:active, .mup-statement:focus, .mup-statement:hover {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .1) 66%, rgba(0, 0, 0, .3) 100%) rgba(0, 0, 0, 0);
}
.mup-statement:focus, .mup-statement:hover {
text-shadow: none;
}
.mup-content>div {
width: 100%}
.mup-content h3, .mup-content h3.white-header {
color: #FFF;
text-shadow: 1px 1px 1px #000;
margin: 20px;
text-transform: uppercase;
font-size: .85em;
}
.mup-content h3.mup-title, .mup-content h3.white-header.mup-title {
background: rgba(0, 0, 0, .5);
width: 100%;
padding: 10px 20px;
margin: 0;
}
.mup-content h3.red-header {
color: #E2002A;
text-shadow: none;
}
.mup-content img.center {
display: block;
height: 356px;
left: 50%;
right: auto;
margin-left: -567px;
position: absolute;
top: 0;
width: 1134px;
}
.mup-multiline-truncation {
position: absolute;
bottom: 30px;
margin: 20px;
font-size: 1.15em;
font-weight: 700;
}
.mup-category-icon {
position: absolute;
bottom: 20px;
height: 15px;
color: #CCC;
width: 100%;
margin: 0 20px;
}
.mup-statement .mup-category-icon {
color: #4C4C4C;
}
.mup-category-icon span {
padding-right: 5px;
}
.mup-category-icon span.mup-ic-right {
display: inline-block;
float: right;
margin-right: 40px;
padding: 0 0 0 5px;
}
.mup-more-button {
margin: -30px auto 0;
text-align: center;
padding-bottom: 10px;
}
.mup-more-button .button-text-box {
display: inline-block;
margin: 0;
text-align: center;
}
a.button-more {
display: inline-block;
background-color: #E2002A;
padding: 10px;
color: #FFF;
text-decoration: none;
border: 1px solid #fff;
}
a.button-more.md-button:focus, a.button-more:active, a.button-more:hover {
color: #E2002A;
background-color: #fff;
border: 1px solid #E2002A;
}
a.button-more:focus {
outline: #fff dotted 1px;
outline-offset: -4px;
}
a.button-more:active {
color: #000;
}
a.button-more .ic-plus1 {
line-height: 1.15em;
}
.mup-category-list {
margin: 0 auto;
text-align: center;
width: 100%;
max-width: 1200px;
min-height: 52px;
overflow: hidden;
position: relative;
z-index: 3;
overflow-x: auto;
}
.mup-category-list ul {
list-style: none;
margin: 0;
padding: 0;
white-space: nowrap;
overflow: visible;
display: inline-block;
position: relative;
left: 0;
}
.mup-category-list ul.animation {
-webkit-transition: left .5s;
-moz-transition: left .5s;
transition: left .5s;
}
.mup-category-list ul li {
list-style: none;
position: relative;
display: inline-block;
white-space: nowrap;
padding: 0 10px;
border-left: solid 1px #CCC;
}
.mup-category-list ul li.active:after {
content: "";
width: 0;
height: 0;
position: absolute;
bottom: 0;
left: 50%;
border-style: solid;
border-width: 10px 10px 0;
border-color: #E2002A transparent transparent;
transform: translate(-50%, 100%);
}
.mup-category-list ul li:first-child {
border-left: solid 1px transparent;
}
.mup-category-list ul li .mashup-categorie-tab {
display: inline-block;
padding: 10px;
text-decoration: none;
font-size: 1em;
font-weight: 700;
color: #999;
max-height: 38px;
height: 38px;
background: 0 0;
border: none;
}
.mup-category-list ul li .mashup-categorie-tab:active {
background: 0 0;
border: none;
}
.mup-arrow-down, li.video-tile {
border-right: 10px solid transparent;
}
.mup-category-list ul li a:focus, .mup-category-list ul li a:hover, .mup-category-list ul li.active .mashup-categorie-tab {
background-color: #E2002A;
color: #FFF;
}
.mup-category-list ul li a:focus {
outline: #fff dotted 1px;
outline-offset: -4px;
}
.mup-next-btn, .mup-prev-btn {
z-index: 999;
color: #fff;
outline: 0;
padding-left: 0;
padding-right: 0;
text-align: center;
}
.mup-arrow-down {
display: block;
position: absolute;
bottom: -10px;
width: 0;
height: 0;
margin-left: -9px;
border-left: 10px solid transparent;
border-top: 10px solid #E2002A;
left: 50%}
.mup-next-btn, .mup-next-btn-decorator, .mup-prev-btn, .mup-prev-btn-decorator {
display: none;
top: 0;
position: absolute;
}
.mup-next-btn {
right: 0;
height: 38px;
width: 38px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border: 0;
background-color: #4C4C4C;
}
.mup-next-btn:focus, .mup-next-btn:hover {
background-color: #E2002A;
}
.mup-next-btn-decorator {
right: 0;
height: 52px;
width: 52px;
background: #fff;
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fff 40%, #fff 100%);
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fff 40%, #fff 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 40%, #fff 100%);
}
.mup-prev-btn {
left: 0;
height: 38px;
width: 38px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border: none;
background-color: #4C4C4C;
}
.mup-prev-btn:focus, .mup-prev-btn:hover {
background-color: #E2002A;
}
.mup-prev-btn-decorator {
left: 0;
height: 52px;
width: 52px;
background: -moz-linear-gradient(left, #fff 0, #fff 60%, rgba(255, 255, 255, 0) 100%);
background: -webkit-linear-gradient(left, #fff 0, #fff 60%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(to right, #fff 0, #fff 60%, rgba(255, 255, 255, 0) 100%);
}
@media screen and (max-width:991px) {
.mup-next-btn, .mup-prev-btn {
width: 28px;
}
}.mup-facebook, .mup-twitter {
background: #fff;
}
.mup-social-media {
padding: 0 20px;
}
a.mup-social-media-btn-disable, p a.mup-social-media-btn-disable {
display: block;
position: absolute;
right: 0;
bottom: 0;
width: 24px;
height: 24px;
line-height: 24px;
margin: 0;
padding: 0;
border-top-left-radius: 10px;
}
a.mup-social-media-btn-disable span.ic-close2 {
display: inline-block;
position: absolute;
left: 50%;
top: 50%;
margin-left: -8px;
margin-top: -9px;
}
p.center-text {
text-align: center;
}
.mup-content h3.rcg-raute {
width: auto;
display: inline-block;
height: 21px;
line-height: 21px;
background: #e1002a;
-webkit-transform: skew(-20deg);
-moz-transform: skew(-20deg);
-o-transform: skew(-20deg);
transform: skew(-20deg);
z-index: 0;
margin: 10px 20px 20px 15px;
padding-left: 15px;
padding-right: 15px;
}
.mup-content h3.rcg-raute span {
position: relative;
display: inline-block;
-webkit-transform: skew(20deg);
-moz-transform: skew(20deg);
-o-transform: skew(20deg);
transform: skew(20deg);
text-shadow: none;
}
.mup-content h3.immo-mup-up {
position: absolute;
}
.mup-content h3.immo-mup-down {
position: absolute;
font-weight: 400;
color: #CCC;
bottom: 0;
text-transform: none;
}
.mup-content h3.immo-mup-down.immo-mup-down-right {
right: 0;
text-transform: uppercase;
}
.container .mashup-filter {
width: auto;
margin-top: -20px;
margin-left: calc((100vw - 100%)/ 2 * -1);
margin-right: calc((100vw - 100%)/ 2 * -1);
margin-bottom: 15px;
}
.video-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
margin: 15px 0;
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%}
.video-categories {
margin-bottom: 20px;
}
a.video-link {
cursor: pointer;
}
.content .video-tile p {
text-align: left;
font-size: 15px;
}
.mashup.tv-mashup ul {
margin: 0 10px;
}
li.video-tile {
margin-bottom: 20px;
padding: 0;
background: 0 0;
height: 100%;
border-left: 10px solid transparent;
overflow: hidden;
margin-top: 0!important;
}
#my-playlist img, #my-playlist p, li.video-tile img, li.video-tile p {
margin: 0;
}
li.video-tile img {
width: 100%;
height: auto;
position: relative;
}
#my-playlist p, li.video-tile p {
color: #000;
font-size: 15px;
}
li.video-tile p {
margin-top: 5px;
}
#my-playlist p.video-download, .video-tile p.video-download {
float: right;
margin-top: -20px;
}
li.video-tile a.video-link div.video-duration, li.video-tile a.video-link div.video-operator-my-playlist {
color: #FFF;
padding: 2px;
opacity: .75;
font-weight: 700;
position: absolute;
bottom: 5px;
font-size: 13px;
}
li.video-tile a.video-link div.video-duration {
background: #000;
left: 5px;
}
li.video-tile a.video-link div.video-operator-my-playlist {
background: #E2002A;
right: 5px;
width: 20px;
text-align: center;
}
li.video-tile:focus {
outline: #4C4C4C dotted 1px;
outline-offset: 1px;
}
li.video-tile a.video-link div.video-operator-my-playlist:focus {
background: #FFF;
color: #E2002A;
}
li.video-tile p.video-download a:focus {
outline: #4C4C4C dotted 1px;
outline-offset: -1px;
}
div.video-thumbnail-container {
position: relative;
}
#my-playlist ul.teaser-slider-list {
height: 100%!important;
}
#my-playlist a.video-link div.video-duration, #my-playlist a.video-link div.video-operator-my-playlist {
color: #FFF;
padding: 2px;
opacity: .75;
font-weight: 700;
position: absolute;
bottom: 7px;
font-size: 13px;
}
#my-playlist a.video-link div.video-duration {
background: #000;
left: 3px;
}
#my-playlist a.video-link div.video-operator-my-playlist {
background: #E2002A;
right: 3px;
width: 20px;
text-align: center;
}
#my-playlist a.video-link div.video-operator-my-playlist:focus {
background: #FFF;
color: #E2002A;
}
#my-playlist p.video-download a {
color: #E2002A;
}
#my-playlist p.video-download a:focus, #my-playlist p.video-download a:hover {
color: #AB0020;
}
#my-playlist p.video-download a:focus {
outline: #4C4C4C dotted 1px;
}
.video-preview {
position: relative;
overflow: hidden;
cursor: pointer;
}
.video-preview::after, .video-preview__play {
position: absolute;
content: '';
display: block;
}
.video-preview::after {
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background-color: #000;
opacity: .7;
}
.video-preview__play {
top: 50%;
left: 50%;
z-index: 10;
transform: translate(-50%, -50%);
color: #fff;
font-size: 10em;
}
video {
width: 100%;
max-width: 100%!important;
height: auto;
}
.video-container-outer.video--ready {
border: 1px solid #E4E4E4;
padding: 0 15px 15px;
margin-bottom: 20px;
}
.video-container-outer.video--ready .video-container {
display: none;
}
.video-container-outer.video--ready.video--activated {
border: none;
padding: 0;
}
.video-container-outer.video--ready.video--activated .video-container {
display: block;
}
.video-container-outer.video--ready.video--activated button {
color: red;
background: 0 0;
border-color: transparent;
text-decoration: underline;
padding: 0;
margin: -5px 0 20px auto;
min-width: 0;
min-height: 0;
}
.video-container-outer.video--ready.video--activated button:focus, .video-container-outer.video--ready.video--activated button:hover {
color: #666;
}
.video-container-outer.video--ready button {
margin-top: 0;
margin-bottom: 0;
display: block;
margin-left: auto;
}
.video-container .video__disclaimer {
margin-bottom: 10px;
}
.video--activated .video__disclaimer {
display: none;
}
.sp-search-panel {
width: 100%;
margin: 0;
padding: 0;
}
#sp-search-form {
margin: 0 0 0 -30px;
padding: 0;
}
.sp-search-panel input[type=text] {
min-width: 50%;
width: auto;
height: 2.5em;
padding-left: 35px;
line-height: 2.5em;
}
.sp-form-panel input[type=submit], .sp-search-panel input[type=submit] {
min-width: 60px;
height: 2.5em;
line-height: 2.4em;
border: 1px solid #E2002A;
font-weight: 700;
position: relative;
text-transform: uppercase;
}
.sp-search-panel input[type=submit] {
width: auto;
background-color: #E2002A;
color: #FFF;
top: 2px;
}
.sp-search-panel input[type=submit]:focus {
outline: #fff dotted 1px;
outline-offset: -4px;
}
.sp-search-panel input[type=submit]:active {
background-color: #FFF;
color: #000;
}
.sp-search-panel input[type=submit]:hover {
background-color: #FFF;
color: #E2002A;
}
#sp-search-icon {
display: inline-block;
position: relative;
left: 35px;
top: 10px;
font-size: 1.8em;
color: #CCC;
}
.sp-form-panel {
position: relative;
z-index: 2;
width: 100%;
min-height: 50px;
background: #E5E5E5;
-webkit-box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, .8);
-moz-box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, .8);
box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, .8);
margin-bottom: 15px;
padding-top: 20px;
}
.sp-form-panel label {
display: block;
font-weight: 700;
color: #000;
margin-bottom: 4px;
margin-top: 4px;
}
.sp-form-panel input[type=submit] {
width: auto;
background-color: #E2002A;
color: #FFF;
top: 2px;
}
.sp-form-panel input[type=submit]:focus {
outline: #fff dotted 1px;
outline-offset: -4px;
}
.sp-form-panel input[type=submit]:active {
background-color: #FFF;
color: #000;
}
.sp-form-panel input[type=submit]:hover {
background-color: #FFF;
color: #E2002A;
}
.sp-form-panel .row {
margin-left: 0;
margin-right: 0;
margin-bottom: 20px;
padding-right: 0;
}
@media screen and (min-width:568px) and (max-width:991px) {
.sp-form-panel .row {
margin-left: 10px;
margin-right: 0;
padding-right: 0;
}
}@media screen and (max-width:567px) {
.sp-form-panel .row {
margin-left: 10px;
margin-right: 0;
padding-right: 0;
}
}.sp-form-panel [class^=col-] {
padding-right: 0;
}
.sp-form select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%}
.sp-form select::-ms-expand {
display: none;
}
.sp-form input[type=text] {
width: 100%}
.mashup-filter, .search-filter {
width: 100%;
min-height: 50px;
background: #E5E5E5;
-webkit-box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, .8);
-moz-box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, .8);
box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, .8);
margin: 15px 0;
padding: 0 0 40px;
}
.mashup-filter {
padding: 0 0 20px;
}
.search-filter .col-1, .search-filter .col-2 {
padding: 0 15px 0 0;
}
.mashup-filter .col-1, .mashup-filter .col-2 {
padding-top: 20px;
}
.search-filter .sp-last-col {
padding: 0 20px 0 0;
}
.mashup-filter .row, .search-filter .row {
margin-left: 0;
}
.mashup-filter .row>.col-3, .mashup-filter .row>.col-4, .search-filter .row>.col-3, .search-filter .row>.col-4 {
margin-left: 0;
padding-left: 0;
}
.search-resnr {
font-size: 1.8em;
font-weight: 700;
padding-top: 10px;
padding-bottom: 20px;
padding-left: 0;
}
.press-mup-filtertext {
font-size: 1.4em;
font-weight: 700;
padding-top: 29px;
padding-bottom: 0;
padding-left: 0;
}
.search-criterion {
margin: 3px 0 0;
padding: 0;
width: 100%;
border: 1px solid #CCC;
height: 34px;
background: #FFF;
}
.search-criterion-box {
width: 100%;
position: relative;
}
.search-criterion-box:before {
content: "\e601";
display: inline-block;
position: absolute;
top: 9px;
right: 6px;
font: normal normal normal 16px oebb-fonticons;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 16px;
height: 16px;
vertical-align: bottom;
z-index: 1;
color: #878787;
}
.search-result-company, .search-result-doctype, .search-result-item-url {
font-style: italic;
color: #4C4C4C;
}
.search-criterion select {
display: block;
position: relative;
z-index: 2;
width: 100%;
font-size: 16px;
padding: 5px;
outline: 0;
border: 0;
border-radius: 0;
height: 34px;
color: #999;
background: 0 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.search-simple-text {
font-weight: 700;
color: #000;
}
.search-result-item {
padding: 10px 10px 10px 0;
margin-bottom: 10px;
border-bottom: solid 1px #CCC;
}
.search-result-item-title .ic-arrow2-right {
display: inline-block;
position: relative;
top: 2px;
left: -4.57px;
font-size: 1em;
font-weight: 700;
}
.search-result-item-title a {
font-size: 1em;
font-weight: 700;
text-decoration: none;
color: #E2002A;
margin-bottom: 4px;
display: inherit;
}
.search-result-item-title a:focus, .search-result-item-title a:hover {
text-decoration: underline;
}
.search-result-item-title a:active {
color: #000;
}
ul.search-result-list {
list-style-type: none;
padding-left: 0;
max-width: 75%}
ul.search-result-list li {
padding: 10px 10px 10px 0;
margin-bottom: 10px;
border-bottom: solid 1px #CCC;
}
.search-result-item-criterion {
font-size: .8em;
}
.search-result-item-excerpt {
font-size: .857em;
color: #4C4C4C;
margin: 5px 0;
}
.search-result-item-url {
font-size: .8em;
font-weight: 700;
}
.search-result-doctype {
text-align: right;
}
.search-more-button {
margin: 20px auto 0;
text-align: center;
}
@media screen and (min-width:992px) and (max-width:1199px) {
#sp-search-form {
margin-left: -10px;
}
}@media screen and (max-width:991px) {
ul.search-result-list {
max-width: none;
}
#sp-search-form {
margin-left: -30px;
}
}@media screen and (max-width:567px) {
#sp-search-form {
margin-left: -10px;
}
.sp-search-panel {
width: 100%;
margin: 0;
padding: 5px 0;
}
.sp-search-panel input[type=text] {
min-width: 200px;
width: 75%}
.sp-search-panel input[type=submit] {
width: 45px;
}
.search-filter .sp-last-col {
padding-right: 15px;
}
}#fess-bahnhof-search-results {
max-width: 75%}
@media screen and (max-width:991px) {
#fess-bahnhof-search-results {
max-width: none;
}
}#fess-bahnhof-search-results ul.search-result-list {
max-width: none;
}
.mashup-filter input.search-searchtext-input {
width: 100%;
border: none;
}
.x-parallax {
position: relative;
overflow: hidden;
max-height: 500px;
}
.x-parallax-window {
width: 100%;
background-attachment: scroll;
background-position-x: center;
background-size: 100% auto;
background-position-y: 0;
}
.x-parallax-animation {
animation: animationFrames ease 2s;
animation-iteration-count: 1;
transform-origin: 50% 50%;
animation-fill-mode: forwards;
-webkit-animation: animationFrames ease 1s;
-webkit-animation-iteration-count: 1;
-webkit-transform-origin: 50% 50%;
-webkit-animation-fill-mode: forwards;
-moz-animation: animationFrames ease 1s;
-moz-animation-iteration-count: 1;
-moz-transform-origin: 50% 50%;
-moz-animation-fill-mode: forwards;
-o-animation: animationFrames ease 1s;
-o-animation-iteration-count: 1;
-o-transform-origin: 50% 50%;
-o-animation-fill-mode: forwards;
-ms-animation: animationFrames ease 1s;
-ms-animation-iteration-count: 1;
-ms-transform-origin: 50% 50%;
-ms-animation-fill-mode: forwards;
animation-delay: .8s;
}
@keyframes animationFrames {
0% {
opacity: 0;
transform: translate(0, -25px);
}
100% {
opacity: 1;
transform: translate(0, 0);
}
}@-moz-keyframes animationFrames {
0% {
opacity: 0;
-moz-transform: translate(0, -25px);
}
100% {
opacity: 1;
-moz-transform: translate(0, 0);
}
}@-webkit-keyframes animationFrames {
0% {
opacity: 0;
-webkit-transform: translate(0, -25px);
}
100% {
opacity: 1;
-webkit-transform: translate(0, 0);
}
}@-o-keyframes animationFrames {
0% {
opacity: 0;
-o-transform: translate(0, -25px);
}
100% {
opacity: 1;
-o-transform: translate(0, 0);
}
}@-ms-keyframes animationFrames {
0% {
opacity: 0;
-ms-transform: translate(0, -25px);
}
100% {
opacity: 1;
-ms-transform: translate(0, 0);
}
}.parallax-container {
position: relative;
overflow: hidden;
width: 100%;
height: 400px;
}
.parallax {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
}
.main-content .parallax img {
display: none;
position: absolute;
left: 50%;
bottom: 0;
width: 100%;
height: auto;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.slider, .slider li {
left: 0;
position: relative;
}
.parallax-content {
position: absolute;
width: 100%;
top: 50%;
text-align: center;
margin-top: -75px;
opacity: 1;
}
.parallax-content h1 {
color: #FFF;
text-shadow: 1px 1px 1px #000;
margin: .2em 0;
}
.parallax-content div.md-button a {
margin: 0 0 20px;
display: inline-block;
background-color: #E2002A;
padding: 10px;
color: #FFF;
text-decoration: none;
}
.parallax-content div.md-button a:active, .parallax-content div.md-button a:focus, .parallax-content div.md-button a:hover {
color: #E2002A;
background-color: #FFF;
}
.content .slider .slider-content-title, .slider div p {
/*font-family: "Frutiger Next Regular", "Source Sans Pro Regular", Arial;*/
color: #222;
font-weight: 400;
}
.parallax-content div.md-button a~.parallax-content div.md-button a {
margin-top: -10px;
}
.slider {
margin: -20px auto 10px;
width: 100%;
max-width: 1200px;
overflow: hidden;
right: 0;
z-index: 99;
background: #fff;
height: 500px;
user-select: none;
}
.slider li, .slider li .slider-link, .slider ul {
margin: 0;
padding: 0;
width: 100%}
.slider li, .slider ul, .slider.edit-mode {
height: auto;
}
.slider ul {
display: block;
overflow: hidden;
}
.slider ul:after, .slider ul:before {
content: " ";
display: table;
}
.slider li {
display: block;
background: #fff;
top: 0;
min-height: 100%}
.slider:not(.edit-mode) li.initially-hidden {
display: none;
}
.slider li .slider-link {
display: block;
height: 500px;
text-decoration: none;
position: relative;
z-index: 2;
}
.slider li .slider-link:after, .slider li .slider-link:before {
content: " ";
display: table;
}
.slider li .slider-link:active, .slider li .slider-link:focus, .slider li .slider-link:hover {
text-decoration: none;
}
.slider li .slider-link:focus {
outline: #fff dotted 1px;
outline-offset: -6px;
}
.slider img.slider-img {
position: absolute;
width: 1200px;
height: auto;
top: 0;
left: 50%;
margin-left: -600px;
z-index: 1;
}
.slider div.left, .slider div.right {
position: relative;
float: left;
width: 50%;
height: 100%}
.content .slider .slider-content-title {
font-size: 28px;
margin-top: .5em;
margin-bottom: .5em;
}
.slider a:hover div p.btn, .slider div p.btn {
color: #fff;
}
.slider a:hover div p:hover.btn {
color: #d40027;
}
.slider-action-link {
display: block;
position: absolute;
bottom: 50px;
right: 130px;
color: #fff;
opacity: .6;
z-index: 4;
background: #fff;
padding: 4px 10px 0;
box-shadow: none;
border: none;
}
@media screen and (max-width:567px) {
.slider-action-link {
bottom: 10px;
}
}.slider .slider-action-link img {
display: inline-block;
margin: 0;
width: 20px;
height: 20px;
opacity: .6;
}
.slider-next-link, .slider-prev-link {
display: block;
width: 100px;
height: 100%;
z-index: 3;
text-align: right;
position: absolute;
}
.slider .slider-action-link:focus {
opacity: 1;
outline: #fff dotted 1px;
}
.slider .slider-action-link:hover {
opacity: 1;
}
.slider-next-link {
top: 0;
right: 0;
color: transparent;
-webkit-transition: color .5s;
-moz-transition: color .5s;
transition: color .5s;
}
.slider-next-link span {
position: absolute;
top: 50%;
right: 10px;
font-size: 90px;
margin-top: -15px;
}
.slider-next-link:hover {
color: #6a6a6a;
}
.slider-prev-link {
top: 0;
left: 0;
color: transparent;
-webkit-transition: color .5s;
-moz-transition: color .5s;
transition: color .5s;
}
.slider-prev-link span {
position: absolute;
top: 50%;
left: 10px;
font-size: 90px;
margin-top: -15px;
}
.slider-prev-link:hover {
color: #6a6a6a;
}
.slider-content-link-panel {
width: 90px;
position: absolute;
right: 10px;
bottom: 220px;
z-index: 99;
opacity: 1;
transition: opacity .15s ease;
}
.slider-content-link {
display: inline-block;
width: 40px;
height: 40px;
background: #fff;
text-align: center;
font-size: 26px;
border: 1px solid #666;
padding-top: 6px;
color: #000;
opacity: .7;
}
.slider-content-link span {
opacity: .7;
}
.slider-content-link:hover {
opacity: 1;
}
.slider-content-link:focus {
opacity: 1;
outline: #E2002A dotted 1px;
}
.slider-action-link:hover {
color: #222;
}
.slider li.transition {
-webkit-transition: left .9s;
-moz-transition: left .9s;
transition: left .9s;
}
.slider-point-panel {
display: block;
position: absolute;
z-index: 4;
text-align: right;
max-width: 550px;
background: 0 0;
padding: 8px 20px 6px 6px;
bottom: 47px;
right: 0;
}
@media screen and (max-width:567px) {
.slider-point-panel {
bottom: 7px;
}
}.slider-point {
display: inline-block;
border-radius: 50%;
background: #fff;
width: 14px;
height: 14px;
margin: 0 3px;
box-shadow: 0 0 2px rgba(0, 0, 0, .6);
border: 1px solid #AB0020;
padding: 0;
}
.slider-point.active {
background: #AB0020;
}
.slider-point:focus, .slider-point:hover {
background: #ccc;
outline: #fff dotted 1px;
}
.slider-content {
display: block;
position: absolute;
bottom: 92px;
right: 0;
background: 0 0;
width: 550px;
height: 195px;
}
@media screen and (max-width:567px) {
.slider-content {
width: 90%;
height: 145px;
bottom: 52px;
}
}.slider-content-decorator, .slider-content-text {
display: block;
width: 550px;
top: 0;
left: 0;
position: absolute;
}
.slider-content-decorator {
background: #000;
opacity: .7;
height: 195px;
}
@media screen and (max-width:567px) {
.slider-content-decorator {
height: 145px;
}
}.slider-content-text {
background: 0 0;
height: 195px;
padding: 30px;
}
.slider .slider-content .slider-content-title {
/*font-family: "Frutiger Next Light", "Source Sans Pro Light", Arial;*/
color: #fff;
font-size: 36px;
font-weight: 700;
margin-top: 56px;
margin-bottom: 0;
}
.slider-content h4, .slider-content span.btn {
color: #fff;
text-shadow: 1px 1px 1px #000;
font-weight: 400;
}
@media screen and (max-width:567px) {
.slider-content-text {
width: 90%;
height: 145px;
}
.slider-content-link-panel, .slider-content-text img {
display: none;
}
.slider .slider-content .slider-content-title {
margin-top: 26px;
font-size: 20px;
}
}@media screen and (max-width:320px) {
.slider .slider-content .slider-content-title {
font-size: 16px;
}
}.slider-content h4 {
font-size: 18px;
}
.slider-content span.btn {
display: inline-block;
border: 1px solid #fff;
padding: 2px 16px;
font-size: 16px;
}
.slider-content span.btn:hover {
background: #d40027;
}
.slider-progress-bar {
/*font-family: "Frutiger Next Regular", "Source Sans Pro Regular", Arial;*/
position: absolute;
text-transform: uppercase;
color: #000;
background: #fff;
font-weight: 700;
}
.slider-progress-bar span {
display: inline-block;
font-weight: 700;
padding: 8px 16px;
font-size: 20px;
}
.slider-progress-state {
position: absolute;
background: #E2002A;
text-transform: uppercase;
color: #fff;
top: 0;
left: 0;
overflow: hidden;
white-space: nowrap;
width: 0;
}
.slider-progress-transition .slider-progress-state {
width: 0;
-webkit-transition: width 4s linear;
-moz-transition: width 4s linear;
transition: width 4s linear;
}
.slider li.slider-progress-transition.active .slider-progress-state {
width: 100%}
@media screen and (max-width:567px) {
.slider-progress-bar {
width: 100%}
.slider-progress-bar, .slider-progress-state {
height: 4px;
overflow: hidden;
}
}.slider--magazine {
max-width: none;
margin-top: 0;
height: auto;
min-height: 270px;
}
.slider--magazine .slider-title {
color: #FFF;
font-size: 50px;
/*font-family: "Frutiger Next Bold";*/
font-weight: lighter;
line-height: 50px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
position: absolute;
top: 60%;
transform: translate(-50%);
left: 50%;
width: 100%}
@media (max-height:500px) {
.slider--magazine .slider-title {
top: 10%}
}.slider--magazine .slider-content {
right: 50%;
transform: translateX(50%);
z-index: 1;
text-align: center;
width: 100%;
height: 100%;
bottom: 0;
padding-bottom: 100px;
}
@media (max-height:768px) {
.slider--magazine .slider-content {
bottom: 20px;
height: calc(100% - 20px);
padding: 0 20px 20px;
}
}@media screen and (max-width:567px) {
.slider--magazine .slider-title {
font-size: 33px;
line-height: 33px;
}
.slider--magazine .slider-content {
padding: 0 20px 20px;
bottom: 20px;
height: calc(100% - 20px);
}
}.slider--magazine .slider-action-link {
left: 10px;
right: auto;
bottom: 70px;
}
@media screen and (max-width:567px) {
.slider--magazine .slider-action-link {
bottom: 10px;
}
}.slider--magazine .slider-content-link-panel {
bottom: 10px;
left: 10px;
right: auto;
}
@media (max-height:768px) {
.slider--magazine .slider-action-link {
bottom: 10px;
}
.slider--magazine .slider-content-link-panel {
left: 70px;
}
.slider--magazine .slider-content-link-panel .slider-content-link {
width: 30px;
height: 30px;
font-size: 20px;
line-height: 20px;
}
.slider--magazine .slider-point-panel {
bottom: 0;
}
}.slider--magazine .slider-point-panel {
right: 50%;
transform: translateX(50%);
padding: 6px;
bottom: 0;
}
@media screen and (max-width:567px) {
.slider--magazine .slider-point-panel {
bottom: 0;
}
}.slider--magazine .slider-img-wrapper {
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%}
.slider--magazine img.slider-img {
display: none;
}
.slider--magazine .slider-logo {
width: 80%;
max-width: 315px;
position: absolute;
bottom: 60px;
left: 50%;
transform: translate(-50%, 0);
}
@media (max-height:768px) {
.slider--magazine .slider-logo {
max-width: 120px;
bottom: 10px;
}
}.slider--magazine.edit-mode img.slider-img {
display: block;
position: static;
margin: 0 auto;
}
.lSSlideWrapper, .lSSlideWrapper .lSFade {
position: relative;
}
.lSSlideOuter {
overflow: hidden;
user-select: none;
}
.lightSlider:after, .lightSlider:before {
content: " ";
display: table;
}
.lightSlider {
overflow: hidden;
margin: 0;
}
.lSSlideWrapper {
max-width: 100%;
overflow: hidden;
}
.lSSlideWrapper .lSSlide {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition: all 1s;
-webkit-transition-property: -webkit-transform, height;
-moz-transition-property: -moz-transform, height;
transition-property: transform, height;
-webkit-transition-duration: inherit!important;
transition-duration: inherit!important;
-webkit-transition-timing-function: inherit!important;
transition-timing-function: inherit!important;
}
.lSSlideWrapper .lSFade>* {
position: absolute!important;
top: 0;
left: 0;
z-index: 9;
margin-right: 0;
width: 100%}
.lSSlideWrapper.usingCss .lSFade>* {
opacity: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-duration: inherit!important;
transition-duration: inherit!important;
-webkit-transition-property: opacity;
transition-property: opacity;
-webkit-transition-timing-function: inherit!important;
transition-timing-function: inherit!important;
}
.lSSlideWrapper .lSFade>.active {
z-index: 10;
}
.lSSlideWrapper.usingCss .lSFade>.active {
opacity: 1;
}
.lSSlideOuter .lSPager.lSpg {
margin: 10px 0 0;
padding: 0;
text-align: center;
}
.lSSlideOuter .lSPager.lSpg>li {
cursor: pointer;
display: inline-block;
padding: 0 5px;
}
.lSSlideOuter .lSPager.lSpg>li a {
background-color: #222;
border-radius: 30px;
display: inline-block;
height: 8px;
overflow: hidden;
text-indent: -999em;
width: 8px;
position: relative;
z-index: 99;
-webkit-transition: all .5s linear 0s;
transition: all .5s linear 0s;
}
.lSSlideOuter .lSPager.lSpg>li.active a, .lSSlideOuter .lSPager.lSpg>li:hover a {
background-color: #428bca;
}
.lSSlideOuter .media {
opacity: .8;
}
.lSSlideOuter .media.active {
opacity: 1;
}
.lSSlideOuter .lSPager.lSGallery {
list-style: none;
padding-left: 0;
margin: 0;
overflow: hidden;
transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.lSSlideOuter .lSPager.lSGallery li {
overflow: hidden;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
border-radius: 5px;
}
.lSSlideOuter .lSPager.lSGallery img {
display: block;
height: auto;
max-width: 100%}
.lSSlideOuter .lSPager.lSGallery:after, .lSSlideOuter .lSPager.lSGallery:before {
content: " ";
display: table;
}
.loader:after, .loader:before, .main-content form .oebb-input::before {
content: ''}
.lSAction>button {
width: 32px;
display: block;
top: 50%;
height: 32px;
background-image: url(https://presse.oebb.at/.resources/corp-2016/themes/images/controls.png);
cursor: pointer;
position: absolute;
z-index: 99;
margin-top: -16px;
opacity: .5;
-webkit-transition: opacity .35s linear 0s;
transition: opacity .35s linear 0s;
}
.lSAction>button:focus, .lSAction>button:hover {
opacity: 1;
}
.lSAction>.lSPrev {
background-position: 0 0;
left: 10px;
}
.lSAction>.lSNext {
background-position: -32px 0;
right: 10px;
}
.lSAction>button.disabled {
pointer-events: none;
}
.cS-hidden {
height: 1px;
opacity: 0;
filter: alpha(opacity=0);
overflow: hidden;
}
.lSSlideOuter.vertical {
position: relative;
}
.lSSlideOuter.vertical.noPager {
padding-right: 0!important;
}
.lSSlideOuter.vertical .lSGallery {
position: absolute!important;
right: 0;
top: 0;
}
.lSSlideOuter.vertical .lightSlider>* {
width: 100%!important;
max-width: none!important;
}
.lSSlideOuter.vertical .lSAction>button {
left: 50%;
margin-left: -14px;
margin-top: 0;
}
.lSSlideOuter.vertical .lSAction>.lSNext {
background-position: 31px -31px;
bottom: 10px;
top: auto;
}
.lSSlideOuter.vertical .lSAction>.lSPrev {
background-position: 0 -31px;
bottom: auto;
top: 10px;
}
.lSSlideOuter.lSrtl {
direction: rtl;
}
.lSSlideOuter .lSPager, .lSSlideOuter .lightSlider {
padding-left: 0;
list-style: none;
}
.lSSlideOuter.lSrtl .lSPager, .lSSlideOuter.lSrtl .lightSlider {
padding-right: 0;
}
.lSSlideOuter .lSGallery li, .lSSlideOuter .lightSlider>* {
float: left;
}
.lSSlideOuter.lSrtl .lSGallery li, .lSSlideOuter.lSrtl .lightSlider>* {
float: right!important;
}
@-webkit-keyframes rightEnd {
0%, 100% {
left: 0;
}
50% {
left: -15px;
}
}@keyframes rightEnd {
0%, 100% {
left: 0;
}
50% {
left: -15px;
}
}@-webkit-keyframes topEnd {
0%, 100% {
top: 0;
}
50% {
top: -15px;
}
}@keyframes topEnd {
0%, 100% {
top: 0;
}
50% {
top: -15px;
}
}@-webkit-keyframes leftEnd {
0%, 100% {
left: 0;
}
50% {
left: 15px;
}
}@keyframes leftEnd {
0%, 100% {
left: 0;
}
50% {
left: 15px;
}
}@-webkit-keyframes bottomEnd {
0%, 100% {
bottom: 0;
}
50% {
bottom: -15px;
}
}@keyframes bottomEnd {
0%, 100% {
bottom: 0;
}
50% {
bottom: -15px;
}
}.lSSlideOuter .rightEnd {
-webkit-animation: rightEnd .3s;
animation: rightEnd .3s;
position: relative;
}
.lSSlideOuter .leftEnd {
-webkit-animation: leftEnd .3s;
animation: leftEnd .3s;
position: relative;
}
.lSSlideOuter.vertical .rightEnd {
-webkit-animation: topEnd .3s;
animation: topEnd .3s;
position: relative;
}
.lSSlideOuter.vertical .leftEnd {
-webkit-animation: bottomEnd .3s;
animation: bottomEnd .3s;
position: relative;
}
.lSSlideOuter.lSrtl .rightEnd {
-webkit-animation: leftEnd .3s;
animation: leftEnd .3s;
position: relative;
}
.lSSlideOuter.lSrtl .leftEnd {
-webkit-animation: rightEnd .3s;
animation: rightEnd .3s;
position: relative;
}
.lightSlider.lsGrab>* {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lightSlider.lsGrabbing>* {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.md-teaser-slider {
margin: 0 0 20px;
}
.main-content .md-teaser-slider ul {
margin-bottom: 0;
}
.main-content .md-teaser-slider ul.teaser-slider-list>li a:focus {
outline: 0!important;
}
.main-content .md-teaser-slider ul.teaser-slider-list>li a:focus>div, .main-content .md-teaser-slider ul.teaser-slider-list>li a:focus~div {
outline: #E2002A dotted 2px;
outline-offset: -3px;
}
.main-content .md-teaser-slider ul.teaser-slider-list>li a:focus .teaser-slider-title, .main-content .md-teaser-slider ul.teaser-slider-list>li a:hover .teaser-slider-title {
color: #E2002A;
text-decoration: underline;
}
.row .lSAction>button {
opacity: 1;
background-color: #E2002A;
background-image: none;
margin-top: -22px;
color: #FFF;
width: 44px;
height: 44px;
font-size: 24px;
text-align: center;
text-decoration: none;
border: none;
}
.row .lSAction>button:focus, .row .lSAction>button:hover {
background-color: #FFF;
}
.row .lSAction>button:focus {
outline: #E2002A dotted 1px;
}
.row .lSAction>button:focus span, .row .lSAction>button:hover span {
color: #E2002A;
}
.row .lSAction>.lSPrev {
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
left: 0;
}
.row .lSAction>.lSNext {
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
right: 0;
}
.row .lSAction>button span {
display: block;
}
.teaser-slider-list li a {
text-decoration: none;
color: inherit;
}
.teaser-slider-cat {
text-transform: uppercase;
font-size: 18px;
color: #737373;
}
.main-content h3.teaser-slider-title {
font-size: 22px;
line-height: 26px;
overflow: hidden;
margin-bottom: .6em;
margin-top: 5px;
}
@media screen and (min-width:992px) {
.main-content h3.teaser-slider-title {
height: 52px;
margin-top: 1em;
}
}.main-content h3.teaser-slider-title .teaser-slider-title__date {
font-size: .8em;
color: #737373;
white-space: nowrap;
}
.image-wrapper--15-10 {
height: 0;
padding-top: calc(100% / 1.5);
position: relative;
overflow: hidden;
}
.image-wrapper--15-10>img {
position: absolute;
min-height: 100%;
min-width: 100%;
max-height: 100%;
width: auto;
height: auto;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: transform .75s ease;
}
.teaser-slider-list li a:focus .image-wrapper--15-10>img, .teaser-slider-list li a:hover .image-wrapper--15-10>img {
transform: scale(1.05) translate(-50%, -50%);
}
.teaser-slider {
padding: 3px;
}
form input[type=submit] {
height: 2.5em;
line-height: 2.4em;
background-color: #E2002A;
color: #FFF;
border: 1px solid #E2002A;
text-transform: uppercase;
font-weight: 700;
position: relative;
top: 2px;
padding: 0 5px;
}
form input[type=submit]:focus {
outline: #fff dotted 1px;
outline-offset: -4px;
}
form input[type=submit]:active {
background-color: #FFF;
color: #000;
}
form input[type=submit]:hover {
background-color: #FFF;
color: #E2002A;
}
form input[type=submit]:disabled, form input[type=submit]:disabled:hover {
background-color: #E2002A;
color: #FFF;
opacity: .5;
}
p.error {
color: #BD352E;
}
p.success {
color: #51A351;
}
.main-content form .oebb-input-with-icon {
position: relative;
}
.main-content form .oebb-input-with-icon>[class*=" ic-"], .main-content form .oebb-input-with-icon>[class^=ic-] {
position: absolute;
top: 50%;
left: 8px;
z-index: 1;
transform: translateY(-50%);
}
.main-content form .oebb-input-with-icon .oebb-input {
padding-left: 30px;
}
.main-content form .oebb-input {
display: inline-block;
height: 65px;
padding: 10px 12px;
box-sizing: border-box;
background-color: #F2F2F2;
border: none;
box-shadow: 0 1px 0 #737373;
font-family: inherit;
}
.main-content form .oebb-input:focus {
box-shadow: 0 2px 0 #E2002A;
}
.main-content form .oebb-input:disabled {
background-color: #CCC;
cursor: not-allowed;
}
.main-content form .oebb-input::before {
display: inline-block;
vertical-align: middle;
height: 100%}
.piwik-frame {
border: 0;
height: 190px;
margin-left: -8px;
margin-right: -8px;
margin-bottom: 0;
display: block;
width: 100%}
#piwik-image {
border: 0;
}
@media screen and (max-width:800px) {
.piwik-frame {
height: 220px;
}
}@media screen and (max-width:540px) {
.piwik-frame {
height: 240px;
}
}@media screen and (max-width:440px) {
.piwik-frame {
height: 270px;
}
}@media screen and (max-width:400px) {
.piwik-frame {
height: 300px;
}
}@media screen and (max-width:380px) {
.piwik-frame {
height: 320px;
}
}@media screen and (max-width:360px) {
.piwik-frame {
height: 340px;
}
}@media screen and (max-width:340px) {
.piwik-frame {
height: 360px;
}
}@media screen and (max-width:300px) {
.piwik-frame {
height: 380px;
}
}.loader {
overflow: hidden;
font-size: 10px;
margin: 50px auto;
text-indent: -9999em;
width: 7em;
height: 7em;
border-radius: 50%;
background: #c00;
background: -moz-linear-gradient(left, #c00 10%, rgba(255, 255, 255, 0) 42%);
background: -webkit-linear-gradient(left, #c00 10%, rgba(255, 255, 255, 0) 42%);
background: -o-linear-gradient(left, #c00 10%, rgba(255, 255, 255, 0) 42%);
background: -ms-linear-gradient(left, #c00 10%, rgba(255, 255, 255, 0) 42%);
background: linear-gradient(to right, #c00 10%, rgba(255, 255, 255, 0) 42%);
position: absolute;
top: 7%;
left: 50%;
-webkit-animation: load3 1.4s infinite linear;
animation: load3 1.4s infinite linear;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
.loader-xs {
width: 2em;
height: 2em;
margin-left: -1em;
}
.loader-s {
width: 4em;
height: 4em;
margin-left: -2em;
}
.loader-m {
width: 6em;
height: 6em;
margin-left: -3em;
}
.loader-l {
width: 8em;
height: 8em;
margin-left: -4em;
}
.loader-xl {
width: 10em;
height: 10em;
margin-left: -5em;
}
.loader:before {
width: 50%;
height: 50%;
background: #c00;
border-radius: 100% 0 0;
position: absolute;
top: 0;
left: 0;
}
.loader:after {
background: #fff;
width: 75%;
height: 75%;
border-radius: 50%;
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
@-webkit-keyframes load3 {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}@keyframes load3 {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}.ntr-form-component {
padding-bottom: 18px;
}
.ntr-form-component label {
display: block;
padding-bottom: 4px;
}
.ntr-form-component label:after {
content: ' *';
color: #E2002A;
font-weight: 700;
}
.ntr-form-component select {
/*font-family: "Frutiger Next Light", "Source Sans Pro Light";*/
font-size: 16px;
border: 1px solid #ccc;
border-bottom-color: #e5e5e5;
border-right-color: #e5e5e5;
padding: 6px 12px;
width: 100%}
.iframe-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, .8);
z-index: 999999999;
}
.iframe-overlay a, .iframe-overlay h3 {
z-index: 2;
position: absolute;
display: block;
}
.iframe-overlay a {
top: 6px;
right: 18px;
font-size: 30px;
color: #999;
text-decoration: none;
font-weight: 700;
}
.iframe-overlay a:active, .iframe-overlay a:focus, .iframe-overlay a:hover {
color: #111;
}
.iframe-overlay h3 {
width: 100%;
margin: 0;
overflow: hidden;
top: 0;
left: 0;
color: #000;
height: 50px;
background: #fff;
line-height: 50px;
text-align: center;
}
.iframe-overlay h3:after {
content: '';
-webkit-box-shadow: -15px 0 10px 0 rgba(0, 0, 0, .4);
-moz-box-shadow: -15px 0 10px 0 rgba(0, 0, 0, .4);
box-shadow: -15px 0 10px 0 rgba(0, 0, 0, .4);
display: block;
position: absolute;
top: 50px;
height: 10px;
width: 110%;
left: -5%}
.iframe-overlay .iframe-holder {
display: block;
position: fixed;
top: 5%;
left: 50%;
margin-top: 0;
margin-left: -280px;
height: 90%;
width: 560px;
background: #fff;
overflow: auto!important;
-webkit-overflow-scrolling: touch!important;
}
@media screen and (max-width:567px) {
.iframe-overlay .iframe-holder {
display: block;
position: fixed;
top: 0;
left: 0;
margin-top: 0;
margin-left: 0;
height: 100%;
width: 100%;
background: #fff;
padding: 0;
}
}.iframe-overlay.iframe-overlay-fullscreen .iframe-holder {
display: block;
position: fixed;
top: 0;
left: 0;
margin-top: 0;
margin-left: 0;
height: 100%;
width: 100%;
background: #fff;
padding: 0;
}
.iframe-overlay iframe {
display: block;
position: relative;
top: 0;
left: 0;
height: 100%;
width: 100%;
padding-top: 50px;
padding-bottom: 0;
background: #fff;
overflow: scroll!important;
-webkit-overflow-scrolling: touch!important;
}
iframe {
border: none;
}
.blockquote {
text-align: center;
}
.blockquote .blockquote__img {
max-width: 100%;
width: auto;
}
.blockquote__quote {
padding: 0 20px;
font-size: 1.1em;
font-weight: 700;
}
.blockquote cite {
display: block;
max-width: 250px;
font-style: normal;
font-size: .85em;
margin: 0 auto;
}
.blockquote__cite {
display: block;
font-weight: 700;
text-transform: uppercase;
}
.blockquote__sub-cite {
display: block;
}
.content-image--mobile {
display: none;
}
@media screen and (max-width:567px) {
.content-image--mobile {
display: block;
}
}.content-image--tablet {
display: none;
}
@media screen and (max-width:567px) {
.content-image--tablet.content-image--mobile {
display: block;
}
}@media screen and (min-width:568px) and (max-width:991px) {
.content-image--tablet {
display: block;
}
}.content-image--desktop {
display: none;
}
@media screen and (min-width:568px) and (max-width:991px) {
.content-image--desktop.content-image--tablet {
display: block;
}
}@media screen and (min-width:992px) {
.content-image--desktop {
display: block;
}
}#bahnhof-search-box {
margin: 40px 0;
}
.bahnhof-search-panel {
margin: 0;
padding-left: 0;
position: relative;
}
#bahnhof-search-icon {
position: absolute;
left: 8px;
top: 10px;
font-size: 20px;
}
.bahnhof-search-panel input[type=text] {
margin-left: 0;
padding-left: 35px;
width: calc(100% - 45px);
background: 0 0;
height: 38px;
}
form input[type=submit].bahnhof-search__submit {
top: 0;
height: 38px;
}
.individual-search-text {
width: 75%}
@media screen and (max-width:991px) {
.individual-search-text {
width: 100%}
}.content .preview-slider__preview {
padding: 0 50px;
position: relative;
}
.content .preview-slider__preview-inner {
overflow: hidden;
}
.content .preview-slider__list {
margin: 0 -5px;
padding: 0;
display: flex;
flex-wrap: nowrap;
transition: transform .35s ease;
}
.content .preview-slider__item {
flex-shrink: 0;
display: block;
width: 20%;
margin: 0;
padding: 0 5px;
}
.content .preview-slider__item img {
margin: 0;
}
.content .preview-slider__item--active .preview-slider__link {
border: 3px solid #E2002A;
border-radius: 2px;
}
.content .preview-slider__link {
border: 3px solid transparent;
border-radius: 2px;
padding: 3px;
display: block;
background: 0 0;
}
.content .preview-slider__control--backward, .content .preview-slider__control--forward {
position: absolute;
top: 50%;
display: block;
width: 25px;
height: 25px;
border: none;
background: #000;
color: #FFF;
transform: translateY(-50%);
text-decoration: none;
text-align: center;
transition: opacity .15s ease;
}
.content .preview-slider__control--backward .ic-arrow1-left:before, .content .preview-slider__control--backward .ic-arrow1-right:before, .content .preview-slider__control--forward .ic-arrow1-left:before, .content .preview-slider__control--forward .ic-arrow1-right:before {
font-size: 18px;
line-height: 25px;
}
.content .preview-slider__control--backward {
left: 0;
}
.content .preview-slider__control--forward {
right: 0;
}
.content .preview-slider__control--inactive {
pointer-events: none;
opacity: .25;
}
.content .preview-slider__view {
position: relative;
width: 100%;
margin-bottom: 30px;
}
.content .preview-slider__view[data-source=frame] {
height: 0;
padding-top: 53%}
.content .preview-slider__view iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.sharelinks-wrapper {
margin: 40px 0 20px;
}
.content .sharelinks, .sharelinks {
display: flex;
list-style: none;
margin: 0;
padding: 0;
}
.content .sharelinks li, .sharelinks li {
margin: 0 15px 0 0;
}
.content .sharelinks .social-link, .sharelinks .social-link {
font-size: 0;
text-decoration: none!important;
}
.content .sharelinks .social-link:before, .sharelinks .social-link:before {
font-size: 24px;
line-height: 24px;
}
.content .sharelinks .social-link--mail, .sharelinks .social-link--mail {
color: #4C4C4C;
}
.content .sharelinks .social-link--mail:before, .sharelinks .social-link--mail:before {
font-size: 30px;
}
.content .sharelinks .social-link--facebook, .sharelinks .social-link--facebook {
color: #3B5998;
}
.content .sharelinks .social-link--twitter, .sharelinks .social-link--twitter {
color: #55ACEE;
}
.content .sharelinks .social-link--linkedin, .sharelinks .social-link--linkedin {
color: #0077b5;
}
.content .sharelinks .social-link--xing, .sharelinks .social-link--xing {
color: #026466;
}
.content .sharelinks .social-link--googleplus, .sharelinks .social-link--googleplus {
color: #d34836;
}
.content .sharelinks .social-link:focus, .content .sharelinks .social-link:hover, .sharelinks .social-link:focus, .sharelinks .social-link:hover {
opacity: .8;
}
.md-cta__call {
font-size: 1.75em;
}
@media screen and (max-width:567px) {
.md-cta__call {
font-size: 1.25em;
}
}.md-cta__action {
font-size: 1.25em;
}
.md-shipment-tracking fieldset {
margin: 0;
padding: 0;
border: none;
}
.md-shipment-tracking legend {
margin-top: 1em;
font-size: 1.75em;
}
.md-shipment-tracking p {
font-size: 1.25em;
}
@media screen and (max-width:567px) {
.md-shipment-tracking legend {
font-size: 1.25em;
}
.md-shipment-tracking p {
font-size: 1em;
}
}.md-shipment-tracking input[type=text] {
height: 2.5em;
font-size: inherit;
}
.md-shipment-tracking input[type=submit] {
top: 0;
}
.md-image-map__map {
position: relative;
display: inline-block;
margin: 0;
padding: 0;
}
.md-image-map .md-image-map__image {
display: block;
width: 100%;
max-width: 100%}
.md-image-map__areas {
margin: 0;
padding: 0;
list-style: none;
}
@media screen and (max-width:567px) {
.md-image-map .md-image-map__image {
display: none;
}
.md-image-map__areas {
list-style: disc;
}
}.md-image-map__area {
position: absolute;
top: 0;
left: 0;
display: block;
}
.edit-mode .md-image-map__area {
border: 1px solid #0ff;
}
.md-image-map__area-content {
display: none;
}
.edit-mode .md-image-map__area-content, .no-js .md-image-map__area-content {
display: block;
}
@media screen and (max-width:567px) {
.md-image-map__area {
position: static;
top: auto;
left: auto;
width: auto!important;
height: auto!important;
}
.edit-mode .md-image-map__area {
border: 0;
}
.md-image-map figcaption {
display: none;
}
}.teaser-image {
position: relative;
}
.teaser-image__link:before, .teaser-image__text-box {
position: absolute;
left: 0;
height: 100%;
width: 100%;
top: 0;
}
.teaser-image__link:before {
content: "";
display: block;
background: #000;
opacity: 0;
transition: opacity .25s ease;
}
.teaser-image__link:hover:before {
opacity: .6;
}
.teaser-image__img {
display: block;
}
.teaser-image__text-box {
display: flex;
justify-content: flex-end;
flex-direction: column;
padding: 20px;
color: #fff;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, .2) 65%, rgba(0, 0, 0, .6) 100%) rgba(0, 0, 0, 0);
}
.teaser-image .teaser-image__title {
font-size: 28px;
margin: 0;
}
.teaser-image .teaser-image__subtitle {
font-size: 16px;
}
.main-content .immo-filter__buttons {
width: 100%;
background: #fff;
position: fixed;
bottom: 0;
right: 0;
margin: 10px 0 0;
padding: 10px 10px 0;
z-index: 9;
}
@media screen and (min-width:992px) {
.main-content .immo-filter__buttons {
position: static;
text-align: right;
}
}.main-content .immo-filter--closed .immo-filter__buttons {
position: static;
}
.main-content .immo-filter__button--toggler {
background: #E2002A;
color: #fff;
padding: 10px 15px;
margin: 0 0 10px auto;
text-align: right;
text-decoration: none;
border: 1px solid #E2002A;
}
.main-content .immo-filter__button--toggler:focus, .main-content .immo-filter__button--toggler:hover {
background: #fff;
color: #E2002A;
}
.main-content .immo-filter__button--reset, .main-content .immo-filter__button--searchagent {
color: #E2002A;
margin: 0;
background: 0 0;
border: none;
padding: 5px 15px;
}
.main-content .immo-filter__button--reset:focus, .main-content .immo-filter__button--reset:hover, .main-content .immo-filter__button--searchagent:focus, .main-content .immo-filter__button--searchagent:hover {
text-decoration: underline;
color: #E2002A;
}
.main-content .immo-filter--closed .immo-filter__button--reset, .main-content .immo-filter--closed .immo-filter__button--searchagent {
display: none;
}
.main-content .searchagent__button-close {
color: #E2002A;
background: 0 0;
border: none;
position: absolute;
top: 0;
right: 0;
font-size: 40px;
}
.main-content .immo-filter {
overflow: hidden;
margin-bottom: 40px;
margin-top: 20px;
}
.main-content .immo-filter__result-count {
/*font-family: "Frutiger Next Light", "Source Sans Pro Light", Arial, san-serif;*/
color: #4C4C4C;
}
.main-content .immo-filter__list {
list-style: none;
margin: 0;
padding: 0;
}
@media screen and (min-width:992px) {
.main-content .immo-filter {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.main-content .immo-filter__list--object-types {
column-count: 4;
column-gap: 10px;
}
}.main-content .immo-filter__list--object-types .immo-filter__object-type {
position: relative;
padding-left: 70px;
/*font-family: "Frutiger Next Bold", "Source Sans Pro Bold", Arial, san-serif;*/
margin-bottom: 10px;
min-height: 60px;
display: flex;
}
.main-content .immo-filter__list--object-types .immo-filter__object-type li {
/*font-family: "Frutiger Next Regular", "Source Sans Pro Regular", Arial, san-serif;*/
}
.main-content .immo-filter__list--object-types .immo-filter__object-type:before {
content: "";
width: 60px;
height: 60px;
display: block;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: auto 90%;
margin-left: -70px;
margin-right: 10px;
}
.main-content .immo-filter__list--object-types .immo-filter__object-type--bueroflaechen:before {
background-image: url(https://presse.oebb.at/.resources/corp-2016/themes/images/icons/immo/buero.png);
}
.main-content .immo-filter__list--object-types .immo-filter__object-type--geschaeftslokale:before {
background-image: url(https://presse.oebb.at/.resources/corp-2016/themes/images/icons/immo/geschaeft.png);
}
.main-content .immo-filter__list--object-types .immo-filter__object-type--grundstuecke:before {
background-image: url(https://presse.oebb.at/.resources/corp-2016/themes/images/icons/immo/grund.png);
}
.main-content .immo-filter__list--object-types .immo-filter__object-type--haeuser:before {
background-image: url(https://presse.oebb.at/.resources/corp-2016/themes/images/icons/immo/haeuser.png);
}
.main-content .immo-filter__list--object-types .immo-filter__object-type--lagergewerbeimmobilien:before {
background-image: url(https://presse.oebb.at/.resources/corp-2016/themes/images/icons/immo/gewerbe.png);
}
.main-content .immo-filter__list--object-types .immo-filter__object-type--wohungen:before {
background-image: url(https://presse.oebb.at/.resources/corp-2016/themes/images/icons/immo/wohnung.png);
}
.main-content .immo-filter__list--object-types .immo-filter__object-type--sonstige:before {
background-image: url(https://presse.oebb.at/.resources/corp-2016/themes/images/icons/immo/sonstiges_schild.png);
}
.main-content .no-result {
list-style: none;
padding-left: 20px;
}
.main-content .immo-filter__checkbox {
margin-right: 5px;
}
.main-content .searchagent {
background: #fff;
padding: 10px 0;
position: fixed;
left: 50%;
top: 50%;
z-index: 102;
transform: translate(-50%, -50%);
display: none;
}
@media screen and (min-width:480px) {
.main-content .immo-filter__list--state {
column-count: 3;
column-gap: 10px;
}
.main-content .searchagent {
min-width: 480px;
}
}.main-content .immo-filter--searchagent-opened .searchagent {
display: block;
}
.main-content .immo-filter--searchagent-opened:after {
content: "";
display: block;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .8);
position: fixed;
top: 0;
left: 0;
z-index: 101;
}
.main-content .searchagent__label {
width: 100px;
display: inline-block;
}
.main-content .searchagent__input {
width: 400px;
margin-bottom: 10px;
}
.main-content .searchagent__buttons {
text-align: right;
margin-top: 10px;
}
.main-content .searchagent__button {
margin-left: 10px;
}
.main-content .searchagent__inner .ic-loading {
animation: spin 1s linear infinite;
font-size: 28px;
margin: 0 0 10px;
}
.main-content .message {
font-size: 1.5em;
text-align: center;
padding: 15px;
width: 100%}
.main-content .message--true {
background: #EDF6ED;
}
.main-content .message--false {
background: #F8EAEA;
}
.main-content .message--disabled {
display: none!important;
}
.main-content .message-searchagent-disabled {
display: none;
}
.main-content .js-searchagent-disabled .message-searchagent-disabled {
display: block;
}
.main-content .message__close {
float: right;
background: 0 0;
border: none;
color: #4C4C4C;
}
.main-content .message__close:focus, .main-content .message__close:hover {
color: #E2002A;
}
@keyframes dotPulse {
0%, 100%, 70% {
opacity: 0;
transform: scale(0);
}
20% {
opacity: 1;
transform: scale(1);
}
}.gallery {
position: relative;
margin-bottom: 20px;
}
.gallery .gallery__dotts-stage {
display: none;
}
.gallery.gallery--loading .gallery__dotts-stage {
display: flex;
position: absolute;
top: 50px;
left: 50%;
transform: translateX(-50%);
}
.gallery.gallery--loading .gallery__dott {
width: 15px;
height: 15px;
background: #000;
border-radius: 50%;
margin: 5px;
animation: dotPulse 1.5s infinite linear;
}
.gallery.gallery--loading .gallery__dott--1 {
animation-delay: 0s;
}
.gallery.gallery--loading .gallery__dott--2 {
animation-delay: .25s;
}
.gallery.gallery--loading .gallery__dott--3 {
animation-delay: .5s;
}
.gallery.gallery--loading .gallery__list {
opacity: 0;
}
.content ul.accordeon .gallery .gallery__list, .gallery .gallery__list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
opacity: 1;
transition: opacity .25s ease;
}
.gallery .gallery__thumbnail-link:after, .gallery .gallery__thumbnail-link:before {
z-index: 1;
opacity: 0;
transition: opacity .25s ease;
display: block;
content: ""}
.gallery .gallery__list-item {
flex-grow: 0;
margin: 0;
padding: 0;
font-size: 0;
border: 1px solid #fff;
}
.gallery .gallery__thumbnail-link {
display: block;
position: relative;
overflow: hidden;
}
.gallery .gallery__thumbnail-link:before {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, .5);
}
.gallery .gallery__thumbnail-link:after {
width: 20px;
height: 20px;
background: url(https://presse.oebb.at/.resources/corp-2016/themes/images/zoom.png);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.gallery .gallery__thumbnail-link:focus .gallery__thumbnail, .gallery .gallery__thumbnail-link:hover .gallery__thumbnail {
transform: scale(1.1);
}
.gallery .gallery__thumbnail-link:focus .gallery__thumbnail-caption, .gallery .gallery__thumbnail-link:focus:after, .gallery .gallery__thumbnail-link:focus:before, .gallery .gallery__thumbnail-link:hover .gallery__thumbnail-caption, .gallery .gallery__thumbnail-link:hover:after, .gallery .gallery__thumbnail-link:hover:before {
opacity: 1;
}
.gallery .gallery__thumbnail {
margin: 0;
padding: 0;
transition: transform .25s ease;
display: block;
width: auto;
}
.gallery .gallery__thumbnail-caption {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: #000;
color: #fff;
font-size: 14px;
padding: 5px;
opacity: 0;
transition: opacity .25s ease;
z-index: 2;
}
.overlay, .overlay__header {
top: 0;
background: rgba(0, 0, 0, .8);
}
.gallery__edit-wrapper {
max-width: 200px;
}
.overlay {
position: fixed;
left: 0;
width: 100%;
height: 100%;
z-index: 1001;
}
.overlay--closed {
display: none!important;
}
.overlay__content, .overlay__header {
width: 100%;
display: flex;
position: absolute;
}
.overlay__header {
right: 0;
z-index: 2;
padding: 10px;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.overlay__title {
color: #fff;
margin: 0;
font-size: 24px;
}
@media screen and (min-width:992px) {
.main-content .immo-filter__list--state {
column-count: 5;
column-gap: 10px;
}
.overlay__title {
font-size: 32px;
}
}.overlay__buttons {
margin-left: auto;
}
.overlay__button {
color: #fff;
background: 0 0;
margin-left: 10px;
font-size: 18px;
border: 1px solid transparent;
padding: 1px 3px;
text-decoration: none;
}
@media screen and (min-width:992px) {
.overlay__button {
font-size: 24px;
padding: 1px 6px;
}
}.overlay__button:focus, .overlay__button:hover {
color: #E2002A;
background: #fff;
border-color: #E2002A;
}
.overlay__button[disabled] {
opacity: .5;
}
.overlay__button--close {
font-size: 30px;
line-height: 24px;
}
.overlay__content {
height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
align-items: center;
}
.overlay__gallery-img, .overlay__gallery-video {
max-height: calc(100% - 95px);
width: auto;
height: auto;
display: inline-block;
}
.overlay__gallery-img {
max-width: 100%;
transition: transform .3s ease;
}
.overlay__gallery-img[data-scale="1"] {
transform: scale3d(1, 1, 1);
}
.overlay__gallery-img[data-scale="2"] {
transform: scale3d(2, 2, 1);
}
.overlay__gallery-img[data-scale="3"] {
transform: scale3d(3, 3, 1);
}
.overlay__gallery-img[data-scale="4"] {
transform: scale3d(4, 4, 1);
}
.overlay__gallery-img[data-scale="5"] {
transform: scale3d(5, 5, 1);
}
.overlay__gallery-img[data-scale="6"] {
transform: scale3d(6, 6, 1);
}
.overlay__gallery-img[data-scale="7"] {
transform: scale3d(7, 7, 1);
}
.overlay__gallery-img[data-scale="8"] {
transform: scale3d(8, 8, 1);
}
.overlay__gallery-img[data-scale="9"] {
transform: scale3d(9, 9, 1);
}
.overlay__gallery-img[data-scale="10"] {
transform: scale3d(10, 10, 1);
}
.overlay__img-caption {
position: absolute;
left: 0;
bottom: 0;
z-index: 2;
width: 100%;
padding: 10px;
background: rgba(0, 0, 0, .8);
color: #fff;
}
.overlay__gallery-list {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: nowrap;
justify-content: center;
height: 100%}
.overlay--opened .overlay__gallery-list {
transition: transform .35s ease;
}
.overlay__gallery-list-item {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
position: relative;
width: 100vw;
flex-shrink: 0;
}
.overlay__control {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
z-index: 3;
color: #fff;
font-size: 35px;
border: 1px solid transparent;
background: #000;
padding: 0;
}
.overlay__control .ic-arrow2-left, .overlay__control .ic-arrow2-right {
display: block;
}
@media screen and (min-width:992px) {
.overlay__control {
font-size: 100px;
background: 0 0;
}
}.overlay__control--forward {
margin-left: auto;
left: auto;
right: 0;
}
.overlay__control:focus, .overlay__control:hover {
color: #E2002A;
border-color: #E2002A;
background: #fff;
}
.md-fabasoft-form .form-horizontal .group, .md-fabasoft-form .group-end, .md-fabasoft-form .group-start {
background: #f7f7f7;
min-height: 8px;
margin: 0;
border-left: 1px solid #ededed;
border-right: 1px solid #ededed;
padding: 1px 20px;
}
.md-fabasoft-form .form-horizontal .group .fm-checkbox-inline {
padding-left: 20px;
}
.md-fabasoft-form .group-start {
border-top: 1px solid #ededed;
margin-top: 0;
}
.md-fabasoft-form .group-end {
border-bottom: 1px solid #ededed;
margin-bottom: 24px;
}
.md-fabasoft-form .group-label {
display: inline-block;
font-size: 10px;
margin-left: 20px;
}
.md-fabasoft-form .fm-required {
font-size: 12px;
color: #e2002a;
vertical-align: top;
line-height: 15px;
}
.md-fabasoft-form .fm-panel {
padding-top: 10px;
padding-bottom: 10px;
}
.md-fabasoft-form .fm-radio-inline span {
margin-right: 12px;
font-weight: 400;
}
.md-fabasoft-form .fm-radio span {
font-weight: 400;
}
.md-fabasoft-form .fm-radio {
display: block;
font-weight: 400;
}
.md-fabasoft-form .fm-component input, .md-fabasoft-form .fm-component select, .md-fabasoft-form .fm-component textarea {
/*font-family: "Frutiger Next Light";*/
font-size: 16px;
border: 1px solid #ccc;
border-bottom-color: #e5e5e5;
border-right-color: #e5e5e5;
padding: 6px 12px;
}
.md-fabasoft-form .fm-component input:focus, .md-fabasoft-form .fm-component select:focus, .md-fabasoft-form .fm-component textarea:focus {
outline: 0;
-webkit-box-shadow: 0 1px 10px 0 rgba(50, 50, 50, .75);
-moz-box-shadow: 0 1px 10px 0 rgba(50, 50, 50, .75);
box-shadow: 0 1px 10px 0 rgba(50, 50, 50, .75);
}
.md-fabasoft-form .form-control-feedback {
z-index: 2;
display: inline-block;
width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
top: auto;
right: auto;
font-size: 18px;
vertical-align: top;
position: static;
}
.md-fabasoft-form .fm-checkbox-inline {
display: inline-block;
padding-left: 20px;
padding-right: 20px;
position: relative;
font-weight: 400;
}
.md-fabasoft-form .fm-checkbox {
display: block;
width: 100%;
padding-left: 0;
position: relative;
}
.md-fabasoft-form .fm-checkbox-inline input {
display: block;
position: absolute;
left: 0;
top: 4px;
}
.md-fabasoft-form label.fm-checkbox, .md-fabasoft-form label.fm-checkbox-inline {
font-weight: 400;
}
.md-fabasoft-form .fm-checkbox-inline * {
margin: 0;
line-height: 1.4em;
display: inline-block;
}
.md-fabasoft-form .fm-btn-panel {
position: relative;
text-align: right;
}
.md-fabasoft-form label {
font-weight: 700;
margin-top: 5px;
margin-bottom: 5px;
display: inline-block;
}
.md-fabasoft-form .fm-required-label {
position: absolute;
top: 8px;
left: 15px;
width: 130px;
text-align: left;
}
.md-fabasoft-form .fm-required-label .ic-star {
color: #e2002a;
}
.md-fabasoft-form .fm-btn-panel .ic-star {
display: inline-block;
position: absolute;
top: -4px;
left: -15px;
font-size: 15px;
}
.md-fabasoft-form .fm-component-checkbox, .md-fabasoft-form .fm-component-radio {
position: relative;
}
.md-fabasoft-form .fm-component-checkbox .form-control-feedback, .md-fabasoft-form .fm-component-radio .form-control-feedback {
top: -10px;
right: 0;
display: inline-block;
vertical-align: top;
position: absolute;
}
.md-fabasoft-form .btn.btn-primary {
/*font-family: "Frutiger Next Regular";*/
display: inline-block;
border: 0;
color: #fff;
background: #e2002a;
padding: 7px 46px 8px;
text-decoration: none;
font-size: 16px;
outline: 0;
}
.md-fabasoft-form .btn.btn-primary.btn-upload {
padding: 3px 26px 4px;
text-decoration: none;
font-size: 15px;
}
.md-fabasoft-form .fm-alert-error, .md-fabasoft-form .fm-alert-success, .md-fabasoft-form .fm-alert-warn {
border: 1px solid #bd352e;
background: #f2d7d5;
padding: 15px;
margin-bottom: 20px;
}
.md-fabasoft-form .fm-btn-panel {
margin-bottom: 20px;
}
.md-fabasoft-form .fm-btn-panel .btn:focus, .md-fabasoft-form .fm-btn-panel .btn:hover {
border: 0;
-webkit-box-shadow: 0 1px 20px 0 rgba(50, 50, 50, .75);
-moz-box-shadow: 0 1px 20px 0 rgba(50, 50, 50, .75);
box-shadow: 0 1px 20px 0 rgba(50, 50, 50, .75);
}
.md-fabasoft-form .fm-btn-panel .btn:active {
-webkit-box-shadow: inset 0 1px 20px 0 rgba(50, 50, 50, .75);
-moz-box-shadow: inset 0 1px 20px 0 rgba(50, 50, 50, .75);
box-shadow: inset 0 1px 20px 0 rgba(50, 50, 50, .75);
}
.md-fabasoft-form .fm-panel {
position: relative;
}
.md-fabasoft-form .form-control.width66, .width66 {
width: 66%}
@media (max-width:768px) {
.md-fabasoft-form .form-control input[type=text], .md-fabasoft-form .form-control select, .md-fabasoft-form .form-control textarea, .md-fabasoft-form .form-control.width66, .width66 {
width: 100%}
}.co2 {
font-size: 24px;
text-align: center;
}
.co2__intro, .content .co2__intro {
margin-bottom: .5em;
}
.co2__counter {
color: #86b14c;
font-size: 40px;
font-weight: 700;
}
.co2--in-slider {
text-align: left;
}
.co2--in-slider .co2__counter {
margin: 8px 0;
font-size: 24px;
}
@media screen and (max-width:567px) {
.co2--in-slider {
font-size: 16px;
}
}.co2--in-row {
text-align: right;
}
.co2--in-row .co2__intro {
margin: 1rem 0;
}
.co2--left {
text-align: left;
}
.co2--center {
text-align: center;
}
.co2--right {
text-align: right;
}
.co2--flipped {
display: flex;
flex-direction: column-reverse;
}
.co2--margin-top {
margin-top: 20px;
}
.co2--bigger {
font-size: 48px;
}
.co2--bigger .co2__intro {
font-size: 28px;
}
.co2--bigger .co2__counter {
font-size: 64px;
}
.stoerungsmeldungen {
margin: 20px 0;
}
.stoerungsmeldungen .stoerungsmeldung {
position: relative;
margin-bottom: 15px;
padding: 5px 5px 5px 35px;
border: 1px solid #CCC;
}
.stoerungsmeldungen .stoerungsmeldung__icon {
font-size: 20px;
position: absolute;
top: 5px;
left: 8px;
}
.stoerungsmeldungen .stoerungsmeldung--success .stoerungsmeldung__icon {
color: #51A351;
}
.stoerungsmeldungen .stoerungsmeldung--warning .stoerungsmeldung__icon {
color: #F89306;
}
.stoerungsmeldungen .stoerungsmeldung--error .stoerungsmeldung__icon {
color: #BD352E;
}
.stoerungsmeldungen .stoerungsmeldung__title {
margin: 0;
font-size: 18px;
}
.stoerungsmeldungen .stoerungsmeldung__link-title {
color: currentColor;
text-decoration: none;
width: 100%;
display: inline-block;
}
.stoerungsmeldungen .stoerungsmeldung__link-title:focus, .stoerungsmeldungen .stoerungsmeldung__link-title:hover {
color: #E2002A;
}
.stoerungsmeldungen .stoerungsmeldung_arrow {
float: right;
transition: transform .4s ease;
}
.stoerungsmeldungen .stoerungsmeldung--opened .stoerungsmeldung_arrow {
transform: rotate(180deg);
}
.stoerungsmeldungen .stoerungsmeldung__timeline {
position: relative;
padding-left: 0;
list-style: none;
display: none;
font-size: 14px;
}
.stoerungsmeldungen .stoerungsmeldung__timeline:before {
content: "";
width: 1px;
height: calc(100% - 2em);
transition: height .4s ease;
background: #CCC;
position: absolute;
top: 0;
left: 10px;
}
.stoerungsmeldungen .stoerungsmeldung__timeline-item {
position: relative;
margin-bottom: 20px;
padding-left: 30px;
}
.stoerungsmeldungen .stoerungsmeldung__timeline-item:last-child {
margin-bottom: 0;
}
.stoerungsmeldungen .stoerungsmeldung__timeline-item:before {
content: "";
width: 10px;
height: 10px;
display: block;
position: absolute;
top: 0;
left: 3px;
background: #FEF4E6;
border: 2px solid #F89306;
border-radius: 50%}
.stoerungsmeldungen .stoerungsmeldung__timeline-item--error:before {
border-color: #BD352E;
background: #F8EAEA;
}
.stoerungsmeldungen .stoerungsmeldung__timeline-item--success:before {
border-color: #51A351;
background: #EDF6ED;
}
.stoerungsmeldungen .stoerungsmeldung__item-title, .stoerungsmeldungen p {
margin: 0;
}
ul.sitemap {
margin: 0;
padding: 0;
list-style: none;
}
.sitemap.content a {
color: #000;
}
.sitemap.content a:focus, .sitemap.content a:hover {
color: #E2002A;
}
.image-title-teaser {
margin-bottom: 40px;
margin-top: -20px;
}
.image-title-teaser .content {
padding-top: 0;
}
@media screen and (max-width:991px) {
.tablefilter-filter {
display: none;
}
}.tablefilter-filter--flex {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.tablefilter-filter ul {
list-style: none;
margin: 0;
padding: 0;
}
@media screen and (min-width:992px) {
.tablefilter-filter ul.cat-list-2 {
margin-top: 52px;
}
}.tablefilter-filter ul.tablefilter-filter__sublist {
list-style: none;
margin-left: 5px;
margin-top: 10px;
}
.tablefilter-filter li {
position: relative;
}
.tablefilter-filter .flex {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.tablefilter-filter .col-lg-5, .tablefilter-filter .col-lg-6, .tablefilter-filter .col-lg-7, .tablefilter-filter .col-md-6 {
width: 100%;
padding: 0;
}
@media screen and (min-width:568px) {
.tablefilter-filter .column-md-2 {
column-count: 2;
}
.tablefilter-filter .col-md-6 {
width: calc(100% / 2 - 15px);
}
}@media screen and (min-width:992px) {
.tablefilter-filter .col-lg-5 {
width: calc(100% / 12 * 5 - 20px);
}
.tablefilter-filter .col-lg-6 {
width: calc(100% / 12 * 6 - 20px);
}
.tablefilter-filter .col-lg-7 {
width: calc(100% / 12 * 7 - 20px);
}
}.tablefilter-filter__buttons {
margin-top: 20px;
}
@media screen and (max-width:991px) {
.tablefilter-filter__buttons {
position: sticky;
background: #fff;
padding: 5px 0;
margin-bottom: 10px;
margin-top: 0;
top: 40px;
transition: transform .55s ease;
}
.scroll-down .tablefilter-filter__buttons {
transform: translate(0, -100%);
}
}.tablefilter-filter__buttons .md-button {
margin: 0;
}
.tablefilter-list {
table-layout: fixed;
word-wrap: break-word;
overflow-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
.tablefilter-list__item[data-visible=false] {
display: none!important;
}
.tablefilter-list__item-50 {
width: 50%}
.tablefilter-list__item-25 {
width: 25%}
@media screen and (max-width:479px) {
.hide-xs {
display: none!important;
}
}.tablefilter-filter__sublist {
display: none;
}
.tablefilter-filter__sublist-toggler {
background: 0 0;
border: none;
color: #E2002A;
font-size: 28px;
position: absolute;
top: -5px;
right: -5px;
padding: 0;
}
.tablefilter-filter__txt {
width: 100%}
.width-min-30 {
min-width: 30%}
.tablefilter-filter li {
padding-left: 20px;
}
.tablefilter-filter li:first-child {
margin-top: 0;
}
.tablefilter-filter li.tablefilter-filter__parent {
padding-right: 20px;
}
.tablefilter-filter li>input[type=checkbox] {
margin-left: -20px;
}
.tablefilter__inner {
position: relative;
}
.tablefilter__inner.loading:after, .tablefilter__inner.loading:before {
display: flex;
opacity: 1;
transition: opacity 0s ease;
}
.tablefilter__inner:before {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 99;
pointer-events: none;
font-family: oebb-fonticons;
font-size: 100px;
color: #666;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: 400;
content: "\e905";
justify-content: center;
align-items: center;
animation: spin 1.4s infinite linear;
display: none;
}
.tablefilter__inner:after {
content: "";
width: 100%;
height: 100vh;
position: absolute;
top: 0;
left: 0;
z-index: 50;
pointer-events: none;
background: #fff;
opacity: 0;
transition: opacity .5s ease;
}
@media screen and (max-width:991px) {
.tablefilter-filter--s-suche {
width: 100%}
.tablefilter__inner:after {
top: 60px;
}
}@keyframes spin {
from {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}.login-area {
background: #F7F7F7;
border: 1px solid #ededed;
padding: 20px 20px 0;
max-width: 760px;
}
.login-area label {
display: block;
font-weight: 700;
font-size: 16px;
line-height: 1.75em;
}
.login-area input {
width: 66%;
font-size: 16px;
border: 1px solid #ccc;
border-bottom-color: #e5e5e5;
border-right-color: #e5e5e5;
padding: 6px 12px;
background: #fff;
}
.login-area input:focus {
box-shadow: 0 1px 10px 0 rgba(50, 50, 50, .75);
}
.login-area__field {
margin-bottom: 20px;
}