/* ============================================= HEADER RESPONSIVE ============================================= */ .header-navigation-mobile{ display:none; } @media screen and (max-width:1180px){ .hamburger{width:55px;height:50px;position:absolute;right:-10px;top:12px;display:flex;flex-direction:column;justify-content:space-between;padding:13px 10px;border-radius:50%;cursor:pointer;z-index:2000} .hamburger > div{width:100%;height:2px;background:#2b2b2b;-webkit-transition:all 250ms;-moz-transition:all 250ms;-o-transition:all 250ms;transition:all 250ms;transition-delay:0;transform:translateZ(0)} .hamburger > div:first-child{transform-origin:3px 4px;transform:rotate(0)} .hamburger > div:last-child{transform-origin:3px -2px;transform:rotate(0)} .header-fixed.menu--main-open .header-navigation{right:0} .header-fixed.menu--main-open .hamburger > div:first-child{transform:rotate(45deg)} .header-fixed.menu--main-open .hamburger > div:nth-child(2){transform:scale(0)} .header-fixed.menu--main-open .hamburger > div:last-child{transform:rotate(-45deg)} } @media (max-width: 1100px){ .container{ width:calc(100% - 30px); } } @media (max-width: 980px){ .et_fixed_nav #main-header, .et_fixed_nav #top-header, .et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header { position: fixed; } } @media( max-width:1180px ){ .header-navigation{ display:none } #main-header { min-height: 80px;} #main-header .header-fixed .center, #main-header .header-fixed .center > * { min-height: 80px;} .et_fixed_nav.et_show_nav #page-container, .et_non_fixed_nav.et_transparent_nav.et_show_nav #page-container { padding-top: 80px; } .et_pb_svg_logo #logo, .et_pb_svg_logo.et_header_style_split .et-fixed-header .centered-inline-logo-wrap #logo { height: 80px; max-width: 100%; } #block-views-blockheader-slider .fixed-element{ top:80px; } #main-header .header-fixed .block-system-branding-block{ width:200px; } .header-navigation-mobile { position: absolute; width: 300px; background-color: #FFF; right: -2000px; z-index: 1001; display: flex; flex-direction: column; justify-content: flex-start; height: 100vh; padding: 0; border-left: 2px solid #066938; overflow-y: auto; overflow-x: hidden; -webkit-transition: all 250ms; -moz-transition: all 250ms; -o-transition: all 250ms; transition: all 250ms; transition-delay: 0; transform: translateZ(0); } html.menu--main-open, body.menu--main-open{ overflow: hidden; } .menu--main-open .header-navigation-mobile{ right: -15px; } .header-navigation-mobile .menu--language{ padding: 20px 20px 30px; } .header-navigation-mobile .menu--language .menu { margin: 0; padding: 0; display: flex; font-size: 0.9rem; } .header-navigation-mobile .menu--language .menu .menu-item { list-style-type: none; } .header-navigation-mobile .menu--language .menu .menu-item a { color: #066938; padding: 0 0 0 7px; margin: 0 0 0 7px; border-left: 1px solid #066938; } .header-navigation-mobile .menu--language .menu .menu-item:first-child a { padding-left: 0; margin-left: 0; border: none; text-decoration: none; } .view-search-box-mobile{ padding:0 20px; position: relative; z-index: 999; } .view-search-box-mobile input[type="text"]{width: 100%; font-size: 1rem; height: 30px; padding: 0 30px 0 10px; border: 1px solid #881a5b; border-top-left-radius: 3px; border-bottom-left-radius: 3px;} .view-search-box-mobile .input-group{ position:relative; } .view-search-box-mobile .input-group-btn{ position: absolute; right: 0; top: 0px; } .view-search-box-mobile .btn{width: 40px; height: 29px; min-height: 28px; font-size: 0; padding: 0; border-radius: 0; position: relative; border: none; line-height: 30px; background: #881a5b; color: #FFF; } .view-search-box-mobile .btn::after { font-family: 'FontAwesome'; content: '\f002'; font-weight: normal; font-size: 1rem; position: absolute; top: 0px; left: 12px; } .ham-mobile-menu{ padding:30px 20px; } .ham-mobile-menu ul.view-nav-mobile{} .ham-mobile-menu ul.view-nav-mobile > li { display: flex; padding: 10px 0; width: 100%; justify-content: space-between; border-bottom: 1px solid #f6f6f6 !important; justify-items: center; } .ham-mobile-menu ul.view-nav-mobile li a{font-weight: 500 !important; font-size: 1.1rem !important; display: block !important;} .ham-mobile-menu ul.view-nav-mobile li a span{color: #2b2b2b; display: block; text-decoration: none; -webkit-transition: all 100ms; -moz-transition: all 100ms; -o-transition: all 100ms; transition: all 100ms; transition-delay: 0; transform: translateZ(0);} .ham-mobile-menu ul.view-nav-mobile > li > a{ } .ham-mobile-menu ul.view-nav-mobile > li ul{ padding: 20px 15px; z-index:0; display: block; overflow-y: auto; overflow-x: hidden; -webkit-transition: all 250ms; -moz-transition: all 250ms; -o-transition: all 250ms; transition: all 250ms; transition-delay: 0; transform: translateZ(0); position: fixed; background: #FFF; height: calc(100vh - 40px); top: 0; width: 100%; right: -700px; } .ham-mobile-menu .btn-open{ cursor: pointer; z-index: 9; top: 0; width: 25px; height: 25px; position:relative; } .ham-mobile-menu .btn-open::after{font-family: 'FontAwesome' !important; content: '\f105' !important; font-weight: normal !important; width: 25px !important; height: 25px !important; background: #066938 !important; border-radius: 3px; margin-left: auto; text-align: center; color: #fff !important; font-size: 16px !important; z-index: 10 !important; line-height: 23px; -webkit-transition: all 250ms; -moz-transition: all 250ms; -o-transition: all 250ms; transition: all 250ms; transition-delay: 0; transform: translateZ(0);} .ham-mobile-menu ul.view-nav-mobile li.et-show-dropdown > ul, .ham-mobile-menu ul.view-nav-mobile li.active-menu-next > ul{ right:0; z-index:11; } .ham-mobile-menu ul.view-nav-mobile li.active-menu-next > ul .backmenu{ cursor: pointer; position: relative; width: 100%; padding-top: 0; margin-bottom: 80px; padding-left: 20px; line-height: 30px; } .ham-mobile-menu ul.view-nav-mobile li.active-menu-next > ul .backmenu::before { font-family: 'FontAwesome'; content: '\f104'; font-weight: normal; font-size: 2rem; margin: 0; line-height: 1.7rem; position: absolute; left: 0; } .ham-mobile-menu ul.view-nav-mobile > li ul li{ display: flex; padding: 10px 0; width: 100%; justify-content: space-between; border-bottom: 1px solid #f6f6f6 !important; } .ham-mobile-menu .menu--level-2 li a{ padding:0; } .ham-mobile-menu ul.view-nav-mobile > li, .ham-mobile-menu ul.view-nav-mobile > li ul li{ } .ham-mobile-menu ul.view-nav-mobile > li:hover, .ham-mobile-menu ul.view-nav-mobile > li ul li:hover{ background: #881a5b; } .ham-mobile-menu ul.view-nav-mobile > li:hover > a > span, .ham-mobile-menu ul.view-nav-mobile > li ul li:hover > a > span{ color:#FFF; padding-left:5px; } /* Home SLider */ #bannerSLider .container{ width:calc(100% - 0px); } #bannerSLider .content{ flex-wrap: wrap; } #bannerSLider .content > *{ width:100%; height: auto; } #block-views-blockheader-slider, #block-views-blockheader-slider .block-views-blockheader{ height: calc(100vh - 80px); min-height: 480px; } #bannerSLider .content{ height: calc(100vh - 80px); min-height: 480px; flex-direction: column-reverse;} #bannerSLider .header-slide-text{ padding: 15px; height: 60%; min-height: auto; } #bannerSLider .header-slide-text .field--name-field-title { font-size: 1rem; margin: 0 5px 0 0; } #bannerSLider .header-slide-text .field--name-field-headline-big{ font-size: 1.6rem; margin: 0 0 8px 0; } #bannerSLider .header-slide-text .field--name-field-text{ font-size: 0.9rem; } #bannerSLider .header-slide-text .field--name-field-text p{ margin-bottom:10px; } #bannerSLider .header-slide-text .field--type-link a{ display: inline-flex; align-items: center; background: #fff; min-height: 25px; border-radius: 3px; padding: 5px 40px; color: #066938; font-size: 1.4rem; font-weight: 400; font-family: inherit; position: relative; border: none; text-decoration: none; line-height: 0.9; -webkit-transition: all 250ms; -moz-transition: all 250ms; -o-transition: all 250ms; transition: all 250ms; transition-delay: 0; transform: translateZ(0); font-size: 0.9rem !important; padding: 5px 10px !important; font-weight: 600 !important; } #bannerSLider .col-right{ min-height: auto; height: 40%; } #bannerSLider .col-right > *{ padding:15px; } #bannerSLider .slick-arrow{ top: calc(100% - 48px); } #bannerSLider .slick-animation .slick-active .field--name-field-image{ height:100%; } #bannerSLider .slick-animation .slick-active .field--name-field-image img{ width: auto; height: 100%; } .view-home-banner-dots .slick-dots{ right: calc(38% + 22px); bottom: 30px; } .view-home-banner-dots .slick-dots li button { background: #FFF;} #block-views-blockheader-slider.block-views-page{ min-height:200px; } #main-footer .region-footer #block-letsworktogether .footer-wrapper { padding: 0 15px; } #main-footer .region-footer #block-letsworktogether .footer-wrapper .field--name-field-text { font-size: 3rem; margin: 0 0 20px 0; } #et-footer-nav{ overflow: hidden; padding: 20px 0px 0 0px; } #et-footer-nav ul{ flex-wrap: wrap; width: 100%; padding: 0 0 0px 0;} #et-footer-nav ul li { width: 100%; padding-right: 0; border-right: none; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; margin-bottom: 10px; } #footer-bottom{ padding: 0px 0 20px; } #footer-bottom .container{ display: flex; flex-direction: column-reverse; } #footer-bottom .container > *{ width:100%; } } @media( max-width:767px ){ h1 { font-size: 2.6rem; } .view-content-icon.view-boxs{ padding: 20px 0px 0; } .col-box{ width:50%; } #block-views-blockheader-slider.block-views-page .container{ width:100%; } #block-views-blockheader-slider.block-views-page .paragraph-view-type-banner .field--name-field-headline-big{ margin-left: 0; height: auto; width: 80%; } .page-template-template-content-slide-reguler .breadcrumb ol{ flex-wrap: wrap; } .breadcrumb ol{ flex-wrap: wrap; } .view-row.flex{ flex-wrap: wrap; } .view-row.flex > div{ width:100%; } .svg-margin svg, .svg-margin svg { max-height: calc(100vh - 0px); min-height: auto; } #view-paragraph-viewSectionId1 .section-inner-content { margin-top: 20px;} .template-kras-related-assays .contact-buttons { flex: 0 0 150px; padding-top: 7px; } .text-mit-bild-text > div{ width:100%; } .paragraph--type--text-with-image.contact-buttons-true .contact-buttons, .paragraph--type--text-with-video.contact-buttons-true .contact-buttons { flex: 0 0 160px; padding-left: 5px; } .region-sidebar, .contact-buttons { margin-right: -137px; } .paragraph--type--goto-tile-container .field--name-field-paragraph .paragraph--type--goto-tile{ width:100%; } .paragraph--type--goto-tile-container .field--name-field-paragraph .paragraph--type--goto-tile .tile-wrapper { font-size: 1.3rem; } .paragraph--type--text-with-image.text-right .text-mit-bild-text::before, .paragraph--type--text-with-video.text-right .text-mit-bild-text::before { left: -15px; width: calc(100% - 40px); height: 80%; } .paragraph--type--text-with-image.text-right .text-wrapper > h1, .paragraph--type--text-with-video.text-right .text-wrapper > h1, .paragraph--type--text-with-image.text-right .text-wrapper > h2, .paragraph--type--text-with-video.text-right .text-wrapper > h2, .paragraph--type--text-with-image.text-right .text-wrapper > h3, .paragraph--type--text-with-video.text-right .text-wrapper > h3, .paragraph--type--text-with-image.text-right .text-wrapper > h4, .paragraph--type--text-with-video.text-right .text-wrapper > h4, .paragraph--type--text-with-image.text-right .text-wrapper > h5, .paragraph--type--text-with-video.text-right .text-wrapper > h5, .paragraph--type--text-with-image.text-right .text-wrapper > h6, .paragraph--type--text-with-video.text-right .text-wrapper > h6 { text-align: left !important; padding: 0 !important; margin-right: 40px; } .paragraph--type--text-with-image.text-right .text-mit-bild-text, .paragraph--type--text-with-video.text-right .text-mit-bild-text { position: inherit; order: 1; padding: 0 0 20px 0; width: 90%; } .paragraph--type--text-with-image.text-right .text-mit-bild-bild, .paragraph--type--text-with-video.text-right .text-mit-bild-bild { order: 2; width: calc(100% - 60px); margin: 0 0 0 60px; right: -20px; } .paragraph--type--tab-container > .center > .tab-container .tab-navigation, .color-scheme-turquoise .paragraph--type--tab-container .center .tab-container .tab-navigation { display: none; } .paragraph--type--tab-container > .center > .tab-container > .field--name-field-paragraph > .paragraph{ margin-bottom: 2px; padding:0px 20px 0px; width: 100%; display: flex; flex-wrap: wrap;} .paragraph--type--tab-container > .center > .tab-container > .field--name-field-paragraph > .paragraph { box-shadow: 0 0 20px rgba(5,83,130,0.2); -webkit-transition: all 250ms; -moz-transition: all 250ms; -o-transition: all 250ms; transition: all 250ms; transition-delay: 0; transform: translateZ(0); } .paragraph--type--tab-container > .center > .tab-container > .field--name-field-paragraph > .paragraph .field--name-field-title::after { font-family: 'FontAwesome'; content: '\f107'; font-weight: normal; position: absolute; right: 20px; } .paragraph--type--tab-container > .center > .tab-container > .field--name-field-paragraph > .paragraph.tab-content-active .field--name-field-title::after { transform: rotate(180deg); } .paragraph--type--tab-container > .center > .tab-container > .field--name-field-paragraph > .paragraph .field--name-field-title{ cursor: pointer; display:block; margin:0 -20px; width: calc(100% + 40px); font-size: 18px; } .paragraph--type--tab-container > .center > .tab-container > .field--name-field-paragraph{ flex-wrap: wrap; overflow: hidden; } .paragraph--type--tab-container > .center > .tab-container > .field--name-field-paragraph > .paragraph.tab-content-active { display: block; min-height: auto; } .paragraph--type--tab-container > .center > .tab-container > .field--name-field-paragraph > .paragraph > .tab-content{ } .paragraph--type--tab-container > .center > .tab-container > .field--name-field-paragraph > .paragraph .tab-content { height: 0; overflow: hidden; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; -o-transition: all 1000ms; transition: all 1000ms; transition-delay: 0; transform: translateZ(0); } .paragraph--type--tab-container > .center > .tab-container > .field--name-field-paragraph > .paragraph.tab-content-active .tab-content{ padding-bottom: 20px; padding-top: 20px; height: auto; } .color-scheme-violetblue .paragraph--type--tab-container .paragraph .field--name-field-title { background: #414882 !important; } .color-scheme-turquoise .paragraph--type--tab-container .paragraph .field--name-field-title { background: #006c60 !important; } .color-scheme-blue .paragraph--type--tab-container .paragraph .field--name-field-title { background: #095381 !important; } .color-scheme-red .paragraph--type--tab-container .paragraph .field--name-field-title { background: #aa163a !important; } .color-scheme-violet .paragraph--type--tab-container .paragraph .field--name-field-title { background: #6b3c7c !important; } .color-scheme-purple .paragraph--type--tab-container .paragraph .field--name-field-title { background: #881a5b !important; } .paragraph--type--related-resources-container .field--name-field-paragraph, .block-views-blockrelated-resources-block-1 .field--name-field-paragraph, .paragraph--type--related-resources-reference .field--name-field-paragraph, .paragraph--type--related-services-reference-cont .field--name-field-paragraph, .paragraph--type--related-resources-container .view-content, .block-views-blockrelated-resources-block-1 .view-content, .paragraph--type--related-resources-reference .view-content, .paragraph--type--related-services-reference-cont .view-content { display: flex; flex-wrap: wrap; margin: -20px; } .paragraph--type--related-resources-container .field--name-field-paragraph .paragraph--type--related-resource, .block-views-blockrelated-resources-block-1 .field--name-field-paragraph .paragraph--type--related-resource, .paragraph--type--related-resources-reference .field--name-field-paragraph .paragraph--type--related-resource, .paragraph--type--related-resources-container .view-content .paragraph--type--related-resource, .block-views-blockrelated-resources-block-1 .view-content .paragraph--type--related-resource, .paragraph--type--related-resources-reference .view-content .paragraph--type--related-resource, .paragraph--type--related-resources-container .field--name-field-paragraph .paragraph--type--related-resource-external-link, .block-views-blockrelated-resources-block-1 .field--name-field-paragraph .paragraph--type--related-resource-external-link, .paragraph--type--related-resources-reference .field--name-field-paragraph .paragraph--type--related-resource-external-link, .paragraph--type--related-resources-container .view-content .paragraph--type--related-resource-external-link, .block-views-blockrelated-resources-block-1 .view-content .paragraph--type--related-resource-external-link, .paragraph--type--related-resources-reference .view-content .paragraph--type--related-resource-external-link, .paragraph--type--related-resources-container .field--name-field-paragraph .paragraph--type--related-resource-internal-link, .block-views-blockrelated-resources-block-1 .field--name-field-paragraph .paragraph--type--related-resource-internal-link, .paragraph--type--related-resources-reference .field--name-field-paragraph .paragraph--type--related-resource-internal-link, .paragraph--type--related-resources-container .view-content .paragraph--type--related-resource-internal-link, .block-views-blockrelated-resources-block-1 .view-content .paragraph--type--related-resource-internal-link, .paragraph--type--related-resources-reference .view-content .paragraph--type--related-resource-internal-link, .paragraph--type--related-resources-container .field--name-field-paragraph .paragraph--type--related-resource-video, .block-views-blockrelated-resources-block-1 .field--name-field-paragraph .paragraph--type--related-resource-video, .paragraph--type--related-resources-reference .field--name-field-paragraph .paragraph--type--related-resource-video, .paragraph--type--related-resources-container .view-content .paragraph--type--related-resource-video, .block-views-blockrelated-resources-block-1 .view-content .paragraph--type--related-resource-video, .paragraph--type--related-resources-reference .view-content .paragraph--type--related-resource-video, .paragraph--type--related-resources-container .field--name-field-paragraph .views-row, .block-views-blockrelated-resources-block-1 .field--name-field-paragraph .views-row, .paragraph--type--related-resources-reference .field--name-field-paragraph .views-row, .paragraph--type--related-resources-container .view-content .views-row, .block-views-blockrelated-resources-block-1 .view-content .views-row, .paragraph--type--related-resources-reference .view-content .views-row, .paragraph--type--related-resources-container .field--name-field-paragraph .paragraph--type--related-services-reference, .block-views-blockrelated-resources-block-1 .field--name-field-paragraph .paragraph--type--related-services-reference, .paragraph--type--related-resources-reference .field--name-field-paragraph .paragraph--type--related-services-reference, .paragraph--type--related-resources-container .view-content .paragraph--type--related-services-reference, .block-views-blockrelated-resources-block-1 .view-content .paragraph--type--related-services-reference, .paragraph--type--related-resources-reference .view-content .paragraph--type--related-services-reference, .paragraph--type--related-resources-container .field--name-field-paragraph .paragraph--type--related-resources-reference-sing, .block-views-blockrelated-resources-block-1 .field--name-field-paragraph .paragraph--type--related-resources-reference-sing, .paragraph--type--related-resources-reference .field--name-field-paragraph .paragraph--type--related-resources-reference-sing, .paragraph--type--related-resources-container .view-content .paragraph--type--related-resources-reference-sing, .block-views-blockrelated-resources-block-1 .view-content .paragraph--type--related-resources-reference-sing, .paragraph--type--related-resources-reference .view-content .paragraph--type--related-resources-reference-sing { width: 100%; } .paragraph--type--related-services-reference-cont .field--name-field-paragraph .paragraph--type--related-resource .related-resource-wrapper .related-resource-text .field--name-field-title, .paragraph--type--related-resources-reference .field--name-field-paragraph .paragraph--type--related-resource .related-resource-wrapper .related-resource-text .field--name-field-title { min-height: 50px; height: auto !important; } .paragraph--type--related-resources-container .related-resources-all-link, .block-views-blockrelated-resources-block-1 .related-resources-all-link, .paragraph--type--related-resources-reference .related-resources-all-link, .paragraph--type--related-services-reference-cont .related-resources-all-link { margin-top: 20px; position: relative; right: 0; bottom: 0; transform: translateY(0%); } .paragraph--type--related-resources-container .related-resources-all-link a, .block-views-blockrelated-resources-block-1 .related-resources-all-link a, .paragraph--type--related-resources-reference .related-resources-all-link a, .paragraph--type--related-services-reference-cont .related-resources-all-link a{ margin: 0 auto; max-width:130px; display: flex; justify-content: center; } .paragraph--type--related-resources-container .related-resources-all-link a span, .block-views-blockrelated-resources-block-1 .related-resources-all-link a span, .paragraph--type--related-resources-reference .related-resources-all-link a span, .paragraph--type--related-services-reference-cont .related-resources-all-link a span{ max-width: inherit; } .view-container { padding: 30px 0;} .edit-link{ margin-top: 10px; } .paragraph--type--table .field--name-field-table, .paragraph--type--table-one .field--name-field-table, .paragraph--type--table-referenced .field--name-field-table, .paragraph--type--table .field--name-field-table-one, .paragraph--type--table-one .field--name-field-table-one, .paragraph--type--table-referenced .field--name-field-table-one{ flex-wrap: wrap; } .paragraph--type--table .field--name-field-table .field__item { width: 100%; } .mobile-scroll{ overflow: scroll; } .mobile-scroll table{ width:1000px ; } .paragraph--type--table .field--name-field-table .tablefield-wrapper .tablefield.collapsed tr:not(.child) td:first-child::before, .paragraph--type--table-one .field--name-field-table .tablefield-wrapper .tablefield.collapsed tr:not(.child) td:first-child::before, .paragraph--type--table-referenced .field--name-field-table .tablefield-wrapper .tablefield.collapsed tr:not(.child) td:first-child::before, .paragraph--type--table .field--name-field-table-one .tablefield-wrapper .tablefield.collapsed tr:not(.child) td:first-child::before, .paragraph--type--table-one .field--name-field-table-one .tablefield-wrapper .tablefield.collapsed tr:not(.child) td:first-child::before, .paragraph--type--table-referenced .field--name-field-table-one .tablefield-wrapper .tablefield.collapsed tr:not(.child) td:first-child::before { font-family: 'FontAwesome'; content: '\f055\0a0'; font-weight: normal; } .paragraph--type--table .field--name-field-table .tablefield-wrapper .tablefield.collapsed tr:not(.child).parent td:first-child::before, .paragraph--type--table-one .field--name-field-table .tablefield-wrapper .tablefield.collapsed tr:not(.child).parent td:first-child::before, .paragraph--type--table-referenced .field--name-field-table .tablefield-wrapper .tablefield.collapsed tr:not(.child).parent td:first-child::before, .paragraph--type--table .field--name-field-table-one .tablefield-wrapper .tablefield.collapsed tr:not(.child).parent td:first-child::before, .paragraph--type--table-one .field--name-field-table-one .tablefield-wrapper .tablefield.collapsed tr:not(.child).parent td:first-child::before, .paragraph--type--table-referenced .field--name-field-table-one .tablefield-wrapper .tablefield.collapsed tr:not(.child).parent td:first-child::before { font-family: 'FontAwesome'; content: '\f056\0a0'; font-weight: normal; } .color-scheme-red #teaser-boxes-5_anchor .paragraph--type--teaser-boxes .center .field--name-field-paragraph .paragraph--type--teaser { width: 50%; } #teaser-boxes-5_anchor .paragraph--type--teaser-boxes .center .field--name-field-paragraph .paragraph--type--teaser { width: 50%; } .paragraph--type--text-with-video .text-mit-bild-bild.field--name-field-video .field__item p { margin-bottom: 0; position: relative; height: 100%; padding-bottom: 56%; } .paragraph--type--text-with-image .text-mit-bild-bild.field--name-field-video .field__item, .paragraph--type--text-with-video .text-mit-bild-bild.field--name-field-video .field__item { position: relative; width: 100%; float: left; } .paragraph--type--text-with-image .text-mit-bild-bild.field--name-field-video .field__item iframe, .paragraph--type--text-with-video .text-mit-bild-bild.field--name-field-video .field__item iframe { position: absolute; right: 0; top: 0; width: 100%; height: 100%; } .paragraph--type--goto-tile-container .field--name-field-paragraph .paragraph--type--goto-tile .tile-wrapper a, .paragraph--type--goto-tile-container .field--name-field-paragraph .paragraph--type--goto-tile .tile-wrapper { font-size: 1.3rem; } .related-resources-bgr .related-resources-wrapper .related-resources-container .related-resources-margin .related-resources-text { width: 100%; padding: 0 0px 0 0; } .related-resources-wrapper .related-resources-container .related-resources-margin .related-resources-video { width: 100%; position: relative; } .paragraph-filter-data .views-row .related-resource-wrapper .related-resource-container a .field--name-field-image { order: 1; width: 100%; max-width: 100%; margin: 0 0 0 auto; font-size: 0; position: relative; } .paragraph-filter-data .views-row .related-resource-wrapper .related-resource-container a .related-resource-text { order: 2; width: 100%; padding: 5px 0px 0 0; } .filter-fields { grid-gap: 10px; flex-wrap: wrap; } .filter-fields .js-form-item { width: 100%; } #form-select, #resources-select{ height:44px; width:100%; } .view-paragraph-contact-wrapper{ flex-wrap: wrap; } .view-paragraph-contact-wrapper > div{ width: 100% !important; } .view-simple-search-conent .entry-content-servises h3{ line-height:1.2; font-size: 1.5em; } .view-simple-search-conent .entry-content-servises .search-content { padding-left: 0; padding-top: 10px; } .search-view-inner-page .view-search-box { padding: 15px 0; } .search-view-inner-page .view-search-box .input-group button{ padding: 5px 20px; } .flip-paragraph > .flip-partner { width: 100%; } .flip-paragraph > .flip-partner-two { width: 100%; } .view-content-flips .flip-paragraph > .flip-partner .flip-card-wrapper .field--name-field-link, .view-content-flips .flip-paragraph > .flip-partner-two .flip-card-wrapper .field--name-field-link{ flex-wrap: wrap; } .view-content-flips .flip-paragraph > .flip-partner .flip-card-wrapper .field--name-field-link a, .view-content-flips .flip-paragraph > .flip-partner-two .flip-card-wrapper .field--name-field-link a{ width:100%; } #main-content .view-content .views-row { width: 50%;} .paragraph--type--text-with-image.text-left .text-mit-bild-text, .paragraph--type--text-with-video.text-left .text-mit-bild-text{ width: calc(100% - 0px); } .paragraph--type--text-with-image.text-left .text-mit-bild-bild, .paragraph--type--text-with-video.text-left .text-mit-bild-bild { order: 2; width: calc(100% - 0px); padding: 0 0 0 0px; } .view-news.view-display-id-block_1 .view-content .views-row .views-field-nothing .news-head-wrapper, .view-news.view-display-id-block_3 .view-content .views-row .views-field-nothing .news-head-wrapper, .view-news.view-display-id-block_1 .view-content .views-row .views-field-views-conditional-field .news-head-wrapper, .view-news.view-display-id-block_3 .view-content .views-row .views-field-views-conditional-field .news-head-wrapper, .view-news.view-display-id-block_1 .view-content .views-row .views-field-nothing .press-head-wrapper, .view-news.view-display-id-block_3 .view-content .views-row .views-field-nothing .press-head-wrapper, .view-news.view-display-id-block_1 .view-content .views-row .views-field-views-conditional-field .press-head-wrapper, .view-news.view-display-id-block_3 .view-content .views-row .views-field-views-conditional-field .press-head-wrapper { flex-wrap: wrap; } .view-news.view-display-id-block_1 .view-content .views-row .views-field-nothing .news-head-wrapper h4, .view-news.view-display-id-block_3 .view-content .views-row .views-field-nothing .news-head-wrapper h4, .view-news.view-display-id-block_1 .view-content .views-row .views-field-views-conditional-field .news-head-wrapper h4, .view-news.view-display-id-block_3 .view-content .views-row .views-field-views-conditional-field .news-head-wrapper h4, .view-news.view-display-id-block_1 .view-content .views-row .views-field-nothing .press-head-wrapper h4, .view-news.view-display-id-block_3 .view-content .views-row .views-field-nothing .press-head-wrapper h4, .view-news.view-display-id-block_1 .view-content .views-row .views-field-views-conditional-field .press-head-wrapper h4, .view-news.view-display-id-block_3 .view-content .views-row .views-field-views-conditional-field .press-head-wrapper h4 { width: 100%; order: 1; } .view-news.view-display-id-block_1 .view-content .views-row .views-field-nothing .news-head-wrapper .datetime, .view-news.view-display-id-block_3 .view-content .views-row .views-field-nothing .news-head-wrapper .datetime, .view-news.view-display-id-block_1 .view-content .views-row .views-field-views-conditional-field .news-head-wrapper .datetime, .view-news.view-display-id-block_3 .view-content .views-row .views-field-views-conditional-field .news-head-wrapper .datetime, .view-news.view-display-id-block_1 .view-content .views-row .views-field-nothing .press-head-wrapper .datetime, .view-news.view-display-id-block_3 .view-content .views-row .views-field-nothing .press-head-wrapper .datetime, .view-news.view-display-id-block_1 .view-content .views-row .views-field-views-conditional-field .press-head-wrapper .datetime, .view-news.view-display-id-block_3 .view-content .views-row .views-field-views-conditional-field .press-head-wrapper .datetime { width: 100%; order: 2; margin: 10px 0 0 0; } .view-news.view-display-id-block_1 .view-content .views-row .views-field-nothing .news-text-wrapper, .view-news.view-display-id-block_3 .view-content .views-row .views-field-nothing .news-text-wrapper, .view-news.view-display-id-block_1 .view-content .views-row .views-field-views-conditional-field .news-text-wrapper, .view-news.view-display-id-block_3 .view-content .views-row .views-field-views-conditional-field .news-text-wrapper, .view-news.view-display-id-block_1 .view-content .views-row .views-field-nothing .press-text-wrapper, .view-news.view-display-id-block_3 .view-content .views-row .views-field-nothing .press-text-wrapper, .view-news.view-display-id-block_1 .view-content .views-row .views-field-views-conditional-field .press-text-wrapper, .view-news.view-display-id-block_3 .view-content .views-row .views-field-views-conditional-field .press-text-wrapper { margin: 10px 0 0 0; padding: 0 0 0 0;} .view-news.view-display-id-block_1 .view-content .views-row .views-field-nothing .news-read-more, .view-news.view-display-id-block_3 .view-content .views-row .views-field-nothing .news-read-more, .view-news.view-display-id-block_1 .view-content .views-row .views-field-views-conditional-field .news-read-more, .view-news.view-display-id-block_3 .view-content .views-row .views-field-views-conditional-field .news-read-more { padding: 10px 0 0 0; } .view-news.view-display-id-block_1 .view-content .views-row .views-field-nothing .news-more-wrapper, .view-news.view-display-id-block_3 .view-content .views-row .views-field-nothing .news-more-wrapper, .view-news.view-display-id-block_1 .view-content .views-row .views-field-views-conditional-field .news-more-wrapper, .view-news.view-display-id-block_3 .view-content .views-row .views-field-views-conditional-field .news-more-wrapper { padding: 10px 0 0 0; } .view-page-testimonials{ padding-top:100px !important; } .view-page-testimonials::before{ top: 45px; } .view-testimonials-content .views-row::before{ top:20px; left: calc(50% - 30px); opacity: 0.15; } .view-testimonials.view-display-id-block_3 .view-testimonials-content .views-row, .view-testimonials-content .views-row{ padding: 90px 20px 20px 20px; } } @media(max-width:480px){ .color-scheme-red #teaser-boxes-5_anchor .paragraph--type--teaser-boxes .center .field--name-field-paragraph .paragraph--type--teaser { width: 100%; } #teaser-boxes-5_anchor .paragraph--type--teaser-boxes .center .field--name-field-paragraph .paragraph--type--teaser { width: 100%; } .related-resources-bgr .related-resources-wrapper .related-resources-container .related-resources-margin { margin-top: calc(120px - 19vw); width: 100%; } .view-content-flips .flip-paragraph > .flip-partner .flip-card-wrapper .flip-card-front .column-1, .view-content-flips .flip-paragraph > .flip-partner-two .flip-card-wrapper .flip-card-front .column-1, .view-content-flips .flip-paragraph > .flip-partner .flip-card-wrapper .flip-card-back .column-1, .view-content-flips .flip-paragraph > .flip-partner-two .flip-card-wrapper .flip-card-back .column-1, .view-content-flips .flip-paragraph > .flip-partner .flip-card-wrapper .flip-card-sizer .column-1, .view-content-flips .flip-paragraph > .flip-partner-two .flip-card-wrapper .flip-card-sizer .column-1, .view-content-flips .flip-paragraph > .flip-partner .flip-card-wrapper .flip-card-front .column-2, .view-content-flips .flip-paragraph > .flip-partner-two .flip-card-wrapper .flip-card-front .column-2, .view-content-flips .flip-paragraph > .flip-partner .flip-card-wrapper .flip-card-back .column-2, .view-content-flips .flip-paragraph > .flip-partner-two .flip-card-wrapper .flip-card-back .column-2, .view-content-flips .flip-paragraph > .flip-partner .flip-card-wrapper .flip-card-sizer .column-2, .view-content-flips .flip-paragraph > .flip-partner-two .flip-card-wrapper .flip-card-sizer .column-2 { width: 100%; } #main-content .view-content .views-row { width: 100%;} .view-testimonials-content .views-row .testimonial-footer{ flex-wrap: wrap; } .view-testimonials-content .testimonial-footer .testimonial-logo { margin: 20px 0 0 0; } #developmentrepresentatives .view-addresses .view-content .group-wrapper{ column-gap: 20px; } #developmentrepresentatives .view-addresses .view-content .group-wrapper .views-row { width: calc(50% - 10px); margin-bottom: 20px; } } /* Extra small devices (portrait phones, less than 576px) */ @media (max-width: 575.98px) { } /* Small devices (landscape phones, less than 768px) */ @media (max-width: 767.98px) { .d-sm-show { display: block; } } /* Medium devices (tablets, less than 992px) */ @media (max-width: 991.98px) { } /* Large devices (desktops, less than 1200px) */ @media (max-width: 1199.98px) { } /* Small devices (landscape phones, 576px and up) */ @media (min-width: 576px) { } /* Medium devices (tablets, 768px and up) */ @media (min-width: 768px) { .d-md-show { display: block; } } /* Large devices (desktops, 992px and up) */ @media (min-width: 992px) { } /* Extra large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { }