html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; } main { display: block; } h1 { font-size: 2em; margin: 0.67em 0; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } :root{--swiper-theme-color:#f1c736}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon{transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon{transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon{transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon{transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon{transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}} :root { --yellow: rgb(241, 199, 54); --darkblue: rgb(22, 27, 44); --green: rgb(102, 159, 103); --grey: rgb(237, 237, 237); --white: rgb(255, 255, 255); --white-semitransparent: rgba(255, 255, 255, 0.5); --mediumyellow: rgb(244, 210, 94); --blue: rgb(113, 147, 204); --grey-semitransparent: rgba(237, 237, 237, 0.5); --lightyellow: rgb(255, 236, 189); --lightgreen: rgb(193, 217, 197); --lightblue: rgb(198, 212, 235); --lightred: rgb(248, 174, 177); } .white_bg { background-color: var(--white); } @media not screen and (orientation: landscape), not screen and (min-width: 768px) { .white_bg_nogrid { display: block; padding-right: 20px; padding-left: 20px; margin-left: -20px; margin-right: -20px; background-color: var(--white); } } @supports (display: grid) { @media screen and (orientation: landscape), screen and (min-width: 768px) { .white_bg_grid { background-color: var(--white); } } } .white_bg input:focus, .white_bg_nogrid input:focus, .white_bg_grid input:focus, .white_bg textarea:focus, .white_bg_nogrid textarea:focus, .white_bg_grid textarea:focus, .white_bg select:focus, .white_bg_nogrid select:focus, .white_bg_grid select:focus { border-color: rgb(178, 182, 194); } .grey_bg { background-color: var(--grey); } @media not screen and (orientation: landscape), not screen and (min-width: 768px) { .grey_bg_nogrid { display: block; padding-right: 20px; padding-left: 20px; margin-left: -20px; margin-right: -20px; background-color: var(--grey); } } @supports (display: grid) { @media screen and (orientation: landscape), screen and (min-width: 768px) { .grey_bg_grid { background-color: var(--grey); } } } .grey_bg input:focus, .grey_bg_nogrid input:focus, .grey_bg_grid input:focus, .grey_bg textarea:focus, .grey_bg_nogrid textarea:focus, .grey_bg_grid textarea:focus, .grey_bg select:focus, .grey_bg_nogrid select:focus, .grey_bg_grid select:focus { border-color: rgb(178, 182, 194); } .mediumyellow_bg { background-color: var(--mediumyellow); } @media not screen and (orientation: landscape), not screen and (min-width: 768px) { .mediumyellow_bg_nogrid { display: block; padding-right: 20px; padding-left: 20px; margin-left: -20px; margin-right: -20px; background-color: var(--mediumyellow); } } @supports (display: grid) { @media screen and (orientation: landscape), screen and (min-width: 768px) { .mediumyellow_bg_grid { background-color: var(--mediumyellow); } } } .mediumyellow_bg input:focus, .mediumyellow_bg_nogrid input:focus, .mediumyellow_bg_grid input:focus, .mediumyellow_bg textarea:focus, .mediumyellow_bg_nogrid textarea:focus, .mediumyellow_bg_grid textarea:focus, .mediumyellow_bg select:focus, .mediumyellow_bg_nogrid select:focus, .mediumyellow_bg_grid select:focus { border-color: #cd9868; } .lightyellow_bg { background-color: var(--lightyellow); } @media not screen and (orientation: landscape), not screen and (min-width: 768px) { .lightyellow_bg_nogrid { display: block; padding-right: 20px; padding-left: 20px; margin-left: -20px; margin-right: -20px; background-color: var(--lightyellow); } } @supports (display: grid) { @media screen and (orientation: landscape), screen and (min-width: 768px) { .lightyellow_bg_grid { background-color: var(--lightyellow); } } } .lightyellow_bg input:focus, .lightyellow_bg_nogrid input:focus, .lightyellow_bg_grid input:focus, .lightyellow_bg textarea:focus, .lightyellow_bg_nogrid textarea:focus, .lightyellow_bg_grid textarea:focus, .lightyellow_bg select:focus, .lightyellow_bg_nogrid select:focus, .lightyellow_bg_grid select:focus { border-color: var(--mediumyellow); } .lightgreen_bg { background-color: var(--lightgreen); } @media not screen and (orientation: landscape), not screen and (min-width: 768px) { .lightgreen_bg_nogrid { display: block; padding-right: 20px; padding-left: 20px; margin-left: -20px; margin-right: -20px; background-color: var(--lightgreen); } } @supports (display: grid) { @media screen and (orientation: landscape), screen and (min-width: 768px) { .lightgreen_bg_grid { background-color: var(--lightgreen); } } } .lightgreen_bg input:focus, .lightgreen_bg_nogrid input:focus, .lightgreen_bg_grid input:focus, .lightgreen_bg textarea:focus, .lightgreen_bg_nogrid textarea:focus, .lightgreen_bg_grid textarea:focus, .lightgreen_bg select:focus, .lightgreen_bg_nogrid select:focus, .lightgreen_bg_grid select:focus { border-color: var(--green); } .lightblue_bg { background-color: var(--lightblue); } @media not screen and (orientation: landscape), not screen and (min-width: 768px) { .lightblue_bg_nogrid { display: block; padding-right: 20px; padding-left: 20px; margin-left: -20px; margin-right: -20px; background-color: var(--lightblue); } } @supports (display: grid) { @media screen and (orientation: landscape), screen and (min-width: 768px) { .lightblue_bg_grid { background-color: var(--lightblue); } } } .lightblue_bg input:focus, .lightblue_bg_nogrid input:focus, .lightblue_bg_grid input:focus, .lightblue_bg textarea:focus, .lightblue_bg_nogrid textarea:focus, .lightblue_bg_grid textarea:focus, .lightblue_bg select:focus, .lightblue_bg_nogrid select:focus, .lightblue_bg_grid select:focus { border-color: var(--blue); } .lightred_bg { background-color: var(--lightred); } @media not screen and (orientation: landscape), not screen and (min-width: 768px) { .lightred_bg_nogrid { display: block; padding-right: 20px; padding-left: 20px; margin-left: -20px; margin-right: -20px; background-color: var(--lightred); } } @supports (display: grid) { @media screen and (orientation: landscape), screen and (min-width: 768px) { .lightred_bg_grid { background-color: var(--lightred); } } } .lightred_bg input:focus, .lightred_bg_nogrid input:focus, .lightred_bg_grid input:focus, .lightred_bg textarea:focus, .lightred_bg_nogrid textarea:focus, .lightred_bg_grid textarea:focus, .lightred_bg select:focus, .lightred_bg_nogrid select:focus, .lightred_bg_grid select:focus { border-color: red; } @font-face { font-family: 'icomoon'; src: url('/css/fonts/icomoon/fonts/icomoon.eot?d66h7z'); src: url('/css/fonts/icomoon/fonts/icomoon.eot?d66h7z#iefix') format('embedded-opentype'), url('/css/fonts/icomoon/fonts/icomoon.ttf?d66h7z') format('truetype'), url('/css/fonts/icomoon/fonts/icomoon.woff?d66h7z') format('woff'), url('/css/fonts/icomoon/fonts/icomoon.svg?d66h7z#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-home2:before { content: "\e901"; } .icon-headphones:before { content: "\e910"; } .icon-video-camera:before { content: "\e914"; } .icon-podcast:before { content: "\e91c"; } .icon-mic:before { content: "\e91e"; } .icon-book:before { content: "\e91f"; } .icon-copy:before { content: "\e92c"; } .icon-ticket:before { content: "\e939"; } .icon-cart:before { content: "\e93a"; } .icon-coin-euro:before { content: "\e93c"; } .icon-location:before { content: "\e947"; } .icon-clock:before { content: "\e94e"; } .icon-calendar:before { content: "\e953"; } .icon-display:before { content: "\e956"; } .icon-mobile:before { content: "\e958"; } .icon-floppy-disk:before { content: "\e962"; } .icon-bubbles4:before { content: "\e970"; } .icon-user:before { content: "\e971"; } .icon-users:before { content: "\e972"; } .icon-user-plus:before { content: "\e973"; } .icon-user-check:before { content: "\e975"; } .icon-hour-glass:before { content: "\e979"; } .icon-spoon-knife:before { content: "\e9a3"; } .icon-accessibility:before { content: "\e9b2"; } .icon-clipboard:before { content: "\e9b8"; } .icon-menu:before { content: "\e9bd"; } .icon-download3:before { content: "\e9c7"; } .icon-upload3:before { content: "\e9c8"; } .icon-earth:before { content: "\e9ca"; } .icon-man:before { content: "\e9dc"; } .icon-woman:before { content: "\e9dd"; } .icon-man-woman:before { content: "\e9de"; } .icon-warning:before { content: "\ea07"; } .icon-info:before { content: "\ea0c"; } .icon-cancel-circle:before { content: "\ea0d"; } .icon-cross:before { content: "\ea0f"; } .icon-loop2:before { content: "\ea2e"; } .icon-arrow-right:before { content: "\ea34"; } .icon-arrow-left:before { content: "\ea38"; } .icon-embed2:before { content: "\ea80"; } .icon-mail2:before { content: "\ea84"; } .icon-facebook2:before { content: "\ea91"; } .icon-instagram:before { content: "\ea92"; } .icon-whatsapp:before { content: "\ea93"; } .icon-spotify:before { content: "\ea94"; } .icon-youtube:before { content: "\ea9d"; } .icon-appleinc:before { content: "\eabe"; } .icon-android:before { content: "\eac0"; } .icon-file-pdf:before { content: "\eadf"; } @font-face { font-display: swap; font-family: 'Lato'; font-style: normal; font-weight: 100; src: url('/css/fonts/lato/lato-v23-latin-100.eot'); src: url('/css/fonts/lato/lato-v23-latin-100.eot?#iefix') format('embedded-opentype'), url('/css/fonts/lato/lato-v23-latin-100.woff2') format('woff2'), url('/css/fonts/lato/lato-v23-latin-100.woff') format('woff'), url('/css/fonts/lato/lato-v23-latin-100.ttf') format('truetype'), url('/css/fonts/lato/lato-v23-latin-100.svg#Lato') format('svg'); } @font-face { font-display: swap; font-family: 'Lato'; font-style: italic; font-weight: 100; src: url('/css/fonts/lato/lato-v23-latin-100italic.eot'); src: url('/css/fonts/lato/lato-v23-latin-100italic.eot?#iefix') format('embedded-opentype'), url('/css/fonts/lato/lato-v23-latin-100italic.woff2') format('woff2'), url('/css/fonts/lato/lato-v23-latin-100italic.woff') format('woff'), url('/css/fonts/lato/lato-v23-latin-100italic.ttf') format('truetype'), url('/css/fonts/lato/lato-v23-latin-100italic.svg#Lato') format('svg'); } @font-face { font-display: swap; font-family: 'Lato'; font-style: normal; font-weight: 300; src: url('/css/fonts/lato/lato-v23-latin-300.eot'); src: url('/css/fonts/lato/lato-v23-latin-300.eot?#iefix') format('embedded-opentype'), url('/css/fonts/lato/lato-v23-latin-300.woff2') format('woff2'), url('/css/fonts/lato/lato-v23-latin-300.woff') format('woff'), url('/css/fonts/lato/lato-v23-latin-300.ttf') format('truetype'), url('/css/fonts/lato/lato-v23-latin-300.svg#Lato') format('svg'); } @font-face { font-display: swap; font-family: 'Lato'; font-style: italic; font-weight: 300; src: url('/css/fonts/lato/lato-v23-latin-300italic.eot'); src: url('/css/fonts/lato/lato-v23-latin-300italic.eot?#iefix') format('embedded-opentype'), url('/css/fonts/lato/lato-v23-latin-300italic.woff2') format('woff2'), url('/css/fonts/lato/lato-v23-latin-300italic.woff') format('woff'), url('/css/fonts/lato/lato-v23-latin-300italic.ttf') format('truetype'), url('/css/fonts/lato/lato-v23-latin-300italic.svg#Lato') format('svg'); } @font-face { font-display: swap; font-family: 'Lato'; font-style: normal; font-weight: 400; src: url('/css/fonts/lato/lato-v23-latin-regular.eot'); src: url('/css/fonts/lato/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), url('/css/fonts/lato/lato-v23-latin-regular.woff2') format('woff2'), url('/css/fonts/lato/lato-v23-latin-regular.woff') format('woff'), url('/css/fonts/lato/lato-v23-latin-regular.ttf') format('truetype'), url('/css/fonts/lato/lato-v23-latin-regular.svg#Lato') format('svg'); } @font-face { font-display: swap; font-family: 'Lato'; font-style: italic; font-weight: 400; src: url('/css/fonts/lato/lato-v23-latin-italic.eot'); src: url('/css/fonts/lato/lato-v23-latin-italic.eot?#iefix') format('embedded-opentype'), url('/css/fonts/lato/lato-v23-latin-italic.woff2') format('woff2'), url('/css/fonts/lato/lato-v23-latin-italic.woff') format('woff'), url('/css/fonts/lato/lato-v23-latin-italic.ttf') format('truetype'), url('/css/fonts/lato/lato-v23-latin-italic.svg#Lato') format('svg'); } @font-face { font-display: swap; font-family: 'Lato'; font-style: normal; font-weight: 700; src: url('/css/fonts/lato/lato-v23-latin-700.eot'); src: url('/css/fonts/lato/lato-v23-latin-700.eot?#iefix') format('embedded-opentype'), url('/css/fonts/lato/lato-v23-latin-700.woff2') format('woff2'), url('/css/fonts/lato/lato-v23-latin-700.woff') format('woff'), url('/css/fonts/lato/lato-v23-latin-700.ttf') format('truetype'), url('/css/fonts/lato/lato-v23-latin-700.svg#Lato') format('svg'); } @font-face { font-display: swap; font-family: 'Lato'; font-style: italic; font-weight: 700; src: url('/css/fonts/lato/lato-v23-latin-700italic.eot'); src: url('/css/fonts/lato/lato-v23-latin-700italic.eot?#iefix') format('embedded-opentype'), url('/css/fonts/lato/lato-v23-latin-700italic.woff2') format('woff2'), url('/css/fonts/lato/lato-v23-latin-700italic.woff') format('woff'), url('/css/fonts/lato/lato-v23-latin-700italic.ttf') format('truetype'), url('/css/fonts/lato/lato-v23-latin-700italic.svg#Lato') format('svg'); } @font-face { font-display: swap; font-family: 'Lato'; font-style: normal; font-weight: 900; src: url('/css/fonts/lato/lato-v23-latin-900.eot'); src: url('/css/fonts/lato/lato-v23-latin-900.eot?#iefix') format('embedded-opentype'), url('/css/fonts/lato/lato-v23-latin-900.woff2') format('woff2'), url('/css/fonts/lato/lato-v23-latin-900.woff') format('woff'), url('/css/fonts/lato/lato-v23-latin-900.ttf') format('truetype'), url('/css/fonts/lato/lato-v23-latin-900.svg#Lato') format('svg'); } @font-face { font-display: swap; font-family: 'Lato'; font-style: italic; font-weight: 900; src: url('/css/fonts/lato/lato-v23-latin-900italic.eot'); src: url('/css/fonts/lato/lato-v23-latin-900italic.eot?#iefix') format('embedded-opentype'), url('/css/fonts/lato/lato-v23-latin-900italic.woff2') format('woff2'), url('/css/fonts/lato/lato-v23-latin-900italic.woff') format('woff'), url('/css/fonts/lato/lato-v23-latin-900italic.ttf') format('truetype'), url('/css/fonts/lato/lato-v23-latin-900italic.svg#Lato') format('svg'); } @font-face { font-display: swap; font-family: 'Roboto Slab'; font-style: normal; font-weight: 100; src: url('/css/fonts/roboto-slab/roboto-slab-v24-latin-100.eot'); src: url('/css/fonts/roboto-slab/roboto-slab-v24-latin-100.eot?#iefix') format('embedded-opentype'), url('/css/fonts/roboto-slab/roboto-slab-v24-latin-100.woff2') format('woff2'), url('/css/fonts/roboto-slab/roboto-slab-v24-latin-100.woff') format('woff'), url('/css/fonts/roboto-slab/roboto-slab-v24-latin-100.ttf') format('truetype'), url('/css/fonts/roboto-slab/roboto-slab-v24-latin-100.svg#RobotoSlab') format('svg'); } @font-face { font-display: swap; font-family: 'Roboto Slab'; font-style: normal; font-weight: 400; src: url('/css/fonts/roboto-slab/roboto-slab-v24-latin-regular.eot'); src: url('/css/fonts/roboto-slab/roboto-slab-v24-latin-regular.eot?#iefix') format('embedded-opentype'), url('/css/fonts/roboto-slab/roboto-slab-v24-latin-regular.woff2') format('woff2'), url('/css/fonts/roboto-slab/roboto-slab-v24-latin-regular.woff') format('woff'), url('/css/fonts/roboto-slab/roboto-slab-v24-latin-regular.ttf') format('truetype'), url('/css/fonts/roboto-slab/roboto-slab-v24-latin-regular.svg#RobotoSlab') format('svg'); } @font-face { font-display: swap; font-family: 'Roboto Slab'; font-style: normal; font-weight: 700; src: url('/css/fonts/roboto-slab/roboto-slab-v24-latin-700.eot'); src: url('/css/fonts/roboto-slab/roboto-slab-v24-latin-700.eot?#iefix') format('embedded-opentype'), url('/css/fonts/roboto-slab/roboto-slab-v24-latin-700.woff2') format('woff2'), url('/css/fonts/roboto-slab/roboto-slab-v24-latin-700.woff') format('woff'), url('/css/fonts/roboto-slab/roboto-slab-v24-latin-700.ttf') format('truetype'), url('/css/fonts/roboto-slab/roboto-slab-v24-latin-700.svg#RobotoSlab') format('svg'); } @font-face { font-display: swap; font-family: 'Roboto Slab'; font-style: normal; font-weight: 900; src: url('/css/fonts/roboto-slab/roboto-slab-v24-latin-900.eot'); src: url('/css/fonts/roboto-slab/roboto-slab-v24-latin-900.eot?#iefix') format('embedded-opentype'), url('/css/fonts/roboto-slab/roboto-slab-v24-latin-900.woff2') format('woff2'), url('/css/fonts/roboto-slab/roboto-slab-v24-latin-900.woff') format('woff'), url('/css/fonts/roboto-slab/roboto-slab-v24-latin-900.ttf') format('truetype'), url('/css/fonts/roboto-slab/roboto-slab-v24-latin-900.svg#RobotoSlab') format('svg'); } html { scroll-behavior: smooth; } @media screen and (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } } body { overflow-y: scroll; } html, body { margin: 0; padding: 0; box-sizing: border-box; } html:not(i) { font-family: Lato, Helvetica, sans-serif; font-size: 18px; line-height: 23px; letter-spacing: 0.1px; color: var(--darkblue); } h3, h4, footer p { font-family: 'Roboto Slab', serif; } h3 { margin-bottom: 10px; } a:not(.no-link) { color: var(--darkblue); text-decoration-color: var(--yellow); text-decoration-line: underline; text-decoration-style: solid; text-decoration-thickness: 2px; text-underline-offset: 4px; border-bottom-color: transparent; border-bottom-width: 2px; border-bottom-style: solid; } a:not(.no-link):hover { background-color: var(--yellow); border-bottom-color: var(--yellow); } mark { border-radius: 25% 0 25% 0; padding-left: 3px; padding-right: 3px; background-image: linear-gradient( -100deg, rgba(255, 224, 0, 0.2), rgba(255, 224, 0, 0.7) 95%, rgba(255, 224, 0, 0.1) ); } #content_container { padding-top: 0; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; } .no-line-break { white-space: nowrap; } img.grid_img { width: 100%; } video.grid_video { width: 100%; } .no-margin-top { margin-top: 0; } .margin-top-5 { margin-top: 5px; } .margin-top-10 { margin-top: 10px; } .margin-top-20 { margin-top: 20px; } .margin-top-30 { margin-top: 30px; } .margin-top-40 { margin-top: 40px; } .no-margin-bottom { margin-bottom: 0; } .margin-bottom-5 { margin-bottom: 5px; } .margin-bottom-10 { margin-bottom: 10px; } .margin-bottom-20 { margin-bottom: 20px; } .margin-bottom-30 { margin-bottom: 30px; } .margin-bottom-40 { margin-bottom: 40px; } .one-column-justified { text-align: justify; } .two-columns-justified { text-align: justify; } .text-balance { text-wrap: balance; } figure { } figure img { display: block; } figcaption { padding: 10px; background-color: var(--white-semitransparent); } .white_bg_nogrid figcaption { background-color: var(--grey); } .video-container { position: relative; padding-top: 0; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } header { margin-bottom: 20px; margin-top: 10px; padding-bottom: 20px; } header h1 { display: none; } header img { width: 166px; margin-left: calc(50vw - 80px); margin-top: 20px; margin-bottom: 20px; transition: transform 0.5s ease-in-out; } header img:hover { transform: translateY(-5px); } header nav .nav-toggle-button { display: block; } header nav ul.nav-level-1 { display: none; padding-left: 20px; padding-right: 20px; margin-top: 0; margin-left: auto; margin-right: auto; margin-bottom: 0; text-align: left; list-style-type: none; width: 300px; background-color: var(--grey); } header nav ul.nav-level-1 li { display: block; width: 100%; } header nav ul.nav-level-1 li.nav-level-1 a.nav-level-1 { transition: transform 0.3s ease-in-out; border-bottom: 4px solid var(--yellow); display: inline-block; margin: 5px; padding: 5px; font-weight: bold; text-decoration: none; color: var(--darkblue); transform: rotateX(0deg); } header nav ul.nav-level-1 li.nav-level-1 a.nav-level-1:hover { display: inline-block; background-color: var(--darkblue); color: white; border-bottom: 4px solid transparent; transform: translateY(-10%); } header nav ul.nav-level-1 li.nav-level-1 a.nav-level-1-active { display: inline-block; background-color: var(--yellow); border-bottom: 4px solid transparent; } header nav ul.nav-level-1 li.nav-level-1 ul.nav-level-2 { padding-left: 30px; margin: 0; text-align: left; list-style-type: none; display: none; } @media screen and (max-width: 1649px) { header nav ul.nav-level-1 li.nav-level-1 ul.nav-level-2 { display: block; } } header nav ul.nav-level-1 li.nav-level-1 ul.nav-level-2 li.nav-level-2 { display: block; width: 100%; } header nav ul.nav-level-1 li.nav-level-1 ul.nav-level-2 li.nav-level-2 a.nav-level-2 { display: inline-block; margin-top: 3px; margin-left: 5px; margin-right: 5px; margin-bottom: 3px; padding-top: 3px; padding-left: 5px; padding-right: 5px; padding-bottom: 3px; font-weight: bold; color: var(--darkblue); } .section_default_padding { padding-top: 25px; padding-bottom: 30px; } footer { background-color: var(--white); margin: 0; padding-top: 5px; padding-left: 0; padding-right: 0; padding-bottom: 25px; } footer ul#footer-links-social { padding: 0; margin-top: 0; margin-left: -5px; margin-right: 0; margin-bottom: 5px; text-align: center; list-style-type: none; } footer ul#footer-links-social li { display: inline-block; } footer ul#footer-links-social li a { transition: transform 0.3s ease-in-out; border-bottom: 4px solid var(--yellow); display: inline-block; margin: 5px; padding: 5px; font-weight: bold; text-decoration: none; color: var(--darkblue); transform: rotateX(0deg); } footer ul#footer-links-social li a:hover { display: inline-block; background-color: var(--darkblue); color: white; border-bottom: 4px solid transparent; transform: translateY(-10%); } footer #footer-links-social .social-link { border-bottom-width: 0; color: #ccc; } footer #footer-links-social .social-link:hover { background-color: white; color: var(--darkblue); } footer #footer-links-social .social-link-image { width: 10px; height: 10px; background-size: cover; background-position: center; line-height: 13px; background-repeat: no-repeat; } footer #footer-links-social .social-link-image span { visibility: hidden; } footer #footer-links-social #churchtools-link { background-image: url('/img/footer/churchtools.webp'); } footer #footer-links-social #churchtools-link:hover { background-image: url('/img/footer/churchtools-hover.webp'); } footer #footer-links-social #linktree-link { background-image: url('/img/footer/linktree.webp'); } footer #footer-links-social #linktree-link:hover { background-image: url('/img/footer/linktree-hover.webp'); } footer p#footer-copyright { margin: 0px; padding-top: 5px; font-size: 16px; line-height: 20px; text-align: center; } footer p#footer-impressum { margin: 0px; padding-top: 5px; font-size: 16px; line-height: 20px; text-align: center; } #slider { width: 100%; } .swiper { width: 100%; height: auto; } .swiper-slide { width: auto; height: auto; line-height: 14px; } .swiper img { width: 100%; height: auto; } .swiper video { width: 100%; height: auto; } .swiper-button-prev-tl-wrapper, .swiper-button-next-tl-wrapper { display: none; } .swiper-horizontal > .swiper-scrollbar { display: none; } #slider_image { line-height: 14px; } @media screen and (orientation: landscape) { #headline img { display: block; width: 100%; margin: 0; padding: 0; z-index: 1; } #headline h2 { display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; padding: 30px 30px; font-size: 40px; line-height: 38px; color: var(--darkblue); font-weight: 900; border: 4px solid transparent; backdrop-filter: blur(5px) opacity(95%); } #headline h2:before { content: ' '; position: absolute; z-index: -1; top: 15px; left: 15px; right: 15px; bottom: 15px; border-bottom: 4px solid var(--yellow); background-color: var(--white); } } @media screen and (orientation: portrait) { #headline img { width: 100%; margin: 0; padding: 0; display: block; z-index: 1; } #headline h2 { display: inline-block; font-weight: 900; padding: 0.8vw 1.5vw; font-size: 8vw; line-height: 8vw; margin: 0px 0px 0px 0px; color: var(--darkblue); border-bottom: 6px solid var(--yellow); background-color: white; } } .intro { font-size: 22px; font-style: italic; line-height: 30px; text-align: center; } .h2-wave { text-align: center; margin-top: 20px; margin-bottom: 0; } .h2-wave h2 { margin-top: 0; margin-bottom: 0; } .h2-wave img { height: 30px; margin: 0; } .h3-wave { text-align: center; margin-top: 20px; margin-bottom: 0; } .h3-wave h3 { margin-top: 0; margin-bottom: 0; } .h3-wave img { height: 30px; margin: 0; } h2.h2-underline { margin-bottom: 20px; margin-top: 20px; text-align: center; display: inline-block; padding-bottom: 5px; position:relative; } h2.h2-underline:before{ content: ""; position: absolute; width: 50%; height: 5px; bottom: -3px; left: 25%; border-bottom: 2px solid var(--darkblue); } ol.ol-same-line { padding-left: 0; margin-left: 18px; } ul.ul-same-line { padding-left: 0; margin-left: 20px; } @-moz-document url-prefix() { ul.ul-same-line { margin-left: 16px; } } ul.ul-yellow-dot li::marker { color: var(--yellow); } select { height: 32px; border: 2px solid var(--darkblue); border-radius: 5px; padding-top: 2px; padding-left: 4px; padding-right: 4px; padding-bottom: 2px; margin-bottom: 10px; background-color: var(--white); } input { height: 20px; } input[type=file] { height: 27px; } input[type=image] { height: unset; } input[type=search] { height: 32px; } input, textarea { border: 2px solid var(--darkblue); border-radius: 5px; padding-top: 4px; padding-left: 8px; padding-right: 8px; padding-bottom: 4px; margin-bottom: 10px; background-color: var(--white); } input:focus, textarea:focus, select:focus { outline: none; } textarea { max-height: 200px; resize: none; } .form-fullwidth { width: 100%; } .tabular_form-line, .tabular_form-line_error { width: 100%; } .tabular_form-line label, .tabular_form-line_error label { width: 100%; } .tabular_form-line input.tabular_form-line-input-fullwidth, .tabular_form-line_error input.tabular_form-line-input-fullwidth, .tabular_form-line textarea, .tabular_form-line_error textarea { width: calc(100% - 20px); } .tabular_form-line select, .tabular_form-line_error select { width: 100% } .tabular_form-line-input-checkbox-label-wrapper { display: flex; flex-direction: row; } .tabular_form-line-input-checkbox-label-wrapper-paddingmarginbottom { padding-bottom: 4px; margin-bottom: 10px; } .tabular_form-line .tabular_form-line-input-checkbox { width: 14px; height: 14px; margin-top: 4px; margin-bottom: 0; } .tabular_form-line .tabular_form-line-input-checkbox-label { margin-left: 10px; } .tabular_form-line_error .error { margin-bottom: 15px; } .button { background-color: var(--darkblue); color: var(--yellow); display: inline-block; transition: transform 0.3s ease-in-out; border: 0px; padding-top: 5px; padding-left: 8px; padding-right: 8px; padding-bottom: 4px; margin-top: 5px; margin-bottom: 5px; text-decoration: none; transform: translate(0px, 0px); line-height: 24px; letter-spacing: 0.1px; vertical-align: middle; box-sizing: content-box; } .button:hover, .button:focus { outline: none; background-color: var(--yellow); color: var(--darkblue); border: 0px; cursor: pointer; transform: translate(10px, 0px); } .button[disabled], .button-disabled { background-color: var(--grey-semitransparent); color: var(--darkblue); display: inline-block; transition: transform 0.3s ease-in-out; border: 0px; padding-top: 5px; padding-left: 8px; padding-right: 8px; padding-bottom: 4px; margin-top: 5px; margin-bottom: 5px; text-decoration: none; transform: translate(0px, 0px); line-height: 24px; letter-spacing: 0.1px; vertical-align: middle; box-sizing: content-box; } input::file-selector-button { background-color: var(--darkblue); color: var(--yellow); border: none; padding-top: 3px; padding-left: 8px; padding-right: 8px; padding-bottom: 2px; text-decoration: none; } input::file-selector-button:hover { background-color: var(--yellow); color: var(--darkblue); } .button-group-vertical a, a.single-button-vertical, .button-group-vertical button, button.single-button-vertical { display: block; margin-left: auto; margin-right: auto; text-align: center; } @media screen and (min-width: 360px) { .button-group-vertical a, a.single-button-vertical, .button-group-vertical button, button.single-button-vertical { width: 300px; } } .button-group-vertical a:not(:last-child), .button-group-vertical button:not(:last-child) { margin-bottom: 10px; } @media screen and (max-width: 1079px) { .button-group-horizontal a, a.single-button-horizontal, .button-group-horizontal button, button.single-button-horizontal { display: block; margin-left: auto; margin-right: auto; text-align: center; } @media screen and (min-width: 360px) { .button-group-horizontal a, a.single-button-horizontal, .button-group-horizontal button, button.single-button-horizontal { width: 300px; } } .button-group-horizontal a:not(:last-child), .button-group-horizontal button:not(:last-child) { margin-bottom: 10px; } } @media screen and (min-width: 1080px) { .button-group-horizontal a:not(:last-child), .button-group-horizontal button:not(:last-child) { margin-right: 15px; } } .table-button { display: inline-block; color: var(--yellow); border: 0px; padding-top: 4px; padding-left: 8px; padding-right: 8px; padding-bottom: 4px; text-decoration: none; background-color: var(--darkblue); width: 100%; box-sizing: border-box; } @media screen and (max-width: 767px) { .table-button { text-align: center; } } a.table-button { } .table-button:hover { background-color: var(--yellow); color: var(--darkblue); border: 0px; cursor: pointer; } a.pagination-button { display: inline-block; color: var(--darkblue); border: 0px; padding-top: 4px; padding-left: 8px; padding-right: 8px; padding-bottom: 4px; margin-right: 4px; text-decoration: none; background-color: var(--white); } a.pagination-button.current, a.pagination-button:hover { background-color: var(--yellow); color: var(--darkblue); border: 0px; cursor: pointer; font-weight: bold; } table.responsive-table { width: 100%; border-spacing: 4px; border-collapse: separate; margin-top: 0; margin-left: -4px; margin-right: -4px; margin-bottom: 0; } table.responsive-table thead { font-weight: bold; } table.responsive-table td { vertical-align: center; } table.responsive-table tbody tr { background-color: var(--white); } table.responsive-table.responsive-table-grey-bg tbody tr { background-color: var(--grey); } table.responsive-table.responsive-table-lightyellow-bg tbody tr { background-color: var(--lightyellow); } table.responsive-table.responsive-table-lightgreen-bg tbody tr { background-color: var(--lightgreen); } table.responsive-table.responsive-table-lightblue-bg tbody tr { background-color: var(--lightblue); } table.responsive-table.responsive-table-grey-bg-hover tbody tr:hover { background-color: var(--grey); } table.responsive-table.responsive-table-lightyellow-bg-hover tbody tr:hover { background-color: var(--lightyellow); } table.responsive-table.responsive-table-lightgreen-bg-hover tbody tr:hover { background-color: var(--lightgreen); } table.responsive-table.responsive-table-lightblue-bg-hover tbody tr:hover { background-color: var(--lightblue); } table.responsive-table tbody td { padding: 6px; } table.responsive-table tbody td .responsive-table-portrait-desc { display: none; font-weight: bold; } @media screen and (orientation: portrait) and (max-width: 767px) { table.responsive-table { width: calc(100% + 8px); } table.responsive-table col { display: none; } table.responsive-table thead { display: none; } table.responsive-table tbody tr { display: block; padding: 10px; margin-bottom: 15px; } table.responsive-table tbody td { display: block; } table.responsive-table tbody td .responsive-table-portrait-desc { display: block; } } #portrait_warning { display: none; } @media screen and (orientation: portrait) and (max-width: 767px) { #portrait_warning { display: block !important; padding: 30px 20px; background-color: var(--grey); margin-left: -20px; margin-right: -20px; } #portrait_warning p { font-size: 20px; padding: 10px; border: 2px solid var(--darkblue); margin: 0; background-color: var(--white); } #portrait_warning h4 { font-size: 20px; color: var(--white); background-color: var(--darkblue); display: inline-block; margin: 0; padding: 5px 10px; } .portrait_hide { display: none; } } .mobile_wave { height: 30px; display: block; margin-left: auto; margin-right: auto; margin-top: 40px; margin-bottom: 40px; } span.icon_wrapper { display: inline-block; width: 25px; } .icon_grid { display: grid; grid-template-rows: 1fr; grid-template-columns: 25px 5px 1fr; } .icon_grid .icon { grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 2; } .icon_grid .icon_text { grid-row-start: 1; grid-row-end: 2; grid-column-start: 3; grid-column-end: 4; } .error { color: red; font-weight: bold; } noscript { display: block; width: 100%; padding-top: 40px; padding-bottom: 40px; text-align: center; font-size: x-large; } .fatal-error { position: absolute; left: 0; width: 100%; background-color: var(--lightred); padding-top: 20px; padding-bottom: 20px; text-align: center; color: red; font-weight: bold; } .success { color: var(--green); font-weight: bold; } #alphakurs_beschreibung h3 { color: #e42616; } #alphakurs_datumort h3 { color: #e42616; } #tabular_form-alpha_essen { padding-top: 4px; padding-bottom: 15px; } .alpha_bold_upper { font-weight: bold; text-transform: uppercase; } .alphakurs_themen_datum { vertical-align: top; color: #e42616; } .equip_anmeldung_details_description { margin-top: 5px; } .equip_anmeldung_details_targets { margin-top: 5px; } #equip_anmeldung_paypal { } #equip_anmeldung_paypal input[type=image] { background-color: var(--lightblue) } .equip_kurse_square { padding-bottom: 20px; } .equip_square_image { width: 257px; margin-left: calc(50% - 128px); } .equip_kurse_square:hover .equip_square_image_normal { display: none; } .equip_kurse_square:not(:hover) .equip_square_image_hover { display: none; } @media not screen and (orientation: landscape), not screen and (min-width: 768px) { .fgw_bg_nogrid { display: block; padding-right: 20px; padding-left: 20px; margin-left: -20px; margin-right: -20px; background: rgb(253, 247, 211); background: linear-gradient(90deg, rgba(253, 247, 211, 1) 0%, rgba(220, 202, 228, 1) 100%); } } .fgw_box { } .fgw_box .button-group-horizontal { } .fgw_box_image_left_image, .fgw_box_image_right_image { width: 100%; } @media screen and (min-width: 350px) { .fgw_box_image_left_image, .fgw_box_image_right_image { width: 300px; margin-left: calc(50% - 150px); } } #fgw_warum { padding-top: 30px; padding-bottom: 30px; } #fgw_booklet { padding-top: 30px; padding-bottom: 50px; } #fgw_booklet .intro-block { margin-top: -25px; margin-bottom: 40px; } #fgw_booklet .button-group-horizontal { text-align: center; } #fgw_dabei { padding-top: 30px; padding-bottom: 30px; } .finde_section_headline { text-align: center; } .finde_section_headline h3 { font-size: 26px; } .finde_section_overview { font-size: 1.1em; text-align: center; margin-bottom: 20px; } .finde_section_text_and_image { padding-bottom: 45px; } .finde_section_image_right { width: 100%; max-width: 500px; display: block; margin-left: auto; margin-right: auto; } .finde_section_image_left { width: 100%; max-width: 500px; display: block; margin-left: auto; margin-right: auto; } .finde_section_text_left { margin-bottom: 30px; } .finde_section_text_right { margin-bottom: 30px; } .finde_section_subhead { margin-top: -13px; font-style: italic; } #finde_kids h4 { border-bottom: 1px dotted var(--darkblue); margin-bottom: 2px; padding: 5px 0; text-transform: uppercase; } .finde_kids_age_group { border-bottom: 1px solid var(--darkblue); margin-top: 0px; padding: 5px 0; } .finde_kids_img_old { width: 200px; margin-left: calc(50% - 100px); margin-top: 10px; margin-bottom: -10px; } .finde_kids_img { width: 200px; margin-left: calc(50% - 100px); margin-top: 10px; margin-bottom: -10px; } .freedomunlocked_logo { width: 300px; margin-left: calc(50% - 150px); } table.responsive-table td.freedomunlocked_spalte_thema { font-weight: bold; } #gemeindefreizeit_intro { padding-top: 20px; padding-bottom: 20px; text-align: center; } #gemeindefreizeit_tickets { text-align: center; } #gottesdienst-tickets { text-align: center; } #groups_list_filter { padding-top: 36px; } .groups_list_filter_form_row_column_visible { display: grid !important; } .groups_list_filter_form_row_column_hidden { display: none !important; } .groups_list { padding-top: 40px; padding-bottom: 40px; } .groups_comingsoon { width: 100%; display: block; margin-left: auto; margin-right: auto; text-align: center; } .group_summary_ist_voll { color: red; } .group_summary_gender { color: var(--darkblue); } .group_visible { display: block; } .group_hidden { display: none; } #group_warning_filter_no_groups { display: none; } @media screen and (max-width: 767px) { body.impressum #content_container { background-color: var(--grey); } } #impressum-grid-2 { padding-top: 30px; } #imp_datenschutz { background-color: var(--white); padding: 1px 20px; align-self: flex-start; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); margin-bottom: 30px; justify-self: center; max-width: 800px; } #imp_datenschutz p { max-width: 700px; padding-left: 10px; border-left: 2px solid var(--yellow); margin-top: 0; } .interessengruppe_eine:hover { cursor: pointer; } .interessengruppe_eine { padding: 0px 0px; margin-bottom: 5px; background-color: white; box-sizing: border-box; } .interessengruppe_eine .interessengruppe_summary { padding-top: 10px; padding-left: 20px; padding-right: 10px; padding-bottom: 10px; font-weight: bold; font-family: 'Roboto Slab', serif; font-size: 1.17em; } .interessengruppe_eine .interessengruppe_summary span.interessengruppe_summary-spacer { display: inline-block; width: 10px; } @media screen and (orientation: portrait) and (max-width: 440px) { .interessengruppe_eine .interessengruppe_summary { display: block; } .interessengruppe_eine .interessengruppe_summary span.interessengruppe_summary-spacer { display: none; } } .interessengruppe_eine[open] .interessengruppe_summary { background-color: var(--mediumyellow); } .interessengruppe_eine summary::marker { font-weight: bold; color: var(--green); } @media screen and (orientation: portrait) and (max-width: 440px) { .interessengruppe_eine .interessengruppe_summary { margin-left: 0; border-left: none; } } .interessengruppe_eine .interessengruppe_detail { max-height: 2000px; overflow: hidden; box-sizing: border-box; } .interessengruppe_eine[open] .interessengruppe_detail { border-bottom: 2px solid var(--lightyellow); } .interessengruppe_eine .interessengruppe_detail .interessengruppe_detail_description { padding: 20px; max-height: 1800px; overflow-y: clip; } @media screen and (min-width: 500px) { .interessengruppe_eine .interessengruppe_detail .interessengruppe_detail_description { text-align: justify; } } .interessengruppe_eine .interessengruppe_detail .interessengruppe_detail_facts { padding-top: 5px; padding-left: 20px; padding-right: 20px; padding-bottom: 5px; } .interessengruppe_eine .interessengruppe_detail .interessengruppe_detail_facts div { margin-bottom: 5px; } .interessengruppe_eine .interessengruppe_detail .interessengruppe_ist_voll { padding-top: 5px; padding-left: 20px; padding-right: 20px; padding-bottom: 5px; color: red; } .interessengruppe_eine .interessengruppe_detail .interessengruppe_detail_anmeldung { padding-top: 5px; padding-left: 20px; padding-right: 20px; padding-bottom: 5px; margin-bottom: 20px; } @media screen and (max-width: 1079px) { .interessengruppe_eine .interessengruppe_detail .interessengruppe_detail_anmeldung .single-button-horizontal { max-width: calc(300px - 40px); } } .juengerschaftsgruppe_anfrage_section { padding-top: 10px; padding-bottom: 40px; } .juengerschaftsgruppe_anfrage_section .juengerschaftsgruppe_eine .juengerschaftsgruppe_detail .juengerschaftsgruppe_ist_voll { padding-bottom: 20px; } .juengerschaftsgruppe_eine { padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 5px; background-color: white; box-sizing: border-box; } #juengerschaftsgruppen_liste .juengerschaftsgruppe_eine { margin-bottom: 40px; } .juengerschaftsgruppe_eine .juengerschaftsgruppe_summary { padding-top: 10px; padding-left: 20px; padding-right: 10px; padding-bottom: 10px; font-weight: bold; font-family: 'Roboto Slab', serif; font-size: 1.17em; } @media screen and (orientation: portrait) and (max-width: 440px) { .juengerschaftsgruppe_eine .juengerschaftsgruppe_summary { display: block; } } .juengerschaftsgruppe_eine .juengerschaftsgruppe_summary { background-color: var(--mediumyellow); } .juengerschaftsgruppe_eine .juengerschaftsgruppe_detail { box-sizing: border-box; } .juengerschaftsgruppe_eine .juengerschaftsgruppe_detail .juengerschaftsgruppe_detail_description { padding-top: 20px; padding-left: 0px; padding-right: 20px; padding-bottom: 20px; } @media screen and (min-width: 500px) { .juengerschaftsgruppe_eine .juengerschaftsgruppe_detail .juengerschaftsgruppe_detail_description { text-align: justify; } } .juengerschaftsgruppe_eine .juengerschaftsgruppe_detail .juengerschaftsgruppe_detail_image { margin-bottom: 25px; } .juengerschaftsgruppe_eine .juengerschaftsgruppe_detail .juengerschaftsgruppe_detail_facts { padding-top: 5px; padding-left: 20px; padding-right: 20px; padding-bottom: 5px; } .juengerschaftsgruppe_eine .juengerschaftsgruppe_detail .juengerschaftsgruppe_detail_facts div { margin-bottom: 5px; } .juengerschaftsgruppe_eine .juengerschaftsgruppe_detail .juengerschaftsgruppe_ist_voll { padding-top: 0; padding-left: 20px; padding-right: 20px; padding-bottom: 0; color: red; } .juengerschaftsgruppe_eine .juengerschaftsgruppe_detail .juengerschaftsgruppe_ist_voll div { margin-bottom: 5px; } .juengerschaftsgruppe_eine .juengerschaftsgruppe_detail .juengerschaftsgruppe_detail_anmeldung { margin-top: 5px; padding-top: 10px; padding-left: 20px; padding-right: 20px; padding-bottom: 25px; } #kalender { overflow: hidden; margin-bottom: 25px; } #ical_link_div { padding: 5px 0px 5px 5px; min-width: 300px; text-align: right; margin-top: 20px; } @media screen and (max-width: 1079px) { #ical_link_div { padding: 10px 0px 0px 5px; float: none; margin-top: 10px; } } @media screen and (max-width: 767px) { #ical_link_div { margin-top: -15px; } } #cal_container { position: relative; width: 100%; height: 690px; } #cal_container iframe { border: 0px; padding: 10px; width: 100%; height: 100%; box-sizing: border-box; } #cal_container img { width: 100px; height: 100px; position: absolute; left: calc(50% - 50px); top: calc(50% - 50px); } @media screen and (max-width: 767px) { body.kontakt #content_container { background-color: var(--grey); } } #kontakt-grid-2 { padding-top: 30px; } #kontakt_anschrift { background-color: var(--white); padding-top: 1px; padding-left: 20px; padding-right: 20px; padding-bottom: 7px; align-self: stretch; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); margin-bottom: 30px; } #kontakt_nachricht { background-color: var(--white); box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); margin-bottom: 30px; align-self: stretch; padding-top: 1px; padding-right: 20px; padding-left: 20px; padding-bottom: 25px; } #kontakt_nachricht textarea { min-height: 100px; } #kontakt_nachricht label { width: 80px; display: inline-block; } #kontakt_nachricht button#send_kontact { max-width: calc(100% - 20px); } #kontakt_newsletter { background-color: var(--lightgreen); box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); text-align: center; padding-top: 20px; padding-left: 20px; padding-right: 20px; padding-bottom: 30px; margin-bottom: 30px; } #kontakt_img { box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); margin-bottom: 30px; background-image: url('/img/kontakt/kontakt_side.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; } #kontakt_anfahrt { background-color: var(--white); padding-top: 1px; padding-left: 20px; padding-right: 20px; padding-bottom: 7px; align-self: flex-start; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); margin-bottom: 30px; } #kontakt_map { box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); margin-bottom: 30px; height: 350px; } #kontakt_map iframe { border: 0px; width: 100%; height: 100%; } #lerne_nextsteps { margin-bottom: 40px; } #lerne_nextsteps_description { text-align: center; } .lerne_nextsteps_grid { margin-top: 20px; } img.lerne_nextsteps_grid_img { width: 100%; height: 100px; object-fit: contain; } h3.lerne_nextsteps_grid_title { text-align: center; } .lerne_nextsteps_grid_description { text-align: justify; } .lerne_personen .h2-wave { margin-bottom: 20px; } .lerne_personen_grid_img { width: 250px; margin-left: calc(50% - 125px); } .lerne_personen_grid_name { text-align: center; line-height: 29px; } .lerne_personen_grid_statement { text-align: justify; } .lerne_personen_grid_position { text-align: center; } #machemit_arbeit_formular_name { width: calc(100% - 20px); } #machemit_arbeit_formular_mail { width: calc(100% - 20px); } #machemit_arbeit_formular_machemit_bereich { width: 100%; } .machemit_section_headline h3 { font-size: 26px; } #machemit_invest_bg { margin-top: 40px; } .machemit_invest_logo { margin-top: 50px; margin-bottom: 20px; } .machemit_invest_logo img { display: block; width: 150px; margin-left: calc(50% - 75px); } #mhfsh_booklet .button-group-horizontal { text-align: center; } #mhfsh_sss h4 { margin-bottom: 10px; } #mhfsh_kampagnenziel .mhfsh_barometer_hintergrund { width: 100%; height: 15px; background-color: var(--grey); } #mhfsh_kampagnenziel .mhfsh_barometer_zwischenstand { display: block; height: 15px; background-color: var(--darkblue); } #mhfsh_kampagnenziel .mhfsh_tabelle_stand { width: 100%; } #mhfsh_kampagnenziel .mhfsh_tabelle_stand_rechte_spalte { text-align: right; } #mhfsh_kampagnenziel table.responsive-table tr.mhfsh_kampagnenziel_zeile_spendenziel:not(:hover) { background-color: var(--grey); } #mhfsh_kampagnenziel table.responsive-table tr.mhfsh_kampagnenziel_zeile_spendenziel { font-weight: bold; } #mhfsh_spenden h4 { margin-bottom: 10px; } #next_events { margin-top: 20px; text-align: center; } ul.next_events_flex_3 { list-style-type: none; padding: 0; display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between; margin: 10px 0 0 0; box-sizing: border-box; font-size: 16px; } ul.next_events_flex_3 li { display: block; width: 100%; min-width: 250px; box-sizing: border-box; } ul.next_events_flex_3 p { margin: 0; } #next_events h3 { margin-top: 30px; margin-bottom: 0px; } #next_events .next_events_img img { transition: height ease-in-out 0.5s; width: calc(100% - 5px); height: 200px; object-fit: cover; display: block; border-bottom: 0px solid var(--darkblue); border-left: 0px solid var(--yellow); box-sizing: border-box; transform: translate(0px, 0px); } #next_events .next_events_text_bg { background-color: white; width: calc(100% - 5px); height: 200px; margin-bottom: -200px; display: block; box-sizing: border-box; transform: translate(0px, 0px); } #next_events .next_events_img_bg { background-color: var(--yellow); width: calc(100% - 10px); height: 195px; margin-bottom: -195px; transform: translate(10px, 10px); box-sizing: border-box; } #next_events .next_events_img:hover { cursor: pointer; } #next_events .next_events_datumuhrzeit1, #next_events .next_events_datumuhrzeit2 { background-color: var(--white); padding: 2px 5px; font-weight: bold; display: inline-block; z-index: 20; opacity: 1; transition: opacity ease-in-out 0.2s; position: absolute; } #next_events .next_events_event_titel { font-weight: bold; font-size: 18px; display: inline-block; margin-top: 25px; margin-bottom: -0px; } #next_events li { background-color: var(--white); margin-top: 10px; margin-bottom: 20px; border: 0px solid var(--white); border-bottom: 4px solid var(--white); text-align: left; padding: 0px !important; min-height: 248px; overflow: hidden; } #next_events .next_events_termin_text { padding-top: 0px; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; margin-top: -60px; transform: translate(0px, 0px); background-color: rgba(255, 255, 255, 0); transition: background-color ease-in-out 0.2s; max-height: 250px; overflow-y: hidden; } .next_events_termin .next_events_termin_info { transition: max-height ease-in-out 0.4s; max-height: 0; overflow-x: hidden; overflow-y: hidden; } .next_events_termin .next_events_termin_info.next_events_termin_info_scroll { overflow-y: scroll; } .next_events_termin_extended:hover { cursor: pointer; } .next_events_termin_extended img { height: 0 !important; } .next_events_termin_extended .next_events_datumuhrzeit1, .next_events_termin_extended .next_events_datumuhrzeit2 { opacity: 0 !important; } .next_events_termin_extended.next_events_done .next_events_termin_info, .next_events_termin_extended .next_events_event_titel { display: block; width: 100%; } .next_events_termin_extended.next_events_done .next_events_termin_info { max-height: 155px; } #predigt_main { padding-top: 30px; } #predigt_main_old_sermons { padding-bottom: 10px; } #pred_search { margin-bottom: 30px; } #pred_search_field { width: 100%; margin-bottom: 10px; } #pred_search_data { width: 100%; } #pred_search_reset { margin-top: 15px; text-align: center; } #pred_social_div { text-align: center; } #pred_social_div a:not(:last-child) { margin-right: 15px; } .seelsorge_section_text_and_image { padding-bottom: 45px; } .seelsorge_section_image_right { width: 100%; max-width: 500px; display: block; margin-left: auto; margin-right: auto; } .seelsorge_section_image_left { width: 100%; max-width: 500px; display: block; margin-left: auto; margin-right: auto; } .seelsorge_section_text_left { margin-bottom: 30px; } .seelsorge_section_text_right { margin-bottom: 30px; } body.index { perspective: 2px; } .startseite_box { padding-top: 10px; padding-bottom: 20px; text-align: center; } .startseite_box ol, .startseite_box ul { display: inline-block; text-align: left; } #startseite_wirglauben_termine { margin-bottom: 10px; } #startseite_wirglauben { margin-bottom: 40px; } #startseite_wirglauben .startseite_wirglauben_wirglauben { font-weight: bold; font-size: 20px; } #startseite_termine .startseite_termine_datum { font-weight: bold; padding-bottom: 10px; margin-top: 20px; margin-bottom: 5px; border-bottom: 1px solid var(--darkblue); } #startseite_termine .startseite_termine_einzeltermin { display: grid; grid-template-rows: 1fr; grid-template-columns: 50px 1fr; column-gap: 10px; padding-top: 5px; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px dotted var(--darkblue); } #startseite_termine .startseite_termine_einzeltermin_uhrzeit { grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 2; } #startseite_termine .startseite_termine_einzeltermin_caption { grid-row-start: 1; grid-row-end: 2; grid-column-start: 2; grid-column-end: 3; } #ufo_logo { padding-top: 50px; padding-bottom: 50px; } #ufo_abschnitt2 { padding-top: 50px; padding-bottom: 50px; } .ufo_bedeutung { margin-top: 50px; } #bestellung_info { margin-top: 30px; margin-bottom: 30px; } #bestellung_paypal { } #bestellung_paypal input[type=image] { background-color: var(--lightblue); } #bestellung_info_img { margin-top: 40px; display: block; margin-left: auto; margin-right: auto; } #woerth_visionclip_buttons { text-align: center; } @supports (display: grid) { @media screen and (orientation: landscape), screen and (min-width: 768px) { .line-break-l { display: table; } @media screen and (min-width: 1200px) { .two-columns-justified { column-count: 2; column-gap: 50px; } .two-columns-justified-line-break { display: table; } } @media screen and (min-width: 1650px) { header { display: grid; grid-template-rows: 1fr; grid-template-columns: minmax(80px, 1fr) 180px 80px minmax(300px, 920px) minmax(80px, 1fr); grid-auto-flow: column; padding-bottom: 0 !important; } header a#tl-logo-link { grid-row-start: 1; grid-row-end: 2; grid-column-start: 2; grid-column-end: 3; } header img { margin-top: 15px !important; margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 5px !important; } header nav { grid-row-start: 1; grid-row-end: 2; grid-column-start: 4; grid-column-end: 5; align-self: center; } header nav .nav-toggle-button { display: none; } header nav ul.nav-level-1 { display: block; padding: 0; margin-top: 0; margin-left: unset; margin-right: unset; margin-bottom: 0; text-align: right !important; white-space: nowrap; width: unset; background-color: transparent; } header nav ul.nav-level-1 li.nav-level-1 { display: inline-block; width: auto; position: relative; } header nav ul.nav-level-1 li.nav-level-1-has-level-2:hover { background-image: linear-gradient(to bottom, var(--white) 75%, var(--grey-semitransparent) 100%); } header nav ul.nav-level-1 li.nav-level-1:hover a.nav-level-1 { display: inline-block; background-color: var(--darkblue); color: white; border-bottom: 4px solid transparent; transform: translateY(-10%); } header nav ul.nav-level-1 li.nav-level-1:last-of-type a.nav-level-1 { margin-right: 0; } header nav ul.nav-level-1 li.nav-level-1 ul.nav-level-2 { padding-top: 0; padding-left: 0; padding-right: 0; padding-bottom: 3px; margin: 0; text-align: left; background-color: var(--grey-semitransparent); backdrop-filter: blur(5px) opacity(95%); position: absolute; min-width: 100%; z-index: 100; } header nav ul.nav-level-1 li.nav-level-1:hover ul.nav-level-2 { display: block; } header nav ul.nav-level-1 li.nav-level-1 ul.nav-level-2 li.nav-level-2 a.nav-level-2 { width: calc(100% - 20px); } header nav ul.nav-level-1 li.nav-level-1 ul.nav-level-2 li.nav-level-2 { position: relative; display: block; width: 100%; } header nav ul.nav-level-1 li.nav-level-1 ul.nav-level-2 li.nav-level-2:hover a.nav-level-2 { display: inline-block; } } #content_container { padding: 0 !important; } #content_container { display: grid; grid-template-columns: minmax(80px, 1fr) minmax(500px, 1180px) minmax(80px, 1fr); grid-auto-flow: column; } #content_container .section_bg_a, #content_container .section_a { grid-row-start: 2; grid-row-end: 3; } #content_container .section_bg_b, #content_container .section_b { grid-row-start: 3; grid-row-end: 4; } #content_container .section_bg_c, #content_container .section_c { grid-row-start: 4; grid-row-end: 5; } #content_container .section_bg_d, #content_container .section_d { grid-row-start: 5; grid-row-end: 6; } #content_container .section_bg_e, #content_container .section_e { grid-row-start: 6; grid-row-end: 7; } #content_container .section_bg_f, #content_container .section_f { grid-row-start: 7; grid-row-end: 8; } #content_container .section_bg_g, #content_container .section_g { grid-row-start: 8; grid-row-end: 9; } #content_container .section_bg_h, #content_container .section_h { grid-row-start: 9; grid-row-end: 10; } #content_container .section_bg_i, #content_container .section_i { grid-row-start: 10; grid-row-end: 11; } #content_container .section_bg_j, #content_container .section_j { grid-row-start: 11; grid-row-end: 12; } #content_container .section_bg_k, #content_container .section_k { grid-row-start: 12; grid-row-end: 13; } #content_container .section_bg_l, #content_container .section_l { grid-row-start: 13; grid-row-end: 14; } #content_container .section_bg_m, #content_container .section_m { grid-row-start: 14; grid-row-end: 15; } #content_container .section_bg { grid-column-start: 1; grid-column-end: 4; } #content_container .section { grid-column-start: 2; grid-column-end: 3; } @media screen and (min-width: 1180px) { footer { padding-top: 20px !important; padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 20px !important; display: grid; grid-template-columns: minmax(80px, 1fr) minmax(200px, 370px) 35px minmax(200px, 370px) 35px minmax(200px, 370px) minmax(80px, 1fr); grid-template-rows: 1fr; align-self: self-start; } footer ul#footer-links-social { grid-row-start: 1; grid-row-end: 2; grid-column-start: 2; grid-column-end: 3; text-align: left; } footer p#footer-copyright { grid-row-start: 1; grid-row-end: 2; grid-column-start: 4; grid-column-end: 5; padding-top: 9px; } footer p#footer-impressum { grid-row-start: 1; grid-row-end: 2; grid-column-start: 6; grid-column-end: 7; text-align: right; padding-top: 9px; } } #slider_grid { display: grid; grid-template-columns: minmax(80px, 1fr) minmax(500px, 1180px) minmax(80px, 1fr); } #slider { grid-row-start: 1; grid-row-end: 2; grid-column-start: 2; grid-column-end: 3; } @media screen and (min-width: 1080px) { .swiper-button-prev-tl-wrapper { display: block; grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 2; margin: auto; } .swiper-button-next-tl-wrapper { display: block; grid-row-start: 1; grid-row-end: 2; grid-column-start: 3; grid-column-end: 4; margin: auto; } .swiper-button-prev-tl, .swiper-button-next-tl { width: 30px; height: 30px; border-radius: 30px; font-size: 30px; padding: 10px; } .swiper-button-prev-tl:hover, .swiper-button-next-tl:hover { cursor: pointer; transform: unset; } } @media screen and (min-width: 1400px) { .swiper-button-prev-tl-wrapper { margin: auto; } .swiper-button-next-tl-wrapper { margin: auto; } .swiper-button-prev-tl, .swiper-button-next-tl { width: 40px; height: 40px; border-radius: 40px; font-size: 40px; } } @media screen and (min-width: 1600px) { .swiper-button-prev-tl-wrapper { margin-top: auto; margin-left: auto; margin-right: 30px; margin-bottom: auto; } .swiper-button-next-tl-wrapper { margin-top: auto; margin-left: 30px; margin-right: auto; margin-bottom: auto; } .swiper-button-prev-tl, .swiper-button-next-tl { width: 50px; height: 50px; border-radius: 50px; font-size: 50px; } } #slider_image { grid-row-start: 1; grid-row-end: 2; grid-column-start: 2; grid-column-end: 3; } #headline { grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 4; position: relative; text-align: center; align-self: center; } .intro-block { width: 80%; max-width: 600px; margin-left: 50%; transform: translateX(-50%); text-wrap: balance; } .tabular_form-line { display: grid; grid-template-rows: 1fr; grid-template-columns: minmax(100px, auto) 20px 1fr; } .tabular_form-line_error { display: grid; grid-template-rows: 1fr; grid-template-columns: minmax(100px, auto) 20px 1fr 20px 1fr; } .tabular_form-line label, .tabular_form-line_error label { grid-row-start: 1; grid-row-end: 1; grid-column-start: 1; grid-column-end: 2; padding-top: 4px; } .tabular_form-line div.tabular_form-line-input-fullwidth, .tabular_form-line_error div.tabular_form-line-input-fullwidth, .tabular_form-line input.tabular_form-line-input-fullwidth, .tabular_form-line_error input.tabular_form-line-input-fullwidth, .tabular_form-line select, .tabular_form-line_error select, .tabular_form-line textarea, .tabular_form-line_error textarea { grid-row-start: 1; grid-row-end: 1; grid-column-start: 3; grid-column-end: 4; } .tabular_form-line .tabular_form-line-input-checkbox { margin-top: 8px; } .tabular_form-line .tabular_form-line-full-line-width { grid-row-start: 1; grid-row-end: 1; grid-column-start: 1; grid-column-end: 4; } .tabular_form-line_error .tabular_form-line-full-line-width { grid-row-start: 1; grid-row-end: 1; grid-column-start: 1; grid-column-end: 6; } .tabular_form-line .tabular_form-line-button { padding-top: 10px; } .tabular_form-line_error .tabular_form-line-button { padding-top: 10px; } .tabular_form-line_error .error { grid-row-start: 1; grid-row-end: 1; grid-column-start: 5; grid-column-end: 6; padding-top: 4px; } .mobile_wave { display: none; } #alphakurs_beschreibung .intro-block { } @media screen and (min-width: 1050px) { #alphakurs_beschreibung_spalten { display: grid; grid-template-rows: 1fr; grid-template-columns: 1fr 50px 1fr; } #alphakurs_beschreibung_spalten_spalte_1 { grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 2; } #alphakurs_beschreibung_spalten_spalte_2 { grid-row-start: 1; grid-row-end: 2; grid-column-start: 3; grid-column-end: 4; } } #alphakurs_themen table.responsive-table col.alphakurs-col-datum { width: 150px; } #alphakurs_themen table.responsive-table col.alphakurs-col-thema{ } #equip_kurse_squares_3 { display: grid; grid-template-rows: 1fr; grid-template-columns: 1fr 50px 1fr 50px 1fr; } #equip_kurse_squares_4 { display: grid; grid-template-rows: 1fr; grid-template-columns: 1fr 50px 1fr 50px 1fr 50px 1fr; } #equip_kurse_square_1 { grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 2; } #equip_kurse_square_2 { grid-row-start: 1; grid-row-end: 2; grid-column-start: 3; grid-column-end: 4; } #equip_kurse_square_3 { grid-row-start: 1; grid-row-end: 2; grid-column-start: 5; grid-column-end: 6; } #equip_kurse_square_4 { grid-row-start: 1; grid-row-end: 2; grid-column-start: 7; grid-column-end: 8; } @media screen and (max-width: 1099px) { #equip_kurse_squares_4 #equip_kurse_square_1 { grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 4; } #equip_kurse_squares_4 #equip_kurse_square_2 { grid-row-start: 1; grid-row-end: 2; grid-column-start: 5; grid-column-end: 8; } #equip_kurse_squares_4 #equip_kurse_square_3 { grid-row-start: 2; grid-row-end: 3; grid-column-start: 1; grid-column-end: 4; } #equip_kurse_squares_4 #equip_kurse_square_4 { grid-row-start: 2; grid-row-end: 3; grid-column-start: 5; grid-column-end: 8; } } .equip_square_image { width: 100%; margin-left: unset; } body.fgw #slider_grid { background: #efefef; } .fgw_bg_grid { background: rgb(253,247,211); background: linear-gradient(90deg, rgba(253,247,211,1) 0%, rgba(220,202,228,1) 100%); } .fgw_box { } @media screen and (min-width: 1200px) { .fgw_box { padding-top: 0; padding-bottom: 0; } .fgw_box_image_left { display: grid; grid-template-rows: 1fr; grid-template-columns: 1fr 1fr; } .fgw_box_image_left_image { grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 2; width: 100%; margin-left: unset; } .fgw_box_image_left_text { grid-row-start: 1; grid-row-end: 2; grid-column-start: 2; grid-column-end: 3; margin: auto; margin-left: 50px; } .fgw_box_image_left_text h3 { margin-top: 0; } .fgw_box_image_right { display: grid; grid-template-rows: 1fr; grid-template-columns: 1fr 1fr; } .fgw_box_image_right_image { grid-row-start: 1; grid-row-end: 2; grid-column-start: 2; grid-column-end: 3; width: 100%; margin-left: unset; } .fgw_box_image_right_text { grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 2; margin: auto; margin-right: 50px; } .fgw_box_image_right_text h3 { margin-top: 0; } } .finde_section_headline { grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 8; } .finde_section_overview { grid-row-start: 2; grid-row-end: 3; grid-column-start: 1; grid-column-end: 8; } @media screen and (min-width: 1100px) { .finde_section_text_and_image { display: grid; grid-template-rows: 1fr; grid-template-columns: 560px 560px; column-gap: 60px; padding-top: 40px; } .finde_section_text_left { margin-bottom: 0; } .finde_section_text_right { margin-bottom: 0; } } @media screen and (min-width: 1100px) { .finde_section_text_left { grid-row-start: 1; grid-row-end: 1; grid-column-start: 1; grid-column-end: 2; } .finde_section_text_left h3 { margin-top: 0; } .finde_section_image_right { grid-row-start: 1; grid-row-end: 1; grid-column-start: 2; grid-column-end: 3; width: 500px; display: inline; margin-top: 3px; margin-left: auto; margin-right: 0; margin-bottom: 0; } .finde_section_text_right { grid-row-start: 1; grid-row-end: 1; grid-column-start: 2; grid-column-end: 3; } .finde_section_text_right h3 { margin-top: 0; } .finde_section_image_left { grid-row-start: 1; grid-row-end: 1; grid-column-start: 1; grid-column-end: 2; width: 500px; display: inline; margin-top: 3px; margin-left: 0; margin-right: auto; margin-bottom: 0; } } #finde_main { display: grid; grid-template-rows: 1fr; grid-template-columns: 1fr minmax(20px, 40px) 1fr; } #finde_gd { grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 4; box-sizing: border-box; text-align: center; margin-bottom: 20px; } #finde_app .finde_section_headline .h3-wave { margin-bottom: 20px; } #finde_gruppen .finde_section_headline .h3-wave { margin-bottom: 20px; } @media screen and (min-width: 1100px) { #finde_kids { margin-top: 0px; padding-left: 0; padding-right: 0; padding-bottom: 30px; display: grid; grid-template-rows: 1fr; grid-template-columns: 1fr repeat(2, minmax(20px, 40px) 1fr); } #finde_kids_spalte_1 { grid-row-start: 3; grid-row-end: 4; grid-column-start: 1; grid-column-end: 2; } #finde_kids_spalte_2 { grid-row-start: 3; grid-row-end: 4; grid-column-start: 3; grid-column-end: 4; } #finde_kids_spalte_3 { grid-row-start: 3; grid-row-end: 4; grid-column-start: 5; grid-column-end: 6; } } table.responsive-table col.freedomunlocked-col-thema { width: 486px; } table.responsive-table col.freedomunlocked-col-tage { width: 270px; } table.responsive-table col.freedomunlocked-col-uhrzeit { width: 115px; } table.responsive-table col.freedomunlocked-col-anmerkung { width: 185px; } table.responsive-table col.freedomunlocked-col-kosten { width: 100px; } @media screen and (max-width: 1200px) { body.gottesdienst #headline h2 { font-size: 34px; line-height: 32px; white-space: nowrap; } } #groups_list_filter { padding-top: 40px; } .groups_list_filter_form_row .tabular_form-line { grid-template-columns: minmax(120px, auto) 20px 1fr; } @media screen and (min-width: 1180px) { .groups_list_filter_form_row { display: grid; grid-template-rows: 1fr; grid-template-columns: 1fr 1fr 1fr; column-gap: 65px; } .groups_list_filter_form_row_column_1 { grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 2; } .groups_list_filter_form_row_column_2 { grid-row-start: 1; grid-row-end: 2; grid-column-start: 2; grid-column-end: 3; } .groups_list_filter_form_row_column_3 { grid-row-start: 1; grid-row-end: 2; grid-column-start: 3; grid-column-end: 4; } .groups_list_filter_form_row .tabular_form-line { grid-template-columns: minmax(120px, auto) 10px 1fr; } .groups_list_filter_form_row .tabular_form-line label { text-align: right; } } .groups_list { padding-left: 0px; padding-right: 0px; } .groups_comingsoon { padding-left: 0px; padding-right: 0px; width: 400px; } #gruendonnerstag_intro .intro-block { max-width: 750px; } #gruendonnerstag_anmeldung .tabular_form-line { grid-template-columns: minmax(220px, auto) 20px 1fr; } #impressum-grid-2 { display: grid; grid-template-columns: 1fr minmax(20px, 40px) 1fr; grid-auto-flow: column; } #imp_datenschutz { grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 4; } .interessengruppe_eine[open] .interessengruppe_detail { border-right: 2px solid var(--lightyellow); } @media screen and (min-width: 1180px) { .interessengruppe_eine .interessengruppe_detail .interessengruppe_detail_description { overflow-y: hidden; } } .interessengruppe_eine .interessengruppe_detail .interessengruppe_detail_image { float: left; width: 350px; height: 350px; margin-right: 5px; margin-bottom: 25px; } .interessengruppe_eine .interessengruppe_detail .interessengruppe_detail_facts { clear: both; } #interessengruppe_anbieten .tabular_form-line { grid-template-columns: minmax(230px, auto) 20px 1fr; } @media screen and (max-width: 1289px) { .juengerschaftsgruppe_anfrage_section .juengerschaftsgruppe_eine { margin-bottom: 50px; } } @media screen and (min-width: 1290px) { .juengerschaftsgruppe_anfrage_section { display: grid; grid-template-rows: 1fr; grid-template-columns: 350px 1fr; column-gap: 100px; } .juengerschaftsgruppe_anfrage_section .juengerschaftsgruppe_eine { grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 2; } .juengerschaftsgruppe_anfrage_section .juengerschaftsgruppe_anfrage_form { grid-row-start: 1; grid-row-end: 2; grid-column-start: 2; grid-column-end: 3; margin-top: 89px; } } .juengerschaftsgruppe_eine { width: 350px; padding-bottom: 0; } @media screen and (min-width: 1290px) and (min-height: 850px) { #juengerschaftsgruppen_liste { display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap: 65px; padding-bottom: 0; } } .juengerschaftsgruppe_eine .juengerschaftsgruppe_detail .juengerschaftsgruppe_detail_image { width: 350px; height: 350px; } .juengerschaftsgruppe_eine .juengerschaftsgruppe_detail .juengerschaftsgruppe_detail_facts { clear: both; } #juengerschaftsgruppe_anbieten .tabular_form-line { grid-template-columns: minmax(255px, auto) 20px 1fr; } #cal_container iframe { height: 820px; } @media screen and (max-width: 1079px) { #cal_container iframe { height: 810px; } } @media screen and (max-width: 767px) { #cal_container iframe { height: 800px; } } #kontakt { z-index: 100; } @media screen and (min-width: 850px) { #kontakt-grid-2 { display: grid; grid-template-columns: 1fr minmax(20px, 40px) 1fr; grid-auto-flow: column; } #kontakt_anschrift { grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 2; } #kontakt_nachricht { grid-row-start: 1; grid-row-end: 2; grid-column-start: 3; grid-column-end: 4; } #kontakt_newsletter { grid-row-start: 3; grid-row-end: 4; grid-column-start: 1; grid-column-end: 4; } #kontakt_img { grid-row-start: 4; grid-row-end: 5; grid-column-start: 1; grid-column-end: 2; } #kontakt_anfahrt { grid-row-start: 4; grid-row-end: 5; grid-column-start: 3; grid-column-end: 4; } #kontakt_map { grid-row-start: 5; grid-row-end: 6; grid-column-start: 1; grid-column-end: 4; } } @media screen and (max-width: 950px) { #kontakt_nachricht .tabular_form-line { display: block; } } #lerne_geschichte1 { } #lerne_geschichte23 { margin-top: 10px; margin-bottom: 20px; display: grid; grid-template-rows: 1fr; grid-template-columns: minmax(250px, 550px) minmax(40px, 80px) minmax(250px, 550px); } #lerne_geschichte2 { grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 2; } #lerne_geschichte3 { grid-row-start: 1; grid-row-end: 2; grid-column-start: 3; grid-column-end: 4; } #lerne_nextsteps { padding-top: unset; } #lerne_nextsteps .h2-wave { margin-top: 50px; } #lerne_nextsteps_description { padding-bottom: 20px; margin-top: 20px; } @media screen and (max-width: 1199px) { .lerne_nextsteps_grid { display: grid; grid-template-rows: 1fr; grid-template-columns: 1fr repeat(1, minmax(20px, 40px) 1fr); } .lerne_nextsteps_grid_1.lerne_nextsteps_grid_img { grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 2; } .lerne_nextsteps_grid_1.lerne_nextsteps_grid_title { grid-row-start: 2; grid-row-end: 3; grid-column-start: 1; grid-column-end: 2; } .lerne_nextsteps_grid_1.lerne_nextsteps_grid_description { grid-row-start: 3; grid-row-end: 4; grid-column-start: 1; grid-column-end: 2; margin-bottom: 50px; } .lerne_nextsteps_grid_2.lerne_nextsteps_grid_img { grid-row-start: 1; grid-row-end: 2; grid-column-start: 3; grid-column-end: 4; } .lerne_nextsteps_grid_2.lerne_nextsteps_grid_title { grid-row-start: 2; grid-row-end: 3; grid-column-start: 3; grid-column-end: 4; } .lerne_nextsteps_grid_2.lerne_nextsteps_grid_description { grid-row-start: 3; grid-row-end: 4; grid-column-start: 3; grid-column-end: 4; margin-bottom: 50px; } .lerne_nextsteps_grid_3.lerne_nextsteps_grid_img { grid-row-start: 6; grid-row-end: 7; grid-column-start: 1; grid-column-end: 2; } .lerne_nextsteps_grid_3.lerne_nextsteps_grid_title { grid-row-start: 7; grid-row-end: 8; grid-column-start: 1; grid-column-end: 2; } .lerne_nextsteps_grid_3.lerne_nextsteps_grid_description { grid-row-start: 8; grid-row-end: 9; grid-column-start: 1; grid-column-end: 2; } .lerne_nextsteps_grid_4.lerne_nextsteps_grid_img { grid-row-start: 6; grid-row-end: 7; grid-column-start: 3; grid-column-end: 4; } .lerne_nextsteps_grid_4.lerne_nextsteps_grid_title { grid-row-start: 7; grid-row-end: 8; grid-column-start: 3; grid-column-end: 4; } .lerne_nextsteps_grid_4.lerne_nextsteps_grid_description { grid-row-start: 8; grid-row-end: 9; grid-column-start: 3; grid-column-end: 4; } } @media screen and (min-width: 1200px) { .lerne_nextsteps_grid { display: grid; grid-template-rows: 1fr; grid-template-columns: 1fr repeat(3, minmax(20px, 40px) 1fr); } .lerne_nextsteps_grid_1.lerne_nextsteps_grid_img { grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 2; } .lerne_nextsteps_grid_1.lerne_nextsteps_grid_title { grid-row-start: 2; grid-row-end: 3; grid-column-start: 1; grid-column-end: 2; } .lerne_nextsteps_grid_1.lerne_nextsteps_grid_description { grid-row-start: 3; grid-row-end: 4; grid-column-start: 1; grid-column-end: 2; } .lerne_nextsteps_grid_2.lerne_nextsteps_grid_img { grid-row-start: 1; grid-row-end: 2; grid-column-start: 3; grid-column-end: 4; } .lerne_nextsteps_grid_2.lerne_nextsteps_grid_title { grid-row-start: 2; grid-row-end: 3; grid-column-start: 3; grid-column-end: 4; } .lerne_nextsteps_grid_2.lerne_nextsteps_grid_description { grid-row-start: 3; grid-row-end: 4; grid-column-start: 3; grid-column-end: 4; } .lerne_nextsteps_grid_3.lerne_nextsteps_grid_img { grid-row-start: 1; grid-row-end: 2; grid-column-start: 5; grid-column-end: 6; } .lerne_nextsteps_grid_3.lerne_nextsteps_grid_title { grid-row-start: 2; grid-row-end: 3; grid-column-start: 5; grid-column-end: 6; } .lerne_nextsteps_grid_3.lerne_nextsteps_grid_description { grid-row-start: 3; grid-row-end: 4; grid-column-start: 5; grid-column-end: 6; } .lerne_nextsteps_grid_4.lerne_nextsteps_grid_img { grid-row-start: 1; grid-row-end: 2; grid-column-start: 7; grid-column-end: 8; } .lerne_nextsteps_grid_4.lerne_nextsteps_grid_title { grid-row-start: 2; grid-row-end: 3; grid-column-start: 7; grid-column-end: 8; } .lerne_nextsteps_grid_4.lerne_nextsteps_grid_description { grid-row-start: 3; grid-row-end: 4; grid-column-start: 7; grid-column-end: 8; } } .lerne_personen { margin-top: 20px; margin-left: 0px; margin-right: 0px; margin-bottom: 10px; } .lerne_personen_grid { padding-top: 30px; } .lerne_personen_grid_statement { } .lerne_personen_grid_position { margin-top: 0; } @media screen and (max-width: 1199px) { .lerne_personen_grid2 { display: grid; grid-template-rows: 1fr; grid-template-columns: 1fr repeat(1, minmax(20px, 40px) 1fr); } .lerne_personen_grid3 { display: grid; grid-template-rows: 1fr; grid-template-columns: 1fr repeat(1, minmax(20px, 40px) 1fr); } .lerne_personen_grid4 { display: grid; grid-template-rows: 1fr; grid-template-columns: 1fr repeat(1, minmax(20px, 40px) 1fr); } .lerne_personen_grid_1.lerne_personen_grid_img { grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 2; } .lerne_personen_grid_1.lerne_personen_grid_name { grid-row-start: 2; grid-row-end: 3; grid-column-start: 1; grid-column-end: 2; } .lerne_personen_grid_1.lerne_personen_grid_statement { grid-row-start: 3; grid-row-end: 4; grid-column-start: 1; grid-column-end: 2; } .lerne_personen_grid_1.lerne_personen_grid_position { grid-row-start: 4; grid-row-end: 5; grid-column-start: 1; grid-column-end: 2; margin-bottom: 50px; } .lerne_personen_grid_2.lerne_personen_grid_img { grid-row-start: 1; grid-row-end: 2; grid-column-start: 3; grid-column-end: 4; } .lerne_personen_grid_2.lerne_personen_grid_name { grid-row-start: 2; grid-row-end: 3; grid-column-start: 3; grid-column-end: 4; } .lerne_personen_grid_2.lerne_personen_grid_statement { grid-row-start: 3; grid-row-end: 4; grid-column-start: 3; grid-column-end: 4; } .lerne_personen_grid_2.lerne_personen_grid_position { grid-row-start: 4; grid-row-end: 5; grid-column-start: 3; grid-column-end: 4; margin-bottom: 50px; } .lerne_personen_grid_3.lerne_personen_grid_img { grid-row-start: 6; grid-row-end: 7; grid-column-start: 1; grid-column-end: 2; } .lerne_personen_grid_3.lerne_personen_grid_name { grid-row-start: 7; grid-row-end: 8; grid-column-start: 1; grid-column-end: 2; } .lerne_personen_grid_3.lerne_personen_grid_statement { grid-row-start: 8; grid-row-end: 9; grid-column-start: 1; grid-column-end: 2; } .lerne_personen_grid_3.lerne_personen_grid_position { grid-row-start: 9; grid-row-end: 10; grid-column-start: 1; grid-column-end: 2; } .lerne_personen_grid_4.lerne_personen_grid_img { grid-row-start: 6; grid-row-end: 7; grid-column-start: 3; grid-column-end: 4; } .lerne_personen_grid_4.lerne_personen_grid_name { grid-row-start: 7; grid-row-end: 8; grid-column-start: 3; grid-column-end: 4; } .lerne_personen_grid_4.lerne_personen_grid_statement { grid-row-start: 8; grid-row-end: 9; grid-column-start: 3; grid-column-end: 4; } .lerne_personen_grid_4.lerne_personen_grid_position { grid-row-start: 9; grid-row-end: 10; grid-column-start: 3; grid-column-end: 4; } } @media screen and (min-width: 1200px) { .lerne_personen_grid2 { display: grid; grid-template-rows: 1fr; grid-template-columns: 1fr repeat(1, 0px 1fr); } .lerne_personen_grid3 { display: grid; grid-template-rows: 1fr; grid-template-columns: 1fr repeat(2, minmax(20px, 40px) 1fr); } .lerne_personen_grid4 { display: grid; grid-template-rows: 1fr; grid-template-columns: 1fr repeat(3, minmax(20px, 40px) 1fr); } .lerne_personen_grid_1.lerne_personen_grid_img { grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 2; } .lerne_personen_grid_1.lerne_personen_grid_name { grid-row-start: 2; grid-row-end: 3; grid-column-start: 1; grid-column-end: 2; } .lerne_personen_grid_1.lerne_personen_grid_statement { grid-row-start: 3; grid-row-end: 4; grid-column-start: 1; grid-column-end: 2; } .lerne_personen_grid_1.lerne_personen_grid_position { grid-row-start: 4; grid-row-end: 5; grid-column-start: 1; grid-column-end: 2; } .lerne_personen_grid_2.lerne_personen_grid_img { grid-row-start: 1; grid-row-end: 2; grid-column-start: 3; grid-column-end: 4; } .lerne_personen_grid_2.lerne_personen_grid_name { grid-row-start: 2; grid-row-end: 3; grid-column-start: 3; grid-column-end: 4; } .lerne_personen_grid_2.lerne_personen_grid_statement { grid-row-start: 3; grid-row-end: 4; grid-column-start: 3; grid-column-end: 4; } .lerne_personen_grid_2.lerne_personen_grid_position { grid-row-start: 4; grid-row-end: 5; grid-column-start: 3; grid-column-end: 4; } .lerne_personen_grid_3.lerne_personen_grid_img { grid-row-start: 1; grid-row-end: 2; grid-column-start: 5; grid-column-end: 6; } .lerne_personen_grid_3.lerne_personen_grid_name { grid-row-start: 2; grid-row-end: 3; grid-column-start: 5; grid-column-end: 6; } .lerne_personen_grid_3.lerne_personen_grid_statement { grid-row-start: 3; grid-row-end: 4; grid-column-start: 5; grid-column-end: 6; } .lerne_personen_grid_3.lerne_personen_grid_position { grid-row-start: 4; grid-row-end: 5; grid-column-start: 5; grid-column-end: 6; } .lerne_personen_grid_4.lerne_personen_grid_img { grid-row-start: 1; grid-row-end: 2; grid-column-start: 7; grid-column-end: 8; } .lerne_personen_grid_4.lerne_personen_grid_name { grid-row-start: 2; grid-row-end: 3; grid-column-start: 7; grid-column-end: 8; } .lerne_personen_grid_4.lerne_personen_grid_statement { grid-row-start: 3; grid-row-end: 4; grid-column-start: 7; grid-column-end: 8; } .lerne_personen_grid_4.lerne_personen_grid_position { grid-row-start: 4; grid-row-end: 5; grid-column-start: 7; grid-column-end: 8; } } .machemit_arbeit_spalten { display: grid; grid-template-rows: 1fr; grid-template-columns: 1fr 1fr; column-gap: 50px; margin-top: 20px; } .machemit_arbeit_text { grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 2; } .machemit_arbeit_formular { grid-row-start: 1; grid-row-end: 2; grid-column-start: 2; grid-column-end: 3; margin-top: 4px; } @media screen and (min-width: 1080px) { #machemit_geben_konto_paypal { display: grid; grid-template-rows: 1fr; grid-template-columns: 1fr 1fr; column-gap: 50px; } #machemit_geben_konto { grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 2; } #machemit_geben_paypal { grid-row-start: 1; grid-row-end: 2; grid-column-start: 2; grid-column-end: 3; } } #machemit_invest { padding-top: 40px; } @media screen and (min-width: 1000px) { #machemit_invest_grid { display: grid; grid-template-rows: 1fr; grid-template-columns: 1fr minmax(20px, 40px) 1fr minmax(20px, 40px) 1fr; } #machemit_invest_1_logo { grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 2; } #machemit_invest_2_logo { grid-row-start: 1; grid-row-end: 2; grid-column-start: 3; grid-column-end: 4; } #machemit_invest_3_logo { grid-row-start: 1; grid-row-end: 2; grid-column-start: 5; grid-column-end: 6; } #machemit_invest_1_text { grid-row-start: 2; grid-row-end: 3; grid-column-start: 1; grid-column-end: 2; } #machemit_invest_2_text { grid-row-start: 2; grid-row-end: 3; grid-column-start: 3; grid-column-end: 4; } #machemit_invest_3_text { grid-row-start: 2; grid-row-end: 3; grid-column-start: 5; grid-column-end: 6; } } #mhfsh_kampagnenziel table.responsive-table col.mhfsh_kampagnenziel-col-text { } #mhfsh_kampagnenziel table.responsive-table col.mhfsh_kampagnenziel-col-betrag { width: 112px; } #mhfsh_kampagnenziel table.responsive-table td.mhfsh_kampagnenziel_spalte_betrag { text-align: right; } @media screen and (min-width: 1080px) { #mhfsh_spenden_konto_paypal { display: grid; grid-template-rows: 1fr; grid-template-columns: 7fr 20px 3fr; } #mhfsh_spenden_konto { grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 1; } #mhfsh_spenden_paypal { grid-row-start: 1; grid-row-end: 2; grid-column-start: 3; grid-column-end: 3; } } #next_events_bg { grid-row-start: 16; grid-row-end: 17; grid-column-start: 1; grid-column-end: 4; } #next_events_bg { background: linear-gradient(var(--grey) 0%, var(--white) 80%); display: block !important; padding: 20px; } #next_events { grid-row-start: 16; grid-row-end: 17; grid-column-start: 2; grid-column-end: 3; margin-bottom: 10px; } @media screen and (min-width: 500px) { ul.next_events_flex_3 li { width: 48% !important; } ul.next_events_flex_3.next_events_hide_last li:last-child { display: none; } } @media screen and (min-width: 950px) { ul.next_events_flex_3 li { width: 30% !important; } ul.next_events_flex_3.next_events_hide_last li:last-child { display: block; } } table.responsive-table.predigt-table col.predigten-col-date { width: 112px; } table.responsive-table.predigt-table col.predigten-col-topic { } table.responsive-table.predigt-table col.predigten-col-preacher { } #predigt_main table.responsive-table.predigt-table col.predigten-col-preacher { width: 180px; } table.responsive-table.predigt-table col.predigten-col-campus { width: 92px; } table.responsive-table.predigt-table col.predigten-col-mp3 { width: 92px; } table.responsive-table.predigt-table col.predigten-col-pdf { width: 92px; } table.responsive-table.predigt-table col.predigten-col-youtube { width: 92px; } table.responsive-table.predigt-table td.mp3 { text-align: center; } table.responsive-table.predigt-table td.pdf { text-align: center; } table.responsive-table.predigt-table td.youtube { text-align: center; } #pred_search { position: relative; } #pred_search_field { position: absolute; top: 0; width: 112px; margin-bottom: unset; } #pred_search_data { position: absolute; top: 0; left: 115px; width: 230px; height: 32px; box-sizing: border-box; margin-bottom: unset; } #pred_search_button { position: absolute; top: 0; left: 350px; width: 90px; height: 32px; box-sizing: border-box; margin-top: unset; margin-bottom: unset; } #pred_search_reset { position: absolute; top: 5px; left: 455px; height: 22px; margin-top: unset; white-space: nowrap; } #pred_social_div { padding-top: 5px; padding-left: 5px; padding-right: 0px; padding-bottom: 5px; min-width: 300px; float: right; margin-top: -30px; margin-right: 8px; text-align: right; } @media screen and (max-width: 1149px) { #pred_social_div { padding-top: 10px; padding-left: 5px; padding-right: 0px; padding-bottom: 0px; float: none; margin-top: 50px; } } @media screen and (min-width: 1100px) { .seelsorge_section_text_and_image { display: grid; grid-template-rows: 1fr; grid-template-columns: 1fr repeat(3, minmax(20px, 40px) 1fr); padding-top: 40px; } .seelsorge_section_text_left { margin-bottom: 0; } .seelsorge_section_text_right { margin-bottom: 0; } } @media screen and (min-width: 1100px) { .seelsorge_section_text_left { grid-row-start: 3; grid-row-end: 4; grid-column-start: 1; grid-column-end: 4; } .seelsorge_section_text_left h3 { margin-top: 0; } .seelsorge_section_image_right { grid-row-start: 3; grid-row-end: 4; grid-column-start: 5; grid-column-end: 8; width: 500px; display: inline; margin-top: 3px; margin-left: auto; margin-right: 0; margin-bottom: 0; } .seelsorge_section_text_right { grid-row-start: 4; grid-row-end: 5; grid-column-start: 5; grid-column-end: 8; } .seelsorge_section_image_left { grid-row-start: 4; grid-row-end: 5; grid-column-start: 1; grid-column-end: 4; width: 500px; display: inline; margin-top: 3px; margin-left: 0; margin-right: auto; margin-bottom: 0; } } @media screen and (max-width: 1099px) { .seelsorge_section_text_left { grid-row-start: 5; grid-row-end: 6; grid-column-start: 1; grid-column-end: 4; } .seelsorge_section_image_right { grid-row-start: 5; grid-row-end: 6; grid-column-start: 5; grid-column-end: 8; } .seelsorge_section_text_right { grid-row-start: 6; grid-row-end: 7; grid-column-start: 5; grid-column-end: 8; } .seelsorge_section_image_left { grid-row-start: 6; grid-row-end: 7; grid-column-start: 1; grid-column-end: 4; } } .startseite_box { margin-bottom: 10px; } @media screen and (min-width: 1080px) { .startseite_box { min-height: 320px; display: flex; align-items: center; justify-content: center; } .startseite_box_inner { } } #startseite_wirglauben_termine { display: grid; grid-template-rows: 1fr; grid-template-columns: 1fr 1fr; column-gap: 80px; } #startseite_wirglauben { grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 2; } #startseite_termine { grid-row-start: 1; grid-row-end: 2; grid-column-start: 2; grid-column-end: 3; } @media screen and (min-width: 1000px) { #twogether_spalten { display: grid; grid-template-rows: 1fr; grid-template-columns: 1fr repeat(2, minmax(20px, 40px) 1fr); } #twogether_spalten_spalte_1 { grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 2; margin-top: 0; margin-bottom: 0; } #twogether_spalten_spalte_2 { grid-row-start: 1; grid-row-end: 2; grid-column-start: 3; grid-column-end: 4; margin-top: 0; margin-bottom: 0; } #twogether_spalten_spalte_3 { grid-row-start: 1; grid-row-end: 2; grid-column-start: 5; grid-column-end: 6; margin-top: 0; margin-bottom: 0; } } #twogether_anmeldung .tabular_form-line { grid-template-columns: minmax(320px, auto) 20px 1fr; } #ufo_logo { display: grid; grid-template-rows: 1fr; grid-template-columns: 1fr repeat(1, minmax(20px, 40px) 1fr); align-items:center; } #ufo_logo p { grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 2; } #ufo_logo img { grid-row-start: 1; grid-row-end: 2; grid-column-start: 3; grid-column-end: 4; } @media screen and (max-width: 1199px) { .ufo_bedeutung { display: grid; grid-template-rows: 1fr; grid-template-columns: 50px 1fr 50px; } } @media screen and (min-width: 1200px) { .ufo_bedeutung { display: grid; grid-template-rows: 1fr; grid-template-columns: 1fr 3fr 1fr; } } .ufo_bedeutung_inner { grid-row-start: 1; grid-row-end: 2; grid-column-start: 2; grid-column-end: 3; } #woerth_gottesdienste table.responsive-table col.woerth-col-datum { width: 160px; } #woerth_base table.responsive-table col.woerth-col-datum { width: 240px; } } }