/*
Theme Name: Relaunchberatung
Theme URI: https://relaunchberatung.de
Author: MindProcess
Author URI: https://mindprocess.pt
Description: The theme for Relaunchberatung
Requires at least: 6.0
Tested up to: 6.2.2
Requires PHP: 5.7
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: relaunchberatung
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, accessibility-ready, blog, portfolio, news
*/

html {
    box-sizing: border-box;
    scroll-behavior: smooth;
}

*, *:before, *:after {
    box-sizing: inherit;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}

.book-cover-col {
    position: relative;
    padding-top: 340px;
}
  
.book-cover {
    position: absolute;
    top: -200px;
    left: 20px;
}

/* Links on content area */

.entry-content.wp-block-post-content a:not(.wp-block-button__link):focus {
    background: #001740;
    color: #ffffff;
}

/* Custom button style - Outline */

.wp-block.wp-block-button.is-style-button-outline .wp-element-button,
.is-style-button-outline a {
    color: #ffffff;
    background: none;
    margin-top: 1rem;
    border: 2px solid #ffffff;
    border-radius: 9999px;
    transition: 0.2s;
}

.wp-block.wp-block-button.is-style-button-outline .wp-element-button:hover,
.is-style-button-outline a:hover {
    background: #E6A000;
    color: #000000;
}

.wp-block.wp-block-button.is-style-button-outline .wp-element-button:focus,
.is-style-button-outline a:focus {
    background: #607C04;
    color: #ffffff;
}


/* Custom button style - External Link */

.is-style-button-external-link a,
.wp-block.wp-block-button.is-style-button-external-link .wp-element-button {
    background: none;
    color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M0,0V18H18V13.5H15.75v2.25H2.25V2.25H4.5V0ZM9,0l3.375,3.375L6.75,9,9,11.25l5.625-5.625L18,9V0Z' fill='%23fff'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center right 1rem;
    padding-right: 3rem;
    border: 2px solid #ffffff;
    border-radius: 9999px;
    transition: 0.2s;
}

.is-style-button-external-link a:hover,
.wp-block.wp-block-button.is-style-button-external-link .wp-element-button:hover {
    color: #000000;
    background-color: #E6A000;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M0,0V18H18V13.5H15.75v2.25H2.25V2.25H4.5V0ZM9,0l3.375,3.375L6.75,9,9,11.25l5.625-5.625L18,9V0Z'/%3E%3C/svg%3E%0A");
}

.is-style-button-external-link a:focus,
.wp-block.wp-block-button.is-style-button-external-link .wp-element-button:focus {
    background-color: #607C04;
    color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M0,0V18H18V13.5H15.75v2.25H2.25V2.25H4.5V0ZM9,0l3.375,3.375L6.75,9,9,11.25l5.625-5.625L18,9V0Z' fill='%23fff'/%3E%3C/svg%3E%0A");
}

/* Custom button style - External Link Dark */

.wp-block.wp-block-button.is-style-external-link-dark .wp-element-button,
.is-style-button-external-link-dark a {
    background: none;
    color: #404040;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M0,0V18H18V13.5H15.75v2.25H2.25V2.25H4.5V0ZM9,0l3.375,3.375L6.75,9,9,11.25l5.625-5.625L18,9V0Z' fill='%23404040'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center right 1rem;
    padding-right: 3rem;
    border: 2px solid #404040;
    border-radius: 9999px;
    transition: 0.2s;
}

.wp-block.wp-block-button.is-style-external-link-dark .wp-element-button:hover,
.is-style-button-external-link-dark a:hover {
    color: #000000;
    background-color: #E6A000;
}

.wp-block.wp-block-button.is-style-external-link-dark .wp-element-button:focus,
.is-style-button-external-link-dark a:focus {
    background-color: #607C04;
    color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M0,0V18H18V13.5H15.75v2.25H2.25V2.25H4.5V0ZM9,0l3.375,3.375L6.75,9,9,11.25l5.625-5.625L18,9V0Z' fill='%23fff'/%3E%3C/svg%3E%0A");
}

/* Custom separator style */

.is-style-thin-line {
    border: none;
    border-bottom: 1px solid #707070;
}

/* Custom table style */

figure.is-style-dotted-stripes {
    margin: 0;
}

.is-style-dotted-stripes table {
    border-collapse: collapse;
}

.is-style-dotted-stripes table {
    margin-block: 1rem;
}

.is-style-dotted-stripes table thead {
    border: none;
    font-family: var(--wp--preset--font-family--poppins);
}

.is-style-dotted-stripes table th {
    padding-block: 1rem;
    font-size: 1.125rem;
}

.is-style-dotted-stripes table th,
.is-style-dotted-stripes table td {
    border: 1px dotted #404040;
    text-align: left;
    vertical-align: top;
}

.is-style-dotted-stripes table tbody tr:nth-last-child(odd) td {
    background: #ffffff;
}

/* Sidebar */

.sidebar-book {
    margin-top: -30px;
    margin-bottom: -30px;
}

/* PageNavi */

.wp-pagenavi {
    display: flex;
    gap: 20px;
}

.wp-pagenavi a,
.wp-pagenavi span {
    display: flex;
    min-width: 32px;
    height: 32px;
    justify-content: center;
    align-items: center;
    font-size: 1.25rem;
    line-height: 1;
    padding: 0 10px;
}

.wp-pagenavi a {
    border: 2px solid #404040;
    color: #404040;
    text-decoration: none;
}

.wp-pagenavi span {
    background: #607C04;
    color: #ffffff;
    
}


/* Footer Menus */

.footer-menus {
    gap: 20px;
}

.footer-menus > div {
    width: 100%;
}

.footer-menus h3 {
    font-size: 1.125rem;
}

.footer-menu .menu {
    list-style: none;
    padding: 0;
}

.footer-menu .menu li {
    margin-bottom: 5px;
}

/* Responsive */

@media( max-width: 960px ) {
    
    .book-cover-col {
        padding-left: 0 !important;
        padding-top: 100px;
    }

    .book-cover {
        position: relative;
        top: 0;
        left: 0;
    }
    
    .sidebar-book {
        margin-top: 50px;
        margin-bottom: 0;
        max-width: 300px;
    }

    .dienste-post-content:after {
        display: none;
    }
    
    .blog-grid {
        gap: 60px;

    }
    
    .blog-grid .blog-article-row {
        margin-left: 0;
    }
    
    .footer-menus {
        gap: 50px 20px;
    }
    
    .footer-menus > div {
        text-align: center;   
    }
        
    .footer-menus > div:first-child {
        grid-column: 1/4;
        text-align: center;
    }
}

@media( max-width: 640px ) {
    
    .footer-menus > div:first-child {
        grid-column: 1/1;
    }
}


/* Auxiliary Classes */

.flex { display: flex; }
.flex-inline {display: inline-flex}

.flex-1 { flex: 1; width: 100%; }
.flex-2 { flex: 2; width: 100%; }
.flex-3 { flex: 3; width: 100%; }
.flex-4 { flex: 4; width: 100%; }
.flex-5 { flex: 5; width: 100%; }
.flex-align-start { align-items: flex-start; }
.flex-align-center { align-items: center; }
.flex-align-end { align-items: flex-end; }
.flex-justify-start { justify-content: flex-start; }
.flex-justify-center { justify-content: center; }
.flex-justify-end { justify-content: flex-end; }
.flex-space-between { justify-content: space-between; }
.flex-col { flex-direction: column; }
.flex-wrap { flex-wrap: wrap; }

.grid { display: grid; }

.grid-align-center { align-items: center; }

.grid-2 { grid-template-columns: repeat(2, 1fr); }
.grid-3 { grid-template-columns: repeat(3, 1fr); }
.grid-4 { grid-template-columns: repeat(4, 1fr); }
.grid-5 { grid-template-columns: repeat(5, 1fr); }
.grid-6 { grid-template-columns: repeat(6, 1fr); }
.grid-1-2 { grid-template-columns: auto 1fr; }
.grid-auto { grid-template-columns: repeat(auto-fill, minmax(min(360px, 100%), 1fr)); }
.grid-auto-medium { grid-template-columns: repeat(auto-fill, minmax(min(330px, 100%), 1fr)); }
.grid-auto-video { grid-template-columns: repeat(auto-fill, minmax(min(270px, 100%), 1fr)); }
.grid-auto-250 { grid-template-columns: repeat(auto-fill, minmax(min(250px, 100%), 1fr)); }
.grid-auto-small { grid-template-columns: repeat(auto-fill, minmax(min(200px, 100%), 1fr)); }
.grid-max-content { grid-auto-rows: max-content; }

