/*
Theme Name: bestebilder
Author: brainbreak
Author URI: https://www.brainbreak.de
Description: Child von Twenty Twenty-Four
Template: twentytwentyfour
Version: 1.2
*/

/*  ***** HEADER --- ANFANG ***** */
header {position:relative; z-index:99;}
header .wp-block-site-logo {position:absolute; right:50px; top: 10px; z-index:9;}

@media only screen and (max-width : 926px)  {
	header .wp-block-site-logo {width:130px;}
}
@media only screen and (max-width : 760px)  {
	header .wp-block-site-logo {width:110px;}
}
@media only screen and (max-width : 599px)  {
	header .wp-block-site-logo {width:65px; right:15px; top: 5px;}
}
/*  ***** HEADER --- ENDE ***** */

/*  ***** NAVIGATION --- ANFANG ***** */
nav ul li a span {font-weight:200;}
/*  ***** NAVIGATION --- ENDE ***** */

/*  ***** FOOTER --- ANFANG ***** */
.stickyfooter {position:fixed; bottom:0; right: 30px; font-size:0.9rem;}
.stickyfooter a {text-decoration:none; margin: 4px;}
footer a {text-decoration:none;}
footer ul li.wp-social-link {background-color:#000;}
.wp-block-social-links {gap: 0.1em;}
.wp-block-social-links.has-large-icon-size {font-size:28px;}

@media only screen and (max-width : 1240px)  {
	footer div div:first-child {flex-basis:10% !important;}
}

@media only screen and (max-width : 810px)  {
	footer div div:first-child {flex-basis:5% !important;}
}

@media only screen and (min-width : 782px)  {
    footer div div:first-child {flex-basis: 25vw !important;}
}

@media only screen and (max-width : 781px)  {
	footer {text-align: center;}
	.wp-block-social-links.has-large-icon-size {font-size:24px;}
}
/*  ***** FOOTER --- ENDE ***** */
/*  ***** ALLGEMEIN --- ANFANG ***** */
nav button:focus, nav a:focus {outline: unset!important;}

@media only screen and (orientation: portrait)  {
	body main {margin-top:0px !important;}
}
/*  ***** ALLGEMEIN --- ENDE ***** */

/*  ***** STARTSEITE --- ANFANG ***** */
body main {margin-block-start:0; position:relative; /*margin-top:-105px;*/ scroll-behavior:smooth;}
body main div.entry-content {margin-block-start:0;}

.fadein { position:relative; height:332px; width:500px; }
.fadein img { position:absolute; left:0; top:0; }
/* ***** STARTSEITE --- ANFANG ***** */

/*  ***** SEITE MIT INHALT AUF WEISS --- ANFANG ***** */
main .weisse-seite-content {padding-top: 30px; padding-bottom: 40px;}
main .weisse-seite-content h1 {color:#000000;}
main .weisse-seite-content h2 {color:#000000; margin:20px 0 5px 0;}
main .weisse-seite-content h3 {color:#000000; margin:10px 0; text-decoration:underline; font-weight:bold;}
/*  ***** SEITE MIT INHALT AUF WEISS --- ENDE ***** */

/* ***** CLIENTS --- ANFANG ***** */
@media only screen and (max-width : 599px)  {
	.wp-block-gallery.has-nested-images figure.wp-block-image img {
		width:25vw !important; left:8vw; position:relative; padding-top:20px;
	}
}
/* ***** CLIENTS --- ENDE ***** */