* { outline-style: none !important; }
html { font-size: 112.5%; width: 100%; height: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; overflow-x: hidden !important; }
body { color: #000; margin: 0; padding: 0; font-size: 18px; font-family: "Open Sans", OpenSans_SemiCondensed-Medium, sans-serif; font-stretch: semi-condensed; font-weight: normal; line-height: 28px; background: #fff; text-rendering: optimizeLegibility; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: 'liga', 'kern'; outline: none 0; overflow-x: hidden; }
/*Preloader*/
/**/
#preloader { background-color: #f1f0ec !important; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 999999; }
.spinner > div { background-color: #d2091e; height: 100%; width: 4px; margin-right: 1px; margin-left: 1px; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out; }
.spinner { margin: 25px auto 100px; width: 60px; height: 40px; text-align: center; font-size: 10px; }
.spinner .rect2 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.spinner .rect3 { background-color: #2383b6; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }
.spinner .rect4 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.spinner .rect5 { background-color: #7fa740; -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
@-webkit-keyframes sk-stretchdelay {
0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
20% { -webkit-transform: scaleY(1.0) }
}
@keyframes sk-stretchdelay {
0%, 40%, 100% {
transform: scaleY(0.4);
-webkit-transform: scaleY(0.4);
} 20% {
transform: scaleY(1.0);
-webkit-transform: scaleY(1.0);
}
}
#status {
width: 260px;
height: 48px;
position: absolute;
left: 50%; /* centers the loading animation horizontally one the screen */
top: 45%; /* centers the loading animation vertically one the screen */
text-align:center;
margin: -60px 0 0 -120px; /* is width and height divided by two */
}
#status img { width: 260px; height: 48px; }
/*Header Navigation*/
/**/
header { background-color: rgba(255,255,255,1); position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 100px; z-index: 45; border-bottom: 1px solid #e6e6e6; }
.header .container-fluid { max-width: 1340px; }
.navbar-brand { width: 260px; height: 48px; margin-top: 28px; margin-left: 0 !important; padding: 0 !important; transition: none; }
.navbar-brand img { width: 100%; }
.navbar-header { height: 100px; margin: 0 !important; padding: 0 !important; display: block !important; }
.navbar { background-color: transparent; border-style: none; }
.navbar-collapse { text-align: center !important; width: 100% !important; height: 60px !important; margin-right: auto !important; margin-left: auto !important; padding-top: 0 !important; padding-bottom: 0 !important; padding-left: 0; border-top-color: #181c27 !important; border-top-style: none; border-top-width: 1px !important; border-right-style: none; border-bottom-color: #181c27 !important; border-bottom-style: none; border-bottom-width: 1px !important; border-left-style: none; display: inline-block !important; }
.navbar-default { background-color: transparent; width: 100%; height: 100px !important; margin: 0; border-top: 1px none #c4c4c4; border-bottom: 1px none #e6e6e6; border-right-style: none; border-left-style: none; border-radius: 0; }
.navbar-default .navbar-nav > li { padding-right: 25px; padding-left: 25px; }
.navbar-default .navbar-nav > li > a { color: #000; font-size: 18px; font-weight: 400; line-height: 100px; background-color: transparent !important; text-align: left; padding: 0; }
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color: #2383b6; background-color: transparent !important; border-bottom: 4px none #181c27; border-top-style: none; border-right-style: none; border-left-style: none; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { color: #2383b6; background-color: transparent; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { color: #2383b6; background-color: transparent; border-bottom: 4px none #566cb0; border-top-style: none; border-right-style: none; border-left-style: none; }
.navbar-toggle .icon-bar:nth-of-type(2) { top: 1px; }
.navbar-toggle .icon-bar:nth-of-type(3) { top: 2px; }
.navbar-toggle.active .icon-bar:nth-of-type(1) { top: 6px; -webkit-transform: rotate(45deg) !important; -moz-transition: rotate(45deg) !important; transform: rotate(45deg); }
.navbar-toggle.active .icon-bar:nth-of-type(2) { background-color: transparent !important; }
.navbar-toggle.active .icon-bar:nth-of-type(3) { top: -6px; -webkit-transform: rotate(-45deg); -moz-transition: rotate(-45deg); transform: rotate(-45deg); }
.navbar-toggle .icon-bar { color: #000; background-color: #000; position: relative; transition: 300ms ease-in-out; border-style: none !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.navbar-default .navbar-toggle { float: left !important; margin-top: 34px !important; margin-right: 15px !important; margin-left: 30px; padding-right: 0; border-color: #ddd; border-style: none; }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: transparent !important; }
@media (max-width:1200px) {
.navbar-default .navbar-nav li { padding-right: 15px !important; padding-left: 15px !important; }
}
@media (max-width:992px) {
.navbar-brand { width: 200px; height: 39px; margin-left: 15px !important; }
}
@media (max-width:768px) {
.navbar-brand { float: left !important; margin-top: 16px; margin-right: 15px !important; margin-left: 15px !important; display: block; }
}
@media (max-width:580px) {
.navbar-brand { position: absolute; left: 50%; margin-top: 19px; margin-left: -87px !important; width: 174px !important; height: 32px !important; float: none !important; display: block; }
}
@media (max-width:992px) {
.navbar-header { z-index: 2345 !important; float: none; display: block !important; }
.navbar-default .navbar-toggle { margin-left: 5px; }
nav { width: 100% !important; padding: 0 !important; }
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover li { background-color: transparent !important; border-style: none; }
.navbar-default .container { padding-right: 0; padding-left: 0; }
.navbar .navbar-nav { background-color: #fff; width: 100% !important; height: auto !important; overflow: auto; float: left !important; max-height: 470px; margin: 0 !important; padding: 30px 40px 0 !important; display: block !important; }
.navbar-default .navbar-nav > li > a { color: #585857; line-height: 42px !important; text-align: left; }
.navbar-default .navbar-nav > li > a:hover { color: #d2091e; }
.navbar-default .navbar-nav > li { float: none !important; margin-top: 0 !important; margin-bottom: 0; padding: 0 !important; border-top-color: #e9e7d9 !important; border-top-style: solid; border-top-width: 1px !important; border-right-style: none; border-bottom-style: none; border-left-style: none; display: block !important; }
.navbar-default .navbar-nav > li:first-child { border-style: none !important; }
.navbar-collapse { height: auto !important; display: block; overflow-x: hidden !important; }
.navbar-default .navbar-collapse { background-color: #fff; width: 100%; max-height: none !important; margin-top: 0; padding: 5px 15px 40px !important; border-top-style: none; border-right-style: none; border-bottom-color: #c4c4c4 !important; border-bottom-style: none; border-bottom-width: 1px !important; border-left-style: none; }
.navbar-collapse.collapse { overflow: hidden; display: none!important; }
.navbar-default .navbar-toggle { float: right !important; margin-top: 25px; margin-right: 0; padding-right: 0 !important; display: block; }
.navbar-default .collapse.in { display: block !important; }
}
@media (max-width:768px) {
.navbar-default { height: 70px !important;}
header { background-color: white; height: 70px; }
.header { height: 70px !important; }
.header.open { transform: translateY(0%); }
.navbar .navbar-nav { padding-right: 15px !important; padding-left: 15px !important; }
.navbar-header { height: 70px; }
.navbar-default .navbar-toggle { margin-top: 22px !important; margin-right: 15px !important; }
}
@media (max-width:767px) {
.header .container-fluid { padding-right: 15px; padding-left: 15px; }
}
@media (max-width:580px) {
.navbar .navbar-nav .dropdown .dropdown-menu li { min-width: 140px !important; display: block !important; }
header { height: 70px; }
.header { height: 70px !important; }
.navbar-header { height: 60px; }
.navbar-default .navbar-toggle { margin-top: 16px !important; float: left !important; margin-left: 5px !important; padding-left: 0; }
.navbar-default { height: 70px !important; }
.navbar-default .navbar-nav > li > a { line-height: 36px !important; }
}
@media (max-width:320px) {
.navbar .navbar-nav .dropdown .dropdown-menu li { min-width: 116px !important; }
#navbar { height: 400px !important; overflow-y: scroll !important; }
.navbar-default .navbar-toggle { margin-left: 0px !important; }
}
/**/
.navbar .navbar-nav .dropdown .caret { float: right !important; display: none; }
.navbar .navbar-nav .dropdown .dropdown-menu { background-color: white; padding: 5px 15px; border: 0 #ececec; border-radius: 0 !important; box-shadow: none; }
.navbar .navbar-nav .dropdown .dropdown-menu li { min-width: 80px !important; padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #ddd; }
.navbar .navbar-nav .dropdown .dropdown-menu li:last-Child { border-bottom-style: none; }
.navbar .navbar-nav .dropdown .dropdown-menu li a { font-size: 16px; line-height: 30px; padding: 0 3px; letter-spacing: 0.5px; display: block; -webkit-transition: all 0.3s; transition: all 0.3s; }
.navbar .navbar-nav .dropdown .dropdown-menu li a span { font-size: 13px; font-weight: 400; line-height: 18px; display: block; }
.navbar .navbar-nav .dropdown .dropdown-menu li.green a:hover { color: #2383b6; background-color: white !important; }
.navbar .navbar-nav .dropdown .dropdown-menu li a:hover { color: #2383b6; background-color: transparent !important; }
.navbar .navbar-nav .dropdown .dropdown-menu li a i {
padding-right: 5px;
}
.navbar .navbar-nav .dropdown .dropdown-menu .dropdown-header { color: #0a1f54 !important; font-size: 16px !important; margin-top: 15px; margin-left: 0 !important; padding-right: 15px !important; padding-left: 0 !important; border-style: none; }
.navbar .navbar-nav .dropdown .dropdown-menu .dropdown-header a:hover { color: #2383b6 !important; background-color: transparent; padding-right: 0; padding-left: 0; border-style: none; }
.navbar .navbar-nav .dropdown .dropdown-menu .divider { margin-left: 18px; margin-right: 18px; background-color: #ddd; padding-left: 0; border-style: none; }
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { color: #2383b6; background-color: transparent !important; text-decoration: none; border-style: none; outline: none 0; }
.dropdown-menu .active a { color: #2383b6; }
.dropdown-menu > .active2 > a, .dropdown-menu > .active2 > a:focus, .dropdown-menu > .active2 > a:hover { color: #2383b6; background-color: transparent !important; text-decoration: none; border-style: none; outline: none 0; }
.dropdown-menu > .active3 > a:hover { color: #2383b6; background-color: transparent; text-decoration: none; border-style: none; outline: none 0; }
.caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; margin-top: 18px; border-top: 6px dashed !important; border-right: 6px solid transparent !important; border-left: 6px solid transparent !important; border-bottom-width: 6px !important; }
.navbar-default .navbar-nav .dropdown.open a:focus {
background-color: transparent !important;
}
@media (min-width:992px) {
ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; }
ul.nav li.dropdown-submenu:hover > ul.dropdown-menu { display: block; }
}
@media (max-width:1200px) {
.navbar .navbar-nav .dropdown .dropdown-menu li { padding-right: 0px !important; padding-left: 0px !important; }
}
@media (max-width:992px) {
.navbar .navbar-nav .dropdown.open .caret{
transform:rotate(-180deg);
transition:all 0.3s ease-in-out; /*for smoothness*/
}
.navbar .navbar-nav .dropdown .caret{
transition:all 0.3s ease-in-out; /*for smoothness*/
}
.navbar .navbar-nav .dropdown .dropdown-menu li a { font-size: 17px !important; padding-top: 0 !important; padding-bottom: 0 !important; }
.navbar .navbar-nav .dropdown .dropdown-menu .dropdown-header { font-size: 16px !important; font-weight: 700; line-height: 20px !important; padding-right: 0 !important; padding-left: 0 !important; border-left-style: none; }
.navbar .navbar-nav .dropdown .dropdown-menu .dropdown-header { padding-right: 0; padding-left: 0; }
.navbar .navbar-nav .dropdown .dropdown-menu .divider { margin-right: 15px !important; margin-left: 15px !important; }
.navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: #f6f4f6; padding: 0 !important; border: 0; -webkit-box-shadow: none; box-shadow: none; }
.navbar .navbar-nav .dropdown .caret { display: inline-block; }
.navbar-nav .dropdown-menu { background-color: #f6f4f6; width: 100% !important; margin-top: 0 !important; margin-bottom: 5px !important; padding-top: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; }
.dropdown-menu li a { color: #3c3c3b !important; font-size: 16px !important; font-weight: 400; line-height: 20px !important; white-space: nowrap; padding: 5px 0 !important; clear: both; border-top-style: none; border-right-style: none; border-bottom-width: 1px; border-bottom-color: #d1d1d1 !important; border-bottom-style: none; border-left-style: none !important; display: block !important; }
.dropdown-menu li { padding: 2px 0; border-bottom-style: none !important; }
.dropdown-menu li a:hover { color: #d2091e !important; background-color: transparent !important; padding-right: 0; padding-left: 0; border-left-style: none !important; border-left-width: 0; }
}
/*Home*/
/**/
#home { text-align: center !important; }
#home .container-fluid { max-width: 100%; padding-right: 0; padding-left: 0; }
.banner { text-align: left; position: relative; width: 100%; height: auto; overflow: hidden; margin-top: 100px; }
.banner { background-repeat: no-repeat; background-position: right top; width: 100%; height: 100%; background-size: cover; }
#home .banner { background-repeat: no-repeat; background-position: right top !important; width: 100%; height: 100%; min-height: 400px; background-size: cover; }
.full-caption { background-color: transparent; vertical-align: middle !important; position: absolute; height: 100%; margin: 0 auto; right: 0; top: 0; left: 0; bottom: 0; width: 100%; z-index: 6; overflow: hidden; display: table; }
.full-caption .vcenter { vertical-align: middle; height: 100%; display: table-cell; }
.claim-img { max-width: 80%; margin: 60px auto 30px; display: block; }
@media (max-width:1200px) {
.full-caption .vcenter { text-align: center; display: table-cell; padding-top: 0; height: 100%; vertical-align: middle; }
.claim-img { max-width: 90%; }
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
.full-caption .vcenter { padding-top: 30px; }
.claim-img { max-width: 70%; }
}
@media (max-width:768px) {
.full-caption .vcenter { padding-top: 60px; }
.claim-img { max-width: 70%; margin-top: 30px; margin-bottom: 15px; }
.banner { margin-top: 70px; }
}
@media (max-width:767px) {
.banner { }
#home { text-align: center; }
.full-caption .vcenter { height: 540px; padding-top: 60px; }
.full-height { height: 540px !important; max-height: 540px; }
#home .container-fluid { padding-right: 0; padding-left: 0; }
}
@media (max-width:580px) {
.banner { }
.full-caption .vcenter { vertical-align: middle; height: 540px; padding-top: 0; padding-bottom: 0; }
#home .banner { background-position: center 50%; }
.claim-img { max-width: 100%; }
#home .container-fluid { padding-right: 15px; padding-left: 15px; }
.full-height { height: 540px !important; max-height: 540px; }
}
@media (max-width:320px) {
.banner { }
.full-height { height: 400px !important; max-height: 450px; }
.full-caption .vcenter { height: 400px; }
}
/*Footer*/
/**/
footer { background-color: #f1f1f1; text-align: center; padding-bottom: 60px; }
footer a { color: #000; }
footer img { max-width: 188px; }
.social li { float: left; padding-right: 15px; padding-left: 15px; }
.social li a { color: #2383b6; }
.contact { text-align: left; padding-bottom: 30px; border-bottom: 1px solid #adadad; }
.social { text-align: center; margin-left: 0; padding-top: 60px; padding-bottom: 15px; padding-left: 0; list-style-type: none; display: inline-block; }
footer.footer2 { background-color: #585857; padding-top: 60px; padding-bottom: 60px; padding-left: 0 !important; }
.c-daten a { color: #fff !important; }
.legal { text-align: center; padding-top: 0; padding-bottom: 0; display: block !important; }
.legal.pages2 { text-align: left !important; }
.legals { margin-bottom: 0 !important; margin-left: 0; padding-top: 30px; padding-left: 0; list-style-type: none; display: inline-block !important; }
.legals li { font-size: 15px; line-height: 20px; width: auto; float: left; padding-right: 15px; }
.legals li a { color: #000; font-size: 16px; line-height: 20px; padding-right: 0; }
.legal li+li a { padding-left: 14px; border-left: 1px solid #000; }
.legal li:first-child a { padding-left: 0; }
.legals li a:hover { color: #d2091e; }
.legals li.active a { color: #d2091e; }
.legals li:last-child { padding-right: 0 !important; }
.copyright { color: #000; font-size: 13px !important; font-weight: 400; line-height: 18px !important; text-align: center !important; padding-top: 5px !important; display: block !important; padding-bottom: 10px; }
.copyright a { color: #000; font-size: 14px; line-height: 19px; }
.copyright a:hover { color: #d2091e; }
.copyright.pages2 { text-align: left !important; }
.copyright br { display: block; }
.copyright p { color: #000; font-size: 13px !important; font-weight: 400; line-height: 18px !important; text-align: center; letter-spacing: 0.04em; margin-top: 0; }
.copyright h2 { color: #000 !important; font-size: 15px !important; font-weight: 700; line-height: 20px !important; text-align: center; letter-spacing: 0.04em; margin-top: 0; }
.copyright.pages2 p { text-align: left; }
@media (max-width:992px) {
.copyright p { text-align: center; }
.legal { text-align: center !important; }
.logo-footer img { width: 80px; float: none; margin-right: auto; margin-left: auto; }
.legals { text-align: center !important; display: inline-block !important; }
footer { text-align: center !important; }
.c-daten { text-align: center; float: none; padding-top: 15px; }
}
@media (max-width:768px) {
footer { padding-left: 0; }
.legal li+li a { padding-left: 0; border-left-style: none; }
.legals li { float: none; padding-right: 0; display: block; }
}
@media (max-width:580px) {
.copyright { padding-top: 15px; }
.legals { padding-bottom: 15px; }
.contact img { text-align: center; margin-bottom: 30px; }
.contact { text-align: center; }
#messe img { max-width: 280px; }
}
@media (max-width:370px) {
.legals { text-align: center; }
}
@media (max-width:5320px) {
.copyright { padding-top: 15px; }
}
/**/
.letsgo { font-size: 32px; line-height: 46px; background-color: transparent; position: absolute; width: 46px; height: 46px; border-radius: 50%; text-align: center; right: 90px; bottom: 90px; z-index: 18; cursor: pointer; -webkit-transition: .25s ease; -moz-transition: .25s ease; -o-transition: .25s ease; transition: .25s ease; }
.letsgo a { color: #fff; display: inline-block !important; }
.letsgo a:hover { color: #d2091e; }
.letsgo:hover .arrow-down { margin-top: 20px;
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3); }
.to-top { color: #58595a; font-size: 22px !important; line-height: 46px !important; background-color: transparent; text-align: center; cursor: pointer; position: fixed; z-index: 18; bottom: 30px; right: 30px; width: 46px; height: 46px; margin-bottom: 0; display: none; border-radius: 50%; -webkit-transition: .25s ease; -moz-transition: .25s ease; -o-transition: .25s ease; transition: .25s ease; }
.to-top a { color: #000; }
.to-top:hover a { color: #d2091e; }
@media (max-width:1440px) {
.to-top { bottom: 30px; right: 30px; }
}
@media (max-width:1200px) {
.letsgo { bottom: 20px; display: none !important; }
}
@media (max-width:767px) {
.to-top { display: none !important; }
.letsgo { bottom: 20px; display: none !important; }
}
/**/
section { position: relative; padding-top: 0; padding-bottom: 0; }
.section { background-color: #fff; padding-top: 0; padding-bottom: 0; position: relative; }
.section-legals { background-color: #e9e7d9; padding-top: 140px; padding-bottom: 90px; position: relative; }
.container-fluid { padding-right: 15px; padding-left: 15px; }
.container-fluid img { width: 100%; }
.no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; }
.banner > [class*="col-"] { padding-right: 0; padding-left: 0; }
.padbottom60 { padding-bottom: 90px; }
.padb { padding-bottom: 30px; }
.pad10 { padding-bottom: 0; }
.padtop30 { padding-top: 160px; }
.ptb30 { padding-top: 30px; padding-bottom: 60px; }
.padb30 { padding-bottom: 30px; }
.padtop100 { padding-top: 140px; }
.pad30 { padding-bottom: 30px; }
.pad15 { padding-bottom: 15px; }
.pad-l { padding-left: 30px; display: inline-block; }
.pad60 { padding-bottom: 60px; }
.pad120 { padding-bottom: 120px; }
@media (max-width:1200px) {
.pad-l { padding-left: 15px; }
}
@media (max-width:992px) {
.no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; }
.footer .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; }
.padbottom60 { padding-bottom: 30px !important; }
.pad10 { padding-bottom: 10px; }
.padtop30 { padding-top: 30px; }
}
@media (max-width:768px) {
.section { }
.section-legals { padding-top: 130px; padding-bottom: 60px; }
.ptb30 { padding-top: 30px; padding-bottom: 30px; }
.pad120 { padding-bottom: 30px; }
}
/*CTA*/
/**/
.cta { padding-top: 90px; padding-bottom: 90px; }
.cta img { margin-top: 0; }
.cta .vcenter { vertical-align: middle; width: 100%; height: 100px; display: table-cell; }
.cta .table { vertical-align: middle; width: 100%; height: 100px; display: table; }
.cta h2 { font-size: 42px; margin-bottom: 5px; line-height: 48px; margin-top: 0; }
@media (max-width:992px) {
.cta .table { height: 70px; margin-bottom: 0; }
.cta { padding-bottom: 60px; }
.cta .vcenter { height: 70px; }
.cta .vcenter br { display: none; }
.cta img { max-width: 260px; margin-right: auto; margin-left: auto; }
}
@media (max-width:767px) {
.cta h2 { font-size: 28px; line-height: 34px !important; letter-spacing: 0; margin-bottom: 5px; }
.cta { padding-top: 60px; padding-bottom: 30px; }
.cta .small { padding-right: 15px; padding-left: 15px; }
}
@media (max-width:580px) {
.cta h2 { margin-top: 10px; }
.cta .small br { display: none; }
}
/*Typo*/
/**/
h1 { color: #000; font-size: 54px; font-weight: 800 !important; line-height: 1.2; margin-top: 0; margin-bottom: 30px; }
h1.pad0 { margin-bottom: 0; }
.h1 { color: #004996; font-size: 70px; font-weight: 800 !important; line-height: 80px; margin-top: 0; margin-bottom: 30px; }
h2 { color: #6c757d; font-size: 22px; font-weight: 700; line-height: 1.2; text-transform: uppercase; letter-spacing: 3px; margin-top: 0; margin-bottom: 15px; }
h3 { color: #2383b6; font-size: 50px; font-weight: 800; line-height: 1.2; margin-top: 0; }
h5 { color: #000; font-size: 22px; font-weight: 700; line-height: 27px; }
h6 { font-size: 18px; font-weight: 700; line-height: 23px; }
h4 { color: #000; font-size: 22px; font-weight: 700; line-height: 1.2; }
.card-title { color: #fff; font-size: 32px; font-weight: 800; line-height: 1.2; margin-top: 30px; }
.card-title2 { color: #000; font-size: 22px; font-weight: 800; line-height: 1.2; margin-top: 30px; }
.card-title2 span { font-size: 18px; font-weight: 400; margin-top: 15px; display: block; }
.ausbildung img { border: solid 1px #fff; }
.counter { color: #000; font-size: 48px; font-weight: 800; line-height: 1.2; margin-bottom: 15px; }
#home h1 { color: #fff; font-size: 36px; font-weight: 700; line-height: 44px; margin-top: 0; margin-bottom: 15px; }
#pages-header h1 { color: #fff !important; }
#pages-header h2 { color: #fff; font-size: 36px; font-weight: 700; line-height: 44px; }
#pages5 h3, #pages4 h3 { color: #585857; font-size: 30px; font-weight: 700; line-height: 35px; text-align: center; margin-top: 60px; }
#videos-werbung h2 { font-size: 42px !important; line-height: 52px !important; }
#audio-werbung h2 { font-size: 42px !important; line-height: 52px !important; }
#print-werbung h2 { font-size: 42px !important; line-height: 52px !important; }
p { font-size: 18px; line-height: 28px; margin-bottom: 20px; }
p.white a { color: #2383b6; font-weight: 700; }
p.white a:hover { color: #fff !important; }
.box-jobs3 { background-color: #f1f1f1; padding: 10px; display: inline-block; }
.job-z { padding-top: 15px; padding-bottom: 30px; padding-left: 0; list-style-type: none; list-style-position: inside; }
.footer p { font-size: 16px; line-height: 21px; }
a{ color: #000; text-decoration: none; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
a:hover{ color: #e40520; text-decoration: none; }
a:focus{ color: #000; text-decoration: none; }
p.lead { color: #6c757d; font-size: 22px; font-weight: 700; line-height: 27px; text-transform: uppercase; letter-spacing: 3px; margin-top: 60px; margin-bottom: 10px; }
p.lead3 { font-size: 25px; font-weight: 400; line-height: 35px; }
.small { font-size: 13px; line-height: 18px; }
.white { color: #fff; }
.blue-typo { color: #004996; }
.blue { color: #2383b6; font-weight: 700; }
.red { color: #d2091e; }
.gruen { color: #7fa740; }
.red2 { color: #e40520 !important; font-size: 15px; }
.fa-chevron-right { font-size: 12px !important; margin-left: 5px; }
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
#home h1 { font-size: 30px; line-height: 35px; }
h2 { font-size: 36px; line-height: 44px; }
.h1 { font-size: 50px; line-height: 60px; }
h1 { font-size: 45px; line-height: 50px; }
#pages-header h1 { font-size: 45px !important; line-height: 50px !important; }
#pages-header h2 { font-size: 30px; line-height: 35px; }
}
@media (max-width:1200px) {
h3 { font-size: 30px; line-height: 36px;}
h1 { font-size: 45px; line-height: 54px; }
.h1 { font-size: 50px; line-height: 60px; }
h1.pad0 { margin-bottom: 5px; }
}
@media (max-width:992px) {
h1 span { display: block; }
}
@media (max-width:768px) {
#home h1 { font-size: 30px; line-height: 35px; }
h2 { font-size: 36px; line-height: 44px; }
h3 { font-size: 30px; line-height: 36px; }
.card-title { font-size: 30px; line-height: 35px; }
.h1 { font-size: 50px; line-height: 60px; }
h1 { font-size: 45px; line-height: 50px; }
#pages-header h1 { font-size: 45px !important; line-height: 50px !important; }
#pages-header h2 { font-size: 30px; line-height: 35px; }
}
@media (max-width:767px) {
p.lead { font-size: 18px; line-height: 23px; }
.cta p.lead { font-size: 16px; line-height: 21px; }
#section-two p.lead { font-size: 20px; line-height: 25px; }
.counter { font-size: 25px; line-height: 30px; }
h2 { font-size: 18px; font-weight: 700; line-height: 23px; letter-spacing: 0; }
#home h1 { font-size: 28px; line-height: 33px; }
p { font-size: 17px; line-height: 22px; }
.h1 { font-size: 35px; line-height: 40px; }
h1 { font-size: 25px; line-height: 30px; }
h3 { font-size: 25px; line-height: 30px;}
.fa-chevron-right { display: none; }
#videos-werbung h2 { font-size: 35px !important; font-weight: 700; line-height: 40px !important; }
#audio-werbung h2 { font-size: 35px !important; font-weight: 700; line-height: 40px !important; }
#print-werbung h2 { font-size: 35px !important; font-weight: 700; line-height: 40px !important; }
#pages-header h1 { font-size: 35px !important; line-height: 40px !important; }
#pages-header h2 { font-size: 20px !important; line-height: 25px !important; }
#willkommen .pad60 { padding-bottom: 30px !important; }
}
@media (max-width:580px) {
#home h1 { font-size: 20px; line-height: 25px; }
.cta p.lead { font-size: 16px; line-height: 21px; max-width: 80%; margin-right: auto; margin-left: auto; }
h3 br { display: none; }
.cta h2 { font-size: 22px !important; font-weight: 700; line-height: 27px !important; }
p.lead3 { font-size: 18px; line-height: 23px; }
.job-z { padding-left: 0 !important; }
h5 { font-size: 20px; line-height: 25px; }
.h1 { font-size: 30px; line-height: 35px; }
#pages5 h3, #pages4 h3 { color: #585857; font-size: 25px; font-weight: 700; line-height: 30px; text-align: center; margin-top: 60px; }
}
/**/
#more-info { background-color: #f2f2f2; position: relative; width: 100%; padding-top: 90px; padding-bottom: 30px; }
#more-info .container-fluid { padding-right: 30px; padding-left: 30px; }
.more-info-title { color: #fff; font-size: 46px; font-weight: 700; line-height: 54px; }
.more-info-title span { font-size: 32px; font-weight: 400; line-height: 38px; margin-top: 10px; display: block; }
figure a .text-overlay { text-decoration: none; position: absolute; z-index: 12; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: hidden !important; max-width: 100%; padding: 0; transition: all 0.4s; }
figure a .text-overlay .caption { background-color: rgba(17, 17, 17, 0.25); opacity: 1; height: 100%; text-decoration: none; width: 100%; text-align: left; vertical-align: middle; display: table; }
.item:hover:hover .caption { background-color: rgba(17, 17, 17, 0.25); }
figure a .text-overlay .info { text-align: center; vertical-align: middle; padding-right: 15px; padding-left: 15px; display: table-cell; -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s; }
@media (max-width:1200px) {
.more-info-title { color: #fff; font-size: 36px; font-weight: 700; line-height: 44px; }
.more-info-title span { font-size: 26px; font-weight: 400; line-height: 32px; display: block; margin-top: 10px; }
}
@media (max-width:992px) {
.more-info-title { color: #fff; font-size: 36px; font-weight: 700; line-height: 44px; }
.more-info-title span { font-size: 22px; font-weight: 700; line-height: 28px; display: block; margin-top: 10px; }
}
@media (max-width:768px) {
.more-info-title { color: #fff; font-size: 36px; font-weight: 700; line-height: 44px; }
.more-info-title span { font-size: 22px; font-weight: 700; line-height: 28px; display: block; margin-top: 10px; }
#more-info .container-fluid { padding-right: 0; padding-left: 0; }
}
@media (max-width:767px) {
.item { margin-bottom: 15px; }
#more-info { padding-bottom: 0 !important; }
}
@media (max-width:580px) {
.more-info-title span { font-size: 22px; font-weight: 700; line-height: 28px; display: block; margin-top: 10px; }
.overlay a { cursor: default; pointer-events: none !important; }
.item:hover img { transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transform: scale(1.0); -moz-transform: scale(1.0); -webkit-transform: scale(1.0); -o-transform: scale(1.0); -ms-transform: scale(1.0); }
.overlay a { pointer-events: none !important; }
.overlay a:hover .over { opacity: 0 !important; }
}
/**/
#section-one { background-color: transparent !important; text-align: center; padding-top: 90px; padding-bottom: 60px; }
#section-one .container-fluid { max-width: 940px; }
#section-two { background-color: transparent; text-align: center; padding-top: 90px; padding-bottom: 90px; }
#section-two .container-fluid { max-width: 940px; }
.box33 { text-align: left; width: 100%; padding: 150px 0 30px; display: inline-block; }
.box33 ul { color: #000; margin-left: 0; padding-top: 60px; padding-left: 0; list-style-type: none; }
.box33 ul li { color: #000; font-size: 18px; line-height: 23px; padding-bottom: 5px; }
.box33 h2 { color: #000; }
.box33 h1 { color: #e40520; }
.box33 p span { display: inline; }
.box-number { background-color: #f2f2f2; position: absolute; top: -60px; left: 50%; width: 120px; height: 120px; margin-left: -60px; }
.x1 { font-size: 105px; line-height: 115px; margin-bottom: 30px; }
.bg2 { background-color: #c0c0c0; position: absolute; right: -15px; z-index: -1; bottom: -30px; width: 90%; height: 90%; }
.facts-img { background-color: #f2f2f2; text-align: left; position: absolute; top: 0; right: 0; width: 100px; height: 100px; margin-top: 0; margin-bottom: 15px; margin-left: 30px; display: block; }
.facts-img img { width: 100px; height: 100px; }
.bg1 { background-color: #c0c0c0; position: absolute; left: -15px; bottom: -30px; width: 90%; height: 90%; z-index: -1; }
@media (max-width:1200px) {
.box33 { text-align: center; padding-top: 60px; }
.box33 p span { display: block; }
}
@media (max-width:767px) {
#section-two .container-fluid { max-width: 940px; padding-right: 20px; padding-left: 20px; }
.facts-img { background-color: #f2f2f2; text-align: left; display: block; margin-top: 0; margin-bottom: 15px; margin-left: 30px; position: absolute; top: -30px; right: 15px; width: 100px; height: 100px; }
#section-one .container-fluid { max-width: 940px; padding-right: 20px; padding-left: 20px; }
#section-two { padding-top: 60px; padding-bottom: 30px; }
#section-one { padding-top: 60px; padding-bottom: 60px; }
.bg1 { }
.bg2 { }
.box33 { padding: 30px 15px 15px; }
.box33 p span { display: inline; }
}
@media (max-width:580px) {
.box-number { background-color: #f2f2f2; position: absolute; top: -45px; left: 50%; width: 120px; height: 120px; margin-left: -60px; }
.x1 { font-size: 80px; line-height: 90px; margin-bottom: 30px; }
}
@media (max-width:320px) {
.facts-img { background-color: #f2f2f2; text-align: left; display: none; margin-top: 0; margin-bottom: 15px; margin-left: 30px; position: absolute; top: -30px; right: 15px; width: 100px; height: 100px; }
}
/**/
#willkommen { background-color: #fff; text-align: center; position: relative; width: 100%; height: auto; padding-top: 30px; padding-bottom: 60px; }
#faq { background-color: #fff; text-align: center; padding-top: 30px; padding-bottom: 60px; position: relative; width: 100%; height: auto; }
#stats { background: #fff url(../images/lkrwue-bg-1.png) no-repeat center; text-align: center; position: relative; width: 100%; padding-right: 0; padding-left: 0; }
#bildung { background-color: #2383b6; text-align: center; position: relative; width: 100%; padding-top: 90px; padding-bottom: 90px; }
#job { background-color: #f1f1f1; text-align: left; padding-top: 90px; padding-bottom: 90px; position: relative; width: 100%; }
.box-jobs { background-color: #fff; width: 100%; padding: 90px 30px 60px; display: inline-block; }
.box-jobs2 { background-color: #2383b6; display: inline-block; padding: 30px 30px 15px 60px; width: 100%; }
.box-contact { background-color: #f1f1f1; width: 100%; min-height: 325px; padding: 30px; display: inline-block; }
.box-standorte { background-color: #f1f1f1; display: inline-block; padding: 30px; width: 100%; min-height: 270px; margin-bottom: 30px; }
.jobs { padding-bottom: 0; padding-left: 20px; }
#legals { background-color: #e9e9e9; position: relative; width: 100%; padding-top: 210px; padding-bottom: 60px; }
.tracking-note { background-color: #fff; width: 100%; height: auto; margin-top: 30px; margin-bottom: 30px; padding: 20px; display: inline-block; }
#legals h1 { font-size: 24px; line-height: 29px; }
#legals h5 { font-size: 20px; font-weight: 700; line-height: 25px; margin-top: 30px !important; }
#legals p { font-size: 16px; line-height: 21px; }
#legals li { font-size: 16px; line-height: 21px; }
#ausbildung2 { background-color: #f1f1f1; text-align: center; padding-top: 90px; padding-bottom: 90px; position: relative; width: 100%; }
#studium { background-color: #f1f1f1; text-align: center; padding-top: 90px; padding-bottom: 90px; position: relative; width: 100%; }
#leitbild { background: #fff url(../images/lkrwue-bg-1.png) no-repeat center top; text-align: center; padding-top: 90px; padding-bottom: 60px; position: relative; width: 100%; }
#praktikum { background-color: #f1f1f1; text-align: center; padding-top: 90px; padding-bottom: 90px; position: relative; width: 100%; }
#benefits { background-color: #fff; text-align: center; padding-top: 90px; padding-bottom: 60px; position: relative; width: 100%; }
#team { background-color: #f1f1f1; text-align: center; padding-top: 90px; padding-bottom: 90px; }
#messe { background-color: #2383b6; text-align: center; padding-top: 90px; padding-bottom: 90px; }
#messe .card-body { text-align: center; }
#introduction { background-color: #000; position: relative; width: 100%; padding-top: 60px; padding-bottom: 60px; }
.bg13 { background: #fff url(../images/2023_Karte-Landkreis.png) no-repeat center; text-align: center; vertical-align: middle; width: 100%; height: 620px; display: table; background-size: contain; }
#standorte { background-color: #fff; position: relative; width: 100%; height: 720px; padding-top: 60px; padding-bottom: 60px; }
.bg13b { vertical-align: middle; width: 100%; display: table-cell; }
#benefits .container-fluid { padding-right: 15px; padding-left: 15px; }
#berufsbilder { background-color: #f1f1f1; text-align: center; position: relative; width: 100%; padding-top: 90px; padding-bottom: 120px; }
.pleft { margin-left: 12.5%; }
.berusbilder-content { text-align: left; width: 100%; height: auto; padding-right: 15px; padding-left: 30px; transform: translateY(50%); }
.container-fluid { max-width: 1340px; }
.benefits-img { width: 100%; margin-bottom: 15px; }
/**/
.btn-contact { color: #000; font-size: 18px !important; font-weight: 700; line-height: 32px; background-color: #fff; text-decoration: none; width: auto; margin-top: 30px; margin-bottom: 0; padding: 10px 15px; border-color: #000 !important; border-style: solid; border-width: 1px !important; cursor: pointer; display: inline-block !important; }
.btn-contact22 { color: #fff; font-size: 18px !important; font-weight: 700; line-height: 32px; text-decoration: none; background-color: #000; cursor: pointer; display: inline-block !important; margin-top: 60px; margin-bottom: 0; padding: 10px 15px; width: auto; border-style: solid; border-width: 1px !important; border-color: #fff !important; transform: translateY(50%); }
.btn-contact23 { color: #fff; font-size: 18px !important; font-weight: 700; line-height: 32px; text-decoration: none; background-color: #000; cursor: pointer; display: inline-block !important; margin-top: 0; margin-bottom: 0; padding: 10px 15px; width: auto; border-style: solid; border-width: 1px !important; border-color: #fff !important; transform: translateY(50%); }
.btn-contact24 { color: #fff; font-size: 18px !important; font-weight: 700; line-height: 32px; text-decoration: none; background-color: #000; cursor: pointer; display: inline-block !important; padding: 10px 15px; width: auto; margin: 15px 0 0 0; border-style: solid; border-width: 1px !important; border-color: #fff !important; transform: translateY(50%); }
.btn-contact25 { color: #fff; font-size: 18px !important; font-weight: 700; line-height: 32px; text-decoration: none; background-color: #000; cursor: pointer; display: inline-block !important; margin-top: 30px; margin-bottom: 0; padding: 10px 15px; width: auto; border-style: solid; border-width: 1px !important; border-color: #fff !important; transform: translateY(50%); }
.btn-contact:hover { color: #fff; background-color: #000; }
.btn-contact22:hover { color: #fff; background-color: #2383b6; border-color: #2383b6 !important; }
.btn-contact23:hover { color: #fff; background-color: #2383b6; border-color: #2383b6 !important; }
.btn-contact24:hover { color: #fff; background-color: #2383b6; border-color: #2383b6 !important; }
.btn-contact25:hover { color: #fff; background-color: #2383b6; border-color: #2383b6 !important; }
.btn-contact {
border-radius: 8px;
}
.btn-contact22 { border-radius: 8px; }
.btn-contact23 { border-radius: 8px; }
.btn-contact24 { border-radius: 8px; }
.btn-contact25 { border-radius: 8px; }
.ausbildung .container-fluid { max-width: 1790px; }
.benefits-title { font-size: 18px; }
.bg12 { background-repeat: no-repeat; background-attachment: scroll; background-position: right center; position: absolute; top: 0; right: 0; bottom: 0; width: 400px; z-index: -1; }
.card-body { text-align: left; padding-top: 30px; }
#messe .card-body { text-align: center; padding-top: 0; }
.card-text { font-size: 16px; line-height: 21px; min-height: 60px; }
.bg12b { background-repeat: no-repeat; background-attachment: scroll; background-position: right center; position: absolute; top: -200px; left: 50px; bottom: 0; width: 400px; }
.bg12e { background-repeat: no-repeat; background-attachment: scroll; background-position: right center; position: absolute; right: 150px; bottom: 0; width: 400px; }
.bg12d { background-repeat: no-repeat; background-attachment: scroll; background-position: right center; position: absolute; top: -350px; right: 100px; bottom: 0; width: 400px; }
.bg12c { background-repeat: no-repeat; background-attachment: scroll; background-position: right center; position: absolute; top: -200px; right: 50px; bottom: 0; width: 400px; }
.bg12 img { width: 100%; }
.bg12b img { width: 100%; }
.bg12c img { width: 100%; }
.bg12d img { width: 100%; }
.bg12e img { width: 100%; }
@media (max-width:1200px) {
.berusbilder-content { padding-top: 30px; padding-right: 0; padding-left: 0; transform: translateY(0); }
#introduction .text-right { text-align: center !important; float: none; }
#introduction { text-align: center; padding-bottom: 90px;}
.btn-contact22 { margin-top: 15px; }
}
@media (max-width:992px) {
.btn-contact22 { font-size: 18px !important; line-height: 23px !important; margin-top: 30px; transform: translateY(0%); }
.btn-contact23 { font-size: 18px !important; line-height: 23px !important; margin-top: 30px; transform: translateY(0%); }
.btn-contact24 { font-size: 18px !important; line-height: 23px !important; margin-top: 15px; margin-right: 5px; margin-left: 5px; transform: translateY(0%); }
.btn-contact25 { font-size: 18px !important; line-height: 23px !important; margin-top: 30px; transform: translateY(0%); }
.bg12b { display: none; }
.bg12c { display: none; }
.bg12d { display: none; }
.bg12e { display: none; }
#stats img { max-width: 530px; margin-right: auto; margin-left: auto; }
#legals { padding-top: 150px; }
}
@media (max-width:767px) {
#berufsbilder { background-color: #f1f1f1; text-align: center; padding-top: 60px; padding-bottom: 60px; position: relative; width: 100%; }
#legals { padding-top: 120px; }
#berufsbilder .slick-prev { top: 25%; left: -15px; }
#berufsbilder .slick-next { top: 25%; right: -15px; }
#willkommen { padding-bottom: 30px; }
#bildung { padding-top: 60px; padding-bottom: 60px; }
#job { padding-top: 60px; padding-bottom: 60px; }
#ausbildung2 { padding-top: 60px; padding-bottom: 60px; }
#studium { padding-top: 60px; padding-bottom: 60px; }
#praktikum { padding-top: 60px; padding-bottom: 60px; }
.btn-contact { font-size: 18px !important; line-height: 23px !important; margin-top: 30px; }
.benefits-title { font-size: 16px; }
#benefits { padding-top: 60px; padding-bottom: 30px; }
#leitbild { padding-top: 60px; padding-bottom: 30px; }
.bg12 { top: 100px; width: 280px; }
.slick-dots { bottom: 0; }
.box-contact { min-height: 100px; padding: 15px; border-top: 2px solid #fff; }
.box-standorte { padding: 15px; min-height: 100px; margin-bottom: 0; border-top: 2px solid #fff; }
}
@media (max-width:580px) {
#standorte { background-color: #fff; padding-top: 0; padding-bottom: 0; position: relative; width: 100%; height: 570px; }
.box-jobs { padding: 30px 15px 15px; }
.box-jobs2 { padding: 15px 15px 0 15px; }
.jobs { margin-left: 0; padding-left: 20px; }
.jobs ul { padding-left: 20px; }
.bg13 { height: 570px; }
.card-text { min-height: 20px; }
}
/**/
.breadcrumb-section { background-color: #fff; border-bottom: 1px none #c1c1c1; }
.breadcrumb-section .container-fluid { max-width: 1140px; }
.breadcrumb-section.bgorange2 { background-color: #004996; }
.breadcrumb { color: #f5f5f5; background-color: #004996; position: relative; bottom: -8px; z-index: 2; margin-bottom: 0; margin-left: 0; padding-bottom: 10px; display: inline; border-radius: 0; }
.breadcrumb li a { color: #fff; }
.breadcrumb li a:hover { text-decoration: underline; }
.breadcrumb > li { font-size: 14px; line-height: 19px; letter-spacing: 0.05em; width: auto; float: none !important; display: inline; }
.breadcrumb > li + li:before {
padding: 0 5px;
color: #ccc;
content: "";
}
.breadcrumb > li + li + li:before { padding: 0 5px; color: #fff; font-size: 14px; content: "\f105"; font-family: FontAwesome; line-height: 19px; }
.breadcrumb > .active {
color: #ed9037;
}
@media (max-width:768px) {
.breadcrumb { width: 100%; height: 5px; display: none; }
.breadcrumb-section.bgorange2 { width: 100%; height: 5px; }
}
/**/
#pages-header .container-fluid { max-width: 1140px; }
.banner-pages { background-repeat: no-repeat; background-position: center top; position: relative; width: 100%; height: 650px; max-height: 650px; overflow: hidden; background-size: cover; }
#pages-header .full-caption .vcenter { vertical-align: middle; display: table-cell; height: 100%; padding-top: 100px; }
@media (max-width:768px) {
.banner-pages .full-caption .vcenter { padding-top: 0 !important; padding-bottom: 0 !important; }
}
@media (max-width:767px) {
.banner-pages { height: 450px; max-height: 450px; }
#pages-header .container-fluid { padding-right: 15px; padding-left: 15px; }
.banner-pages .full-caption .vcenter { height: 450px; padding-top: 0 !important; padding-bottom: 0 !important; }
}
/**/
.btn-custom2 { color: #fff !important; display: inline-block; position: relative; padding: 8px 22px; background: #000; font-size: 20px; font-weight: 700; line-height: 30px; text-align: center; text-decoration: none; cursor: pointer; overflow: hidden; margin-top: 20px; border-color: #d1d1d1; border-style: none; border-width: 1px !important; border-radius: 24px; }
.btn-custom2:hover { color: #fff !important; background: #e40520; }
.btn-custom2:focus,
.btn-custom2:active {
outline: none medium;
background: #958b6f;
color: #fff;
}
.btn-contact2 { color: #fff; font-size: 18px !important; font-weight: 400; line-height: 23px; background-color: #000; text-decoration: none; width: auto; margin-top: 15px; margin-bottom: 10px; padding: 10px 22px; border-color: #fff !important; border-style: none; border-width: 1px !important; cursor: pointer; display: inline-block !important; border-radius: 32px; }
.btn-contact2:hover { color: #fff; background-color: #e40520; }
@media (max-width:580px) {
.btn-contact2 { font-size: 15px !important; font-weight: 400; line-height: 20px; text-decoration: none; letter-spacing: 0; cursor: pointer; display: inline-block !important; width: auto; border-style: none; border-width: 1px !important; border-color: #fff !important; }
}
/**/
.box_upage { background-color: #fff; margin-top: 8%; margin-left: -100px; padding: 50px; }
.box_upage7 { background-color: #fff; margin-top: 8%; margin-left: -150px; padding: 50px; }
.box_upage7b { background-color: #fff; margin-top: 8%; margin-left: 150px; padding: 50px; }
.box_upage2 { background-color: #fff; position: relative; z-index: 2; margin-top: 8%; margin-right: -100px; padding: 50px; }
@media (max-width:992px) {
.box_upage2 { margin-top: 0; margin-right: 0; padding: 30px 15px 15px; }
.box_upage { margin-top: 0; margin-right: 0; margin-left: 0; padding: 30px 15px 15px; }
.box_upage7 { background-color: #fff; margin-top: 0; margin-left: 0; padding: 30px 15px 15px; }
}
/*FAQ*/
/**/
.blue2 { color: #585857; background-color: #dce9f7; width: 100%; margin-bottom: 0 !important; padding: 5px 15px; display: inline-block; }
.ziffer { color: #e40520; display: inline !important; }
.faq-image { max-width: 600px; }
#faq .container-fluid { max-width: 1140px !important; }
#faq ul.none-dot { padding-top: 15px; padding-bottom: 15px; list-style-type: disc; display: inline-block; }
#faq ol.none-dot { padding-top: 0; }
#faq ul.none-dot2 { list-style-type: disc; padding-top: 0; padding-bottom: 0; }
#faq ul.none-dot3 { margin-left: 20px; list-style-type: disc; padding-top: 0; }
#faq ul.none-dot li { width: 100%; float: none; }
#faq ol.none-dot li { width: 100%; float: none; }
.fa-long-arrow-right { font-size: 18px; }
#faq ul.none-dot2 li { width: 100%; float: none; }
#faq ul.none-dot3 li { width: 100%; float: none; }
#faq .container-fluid { max-width: 1340px; }
#accordion5 .accordion-heading { background-color: #2383b6 !important; margin-top: 2px; margin-bottom: 0 !important; padding-top: 25px; padding-right: 30px !important; padding-bottom: 25px; padding-left: 30px !important; border-top-color: #6d6d6d !important; border-top-style: none; border-top-width: 1px !important; border-right-style: none; border-bottom-color: #c4c4c4 !important; border-bottom-style: none; border-bottom-width: 1px !important; border-left-style: none; }
.accordion-heading p { margin-top: 0 !important; margin-bottom: 0 !important; }
.accordion-heading p span { display: block; }
#accordion3 .accordion-heading { background-color: white !important; margin-top: 2px; margin-bottom: 0 !important; padding-top: 30px; padding-right: 30px !important; padding-bottom: 30px; padding-left: 30px !important; border-top-style: none; border-top-width: 1px !important; border-top-color: #6d6d6d !important; border-right-style: none; border-bottom-style: none; border-bottom-width: 1px !important; border-bottom-color: #c4c4c4 !important; border-left-style: none; }
#accordion7 .accordion-heading { background-color: #dce9f7 !important; margin-top: 2px; margin-bottom: 0 !important; padding-top: 10px; padding-right: 0 !important; padding-bottom: 10px; padding-left: 0 !important; border-top-style: solid; border-top-width: 1px !important; border-top-color: #6d6d6d !important; border-right-style: none; border-bottom-style: none; border-bottom-width: 1px !important; border-bottom-color: #c4c4c4 !important; border-left-style: none; }
#accordion7 .panel:last-child { border-bottom: 1px solid #585857; }
#accordion5 .h2 { color: #fff !important; font-size: 20px; line-height: 25px; text-align: left; }
#accordion3 .h2 { color: #585857 !important; font-size: 20px; line-height: 25px; }
#accordion7 .h2 { color: #585857 !important; font-size: 17px; line-height: 22px; }
#accordion4 .accordion-heading { background-color: #f2f2f2 !important; margin-top: 2px; margin-bottom: 0 !important; padding-top: 15px; padding-right: 15px !important; padding-bottom: 15px; padding-left: 15px !important; border-top-style: none; border-top-width: 1px !important; border-top-color: #6d6d6d !important; border-right-style: none; border-bottom-style: none; border-bottom-width: 1px !important; border-bottom-color: #c4c4c4 !important; border-left-style: none; }
#faq .accordion-heading .h2 { color: #585857; margin-bottom: 0 !important; display: block; }
#accordion4 .accordion-heading .h2 { color: #000; font-size: 18px !important; line-height: 26px !important; margin-top: 0 !important; margin-bottom: 0 !important; }
#faq .panel:first-child .accordion-heading { border-top-style: none; }
#faq .accordion-body { background-color: transparent; padding-left: 0 !important; }
#faq #accordion4 .accordion-body { background-color: #f2f2f2 !important; }
#accordion5 .indicator { color: #fff; font-size: 20px; line-height: 30px; background-color: transparent; text-align: center !important; width: 30px; height: 30px; float: right !important; margin-top: 0; }
#accordion3 .indicator { color: #004996; font-size: 20px; line-height: 30px; background-color: transparent; text-align: center !important; margin-top: 0; width: 30px; height: 30px; float: right !important; }
#accordion7 .indicator { color: #004996; font-size: 17px; line-height: 22px; background-color: transparent; text-align: center !important; margin-top: 0; width: 30px; height: 30px; float: right !important; }
#accordion4 .indicator { color: #004996; font-size: 18px; line-height: 26px; background-color: transparent; text-align: center !important; margin-top: 0; width: 26px; height: 26px; float: right !important; }
#faq .accordion-heading span.breite { width: 88%; display: inline-block; }
.accordion-heading span.breite { display: inline-block; width: 90%; }
#accordion5 .panel { background: transparent !important; width: 100%; margin: 0 !important; padding: 0 !important; border-bottom: 1px none #6d6d6d; border-top-style: none; border-right-style: none; border-left-style: none; }
#accordion3 .panel { background: transparent !important; margin: 0 !important; padding: 0 !important; width: 100%; border-top-style: none; border-right-style: none; border-bottom: 1px none #6d6d6d; border-left-style: none; }
#accordion7 .panel { background: transparent !important; margin: 0 !important; padding: 0 !important; width: 100%; border-top-style: none; border-right-style: none; border-bottom: 1px none #6d6d6d; border-left-style: none; }
#accordion4 .panel { border-bottom: 1px none #6d6d6d; }
.panel { background-color: transparent; margin-top: 0; box-shadow: none; }
.accordion-inner{ background-color: transparent !important; text-align: left !important; position: relative; width: 100%; padding: 30px !important; display:block; }
#accordion7 .accordion-inner { background-color: transparent !important; text-align: left !important; display: block; padding: 10px 0 30px 0 !important; position: relative; width: 100%; }
#accordion7 .container-fluid { padding-right: 0; padding-left: 0; }
#accordion5 .container-fluid { padding-right: 0; padding-left: 0; }
#accordion7 ol { margin-left: 0; padding-left: 25px; }
#accordion5 ul { }
#accordion4 .accordion-inner { background-color: transparent !important; text-align: left !important; display: block; padding: 10px 30px 30px !important; position: relative; width: 100%; }
.hinweis { color: #004996; font-size: 13px; line-height: 18px; margin-top: 5px; }
#accordion4 { padding-bottom: 30px; }
.indicator.fa-chevron-up { color: #ed091e !important; background-color: transparent; }
.indicator.fa-chevron-up .accordion-heading .h2 { color: #e40520; }
.box-blue { background-color: #dce9f7; padding: 15px; display: inline-block; }
.box-blue p { margin-bottom: 0 !important; }
@media (max-width:767px) {
#faq { padding-top: 60px; padding-bottom: 60px; }
#faq .accordion-body { width: 100%; max-width: 100%; }
#faq .container-fluid { padding-right: 15px; padding-left: 15px; }
#accordion5 .accordion-heading { padding: 15px !important; }
#accordion3 .accordion-heading { padding: 15px !important; }
#accordion5 .h2 { font-size: 17px !important; line-height: 22px !important; }
#accordion3 .h2 { font-size: 17px; line-height: 22px; }
#accordion7 .h2 { font-size: 17px; line-height: 22px; }
#accordion4 .accordion-heading .h2 { font-size: 17px; line-height: 22px; }
.accordion-inner { padding-right: 15px !important; padding-left: 15px !important; }
#accordion5 .accordion-inner { padding-right: 15px !important; padding-left: 15px !important; }
#accordion5 .indicator { font-size: 17px !important; line-height: 22px !important; }
#accordion4 .indicator { font-size: 17px; line-height: 22px; }
#accordion3 .indicator { font-size: 17px; line-height: 22px; }
}
@media (max-width:580px) {
#faq { padding-top: 60px; padding-bottom: 60px; }
}
/*Vorsorge | Ausland*/
/**/
#pages { background-color: transparent; text-align: center; padding-top: 120px; padding-bottom: 90px; position: relative; width: 100%; height: auto; border-top-color: #585857; border-top-width: 1px; }
#pages2 { background-color: transparent; text-align: left; padding-top: 90px; padding-bottom: 90px; }
#pages3 { background-color: transparent; text-align: center; padding-top: 120px; padding-bottom: 90px; position: relative; width: 100%; height: auto; border-top-width: 1px; border-top-color: #585857; }
#pages4 { background-color: white; text-align: left; padding-top: 90px; padding-bottom: 150px; position: relative; width: 100%; height: auto; border-top-width: 1px; border-top-color: #585857; }
#pages5 { background-color: #dce9f7; text-align: left; padding-top: 90px; padding-bottom: 150px; position: relative; width: 100%; height: auto; border-top-width: 1px; border-top-color: #585857; }
#pages .container-fluid { max-width: 920px; }
#pages2 .container-fluid { max-width: 920px; }
#pages3 .container-fluid { max-width: 1140px; }
#pages4 .container-fluid { max-width: 1140px; }
#pages5 .container-fluid { max-width: 1140px; }
#section-three { background-color: #f2f2f2; position: relative; width: 100%; padding-top: 90px; padding-bottom: 90px; }
#section-three .container-fluid { max-width: 1440px; }
.app-img { width: 160px !important; margin-top: 15px; }
.app-img2 { width: 150px !important; margin-top: 15px; }
.box-blue2 { background-color: #dce9f7; padding: 30px; display: inline-block; }
@media (max-width:992px) {
#section-three .container-fluid { padding-right: 0; padding-left: 0; }
#section-three { padding-top: 0; padding-bottom: 30px;}
}
@media (max-width:767px) {
#pages5 .container-fluid { padding-right: 15px; padding-left: 15px; }
#pages2 .container-fluid { padding-right: 15px; padding-left: 15px; }
#pages .container-fluid { padding-right: 20px; padding-left: 20px; }
#pages4 .container-fluid { padding-right: 15px; padding-left: 15px; }
#pages3 .container-fluid { padding-right: 15px; padding-left: 15px; }
#pages3 { padding-top: 60px; padding-bottom: 60px; }
#pages { padding-top: 60px; padding-bottom: 60px; }
#pages4 { padding-top: 60px; padding-bottom: 90px; }
#pages5 { padding-top: 60px; padding-bottom: 90px; }
#pages2 { padding-top: 30px; padding-bottom: 30px; }
#pages2 ul { padding-left: 20px; }
}
@media (max-width:580px) {
.app-img { margin-top: 15px; width: 130px !important; }
.app-img2 { margin-top: 15px; width: 120px !important; }
.box-blue2 { padding: 15px; }
}
/*Sperr-App | Sperr-Fax*/
/**/
#pages7 .container-fluid { max-width: 1140px; }
#pages7 { background-color: transparent; text-align: center; padding-top: 120px; padding-bottom: 90px; position: relative; width: 100%; height: auto; border-top-width: 1px; border-top-color: #585857; }
.box33c { background-color: #f2f2f2; display: inline-block; padding: 90px 30px 30px; width: 100%; min-height: 470px; border: solid 1px #c0c0c0; }
.bg1c { background-color: #c0c0c0; position: absolute; z-index: -1; bottom: -30px; left: -15px; width: 90%; height: 80%; }
.bg2c { background-color: #c0c0c0; position: absolute; z-index: -1; right: -15px; bottom: -30px; width: 90%; height: 80%; }
.ul-download { margin-left: 0; padding-top: 40px; padding-left: 0; list-style-type: none; list-style-position: inside; }
.ul-download li { font-size: 20px; line-height: 25px; padding-top: 5px; padding-bottom: 5px; }
.padt60 { position: relative; width: 100%; height: 120px; clear: both; display: none; }
@media (max-width:992px) {
.padt60 { display: block; position: relative; width: 100%; height: 120px; clear: both; }
}
@media (max-width:767px) {
#pages7 .container-fluid { max-width: 1140px; padding-right: 20px; padding-left: 20px; }
#pages7 { padding-top: 60px; padding-bottom: 60px; }
.box33c { height: auto; min-height: 100px; padding-top: 60px; padding-bottom: 30px; }
}
/*Anzeige*/
/**/
.az-ul li { font-size: 24px; font-weight: normal; line-height: 29px; text-align: left; padding-top: 5px; padding-bottom: 5px; }
.az-ul { padding-top: 30px; padding-right: 120px; padding-bottom: 30px; }
.az-ul li span { font-size: 17px; line-height: 22px; display: block; }
.box-white { background-color: #fff; padding: 30px 30px 15px; display: inline-block; }
.box-white ul { padding-left: 20px; }
@media (max-width:767px) {
.box-white { padding-top: 20px; padding-right: 15px; padding-left: 15px; }
.az-ul li { font-size: 22px; line-height: 27px; }
.az-ul { padding-right: 15px; }
.az-ul li br { display: none; }
}
/*Verein*/
/**/
#pages3c { background-color: #eef3f8; text-align: center; padding-top: 120px; padding-bottom: 90px; position: relative; width: 100%; height: auto; border-top-width: 1px; border-top-color: #585857; }
#pages3c .container-fluid { max-width: 1140px; }
.bnetzay { width: 150px !important; height: 150px !important; float: right; margin-top: -10px; margin-left: 30px; display: block; }
.verein h1 br { display: none; }
.box-blue2 ul { padding-left: 20px; }
@media (max-width:992px) {
.verein h1 br { display: block; }
}
@media (max-width:767px) {
#pages3c { padding-top: 60px; padding-bottom: 60px; }
#pages3c .container-fluid { padding-right: 15px; padding-left: 15px; }
.box-blue2 ul li br { display: none; }
}
@media (max-width:580px) {
.bnetzay { width: 120px !important; height: 120px !important; float: none; clear: both; margin-top: 0; margin-bottom: 30px; margin-left: 0; display: block; }
}
/*Vorstand*/
/**/
#vorstand { background-color: #f2f2f2; position: relative; width: 100%; padding-top: 90px; padding-bottom: 150px; }
#vorstand .container-fluid { max-width: 1140px; }
@media (max-width:767px) {
#vorstand { padding-top: 60px; padding-bottom: 60px; }
#vorstand .container-fluid { padding-right: 15px; padding-left: 15px; }
}
/*Teilnehmer Finder*/
/**/
dd { padding-bottom: 20px; display: block; }
.pagination > li > a, .pagination > li > span { position: relative; float: left; line-height: 1.43; color: #fff; font-size: 18px; text-decoration: none; background-color: #585857; text-align: center; width: 34px; margin-bottom: 2px; padding: 6px 0; border-color: #fff; border-style: none solid none none; border-width: 1px 2px 1px 1px; }
.pagination__item--disabled { opacity: 0.7; pointer-events: none; }
.pagination li:last-child a { border-right-style: none !important; }
.member-search__pagination { background-color: white; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }
.pagination { text-align: left; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; padding-left: 0 !important; }
.pagination > li > a:hover { background-color: #dce9f7 !important; }
#labeltext { display: none; }
[type='submit'], [type='button'] { color: #fff; background-color: transparent; padding-right: 15px; padding-left: 15px; border-style: none; outline-style: none; border-radius: 0; -webkit-appearance: none; -moz-appearance: none
}
input[type='search'] { width: 100%; padding: 8px; border: solid 1px #9f9f9f; outline-style: none; box-shadow: none; box-sizing: border-box
; }
[type='file'], [type='checkbox'], [type='radio'] {
margin: 0 0 1rem
}
[type='checkbox'] + label, [type='radio'] + label {
display: inline-block;
margin-left: .5rem;
margin-right: 1rem;
margin-bottom: 0;
vertical-align: baseline
}
label > [type='checkbox'], label > [type='label'] {
margin-right: .5rem
}
[type='file'] {
width:100%
}
label {
display: block;
margin: 0;
font-size: .875rem;
font-weight: 400;
line-height: 1.8;
color:#575756
}
label.middle {
margin: 0 0 1rem;
padding:.5625rem 0
}
.help-text {
margin-top: -0.5rem;
font-size: .8125rem;
font-style: italic;
color:#333
}
.input-group {
display: table;
width: 100%;
margin-bottom:5px
}
.input-group > :first-child {
border-radius:0
}
.input-group > :last-child > * {
border-radius:0
}
.input-group-label, .input-group-field, .input-group-button {
display: table-cell;
margin: 0;
vertical-align:middle
}
.input-group-label {
text-align: center;
width: 1%;
height: 100%;
padding: 0 1rem;
background: #ededed;
color: #1d1d1b;
border: 1px solid #706f6f;
white-space:nowrap
}
.input-group-label:first-child {
border-right:0
}
.input-group-label:last-child {
border-left:0
}
.input-group-field {
border-radius: 0;
height:2.5rem
}
.input-group-button { background-color: #004996; height: 100%; padding-top: 0; padding-bottom: 0; text-align: center; width:1%
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #9f9f9f;
opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #9f9f9f;
}
::-ms-input-placeholder { /* Microsoft Edge */
color: #9f9f9f;
}
.fa-search { font-size: 26px; }
.member-search__button--reset { color: #585857; font-size: 17px; line-height: 22px; padding: 2px 4px; display: inline-block; }
.box33e { background-color: #fff; display: inline-block; padding: 90px 60px 60px; width: 100%; min-height: 470px; border: 1px #c0c0c0; }
@media (max-width:767px) {
.box33e { background-color: #fff; display: inline-block; padding: 60px 15px 15px; width: 100%; min-height: 470px; border: 1px #c0c0c0; }
}
/*Presse*/
/**/
.event-item-style-1 { padding: 30px 15px; border-bottom-color: #c4c4c4; border-bottom-width: 1px; }
.event-item-style-1 .date, .event-item-style-1 .media { margin-top: 0; padding: 0; }
.event-item-style-1 .date, .event-item-style-1 .details { margin-top: 1%; }
.event-item-style-1 h1,
.event-item-style-1 h5 {
font-weight: 700;
color: #c0c0c0;
}
.event-item-style-1 .h1 { font-size: 75px; font-family: "Times New Roman", Times, serif; font-weight: 700; padding: 0 0 10px; border-bottom: 1px solid #c4c4c4; }
.event-item-style-1.last { border-bottom-style: none !important; }
.event-item-style-1 h5 { font-size: 16px !important; }
.event-item-style-1 .details .main-btn {
margin: 2rem 0;
}
.event-item-style-1 .details .event-infos .info {
height: 3rem;
display: flex;
align-items: center;
}
.event-item-style-1 .details .event-infos .info span {
font-size: 11px;
margin: 0;
color: var(--dark-grey-3);
}
.event-item-style-1 .details .event-infos .info i {
color: var(--heading-color);
margin-right: 0.5rem;
}
.event-item-style-1.odd-event .details { padding-right: 0; padding-left: 0; }
.event-item-style-1.downloads .details { padding-right: 0; padding-left: 0; }
.events-section {
padding: 3rem 0 2rem 0;
}
.datum { color: #004996; font-size: 13px; font-weight: 700; line-height: 18px; margin-bottom: 5px; display: block; }
.presse-ul li { background-color: #fff; width: 100%; margin-bottom: 2px; padding: 15px; list-style-type: none; display: inline-block; }
.presse-ul li a { width: 100%; display: inline-block; }
.presse-ul { margin-left: 0; padding-left: 0; }
@media (max-width:992px) {
.event-item-style-1.odd-event .details { margin-top: 0; padding-left: 50px; }
.event-item-style-1.odd-event .date { margin-top: 0; }
}
@media (max-width:992px) {
.event-item-style-1.odd-event .details { margin-top: 0px; padding-right: 0; padding-left: 40px; }
.event-item-style-1.odd-event .date { margin-top: 0; }
.event-item-style-1.odd-event .details h3 { margin-top: 0px; }
.event-item-style-1.odd-event .date .h1 { margin-top: 0px; }
}
@media (max-width:767px) {
.event-item-style-1 { padding-bottom: 0; }
.event-item-style-1.odd-event .details { margin-top: 50px; padding-right: 0; padding-left: 0; }
.event-item-style-1.odd-event .date { margin-top: 0; }
.event-item-style-1 .date { padding-right: 15px; padding-left: 15px; }
.event-item-style-1 .h1 { font-size: 35px !important; line-height: 40px !important; }
}
@media (max-width:580px) {
.event-item-style-1 { padding-right: 0px; padding-left: 0px; }
}
/**/
#presseverteiler { background-color: #dce9f7; position: relative; width: 100%; height: auto; padding-top: 90px; padding-bottom: 90px; }
#presseverteiler .container-fluid { max-width: 1440px; }
@media (max-width:767px) {
#presseverteiler .container-fluid { padding-right: 0; padding-left: 0; }
#presseverteiler { padding-top: 0; padding-bottom: 0; }
}
/**/
#download { background-color: transparent; position: relative; width: 100%; padding-top: 90px; padding-bottom: 150px; }
#download .container-fluid { max-width: 1140px; }
.downl-icon { text-align: center; position: absolute; left: 0; bottom: 60px; width: 100%; }
.downl-icon2 { text-align: left; width: 100%; margin-top: 30px; }
.downl-icon .fa-download { font-size: 45px !important; line-height: 50px !important; margin-bottom: 10px; display: block; }
.downl-icon2 .fa-download { font-size: 45px !important; line-height: 50px !important; display: block; margin-bottom: 10px; }
.fa-headphones { font-size: 55px !important; line-height: 60px !important; margin-bottom: 10px; }
.downl-icon audio { margin-right: auto; margin-left: auto; display: block; }
.ft-boxed-hover ul {
margin: 0;
padding: 0;
list-style: none;
}
.ft-boxed-hover .boxes { display: inline-block; position: relative; margin-top: -1px; margin-left: -1px; padding: 50px 15px; border: 1px #585857; background: #fff; text-align: center; width: 100%; min-height: 420px;
-webkit-transition: all 0.3s;
transition: all 0.3s; }
.ft-boxed-hover .boxes p { color: #585857; }
.ft-boxed-hover ul li:hover .hover-content {
opacity: 1;
}
.ft-boxed-hover .boxes .ft-icon {
font-size: 56px;
color: #777;
}
.ft-boxed-hover .boxes:hover {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
box-shadow: 0 22px 43px rgba(0, 0, 0, 0.15);
}
.ft-boxed-hover .h-alt { color: #111 !important; font-size: 13px !important; line-height: 15px !important; padding-top: 15px; display: block; }
.ft-boxed-hover ul li .hover-content {
display: block;
position: absolute;
padding: 30px;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #111;
opacity: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.ft-boxed-hover ul li .hover-content .ft-icon {
position: absolute;
display: block;
top: 50px;
left: 0;
right: 0;
font-size: 120px;
color: rgba(217, 217, 217, 0.15);
z-index: 1;
}
.ft-boxed-hover ul li .hover-content .ft-heading {
display: block;
margin: 0;
padding-bottom: 15px;
color: #ececec;
}
.ft-boxed-hover ul li .hover-content p {
margin: 0;
color: #999;
}
.ft-boxed-hover ul li .hover-content a {
display: inline-block;
position: relative;
margin-top: 20px;
color: #999;
z-index: 10 !important;
}
.ft-boxed-hover ul li .hover-content a:hover {
color: #ececec;
}
.ft-boxed-hover ul li .hover-content a:focus {
outline: none;
}
@media (max-width:1200px) {
.ft-boxed-hover .boxes { min-height: 360px; }
}
@media (max-width:992px) {
.ft-boxed-hover { padding-right: 0; padding-left: 0; }
}
@media (max-width:767px) {
#download .container-fluid { padding-right: 15px; padding-left: 15px; }
.ft-boxed-hover .boxes:hover { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); box-shadow: none; }
.ft-boxed-hover { padding-right: 0; padding-left: 0; }
.ft-boxed-hover .pad30 { padding-bottom: 20px; }
#download { padding-top: 60px; padding-bottom: 60px; }
}
@media (max-width:320px) {
.ft-boxed-hover .boxes { min-height: 380px; }
}
.bg1b { background-color: #c0c0c0; position: absolute; z-index: -1; bottom: 0; left: -15px; width: 90%; height: 90%; }
.bg2b { background-color: #c0c0c0; position: absolute; z-index: -1; right: -15px; bottom: 0; width: 90%; height: 90%; }
.bg3b { background-color: #c0c0c0; position: absolute; left: 10%; z-index: -1; bottom: 0; width: 80%; height: 90%; }
/*Werbung*/
/**/
#videos-werbung { background-color: #f2f2f2; position: relative; width: 100%; padding-top: 90px; padding-bottom: 90px; }
#audio-werbung { background-color: #dce9f7; padding-top: 90px; padding-bottom: 90px; position: relative; width: 100%; }
#print-werbung { background-color: #f2f2f2; padding-top: 90px; padding-bottom: 90px; position: relative; width: 100%; }
#videos-werbung .container-fluid { max-width: 1140px; }
#audio-werbung .container-fluid { max-width: 1140px; }
#print-werbung .container-fluid { max-width: 1140px; }
.box_upage3 { background-color: #fff; min-height: 486px; margin-top: 0; margin-left: -100px; padding: 50px 50px 50px 120px; }
.box_upage3g { background-color: #fff; margin-top: 0; margin-left: -100px; padding: 50px 50px 50px 120px; min-height: 536px; }
.box_upage3d { background-color: #dce9f7; margin-top: 0; margin-left: -100px; padding: 50px 50px 50px 120px; min-height: 486px; }
.box_upage5 { background-color: #fff; margin-top: 0; margin-left: -100px; padding: 50px 50px 50px 120px; min-height: 516px; }
.box_upage4 { background-color: #fff; min-height: 486px; margin-top: 0; margin-right: -100px; margin-left: 0; padding: 50px 120px 50px 50px; }
.box_upage6 { background-color: #fff; padding: 50px 120px 50px 50px; min-height: 526px; margin-top: 0; margin-right: -100px; margin-left: 0; }
.box_upage3a { position: relative; z-index: 2; margin-top: 8%; }
.box_upage4a { margin-top: 8%; position: relative; z-index: 2; margin-left: 0; }
@media (max-width:992px) {
.box_upage3 { height: auto; min-height: 100px; margin-top: 0; margin-left: 0; padding: 30px 15px; }
.box_upage3g { margin-top: 0; margin-left: 0; padding: 30px 15px; height: auto; min-height: 100px; }
.box_upage4 { margin-top: 0; margin-left: 0; padding: 30px 15px; height: auto; min-height: 100px; margin-right: 0; }
.box_upage6 { margin-top: 0; margin-right: 0; margin-left: 0; padding: 30px 15px; height: auto; min-height: 100px; }
.box_upage5 { height: auto; min-height: 100px; margin-left: 0; padding: 30px 15px; }
.box_upage3a { z-index: 0; margin-top: 15px; }
#videos-werbung .row.pad30 { padding-bottom: 0; }
#print-werbung .row.pad30 { padding-bottom: 0; }
.box_upage4a { background-color: white; margin-top: 15px; }
}
@media (max-width:767px) {
#videos-werbung .container-fluid { padding-right: 15px; padding-left: 15px; }
#audio-werbung .container-fluid { padding-right: 15px; padding-left: 15px; }
#print-werbung .container-fluid { padding-right: 15px; padding-left: 15px; }
#videos-werbung { padding-top: 60px; padding-bottom: 60px; }
#audio-werbung { padding-top: 60px; padding-bottom: 60px; }
#print-werbung { padding-top: 60px; padding-bottom: 30px; }
#videos-werbung .pad60 { padding-bottom: 0; }
#audio-werbung .pad60 { padding-bottom: 0; }
#print-werbung .pad60 { padding-bottom: 0; }
}
ul.song li { padding-right: 10px; }
ul.song { margin-left: 0; padding-top: 15px; padding-left: 0; list-style-type: none; }
ul.song li .fa { width: 40px; padding-right: 5px; }
audio { max-width: 100% !important; }
#videos-werbung ul { margin-left: 0; padding-left: 0; list-style-type: none; }
@media (max-width:580px) {
ul.song li { display: block; }
}
.box3b { background-color: #fff; position: absolute; left: 10%; right: 10%; bottom: 15px; padding: 15px; width: 80%; height: 110px; z-index: 2; display: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transform: translateY(100px); transition: all 0.3s ease-in-out; }
.box3b ul { margin-left: 0; padding-left: 0; list-style-type: none; }
.audio-icon { margin-bottom: 15px; display: block; }
.box3b li { font-size: 16px; line-height: 21px; }
.box3b.open { display: block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transform: translateY(0px); transition: all 0.3s ease-in-out; }
.song-info { cursor: pointer; }
.song-info:hover { color: #e40520; }
.text-close-btn3 { color: #004996; font-size: 32px; line-height: 40px; cursor: pointer; position: absolute; z-index: 10; top: 5px; right: 0; width: 40px; height: 40px; }
.text-close-btn3:hover { color: #e40520; }
/*Kooperationspartner werden*/
/**/
ol.vorteile { font-size: 20px; line-height: 36px; margin-left: 0; padding-top: 0; padding-bottom: 0; padding-left: 30px; }
.ol.vorteile li { list-style-position: inside; }
#vorteile2 { background-color: #f2f2f2; position: relative; width: 100%; padding-top: 90px; padding-bottom: 90px; }
#vorteile2 .container-fluid { max-width: 1140px; }
.facts-img2 { background-color: transparent; text-align: left; display: block; margin-top: 0; margin-bottom: 15px; margin-left: 30px; position: absolute; top: 0; right: -15px; width: 130px; height: 130px; }
.facts-img2 img { width: 100px; height: 100px; }
.box33e { background-color: #fff; display: inline-block; padding: 90px 60px 60px; width: 100%; min-height: 470px; border: 1px #c0c0c0; }
@media (max-width:767px) {
.facts-img2 { top: -20px; right: 15px; width: 100px; height: 100px; }
.box33e { background-color: #fff; display: inline-block; padding: 90px 15px 30px 20px; width: 100%; height: auto; min-height: 100px; border: 1px #c0c0c0; }
#vorteile2 .container-fluid { padding-right: 15px; padding-left: 15px; }
#vorteile2 { padding-top: 60px; padding-bottom: 60px; }
ol.vorteile { font-size: 17px; line-height: 21px; padding-top: 10px; }
ol.vorteile li { padding-bottom: 5px; }
}
/*Legals*/
/**/
#pages-legals { background-color: #f2f2f2; position: relative; width: 100%; padding-top: 180px; padding-bottom: 90px; }
#pages-legals a { text-decoration: none; }
#pages-legals a:hover { text-decoration: none; }
#pages-legals .container-fluid { max-width: 1140px; }
ul.impressum { padding-top: 0; padding-bottom: 20px; padding-left: 0; list-style-type: none; }
.impressum-p { margin-bottom: 0; }
@media (max-width:767px) {
#pages-legals .container-fluid { padding-right: 15px; padding-left: 15px; }
#pages-legals { padding-top: 60px; padding-bottom: 60px; }
}
/*Header Bilder Ausrichtung*/
/**/
.x113 { background-position: right center; }
.x122 { background-position: left top; }
.x111 { background-position: right bottom; }
/*Modal*/
/**/
.modal-dialog { }
.modal .close { color: #004996; font-size: 44px !important; position: absolute; top: 15px; right: 15px; z-index: 14; opacity: 1; }
.modal-header { height: 44px; border-style: none; }
.modal-footer { display: none; }
.modal .close:hover { color: #e40520 !important; opacity: 1; }
body.modal-open { margin: 0 !important; padding: 0 !important; }
.modal-content{ border-style: none; -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5); -moz-box-shadow: 0 5px 15px rgba(0,0,0,0.5); box-shadow: 0 5px 15px rgba(0,0,0,0); border-radius: 0px; background-color: white; padding: 50px 30px 30px; }
.modal-content p { font-size: 16px !important; line-height: 23px !important; margin-bottom: 5px; }
.modal-content li { font-size: 16px; line-height: 21px; }
.modal-backdrop { background-color: transparent !important; }
.modal-content h4 { color: #e09c18; font-size: 24px; line-height: 28px; }
@media (max-width:580px) {
.modal-dialog { position: fixed; top: 60px; }
}
.ty-counter:after {
content: "+";
}
#messe .card .x { background-color: #fff; text-align: center !important; width: 100%; min-height: 320px; padding-top: 30px; padding-bottom: 20px; display: inline-block; }
#messe img { width: 80%; margin-right: auto; margin-left: auto; }
#messe .card-title { font-size: 22px !important; line-height: 27px !important; }
.social .fa {
font-size: 42px;
}
.fa:hover { color: #d2091e; }
@media (max-width:992px) {
#messe .card .x { width: 100%; min-height: 100px; }
#messe img { max-width: 220px; }
}
/**/
.triangel:after, .triangel:before { position: absolute; top: 15px; left: 15px; width: 0; height: 0; border-color: transparent; border-style: solid; content: " "; pointer-events: none; }
.triangel:after { left: 15px; border-color: rgba(211, 215, 38, 0) rgba(255, 255, 255, 0) rgba(211, 215, 38, 0) rgba(211, 215, 38, 0) #000; border-width: 50px; }
.triangel:before { left: 15px; border-top-width: 50px; border-right-width: 50px; border-bottom-width: 50px; border-left-color: #d2091e; border-left-width: 50px; }
.triangel2:after, .triangel2:before { position: absolute; top: 0; left: 60px; width: 0; height: 0; border-color: transparent; border-style: solid; content: " "; pointer-events: none; }
.triangel2:after { left: 30px; border-color: rgba(211, 215, 38, 0) rgba(255, 255, 255, 0) rgba(211, 215, 38, 0) rgba(211, 215, 38, 0) #000; border-width: 50px; }
.triangel2:before { left: 30px; border-top-color: #2383b6; border-top-width: 50px; border-right-width: 50px; border-bottom-width: 50px; border-left-width: 50px; }
.triangel3:after, .triangel3:before { position: absolute; top: 40px; right: 0; width: 0; height: 0; border-color: transparent; border-style: solid; content: " "; pointer-events: none; }
.triangel3:after { right: 0; border-color: rgba(211, 215, 38, 0) rgba(255, 255, 255, 0) rgba(211, 215, 38, 0) rgba(211, 215, 38, 0) #000; border-width: 50px; }
.triangel3:before { right: 0; border-top-width: 50px; border-right-color: #e4e4e4; border-right-width: 50px; border-bottom-width: 50px; border-left-width: 50px; }
.triangel4:after, .triangel4:before { position: absolute; top: 40px; right: 0; width: 0; height: 0; border-color: transparent; border-style: solid; content: " "; pointer-events: none; }
.triangel4:after { right: 0; border-color: rgba(211, 215, 38, 0) rgba(255, 255, 255, 0) rgba(211, 215, 38, 0) rgba(211, 215, 38, 0) #000; border-width: 50px; }
.triangel4:before { right: 0; border-top-width: 50px; border-right-color: #653b56; border-right-width: 50px; border-bottom-width: 50px; border-left-width: 50px; }
@media (max-width:992px) {
.triangel:before { left: 0; border-top-width: 50px; border-right-width: 50px; border-bottom-width: 50px; border-left-color: #f1f1f1; border-left-width: 50px; }
.triangel2x:after, .triangel2x:before { position: absolute; top: 100%; width: 0; height: 0; margin-top: -100px; border-color: transparent; border-style: solid; content: " "; pointer-events: none; }
.triangel2x:after { left: 25px; border-color: rgba(211, 215, 38, 0) rgba(255, 255, 255, 0) rgba(211, 215, 38, 0) rgba(211, 215, 38, 0) #000; border-width: 50px; }
.triangel2x:before { left: 25px; border-top-width: 50px; border-right-width: 50px; border-bottom-color: #fff; border-bottom-width: 50px; border-left-width: 50px; }
.triangel3:after, .triangel3:before { position: absolute; top: 470px; width: 0; height: 0; border-color: transparent; border-style: solid; content: " "; pointer-events: none; }
.triangel3:after { left: 25px; border-color: rgba(211, 215, 38, 0) rgba(255, 255, 255, 0) rgba(211, 215, 38, 0) rgba(211, 215, 38, 0) #000; border-width: 50px; }
.triangel3:before { left: 25px; border-top-width: 50px; border-right-width: 50px; border-bottom-color: #e4e4e4; border-bottom-width: 50px; border-left-width: 50px; }
.triangel4:after, .triangel4:before { position: absolute; top: 820px; width: 0; height: 0; border-color: transparent; border-style: solid; content: " "; pointer-events: none; }
.triangel4:after { left: 25px; border-color: rgba(211, 215, 38, 0) rgba(255, 255, 255, 0) rgba(211, 215, 38, 0) rgba(211, 215, 38, 0) #000; border-width: 50px; }
.triangel4:before { left: 25px; border-top-width: 50px; border-right-width: 50px; border-bottom-color: #653b56; border-bottom-width: 50px; border-left-width: 50px; }
}
@media (max-width:580px) {
.triangel2 { display: none; }
.triangel { display: none; }
}
.bgrot { color: #fff; font-size: 18px !important; font-weight: 700; line-height: 32px; background-color: #d2091e; text-decoration: none; width: auto; margin-top: 15px; margin-bottom: 15px; padding: 10px 15px; border-color: #DC1317 !important; border-style: solid; border-width: 1px !important; cursor: pointer; display: inline-block !important; }