/*!
Theme Name: 7 Schwaben Heilpraktikerin 2023
Theme URI: www.7-schwaben-heilpraktikerin.de
Author: ratzinger-internetloesungen
Author URI: https://www.ratzinger-internetloesungen.de
Description: This site was built by ratzinger-internetloesungen with the rilframework.<br/>The <code>rilframework</code> is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later.<br/><br/>Layout by Florian Ratzinger.
Version: 2.0.0
Text Domain: rilframework
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
## Generic
	- Normalize
	- Box sizing
	- Pocket Grid
## Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
	# Components
		- Navigation
		- Posts and pages
		- Comments
		- Widgets
		- Media
		- Captions
		- Galleries
	# plugins
		- 
	# Utilities
		- Accessibility
		- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Generic
--------------------------------------------------------------*/

	/* 	Normalize
		normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css
	--------------------------------------------- */
	html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bold}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

	/* 	Box sizing
		Inherit box-sizing to more easily change it's value on a component level.
		@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
	--------------------------------------------- */
	*,::after,::before{box-sizing:inherit}html{box-sizing:border-box}

	/*	Pocket Grid
		PocketGrid 1.1.0 | Copyright 2013 Arnaud Leray | MIT License
	--------------------------------------------- */
	.block,.block-group,.block-group:after,.block-group:before,.block:after,.block:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.block-group:after,.block-group:before{display:table;content:"";line-height:0}.block-group:after{clear:both}.block-group{list-style-type:none;padding:0;margin:0}.block-group>.block-group{clear:none;float:left;margin:0!important}/*.block{float:left;width:100%}*/


/*--------------------------------------------------------------
## Base
/* Wrapper
--------------------------------------------- */
.wrap,
.wp-block-advgb-columns.wrap {
	margin-left: auto;
	margin-right: auto;
	max-width: 700px;
	padding-left: 1rem;
	padding-right: 1rem;
}
/* .wrap:after, */
/* .wp-block-advgb-columns.wrap:after { */
	/* clear: both; */
	/* content: ""; */
	/* display: block; */
/* } */

/* Tablet styling */
@media only screen and (min-width: 768px) {
	.wrap,
	.wp-block-advgb-columns.wrap {
		max-width: 1200px;
		padding-left: 2rem;
		padding-right: 2rem;
	}
}

/* Tablet Landscape styling */
@media only screen and (min-width: 1024px) {

}

/* Desktop styling */
@media only screen and (min-width: 1260px) {
	.wrap,
	.wp-block-advgb-columns.wrap {
		padding-left: 0;
		padding-right: 0;
	}
}

/* Links
--------------------------------------------- */
a, a:visited {
	color: #f37032;
	cursor: pointer;
	text-decoration: underline;
}
a:hover,a:focus,
a:visited:hover,
a:visited:focus {
	color: #000;
	text-decoration: none;
}
a:link, a:visited:link {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}
a.mail-link,
p.mail-link {
	text-wrap: nowrap;
}

body,
button,
input,
select,
optgroup,
textarea {
	color: #141414;
	font-family: Verdana, Arial, sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	margin:0;
	clear:both;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
	text-decoration: none;
	color: #141414;
}

h1 {
	font-size: 32px;
	font-weight: 400;
	line-height: 1.2;
	padding: 0 0 30px;
}
h2 {
	font-size: 24px;
	line-height: 1.1;
	font-weight: 400;
	padding: 0 0 20px;
}
h3 {
	font-size: 24px;
	line-height: 1.2;
	font-weight: 600;
}
h4 {
	font-size: 22px;
	line-height: 1.2;
	font-weight: 400;
	padding: 0 0 10px;
}

/* Tablet styling */
@media screen and (min-width: 768px) {
	h1 {
		font-size: 36px;
	}
	h2 {
		font-size: 30px;
	}
	h3 {
		font-size: 24px;
	}
	h4 {
		font-size: 22px;
	}
}

p {
	margin: 5px 0 10px;
}
dfn,
em,
i {
	font-style: italic;
}

blockquote {
	background: #f9f9f9;
	border-left: 10px solid #f37032;
	margin: 1.5em 10px;
	padding: 0.5em 10px;
	quotes: "\201C""\201D";
}
	blockquote:before {
		color: #f37032;
		content: open-quote;
		font-size: 4em;
		line-height: 0.1em;
		margin-right: 0.1em;
		vertical-align: -0.4em;
	}
	blockquote p {
		display: inline;
	}
	blockquote cite {
		display: block;
		font-style: normal;
		font-weight: 700;
	}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

