html {
font-size: 62.5%;
}
:root {
--base-font-family: 'ProximaNova-Regular';
--secondary-font-family: 'CA AiresPro'; --global--color-background: #000;
--global--font-size-base: 2rem;
--heading--font-size-h4: 2.2rem;
--heading--font-size-h5: 2rem;
--heading--font-family: var(--secondary-font-family);
--heading--font-weight: normal;
--heading--font-size-h1: 64px;
--heading--font-size-h2: 30px;
--heading--font-size-h3: 24px;
--heading--line-height-h1: 1.156em;
--global--font-size-page-title: 64px; --base-text-color-dark: #2B2B2A;
--content-width-8-col: 730px;
--content-width-9-col: 830px;
--content-width-10-col: 930px;
--main-color-zero: #FFFFFF;
--main-color-one: #007A8B;
--main-color-two: #A51D71;
--main-color-three: #E3A63D;
--main-color-four: #9DB347;
--main-color-five: #FAFAFA;
--main-color-six: #96CDE1;
--gutter: 15px;
--box-gutter: 20px;
--body-gutter-l: 24px;
--gap-xl: 90px;
--gap-l: 60px;
--gap-m: 30px;
--responsive--alignwide-width: 1130px;
--responsive--aligndefault-width: 1130px;
--button--font-family: 'ProximaNova-Regular';
} @font-face {
font-family: 'ProximaNova-Regular';
src: url(//blog.kulturmachtschule.ch/wp-content/themes/twentytwentyone-child/Fonts/agpn-bold.otf);
font-weight: bold;
}
@font-face {
font-family: 'ProximaNova-Regular';
src: url(//blog.kulturmachtschule.ch/wp-content/themes/twentytwentyone-child/Fonts/agpn-semibold.otf);
font-weight: 600;
}
@font-face {
font-family: 'ProximaNova-Regular';
src: url(//blog.kulturmachtschule.ch/wp-content/themes/twentytwentyone-child/Fonts/agpn-regular.otf);
font-weight: normal;
}
@font-face {
font-family: 'CA AiresPro';
src: url(//blog.kulturmachtschule.ch/wp-content/themes/twentytwentyone-child/Fonts/CA_Aires_Pro/Cape-Arcona-CAAiresPro-Regular.otf);
font-weight: normal;
}
@font-face {
font-family: 'CA AiresPro';
src: url(//blog.kulturmachtschule.ch/wp-content/themes/twentytwentyone-child/Fonts/CA_Aires_Pro/Cape-Arcona-CAAiresPro-Italic.otf);
font-weight: normal;
font-style: italic;
} .site-main {
padding-bottom: 0;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, .site textarea:focus,
.site .button:focus, button:focus, input[type="submit"]:focus, input[type="reset"]:focus, .wp-block-search .wp-block-search__button:focus, .wp-block-button .wp-block-button__link:focus, .wp-block-file a.wp-block-file__button:focus {
outline: 0;
}
.wp-block-gallery.columns-2 .blocks-gallery-item {
width: calc(50% - 1em);
}
.margin-bottom-0 {
margin-bottom: 0 !important;
}
.margin-bottom-0 + * {
margin-top: 0 !important;
}
.post-thumbnail > * {
margin-bottom: 0;
}
.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
background: transparent;
}
figcaption, .wp-caption, .wp-caption-text, .wp-block-embed figcaption {
margin-top: 0;
text-align: left;
font-size: .7em;
}
.widget h1 {
font-size: var(--heading--font-size-h1);
letter-spacing: var(--heading--letter-spacing-h1);
line-height: var(--heading--line-height-h1);
font-weight: var(--heading--font-weight);
} .page .header {
box-shadow: none;
}
.header-youtube-link.header__control-link {
padding-right: 10px;
}
.header-youtube-link img {
margin-left: calc(var(--gutter) / 2);
max-width: 34px;
margin-top: -4px;
}
@media (min-width: 1025px) {
.custom-logo {
max-width: 259px;
transition: max-width .2s;
}
.header--condensed .custom-logo {
max-width: 150px;
}
}
@media (max-width: 1024px) {
.custom-logo {
max-width: 150px;
transition: max-width .2s;
}
.header--condensed .custom-logo {
max-width: 130px;
}
.header-youtube-link {
display: none;
}
}
.entry-text,
.text-align-center {
text-align: center;
}
.text-align-right {
text-align: right;
}
.flex-auto-flow {
display: flex;
}
.flex-auto-flow > * {
flex: auto;
}
.flex-6 {
flex: 6;
}
.flex-auto-flow.h-centered > * {
display: flex;
justify-content: center;
}
.v-bottom {
align-items: end;
}
.bg-selection-one {
background-color: var(--main-color-five);
}
.bg-selection-two {
background-color: var(--main-color-six);
}
.content-box {
padding: clamp(15px, 3vw, var(--gap-xl));
}
.content-box-small {
padding: clamp(15px, 3vw, var(--gap-l));
}
.dark-text-color * {
color: var(--base-text-color-dark);
}
.content-8-col {
max-width: var(--content-width-8-col);
margin-left: auto;
margin-right: auto;
}
.content-9-col {
max-width: var(--content-width-9-col);
margin-left: auto;
margin-right: auto;
}
.content-10-col {
max-width: var(--content-width-10-col);
margin-left: auto;
margin-right: auto;
}
p.lead {
font-size: 2.4rem;
line-height: 1.333em;
}
.lead > p {
font-size: 2.4rem;
line-height: 1.583em;
}
.grid-waterfall {
display: grid;
grid-gap: clamp(30px, 6.248vw, var(--gap-xl)) clamp(30px, 4.285vw, var(--gap-l));
}
@media (min-width: 1025px) {
.grid-waterfall {
grid-template-columns: repeat(2, 1fr);
}
.grid-waterfall.first-el-fullwidth > *:first-child > div.article-image {
--big-image-dimension: 700px;
flex: 10;
object-fit: cover;
height: 100%;
max-width: var(--big-image-dimension);
min-height: var(--big-image-dimension);
}
.grid-waterfall.first-el-fullwidth > *:first-child > div.article-image + .article-text {
flex: 2;
}
.grid-waterfall.first-el-fullwidth > *:first-child > div.article-image {
position: relative;
}
.grid-waterfall.first-el-fullwidth > *:first-child > div.article-image img {
position: absolute;
object-fit: cover;
height: 100% !important;
}
}
.grid-waterfall.first-el-fullwidth > *:first-child {
grid-column: 1 / -1;
display: flex;
justify-content: center;
}
@media (max-width: 1024px) {
.grid-waterfall.first-el-fullwidth > *:first-child {
flex-flow: column;
}
}
.pos-relative {
position: relative;
}
.widget_footer {
max-width: 500px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.widget_footer img {
width: 215px !important;
}
.widget_footer .widget-title {
font-size: var(--global--font-size-base);
font-weight: normal;
font-family: var(--base-font-family);
margin-bottom: var(--box-gutter);
}
.sharebutton,
.custom-button {
border-radius: 50px;
background: transparent;
color: #fff;
cursor: pointer;
transition: background .2s, color .2s;
border: 1px solid #fff;
text-decoration: none;
padding: 11px 20px;
font-weight: bold;
font-size: var(--global--font-size-base);
}
.back-link span::before {
vertical-align: middle;
margin-right: calc(var(--gutter) / 2);
font-size: .7em;
}
.custom-button:hover,
.custom-button:focus,
.custom-button:active {
background: #fff;
color: var(--category-theme-color);
filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
.share-button-wrapper .shariff .shariff-buttons.theme-round li,
.share-button-wrapper .shariff .theme-round a {
all: unset;
background: transparent !important;
display: block;
width: auto !important; }
.share-button-wrapper .shariff .theme-round a {
cursor: pointer;
display: table !important; }
.share-button-wrapper .shariff .theme-round a > * {
display: table-cell;
vertical-align: middle;
}
.sharebutton {
background: transparent;
color: #fff;
transition: color .2s, background .2s;
}
.sharebutton:focus,
.sharebutton:hover,
.sharebutton.active,
.sharebutton:active {
color: var(--category-theme-color);
background: #fff;
filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
.sharebutton span:before {
vertical-align: middle;
margin-left: calc(var(--gutter) / 2);
}
.share-button-wrapper .shariff ul {
display: block;
}
.share-button-wrapper {
display: none;
background: #fff;
width: min-content;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
border-radius: 26px;
padding: 10px;
margin-top: 15px;
position: absolute;
z-index: 200;
right: 0;
}
.single-post .share-button-wrapper {
right: unset;
left: 50%;
transform: translateX(-50%);
}
.share-button-wrapper .shariff .theme-round .shariff-icon svg path {
fill: var(--category-theme-color);
transition: fill .2s;
}
.share-button-wrapper .shariff .theme-round a:hover .shariff-icon svg path,
.share-button-wrapper .shariff .theme-round a:focus .shariff-icon svg path,
.share-button-wrapper .shariff .theme-round a:active .shariff-icon svg path {
fill: var(--base-text-color-dark);
}
.shariff-button a:hover::after {
color: var(--base-text-color-dark);
}
.shariff-button a::after {
color: var(--category-theme-color);
font-size: .750em;
display: table-cell;
vertical-align: middle;
padding-left: 7px;
transition: color .2s;
}
.shariff-button.mailto a::after {
content: 'E-Mail';
}
.shariff-button.facebook a::after {
content: 'Facebook';
}
.shariff-button.linkedin a::after {
content: 'LinkedIn';
}
.shariff-button.twitter a::after {
content: 'Twitter';
}
[rel="category"] {
text-transform: uppercase;
}
.single .site-main {
padding-top: 0;
}
.single-post {
padding-top: var(--global--spacing-vertical)
}
p + .wp-block-buttons {
margin-top: var(--gap-l);
} .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active) {
border-radius: 50px;
padding: 7px 15px;
-webkit-transition: -webkit-filter .2s;
transition: -webkit-filter .2s;
-o-transition: filter .2s;
transition: filter .2s;
}
.single-post .wp-block-button__link {
font-weight: bold;
}
.single-post .wp-block-button__link::before {
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;
vertical-align: bottom;
font-size: 3rem;
margin-right: 10px;
content: '\e90a';
}
.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) {
background-color: var(--category-theme-color);
}
.wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) {
color: #fff;
}
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link:active {
border-color: var(--category-theme-color) !important;
background-color: var(--category-theme-color) !important;
color: #fff !important;
border-radius: 50px;
padding: 7px 15px;
filter: brightness(85%);
-webkit-transition: -webkit-filter .2s;
transition: -webkit-filter .2s;
-o-transition: filter .2s;
transition: filter .2s;
}
@media (max-width: 480px) {
.header__control--youtube {
display: none !important;
}
}
.big_shadow_button {
display: inline-block;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
background: #fff;
border: 1px solid var(--main-color-one);
color: var(--main-color-one) !important;
font-weight: bold;
font-size: var(--global--font-size-base);
transition: color .2s, background .2s, border-color .2s;
margin-top: var(--gap-l);
padding: 1.05em 1.3em;
border-radius: 70px;
}
.big_shadow_button:hover {
background: var(--main-color-one);
color: #fff !important;
border-color: #fff;
}
.base-space-bottom {
margin-bottom: var(--gap-l);
}
.base-space-bottom-m {
margin-bottom: var(--gap-m);
}
.icon-arrow_ext::before {
font-size: 2.9rem;
vertical-align: middle;
margin-left: 15px;
}
@media (max-width: 991px) {
:root {
--global--font-size-page-title: 45px;
}
.site-main .filter-wrapper {
margin-top: 10px;
}
#custom_html-2 {
padding: 0 clamp(30px, 6.78vw, var(--gap-xl));
}
}
body.page .site-content {
border-left: var(--gutter) solid transparent;
border-right: var(--gutter) solid transparent;
padding-bottom: 50px;
}
.is-dark-theme .wp-block-image figcaption {
color: var(--base-text-color-dark);
font-size: 15px;
}
.wp-block-quote::before {
content: "";
}
.is-dark-theme .site .author-info a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
color: inherit;
text-decoration: underline;
}
.display-flex-space-between {
display: flex;
justify-content: space-between;
}