/*
Theme Name: testagi
Theme URI:
Author:
Author URI:
Description:
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: testagi
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
/*
* Link styles
* https://github.com/WordPress/gutenberg/issues/42319
*/
/*
* Link styles
* https://github.com/WordPress/gutenberg/issues/42319
*/
a {
text-decoration-thickness: 1px !important;
text-underline-offset: .1em;
}
/* Focus styles */
:where(.wp-site-blocks *:focus) {
outline-width: 1px;
outline-style: solid;
}
a:where(:not(.wp-element-button)) {
font-style: inherit !important;
}
/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
margin-bottom: 3px;
}
/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
outline-offset: 4px;
}
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content:hover {
text-decoration: none;
color: #0c4489;
}
/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
outline-offset: 0;
}
/*
* Progressive enhancement to reduce widows and orphans
* https://github.com/WordPress/gutenberg/issues/55190
*/
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
text-wrap: pretty;
}
.wp-block-post-content a,
.wp-block-post-navigation-link a {
text-decoration: none;
}
.wp-block-post-content a:hover,
.wp-block-post-navigation-link a:hover {
color: #0C4489;
}
@media (max-width:480px) {
main.wp-block-group {
padding-left: 0;
padding-right: 0;
}
}
.firstparagraph,
.firstparagraph strong {
font-weight: 600 !important;
}
@media (max-width:700px) {
.wp-singular .wp-block-post-content p,
.wp-singular .wp-block-post-content ul,
.wp-singular .wp-block-post-content ol,
.firstparagraph {
font-size: 18px;
}
}
@media (max-width:700px) {
.wp-singular .wp-block-post-content h2 {
font-size: 24px;
}
.wp-singular .wp-block-post-content h3 {
font-size: 21px;
}
}
.wp-block-search__button:hover {
background-color: transparent !important;
color: #038ad0 !important;
}
.wp-block-post-content .wp-block-query .wp-block-cover a:hover {
color: #fff;
}
.current-menu-item {
color: #0C4489 ;
}
footer .current-menu-item {
color: #ccc ;
}
.navtopbar
/*
* Change the position of the more block on the front, by making it a block level element.
* https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
display: block;
}
.wp-block-search__input {
border: 0 !important;
outline: 0;
}
.centervertically {
height: 100%;
}
.hauptmenue {
padding-left: 10px;
}
.hauptmenue li a {
font-weight: bold;
}
.maxwidth1400 {
max-width: 1500px;
width: 100%;
}
.linkboldnounderline a {
font-weight: bold;
text-decoration: none;
}
.hasfuckingarrow a {
text-decoration: none;
}
a.has-barlow-condensed-font-family {
font-family: var(--wp-preset--font-family--barlow-condensed) !important;
}
.wp-block-post-title a {text-decoration:none;}
.post-excerpt-link { display:block; text-decoration:none; }
.wp-block-post-excerpt .post-excerpt-link:hover, .titleexzerptcategoryheaderarchive .wp-block-post-title a {text-decoration:none; color: inherit;}
.wp-block-post-title a:hover:not(.wp-block-cover *) {
color: #0C4489;
text-decoration: none; /* falls das Theme unterstreicht */
}
.hasfoldericon::before {
content: "";
display: inline-block;
width: 15px;
height: 13.125px;
background: no-repeat center/contain url('data:image/svg+xml;utf8,');
margin-right: 6px; /* optional Abstand zum Text */
}
.foldericondark::before {
background: no-repeat center/contain url('data:image/svg+xml;utf8,');
}
.hasfuckingarrow a::after {
content: "";
display: inline-block;
width: 15px;
height: 13.125px;
background: no-repeat center/contain url('data:image/svg+xml;utf8,');
margin-left: 6px; /* optionaler Abstand */
margin-bottom: 7px;
}
.hasbluearrow a::after {
content: "\2192";
padding-left: 10px;
}
.is-style-ona-full-link a {
text-decoration: none;
font-weight: 400;
font-family: Barlow Semi Condensed;
}
.is-style-ona-full-link a::after{
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: "";
}
.is-style-ona-full-link div {
color: #fff;
}
/* //////////////////////////////////////////////////////////////////////////////////////////////// */
/* slider */
.sliderclass article {
min-height: 280px;
}
.sliderclass article h3.uagb-post__title {
position: absolute;
left: 0;
right: 0;
bottom: 40px;
}
.sliderclass article h3 a {
padding-top: 180px;
font-family: Barlow Semi Condensed;
display: block;
}
.sliderclass article h3 a::before{
content: "";
position: absolute;
left: 46%;
top: 50%;
transform: translateY(-50%);
width: 15px;
height: 12.857px;
background-repeat: no-repeat;
background-size: contain;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='12.857' viewBox='0 0 15 12.857'%3E%3Cpath d='M0,65.071A1.07,1.07,0,0,1,1.071,64H13.929a1.071,1.071,0,0,1,0,2.143H1.071A1.07,1.07,0,0,1,0,65.071Zm0,5.357a1.07,1.07,0,0,1,1.071-1.071H13.929a1.071,1.071,0,1,1,0,2.143H1.071A1.07,1.07,0,0,1,0,70.429Zm15,5.357a1.07,1.07,0,0,1-1.071,1.071H1.071a1.071,1.071,0,0,1,0-2.143H13.929A1.07,1.07,0,0,1,15,75.786Z' transform='translate(0 -64)' fill='%23fff'/%3E%3C/svg%3E");
}
.uagb-post__image-position-background .uagb-post__image img {
max-width: 100%;
object-fit: cover;
}
/* //////////////////////////////////////////////////////////////////////////////////////////////// */
/* Spezialthemen slider */
.spezialthemen a {
text-decoration: none;
}
.wp-block-post-content .spezialthemen a:hover {
color: #ccc;
}
.spezialthemen .wp-block-columns .wp-block-column .wp-block-cover .wp-block-group {
height: 200px;
width: 200px;
display: flex;
flex-direction: column;
justify-content: center;
}
@media (min-width:500px) and (max-width:1400px) {
.spezialthemen .wp-block-columns {
flex-wrap: wrap !important;
gap: 0;
justify-content: center;
}
.spezialthemen .wp-block-columns .wp-block-column {
flex-basis: 45% !important;
display: flex;
justify-content: center;
margin-bottom: 20px;
max-height: 250px;
flex-grow: 0;
}
.spezialthemen .wp-block-columns .wp-block-column:nth-child(1n) {
margin-right: 20px; /* oder margin-left, je nach Ausrichtung */
}
.spezialthemen .wp-block-columns .wp-block-column .wp-block-cover {
width: 100%;
}
}
@media (max-width:499px) {
.spezialthemen .wp-block-columns .wp-block-column .wp-block-cover {
aspect-ratio: unset !important;
padding: 20px !important;
max-height: 250px;
width: 100%;
}
}
/* //////////////////////////////////////////////////////////////////////////////////////////////// */
/* Vergleichsseiten slider */
.uagb-block-391fd4c8:not(.is-grid).uagb-post__items article {
min-height: 520px;
}
.uagb-block-391fd4c8 .uagb-post__inner-wrap .uagb-post__cta {
position: absolute;
left: 20px;
border-bottom: 1px dotted #fff;
bottom: 20px;
}
.uagb-block-391fd4c8 .uagb-post__inner-wrap .uagb-post__cta .uagb-text-link {
color: #fff;
background-color: transparent;
text-align: left;
padding: 0;
font-family: Barlow Semi Condensed;
font-weight: 400 !important;
}
.uagb-block-391fd4c8 .uagb-post__text.uagb-post__title {
text-align: left;
padding-left: 20px;
}
.uagb-block-391fd4c8 article h3 a::before {
content: "";
position: absolute;
left: 20px;
top: 50%;
transform: translateY(-50%);
width: 25px;
height: 25.857px;
background-repeat: no-repeat;
background-size: contain;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' d='M4 6h6l2 2h8v10c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V8c0-1.1.9-2 2-2z'/%3E%3C/svg%3E");
}
.uagb-block-391fd4c8 article h3 a::after {
content: "Finanzen";
position: absolute;
left: 50px;
top: 50%;
transform: translateY(-50%);
width: 125px;
font-weight: 500;
font-family: Barlow Semi Condensed;
font-weight: 400 !important;
}
.uagb-block-391fd4c8 .slick-arrow svg {
display: none;
}
.uagb-block-391fd4c8 .slick-prev:before {
content: '\e817';
font-family: 'Fontello';
font-size: 30px;
}
@media (min-width: 600px) {
.uagb-block-391fd4c8 .slick-next {
right: -35px !important;
}
}
.uagb-block-391fd4c8 .slick-next:before {
content: '\e816';
font-family: 'Fontello';
font-size: 30px;
}
/* //////////////////////////////////////////////////////////////////////////////////////////////// */
/* Logo */
@media (max-width:599px) {
.wp-block-site-logo {
display: inline-block;
}
.hauptmenuecontaineragitano {
text-align: right;
}
.hauptmenuecontaineragitano nav {
display: inline-block;
}
}
.entry-content .wp-block-heading {
padding: 20px 0 0;
}
.wp-block-group .wp-block-query .wp-block-cover .wp-block-post-excerpt,
.wp-block-group .wp-block-query .wp-block-cover h2 {
padding-right: 400px;
}
@media (max-width:1199px) {
.wp-block-group .wp-block-query .wp-block-cover .wp-block-post-excerpt,
.wp-block-group .wp-block-query .wp-block-cover h2 {
padding-right: 250px;
}
}
@media (max-width:799px) {
.wp-block-group .wp-block-query .wp-block-cover .wp-block-post-excerpt,
.wp-block-group .wp-block-query .wp-block-cover h2 {
padding-right: 20px;
}
}
/* //////////////////////////////////////////////////////////////////////////////////////////////// */
/* Archive */
.archive .archive-grid .wp-block-post-template{
display:grid;
grid-template-columns:1fr;
gap:28px;
}
@media (min-width:900px) {
.archive .archive-grid .wp-block-post-template {
grid-template-columns:repeat(3,minmax(0,1fr));
}
}
/* 1. Beitrag als Hero, OHNE absolute Positionierung */
.archive .archive-grid .wp-block-post-template > li:first-child {
grid-column:1 / -1;
display:grid; /* legt Overlay-Layer an */
grid-template-areas: "stack";
overflow:hidden;
}
.archive .archive-grid .wp-block-post-template > li:first-child a {
display: block;
color: #fff !important;
}
.archive .archive-grid .wp-block-post-template > li:first-child figure {
max-height: 800px;
width: 100%;
}
.archive .archive-grid .wp-block-post-template > li:first-child figure a:before {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: '';
background: #000;
opacity: 0.3;
}
.archive .archive-grid .wp-block-post-template > li:first-child figure a:after {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
content: '';
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, .92));
}
.archive .archive-grid .wp-block-post-template > li:first-child .titleexzerptcategoryheaderarchive {
position: absolute;
bottom: 20%;
left: 50px;
color: #fff;
}
.archive .archive-grid .wp-block-post-template > li:first-child .titleexzerptcategoryheaderarchive .taxonomy-category a,
.archive .archive-grid .wp-block-post-template > li:first-child .titleexzerptcategoryheaderarchive .taxonomy-category span,
.archive .archive-grid .wp-block-post-template > li:first-child .titleexzerptcategoryheaderarchive .wp-block-post-title {
color: #fff;
}
.archive .archive-grid .wp-block-post-template > li:first-child .titleexzerptcategoryheaderarchive .taxonomy-category a {
display: inline-block;
}
.archive .archive-grid .wp-block-post-template > li:first-child .titleexzerptcategoryheaderarchive .taxonomy-category::before {
background: no-repeat center/contain url('data:image/svg+xml;utf8,');
}
.archive .archive-grid .wp-block-post-template > li:first-child .wp-block-group.titleexzerptcategoryheaderarchive .wp-block-post-excerpt,
.archive .archive-grid .wp-block-post-template > li:first-child .wp-block-group.titleexzerptcategoryheaderarchive h2 {
padding-right: 400px;
}
@media (max-width:1199px) {
.archive .archive-grid .wp-block-post-template > li:first-child .wp-block-group.titleexzerptcategoryheaderarchive .wp-block-post-excerpt,
.archive .archive-grid .wp-block-post-template > li:first-child .wp-block-group.titleexzerptcategoryheaderarchive h2 {
padding-right: 250px;
}
}
@media (max-width:799px) {
.archive .archive-grid .wp-block-post-template > li:first-child .wp-block-group.titleexzerptcategoryheaderarchive .wp-block-post-excerpt,
.archive .archive-grid .wp-block-post-template > li:first-child .wp-block-group.titleexzerptcategoryheaderarchive h2 {
padding-right: 20px;
}
}
/* Bild-Layer */
.archive .archive-grid .wp-block-post-template > li:first-child .wp-block-post-featured-image{
margin:0;
}
.archive .archive-grid .wp-block-post-template > li:first-child
.wp-block-post-featured-image img{
width:100%;
display:block;
object-fit:cover;
}
/* Content-Layer (liegt oben, bleibt im Dokumentenfluss) */
.archive .archive-grid .wp-block-post-template > li:first-child .post-card__content{
grid-area:stack;
align-self:end;
padding: 0;
color:#fff;
z-index:2;
position: relative;
}
.archive .archive-grid .wp-block-post-template > li:first-child .wp-block-post-title{
font-size:clamp(26px,3.2vw,42px);
line-height:1.1;
margin:18px 0 0;
}
.archive .archive-grid .wp-block-post-template > li:first-child a{ color:inherit; }
@media screen and (max-width:700px){
.archive .archive-grid .wp-block-post-template > li:first-child .titleexzerptcategoryheaderarchive .wp-block-post-excerpt {
display: none;
}
}
/* //////////////////////////////////////////////////////////////////////////////////////////////// */
/* Slick */
button.slick-arrow:hover {
background-color: transparent !important;
}
.wp-site-blocks .uagb-post__arrow-outside.uagb-post-grid .slick-next {
right: -25px;
}
.wp-site-blocks .uagb-post__arrow-outside.uagb-post-grid .slick-prev {
left: -25px;
}
/* //////////////////////////////////////////////////////////////////////////////////////////////// */
/* alltagsfragen */
@media screen and (max-width:781px){
.alltagsfragenelement .wp-block-columns {
gap: 0;
}
.alltagsfragenelement .wp-block-columns .wp-block-column {
border-right: 0 !important;
padding-left: 0 !important;
}
.alltagsfragenelement .wp-block-columns .wp-block-column > .wp-block-group {
padding: 0 !important;
}
}
/* //////////////////////////////////////////////////////////////////////////////////////////////// */
/* FONTELLO */
@font-face {
font-family: 'fontello';
src: url('./assets/fonts/fontello.eot?3336469');
src: url('./assets/fonts/fontello.eot?3336469#iefix') format('embedded-opentype'),
url('./assets/fonts/fontello.woff2?3336469') format('woff2'),
url('./assets/fonts/fontello.woff?3336469') format('woff'),
url('./assets/fonts/fontello.ttf?3336469') format('truetype'),
url('./assets/fonts/fontello.svg?3336469#fontello') format('svg');
font-weight: normal;
font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'fontello';
src: url('../font/fontello.svg?3336469#fontello') format('svg');
}
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: never;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-left: .2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Font smoothing. That was taken from TWBS */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-gplus:before { content: '\e800'; } /* '' */
.icon-pinterest:before { content: '\e801'; } /* '' */
.icon-call:before { content: '\e802'; } /* '' */
.icon-xing:before { content: '\e803'; } /* '' */
.icon-youtube:before { content: '\e804'; } /* '' */
.icon-twitter:before { content: '\e805'; } /* '' */
.icon-rss:before { content: '\e806'; } /* '' */
.icon-linkedin:before { content: '\e807'; } /* '' */
.icon-facebook:before { content: '\e808'; } /* '' */
.icon-pencil:before { content: '\e809'; } /* '' */
.icon-clock:before { content: '\e80a'; } /* '' */
.icon-search:before { content: '\e80b'; } /* '' */
.icon-down-open:before { content: '\e80c'; } /* '' */
.icon-left-open:before { content: '\e80d'; } /* '' */
.icon-right-open:before { content: '\e80e'; } /* '' */
.icon-up-open:before { content: '\e80f'; } /* '' */
.icon-up-circled2:before { content: '\e810'; } /* '' */
.icon-down-circled2:before { content: '\e811'; } /* '' */
.icon-calendar:before { content: '\e812'; } /* '' */
.icon-stopwatch:before { content: '\e813'; } /* '' */
.icon-picture:before { content: '\e814'; } /* '' */
.icon-tags:before { content: '\e815'; } /* '' */
.icon-right-big:before { content: '\e816'; } /* '' */
.icon-left-big:before { content: '\e817'; } /* '' */
.icon-post:before { content: '\e82c'; } /* '' */
.icon-spin4:before { content: '\e834'; } /* '' */
.icon-mail-alt:before { content: '\f0e0'; } /* '' */
.icon-comment-empty:before { content: '\f0e5'; } /* '' */
.icon-chat-empty:before { content: '\f0e6'; } /* '' */
.icon-angle-left:before { content: '\f104'; } /* '' */
.icon-angle-right:before { content: '\f105'; } /* '' */
.icon-angle-up:before { content: '\f106'; } /* '' */
.icon-angle-down:before { content: '\f107'; } /* '' */
.icon-right-circled2:before { content: '\f18e'; } /* '' */
.icon-left-circled2:before { content: '\f190'; } /* '' */
.icon-whatsapp:before { content: '\f232'; } /* '' */
.icon-instagram:before { content: '\f32d'; } /* '' */
/* //////////////////////////////////////////////////////////////////////////////////////////////// */
/* Posts */
@media screen and (max-width: 781px) {
.rightentrycontent {
border: 0 !important;
padding-left: 0 !important;
}
.metainfospost .wp-block-column:first-child,
.metainfospost .wp-block-column:nth-child(2) {
display: none !important;
}
}
.wp-singular main .taxonomy-category a {
text-decoration: none;
}
.amazonbusinessbild {
background-color: #273C8E;
}
/* //////////////////////////////////////////////////////////////////////////////////////////////// */
/* Related Posts */
/* Abschnitt */
.agi-related{
--gap: 2.25rem; /* Abstand zwischen Karten */
--cols: 2; /* Spaltenzahl (unter 900px auf 1) */
margin: 2rem 0 1rem;
}
.agi-related__title{
text-align:center; font-weight:600;
font-size: clamp(1.25rem, 1.6vw, 1.6rem);
margin: 0 0 1.25rem;
}
/* Flex-Grid */
.agi-related__grid {
display:flex;
flex-wrap: wrap;
gap: var(--gap);
}
.agi-related__grid *{ box-sizing: border-box; }
/* Karte */
.agi-related__item{
display:flex; flex-direction:column; gap:.85rem;
min-width:0; /* verhindert Umbruch/Überlauf durch lange Titel */
flex: 0 0 calc( (100% - (var(--cols) - 1) * var(--gap)) / var(--cols) );
max-width: calc( (100% - (var(--cols) - 1) * var(--gap)) / var(--cols) );
}
/* 1 Spalte mobil */
@media (max-width: 900px){
.agi-related{ --cols:1; }
}
/* Einheitliche Bildhöhe/Format */
.agi-related__thumb{ display:block; }
.agi-related__thumb-inner{
position:relative; width:100%;
aspect-ratio: 16 / 9; /* 16:9; ändere z.B. auf 3/2 falls gewünscht */
overflow:hidden; border-radius:4px;
}
.agi-related__thumb-inner img{
position:absolute; inset:0;
width:100%; height:100%;
display:block; object-fit:cover;
}
/* Meta / Typo */
.agi-related__meta{
color: #038AD0;
font-size:.95rem; opacity:.85;
display: none;
}
.post-template-default .agi-related__meta{
display: block;
}
.agi-related__meta-item a,
.agi-related__meta {
text-decoration: none;
color: #0c4489;
}
.agi-related__icon{ opacity:.7; }
.agi-related__heading{ font-size: 1.4em;margin:.25rem 0 .25rem; line-height:1.25; }
.agi-related__heading a{ text-decoration:none; color: rgb(45, 55, 70);}
.agi-related__excerpt{ margin:0; line-height:1.6; font-size: .9em;}
.agi-related__item p:not(.agi-related__excerpt) {display: none;}
/* //////////////////////////////////////////////////////////////////////////////////////////////// */
/* Seitenzahlnavi */
/* === Query-Pagination hübscher machen (TT25/FSE) === */
.alignwide .wp-block-query-pagination{
display:flex;
align-items:center;
justify-content:space-between; /* lässt Zahlen links, Next rechts */
gap:1rem;
flex-wrap:wrap;
padding:0.5rem 0;
border-top:1px solid color-mix(in oklab, currentColor 15%, transparent);
}
/* Zahlenreihe als „Pills“ */
.wp-block-query-pagination-numbers{
display:flex;
align-items:center;
gap:.35rem;
}
/* Grundstil für Zahlen-Links + Current */
.wp-block-query-pagination-numbers .page-numbers{
--pill-size: 2.25rem;
--pill-border: color-mix(in oklab, currentColor 18%, transparent);
display:inline-flex;
justify-content:center;
align-items:center;
min-width:var(--pill-size);
height:var(--pill-size);
padding:0 .65rem;
border:1px solid var(--pill-border);
border-radius:999px;
text-decoration:none;
font-weight:600;
line-height:1;
transition:transform .12s ease, background-color .12s ease, border-color .12s ease;
}
/* Hover/Fokus */
.wp-block-query-pagination-numbers a.page-numbers:hover{
transform:translateY(-1px);
background:color-mix(in oklab, currentColor 8%, transparent);
}
.wp-block-query-pagination-numbers a.page-numbers:focus{
outline:2px solid color-mix(in oklab, currentColor 40%, transparent);
outline-offset:2px;
}
/* Aktive Seite */
.wp-block-query-pagination-numbers .page-numbers.current{
border-color: #038ad0;
}
/* Auslassungszeichen „…“ neutral */
.wp-block-query-pagination-numbers .dots{
border:none;
background:transparent;
padding:0 .25rem;
min-width:auto;
height:auto;
color: color-mix(in oklab, currentColor 60%, transparent);
}
/* Vorherige/Nächste als Buttons */
.wp-block-query-pagination-previous,
.wp-block-query-pagination-next{
--btn-border: color-mix(in oklab, currentColor 18%, transparent);
display:inline-flex;
align-items:center;
gap:.5rem;
padding:.6rem .9rem;
border:1px solid var(--btn-border);
border-radius:999px;
text-decoration:none;
font-weight:600;
line-height:1.1;
transition:background-color .12s ease, transform .12s ease, border-color .12s ease;
}
.wp-block-query-pagination-previous:hover,
.wp-block-query-pagination-next:hover{
transform:translateY(-1px);
background:color-mix(in oklab, currentColor 8%, transparent);
}
.wp-block-query-pagination-previous:focus,
.wp-block-query-pagination-next:focus{
outline:2px solid color-mix(in oklab, currentColor 40%, transparent);
outline-offset:2px;
}
/* Pfeile etwas separieren */
.wp-block-query-pagination-next .wp-block-query-pagination-next-arrow{ margin-left:.2rem; }
.wp-block-query-pagination-previous .wp-block-query-pagination-previous-arrow{ margin-right:.2rem; }
/* Wenn es KEIN „Vorherige Seite“ gibt (Seite 1), die Zahlenreihe leicht nach links puffern */
.alignwide .wp-block-query-pagination:not(:has(.wp-block-query-pagination-previous))
.wp-block-query-pagination-numbers{ margin-left:.1rem; }
/* Responsive: zentrierte Zahlenreihe, Prev/Nächste umbrechen */
@media (max-width:700px){
.alignwide .wp-block-query-pagination{
gap:.75rem;
}
.wp-block-query-pagination-numbers{ order:2; width:100%; justify-content:center; }
.wp-block-query-pagination-previous,
.wp-block-query-pagination-next{ order:1; }
}
/* Optional: respektiert „prefers-reduced-motion“ */
@media (prefers-reduced-motion: reduce){
.wp-block-query-pagination *{ transition:none !important; }
}
/* //////////////////////////////////////////////////////////////////////////////////////////////// */
/* Startseite Newsletter */
.frontpagenewsletter .gform_wrapper form .gform-body .ginput_container_consent label {
font-size: .8em;
}
.frontpagenewsletter .gform_wrapper form .gform-footer {
}
.frontpagenewsletter .gform_wrapper form .gfield--type-email input {
padding: 16px;
font-family: Barlow;
}
/* //////////////////////////////////////////////////////////////////////////////////////////////// */
/* Customizer CSS */
.heroblock article a {
text-decoration-color: #000 !important;
}
select {
border-color: #e1e1e3;
background-color: white;
}
select option {
background-color: white;
padding: 10px;
color: #000;
}
/* Form on LP Template */
.wp-block-group.has-background.unpaddedfrom {
padding-top: 10px;
padding-bottom: 1px;
}
.wp-block-group.has-background.unpaddedfrom form {
margin-top: 10px;
margin-bottom: 1px;
}
/* Icon List Größe */
.uagb-icon-list__source-wrap {
flex-grow: 0;
flex-shrink: 0;
}
/* TK Menüs on mobile */
.onlyonmobile {
display: none !important;
}
@media screen and (max-width: 999px) {
.onlyonmobile {
display: block !important;
}
}
/* Abstand Header on mobile */
@media screen and (max-width: 999px) {
#site-header {
margin-bottom: 20px;
padding-bottom: 20px;
}
}
@media (min-width: 1000px) {
#site-content {
padding-bottom: 50px;
}
}
@media (min-width: 970px) {
.posts_sidebar_container {
padding: 10px;
}
}
/* Ul Check Icon */
ul.checkunorderedlist {
list-style: none;
padding: 0;
}
ul.checkunorderedlist li {
padding-left: 1.3em;
list-style: none;
}
ul.checkunorderedlist li:before {
content: "\f18e";
font-family: Fontello;
color: #00a0e6;
display: inline-block;
margin-left: -1.3em; /* same as padding-left set on li */
width: 1.3em; /* same as padding-left set on li */
}
.videos-template-default .entry-content .wp-block-embed {
margin-top: 0;
}
.thirstylink {
position: relative;
}
.thirstylink::after {
content: '*';
}
.uagb-buttons-repeater.thirstylink::after {
content: '*';
position: absolute;
right: 4px;
top: 5px;
}
.uagb-marketing-btn__link.thirstylink {
position: relative;
}
.uagb-button__link {
display: inline-block;
text-align: center;
}
.uagb-marketing-btn__link.thirstylink::after {
position: absolute;
right: 8px;
color: #fff;
top: 5px;
}
.wp-block-button__link:hover {
text-decoration: none !important;
}
/* Neue TK Seiten */
.noimagemargins {
margin-bottom: 10px;
margin-top: 10px;
}
.fucknewcolumnscss {
flex-wrap: wrap !important;
gap: 1em;
}
.wp-block-columns.fucknewcolumnscss .wp-block-column {
flex-basis: 140px !important;
}
.boxshadow a {
box-shadow: 1px 1px 6px #ccc;
padding: 20px 40px !important;
padding-right: 100px !important;
}
.boxshadow a svg {
position: absolute;
right: 20px;
top: 30px;
}
.boxshadow a p {
margin-top: 10px !important;
}
.nospaceabive {
padding-top: 0 !important;
}
.nospaceabive .uagb-block-b744c8ea {
padding-top: 0 !important;
}
.no-marginbottom {
margin-bottom: 0 !important;
}
.simpleborder {
box-shadow: 1px 1px 6px #ccc;
padding: 5px;
height: 100%;
}
@media (max-width: 767px) {
.hideonmobile {
background-image: none !important;
}
}
@media (max-width: 1377px) {
.wp-block-columns.fucknewcolumnscss .wp-block-column {
flex-basis: 25% !important;
max-width: 200px ;
}
}
@media (max-width: 500px) {
.wp-block-columns.fucknewcolumnscss .wp-block-column {
flex-basis: 50% !important;
max-width: 150px;
}
.boxshadow a svg {
display: none;
}
.boxshadow a {
padding: 20px 20px !important;
}
}
@media (max-width: 400px) {
.wp-block-columns.fucknewcolumnscss .wp-block-column {
flex-basis: 100% !important;
max-width: none;
}
}
.tkheaderblock {
background-color: #273C8E;
}
.tkheaderblock p,
.tkheaderblock h1 {
color: #fff;
}
.tkheaderblock .uagb-toc__list-wrap ol.uagb-toc__list li {
background-color: #fff;
margin-bottom: 2px;
padding-left: 5px;
}
.tkheaderblock p {
line-height:1.2
}
.tkheaderblock p,
.tkheaderblock h1 {
margin: 0;
}
.tkheaderblock .uagb-toc__list-wrap ol li a {
text-decoration: none !important;
}
.tkheaderblock .uagb-toc__list-wrap ol li {
padding-top: 2px;
}
.blockbuttons .uagb-buttons__outer-wrap .uagb-buttons__wrap {
display: block;
text-align: center;
}
.wp-block-uagb-buttons .uagb-buttons__wrap .uagb-buttons__outer-wrap .uagb-button__wrapper .uagb-buttons-repeater:hover .uagb-button__link {
color: #fff;
}
.marketingbuttonnew .uagb-marketing-btn__prefix {
font-weight: 400 !important;
}
.morepadding {
padding: 8px;
}
.dottedborder {
border-top: dotted .3em;
text-decoration: none;
border-bottom: 0;
background-color: transparent !important;
}
.wp-block-uagb-table-of-contents .uagb-toc__list-wrap li:hover::marker {
color: #273C8E;
}
.wp-block-uagb-table-of-contents .uagb-toc__list-wrap .uagb-toc__list li:hover a {
color: #273C8E;
transition: all .3s;
}
.wp-block-button__link, button {
transition: all .3s;
}
.wp-block-button__link:hover, button:hover {
background-color: #273C8E !important;
text-decoration: none !important;
color: #fff !important;
}
footer nav a:hover {
text-decoration: none;
color: #ccc !important;
}
.bottombar nav a:hover {
text-decoration: none;
color: #273C8E !important;
}
/* FAQ */
.schema-faq-section {
border-bottom: 1px solid #ddd;
padding: 10px 0;
}
.schema-faq-question {
display: block;
cursor: pointer;
font-weight: 600 !important;
transition: color 0.3s;
}
.schema-faq-question strong {
font-weight: 600 !important;
}
.schema-faq-question:hover {
color: #0C4489;
}
.schema-faq-answer {
display: none;
margin-top: 8px;
color: #333;
}
.schema-faq-section.active .schema-faq-answer {
display: block;
}
.schema-faq-section.active .schema-faq-question::after {
content: "−";
float: right;
}
.schema-faq-question::after {
content: "+";
float: right;
}
.schema-faq-answer[hidden]{display:none;}
.schema-faq-section .schema-faq-answer{display:none;}
.schema-faq-section.active .schema-faq-answer{display:block;}
/* //////////////////////////////////////////////////////////////////////////////////////////////// */
/* Hauptnavi */
@media (min-width: 600px){
header .wp-block-navigation__responsive-container {
width: 100%;
background-color: #f5f5f5;
}
header .wp-block-navigation__responsive-container-content {
padding: 0;
margin: 0;
}
/* Hauptliste - horizontales Layout */
header .wp-block-navigation__container {
display: flex;
justify-content: space-between;
align-items: stretch;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
gap:5px;
}
/* Einzelne Navigationselemente */
header .wp-block-navigation-item {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
padding: 0;
}
/* Links in der Navigation */
header .wp-block-navigation-item__content {
display: block;
width: 100%;
padding: 15px 20px;
text-align: center;
text-decoration: none;
color: #333;
font-size: 14px;
font-weight: 500;
background-color: #e8e8e8;
transition: background-color 0.2s ease;
}
/* Letztes Element ohne rechten Border */
header .wp-block-navigation-item:last-child .wp-block-navigation-item__content {
border-right: none;
}
/* Hover-Effekt */
header .wp-block-navigation-item__content:hover {
background-color: #0c4489;
color: #fff !important;
}
/* Label im Link */
header .wp-block-navigation-item__label {
display: inline-block;
font-family: Arial, sans-serif;
}
/* Responsive: Menü-Button */
header .wp-block-navigation__responsive-container-close {
display: none;
padding: 10px;
background: none;
border: none;
cursor: pointer;
}
/* Aktives Element (falls vorhanden) */
header .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content,
header .wp-block-navigation-item__content[aria-current="page"] {
background-color: #fff;
color: #000;
font-weight: 600;
}
header .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content:hover,
header .wp-block-navigation-item__content[aria-current="page"]:hover {
background-color: #fff;
color: #0c4489 !important;
font-weight: 600;
}
}
/* //////////////////////////////////////////////////////////////////////////////////////////////// */
/* Icon List statische Seiten */
.customiconlist .wp-block-uagb-icon-list-child.wp-block-uagb-icon-list-child.wp-block-uagb-icon-list-child {
background: #fff;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.5);
width: 100%;
font-family: Barlow Condensed;
}
.customiconlist .wp-block-uagb-icon-list-child.wp-block-uagb-icon-list-child.wp-block-uagb-icon-list-child:has(a) .uagb-icon-list__label {
color: #038ad0;
}
.customiconlist .wp-block-uagb-icon-list-child.wp-block-uagb-icon-list-child.wp-block-uagb-icon-list-child:has(a):hover .uagb-icon-list__label {
color: #0c4489;
}
/* //////////////////////////////////////////////////////////////////////////////////////////////// */
/* Drei Slider */
.dreislider {
max-width: 90%;
}
.dreislider .swiper-content {
min-height: 400px;
display: flex;
justify-content: end;
flex-direction: column;
}
.dreislider .uagb-swiper {
padding: 0 50px;
}
.dreislider .swiper-button-next,
.dreislider .swiper-button-prev {
background: transparent !important;
}
.dreislider .swiper-button-next:focus,
.dreislider .swiper-button-prev:focus {
outline: none !important;
}
.dreislider .swiper-button-next {
right: -40px !important;
}
.dreislider .swiper-button-prev {
left: -40px !important;
}
.dreislider .swiper-button-next:after {
font-family: Fontello !important;
content: '\e816' !important;
font-size: 30px !important;
}
.dreislider .swiper-button-prev:after {
font-family: Fontello !important;
content: '\e817' !important;
font-size: 30px !important;
}
.dreislider .swiper-content a {
border-bottom: 1px dotted #fff;
background-color: transparent;
text-align: left;
padding: 0;
font-family: Barlow Semi Condensed;
font-weight: 400 !important;
}
/* //////////////////////////////////////////////////////////////////////////////////////////////// */
/* Drei Slider */
.viererslider {
max-width: 90%;
}
.viererslider .swiper-content {
min-height: 300px;
display: flex;
justify-content: end;
flex-direction: column;
}
.viererslider .uagb-swiper {
padding: 0 50px;
}
.viererslider .swiper-button-next,
.viererslider .swiper-button-prev {
background: transparent !important;
}
.viererslider .swiper-button-next:focus,
.viererslider .swiper-button-prev:focus {
outline: none !important;
}
.viererslider .swiper-button-next {
right: -40px !important;
}
.viererslider .swiper-button-prev {
left: -40px !important;
}
.viererslider .swiper-button-next:after {
font-family: Fontello !important;
content: '\e80e' !important;
font-size: 30px !important;
}
.viererslider .swiper-button-prev:after {
font-family: Fontello !important;
content: '\e80d' !important;
font-size: 30px !important;
}
.viererslider .swiper-content a {
border-bottom: 1px dotted #fff;
background-color: transparent;
text-align: left;
padding: 0;
font-family: Barlow Semi Condensed;
font-weight: 400 !important;
}
.calltoactionbanner .rowimagefullheight figure,
.calltoactionbanner .rowimagefullheight figure img {
height: 100%;
}
.calltoactionbanner .wp-block-buttons > .wp-block-button a:hover {
background-color: #038ad0 !important;
}