small {
	line-height: 1.1;
}

/* Elements
--------------------------------------------- */
body {
	background-color: #f1f1f1;
	font-weight: 400;
}

hr {
	background-color: #f37032;
	width: 80%;
	margin: 20px auto ;
}

ul,
ol {
	margin: 0 0 1.5em 0;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}
dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

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

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

.spalten-no-gap {
	gap: 0;
	margin-bottom: 0;
}

/* Forms
--------------------------------------------- */
button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid #f37032;
	background: #f37032;
	color: #fff;
	line-height: 1.5em;
	padding: 0.5em 2.5em 0.5em 2.5em;
}
button:hover,
.button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background: #fff;
	border-color: #f37032;
	color: #f37032;
	cursor: pointer;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	background: #fff;
	color: #f37032;
	cursor: pointer;
}
.button-white {
	border: 1px solid #f37032;
	background: #fff;
	color: #f37032;
	line-height: 1.5em;
	padding: 0.5em 2em 0.5em 2em;
	display: inline-block;
}
.button-white:hover {
	background: #f37032;
	border-color: #fff;
	color: #fff;
	cursor: pointer;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #f37032;
	border: 1px solid #f37032;
	background-color: #fff;
	line-height: 1.5em;
	padding: 0.5em 3.5em 0.5em 1em;
	vertical-align: top;
	width: 100%;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #f37032;
	border-color: #c39e52;
	outline: 0;
}