.gap-5 { gap: 5px; }
.gap-10 { gap: 10px; }
.gap-15 { gap: 15px; }
.gap-20 { gap: 20px; }
.gap-25 { gap: 25px; }
.gap-30 { gap: 30px; }
.gap-40 { gap: 40px; }
.gap-50 { gap: 50px; }
.gap-60 { gap: 60px; }
.gap-70 { gap: 70px; }
.gap-80 { gap: 80px; }
.gap-90 { gap: 90px; }
.gap-100 { gap: 100px; }
.gap-120 { gap: 120px; }
.gap-160 { gap: 160px; }

.gap-inline-10 { gap: 0 10px }

.m-10 { margin: 10px;}
.m-block-10 { margin-block: 10; }
.m-inline-10 { margin-inline: 10; }
.m-b-0 { margin-bottom: 0; }
.m-b-5 { margin-bottom: 5px; }
.m-b-10 { margin-bottom: 10px; }
.m-b-15 { margin-bottom: 15px; }
.m-b-20 { margin-bottom: 20px; }
.m-b-30 { margin-bottom: 30px; }
.m-b-40 { margin-bottom: 40px; }
.m-b-50 { margin-bottom: 50px; }
.m-b-60 { margin-bottom: 60px; }
.m-b-100 { margin-bottom: 100px; }
.m-b--180 { margin-bottom: -180px; }
.m-t-5 { margin-top: 5px; }
.m-t-10 { margin-top: 10px; }
.m-t-20 { margin-top: 20px; }
.m-t-30 { margin-top: 30px; }
.m-t-40 { margin-top: 40px; }
.m-t-50 { margin-top: 50px; }
.m-t-100 { margin-top: 100px; }

.p-0 { padding: 0; }
.p-5 { padding: 5px; }
.p-10 { padding: 10px; }
.p-15 { padding: 15px; }
.p-20 { padding: 20px; }
.p-25 { padding: 25px; }
.p-30 { padding: 30px; }
.p-50 { padding: 50px; }
.p-60 { padding: 60px; }
.p-t-0 { padding-top: 0; }
.p-t-50 { padding-top: 50px; }
.p-block-5 { padding-block: 5px; }
.p-block-10 { padding-block: 10px; }
.p-block-20 { padding-block: 20px; }
.p-block-30 { padding-block: 30px; }
.p-block-50 { padding-block: 50px; }
.p-inline-10 { padding-inline: 10px; }
.p-inline-15 { padding-inline: 15px; }
.p-inline-25 { padding-inline: 25px; }
.p-inline-30 { padding-inline: 30px; }

.m-w-25 { max-width: 25%; }
.m-w-30 { max-width: 30%; }
.m-w-33 { max-width: 33%; }
.m-w-40 { max-width: 40%; }
.m-w-50 { max-width: 50%; }
.m-w-66 { max-width: 66%; }

.w-50 { width: 50%; }
.w-100 { width: 100%; }

.bg-white { background: #ffffff; }

.border-r-5 { border-radius: 5px; }
.border-r-10 { border-radius: 10px; }
.border-r-100 { border-radius: 100px; }

.relative { position: relative; }
.absolute { position: absolute; }

.list-2-col { column-count: 2; }
.list-3-col { column-count: 3; }
.list-4-col { column-count: 4; }

.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

.t-01 { transition: 0.1s; }
.t-02 { transition: 0.2s; }
.t-03 { transition: 0.3s; }
.t-05 { transition: 0.5s; }

.z-10 { z-index: 10; }
.z-20 { z-index: 20; }
.z-index-100 { z-index: 100; }



/* Responsive Auxiliary Classes */

@media( max-width: 1080px ) {
    .grid-l-1 { grid-template-columns: 1fr; }
}

@media( max-width: 960px ) {
    .flex-col-m { flex-direction: column; }
    .flex-justify-start-m { justify-content: start; }
    .grid-m-3 { grid-template-columns: repeat(3, 1fr); }
    .grid-m-2 { grid-template-columns: repeat(2, 1fr); }
    .gap-m-40 { gap: 40px; }
}

@media( max-width: 768px ) {
    .flex-col-s { flex-direction: column; }
    .grid-s-1 { grid-template-columns: 1fr; }
}

@media( max-width: 640px ) {
    .grid-xs-1 { grid-template-columns: 1fr; }
    .flex-col-xs { flex-direction: column; }
}