/*
Theme Name: TimeSpin
Description: Kadence Child Theme for TimeSpin
Theme URL: https://timespin.net
Author: Genese
Author URL: https://genese.de
Template: kadence
Text Domain: TimeSpin
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/
@import url("../kadence/style.css");
/* Theme customization starts here
-------------------------------------------------------------- */
* {
scroll-behavior: smooth;
}
.hide {
display: none;
}
.clear {
clear: both;
}
.orange_kontur p {
text-shadow:
-1px -1px 0 var(--global-palette7),
1px -1px 0 var(--global-palette7),
-1px 1px 0 var(--global-palette7),
1px 1px 0 var(--global-palette7) !important;
}
.footer-navigation ul {
flex-direction: column; /* Menüpunkte untereinander */
}
.abstandhalter .kt-block-spacer {
height: 135px;
}
@media screen and (max-width: 1024px) {
.abstandhalter .kt-block-spacer {
height: 120px;
}
}
@media screen and (max-width: 768px) {
.abstandhalter .kt-block-spacer {
height: 60px;
}
}
.coming-soon-blende,
.kb-section-has-overlay.coming-soon-blende {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 85px;
z-index: 300;
/* background-color: rgba(255, 255, 255, 0.8); */
background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 55%, rgba(255, 255, 255, 0) 100%);
}
.coming-soon-blende > div {
height: 100%;
}
.offer-txt-small em {
font-size: .8em;
font-style: normal;
}
.block-icon {
border-radius: 50%;
/* background-color: var(--global-palette9); */
background-color: var(--global-palette1);
padding: 1.5em;
margin-bottom: -.5em;
width: 80px;
height: 80px;
justify-content: center;
}
.block-icon .kb-svg-icon-wrap, .block-icon:hover .kb-svg-icon-wrap {
color: var(--global-palette9) !important;
width: 100%;
height: auto;
}
.hero-button-leiste {
position: relative;
left: 0;
width: 100%;
}
@media screen and (min-width: 1025px) {
.hero-button-leiste {
position: absolute;
bottom: 0;
}
.hero-start {
height: 100vh;
}
.block-icon {
width: 90px;
height: 90px;
}
}
@media screen and (max-width: 1024px) {
footer .site-footer-middle-section-1,
.site-footer-row-container-inner .site-footer-row.site-footer-row-columns-3.site-footer-row-tablet-column-layout-first-row>*:first-child { order: 2; grid-column: auto !important; }
footer .site-footer-middle-section-2 { order: 1; grid-column: 1 / -1; }
footer .site-footer-middle-section-3 { order: 3; }
}
.content-image, .content-image img {
height: 150%;
max-height: 85vh;
width: auto;
}
.kb-smc-content {
overflow: hidden;
max-height: 0;
transition: max-height 0.5s ease;
}
.kb-smc-open .kb-smc-content {
/* optional: für direkte CSS-Kontrolle */
}
.site-footer-section {
flex-direction: column;
}
.animated-bg {
width: 100%;
height: 100%;
background: linear-gradient(120deg,
rgb(70, 161, 58), /* Ursprungston */
rgb(95, 175, 72),
rgb(120, 190, 90)
);
/*
rgb(102, 187, 106),
rgb(129, 199, 132) */
background-size: 200% 200%;
animation: waveMotion 20s ease-in-out infinite;
}
@keyframes waveMotion {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
.animated-bg2 {
width: 100%;
height: 100%;
background: linear-gradient(120deg,
rgb(70, 161, 58), /* Sattes Grün */
rgb(100, 180, 100), /* Mittelgrün */
rgb(50, 120, 70) /* Dunklerer Grünton */
);
background-size: 400% 400%;
animation: gradientShift 30s ease infinite;
}
@keyframes gradientShift2 {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
.cube::after {
content: "";
width: 300px;
height: 425px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: block;
position: absolute;
margin-top: -300px;
opacity: 0.2;
}
.cube.rechts::after {
right: -92px;
transform: rotate(-32deg);
}
.hourglas::after, .hourglas2::after {
content: "";
width: 14vw;
height: 10vw;
background-image: url('data:image/svg+xml,');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: block;
position: absolute;
margin-top: -12vw;
left: 8vw;
opacity: 0.2;
transform: rotate(-42deg);
}
.hourglas2::after {
transform: rotate(42deg);
margin-top: -2vw;
left: auto;
right: 7vw;
}
@media screen and (max-width: 1024px) {
.hourglas2::after {
margin-top: -5vw;
}
}
@media screen and (max-width: 768px) {
.hourglas::after, .hourglas2::after {
width: 14vh;
height: 10vh;
}
.hourglas2::after {
margin-top: -25vw;
}
}
form .city {
position: absolute;
left: -1000px;
}
/* EVENTS - The Event Calendar */
/* Irgendwie werden die Listen komisch formatiert, mit ::marker als Listenzeichen und p als Text. Das führt zu einem ungewollten Zeilenumbruch, daher wird hier das p im li als inline deklariert */
.tribe_events li p {
display: inline;
}
#primary .tribe-events .tribe-common-b2, #primary .tribe-events .tribe-common-b3 {
color: var(--global-palette3) !important;
}
#primary .tribe-events .tribe-events-calendar-list__event-date-tag-weekday {
color: var(--global-palette2) !important;
}
#primary .tribe-events .tribe-events-calendar-list__event-title-link {
color: var(--global-palette2) !important;
}
#primary .tribe-events .datepicker .past:hover, #primary .tribe-common:hover {
color: var(--global-palette9) !important;
}
.single-tribe_events #primary .tribe-blocks-editor .tribe-events-event-meta {
background: none !important;
}
/* Umbruch erzwingen bei zu langen Links */
.single-tribe_events #primary .tribe-blocks-editor .tribe-events-event-meta a {
/* word-break: break-all; */
overflow-wrap: anywhere;
}
.single-tribe_events #primary .tribe-blocks-editor .tribe-events-event-meta {
padding: 0 !important;
}
.tribe-events-event-meta .column, .tribe-events-event-meta .tribe-events-meta-group {
float: left;
width: 50%;
margin: 0;
}
.tribe-events-event-meta .column, .tribe-events-event-meta .tribe-events-meta-group:nth-of-type(1) {
padding-right: 2% !important;
}
@media screen and (max-width: 768px) {
.tribe-events-event-meta .column, .tribe-events-event-meta .tribe-events-meta-group:nth-of-type(1) {
padding-right: 5% !important;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.tribe-events-event-meta .column, .tribe-events-event-meta .tribe-events-meta-group {
width: 100%;
margin: 0;
}
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea,
.kb-adv-form-field select option {
color: var(--global-palette3) !important;
}
span.tribe-events-schedule__time.tribe-events-schedule__time--end::after,
span.tribe-events-schedule__time.tribe-events-schedule__time--start::after,
.tribe-event-time::after,
.tribe-events-abbr.tribe-events-start-time.published.dtstart::after,
.tribe-event-date-end::after,
.tribe-event-date-start::after {
content: ' Uhr';
}
.hover-invert img {
transition: filter 0.3s ease; /* Sanfte Animation */
}
.hover-invert img {
filter: grayscale(100%);
}
/*
.tribe-events-event-meta .column, .tribe-events-event-meta .tribe-events-meta-group:nth-of-type(2) {
width: 66%;
} */