@charset "utf-8"; * {margin:0;padding:0;font-family:'Nunito Sans', sans-serif;} html {font-size:100%;} body {margin:0;color:#585756;font-size:1rem;} body.lang-ar .rtl, body.lang-ar .direction-rtl {direction:rtl;} body.lang-ar .ltr, body.lang-ar .direction-ltr {direction:ltr;text-align: right;} h1{margin-bottom:1.375rem;font-weight:normal} h2{margin-bottom:3rem;font-weight:normal} h3{margin-bottom:0.875rem;font-weight:normal} h4{margin-bottom:0.75rem;font-weight:normal} h5{margin-bottom:0.625rem;font-weight:normal} h6{margin-bottom:0.5rem;font-weight:normal} /*-------------------------------------------------------------- 0 - COLORS - 2018-10-19 --------------------------------------------------------------*/ /* --- CORPORATE DESIGN */ .unionright-yellow {color:#FAC531;} .unionright-green {color:#B2CA0A;} .unionright-grey {color:#585756;} /* --- headline */ .headline-white h2 {color:#FFF;} .headline-darkgrey h2, .headline-darkgrey h3 {color:#585756;} .headline-yellow h2 {color:#FDD43C;} .headline-green h2 {color:#B2CA0A;} /* --- font */ .text-white {color:#FFF;} .text-blue {color:#3470A0;} .text-darkgrey {color:#333;} .text-red {color:#E30613;} .text-green {color:#B2CA0A;} /* --- Backgrounds */ .bg-green {background-color:#B2CA0A;} .bg-middlegreen {background-color:#D1DF6C;} .bg-ltgreen {background-color:#F7FAE6;} .bg-dkblue {background-color:#006AA3;} .bg-dkgrey {background-color:#585756;} .bg-ltgrey {background-color:#F6F8F9;} .bg-eggshell {background-color:#FFD97B;} .bg-unionright-yellow {background-color:#FDD43C;} /* --- pattern */ .bg-pattern {background-repeat:repeat !important;background-size:auto !important;} .bg-pattern.morphing-diamonds {background-color: #ffffff;background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M54.627 0l.83.828-1.415 1.415L51.8 0h2.827zM5.373 0l-.83.828L5.96 2.243 8.2 0H5.374zM48.97 0l3.657 3.657-1.414 1.414L46.143 0h2.828zM11.03 0L7.372 3.657 8.787 5.07 13.857 0H11.03zm32.284 0L49.8 6.485 48.384 7.9l-7.9-7.9h2.83zM16.686 0L10.2 6.485 11.616 7.9l7.9-7.9h-2.83zm20.97 0l9.315 9.314-1.414 1.414L34.828 0h2.83zM22.344 0L13.03 9.314l1.414 1.414L25.172 0h-2.83zM32 0l12.142 12.142-1.414 1.414L30 .828 17.272 13.556l-1.414-1.414L28 0h4zM.284 0l28 28-1.414 1.414L0 2.544V0h.284zM0 5.373l25.456 25.455-1.414 1.415L0 8.2V5.374zm0 5.656l22.627 22.627-1.414 1.414L0 13.86v-2.83zm0 5.656l19.8 19.8-1.415 1.413L0 19.514v-2.83zm0 5.657l16.97 16.97-1.414 1.415L0 25.172v-2.83zM0 28l14.142 14.142-1.414 1.414L0 30.828V28zm0 5.657L11.314 44.97 9.9 46.386l-9.9-9.9v-2.828zm0 5.657L8.485 47.8 7.07 49.212 0 42.143v-2.83zm0 5.657l5.657 5.657-1.414 1.415L0 47.8v-2.83zm0 5.657l2.828 2.83-1.414 1.413L0 53.456v-2.83zM54.627 60L30 35.373 5.373 60H8.2L30 38.2 51.8 60h2.827zm-5.656 0L30 41.03 11.03 60h2.828L30 43.858 46.142 60h2.83zm-5.656 0L30 46.686 16.686 60h2.83L30 49.515 40.485 60h2.83zm-5.657 0L30 52.343 22.343 60h2.83L30 55.172 34.828 60h2.83zM32 60l-2-2-2 2h4zM59.716 0l-28 28 1.414 1.414L60 2.544V0h-.284zM60 5.373L34.544 30.828l1.414 1.415L60 8.2V5.374zm0 5.656L37.373 33.656l1.414 1.414L60 13.86v-2.83zm0 5.656l-19.8 19.8 1.415 1.413L60 19.514v-2.83zm0 5.657l-16.97 16.97 1.414 1.415L60 25.172v-2.83zM60 28L45.858 42.142l1.414 1.414L60 30.828V28zm0 5.657L48.686 44.97l1.415 1.415 9.9-9.9v-2.828zm0 5.657L51.515 47.8l1.414 1.413 7.07-7.07v-2.83zm0 5.657l-5.657 5.657 1.414 1.415L60 47.8v-2.83zm0 5.657l-2.828 2.83 1.414 1.413L60 53.456v-2.83zM39.9 16.385l1.414-1.414L30 3.658 18.686 14.97l1.415 1.415 9.9-9.9 9.9 9.9zm-2.83 2.828l1.415-1.414L30 9.313 21.515 17.8l1.414 1.413 7.07-7.07 7.07 7.07zm-2.827 2.83l1.414-1.416L30 14.97l-5.657 5.657 1.414 1.415L30 17.8l4.243 4.242zm-2.83 2.827l1.415-1.414L30 20.626l-2.828 2.83 1.414 1.414L30 23.456l1.414 1.414zM56.87 59.414L58.284 58 30 29.716 1.716 58l1.414 1.414L30 32.544l26.87 26.87z' fill='%23d3d3d3' fill-opacity='0.12' fill-rule='evenodd'/%3E%3C/svg%3E");} /* --- gradient */ .bg-gradient-blue {} .bg-gradient-yellow {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fce519+0,fac531+100 */background: #fce519; /* Old browsers */background: -moz-linear-gradient(left, #fce519 0%, #fac531 100%); /* FF3.6-15 */background: -webkit-linear-gradient(left, #fce519 0%,#fac531 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right, #fce519 0%,#fac531 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fce519', endColorstr='#fac531',GradientType=1 ); /* IE6-9 */} .bg-gradient-green {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5dd850+0,3fac4b+100 */background: #5dd850; /* Old browsers */background: -moz-radial-gradient(center, ellipse cover, #5dd850 0%, #3fac4b 100%); /* FF3.6-15 */background: -webkit-radial-gradient(center, ellipse cover, #5dd850 0%,#3fac4b 100%); /* Chrome10-25,Safari5.1-6 */background: radial-gradient(ellipse at center, #5dd850 0%,#3fac4b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5dd850', endColorstr='#3fac4b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */} /*-------------------------------------------------------------- INV MICROFORMATS EXTENSION --------------------------------------------------------------*/ /* --- padding-top */ .inv-pt-0 {padding-top:0rem;} .inv-pt-1 {padding-top:1rem;} .inv-pt-15 {padding-top:1.5rem;} .inv-pt-2 {padding-top:2rem;} .inv-pt-25 {padding-top:2.5rem;} .inv-pt-3 {padding-top:3rem;} .inv-pt-4 {padding-top:4rem;} .inv-pt-5 {padding-top:5rem;} .inv-pt-6 {padding-top:6rem;} .inv-pt-7 {padding-top:7rem;} /* --- padding-right */ .inv-pr-0 {padding-right:0rem;} .inv-pr-1 {padding-right:1rem;} /* --- padding-bottom */ .inv-pb-0 {padding-bottom:0rem;} .inv-pb-15 {padding-bottom:1.5rem;} .inv-pb-2 {padding-bottom:2rem;} .inv-pb-4 {padding-bottom:4rem;} .inv-pb-5 {padding-bottom:5rem;} /* --- padding-left */ .inv-pl-0 {padding-left:0rem;} /* --- margin-top */ .inv-mt-0 {margin-top:0rem;} .inv-mt-25 {margin-top:2.5rem;} .inv-mt-5 {margin-top:5rem;} /* --- margin-right */ .inv-mr-0 {margin-right:0rem;} .inv-mr-2 {margin-right:2rem;} .inv-mr-5 {margin-right:5rem;} .inv-mr-7 {margin-right:7rem;} /* --- margin-bottom */ .inv-mb-0 {margin-bottom:0rem;} .inv-mb-25 {margin-bottom:2.5rem;} .inv-mb-5 {margin-bottom:5rem;} /* --- margin-left */ .inv-ml-0 {margin-left:0rem;} .inv-ml-2 {margin-left:2rem;} .inv-ml-5 {margin-left:5rem;} .inv-ml-7 {margin-left:7rem;} /*-------------------------------------------------------------- - Defaultpadding --------------------------------------------------------------*/ section.defaultpadding {padding:5rem 0rem;} .defaultpadding {padding:5rem 0rem;} .defaultpadding-top {padding:5rem 0rem 0rem 0rem;} .defaultpadding-bottom {padding:0rem 0rem 5rem 0rem;} /*-------------------------------------------------------------- - ALERT --------------------------------------------------------------*/ .alert.alert-primary {} .alert.alert-success {} .alert.alert-danger {} .alert.alert-warning {} .alert.alert-primary {} /*-------------------------------------------------------------- - INV-BORDER --------------------------------------------------------------*/ .inv-border-bottom.green {border-bottom:.3rem solid #b2ca0a;} /*-------------------------------------------------------------- 0 - PICTURE-CONTAINER --------------------------------------------------------------*/ .picture-container {background-position:50% 50%;background-repeat:no-repeat;background-size:cover;} .bg-position-50-0 {background-position:50% 0% !important;} .bg-position-0-50 {background-position:0% 50% !important;} /* CORPORATE DESIGN ENDE */ /*-------------------------------------------------------------- 0 - BUTTONS --------------------------------------------------------------*/ .btn {} .btn.btn-custom {padding:.8rem 1.5rem;font-size: 1rem;border-radius:0rem;} .btn.btn-custom.green {color:#FFF;background-color:#B2CA0A;} .btn.btn-custom.green:hover {color:#B2CA0A;background-color:#FFF;border-color:#B2CA0A;} .btn.btn-custom.green:focus {border-color:#B2CA0A;box-shadow: 0 0 0 .2rem rgba(178,202,10,.25);} /* --- button-container */ .button-container {padding:1rem 0rem;text-align:right;} .button-container:after {content: ".";clear: both;display: block;visibility: hidden;height: 0px;} .button-container.align-left{text-align:left;} .button-container .btn{float:right;margin-left:1rem;} /*-------------------------------------------------------------- 0 - LANGUAGESECLECTION - 2018-11-15 --------------------------------------------------------------*/ header nav.navbar .collapse.navbar-collapse .nav.btn-group.language-selection {margin-right:1rem;} header nav.navbar .collapse.navbar-collapse .nav.btn-group.language-selection .btn {border-radius:unset;color:#FFF;} .threelvlmenu header nav.navbar .collapse.navbar-collapse .nav.btn-group.language-selection .btn {color:#000;} header nav.navbar .collapse.navbar-collapse .nav.btn-group.language-selection .dropdown-menu {bottom: auto;top:100%;padding-left:0.7rem;background-color: #fff;border-radius: unset;} header nav.navbar .collapse.navbar-collapse .nav.btn-group.language-selection .dropdown-menu li {padding:0.2rem 0rem;font-size:1rem;} header nav.navbar .collapse.navbar-collapse .nav.btn-group.language-selection .dropdown-menu li a{text-decoration:none;color:#000} header nav.navbar .collapse.navbar-collapse .nav.btn-group.language-selection .flags {width:1rem;height:.8rem;margin-right:.5rem;display: inline-block;background-repeat: no-repeat;background-size: cover;} header nav.navbar .collapse.navbar-collapse .nav.btn-group.language-selection .flags.flag-DE {background-image:url("img/flags/48/Germany.png");} header nav.navbar .collapse.navbar-collapse .nav.btn-group.language-selection .flags.flag-EN {background-image:url("img/flags/48/United_Kingdom_Great_Britain.png");} header nav.navbar .collapse.navbar-collapse .nav.btn-group.language-selection .flags.flag-ES {background-image:url("img/flags/48/Spain.png");} header nav.navbar .collapse.navbar-collapse .nav.btn-group.language-selection .flags.flag-FR {background-image:url("img/flags/48/France.png");} header nav.navbar .collapse.navbar-collapse .nav.btn-group.language-selection .flags.flag-RO {background-image:url("img/flags/48/Romania.png");} header nav.navbar .collapse.navbar-collapse .nav.btn-group.language-selection .flags.flag-HU {background-image:url("img/flags/48/Hungary.png");} header nav.navbar .collapse.navbar-collapse .nav.btn-group.language-selection .flags.flag-PL {background-image:url("img/flags/48/Poland.png");} header nav.navbar .collapse.navbar-collapse .nav.btn-group.language-selection .flags.flag-AR {background-image:url("img/flags/48/Saudi_Arabia.png");} header nav.navbar .collapse.navbar-collapse .nav.btn-group.language-selection .flags.flag-BG {background-image:url("img/flags/48/Bulgaria.png");} header nav.navbar .collapse.navbar-collapse .nav.btn-group.language-selection .flags.flag-CS {background-image:url("img/flags/48/Czech Republic.png");} header nav.navbar .collapse.navbar-collapse .nav.btn-group.language-selection .flags.flag-DA {background-image:url("img/flags/48/Denmark.png");} header nav.navbar .collapse.navbar-collapse .nav.btn-group.language-selection .flags.flag-ET {background-image:url("img/flags/48/Estonia.png");} header nav.navbar .collapse.navbar-collapse .nav.btn-group.language-selection .flags.flag-FI {background-image:url("img/flags/48/Finland.png");} header nav.navbar .collapse.navbar-collapse .nav.btn-group.language-selection .flags.flag-IT {background-image:url("img/flags/48/Italy.png");} header nav.navbar .collapse.navbar-collapse .nav.btn-group.language-selection .flags.flag-TR {background-image:url("img/flags/48/Turkey.png");} header nav.navbar .collapse.navbar-collapse .nav.btn-group.language-selection .btn.btn-default.dropdown-toggle {background-color:transparent;} header nav.navbar .collapse.navbar-collapse .nav.btn-group.language-selection .btn.focus, header nav.navbar .collapse.navbar-collapse .nav.btn-group.language-selection .btn:focus {box-shadow:none;} /* --- language*/ body.lang-ar header nav.navbar .collapse.navbar-collapse .nav.btn-group.language-selection .flags {;margin-left:.5rem} /* Table of Content ================================================== 1.0 - CORPORATE DESIGN 2.0 - BOOTSTRAP MICROFORMATS EXTENSION 3.0 - TABLE 4.0 - HEADER 5.0 - FULLVIDEOSECTION 6.0 - KEYVISUALSECTION 7.0 - INTROSECTION 8.0 - VIDEOSECTION 9.0 - FEATURESSECTION 10.0 - TEASERSECTION 13.0 - LISTINGSECTION 14.0 - LEGALSECTION 15.0 - UR-DEFAULT-FLEX-DECK 18.0 - PARALLAX 20.0 - SOCIALBAR 25.0 - COOKIESECTION 30.0 - FOOTER ================================================== */ /* Landscape phones and down XS */ @media (min-width:0px) { /*-------------------------------------------------------------- XS - 1.0 - CORPORATE DESIGN --------------------------------------------------------------*/ section.fullsize {height: 100vh;} /* --- headline-color */ h1, h2, h3, h4 {color:#B2CA0A;} /* --- sizes */ h1 {font-size:2.2rem;line-height: 140%;font-weight:600;} h2 {font-size:1.8rem;line-height:140%;font-weight:600;margin-bottom:1rem;} h3 {font-size:1.5rem;margin-top:0rem;} h4 {font-size: 1.3rem;} p {font-size:1.2rem;padding-bottom:.5rem;margin:0rem;} a {color:#B2CA0A} a:hover {color:#B2CA0A;text-decoration:none;} /* --- Defaultpadding */ .defaultpadding {padding:3rem 0rem;} .defaultpadding.top {padding:3rem 0rem 0rem 0rem;} .defaultpadding.bottom {padding:0rem 0rem 3rem 0rem;} /* --- mask */ .mask {background-size:cover;background-position: 50% 0%;background-repeat: no-repeat;position: absolute;top: 0rem;left: 0rem;height: 100%;width: 100%;overflow: hidden;} .mask-relative {position:relative} /*-------------------------------------------------------------- XS - 2.0 - BOOTSTRAP MICROFORMATS EXTENSION --------------------------------------------------------------*/ /* --- padding-top */ .pt-025 {padding-top:.25rem !important;} .pt-05 {padding-top:.5rem !important;} .pt-105 {padding-top:1.5rem !important;} .pt-1 {padding-top:1rem !important;} .pt-2 {padding-top:2rem !important;} .pt-3 {padding-top:3rem !important;} .pt-4 {padding-top:4rem !important;} .pt-5 {padding-top:5rem !important;} .pt-6 {padding-top:6rem !important;} .pt-7 {padding-top:7rem !important;} .pt-12 {padding-top:12rem !important;} .pt-14 {padding-top:14rem !important;} .pt-20 {padding-top:20rem !important;} .pt-21 {padding-top:21rem !important;} /* --- padding-bottom */ .pb-1 {padding-bottom:1rem !important;} .pb-2 {padding-bottom:2rem !important;} .pb-3 {padding-bottom:3rem !important;} .pb-4 {padding-bottom:4rem !important;} .pb-6 {padding-bottom:6rem !important;} .pb-7 {padding-bottom:7rem !important;} .pb-12 {padding-bottom:12rem !important;} .pb-20 {padding-bottom:20rem !important;} /* --- margin-top */ .mt-4 {margin-top:4rem !important;} .mt-5 {margin-top:5rem !important;} .mt-7 {margin-top:7rem !important;} /* --- margin-top */ .mb-5 {margin-bottom:5rem !important;} .mb-7 {margin-bottom:7rem !important;} /* BOOTSTRAP MICROFORMATS EXTENSION END */ /*-------------------------------------------------------------- XS - 3.0 - TABLE --------------------------------------------------------------*/ .table {display:block;border-collapse:collapse;} .tr {display:block;} .td {display:block;vertical-align:top;} .td.halfwidth { width: 100%;} .td.threewith {width: 100%;} .table {padding-top:0rem;} /* .td {padding-bottom:2rem;} */ /*-------------------------------------------------------------- XS - 4.0 - HEADER - STAND 2018-10-19 --------------------------------------------------------------*/ body.twolvlmenu header {position:fixed;top:0;left:0;z-index:10;text-align:right;width:100%;box-shadow: 0rem 0rem .2rem #585756;} body.twolvlmenu header nav.navbar {padding:1rem 1rem;} body.twolvlmenu header nav.navbar.navbar-default {background-color:#fff;background-image:none;border-color: transparent;border-radius:0rem;background-repeat: no-repeat;} body.twolvlmenu header nav.navbar.navbar-default .navbar-brand {height: 3rem;width: 13rem;background-image:url(img/logos/unionright_businessportal_logo_grau_gruen_310x50.svg);background-repeat: no-repeat;} body.twolvlmenu header nav.navbar.navbar-default .navbar-brand > img {width: 10rem;} body.twolvlmenu header nav.navbar.navbar-default .navbar-form {padding-top:1rem;} body.twolvlmenu header nav.navbar.navbar-default .navbar-nav a {color:#585756;} body.twolvlmenu header nav.navbar .collapse.navbar-collapse .nav.btn-group.language-selection .btn {color:#585756;} /* --- logo */ body.twolvlmenu header nav.navbar.navbar-default .navbar-brand > img {width:10rem;} /* --- home-button */ body.twolvlmenu header nav.navbar.navbar-default .navbar-nav > li > a .fa-2x {font-size:1.3rem;padding-top: 1rem;} body.twolvlmenu header nav.navbar.navbar-default .navbar-nav.navbar-right.phonenummber{padding-top: 1.3rem;} body.twolvlmenu header nav.navbar.navbar-default .navbar-collapse .nav.navbar-nav .dropdown a.dropdown-toggle::after {content: unset;} body.twolvlmenu.lang-ar header nav.navbar.navbar-default .collapse.navbar-collapse ul.nav.navbar-nav.navbar-right {padding-bottom: 1rem;} /* --- language */ body.twolvlmenu.lang-ar header nav.navbar.navbar-default .navbar-form {padding-bottom: 1rem;} body.twolvlmenu header nav.navbar.navbar-default .collapse.navbar-collapse .nav.navbar-form.navbar-right .form-control {text-transform: uppercase;font-weight: 600;background-color:transparent;line-height: 1.5;color:#FFF;border: none;border-radius:0rem;} body.twolvlmenu header nav.navbar.navbar-default .collapse.navbar-collapse .nav.navbar-form.navbar-right .form-control:focus {box-shadow:none;} /* --- phone */ body.twolvlmenu header nav.navbar.navbar-default .navbar-nav {margin: 0rem;} body.twolvlmenu header nav.navbar.navbar-default .navbar-nav a {color:#585756;} body.twolvlmenu header nav.navbar.navbar-default .navbar-nav a:hover {text-decoration:none;} body.twolvlmenu header nav.navbar.navbar-default .navbar-nav > li > a {padding-top: 0rem;} /* --- background-colors */ body.twolvlmenu header nav.navbar.navbar-default .navbar-nav > li > a {color:#585756;padding-top: 22px;} body.twolvlmenu header nav.navbar.navbar-default .navbar-nav > .active > a {background-image:none;} body.twolvlmenu header nav.navbar.navbar-default .navbar-nav > .open > a, body.twolvlmenu header nav.navbar.navbar-default .navbar-nav > .open > a:focus, body.twolvlmenu header nav.navbar.navbar-default .navbar-nav > .open > a:hover {color:#585756;background-color:transparent;background-image:none;box-shadow: none;} body.twolvlmenu header nav.navbar.navbar-default ul.nav.navbar-nav.navbar-right{font-size: 1rem;} body.twolvlmenu header nav.navbar.navbar-default .navbar-collapse {border-color:#F2BE00;} body.twolvlmenu header nav.navbar.navbar-default .navbar-form {border-color:transparent;} /* --- toggle */ body.twolvlmenu header nav.navbar.navbar-default .navbar-toggler {border:none;border-radius:0rem;} /* --- collapse */ body.twolvlmenu header nav.navbar.navbar-default .navbar-collapse {text-align: left;margin-top: 1rem;justify-content:flex-end;-webkit-justify-content:flex-end;-ms-justify-content:flex-end;} /* --- authstatus-true - scroll-position */ body.twolvlmenu.authstatus-true.scroll-position-top header {box-shadow: 0rem 0rem .2rem #585756;} body.twolvlmenu.authstatus-true.scroll-position-top header nav.navbar.navbar-default {background-color: #fff;} body.twolvlmenu.authstatus-true.scroll-position-top header nav.navbar.navbar-default .navbar-brand {background-image: url(img/logos/unionright_businessportal_logo_grau_gruen_310x50.svg);} body.twolvlmenu.authstatus-true.scroll-position-top header nav.navbar.navbar-default .navbar-nav a {color: #585756;} /*-------------------------------------------------------------- XS - 5.0 - FULLVIDEOSECTION --------------------------------------------------------------*/ .fullvideosection {min-height:30rem;background-repeat: no-repeat;background-size: cover;} .fullvideosection .container {padding-top:5rem;} .fullvideosection .content-wrapper .text-container {padding-bottom: 2rem;} .fullvideosection .content-wrapper .text-container p {color:#FFF;} .fullvideosection .form-container .headline-container h4 {color:#585756;;font-weight:700;} .fullvideosection .form-container form .input-group input.form-control {border-radius: 0rem;} .fullvideosection .form-container form .input-group input.form-control:focus {border-color:#B2CA0A;box-shadow: 0 0 0 .2rem rgba(178,202,10,.25);} .fullvideosection .form-container form .input-group .input-group-prepend .input-group-text {background-color:#B2CA0A;border-radius: 0rem;} .fullvideosection .form-container form .input-group .input-group-prepend .input-group-text .fas {color:#FFF;min-width: 1.3rem;} .fullvideosection .form-container .button-container .btn {width: 100%;} /*-------------------------------------------------------------- XS - 6.0 - KEYVISUALSECTION --------------------------------------------------------------*/ .keyvisualfullsection {height:60rem;background-repeat: no-repeat;background-size: cover;} .keyvisual-container .keyvisual {background-repeat:no-repeat;background-size:cover;background-position:50% 50%;height:100%;width:100%;} .keyvisual-container.halfsize {height:20rem;} .keyvisualsection {background-repeat: no-repeat;background-size: cover;background-position: 50% 50%;} .keyvisualsection .keyvisual {background-repeat:no-repeat;background-size:cover;background-position:50% 50%;height:100%;width:100%;} .keyvisualsection.halfsize {height:20rem;} .keyvisualsection.quatersize {height:15rem;} /* --- fullkeyvisualsection */ .fullkeyvisualsection {height:25rem;background-repeat: no-repeat;background-size: cover;} .fullkeyvisualsection .content-wrapper {padding-top:5rem;padding-left:1rem;} .fullkeyvisualsection .content-wrapper .headline-container h1 {font-size:2.9rem;color:#FFF;margin-bottom: 0rem;} .fullkeyvisualsection .content-wrapper .subheadline h3 {text-transform:uppercase;} /*-------------------------------------------------------------- XS - 7.0 - INTROSECTION - 2018-10-19 --------------------------------------------------------------*/ .introsection {background-repeat: no-repeat;background-size: cover;} .introsection .content-wrapper {background-color:#FFF;padding: 1rem;} .introsection .content-wrapper .headline-container h2 {margin-bottom: 0rem;} .introsection .content-wrapper .subheadline-container {font-weight: 600;} .introsection .headline-container h1 {font-weight:500;} .introsection .text-container.padding {background-color:#FFF;padding:0rem 1rem 1rem 1rem;} /*-------------------------------------------------------------- XS - 8.0 - VIDEOSECTION --------------------------------------------------------------*/ .videosection {background-repeat:no-repeat;background-size:cover;} .videosection .content-container .content-wrapper {padding-right:2rem;} .videosection .content-container .content-wrapper .headline-container h2 {font-size: 2.5rem;} .videosection .content-container .content-wrapper .subheadline-container h3 {color:#585756;line-height: 140%;} .videosection .video-container {width:100%;} /*-------------------------------------------------------------- XS - 9.0 - FEATURESSECTION --------------------------------------------------------------*/ .featuressection {background-position:right;background-repeat:no-repeat;background-position:10% 50%;} .featuressection .picture-container {height:15rem;} .featuressection .picture {height:100%;background-repeat: no-repeat;background-size: contain;background-position: 50% 50%;} .featuressection .feature-container {margin-top:3rem;padding: 1rem;min-height: 22rem;} .featuressection .feature-icon {color:#FDD43C;text-align:center;padding-bottom: 1rem;} .featuressection .feature-headline {text-align: center;} .featuressection .feature-headline h4 {color:#333;} .featuressection .feature-text {text-align: center;} /* --- mask */ .featuressection {position:relative;} .featuressection .bg-container {position: absolute;top: 0rem;left: 0rem;height: 100%;width: 100%;overflow: hidden;background-repeat: no-repeat;background-size: cover;} .featuressection .mask-container {position: absolute;top: 0rem;left: 0rem;height: 100%;width: 100%;overflow: hidden;} .featuressection .mask-container .mask {height:10rem;width:100%;background-repeat:no-repeat;background-size: contain;} /*-------------------------------------------------------------- XS - 10.0 - TEASERSECTION - 2018-11-16 --------------------------------------------------------------*/ .teasersection {background-repeat:no-repeat;background-size:cover;} .teasersection.attention {} .teasersection.attention .headline-container h2 {font-size:3rem;} /* --- facebooksection */ .teasersection.facebooksection .picture-container .picture {height:25rem;background-position:50% 50%;background-size:contain;background-repeat:no-repeat} .teasersection.facebooksection .button-container .btn {float:left;margin-left:0rem;} /* --- language */ body.lang-ar .teasersection.attention .headline-container h2 {font-size:2.5rem;} /*-------------------------------------------------------------- XS - 11.0 - PRICESECTION --------------------------------------------------------------*/ .pricesection {min-height:50rem;background-image: url(/fileadmin/user_upload/b-110-unionright-business/background/unionright_fluggastentschaedigung_was_kostet_dich_unser_service_1900x220.jpg) !important;} /* .pricesection .headline-container {padding-bottom:2rem;} */ .pricesection .headline-container h2 {color: #B2CA0A;} .pricesection .text-container {} .pricesection nav div.nav.nav-tabs a, .pricesection nav div.nav.nav-tabs a:hover {color:#585756;} /* --- tab-navigation */ .pricesection nav div.nav.nav-tabs a.nav-item.nav-link {margin-bottom: .5rem;width:100%;font-weight:700;border: 1px solid transparent;border-radius:0rem;} .pricesection nav div.nav.nav-tabs a.nav-item.nav-link:focus, .pricesection nav div.nav.nav-tabs a.nav-item.nav-link:hover {border-color:transparent;} .pricesection nav div.nav.nav-tabs a.nav-item.nav-link p {text-align: center;} .pricesection nav div.nav.nav-tabs a .fas {padding-right:1rem;font-size:2rem;} .pricesection nav div.nav.nav-tabs a.nav-item.nav-link {background-color:#B2CA0A;color:#585756;} .pricesection nav div.nav.nav-tabs a.nav-item.nav-link.active {background-color:#E8EFB5;color:#585756;} .pricesection nav div.nav.nav-tabs a.nav-item.nav-link:nth-child(3) {margin-right:0rem;} .pricesection div.tab-content {background-color:#FFF;} .pricesection div.tab-content .tab-pane .content-wrapper {padding:.5rem;} .pricesection div.tab-content .tab-pane .content-wrapper .content-wrapper-border .intro-container {padding-top: 1rem;} .pricesection div.tab-content .tab-pane .content-wrapper .content-wrapper-border .intro-container h3 {color:#585756;line-height:140%;font-weight: 700;} .pricesection div.tab-content .tab-pane .content-wrapper .content-wrapper-border .ur-default-flex-deck-1.floating-1 .box.defaultbox.sizing1 {width:100%;} .pricesection div.tab-content .tab-pane .content-wrapper .content-wrapper-border .ur-default-flex-deck-1 {} .pricesection div.tab-content .tab-pane .content-wrapper .content-wrapper-border .ur-default-flex-deck-1 .box.defaultbox {text-align:left;border: .15rem solid #585756;background-position: bottom;background-repeat: no-repeat;background-size: cover;} .pricesection div.tab-content .tab-pane .content-wrapper .content-wrapper-border .ur-default-flex-deck-1 .box.defaultbox .flex-headline-top h3 {color:#B2CA0A;} .pricesection div.tab-content .tab-pane .content-wrapper .content-wrapper-border .ur-default-flex-deck-1 .box.defaultbox .flex-body .flex-title {padding-top: 1rem;} .pricesection div.tab-content .tab-pane .content-wrapper .content-wrapper-border .ur-default-flex-deck-1 .box.defaultbox .flex-body .flex-title h4, .pricesection div.tab-content .tab-pane .content-wrapper .content-wrapper-border .ur-default-flex-deck-1 .box.defaultbox .flex-body .flex-title.payment h4 {font-weight:700;} .pricesection div.tab-content .tab-pane .content-wrapper .content-wrapper-border .ur-default-flex-deck-1 .box.defaultbox .flex-body .flex-text p, .pricesection div.tab-content .tab-pane .content-wrapper .content-wrapper-border .ur-default-flex-deck-1 .box.defaultbox .flex-body .flex-text ul {font-size: 1.2rem;} .pricesection div.tab-content .tab-pane .content-wrapper .content-wrapper-border .ur-default-flex-deck-1 .box.defaultbox .flex-body .flex-text ul li{color:#B2CA0A;font-size:.5rem;list-style-type:"\f111";font-family:"Font Awesome 5 Pro";font-weight: 900} .pricesection div.tab-content .tab-pane .content-wrapper .content-wrapper-border .ur-default-flex-deck-1 .box.defaultbox .flex-body .flex-text ul li p {color:#585756;padding-left:1rem;font-family:Arial, Helvetica, sans-serif;font-weight:normal;} .pricesection div.tab-content .tab-pane .content-wrapper .content-wrapper-border .ur-default-flex-deck-1 .box.defaultbox .flex-body .flex-text.check {margin-left:.5rem;} .pricesection div.tab-content .tab-pane .content-wrapper .content-wrapper-border .ur-default-flex-deck-1 .box.defaultbox .flex-body .table {display:table;border-collapse:collapse;} .pricesection div.tab-content .tab-pane .content-wrapper .content-wrapper-border .ur-default-flex-deck-1 .box.defaultbox .flex-body .table .tr {display:table-row;} .pricesection div.tab-content .tab-pane .content-wrapper .content-wrapper-border .ur-default-flex-deck-1 .box.defaultbox .flex-body .table .tr .td {display:table-cell;} .pricesection div.tab-content .tab-pane .content-wrapper .content-wrapper-border .ur-default-flex-deck-1 .box.defaultbox .flex-body .table .tr .td {border-right: 1px solid #dee2e6;padding-right:0rem;padding-bottom: 0.5rem;text-align: center;} .pricesection div.tab-content .tab-pane .content-wrapper .content-wrapper-border .ur-default-flex-deck-1 .box.defaultbox .flex-body .table .tr .td p {font-size:1rem;padding-top:.5rem;padding-bottom: 0rem;} .pricesection div.tab-content .tab-pane .content-wrapper .content-wrapper-border .ur-default-flex-deck-1 .box.defaultbox .flex-body .table .tr .td.text-green {background-repeat: no-repeat;background-position:50% 65%;} .pricesection div.tab-content .tab-pane .content-wrapper .content-wrapper-border .ur-default-flex-deck-1 .box.defaultbox .flex-body .table .tr .td.text-green p {padding-top:.3rem} .pricesection div.tab-content .tab-pane .content-wrapper .content-wrapper-border .ur-default-flex-deck-1 .box.defaultbox .flex-body .table .tr .td:first-child {text-align:left;font-weight:700;} .pricesection div.tab-content .tab-pane .content-wrapper .content-wrapper-border .ur-default-flex-deck-1 .box.defaultbox .flex-body .table .tr .td:last-child {border-right:none;} /* --- amplified */ .pricesection div.tab-content .tab-pane .content-wrapper .content-wrapper-border .amplified {background-repeat:no-repeat;background-size:cover;background-position:50% 50%;} .pricesection div.tab-content .tab-pane .content-wrapper .content-wrapper-border .amplified.amplified-wrapper {border:.15rem solid #000;padding:2rem;} .pricesection div.tab-content .tab-pane .content-wrapper .content-wrapper-border .amplified.amplified-wrapper .content-container .headline-container h3 {color:#B2CA0A;} .pricesection div.tab-content .tab-pane .content-wrapper .content-wrapper-border .footer-container {padding-top: 1rem;} .pricesection div.tab-content .tab-pane .content-wrapper .content-wrapper-border .footer-container .alert-container {padding-top: 2rem;} .pricesection div.tab-content .tab-pane .content-wrapper .content-wrapper-border .footer-container .alert-container p {font-size: 1rem;} /* --- language */ body.lang-ar .pricesection .headline-container {text-align:right;} body.lang-ar .pricesection nav div.nav.nav-tabs a .fas {padding-left:1rem;} body.lang-ar .pricesection div.tab-content .tab-pane .content-wrapper .content-wrapper-border .intro-container {text-align: right;} body.lang-ar .pricesection div.tab-content .tab-pane .content-wrapper .content-wrapper-border .ur-default-flex-deck-1 .box.defaultbox {text-align:right;} body.lang-ar .pricesection div.tab-content .tab-pane .content-wrapper .content-wrapper-border .ur-default-flex-deck-1 .box.defaultbox .flex-body .flex-text ul li p {padding-right:1rem;} body.lang-ar .pricesection div.tab-content .tab-pane .content-wrapper .content-wrapper-border .ur-default-flex-deck-1 .box.defaultbox .flex-body .flex-text.check {margin-right:1.5rem;} body.lang-ar .pricesection div.tab-content .tab-pane .content-wrapper .content-wrapper-border .ur-default-flex-deck-1 .box.defaultbox .flex-body .table .tr .td p {padding-right:.5rem;} body.lang-ar .pricesection div.tab-content .tab-pane .content-wrapper .content-wrapper-border .ur-default-flex-deck-1 .box.defaultbox .flex-body .table .tr .td:first-child {text-align:right;} body.lang-ar .pricesection div.tab-content .tab-pane .content-wrapper .content-wrapper-border .amplified.amplified-wrapper .content-container .text-container {text-align: right;} body.lang-ar .pricesection div.tab-content .tab-pane .content-wrapper .content-wrapper-border .footer-container {text-align: right;} /*-------------------------------------------------------------- XS - 13.0 - LISTINGSECTION --------------------------------------------------------------*/ .listingsection .backgroundpicture-right, .listingsection .backgroundpicture-left {min-height:20rem;background-size:cover;background-position:50% 50%;} .listingsection .innercontentwrapper {padding-top:2rem;position: relative;margin:auto;} .listingsection .innercontentwrapper .icon.green, .listingsection .innercontentwrapper .circle {background-color:#B2CA0A;text-align:center;border-radius: 50%;width: 2.5rem;height: 2.5rem;} /* --- pushed */ .listingsection.pushed {min-height:50rem;overflow: hidden;} .listingsection.pushed .force-height-100 {height:100%;} .listingsection.pushed p {font-size: 1.37rem;} .listingsection.pushed .backgroundpicture-right, .listingsection.pushed .backgroundpicture-left {height:60rem;background-size:cover;background-position:50% 50%;} .listingsection.pushed .content-wrapper.right {padding-top:15rem;} .listingsection.pushed .picture-container img {width:100%;height:100%;} .listingsection.pushed .innercontentwrapper {padding-top:0rem;position: relative;margin:auto;} .listingsection.pushed .circle p {display: inline-block;color: #fff !important;width: 2.5rem;margin: 0rem;padding: 0rem;} .listingsection.pushed .circle .ce-bodytext {display: inline-block;width: 2.5rem;height: 2.5rem;text-align: center;vertical-align: middle;display: table-cell;border-radius: 50%;-webkit-border-radius: 50%;moz-border-radius: 50%;} /* --- table */ .listingsection .table {display:table;border-collapse:collapse;} .listingsection .tr {display:table-row;} .listingsection .td {display:table-cell;vertical-align:top;padding-right:1.5rem;padding-bottom: 1rem;} /* --- language*/ body.lang-ar .listingsection .td {padding-right:.5rem;} /*-------------------------------------------------------------- XS - 14.5 - JOINUSSECTION --------------------------------------------------------------*/ .joinussection {background-color:#fbfbfb;background-repeat:no-repeat;} /*-------------------------------------------------------------- XS - 15.0 - UR-DEFAULT-FLEX-DECK --------------------------------------------------------------*/ .ur-default-flex-deck-1.floating-1 {display:flex;flex-direction:row;flex-wrap:wrap;} .ur-default-flex-deck-1.floating-1::after {content: ".";clear: both;display: block;visibility: hidden;height: 0px;} .ur-default-flex-deck-1.floating-1 .box.defaultbox {padding:2rem 1rem;margin-top:1rem;margin-bottom:1rem;text-align:center;background-color:#fff;border:1px solid rgba(0,0,0,.125);border: 1px solid #585756;border-bottom-left-radius: 0rem;flex:1 1 400px;float:left;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;} /* --- sizing */ .ur-default-flex-deck-1.floating-1 .box.defaultbox.sizing2, .ur-default-flex-deck-1.floating-1 .box.defaultbox.sizing3, .ur-default-flex-deck-1.floating-1 .box.defaultbox.sizing4 {max-width:100%;} /* --- flex-icon/img - top */ .ur-default-flex-deck-1.floating-1 .box.defaultbox .flex-icon-top {padding-bottom:1rem;color:#B2CA0A;width:100%;} .ur-default-flex-deck-1.floating-1 .box.defaultbox:hover .flex-icon-top {color:#FFF;} .ur-default-flex-deck-1.floating-1 .box.defaultbox .flex-img-top {height:10rem;width:100%;background-repeat:no-repeat;background-size: cover;background-position:50% 50%;} /* --- flex-body */ .ur-default-flex-deck-1.floating-1 .box.defaultbox .flex-body {-ms-flex:1 1 auto;flex:1 1 auto;} .ur-default-flex-deck-1.floating-1 .box.defaultbox .flex-body .flex-title h3, .ur-default-flex-deck-1.floating-1 .box.defaultbox .flex-body .flex-title h4 {color: #333;} /* --- flex-footer */ .ur-default-flex-deck-1.floating-1 .box.defaultbox .flex-footer {height:4.5rem;} .ur-default-flex-deck-1.floating-1 .box.defaultbox .flex-footer .button-container {text-align:right;padding-right:1rem;padding-top:.5rem;} .ur-default-flex-deck-1.floating-1 .box.defaultbox .flex-footer .plugin-container {text-align: right;padding-right: 1rem;padding-top: 2rem;} .ur-default-flex-deck-1.floating-1 .box.defaultbox .flex-footer .plugin-container a {color:#333;} .ur-default-flex-deck-1.floating-1 .box.defaultbox .flex-footer .plugin-container .fa {padding-left: 1rem;} /* --- Transparent */ .ur-default-flex-deck-1.floating-1 .box.defaultbox.white-t30 {background-color:rgba(255,255,255,0.5);} .ur-default-flex-deck-1.floating-1 .box.defaultbox.white-t10 {background-color:rgba(255, 255, 255, 0.1);color:#fff;border: none;} .ur-default-flex-deck-1.floating-1 .box.defaultbox.white-t10.green-icon .flex-icon-top {color: #B2CA0A;} /* --- greenbox */ .ur-default-flex-deck-1.floating-1 .box.defaultbox.greenbox:hover {background-color:#B2CA0A;} .ur-default-flex-deck-1.floating-1 .box.defaultbox.greenbox:hover .flex-body .flex-title h3, .ur-default-flex-deck-1.floating-1 .box.defaultbox.greenbox:hover .flex-body .flex-title h4, .ur-default-flex-deck-1.floating-1 .box.defaultbox.greenbox:hover .flex-body .flex-text p {color:#FFF;} /* --- themebox */ .ur-default-flex-deck-1.floating-1 .box.defaultbox.themebox {padding:0rem;border: 1px solid rgba(0,0,0,.125);border-bottom:.3rem solid #b2ca0a;} .ur-default-flex-deck-1.floating-1 .box.defaultbox.themebox .flex-img-top {height: 10rem;width: 100%;background-repeat: no-repeat;background-size: cover;background-position: 50% 50%;} .ur-default-flex-deck-1.floating-1 .box.defaultbox.themebox .flex-img-top .flex-img-icon {height:100%; display: flex;justify-content: center; align-items: center;} .ur-default-flex-deck-1.floating-1 .box.defaultbox.themebox .flex-img-top .flex-img-icon.green i {color: #b2ca0a;} .ur-default-flex-deck-1.floating-1 .box.defaultbox.themebox .flex-body {padding: 1.25rem;text-align: left;} .ur-default-flex-deck-1.floating-1 .box.defaultbox.themebox .flex-body .flex-title h3 {font-size: 1.5rem;} .ur-default-flex-deck-1.floating-1 .box.defaultbox.themebox .flex-body .flex-text p {font-size: 1.1rem;} /*-------------------------------------------------------------- XS - - CARD HORIZONTAL --------------------------------------------------------------*/ .ur-default-flex-deck-1.floating-1 .card.defaultcard.horizontal {border-radius: 0rem;margin-bottom: 1rem;} .ur-default-flex-deck-1.floating-1 .card.defaultcard.horizontal .card-img {min-height: 15rem;width:100%;height:100%;border-radius: 0rem;background-repeat: no-repeat;background-size: cover;background-position: 50% 50%;} .ur-default-flex-deck-1.floating-1 .card.defaultcard.horizontal .card-body {} .ur-default-flex-deck-1.floating-1 .card.defaultcard.horizontal .card-body .card-title h3 {color: #333;font-size: 1.5rem;} .ur-default-flex-deck-1.floating-1 .card.defaultcard.horizontal .card-body .card-text {min-height:6rem;} .ur-default-flex-deck-1.floating-1 .card.defaultcard.horizontal .card-body .card-text p {font-size:1.1rem;} .ur-default-flex-deck-1.floating-1 .card.defaultcard.horizontal .card-body .button-container {padding:0rem;} /* --- sizing */ .ur-default-flex-deck-1.floating-1 .card.defaultcard.horizontal.sizing2, .ur-default-flex-deck-1.floating-1 .card.defaultcard.horizontal.sizing3, .ur-default-flex-deck-1.floating-1 .card.defaultcard.horizontal.sizing4 {min-width:100%;} /*-------------------------------------------------------------- XS - 18.0 - PARALLAX --------------------------------------------------------------*/ .parallax-img {min-height:35rem;background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;} /*-------------------------------------------------------------- XS - PLUGINSECTION --------------------------------------------------------------*/ .pluginsection {position:relative;} .pluginsection .text-container.micro-text p {font-size:.8rem;} /*-------------------------------------------------------------- XS - 20.0 - SOCIALSECTION - 2018-02-06 --------------------------------------------------------------*/ /* --- socialbar content */ .socialbar.v1 {display:block;} .socialbar.v1 .socialitem {background-color:#B2CA0A;} .socialbar.v1 .socialitem:hover {background-color:#E8EFB5;} .socialbar.v1 .socialitem a {display: inline-block;width: 100%;height: 3.125rem;color: #fff;font-size: 2rem;text-align: center;} .socialbar.v1 .socialitem a .social-title {padding-left:1rem;font-size: 1.5rem;} .socialbar.v1 .socialitem a:hover, .socialbar.v1 .socialitem a:visited, .socialbar.v1 .socialitem a:active, .socialbar.v1 .socialitem a:focus {text-decoration:none;} .socialbar.v1 .socialitem.facebook, .socialbar.v1 .socialitem.twitter {margin-bottom:0.125rem} .socialbar.v1 .socialitem.facebook, .socialbar.v1 .socialitem.twitter, .socialbar.v1 .socialitem.email {background-repeat:no-repeat;background-size:contain;background-position: 50% 50%;} /*-------------------------------------------------------------- XS - 25.0 - COOKIESECTION - 2018-08-08 --------------------------------------------------------------*/ .cookie-wrapper {} .cookie-wrapper {display:block;border:.1rem solid #e7e7e7;} .cookie-wrapper .cookie-wrapper-row {height:100%;} .cookie-wrapper .picture-container {height:10rem;width:100%;border-bottom:.1rem solid #e7e7e7;display:block;min-width:15rem;margin-right:2rem;vertical-align:bottom;background-color:#fff;} .cookie-wrapper .picture {height:100%;background-position: 50% 70%;background-size: cover;background-repeat: no-repeat;} .cookie-wrapper .content-container {padding: 2rem;width:100%;height: 100%;display:block;background-color:#fff;} .cookie-wrapper .content-container h2 {color:#B2CA0A;font-size:2rem;padding-left: 0rem;border-left: none;margin-bottom: 2rem;} .cookie-wrapper .text-container {padding-bottom:2rem;} .cookie-wrapper .text-container p {font-size: 1.1rem;} .cookie-wrapper .text-container a {color:#FDD43C;} /*-------------------------------------------------------------- XS - - LOGINSECTION-2 --------------------------------------------------------------*/ .loginsection-2 {background-repeat:no-repeat;background-size:cover;} .loginsection-2 .content-wrapper {padding:3rem 1rem;} .loginsection-2 .content-wrapper .headline-container {} .loginsection-2 .content-wrapper .text-container {} .loginsection-2 .content-wrapper.login {} .loginsection-2 .content-wrapper.login h3 {color:#FFF;} .loginsection-2 .content-wrapper.login fieldset input {width: 100%;min-height:2.5rem;margin-bottom:1rem;} /*-------------------------------------------------------------- XS - 30.0 - FOOTER - 2018-10-23 --------------------------------------------------------------*/ footer {width:100%;min-height:20rem;background-color:#585756;} /* --- logo */ footer .footer-container .logo-container {height:8rem;margin-top: 1rem;} footer .footer-container .logo-container-inner {background-image:url("img/logos/unionright_businessportal_logo_180x100.svg");height:100%;width:100%;background-size:contain;background-repeat:no-repeat;background-position:center;} /* --- text */ footer .footer-container {color:#FFF;} footer .footer-container .footer-wrapper {text-align: center;} footer .footer-container .footer-navigation {display: inline-block;} footer .footer-container li {float:none;padding:0.8rem 1.25rem;text-decoration:none;list-style-type:none;line-height:300%;} footer .footer-container li a {color:#FFF;text-decoration:none;} footer .footer-container li:hover {background:none;} footer .footer-container li:hover a:hover {color:#B2CA0A;} /* --- socialtitem */ footer .footer-container .footer-social {margin:0rem 1rem 2rem 1rem;padding:1rem 0rem;text-align: center;} footer .footer-container .footer-social .nowrap {white-space: nowrap;} footer .footer-container .footer-social a:first-child {margin-left: 0;} footer .footer-container .footer-social a {color:#FFF;font-size:1rem;text-transform: uppercase;letter-spacing: 2px;margin:0rem 1rem;line-height:300%;} footer .footer-container .footer-social a:hover {color:#B2CA0A;text-decoration:none;} footer .footer-container .footer-social i {margin:0rem 2rem;font-size:3rem;} footer .footer-container .footer-social i.fas.fa-phone {font-size:2.5rem;} footer .footer-container .footer-social i fas {display:inline-block;} /* --- creationdate */ footer .footer-container .creationdate {text-align: center;padding-top: 1rem;} footer .footer-container .creationdate p {font-size: 1rem;color:#FFF;} /* --- company-group */ footer .footer-container .company-group {text-align: center;margin-top: 1rem;} footer .footer-container .company-group p {font-size: 1rem;} footer .footer-container .company-group a {color:#fff;} footer .footer-container .company-group a:hover {color:#B2CA0A;} } /* Landscape phone to portrait tablet SM small */ @media (min-width:576px) { /*-------------------------------------------------------------- SM - 6.0 - KEYVISUALSECTION --------------------------------------------------------------*/ /* --- fullkeyvisualsection */ .fullkeyvisualsection .content-wrapper .headline-container h1 {font-size:4.5rem;} /*-------------------------------------------------------------- SM - 8.0 - VIDEOSECTION --------------------------------------------------------------*/ .videosection .content-container .content-wrapper .headline-container h2 {padding-right:4rem;} /*-------------------------------------------------------------- SM - 10.0 - TEASERSECTION - 2018-11-16 --------------------------------------------------------------*/ /* .teasersection.attention .text-container{padding-right: 6rem;} */ /*-------------------------------------------------------------- SM - 15.0 - UR-DEFAULT-FLEX-DECK --------------------------------------------------------------*/ /* .ur-default-flex-deck-1.floating-1 .box.defaultbox {margin-right:1rem;} */ .ur-default-flex-deck-1.floating-1 .box.defaultbox:last-child {margin-right:0rem;} /* --- language */ body.lang-ar .pricesection .ur-default-flex-deck-1.floating-1 .box.defaultbox {margin-left:0rem;margin-right:0rem;} body.lang-ar .featuressection .ur-default-flex-deck-1.floating-1 .box.defaultbox {margin-left:0rem;margin-right:0rem;} body.lang-pl .featuressection .ur-default-flex-deck-1.floating-1 .box.defaultbox {margin-left:0rem;margin-right:0rem;} body.template-lightlang-ar .ur-default-flex-deck-1.floating-1 .box.defaultbox {margin-left:1rem;} } /* Large desktop SM */ @media (min-width:576px) and (orientation: landscape) { /*-------------------------------------------------------------- SM - 10.0 - TEASERSECTION - 2018-11-16 --------------------------------------------------------------*/ .teasersection.attention .text-container{padding-right: 6rem;} /* --- language */ body.lang-ar .teasersection.attention .headline-container {padding-right: 7rem;} } /* CONTENT Portrait tablet to landscape and desktop MD */ @media (min-width:768px) { html {font-size:90%;} /*-------------------------------------------------------------- MD - 3.0 - TABLE --------------------------------------------------------------*/ .table {display:table;border-collapse:collapse;} .tr {display:table-row;} .td {display:table-cell;vertical-align:top;} .td.halfwidth {width:50%;} .td.threewith {width:33%;} .td.thirdwith {width:33%;} /*-------------------------------------------------------------- MD - 4.0 - HEADER - STAND 2018-10-19 --------------------------------------------------------------*/ body.twolvlmenu header nav.navbar.navbar-default .navbar-nav > li > a {padding-top: 0rem;} /* --- phone */ body.lang-ar header nav.navbar.navbar-default .collapse.navbar-collapse .navbar-nav.navbar-right.phonenummber {padding-right: 1rem;} .slidersection.cd-hero.main-slider.v1 .cd-hero-slider .slide.slide02 .slider.v1 .information-box .information .text-container p {font-size: 1.5rem;} /*-------------------------------------------------------------- MD - 7.0 - INTROSECTION - 2018-10-19 --------------------------------------------------------------*/ /*-------------------------------------------------------------- MD - 10.0 - TEASERSECTION - 2018-11-16 --------------------------------------------------------------*/ .teasersection.attention {background-position: 50% 50%;} .teasersection.attention .text-container{padding-right:0rem;} /* --- lnaguage */ body.lang-ar .teasersection.attention .headline-container {padding-right: 2rem;} body.lang-ar .teasersection.attention .text-container {padding-right: 2rem;} /*-------------------------------------------------------------- MD - 11.0 - PRICESECTION --------------------------------------------------------------*/ .pricesection div.tab-content .tab-pane .content-wrapper .content-wrapper-border .ur-default-flex-deck-1.floating-1 .box.defaultbox.sizing1, .pricesection div.tab-content .tab-pane .content-wrapper .content-wrapper-border .ur-default-flex-deck-1.floating-1 .box.defaultbox.sizing2, .pricesection div.tab-content .tab-pane .content-wrapper .content-wrapper-border .ur-default-flex-deck-1.floating-1 .box.defaultbox.sizing3, .pricesection div.tab-content .tab-pane .content-wrapper .content-wrapper-border .ur-default-flex-deck-1.floating-1 .box.defaultbox.sizing4 {max-width:100%;} /*-------------------------------------------------------------- MD - 13.0 - LISTINGSECTION --------------------------------------------------------------*/ .listingsection .innercontentwrapper {padding: 3rem 1rem;} /*-------------------------------------------------------------- MD - 15.0 - UR-DEFAULT-FLEX-DECK --------------------------------------------------------------*/ .ur-default-flex-deck-1.floating-1 .box.defaultbox {margin-right:1rem;} /* --- sizing */ .ur-default-flex-deck-1.floating-1 .box.defaultbox.sizing2, .ur-default-flex-deck-1.floating-1 .box.defaultbox.sizing3, .ur-default-flex-deck-1.floating-1 .box.defaultbox.sizing4 {max-width:47%;} /* --- language */ body.lang-ar .pricesection .ur-default-flex-deck-1.floating-1 .box.defaultbox {margin-left:0rem;margin-right:0rem;} body.lang-ar .featuressection .ur-default-flex-deck-1.floating-1 .box.defaultbox {margin-left:1rem;} body.lang-pl .featuressection .ur-default-flex-deck-1.floating-1 .box.defaultbox {margin-left:1rem;} /*-------------------------------------------------------------- MD - 30.0 - FOOTER - 2018-10-23 --------------------------------------------------------------*/ footer.mask {background-image:url(/fileadmin/user_upload/b-100-unionright/background/unionright_triangulum_mask_600x136.svg);} /* --- logo */ footer .footer-container .logo-container {height:6rem;margin-top: .5rem;} } /* Large desktop MD */ @media (min-width:768px) and (orientation: landscape) { /*-------------------------------------------------------------- MD - 4.0 - LANDSCAPE - HEADER - STAND 2018-10-19 --------------------------------------------------------------*/ /* --- logo */ /* header nav.navbar.navbar-default .navbar-brand > img {width:15rem;} */ body.twolvlmenu header nav.navbar.navbar-default .navbar-nav > li > a {padding-top:.5rem;} body.twolvlmenu header nav.navbar.navbar-default .navbar-nav > li > a .fa-2x {font-size: 1.6rem;} /* --- phone */ body.twolvlmenu header nav.navbar.navbar-default .navbar-nav.navbar-right.phonenummber a {font-size: 1.2rem;} body.twolvlmenu.authstatus-true header nav.navbar.navbar-default .navbar-nav.navbar-right.phonenummber {visibility:hidden;display:none;} /*-------------------------------------------------------------- MD - 15.0 - LANDSCAPE - UR-DEFAULT-FLEX-DECK --------------------------------------------------------------*/ /* --- sizing */ .ur-default-flex-deck-1.floating-1 .box.defaultbox.sizing2, .ur-default-flex-deck-1.floating-1 .box.defaultbox.sizing3, .ur-default-flex-deck-1.floating-1 .box.defaultbox.sizing4 {max-width:47%;} } /* Large desktop LG */ @media (min-width:992px) { html {font-size:100%;} /* LG - BACKGROUND + PADDING */ .bg-white-p-1 {background-color: #fff;padding:1rem;} /*-------------------------------------------------------------- LG - 4.0 - HEADER - STAND 2018-10-19 --------------------------------------------------------------*/ body.twolvlmenu header {box-shadow:none;} body.twolvlmenu header nav.navbar {padding:.5rem 1rem;} body.twolvlmenu header nav.navbar.navbar-default {background-color: transparent;} body.twolvlmenu header nav.navbar .collapse.navbar-collapse .nav.btn-group.language-selection .btn {color: #FFF;} /* --- home-button */ body.twolvlmenu header nav.navbar.navbar-default .navbar-nav > li > a {padding-right: 1rem;color: #FFF;} body.twolvlmenu header nav.navbar.navbar-default .navbar-nav > li > a .fa-2x {padding-top:0rem;font-size: 1.2rem;} body.twolvlmenu.lang-ar header nav.navbar.navbar-default .collapse.navbar-collapse ul.nav.navbar-nav.navbar-right {padding-bottom:0rem;} /* --- language */ body.twolvlmenu header nav.navbar.navbar-default .navbar-form {padding-top: 0rem;margin-top:0rem;padding-right: 1rem;} body.twolvlmenu.lang-ar header nav.navbar.navbar-default .navbar-form {padding-bottom:0rem;} /* --- phone */ body.twolvlmenu header nav.navbar.navbar-default .navbar-nav a {color:#FFF;} body.twolvlmenu header nav.navbar.navbar-default .navbar-nav.navbar-right.phonenummber {padding-top:0rem;padding-right: 1rem;} body.twolvlmenu header nav.navbar.navbar-default .navbar-nav.navbar-right.phonenummber a {font-size: 1.1rem;} /* --- collapse */ body.twolvlmenu header nav.navbar.navbar-default .navbar-collapse {border-top:none;margin-top:0rem;} /* --- scroll-position */ body.twolvlmenu.scroll-position-top header nav.navbar.navbar-default .navbar-brand {height: 3rem;width: 13rem;background-image: url(img/logos/unionright_businessportal_logo_310x50.svg);background-repeat: no-repeat;} body.twolvlmenu.scroll-position-scrolled header {box-shadow: 0rem 0rem .2rem #585756;} body.twolvlmenu.scroll-position-scrolled header nav.navbar.navbar-default {background-color:#fff;transition:1s;} body.twolvlmenu.scroll-position-scrolled header nav.navbar.navbar-default .navbar-brand {height:3rem;width:13rem;background-repeat: no-repeat;background-image:url(img/logos/unionright_businessportal_logo_grau_gruen_310x50.svg);} body.twolvlmenu.scroll-position-scrolled header nav.navbar.navbar-default .navbar-nav a {color:#585756;} body.twolvlmenu.scroll-position-scrolled header nav.navbar .collapse.navbar-collapse .nav.btn-group.language-selection .btn {color:#585756;} body.twolvlmenu.scroll-position-scrolled .navbar-light .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");} /* --- authstatus-true - scroll-position */ body.twolvlmenu.authstatus-true.scroll-position-top header {} body.twolvlmenu.authstatus-true header nav .container {max-width: 1600px;} body.twolvlmenu.authstatus-true header nav.navbar.navbar-default .navbar-nav li {font-size:1.2rem;} body.twolvlmenu.authstatus-true header nav.navbar.navbar-default .navbar-nav > li > a {padding-top:.2rem;} body.twolvlmenu.authstatus-true header nav.navbar .collapse.navbar-collapse .nav.btn-group.language-selection .btn {color: #585756;} /*-------------------------------------------------------------- LG - 5.0 - FULLVIDEOSECTION --------------------------------------------------------------*/ .fullvideosection {height:100vh;} .fullvideosection .container {padding-top:12rem;} .fullvideosection .content-wrapper {max-width: 80%;} /*-------------------------------------------------------------- LG - 7.0 - INTROSECTION - 2019-01-22 --------------------------------------------------------------*/ /*-------------------------------------------------------------- LG - 8.0 - VIDEOSECTION --------------------------------------------------------------*/ .videosection .content-container .content-wrapper {padding:0rem;} .videosection .content-container .content-wrapper .headline-container h2 {padding-right:0rem;font-size:2.5rem;} /*-------------------------------------------------------------- LG - 10.0 - TEASERSECTION - 2018-11-16 --------------------------------------------------------------*/ .teasersection.attention .headline-container{padding-right: 4rem;} /*-------------------------------------------------------------- LG - 11.0 - PRICESECTION --------------------------------------------------------------*/ .pricesection nav div.nav.nav-tabs a.nav-item.nav-link {margin-right:.5rem;margin-bottom:0rem;width:unset;font-size:1.3rem;} .pricesection div.tab-content .tab-pane .content-wrapper .content-wrapper-border {padding-top:2rem;} .pricesection div.tab-content .tab-pane .content-wrapper .content-wrapper-border .intro-container {padding-right: 2rem;} .pricesection div.tab-content .tab-pane .content-wrapper .content-wrapper-border .ur-default-flex-deck-1 .box.defaultbox .flex-body .table .tr .td.text-green {height: 4rem;background-size: auto;background-position: center;background-image: url(/fileadmin/user_upload/b-110-unionright-business/pagecontent/unionright_businessportal_fluggastentschaedigungen_strich_65x5.svg)} .pricesection div.tab-content .tab-pane .content-wrapper .content-wrapper-border .ur-default-flex-deck-1.floating-1 .box.defaultbox.sizing3 {min-width:100%;} /* --- language*/ body.lang-ar .pricesection nav div.nav.nav-tabs a.nav-item.nav-link {margin-left:.4rem;margin-right: 0rem;margin-bottom:0rem;border-top-left-radius:2.5rem;border-top-right-radius:0rem;} body.lang-ar .pricesection div.tab-content .tab-pane .content-wrapper .content-wrapper-border .intro-container {padding-right:0rem;} body.lang-ar .pricesection div.tab-content .tab-pane .content-wrapper .ur-default-flex-deck-1.floating-1 .box.defaultbox {margin-left:0rem;margin-right:0rem;} body.lang-ar .pricesection div.tab-content .tab-pane .content-wrapper .ur-default-flex-deck-1.floating-1 .box.defaultbox:first-child {margin-left:1rem;} /*-------------------------------------------------------------- LG - 13.0 - LISTINGSECTION --------------------------------------------------------------*/ .listingsection .backgroundpicture-right, .listingsection .backgroundpicture-left {min-height:70rem;background-size:cover;background-position:50% 50%;} .listingsection.pushed .picture-container img {width:auto;} /* --- language */ body.lang-hu .listingsection .backgroundpicture-right {min-height:71rem;} body.lang-pl .listingsection .backgroundpicture-left {min-height:75rem;} /*-------------------------------------------------------------- LG - 14.0 - LEGALSECTION --------------------------------------------------------------*/ .legalsection .headline-container {padding-bottom:2rem;} .legalsection h1 {font-size:2.5rem;line-height: 140%;} .legalsection h3 {font-size:2rem;line-height: 140%;} .legalsection.legal-information p {padding-bottom:2rem;} /*-------------------------------------------------------------- LG - 20.0 - SOCIALSECTION - 2018-02-06 --------------------------------------------------------------*/ .socialbar.v1 {position:fixed;top:30%;display:inline-block;right:0rem;z-index:100;visibility: visible;} .socialbar.v1 .socialitem {background-color:#B2CA0A;} .socialbar.v1 .socialitem:hover {background-color:#E8EFB5;} .socialbar.v1 .socialitem a {display:inline-block;width:3.125rem;height:3.125rem;} .socialbar.v1 .socialitem a .social-title {visibility: hidden;display: none;} .socialbar.v1 .socialitem a:hover, .socialbar.v1 .socialitem a:visited, .socialbar.v1 .socialitem a:active, .socialbar.v1 .socialitem a:focus {text-decoration:none;} /* --- Socialbar with slide - 2019-01-10*/ .socialbar.v2 {position: fixed;top: 50%;display: inline-block;right: 0rem;z-index: 100;visibility: visible;} .socialbar.v2 .socialbar-wrapper {position:fixed;top:50%;right:0;} .socialbar.v2 .socialbar-wrapper .socialbar-container {list-style: none;} .socialbar.v2 .socialbar-wrapper .socialbar-container .socialitem {width:3.5rem;height:3.5rem;position:relative;background:#B2CA0A;margin:0.3rem 0;cursor:pointer;border-radius:1rem;border-bottom-right-radius: 0rem;transition: all 2s ease-out;box-shadow: -.2rem .2rem .1rem rgba(0,0,0,0.1);} .socialbar.v2 .socialbar-wrapper .socialbar-container .socialitem:hover {border-radius:0rem;border-top-right-radius:1rem;transition: all 0s ease-out;} .socialbar.v2 .socialbar-wrapper .socialbar-container .socialitem .icon-container .fab, .socialbar.v2 .socialbar-wrapper .socialbar-container .socialitem .icon-container .fas {position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:1.5rem;color: #fff;text-shadow: .1rem .1rem 0 rgba(0, 0, 0, 0.24);} .socialbar.v2 .socialbar-wrapper .socialbar-container .socialitem .icon-container a i{padding:1rem 1.5rem} .socialbar.v2 .socialbar-wrapper .socialbar-container .socialitem .slider {content:"";position:absolute;top:0;right:3.5rem;width:0rem;height:3.5rem;background:#E8EFB5;border-radius:0rem;border-bottom-left-radius:1rem;transition:all 0.5s 0.3s ease;} .socialbar.v2 .socialbar-wrapper .socialbar-container .socialitem .slider p {padding-top: .5rem;text-transform:uppercase;font-size:.9rem;font-family:'Sriracha', cursive;color:#fff;text-align:center;line-height:140%;opacity: 0;transition: all 0.6s ease;} .socialbar.v2 .socialbar-wrapper .socialbar-container .socialitem:hover .slider {width:12rem;transition: all 0.5s ease;box-shadow: -.2rem .2rem .1rem rgba(0,0,0,0.1);} .socialbar.v2 .socialbar-wrapper .socialbar-container .socialitem:hover .slider p {opacity: 1;transition: all 1s 0.2s ease;} .socialbar.v2 .socialbar-wrapper .socialbar-container .socialitem:hover .slider p a {color:#585756;} /*-------------------------------------------------------------- LG - 30.0 - FOOTER - 2018-10-23 --------------------------------------------------------------*/ footer {min-height:15rem;} /* --- logo */ footer .footer-container .logo-container {height:8rem;margin: 1rem;} /* --- text */ footer .footer-container {padding-top:0rem;text-align:none;text-align:unset;} footer .footer-container ul:after {content: ".";clear: both;display: block;visibility: hidden;height: 0px;} footer .footer-container li {border-right:.1rem solid #B2CA0A;float:left;padding:0rem 2.5rem;} footer .footer-container li:last-child {border-right:none;} footer .footer-container li:first-of-type {padding-left:0rem;} /* --- language */ body.lang-es footer .footer-container li {padding:0rem 2rem;} body.lang-hu footer .footer-container li {padding:0rem 1rem;} } /* Large desktop LG */ @media (min-width:992px) and (orientation: landscape) { /*-------------------------------------------------------------- LG - LANDSCAPE - 7.0 - INTROSECTION --------------------------------------------------------------*/ /*-------------------------------------------------------------- LG - LANDSCAPE - 13.0 - LISTINGSECTION --------------------------------------------------------------*/ /* --- pushed */ .listingsection.pushed {min-height:30rem;} .listingsection.pushed .innercontentwrapper {padding-top:5rem;} /*-------------------------------------------------------------- LG - LANDSCAPE - 15.0 - UR-DEFAULT-FLEX-DECK --------------------------------------------------------------*/ /* --- sizing */ .ur-default-flex-deck-1.floating-1 .box.defaultbox.sizing2 {max-width:50%;} .ur-default-flex-deck-1.floating-1 .box.defaultbox.sizing4 {max-width:50%;;} } /* CONTENT Large desktop XL */ @media (min-width:1200px) { /*-------------------------------------------------------------- XL - 1.0 - CORPORATE DESIGN --------------------------------------------------------------*/ /* --- sizes */ h1 {font-size:3.5rem;} h2 {font-size:3rem;} h3 {font-size:2.5rem;} h4 {font-size: 1.5rem;} p {font-size:1.37rem;} ul {font-size:1.37rem;} li {font-size:1.37rem;} /* --- defaultpadding */ .defaultpadding {padding:5rem 0rem;} .defaultpadding.top {padding:4rem 0rem 0rem 0rem;} .defaultpadding.bottom {padding:0rem 0rem 5rem 0rem;} /*-------------------------------------------------------------- XL - 2.0 - BOOTSTRAP MICROFORMATS EXTENSION --------------------------------------------------------------*/ /* --- padding-top */ .pt-6 {padding-top:4rem !important;} .pt-7 {padding-top:5rem !important;} .pt-12 {padding-top:10rem !important;} .pt-14 {padding-top:12rem !important;} /* --- padding-bottom */ .pb-6 {padding-bottom:4rem !important;} .pb-7 {padding-bottom:5rem !important;} .pb-12 {padding-bottom:10rem !important;} /* --- margin-top */ .mt-7 {margin-top:5rem !important;} /* --- margin-top */ .mb-7 {margin-bottom:5rem !important;} /* BOOTSTRAP MICROFORMATS EXTENSION END */ /*-------------------------------------------------------------- XL - 4.0 - HEADER - STAND 2018-10-19 --------------------------------------------------------------*/ body.twolvlmenu header .navbar {min-height: 4rem;} /* --- logo */ body.twolvlmenu header nav.navbar.navbar-default .navbar-brand > img {width:10rem;} body.twolvlmenu header nav.navbar.navbar-default ul.nav.navbar-nav.navbar-right{font-size: 1.1rem;} body.twolvlmenu header nav.navbar.navbar-default .navbar-nav > li > a {padding-top: 1rem;} body.twolvlmenu header nav.navbar.navbar-default .navbar-nav > li > a .fa-2x {font-size: 1.3rem;} body.twolvlmenu header nav.navbar.navbar-default .navbar-form {padding-right:1.5rem;} /* --- phone */ body.twolvlmenu header nav.navbar.navbar-default .navbar-nav.navbar-right.phonenummber a {font-size:1rem;} body.twolvlmenu.authstatus-true header nav.navbar.navbar-default .navbar-nav.navbar-right.phonenummber {visibility:visible;display:block;} /*-------------------------------------------------------------- XL - 6.0 - KEYVISUALSECTION --------------------------------------------------------------*/ .keyvisual-container.halfsize {height:30rem;} .keyvisualsection.halfsize {height:25rem;} .keyvisualsection.quatersize {height:20rem;} /* --- fullkeyvisualsection */ .fullkeyvisualsection {height:100vh;} .fullkeyvisualsection .content-wrapper {padding-top:15rem;padding-left:0rem;} .fullkeyvisualsection .content-wrapper .headline-container h1 {font-size:8rem;} /* --- language */ body.template-lightlang-it .fullkeyvisualsection .content-wrapper .headline-container h1 {font-size:7rem;} /*-------------------------------------------------------------- XL - 7.0 - INTROSECTION --------------------------------------------------------------*/ .introsection {background-size:contain;} .introsection .text-container.padding {padding:0rem 1rem 1rem 5rem;margin-left:10rem;} /* --- language */ body.lang-es .introsection, body.lang-fr .introsection, body.lang-ro .introsection, body.lang-hu .introsection, body.lang-pl .introsection {background-size:contain;} /*-------------------------------------------------------------- XL - 8.0 - VIDEOSECTION --------------------------------------------------------------*/ .videosection .content-container .content-wrapper .headline-container h2 {line-height: 110%;font-size:3rem;} .videosection .content-container .content-wrapper .subheadline-container h3 {font-size:2rem;padding-right: 4.5rem;} .videosection .video-container {width:75%;} /*-------------------------------------------------------------- XL - 9.0 - FEATURESSECTION --------------------------------------------------------------*/ .featuressection.bg-img {background-image: url(/fileadmin/user_upload/b-110-unionright-business/background/unionright_businessportal_wann_habe_ich_anrecht_auf_entschaedigung_930x1000.jpg);} .featuressection .picture-container {height:30rem;} /* --- facts */ .featuressection .feature-container.facts {margin-bottom:0rem;} /* --- airplane background */ .featuressection.bg-airplane {background-size:contain;background-position: 0% 30%;} /* --- language */ body.lang-ar .featuressection .ur-default-flex-deck-1.floating-1 .box.defaultbox {margin-left:1rem;} /*-------------------------------------------------------------- XL - 10.0 - TEASERSECTION - 2018-11-16 --------------------------------------------------------------*/ .teasersection.attention {min-height:40rem;} .teasersection.attention .headline-container{margin-top:4rem;padding-right: 4rem;} .teasersection.attention .headline-container h2, .teasersection.attention .text-container {padding-right:14rem;} /* --- facebooksection */ .teasersection.facebooksection {background-position: 50% 50%;background-image: url(/fileadmin/user_upload/b-110-unionright-business/background/unionright_businessportal_besuche_die_unionright_community_auf_facebook_800x1900.jpg);min-height:40rem;} .teasersection.facebooksection .headline-container{margin-top:4rem;padding-right: 4rem;} .teasersection.facebooksection .headline-container h2, .teasersection.facebooksection .text-container {padding-right:14rem;} /* --- language */ body.lang-ar .teasersection.attention .headline-container h2 {padding-right:10rem;} body.lang-ar .teasersection.attention .text-container {padding-right:12rem;} /*-------------------------------------------------------------- XL - 11.0 - PRICESECTION --------------------------------------------------------------*/ .pricesection .container {max-width:1400px !important;} .pricesection nav div.nav.nav-tabs a.nav-item.nav-link {min-width:30%;} .pricesection div.tab-content .tab-pane .content-wrapper .content-wrapper-border .ur-default-flex-deck-1 .box.defaultbox.sizing1 {background-position: 50% 75%;} .pricesection div.tab-content .tab-pane .content-wrapper .content-wrapper-border .ur-default-flex-deck-1 .box.defaultbox.sizing1 .flex-body .table {width: 50%;} .pricesection div.tab-content .tab-pane .content-wrapper .content-wrapper-border .ur-default-flex-deck-1.floating-1 .box.defaultbox.sizing3 {min-width:32%;} .pricesection div.tab-content #nav-family.tab-pane .content-wrapper .content-wrapper-border .ur-default-flex-deck-1 .box.defaultbox .flex-body .flex-text.intro {min-height:20rem;} .pricesection div.tab-content #nav-group.tab-pane .content-wrapper .content-wrapper-border .ur-default-flex-deck-1 .box.defaultbox .flex-body .flex-text.intro {min-height:12rem;} .pricesection .box.defaultbox.feature-container.sizing3 .flex-body .flex-text.intro {min-height:16rem;} .pricesection .box.defaultbox.feature-container.sizing3 .flex-body .flex-text.check {min-height: 14rem;} /* --- language*/ body.lang-ar .pricesection nav div.nav.nav-tabs a.nav-item.nav-link {min-width:20%;} /*-------------------------------------------------------------- XL - 13.0 - LISTINGSECTION --------------------------------------------------------------*/ .listingsection .innercontentwrapper {max-width:45rem;padding-top:10rem;} /* --- alte Version muss noch überarbeitet werden (listingsection)*/ .listingsection.pushed {min-height:50rem;overflow: hidden;} .listingsection.pushed .force-height-100 {height:100%;} .listingsection.pushed h2 {font-size: 3rem;padding-left: 0rem;margin-top:0rem !important;border-left: none;} .listingsection.pushed p {font-size: 1.37rem;} .listingsection.pushed .backgroundpicture-right, .listingsection.pushed .backgroundpicture-left {height:60rem;background-size:cover;background-position:50% 50%;} .listingsection.pushed .content-wrapper.right {padding-top:15rem;} .listingsection.pushed .picture-container img {width:auto;height:100%;} .listingsection.pushed .innercontentwrapper {max-width: none;padding-top:10rem;position: relative;margin:auto;} .listingsection.pushed .circle p {display: inline-block;color:#fff !important;width: 2.5rem;margin: 0rem;padding: 0rem;} .listingsection.pushed .circle .ce-bodytext {display: inline-block;width: 2.5rem;height: 2.5rem;text-align: center;vertical-align: middle;display: table-cell;border-radius: 50%;-webkit-border-radius: 50%;moz-border-radius: 50%;} /*-------------------------------------------------------------- XL - 14.0 - LEGALSECTION --------------------------------------------------------------*/ /*-------------------------------------------------------------- XL - 15.0 - UR-DEFAULT-FLEX-DECK --------------------------------------------------------------*/ /* --- sizing */ .ur-default-flex-deck-1.floating-1 .box.defaultbox.sizing2 {max-width:50%;} .ur-default-flex-deck-1.floating-1 .box.defaultbox.sizing3 {max-width:27.5416rem;} .ur-default-flex-deck-1.floating-1 .box.defaultbox.sizing4 {max-width:47%;} /* --- flex-icon/img - top */ .ur-default-flex-deck-1.floating-1 .box.defaultbox .flex-icon-top {} /*-------------------------------------------------------------- XL - - CARD HORIZONTAL --------------------------------------------------------------*/ .ur-default-flex-deck-1.floating-1 .card.defaultcard.horizontal {margin-right:1rem;} .ur-default-flex-deck-1.floating-1 .card.defaultcard.horizontal.sizing2:last-child {margin-right:0rem;} .ur-default-flex-deck-1.floating-1 .card.defaultcard.horizontal .card-img {width:100%;height:100%;} /* --- sizing */ .ur-default-flex-deck-1.floating-1 .card.defaultcard.horizontal.sizing2 {min-width:47%;max-width:49%;} .ur-default-flex-deck-1.floating-1 .card.defaultcard.horizontal.sizing3 {max-width:27.5416rem;} .ur-default-flex-deck-1.floating-1 .card.defaultcard.horizontal.sizing4 {max-width:47%;} /*-------------------------------------------------------------- XL - 25.0 - COOKIESECTION --------------------------------------------------------------*/ /* --- Cookiesection Middle - 2018-08-08 */ .cookie-wrapper {position:fixed;top:25%;display: inline-block;left: 30%;z-index: 100;margin-right: auto;margin-left:auto;} .cookie-wrapper .cookie-wrapper {display:table;} .cookie-wrapper .picture-container {display:table-cell;height:26rem;width:15rem;border-bottom:none;} .cookie-wrapper .content-container {display:table-cell;width: 30rem;} .cookie-wrapper .content-container h2 {font-size:2.5rem;} .cookie-wrapper .button-container {padding-top:0rem;} /*-------------------------------------------------------------- XS - - JOINUSSECTION --------------------------------------------------------------*/ .joinussection {} .joinussection .headline-container {} .joinussection .text-container {} /*-------------------------------------------------------------- XL - - LOGINSECTION-2 --------------------------------------------------------------*/ .loginsection-2 {} .loginsection-2 {} .loginsection-2 .content-wrapper {padding:5rem 4rem;} .loginsection-2 .content-wrapper .headline-container {} .loginsection-2 .content-wrapper .text-container {} .loginsection-2 .content-wrapper.login fieldset {padding-top:1rem;} .loginsection-2 .content-wrapper.login fieldset legend {display: none;visibility:hidden;} .loginsection-2 .content-wrapper.login fieldset label {margin-bottom:0rem;} .loginsection-2 .content-wrapper.login fieldset input {width: 100%;min-height:2.5rem;margin-bottom:1rem;padding-left:.5rem;} .loginsection-2 .content-wrapper.login a {color:#FFF;font-size:1rem;} /*-------------------------------------------------------------- XL - 30.0 - FOOTER - 2018-10-23 --------------------------------------------------------------*/ footer.mask {background-image:url(/fileadmin/user_upload/b-100-unionright/background/unionright_triangulum_mask_600x136.svg);} /* --- logo */ footer .footer-container .logo-container {height:10rem;margin: 1rem;} } /* Large desktop XL */ @media (min-width:1200px) and (orientation: landscape) { /*-------------------------------------------------------------- XL - LANDSCAPE - 11.0 - PRICESECTION --------------------------------------------------------------*/ .pricesection div.tab-content .tab-pane .content-wrapper .content-wrapper-border .ur-default-flex-deck-1.floating-1 .box.defaultbox.sizing3 {max-width:32%;} /*-------------------------------------------------------------- XL - LANDSCAPE - 15.0 - UR-DEFAULT-FLEX-DECK --------------------------------------------------------------*/ /* --- sizing */ .ur-default-flex-deck-1.floating-1 .box.defaultbox.sizing2 {max-width:48%;} .ur-default-flex-deck-1.floating-1 .box.defaultbox.sizing3 {max-width:27.5416rem;} .ur-default-flex-deck-1.floating-1 .box.defaultbox.sizing4 {max-width:23.5%;} /* --- language */ body.lang-ar .ur-default-flex-deck-1.floating-1 .box.defaultbox.sizing2 {max-width:46%;} } /* CONTENT Large desktop XXL */ @media (min-width:1921px) { /*-------------------------------------------------------------- XXL - 1.0 - CORPORATE DESIGN --------------------------------------------------------------*/ html {font-size:141%;} /* --- container white */ .container {max-width:1700px;} .defaultsection.first {margin-top: 2.7rem;} /*-------------------------------------------------------------- XXL - 2.0 - BOOTSTRAP MICROFORMATS EXTENSION --------------------------------------------------------------*/ /* --- padding-top */ .pt-7 {padding-top:15rem !important;} /*-------------------------------------------------------------- XXL - 3.0 - HEADER - STAND 2018-10-19 --------------------------------------------------------------*/ header nav.navbar.navbar-default .navbar-nav > li > a {padding-top: .7rem;} /*-------------------------------------------------------------- XXL - 7.0 - INTROSECTION --------------------------------------------------------------*/ .introsection .text-container {padding:0rem 1rem 1rem 5rem;margin-left:5rem;} /*-------------------------------------------------------------- XXL - 8.0 - VIDEOSECTION --------------------------------------------------------------*/ .videosection .content-container .content-wrapper {padding: 3rem;} .videosection .content-container .content-wrapper .headline-container h2 {font-size:4rem;line-height: 110%;} .videosection .content-container .content-wrapper .subheadline-container h3 {font-size:2rem;} /*-------------------------------------------------------------- XXL - 9.0 - FEATURESSECTION --------------------------------------------------------------*/ .featuressection .feature-container.facts {min-height: 24.5rem;} /*-------------------------------------------------------------- XXL - 10.0 - TEASERSECTION - 2018-11-16 --------------------------------------------------------------*/ .teasersection.attention .headline-container h2 {font-size:4rem;padding-right: 0rem;} .teasersection.attention .text-container {padding-right:10rem;} /*-------------------------------------------------------------- XXL - 30.0 - FOOTER - 2018-10-23 --------------------------------------------------------------*/ /* --- logo */ footer .footer-container .logo-container {margin:0rem;} }