/*
Theme Name: Seniorenbeirat Theme
Theme URI:  https://www.wpserveur.net
Author:     MaaßIT
Author URI: https://www.maass.it
Template:   twentytwentyfour
Version:    1.0
License:    GNU General Public License v2 or later
*/

/* Font Import Start */

/* old-standard-tt-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Old Standard TT';
  font-style: normal;
  font-weight: 400;
  src: url('../seniorenbeirat-theme-twentytwentyfour-child/fonts/old-standard-tt-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* old-standard-tt-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Old Standard TT';
  font-style: normal;
  font-weight: 700;
  src: url('../seniorenbeirat-theme-twentytwentyfour-child/fonts/old-standard-tt-v20-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* quicksand-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/quicksand-v31-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* quicksand-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: url('../seniorenbeirat-theme-twentytwentyfour-child/fonts/quicksand-v31-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* quicksand-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  src: url('../seniorenbeirat-theme-twentytwentyfour-child/fonts/quicksand-v31-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* quicksand-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 600;
  src: url('../seniorenbeirat-theme-twentytwentyfour-child/fonts/quicksand-v31-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* quicksand-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 700;
  src: url('../seniorenbeirat-theme-twentytwentyfour-child/fonts/quicksand-v31-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* Font Import End */

/* Variablen */

body{
	--wp--preset--font-family--heading: 'Old Standard TT';
	--wp--preset--font-family--body: 'Quicksand';
}

/* Font */

body{
	font-size: 1.2rem;
}
.no-textdeco, .no-textdeco a {
	text-decoration: none;
}

/* Navigation */

.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
	padding: 20px;
	border: none;
}
/* Submenu Icon Margin Fix*/
.wp-block-navigation .wp-block-navigation__submenu-icon {
	margin-top:0px;
}

/*Projekte-Seite Menü Kacheln*/

.hover-shrink:hover{
	transform: scale(0.9);
	transition-duration: 1s;
}

.sb-menukachel img{
	object-fit: contain!important;
}

/* Listen */

.no-listdeco{
	list-style: none;
}


/* rounded Div*/
.rounded{
	border-radius: 24px;
}


/* Mobile setting - screens that are 600px or less */
@media screen and (max-width: 600px) {
	
	/* Mobil Navigation */

	.wp-block-navigation__responsive-container-content ul li{
		font-size: 1.6rem!important;
	}
	.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
		padding: 10px;
	}
	.wp-block-navigation__responsive-container-content ul li ul li {
		font-size: 1.4rem!important;
		line-height: 1.2;
		text-align: right;
		padding: 15px;
	}
	
	/* "Startseite" Von Zwei- zu Einzeiligem Layout  */
	.layout-wrap{
		flex-direction: Column;
	}
	
	/* "Projekte" umstellung damit das Bild immer oben ist */
	.c-reverse{
		flex-direction: column-reverse;
	}
	
	/* "Startseite" Farbigen Schrifttitel im Hintergrund anpassen */
	.background-title{
		font-size: 2rem!important;
	}
}