/* josefin-sans-300 - latin */
@font-face {
    font-family: 'Josefin Sans';
    font-style: normal;
    font-weight: 300;
    src: local(''),
        url('fonts/josefin-sans-v25-latin-300.woff2') format('woff2'),
        /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('fonts/josefin-sans-v25-latin-300.woff') format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* josefin-sans-regular - latin */
@font-face {
    font-family: 'Josefin Sans';
    font-style: normal;
    font-weight: 400;
    src: local(''),
        url('fonts/josefin-sans-v25-latin-regular.woff2') format('woff2'),
        /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('fonts/josefin-sans-v25-latin-regular.woff') format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* josefin-sans-600 - latin */
@font-face {
    font-family: 'Josefin Sans';
    font-style: normal;
    font-weight: 600;
    src: local(''),
        url('fonts/josefin-sans-v25-latin-600.woff2') format('woff2'),
        /* Chrome 26+, Opera 23+, Firefox 39+ */
        url('fonts/josefin-sans-v25-latin-600.woff') format('woff');
    /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

:root {
    --bg-color: #242424;
    --accent-color: #e37614;
    --radius: 7px;
    --box-shadow: 0 0 10px black, 7px 7px 0;
    --box-shadow-small: 0 0 7px rgba(0, 0, 0, 0.5), 4px 4px 0;
    --box-shadow-hover: 0 0 15px black, 10px 10px 0px;
}

* {
    margin: 0;
    padding: 0;
    font-family: 'Josefin Sans', sans-serif;
    box-sizing: border-box;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.4;
    color: #fff;
}

body {
    background: #393939;
    padding: 50px 0 200px 0;
}

main > * {
    max-width: 800px;
    width: 90%;
    margin: 15px auto;
}

h1 {
    text-align: center;
    padding: 50px;
    font-size: 2rem;
}

h2 {
    font-size: 1.7rem;
    font-weight: normal;
    padding: 30px;
}

h3 {
    font-weight: bold;
    padding-bottom: 10px;
}


/* aktuelles */
.aktuelles {
    position: relative;
    width: 100%;
    max-width: 100%;
    padding: 70px 5%;
    background-color: #242323;
    clip-path: polygon(0 0, 100% 8%, 100% 92%, 0% 100%);
    margin: 50px auto;
}

.aktuelles-group {
    display: flex;
    gap: 40px;
    flex: 0;
}

.aktuelles-column {
    flex: 1;
}

.aktuelles h2 {
    padding: 30px;
    color: white;
    text-align: center;
    /* transform: rotate(-90deg); */
}

.aktuelles-block {
    position: relative;
    display: flex;
    min-height: 250px;
    /* margin: 20px; */
    background-color: white;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.75), 5px 5px 0px #ffa800;
    border-radius: 7px;
    transition: .3s;
    margin-bottom: 30px;
    max-width: 700px;
}

.aktuelles-block:hover {
    transform: scale(1.02);
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.75), 7px 7px 0px #be7f00;
}

.aktuelles-block img {
    width: auto;
    max-width: 250px;
    height: auto;
    object-fit: cover;
    object-position: center;
    border-radius: 7px 0 0 7px;
    clip-path: polygon(0 0, 100% 0, 93% 100%, 0% 100%);
}

.aktuelles-block-content {
    padding: 20px;
    align-self: center;
}

.aktuelles-block-content * {
    padding: 0;
    color: #000;
}

.aktuelles-link {
    position: absolute;
    background: rgb(255, 255, 255);
    z-index: 4;
    padding: 2px 20px;
    bottom: 0;
    left: 0;
    font-weight: 400;
    text-align: left;
    color: #000;
    border-radius: 7px;
    box-shadow: 0 0 20px black;
    transform: translateY(5px);
    opacity: 0;
    z-index: 10;
    transition: .3s;
}

.aktuelles-block:hover .aktuelles-link {
    transform: translateY(0px);
    opacity: 0.6;
    backdrop-filter: blur(32px);
}

@media screen and (max-width: 1000px) {
    .aktuelles-group {
        display: block;
    }
}

@media screen and (max-width: 600px) {
    .aktuelles-block {
        display: block;
    }
    .aktuelles-block img {
        
max-width: 100%;
        
clip-path: none;
        
padding: 0;
        
width: 100%;
    }
}

/* icons */
[class^="icon-"]::before,
[class*=" icon-"]::before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icon-set' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* buttons */
body .wp-block-buttons {
    margin-top: 30px;
    margin-bottom: 30px;
}

.wp-block-button {
    margin: 20px 0;
}

.wp-block-button__link {
    display: inline-block;
    padding: 12px !important;
    background: white;
    border-radius: var(--radius);
    box-shadow: var(--box-shadow-small) #ffa800;
    font-size: 1rem;
    font-weight: 400;
    color: var(--bg-color);
    line-height: normal;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    overflow-wrap: break-word;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.wp-block-button.is-style-outline>.wp-block-button__link,
.wp-block-button .wp-block-button__link.is-style-outline {
    background-color: transparent;
    border: none;
}

.wp-block-button__link:hover {
    background-color: white;
    text-decoration: none;
    color: var(--accent-color);
    box-shadow: 1px 1px 8px black, 6px 6px 0 #cb8600;
    transform: scale(1.02);
    transform-origin: bottom right;
}

/* icons */
[class*="is-style-button"] * {
    background-color: white !important;
    color: black !important;
    background-position: 8px center !important;
    background-size: 25px !important;
    background-repeat: no-repeat !important;
    padding-left: 40px !important;
}

.is-style-button-web * {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 191.7 191.7'%3E%3Ccircle cx='95.8' cy='95.8' r='79.9' style='fill:none;stroke:%23000;stroke-miterlimit:10;stroke-width:9px'/%3E%3Cpath d='m103 68-21 3-14 16 9 24 22-2 11 45 20-8 20-43h-12l-11-26-18 1Z'/%3E%3Cpath d='m107 29-9 5 7 7-25 18 5 8 17-9 9 7 1-2-3-7 8 7 17-8 6 7-14 2 7 7 12 27 11-7-8-13 28 18-6-32-23-29-40-6zM75 19 53 45l-16-3 38-23zM33 47 21 68l-5 35 23-43-6-13zM18 111l21 10 1 7 14 5-6 25-19-18-11-29zM150 127l-9 10v7l4-5 5-12z'/%3E%3Cpath d='m85 38-5 9h10l-5-9z'/%3E%3C/svg%3E") !important;
}

.is-style-button-mail * {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 191.7 191.7'%3E%3Cpath d='m19 145 148 20 16-102-75 51-98-51 9 82z'/%3E%3Cpath d='m10 57 99 42 74-47 3-15-176 9v11z'/%3E%3C/svg%3E") !important;
}

.is-style-button-phone * {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 191.7 191.7'%3E%3Cpath d='M11 78c1 1 47-3 47-3l16-13 59 7 6 15 41 15-1-36-43-21-73-7-46 12Z'/%3E%3Cpath d='m149 96-21-5-6-15-46-3-12 15-28 4-15 62 141 3Zm-53 39c-13 0-23-8-23-17s10-18 23-18 22 8 22 18-10 17-22 17Z'/%3E%3C/svg%3E") !important;
}

.is-style-button-fb * {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 191.7 191.7'%3E%3Cpath d='m48 192-1-75-16-2-2-14 18-1 1-45 23-28 38 5v20l-25-3-7 14v36l23-1v23l-23-2 2 73Z'/%3E%3C/svg%3E") !important;
}

.is-style-button-yt * {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 191.7 191.7'%3E%3Cpath d='M162 38c-2-1-126 4-126 4L9 63l1 72 29 18 121 1 18-18 4-73s-18-25-20-25Zm-81 83-5-48 45 19Z'/%3E%3C/svg%3E") !important;
}

.is-style-button-ig * {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 191.7 191.7'%3E%3Cpath d='m174 39-22-26-113 9-16 22-2 104 39 27 80-5 30-20Zm-76 91a35 35 0 1 1 35-34 35 35 0 0 1-35 34Z' style='fill:none;stroke:%23000;stroke-miterlimit:10;stroke-width:10px'/%3E%3Ccircle cx='145' cy='45.9' r='9.9'/%3E%3C/svg%3E") !important;
}