select {
	/* styling */
	width: 100%;
	background-color: #fff;
	border: 1px solid #f37032;
	display: inline-block;
	line-height: 1.5em;
	padding: 0.5em 3.5em 0.5em 1em;
	/* reset */
	margin: 0;      
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	box-sizing: border-box;
		-webkit-appearance: none;
		-moz-appearance: none;
	/* arrow */
	background-image:
		linear-gradient(45deg, transparent 50%, gray 50%),
		linear-gradient(135deg, gray 50%, transparent 50%),
		linear-gradient(to right, #ccc, #ccc);
	background-position:
		calc(100% - 20px) calc(1em + 2px),
		calc(100% - 15px) calc(1em + 2px),
		calc(100% - 2.5em) 0.5em;
	background-size:
		5px 5px,
		5px 5px,
		1px 1.5em;
	background-repeat: no-repeat;
}
select:focus {
	background-image:
		linear-gradient(45deg, #c39e52 50%, transparent 50%),
		linear-gradient(135deg, transparent 50%, #c39e52 50%),
		linear-gradient(to right, #ccc, #ccc);
	background-position:
		calc(100% - 15px) 1em,
		calc(100% - 20px) 1em,
		calc(100% - 2.5em) 0.5em;
	background-size:
		5px 5px,
		5px 5px,
		1px 1.5em;
	background-repeat: no-repeat;
	border-color: #c39e52;
	outline: 0;
}
select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #000;
}
textarea {
	width: 100%;
	padding: 7px 14px;
}
label {
	display: block;
	color: #f37032;
	font-weight: 400;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/* Header
--------------------------------------------- */
.header-container {
	background-color: #fdb912;
}
.header-content {
	display: grid;
	grid-template-areas: "header-logo"
						 "header-title";
	align-items: center;
	padding: 20px 20px 0;
}

/* Header Logo */
.header-logo {
	grid-area: header-logo;
	justify-self: left;
	text-align: center;
}
	.header-logo a {
		display: block;
		text-decoration: none;
		height: 130px;
	}
	.header-logo a object{
		pointer-events: none;
	}
	.header-logo a img{
		max-height: 100%;
		max-width: 100%;
	}

/* Header Titel */
.header-title {
	grid-area: header-title;
	justify-self: center;
}

/* Header Navigation */
.navigation-container {
	position: relative;
	z-index: 999;
}
.navigation-container .navigation-logo {
	display: none;
}

/* Tablet styling */
@media screen and (min-width: 768px) {
	.header-content {
		display: grid;
		grid-template-areas: "header-logo header-title";
		grid-template-columns: 2fr 1fr;
		align-items: center;
		padding: 10px 20px;
	}
	/* Header Titel */
	.header-title {
		justify-self: right;
	}
}

/* Tablet Landscape styling */
@media only screen and (min-width: 1024px) {
	/* Header Navigation */
	.navigation-container {
		background-color: #fff;
	}	
	.navigation-content {
		position: relative;
		height: 80px;
	}
	
	/* Header Navigation Fixed */
	.navigation-container.sticky {
		position: fixed;
		top: 0;
		margin-top: 0;
		max-width: none;
		width: 100%;
		background-color: #fdb912;;
	}
		.navigation-container.sticky .navigation-content {
			display: grid;
			grid-template-columns: 1fr 7fr;
			gap: 20px;
		}
		.navigation-container.sticky .navigation-logo {
			display: block;
		}
		.navigation-container.sticky .navigation-logo a {
			display: block;
			text-decoration: none;
			text-align: center;
			height: 80px;
			padding: 10px 0;
		}
		.navigation-container.sticky .navigation-logo a img{
			max-height: 100%;
			max-width: 100%;
		}
}

/* Footer
--------------------------------------------- */
.footer-container {
	background-color: #fff;
}

/* Info */
.footer-info-container {
	background-color: #fdb912;
}
.footer-info-content {
	display: grid;
	grid-template-columns: 100%;
	grid-template-areas: "footer-info-two "
						 "footer-info-three";
	grid-gap: 30px;
	padding: 30px 0;

}
	.footer-info-item-one {
		grid-area: footer-info-one;
		text-align: center;
	}
	.footer-info-item-two {
		grid-area: footer-info-two;
		text-align: center;
	}
	.footer-info-item-three {
		grid-area: footer-info-three;
		text-align: center;
	}
	.footer-info-content h3 {
		padding: 0 0 15px;
		color: #f37032;
		font-size: 20px;
	}
	.footer-info-content p {
		font-size: 14px;
		margin: 0;
	}
	.footer-info-content img {
		max-height: 280px;
	}
	a.social-icon {
		font-size: 50px;
	}
	a.social-icon:hover {
		color: #141414;
	}

/* Content */
.footer-content {
	display: grid;
	grid-template-columns: 100%;
	grid-template-areas: "footer-menu"
						 "footer-copy";
	grid-gap: 20px;
	align-items: center;
	padding: 10px 25px;
}
	.footer-copyright {
		grid-area: footer-copy;
		font-size: 14px;
		line-height: 1.2;
		text-align: center;
		color: #141414;
	}
		.footer-copyright a {
			color: #141414;
			text-decoration: none;
		}
		.footer-copyright a:hover {
			color: #141414;
			text-decoration: underline;
		}
	/* Menu */
	.footer-menu {
		grid-area: footer-menu;
		text-align: center;
	}
	.footer-menu .menu {
		margin: 0; padding: 0;
		list-style: none;
	}
	.footer-menu .menu-item {
		display: inline-flex;
	}
	.footer-menu .menu-item a {
		color: #141414;
		font-size: 14px;
		line-height: 1.2;
		text-decoration: none;
		padding: 0 8px 0 0;
		white-space: nowrap;
	}
	.footer-menu .menu-item a:hover {
		color: #141414;
		text-decoration: underline;
	}
	.footer-menu .menu-item:last-child a {
		padding: 0;
	}
/* Back2Top Menu */
#back-top { 
	display: none; 
	position: fixed; 
	bottom: 9.5625rem; right: 0; 
	width: 40px; height: 40px; 
	line-height: 42px;
	text-align: center; 
	font-size: 1.450em; 
	background-color: rgba(243, 111, 50, 0.9);
	color: #fff;
}

/* Tablet styling */
@media screen and (min-width: 768px) {
	/* Info */
	.footer-info-content {
		grid-template-columns: 1fr 1fr;
		grid-template-areas: "footer-info-two footer-info-three";	
	}
	.footer-info-item-two {
		text-align: left;
	}
	.footer-info-item-three {
		text-align: left;
	}
		.footer-info-content-two {
			display: flex;
			justify-content: space-between;
		}
	/* Content */
	.footer-content {
		grid-template-columns: 1fr 1fr;
		grid-template-areas: "footer-menu footer-copy";
		grid-gap: 10px;
	}
		.footer-menu {
			text-align: left;
		}
		.footer-copyright {
			text-align: right;
		}
	/* Back2Top Menu */
	#back-top { 
		bottom: 120px;
	}
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
	#menu-desktop { display: none; }

	/* WPR Menu */
	.wprm-wrapper #wprmenu_bar {
		z-index: 99998;
		width: 100%;
	}
	.wprm-wrapper #wprmenu_bar .menu_title {
		display: none;
	}
	/* Info Bar */
	.navigation-infobar {
		position: fixed;
		z-index: 99999;
		top: 0;
		display: flex;
		align-items: center;
		width: 150px;
		height: 60px;
		padding: 0 10px;
	}
		.navigation-infobar-item{
			min-width: 50px;
			text-align: center;
		}
		.navigation-infobar-item i {
			font-size: 25px;
			color: #fff;
		}

	/* Tablet Landscape styling */
	@media only screen and (min-width: 1024px) {	
		/* Hide mobile Menu */
		.mm-panels,
		ul#menu-mobile-menue.menu,
		#menu-mobil,
		.navigation-infobar { display: none; }

		/* Main Navigation */
		#menu-desktop {
			display: block;
		}
		.menu-header {
			position: relative;
			display: flex;
			justify-content: space-between;
			gap: 5px;
			list-style: none;
			padding: 0; margin: 0;
		}
		/* Level 1 */
		.menu-header > li.menu-item {
			flex-grow: 1;
			position: relative;
		}
		.menu-header > li a {
			position: relative;
			z-index: 999;
			display: grid;
			text-align: center;
			align-content: center;
			text-decoration: none;
			font-size: 18px;
			height: 80px;
			line-height: 1.2;
			color: #141414;			
		}
		.menu-header > li.current-menu-item,
		.menu-header > li.menu-item:hover { 
			color: #f37032;
		}
			.menu-header > li.current-menu-item a,
			.menu-header > li.menu-item:hover a { 
				color: #f37032;
			}

		.navigation-container.sticky .menu-header > li a  {
			color: #fff;
		}
		.navigation-container.sticky .menu-header > li.current-menu-item,
		.navigation-container.sticky .menu-header > li.menu-item:hover { 
			color: #f37032;
			background-color: #fff;
		}
			.navigation-container.sticky .menu-header > li.current-menu-item a,
			.navigation-container.sticky .menu-header > li.menu-item:hover a { 
				color: #f37032;
			}

		/* Level 2 */
		.menu-header li.menu-item ul.sub-menu {
			clear: both;
			position: absolute;
			left: 50%;
			min-width: 185px;
			height: 0;
			overflow: hidden;
			background-color: rgba(255, 255, 255, 1);
				-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.20);
				-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.20);
			box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.20);
			padding: 10px;
			margin: 0;
			z-index: 998;
			list-style: none;
			opacity: 0;
			top: 0;
				-webkit-transition: all .3s ease;
				-moz-transition: all .3s ease;
				-ms-transition: all .3s ease;
				-o-transition: all .3s ease;
			transition: all .3s ease;
				-webkit-transform: translate(-50%, 0);
				-moz-transform: translate(-50%, 0);
				-ms-transform: translate(-50%, 0);
				-o-transform: translate(-50%, 0);
			transform: translate(-50%, 0);
		}
			.menu-header li.menu-item:first-child > ul.sub-menu {
				left: 0;
				transform: translate(0, 0);
					-webkit-transform: translate(0, 0);
					-moz-transform: translate(0, 0);
					-ms-transform: translate(0, 0);
					-o-transform: translate(0, 0);	
			}
			.menu-header li.menu-item:last-child > ul.sub-menu {
				left: auto;
				right: 0;
				transform: translate(0, 0);
					-webkit-transform: translate(0, 0);
					-moz-transform: translate(0, 0);
					-ms-transform: translate(0, 0);
					-o-transform: translate(0, 0);	
			}
		.menu-header ul.sub-menu > li.menu-item > a,
		.menu-header ul.sub-menu > li.current-menu-item > a {
			font-size: 18px;
			line-height: 1.2;
			height: auto;
			color: #141414;
			text-transform: none;
			white-space: nowrap;
			padding: 12px 10px;
		}
		.menu-header li:hover > ul.sub-menu > li.current-menu-item a,
		.menu-header ul.sub-menu > li.current-menu-item a,
		.menu-header ul.sub-menu > li.menu-item a:hover {
			color: #fff;
			background-color: #fdb912;
		}
		.menu-header li.menu-item:hover > ul {
			opacity: 1;
			top: 80px;
			height: auto;
		}
	}

