/*
Theme Name: Koji Child Theme
Theme URI: https://andersnoren.se/teman/koji-wordpress-theme/
Description: A child theme for Koji.
Author: Gloria Feldner
Author URI: https://gloriari.at/
Template: koji
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* --------------------------------------------------------------------------------------------- */
/*	CSS Variables
/* --------------------------------------------------------------------------------------------- */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
   
    --grün: #6A8C5A;
    --lila: #815A8C;
	--hell: #F9F9F2;
    /*--rot: #F28C7E;
    --weisstext: #fff;
    --aside-width: 7vw;*/
}

body {
    color: #000;
}


::selection {
    background-color: var(--lila);
}

.mobile-visible {
	display: block;
}

/* Font Awesome */

@font-face {
	font-family: 'Font Awesome 6';
	font-style: normal;
	font-weight: normal;
	src: url( ./assets/font-awesome/fonts/fa-solid-900.woff2 ) format( 'woff2' );
}
@font-face {
	font-family: 'Font Awesome 6 Brands';
	font-style: normal;
	font-weight: normal;
	src: url( ./assets/font-awesome/fonts/fa-brands-400.woff2 ) format( 'woff2' );
}

/* Montserrat */

/* Regular 400 */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/Montserrat-Regular.ttf) format('truetype');
}

/* Medium 500 */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(fonts/Montserrat-Medium.ttf) format('truetype');
}

/* SemiBold 600 */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(fonts/Montserrat-SemiBold.ttf) format('truetype');
}

/* Bold 700 */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(fonts/Montserrat-Bold.ttf) format('truetype');
}

/* Black 900*/
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(fonts/Montserrat-Black.ttf) format('truetype');
}

/* Alex Brush */

/* Regular 400 */
@font-face {
    font-family: 'Alex Brush';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/AlexBrush-Regular.ttf) format('truetype');
}

/* Cormorant Infant */

/* Regular 400 */
@font-face {
    font-family: 'Cormorant Infant';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/CormorantInfant-Regular.ttf) format('truetype');
}

/* --------------------------------------------------------------------------------------------- */
/*	Typo
/* --------------------------------------------------------------------------------------------- */

body {
    font-family: 'Montserrat';
}

.zitat {
		font-size: 2rem;
	}

/* Links */ 

body a {
    font-weight: 600;
    text-decoration: none;
}
body a:hover, body a:focus {
    color: var(--grün);
}

h1.site-title, p.site-title, h1.mobile-title, h1.post-title {
	font-family: 'Alex Brush';
	color: #294F1A;
}

h1.site-title {
    font-size: 9rem;
    font-weight: 600;
    text-decoration: none;
}
p.site-title {
font-size: 4rem;
}

h1.mobile-title {
    font-size: 4rem;
    font-weight: 600;
}
h1.post-title {
	font-size: 5rem;
}
.site-title a:hover, .site-title a:focus {
    color: var(--grün);
}

.site-nav a:hover, .site-nav .current-menu-item > a {
    text-decoration: none;
}


.title-section .site-description {
	font-size: 2rem;
    font-weight: 500;
    color: black;
    max-width: unset;
}

.title-section .site-title, .title-section .site-description {
    display: none;
}



/* Buttons */

#btn-top {
    display: none; 
    position: fixed; 
	bottom: 1rem; 
    right: 2rem;
    z-index: 102; 
    background-color: var(--lila);
    border-radius: 100% 100%;
    outline: none;
    cursor: pointer;
    font-size: 2rem;
    color: #fff;
  }
button#btn-top, button#btn-call,  button#btn-mail{
    padding: 1.5rem 1.7rem;
}

.contact-buttons {
	position: fixed; 
    bottom: 70vh; 
    right: 2rem;
    z-index: 102; 
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}
.contact-buttons button {
	
    background-color: var(--lila);
    border-radius: 100% 100%;
    outline: none;
    cursor: pointer;
    font-size: 2rem;
    color: #fff;
}


/* --------------------------------------------------------------------------------------------- */
/*	IMG
/* --------------------------------------------------------------------------------------------- */




/* --------------------------------------------------------------------------------------------- */
/*	ICONS
/* --------------------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------------------- */
/*	NAVIGATION
/* --------------------------------------------------------------------------------------------- */

