/* GANTRY5 DEVELOPMENT MODE ENABLED. * * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost! * * For more information on modifying CSS, please read: * * http://docs.gantry.org/gantry5/configure/styles * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet */ @charset "UTF-8"; /*--------------------------- TEMPLATE CONFIG ---------------------------*/ @font-face { font-family: "black_mountagealt"; src: url('../../../../webfonts/black_mountage_alt-webfont.woff2') format("woff2"), url('../../../../webfonts/black_mountage_alt-webfont.woff') format("woff"); font-weight: normal; font-style: normal; } /* source-sans-3-300 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Source Sans 3"; font-style: normal; font-weight: 300; src: url('../../../../webfonts/source-sans-3-v18-latin-300.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* source-sans-3-regular - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Source Sans 3"; font-style: normal; font-weight: 400; src: url('../../../../webfonts/source-sans-3-v18-latin-regular.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* source-sans-3-italic - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Source Sans 3"; font-style: italic; font-weight: 400; src: url('../../../../webfonts/source-sans-3-v18-latin-italic.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* source-sans-3-700 - latin */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: "Source Sans 3"; font-style: normal; font-weight: 700; src: url('../../../../webfonts/source-sans-3-v18-latin-700.woff2') format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* roboto-300 - latin */ @font-face { font-family: "Roboto"; font-style: normal; font-weight: 300; src: local(""), url('../../../../webfonts/roboto-v30-latin-300.woff2') format("woff2"), url('../../../../webfonts/roboto-v30-latin-300.woff') format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-300italic - latin */ @font-face { font-family: "Roboto"; font-style: italic; font-weight: 300; src: local(""), url('../../../../webfonts/roboto-v30-latin-300italic.woff2') format("woff2"), url('../../../../webfonts/roboto-v30-latin-300italic.woff') format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-regular - latin */ @font-face { font-family: "Roboto"; font-style: normal; font-weight: 400; src: local(""), url('../../../../webfonts/roboto-v30-latin-regular.woff2') format("woff2"), url('../../../../webfonts/roboto-v30-latin-regular.woff') format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-italic - latin */ @font-face { font-family: "Roboto"; font-style: italic; font-weight: 400; src: local(""), url('../../../../webfonts/roboto-v30-latin-italic.woff2') format("woff2"), url('../../../../webfonts/roboto-v30-latin-italic.woff') format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-500 - latin */ @font-face { font-family: "Roboto"; font-style: normal; font-weight: 500; src: local(""), url('../../../../webfonts/roboto-v30-latin-500.woff2') format("woff2"), url('../../../../webfonts/roboto-v30-latin-500.woff') format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-500italic - latin */ @font-face { font-family: "Roboto"; font-style: italic; font-weight: 500; src: local(""), url('../../../../webfonts/roboto-v30-latin-500italic.woff2') format("woff2"), url('../../../../webfonts/roboto-v30-latin-500italic.woff') format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-700 - latin */ @font-face { font-family: "Roboto"; font-style: normal; font-weight: 700; src: local(""), url('../../../../webfonts/roboto-v30-latin-700.woff2') format("woff2"), url('../../../../webfonts/roboto-v30-latin-700.woff') format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* roboto-700italic - latin */ @font-face { font-family: "Roboto"; font-style: italic; font-weight: 700; src: local(""), url('../../../../webfonts/roboto-v30-latin-700italic.woff2') format("woff2"), url('../../../../webfonts/roboto-v30-latin-700italic.woff') format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* source-sans-pro-300 - latin */ @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 300; src: local(""), url('../../../../webfonts/source-sans-pro-v21-latin-300.woff2') format("woff2"), url('../../../../webfonts/source-sans-pro-v21-latin-300.woff') format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* source-sans-pro-300italic - latin */ @font-face { font-family: "Source Sans Pro"; font-style: italic; font-weight: 300; src: local(""), url('../../../../webfonts/source-sans-pro-v21-latin-300italic.woff2') format("woff2"), url('../../../../webfonts/source-sans-pro-v21-latin-300italic.woff') format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* source-sans-pro-regular - latin */ @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 400; src: local(""), url('../../../../webfonts/source-sans-pro-v21-latin-regular.woff2') format("woff2"), url('../../../../webfonts/source-sans-pro-v21-latin-regular.woff') format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* source-sans-pro-italic - latin */ @font-face { font-family: "Source Sans Pro"; font-style: italic; font-weight: 400; src: local(""), url('../../../../webfonts/source-sans-pro-v21-latin-italic.woff2') format("woff2"), url('../../../../webfonts/source-sans-pro-v21-latin-italic.woff') format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* source-sans-pro-600 - latin */ @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 600; src: local(""), url('../../../../webfonts/source-sans-pro-v21-latin-600.woff2') format("woff2"), url('../../../../webfonts/source-sans-pro-v21-latin-600.woff') format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* source-sans-pro-600italic - latin */ @font-face { font-family: "Source Sans Pro"; font-style: italic; font-weight: 600; src: local(""), url('../../../../webfonts/source-sans-pro-v21-latin-600italic.woff2') format("woff2"), url('../../../../webfonts/source-sans-pro-v21-latin-600italic.woff') format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* source-sans-pro-700 - latin */ @font-face { font-family: "Source Sans Pro"; font-style: normal; font-weight: 700; src: local(""), url('../../../../webfonts/source-sans-pro-v21-latin-700.woff2') format("woff2"), url('../../../../webfonts/source-sans-pro-v21-latin-700.woff') format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* source-sans-pro-700italic - latin */ @font-face { font-family: "Source Sans Pro"; font-style: italic; font-weight: 700; src: local(""), url('../../../../webfonts/source-sans-pro-v21-latin-700italic.woff2') format("woff2"), url('../../../../webfonts/source-sans-pro-v21-latin-700italic.woff') format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /*--------------------------- TEMPLATE INIT -----------------------------*/ /* * @File: _px_mixins.scss * @Author: christophf * @Date: 2016-01-27 14:13:18 * @Last Modified by: christophf * @Last Modified time: 2016-10-31 16:41:46 */ /*-----------------------------------------HELPERS-----------------------------------------*/ /*-----------------------------------------MIXINS------------------------------------------*/ .ua-desktop .offlajn-ajax-search .search-results .search-results-moovable .search-results-inner::-webkit-scrollbar, .ua-desktop .offlajn-ajax-search .search-results .search-results-moovable .search-results-inner::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.5); width: 10px; height: 0; } /*! sass-import-once - v0.2.0 - 2015-07-28 * https://github.com/wilsonpage/ * Copyright (c) 2015 Wilson Page; Licensed MIT */ /* Module export mixin This mixin helps making sure a module is imported once and only once. @access public @param {String} $name - Name of exported module @param {Bool} $warn [true] - Warn when module has been already imported @require $imported-modules */ .formResponsive .formHorizontal .formControls { margin-left: 25px !important; } .formResponsive input.rsform-error, .formResponsive textarea.rsform-error, .formResponsive select.rsform-error { border-color: #cd1719 !important; } .flexi-all { display: flex; flex-wrap: wrap; } .flexi-all input[type=text], .flexi-all select { width: 350px !important; height: 40px !important; background: #F0F0F0 !important; color: #333333 !important; border-color: transparent !important; border-radius: 0 !important; font-size: 0.9rem !important; box-shadow: none !important; } .flexi-all .flexi-left .formBody { position: relative; } .flexi-all .flexi-left .formBody:hover::after { width: 100%; } .flexi-all .flexi-left .formBody::after { width: 0%; height: 1px; background: #cd1719; display: block; content: ""; position: absolute; top: 85%; left: 50%; transform: translate(-50%); transition: all 200ms ease-in-out; } .flexi-all .flexi-left .rsform-block-anrede .formBody:after, .flexi-all .flexi-left .rsform-block-empfaenger .formBody:after { top: 100% !important; } .flexi-all .flexi-left .rsform-block-anrede .formBody { background: #F0F0F0; width: 360px !important; height: 50px !important; position: relative; } .flexi-all .flexi-left .rsform-block-anrede .formBody:before { content: "Anrede*"; float: left; transform: translate(10px, 11px); } .flexi-all .flexi-left .rsform-block-anrede .formBody :nth-child(1) { visibility: hidden; } .flexi-all .flexi-left .rsform-block-anrede .formBody :nth-child(1):before { content: ""; display: block; width: 17px; height: 18px; background: #c4c4c4; border-radius: 100%; visibility: visible; position: absolute; background-repeat: no-repeat; top: 15px; left: 135px; } .flexi-all .flexi-left .rsform-block-anrede .formBody :nth-child(1):after { content: ""; background: none; display: block; overflow: visible; visibility: visible; position: absolute; width: 22px; height: 18px; background-repeat: no-repeat; transform: translate(80px, 10px); } .flexi-all .flexi-left .rsform-block-anrede .formBody :nth-child(1):checked:after { background: url('../../../../images/kontakt/Harken.png') !important; background-repeat: no-repeat; } .flexi-all .flexi-left .rsform-block-anrede .formBody :nth-child(2) { transform: translate(95px, 8px); } .flexi-all .flexi-left .rsform-block-anrede .formBody :nth-child(3) { visibility: hidden; } .flexi-all .flexi-left .rsform-block-anrede .formBody :nth-child(3):before { content: ""; display: block; width: 17px; height: 18px; background: #c4c4c4; border-radius: 100%; visibility: visible; position: absolute; background-repeat: no-repeat; top: 15px; left: 230px; } .flexi-all .flexi-left .rsform-block-anrede .formBody :nth-child(3):after { content: ""; background: none; display: block; overflow: visible; visibility: visible; position: absolute; width: 22px; height: 18px; background-repeat: no-repeat; transform: translate(121px, 10px); } .flexi-all .flexi-left .rsform-block-anrede .formBody :nth-child(3):checked:after { background: url('../../../../images/kontakt/Harken.png') !important; background-repeat: no-repeat; } .flexi-all .flexi-left .rsform-block-anrede .formBody :nth-child(4) { transform: translate(135px, 8px); } .flexi-all .flexi-right .rsform-block-nachricht { margin-bottom: 27px !important; } .flexi-all .flexi-right .rsform-block-nachricht .formBody { position: relative; } .flexi-all .flexi-right .rsform-block-nachricht .formBody:hover::after { width: 100%; } .flexi-all .flexi-right .rsform-block-nachricht .formBody::after { width: 0%; height: 1px; background: #cd1719; display: block; content: ""; position: absolute; top: 100%; left: 50%; transform: translate(-50%); transition: all 200ms ease-in-out; } .flexi-all .flexi-right .rsform-block-nachricht .formBody textarea { width: 681px !important; height: 280px !important; resize: none !important; overflow-y: auto !important; background: #F0F0F0 !important; color: #333333 !important; border-color: transparent !important; border-radius: 0 !important; font-size: 0.9rem !important; box-shadow: none !important; } .flexi-all .flexi-right .flexi-right-all { display: flex; } .flexi-all .flexi-right .flexi-right-all .flexi-right-left .formBody { position: relative; } .flexi-all .flexi-right .flexi-right-all .flexi-right-left .formBody:hover::after { width: 100%; } .flexi-all .flexi-right .flexi-right-all .flexi-right-left .formBody::after { width: 0%; height: 1px; background: #cd1719; display: block; content: ""; position: absolute; top: 85%; left: 50%; transform: translate(-50%); transition: all 200ms ease-in-out; } .flexi-all .flexi-right .flexi-right-all .flexi-right-right .rsform-block-submit { transform: translate(90px, 86px); } .flexi-all .flexi-right .flexi-right-all .flexi-right-right .rsform-block-submit .formBody:hover::after { width: 86%; } .flexi-all .flexi-right .flexi-right-all .flexi-right-right .rsform-block-submit .formBody::after { width: 0%; height: 1px; background: #cd1719; display: block; content: ""; position: absolute; top: 85%; left: 57.5%; transform: translate(-50%); transition: all 200ms ease-in-out; } .flexi-all .flexi-right .flexi-right-all .flexi-right-right .rsform-block-submit .formBody input[type=submit] { position: relative !important; width: 130px !important; height: 40px !important; background: #F0F0F0 !important; color: #333333 !important; border-color: transparent !important; border-radius: 0 !important; font-size: 0.9rem !important; box-shadow: none !important; text-shadow: none !important; } @media (max-width: 767px) { .flexi-left, .flexi-right { margin: 0 !important; width: 100% !important; } .flexi-right-all { display: flex !important; } .rsform-block-anrede .formBody :nth-child(1):before { left: 115px !important; } .rsform-block-anrede .formBody :nth-child(1):after { transform: translate(59px, 10px) !important; } .rsform-block-anrede .formBody :nth-child(2) { transform: translate(75px, 8px) !important; } .rsform-block-anrede .formBody :nth-child(4) { transform: translate(115px, 8px) !important; } .rsform-block-anrede .formBody :nth-child(3):before { left: 210px !important; } .rsform-block-anrede .formBody :nth-child(3):after { transform: translate(100px, 10px) !important; } .flexi-right-left .formBody::after, .rsform-block-nachricht .formBody::after, .flexi-left .formBody::after { top: 100% !important; } .flexi-all .flexi-left .rsform-block-anrede .formBody { width: 100% !important; } .flexi-all .flexi-right .flexi-right-all { display: block !important; } .flexi-all .flexi-right .flexi-right-all .flexi-right-right .rsform-block-submit { transform: none !important; } .formResponsive .formHorizontal .formControls { margin-left: 0px !important; } .flexi-all .flexi-right .rsform-block-nachricht .formBody textarea { width: 100% !important; } .flexi-all input[type=text], .flexi-all select { width: 100% !important; height: 45px !important; } .formResponsive .formHorizontal input, .formResponsive .formHorizontal textarea, .formResponsive .formHorizontal select, .formResponsive .formHorizontal .formValidation, .formResponsive .formHorizontal .uneditable-input, .formResponsive .formHorizontal .input-prepend, .formResponsive .formHorizontal .input-append { display: block !important; box-sizing: border-box !important; } } .outline-_error { background: #CD1719; } .outline-_error #g-page-surround { background: url('../../../../images/error/error404.svg'); background-size: cover; background-position: center center; } .outline-_error #g-page-surround .g-wrapper { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .outline-_error #g-page-surround .g-wrapper .custom { height: 100vh; } .outline-_error #g-page-surround .g-wrapper .custom > :nth-child(2) { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); color: #333; font-size: 1.6rem; text-align: center; width: 100%; font-family: "Montserrat", sans-serif; } .outline-_error #g-page-surround .g-wrapper .custom .error-first-container { position: absolute; top: 46.5%; left: 50%; width: 100%; transform: translateX(-50%); text-align: center; color: #333; font-family: "Montserrat", sans-serif; } .outline-_error #g-page-surround .g-wrapper .custom .error-first-container > :nth-child(1) { color: #333; font-size: 3.2rem; line-height: 100%; font-family: "Montserrat", sans-serif; font-weight: bolder; } .outline-_error #g-page-surround .g-wrapper .custom .error-first-container > :nth-child(2) { color: white; text-align: center; text-transform: uppercase; font-size: 1.5rem; font-weight: bolder; background: #333; height: 60px; width: 200px; margin-top: 20px; padding-top: 12px; border-radius: 42px; display: inline-block; font-family: "Montserrat", sans-serif; } .outline-_error #g-page-surround .g-wrapper .custom .error-first-container > :nth-child(2):hover { background: #CD1719; } .outline-_error #g-page-surround .g-wrapper .custom .error-first-container > :nth-child(2) a { color: white; } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .outline-_error #g-page-surround { background: url('../../../../images/error/error404_1200.svg'); background-size: cover; background-position: center center; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .outline-_error #g-page-surround { background: url('../../../../images/error/error404_1200.svg'); background-size: cover; background-position: center center; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { .outline-_error #g-page-surround { background: url('../../../../images/error/error404_768.svg'); background-size: cover; background-position: center center; } } @media only all and (max-width: 30rem) { .outline-_error #g-page-surround { background: url('../../../../images/error/error404_768.svg'); background-size: cover; background-position: center center; } .outline-_error #g-page-surround .g-wrapper .custom { width: 95vw; } .outline-_error #g-page-surround .g-wrapper .custom > :nth-child(2) { font-size: 1.1rem; } .outline-_error #g-page-surround .g-wrapper .custom .error-first-container { top: 42.5%; } .outline-_error #g-page-surround .g-wrapper .custom .error-first-container > :nth-child(1) { font-size: 1.6rem; } .outline-_error #g-page-surround .g-wrapper .custom .error-first-container > :nth-child(2) { font-size: 1.1rem; height: 40px; width: 155px; padding-top: 8px; } } /* Modul Text
ES TUT UNS LEID
DIESER LINK FUNKTIONIERT NICHT
Startseite
Die von Ihnen gesuchte Seite können wir leider nicht finden.
Modul Text */ /*-------------------------- TEMPLATE BLOCKS ----------------------------*/ .kachelwrapper h3 a, .kachelwrapper h3 a:hover, .kachelwrapper h3 a:active, .kachelwrapper h3 a:visited, .sjwrapper h2 a, .sjwrapper h2 a:hover, .sjwrapper h2 a:active, .sjwrapper h2 a:visited { color: #fff; text-decoration: none; } .fullwidth .center > .g-content, #g-navigation .g-dropdown-wrapper div.g-dropdown > ul { margin: 0 auto; } @media only all and (min-width: 75rem) { .fullwidth .center > .g-content, #g-navigation .g-dropdown-wrapper div.g-dropdown > ul { width: 75rem; } } @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .fullwidth .center > .g-content, #g-navigation .g-dropdown-wrapper div.g-dropdown > ul { width: 60rem; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .fullwidth .center > .g-content, #g-navigation .g-dropdown-wrapper div.g-dropdown > ul { width: 48rem; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { .fullwidth .center > .g-content, #g-navigation .g-dropdown-wrapper div.g-dropdown > ul { width: 100%; } } @media only all and (max-width: 30rem) { .fullwidth .center > .g-content, #g-navigation .g-dropdown-wrapper div.g-dropdown > ul { width: 100%; } } @font-face { font-family: "Klavika"; font-weight: bold; font-style: normal; src: url('../../fonts/klavikbp-webfont.eot'); src: url('../../fonts/klavikbp-webfont.eot') format("eot"), url('../../fonts/klavikbp-webfont.woff') format("woff"), url('../../fonts/klavikbp-webfont.ttf') format("truetype"); } @font-face { font-family: "Klavika"; font-weight: regular; font-style: normal; src: url('../../fonts/klavikrp-webfont.eot'); src: url('../../fonts/klavikrp-webfont.eot') format("eot"), url('../../fonts/klavikrp-webfont.woff') format("woff"), url('../../fonts/klavikrp-webfont.ttf') format("truetype"); } @font-face { font-family: emoji; src: local("Apple Color Emoji"), local("Android Emoji"), local("Segoe UI Emoji"), local(EmojiSymbols), local(Symbola); /* Emoji unicode blocks */ unicode-range: U+1F300-1F5FF, U+1F600-1F64F, U+1F680-1F6FF, U+2600-26FF; } /*--------------------------- CUSTOM TEMPLATE ---------------------------*/ body { position: relative; } #g-offcanvas .g-menu-item.active span { color: white; } #g-offcanvas .g-menu-item.active:hover span { color: #bb1517; } #g-footer .pagebuilderck .pbck_social_icons .pbck_social_icon { margin-right: 12px !important; } #g-footer .pagebuilderck .pbck_social_icons .pbck_social_icon img { max-height: 30px; } #g-footer .pagebuilderck #zur-app .titleck { margin-top: 0; font-weight: 700; color: #CD1719; } #g-footer .pagebuilderck #zur-app .imageck { margin-bottom: 50px; margin-left: 20px; margin-right: 20px; } #qr-code { position: relative; width: max-content; } #qr-code::after { content: "Scannen Sie diesen QR-Code mit der Kamera-App auf Ihrem Smartphone."; position: absolute; top: -70%; transform: translateY(100%); left: 100%; text-align: left; color: #333; line-height: 100%; font-size: 14px; display: block; width: 50%; } #qr-code img { width: 120px; } .cktype.app-link { display: none; } h1, h2, h3, h4 { line-height: 140%; } h1 { color: #CD1719 !important; font-size: 3.2em; } h2 { color: #CD1719 !important; font-size: 2.8em; } h3 { color: #4D4D4D; font-size: 2em; font-family: "Source Sans Pro"; } .itemid-505 h3 { font-family: "black_mountagealt"; } .fullwidth { padding: 0 !important; } .fullwidth > .g-container { width: 100%; } .fullwidth > .g-container .content { margin: 0; padding: 0; } .fullwidth > .g-content { margin: 0 auto; } .fullwidth .center { text-align: inherit; } .fixed > .g-content { margin: 0 auto; } #g-page-surround { z-index: 5; } .g-content { padding: 0; margin: 0; } .centered { -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: -ms-flexbox; display: flex; } .centered > .g-content { width: 100%; } img.responsive { max-width: 100%; height: auto; } #g-fullslideshow { z-index: 999; overflow: hidden; width: 100%; height: 500px; } #g-top .g-block { margin: 5px; padding: 0 5px 5px; } #g-fullslideshow .g-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } #g-fullslideshow .g-container .g-block { width: 100%; margin: 0; padding: 0; } #g-fullslideshow .g-container .module-surround { overflow: hidden; width: 100%; } #g-fullslideshow .g-container .module-surround .g-grid-12 { width: 100% !important; } .button, .readon, .readmore, button.validate, #member-profile a, #member-registration a, .formelm-buttons button, .btn-primary { border-radius: 0; } p, span { font-weight: normal; text-align: left; } .titel a, .titel a:active, .titel a:hover, .titel a:visited { color: #fff !important; } #g-mainbody p, #g-mainbody ul, #g-mainbody li, #g-mainbody span { line-height: 180% !important; } #jux_easy_instagram_feed.template_classic .inner-caption .item-text { line-height: 180%; max-height: 120px; min-height: 120px; font-size: 1em; color: #444444; opacity: 1; } #g-top-surround { padding-top: 10px; padding-bottom: 10px; border-bottom: 0; background: #fff; } .component-content .item-page h2 { clear: both; margin-top: 30px; margin-bottom: 10px; } #g-top-surround::after, #g-top-surround { background-image: none; } #g-top-surround, #g-top-surround #g-top, #g-top-surround .g-grid-12, #g-top-surround .g-block, ul.maximenuck { position: inherit !important; } /* Smartphones */ /* Smartphones to Tablets */ /* Tablets */ @media (min-width: 768px) and (max-width: 959px) { .ua-ie-11-0 .gantry-logo img { width: 150px !important; } } /* Desktop */ /* Large Display */ @media (max-width: 767px) { #g-top-surround { display: none; } .ua-ie-11-0 .gantry-logo img { width: 150px !important; } } .inner, .dropfiles_downloadlink span { font-family: "Source Sans Pro"; font-weight: 400; } /*----------------------- ENDE CUSTOM TEMPLATE ---------------------------*/ /*----------------------------------- FONTS ------------------------------*/ /* --------------------------- ENDE FONTS ------------------------------- */ /*----------------------------- FLEXBOXEN --------------------------------*/ .ua-ie-11-0 .p-main-container div { min-height: none !important; } .meganew-box { margin-bottom: 10px !important; } .kachel, .meganew-box, .droppicscats .wimg { background: #dedede; box-sizing: border-box; display: flex; flex-direction: column; flex-grow: 1; float: none !important; margin-bottom: 20px; padding: 20px; position: relative; max-width: 24%; width: 24%; } .kachelwrapper, .kachelwrapper100, .kachelwrapper75, .kachelwrapper66, .kachelwrapper50, .kachelwrapper33, .kachelwrapper25 { display: -webkit-flex ; display: -ms-flexbox ; display: flex ; -webkit-flex-wrap: wrap ; flex-wrap: wrap ; -webkit-justify-content: space-between ; -ms-flex-pack: space-between ; justify-content: space-between ; position: relative; width: 100%; } .kachelwrapper h3 { background: none repeat scroll 0 0 #00468c; color: #fff !important; margin: -20px -20px 20px; padding: 20px; font-size: 1.5em; font-weight: normal; } .grau .kachelwrapper h3 { background: none repeat scroll 0 0 #333; padding: 5px 20px; } .kachelwrapper:after { display: block; clear: both; } .kachelwrapper100 { max-width: 100% !important; width: 100% !important; padding: 20px; } .kachelwrapper75 { max-width: 74% !important; width: 74% !important; padding: 20px; } .kachelwrapper66 { max-width: 65% !important; width: 65% !important; padding: 20px; } .kachelwrapper50 { max-width: 49% !important; width: 49% !important; padding: 20px; } .kachelwrapper33 { max-width: 32% !important; width: 32% !important; padding: 20px; } .kachelwrapper25 { max-width: 24% !important; width: 24% !important; padding: 10px; } @media only screen and (min-width: 960px) and (max-width: 1199px) { .kachelwrapper h3, .sjwrapper h2 { font-size: 1.5em; } } @media only screen and (max-width: 767px) { .kachel, .meganew-box { max-width: 99% !important; width: 99% !important; } } @media only screen and (min-width: 768px) and (max-width: 959px) { .kachel, .meganew-box { margin-bottom: 10px !important; max-width: 48% !important; width: 48% !important; } } /* iPads (portrait) ----------- */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .kachel, .meganew-box { margin-bottom: 10px; max-width: 48% !important; width: 48% !important; } } /*--------------------------- ENDE FLEXBOXEN -----------------------------*/ /*--------------------------- ZITATE -------------------------------------*/ blockquote::before { color: #4b4b4d; content: ""; display: block; font-size: 80px; left: -25px; position: absolute; top: -40px; font-family: FontAwesome; } blockquote::after { bottom: -40px; color: #4b4b4d; content: ""; display: block; font-size: 80px; position: absolute; right: -10px; font-family: FontAwesome; } blockquote { border: medium none; color: #4b4b4d; font-style: italic; margin: 30px 30px; position: relative; height: 100%; } blockquote cite::before { content: "- "; font-family: FontAwesome; } blockquote cite { color: #555; display: block; font-size: 15px; } cite { padding-top: 5px; } /*--------------------------- ENDE ZITATE --------------------------------*/ /* -------------------------------- SOBIPRO ----------------------------- */ /* --------------------------- ENDE SOBIPRO ----------------------------- */ /* ------------------ FLEXSLIDER (NOT USED) ----------------------------- */ /* ------------- ENDE FLEXSLIDER (NOT USED) ----------------------------- */ /* ---------------------------- MODULBOXNEN ----------------------------- */ .sidebar .moduletable { background: #333333; padding: 15px; margin-bottom: 10px; } .sidebar .moduletable h3 { background-color: #CD1719; padding: 15px; margin: -15px -15px 15px -15px; border-bottom: 1px solid #fff; color: #fff; } .sidebar .moduletable.box2 { background: #CD1719; color: #fff; } .sidebar .moduletable.box2 h3 { background-color: #333333; padding: 15px; margin: -15px -15px 15px -15px; border-bottom: 1px solid #fff; color: #CD1719; } /* ----------------------- ENDE MODULBOXNEN ----------------------------- */ /* ------------------------------ BREADCRUMBS --------------------------- */ .breadcrumb { margin-bottom: 0 !important; padding: 0 !important; margin-top: 30px; } #g-content-top .g-block { margin: 0 10px; padding: 0 15px; } /* ------------------------- ENDE BREADCRUMBS --------------------------- */ /* -------------------------------- JEVENTS ----------------------------- */ .mod_events_latest_date { font-weight: normal; line-height: 250%; color: #000; font-size: 10px; } .mod_events_latest_content a { font-size: 13px; text-decoration: none; color: #424647; } div.mod_events_latest_callink a:link, div.mod_events_latest_callink a:visited, div.mod_events_latest_callink a:active { padding-top: 10px; display: block; color: #333; text-decoration: none; margin-top: 10px; } td.mod_events_latest_first, td.mod_events_latest { border: none !important; } .mod_events_latest_callink a:before { content: ""; font-family: FontAwesome; font-size: 1.5em; margin-right: 5px; } /* --------------------------- ENDE JEVENTS ----------------------------- */ /* -------------------------------- UMFRAGE ----------------------------- */ .polling_container { border-radius: 0 !important; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.13) inset !important; } .polling_result { border-radius: 0 !important; border-bottom: none !important; background: -webkit-linear-gradient(top, #ccc, #eee); background: linear-gradient(to bottom, #ccc, #eee); background-repeat: repeat-x !important; border-color: #000000 !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; border: 0 !important; } .polling_submit { border-radius: 0 !important; border-bottom: none !important; background: -webkit-linear-gradient(top, #3a3a3a, #191919); background: linear-gradient(to bottom, #3a3a3a, #191919); background-repeat: repeat-x !important; border-color: #000000 !important; color: #fff !important; box-shadow: none !important; text-shadow: none !important; border: 0 !important; } .polling_container { font-family: "Roboto", sans-serif; } .polling_container_wrapper { z-index: 1 !important; } .answer_navigation { border-radius: 0 !important; } /* ---------------------------- ENDE UMFRAGE ---------------------------- */ /* ------------------------ SCHICKE TABELLEN ---------------------------- */ .item-page table:not(.mceLayout):not(.mceToolbar):not(.mceSplitButtonEnabled) { border-collapse: separate !important; border-spacing: 5px; border: 1px solid #ccc; } .item-page table:not(.mceLayout):not(.mceToolbar) td, .item-page table:not(.mceLayout):not(.mceToolbar):not(.mceSplitButtonEnabled) th { padding: 10px; } .item-page table:not(.mceLayout):not(.mceToolbar):not(.mceSplitButtonEnabled) tr:nth-child(1n+1) { background-color: rgba(0, 0, 0, 0.3); color: #000; } .item-page table:not(.mceLayout):not(.mceToolbar):not(.mceSplitButtonEnabled) tr:nth-child(2n+2) { background-color: rgba(0, 0, 0, 0.05); color: #000; } .item-page table:not(.mceLayout):not(.mceToolbar):not(.mceSplitButtonEnabled) tr:hover, .item-page table:not(.mceLayout):not(.mceToolbar):not(.mceSplitButtonEnabled) tr:hover a { background-color: #7e837b; color: #fff; } .item-page table:not(.mceLayout):not(.mceToolbar):not(.mceSplitButtonEnabled) a { color: #000; } /* ------------------- ENDE SCHICKE TABELLEN ---------------------------- */ /* ------------------- RESPONSIVE TABLE TO LIST ------------------------- */ /* ------------------- ENDE RESPONSIVE TABLE TO LIST -------------------- */ /* ---------------------- RESPONSIVE MEGAMENU --------------------------- */ #g-navigation .g-main-nav .g-sublevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover, #g-navigation .g-main-nav .g-sublevel > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module).active { background: #333 !important; } /* ----------------- ENDE RESPONSIVE MEGAMENU --------------------------- */ /* -------------------------- KONTAKT SEITE------------------------------ */ .bfFormDiv { background: -webkit-linear-gradient(top, #f5f6f6 0%, #e0e0e0 21%, #c4c4c4 49%, #e2e2e2 80%, #f5f6f6 100%); background: linear-gradient(to bottom, #f5f6f6 0%, #e0e0e0 21%, #c4c4c4 49%, #e2e2e2 80%, #f5f6f6 100%); margin-right: 40px; } .visitenkarte { background: -webkit-linear-gradient(top, #f5f6f6 0%, #c4c4c4 50%, #aaa 100%); background: linear-gradient(to bottom, #f5f6f6 0%, #c4c4c4 50%, #aaa 100%); padding: 25px; } .visitenqr { margin-top: 20px; height: 296px; } .visitenvcard { float: left; margin-top: 20px; } .bfFormDiv { margin-right: 0 !important; } .bfQuickMode .bfNextButton, .bfQuickMode .bfSubmitButton, .bfQuickMode .bfCancelButton { font-family: "Roboto", sans-serif; text-transform: uppercase; text-shadow: none; } .bfQuickMode button, .bfQuickMode .bfDivButtonWrapper, .newsletteranmeldebutton { box-shadow: none !important; border: 1px solid #3186bc; background: #fff !important; color: #3186bc !important; } .bfQuickMode button:hover, .bfQuickMode .bfDivButtonWrapper:hover, button.submitBtnHover, .newsletteranmeldebutton:hover { background: #3186bc !important; color: #fff !important; border: none; } .bfQuickMode button:hover span, .bfQuickMode .bfDivButtonWrapper:hover .bfDivButtonMain { color: #fff; } .geomap { clear: both; width: 100%; height: 400px; margin-top: 15px; } .visitenkarte h3, .kontaktformularheadline { background: #19317b; color: #fff; font-weight: normal; } .bfQuickMode label { font-weight: normal !important; text-shadow: none !important; } .bfRequired { color: #3186bc !important; } .bfQuickMode textarea:focus, .bfQuickMode input[type="text"]:focus, .bfQuickMode input[type="password"]:focus, .bfQuickMode select:focus { border: 1px solid #3186bc !important; } @media only screen and (min-width: 1200px) { #ff_elem229 { width: 490px !important; } #kontaktboxenwrapper { float: left; width: 48%; color: #333; } #kontaktformularwrapper { float: right; width: 48%; margin-bottom: 20px; color: #333; } .visitenkarte h3, .kontaktformularheadline { padding: 25px; margin: -25px -25px 20px; } } @media only screen and (min-width: 960px) and (max-width: 1199px) { #g-footer .moduletable .pagebuilderck > .rowck > .inner > .blockck:nth-child(2), #g-footer .moduletable .pagebuilderck > .rowck > .inner > .blockck:nth-child(3) { width: 15% !important; } #g-footer .moduletable .pagebuilderck > .rowck > .inner > .blockck:nth-child(4) { width: auto; } #ff_elem229 { width: 370px !important; } #kontaktboxenwrapper { float: left; width: 48%; color: #333; } #kontaktformularwrapper { float: right; width: 48%; margin-bottom: 20px; color: #333; } .visitenkarte h3, .kontaktformularheadline { padding: 20px 10px; margin: -10px -10px 20px; } .visitenqr { height: 330px; } .visitenqr img { width: 250px !important; height: 250px !important; margin-top: -55px !important; } .visitenkarte { padding: 10px; } .bfPage-m { padding: 5px !important; } } @media only screen and (min-width: 768px) and (max-width: 959px) { #g-footer .moduletable .pagebuilderck > .rowck > .inner > .blockck:nth-child(2), #g-footer .moduletable .pagebuilderck > .rowck > .inner > .blockck:nth-child(3) { width: 15% !important; } #g-footer .moduletable .pagebuilderck > .rowck > .inner > .blockck:nth-child(4) { width: auto; } #kontaktboxenwrapper { float: left; width: 100%; color: #333; } #kontaktformularwrapper { float: right; width: 100%; margin-bottom: 20px; color: #333; } .visitenkarte h3, .kontaktformularheadline { padding: 20px; margin: -25px -25px 20px; } #kontaktformularwrapper { margin-top: 20px; } } @media only screen and (max-width: 479px) { #g-footer .pagebuilderck #zur-app .imageck { margin-bottom: 20px; } #g-footer .pagebuilderck #zur-app .imageck img { max-height: 70px !important; } .cktype.app-link { display: block !important; } } @media only screen and (min-width: 480px) and (max-width: 767px) { #g-footer .pagebuilderck #zur-app .imageck { margin-bottom: 20px; } #g-footer .pagebuilderck #zur-app .imageck img { max-height: 70px !important; } .cktype.app-link { display: block !important; } #kontaktboxenwrapper { float: left; width: 100%; color: #333; } #kontaktformularwrapper { float: right; width: 100%; margin-bottom: 20px; color: #333; margin-top: 20px; } .visitenkarte h3, .kontaktformularheadline { padding: 20px; margin: -25px -25px 20px; } .visitenqr { display: none; } } /* -------------------------- ENDE KONTAKT SEITE ------------------------ */ /* ----------------------------- AKTUELLES KASTEN ----------------------- */ .pixel-aktuelles .datum { font-size: 0.4em; margin-top: 10px; } .pixel-aktuelles .headline { font-size: 0.7em; } .pixel-aktuelles h3 { line-height: 0.7em; margin: 2px 0; } .pixel-aktuelles .newstext { font-size: 0.7em; margin-bottom: 23px; } /* -------------------------- ENDE AKTUELLES KASTEN --------------------- */ /* ---------------------------- SUCHERGEBNISSE -------------------------- */ #searchForm fieldset.phrases, #searchForm fieldset.only { display: none; } .result-title { background: #3186bc; color: #fff !important; padding: 15px; font-size: 1.2em; font-weight: normal !important; } .result-title a, .result-title a:link, .result-title a:hover, .result-title a:active { color: #fff; } .result-category, result-text, result-created { margin: 0; } .result-text, .result-created, .result-category { background: #eee; color: #333; margin: 0; } .result-category { padding: 15px; } .result-text { padding: 0 15px; } .result-created { padding: 15px; margin-bottom: 15px; font-size: 11px; } /* ------------------------ ENDE SUCHERGEBNISSE ------------------------- */ /* -------------------------- DROPPICS ---------------------------------- */ .droppicspictures { width: 100% !important; } .droppicscatslink { transform: none !important; -webkit-transform: none !important; } .droppicsgallerymasonry p { font-weight: normal !important; width: 100% !important; position: relative; margin-bottom: 10px !important; } .droppicscats .wimg { background: #dedede !important; height: auto !important; padding: 0 !important; } .droppicscatslink { height: 120px !important; overflow: hidden !important; width: 100%; margin-left: 0 !important; margin-top: 40px; position: relative !important; } .droppicscats .droppicscatslink img { width: 100% !important; height: auto; } .wcat h2 { width: 100%; background: #00468c; color: #fff; text-shadow: none; border-bottom: 0; box-shadow: none; padding: 5px 20px; position: absolute; top: 0; box-sizing: border-box; margin-top: 0 !important; } .droppicscatslink.galerietext { position: relative !important; color: #333 !important; padding: 20px !important; margin-top: 0 !important; width: auto; } .droppicscatslink.backtogallery { position: relative !important; color: #333 !important; padding: 20px !important; margin-top: 20px !important; width: auto; background: none !important; height: auto !important; } .droppicscatslink.backtogallery span { position: relative !important; bottom: auto !important; } .droppicscatslink.galerietext a { color: #333 !important; } @media only screen and (min-width: 1200px) { .droppicscats .wimg { width: 24% !important; max-width: 24% !important; } } @media only screen and (min-width: 481px) and (max-width: 767px) { .droppicscats .wimg { width: 49% !important; max-width: 49% !important; } #g-footer .pagebuilderck .pbck_social_icons { display: flex; justify-content: center; margin: 24px 0; } #g-footer .pagebuilderck .pbck_social_icons .pbck_social_icon { margin: 0 !important; padding: 0 12px; } #g-footer .pagebuilderck #zur-app #qr-code { display: none; } #g-footer .pagebuilderck #zur-app .imageck img { max-height: 80px; } } @media only screen and (max-width: 480px) { .droppicscats .wimg { width: 100% !important; max-width: 100% !important; } #g-footer .pagebuilderck .pbck_social_icons { display: flex; justify-content: center; margin: 24px 0; } #g-footer .pagebuilderck .pbck_social_icons .pbck_social_icon { margin: 0 !important; padding: 0 12px; } #g-footer .pagebuilderck #zur-app #qr-code { display: none; } #g-footer .pagebuilderck #zur-app .imageck img { max-height: 80px; } } @media only screen and (min-width: 768px) and (max-width: 1199px) { .markenlogos droppicsgallerydefault .wimg { height: 222px; width: 100px !important; } } /* -------------------------- ENDE DROPPICS ------------------------------ */ /* -------------------------- SMARTSLIDER -------------------------------- */ /* -------------------------- ENDE SMARTSLIDER --------------------------- */ /* -------------------------- GANTRY MEGAMENU ---------------------------- */ #g-mobilemenu-container { margin: 0 !important; } #g-navigation { padding: 16px 20px 20px 20px; box-sizing: content-box; transition: all 200ms ease-in-out; } #g-navigation.fixed { box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); } #g-navigation .g-grid { -webkit-flex-wrap: nowrap ; flex-wrap: nowrap ; } #g-navigation .g-main-nav { margin: 0; } #g-navigation .g-main-nav .g-toplevel > li { display: -webkit-flex ; display: -ms-flexbox ; display: flex ; -webkit-flex: 1 0 auto ; -ms-flex: 1 0 auto ; flex: 1 0 auto ; -webkit-justify-content: center ; -ms-flex-pack: center ; justify-content: center ; } #g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container { display: -webkit-flex ; display: -ms-flexbox ; display: flex ; -webkit-flex: 1 0 auto ; -ms-flex: 1 0 auto ; flex: 1 0 auto ; -webkit-justify-content: center ; -ms-flex-pack: center ; justify-content: center ; -webkit-align-items: center ; -ms-flex-align: center ; align-items: center ; } #g-navigation .headroom { box-shadow: 0 1px 2px rgba(0, 0, 0, 0); background: none; } #g-navigation .p-logo { padding-right: 20px; padding-top: 15px; } #g-navigation .p-nav-search { padding-top: 15px; } #g-navigation .g-dropdown-wrapper { position: absolute; z-index: 100; left: 0; top: 100%; overflow: hidden; pointer-events: none; } #g-navigation .g-dropdown-wrapper div.g-dropdown { top: 0; pointer-events: all; position: relative; display: block; visibility: visible; opacity: 1; background: rgba(205, 23, 25, 0.84); transition: transform 0.5s cubic-bezier(0.55, 0, 0, 1); } #g-navigation .g-dropdown-wrapper div.g-dropdown.g-inactive { transform: translateY(-105%); } #g-navigation .g-toplevel > .g-menu-item { text-transform: uppercase; } #g-navigation .g-toplevel > .g-menu-item.active > .g-menu-item-container { color: #CD1719 !important; } #g-navigation .g-toplevel > .g-menu-item > .g-menu-item-container { color: black !important; padding: 12px; } #g-navigation .g-toplevel > .g-menu-item > .g-menu-item-container::after { width: 0%; height: 1px; background: #CD1719; display: block; content: ""; position: absolute; top: 100%; left: 50%; transform: translate(-50%); transition: all 200ms ease-in-out; } #g-navigation .g-toplevel > .g-menu-item > .g-menu-item-container:hover::after { width: 100%; } #g-navigation .g-toplevel > .g-menu-item > .g-menu-item-container .g-menu-item-title { font-size: 1em; font-weight: bold; } /* ------------------------ ENDE GANTRY MEGAMENU ------------------------- */ /* ------------------------------ TEAM MODUL ----------------------------- */ .team-member > div:hover h3 { color: #fff !important; } .team-member h3 { text-transform: none !important; font-size: 1em !important; color: #333 !important; } .team-member > div { padding-bottom: 0; background: #ccc !important; } @media (min-width: 1200px) { .team-member { max-width: 24% !important; width: 24% !important; } .team-member > div { -webkit-flex-grow: 1; flex-grow: 1; padding-bottom: 60px !important; } } @media (min-width: 960px) and (max-width: 1200px) { .team-member { width: 23% !important; max-width: 23% !important; } } @media (min-width: 768px) and (max-width: 959px) { .team-member { width: 33% !important; max-width: 33% !important; } } /* ! OUR TEAM ! */ #owl-team { display: -webkit-flex; display: flex; flex-wrap: wrap !important; -webkit-justify-content: space-between; justify-content: space-between; position: relative !important; width: 100% !important; } .team-member { box-sizing: border-box !important; display: flex; display: -webkit-flex; flex-direction: column !important; -webkit-flex-grow: 1 !important; flex-grow: 1 !important; float: none !important; margin-bottom: 20px !important; position: relative !important; } @media (max-width: 767px) { .team-member { width: 100% !important; max-width: 100% !important; display: block !important; -webkit-display: block !important; } #owl-team { display: block !important; -webkit-display: block !important; } } /* ---------------------- ENDE TEAM MODUL -------------------------------- */ .page-header h2 { display: none; } .category-module li { cursor: pointer; } .category-module li ul { display: none; } .category-module li .mod-articles-category-group { display: -webkit-inline-flex ; display: -ms-inline-flexbox ; display: inline-flex ; -webkit-justify-content: space-between ; -ms-flex-pack: space-between ; justify-content: space-between ; width: 100%; } .category-module li .mod-articles-category-group:after { font-family: FontAwesome, serif; content: ""; font-size: 0.6em; } .category-module li.active .mod-articles-category-group:after { content: ""; } .category-module li.active ul { display: block; } #g-bottom .g-grid:nth-child(1) .g-block { border-bottom: none; } #g-bottom .g-grid:nth-child(2) .g-block { border-top: none; } .p-above-maps .pagebuilderck { display: flex; flex-wrap: wrap; } .p-above-maps .pagebuilderck .rowck { flex: 1; padding: 0.1em; position: relative; margin-bottom: 20px; min-width: 100px; } .p-above-maps .pagebuilderck .rowck:hover { cursor: pointer; } .p-above-maps .pagebuilderck .rowck:hover::after { top: 100%; width: 100%; } .p-above-maps .pagebuilderck .rowck:hover::before { display: none; top: 110%; color: #CD1719; opacity: 1; } .p-above-maps .pagebuilderck .rowck::after { content: ""; display: block; height: 1px; width: 0%; position: absolute; top: 100%; background: #CD1719; transition-delay: 50ms; transition: all 200ms ease; left: 50%; transform: translate(-50%); } .p-above-maps .pagebuilderck .rowck::before { content: ""; font-family: "Ionicons"; font-size: 30px; color: black; position: absolute; top: 103%; transition: all 200ms ease; left: 50%; transform: translate(-50%); opacity: 0.3; } .p-above-maps .pagebuilderck .rowck h2, .p-above-maps .pagebuilderck .rowck h4 { font-size: 0.6em; line-height: 1.2em; margin: 0 0 1em 0; } @media screen and (max-width: 767px) { .p-above-maps .pagebuilderck .rowck::before { content: none !important; } } .p-aside { padding: 0 !important; } .p-aside p { margin: 0 !important; } .p-slider { background: none !important; } .anmelden-cta { transition: all 150ms ease; } .anmelden-cta:hover { transform: scale(1.08); } /* ##### Navigation FIX ##### */ .p-navigation { position: fixed !important; margin-left: 50%; transform: translateX(-50%); } .gantry-logo img { width: 260px !important; transform: translateY(-10%); } /* ##### Navigation FIX ##### */ #g-showcase { margin-top: 2.5rem; } #block_ID1510227959413 div { height: 100%; } #block_ID1510227959413 .p-start-add-bg { height: 100%; width: 100%; background-size: cover !important; background-position: center center !important; } #ID1510228007770 { margin-top: 20px; } .editor-template { display: none; } #block_ID1510227957305 { background: #f5f5f5; padding: 20px 0; } #block_ID1510227957305 .innercontent { display: flex; flex-direction: column; align-items: center; } #block_ID1510227957305 .innercontent #ID1510227962418 { width: 80%; } #block_ID1510227957305 .innercontent #ID1510913898989 { display: inline-block; } #block_ID1510227957305 .innercontent #ID1510913898989 .buttonck { background: #CD1719 !important; border-radius: 0 !important; border: none !important; box-shadow: none !important; padding: 3px 10px !important; margin-top: 30px; transition: all 150ms ease; } #block_ID1510227957305 .innercontent #ID1510913898989 .buttonck .buttontextck { color: white !important; text-transform: uppercase; } #block_ID1510227957305 .innercontent #ID1510913898989 .buttonck:hover { transform: scale(1.08); } .offlajn-ajax-search-container { background: none !important; } .offlajn-ajax-search-container input { border: none !important; box-shadow: none !important; } .offlajn-ajax-search-container .search-caption-on { box-shadow: none !important; } .offlajn-ajax-search-container #ajax-search-button166 { background: none !important; border: none !important; border-radius: 0px !important; } #search-form166 { border-bottom: 1px solid #474747; } .filialleitung h4, .filialleitung h3, .filialleitung p { text-align: center !important; margin: 0; } .filialleitung h4 { margin-top: 20px !important; text-transform: uppercase; font-size: 13px; } .filialleitung h3 { text-transform: uppercase; font-family: "Playfair Display"; } .filialleitung p, .filialleitung span, .filialleitung a { line-height: 100% !important; white-space: nowrap; font-size: 13px; } @media only all and (max-width: 47.99rem) { .filialleitung .imageck { max-width: 50%; margin: 0 auto 1em; } } @media only all and (max-width: 47.99rem) { section#g-navigation { box-shadow: none !important; height: auto !important; padding: 1em !important; } #g-showcase { padding-top: 0 !important; } section#g-mainbody { padding: 0 1em; } } @media only all and (max-width: 47.99rem) { .n2-ss-layer.n2-ow.n2-ss-has-maxwidth.slider-red.n2-ss-last-in-row { min-width: 100%; } } .p-brand-slider .droppicsgallery { padding: 0; display: -webkit-flex ; display: -ms-flexbox ; display: flex ; -webkit-flex: 1 ; -ms-flex: 1 ; flex: 1 ; -webkit-align-items: center ; -ms-flex-align: center ; align-items: center ; } @media only all and (max-width: 47.99rem) { .p-brand-slider .droppicsgallery { padding: 0; } } .p-brand-slider .droppicsgallery .droppicspictures { display: -webkit-flex ; display: -ms-flexbox ; display: flex ; -webkit-flex-wrap: wrap ; flex-wrap: wrap ; -webkit-align-items: center ; -ms-flex-align: center ; align-items: center ; } .p-brand-slider .droppicsgallery .droppicspictures .wimg { margin-right: 20px; margin-bottom: 20px; } .p-brand-slider .droppicsgallery .droppicspictures .wimg img { margin-top: 0 !important; } .droppicscats { display: none; } /* * @File: loader.scss * @Author: christophf * @Date: 2016-01-28 10:18:28 * @Last Modified by: christophf * @Last Modified time: 2016-01-28 10:59:24 */ .showbox { position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 5%; } .loader { position: relative; margin: 0px auto; width: 24px; } .loader:before { content: ""; display: block; padding-top: 100%; } .circular { animation: rotate 2s linear infinite; height: 100%; transform-origin: center center; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .path { stroke-dasharray: 1, 200; stroke-dashoffset: 0; animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; stroke-linecap: round; } @keyframes rotate { 100% { transform: rotate(360deg); } } @keyframes dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35px; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124px; } } @keyframes color { 100%, 0% { stroke: #d62d20; } 40% { stroke: #0057e7; } 66% { stroke: #008744; } 80%, 90% { stroke: #ffa700; } } .ajax_search__parent { -webkit-flex: 0 1 20em ; -ms-flex: 0 1 20em ; flex: 0 1 20em ; } @media only screen and (max-width: 47.99rem) { .ajax_search__parent { -webkit-flex: 1 1 0 ; -ms-flex: 1 1 0 ; flex: 1 1 0 ; margin-left: 0 !important; } } .offlajn-ajax-search { max-width: 222px; } @media only screen and (max-width: 47.99rem) { .offlajn-ajax-search { margin-left: calc(40px + 1.4rem); } } .offlajn-ajax-search .offlajn-ajax-search-container { background: none; width: 100%; } @media only screen and (max-width: 47.99rem) { .offlajn-ajax-search .offlajn-ajax-search-container { width: auto; } } .offlajn-ajax-search .offlajn-ajax-search-container .category-chooser { display: none; } .offlajn-ajax-search .offlajn-ajax-search-container form { margin: 0; } .offlajn-ajax-search .offlajn-ajax-search-container .loader { opacity: 0; position: absolute; top: calc(50% - 12px); right: 8px; -webkit-transition: opacity 0.2s cubic-bezier(0.55, 0, 0.1, 1); transition: opacity 0.2s cubic-bezier(0.55, 0, 0.1, 1); } .offlajn-ajax-search .offlajn-ajax-search-container .loader svg, .offlajn-ajax-search .offlajn-ajax-search-container .loader .path { animation-play-state: paused; } .offlajn-ajax-search .offlajn-ajax-search-container.search-area-loading .loader { opacity: 1; } .offlajn-ajax-search .offlajn-ajax-search-container.search-area-loading .loader svg, .offlajn-ajax-search .offlajn-ajax-search-container.search-area-loading .loader .path { animation-play-state: running; } .offlajn-ajax-search .offlajn-ajax-search-container .offlajn-ajax-search-inner { position: relative; border-radius: 1px; overflow: hidden; } .offlajn-ajax-search .offlajn-ajax-search-container input { padding: 0 10px !important; padding-right: 37px !important; border: none; color: #000; width: 100%; margin: 0; font-size: 1em; background: #fff; box-sizing: border-box; box-shadow: none; border-radius: 25px; height: 32px; min-width: 0; } .offlajn-ajax-search .offlajn-ajax-search-container input::focus { box-shadow: none !important; border: none !important; } .offlajn-ajax-search .offlajn-ajax-search-container input[id*=suggestion-area] { display: none; } .offlajn-ajax-search .offlajn-ajax-search-container div[id*=ajax-search-button] { display: none; /*position: absolute; top: 0; right: 0; background-color: $accent-color-2; height: 100%; width: 40px; padding:0 10px; line-height: 30px; font-size: 36px; &:after{ content:"»" }*/ } .offlajn-ajax-search .search-results { position: relative; visibility: hidden; top: 4px !important; left: 0 !important; height: 0; z-index: 1000; width: 100%; box-sizing: border-box; } .offlajn-ajax-search .search-results .search-results-moovable { border-radius: 25px; overflow: hidden; height: auto !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.33), 0 5px 15px rgba(0, 0, 0, 0.2); } .offlajn-ajax-search .search-results .search-results-moovable .search-results-inner { background: #fff; overflow: auto; max-height: 75vh; color: #444444; } .offlajn-ajax-search .search-results .seemore { color: #444444; } .offlajn-ajax-search .search-results .no-result { padding: 16px; text-transform: none !important; font-size: 0.875em !important; } .offlajn-ajax-search .search-results .page-element .result-element { overflow: hidden; display: block; position: relative; background: #fff center/cover; padding: 8px 16px; } .offlajn-ajax-search .search-results .page-element .result-element:nth-of-type(10) ~ a { display: none; } .offlajn-ajax-search .search-results .page-element .result-element span { color: #000 !important; font-size: 0.875em !important; } .offlajn-ajax-search .search-results .page-element .result-element span.small-desc { display: none; } .offlajn-ajax-search .search-results .page-element .result-element:not(:last-of-type) { border-bottom: solid 1px #eee; } .offlajn-ajax-search .search-results .page-element .result-element:hover span { color: #CD1719 !important; } .offlajn-ajax-search .search-results .plugin-title { display: none; } div[id*=search-categories] { display: none; } .fbload { display: none; } .jspScrollable { outline: none; } .live-demo { font-family: "Source Sans Pro", "emoji", sans-serif; } .live-demo .fb-wall-message-from { display: none; } .live-demo .fb-wall-data { display: -webkit-flex ; display: -ms-flexbox ; display: flex ; -webkit-flex-wrap: wrap ; flex-wrap: wrap ; margin: 0 !important; } .live-demo .fb-wall-data .fb-wall-message { -webkit-flex: 3 1 0px ; -ms-flex: 3 1 0px ; flex: 3 1 0px ; } .live-demo .fb-wall-data .fb-wall-media { -webkit-flex: 1 1 25% ; -ms-flex: 1 1 25% ; flex: 1 1 25% ; max-width: 25%; } .live-demo .fb-wall-data .fb-wall-media .fb-wall-media-link { display: inherit !important; } .live-demo .fb-wall-data .fb-wall-media a { height: 100%; display: block; object-fit: cover; max-height: 170px; } .live-demo .fb-wall-data .fb-wall-media a img { max-width: 100% !important; max-height: 200px; } .live-demo .fb-wall-data .fb-wall-date { width: 100%; } .live-demo .avatar { display: none; } .live-demo .fbgotopost { display: block; width: 100%; } .facebooklike { padding: 20px; border: 1px solid #e7e7e7; margin-left: 8px; margin-bottom: 20px; } .facebooklike iframe { transform: translate(0, 2px); width: auto; height: 25px !important; } .p-main-container .g-content, .p-main-container .platform-content, .p-main-container .moduletable { padding: 0; margin: 0; display: flex; flex-direction: column; flex-grow: 1; } .p-main-container .g-block { display: flex; flex-direction: column; } .p-main-container div#fb-wall { display: flex; flex-direction: column; } .p-main-container .live-demo { flex: 1 1 0px; overflow: auto; } .p-main-container .p-aside { display: flex; flex-grow: 1; } .p-main-container .p-aside .g-grid { width: 100%; } .p-main-container div#fb_full_wrap { flex-grow: 1; display: flex; } @media only all and (max-width: 47.99rem) { #g-showcase { margin-top: 0; } #g-offcanvas #g-mobilemenu-container ul > li:not(.g-menu-item-type-particle):not(.g-menu-item-type-module):hover { background: none !important; } #g-page-surround { will-change: transform; } .blockck.blockck.blockck { width: 100% !important; } .fbwall-Container, .live-demo { height: auto !important; overflow: initial !important; } .p-above-maps .pagebuilderck .rowck { flex: initial; font-size: 1.5em; text-align: center; } } .g-offcanvas-open .g-offcanvas-toggle { pointer-events: none; } .g-offcanvas-open .g-offcanvas-left #g-page-surround { left: 0 !important; } .g-offcanvas-toggle { position: fixed; background: #CD1719; border-radius: 50%; width: 40px; height: 40px; display: -webkit-flex ; display: -ms-flexbox ; display: flex ; -webkit-justify-content: center ; -ms-flex-pack: center ; justify-content: center ; -webkit-align-items: center ; -ms-flex-align: center ; align-items: center ; left: auto; margin-left: 0.7rem; will-change: transform; } .g-offcanvas-toggle i { color: #fff !important; } .g-nav-overlay { will-change: opacity; } .p-slider-loc-headline { text-align: center; } .p-slider-loc-headline h1 { font-family: "Playfair Display", serif !important; color: black; position: relative; display: inline-block; text-transform: uppercase; transform: translate(0, 50px); } .p-slider-loc-headline h1::before, .p-slider-loc-headline h1::after { content: ""; display: block; width: 150px; height: 1px; background: black; position: absolute; top: 50%; } .p-slider-loc-headline h1::before { left: 105%; } .p-slider-loc-headline h1::after { right: 105%; } .n2-ss-control-bullet .n2-ow { padding: 0 !important; } .n2-ss-control-bullet .n2-ow:not(:last-child)::after { content: "/"; margin-left: 8px; font-weight: normal !important; } .p-footer { border-top: none !important; padding: 15px 0; margin-top: 50px; } .p-footer h5 { text-transform: uppercase; color: #4D4D4D; font-size: 0.8em; margin: 0; } .p-footer p, .p-footer a { color: #4D4D4D; margin: 0; } #g-showcase { padding-top: 100px; } [data-customclass="p-brand-slider"] .wimg.droppicslightbox, [data-customclass="p-brand-slider"] .wimg.droppicslightbox img { max-height: 27px; } [data-customclass="p-brand-slider"] .wimg.droppicslightbox { width: 100px !important; } [data-customclass="p-brand-slider"] .wimg.droppicslightbox img { filter: gray; filter: grayscale(100%); border: none !important; box-shadow: none !important; } [data-customclass="p-brand-slider"] .wimg.droppicslightbox a { pointer-events: none; } @media only all and (min-width: 48rem) { #g-showcase .n2-ss-background-image { background-position: 370px 50% !important; background-size: contain !important; } } @media only all and (max-width: 47.99rem) { #g-showcase .n2-ss-background-image { margin-top: 179px; height: calc(100% - 179px) !important; } } .jobbox h2 { color: #fff; line-height: 100%; font-size: 3em; } .jobbox li { padding: 15px 0; font-size: 1.2em; } .jobbox p { font-size: 1.2em; } .jobbox .noLightbox.dropfileslightbox { display: none; } .jobbox .dropfiles-single-file, .jobbox .dropfiles_downloadlink { width: 100%; } .jobbox .dropfiles-file-link, .jobbox .dropfiles-file-link:hover { background: none; padding: 20px; } .jobbox .droptitle { font-size: 0.8em; font-weight: normal; } .inner.flex-height .blockck { display: -webkit-flex ; display: -ms-flexbox ; display: flex ; } .inner.flex-height .inner { height: 100%; } .inner.flex-height .innercontent { height: 100%; display: -webkit-flex ; display: -ms-flexbox ; display: flex ; } .inner.flex-height-cols .innercontent { -webkit-flex-direction: column ; -ms-flex-direction: column ; flex-direction: column ; } @media screen and (max-width: 767px) { .pagebuilderck .blockck { float: none !important; width: 100% !important; margin-left: 0 !important; } .rowck > .inner { display: block !important; } } .cktext.inner a { color: inherit !important; } #row_ID1515681358865 { margin-top: 100px; } .search span.highlight { background-color: #b6b6b6; } #g-bottom h2.g-title { text-align: center; font-size: 6em; color: #CD1719; } .ff-loadmore-wrapper { display: none !important; } #g-footer h3 { font-family: "Source Sans Pro" !important; margin-top: 0; } .kammanappmodul h2 { font-size: 4em; color: #CD1719 !important; } .app-cta-button p { margin: 0; text-align: center; } .eventvorschau .termin_item { display: flex; background: #fff; margin-bottom: 20px; } .eventvorschau .termin_item:after { content: ""; position: absolute; display: block; width: 50px; height: 50px; background-image: url('../../../../images/icon_eventkalender.svg'); background-position: center center; background-repeat: no-repeat; background-size: contain; margin-top: 54px; z-index: 0; margin-left: 1100px; } .eventvorschau .termin_item .termin_termin { width: 120px; display: flex; justify-content: center; align-items: center; } .eventvorschau .termin_item .termin_termin .shortDate, .eventvorschau .termin_item .termin_termin .longDate { display: flex; } .eventvorschau .termin_item .termin_termin .shortDate .date, .eventvorschau .termin_item .termin_termin .shortDate .start_date, .eventvorschau .termin_item .termin_termin .shortDate .end_date, .eventvorschau .termin_item .termin_termin .longDate .date, .eventvorschau .termin_item .termin_termin .longDate .start_date, .eventvorschau .termin_item .termin_termin .longDate .end_date { display: flex; margin: auto; } .eventvorschau .termin_item .termin_termin .shortDate .mod_events_latest_date span, .eventvorschau .termin_item .termin_termin .longDate .mod_events_latest_date span { text-align: center; } .eventvorschau .termin_item .termin_termin .shortDate .mod_events_latest_date .day, .eventvorschau .termin_item .termin_termin .longDate .mod_events_latest_date .day { font-size: 3em; } .eventvorschau .termin_item .termin_termin .shortDate .mod_events_latest_date .month, .eventvorschau .termin_item .termin_termin .longDate .mod_events_latest_date .month { font-size: 2em; text-transform: uppercase; } .eventvorschau .termin_item .termin_image { width: 300px; } .eventvorschau .termin_item .termin_image img { object-fit: cover; width: 100%; height: 100%; } .eventvorschau .termin_item .termin_heading { padding: 20px; } .eventvorschau .termin_item .termin_heading h3 { font-family: "Source Sans Pro" !important; font-size: 1.2em; text-transform: uppercase; font-weight: bold; padding-bottom: 0 !important; margin-bottom: 0 !important; } .eventvorschau .termin_item .termin_heading p { margin: 0; } .moduletable.instagramvorschau { margin-top: 90px; } .aktuellesmodul .aktuelleswrapper .aktuelles_row1 { background: url('../../../../images/zickzack_background.svg'); padding: 60px; background-size: cover; } .aktuellesmodul .aktuelleswrapper .aktuelles_row1, .aktuellesmodul .aktuelleswrapper .aktuelles_row2 { display: flex; justify-content: space-between; margin-bottom: 30px; } .aktuellesmodul .aktuelleswrapper .aktuelles_row1 .aktuelles_cell, .aktuellesmodul .aktuelleswrapper .aktuelles_row2 .aktuelles_cell { width: 48%; } .aktuellesmodul .aktuelleswrapper .aktuelles_row1 .aktuelles_cell.cell_four, .aktuellesmodul .aktuelleswrapper .aktuelles_row2 .aktuelles_cell.cell_four { background: #fff; } .aktuellesmodul .aktuelleswrapper .aktuelles_row1 .aktuelles_cell.cell_three img, .aktuellesmodul .aktuelleswrapper .aktuelles_row2 .aktuelles_cell.cell_three img { height: 400px; } .aktuellesmodul .aktuelleswrapper .aktuelles_row1 .newswrapper, .aktuellesmodul .aktuelleswrapper .aktuelles_row2 .newswrapper { background: #fff; } .aktuellesmodul .aktuelleswrapper .aktuelles_row1 .newswrapper .news-img:before, .aktuellesmodul .aktuelleswrapper .aktuelles_row2 .newswrapper .news-img:before { content: ""; position: absolute; display: block; width: 70px; height: 70px; background-image: url('../../../../images/kammann-before.svg'); background-position: center center; background-repeat: no-repeat; background-size: contain; margin-top: -20px; z-index: 100; margin-left: 460px; z-index: 1; } .aktuellesmodul .aktuelleswrapper .aktuelles_row1 .newswrapper img, .aktuellesmodul .aktuelleswrapper .aktuelles_row2 .newswrapper img { object-fit: cover; } .aktuellesmodul .aktuelleswrapper .aktuelles_row1 .newswrapper .news-text, .aktuellesmodul .aktuelleswrapper .aktuelles_row2 .newswrapper .news-text { padding: 30px; } .aktuellesmodul .aktuelleswrapper .aktuelles_row1 .newswrapper .news-text h3, .aktuellesmodul .aktuelleswrapper .aktuelles_row2 .newswrapper .news-text h3 { text-align: center; font-size: 2.5em; margin: 0; } .aktuellesmodul .aktuelleswrapper .aktuelles_row1 .socialbox, .aktuellesmodul .aktuelleswrapper .aktuelles_row2 .socialbox { background: #fff; margin-top: 30px; padding: 40px 40px 40px 250px; background-image: url('../../../../images/icon_ig_transparent.svg'); background-size: 200px; background-repeat: no-repeat; background-position: left; } .aktuellesmodul .aktuelleswrapper .aktuelles_row1 .socialbox h3, .aktuellesmodul .aktuelleswrapper .aktuelles_row2 .socialbox h3 { font-size: 5em; line-height: 100%; margin: 0; color: #cd1719; } .aktuellesmodul .aktuelleswrapper .aktuelles_row1 .socialbox p, .aktuellesmodul .aktuelleswrapper .aktuelles_row2 .socialbox p { margin: 0; } .p-maps-footer.moduletable { margin-top: -350px; margin-bottom: -530px; } .p-maps-footer.moduletable:before { content: ""; position: relative; display: block; top: 750px; left: -120px; width: 200px; height: 400px; background-image: url('../../../../images/floral_before_1.svg'); background-position: center center; background-repeat: no-repeat; background-size: contain; margin-top: -200px; } .p-maps-footer.moduletable:after { content: ""; position: relative; display: block; top: -470px; left: 1160px; width: 250px; height: 600px; background-image: url('../../../../images/floral_after_1.svg'); background-position: center center; background-repeat: no-repeat; background-size: contain; margin-top: -200px; z-index: -10; } .moduletable.eventvorschau:before { content: ""; position: absolute; display: block; width: 200px; height: 400px; background-image: url('../../../../images/instagram_after.svg'); background-position: center center; background-repeat: no-repeat; background-size: contain; margin-top: 360px; z-index: -20; margin-left: -100px; } .moduletable.eventvorschau:after { content: ""; position: absolute; display: block; width: 250px; height: 600px; background-image: url('../../../../images/floral_after_1.svg'); background-position: center center; background-repeat: no-repeat; background-size: contain; margin-top: -650px; z-index: -10; margin-left: 1148px; } .aktuellesmodul:before { content: ""; position: absolute; display: block; width: 200px; height: 400px; background-image: url('../../../../images/floral_before_1.svg'); background-position: center center; background-repeat: no-repeat; background-size: contain; margin-top: 820px; margin-left: -150px; z-index: -10; } .aktuellesmodul:after { content: ""; position: absolute; display: block; width: 250px; height: 600px; background-image: url('../../../../images/floral_after_1.svg'); background-position: center center; background-repeat: no-repeat; background-size: contain; margin-top: -650px; z-index: -10; margin-left: 1170px; } .instagramvorschau #jux_easy_instagram_feed:before { content: ""; position: absolute; display: block; top: 130px; left: -120px; width: 200px; height: 400px; background-image: url('../../../../images/instagram_before.svg'); background-position: center center; background-repeat: no-repeat; background-size: contain; margin-top: -200px; } .instagramvorschau #jux_easy_instagram_feed:after { content: ""; position: absolute; display: block; top: -20px; left: 1120px; width: 250px; height: 600px; background-image: url('../../../../images/instagram_after.svg'); background-position: center center; background-repeat: no-repeat; background-size: contain; margin-top: -200px; z-index: -10; } .instagramvorschau #jux_easy_instagram_feed #lightgallery .jux-item:first-of-type { padding-left: 0 !important; } .instagramvorschau #jux_easy_instagram_feed #lightgallery .jux-item:last-of-type { padding-right: 0 !important; } .col-filialbild div { height: 100%; } .col-filialbild img { height: 100%; object-fit: cover; } strong { color: inherit !important; } .p-main-container { margin-top: 140px; } #jevents_body { background: none; border: none; } #jevents_body .new-navigation { display: none; } #jevents_body .akademie_detail_wrapper { display: flex; justify-content: space-between; background: url('../../../../images/floral_background.jpg') center center no-repeat scroll; background-size: cover; padding: 20px; } #jevents_body .akademie_detail_wrapper div { box-sizing: border-box !important; } #jevents_body .akademie_detail_wrapper .event_detail_left { width: 65%; background: rgba(255, 255, 255, 0.9); padding: 20px; } #jevents_body .akademie_detail_wrapper .event_detail_right { width: 30%; } #jevents_body .akademie_detail_wrapper .akademiefeature.tile { display: block; } #jevents_body .akademie_detail_wrapper #jevents_body td { border: 1px solid #eaeaea !important; } #jevents_header { display: none; } #jevents form { display: none; } .page-header h1 { text-align: center; font-size: 5em !important; } /*--------------------------- Alina Content ---------------------------*/ #menu-container { display: flex; align-items: center; } .p-logo { padding-right: 290px !important; } .p-logo .gantry-logo { width: 250px; } .g-menu-item .g-menu-item-title { font-size: 18px !important; } .g-menu-item-1177 .g-menu-item-container, .g-menu-item-1178 .g-menu-item-container { padding: 0 !important; } .g-menu-item-1177 .g-menu-item-container img, .g-menu-item-1178 .g-menu-item-container img { width: 40px; } /*--------------------------- RES- ---------------------------*/ /*--------------------------- PON- ---------------------------*/ /*--------------------------- SIVE ---------------------------*/ @media only all and (min-width: 60rem) and (max-width: 74.99rem) { .g-menu-item-1177 img, .g-menu-item-1178 img { width: 40px; } .p-logo { padding-right: 120px !important; } .p-logo .gantry-logo { width: 180px; } .p-logo .gantry-logo img { padding-left: 10px; } .g-menu-item .g-menu-item-title { font-size: 16px !important; } #g-bottom .aktuellesmodul .aktuelleswrapper .newswrapper .news-img::before { margin-left: 360px; } } @media only all and (min-width: 48rem) and (max-width: 59.99rem) { .p-main-container { margin-top: 80px; } li.g-menu-item.g-menu-item-type-particle.g-menu-item-779.g-standard { display: none !important; } #block_ID1756991962905 .imageck img { margin-top: 80px !important; } #block_ID1756991962905 .app-cta-button { display: flex; justify-content: center; } #ID1757947432037 > .inner { width: fit-content; position: relative; margin: 0 !important; z-index: 2; } #block_ID1758027637007 .imageck img { margin-top: 40px !important; } #block_ID1758027637007 .app-cta-button { display: flex; justify-content: center; } #ID1758027637009 > .inner { width: fit-content; position: relative; margin: 0 !important; z-index: 2; } .gantry-logo img { padding-left: 10px; } .g-menu-item-1177 .g-menu-item-container, .g-menu-item-1178 .g-menu-item-container { padding: 0 !important; } .g-menu-item-1177 .g-menu-item-container img, .g-menu-item-1178 .g-menu-item-container img { width: 22px; } .g-menu-item span { font-size: 15px; } .aktuelles_row2 { flex-wrap: wrap; padding: 0 30px; } #g-bottom .aktuellesmodul .aktuelleswrapper .newswrapper .news-img::before { margin-left: 260px; } .aktuellesmodul .aktuelleswrapper .aktuelles_row1 .socialbox, .aktuellesmodul .aktuelleswrapper .aktuelles_row2 .socialbox { padding-left: 160px; background-size: 160px; } #row_ID1647427970845 > .inner { padding-left: 30px; } #ID1647529176719 > .inner { margin: 0 !important; padding: 0 !important; } .itemid-1179 .page-header h1 { margin-top: 60px; } .itemid-1179 .cktext h1 { word-break: break-word; font-size: 40px; } } @media only all and (min-width: 30.01rem) and (max-width: 47.99rem) { h2 { font-size: 2.8em !important; } .itemid-505 h2 { font-size: 80px !important; } .p-logo { padding-right: 0px !important; } .p-logo .g-content { display: flex; justify-content: center; } .aktuelles_row2 { flex-wrap: wrap; padding: 0 30px; } .aktuelles_row2 .aktuelles_cell { width: 100% !important; } .aktuelles_row2 .aktuelles_cell .news-img::before { margin-left: 360px !important; } #g-bottom .aktuellesmodul .aktuelleswrapper .aktuelles_row1 { flex-wrap: wrap; } #g-bottom .aktuellesmodul .aktuelleswrapper .aktuelles_row1 .aktuelles_cell { width: 100%; margin-bottom: 20px; } #g-bottom .aktuellesmodul .aktuelleswrapper .aktuelles_row1 .aktuelles_cell .newswrapper .news-img::before { margin-left: 360px; } .eventvorschau .jeviso_container { padding: 0 30px; } .eventvorschau .jeviso_container .termin_item { flex-wrap: wrap; justify-content: center; } .eventvorschau .jeviso_container .termin_item .termin_termin { margin-top: 10px; } .eventvorschau .jeviso_container .termin_item .termin_image { width: 100%; height: 180px; } .jux-item:nth-of-type(3n) { padding-left: 0 !important; } .p-footer { padding: 15px 12px; } .p-footer #row_ID1512729999596 .blockck { margin-bottom: 30px; } .p-footer #row_ID1512729999596 .blockck .cktext p { text-align: center; } .kammanappmodul h2 { font-size: 3em !important; } #ID1647529176719 > .inner { margin: 0 !important; padding: 0 !important; } #row_ID1758027706047 { padding: 20px !important; } #ID1758027695566 > .inner { margin: 0 !important; padding: 10px !important; } #block_ID1647522165749 h2 { font-size: 40px !important; } #row_ID1758274172149 { margin-bottom: 0 !important; } } @media only all and (max-width: 30rem) { h2 { font-size: 2.8em !important; } .itemid-505 h2 { font-size: 50px !important; } h2 { font-size: 40px !important; } .p-logo { padding-right: 0px !important; } .p-logo .g-content { display: flex; justify-content: center; } .aktuelles_row2 { flex-wrap: wrap; padding: 0 30px; } .aktuelles_row2 .aktuelles_cell { width: 100% !important; } .aktuelles_row2 .aktuelles_cell .news-img::before { margin-left: 70vw !important; } #ID1757947432037 { display: flex; justify-content: center; } #ID1757947432037 > .inner { margin: 0 !important; width: 90%; } #ID1758027637009 { display: flex; justify-content: center; } #ID1758027637009 > .inner { margin: 0 !important; width: 90%; } .eventvorschau .jeviso_container { padding: 0 30px; } .eventvorschau .jeviso_container .termin_item { flex-wrap: wrap; justify-content: center; } .eventvorschau .jeviso_container .termin_item .termin_termin { margin-top: 10px; } .eventvorschau .jeviso_container .termin_item .termin_image { width: 100%; height: 180px; } .aktuellesmodul .aktuelleswrapper .aktuelles_row1 .socialbox, .aktuellesmodul .aktuelleswrapper .aktuelles_row2 .socialbox { padding: 40px; background-size: 150px; background-repeat: no-repeat; background-position: right top; } #g-bottom .aktuellesmodul .aktuelleswrapper .aktuelles_row1 { flex-wrap: wrap; } #g-bottom .aktuellesmodul .aktuelleswrapper .aktuelles_row1 .aktuelles_cell { width: 100%; margin-bottom: 20px; } #g-bottom .aktuellesmodul .aktuelleswrapper .aktuelles_row1 .aktuelles_cell .newswrapper .news-img::before { margin-left: 65vw; } .instagramvorschau #jux_easy_instagram_feed #lightgallery .jux-item:first-of-type { padding: 12px !important; } .instagramvorschau #jux_easy_instagram_feed #lightgallery .jux-item:last-of-type { padding: 12px !important; } .jux-item:nth-of-type(3n) { padding: 12px !important; } .p-footer { padding: 15px 12px; } .p-footer #row_ID1512729999596 .blockck { margin-bottom: 30px; } .p-footer #row_ID1512729999596 .blockck .cktext p { text-align: center; } .kammanappmodul > .inner { padding: 10px !important; } .kammanappmodul h2 { font-size: 38px !important; } #block_ID1647522165749 > .inner { padding: 20px !important; } #ID1647529176719 > .inner { margin: 0 !important; padding: 0 !important; } #ID1647594863955 h3 { font-size: 25px; } #row_ID1758027706047 { padding: 20px !important; } #ID1758027695566 > .inner { margin: 0 !important; padding: 0 !important; } .itemid-1179 .cktext h1 { word-break: break-word; } .itemid-110 .pagebuilderck .rowck .blockck > .inner { margin: 10px !important; } #row_ID1758274172149 { margin-bottom: 0 !important; } #row_ID1758123172331 > .inner { background-size: cover !important; } #row_ID1758100748886 { padding: 0 !important; } } .mapboxgl-marker { width: 40px; } /*# sourceMappingURL=custom_17.css.map */