/* MAIN Content
--------------------------------------------- */
.main-container {
	letter-spacing: 0.4px;
	padding: 40px 20px;
}

/* Post Article */
.post-container {
	display: grid;
	grid-template-columns: 100%;
	gap: 15px;
}
.post-content {
	position: relative;
	padding-bottom: 40px;
}
	.post-thumbnail {
		display: grid;
		background: #d4d4d4;
		height: 260px;
		overflow: hidden;
		text-align: center;
	}
		.post-thumbnail img {
			height: 100%;
			width: auto;
		}
		.post-thumbnail i.fa-camera-slash {
			align-self: center;
			font-size: 90px;
			color: #141414ad;
		}
	.post-content a {
		color: #141414;
		display: block;
		height: 100%;
		text-decoration: none;
	}
	.post-content h2 {
		font-size: 1.200em;
		line-height: 1.2;
		padding: 10px 0;
	}
	.post-publish-details {
		color: #d4d4d4;
		font-size: 0.800em;
	}
	.post-teaser {
		font-size: 0.800em;
		line-height: 1.2;
		letter-spacing: .2px;
	}
	.post-more {
		position: absolute;
		bottom: 0;
		right: 0;
		width: 100%;
		background-color: #f37032;
		border: 1px solid #f37032;
		padding: 4px 0;
		color: #fff;
		font-size: 0.900em;
		text-align: center;
	}