.custom-logo-link {
    max-width: 25%;
}
.nav-toggle {
    min-width: 3rem;
}
.mobile-title {
    min-width: fit-content;
    margin: 0;
}

#menu-footer {
	font-size: 1.2rem;
}

/* --------------------------------------------------------------------------------------------- */
/*	SEITENSTRUKTUR
/* --------------------------------------------------------------------------------------------- */

.title-section {
    margin: 3% 0 3% 0;
}

.single-container {
    margin: 2rem 0 2rem 0;
	/*padding: 2rem 0 2rem 0;*/
}

#post-5.single-container {
	background-image: url("https://pt-katz.at/wp-content/uploads/2025/07/Waldlichtung-Teppich.jpg");
	background-size: cover;
}

.header-inner-top {
    padding-top: 2rem;
}

.site-title-block {
	margin-left: 1rem;
}
.site-title-block .site-description {
	margin-bottom: 0;
	font-size: 1.2rem;
	color: black;
	max-width: unset;
}

.post-inner {
	padding-top: 3rem;
}

.about-spalten {
	flex-direction: column;
}

#site-footer {
	padding: 5rem 0;
}

.footer-widgets-outer-wrapper.section-inner {
	width: 100%;
}
.footer-widgets-outer-wrapper {
	padding: 2rem 0;
}

.credits {
	display: flex;
	flex-direction: column;
	align-self: right;
	color: black;
	font-size: 1.2rem;
	text-align: right;
	margin-right: 2rem;
}
.credits p {
	margin: 0;
}

/* --------------------------------------------------------------------------------------------- */
/*  WIDGETS, SHORTCODES
/* --------------------------------------------------------------------------------------------- */

.footer-widgets-outer-wrapper {
    background-image: url("https://pt-katz.at/wp-content/uploads/2025/07/Waldlichtung-Teppich.jpg");
    /*border-radius: .8rem;
    box-shadow: 0 .3rem 1.8rem rgba( 5, 10, 15, 0.07 );*/
}

.footer-widgets {
	width: fit-content;
}

.widget-content {
	padding-left: 2rem;
	color: black;
}

.widget-content a {
	text-decoration: none;
}

.maps-iframe {
	margin-left: -3rem;
  	margin-right: -3rem;
}

/* --------------------------------------------------------------------------------------------- */
/*	STARTSEITE
/* --------------------------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------------------------- */
/*  MEDIA QUERIES - MIN-WIDTH
/* --------------------------------------------------------------------------------------------- */


@media (min-width: 600px) {
	.maps-iframe {
		margin-left: -5rem;
		margin-right: -5rem;
	}
	
	h1.mobile-title {
		font-size: 6rem;
	}
}


@media (min-width: 1000px){

	.mobile-visible {
		display: none;
	}
	
	.zitat {
		font-size: 2.3rem;
	}
	
	#btn-top {
		bottom: 2rem;
	}
	
	.header-inner-site-description {
		display: none;
	}
    .custom-logo-link {
        max-width: 90%;
    }
    .mobile-title {
        display: none;
    }
    .title-section .site-title, .title-section .site-description {
        display: block;
    }

    .post-inner {
		padding-top: 5rem;
        max-width: 70%;
        margin-left: 2rem;
    }
	
	 #site-footer {
    	padding-right: 6rem;
  	}

    #menu-footer li {
        display: inline-block;
        padding-right: 1rem;
    }
	
	.footer-widgets-outer-wrapper {
		/*background-image: url("https://pt-katz.at/wp-content/uploads/2025/07/Waldlichtung-Teppich.jpg");*/
		border-radius: .8rem;
		box-shadow: 0 .3rem 1.8rem rgba( 5, 10, 15, 0.07 );
	}
	
	.contact-buttons {
		bottom: 65vh; 
		flex-direction: row;
	}
	
	.maps-iframe {
		margin-left: unset;
		margin-right: -10vw;
	}
	
	.about-spalten {
		flex-direction: row-reverse;
		margin-right: -10vw;
	}
	
	
}

/* --------------------------------------------------------------------------------------------- */
/*  MEDIA QUERIES - MAX-WIDTH
/* --------------------------------------------------------------------------------------------- */