*{box-sizing: border-box;margin: 0;padding: 0; font-family: inherit; font-style: inherit; } html { overflow-x: hidden;overflow-y: scroll;min-height: 100vh; } @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; font-display: swap; src: url("/wp-content/themes/bS/assets/fonts/material.eot"); src: url("/wp-content/themes/bS/assets/fonts/material.eot?#iefix") format("embedded-opentype"), url('/wp-content/themes/bS/assets/fonts/material.woff2') format('woff2'), url('/wp-content/themes/bS/assets/fonts/material.ttf') format('truetype'); } @font-face { font-family: "feather"; font-display:swap; src: url('/wp-content/themes/bS/assets/fonts/Feather/Feather.woff?t=1501834582692') format('woff'), /* chrome, firefox */ url('/wp-content/themes/bS/assets/fonts/Feather/Feather.ttf?t=1501834582692') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('/wp-content/themes/bS/assets/fonts/Feather/Feather.svg?t=1501834582692#feather') format('svg'); /* iOS 4.1- */ } /* lato-thin - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-display:swap; font-weight: 100; src: url('/wp-content/themes/bS/assets/Lato/Lato-Thin.ttf') format('truetype'); /* Safari, Android, iOS */ } /* lato-light - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-display:swap; font-weight: 300; src: url('/wp-content/themes/bS/assets/Lato/Lato-Light.ttf') format('truetype'); /* Safari, Android, iOS */ } /* lato-regular - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-display:swap; font-weight: 400; src: url('/wp-content/themes/bS/assets/Lato/Lato-Regular.ttf') format('truetype'); /* Safari, Android, iOS */ } /* lato-bold - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-display:swap; font-weight: 700; src: url('/wp-content/themes/bS/assets/Lato/Lato-Bold.ttf') format('truetype'); /* Safari, Android, iOS */ } /* lato-black - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-display:swap; font-weight: 900; src: url('/wp-content/themes/bS/assets/Lato/Lato-Black.ttf') format('truetype'); /* Safari, Android, iOS */ } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; font-feature-settings: "liga" 0; } /* reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } input:focus::placeholder { color: transparent; } sup { vertical-align: super; font-size: smaller; } sub { vertical-align: sub; font-size: smaller; } em { font-style: italic; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } blockquote img{ max-width: 115px!important; height: auto; } p{ line-height: 1.5rem; } li a,p a { color: #1F5DA6; font-weight: bold; padding: 0; text-decoration: underline;} li a:visited, p a:visited { color: #143C6B; text-decoration: none; } li a:hover ,p a:hover { color: #143C6B; text-decoration: underline; } li a:focus-visible ,p a:focus-visible { color: #143C6B; text-decoration: none; outline: 3px dotted #143C6B; } li a:focus,p a:focus { color: #143C6B; text-decoration: none; outline: 3px dotted #143C6B; } .block_head{ padding: 0; } .wp-block-image.is-style-rounded img { border-radius: 9999px; } button, input[type="submit"], input[type="reset"] { background: none; color: inherit; border: none; padding: 0; font: inherit; cursor: pointer; outline: inherit; } body {font-family: 'Lato';/* max-width: 2000px;*/margin:auto; color:#091B30;font-size: 16px;font-weight: 400;} /* === Kontaktformular === */ .form-error-message-container { padding-bottom: 32px; margin-bottom: 32px; color: red; font-weight: 400; background-color: #f2f4f6; } .form-error-message-container h3 { background-color: #f2f4f6; margin-bottom: 16px; padding-left: 16px; color: initial; } .form-error-message-container ul { margin-left: 16px; margin-bottom: 16px; } a.external{ position: relative; padding-right: 0; max-width: 100%; vertical-align: top; /*display: inline-block;*/ } .main .link-list,.main .link-list li{ list-style: none; margin: 0; padding: 0; } .main .link-list li{ margin-bottom: 16px ; } .main .link-list li:last-child{ margin-bottom: 0px ; } .link-list a{/*display: inline-block*/;padding-right: 0;} a.external:after { position: absolute; width: 24px; height: 24px; font-family: 'Material Icons'; font-size: 24px; color: #1F5DA8; content: "\e895"; /*content: "\e2c4"; content: "";*/ font-weight: 700; text-align: right; top: 0; right: 4px; vertical-align: top; } p a.external:after, li a.external:after{ font-size: 16px; width: 16px; height: 16px; vertical-align: top; padding-right: 5px; } .link-list a:after{ position: relative; padding-left: 8px; text-decoration: none; top: 2px; display: inline-block; } a.external:hover:after,a.external:visited:after ,.link-list a:hover{ color: #143C6C; text-decoration: none; } .footer a.external:hover:after{ color: #1F5DAC; } .footer a.external:after{ color: #091B30; } .footer_menu a:hover,.footer a:hover{ text-decoration: none; } .footer a.external:hover{ color: #1F5DAC; } a { text-decoration: none; color: #1F5DA6; } .my-block-button.external, .modul a.wp-block-button__link.external{ /*padding-right: 40px;*/ vertical-align: middle; } a.external:after,.modul a.wp-block-button__link.external:after{ color: #091B30; top: unset; right: 8px; position: relative; display: inline-block; bottom: 0; left: 4px; /* padding: 4px; */ font-size: 20px; text-align: center; vertical-align: top; font-weight: 100; } a.my-block-button.external:after,.modul a.wp-block-button__link.external:after{ color: #fff; vertical-align: middle; } a.my-block-button.external:focus:after,a.my-block-button.external:hover:after{ color: #091B30;; vertical-align: middle; } .downloads a.external:after, .downloads a:after { content: "\e895"; content: ""; } /**/ /* === end === */ /* p a { text-decoration: underline; position: relative; padding-right: 30px; } p a::after { font-family: 'feather'; font-size: 24px; padding-left: 5px; content: "\e955"; vertical-align: -4px; position: absolute; font-weight: 100; } p a:hover { text-decoration: none;} */ .wp-block-columns { display: flex; margin-bottom: 1.75em; flex-wrap: nowrap; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; flex-direction: column; } ol { margin: 0; padding: 0; list-style-type: decimal; /* Ändern Sie den Listenstil nach Bedarf */ } /* Stil für Listenelemente */ ol li { margin-bottom: 5px; /* Abstand zwischen den Listenelementen */ padding-left: 20px; /* Einrückung der Listenelemente */ } /* Beispiel für verschiedene Listenstil-Typen */ ol.upper-roman { list-style-type: upper-roman; /* Ändern Sie den Listenstil nach Bedarf */ } ol.lower-alpha { list-style-type: lower-alpha; /* Ändern Sie den Listenstil nach Bedarf */ } strong { font-weight:700; } .wp-block-column { flex-basis: 0; flex-grow: 1; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } /* figure.wp-block-image img, .wp-block-image >figure img { max-width: 100%; height: auto; } */ figure.wp-block-image img.wpsmartcrop-image, .wp-block-image >figure img.wpsmartcrop-image { width: 100%; height: auto; } figure.wp-block-image.focus-test img.wpsmartcrop-image, .wp-block-image >figure img.wpsmartcrop-image.focus-test { width: 100%; height: 200px; } .wp-block-image >figure, figure.wp-block-image.xx_bild, .content_section .wp-block-image >figure.xx_bild, .content_section figure.wp-block-image.xx_bild .xx_bild{ overflow: hidden; /* max-width: 900px; max-height: 100px; max-width: 400px; height: 100px; width: 400px; width: 500px; height: 200px;*/ max-width: 100%; } /**/ .app_temp .wp-block-image { width: calc(50% - 24px); display: inline-block; margin-right: 24px; } /* ::marker { content:none; display: none; } */ details > summary { list-style: none; } details > summary::marker { display: none; } .main{ overflow: hidden; } .kontakt span.material-icons { color: #091B30; margin-right: 16px; line-height: 32px; } .kontakt span { display: inline-block; vertical-align: top; } .kontakt .block_content.content a { margin: 0; padding: 0; } .is-type-video{ max-width: 808px; } .swiper-slide .is-type-video { max-width: 100%; height: 570px; } .wp-block-bitv-stage-video-modul.modul.stage-video, .wp-block-bitv-stage-2video-modul.modul.stage-video { height: calc(100vh - 72px); background: black; overflow: hidden; } .modul.stage-video figure.wp-block-video.video { height: 100%; /* display: flex;*/ justify-content: center; align-items: center; text-align: center; } .modul.stage-video video { height: 100%; width: auto!important; } /* .modul.stage-video video { height: auto; width: 100%; } */ /* .modul.stage-video figure.wp-block-video.video { display: flex; } */ .modul.stage-video video[poster] { height:100%; width:100%; object-fit: cover; } /* @media screen and (orientation:portrait) { .modul.stage-video video { height: 100%!important; width: auto!important; } } @media screen and (orientation:landscape) { .modul.stage-video video { height: auto!important; width: 100%!important; } } */ .swiper-slide .is-type-video .wp-block-embed__wrapper{ height: 570px; } iframe{ width: 100%; height: 456px; } .swiper-slide .is-type-video .wp-block-embed__wrapper iframe{ width: 100%; height: 570px; } .wp-block-media-text__media img, .wp-block-media-text__media video { max-width: 100%; width: auto; vertical-align: middle; height: auto } #myBody.overlay{ /*position: fixed;*/ width: 100%; top: 0px; left: 0px; height: 100vh; overflow: hidden; } #back_navi{ display: none; } .main ul,.main ol{ padding: 0 16px 16px 16px; } .main ul li{ position: relative; line-height: 1.5em; display: list-item; margin: 0 0 0 1em; margin-bottom: 8px; padding-left: 1em; /*font-weight: 100;*/ list-style-type: disc; list-style: disc outside none; } .main ol li{ list-style-type: decimal; list-style: decimal outside none; } a { text-decoration: none; color:#1F5DA6; } /* skiplinks */ .skiplinks ul { list-style: none; margin: 0; padding: 0; } .is-visuallyhidden, .visuallyhidden { border: 0; clip: auto; height: 10px; margin-bottom: -10px; overflow: hidden; padding: 0; position: absolute; width: 10px; color: transparent; background: 0 0; opacity: 0; z-index: 1000000; } .is-visuallyhidden:not(:focus-visible), .visuallyhidden:not(:focus-visible) { border: 0!important; clip: rect(0 0 0 0)!important; height: 0px!important; margin: -1px!important; overflow: hidden!important; padding: 0!important; position: absolute!important; width: 1px!important; } .skiplinks { position: relative; z-index: 100000; } .skiplink>a, a.skiplink { position: absolute; z-index: 100000; top: -9999px; left: -9999px; text-decoration: none; } .skiplink>a:active, .skiplink>a:focus-visible, a.skiplink:active { position: absolute; top: 50px; top: 50vh; left: 50%; -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background: rgba(20,20,20,.8); color: #fff; border: 1px solid #000; box-shadow: 0 0 20px rgb(0 0 0 / 50%); border-radius: 5px; padding: 20px 40px; font-size: 20px; font-size: 2rem; font-family: CH-Sans; } a.skiplink:focus, .skiplink>a:focus { position: absolute; top: 50px; top: 50vh; left: 50%; -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); background: rgba(20,20,20,.8); color: #fff; border: 1px solid #000; box-shadow: 0 0 20px rgb(0 0 0 / 50%); border-radius: 5px; padding: 20px 40px; font-size: 20px; font-size: 2rem; font-family: CH-Sans; } li{ line-height: 32px; margin: 5px; } .skiplinks li{ margin: 0; } #searchsubmit,button{ line-height: 48px; margin: 5px; cursor: pointer; min-width: 48px; } /* Screen Reader Text ------------------------ */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; word-break: normal; } .screen-reader-text:focus-visible { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; font-size: 0.875rem; height: auto; right: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /* h1, section { max-width:1224px; margin:0 auto 16px auto; } section{ background: pink; } */ .content_section { max-width:808px; margin: auto; margin-bottom: 32px; } .full{ max-width: none; width:100%; } .gray{ background: #F3F4F7; max-width: none; width:100%; padding-top: 24px; padding-bottom: 24px; padding: 96px 0; } .bg_white{ background: #FFF; } #searchsubmit,.block_image,.block_headline,.block_content,.my-block-button{ position: relative; display: block; width: 100%; height: auto } .modul .modul-button a,.modul .text-button a,.my-block-button span.button-text, .button, .my-block-button:link span.button-text, .button:link, input.button { color: #fff; background-color: #0061AB; border: none; border-radius: 0; box-shadow: none; cursor: pointer; display: block; text-align: center; text-decoration: none; overflow-wrap: break-word; width: auto; text-align: center; line-height: 24px; padding: 12px; font-weight: bold; font-size: 16px; display: inline-block; border: 3px dotted transparent; } .modul .modul-button a:visited,.modul .text-button a:visited, .my-block-button:visited span.button-text, .button:visited { color: #fff; } .modul .modul-button a:hover,.modul .text-button a:hover, .my-block-button:hover span.button-text, .button:hover { color: #FFF; background: #143C6B; } .modul .modul-button a:focus-visible,.modul .text-button a:focus-visible, .my-block-button:focus-visible span.button-text, .button:focus-visible { background-color: #143C6B; color: #fff; outline: 3px dotted #000; } .modul .modul-button a:focus,.modul .text-button a:focus, .my-block-button:focus span.button-text, .button:focus { background-color: #143C6B; color: #fff; outline: 3px dotted #000; } #searchsubmit,button { background: transparent; border:0; margin:0; } .header { min-height:72px; /* padding: 0 0 0 16px*/ } .header_out{ border-bottom: 1px solid #C7CCDB;/**/ padding: 0; } a.custom-logo-link { height: 72px; vertical-align: middle; line-height: 72px; display: inline-block; padding: 0; margin: auto; } .custom-logo { padding: 8px; width: auto; } .site-logo{ display: inline-block; width:68%; padding-left:16px; } .header img { cursor: pointer; vertical-align: middle; } .site-title { width:68%; display: inline-block; height:98%; } .header .nav-frame { width: 32%; display: inline-block; vertical-align: middle; text-align: right; height: 72px; } .header .logo { width:128px; height:98%; margin:0 0 0 0; } .nav-frame img { height:32px; margin:00; } .nav-frame button { height: 100%; } .nav-frame button:focus-visible { outline: 3px dotted #1F5DA6; } .nav-frame button:focus { outline: 3px dotted #1F5DA6; } .mobile-menu { padding:32px 16px 0 16px; background: #fff; } .mobile-menu li { border-bottom:1px solid #E3E5ED; margin:0 0 16px 0; font-size:24px; line-height:2em; } .mobile-menu a, .mobile-menu a:visited { font-size:24px; line-height:24px; color:#091B30; } .showing-modal .mobile_menu_open_button, .mobile_menu_close_button { display:none; } .showing-modal .mobile_menu_close_button { display:inline-block; } .header{ position: relative; } .cover-modal, .lb_navi {display:none;} .cover-modal.active { display: block; overflow: auto; position: absolute; z-index: 1000; width: 100%; width: 100vw; padding: 0 16px; height: calc(100vh - 72px); background-color: #fff; top: -72px; height: 144px; padding: 0; width: 100%; max-width: 1224px; margin: auto; left: 0; right: 0; position: relative; margin-bottom: -48px; } .mobile_hidden { display: none; } .sub_menu_inner { background: #fff; } .search-modal.cover-modal.show-modal.active{ top: -72px; height: 144px; padding: 0; width: 100%; max-width: 1224px; margin: auto; left: 0; right: 0; position: relative; margin-bottom: -48px; } .search-modal-inner{ /*border-bottom: 1px solid #C7CCDB;*/ } .search-modal .search{ grid-template-columns: 1fr; grid-template-rows: 72px; -ms-grid-columns: 72px 1fr; display: inline-grid; display: -ms-inline-grid; vertical-align: middle; padding: 0; align-items: center; justify-items: center; border-bottom: none; font-size: 32px } .search-modal .material-icons { cursor: pointer; font-size: 32px; width: 48px; } .searchform{ display: inline-block; position: relative; } input#s { margin: 24px 0 8px 0; line-height: 40px; width: 100%; padding: 0 4px; font-size: 16px; -webkit-appearance: none; height: 40px; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { border: none; -webkit-text-fill-color: #091B30; -webkit-box-shadow: 0 0 0px 1000px #FFF inset; transition: #fff 5000s ease-in-out 0s; } .marked{ color: #0061AB; font-weight: 700; } .main.search{ width: 100%; padding: 16px; max-width: 1224px; margin: auto; } .main.search h2 { padding: 16px 0; max-width: 1244px; } /**/ .archive-title{ color: #091B30; /*font-family: Lato;*/ font-size: 42px; letter-spacing: 0; line-height: 48px; display: inline-block; width: 100%; padding: 0; } .archive-subtitle p{ padding: 16px 0; width: 100%; max-width: 100%; } .archive-subtitle{ /*display: none;*/ width: 100%; text-align: left; } .main.search article .bottom {padding-bottom: 16px; } .main.search article .entry-title a { color: #091B30; /*font-family: Lato;*/ font-size: 26px; letter-spacing: 0; line-height: 48px; margin: 0; padding: 0; } .main.search article .entry-title a:hover { color: #0061AB; } .main.search article .entry-content { color: #091B30; /*font-family: Lato;*/ font-size: 16px; letter-spacing: 0; line-height: 24px; margin-bottom: 24px; } .main.search article .entry-content h2 { color: #091B30; /*font-family: Lato;*/ font-size: 26px; letter-spacing: 0; line-height: 48px; } .main.search .post-separator { margin: 16px 0; border: 0; border-bottom : 1px solid #E3E5ED; } .main.search article .bottom .material-icons { color: #E3E5ED; } .main.search article .bottom .home { padding-right: 16px; margin-right: 16px; border-right : 1px solid #E3E5ED; color : #091B30; } .main.search article .bottom a { color : #091B30; font-size: small; margin: 0; padding: 0; } .main.search article .bottom a:last-child { color : #1F5DA6; } .main.search article .bottom .home svg { vertical-align: top } .search-modal .section-inner { display: grid; grid-template-columns: auto 1fr auto; margin: 0 -3px; width: calc(100% - 6px); } .show-test{ display: none; position: relative; z-index: 5000; background-color: white; max-width: 1272px; margin: auto; padding: 0; } .show-test.active{ display: block;display: grid; grid: auto / 1fr; gap: 0; } .blog.m.show-test { margin-top: 36px; } .sub_menu_block p { font-size: 26px; letter-spacing: 0; line-height: 32px; padding: 16px 0 } .sub_menu_block.blog a { color: #1F5DA6; font-size: 16px; letter-spacing: 0; line-height: 24px; display: block; padding: 0; } .sub_menu_block.blog a:focus-visible { color: #1F5DA6; outline: 3px dotted #1F5DA6; } .sub_menu_block.blog a:focus { color: #1F5DA6; outline: 3px dotted #1F5DA6; } .sub_menu_block.blog a:hover { color: #143C6B; text-decoration: underline; } .sub_menu_block.blog img { max-width: 100%; height: auto; } .sub_menu_block { background: #fff; display: block; margin: 0; margin-bottom: 48px; } .sub_menu_block label { display: block; color: #091B30; font-size: 16px; letter-spacing: 0; line-height: 24px; height: 40px; font-weight: 400; } a.sub_menu_item{ color: #091B30; font-size: 24px; letter-spacing: 0; line-height: 24px; display: block; line-height: 56px; border-bottom: 1px solid #E3E5ED; position: relative; } a.sub_menu_item: focus-visible{ color: #143C6B; text-decoration: underline; text-decoration-style: dotted; } a.sub_menu_item: focus{ color: #143C6B; text-decoration: underline; text-decoration-style: dotted; } a.sub_menu_item: hover{ color: #1F5DA6 ; } a.sub_menu_item .material-icons{ position: absolute; right: 0; line-height: 56px; } /* Breadcrumb */ .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; } .breadcrumb ul{ list-style: none; margin: 0; } .breadcrumb ul li{ display: inline-block; } .breadcrumb a { color: #428bca; text-decoration: none; } .breadcrumb a:hover { text-decoration: underline; color: #cd2653; } .breadcrumb svg.svg-icon { display: inline-block; color: #428bca; fill: #428bca; vertical-align: middle; } .breadcrumb svg.svg-icon:hover { display: inline-block; color: #cd2653; fill: #cd2653; vertical-align: middle; } /* Slideshow */ /* Slideshow container */ .wp-block-lb-content-slide-frame.slide-frame { } .slideshow-container { position: relative; margin: auto; background: none; } .slideshow-container.xx { width: 100%; position: relative; min-height: 0; padding: 0; overflow: hidden; max-width: 2000px; height: 500px; } .wp-block-lb-teaser-slide-thumb-item img{ width: 100%; height: 500px; object-fit: cover; } .wp-block-lb-teaser-slide-item img{ width: 100%; height: 570px; object-fit: cover; } .wp-block-lb-teaser-slide-thumb-item .teaser_image_div{ display:none; } /* Hide the images by default */ .mySlides { max-width: 2000px; margin: auto; display: none; margin-bottom: -64px } /* Next & previous buttons */ .prev_slide, .next_slide { display:none; } .mySlides .my-block-image { } figure.wp-block-image.focus-test img,img.focus-test{ height:200px; } /* Caption text */ .text { position: absolute; max-width: 1224px; margin: auto; padding: 0; width: 100%; left: 0; right: 0; padding: 0 16px; bottom: 56px; font-size:36px; line-height: 48px; text-align: left; } .slide_h1,.slide_h2{ display: block; } .slide_h1{ font-size: 4rem; } .slide_h2{ font-size: 1.5rem; } .my-block-title { color: #FFFFFF; font-size: 14px; letter-spacing: 3px; line-height: 24px; text-transform: uppercase; padding: 8px 0; } .my-block-text { color: #FFFFFF; font-family: Lato; font-size: 42px; letter-spacing: 0; line-height: 48px; display: inline-block; } .text .my-block-button a { color: #fff; } .text .my-block-button,.text .my-block-button:active, #searchsubmit: visited { border: 2px solid #FFFFFF; background: none; width: auto; display: block; font-size: 16px; font-weight: bold; letter-spacing: 0; line-height: 24px; text-align: center; padding: 12px 24px; margin-top: 32px; color: #fff; } .text .my-block-button:focus-visible { outline: 3px dotted #000; background-color: #FFFFFF; color: #091B30; } .text .my-block-button:focus { outline: 3px dotted #000; background-color: #FFFFFF; color: #091B30; } .main section .text .my-block-button:hover,.text .my-block-button:hover { border: 2px solid #FFFFFF; background-color: #FFFFFF; color: #091B30; } .text .my-block-button:focus a { outline: 3px dotted #000; background-color: #FFFFFF; color: #091B30; } .text .my-block-button:hover a { border: 2px solid #FFFFFF; background-color: #FFFFFF; color: #091B30; } .gallery-main .text .my-block-button { margin: auto; color: #0061AB; border: 2px solid #0061AB; margin-bottom: 24px; } .wp-block-lb-teaser-slide-thumb-item .text .my-block-button { margin: auto; color: #ffffff; border: 2px solid #ffffff; margin-bottom: 24px; } .gallery-main .text ,.wp-block-lb-teaser-slide-thumb-item .text { text-align: left; } #searchsubmit, #searchsubmit:active, #searchsubmit:focus { background: #0061AB; color: #fff; text-decoration: none; text-align: center; line-height: 24px; margin-top: 0; } #searchsubmit { padding: 9px 24px; margin: 0 24px; position: absolute; } #searchsubmit:focus-visible{ outline:3px dotted #091B30; margin-top:0; padding: 9px 24px; } #searchsubmit:focus{ outline:3px dotted #091B30; margin-top:0; padding: 9px 24px; } .close-search-toggle{ padding-left: 8px; background: red; background: url(/wp-content/themes/bS/assets/close_x.svg); background-repeat: no-repeat; background-position: center center; line-height: 2px; margin: 5px; cursor: pointer; min-width: 48px; height: 40px; margin: auto; } .close-search-toggle:focus-visible{ outline: 3px dotted #091B30; } .close-search-toggle:focus{ outline: 3px dotted #091B30; } button.search-toggle: focus-visible{ outline: 3px dotted #091B30; } button.search-toggle: focus{ outline: 3px dotted #091B30; } #searchsubmit: hover{ background: #143C6B; } button svg, .text button svg{ display: inline-block; vertical-align: middle; } .suche_svg_icon{ display: inline-block; height: 100%; width: 24px; margin: auto 16px; background: url(/wp-content/themes/bS/assets/search.svg); background-repeat: no-repeat; background-position: center center; } .suche_svg_icon svg{ vertical-align: middle; display: block; height: 100%; width: 32px; } /* Number text (1/3 etc) */ .numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0; } /* The dots/bullets/indicators */ .swiper-pagination-bullets,.dots{ position: relative; text-align: center; height: 56px; line-height: 56px; bottom: 0; width: 100%; } .page-numbers.dots{ position: relative; } .page-numbers{ margin-right: 24px; } .page-numbers.current{ color: #091B30; font-weight: 700; } .page-numbers.placeholder { color: #E3E5ED; } .swiper-pagination.desktop_hidden.swiper-pagination-clickable.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 8px; } .swiper-pagination-bullets .swiper-pagination-bullet,.dot { margin: 0 8px; background-color: #C7CCDB; transition: background-color 0.6s ease; margin: 16px; opacity: 1; } .dots.d_text{ left: 10.9%; width: 48%; text-align: left; display: grid; grid: repeat(auto-fill, 50px) / auto-flow 1fr; gap: 0px 24px; } .d_text .dot{ width: auto; min-width: 15px; border-top: 3px solid #fff; border-radius: 0; height: calc( 100% - 3px ); } .swiper-pagination-bullets .swiper-pagination-bullet-active, .swiper-pagination-bullet:hover,.active_dot, .dot:hover { background-color: #FFF; } .content-slider .swiper-pagination-bullets .swiper-pagination-bullet-active, .content-slider .swiper-pagination-bullet:hover,.content-slider .active_dot, .content-slider .dot:hover { background-color: #0061AB; } /* Fading animation */ .fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s; } @-webkit-keyframes fade { from {opacity: .4} to {opacity: 1} } @keyframes fade { from {opacity: .4} to {opacity: 1} } .mySlides img{ margin: auto; width: 100%; height: auto; } /* Extra-Navi */ .extra_navi{ background: #fff; border-top: 1px solid #E3E5ED; display: block; } .navi-item{ width: 100%; border-bottom: 1px solid #E3E5ED; text-align: center; } .navi-item a{ padding: 27px 0; display: block; } .navi-item a: focus-visible{ outline: 3px dotted #091B30; padding: 24px 0; } .navi-item a: focus{ outline: 3px dotted #091B30; padding: 24px 0; } .swiper-pagination-bullet: focus-visible{ background: #143C6B; } .swiper-pagination-bullet: focus{ background: #143C6B; } .navi-item img { margin: auto; max-width: 327px; height: 27px; width: auto; } .navi-item .wp-block-media-text__media { margin-left: 0; } .navi-item .wp-block-media-text__content{ height: 4em; display: flex; justify-content: start; align-items: center; } .navi-item .wp-block-media-text__content p{ color: #1F5DA6; font-size: 16px; letter-spacing: 0; line-height: 1.5rem; margin: 0; width: 150px; } .main-navi_btn { width: 100%; display: block; margin: 0; color: #091B30; font-size: 24px; letter-spacing: 0; border-bottom: 1px solid #E3E5ED; text-align: left; line-height: 72px; font-weight: 400; } .main-navi_btn .material-icons { position: absolute; right: 32px; line-height: 72px; } button.main-navi_btn.active,.material-icons{ color: #1F5DA6; vertical-align: middle; } *:focus-visible { outline: none; } *:focus { outline: none; } .nav-toggle .material-icons:before { content: "\e5d2" } .nav-toggle.active .material-icons:before { content: "\e5cd" } .desktop_hidden { display: inline-block; } .mobile_hidden { display: none; } .nav-toggle:focus-visible{ outline: 3px dotted #091B30; } .nav-toggle:focus{ outline: 3px dotted #091B30; } h1,h2,h3,h4,h5,h6,p { padding:0 16px; margin-bottom: 24px; } /**/ .e_headline{ padding: 0; margin: 0; max-width: none; width: 100%; } p { font-size: 16px; line-height: 24px; } .wp-block-image img { max-width: 100%; height: auto; } .text_left,.text_right{ padding: 0 16px; } .text_left p,.text_right p, p.content { padding: 0 0 16px 0; } /*accordion*/ .accordion-item { padding: 0; max-width: 1026px; margin: auto; border-top: 1px solid #E3E5ED; border-bottom: 1px solid #E3E5ED; margin-bottom: -1px; } .accordion-item img{ max-width: 100%; height: auto; margin-top: 32px; } .question { padding: 24px 48px 24px 24px; /*border-top: 1px solid #E3E5ED;*/ position: relative; line-height: 1.5rem; cursor: pointer; display: block; width: 100%; text-align: left; font-size: 16px; } .question:after { font-family: 'Material Icons'; font-style: normal; font-size: 32px; color: #0061AB; position: absolute; right: 8px; top: 24px; content: "\e5cf"; line-height: 1.5rem; font-weight: lighter; } .question:focus-visible{ background: #F3F4F7; outline: 3px dotted #1F5DA6; } .question:focus{ background: #F3F4F7; outline: 3px dotted #1F5DA6; } .question.active { display: block; } .question.active:after { content: "\e5ce"; } .answer{ padding: 0px 24px 24px 24px; line-height: 1.5rem; font-size: 16px; border-top: 1px solid transparent; } .answer p.content ,.answer >* { padding: 0; } .answer >:last-child { margin: 0; } .block_image_div { background-size: contain; min-height: 300px; height: calc(100% - 48px ); border: 2px solid transparent; } .bg_white.lotterie .block_image_div { border: 2px solid #E3E5ED; } .desktop_hidden.block_image_div { display:block; } .block_headline.desktop_hidden { padding: 16px 16px 0px; margin-bottom: 16px; } .block_text { padding: 0; } .hero-image { height: 264px; height: 380px; background-position: right; position: relative; overflow: hidden; } /* .hero-image img { display: none; } */ footer{ margin: 0; } .footer{ padding: 24px 16px; background: #F3F4F7; color: #091B30; margin-bottom: 0; } .footer1{ margin: auto; border-bottom: 1px solid #E3E5ED; padding-bottom: 24px; margin-bottom: 24px; } .footer p{ font-size: 16px; letter-spacing: 0; line-height: 24px; text-align: center; padding: 0; margin: 8px auto; max-width: 768px; } .footer_item1{ display: block; text-align: center; margin-bottom: 16px; } .footer_item1 img{ vertical-align: bottom; } .footer_item1.label{ color: #091B30; font-size: 16px; letter-spacing: 0; line-height: 56px; width: auto; vertical-align: top; padding: 0; } label.footer_item1 a{ display: block; } .footer_menu li{ margin: 0 12px; } .footer_item2, .footer_menu a{ display: block; text-align: center; margin-bottom: 4px; padding: 8px; color: #091B30; font-size: 16px; font-weight: 700; } .footer a: link{ color: #091B30; display: inline-block; width: auto; margin: 0; } .footer a.external: link{ padding: 0; } .footer a.external:after{ vertical-align: top; } .footer_item2, .footer .footer_menu a:link { display: block; } .footer_menu a: visited{ color: #143C6B; } .footer a: focus-visible{ color: #1F5DA6;; font-weight: bold; outline: 4px dotted #1F5DA6; } .footer a: focus{ color: #1F5DA6;; font-weight: bold; outline: 4px dotted #1F5DA6; } .footer_menu a: hover{ color: #1F5DA6; font-weight: bold; text-decoration: none; } .header span.material-icons { font-size: 32px; line-height: 48px } .mobile_width25 { display:inline-block; width:25%; } .height50 { height:50px; } .event_detail section p { padding:16px 0; } .events h1 { color:#091B30; margin-bottom:26px; } .events_header { padding:16px; border-bottom: 1px solid #C7CCDB; margin-bottom:26px; } a.event_short h2 { font-size:16px; line-height:20px; color:#091B30; } a.event_short { color:#C7CCDB; display: block; padding:22px 0; border-bottom: 1px solid #C7CCDB; } .event_short .material-icons { float:right; font-size:24px; padding-top: 7px; } /* .news_details { margin-top: 30px; } */ .news_details .news-head{ margin-bottom: 96px; } .event_short span { padding:5px 5px 0 5px; color:#1F5DA6; font-size:10px; line-height:16px; display:inline-block; } .event_short span:nth-of-type(2) { padding-left:0; } .events_header select { border:0; color:#1F5DA6; font-size:16px; line-height: 24px; background-color: transparent; font-family: 'Lato'; } .events_header label option { font-family: 'Lato',sans-serif; font-weight: 400; font-size: 16px; padding: 16px; line-height: 56px; height: 56px; } .news_feed h1,.events h1 { font-size:42px; line-height:48px; padding-bottom:60px; max-width: 808px; margin: auto; } .news_feed h2,.events h2 { font-size:26px; line-height:32px; padding-left:0; } .news .category, .news_category{ color: #143C6B; /* color: #1F5DA6;*/ font-family: Lato; font-size: 16px; letter-spacing: 0; line-height: 16px; padding-right: 4px; margin-right: 4px; } .news_container.active{ display: flex; flex-direction: column; padding: 0; } .news_container.active .news_img{ background: linear-gradient(61.33deg, rgba(31,93,166,0.025) 0%, rgba(31,93,166,0) 100%); background: rgba(31,93,166,0.25); } .news_container.active .news_img.default_img img{ opacity: 0; } .news_container.active img.block_image,.news_container.active .news_img{ order: 3; /* margin-bottom: 24px; background: linear-gradient(61.33deg, rgba(52,47,42,0.025) 0%, rgba(52,47,42,0) 100%); box-shadow: 10px -10px 50px 5px rgba(204,204,204,0.1); -webkit-box-shadow: 10px -10px 50px 5px rgba(204,204,204,0.1); -moz-box-shadow: 10px -10px 50px 5px rgba(204,204,204,0.1);*/ } .news_container a,.news_frame a:visited,.news_container a.list:visited,.news_container a.list, a.more-link ,a.more-link:visited{ line-height: 32px; color: #1F5DA6; } .modul .more-link-modul a{ padding-right: 40px; line-height: 24px; } a.more-link:after { position: absolute; width: 32px; height: 32px; font-family: 'Material Icons'; font-size: 24px; color: #0061AB; content: "\f1df"; font-weight: 100; text-align: right; } /*.news_container a.list:focus-visible,*/ a.more-link:focus-visible { outline: 3px dotted #1F5DA6; } a.more-link:focus { outline: 3px dotted #1F5DA6; } .news_container a.list:hover,a.more-link:hover { text-decoration: underline; color: #0061AB; } .news_container .list .material-icons, a.more-link .material-icons{ float: unset; font-size: 32px; margin-left: 16px; } .news_container .list:hover .material-icons{ color: #0061AB; } .bg-image { width:100%; height:380px; margin-bottom:0px; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; aspect-ratio:1/1; overflow: hidden; max-width: 2000px; } .wp-block-image.hero-image-figure, .wp-block-image.hero-image-figure>figure { height: 380px; display: flex; /* text-align: center; */ align-items: center; justify-content: center; max-width: 2000px; margin: 0; width: 100%; position: relative; } .hero-image-figure img { max-width: 2000px; height: auto; width: 100%; min-height: 380px; max-height: 380px; object-fit: cover; } #searchsubmit { left: -56px; width: calc(100% + 58px); top: 96px; font-size: 16px; } .news_img{ margin-bottom: 16px; } .slideshow-container img.block_image { margin-bottom: 0px; } .two-column-text.benefits { padding: 0; } .benefits .text_right{align-self: center } .benefits .text_right img{ height: 112px; width: auto; margin: auto } .wp-block-latest-posts { display: grid; grid: auto / repeat(1, 1fr); padding-left: 0; } .wp-block-latest-posts li{ padding-left: 0; } .wp-block-latest-posts li::before{content: '' } .news button { border: 1px solid #1F5DA6; color: #1F5DA6; font-family: Lato; font-size: 16px; font-weight: bold; letter-spacing: 0; line-height: 24px; margin: 0 auto; text-align: center; display: block; height: 56px; position: relative; padding: 0 24px; padding-left: 48px; } #more span { line-height: 56px; } .news button:before { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; content: "\e145"; display: inline-block; position: absolute; line-height: 56px; top: 0; left: 0; width: 56px; } .news[load_status='close'] button:before { content: "\e15b"; } .news[load_status='open'] button:before { content: "\e145"; } .news_container { /*border: 1px solid #E3E5ED;*/ width: calc(100% - 32px); margin: 0 16px 24px 16px; display: none; vertical-align: top; padding:0; color: #091B30; background: #fff; } .news_container{ padding-bottom:24px; } .subline { margin: 24px 0 8px 0; color: #143C6B; /*color: #1F5DA6;*/ } .spalten_3 .news_container:nth-child(3n+3) { margin-right: 0; } .spalten_2 .news_container:nth-child(2n+2) { margin-right: 0; } .news_container .bg-image { margin-bottom: 25px !important; } .news_frame { color: #091B30; font-size: 16px; margin-bottom: 24px; display: flex; flex-direction: column; } .gray .news_frame { padding: 0 16px; padding :0; } .gray .news .news_container .news_frame> * { padding: 0 16px; } .gray .news .news_container .news_frame> .news_img { padding: 0; } .news_frame .subline { order: 1; } .news_container .news_frame .news_headline { order: 2; min-height: unset; } .news_frame p { order: 3; min-height: unset; } .news_frame p:last-child { margin: 0; } .news_frame .news_headline { color: inherit; line-height: 32px; font-size: 26px; margin: 8px 0 16px 0; padding: 0; color: #091B30; } .more-link, .news_container a.list { display: inline-block; padding: 0; font-weight: 700; margin-bottom: 0; padding-right: 40px; } .gray .more-link, .gray .news_container a.list { padding: 0 16px; padding-right: 40px; } .content_section.bitv .news_container a.list:focus{ outline: unset; } .more-link { padding: 0; } .news_container .news_frame .news_headline { padding: 0; font-weight: 400; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; /*min-height: 2.4em; damit Teser immer gleich sind */ } .news_container a.image-list { display: block; width: calc(100% + 6px); height: 100%; padding: 0; border: 3px dotted transparent; } .news_container a.image-list:focus-visible{ border: 3px dotted #1F5DA6; } .news_container a.image-list:focus{ border: 3px dotted #1F5DA6; } .news_container a .material-icons { float: right; } .active { display: inline-block; } .content-slider .mySlide { width: 600px; } .content-slider .text { top: 0; position: unset; padding: 0 24px; text-align: left; } .content-slider .my-block-image { /*margin-bottom: 32px;*/ } .content-slider .text .my-block-title { display: block; color: #091B30; padding: 24px 0; text-align: left; } .content-slider .text .my-block-text { display: block; color: #091B30; text-align: left; } .content-slider .text .my-block-text:empty { display: none; } .content-slider .text .my-block-text:first-of-type { font-size: 26px; line-height: 32px; margin-bottom: 16px; } .content-slider .text .my-block-text:last-of-type { font-size: 16px; line-height: 24px; } .menu_teaser_bild { background-size: cover; background-position: center; --aspect-ratio: 9/5; position: relative; height: 0; width: 100%; padding-top: calc(100% / (var(--aspect-ratio))); } .swiper-container.spielbankendetails { width: 100%; height: 100%; min-height: 300px; } .spielbankendetails .mySlides { display: block; border: 1px solid #E3E5ED; background-color: transparent; height: 100%; } .spielbankendetails .mySlides { height: 257px; width: 392px; color: #FFF; background-position: center; /* Center the image */ background-repeat: no-repeat; /* Do not repeat the image */ background-size: cover; padding: 16px 0 0 16px; color: #FFF; font-weight: 700; font-size: 16px; /*margin-bottom: 120px;*/ } .slide-frame .gallery-container.content-slider { max-width: 1224px; } .content-slider .swiper-button-next, .content-slider .swiper-button-prev { width: 72px; height: 72px; color: #FFF; background: #1F5DA6; border: 0; position: absolute; top: 240px; } .content-slider .swiper-button-next { right: 0; } .content-slider .swiper-button-prev { left: 0; } .swiper-container.gallery-main { height: 500px; } .slide-frame .swiper-container.gallery-main { width: 100%; } .content-slider .swiper-container.gallery-main { height: auto; max-width: unset; margin: auto; /* width: calc(100% + 100% / 5 / 3)!important; margin-left: calc(36px - 100% / 5 / 3); */ } .slide-frame .gallery-main .swiper-wrapper{ max-width: 1224px; margin: auto; /*margin-right: -208px;*/ } .slide-frame { position: relative; margin: auto; } .slide-frame .swiper-button { max-width: 1016px; margin: auto; bottom: 0; top: 0; margin-top: -60px; margin-bottom: 32px; } .slide-frame.wp-block-lb-content-slide-frame .swiper-button{ max-width: 1224px; position: absolute; height: 100%; /* display: flex;*/ align-items: center; margin-top: unset; } .slide-frame .gallery-main .swiper-slide { background: white; text-align: center; } .slide-frame .gallery-main .swiper-slide.wp-block-lb-lotterie-slide-item { background: transparent; height: fit-content; } .slide-frame .gallery-container { margin-bottom: 80px; max-width: 1224px; overflow: hidden; padding-bottom: 32px; } .modul p a { text-decoration: underline; margin-bottom: 0; } .modul p a:hover { text-decoration: none; } .content_section.bitv:nth-child(1) .slideshow-container { margin-top: -96px; } .bg-image + .content_section.bitv { margin-top: 48px; } /* SLICK */ .slider.slick-initialized.slick-slider.slick-dotted{ max-width: 2000px; margin: auto; overflow: hidden; } .slick-list.draggable{ max-width: 1026px; margin: auto; overflow: unset; } .slick-slide { margin: 0px 10px; opacity:0.5; transition-delay: 0s; transition-duration: 0.2s; transition-property: opacity; transition-timing-function: ease-out; } .slick-slide.slick-active { opacity:1; transition-delay: 0.3s; transition-duration: 0.2s; transition-property: opacity; transition-timing-function: ease-in; } /* .slick-dots{ margin: auto; } .slick-dots li{ display: inline-block; } .slick-dots li button{ background: red; content: ''; color: #fff; } .slick-dots li.slick-active button{ background: blue; content: ''; } button.slick-arrow.slick-disabled { color: red; } */ .news-liste .news { padding-bottom: 0; margin-bottom: 96px; } .news-div .news_container , .news-liste .news_container { border-bottom: 1px solid #C7CCDB; padding-bottom: 24px; margin-top: 24px; } .gray .news-div .news_container , .gray .news-liste .news_container { border-bottom: none; } .main.search { width: 100%; padding: 0 16px; max-width: 1224px; margin: auto; margin-bottom: 96px; margin-top: 96px; } /* .archive-subtitle { display: none; } */ .archive-subtitle { text-align: left; } .block-text.ap-daten.content :first-child { margin-top: 24px; } .block-text.ap-daten.content a{ margin: 0; } .block-text.ap-daten.content a:first-child { margin: 0; } .ap-daten.content p { position: relative; padding-left: 32px; } .ap-daten.content p:after { width: 24px; height: 24px; display: block; position: absolute; top: 0; left: 0; font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; } p.ap-name:after { content: '\e7ff'; } p.ap-mail:after { content: '\e0e1'; } p.ap-phone:after { content: '\e0cd'; } p.ap-standort:after { content: '\e0c8'; } p.ap-anschrift:after { content: '\e151'; } p.ap-twitter:after { content:''; /* content: url('data:image/svg+xml;utf8,<svg version="1.1" id="" xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" xmlns:xlink="http://www.w3.org/1999/xlink" style="display: inline-block; vertical-align: middle; margin-right: 8px;" xml:space="preserve"><path d="M0 0h24v24H0z" fill="none"></path><path d="M22.23,5.924c-0.736,0.326-1.527,0.547-2.357,0.646c0.847-0.508,1.498-1.312,1.804-2.27 c-0.793,0.47-1.671,0.812-2.606,0.996C18.324,4.498,17.257,4,16.077,4c-2.266,0-4.103,1.837-4.103,4.103 c0,0.322,0.036,0.635,0.106,0.935C8.67,8.867,5.647,7.234,3.623,4.751C3.27,5.357,3.067,6.062,3.067,6.814 c0,1.424,0.724,2.679,1.825,3.415c-0.673-0.021-1.305-0.206-1.859-0.513c0,0.017,0,0.034,0,0.052c0,1.988,1.414,3.647,3.292,4.023 c-0.344,0.094-0.707,0.144-1.081,0.144c-0.264,0-0.521-0.026-0.772-0.074c0.522,1.63,2.038,2.816,3.833,2.85 c-1.404,1.1-3.174,1.756-5.096,1.756c-0.331,0-0.658-0.019-0.979-0.057c1.816,1.164,3.973,1.843,6.29,1.843 c7.547,0,11.675-6.252,11.675-11.675c0-0.178-0.004-0.355-0.012-0.531C20.985,7.47,21.68,6.747,22.23,5.924z"></path></svg>');*/ background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><path d="M11 4a7 7 0 0 0-7 7v28a7 7 0 0 0 7 7h28a7 7 0 0 0 7-7V11a7 7 0 0 0-7-7H11zm2.086 9h7.937l5.637 8.01L33.5 13H36l-8.21 9.613L37.913 37H29.98l-6.541-9.293L15.5 37H13l9.309-10.896L13.086 13zm3.828 2 14.107 20h3.065L19.979 15h-3.065z"/></svg>'); background-size: 24px 24px; /* Gewünschte Größe des Ausschnitts */ background-repeat: no-repeat; vertical-align: middle; } p.ap-linkedin:after { content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/></svg>'); } /* .vergabe-link{ color: red; } */ .modul.stage-video figure.wp-block-video.video.mobile video { height: auto!important; width: 100%!important; } .news-head{ padding-top: 24px; line-height: 24px;margin: 0 16px; } .news-head a{ line-height: 24px; display: block; } .news-head .detail_info { text-align: left; padding-top: 24px; } .modul.stage-video .video.m{ display: flex; } .modul.stage-video .video.m.testmobile video{ width: 100%!important; height: auto!important; } .modul.stage-video .video.d{ display: none; } .modul.stage-video.text_left .video-overlay { align-items: flex-start; padding: 10% 0; } .modul.stage-video.text_left .video-overlay .video_headline,.modul.stage-video.text_left .video-overlay .video_text{ text-align: left; width: 100%; margin: 32px auto; padding: 0 16px; padding-right: 10%; } @media screen and (max-width: 767px) and (orientation: landscape) { .modul.stage-video .video.d{ display: flex; } .video.d video{ width: 100%!important; height: auto!important; } .modul.stage-video .video.m{ display: none; } } .more-btn { width: 100%; display: flex; padding: 0 16px; } span#cnt_news { align-self: center; } div#news_overview { margin-bottom: 32px; } @media(max-width:767px) { section.extraMenu{ margin: 24px 16px; } section.extraMenu .extramenu-element { margin: 0; padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px solid #E3E5ED; } section.extraMenu .extramenu-element img{ height: 24px; width: auto; } } .wp-block-columns{} .wp-block-column{ } .downloads{ list-style: none; list-style-type: none; } main ul.downloads li{ list-style: none; list-style-type: none; margin-left: 0; padding-left: 0; } .downloads a:link{ position: relative; padding-right: 40px; padding-left: 40px; width: 100%; display: block; margin-bottom: 0; } .downloads a:before{ position: absolute; width: 24px; height: 24px; font-family: 'Material Icons'; font-size: 24px; color: #0061AB; content: "\e895"; content: "\e2c4"; content: "\e171"; /*content: "";*/ font-weight: 100; text-align: right; left: 0; /**/right: 0; /*background: url(/wp-content/themes/bS/assets/extern_24dp.svg);*/ background-repeat: no-repeat; background-position: top right; background-size: 24px; } @media(min-width:768px) { .wp-block-columns { flex-direction: row; } .search-article article{ max-width: 808px; } .hero-image-stairway { position: absolute; width: calc(100% / 12 * 10 + 20px); height: 64px; background: #fff; bottom: -1px; left:-1px; z-index: 0; } div#news_overview { margin-bottom: 0; } .modul.stage-video .video.d{ display: flex; } .modul.stage-video .video.m{ display: none; } .news-head{ padding-top: 0; } .news-head .detail_info { text-align: right; padding-top: 0; } .modul.stage-video video { height: 100%!important; width: auto!important; } /* .modul.stage-video figure.wp-block-video.video { display: flex; } .modul.stage-video figure.wp-block-video.video.mobile { display: none; } */ .main.search { width: 100%; padding: 0 16px; max-width: 1224px; margin: auto; margin-bottom: 96px; margin-top: 0; } .slide-frame .gallery-container { margin-bottom: 24px; max-width: 1224px; } .custom-logo { padding: 0px; width: auto; } .main ~ :not(section):not(.xx):not(.accordion-item):not(.extra_navi_wrapper):not(.medium):not(.medium):not(.full):not(h1):not(.gallery-container):not(.bg-image):not(.footer):not(footer){ max-width: 1224px; /*max-width: 912px;*/ margin: auto; margin-bottom: 16px; } footer{ margin: 0; } .bg-image{ max-width: 2000px; margin: 0 auto; } .main .medium { max-width: 808px; padding: 0 24px; margin: 0 auto; margin-bottom: 16px; } .text .my-block-button { border: 2px solid #FFFFFF; background: none; width: auto; display: table; font-size: 16px; font-weight: bold; letter-spacing: 0; line-height: 24px; text-align: center; padding: 16px 24px; margin-top: 32px; } .my-block-button span.button-text, .button { display: inline-block; } .text .my-block-button,.text .my-block-button:active, #searchsubmit: visited { display: inline-block; padding: 16px 24px; } /* .news { grid: auto / repeat(3, 1fr); } */ .news-liste .news { margin-bottom: 96px; } .wp-block-latest-posts { display: grid; grid-gap: 24px; justify-content: space-between; grid: auto / repeat(3, 1fr); } .text_left{ padding-left: 0; border-right: 1px solid #E3E5ED; } .text_right{ padding-right: 0; } .two-column-text { padding: 24px 0; display: flex; } .search-modal .search{ grid-template-rows: 111px; -ms-grid-columns: 111px 1fr; } .search-modal.cover-modal.show-modal.active { position: absolute; top: 0; height: auto } .search-modal.cover-modal.active { position: absolute; top: 0; height: auto; padding: 0; max-width: 1224px; width: 100%; } input#s { margin: 36px 0; line-height: 36px; width: 70%; } #searchsubmit,.my-block-button { position: relative; display: inline-block; width: auto; } #searchsubmit { left: auto; right: 0; position: absolute; top: 32px; } .desktop_hidden { display: none; } .mobile_hidden { display: block; } .desktop_hidden.swiper-pagination { display: block; } .gallery-container .desktop_hidden.swiper-pagination { display: none; } .mobile-menu { padding:32px 16px 0 16px; height: calc( 100vh - 116px); position: absolute; top: 113px; background-color: #fff; } .header { height:111px; max-width: 1224px; margin: auto; padding: 0 16px; } .site-title { width:20%; } .site-logo{ width:20%; padding-left: 0; } .nav-frame img { height: 24px; margin:0 8px 0 0; } .nav-frame .label { line-height:48px; display: inline-block; margin:0; color: #091B30; /*font-family: Lato;*/ font-size: 16px; letter-spacing: 0; margin-left: 8px; } .header .logo { width:150px; height:auto; margin:0 0 0 20%; } .desktop_navi { width:65%; display: inline-block; text-align:right; vertical-align: middle; height:100%; /* margin:0 0 20px 0;*/ } .main-navi_btn { display: inline-block; height: 112px; margin-right: 8px; color: #091B30; /*font-family: Lato;*/ font-size: 16px; letter-spacing: 0; border-bottom: 4px solid transparent; width: auto; line-height: 108px; vertical-align: top; padding: 0; } .main-navi_btn.active{ border-bottom: 4px solid #1F5DA6; color: #1F5DA6; font-weight: bold; } a.main-navi_btn.active { border-bottom: 4px solid #1F5DA6; color: #1F5DA6; font-weight: bold; } .main-navi_btn:focus-visible { color: #1F5DA6; font-weight: bold; text-decoration: underline; text-decoration-style: dotted; } .main-navi_btn:focus { color: #1F5DA6; font-weight: bold; text-decoration: underline; text-decoration-style: dotted; } a.main-navi_btn.active:focus-visible{ font-weight: bold; color: #1F5DA6; } a.main-navi_btn.active:focus { font-weight: bold; color: #1F5DA6; } .main-navi_btn:hover { color: #1F5DA6; font-weight: bold; } span.material-icons.desktop_hidden { display: none; } .header .nav-frame { width:15%; vertical-align: middle; height:48px; margin: 0 0 0 0; border-left:1px solid #E3E5ED; line-height: 48px; padding-right: 8px; } .header span.material-icons { font-size: 32px; line-height: 48px; } /* Extra-Navi */ .extra_navi { max-width: 1224px; margin: auto; display: grid; grid-template-columns: 1fr 1fr 1fr; -ms-grid-columns:1fr 1fr 1fr; display: -ms-grid; } .extra_navi_wrapper { padding-bottom: 16px; } .navi-item img { height: auto; width: 100%; margin: auto; max-width: 327px; } .navi-item .my-block-button { vertical-align: middle; width: 100%; } /* slide */ /* Caption text */ .text * { display: block; margin: 0px; max-width: 100%; } .mySlides{ margin-bottom: 0; } .slide_navi{ position: absolute; top: calc(50% - 50px); height: 100px; max-width: 1224px; margin: auto; padding: 0; left: 0; right: 0; } /* Next & previous buttons */ .prev_slide, .next_slide { display: inline-block; cursor: pointer; position: absolute; top: 50%; width: auto; margin-top: -22px; color: white; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; text-decoration: none; z-index: 10 } /* Position the "next button" to the right */ .next_slide { right: 0; } .prev_slide .material-icons, .next_slide .material-icons { font-size: 32px; line-height: 48px; width: 48px; color: #fff; text-align: center; } /* On hover, add a black background color with a little bit see-through */ .prev_slide:hover, .next_slide:hover { background-color: rgba(0,0,0,0.8); } .dot{ background: #fff; } .active_dot, .dot:hover { background-color: #0061AB; } /* The dots/bullets/indicators */ .dots{ position: absolute; text-align: center; height: 72px; line-height: 72px; bottom: 0; width: 100%; } .xx .dots{ bottom: 72px; } } .answer { display:none; } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { display: none; } .teaser_image{display: none; } .teaser_image_div{ background-position: center; position: relative; height: 500px; width: 100%; background-repeat: no-repeat; } .wp-block-lb-teaser-slide-item.swiper-slide.swiper-slide-active img { width: 100%; height: 500px; display: block; } .wp-block-lb-teaser-slide-item.swiper-slide.swiper-slide-active .teaser_image_div { display: none; } .gallery-container .teaser_image_div { height: 648px; /*display: none;*/ } .gallery-thumbs .teaser_image_div { height: 111px; width: 100%; background-size: 100% auto ; background-size: cover; } .my-block-image:after,.teaser_image_div:after{ content: " "; display: block; background: linear-gradient(61.33deg, rgba(52,47,42,0.5) 0%, rgba(52,47,42,0) 100%); /* background: linear-gradient(100deg,rgba(52,47,42,.85) 0,rgba(52,47,42,.5) 66%,rgba(52,47,42,0) 100%); background: linear-gradient(100deg,rgba(52,47,42,.55) 0,rgba(52,47,42,.5) 66%,rgba(52,47,42,0) 100%); */ height: 100%; width: 100%; position: absolute; top: 0; left: 0; /*width: fit-content;*/ margin: auto; /*min-width: 1440px;*/ left: unset; } .slideshow-container.xx.teaser_extra { /*background: #F3F4F7;*/ max-width: 100%; } .slideshow-container.xx.teaser_extra.gray ,.slideshow-container.xx.teaser_extra.gray~.extra{ background: #F3F4F7; max-width: 100%; } .teaser_extra .my-block-image:after, .teaser_extra .teaser_image_div:after { max-width: 1440px; } .gallery-thumbs .my-block-image:after,.gallery-thumbs .teaser_image_div:after{ content: none; } .is-style-whitout_overlay .my-block-image:after,.is-style-whitout_overlay .teaser_image_div:after { background: none; } .slideshow-container.spielbankendetails,.slideshow-container.spielbanken { width: 100%; height: 100%; min-height: 300px; /*max-width: 1224px;*/ max-width: 2000px; } .slideshow-container.content-slider.spielbanken { } .spielbankendetails .swiper-wrapper, .spielbanken .swiper-wrapper { width: 100%; margin: auto; margin-bottom: 120px; max-width: 2000px; } .spielbanken .mySlides { display: block; border: 2px solid #E3E5ED; background-color: transparent; height: auto; } .spielbanken .mySlides { top: 0; margin: 0; } .spielbanken .slide_image { width: 100%; /*aspect-ratio:3/2;*/ background-position: center; /* Center the image */ background-repeat: no-repeat; /* Do not repeat the image */ background-size: cover; min-height: 300px } .spielbanken .text.cs { position: relative; padding: 0 30px; } .spielbanken .mySlides .headline { font-size: 26px; letter-spacing: 0; line-height: 32px; padding-top: 32px; padding-bottom: 8px; } .button_more { text-align: right; display: block; width: 100%; line-height: 16px; } .button_more a { display: inline-block; height: 100%; vertical-align: top; } .button_more img.icons { height: 16px; width: auto; margin: 24px 0 } .swiper-button{ position: relative; max-width:1272px; width: 100%; height: 72px; top: -156px; margin: auto; left: 0; right: 0; } .spielbanken_details .swiper-button{ top: -80px; } .spielbanken .swiper-button-next, .spielbanken .swiper-button-prev { top: auto; bottom: 24px } .swiper-button_x .swiper-button-next, .swiper-button_x .swiper-button-prev, .swiper-button .swiper-button-next, .swiper-button .swiper-button-prev { width: 40px; height: 72px; color: #FFF; background: #1F5DA6; border: 0; position: absolute; top: 22px; height: 100%; } .wp-block-lb-content-slide-frame .swiper-button-next, .wp-block-lb-content-slide-frame .swiper-button-prev { background: transparent; width: 80px; } /* .swiper-button_x .swiper-button-next, .swiper-button_x .swiper-button-prev, .swiper-button .swiper-button-next, .swiper-button .swiper-button-prev { width: 40px; height: 72px; color: #FFF; background: #1F5DA6; border: 0; position: absolute; top: 22px; height: 100%; width: 80px; background: rgba(255,255,255,.5); width: 40px; height: 72px; color: #FFF; background: #1F5DA6; border: 0; position: absolute; top: 22px; height: 100%; width: 72px; background: none; align-items: flex-start; background: red; } */ .swiper-button_x .swiper-button-next, .swiper-button_x .swiper-button-prev { background: rgba(52,47,42,.5); } .swiper-button_x .swiper-button-next, .swiper-button_x .swiper-button-prev { background: rgba(52,47,42,.5); } .swiper-button .swiper-button-next { right: 0; justify-content: flex-end; justify-content: center; } .swiper-button .swiper-button-prev { left: 0; justify-content: flex-start; justify-content: center; } .swiper-button-next:focus:after ,.swiper-button-prev:focus:after { outline: 3px dashed rgba(52,47,42,1); box-shadow: 0 0 0 3px #fff; line-height: 72px; width: 100%; text-align: center; } /* .swiper-button-next:focus-visible ,.swiper-button-prev:focus-visible { outline: 3px dashed rgba(52,47,42,1); box-shadow: 0 0 0 3px #fff; line-height: 72px; text-align: center; } */ .teaserSwiper .swiper-button-next, .teaserSwiper .swiper-button-prev { background: none; background: rgba(52,47,42,.125); } .teaserSwiper .swiper-button { position: absolute; top: calc(50% - 72px); } .swiper-pagination.desktop_hidden.swiper-pagination-clickable.swiper-pagination-bullets { bottom: 0px; } .swiper-pagination-bullet-active:focus, .swiper-pagination-bullet:focus { width: 16px; height: 16px; /*border: 3px dotted #fff;*/ outline: 3px dotted #fff; border-radius: 50%; } .spielbanken .swiper-pagination { bottom: 120px!important; } /**/ .spielbankendetails .swiper-pagination { bottom: 56px!important; } .full-limit { max-width: 2000px; overflow: hidden; } .my-block-image { max-height: 648px; overflow: hidden; height: 500px; } /*thumbs-gallerie*/ .test{ margin: auto; max-width: 1224px; position: relative; } .gallery-thumbs.swiper-backface-hidden .swiper-slide { height: calc(100% - 6px ); } .gallery-thumbs .my-block-image { margin-bottom: 2px; } .lotterie-image { padding: 0; margin-bottom: 0; margin-bottom: 16px; } .lotterie-image img { margin-bottom: 0; vertical-align: bottom; background: #fff; width: 100%; height: auto; padding: 10px; } .gray .lotterie-image img { border: 2px solid transparent; } .thumb { } .thumbs { display: flex } .swiper-button_x.mobile_hidden { position: absolute; width: 100%; height: 100px; z-index: 1000; top: calc(50% - 25px); max-width: 1272px; right: 0; left: 0; margin: auto; } .swiper-button-next:after, .swiper-button-prev:after { color: #fff; font-size: 32px !important; font-weight: 100; } .wp-block-lb-content-slide-frame .swiper-button-next:after, .wp-block-lb-content-slide-frame .swiper-button-prev:after { color: #fff; font-size: 32px !important; font-weight: 100; background: #1F5DA6; height: 72px; line-height: 72px; width: 72px; text-align: center; display: block; position: absolute; aspect-ratio: 708/456; top: calc(176px * 456 / 708 - 42px); } /* .swiper-slide{ text-align: center; } */ .gallery-thumbs .swiper-slide{ border-bottom: 2px solid #FFF; opacity: 0.6; cursor: pointer; } .gallery-thumbs .swiper-slide:focus{ outline: 3px dotted #1F5DA6; opacity: 1; border-bottom: 3px solid #1F5DA6; } .gallery-thumbs .swiper-slide:hover,.gallery-thumbs .swiper-slide-thumb-active{ border-bottom: 2px solid #1F5DA6; opacity: 1; } .gallery-thumbs .swiper-wrapper { display: none } .gallery-main .text{ color: #fff; bottom: 111px; text-align: center; } .gallery-main .text ,.wp-block-lb-teaser-slide-thumb-item .text { text-align: left; } .gallery-container .swiper-pagination { position: absolute!important; bottom: 0; height: 56px; line-height: 56px; top: calc(100% - 56px); } span.swiper-notification { display: none; } .gallery-container .my-block-image { max-height: 500px; overflow: hidden; } .zitat{ border-bottom: 1px solid #E3E5ED; margin-bottom: 24px; padding: 16px; } .zitat .wp-block-columns{ display: block; position: relative; margin-bottom: 0; } .zitat .wp-block-column{ flex-basis: unset; flex-grow: unset; flex: 1 auto ; } .wp-block-column.testimonial-image{ margin-right: 32px; width: 115px!important; height: 115px!important; vertical-align: middle; overflow: hidden; } .testimonial-image figure{ padding: 0; } .modul.testimonial img { width: 100%; height: auto; } .zitate{ color: #293038; font-family: Lato; font-size: 26px; letter-spacing: 0; line-height: 32px; padding: 0; } .author{ color: #1F5DA6; font-family: Lato; font-size: 18px; letter-spacing: 0; line-height: 24px; position: absolute; left: 144px; top: 0px; height: 112px; display: flex; align-items: center; padding: 0; } .modul .modul-button a.wp-block-button__link { margin: 0; } .modul.stage-video { position: relative; z-index: 1; margin: 0; } .modul.stage-video .video-overlay:after{ content: " "; display: block; height: 100%; width: 100%; position: absolute; top: 0; /* background: rgba(0, 0, 0, 0.5);*/ background: linear-gradient(61.33deg, rgba(52,47,42,0.5) 0%, rgba(52,47,42,0) 100%); transition: background 0.5s ease 0s; z-index: 3; } .video-overlay { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; text-align: center; hyphens: auto; display: flex; flex-direction: column; justify-content: center /* flex-end */; align-items: center; padding: 10% 20px; line-height: 1.6; font-size: 1.875rem; text-shadow: 0 2px 2px rgb(0 0 0 / 11%); } .video_headline { font-size: 34px; line-height: 42px; color: #fff; z-index: 20; max-width: 1224px; } .video_text { color: #fff; z-index: 20; font-size: 1.875rem; line-height: 1.6; font-size: 1.25rem; max-width: 1224px; } .swiper-container.gallery-thumbs{ display: none; } @media(min-width:768px) { .video_headline { font-size: 42px; line-height: 48px; } .video_text { font-size: 1.5rem; line-height: 1.6; } .zitat .wp-block-columns{ display: flex; margin-bottom: 0; } .testimonial-content{ width: calc(100% - 144px); } .zitat{ border-bottom: none; } .author{ position: relative; left: 0; top: 0; display: block; padding: 0; height: auto; } .gallery-main .text h3{ color: #f2f2f2; } .swiper-container.gallery-thumbs { max-width: 1016px; margin: auto; padding: 24px; padding-bottom: 0; top: -80px; background-color: #fff; margin-bottom: -80px; position: relative; z-index: 20; } .gallery-thumbs .swiper-wrapper { display: flex; } .gallery-main .text{ text-align: center; bottom: 111px; top: unset; height: auto; color: #f2f2f2; } .gallery-main .text ,.wp-block-lb-teaser-slide-thumb-item .text { text-align: left; } .swiper-backface-hidden .swiper-slide { height: 500px; } .swiper-container.gallery-main { height: 500px; } .gallery-container .my-block-image { max-height: 500px; height: 500px; } } .verlinkungen .text_left, .verlinkungen .text_right { background: #fff; padding: 0; margin: 0; border: 0; } .app_info.text-image .block_image_div, .app_info.image-text .block_image_div{ background-size: contain; background-position: top; background-repeat: no-repeat; } .appbtn { display: block; width: 40%; height: auto; margin-right: 24px; text-align: center; margin: auto; } .appbtn img.block_image { display: inline-block; width: 100%; height: auto; } .wp-block-latest-posts li { list-style: none; margin: 0; } .wp-block-latest-posts a { display: block; } p.person ,p.group{ position: relative; padding-left: 56px; } .modul p.person, .modul p.group { padding-left: 32px; } .group.with_icon:before,.person:before { font-family: 'Material Icons'; font-style: normal; font-size: 24px; color: #091B30; position: absolute; vertical-align: middle; line-height: 1.5rem; font-weight: lighter; padding: 0 8px 16px 0; top: 3px; left: 24px; } .person:before { content: "\e7ff"; } .modul .person:before, .modul .group.with_icon:before { left: 0; } .group.with_icon:before { content: "\e7fc"; } .block_content { padding: 24px; } section .button { margin: 0 16px; } p.content { padding: 0 16px 16px 16px; } .text_left ul, .text_right ul,.text_left p, .text_right p { padding: 0 16px 16px 0; } /* .text_right p { padding: 0 16px 0 0; } .main a:hover { text-decoration: underline; } .main a:visited { color: #293038; } */ .main a.button ,.main a.button:visited,.main a.button:hover, .main a.my-block-button ,.main a.my-block-button:visited,.main a.my-block-button:hover { text-decoration: none; } .main section a.button:focus-visible, .main section a.my-block-button:focus-visible{ text-decoration: none; } .main section a.button:focus, .main section a.my-block-button:focus { text-decoration: none; } .main section a.button:hover, .main section a.my-block-button:hover { text-decoration: none; color: #FFF; } .verlinkungen{ margin-top: 24px; margin-bottom: 24px; padding-bottom: 72px; } .verlinkungen .block_head { max-width: 1224px; margin: auto; padding: 8px 24px; } .verlinkungen .wp-block-columns { display: block; margin: 0 24px; } .verlinkungen .wp-block-columns.verlinkungen_head { padding: 8px; margin: 0; display: flex; } .wp-block-column.verlinkung { margin-top: 24px; } .wp-block-column.verlinkungen_head_head h3 { color: #091B30; font-family: Lato; font-size: 26px; letter-spacing: 0; line-height: 32px; } .verlinkungen .wp-block-column { background: white; } .verlinkungen .wp-block-image img { width: 100%; } .verlinkungen_content{ padding: 0 24px 24px 24px; } .wp-block-column.verlinkungen_head_href { text-align: right; align-self: center; flex-grow: 0; margin: 0; padding: 0; align-self: flex-start; } .wp-block-column.verlinkungen_head_href p{ padding: 0; margin: 0; padding-right: 16px; margin-bottom: 24px; } .verlinkungen_head_href a { color: transparent; position: relative; line-height: 32px; font-size: 0; display: block; width: 32px; margin: 0; } .verlinkungen_head_href a:link { color: transparent; position: relative; line-height: 32px; display: inline-block; } .verlinkungen_head_href a:after { content: "\e895"; color: #1F5DA6; font-family: 'Material Icons'; font-style: normal; font-size: 32px; position: absolute; right: 0; top: 0; } .cat{ display: block; } @media(min-width:768px) { .verlinkungen{ margin-top: 0; } .verlinkungen .block_head { max-width: 1224px; margin: auto; } .verlinkungen .wp-block-columns { display: flex; } .verlinkungen .wp-block-columns.verlinkungen_head{ padding: 24px 24px 0 24px; } /* Verlinkungen - Modul */ .verlinkungen .wp-block-columns { column-gap: 24px; max-width: 1224px; margin: auto; } .wp-block-column.verlinkungen_head_href p{ padding: 0; } } .news_frame p { padding: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 16px; } .news_filter{ display: block; } div#seach-filter { margin-left: auto; } div#seach-filter button{ margin-left: 8px; } .cat_check{ margin-right: 32px; } .cat_check label{ padding-right: 8px; line-height: 32px; } #filter{ color: #0061AB; font-weight: 700; flex: 1; } .cat_check { display: inline-block; } .filter_word{ display: none; } /* FORM */ select { font-weight: 700; height: 56px; margin-right: 32px; color: #091B30; font-family: Lato; cursor: pointer; } option { line-height: 56px; height: 56px; color: #091B30; font-family: Lato; font-size: 16px; } .text-field { color: #091B30; font-size: 16px; letter-spacing: 0; line-height: 56px; border: none; border-bottom: 2px solid #E3E5ED; } .text-field:hover { border-bottom: 2px solid #091B30; } .text-field:focus-visible { border-bottom: 2px solid #091B30; cursor:text; } .text-field:focus { border-bottom: 2px solid #091B30; cursor:text; } .text-field:disabled { color: #C7CCDB; border-bottom: 2px solid #E3E5ED; background: #fff; } .searchformfld{ position: relative; padding: 0; margin:0; margin-left: auto; padding-right: 0px; } .searchformfld label{ position: absolute; line-height: 48px; cursor: text; left: 0; padding-top: 8px; } .searchformfld button{ position: absolute; top:0px; right: 0; } .searchformfld textarea:focus + label,.searchformfld textarea:not(:placeholder-shown) + label, .searchformfld input:focus + label,.searchformfld input:not(:placeholder-shown) + label, .searchformfld textarea:focus-visible + label,.searchformfld textarea:not(:placeholder-shown) + label, .searchformfld input:focus-visible + label,.searchformfld input:not(:placeholder-shown) + label{ opacity:1; transform: scale(.8) translateY(-24px) translateX(-16px); color:#091B30; } .kontakt-form label.wpforms-field-label { font-size: 13px; top: 0px; line-height: 13px; } .searchformfld textarea:hover,.searchformfld textarea:focus,.searchformfld input:hover,.searchformfld input:focus, .searchformfld textarea:hover,.searchformfld textarea:focus-visible,.searchformfld input:hover,.searchformfld input:focus-visible{ outline-color: #000; border-bottom: 2px solid #091B30; } .searchformfld textarea,.searchformfld input{ width:100%; padding-left: 0px; height: 56px; padding-top: 16px; line-height: 24px; border: none; font-size: 16px; color: #091B30; border-bottom: 2px solid #E3E5ED; -webkit-appearance: none; border-radius: 0; background: transparent; } .kontakt-form .searchformfld textarea{ height: auto; height: 112px; padding-top: 24px; } .searchformfld label,.searchformfld input,.searchformfld textarea{ transition: all 0.2s; transition-timing-function: ease; transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); } .searchformfld input:focus + label{ opacity:1; transform: scale(.8) translateY(-24px) translateX(-16px); color:#091B30; } .kontakt-form .wpforms-field { padding: 0; margin-bottom: 16px; } .kontakt-form .searchformfld label.wpforms-error { right: 0; top: 0; left: 0; line-height: 16px; text-align: right; display: block; color: red!important; transform: none; font-size: 13px; } .kontakt-form .searchformfld textarea.wpforms-error ,.kontakt-form .searchformfld input.wpforms-error { border-bottom: 2px solid red; } .kontakt-form .wpforms-submit-container button { margin: 0; } /* The container must be positioned relative: */ .custom-select_x, .custom-select { position: relative; font-family: Lato; color: #1F5DA6; font-size: 16px; display: inline-block; margin-right: 32px; } .custom-select_x select:focus, .cat_check : focus{ outline: 3px dotted #091B30; } .custom-select select { display: none; /*hide original SELECT element: */ } .select-selected { font-family: Lato; color: #1F5DA6; font-size: 16px; padding: 24px 40px 8px 0px; border: 2px solid transparent; border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; cursor: pointer; } #filter .select-selected { border-color: transparent; } /* Style the arrow inside the select element: */ .select-selected:after { position: absolute; content: "\e5cf"; top: 24px; right: 0; width: 32px; height: 32px; font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; font-weight: 300; } /* Point the arrow upwards when the select box is open (active): */ .select-selected.select-arrow-active:after { content: "\e5ce"; } /* style the items (options), including the selected item: */ .select-items div { padding: 16px; border: 2px solid transparent; border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent; } /* Style items (options): */ .select-items { position: absolute; background-color: #fff; top: 100%; left: 0; right: 0; z-index: 99; border:1px solid #E3E5ED ; font-weight: 400; } /* Hide the items when the select box is closed: */ .select-hide { display: none; } .select-items div:hover, .same-as-selected { background-color: rgba(0, 0, 0, 0.1); } form .button,.news_filter button.desktop_hidden{ margin: 0; margin-top: 16px; width: 100%; } .kontakt-form { width: 100%; padding: 16px; } .block_text .my-block-button { margin: 16px; width: calc(100% - 32px); } section.events_overview { max-width: 808px; padding: 0 24px; margin: auto; margin-bottom: 96px; } /* section.wp-block-lb-benefits-text.content_section { margin: auto; max-width: 808px; } */ .section-left.hews-head { flex-direction: row; padding: 0 16px; } .section-left.hews-head .back,.section-left.hews-head .detail_info { width: 100%; margin-bottom: 24px; } .section-left.hews-head .detail_info { text-align: right; } .lotterie-image a{ padding: 0; } .wp-block-ub-tabbed-content-tab-title-wrap,.wp-block-ub-tabbed-content-tab-title-vertical-wrap{padding:15px}.wp-block-ub-tabbed-content-tab-title-wrap:last-child,.wp-block-ub-tabbed-content-tab-title-vertical-wrap:last-child{cursor:pointer}.wp-block-ub-tabbed-content-tab-title-wrap .remove-tab-icon,.wp-block-ub-tabbed-content-tab-title-vertical-wrap .remove-tab-icon{width:15px;height:15px;background:#444;color:#fff;border-radius:50%;font-size:13px;margin-left:5px;line-height:15px}.wp-block-ub-tabbed-content-tab-title-wrap .drag-handle,.wp-block-ub-tabbed-content-tab-title-vertical-wrap .drag-handle{font-size:16px;margin-right:3px;color:#000}.wp-block-ub-tabbed-content-tab-title-wrap .ub-tab-actions,.wp-block-ub-tabbed-content-tab-title-vertical-wrap .ub-tab-actions{justify-content:space-between;position:absolute;top:7px;left:0;right:0;margin:auto;transition:all .5s ease-in-out;display:flex;opacity:0;pointer-events:none}.wp-block-ub-tabbed-content-tab-title-wrap .ub-tab-actions span,.wp-block-ub-tabbed-content-tab-title-vertical-wrap .ub-tab-actions span{pointer-events:auto}.wp-block-ub-tabbed-content-tab-title-wrap:hover .ub-tab-actions,.wp-block-ub-tabbed-content-tab-title-vertical-wrap:hover .ub-tab-actions{opacity:1}.wp-block-ub-tabbed-content-tabs-content{padding:20px}.wp-block-ub-tabbed-content-tabs-content>.editor-inner-blocks{margin:20px} .ub-hide{display:none}.ub-hiding{height:0;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0}.ub-toggle-transition{transition:all .5s ease-in-out}.ub-icon-holder{position:relative;transform:translate(-25%, 25%)}.ub-custom-id-input{font-size:.9em}@media(max-width: 699px){.ub-mobile-hide{display:none}.ub-mobile-display{display:block}}@media(min-width: 700px)and (max-width: 899px){.ub-tablet-hide{display:none}.ub-tablet-display{display:block}}.wp-block-ub-tabbed-content{margin-top:30px;margin-bottom:30px}.wp-block-ub-tabbed-content .wp-block-ub-tabbed-content-tabs-content{border:1px solid #d3d3d3}.wp-block-ub-tabbed-content .wp-block-ub-tabbed-content-tab-title-wrap{border:1px solid #d3d3d3;border-bottom:0}.wp-block-ub-tabbed-content-holder .blocks-rich-text__tinymce.mce-content-body{font-size:14px}.wp-block-ub-tabbed-content-holder.vertical-holder{display:flex}.wp-block-ub-tabbed-content-tab-holder{position:relative}.wp-block-ub-tabbed-content-tab-holder.vertical-tab-width{position:relative;width:21%}.wp-block-ub-tabbed-content-tabs-title{display:flex;overflow-x:hidden}.wp-block-ub-tabbed-content-tabs-title:hover,.wp-block-ub-tabbed-content-tabs-title:focus-visible{overflow-x:auto}.wp-block-ub-tabbed-content-tabs-content{padding:0px}.wp-block-ub-tabbed-content-tabs-content.vertical-content-width{width:79%}.wp-block-ub-tabbed-content-tab-title{word-break:initial}.wp-block-ub-tabbed-content-tab-title-wrap{border-top-right-radius:5px;border-top-left-radius:5px;padding:10px 15px;margin-right:5px;display:flex;align-items:center;position:relative;cursor:pointer}.wp-block-ub-tabbed-content-tab-title-wrap.active{color:#fff}.wp-block-ub-tabbed-content-tab-title-vertical-wrap{border:1px solid #d3d3d3;border-top-left-radius:5px;padding:10px 15px;border-right:0;display:flex;align-items:center;position:relative;cursor:pointer}.wp-block-ub-tabbed-content-tab-title-vertical-wrap.active{color:#000}@media(max-width: 699px){.ub-tabbed-content-mobile-accordion{padding:0;border:none}.ub-tabbed-content-mobile-accordion>.wp-block-ub-tabbed-content-tab-content-wrap{border:1px solid #d3d3d3;padding:20px}.ub-tabbed-content-mobile-accordion>.wp-block-ub-tabbed-content-tab-content-wrap.active{border-color:#a9a9a9}.wp-block-ub-tabbed-content-tab-title-mobile-vertical-wrap{border:1px solid #d3d3d3;border-top-left-radius:5px;padding:10px 15px;border-right:0;display:flex;align-items:center;position:relative;cursor:pointer}.wp-block-ub-tabbed-content-tab-title-mobile-vertical-wrap.active{color:#000}.wp-block-ub-tabbed-content-tabs-content.vertical-content-width-mobile{width:79%}.wp-block-ub-tabbed-content-tabs-content.horizontal-content-width-mobile{width:100%}.wp-block-ub-tabbed-content-tab-holder.vertical-tab-width-mobile{width:21%}.wp-block-ub-tabbed-content-tab-holder.horizontal-tab-width-mobile{width:100%}.wp-block-ub-tabbed-content-tabs-title-mobile-vertical-tab{display:initial}.wp-block-ub-tabbed-content-tabs-title-mobile-horizontal-tab{display:flex}.wp-block-ub-tabbed-content-holder.wp-block-ub-tabbed-content-horizontal-holder-mobile{display:block}.wp-block-ub-tabbed-content-holder.wp-block-ub-tabbed-content-horizontal-holder-mobile>.wp-block-ub-tabbed-content-tabs-content{width:100%}.wp-block-ub-tabbed-content-holder.wp-block-ub-tabbed-content-vertical-holder-mobile{display:flex}}@media(min-width: 700px)and (max-width: 899px){.ub-tabbed-content-tablet-accordion{padding:0;border:none}.ub-tabbed-content-tablet-accordion>.wp-block-ub-tabbed-content-tab-content-wrap{border:1px solid #d3d3d3;padding:20px}.ub-tabbed-content-tablet-accordion>.wp-block-ub-tabbed-content-tab-content-wrap.active{border-color:#a9a9a9}.wp-block-ub-tabbed-content-tab-title-tablet-vertical-wrap{border:1px solid #d3d3d3;border-top-left-radius:5px;padding:10px 15px;border-right:0;display:flex;align-items:center;position:relative;cursor:pointer}.wp-block-ub-tabbed-content-tab-title-tablet-vertical-wrap.active{color:#000}.wp-block-ub-tabbed-content-tabs-content.vertical-content-width-tablet{width:79%}.wp-block-ub-tabbed-content-tabs-content.horizontal-content-width-tablet{width:100%}.wp-block-ub-tabbed-content-tab-holder.vertical-tab-width-tablet{width:21%}.wp-block-ub-tabbed-content-tab-holder.horizontal-tab-width-tablet{width:100%}.wp-block-ub-tabbed-content-tabs-title-tablet-vertical-tab{display:initial}.wp-block-ub-tabbed-content-tabs-title-tablet-horizontal-tab{display:flex}.wp-block-ub-tabbed-content-holder.wp-block-ub-tabbed-content-horizontal-holder-tablet{display:block}.wp-block-ub-tabbed-content-holder.wp-block-ub-tabbed-content-horizontal-holder-tablet>.wp-block-ub-tabbed-content-tabs-content{width:100%}.wp-block-ub-tabbed-content-holder.wp-block-ub-tabbed-content-vertical-holder-tablet{display:flex}}.wp-block-ub-tabbed-content-accordion-toggle{border:1px solid #d3d3d3;padding:10px 15px;display:none}.wp-block-ub-tabbed-content-accordion-toggle.active{border-bottom:none}@media(max-width: 374.98px){.wp-block-ub-tabbed-content-tab-title-wrap{padding:10px 5px}.wp-block-ub-tabbed-content-tabs-content{padding:10px}.wp-block-ub-tabbed-content-tabs-content p{margin:0 0 10px 0}.wp-block-ub-tabbed-content-scroll-button-container>button{top:-30px}} /**/ .wp-block-ub-tabbed-content-tabs-title { justify-content: center; flex-flow: row wrap; } .wp-block-ub-tabbed-content-tab-title{ text-align: center; } .wp-block-ub-tabbed-content { margin: 0; } .wp-block-ub-tabbed-content-tab-content-wrap { width: 100%; } .wp-block-ub-tabbed-content-tab-holder { /*margin-bottom: 24px;*/ } .wp-block-ub-tabbed-content .wp-block-ub-tabbed-content-tabs-content { border: 1px solid transparent; } .wp-block-ub-tabbed-content .wp-block-ub-tabbed-content-tab-title-wrap { border: 1px solid transparent; color: #091B30; font-family: Lato; font-size: 16px; letter-spacing: 0; line-height: 24px; border-bottom: 2px solid transparent; padding: 4px 0px; margin: 0 4px; align-items: flex-start; } .wp-block-ub-tabbed-content-tab-title-wrap.active { color: #1F5DA6; font-weight: bold; border-bottom: 2px solid #1F5DA6; } header.main-head { display: flex; width: 100%; max-width: 1224px; margin: auto; align-items: stretch; } .logo{ align-self: center; height: 112px; } .hauptnavigation{ align-self: center; } .seitensuche{ align-self: center; } #branding{ height: 112px;flex-grow: 10; } #branding #mainnav{ height: 100%; } #branding #mainnav ul div:not(.menu_teaser_content):not(.menu_teaser_bild) { display: block; opacity: 1; position: absolute; width: 100%; left: 0; z-index: 1000; } #mainnav .nav-menu { margin: 0; padding: 0; height: 100%; width: 100%; max-width: 100%; } #mainnav .submenu { display: flex; } ul.sub_menu_block { display: inline-block; vertical-align: top; flex-grow: 1; } #branding #mainnav ul ul li{ display: block; } #branding #mainnav ul li:not(.focus):not(:hover) > div:not(.menu_teaser_content):not(.menu_teaser_bild) { position: absolute; left: -999em !important; opacity: 0 !important; } #branding #mainnav ul li { display: inline-block; height: 100%; margin: 0 5px; padding: 0; vertical-align: top; } /* #branding #mainnav ul li a { height: 100%; line-height: 48px; display: block; padding: 32px 16px; text-align: center; letter-spacing: .1em; transition: text-shadow .3s; } */ #branding #mainnav ul li a:hover { font-weight: bold; } #branding #mainnav ul li a:focus, #branding #mainnav ul li a.focus { background:#F0F0F0; color: #999; } hr.wp-block-separator { border-color: transparent; border-bottom: 1px solid #C7CCDB; max-width: 1224px; margin: auto; margin-bottom: 40px; width: 100%; } hr.wp-block-separator.medium { max-width: 808px; margin-bottom: 40px; } .wp-block-columns { margin: 0; } .wp-block-columns.extra_navi { margin: auto; } .site-header { min-height: 90px; } section.content_section: first-of-type{ margin-top: 96px; } section.content_section{ margin-bottom: 96px; } section.content_section.extra { margin-top: 0; padding-top: 0; background: #fff; padding-bottom: 0; margin-bottom: 96px; margin-bottom: -48px; } .modul.extra_content .block-text{ width: 100%; display: block; border: none; border-bottom: 1px solid #E3E5ED; padding: 24px 0; } .modul.extra_content .block-text a{ margin: 0; width: 100%; text-align: center; display: block; padding: 0; } /* Section Definition */ .content_section{ width: 100%; max-width: 100%; margin-bottom: 96px; } .content_section.gray{ margin-bottom: 96px; } .wp-block-ub-tabbed-content-tabs-content .content_section.bitv.img_media, .wp-block-ub-tabbed-content-tabs-content .content_section.bitv { /* border: 5px solid red; */ margin-top: 48px !important; } .wp-block-ub-tabbed-content.wp-block-ub-tabbed-content-underline .wp-block-ub-tabbed-content-tab-title-wrap.active, .wp-block-ub-tabbed-content.wp-block-ub-tabbed-content-underline .wp-block-ub-tabbed-content-tab-title-vertical-wrap.active { border-bottom: 2px solid #1F5DA6; opacity: 1; }.wp-block-ub-tabbed-content-tabs-title { display: flex ; overflow-x: hidden; padding: 5px; } .wp-block-ub-tabbed-content.wp-block-ub-tabbed-content-underline .wp-block-ub-tabbed-content-tab-title-wrap, .wp-block-ub-tabbed-content.wp-block-ub-tabbed-content-underline .wp-block-ub-tabbed-content-tab-title-vertical-wrap { border-radius: unset; } .wp-block-ub-tabbed-content.wp-block-ub-tabbed-content-underline .wp-block-ub-tabbed-content-tab-title-wrap:focus, .wp-block-ub-tabbed-content.wp-block-ub-tabbed-content-underline .wp-block-ub-tabbed-content-tab-title-vertical-wrap:focus { outline: 3px dotted #1F5DA6; outline-offset: 3px; } /* Modul Definition */ .modul{ max-width: 1224px; margin: auto; margin: 0 16px 48px 16px; padding: 0; padding-bottom: 1px; } .modul h1,.modul h2,.modul h3,.modul h4,.modul h5,.modul h6,.modul p, .modul ul { padding:0; margin-bottom: 24px ; } .modul .text_left,.modul p, .modul ul { margin-bottom: 24px ; } .modul .modul{ margin: 0 0 16px 0; padding: 0; } /* Modul Testimonial */ .modul.testimonial{ border-bottom: 1px solid #E3E5ED;/**/ margin-bottom: 40px; } .modul:only-of-type, .modul:last-of-type { border-bottom: none; margin-bottom: 0px; } .modul :last-child { margin-bottom: 0; } /* .modul.testimonial:last-of-type { border-bottom: none; margin-bottom: 16px; } */ .modul.testimonial:last-of-type .testimonial-quote { margin-bottom: 0; } .testimonial{ position: relative; } .testimonial .testimonial-image{ width: 80px; height: auto; margin: 0; padding: 0; margin-bottom: 24px; } .modul.testimonial figcaption { font-size: 12px; line-height: 16px; } blockquote{ margin: 0 16px 48px 16px; } blockquote.testimonial-quote{ margin: 0; } blockquote,.testimonial .testimonial-quote{ border-left: 2px solid #1F5DA6; padding-left: 24px; margin-bottom: 40px; } .testimonial figure + .testimonial-quote{ border-left: none; padding: 0; margin-bottom: 40px; } blockquote figure{ margin: unset; margin-bottom: 16px; } .testimonial figure + .testimonial-quote cite{ position: absolute; top: 0; right: 0; display: block; width: calc(100% - 112px); padding: 0; height: 80px; display: flex; justify-content: start; align-items: center; } blockquote cite,.testimonial .testimonial-quote cite{ position: relative; display: block; width: 100%; height: auto; color: #1F5DA6; font-size: 16px; letter-spacing: 0; line-height: 24px; } blockquote p,.testimonial .testimonial-quote p{ font-size: 26px; letter-spacing: 0; line-height: 32px; margin-bottom: 0px; padding: 0; font-style: italic; } .testimonial .testimonial-quote p + cite { margin-top: 24px; margin-bottom: 0px; } .testimonial figure + .testimonial-quote p + cite{ margin-top: 0px; } .testimonial .testimonial-quote.is-style-large cite{ font-size: 16px; line-height: 24px; } .testimonial .testimonial-quote.is-style-large p{ font-size: 42px; line-height: 48px; } .modul .text-button a:empty,.modul .modul-button a:empty { display: none; } /* .news-liste .news{ background: #F3F4F7; } */ figcaption{ font-size: 12px; line-height: 16px; width: 100%; } figure.wp-block-image figcaption,.wp-block-image > figure figcaption{ font-size: 12px; line-height: 20px; margin-top: 6px; padding: 0 8px; } figcaption{ /*display: none;*/ text-align: center; } .figcaptionleft figcaption, .figcaptionleft >fifure figcaption, .alignleft figcaption { text-align: start; align-self: flex-start; } .figcaptionright figcaption, .figcaptionright >fifure figcaption, .alignright figcaption { text-align: end; align-self: flex-end; } .figcaptionblocksatz figcaption, .figcaptionblocksatz >fifure figcaption { text-align: end; align-self: flex-start; text-align: justify; justify-content: stretch; } figure.wp-block-image.testimonial-image figcaption { display: none; } figcaption a{ display: inline-block; position: relative; z-index: 20; } figcaption a:hover{ text-decoration: underline; } /* .content_section.bitv a{ display: inline-block; max-width: 100%; } */ .content_section.bitv a:focus, .custom-logo-link:focus{ outline: 3px dotted #1F5DA6; } .wp-block-image{ text-align: center; } .fake-masonry { display: block; height: auto; width: 100%; } .fake-masonry .item { order: 1; } @media(min-width:768px) { .wp-block-image{text-align: unset;} .news-div .news,.news-liste .news{ padding: 0; width: 100%; max-width: 1224px; display: flex; flex-wrap: wrap; } .news_container .news_frame .news_headline { padding: 0; font-weight: 400; /*min-height: 2.5em; */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 24px; } .entry-content,.news_frame p { padding: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 16px; /*min-height: 4.5em;*/ } .entry-content { -webkit-line-clamp: 4; min-height: 6em; } /* Modul Definition */ .modul{ margin-bottom: 64px; padding: 0 24px; } .wp-block-columns.testimonial-block { flex-direction: row; } .testimonial{ display: flex; } .testimonial .testimonial-image{ width: 115px!important; height: 115px!important; margin: 0; padding: 0; margin-bottom: 0px; } .testimonial .testimonial-quote{ margin: unset; margin-bottom: 40px; } .testimonial figure + .testimonial-quote p + cite { margin-top: 24px; margin-bottom: 0px; } .testimonial figure + .testimonial-quote{ padding: 0 32px; flex: 1; min-height: 7em ; } .testimonial figure + .testimonial-quote cite{ position: relative; width: 100%; display: block; height: auto; } } /* Eine Spalte Text */ .modul.eine_spalte { } /* Zwei Spalten Text */ .wp-block-columns.benefits-text,.wp-block-columns.two-column-text { flex-direction: column; } .modul.benefits, .modul.zwei_spalten { display: flex; flex-direction: column; } .modul .block-text :last-child { margin-bottom: 0; } .modul .block-text, .modul .text-button{ padding: 0; margin: 0; align-self: flex-start; } .modul .text-button a{ margin: 0; width: 100%; } .modul.benefits .benefits-text,.modul.zwei_spalten .two-column-text{ width: 100%; order: 2; } .modul.benefits .text_left ,.modul.zwei_spalten .text_left{ order: 2; margin: 0; padding-right: 0; width: 100%; margin-bottom: 24px; } .modul.benefits .text_right ,.modul.zwei_spalten .text_right{ order: 3; padding-left: 0; width: 100%; } .modul.benefits .text-button,.modul.zwei_spalten .text-button, .modul.zwei_spalten .wp-block-buttons{ order: 4; width: 100%; margin-bottom: 0; } .modul .wp-block-buttons { width: auto; display: block; } .wp-block-bitv-ap-image.modul.text-image,.wp-block-bitv-image-ap.modul.image-text, .wp-block-bitv-image-text.modul.image-text,.wp-block-bitv-text-image.modul.text-image { min-height: 408px; display: flex; flex-direction: column; } .modul.media_modul,.modul.text-video,.modul.video-text { /*min-height: 408px;*/ display: flex; flex-direction: column; } .modul.text-video .block-text,.modul.video-text .block-text, .modul.image-text p.modul-text ,.modul.image-text .block-text, .modul.text-image p.modul-text ,.modul.text-image .block-text { order: 3; } .modul.video-text .modul-video, .modul.text-video .modul-video, .modul.video-text .is-type-video, .modul.text-video .is-type-video, .modul.image-text .modul-image, .modul.image-text > figure.modul-image, .modul.image-text .wp-block-image, .modul.text-image .modul-image, .modul.text-image > figure.modul-image, .modul.text-image .wp-block-image { order: 2; margin: 0; margin-bottom: 24px; } .modul.text-video .modul-button,.modul.video-text .modul-button, .modul.image-text .modul-button,.modul.text-image .modul-button { order: 10; width: 100%; } .modul .modul-button,.modul .text-button { margin-top: 24px; } .wp-block-bitv-image-text.modul.image-text,.wp-block-bitv-text-image.modul.text-image { } .wp-block-bitv-image-text.modul.image-text img,.wp-block-bitv-text-image.modul.text-image img{ width: 100%; height: auto; } .wp-block-bitv-two-column-text .wp-block-column.text_right :last-child { margin-bottom: 0; } .wp-block-bitv-two-column-text .wp-block-column :last-child { margin-bottom: 0; } .benefits .text_right img{ height: 112px; width: auto; margin: auto; } .has-text-align-center,.aligncenter { text-align: center; } .has-text-align-left,.alignleft { text-align: left; } .has-text-align-right,.alignright { text-align: right; } .benefits .text_right figure{ text-align: center; } .modul.teaser .modul-image { text-align: left; } .gray .modul.teaser .modul-image { text-align: left; } .modul.teaser .modul-image img{ text-align: left; width: 100%; height: auto; } .modul.teaser .teaser-block { margin-bottom: 0; flex-direction: column; } .modul.teaser .teaser-block .block-text { margin-bottom: 24px; } .modul.teaser .teaser-block .block-text: last-child { margin-bottom: 0px; } .modul.teaser .block-content { padding: 24px 0; padding-bottom: 0; background: #fff; } .gray .modul.teaser .block-content { padding: 24px 16px; } .modul.teaser .block-content .e_headline { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .modul.teaser .block-content p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .modul.teaser .block-text { position: relative; align-self: stretch; background: #fff; /* border: 2px solid #F3F4F7; */ } .gray .modul.teaser .block-text { position: relative; align-self: stretch; background: #fff; border: 2px solid #F3F4F7; } .modul.teaser .modul-button.extern{ position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; margin: 0; } .modul.teaser .modul-button a { background: transparent; width: auto; color: #0061AB; padding: 0; margin: 0; line-height: 32px; } .modul.teaser .modul-button.extern a { border: none; } .modul.teaser a { display: block; /*height: 100%;*/ background: transparent; color: #091B30; margin: 0;padding: 0; margin: 0; padding: 0; background: url('/wp-content/themes/bS/assets/more_24dp.svg'); background-repeat: no-repeat; background-position: top right; padding-right: 40px; } .modul.teaser a.external { display: block; background: none; } .modul.teaser a.external:after { position: absolute; top: 0; right: 0; left: unset; text-align: right; font-size: 24px; content: ""; } .modul.teaser a:hover, .modul.teaser a.external:hover, .modul.teaser a.external:hover:after{ color: #1F5DAC; } /* .modul.teaser a:focus-visible::after { outline: 4px dotted #1F5DA6; } */ .modul.teaser a:focus-visible::before { outline: 4px dotted #1F5DA6; } .modul.teaser a:focus::before { outline: 4px dotted #1F5DA6; } .modul.teaser a:hover::before, .modul.teaser a.external:hover::before, .modul.teaser a:focus::before { padding: 0 10px; left: -10px; /* border: 1px solid #E3E5ED; box-shadow: 10px -10px 50px 5px rgba(204,204,204,0.5); -webkit-box-shadow: 10px -10px 50px 5px rgba(204,204,204,0.5); -moz-box-shadow: 10px -10px 50px 5px rgba(204,204,204,0.5); box-shadow: 0 .5rem 1rem rgba(204,204,204,0.5)!important; height: calc(100% + 10px); top: 0; background-color: rgba(0, 0, 0, 0.0125); */ } .modul.teaser img{ border: 1px solid transparent; } /* .modul.teaser a:before,*/ .modul.teaser a.external:before, .modul.teaser .e_headline a:before, .modul.teaser a:before { width: 100%; height: 100%; position: absolute; bottom: 0; left: -10px; content: ""; display: block; padding: 0 10px; } .modul.teaser a.external,.modul.teaser .e_headline a.external { background: url('/wp-content/themes/bS/assets/extern_24dp.svg'); background-repeat: no-repeat; background-position: top right; padding-right: 40px; position: unset; line-height: 26px; outline: none; } /* .modul.teaser .e_headline a[href^="http://"]:after, .modul.teaser .e_headline a[href^="https://"]:after { display: none; } */ .news_container{ position: relative; } .news_container .list:before { width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; content: ""; } .news_container .list:focus-visible::before { outline: 4px dotted #1F5DA6; } .news_container .list:focus::before { outline: 4px dotted #1F5DA6; } /**/ .modul .modul-button ,.modul .modul-button { width: 100%; } .modul .modul-button a ,.modul .modul-button a { width: 100%; display: block; margin-top: 24px; } .modul .modul-button a:empty ,.modul .modul-button a:empty { width: 100%; display: none; } .menu_teaser_content { margin-top: 24px; } .menu_teaser_content>* { margin: 0; padding: 0; margin-top: 24px; } .entry-content,.news_frame p { padding: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 16px; } .entry-content { -webkit-line-clamp: 4; } .entry-title { margin: 0; } .entry-title a { padding: 0; font-weight: 400; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .benefits .text_right img { height: 112px; width: auto; margin: auto; } @media(max-width:368px) { .my-block-text { font-size: 36px; } } @media(min-width:768px) { .benefits .text_right figure.aligncenter { text-align: center; } .benefits .text_right figure.alignleft { text-align: left; } .benefits .text_right figure.alignright { text-align: right; } .modul .wp-block-buttons { width: auto; display: inline-block; } .footer_item2, .footer .footer_menu a:link { display: inline-block; } .two-column-text ul { padding: 0; margin: 0; } .wp-block-columns.benefits-text,.wp-block-columns.two-column-text { flex-direction: row; padding: 0; display: inline-flex; order: 2; } .wp-block-bitv-two-column-text .wp-block-column :last-child { margin-bottom: 0; } .modul .block-text, .modul .text-button, .modul .e_headline{ margin-bottom: 24px; } .modul.eine_spalte > *:last-child { margin-bottom: 0; } .modul.benefits ,.modul.zwei_spalten { display: flex; flex-flow: row wrap; align-items: flex-start; } .modul.benefits .e_headline, .modul.zwei_spalten .e_headline{ order: 1; flex: 1 100%; } .wp-block-columns.benefits-text { order: 2; } .modul.benefits .text_left ,.modul.zwei_spalten .text_left{ order: 2; width: 50%; padding-right: 48px; border-right: 1px solid #E3E5ED; margin-bottom: 0; } .modul.benefits .text_right ,.modul.zwei_spalten .text_right{ order: 3; width: 50%; padding-left: 48px; margin: 0; } .modul.benefits .text-button ,.modul.zwei_spalten .text-button{ order: 4; width: auto; margin-top: 24px; } .modul.benefits .text_left, .modul.benefits .text_right { min-height: 115px; } .modul p,.modul ul { padding-bottom: 16px; } .modul .text-button{ width: auto; } .modul.video-text .e_headline,.modul.image-text .e_headline { order: 1; width: 50%; align-self: flex-end; } .modul.video-text .block-text,.modul.image-text p.modul-text,.modul.image-text .block-text { order: 2; width: 50%; align-self: flex-end; } .modul.video-text .modul-button, .modul.text-video .modul-button, .modul.image-text .modul-button, .modul.text-image .modul-button { order: 10; width: 50%; flex: 1; } .modul.image-text .modul-button ,.modul.video-text .modul-button { order: 10; width: 50%; align-self: flex-end; } .modul.text-video .modul-button,.modul.video-text .modul-button,.modul.text-image .modul-button ,.modul.image-text .modul-button { margin: 0; margin-top: 24px; } .modul.text-video .modul-button a,.modul.video-text .modul-button a,.modul.text-image .modul-button a ,.modul.image-text .modul-button a { width: auto; display: inline-block; margin: 0; } .modul.video-text .modul-button a:empty,.modul .modul-button a:empty, .modul .modul-button a:empty { width: 100%; display: none; } .modul.image-text .modul-image,.modul.image-text > figure.modul-image,.modul.image-text .wp-block-image, .modul.text-image .modul-image,.modul.text-image > figure.modul-image,.modul.text-image .wp-block-image, .modul.video-text .is-type-video, .modul.text-video .is-type-video, .modul.video-text .modul-video, .modul.text-video .modul-video { order: 3; margin: 0; position: absolute; right: 50%; width: 50vw; align-items: flex-start; } .modul.text-image .modul-image,.modul.text-image > figure.modul-image, .modul.text-image .wp-block-image, .modul.text-video .is-type-video, .modul.text-video .modul-video { left: 50%; } .modul.image-text .modul-image img,.modul.image-text figure.modul-image img, .modul.text-image .modul-image img,.modul.text-image figure.modul-image img { height: auto; width: 100%; /*height:456px;*/ object-fit: cover; } .modul.teaser .teaser-block { flex-direction: row; margin-right: -8px; } .modul.teaser .teaser-block .block-text { margin-right: 24px;} } .modul.teaser .teaser-block .block-text:last-of-type { margin-right: 0px;} /* #branding #mainnav ul div:not(.menu_teaser_content) { display: block; opacity: 1; position: absolute; background: pink; width: 100%; left: 0; } ul.sub_menu_block { display: inline-block; vertical-align: top; } #branding #mainnav ul ul li{ display: block; } #branding #mainnav ul li:not(.focus):not(:hover) > div:not(.menu_teaser_content) { position: absolute; left: -999em !important; opacity: 0 !important; } #branding #mainnav ul li { display: inline-block; vertical-align: top; } #branding #mainnav ul li a:focus, #branding #mainnav ul li a.focus { background:#F0F0F0; color: #999; } */ h1{ font-size: 64px; line-height: 72px; } h2{ font-size: 42px; line-height: 48px; } h3{ font-size: 26px; line-height: 48px; } h4{ font-size: 16px; line-height: 24px; } .e_headline{ padding: 0; font-size: 16px; line-height: 24px; margin: 0; max-width: none; width: 100%; } /* Headline Definition */ .modul.heading{ max-width: 1026px; } /* h1-style Riesig*/ *[id*="headline"].has-huge-font-size ,.e_headline.has-huge-font-size{ font-size: 42px; letter-spacing: 0; line-height: 48px; } /* h2-style Groß*/ *[id*="headline"].has-large-font-size, .e_headline.has-large-font-size{ font-size: 26px; letter-spacing: 0; line-height: 32px; } /* h3-style Mittel*/ *[id*="headline"].has-medium-font-size, .e_headline.has-medium-font-size{ font-size: 26px; line-height: 32px; letter-spacing: 0; } /* h4-style Normal Fett*/ *[id*="headline"].has-normal-font-size, .e_headline.has-normal-font-size{ font-size: 16px; line-height: 24px; font-weight: bold; } /* h5-style Standard*/ /* h6-style Klein*/ *[id*="headline"].has-small-font-size, .e_headline.has-small-font-size{ font-size: 14px; line-height: 24px; text-transform: uppercase; letter-spacing: 3px; } /*** APP-Modul ***/ .modul.app-modul.revers { background: transparent; } .modul.app-modul { display: flex; flex-direction: column; } .app-modul .e_headline{ order: 1; } .app-modul .app-image{ max-height: 408px; width: auto; order: 2; height: 100%; } .app-modul .app-image img{ height: 100%; width: auto; max-height: 408px; } .app-modul .app-text{ order: 3; } .app-modul .app-button { order: 10; margin-bottom: 24px; } .app-modul .google-button { order: 11; margin-bottom: 24px; } .app-button a, .google-button a{ width: 100%; max-height: 72px; display: block; } .modul.app-modul .my-app{ margin: unset; align-self: center; margin-top: 24px; margin-right: 24px; } .e_headline{ grid-area: e_headline; /* Following lines where added for IE */ -ms-grid-column: 1; -ms-grid-row: 1; -ms-grid-column-span: 3; padding-right: 24px; } .modul.app-modul .e_headline.app-head{ padding: 0; margin: 0; } .modul.app-modul .app-text{ grid-area: app-text; /* Following lines where added for IE */ -ms-grid-column: 1; -ms-grid-row: 3; -ms-grid-column-span: 3; padding-right: 24px; } .modul.app-modul .app-image{ margin: 0; padding: 0; grid-area:app-image; /* Following lines where added for IE */ -ms-grid-column: 5; -ms-grid-row: 1; -ms-grid-row-span: 5; margin-bottom: 24px; margin-top: 24px; } .modul.app-modul .app-image img{ height:100%; max-height:408px; width:auto; } .modul.app-modul .app-button{ grid-area:app-button; /* Following lines where added for IE */ -ms-grid-column: 1; -ms-grid-row: 5; -ms-grid-column-span: 1; } .modul.app-modul .google-button{ grid-area:google-button; /* Following lines where added for IE */ -ms-grid-column: 3; -ms-grid-row: 5; -ms-grid-column-span: 1; } .modul.app-modul .my-app a{ width: auto; max-height: 72px; display: inline-block; } .modul.app-modul .my-app img{ width: auto; max-height: 72px; } .app_temp .wp-block-image { width: calc(50% - 24px); display: inline-block; margin-right: 24px; } section.content_section.img_media.gray{ padding-top: 48px; } @media(min-width:768px) { .modul.app-modul{ width:100%; max-width:1224px; display:grid; grid-template-columns: auto 1fr 2fr; grid-template-columns: auto auto calc(50% / 6 - 24px) 50%; grid-template-rows: auto auto 1fr; grid-template-areas: "e_headline e_headline . app-image" "app-text app-text . app-image" "app-button google-button . app-image"; grid-gap:24px 0; /* Following lines where added for IE */ display: -ms-grid; /* The 5px inbetween where added because IE spec doesn't have the grid-gap property */ -ms-grid-columns: 50% 24px 1fr 24px 2fr; -ms-grid-rows: auto 5px 1fr 5px auto; padding: 0 24px; } .modul.app-modul.is-style-mirror,.modul.app-modul.mirror{ grid-template-columns: 50% calc( 50% / 6 - 24px) 1fr 1fr; grid-template-rows: auto auto 1fr; grid-template-areas: "app-image . e_headline e_headline" "app-image . app-text app-text" "app-image . app-button google-button"; -ms-grid-columns: 50% 24px 1fr 24px 1fr; -ms-grid-rows: auto 5px 1fr 5px auto; } .modul.app-modul .app-image{ margin-top: 0; } .modul.app-modul .my-app{ margin-top: 0; } } p:empty, ul:empty, li:empty, .text-button a:empty, .modul-button a:empty, span.my-block-text:empty { display: none; } .modul .modul-button.download{ width: auto; display: inline-block; padding: 0; margin: 0; width: 24px; height: 24px; overflow: hidden; background: #fff; } .modul .modul-button.download>a:before { width: 24px; height: 24px; position: absolute; display: block; font-family: 'Material Icons'; font-style: normal; font-size: 24px; color: #1F5DA6; content: "\e171"; bottom: 0; left: 0; font-weight: 100; } .modul .modul-button.download a { position: relative; margin: 0; width: 24px; height: 24px; overflow: hidden; vertical-align: bottom; display: inline-block; padding: 0; padding-left: 26px; color: #1F5DA6; background: #fff; border: 0; } .modul.image-text .modul-image, .modul.image-text > figure.modul-image, .modul.image-text .wp-block-image, .modul.text-image .modul-image, .modul.text-image > figure.modul-image, .modul.text-image .wp-block-image{ align-items: center; } .img_media .lotterie .modul-image img{ /*background: #fff; background: #F3F4F7; */ border: 2px solid #E3E5ED; } .gray.img_media .lotterie .modul-image img{ background: #F3F4F7; /*background: #fff;*/ border: 2px solid #fff; } .modul.image-text.lotterie .modul-image img,.modul.image-text.lotterie > figure.modul-image img, .modul.image-text.lotterie .wp-block-image img{ box-shadow: 10px -10px 50px 5px rgba(204,204,204,0.1); -webkit-box-shadow: 10px -10px 50px 5px rgba(204,204,204,0.1); -moz-box-shadow: 10px -10px 50px 5px rgba(204,204,204,0.1); } .modul.text-image.lotterie .modul-image img,.modul.text-image.lotterie > figure.modul-image img, .modul.text-image.lotterie .wp-block-image img { box-shadow: -10px -10px 50px 5px rgba(204,204,204,0.1); -webkit-box-shadow: -10px -10px 50px 5px rgba(204,204,204,0.1); -moz-box-shadow: -10px -10px 50px 5px rgba(204,204,204,0.1); } /**/ .gray .modul.image-text.lotterie .modul-image img,.gray .modul.image-text.lotterie > figure.modul-image img, .gray .modul.image-text.lotterie .wp-block-image img{ box-shadow: 10px -10px 50px 5px rgba(255,255,255,0.5); -webkit-box-shadow: 10px -10px 50px 5px rgba(255,255,255,0.5); -moz-box-shadow: 10px -10px 50px 5px rgba(255,255,255,0.5); } .gray .modul.text-image.lotterie .modul-image img,.gray .modul.text-image.lotterie > figure.modul-image img, .gray .modul.text-image.lotterie .wp-block-image img { box-shadow: -10px -10px 50px 5px rgba(255,255,255,0.5); -webkit-box-shadow: -10px -10px 50px 5px rgba(255,255,255,0.5); -moz-box-shadow: -10px -10px 50px 5px rgba(255,255,255,0.5); } /* pressemitteilungen */ .news_container .list .material-icons{ display: none; } .news_container .list:after{ position: absolute; width: 32px; height: 32px; font-family: 'Material Icons'; font-size: 24px; color: #0061AB; content: "\f1df"; font-weight: 100; text-align: right; } .body-fixed { position: fixed; width: 100%; } .isc-source-text{ display: none!important; } p.vergabe-link a{ position: relative; padding-right: 40px; width: 100%; display: block; padding-left: 40px; } p.vergabe-link a:after{ position: absolute; width: 24px; height: 24px; font-family: 'Material Icons'; font-size: 24px; color: #0061AB; content: "\e171"; /*content: "";*/ font-weight: 100; text-align: right; left: 0; /* background: url(/wp-content/themes/bS/assets/extern_24dp.svg); */ top: 0; background-repeat: no-repeat; background-position: top right; background-size: 24px; } #searchsubmit { left: -50px; width: calc(100% + 56px); top: 96px; font-size: 16px; } .search-modal .section-inner .searchform .searchformfld label{ padding-top: 16px; } @media screen and (max-width: 767px){ .nav-container__logo a.custom-logo-link { min-height: 72px; padding: 16px; } .nav-container__logo img { margin: 0; padding: 0; vertical-align: bottom; height: 40px; padding: 0; } .nav-container .nav-frame { min-width: 60px; } .nav-frame button#seitensuche { min-width: 40px; max-height: 40px; } } .fake-masonry{ background-color: transparent; } .statistic{ text-align: center; margin-bottom: 24px; margin-top: 48px; line-height: 24px; } /* Sucheingabe form neu .search-modal.cover-modal.show-modal.active { width: 100%; height: auto; position: relative; top: -72px; } .search-modal .section-inner{ height: auto; width: 100%; margin: 0; padding: 0 16px; background: white; display: grid; grid-template-columns: 1fr auto; gap: 0px 24px; } .suche_svg_icon{ margin: 0; padding: 0; height: 48px; background-position: center bottom; } .search-modal .section-inner .searchform .searchformfld{ padding: 0; margin: 0; display: inline-flex; flex-direction: column; width: 100%; position: relative; } .search-modal .section-inner .searchform .searchformfld label{ position: absolute; line-height: 40px; cursor: text; left: 40px; padding-top: 16px; } .search-modal .section-inner .searchform .searchformfld input#s{ padding: 8px; margin: 0; height: auto; margin-top: 16px; line-height: 32px; padding-left: 40px; } .search-modal .section-inner .searchform .searchformfld #searchsubmit{ padding: 16px; margin: 24px 0; position: unset; width: 100%; left: 0; top: 0; } .close-search-toggle { margin: 16px 0; padding: 0; } @media all and (-ms-high-contrast:none) { .search-modal .section-inner { display: -ms-grid; -ms-grid-columns: auto 1fr auto; } } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active{ -webkit-box-shadow: 0 0 0 30px white inset !important; } .input_container {position: relative; } .input_container:before { position: absolute; display: block; width: 32px; height: 100%; content: ""; background: url(/wp-content/themes/bS/assets/search.svg); background-repeat: no-repeat; background-position: left center; background-color: beige; z-index: 100; } */ .news.modul .text-button { width: auto; margin: 24px auto 0 auto; } .modul .text-button.invers a{ color: #1F5DA6; background-color: #ffffff; border: 1px solid #1F5DA6; } .modul .block-text .modul-image { min-height: 48px; } .modul.extra_content .block-text img { vertical-align: middle; height: auto; width: auto; max-height: 64px; max-width: 100%; object-fit: contain; height: 64px; } .modul.extra_content { padding: 0; margin-right: 0; margin-left: 0; /* border: 1px solid #E3E5ED; box-shadow: 10px -10px 50px 5px rgba(204,204,204,0.2); -webkit-box-shadow: 10px -10px 50px 5px rgba(204,204,204,0.2); -moz-box-shadow: 10px -10px 50px 5px rgba(204, 204, 204, 0.2); box-shadow: 0 .5rem 1rem rgba(204,204,204,0.2)!important; */ } .modul.extra_content .block-text { margin: 0!important; } section.content_section.gray.extra .extra_content .block-text{ margin: 0; background: #fff; height: 56px; padding: 0; min-height: 56px; display: inline-flex; align-items: center; justify-content: center; } @media screen and (max-width:767px){ .gray .news-div .news_container , .gray .news-liste .news_container { border-bottom: none; margin: 0 0 24px 0; width: calc(100%); } .modul.extra_content .block-text img { vertical-align: middle; height: auto; width: auto; height: 100%; max-height: 48px; min-height: 48px; } .img_media img{ width: 100%; height: auto; } .swiper-slide .my-block-image img{ width: 100%; height: 500px; object-fit: cover; /* Das Bild wird zugeschnitten, um den Container zu füllen */ object-position: center; min-height: 500px; } } /* .swiper-slide .my-block-image{ border: 3px solid red; position: relative; } .swiper-slide .my-block-image img{ border: 3px solid green; position: absolute; object-fit: unset; width: auto!important; } */ .main ul.post-meta ,li.post-tags.meta-wrapper { list-style-type:none; margin-left: 0; padding-left: 0; margin-bottom:0 ; } li.post-tags.meta-wrapper { list-style-type:none; margin-left: 0; padding-left: 0; margin-bottom:0 ; } .meta-icon svg.svg-icon { fill: red; } .main .meta-icon svg.svg-icon [Attributstil] { width: 40; height: 40; } span.meta-icon { padding-right: 16px; margin-right: 16px ; border-right: 1px solid #E3E5ED; color: #091B30; } /* .main > :last-child { margin-bottom: 96px; background: red; } .main > .gray:last-child { margin-bottom: 0px; background: green; } */ .sfsi_wicons .inerCnt a.sficn:focus{ color: #143C6B; text-decoration: none; outline: 3px dotted #143C6B; } .sfsi_wicons .inerCnt a.sficn:hover{ color: #143C6B; filter: brightness(0) saturate(100%) invert(15%) sepia(57%) saturate(745%) hue-rotate(174deg) brightness(98%) contrast(95%); }