/* Post Pagination */
.post-pagination-container {
	display: flex;
	justify-content: center;
	column-gap: 8px;
	border-top: 1px solid #d4d4d4;
	padding-top: 15px;
	margin-top: 15px;
}
.post-pagination-hint,
.post-pagination-current,
a.post-pagination-nav {
	border: 1px solid #d4d4d4;
	padding: 4px 12px;
	color: #282828;
	font-size: 0.800em;
	text-decoration: none;
}
	.post-pagination-current,
	a.post-pagination-nav:hover {
		background-color: #f37032;
		border-color: #f37032;
		color: #fff;
	}
	a.post-pagination-nav:hover {
		box-shadow: 2px 2px 4px #d4d4d4;
	}
/* Tablet styling */
@media screen and (min-width: 768px) {
	/* Post Article */
	.post-container {
		grid-template-columns: 1fr 1fr;
	}
}
/* Tablet Landscape styling */
@media only screen and (min-width: 1024px) {
	/* Post Article */
	.post-container {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

/* Single */
.single-header h1 {
	padding: 0 0 5px;
}
.single-hero img {
	display: block;
	width: 100%;
	height: auto;
	max-width: 800px;
	margin: 0 auto;
}

/* Post Navigation */
.post-navigation {
	padding: 30px 0 0;
}
.nav-links {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-areas: "previous next";
}
	.nav-next a,
	.nav-previous a {
		color: #707070;
		text-decoration: none;
		display: grid;
	}
	.nav-next a {
		grid-template-columns: 1fr 65px;
		grid-template-areas: "nav-subtitle nav-icon"
							 "nav-title nav-icon";
	}
	.nav-previous a {
		grid-template-columns: 65px 1fr;
		grid-template-areas: "nav-icon nav-subtitle"
							 "nav-icon nav-title";
	}
	.nav-subtitle {
		grid-area: nav-subtitle;
	}
	.nav-title {
		grid-area: nav-title;
	}
	.nav-icon {
		grid-area: nav-icon;
		font-size: 32px;
	}
	.nav-previous {
		text-align: left;
		grid-area: previous;
	}
	.nav-next {
		text-align: right;
		grid-area: next;
	}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* CMPLZ Consent Banner  */
#cmplz-manage-consent button.cmplz-manage-consent {
	background-color: #f37032;
	border: 0 none;
	padding: 10px;
}

/* Mixed */
.wp-caption-text { display: none; }
.wp-block-advgb-button.aligncenter { float: none; }

/* Yoast Breadcrumb */
.breadcrumbs {
	color: #787878;
	font-size: 14px;
	padding-bottom: 30px;
}
	.breadcrumbs a {
		font-size: 14px;
		color: #787878;
	}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
.rahmen {
	border-style: solid;
	border-width: thin;
	border-color: #000000;
	padding: 15px 15px 15px 15px;
 }
 
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}
/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}