:root { --primary: #84B260; --primary-lighter: #84B260dd; --primary-light: #dbf1cbf6; --primary-bright: #edf1eb; --primary-darker: #608643; --secondary: #4D5349; --secondary-light: #4D534922; --tertiary: #3A3E37; --tertiary-20: #4c5544; --tertiary-70: #608643cc; --txt-primary: #4D5349; --txt-secondary: #84B260; --border-radius: 0 0 32px 0; --border-radius-left-responsive: 0 0 0 0; --border-radius-right-responsive: 0 0 32px 0; --border-radius-top: 0 0 0 0; --gradient-primary: radial-gradient(circle closest-corner, var(--primary), var(--primary-darker)); }.palette-ranger { --background-primary: #fdf3df; --background-header: #64511Fcc; --primary: #654e2e; --primary-lighter: #876d2a; --primary-light: #e5d8b6; --primary-bright: #f1efeb; --primary-darker: #40311d; --secondary-light: #d8cdb8aa; --tertiary: #372c1d; --tertiary-70: #372c1dbb; --txt-primary: #64511F; --txt-secondary: #876d2a; --svg-color: #64511F; --gradient-primary: radial-gradient(circle closest-corner, var(--primary), var(--primary-darker)); } .palette-ladies { --background-primary: #FAF4FC; --background-header: #D8448388; --primary: #64416F; --primary-lighter: #9963aa; --primary-light: #ead9ef; --primary-bright: #f3edf4; --primary-darker: #3b2940; --secondary-light: #64416F22; --tertiary: #3d353f; --txt-primary: #64416F; --txt-secondary: #64416F; --svg-color: #64416F; --gradient-primary: radial-gradient(circle closest-corner, var(--primary), var(--primary-darker)); } .palette-werteforum { --background-primary: #ecf6f3; --background-event: linear-gradient(-45deg, #2dafc7cc, #84b260cc); --base: #84B260; --primary: #41566f; --primary-light: #bde0e7; --primary-darker: #2c8e9e; --secondary-light: #536f3c33; --tertiary: #173338; --txt-primary: #124750; --svg-color: #41566f; --gradient: linear-gradient(-45deg, #2db0c7, #84b260); --gradient-primary: var(--gradient); } .palette-bibletalk { --background-primary: #edf7f2; --base: #67a78e; --primary: #67a78e; --primary-light: #cbe6db; --primary-darker: #2c8e9e; --secondary-light: #aeddca66; --tertiary: #283631; --txt-primary: #263341; --txt-secondary: #67a78e; --svg-color: #263341; --gradient: linear-gradient(-45deg, #fea897, #edd39a, #8fddbe); --gradient-primary: var(--gradient); } .palette-gu { --background-primary: #ecf0f2; --base: #294046; --primary: #7f8b8b; --primary-light: #dee8ed; --secondary-light: #29404622; --tertiary: #173338; --txt-primary: #173338; --txt-secondary: #294046; --gradient-primary: radial-gradient(circle closest-corner, #466c76, #294046); --gradient-top: linear-gradient(-45deg, #7f8b8baa, #294046aa); } .more-spacing > .center { --pt: 144px; --pt-xl: 128px; --pt-lg: 112px; --pt-md: 96px; --pt-sm: 72px; --pt-xs: 64px; --pb: 144px; --pb-xl: 128px; --pb-lg: 112px; --pb-md: 96px; --pb-sm: 72px; --pb-xs: 64px; }html { background-color: var(--primary-bright); } body { box-shadow: 0 0 96px #00000055; } .eb { text-transform: uppercase; color: var(--txt-primary); font-weight: 500; opacity: .5; } .h1, .h2 { color: var(--txt-primary); display: block; font-weight: 600; } .h3, .h4, .h5, .h6 { color: var(--txt-primary); display: block; font-weight: 600; } p, li { font-weight: 400; color: var(--txt-primary); } b, strong { font-weight: 600; } .kka-logo { pointer-events: all; cursor: pointer; } .center-content { display: flex; align-items: center; justify-content: center; } .line { width: 100%; height: 1px; margin: 0; opacity: .25; background: #fff; } .line.black { background: #000000aa; }.obvious-links a::after { content: " →" } p a, .block a:not(.button) { color: var(--txt-primary); text-decoration: none; transition: all .25s ease; }.text-script p { font-family: "Dancing Script", serif; } .text-white, .text-white .eb, .text-white .h2, .text-white .h3, .text-white .h4, .text-white p, .text-white p a, .text-white strong { color: #fff !important; } .text-small, .text-small .eb, .text-small .h2, .text-small .h3, .text-small p, .text-small p a, .text-small strong { font-size: .85rem; line-height: 1.2rem; letter-spacing: .3px } .text-huge, .text-huge .eb, .text-huge .h2, .text-huge .h3, .text-huge p, .text-huge p a, .text-huge em, .text-huge strong { font-size: 2rem; line-height: 2.5rem; letter-spacing: 0; } .text-light, .text-light .eb, .text-light .h2, .text-light .h3, .text-light p, .text-light strong { opacity: .4; } .text-bold, .text-bold .eb, .text-bold .h2, .text-bold .h3, .text-bold p, .text-bold strong { font-weight: 600; } .text-green p { color: var(--txt-secondary); } .text-green-bright p { color: var(--primary-light); } .text-colorful p { background: -webkit-linear-gradient(-45deg, var(--base), var(--primary-darker)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }ul { margin-bottom: 0; } ul li { margin-left: 1rem; }.border-green { border: 4px solid var(--primary) } .border-right { border-right: 1px solid var(--primary) } .border-round { border-radius: var(--border-radius); } .border-round > .background { border-radius: var(--border-radius) } .border-round > .foreground { border-radius: var(--border-radius) } .border-round > picture > img { border-radius: var(--border-radius) } .border-round > video { border-radius: var(--border-radius) } .border-round .slider { border-radius: var(--border-radius) } .border-round .item > picture > img { border-radius: var(--border-radius) } .border-round-top { border-radius: var(--border-radius-top); } .border-round-top > .background { border-radius: var(--border-radius-top) } .border-round-top > .foreground { border-radius: var(--border-radius-top) } .border-round-top > picture > img { border-radius: var(--border-radius-top) } .border-round-top .slider { border-radius: var(--border-radius-top) } .border-round-top .item > picture > img { border-radius: var(--border-radius-top) } .border-round-left-responsive { border-radius: var(--border-radius-left-responsive); } .border-round-left-responsive > .background { border-radius: var(--border-radius-left-responsive) } .border-round-left-responsive > .foreground { border-radius: var(--border-radius-left-responsive) } .border-round-left-responsive > picture > img { border-radius: var(--border-radius-left-responsive) } .border-round-left-responsive .slider { border-radius: var(--border-radius-left-responsive) } .border-round-left-responsive .item > picture > img { border-radius: var(--border-radius-left-responsive) } .border-round-right-responsive { border-radius: var(--border-radius-right-responsive); } .border-round-right-responsive > .background { border-radius: var(--border-radius-right-responsive) } .border-round-right-responsive > .foreground { border-radius: var(--border-radius-right-responsive) } .border-round-right-responsive > picture > img { border-radius: var(--border-radius-right-responsive) } .border-round-right-responsive .slider { border-radius: var(--border-radius-right-responsive) } .border-round-right-responsive .item > picture > img { border-radius: var(--border-radius-right-responsive) } .border-round-full > .background { border-radius: 50% } .border-round-full > .foreground { border-radius: 50% } .border-round-full > picture > img { border-radius: 50% } .border-left-responsive { border-left: 2px solid; border-top: 2px solid; border-bottom: 2px solid; border-color: #ffffffee }.shadows { box-shadow: 0 32px 128px var(--secondary-light); }#desktop-menu { box-shadow: 0 0 48px #0000001a; } #mobile-nav { box-shadow: 0 0 16px #0000002a; }.text-button:not(:first-child) { margin-left: 32px; } .text-button { cursor: pointer; text-decoration: none; color: var(--txt-primary); font-weight: 400; transition: all .25s ease; }.button:not(:first-child) { margin-left: 16px; } .button { cursor: pointer; margin-left: -3px; padding: 10px 26px 12px 22px; text-decoration: none; font-weight: 500; background: transparent; border: 2px solid var(--primary); border-radius: 8px 32px 32px 8px; color: var(--primary); box-shadow: 0 4px 32px #00000000; transition: all 0.25s ease; } .button::after { content: " →" } .button.text { margin-left: 0; padding: 0; padding: 0 0 6px; border: none; border-bottom: 2px solid var(--primary); border-radius: 0; } .button.regular { font-weight: 400; } .button.secondary { background: none; border: 2px solid #ff5050; color: #ff5050 } .button.bright { border-color: #fff; color: #fff; } .button.dark { border-color: var(--txt-primary); color: var(--txt-primary); } .button.no-border { border: none; } .button.space { padding: 0 16px; }.burger { position: absolute; right: 0; top: -10px; width: 20px; height: 20px; border-top: 2px solid var(--txt-primary); border-bottom: 2px solid var(--txt-primary); transition: all .25s ease; } .burger div { position: absolute; display: block; width: 20px; height: 2px; right: 0px; top: 7px; background: var(--txt-primary); transition: all .25s ease; } .burger.visible div:first-child { transform: rotateZ(45deg); right: -3px; width: 26px; } .burger.visible div:last-child { transform: rotateZ(-45deg); right: -3px; width: 26px; } .burger.visible { border-top-color: transparent; border-bottom-color: transparent; }#mobile-menu, #mobile-menu > div:nth-child(2) { z-index: 100; top: 52px; left: 0; width: 100%; height: calc(100vh - 52px); } #mobile-menu { overflow-y: scroll; background: #fff; transform: translateY(calc(-100vh + 52px)); transition: transform .35s ease; } #mobile-menu.visible { transform: translateY(0); } #mobile-menu .button:not(:first-child) { margin-left: 0; } #mobile-menu .button { width: 100%; padding: 10px 0; font-size: 1.25rem; font-weight: 600; background: transparent; border: none; border-radius: 0; color: var(--txt-primary); } #mobile-menu .button::after { content: "" } #mobile-menu p a { text-decoration: none; } #mobile-menu p a::after { content: " →" } #mobile-menu .line { width: 100%; height: 1px; margin: 0; opacity: .25; background: var(--txt-primary); }form label { color: var(--txt-primary); padding-bottom: 12px; } form input, textarea, select { background: var(--primary-bright); padding: 10px 12px; border: 2px solid var(--primary-light); border-radius: 8px; } form .help { padding-top: 4px; font-size: .75rem } form .error { padding-top: 4px; font-size: .75rem; color: red; } input::placeholder, textarea::placeholder { color: #00000044; }.kka-calendar { width: 100%; height: 100%; border: 0; overflow-y: hidden; }.section-divider:first-child { transform: translateY(.1px); } .section-divider:last-child { transform: translateY(-.1px); } .section-divider.mb.flip-y { transform: scaleY(-1) translateY(0.1px); }@media (hover: hover) { a:hover { opacity: .6; } .button:hover { opacity: 1; color: #fff; background: var(--primary); box-shadow: 0 8px 24px var(--secondary-light); } .button.secondary:hover { color: #ff5050; } .button.bright:hover { background: #fff; color: var(--primary); } .button.text:hover { opacity: .5; color: var(--primary); background: transparent; box-shadow: none; } .button.dark:hover { border-color: var(--txt-primary); color: #fff; background: var(--txt-primary); } }@media only screen and (max-width: 1440px) { } @media only screen and (max-width: 1280px) { .text-button:not(:first-child) { margin-left: 14px; } } @media only screen and (max-width: 1024px) { .line-break { -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .button { border-width: 2.5px; font-weight: 600; } } @media only screen and (max-width: 736px) { :root { --border-radius-left-responsive: 0 0 0 0; --border-radius-right-responsive: 0 0 0 0; } #mobile-nav.md-hide { display: block; } .text-small, .text-small .eb, .text-small .h2, .text-small .h3, .text-small p, .text-small strong { font-size: .85rem; line-height: 1.05rem; letter-spacing: .3px } .border-left-responsive { border-right: 2px solid; border-bottom: 0; border-color: #ffffffee } } @media only screen and (max-width: 576px) { }