/*
Theme Name: Twenty Twenty-One Child-Theme
Theme URI: https://schluesseldienst-adler.de/
Description: Ein Child-Theme für das WordPress Standard Theme Twenty Twenty-One.
Author: ComMotion
Author URI: https://commotion.online/
Template: twentytwentyone
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* Basic */

	h1, .h1, .has-background h1, h2, .h2, .has-background h2, .singular .entry-title, h3, .h3 {
		color: #e7572d;
	}

/* Cookie */

	#cookie-notice.cookie-notice-visible {
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	} #cookie-notice.cookie-notice-visible .cookie-notice-container {
		max-width: 500px;
		background-color: #fff;
		border-radius: 5px;
	}

	.cn-button {
		color: #000 !important;
		padding: .5em 1em;
		background: transparent !important;
	} #cn-accept-cookie {
		color: #fff !important;
		background: linear-gradient(to bottom,#00c307,#039103) #039103 !important;
	}

/* Header */

	.site-title {
		position: relative;
		margin-left: auto;
	}

	.primary-navigation a, .primary-navigation a:hover, .primary-navigation a:link, .primary-navigation a:visited {
		color: #e7572d;
	}

	.primary-navigation .sub-menu .menu-item > a {
		color: var(--primary-nav--color-link-hover);
	} .primary-navigation .sub-menu .menu-item > a:hover {
		color: #e7572d;
	}

/* Front Page */

	.home .site-main {
		padding-top: 0;
	}

/* Page */

	.has-background, .wp-block-image img {
		border-radius: 5px;
	}

	.post-thumbnail, .entry-content .wp-audio-shortcode, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), .default-max-width {
		max-width: var(--responsive--alignwide-width);
	}

/* Seperator */

	hr.wp-block-separator:not(.is-style-dots):not(.alignwide) {
		width: 100%;
		max-width: 100%;
	}

/* Icons */

	.site-main > article .dashicons, .site-main > article .dashicons-before:before,
	.widget .dashicons, .widget .dashicons:before {
		color: #e74901;
		width: 75px;
		height: 75px;
		font-size: 75px;

		display: block;
		margin: 0 auto;
	} .site-main > article .has-background .dashicons, .site-main > article .has-background .dashicons-before:before {
		color: #fff;
	} .widget .dashicons, .widget .dashicons:before {
		display: inline-block;
		margin: 0;
	}

/* Sites */

	.sites {
		display: grid;
		grid-template-columns: repeat(3, 30%);
		column-gap: 3.3333%;
		row-gap: 1rem;
	}

/* Footer */

	.no-widgets .site-footer {
		margin-top: 0;
	}

	.widget-area {
		margin-top: 0;
		padding: 25px 50px;
		background-color: #fff;
		border-radius: 5px;
	}

	.widget h2 {
		color: #000;
		font-size: var(--global--font-size-xl);
	} .widget a, .widget a:link, .widget a:visited, .widget a:active {
		color: #e74901;
		text-decoration: none;
		font-size: var(--global--font-size-l);
	}

@media only screen and (min-width: 482px) {

	.site-header {
		padding: 0;
	}
}

@media only screen and (max-width: 650px) {

	h1, .h1, .has-background h1 {
		font-size: var(--heading--font-size-h2);
		letter-spacing: var(--heading--letter-spacing-h21);
		line-height: var(--heading--line-height-h2);

		word-wrap: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;

		white-space: normal;
	}

	#callnowbutton {
		bottom: 50px !important;
	}

	#dark-mode-toggler {
		display: none !important;
	}
}