/*
Theme Name: 2024 - scriptplus. Child of Twentytwentyfour
Theme URI: https://wordpress.org/themes/twentytwentyfour/
Template: twentytwentyfour
Author: FrauKrafft
Author URI: https://fraukrafft.de
Description: Modifications for scriptplus GmbH based on Twenty Twenty-Four.
Version: 1.0
Updated: 2023-11-22 12:47:37

*/

/* Beispiel für die Verwendung von Variable Fonts mit Gewicht 400 und 600 für den gesamten Text */
 @font-face {
    font-family: 'Cairo';
    src: url('assets/fonts/Cairo/static/Cairo-Regular.ttf') format('truetype');
    font-weight: 400; /* Gewicht der Schrift */
    font-stretch: 100%; /* Breite der Schrift */
}
@font-face {
    font-family: 'Cairo';
    src: url('assets/fonts/Cairo/static/Cairo-Medium.ttf') format('truetype');
    font-weight: 600; /* Gewicht der Schrift */
    font-stretch: 100%; /* Breite der Schrift */
}
@font-face {
    font-family: 'Cairo';
    src: url('assets/fonts/Cairo/static/Cairo-Black.ttf') format('truetype');
    font-weight: 900; /* Gewicht der Schrift */
    font-stretch: 100%; /* Breite der Schrift */
}


/* Styling für head-links */
h3 > a:link {
    outline-color: transparent;    
    background-color: none;
    text-decoration: none;
    position: relative;
    transition: all 0.3s ease; /* Übergang für Farben */
}

h3 > a:hover {
    color: var(--wp--preset--color--contrast-3);
    text-decoration: underline 3px solid;
    text-decoration-color: var(--wp--preset--color-contrast-2);
}

/* sticky header */
 .wp-block-template-part {
    top: calc(0px + var(--wp-admin--admin-bar--position-offset, 0px));
    position: sticky;
    z-index: 10; 
    background: var(--wp--preset--color--base-2);
}


.dotted-div {
    background-image: radial-gradient(#e8e9ea 2px,transparent 0);
    background-size: 12px 12px;
}


/* CSS für Button-Animationen */
* .wp-element-button, .wp-block-button__link, .wp {
    transition: all 0.3s ease; /* Übergang für die Farben */
}