.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}html { font-size: 62.5%; height: 100%; box-sizing: border-box; font-family: sans-serif; letter-spacing: 0.05rem; background-color: #fff; color: #5a5a69; scroll-behavior: smooth; overflow-x:hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } textarea { overflow: auto; } img { border: 0; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } input[type="search"] { -webkit-appearance: textfield; width: 73%; } a:focus { outline: 0; } main, nav, section, article, header { display: block; padding: 0; margin: 0; } .cf:before, .cf:after, .item-box:before, .item-box:after { content: ''; display: table; width: 100%; } .cf:after, .item-box:after { clear: both; } *, *:before, *:after { box-sizing: inherit; } body { box-sizing: border-box; color: #5a5a69; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 1.8em; font-weight: 300; height: 100%; line-height: 1.6; margin: -1px 0 0 0; padding: 1px 0 0 0; min-height:100vh; min-height: -webkit-fill-available; } @media (max-width: 760px) { body {line-height: 1.4;} } .base-box, section, .site-main, .item-box.full-width, .item-box .item-box { width: 100%; position: relative; max-width: 100%; } .base-box { min-height: 100%; position:relative;} .base-box:before { z-index:-1; position:fixed; background-image: url(//www.bvitg.de/wp-content/themes/bvitg/images/bvitg_pfeil_blau.svg); background-position: top right; background-repeat: no-repeat; background-position:0 0; background-size:contain; opacity:0.05; content:''; width:95%; max-width: 621px; height:100vh; } .single-page-content:first-of-type .item-box { padding-top: 2rem; } #bvitg-86 .base-box:before { background-position: 0 -132px;} @-webkit-keyframes left-right-big { 0 { -webkit-transform: translateX(0); } 50% { -webkit-transform: translateX(calc(100vw - 621px)); } 100% { -webkit-transform: translateX(0); } } @keyframes left-right-big { 0 { -webkit-transform: translateX(0); transform: translateX(0); } 50% { -webkit-transform: translateX(calc(100vw - 621px)); transform: translateX(calc(100vw - 621px)); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .item-box { max-width: 1024px; width: 97%; width: calc(100% - 6rem); margin: 0 auto; position: relative; } section .item-box { padding:4rem 0 2rem 0;} section.seminar .item-box { padding:0 0 0 0;} main { padding: 4rem 0; } @media (min-width: 790px) { section .item-box { padding:3rem 0 3rem 0; } .hero-content .item-box { padding:8rem 0 4rem 0; margin:0 auto;} section.linkbox-content .item-box { padding: 5.5rem 0 3.5rem 0; } } .no-bg-color { background: transparent; } .bg-black { background: #000; color:#fff; } .bg-white { background: #fff; } .txt-center { text-align: center; } .txt-left { text-align: left; } .txt-right { text-align: right; } .txt-uppercase { text-transform: uppercase; } .inline-block { display: inline-block; } .block { display: block; } .inline { display: inline; } .no-margin { margin: 0; } .overflow-hidden { overflow: hidden; } h1, h2, h3, h4, h5, h6 { font-weight: 300; margin: 0 0 1rem 0;position:relative; } h1 { font-size: 3rem; line-height:1.1;} h2 { font-size: 2.8rem; line-height:1.1; } h3 { font-size: 2.3rem; } h4 { font-size: 2.3rem; } h5 { font-size: 2.3rem; } h6 { font-size: 2.3rem; } .item-box > h1, .item-box > h2, .item-box > h3, .item-box > h4, .item-box > h5, .item-box > h6 { margin-top:2rem;} .site-main section:first-of-type .item-box > h1, .site-main section:first-of-type .item-box > h2, .site-main section:first-of-type .item-box > h3, .site-main section:first-of-type .item-box > h4, .site-main section:first-of-type .item-box > h5, .site-main section:first-of-type .item-box > h6, .page-header .item-box h2 { margin-top:0;} .site-main section:first-of-type .item-box { padding:0 0 3rem 0; } b, strong { font-weight: 500; letter-spacing: -0.4px;} a { color: #8b8b95; } a:hover { color: #000; } a:focus { color: #8b8b95; } main a, .hero-content a { color: #2bddbb; } main a:hover, .hero-content a:hover { color: #2e3192; } main a:focus, .hero-content a:focus { color: #2e3192; } p { margin-top: 0; } table { border-collapse: collapse; border-spacing: 0; margin: 3rem 0; } td, th { padding: 0.5rem; border: 1px solid #000; text-align: left; } th { color: #fff; background: rgba(0, 0, 0, 0.8); } tr:nth-of-type(2n+1) td { background: rgba(0, 0, 0, 0.03); } @media (min-width: 780px) { h1, h2, h3, h4, h5, h6 { margin-bottom: 2rem; } h1 { font-size: 5.6rem; } h2 { font-size: 4.2rem; } h3 { font-size: 2.8rem; } h4 { font-size: 2.3rem; } h5 { font-size: 2rem; } h6 { font-size: 2rem; } } ul { list-style: disc outside; } ol { list-style: decimal outside; } ol, ul { padding-left: 2.5rem; margin-top: 0; } ul ul, ul ol, ol ol, ol ul { margin: 1.5rem 0 1.5rem 3rem; } li { margin-bottom: 0.5rem; position: relative; } form { padding: 0; margin: 0; } input, textarea, select, fieldset { margin: 0; border-radius: 0; } pre, blockquote, dl, figure, table, p, ul, ol, form, .primary-content .image-box { margin-bottom: 2.5rem; } hr { height: 1px; border: 0; background-color: #a7a9ac; margin:4rem 0; } .breadcrumb { font-size:1.4rem; } .breadcrumb .item-box { padding:2rem 0 0 0; } .breadcrumb a { text-decoration:none; } .image-box { position: relative; } .image-box img { width: auto; max-width: 100%; height: auto; display: block; } .image-box a { position: relative; display: inline-block; vertical-align: top; overflow: hidden; } section.mitglieder .image-box img { max-width:180px; } .col-box, .flex-box, .wpforms-field-container { display: -ms-flexbox; display: -webkit-flex; display: flex; } .col-box, .flex-box, .wpforms-field-container { -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch; -ms-flex-wrap:wrap; flex-wrap:wrap; } @supports (flex-wrap: wrap) { .col-box, .flex-box, .wpforms-field-container { -webkit-flex-wrap: wrap; } } .base-box { display:flex; flex-direction:column; height:100vh; } .linkbox-content, .site-footer { flex-shrink:0; } .base-item { flex:1 0 auto; } .col-item { float:left; margin-bottom:2rem; width:100%; position:relative; } .col-item-box { padding:0; } .item-box > .col-item { margin-bottom:0; } article .post-title, .page-header { padding-top:3rem;} .col-box.sidebar-left, .col-box.reverse-order { -webkit-box-orient:horizontal; -webkit-box-direction:reverse; -ms-flex-direction:row-reverse; flex-direction:row-reverse; } .col-box.space-between { -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; } .col-box.center-content { -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } .col-box.content-nowrap { -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; } .add-actions.col-box.content-nowrap, .add-actions.col-box.content-nowrap .content-nowrap { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .add-actions.col-box .col-item:nth-of-type(1) { -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2;} .content-item-left, .flex-start { -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; } .content-item-right { -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; } .content-item-center { -webkit-box-align:center; -ms-flex-align:center; align-items:center; } .branding.center-right, [class*="center-"] { -webkit-box-align:center; -ms-flex-align:center; align-items:center; } .center-center { -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } .center-left { -webkit-box-pack:flex-start; -ms-flex-pack:start; justify-content:flex-start; } .branding.center-right, .center-right { -webkit-box-pack:flex-end; -ms-flex-pack:end; justify-content:flex-end; } .center-space { -webkit-box-pack:space-between; -ms-flex-pack:justify; justify-content:space-between; } [class*="bottom-"] { -webkit-box-align:flex-end; -ms-flex-align:end; align-items:flex-end; } .bottom-center { -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } .bottom-left { -webkit-box-pack:flex-start; -ms-flex-pack:start; justify-content:flex-start; } .bottom-right { -webkit-box-pack:flex-end; -ms-flex-pack:end; justify-content:flex-end; } [class*="top-"] { -webkit-box-align:flex-start; -ms-flex-align:start; align-items:flex-start; } .top-center { -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } .top-left { -webkit-box-pack:flex-start; -ms-flex-pack:start; justify-content:flex-start; } .top-right { -webkit-box-pack:flex-end; -ms-flex-pack:end; justify-content:flex-end; } .space-between { -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;} @media (min-width:660px) { .gallery.col-box { margin:0 0 0 -2rem; } .gallery>.col-item, div.wpforms-container .wpforms-field-container>.col-item { width:47%; width:calc(50% - 2rem); margin:0 0 2rem 2rem; } } @media (min-width:500px) { .col-box.gallery-col { margin:0 0 0 -2rem; } .col-4>.gallery-box.col-item { width:47%; width:calc(50% - 2rem); } .col-box>.gallery-box.col-item { margin:0 0 2rem 2rem; } } @media (min-width:780px) { .col-box.sidebars #left-bar { -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1; } .col-box.sidebars .primary-content { -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2; } .col-box.sidebars #right-bar { -webkit-box-ordinal-group:4; -ms-flex-order:3; order:3; } .col-box, .wpforms-field-container { margin:0 0 0 -2rem; } .col-box>.col-item { margin:0 0 0 2rem; } .col-2>.col-item { width:47%; width:calc(50% - 2rem); margin-bottom:2rem; } .col-3>.col-item { width:30%; width:calc(33.333333% - 2rem); margin-bottom:2rem; } .col-4>.col-item, .col-4>.gallery-box.col-item { width:21%; width:calc(25% - 2rem); margin-bottom:2rem; } .col-5>.col-item { width:17%; width:calc(20% - 2rem); margin-bottom:2rem; } .box-10, .col-box>.box-10 { width:7%; width:calc(10% - 2rem); } .box-20, .col-box>.box-20 { width:17%; width:calc(20% - 2rem); } .box-25, .col-box>.box-25 { width:23%; width:calc(25% - 2rem); } .box-30, .col-box>.box-30 { width:28%; width:calc(30% - 2rem); } .box-33, .col-box>.box-33 { width:31%; width:calc(33.33% - 2rem); } .box-40, .col-box>.box-40 { width:37%; width:calc(40% - 2rem); } .box-50, .col-box>.box-50 { width:47%; width:calc(50% - 2rem); } .box-60, .col-box>.box-60 { width:57%; width:calc(60% - 2rem); } .box-66, .col-box>.box-66 { width:64%; width:calc(66.66% - 2rem); } .box-70, .col-box>.box-70 { width:67%; width:calc(70% - 2rem); } .box-75, .col-box>.box-75 { width:72%; width:calc(75% - 2rem); } .box-80, .col-box>.box-80 { width:77%; width:calc(80% - 2rem); } .box-90, .col-box>.box-90 { width:87%; width:calc(90% - 2rem); } .box-100, .col-box>.box-100, div.wpforms-container .wpforms-field-container > .col-item.box-100 { width:87%; width:calc(100% - 2rem); } .box-auto, .col-box>.box-auto { width:auto; } .add-actions.col-box .col-item:nth-of-type(1) { -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1;} .add-actions.col-box .col-item:nth-of-type(2) { -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2;} } .site-header { position: fixed; z-index: 20; width: 100%; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.05); } .site-header > .item-box { max-width: 100%; width: 100%; } #bvitg-86 .site-header { background:transparent; border:0; border-color: rgba(0, 0, 0, 0.05);} #bvitg-86 .fixed .site-header { background-color:#fff; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .branding { position: relative; margin: 1rem auto; z-index: 1; max-width: 1024px; width: 97%; width: calc(100% - 6rem); } .logo { display: block; background-image: url(//www.bvitg.de/wp-content/themes/bvitg/images/logo.svg); background-position: bottom right; background-repeat: no-repeat; background-size: contain; height: 49px; width:129px; } @media (min-width: 790px) { .site-header .item-box { max-width: 1024px; width: 97%; width: calc(100% - 6rem); } .no-touch .branding { max-width: 100%; width: 100%; margin: 1rem auto 1rem auto; } } .site-header .branding-wrapper .button.show-searchbox { position: relative!important; left:inherit!important; right:inherit!important; margin: auto 3rem auto 0!important; top: inherit!important; } .branding-wrapper .member-box { position: relative; right: inherit; top: inherit; z-index: 9; margin: auto 3.5rem auto 0; } .base-item:before { content: ""; display: block; height: 7rem; position: relative; width: 100%; z-index: 0; } @media (min-width: 790px) { .no-touch .base-item:before { height:7.2rem; } .no-touch .fixed .base-item:before { height: 7.2rem; } .no-touch .active .base-item:before {height: 7.2rem;} .no-touch .fixed.active .base-item:before { height: 7.2rem; } } .hero-content, .base-item.thema { background-repeat:no-repeat; background-position: center center; background-size: cover;} .hero-content, .hero-content p, .hero-content span {color:#2e3192!important} section.themengebiet, .bb-themen { background-color: rgba(255, 255, 255, 0.5); } .breadcrumb-box.bb-themen .item-box { padding: 1rem 0; } .hero-content p { .line-height: 1.8; } #bvitg-86 .hero-content .item-box { background-color: rgba(255, 255, 255, 0.7); padding: 6rem 2rem 4rem; text-align:center; } .hero-box { position:relative;} .hero-box h1, .page-header h2 { color: #2e3192; } .hero-icon { padding:0; margin:0 0 1rem 0; } .hero-icon:before, .hero-icon:after { content:''; position:relative; display:block; height:90px; } .hero-icon:after { width:3px; left:130px; background-color:#2e3192; position:absolute; } .hero-icon:before { left:0; width:90px; } .hero-icon:after { background-color: #2e3192; height: 84px; left: 100px; position: absolute; top: 0; width: 3px; } @media (min-width: 660px) { .hero-icon:before, .hero-icon:after { position:absolute; height:90px; float:none; display:inline-block;margin:0;} .hero-icon { padding:0 0 0 150px; min-height:90px; margin:0;} .hero-icon:before { width:90px; height:90px; } .hero-icon:after { left:130px; height:90px; } } @media (min-width: 790px) { .hero-icon { padding:0 0 0 300px; min-height:180px;} .hero-icon:before { width:180px; height:180px; transform:scale(0.8); -webkit-transform:scale(0.8);} .hero-icon:after { left:260px; height:180px; } } .button { display: inline-block; padding: 1rem 1.5rem; border-radius: 0; border: 1px solid rgba(167, 169, 172, 1); outline: 0; cursor: pointer; text-decoration: none; margin-bottom: 0; margin-bottom: 1rem; color: #fff; background: rgba(167, 169, 172, 1); } .button:hover { outline: 0; background-color: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.1); } .linkbutton { display: inline-block; padding: 0.5rem 3.5rem 0.5rem 1.5rem; border-radius: 0; border: 0 none; outline: 0; cursor: pointer; position:relative; position: relative; padding:0.3rem 0 0.3rem 5rem; font-weight:400; text-decoration:none; margin: 0 0 2rem 0; } .linkbutton.call-to-action:before { content:''; position: absolute; top:3px; left:0; background:url(//www.bvitg.de/wp-content/themes/bvitg/images/bvitg_pfeil-block.svg) 0 0 no-repeat; width:28px; height:28px; background-size: cover } .linkbutton.call-to-action:after { -webkit-transform: translateX(0); transform: translateX(0); content:''; position: absolute; top:3px; left:16px; background:url(//www.bvitg.de/wp-content/themes/bvitg/images/bvitg_pfeil-bewegt.svg) 0 0 no-repeat; width:28px; height:28px; background-size: cover; } .linkbutton.call-to-action:hover { color:#75E8D1;} .linkbutton.call-to-action:hover:after { -webkit-transition:transform 0.3s ease; transition:transform 0.3s ease; -webkit-transform: translateX(6px); transform: translateX(6px);} .linkbutton.downloads { display: inline-block; padding:0; border-radius: 0; border: 0 none; outline: 0; cursor: pointer; text-decoration: none; margin-bottom: 1rem; background-size: cover; position: relative; height: 40px; line-height: 1.8; margin: 0; text-transform: uppercase; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; } .linkbutton.wpforms-submit { background:transparent url(//www.bvitg.de/wp-content/themes/bvitg/images/bvitg_senden.svg) 0 0 no-repeat; background-size: 40px auto; color:#2bddbb; } .linkbutton.wpforms-submit:before, .linkbutton.wpforms-submit:after { display:none; } .not-found-404 { background-color:#fff;} .not-found-404:after { background-image: url(//www.bvitg.de/wp-content/themes/bvitg/images/bvitg_pfeil_blau.svg); background-position: 0 0; background-repeat: no-repeat; background-size: auto 556px; content: ""; height: 523px; max-width: 900px; opacity: 0.05; position: absolute; right: 0; top: 0; width: 100%; z-index: 0; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .not-found-404 .hero-content, .not-found-404 .search { z-index:10; } .search-item { padding-top:3rem; border-top:1px solid #a7a9ac; } .search-item strong { color:#2bddbb; } .site-header .search-box { width:100%; height:0; overflow:hidden; opacity:0; background-color:#a7a9ac; color:#fff; padding:0; z-index: 111; position: relative; } .site-header .search-box .item-box {padding:1rem 0;} .active .site-header .search-box { height:53px; opacity:1; } .site-header .button.show-searchbox span.label { display:none; } .site-header .search-box .col-item { margin:0; } .site-header .search-box .col-item:nth-of-type(2) { margin:0 0 0 2rem; } .site-header .col-item.search-button { max-width:200px;} .button.search-box-submit { background-color:#bababc; color:#fff; padding:0.2rem 1.5rem 0.2rem 3rem; margin:0 5rem 0 0; background-color:#bababc; border-color:#bababc; height:31px } .search-box input { padding: 0.4rem 1.5rem; background-color:#bababc;} .site-header .button.show-searchbox { background-color:transparent; height: 33px; line-height: 2rem; margin: 0; padding: 7px; width: 33px; border-style:solid; border-width:1px; border-color:transparent; } .site-header .button.show-searchbox { position:absolute; top: 17px; z-index:9; right: 350px;} .site-header .button.show-searchbox:hover { border-color: #faa61a; } .active .site-header .search-box .button.show-searchbox { z-index:1;} .no-touch .site-header .button.show-searchbox.close-it, .site-header .button.show-searchbox.close-it, .base-box.fixed .site-header .button.show-searchbox.close-it { position:absolute; right:0; top:0; color:#fff; border:0;} section.search search-item:first-of-type { border:0;} section.search .button.search-box-submit { height:45px; line-height:45px;} section.search .iconbox::after{ top:4px } section.search .button.show-searchbox.close-it, section.search .iconbox::before { display:none;} .member-box a { display:inline-block; text-decoration: none; color:#5a5a69; margin-right: 5rem; padding: 1rem 3rem; white-space: nowrap; width:100%; } @media (min-width: 790px) { nav .member-box { display:none; } .no-touch .site-header .button.show-searchbox { position:absolute; right: 35rem; top: 1.7rem; } .member-box { position:absolute; right:17rem; top:1.7rem; z-index: 9;} .member-box br { display:none; } .member-box p { margin:0; padding:0; } .member-box a { color:#2e3192; width:fit-content; border:1px solid #faa61a; padding:2px 8px 0 8px; margin: 0 1rem 0 auto; display:inline-block; } .member-box a:nth-of-type(1) { color:#fff; background-color:#faa61a; border:1px solid #faa61a; padding:2px 8px 0 8px; margin: 0 1rem 0 auto;} .member-box a:hover { color:#5a5a69; text-shadow: 1px 0 0 currentColor; } } @media (max-width: 790px) { .member-box { display:none; } nav .member-box { display:block; } } .two-col-teaser .item-box { border-top:1px solid #a7a9ac; padding:2rem 0} .two-col-teaser.glossar .item-box { border:0; padding:2rem 0} .two-col-teaser .item-box p:last-of-type { padding:0; margin:0;} .two-col-teaser:first-of-type .item-box { border-top:0; } .two-col-teaser .col-box > .col-item { display: -ms-flexbox; display: -webkit-flex; display:flex; -webkit-flex-direction:column; flex-direction:column; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; } .two-col-teaser .col-box .content-box {-ms-flex:1 0 auto; flex:1 0 auto; width:100%;} .two-col-teaser .col-box .button-box {flex-shrink:0;width: 100%; margin:1rem 0; } .two-col-teaser .col-box .button-box .linkbutton { margin-bottom:1rem; } h2.underline { border-bottom:1px solid #a7a9ac; padding-bottom:2rem;} .newsbox-content .item-box { padding:0 0 2rem; } .post, article.page { background-color:#f7f8fc; display: -ms-flexbox; display: -webkit-flex; display:flex; -webkit-flex-direction:column; flex-direction:column; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-box-shadow: 6px 6px 10px -4px rgba(0,0,0,0.6); -moz-box-shadow: 6px 6px 10px -4px rgba(0,0,0,0.6); box-shadow: 6px 6px 10px -4px rgba(0,0,0,0.6); line-height:1.2 } .services.post { background-color:#fffdfc; } #bvitg-86 .post { background-color:rgba(248,248,248,0.9); } #bvitg-86 .services.post { background-color:rgba(255,252,252,0.9); } .newsbox-content .post .image-box img {max-height:200px; } .newsbox-content .featured .post .image-box img {max-height:350px!important;} .featured .col-box { -ms-flex-wrap:wrap; flex-wrap: nowrap; max-width: calc(100% + 2rem); } .featured .col-box .col-item:first-of-type { flex: 1 2 100%; width: inherit; max-width:100%;} .featured .col-box .col-item:last-of-type { flex: 1 0 auto; width: inherit; min-width:300px;} .featured .post { display:block; } .post-content { padding:20px 20px 0 20px; -ms-flex:1 0 auto; flex:1 0 auto; max-width:100%; line-height: 1; } .post-content h4 {line-height:1.3; padding:11px 0 5px 0;} .post-content p {line-height:1.3; font-size: 1.6rem;} .post-content + .linkbutton.call-to-action { margin:0 0 2rem 2rem; } .post-content + .linkbutton.call-to-action:before, .post-content + .linkbutton.call-to-action:after { top:0; } .image-box.floating { float:left; margin:-20px 20px 7px -20px;vertical-align: top;} .image-box.floating img { max-width:100%; width:auto} .image-box.floating img { width: auto; max-width: 245px; display:inline; } .image-box.floating a { position: relative; display: inline; vertical-align: top; } .date-item, .cat-item { font-size: 1.4rem; font-weight: 400; color:#2e3192; display: inline-block; padding-right: 5px; white-space: pre-wrap;} .content-box figure { max-width:100%; margin:0;} .content-box figure img, .content-box img { max-width:100%; width: auto; height: auto;} .content-box img.alignleft { float: left; margin: 0 2rem 2rem 0; } .content-box img.alignright { float: right; margin: 0 0 2rem 2rem; } .content-box img.aligncenter{ display:block; margin: 1rem auto; } .post-title { margin-bottom:1rem;line-height:1.3} .post-title a { text-decoration:none; } .featured .col-box > .col-item { margin-bottom:0; display: -ms-flexbox; display: -webkit-flex; display:flex; -webkit-flex-direction:column; flex-direction:column; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; } .featured .image-box a, .featured .image-box { display: block; width:100%; overflow:inherit; text-align: right; } .featured .image-box a { line-height: 0; } .featured .image-box img { width:auto; display: inline-block;} @media (max-width: 960px) { .featured .col-box .col-item:last-of-type { flex: 1 1 auto; min-width:200px;} } @media (max-width: 790px) { .site-header .branding-wrapper .button.show-searchbox { position: relative!important; left:inherit!important; right:inherit!important; margin: auto 1.5rem auto 0!important; top: inherit!important; } .featured .col-item:nth-of-type(1) { order: 2; } .featured .image-box a, .featured .image-box { text-align: left; } } @media (max-width: 600px) { .featured .col-item:nth-of-type(1) { order: 2; } .featured .col-box { -ms-flex-wrap:wrap; flex-wrap:wrap;} .featured .col-box .col-item:last-of-type { flex: 1 0 100%; width:100%;} .featured .col-box .col-item:first-of-type { flex: 1 0 100%; width:100%;} } .lightgallery, .lightgallery li { margin:0; padding:0; list-style-type:none; position:relative;} .lgl-list, .gallery-thumb-injection { display:none; } .lgl-list.active { display:block;} .gallery-item-link, .download-info a.downloads { position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; color:#fff; text-decoration:none;z-index: 10; background-color: rgba(0, 0, 0, 0.6); } .gallery-item-link:hover { color:#fff;background-color: rgba(0, 0, 0, 0.2); } .gallery-info, .download-info { height:100%; display: -ms-flexbox; display: -webkit-flex; display:flex; -webkit-flex-direction:column; flex-direction:column; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; } .gallery-item-link h5, .download-info h5 { padding:10px; margin:0;flex:1 0 auto; font-size:1.6rem;font-weight: 400;} .gallery-item-link h5 span, .download-info h5 span { font-size:1.6rem; } .gallery-item-link .content-box, .download-info .content-box { padding:0 10px 10px 10px;flex-shrink:0;font-size: 1.3rem; line-height: 1.3;} .download-info .filesize { padding:0; } .download-info { background-color:#2e3192; color:#fff; padding-bottom: 40px; font-weight: 400;} .download-info:hover { opacity:0.7; } .download-info a.downloads { background:none; } .download-info a.downloads:before { content:''; position: absolute; bottom: 0; left:0; background-image: url(//www.bvitg.de/wp-content/themes/bvitg/images/bvitg_pfeil_weiss.svg); background-position: -151px -62px; background-repeat: no-repeat; background-size: 349px auto; width:100%; height:100%; opacity: 0.1; } .download-info .date,.download-info .filesize { display:block; } .download-info a.downloads .iconbox { position:absolute!important; bottom:0; left:0; top: auto;} .download-info a.downloads .iconbox:after { bottom:5px;top: inherit;left: 0;} .download-info a.downloads .iconbox:before { display:none;} .download-box .col-item { overflow:hidden;} .download-box:nth-of-type(2n+2) { background-color:#eeeef6; } #main-content .wpforms-container .wpforms-checkbox-2-columns ul li, #main-content .wpforms-container .wpforms-multiplechoice-2-columns ul li, #main-content .wpforms-container .wpforms-list-2-columns ul li, #main-content .wpforms-container .wpforms-field-radio ul li { padding:0; margin:0; list-style-type:none; width: auto; width:100%;} #main-content .wpforms-container .wpforms-checkbox-2-columns ul, #main-content .wpforms-container .wpforms-multiplechoice-2-columns ul, #main-content .wpforms-container .wpforms-list-2-columns ul, #main-content .wpforms-container .wpforms-field-checkbox ul {padding:0; margin:0;display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction:row; flex-direction:row; } #main-content .wpforms-container .wpforms-field-radio ul {padding:0; margin:0;display:block; } #main-content .wpforms-container .wpforms-checkbox-2-columns ul li label, #main-content .wpforms-container .wpforms-multiplechoice-2-columns ul li label, #main-content .wpforms-container .wpforms-list-2-columns ul li label { float:left; display:inline-block; margin:0 10px 0 0; font-weight: 300;} #main-content .wpforms-container .wpforms-checkbox-2-columns ul li input, #main-content .wpforms-container .wpforms-multiplechoice-2-columns ul li input, #main-content .wpforms-container .wpforms-list-2-columns ul li input { float:left; display:inline-block; margin:8px 10px 0 0; width:auto;} #main-content .wpforms-container input.wpforms-field-medium, #main-content .wpforms-container select.wpforms-field-medium, #main-content .wpforms-container .wpforms-field-row.wpforms-field-medium { max-width: 100%; } #main-content .wpforms-container .wpforms-field-label-inline, #main-content .wpforms-container .wpforms-field-label { font-weight: 300;} #main-content .wpforms-container.antragsformular .wpforms-field-checkbox ul { display:block; } #main-content .wpforms-container.antragsformular .wpforms-field-checkbox ul li { display:flex; margin-bottom:1rem; } #main-content .wpforms-container.antragsformular .wpforms-field-checkbox ul li input[type=checkbox] { margin:9px 10px 0 0; } .wpforms-field-checkbox > label { display:block; margin-bottom:1rem;} .wpforms-container input[type=date], .wpforms-container input[type=datetime], .wpforms-container input[type=datetime-local], .wpforms-container input[type=email], .wpforms-container input[type=month], .wpforms-container input[type=number], .wpforms-container input[type=password], .wpforms-container input[type=range], .wpforms-container input[type=search], .wpforms-container input[type=tel], .wpforms-container input[type=text], .wpforms-container input[type=time], .wpforms-container input[type=url], .wpforms-container input[type=week], .wpforms-container select, .wpforms-container textarea { background-color:#fff} .wpforms-field.col-item.box-100 h3 { margin:0; color: #2e3192; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .animation-box { position:fixed; top:0; left:0; width:100%; height:100vh; z-index: -2; } .animation-box video, .animation-box iframe{ position: fixed; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; transform: translateX(-50%) translateY(-50%); } @media (max-width:320px) { .item-box, .branding { width:96%; width: calc(100% - 3rem);} .site-header .button.show-searchbox { right: 49px; } .main-navigation .menu a, .member-box a { padding: 1rem 2rem; } .opened .dropdown-toggle { right: 10px; } .main-navigation .sub-menu a { padding-left: 5rem; } .dropdown-toggle::after { margin-left: 0; margin-top: 7px; } .sub-menu a::after, .sub-menu a::before { left:12px!important; -webkit-transform: scale(0.8); transform: scale(0.8); } } *::-webkit-media-controls-panel { display: none!important; -webkit-appearance: none; } *::--webkit-media-controls-play-button { display: none!important; -webkit-appearance: none; } *::-webkit-media-controls-start-playback-button { display: none!important; -webkit-appearance: none; } .jump { position:absolute; width:1px; height:1px; top:-120px; left:0; z-index:-1; overflow:hidden;} @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Regular'), local('Roboto-Regular'), url(//www.bvitg.de/wp-content/themes/bvitg/css/fonts/roboto-v20-latin-regular.woff2) format('woff2'), url(//www.bvitg.de/wp-content/themes/bvitg/css/fonts/roboto-v20-latin-regular.woff.woff) format('woff'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url(//www.bvitg.de/wp-content/themes/bvitg/css/fonts/roboto-v18-latin-300.woff2) format('woff2'), url(//www.bvitg.de/wp-content/themes/bvitg/css/fonts/roboto-v18-latin-300.woff) format('woff'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url(//www.bvitg.de/wp-content/themes/bvitg/css/fonts/roboto-v18-latin-500.woff2) format('woff2'), url(//www.bvitg.de/wp-content/themes/bvitg/css/fonts/roboto-v18-latin-500.woff) format('woff'); } .gmaps { max-width:100%; height:auto; } #main-content .cmplz-blocked-content-container .cmplz-blocked-content-notice, #main-content .cmplz-wp-video .cmplz-blocked-content-notice { background-color:rgba(0,0,0,1); font-size: 16px; } #main-content .cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-accept-service { background-color:#31358F; border: 0; padding: 0.5rem 1rem; } .cmplz-cookiebanner .cmplz-links .cmplz-link, #cmplz-manage-consent { display:none; } .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept, .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny { border-radius:0!important;}.nav-toggle { background: transparent; z-index: 20; } .nav-toggle:after { content: 'Menü'; color: #2e3192; position: absolute; top: 1px; left: 3px; font-size: 1.4rem; font-weight: 400; opacity:0; display:none; } .nav-toggle:hover:after { opacity:1; display:block; } .nav-toggle:hover span { background:none; } .nav-toggle, .dropdown-toggle, .close-sub { height:40px; width:40px; position:absolute; cursor:pointer; border:0;margin: 0; padding: 0; } .nav-toggle { left:0; top:2rem; } .nav-toggle:focus { outline:none; } .nav-toggle span, .nav-toggle span:before, .nav-toggle span:after { position:absolute; content:''; display:block; width:100%; background-color:#2e3192; height:3px; left:0; } .nav-toggle span { top:10px; } .nav-toggle span:before { top:-10px; } .nav-toggle span:after { bottom:-10px; } #nav-toggle.active:after { opacity:0; } .nav-toggle.active span { background:none!important; } .nav-toggle.active span:before { top:0; -webkit-transform:rotate(35deg); transform:rotate(35deg); } .nav-toggle.active span:after { bottom:0; -webkit-transform:rotate(-35deg); transform:rotate(-35deg); } .dropdown-toggle { right:0; top:0; width:65px; z-index:1; height:100%; background-color:transparent; } .close-sub { display:none; top: 2.2rem; left: 1rem; width:65px; z-index:1; height:100%; background:url(//www.bvitg.de/wp-content/themes/bvitg/images/bvitg_menuepfeil_blau-links.svg) 50% 50% no-repeat; background-size: contain; background-color:transparent; } .dropdown-toggle span { display:block; height:100%; width:35px; position:relative; background:url(//www.bvitg.de/wp-content/themes/bvitg/images/bvitg_menuepfeil_grau_down.svg) 50% 50% no-repeat; background-size: 70%;} .toggled > .dropdown-toggle span { -webkit-transform:rotate(-90deg); transform:rotate(-90deg); } .main-navigation { -webkit-transform:translateY(-100vh); transform:translateY(-100vh); -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; opacity:0; position: fixed; top:0; z-index:10; max-width:700px; height: 100vh; width:100%; padding:95px 0 30px 0; margin-left: -3rem; } .main-navigation.active {-webkit-transform:translateY(0); transform:translateY(0); opacity:1;} .main-navigation:before { content: ''; position: absolute; left: -100vw; width: calc(100vw + 700px); background-color:rgba(255,255,255,0.95); height: 100%; top: 0; } .nav-wrapper { width: 100%; height: calc(100vh - 95px); position: relative; overflow-y: auto; padding-bottom:3rem; } .main-navigation ul { margin:0; padding:0; } .main-navigation ul li { margin:0; padding:0; list-style-type:none; max-width: 350px; } .main-navigation a { display:block; text-decoration:none; color:#5a5a69; padding:1rem 0 1rem 3rem; position: relative; z-index: 2; } .main-navigation .textwidget > p a:nth-of-type(1) { color:#faa61a;} .sub-menu { -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; opacity:0; width:0;min-width:0; overflow:hidden; position: absolute; left:100%; top:0; background-color:#e2e2f0; margin-bottom:3rem; } .sub-menu .sub-menu, .sub-menu .dropdown-toggle, .sub-menu .sub-menu .dropdown-toggle, .sub-menu.level-1 .dropdown-toggle { display:none!important; } .main-navigation .toggled>a, .main-navigation .current-menu-item > a, .main-navigation .current-menu-parent > a { color:#2e3192; font-weight:400; } .main-navigation .toggled { background-color:#e2e2f0; } @media (min-width: 790px) { .dropdown-toggle { z-index:1; } .touch .dropdown-toggle { z-index:30; } .touch .toggled .sub-menu, .main-navigation li:hover .sub-menu { opacity:1; min-width:350px; width:100%; overflow:auto; } .main-navigation a:hover, .main-navigation li:hover > a, .main-navigation .current-menu-item > a:hover, .main-navigation .current-menu-parent > a:hover, .main-navigation .current-menu-item:hover > a, .main-navigation .current-menu-parent:hover > a { color:#2e3192; font-weight:400; } .main-navigation li:hover, .main-navigation .current-menu-item:hover, .main-navigation .current-menu-parent:hover, .main-navigation .current-menu-item:hover, .main-navigation .current-menu-parent:hover { background-color:#e2e2f0; } .main-navigation li:hover > .dropdown-toggle span { -webkit-transform:rotate(-90deg); transform:rotate(-90deg); } } @media (max-width: 790px) { .site-header .button.show-searchbox { right:175px !important } .dropdown-toggle { z-index:30; } .nav-toggle { left: 3rem; top: 2rem; } .main-navigation { margin-left:0; } .toggled .sub-menu { opacity: 1; width: 100%; min-width:350px;} } @media (max-width: 730px) { .main-navigation { max-width:100%; } .main-navigation ul li, .sub-menu { max-width:50%; } .main-navigation .sub-menu li { max-width:100%; } } @media (max-width:320px) { .site-header .button.show-searchbox { right:155px !important } } @media (max-width: 650px) { .subnavi-active #nav-toggle { z-index:20;} .main-navigation { max-width:100%; width:100%; height:100vh; } .main-navigation ul li, .sub-menu { max-width:100%;} .sub-menu { height:100vh; position: fixed; top:100px; left:0; -webkit-transform:translateX(100vw); transform:translateX(100vw); -webkit-transition: all 0.3s ease; transition: all 0.3s ease;width:100%; min-width: 100%; } .toggled .sub-menu { -webkit-transform:translateX(0); transform:translateX(0);width:100%; opacity: 1; min-width: 100%; z-index:50; background-color:#fff; } .main-navigation .sub-menu li { width:100%; margin-left:6rem; } .close-sub { -webkit-transform:translateX(100vw); transform:translateX(100vw); position: fixed; z-index: 100; height:32px; width:0; opacity:0; overflow:hidden; display:block; -webkit-transition: transform 0.3s ease; transition: transform 0.3s ease;width:100%; top:10.5rem;} .subnavi-active .close-sub { width: 65px; opacity:1; -webkit-transform:translateX(0); transform:translateX(0); } .subnavi-active .sub-menu .close-sub { display:none; } } @media (max-height: 650px) { .subnavi-active #nav-toggle { z-index:20;} .main-navigation { max-width:600px; width:100%; height:100vh; } .main-navigation ul li, .sub-menu { max-width:100%;} .main-navigation::before { width: 200vw; } .sub-menu { height:100vh; position: fixed; top:100px; left:0; -webkit-transform:translateX(100vw); transform:translateX(100vw); -webkit-transition: all 0.3s ease; transition: all 0.3s ease;width:100%; min-width: 100%; } .toggled .sub-menu { -webkit-transform:translateX(0); transform:translateX(0);width:100%; opacity: 1; min-width: 100%; z-index:50; background-color:#fff; } .main-navigation .sub-menu li { width:100%; margin-left:6rem; } .close-sub { -webkit-transform:translateX(100vw); transform:translateX(100vw); position: fixed; z-index: 100; height:32px; width:0; opacity:0; overflow:hidden; display:block; -webkit-transition: transform 0.3s ease; transition: transform 0.3s ease;width:100%; top:10.5rem;} .subnavi-active .close-sub { width: 65px; opacity:1; -webkit-transform:translateX(0); transform:translateX(0); } .subnavi-active .sub-menu .close-sub { display:none; } .dropdown-toggle { z-index: 30!important; } }.reverse-order { -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .space-between { -moz-justify-content: space-between; -ms-justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .center-content { -moz-justify-content: center; -ms-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .content-nowrap { flex-wrap: nowrap; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; } .top-center { -moz-justify-content: center; -ms-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; } .alignself-center {-webkit-align-self: center; -ms-flex-self: center; align-self: center;} .top-left { -moz-justify-content: flex-start; -ms-justify-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; } .top-right { -moz-justify-content: flex-end; -ms-justify-content: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; } .bottom-center { -moz-justify-content: center; -ms-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end; } .bottom-left { -moz-justify-content: flex-start; -ms-justify-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end; } .bottom-right { -moz-justify-content: flex-end; -ms-justify-content: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end; } .center-center { -moz-justify-content: center; -ms-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .center-left { -moz-justify-content: flex-start; -ms-justify-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .center-right { -moz-justify-content: flex-end; -ms-justify-content: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } ul.checklist li { list-style-type: none; } .checklist li:before { position: absolute; left: -20px; top: 2px; } .check-list .checklist li {padding-left:1rem; } .check-list .checklist li:before { top: 6px;} blockquote { padding: 1rem 3.5rem; margin: 3rem 0; color: #bababa; background-color: rgba(0, 0, 0, 0.05); } blockquote:before, blockquote:after { position: static; } blockquote:before { padding-right: 1rem; } blockquote:after { padding-left: 1rem; } .accordion .col-box { -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; width: 100%; } .accordion.faq {width:100%; } .faq-item > .col-box.col-2 > .col-item { width:47%; width:calc(50% - 2rem)} .seminar-content, .seminar-beschreibung {-ms-flex:1 0 auto; flex:1 0 auto; } .seminar-image, .seminar-bezeichnung {flex-shrink:0; } .seminar-image { max-width:250px;} .seminar-bezeichnung {max-width:250px;} span.seminar-definition { padding:0 1rem 0; display:inline-block;color:#faa61a;} .seminar-beschreibung p { margin:0; padding:0;} .seminar-content .button-box-item { margin-bottom:5px; } @media (max-width: 920px) { .col-box > .col-item.seminar-bezeichnung {max-width:100%; width:100%;} .seminar-beschreibung { padding:0 1rem 0; } .faq-item > .col-box.col-2 > .col-item { width:100%;} } .accordion>dt { margin-bottom: 1rem; border: 0; padding: 1rem 3rem 1rem 1rem; position: relative; cursor: pointer; background-color:#a7a9ac; color:#fff; -webkit-touch-callout: none; -webkit-user-select: none ; -moz-user-select: none; -ms-user-select: none; user-select: none; border-bottom:1px solid #fff; margin: 0; } .accordion>dt:hover, .accordion>dt.active {background-color:#B2B4B7;} .accordion.bg-blau>dt {background-color:#31358F} .accordion.bg-orange>dt {background-color:#FAA619} .accordion.bg-blau>dt:hover, .accordion.bg-blau>dt.active {background-color:#5A5BA8;} .accordion.bg-orange>dt:hover, .accordion.bg-orange>dt.active {background-color:#FDB848;} .accordion > dt:hover::after, .accordion>dt.active:after { -webkit-transform: translateY(-5px) rotate(180deg); transform: translateY(-5px) rotate(180deg); } .accordion>dt:before { position: absolute; right: 10px; top: 15px; } .accordion>dd { margin: 0; padding: 1rem 0 2rem; } .accordion>dd { display: none; } .accordion>dd.active { display: block; } .linkbox-content { background-color:#F7F7FB; margin-top: -2rem;} .linkbox-content .button-box-item { margin-bottom:2rem; font-size:1.6rem; } .list-button { display:block; padding-bottom:3rem; color:#5a5a69!important; position: relative; text-decoration: none; } .list-button::before { content: ''; position: absolute; bottom: 0; left: 0; background: url(//www.bvitg.de/wp-content/themes/bvitg/images/bvitg_pfeil-block.svg) 0 0 no-repeat; background-size: auto; width: 28px; height: 28px; background-size: cover; } .list-button::after { -webkit-transform: translateX(0); transform: translateX(0); content: ''; position: absolute; bottom: 0; left: 16px; background: url(//www.bvitg.de/wp-content/themes/bvitg/images/bvitg_pfeil-bewegt.svg) 0 0 no-repeat; background-size: auto; width: 28px; height: 28px; background-size: cover; } .list-button:hover:after { -webkit-transition:transform 0.3s ease; transition:transform 0.3s ease; -webkit-transform: translateX(6px); transform: translateX(6px);} .thema-main-box .linkbox-content { margin-top:0rem;} .link-text { display: block; text-align:center; flex-shrink:0; width: 100%;position: relative; z-index:1;line-height: 1.2;} .link-iconbox { display: inline-block; height: 90px; width: 90px; transform: scale(0.7); -webkit-transform: scale(0.7); transform: translateY(10px); -webkit-transform: translateY(10px); } .icon-wrapper { display:block; text-align:center; -ms-flex:1 0 auto; flex:1 0 auto; margin-top: -10px; } .boxlink, .button-box-item { display: -ms-flexbox; display: -webkit-flex; display:flex; -webkit-flex-direction:column; flex-direction:column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .boxlink.no-icon, .button-box-item { -webkit-flex-direction:row; flex-direction:row; } .boxlink.no-icon:before { content:''; position: absolute; top:0; left:0; background-image: url(//www.bvitg.de/wp-content/themes/bvitg/images/bvitg_pfeil_weiss.svg); background-position: -151px -62px; background-repeat: no-repeat; background-size: 349px auto; width:100%; height:100%; opacity:0.2; } .linkbox-content.bvitg-thema { background:transparent;} .linkbox-content.bvitg-thema .item-box { padding: 0!important; } .linkbox-content.bvitg-thema .col-box { margin-top:0; margin-bottom:0; } .button-box { margin-bottom:0; } .button-box-item { color:#2bddbb; overflow:hidden; position: relative; min-height: 40px; padding-left: 5rem; -ms-flex-wrap:wrap; flex-wrap:wrap;} .button-box-item:hover { color:#2bddbb;} .linkbutton.downloads { position:absolute; left:0; top:0; width:100%; height:100%; } .downloads, .downloads:hover, .downloads:focus { flex-shrink:0; margin: 0; min-width: 30px; } .downloads .iconbox:after, .downloads .iconbox:before { height: 40px; top: -1px; width: 26px; left:0; background-image:url(//www.bvitg.de/wp-content/themes/bvitg/images/bvitg_download.svg); background-size: 100% auto; background-position: 0 0 ; } .linkbutton.downloads:before { z-index:1; position:absolute; top:0; left:0; content:''; width: 1024px; height: 800px; background-color:transparent; } .linkbutton.downloads:hover, .linkbutton.downloads:hover .iconbox.download, .linkbutton.downloads:hover + .download-title, .linkbutton.downloads:hover + .download-title + .filesize { color:#75E8D1!important;} .linkbutton.downloads:hover + .download-title .filesize { display:inline-block; font-weight: 400; } .download-title { display: inline-block; padding: 0 1rem 0 0; text-align: left; font-weight: 400; } @media (max-width: 560px) { .button-box-item { display:block; } .download-title { display: block; padding: 5px 0;text-align: left; } .filesize {display:none; } } .download-info .downloads .iconbox::after, .download-info .downloads .iconbox::before { background-image: url(//www.bvitg.de/wp-content/themes/bvitg/images/icons.svg); background-size: 1640px 40px; background-position: -1367px 0; background-repeat: no-repeat; content: ''; width: 35px; height: 35px; position: absolute; top: -3px; left: 0; } .download-info .downloads .iconbox::after, .download-info .downloads .iconbox::before { background-position: -762px 0; height: 40px; top: -1px; width: 40px; left: 10px; } @media (min-width: 790px) { .bvitg-thema .boxlink { min-height: 170px;} } .boxlink.bvitg { background-color:#2e3192; color:#fff; } .boxlink.sg { background-color:#faa61a; color:#fff; } .boxlink.dds { background-color:#a7a9ac; color:#fff; } .boxlink.bvitg:hover, .boxlink.sg:hover, .boxlink.dds:hover { opacity:0.8} .google-iframe { position: relative; padding-bottom: 75%; height: 0; overflow: hidden; width: 100%; height: auto; } .google-iframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } iframe { max-width: 100%; width: 100%; height: auto; aspect-ratio: 16 / 9; } .banner .item-box { padding: 4rem 0 2rem; } .banner { background-repeat:no-repeat; background-position: center center; background-size: cover;} .banner { color:#fff;} .banner p:last-of-type { padding:0; margin:0; } .banner-link { bottom: 0; display: block; left: 0; position: absolute; right: 0; top: 0; z-index: 11; } .teaser-box .col-item { margin-bottom:2rem; -webkit-box-shadow:4px 4px 6px -3px rgba(0,0,0,.6); -moz-box-shadow:4px 4px 6px -3px rgba(0,0,0,.6); box-shadow:4px 4px 6px -3px rgba(0,0,0,.6); } .teaser-box .text-box { line-height:1.4; position: relative; z-index:2; height:100%; width:100%; color:#fff; padding:1.8rem 2.4rem 6rem 1.8rem; word-wrap: normal; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;} .teaser-box .bg-image, .swiper-slide .bg-image { position: absolute; height:100%; width:100%; overflow:hidden; z-index:1; top:0; } .teaser-box .text-box h1, .teaser-box .text-box h2, .teaser-box .text-box h3, .teaser-box .text-box h4, .teaser-box .text-box h5, .teaser-box .text-box h6, .swiper-slide .content-box-item h1, .swiper-slide .content-box-item h2, .swiper-slide .content-box-item h3, .swiper-slide .content-box-item h4, .swiper-slide .content-box-item h5, .swiper-slide .content-box-item h6 { line-height:1.2; } .teaser-box .col-item img { -webkit-transform:scale(1); transform:scale(1); -webkit-transition:all 0.3s ease; transition:all 0.3s ease; } .teaser-box .col-item:hover img { -webkit-transform:scale(1.1); transform:scale(1.1); } .col-item .teaser-link { position:absolute; top:0; left:0; z-index:10; width:100%; height:100%; } .col-item .teaser-link:before { display:none; content:''; position: absolute; bottom:2rem; left:2.4rem; background:url(//www.bvitg.de/wp-content/themes/bvitg/images/bvitg_pfeil-block.svg) 0 0 no-repeat; width:32px; height:32px; background-size: cover; } .col-item .teaser-link:after {display:none; -webkit-animation-name: left-right; animation-name: left-right; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count:infinite; animation-iteration-count: infinite;content:''; position: absolute; bottom:2rem; left:4.4rem; background:url(//www.bvitg.de/wp-content/themes/bvitg/images/bvitg_pfeil-bewegt.svg) 0 0 no-repeat; width:32px; height:32px; background-size: cover; } .button-box { margin:3rem 0; } .button-box .teaser-link { position: relative; padding:0.3rem 0 0.3rem 5rem; display:inline-block; font-weight:400; text-decoration:none; } .button-box .teaser-link:before { content:''; position: absolute; top:3px; left:0; background:url(//www.bvitg.de/wp-content/themes/bvitg/images/bvitg_pfeil-block.svg) 0 0 no-repeat; width:28px; height:28px; background-size: cover; } .button-box .teaser-link:after { -webkit-transform: translateX(0); transform: translateX(0); content:''; position: absolute; top:3px; left:16px; background:url(//www.bvitg.de/wp-content/themes/bvitg/images/bvitg_pfeil-bewegt.svg) 0 0 no-repeat; width:28px; height:28px; background-size: cover;} .button-box .teaser-link:hover { color:#75E8D1;} .button-box .teaser-link:hover:after { -webkit-transition:transform 0.3s ease; transition:transform 0.3s ease; -webkit-transform: translateX(6px); transform: translateX(6px);} .teaser-box hr { height:2px; margin-bottom: 0; } @-webkit-keyframes left-right { 0 { -webkit-transform: translateX(0); } 25% { -webkit-transform: translateX(-3px); } 50% { -webkit-transform: translateX(-11); } 75% { -webkit-transform: translateX(-3px); } 100% { -webkit-transform: translateX(0); } } @keyframes left-right { 0 { -webkit-transform: translateX(0); transform: translateX(0); } 25% { -webkit-transform: translateX(-3px); transform: translateX(-3px); } 50% { -webkit-transform: translateX(-11px); transform: translateX(-11px); } 75% { -webkit-transform: translateX(-3px); transform: translateX(-3px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @media (min-width: 790px) { .teaser-box .col-box>.box-33 { width:calc(33.33% - 1rem); } .teaser-box .col-box>.box-50 { width:calc(50% - 1rem); } .teaser-box .col-box>.box-66 { width:calc(66.66% - 1rem); } .teaser-box .col-box>.box-100 { width:calc(100% - 1rem); } .teaser-box .col-box { margin-left:-1rem; } .teaser-box .col-item { min-height:280px; margin:0 0 1rem 1rem; } .teaser-box .box-100 .text-box, .teaser-box .box-66 .text-box { max-width:50%; } .teaser-box .box-50 .text-box { max-width:66%; } .teaser-box .no-image .text-box { max-width:100%!important; } } .text-box.teaser-bg-5, .text-box.teaser-bg-4 { color:#2e3192; } .teaser-bg-1 {background-color:rgba(77,80,162, 0.85) } .teaser-bg-2 {background-color:rgba(251,179,60, 0.85) } .teaser-bg-3 {background-color:rgba(172,46,127, 0.85) } .teaser-bg-4 {background-color:rgba(238,238,246, 0.85) } .teaser-bg-5 {background-color:rgba(255,255,255, 0.85) } .no-image .teaser-bg-1 {background-color:rgba(77,80,162, 1) } .no-image .teaser-bg-2 {background-color:rgba(251,179,60, 1) } .no-image .teaser-bg-3 {background-color:rgba(172,46,127, 1) } .no-image .teaser-bg-4 {background-color:rgba(238,238,246, 1) color:#2e3192; } .no-image .teaser-bg-5 {background-color:rgba(255,255,255, 1); color:#2e3192; } .teaser-box .item-box .teaser-intro-title { margin-top:0; margin-bottom:3rem; } .mitglieder-box .content-box { width:150px; height:150px; margin: 0 1rem 1rem 0; -webkit-box-shadow: 4px 4px 6px -3px rgba(0,0,0,.6); -moz-box-shadow: 4px 4px 6px -3px rgba(0,0,0,.6); box-shadow: 4px 4px 6px -3px rgba(0,0,0,.6); } .mitglieder-box .content-box .image-box { width: 100%; height: 100%; margin: 0; padding: 0; } .mitglieder-box .content-box .image-box a { width: 100%; height: 100%; margin: 0; padding: 0; text-align: center; } .mitglieder-box .content-box .image-box a img { display: inline-block; text-align: center; mix-blend-mode: multiply; margin: 0.3rem; max-width:140px; } .teaser-title { font-size:4.2rem; letter-spacing: 0.05;} .box-100 .teaser-title { font-size: 5.2rem; letter-spacing: 0;} .intro-active .text-box { font-size:2.8rem;} .intro-active .teaser-title { font-size:2.8rem;} .intro-active.box-100 .teaser-title { font-size:4.2rem; letter-spacing: 0.05;} .bg-image { position:absolute; z-index:0; height: 100%; width: 100%; top:0; top:0; left:0; } .bg-image .image-box { position:relative; z-index:1; height:100%; width:100%; } @supports (object-fit: cover) { .bg-image .image-box img { object-fit: cover; object-position:50% 50%; height: 100%; width: 100%; transform:none; left:0; top:0; } } .bg-image .image-box.ie-polyfill { background-repeat:none; background-size: cover; background-position: center center;} .bg-image .image-box.ie-polyfill img { display:none; } .intro-title { margin-top: 0;margin-bottom: 3rem; } .team-item .bg-image { position: relative; } .team-item .bg-image .image-box.ie-polyfill { background:none; background-repeat:none; background-size: cover; background-position: center center;} .team-item .bg-image .image-box.ie-polyfill img { display:block; } .team-item .image-box img {width:100%; } .team-intro-title { font-weight:400; margin:0 0 0.5rem 0;} .team-content { position: absolute; bottom:0; width:100%; padding:2rem; background-color:rgba(238,238,246, 0.9); z-index:2; min-height: 110px;} .team-content p { margin:0; line-height:1.2; } .team-secondary p { padding:1rem 0;} .team-secondary a { font-weight:400; text-decoration:none; } .team-item .col-item { margin-bottom:2rem; -webkit-box-shadow: 6px 6px 10px -4px rgba(0,0,0,.6); -moz-box-shadow: 6px 6px 10px -4px rgba(0,0,0,.6); box-shadow: 6px 6px 10px -4px rgba(0,0,0,.6); } .team-secondary { max-height:0; opacity:0; overflow:hidden; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transition: all .3s cubic-bezier(0, 1, 0, 1); transition: all .3s cubic-bezier(0, 1, 0, 1); } .team-item .col-item:hover .team-secondary { max-height:400px; opacity:1; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .touch .team-item .col-item .team-secondary { max-height:400px; opacity:1; } @media (min-width: 360px) { .team-item.col-box { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch; -ms-flex-wrap:wrap; flex-wrap:wrap; } .team-item.col-box { margin:0 0 0 -2rem; } .team-item.col-box>.col-item { margin:0 0 4rem 2rem; } .team-item.col-3>.col-item { width:30%; width:calc(33.333333% - 2rem); } } @media (max-width: 760px) { .team-item.col-3>.col-item { width:48%; width:calc(50% - 2rem); } .team-content p { font-size:1.4rem; } .team-intro-title { font-size:2rem;} } @media (max-width: 560px) { .team-item.col-box { display: block; max-width:360px; margin:0 auto; } .team-item.col-3>.col-item { width:100%; margin:0 0 2rem 0; } .team-item .col-item .team-secondary { max-height:400px; opacity:1; } } footer { padding-top: 20px; color: #fff; background: #2e3192; font-size:1.8rem; overflow:hidden; font-weight:400; } footer > .item-box:nth-of-type(1):before { background-image: url(//www.bvitg.de/wp-content/themes/bvitg/images/bvitg_pfeil_dunkelblau.svg); background-position: top right; background-repeat: no-repeat; background-size: 1890px auto; background-position:0 -5px; background-repeat: no-repeat; background-size:auto; content: ""; display: block; height: 600px; position: absolute; right: 83px; top: -103px; width: 533px; z-index: 0; } footer .logo { background: url(//www.bvitg.de/wp-content/themes/bvitg/images/logo-white.svg); background-position: bottom left; background-repeat: no-repeat; background-size:cover; height: 49px; width:129px; } footer .logo-box { width:100%; } footer a { color:#9698c8; text-decoration:none; font-size: 1.8rem;} footer .textwidget p:last-of-type { margin:0} footer .textwidget > p a { color:#faa61a;} footer [class^="icon-"] { display:inline-block; margin-right:1rem;} footer a:hover, footer .textwidget > p a:hover { color:#fff; } footer .menu { padding:0; margin:0; } footer .menu li { margin: 0; padding: 0; list-style-type: none; position: relative; font-size: 1.8rem; } #menu-item-1974 { display:none; } .copyright { color: #fff; border-top:1px solid #fff; position: relative; z-index: 1; font-size:1.4rem } .copyright p { margin:0; padding:1.5rem 0;} footer {font-weight: 400;} @media (min-width: 500px) { footer .navi-box .col-item { max-width: 160px; min-width: 150px; } .copyright p br { display:none; } } footer .navi-box { width:97%; max-width: 100%; width: calc(100% - 2rem); } footer .navi-box.box-75, footer .box-50.service-box { max-width: 100%; width:97%; width:calc(100% - 2rem) } footer .navi-box .col-item:nth-of-type(1) { min-width:230px; font-weight: 300;} @media (min-width: 860px) { footer .logo-box { width:23%; width:calc(18% - 2rem); -ms-flex-negative: 0; flex-shrink: 0; min-width: 200px } footer .service-box .col-item { max-width: 300px; min-width: 300px; font-size: 1.4rem;} } @media (min-width: 960px) { footer .col-box { flex-wrap: nowrap; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; } footer .navi-box.box-75 { -webkit-box-flex:11; -ms-flex-positive:11; flex-grow:11; max-width:75%; width:72%; width:calc(75% - 2rem) } } .adr-name, .adr-locality, .adr-country, .adr-region, .adr-email, .adr-telephone, .adr-fax { display:block;} form { margin: 0; } fieldset { padding: 2rem; border: 1px solid #000; color: #bababa; background: rgba(0, 0, 0, 0.8); } label { display: block; } input, textarea, select { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0; line-height: normal; padding: 1.1rem 1.5rem; width: 100%; background-color: rgba(255, 255, 255, 0.2); position: relative; } textarea { height: 100px; } input:focus, textarea:focus { background-color: rgba(255, 255, 255, 0.5); } input.button { width: auto; } #search-form input { width: 70%; width: calc(100% - 4rem); } @media (max-width: 780px) { .reverse-box-order { -webkit-box-orient: vertical; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .top-center, .top-left, .top-right, .bottom-center, .bottom-left, .bottom-right, .center-center, .center-left, .center-right { -moz-justify-content: flex-start; -ms-justify-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; } } .cc-link { color:#2cdebc!important;} .cc-window { border-top:1px solid #fff;} @media (max-width: 780px) { .cc-window.cc-banner { display:block; } } .cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s} .cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1} .cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em} @media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}} .cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block} .cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}#nav-toggle { transition: background 0.3s; } #nav-toggle:after { transition: opacity 0.3s; transition-duration: 0.3s, 0.3s; transition-delay: 0.3s, 0.3s; } #nav-toggle span:before, #nav-toggle span:after { transition-duration: 0.3s, 0.3s; transition-delay: 0.3s, 0s; } #nav-toggle span:before { transition-property: top, transform; } #nav-toggle span:after { transition-property: bottom, transform; } #nav-toggle.active span:before, #nav-toggle.active span:after { transition-delay: 0s, 0.3s; } .dropdown-toggle:after { -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); transition: transform 0.3s ease 0s; } .paginate a:before, .social-links li a:before { transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .paginate a:hover:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .paginate a.active:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .social-links li a:hover:before, .social-links li a:focus:before, .social-links li a:active:before { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .paginate.prev-next a:hover:before { -ms-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0); } .prev-link a:hover:before { animation: 0.5s ease 0s normal none infinite running bounce-left; -webkit-animation: 0.5s ease 0s normal none infinite running bounce-left; } .next-link a:hover:before { animation: 0.5s ease 0s normal none infinite running bounce-right; -webkit-animation: 0.5s ease 0s normal none infinite running bounce-right; } @-webkit-keyframes pulse { to { -webkit-transform: scale(1.05); transform: scale(1.05); } } @keyframes pulse { to { -webkit-transform: scale(1.05); transform: scale(1.05); } } .pulse { -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); } .pulse:hover, .pulse:focus, .pulse:active { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } @-webkit-keyframes buzzing { 10% { -webkit-transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); } } @keyframes buzzing { 10% { transform: translateX(3px) rotate(2deg); } 20% { transform: translateX(-3px) rotate(-2deg); } 30% { transform: translateX(3px) rotate(2deg); } 40% { transform: translateX(-3px) rotate(-2deg); } 50% { transform: translateX(2px) rotate(1deg); } 60% { transform: translateX(-2px) rotate(-1deg); } 70% { transform: translateX(2px) rotate(1deg); } 80% { transform: translateX(-2px) rotate(-1deg); } 90% { transform: translateX(1px) rotate(0); } 100% { transform: translateX(-1px) rotate(0); } } .buzzing { -webkit-transform: perspective(2px) translateZ(0); transform: perspective(2px) translateZ(0); } .buzzing:hover, .buzzing:focus, .buzzing:active { -webkit-animation-name: buzzing; animation-name: buzzing; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @-webkit-keyframes up-down { 17% { -webkit-transform: translateY(8px); } 33% { -webkit-transform: translateY(-6px); } 50% { -webkit-transform: translateY(4px); } 66% { -webkit-transform: translateY(-2px); } 83% { -webkit-transform: translateY(1px); } 100% { -webkit-transform: translateY(0); } } @keyframes up-down { 17% { transform: translateY(8px); } 33% { transform: translateY(-6px); } 50% { transform: translateY(4px); } 66% { transform: translateY(-2px); } 83% { transform: translateY(1px); } 100% { transform: translateY(0); } } .up-down { -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); } .up-down:hover, .up-down:focus, .up-down:active { -webkit-animation-name: up-down; animation-name: up-down; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @-webkit-keyframes left-right { 17% { -webkit-transform: translateX(8px); } 33% { -webkit-transform: translateX(-6px); } 50% { -webkit-transform: translateX(4px); } 66% { -webkit-transform: translateX(-2px); } 83% { -webkit-transform: translateX(1px); } 100% { -webkit-transform: translateX(0); } } @keyframes left-right { 17% { transform: translateX(8px); } 33% { transform: translateX(-6px); } 50% { transform: translateX(4px); } 66% { transform: translateX(-2px); } 83% { transform: translateX(1px); } 100% { transform: translateX(0); } } .left-right { -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); } .left-right:hover, .left-right:focus, .left-right:active { -webkit-animation-name: left-right; animation-name: left-right; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } @-webkit-keyframes bounce-left { 0% { -webkit-transform: translateX(0px); } 10% { -webkit-transform: translateX(-2px); } 20% { -webkit-transform: translateX(-4px); } 40% { -webkit-transform: translateX(-5px); } 60% { -webkit-transform: translateX(-4px); } 80% { -webkit-transform: translateX(-3px); } 100% { -webkit-transform: translateX(0px); } } @keyframes bounce-left { 0% { transform: translateX(0px); } 10% { transform: translateX(-2px); } 20% { transform: translateX(-4px); } 40% { transform: translateX(-5px); } 60% { transform: translateX(-4px); } 80% { transform: translateX(-3px); } 100% { transform: translateX(0px); } } @-webkit-keyframes bounce-right { 0% { -webkit-transform: translateX(0px); } 10% { -webkit-transform: translateX(2px); } 20% { -webkit-transform: translateX(3px); } 40% { -webkit-transform: translateX(5px); } 60% { -webkit-transform: translateX(4px); } 80% { -webkit-transform: translateX(3px); } 100% { -webkit-transform: translateX(0px); } } @keyframes bounce-right { 0% { transform: translateX(0px); } 10% { transform: translateX(2px); } 20% { transform: translateX(3px); } 40% { transform: translateX(5px); } 60% { transform: translateX(4px); } 80% { transform: translateX(3px); } 100% { transform: translateX(0px); } } .bounce-left, bounce-right { -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); } .bounce-left:hover, .bounce-left:active, .bounce-left:focus { -webkit-animation-name: bounce-left; animation-name: bounce-left; -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .bounce-right:hover, .bounce-right:active, .bounce-right:focus { -webkit-animation-name: bounce-right; animation-name: bounce-right; -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .scale { -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .scale:hover, .scale:focus, .scale:active { -webkit-transform: scale(1.1); transform: scale(1.1); } .fade-in { transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; opacity: 0.4; } .fade-in:hover, .fade-in:active, .fade-in:focus { opacity: 1; } .bg-color-bounce { -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .bg-color-bounce:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; background: #000; } .button.primary.bg-color-bounce:before { background: #000; } .button.primary.bg-color-bounce:hover, .button.primary.bg-color-bounce:focus, .button.primary.bg-color-bounce:active { color: #fff!important; } .bg-color-bounce:hover, .bg-color-bounce:focus, .bg-color-bounce:active { color: #fff; } .bg-color-bounce:hover:before, .bg-color-bounce:focus:before, .bg-color-bounce:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } .button.call-to-action.bg-color-bounce:hover { background-color: #e86e48; border-color: #e86e48 } {} .glowing { -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; } .glowing:hover, .glowing:focus, .glowing:active { box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } .hero-content .glowing:hover, .hero-content .glowing:focus, .hero-content .glowing:active { box-shadow: 0 0 8px rgba(255, 255, 255, 0.6); } .float-shadow { -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .float-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.15) 0%, transparent 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.15) 0%, transparent 80%); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; } .float-shadow:hover, .float-shadow:focus, .float-shadow:active { -webkit-transform: translateY(-5px); transform: translateY(-5px); } .float-shadow:hover:before, .float-shadow:focus:before, .float-shadow:active:before { opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px); } .hero-content .float-shadow:before { background: -webkit-radial-gradient(center, ellipse, rgba(255, 255, 255, 0.15) 0%, transparent 80%); background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.15) 0%, transparent 80%); } .rotate { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); -webkit-transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; } .rotate:hover { -webkit-transform: rotate(360deg) translateX(0%); -moz-transform: rotate(360deg) translateX(0%); transform: rotate(360deg) translateX(0%); }.button.show-searchbox:after, .button.show-searchbox:before { background-image: url(//www.bvitg.de/wp-content/themes/bvitg/images/icons.svg); background-size: 1640px 40px; background-position:-1515px -5px; background-repeat: no-repeat; content:''; width:40px; height:40px; position:absolute; z-index:1; top:-1px; left:-11px; } .accordion > dt:after { background-repeat: no-repeat; content: ''; width: 25px; height: 25px; position: absolute; z-index: 1; top: calc(50% - 10px); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .accordion > dt:after { background-image: url(//www.bvitg.de/wp-content/themes/bvitg/images/bvitg_unten-orange.svg); background-size:auto; background-position:0 0; left:inherit; right:10px;} .accordion > dt.active:after { transform:rotate(180deg); top: 12px;} .accordion.bg-blau > dt:after, .accordion.bg-orange > dt:after {background-image: url(//www.bvitg.de/wp-content/themes/bvitg/images/bvitg_unten-weiss.svg);} .button.show-searchbox:before { opacity:0; z-index:12; background-position:-1515px -5px; } .button.show-searchbox:hover:before { opacity:1;} .button.show-searchbox.close-it:before, .button.show-searchbox.close-it:after { background-position:-1396px -4px;} .iconbox:after, .iconbox:before { background-image: url(//www.bvitg.de/wp-content/themes/bvitg/images/icons.svg); background-size:1640px 40px; background-position:-1367px 0; background-repeat: no-repeat; content:''; width:35px; height:35px; position:absolute; top:-3px; left:0; } .button.search-box-submit .iconbox:after, .button.search-box-submit .iconbox:before{background-position:-1565px -2px} .iconbox { display: inline-block; left: 0; position: absolute; top: 0; width:31px; height:31px; } .hero-icon:before, .link-iconbox { background-image: url(//www.bvitg.de/wp-content/themes/bvitg/images/navi-icons.svg); background-size: 8280px 90px; background-repeat: no-repeat; } @media (min-width: 790px) { .hero-icon:before {background-size: 16560px 180px;} } .hero-icon:before, .link-iconbox { background-position:-90px 0; } #bvitg-2 .hero-icon:before, #bvitg-2 .link-iconbox { background-position:-180px 0; } .link-iconbox.white { background-position:-270px 0; } .e-patientenakte:before, .link-iconbox.e-patientenakte { background-position:-2250px 0; } #bvitg-2 .e-patientenakte:before, #bvitg-2 .link-iconbox.e-patientenakte { background-position:-2340px 0; } .link-iconbox.white.e-patientenakte { background-position:-2430px 0; } .vorstand:before, .link-iconbox.vorstand { background-position:-450px 0; } #bvitg-2 .vorstand:before, #bvitg-2 .link-iconbox.vorstand { background-position:-560px 0; } .link-iconbox.white.vorstand { background-position:-630px 0; } .geschaeftsstelle:before, .link-iconbox.geschaeftsstelle { background-position:-800px 0; } #bvitg-2 .geschaeftsstelle:before, #bvitg-2 .link-iconbox.geschaeftsstelle { background-position:-890px 0; } .link-iconbox.white.geschaeftsstelle { background-position:-990px 0; } .arbeits-projektgruppen:before, .link-iconbox.arbeits-projektgruppen { background-position:-1170px 0; } #bvitg-2 .arbeits-projektgruppen:before, #bvitg-2 .link-iconbox.arbeits-projektgruppen { background-position:-1260px 0; } .link-iconbox.white.arbeits-projektgruppen { background-position:-1350px 0; } .mitglied-werden:before, .link-iconbox.mitglied-werden { background-position:-1530px 0; } #bvitg-2 .mitglied-werden:before, #bvitg-2 .link-iconbox.mitglied-werden { background-position:-1620px 0; } .link-iconbox.white.mitglied-werden { background-position:-1710px 0; } .stellenangebote:before, .link-iconbox.stellenangebote { background-position:-1890px 0; } #bvitg-2 .stellenangebote:before, #bvitg-2 .link-iconbox.stellenangebote { background-position:-1980px 0; } .link-iconbox.white.stellenangebote { background-position:-2070px 0; } .interoperabilitaet:before, .link-iconbox.interoperabilitaet { background-position:-2610px 0; } #bvitg-2 .interoperabilitaet:before, #bvitg-2 .link-iconbox .interoperabilitaet{ background-position:-2700px 0; } .link-iconbox.white.interoperabilitaet{ background-position:-2790px 0; } .it-sicherheit:before, .link-iconbox.it-sicherheit { background-position:-2970px 0; } #bvitg-2 .it-sicherheit:before, #bvitg-2 .link-iconbox.it-sicherheit { background-position:-3060px 0; } .link-iconbox.white.it-sicherheit { background-position:-3150px 0; } .mhealth:before, .link-iconbox.mhealth { background-position:-3330px 0; } #bvitg-2 .mhealth:before, #bvitg-2 .link-iconbox.mhealth { background-position:-3420px 0; } .link-iconbox.white.mhealth { background-position:-3510px 0; } .telematikinfrastruktur:before, .link-iconbox.telematikinfrastruktur { background-position:-3690px 0; } #bvitg-2 .telematikinfrastruktur:before, #bvitg-2 .link-iconbox.telematikinfrastruktur { background-position:-3778px 0; } .link-iconbox.white.telematikinfrastruktur { background-position:-3868px 0; } .ehealth-strategie:before, .link-iconbox.ehealth-strategie { background-position:-4050px 0; } #bvitg-2 .ehealth-strategie:before, #bvitg-2 .link-iconbox.ehealth-strategie { background-position:-4140px 0; } .link-iconbox.white.ehealth-strategie { background-position:-4230px 0; } .bundestagswahl:before, .link-iconbox.bundestagswahl { background-position:-4410px 0; } #bvitg-2 .bundestagswahl:before, #bvitg-2 .link-iconbox.bundestagswahl { background-position:-4500px 0; } .link-iconbox.white.bundestagswahl { background-position:-4590px 0; } .beratung:before, .link-iconbox.beratung { background-position:-4770px 0; } #bvitg-2 .beratung:before, #bvitg-2 .link-iconbox.beratung { background-position:-4860px 0; } .link-iconbox.white.beratung { background-position:-4950px 0; } .seminare-webinare:before, .link-iconbox.seminare-webinare { background-position:-5130px 0; } #bvitg-2 .seminare-webinare:before, #bvitg-2 .link-iconbox.seminare-webinare { background-position:-5220px 0; } .link-iconbox.white.seminare-webinare { background-position:-5310px 0; } .projekte:before, .link-iconbox.projekte { background-position:-5490px 0; } #bvitg-2 .projekte:before, #bvitg-2 .link-iconbox.projekte { background-position:-5580px 0; } .link-iconbox.white.projekte { background-position:-5670px 0; } .veranstaltungen:before, .link-iconbox.veranstaltungen { background-position:-5850px 0; } #bvitg-2 .veranstaltungen:before, #bvitg-2 .link-iconbox.veranstaltungen { background-position:-5940px 0; } .link-iconbox.white.veranstaltungen { background-position:-6030px 0; } .conhit:before, .link-iconbox.conhit{ background-position:-6210px 0; } #bvitg-2 .conhit:before, #bvitg-2 .link-iconbox.conhit { background-position:-6300px 0; } .link-iconbox.white.conhit { background-position:-6390px 0; } .health-it-portal:before, .link-iconbox.health-it-portal { background-position:-6570px 0; } #bvitg-2 .health-it-portal:before, #bvitg-2 .link-iconbox.health-it-portal { background-position:-6660px 0; } .link-iconbox.white.health-it-portal { background-position:-6750px 0; } .wer-wir-sind:before, .link-iconbox.wer-wir-sind { background-position:-90px 0; } #bvitg-2 .wer-wir-sind:before, #bvitg-2 .link-iconbox.wer-wir-sind { background-position:-180px 0; } .link-iconbox.white.wer-wir-sind { background-position:-270px 0; } .politiker:before, .link-iconbox.politiker { background-size:3690px 90px; background-image: url(//www.bvitg.de/wp-content/themes/bvitg/images/icons.svg); background-position:-810px 0; } #bvitg-2 .politiker:before, #bvitg-2 .link-iconbox.politiker { background-position:-900px 0; } .link-iconbox.white.politiker { background-position:-970px 0; } .mitglieder:before, .link-iconbox.mitglieder { background-size:3690px 90px; background-image: url(//www.bvitg.de/wp-content/themes/bvitg/images/icons.svg); background-position:-90px 0; } #bvitg-2 .mitglieder:before, #bvitg-2 .link-iconbox.mitglieder { background-size:3690px 90px; background-image: url(//www.bvitg.de/wp-content/themes/bvitg/images/icons.svg); background-position:-180px 0; } .link-iconbox.white.mitglieder { background-size:3690px 90px; background-image: url(//www.bvitg.de/wp-content/themes/bvitg/images/icons.svg); background-position:-270px 0; } .interessierte:before, .link-iconbox.interessierte { background-size:3690px 90px; background-image: url(//www.bvitg.de/wp-content/themes/bvitg/images/icons.svg); background-position:-450px 0; } #bvitg-2 .interessierte:before, #bvitg-2 .link-iconbox.interessierte { background-size:3690px 90px; background-image: url(//www.bvitg.de/wp-content/themes/bvitg/images/icons.svg); background-position:-540px 0; } .link-iconbox.white.interessierte { background-size:3690px 90px; background-image: url(//www.bvitg.de/wp-content/themes/bvitg/images/icons.svg); background-position:-630px 0; } .anwender:before, .link-iconbox.anwender { background-size:3690px 90px; background-image: url(//www.bvitg.de/wp-content/themes/bvitg/images/icons.svg); background-position:-1170px 0; } #bvitg-2 .anwender:before, #bvitg-2 .link-iconbox.anwender { background-position:-1260px 0; } .link-iconbox.white.anwender { background-position:-1340px 0; } @media (min-width: 790px) { .politiker:before, .mitglieder:before, .interessierte:before, #bvitg-2 .interessierte:before, .anwender:before { background-size: 7380px 180px;} } .link-iconbox.downloads { background-image: url(//www.bvitg.de/wp-content/themes/bvitg/images/icons.svg); background-position:-1440px 0; } .link-iconbox.white.downloads { background-image: url(//www.bvitg.de/wp-content/themes/bvitg/images/icons.svg); background-position:-1710px 0; } .linkbox-content .link-iconbox.downloads, .linkbox-content .link-iconbox.white.downloads { background-image: url(//www.bvitg.de/wp-content/themes/bvitg/images/bvitg-download-single.svg); background-position:-199px 4px; background-size:auto; } @media (min-width: 790px) { .hero-icon:before { background-position:-180px 0; } #bvitg-2 .hero-icon:before { background-position:-360px 0; } .e-patientenakte:before { background-position:-4500px 0; } #bvitg-2 .e-patientenakte:before { background-position:-4680px 0; } .vorstand:before { background-position:-900px 0; } #bvitg-2 .vorstand:before { background-position:-1080px 0; } .geschaeftsstelle:before { background-position:-1590px 0; } #bvitg-2 .geschaeftsstelle:before { background-position:-1770px 0; } .arbeits-projektgruppen:before { background-position:-2340px 0; } #bvitg-2 .arbeits-projektgruppen:before { background-position:-2520px 0; } .mitglied-werden:before { background-position:-3060px 0; } #bvitg-2 .mitglied-werden:before { background-position:-3240px 0; } .stellenangebote:before { background-position:-3780px 0; } #bvitg-2 .stellenangebote:before { background-position:-3960px 0; } .interoperabilitaet:before { background-position:-5220px 0; } #bvitg-2 .interoperabilitaet:before { background-position:-5400px 0; } .it-sicherheit:before { background-position:-5940px 0; } #bvitg-2 .it-sicherheit:before { background-position:-6120px 0; } .mhealth:before { background-position:-6660px 0; } #bvitg-2 .mhealth:before { background-position:-6840px 0; } .telematikinfrastruktur:before { background-position:-7380px 0; } #bvitg-2 .telematikinfrastruktur:before { background-position:-7560px 0; } .ehealth-strategie:before { background-position:-8100px 0; } #bvitg-2 .ehealth-strategie:before { background-position:-8280px 0; } .bundestagswahl:before { background-position:-8820px 0; } #bvitg-2 .bundestagswahl:before { background-position:-9000px 0; } .beratung:before { background-position:-9540px 0; } #bvitg-2 .beratung:before { background-position:-9720px 0; } .seminare-webinare:before { background-position:-10260px 0; } #bvitg-2 .seminare-webinare:before { background-position:-10440px 0; } .projekte:before { background-position:-10980px 0; } #bvitg-2 .projekte:before { background-position:-11160px 0; } .veranstaltungen:before { background-position:-11700px 0; } #bvitg-2 .veranstaltungen:before { background-position:-11880px 0; } .conhit:before { background-position:-12420px 0; } #bvitg-2 .conhit:before { background-position:-12600px 0; } .health-it-portal:before { background-position:-13140px 0; } #bvitg-2 .health-it-portal:before { background-position:-13320px 0; } .wer-wir-sind:before { background-position:-180px 0; } #bvitg-2 .wer-wir-sind:before { background-position:-360px 0; } .politiker:before { background-image: url(//www.bvitg.de/wp-content/themes/bvitg/images/icons.svg); background-position:-1620px 0; } #bvitg-2 .politiker:before { background-position:-1800px 0; } .mitglieder:before { background-image: url(//www.bvitg.de/wp-content/themes/bvitg/images/icons.svg); background-position:-180px 0; } #bvitg-2 .mitglieder:before { background-image: url(//www.bvitg.de/wp-content/themes/bvitg/images/icons.svg); background-position:-358px 0; } .interessierte:before { background-image: url(//www.bvitg.de/wp-content/themes/bvitg/images/icons.svg); background-position:-900px 0; } #bvitg-2 .interessierte:before { background-image: url(//www.bvitg.de/wp-content/themes/bvitg/images/icons.svg); background-position:-1080px 0; } .anwender:before { background-image: url(//www.bvitg.de/wp-content/themes/bvitg/images/icons.svg); background-position:-2340px 0; } #bvitg-2 .anwender:before { background-position:-2520px 0; } } @font-face { font-family: 'icomoon'; src: url(//www.bvitg.de/wp-content/themes/bvitg/css/fonts/icomoon.woff) format('woff'); font-weight: normal; font-style: normal; } [class^="icon-"]:before, [class*=" icon-"]:before, blockquote:before, blockquote:after, .checklist li:before, .exobox .image-box a:before, .gallery .image-box a:before, .exobox.image-box a:before, .gallery.image-box a:before { font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-home:before { content: "\e900"; } .icon-pencil:before { content: "\e905"; } .icon-image:before { content: "\e90d"; } .icon-camera:before { content: "\e90f"; } .icon-music:before { content: "\e911"; } .icon-play:before { content: "\e912"; } .icon-diamonds:before { content: "\e919"; } .icon-bullhorn:before { content: "\e91a"; } .icon-feed:before { content: "\e91d"; } .icon-mic:before { content: "\e91e"; } .icon-file-empty:before { content: "\e924"; } .icon-file-text2:before { content: "\e926"; } .icon-folder:before { content: "\e92f"; } .icon-cart:before { content: "\e93a"; } .icon-phone:before { content: "\e942"; } .icon-location:before { content: "\e947"; } .icon-compass:before { content: "\e949"; } .icon-clock:before { content: "\e94e"; } .icon-bell:before { content: "\e951"; } .icon-calendar:before { content: "\e953"; } .icon-display:before { content: "\e956"; } .icon-laptop:before { content: "\e957"; } .icon-mobile:before { content: "\e958"; } .icon-tablet:before { content: "\e95a"; } .icon-undo:before { content: "\e965"; } .icon-redo:before { content: "\e966"; } .icon-bubbles:before { content: "\e96c"; } .icon-user:before { content: "\e971"; } .icon-users:before { content: "\e972"; } .icon-quotes-left:before { content: "\e977"; } .icon-quotes-right:before { content: "\e978"; } .icon-hour-glass:before { content: "\e979"; } .icon-spinner2:before { content: "\e97b"; } .icon-search:before { content: "\e986"; } .icon-zoom-in:before, .exobox .image-box a:before, .gallery .image-box a:before, .exobox.image-box a:before, .gallery.image-box a:before { content: "\e987"; } .icon-zoom-out:before { content: "\e988"; } .icon-enlarge:before { content: "\e989"; } .icon-shrink:before { content: "\e98a"; } .icon-lock:before { content: "\e98f"; } .icon-unlocked:before { content: "\e990"; } .icon-wrench:before { content: "\e991"; } .icon-cog:before { content: "\e994"; } .icon-cogs:before { content: "\e995"; } .icon-trophy:before { content: "\e99e"; } .icon-gift:before { content: "\e99f"; } .icon-rocket:before { content: "\e9a5"; } .icon-fire:before { content: "\e9a9"; } .icon-bin:before { content: "\e9ac"; } .icon-power:before { content: "\e9b5"; } .icon-list:before { content: "\e9ba"; } .icon-menu:before { content: "\e9bd"; } .icon-sphere:before { content: "\e9c9"; } .icon-link:before { content: "\e9cb"; } .icon-flag:before { content: "\e9cc"; } .icon-attachment:before { content: "\e9cd"; } .icon-eye:before { content: "\e9ce"; } .icon-bookmark:before { content: "\e9d2"; } .icon-star-empty:before { content: "\e9d7"; } .icon-notification:before { content: "\ea08"; } .icon-question:before { content: "\ea09"; } .icon-plus:before { content: "\ea0a"; } .icon-minus:before { content: "\ea0b"; } .icon-info:before { content: "\ea0c"; } .icon-cancel-circle:before { content: "\ea0d"; } .icon-cross:before { content: "\ea0f"; } .icon-checkmark:before, .checklist li:before { content: "\ea10"; } .icon-checkmark2:before { content: "\ea11"; } .icon-play2:before { content: "\ea15"; } .icon-pause:before { content: "\ea16"; } .icon-stop:before { content: "\ea17"; } .icon-backward:before { content: "\ea1a"; } .icon-forward2:before { content: "\ea1b"; } .icon-volume-high:before { content: "\ea26"; } .icon-volume-mute:before { content: "\ea29"; } .icon-arrow-up2:before { content: "\ea3a"; } .icon-arrow-right2:before { content: "\ea3c"; } .icon-arrow-down2:before { content: "\ea3e"; } .icon-arrow-left2:before { content: "\ea40"; } .icon-circle-up:before { content: "\ea41"; } .icon-circle-right:before { content: "\ea42"; } .icon-circle-down:before { content: "\ea43"; } .icon-circle-left:before { content: "\ea44"; } .icon-checkbox-checked:before { content: "\ea52"; } .icon-radio-checked:before { content: "\ea54"; } .icon-mail:before { content: "\ea83"; } .icon-mail2:before { content: "\ea84"; } .icon-google-plus:before { content: "\ea8b"; } .icon-facebook:before { content: "\ea90"; } .icon-instagram:before { content: "\ea92"; } .icon-whatsapp:before { content: "\ea93"; } .icon-telegram:before { content: "\ea95"; } .icon-twitter:before { content: ""; background-image:url(//www.bvitg.de/wp-content/themes/bvitg/images/twitter-blue.svg); background-size:18px 18px; background-repeat:no-repeat; display:block; width:18px; height:18px; top: 4px; position: relative; } a:hover .icon-twitter:before { content: ""; background-image:url(//www.bvitg.de/wp-content/themes/bvitg/images/twitter-white.svg); } .icon-youtube2:before { content: "\ea9e"; } .icon-vimeo:before { content: "\eaa0"; } .icon-flickr2:before { content: "\eaa4"; } .icon-dribbble:before { content: "\eaa7"; } .icon-behance:before { content: "\eaa8"; } .icon-blogger:before { content: "\eab7"; } .icon-tumblr:before { content: "\eab9"; } .icon-skype:before { content: "\eac5"; } .icon-reddit:before { content: "\eac6"; } .icon-linkedin2:before { content: "\eaca"; } .icon-pinterest:before { content: "\ead1"; } .icon-pinterest2:before { content: "\ead2"; } .icon-xing2:before { content: "\ead4"; } .icon-svg:before { content: "\eae9"; }#baguetteBox-overlay { display: none; opacity: 0; position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000000; background-color: #222; background-color: rgba(0, 0, 0, 0.8); -webkit-transition: opacity .5s ease; transition: opacity .5s ease; } #baguetteBox-overlay.visible { opacity: 1; } #baguetteBox-overlay .full-image { display: inline-block; position: relative; width: 100%; height: 100%; text-align: center; } #baguetteBox-overlay .full-image figure { display: inline; margin: 0; height: 100%; } #baguetteBox-overlay .full-image img { display: inline-block; width: auto; height: auto; max-height: 100%; max-width: 100%; vertical-align: middle; -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } #baguetteBox-overlay .full-image figcaption { display: block; position: absolute; bottom: 0; width: 100%; text-align: center; line-height: 1.8; white-space: normal; color: #ccc; background-color: #000; background-color: rgba(0, 0, 0, 0.6); font-family: sans-serif; } #baguetteBox-overlay .full-image:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } #baguetteBox-slider { position: absolute; left: 0; top: 0; height: 100%; width: 100%; white-space: nowrap; -webkit-transition: left .4s ease, -webkit-transform .4s ease; transition: left .4s ease, -webkit-transform .4s ease; transition: left .4s ease, transform .4s ease; transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease; } #baguetteBox-slider.bounce-from-right { -webkit-animation: bounceFromRight .4s ease-out; animation: bounceFromRight .4s ease-out; } #baguetteBox-slider.bounce-from-left { -webkit-animation: bounceFromLeft .4s ease-out; animation: bounceFromLeft .4s ease-out; } @-webkit-keyframes bounceFromRight { 0% { margin-left: 0; } 50% { margin-left: -30px; } 100% { margin-left: 0; } } @keyframes bounceFromRight { 0% { margin-left: 0; } 50% { margin-left: -30px; } 100% { margin-left: 0; } } @-webkit-keyframes bounceFromLeft { 0% { margin-left: 0; } 50% { margin-left: 30px; } 100% { margin-left: 0; } } @keyframes bounceFromLeft { 0% { margin-left: 0; } 50% { margin-left: 30px; } 100% { margin-left: 0; } } .baguetteBox-button#next-button, .baguetteBox-button#previous-button { top: 50%; top: calc(50% - 20px); width: 40px; height: 40px; } button::-moz-focus-inner { border: 0; } .baguetteBox-button { background: transparent; position: absolute; padding: 0; margin: 0; border: 0; color: #fff; font-size: 2.5rem; cursor: pointer; } .baguetteBox-button span { display: inline-block; line-height: 2.5rem; width: 2.5rem; height: 2.5rem; position: relative; background: rgba(0, 0, 0, 0.4); border-radius: 50%; } .baguetteBox-button:hover { background: transparent; } .baguetteBox-button:hover span { background: rgba(0, 0, 0, 0.6); } .baguetteBox-button:focus, .baguetteBox-button:hover, .baguetteBox-button:active { outline: 0; } .baguetteBox-button span:focus, .baguetteBox-button span:hover { background-color: rgba(255, 255, 255, 0.9); } .baguetteBox-button#next-button { right: 2rem; } .baguetteBox-button#previous-button { left: 2rem; } .baguetteBox-button#close-button { top: 2rem; right: 2rem; right: calc(2rem + 6px); width: 30px; height: 30px; } #baguetteBox-overlay button { opacity: 0.5; } #baguetteBox-overlay button:hover { opacity: 0.9; } .baguetteBox-spinner { width: 40px; height: 40px; display: inline-block; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; } .baguetteBox-double-bounce1, .baguetteBox-double-bounce2 { width: 100%; height: 100%; -moz-border-radius: 50%; border-radius: 50%; background-color: #fff; opacity: .6; position: absolute; top: 0; left: 0; -webkit-animation: bounce 2s infinite ease-in-out; animation: bounce 2s infinite ease-in-out; } .baguetteBox-double-bounce2 { -webkit-animation-delay: -1s; animation-delay: -1s; } @-webkit-keyframes bounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounce { 0%, 100% { -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } }.swiper-container { margin: 0 auto; position: relative; overflow: hidden; z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate(0px, 0px); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative; } @supports (align-items:stretch) { .swiper-slide { height:auto; } } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-transition-property: -webkit-transform, height; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform, height; } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-button-prev, .swiper-button-next { position: absolute; top: 0; width: 60px; height: 100%; z-index: 10; cursor: pointer; background-color:rgba(250,250,250,0); } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 0; right: auto; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right:0; left: auto; } .swiper-button-prev span, .swiper-button-next span { position:absolute; top:calc(50% - 25px); width:40px; height:50px; margin:0 1rem; } .swiper-button-prev span, .swiper-container-rtl .swiper-button-next span { } .swiper-button-next span, .swiper-container-rtl .swiper-button-prev span { } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 100; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #fff; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-white .swiper-pagination-bullet { background: #fff; } .swiper-pagination-bullet-active { opacity: 1; background: #000; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000; } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); -moz-transform: translate3d(0px, -50%, 0); -o-transform: translate(0px, -50%); -ms-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 5px 0; display: block; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; } .swiper-pagination-progress { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progress .swiper-pagination-progressbar { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -moz-transform-origin: left top; -ms-transform-origin: left top; -o-transform-origin: left top; transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { -webkit-transform-origin: right top; -moz-transform-origin: right top; -ms-transform-origin: right top; -o-transform-origin: right top; transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progress { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progress { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-progress.swiper-pagination-white { background: rgba(255, 255, 255, 0.5); } .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { background: #fff; } .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { background: #000; } .swiper-container-3d { -webkit-perspective: 1200px; -moz-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper { -ms-perspective: 1200px; } .swiper-container-cube, .swiper-container-flip { overflow: visible; } .swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-slide { visibility: hidden; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -moz-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; -webkit-background-size: 100%; background-size: 100%; background-repeat: no-repeat; } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } } .big-slider { -webkit-box-shadow: 4px 4px 6px -3px rgba(0,0,0,.6); -moz-box-shadow: 4px 4px 6px -3px rgba(0,0,0,.6); box-shadow:4px 4px 6px -3px rgba(0,0,0,.6);} .swiper-slide .content-box { margin:0 1rem 1rem 0; -webkit-box-shadow: 4px 4px 6px -3px rgba(0,0,0,.6); -moz-box-shadow: 4px 4px 6px -3px rgba(0,0,0,.6); box-shadow:4px 4px 6px -3px rgba(0,0,0,.6);} .member-slider .image-box{ width:100%; height:100%; margin:0; padding:0; } .member-slider .image-box a { width:100%; height:100%; margin:0; padding:0; } .member-slider .image-box a img { display:inline-block; text-align:center; mix-blend-mode: multiply; margin:0.3rem; } .member-slider .swiper-slide .content-box { width:100%; } .swiper-slide .content-box { word-wrap: normal; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .slider-box .teaser-intro-title { margin-top: 0;margin-bottom: 3rem; } .slider-box hr { margin:4rem 0; height:2px; } .big-slider .swiper-slide .content-box { position: relative; z-index: 2; background-color: #fff; max-width: 70%; margin:20rem auto -1px auto; padding:3rem 3rem 7rem 3rem; -webkit-box-shadow: 4px 4px 6px -3px rgba(0,0,0,0); -moz-box-shadow: 4px 4px 6px -3px rgba(0,0,0,0); box-shadow:4px 4px 6px -3px rgba(0,0,0,0); } .big-slider .swiper-slide .content-box h2 { font-size:4.8rem; color:#2e3192;} .button-box.slider-link-box { position: absolute; bottom: 2rem; margin-bottom:0; } .big-slider .swiper-button-prev span svg path, .big-slider .swiper-button-next span svg path { fill:#fff; } .big-slider .bg-image { height:calc(100% + 1px); } @media (max-width:780px) { .slider-box .item-box { width:100%; } .swiper-slide.flex-box { display:block; } .big-slider .swiper-button-prev span, .big-slider .swiper-button-next span { top:400px; width: 28px; height: 32px; } .big-slider .swiper-button-prev span svg path, .big-slider .swiper-button-next span svg path { fill:#D3D4D5; } .big-slider .swiper-slide .content-box { margin:26rem auto 0 auto; background-color: rgba(255,255,255,0.5);} .big-slider .swiper-button-prev, .big-slider .swiper-button-next { width:50px; } .big-slider .swiper-slide .bg-image { height:350px; } .big-slider .swiper-slide .content-box h2 { font-size:3.8rem; margin-bottom:3rem; } .slider-box .item-box > .button-box { margin:3rem;} .big-slider .swiper-slide .content-box { max-width: calc(100% - 15rem); } .slider-box .teaser-intro-title { padding:0 3rem; } .slider-box hr { margin: 4rem 3rem; } } @media (max-width:400px) { .big-slider .swiper-button-prev, .big-slider .swiper-button-next { width: 40px; } .big-slider .swiper-button-prev span, .big-slider .swiper-button-next span { margin: 0 0.5rem; top:300px; } .big-slider .swiper-slide .content-box { max-width: calc(100% - 10rem); padding: 1rem 1rem 7rem 1rem; } .big-slider .swiper-slide .content-box { margin:20rem auto 0 auto; } .big-slider .swiper-slide .bg-image { height:250px; } } .small-slider { max-width:720px; margin:0 auto;width: calc(100% - 10rem); } .swiper-container-box { max-width:850px; margin:0 auto; position: relative;width: 100%; } .swiper-container-box .swiper-button-prev span, .swiper-container-box .swiper-button-next span { position: absolute; top: calc(50% - 17px); width: 30px; height: 35px; margin: 0 1.5rem; } .small-slider .swiper-slide .content-box { color:#fff; } .small-slider .teaser-bg-4.content-box, .small-slider .teaser-bg-5.content-box { color:#2e3192; } .small-slider .content-box-item {min-height: 200px; padding:2rem 2rem 6rem 2rem; position: relative;} .small-slider .content-box-item h3, .small-slider .content-box-item h2 { font-size:2.8rem; margin:0 0 0.5rem 0;} .small-slider .teaser-bg-1 {background-color:rgba(77,80,162, 1) } .small-slider .teaser-bg-2 {background-color:rgba(251,179,60, 1) } .small-slider .teaser-bg-3 {background-color:rgba(172,46,127, 1) } .small-slider .teaser-bg-4 {background-color:rgba(238,238,246, 1) } .small-slider .teaser-bg-5 {background-color:rgba(255,255,255, 1); } @media (max-width:400px) { .small-slider { width:100%; } .small-slider .content-box-item { min-height: 200px; padding: 2rem 4rem 6rem 4rem; position: relative; } .swiper-container-box .swiper-button-prev, .swiper-container-box .swiper-button-next { width:40px; } .swiper-container-box .swiper-button-prev span, .swiper-container-box .swiper-button-next span { position: absolute; top: calc(50% - 14px); width: 25px; height: 28px; margin: 0 0.5rem; } }.lg-actions .lg-next, .lg-actions .lg-prev { border-radius: 2px; color: #999; cursor: pointer; display: block; font-size: 22px; padding: 8px 10px 9px; position: absolute; top: 50%; z-index: 1080; max-width: 45px; } .lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled { pointer-events: none; opacity: 0.5; } .lg-actions .lg-next:hover, .lg-actions .lg-prev:hover { color: #FFF; } .lg-actions .lg-next { right: 0; margin-top: -70px; opacity:1!important; width:90px; height:90px; } .lg-actions .lg-next:after { background-image: url(//www.bvitg.de/wp-content/themes/bvitg/images/navi-icons.svg); background-position: -7488px -4px; background-repeat: no-repeat; background-size: cover; content: ""; display: inline-block; height: 90px; left: -20px; position: absolute; top: -22px; transform: scale(1) translateY(10px) rotate(90deg); width: 90px; } .lg-actions .lg-prev { left:0; margin-top: -110px; opacity:1!important; width:90px; height:90px; } .lg-actions .lg-prev:after { background-image: url(//www.bvitg.de/wp-content/themes/bvitg/images/navi-icons.svg); background-position: -7488px -4px; background-repeat: no-repeat; background-size: cover; content: ""; display: inline-block; height: 90px; left: -20px; position: absolute; top: -22px; transform: scale(1) translateY(10px) rotate(-90deg); width: 90px; } @-webkit-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-moz-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-ms-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-webkit-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @-moz-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @-ms-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } .lg-outer.lg-right-end .lg-object { -webkit-animation: lg-right-end 0.3s; -o-animation: lg-right-end 0.3s; animation: lg-right-end 0.3s; position: relative; } .lg-outer.lg-left-end .lg-object { -webkit-animation: lg-left-end 0.3s; -o-animation: lg-left-end 0.3s; animation: lg-left-end 0.3s; position: relative; } .lg-toolbar { z-index: 1082; left: 0; position: absolute; top: -108px; width: 100%; background-color: rgba(256, 256, 256, 1); opacity:1!important; } .lg-toolbar .lg-icon { position: relative; cursor: pointer; float: right; font-size: 24px; height: 47px; line-height: 27px; padding: 10px 0; text-align: center; width: 50px; text-decoration: none !important; outline: medium none; } #lg-download { left: 50%; margin-left: -20px; position: absolute; top: 0; } .lg-toolbar .lg-icon:hover { color: #FFF; } .lg-toolbar .lg-close:after { background-image: url(//www.bvitg.de/wp-content/themes/bvitg/images/icons.svg); background-position:-2891px -4px; background-repeat: no-repeat; background-size: cover; content: ""; display: inline-block; height: 90px; left: -20px; position: absolute; top: -25px; -webkit-transform: scale(0.5) translateY(10px); transform: scale(0.5) translateY(10px); width: 90px; } .lg-toolbar .lg-download:after { background-image: url(//www.bvitg.de/wp-content/themes/bvitg/images/icons.svg); background-position:-1440px -4px; background-repeat: no-repeat; background-size: cover; content: ""; display: inline-block; height: 90px; left: -20px; position: absolute; top: -25px; -webkit-transform: scale(0.5) translateY(10px); transform: scale(0.5) translateY(10px); width: 90px; } .lg-sub-html { background-color: rgba(256, 256, 256, 1); bottom: 0; color: #000; font-size: 16px; left: 0; min-height: 27px; position:absolute; right: 0; text-align: center; z-index: 1080; } .lg-sub-html h4 { margin: 0; font-size: 13px; font-weight: bold; } .lg-sub-html p { font-size: 14px; margin: 5px 0 0; } #lg-counter { color: #5a5a69; display: inline-block; font-size: 16px; padding-left: 20px; padding-top: 12px; vertical-align: middle; } .lg-toolbar, .lg-prev, .lg-next { opacity: 1; -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .lg-outer .lg-thumb-outer { overflow: hidden; background-color: transparent; bottom: 0; position: absolute; width: 100%; z-index: 1080; max-height: 350px; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; } .lg-outer.lg-thumb-open .lg-thumb-outer { -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0); } .lg-outer .lg-thumb { padding: 10px 0; height: 100%; margin-bottom: -5px; } .lg-outer .lg-thumb-item { cursor: pointer; float: left; overflow: hidden; height: 100%; border: 1px solid #FFF; margin-bottom: 5px; } @media (min-width: 1025px) { .lg-outer .lg-thumb-item { -webkit-transition: border-color 0.25s ease; -o-transition: border-color 0.25s ease; transition: border-color 0.25s ease; } } .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #2bddbb; } .lg-outer .lg-thumb-item img { width: 100%; height: 100%; object-fit: cover; } .lg-outer.lg-has-thumb .lg-item { padding-bottom: 120px; } .lg-outer.lg-can-toggle .lg-item { padding-bottom: 0; } .lg-outer.lg-pull-caption-up .lg-sub-html { -webkit-transition: bottom 0.25s ease; -o-transition: bottom 0.25s ease; transition: bottom 0.25s ease; } .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html { bottom: 94px; } .lg-outer .lg-toogle-thumb { display:none } .lg-outer .lg-toogle-thumb:after { content: "x"; } .lg-outer .lg-toogle-thumb:hover { color: #000; } .lg-outer .lg-video-cont { display: inline-block; vertical-align: middle; max-width: 1140px; max-height: 100%; width: 100%; padding: 0 5px; } .lg-outer .lg-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; } .lg-outer .lg-video .lg-object { display: inline-block; position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .lg-outer .lg-video .lg-video-play { width: 84px; height: 59px; position: absolute; left: 50%; top: 50%; margin-left: -42px; margin-top: -30px; z-index: 1080; cursor: pointer; } .lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play { display: none; } .lg-progress-bar { background-color: #5a5a69; height: 5px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1083; opacity: 0; -webkit-transition: opacity 0.08s ease 0s; -moz-transition: opacity 0.08s ease 0s; -o-transition: opacity 0.08s ease 0s; transition: opacity 0.08s ease 0s; } .lg-progress-bar .lg-progress { background-color: #5a5a69; height: 5px; width: 0; } .lg-progress-bar.lg-start .lg-progress { width: 100%; } .lg-show-autoplay .lg-progress-bar { opacity: 1; } .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transition-duration: 0s; transition-duration: 0s; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } #lg-zoom-in:after { content: "[+]"; } #lg-actual-size { font-size: 20px; } #lg-actual-size:after { content: "[]"; } #lg-zoom-out { opacity: 0.5; pointer-events: none; } #lg-zoom-out:after { content: "[-]"; } .lg-zoomed #lg-zoom-out { opacity: 1; pointer-events: auto; } .lg-outer .lg-pager-outer { bottom: 60px; left: 0; position: absolute; right: 0; text-align: center; z-index: 1080; height: 10px; } .lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont { overflow: visible; } .lg-outer .lg-pager-cont { cursor: pointer; display: inline-block; overflow: hidden; position: relative; vertical-align: top; margin: 0 5px; } .lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .lg-outer .lg-pager-cont.lg-pager-active .lg-pager { box-shadow: 0 0 0 2px white inset; } .lg-outer .lg-pager-thumb-cont { background-color: #fff; color: #FFF; bottom: 100%; height: 83px; left: 0; margin-bottom: 20px; margin-left: -60px; opacity: 0; padding: 5px; position: absolute; width: 120px; border-radius: 3px; -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s; -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s; transition: opacity 0.15s ease 0s, transform 0.15s ease 0s; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } .lg-outer .lg-pager-thumb-cont img { width: 100%; height: 100%; } .lg-outer .lg-pager { background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset; display: block; height: 12px; -webkit-transition: box-shadow 0.3s ease 0s; -o-transition: box-shadow 0.3s ease 0s; transition: box-shadow 0.3s ease 0s; width: 12px; } .lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus { box-shadow: 0 0 0 8px white inset; } .lg-outer .lg-caret { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px dashed; bottom: -10px; display: inline-block; height: 0; left: 50%; margin-left: -5px; position: absolute; vertical-align: middle; width: 0; } .lg-fullscreen:after { content: "\e20c"; } .lg-fullscreen-on .lg-fullscreen:after { content: "\e20d"; } .group { *zoom: 1; } .group:before, .group:after { display: table; content: ""; line-height: 0; } .group:after { clear: both; } .lg-outer { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1050; opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; display: -ms-flexbox; display: -webkit-flex; display:flex; -webkit-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-box-align:center; -ms-flex-align:center; align-items:center; } .lg-outer * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .lg-outer.lg-visible { opacity: 1; } .lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current { -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; } .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current { -webkit-transition-duration: 0s !important; transition-duration: 0s !important; opacity: 1; } .lg-outer.lg-grab img.lg-object { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer.lg-grabbing img.lg-object { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg { top: auto!important; width: 100%; position: relative; padding: 80px auto 80px; max-width: 100%; max-height: 100%; } .lg-outer .lg-inner { width: 100%; height: 100%; position: absolute; left: 0; top:-97px; white-space: nowrap; } .lg-outer .lg-item { display: none !important; } .lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide { display: inline-block !important; } .lg-outer.lg-css .lg-current { display: inline-block !important; } .lg-outer .lg-item, .lg-outer .lg-img-wrap { display: inline-block; text-align: center; position: absolute; width: 100%; height: 100%; } .lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } .lg-outer .lg-img-wrap { position: absolute; padding: 0; left: 0; right: 0; top: 0; bottom: 0; } .lg-outer .lg-item.lg-complete { background-image: none; } .lg-outer .lg-item.lg-current { z-index: 1060; } .lg-outer .lg-image { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; } .lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play { opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play { opacity: 1; } .lg-outer .lg-empty-html { display: none; } .lg-outer.lg-hide-download #lg-download { display: none; } .lg-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1040; background-color: #000; opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-backdrop.in { opacity: 1; } .lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current { -webkit-transition: none 0s ease 0s !important; -moz-transition: none 0s ease 0s !important; -o-transition: none 0s ease 0s !important; transition: none 0s ease 0s !important; } .lg-css3.lg-use-css3 .lg-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-css3.lg-use-left .lg-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .lg-css3.lg-fade .lg-item { opacity: 0; } .lg-css3.lg-fade .lg-item.lg-current { opacity: 1; } .lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current { -webkit-transition: opacity 0.1s ease 0s; -moz-transition: opacity 0.1s ease 0s; -o-transition: opacity 0.1s ease 0s; transition: opacity 0.1s ease 0s; } .lg-css3.lg-slide.lg-use-css3 .lg-item { opacity: 0; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .lg-css3.lg-slide.lg-use-left .lg-item { opacity: 0; position: absolute; left: 0; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { left: -100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide { left: 100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { left: 0; opacity: 1; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } @media (max-width: 1100px) { .lg-actions .lg-next { right: 10px; } .lg-actions .lg-prev { left: 10px; } } @media (max-width: 960px) { .lg-toolbar { top:0; } .lg-outer .lg { height:100%!important; } .lg-outer .lg-inner { top: -67px;} .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html { bottom: 72px; } .lg-outer .lg-thumb-outer {bottom: -15px;} }