.main { min-height:calc(100vh - 400px); } /* a,h1, h2, h3, h4, p, ul, table, figure, main~.wp-block-columns, .news-div, blockquote,.zitat { max-width: 808px; padding: 0 24px 16px 24px; margin: auto; margin-bottom: 24px; width: 100%; } .content_section >*{ max-width: 808px; margin-left: auto; margin-right: auto; } */ a,h1, h2, h3, h4,h5,h6, p, ol,ul, table, figure, .news-div, .zitat { max-width: 1026px; margin: auto; margin-bottom: 24px; } h1,h2,h3,h4,h5,h6,p { padding: 0 24px; } h1{ margin-top: 96px; margin-bottom: 0; } .section-left *{ margin-left: 0; } .section-left .modul { margin: 0 16px 48px 16px; } /* .section-left{ display: flex; flex-direction: column; max-width: 808px; width: 100%; } .section-left p{ padding: 0 0 16px 0; flex-basis: 100%; max-width: 808px; } p.section-left{ max-width: 808px; text-align: left; } .section-left{ justify-content: flex-start } .section-left.news-head { padding: 0; } */ .social-icons .sfsi_widget.sfsi_shortcode_container{ float: unset; } .sfsi_widget.sfsi_shortcode_container .norm_row.sfsi_wDiv , .social-icons .sfsi_widget.sfsi_shortcode_container .norm_row.sfsi_wDiv { float: unset; width: 100%!important; text-align: center !important; display: flex ; justify-content: center; } .modul.stage-video { width: 100%; max-width: 2000px; height: calc(100vh - 112px); overflow: hidden; padding: 0; margin: auto; } .modul.stage-video .wp-block-video.video { max-width: 100%; width: 100%; height: 100%; background: #000; /* display: flex;*/ justify-content: center; align-items: center; } .modul.stage-video .wp-block-video.video video { /*max-width: 2000px;*/ width: auto!important; width: 100%!important; height: auto; position: relative; object-fit: cover; } .stage-video .block-text.content { color: #fff; position: absolute; width: 100%; display: block; background: linear-gradient(61.33deg, rgba(52,47,42,0.5) 0%, rgba(52,47,42,0) 100%); bottom: 50%; text-align: center; padding: 32px 0; } .block_head{ padding: 0; } .news-liste { max-width: 1224px; margin: auto; } .section-left.news-head .back,.section-left.news-head .detail_info { width: 49.8%; display: inline-block; margin-top: 24px; } .news-div ,.news-div h2{ max-width: 1224px; margin: auto; padding: 0 24px; } .news-div h2{ margin-bottom: 24px; padding-left: 0; } .main ul, main ol{ padding: 0 24px 24px 24px; } .main section ul{ padding: 0; } .desktop_navi { padding-right: 8px; } .verlinkung h3, .verlinkung figure { padding: 0; } .sub_menu.mobile_hidden { position: absolute; width: 100vw; padding: 0; background: #fff; z-index: 50000; display: none; height: calc(100vh - 112px); overflow: auto; background: rgba(0,0,0,0.5); left: 0; } .menu_close{ max-width: 1272px; margin: auto; padding: 0 24px; } .mobile_hidden.menu_close { line-height: 96px; text-align: right; background: #fff; max-width: 1272px; margin: auto; padding: 0 16px; } .mobile_hidden.menu_close .material-icons { cursor: pointer; font-size: 32px; } .archive-subtitle{ display: inline-block; text-align: left; } .grid span{ height:10vh; display: inline-block; width:calc((100% - 11 * 24px) / 12);background: blue; margin:0 12px; color:#fff; text-align: center; vertical-align: middle; } .grid span.colspan6{ width:calc(((100% - 11 * 24px) / 12 * 6 ) + 24px * 5); } .grid span.colspan4{ width:calc(((100% - 11 * 24px) / 12 * 4 ) + 24px * 3); } .grid span:first-of-type { margin-left:0; } .grid span:last-of-type { margin-right:0; background:green; } .media-text{ padding: 0; } .text_left p, .text_right p, p.content ,.text_left a.my-block-button{ padding: 0 0 16px 0; } .text_left, .text_right { padding: 0; border: 0; } .two-column-text p{ padding: 0 0 16px 0; } .two-column-text p{ padding: 0 0 16px 0; } .text .my-block-text { color: #FFFFFF; /*font-family: Lato;*/ letter-spacing: 0; font-size:100%; line-height:1.2em; padding: 0; } .two-column-text .block-text p.modul p,.modul ul { padding: 0; margin: 0; padding-bottom: 24px; } .media-text.full { margin-bottom: 64px; } .content_section .text-image, .content_section .image-text{ position: relative; min-height: 408px; margin-bottom: 96px; width: 100%; padding-top: 96px; max-width: 1224px; margin-left: auto; margin-right: auto; } .text-image .content, .image-text .content{ width: calc(50vw - 64px); margin-bottom: 24px; } .modul.text-image .content, .modul.image-text .content, .modul.video-text .content, .modul.text-video .content{ width: 50%; margin-bottom: 24px; flex: 0; } .modul.image-text .modul-button, .modul.text-image .modul-button{ margin-bottom: 0px; } .gray .modul.image-text .modul-button, .gray .modul.text-image .modul-button{ margin-bottom: 0px; } .text-image .content { position: relative; z-index: 1; } .image-text .block_text a, .text-image .block_text a{ margin: 8px 0; } .text-image .block_image_div, .image-text .block_image_div{ position: absolute; top: 96px; background-size: contain; width: 49.6vw; background-position: center; overflow: hidden; max-width: 710px; max-height: 456px; background-repeat: no-repeat; } .text-image .block_image_div{ left:50%; } .image-text .block_image_div{ right: 50%; } .text-image img.block_image ,.image-text img.block_image{ height: 458px; width: auto; max-width: none; } .block_text{ width: 50%; display: grid; grid: auto / repeat(auto-fill, calc(100%)); /*justify-items: end;*/ } .image-text .block_text { margin-left: 50%; justify-items: start; } .block_text .content { width: 100%; } .text-image .content,.text-image .app_btns { padding-right: calc( 100% / 12 - 16px); padding-left: 16px; } .image-text .content, .image-text .app_btns { padding-left: calc( 100% / 12 - 24px); padding-right: 24px; } .modul.image-text .content, .modul.video-text .content { padding-left: calc( 50% / 12 - 24px); padding-right: 24px; } .modul.text-image .content { padding-right: calc( 50% / 12 - 24px); padding-left: 24px; } .block_headline{ height: 48px; color: #091B30; /*font-family: Lato;*/ font-size: 42px; letter-spacing: 0; line-height: 48px; margin: 0; padding: 0 16px; margin-bottom: 24px; } .block_content{ color: #091B30; /*font-family: Lato;*/ font-size: 16px; letter-spacing: 0; line-height: 24px; padding: 0; } .media-text .block_content{ height: auto; } .media-text.kontakt .block_content{ height: auto; } .my-block-button span.button-text { display: inline-block; line-height: 56px; margin: 0; padding:0 16px ; } .my-block-button { width: auto !important; } .my-block-button.mobile_hidden { display: inline-block; } .lotterie-image a{ padding: 0; } .footer{ text-align: center } .footer .footer1 ul { width: fit-content; } .footer_item1{ display: inline-block; text-align: center; width: 148px; margin: 0 16px; width: fit-content; } .footer_item1 a{ margin-bottom: 0; } .footer_menu{ margin-bottom: 0; } .footer_menu li{ display: inline-block; } .footer_item2, .footer_menu a{ display: inline-block; text-align: center; margin-bottom: 0; padding: 0; width: auto; } .medium{ max-width: 808px; margin: auto; } .full .two-column-text { padding: 16px 0; } .wp-block-lb-two-column-text.content_section h2, .wp-block-lb-two-column-text.content_section .two-column-text { max-width: 808px; width: 100%; } .two-column-text div { display: inline-block; width: 50%; vertical-align: top; } .events_header .mobile_width25:last-child { text-align: right; } .desktop_width10 { width:10%; } .desktop_width40 { width:40%; } a.event_short h2 { font-size:26px; line-height:48px; color:#000; } .event_short span { font-size:12px; } .event_short .material-icons { padding-top:25px; } .news{ margin-right: -24px; } .news_container { display: none; width: calc(100% / 3 - 24px); margin: 0 24px 0 0; background: #fff; } .news-liste .news_container { border-bottom: 1px solid #C7CCDB; } .news .category, .news_category{ display: block; margin-bottom: 4px; } .news-div .spalten_3 .news_container, .news-liste .spalten_3 .news_container { width: calc((100% + 24px )/ 3 - 24px); padding: 0; padding-bottom: 24px; } .grid-item { width: calc((100% + 24px )/ 3 - 24px); } .news_container.active img.block_image{ order: 1; margin-bottom: 0px; } .news-liste .spalten_2 .news_container { width: calc(100% / 2 - 24px); margin-bottom: 48px; } .news_frame h2 { color: inherit; line-height: 32px; min-height: 2.7em; } .news_container.active { display: inline-block; } .content_section >.navi-item { margin-bottom: -36px; } .news.more-btn button { margin-top: 24px; } .news.more-btn button#more { margin-top: 0px; } .navi-item{ /* width: 33.333%;*/ position: relative; top: -36px; background: #fff; grid-template-columns: 1fr; grid-template-rows: 72px; -ms-grid-columns:1fr; -ms-grid-rows:72px; display: inline-grid; display: -ms-inline-grid; vertical-align: middle; padding: 0; align-items: center; justify-items: center; border-bottom: none; z-index: 10; } .navi-item img{ margin: 0; } /* The dots/bullets/indicators */ .dots{ height: 64px; line-height: 64px; } .xx .dots{ bottom: 32px; } .searchform { padding: 28px 0; } .searchform>div { margin: auto; margin-right: 32px; position: relative; border-right: 1px solid #C7CCDB; } input#s { margin: 0; line-height: 48px; width: calc(100% - 150px ); padding: 0 4px; /* border: none;*/ font-size: 16px; margin-right: 150px; padding-top: 16px; } #searchsubmit { top: 4px; right: 8px; } .more-link { display: unset; } .verlinkungen .text_left { margin-right: 12px; } .verlinkungen .text_left, .verlinkungen .text_right { margin-left: 12px; } .show-test.active{ display: grid; grid: auto / repeat(3, 1fr); gap: 16px; padding: 0px 24px 24px 24px; } .show-test.active { grid-template-columns: 1fr auto auto; } a.sub_menu_item { font-size: 20px; padding-right: 32px; } .blog{ padding-left: 16px; width: 203px; justify-self: end; border-left: 1px solid #E3E5ED; } .blog ~ .blog { padding-left: 0; width: 186px; border-left: none; } .menu_teaser_content p{ font-size: 20px; } .news-liste { padding: 0 24px; } .wp-block-lb-button .button.external:after { color: #ffffff; } .wp-block-lb-button .button { margin: auto; display: block; width: fit-content; } /**/ .slide-frame .swiper-container.gallery-main { width: 100%; margin-right: 0; } .slide-frame .gallery-main .swiper-wrapper { width: 100%; margin: auto; } .swiper-pagination.desktop_hidden.swiper-pagination-clickable.swiper-pagination-bullets { bottom: 48px; } .content-slider .swiper-pagination.desktop_hidden.swiper-pagination-clickable.swiper-pagination-bullets { top: calc(100% + 8px); } .text{ font-size:64px; line-height: 72px; top:17%; /*padding: 0 72px;*/ background-color: rgba(0,0,0,0.01);/**/ } .section-left.news-head { padding: 0 24px; } .without_line .text_left, .without_line .text_right { border: 0; padding: 0; } .site-header { min-height: 120px; } .wp-block-ub-tabbed-content .wp-block-ub-tabbed-content-tab-title-wrap { font-size: 24px; margin: 0 16px; } .section-left{ padding: 0 16px; } .swiper-container.gallery-main { height: 500px; } section .button { margin: 0; } .content_section .modul.image-text,.content_section .modul.text-image{ margin: 0 auto; padding: 0; } .modul.image-text figure,.modul.text-image figure{ margin: 0; padding: 0; } .gray>.wp-block-bitv-image-ap.modul.image-text,.gray>.wp-block-bitv-ap-image.modul.text-image, .gray>.wp-block-bitv-image-text.modul.image-text,.gray>.wp-block-bitv-text-image.modul.text-image, .gray>.modul.video-text, .gray>.modul.text-video { margin-bottom: -96px; } .modul{ margin: 0 auto 96px auto; } .modul + .modul{ margin: 0 auto 64px auto; } .modul .modul-image>figure,.modul figure.modul-image, .modul figure>.modul-image { margin-bottom: 0; } .modul.video-text figure.modul-image { background: red!important; width: 100% !important; height: 100% !important; } .modul.video-text .modul-image iframe{ background: green !important; width: 100% !important; height: 100% !important; } .modul .e_headline{ margin-bottom: 24px; } .modul .text-button,.modul .modul-button{ width: auto; } .modul .modul-button a { width: auto; display: inline-block; } .modul p,.modul ul { padding: 0; margin-bottom: 24px; width: 100%; max-width: unset; } /* .modul p:last-of-type,.modul ul:last-of-type,.modul li:last-of-type { margin-bottom: 0; } */ .modul .block-text.content { margin: 0; } blockquote { max-width: 1026px; margin-left: calc((100vw - 1026px) / 2 + 24px ); padding: 0 24px; margin-bottom: 96px; } blockquote img{ max-width: 115px!important; height: auto; margin-bottom: 16px; } .modul.zwei_spalten,.modul.benefits,.modul.testimonial { max-width: 1026px; } .modul.eine_spalte,.modul.accordion { max-width: 808px; } .modul.accordion:last-of-type { margin-bottom: 0; } .app_temp .wp-block-image { width: calc(50% - 24px); display: inline-block; margin-right: 24px; } .more-link { margin-bottom: 24px; } .modul.lotterie.image-text .modul-image { padding-left: 24px; padding-right: 0; } .modul.lotterie.text-image .modul-image { padding-right: 24px; padding-left: 0; } .modul.text-video .content, .modul.text-image .content { padding-right: 24px; padding-right: calc( 50% / 12 - 24px ); } .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; } .modul.app-modul .app-text { padding-right: calc(100% / 12 - 24px); } .wp-block-image >figure, figure.wp-block-image, .content_section .wp-block-image >figure, .content_section figure.wp-block-image { width: 100%; height: 100%; max-width: 708px; } .teaser .wp-block-image >figure, .teaser figure.wp-block-image, .content_section .teaser .wp-block-image >figure, .content_section .teaser figure.wp-block-image { width: 100%; height: auto; max-width: 708px; } @media(min-width:768px) { .modul.app-modul .app-text { padding-right: calc(100% / 12 - 24px); padding-right: 24px; width: calc(100% - 24px); } .wp-block-lb-content-slide-frame .swiper-button-next:after, .wp-block-lb-content-slide-frame .swiper-button-prev:after { top: calc(261px * 456 / 708 - 22px); } .lotterie-image img { 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; } } @media(min-width:900px) { .gallery-container .my-block-image { max-height: 648px; height: 648px; } .wp-block-lb-teaser-slide-thumb-item { height: 648px; } .swiper-backface-hidden .swiper-slide { height: 648px; } .wp-block-lb-teaser-slide-frame.swiper-backface-hidden .swiper-slide { height: 500px; } .swiper-container.gallery-main { height: 648px; } .swiper-container.gallery-thumbs{ display: block; } .wp-block-lb-teaser-slide-thumb-item img { width: 100%; height: 648px; object-fit: cover; } .wp-block-lb-teaser-slide-thumbs-frame.slideshow-container.xx { height: 727px; } .wp-block-lb-teaser-slide-thumb-item img{ width: 100%; height: 648px; object-fit: cover; } .video_headline { font-size: 58px; line-height: 64px; } .video_text { font-size: 1.75rem; line-height: 1.6; } .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,.modul.text-video,.modul.video-text { min-height: 289px; } section.content_section.img_media{ min-height: 456px; } section.content_section.img_media.gray{ min-height: 504px; margin-bottom: 144px; } section.content_section.img_media.gray{ padding-top: 96px; } .section-left{ padding: 0 16px; margin-left: 0; } .desktop_navi { padding-right: 40px; } .wp-block-ub-tabbed-content .wp-block-ub-tabbed-content-tab-title-wrap { font-size: 24px; margin: 0 24px; } .gallery-thumbs{ height: 159px; } .gallery-container .gallery-thumbs .my-block-image { height: 111px; min-width: 100%; } .gallery-thumbs .teaser_image_div{ height: 111px; width: 100%; } .gallery-thumbs .teaser_image_div:after{ content: none; } .teaser_image_div{ height: 570px; width: 100%; } a.sub_menu_item { font-size: 24px; } .menu_teaser_content p{ font-size: 24px; } .xx .dots{ bottom: 48px; } .main-navi_btn { margin: 0 8px; } .content_section >.navi-item { margin-bottom: -48px; } .navi-item{ top: -48px; grid-template-columns: 1fr; grid-template-rows: 96px; -ms-grid-columns:1fr; -ms-grid-rows:96px; } .news .category,.news_category{ padding-right: 16px; margin-right: 16px; } .footer_menu a{ padding: 0; } .news .category{ display: block; margin-bottom: 4px; } .wp-block-lb-content-slide-frame .swiper-button-next:after, .wp-block-lb-content-slide-frame .swiper-button-prev:after { top: calc(234px * 456 / 708 - 22px); } .slide-frame .gallery-container.content-slider { margin-bottom: 0; padding-bottom: 0; /*border: 5px solid red;*/ } .slide-frame .gallery-container.content-slider .swiper-container{ margin-bottom: 0; padding-bottom: 0; /*border: 5px solid green;*/ } .slide-frame .gallery-container.content-slider .swiper-container .swiper-wrapper{ margin-bottom: 0; padding-bottom: 0; /*border: 5px solid blue;*/ } .wp-block-lb-lotterie-slide-item { margin-bottom: 0; padding-bottom: 0; /*border: 5px solid yellow;*/ } .wp-block-lb-lotterie-slide-item p{ margin-bottom: 0; padding-bottom: 0; /*border: 5px solid orange; */ } } @media(min-width:1224px) { .modul.app-modul .app-text { padding-right: calc(100% / 12 - 24px); } } .news.spalten_3.masonry { display: flex; flex-flow: column wrap; } .fake-masonry { display: flex; flex-flow: column wrap; align-content: space-between; height: 1280px; width: calc(100% + 24px); margin: auto; } .fake-masonry::before, .fake-masonry::after { content: ""; flex-basis: 100%; width: 0; order: 2; } .fake-masonry::before, .fake-masonry::after { content: ""; flex-basis: 100%; width: 0; order: 2; } /* .fake-masonry .item { box-sizing: border-box; width: 32%; background: #ccc; margin-bottom: 2%; padding: 1em; } */ .fake-masonry .item:nth-child(3n+1) { order: 1; } .fake-masonry .item:nth-child(3n+2) { order: 2; } .fake-masonry .item:nth-child(3n) { order: 3; } /* .slide-frame .gallery-container.content-slider { 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; padding: 24px; } */ .modul.zwei_spalten .text-button { width: 100%; } .modul.zwei_spalten .text-button a { width: fit-content; } @media(min-width:1100px) { .video_headline { font-size: 64px; line-height: 72px; } .video_text { font-size: 1.875rem; line-height: 1.6; } .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,.modul.text-video,.modul.video-text { min-height: 354px; } .news .category, .news_category{ border-right: 1px solid #C7CCDB; display: inline-block; margin-bottom: 4px; } .header{ padding: 0 px; } .section-left{ padding: 0 24px; margin-left: 0; } .text-image .content { padding-right: calc( 100% / 12 - 24px); padding-left: 24px; } .news-div { padding: 0 24px; } .wp-block-bitv-blog-overview + .wp-block-bitv-blog-overview { margin-top: 96px; } .slide-frame .gallery-main .swiper-wrapper { width: 1224px; margin: auto; /* margin-left: calc( (593px - 100%) / 2);*/ } .slideshow-container.xx { width: 100%; position: relative; min-height: 0; padding: 0; overflow: hidden; max-width: 2000px; height: 570px; /*max-width: 1440px;*/ } .wp-block-lb-teaser-slide-frame.swiper-backface-hidden .swiper-slide { height: 570px; } .wp-block-lb-teaser-slide-thumbs-frame.slideshow-container.xx { height: 727px; } .wp-block-lb-teaser-slide-thumb-item img{ width: 100%; height: 648px; object-fit: cover; } .show-test.active{ gap: 32px; } .blog{ padding-left: 24px; width: 312px; } .blog ~ .blog { padding-left: 0; width: 288px; } .xx .dots{ bottom: 64px; } /* .text{ font-size:56px; line-height: 64px; padding: 0 72px; } .text .my-block-title, .text .my-block-button { font-size: 25%; } */ .content_section >.navi-item { margin-bottom: -64px; } .navi-item{ top: -64px; grid-template-columns: 1fr; grid-template-rows: 128px; -ms-grid-columns:1fr; -ms-grid-rows:128px; } .content_section.img_media{ margin-bottom: 96px; } .content_section.img_media.gray{ margin-bottom: 144px; } .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,.modul.text-video,.modul.video-text { min-height: 408px; } .wp-block-lb-content-slide-frame .swiper-button-next:after, .wp-block-lb-content-slide-frame .swiper-button-prev:after { top: calc(176px * 456 / 708 - 22px); } } @media(min-width:1225px) { .modul.stage-video.text_left .video-overlay .video_headline,.modul.stage-video.text_left .video-overlay .video_text{ padding: 0; padding-right: 10%; } .news-liste .news_frame { padding: 0; } .gray .news-liste .news_frame { padding: 0 16px; } .news-div { padding: 0 24px; } .news-div h2 { margin-bottom: 24px; } .news.modul .text-button { width: auto; margin: 24px auto 0 auto; } .section-left { padding: 0; /* padding-left:calc( (100% - 1224px) / 2) ;*/ margin: auto; } .section-left >.modul{ max-width: 1192px; margin: auto; } .section-left >.modul *{ max-width: 808px; } .section-left.news-head { padding: 0; max-width: 1224px; /* padding-left:calc( (100% - 1224px) / 2) ; max-width: calc(1224px + ((100% - 1224px) / 2)); */ } .block_text .my-block-button { margin-left : 0; } .text-image .block_text p , .text-image .block_text h2 , .text-image .block_text a{ padding-left: 0; } /* .text_left p, .text_right p, p.content { padding: 0 24px 16px 24px; padding-right: 24px; } */ .modul.text-image .content, .modul.text-video .content { padding-left: 0; padding-left: calc((100% - 1224px) / 2 + 16px ); } .verlinkungen .block_head { padding: 64px 0 16px 0; } .news-liste { padding: 0; } .sub_menu_block.navi { padding-right: 80px; } .blog{ padding-left: 112px; width: 401px; } .blog ~ .blog { padding-left: 0; width: 288px; } .header { padding: 0; } .main-navi_btn { margin: 0 16px; } /* .wp-block-embed__wrapper iframe { height: 100%!important; width: 100%!important; max-width: 708px!important; } */ .modul.app-modul{ padding: 0; } .modul.app-modul.mirror{ padding: 0; } .my-app img.block_image { height: 100%; width: auto; } } @media(min-width:1441px) { .desktop_hidden.swiper-pagination { display: none; } } .app_info.text-image .block_image_div, .app_info.image-text .block_image_div{ background-size: contain; background-position: bottom; background-repeat: no-repeat; height: calc(100% - 48px); } .block_text a.appbtn { display: inline-block; width: 40%; height: auto; margin-right: 24px; } .appbtn img.block_image { display: inline-block; width: 100%; height: auto; } .filter_word{ display: inline-block; } .events_header { padding: 16px 0; border-bottom: 1px solid #C7CCDB; margin-bottom: 26px; } .events_header.desk { display: flex; } .events_header.desk > div { width: unset; flex: 0 0 auto; /* Alle Spalten haben automatische Breite */ } .events_header.desk > div:nth-child(3) { flex: 1; /* Die dritte Spalte nimmt den verbleibenden Platz ein */ } .news_filter{ display: flex; } div#search-filter { min-width: 208px; height: 58px; border-bottom: 2px solid #E3E5ED; } div#search-filter:hover,div#search-filter:focus { border-bottom: 2px solid #091B30; } div#search-filter.searchformfld input { border-bottom: none; } #filter, .cat_check, div#search-filter { display: inline-block; } .cat{ display: inline-block; } .searchformfld{ padding-right: 48px; } form .button{ margin: 16px auto; width: auto; } .kontakt-form { max-width: 808px; margin: auto; padding: 0 0 24px 0; } .kontakt-form .wpforms-field { padding: 0; } /* h1-style Riesig*/ *[id*="headline"].has-huge-font-size ,.e_headline.has-huge-font-size{ font-size: 64px; line-height: 72px; letter-spacing: 0; } /* h2-style Groß*/ *[id*="headline"].has-large-font-size, .e_headline.has-large-font-size{ font-size: 42px; letter-spacing: 0; line-height: 48px; } /* h3-style Mittel*/ *[id*="headline"].has-medium-font-size, .e_headline.has-medium-font-size{ font-size: 26px; letter-spacing: 0; line-height: 32px; } /* h4-style Normal*/ *[id*="headline"].has-normal-font-size, .e_headline.has-normal-font-size{ font-size: 16px; letter-spacing: 0; 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; letter-spacing: 3px; line-height: 24px; } .modul .teaser-block .wp-block-column.block-text { margin: 0; margin-right: 24px; } /* Modul zwei Teaser */ .modul .teaser-block .wp-block-column.block-text:last-of-type { margin-right: 0; border: none; } .modul .modul-button.download{ width: auto; height: 32px; overflow: hidden; } .modul .modul-button.download a { width: auto; height: 32px; overflow: unset; line-height: 24px; margin: 0; padding: 7px 8px 0 26px; } /****************************/ .container { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto 1fr; gap: 0px 0px; grid-auto-flow: row; grid-template-areas: "bild headline" "bild contenttext" "bild button"; max-width: 2000px; margin: auto; } .container.revers { grid-template-areas: "headline bild" "contenttext bild" "button bild"; } .bild { grid-area: bild; justify-self: end; } .revers .bild { grid-area: bild; justify-self: start; } .bild img{ width: 100%; max-width: 708px; height: auto; } .gray .bild{ margin-bottom: -144px; } .headline { grid-area: headline; width: 100%; max-width: 612px; padding-left: calc( 50% / 12 - 24px); padding-right: 24px; } .contenttext { grid-area: contenttext; padding-left: calc( 50% / 12 - 24px); padding-right: 24px; width: 100%; max-width: 612px; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .modul-button { grid-area: button; /*padding-left: calc( 50% / 12 - 24px);*/ padding-right: 24px; } .revers .headline,.revers .contenttext,.revers .button { padding-left: 0; padding-right: calc( 50% / 12 - 24px); justify-self: end; } @media all and (-ms-high-contrast:none) { .container { display: -ms-grid; -ms-grid-columns: 1fr 1fr; -ms-grid-rows: auto auto 1fr; } .bild { -ms-grid-row: 1; -ms-grid-row-span: 3; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-row: 1 / span 3; grid-column: 1 / span 1; } .headline { -ms-grid-row: 1; -ms-grid-row-span: 1; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-row: 1 / span 1; grid-column: 2 / span 1; } .contenttext { -ms-grid-row: 2; -ms-grid-row-span: 1; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-row: 2 / span 1; grid-column: 2 / span 1; } .button { -ms-grid-row: 3; -ms-grid-row-span: 1; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-row: 3 / span 1; grid-column: 2 / span 1; } .revers .bild { -ms-grid-row: 1; -ms-grid-row-span: 3; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-row: 1 / span 3; grid-column: 1 / span 1; } .revers .headline { -ms-grid-row: 1; -ms-grid-row-span: 1; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-row: 1 / span 1; grid-column: 2 / span 1; } .revers .contenttext { -ms-grid-row: 2; -ms-grid-row-span: 1; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-row: 2 / span 1; grid-column: 2 / span 1; } .revers .button { -ms-grid-row: 3; -ms-grid-row-span: 1; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-row: 3 / span 1; grid-column: 2 / span 1; } } /* .gray .modul.image-text .modul-image,.gray .modul.image-text > figure.modul-image, .gray .modul.image-text .wp-block-image, .gray .modul.text-image .modul-image,.gray .modul.text-image > figure.modul-image, .gray .modul.text-image .wp-block-image { background: #F3F4F7; } */ .gray .modul.image-text .modul-button, .gray .modul.text-image .modul-button { margin-bottom: 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, .modul.video-text .is-type-video,.modul.video-text > figure.modul-video { align-items: flex-end; background: transparent; flex-direction: column; height: auto; } .modul.text-image .modul-image, .modul.text-image > figure.modul-image, .modul.text-image .wp-block-image, .modul.video-text .is-type-video,.modul.video-text > figure.modul-video{ align-items: flex-start; } /* .content_section.bitv.section-left *{ margin-left: 0; } */ .gray .wp-block-bitv-image-text.modul.image-text ,.gray .wp-block-bitv-text-image.modul.text-image{ padding-bottom: 96px; } .swiper-slide .text { width: calc(100% - 176px); max-width: calc(1224px - 176px); display: flex; flex-direction: column; height: calc(100% - 56px); align-items: flex-start; justify-content: center; } .swiper-container.gallery-main .swiper-slide .text { align-items: flex-start; justify-content: flex-end; height: auto; } .swiper-slide .text .my-block-title { line-height: 40px; } .swiper-slide .text .my-block-text { font-size: 34px; line-height: 42px; } .swiper-slide:first-of-type .text { width: calc(100% - 32px); max-width: calc(1224px - 32px); } .swiper-container.gallery-main .swiper-slide .text h3 { font-size: 34px; line-height: 42px; } .swiper-container.gallery-main .swiper-slide .text p { line-height: 24px; margin-bottom: 24px; } .gallery-main .text .my-block-button { margin: auto; color: #FFF; border: 2px solid #FFF; margin-bottom: 24px; } .gallery-main .text .my-block-button:hover { border: 2px solid #FFF; background-color: #FFF; color: #091B30; } .gallery-main .text .my-block-button { margin: 0; margin-left: 24px; } .modul.eine_spalte.center { margin: auto; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; } section.content_section.section-left.gray{ padding-top: 96px; padding-bottom: 96px; } section.content_section.section-left> .modul{ padding-left: 0px; /*margin: auto;*/ margin-bottom: 48px; } section.content_section.section-left .modul:only-of-type, section.content_section.section-left .modul:last-of-type { border-bottom: none; margin-bottom: 0; } header.border-bottom-grey nav.nav-container{ width: calc(100% - 32px); max-width: calc(1224px - 32px); } @media(min-width:900px) { .swiper-container.gallery-main .swiper-slide .text h3, .swiper-slide .text .my-block-text, .video_headline { font-size: 58px; line-height: 64px; } .swiper-container.gallery-main .swiper-slide .text p, .video_text { font-size: 1.75rem; line-height: 1.6; } } @media(min-width:1100px) { .my-block-image { height: 570px; /*width: fit-content;*/ margin: auto; /*min-width: 1440px;*/ width: 100%; } .gallery-container .my-block-image { height: 648px; } .teaser_extra .my-block-image { width: fit-content; max-width: 1440px; } .swiper-container.gallery-main .swiper-slide .text h3, .swiper-slide .text .my-block-text, .video_headline { font-size: 64px; line-height: 72px; } .swiper-container.gallery-main .swiper-slide .text p, .video_text { font-size: 1.875rem; line-height: 1.6; } } @media(min-width:1440px) { .teaser_extra .my-block-image { min-width: 1440px; } } /* #searchsubmit { padding: 9px 24px; margin: 0 40px; position: absolute; } */ /* header new */ .search-modal .section-inner .searchform .searchformfld { padding: 0; margin: 0; display: inline-flex; width: 100%; position: relative; align-items: flex-end; } .search-modal .section-inner .searchform .searchformfld #searchsubmit { padding: 16px; margin: 0 3rem; position: unset; left: 0; top: 0; width: auto; } .search-modal .section-inner .searchform .searchformfld input#s{ padding: 8px 0; margin: 0; height: 48px; line-height: 32px; } .search-modal .section-inner .searchform .searchformfld label { position: absolute; line-height: 56px; cursor: text; left: 0px; padding-top: 0; } .search-modal .section-inner .searchform .searchformfld input:focus + label { line-height: 56px; } section.content_section.extra { margin: 0; padding: 0; /*padding-bottom: 96px; max-width: 2000px;*/ margin: auto; margin-bottom: -48px; } .hero-image + section.content_section.extra { max-width: 2000px; } .hero-image + section.content_section.extra .extra_content { width: calc(100% / 12* 10 + 20px); max-width: 100%; margin-left: unset; margin-left: -1px; } section.content_section.extra + section.content_section{ margin-top: 0px; } .slideshow-container.xx.teaser_extra.gray~.extra{ padding-bottom: 96px; } section.content_section.gray.extra { background: #ffffff; } section.content_section.gray.extra .extra_content .block-text { margin: 0; background: unset; height: 64px; } .slideshow-container.xx.teaser_extra.gray~.extra .extra_content img{ max-width: 100%; } .slideshow-container.xx.teaser_extra~.extra .extra_content, .slideshow-container.xx.teaser_extra~.extra .extra_content .block-text{ background: #FFFFFF; } /* section.content_section.extra.wp-block-bitv-ein-extranavi-modul .extra_content{ border:5px solid pink;max-width: 400px; } section.content_section.extra.wp-block-bitv-zwei-extranavi-modul .extra_content{ border:5px solid orange; max-width: 800px; } section.content_section.extra.wp-block-bitv-drei-extranavi-modul .extra_content{ border:5px solid aquamarine; max-width: 1200px; } */ section.content_section.extra .extra_content .block-text { flex: 1; /*max-width: 400px;*/ padding: 0 16px; } /* section.content_section.gray.extra + section{ margin-top: 96px; } */ section.content_section.gray.extra + section.gray{ margin-top: 0; } .modul.extra_content { margin: 0 auto; padding: 16px 0; max-width: calc(1224px - 26px); background: #fff; margin-top: -48px; position: relative; z-index: 10; } .extra_content .teaser-block { margin-right: -1px; justify-content: center; } .modul.extra_content .block-text{ margin: 0; padding: 0; border: 0; border-right: 1px solid #E3E5ED; } .modul.extra_content .block-text figure{ margin: 0 auto; width: 100%; text-align: center; vertical-align: middle; min-height: 64px; line-height: 64px; } .modul.extra_content .block-text img{ height: 64px; vertical-align: middle; } .modul.extra_content .block-text a{ padding: 0; line-height: 64px; } section.extraMenu { margin: auto; margin-top: -64px; position: relative; z-index: 2000; margin-bottom: 96px; max-width: calc(1244px); display: flex; height: 128px; align-items: center; justify-content:center; background-color: white; 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); } section.extraMenu .extramenu-element { flex: 1; max-height: 100%; min-height: 42px; width: 100%; margin: 0; padding: 0; align-self: center; text-align: center; padding: 0 16px; display: inline-flex; justify-content: center; } .extramenu-element + .extramenu-element { border-left: 1px solid #E3E5ED; } .extramenu-element .extramenu-element-image,.extramenu-element .extramenu-element-image a{ margin: 0; padding: 0; display: inline-flex; justify-content: center; } /* Leere Elemente ausblenden */ .e_headline:empty, .p:empty { display: none; } section.extraMenu .extramenu-element img, section.extraMenu .extramenu-element a img{ margin: 0 ; padding: 0; } .news_container.active img.block_image,.news_container.active .news_img{ order: 1; margin-bottom: 0; } .news_container.active img.block_image,.news_container.active .news_img img{ width: 100%; height: auto; object-fit: cover; } /* .news_container.active .news_img > img{ width: 100%; height: 147px; object-fit: cover; } .news_container.active .news_img img:first-of-type{ width: 100%; height: 147px; object-fit: cover; } .news_container.active .news_img img.wpsmartcrop-image{ width: 100%; height: 147px; object-fit: cover; } */ .content_section.gray + .gray { margin-top: -96px; } .content_section.gray.img_media + .gray { margin-top: -96px; } .wp-block-lb-teaser-slide-item.swiper-slide.swiper-slide-active img { width: 100%; height: 570px; display: block; object-fit: cover; /*width: fit-content;*/ margin: auto; /*min-width: 1440px;*/ } .wp-block-lb-teaser-slide-item.swiper-slide.swiper-slide-active .teaser_image_div { display: none; } main.main .content_section.img_media{ padding: 0!important; min-height: unset!important; margin-top: 96px!important; margin-bottom: 96px; /*padding-bottom: 96px!important;*/ position: relative; } /* section.content_section:first-of-type { margin-top: 96px!important; } */ .content_section.img_media.gray{ padding-top: 96px!important; } .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; } .content_section.img_media .modul-image a { display: block; margin: 0; padding: 0; } main.main .content_section.img_media .modul { float: none; min-height: 456px; /* padding-bottom: 48px; border-bottom: 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; box-shadow: 0 .5rem 1rem rgba(204,204,204,0.2)!important;*/ margin-bottom: 96px; } main.main .content_section.img_media .modul + .modul { float: none; /* min-height: 456px; border-bottom: 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;*/ margin-bottom: 96px; } main.main .content_section.img_media.gray .modul + .modul { float: none; /* min-height: calc(456px + 96px); border-bottom: 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;*/ padding-top: 0; } main.main .content_section.img_media .modul .modul-image { width: 100%; max-width: 50vw; display: flex; justify-content: flex-start; max-height: calc(50vw* 456 / 708); } main.main .content_section.img_media .modul .modul-video { display: flex; align-items: flex-start; width: 100%; max-width: 50vw; } .wp-block-bitv-text-video-modul { position: relative; /* Stellen Sie sicher, dass die Positionierung relativ ist */ } main.main .content_section.img_media .modul{ width: 100%; max-width: 100%; min-height: calc(50vw* 456 / 708); } main.main .content_section.img_media.gray .modul{ min-height: calc(456px + 96px * 2); min-height: calc(50vw* 456 / 708 + 96px* 2); padding: 96px 24px; } main.main .content_section.img_media.gray .modul:first-of-type .modul-image, main.main .content_section.img_media.gray .modul:first-of-type>figure.modul-image, main.main .content_section.img_media.gray .modul:first-of-type .modul-video { justify-content: flex-start; } main.main .content_section.img_media .modul.image-text .content, main.main .content_section.video_media .modul.video-text .content { padding-left: calc( 50% / 12 - 24px); padding-right: 32px; width: 50%; } @media screen and (min-width: 1224px) { main.main .content_section.img_media .modul{ min-height: 456px; } main.main .content_section.img_media.gray .modul{ min-height: calc(456px + 96px*2); } main.main .content_section.img_media.gray .modul + .modul{ min-height: calc(456px + 96px * 2); margin-top: -96px; } main.main .content_section.img_media .modul.image-text .content, main.main .content_section.video_media .modul.video-text .content { padding-right: calc(50% - (1224px / 2 - 16px)); } } @media screen and (max-width: 1415px) { main.main .content_section.img_media .modul, main.main .content_section.img_media .modul + .modul { min-height: calc((456 / 708) * 50vw); } } @media screen and (min-width: 1416px) { main.main .content_section.img_media .modul .modul-image, main.main .content_section.img_media .modul .modul-video { max-width: 708px; max-height: 456px; width: 100%; height: 100%; } main.main .content_section.img_media .modul .modul-video video { width: 100%; height: 100%; } main.main .content_section.img_media .modul{ width: 100%; max-width: 2000px; flex-direction: column; display: flex; } } main.main .content_section.img_media .modul figure.modul-image span { display: block; } main.main .content_section.img_media .modul figure.modul-image, main.main .content_section.img_media .modul .wp-block-image.modul-image figure main.main .content_section.img_media .modul .modul-image figure { /*height: 100%;*/ display: flex; justify-content: flex-start; /*background-image: url(/wp-content/uploads/2024/02/Bildschirmfoto-2024-02-08-um-17.53.36-150x150.png); background-size: cover; background-color: #fff;*/ width: 50%; max-width: 708px; } .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: 100%; } main.main .content_section.img_media.gray .modul figure.modul-image, main.main .content_section.img_media.gray .modul .modul-image figure { background-color: rgb(243, 244, 247); } /* main.main .content_section.img_media .modul figure.modul-image { border-bottom: 3px solid orange; display: flex; justify-content: flex-end; } main.main .content_section.img_media .modul .modul-image figure { border-right: 3px solid black; min-height: calc(100% + 48px); height: 100%; display: flex; justify-content: flex-end; } */ main.main .content_section.img_media .modul .modul-image figcaption, main.main .content_section.img_media .modul figure.modul-image figcaption { position: absolute; top: 100%; font-size: 14px; /* overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.3em; height: 2.7em;*/ } main.main .content_section.img_media figcaption a { display: inline-block; } main.main .content_section.img_media figcaption a.external:after{ left: 0px; } main.main .content_section.img_media .modul .modul-image img { vertical-align: bottom; height: fit-content; /* object-fit: contain; object-position: bottom center; object-fit: cover; border: 2px solid #E3E5ED; box-shadow: 0 .5rem 1rem rgba(204,204,204,0.3); -webkit-box-shadow: 0 .5rem 1rem rgba(204,204,204,0.3); -moz-box-shadow: 0 .5rem 1rem rgba(204,204,204,0.3); width: 100%; max-height: 456px; */ width: 100%; height: 100%; max-height: calc(50vw* 456 / 708); } .appbtn img { width: 100%; } /* .content_section.img_media + .content_section { } .content_section.gray.img_media + .gray { margin-top: -144px; } main .content_section:last-of-type { margin-bottom: 0; padding-bottom: 96px; } main .content_section.img_media:last-of-type { margin-bottom: 0; padding-bottom: 144px; } main.main .content_section.img_media .modul { border: 3px solid red; float: none; min-height: 408px; margin-bottom: 144px!important; } figure span{ display: block; width: 100%; } main.main .img_media .modul .modul-image{ border: 3px solid magenta; height: calc(100% + 48px); max-height: calc(100% + 48px); width: 100%; max-width: 708px; } main.main .img_media .modul .modul-image figure{ height: 100%; border: 3px blue; } main.main .img_media .modul .modul-video{ border: 3px solid orange; max-height: calc(100% + 48px); aspect-ratio: 708/456; width: 100%; max-width: 708px; } */ main.main .img_media .modul.position{ background: antiquewhite; flex-direction: row; padding: 0; } main.main .img_media .modul.position>*{ position: unset; width: 50%; } main.main .img_media .modul.position .content-container{ background: pink; } main.main .img_media .modul.position .content-container *{ background: red; max-width: 612px; } main.main .img_media .modul.position figure.modul-image, main.main .img_media .modul.position .modul-image figure { background-color: rgb(243, 244, 247); margin-bottom: -48px; width: 100%; } main.main .img_media .modul.position figure.modul-image figcaption, main.main .img_media .modul.position .modul-image figure figcaption { position: unset; }