@charset "UTF-8";

/*
Theme Name: FDP (Twentytwentyfive Child-Theme)
Template: twentytwentyfive
Author: Agentur Herzstück GmbH
Author URI: https://www.agentur-herzstueck.de/
Description: WordPress Block-Theme für den Wahlkampf der FDP zur Kommunalwahl 2025 | Child-Theme von Twentytwentyfive
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 8.1
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fdp
*/

html,
body {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: balance;
}

p {
	text-wrap: unset;
}

@font-face {
    font-display: swap;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    src: url('assets/fonts/inter-v19-latin-300.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url('assets/fonts/inter-v19-latin-regular.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    src: url('assets/fonts/inter-v19-latin-500.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    src: url('assets/fonts/inter-v19-latin-600.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    src: url('assets/fonts/inter-v19-latin-700.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 800;
    src: url('assets/fonts/inter-v19-latin-800.woff2') format('woff2');
}

/** Splide carousel */

.wp-block-splide-carousel .splide__arrow {
    background: transparent;
    opacity: 1!important;
    border-radius: 0;
    top: 25%; 
}

.wp-block-splide-carousel .splide__arrow:disabled {
  opacity: 0!important;
}

.wp-block-splide-carousel .splide__arrow svg {
    fill: var(--wp--preset--color--magenta);
    width: 2rem;
    height: 2rem;
}

.circle {
  width: 4rem;
  height: 4rem;
  line-height: 1;
  border: 3px solid var(--wp--preset--color--black);
  border-radius: 50%;
  padding: var(--wp--preset--spacing--20);
  text-align: center;
  font-size: var(--wp--preset--font-size--large);
}