/*
Theme Name: Petras Schmuckkästchen by Petra Walter
Theme URI: http://www.petras-schmuckkaestchen.de
Author: Matthias Klindworth
Author URI: http://www.k-evolution.de
Description: Template WordPress
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: schmuck
*/

:root {
	--container: 1640px;
	--admin-bar: 32px;
	--red: 198, 20, 47;
	--logo-size: 5rem;
}

body {
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	max-width: 100%;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
}
body * {
	font-size: inherit;
	color: inherit;
	box-sizing: border-box;
	z-index: 1;
}
body.mobile * {
	line-height: 1.35em;
}
body.admin-bar {
	padding-top: var(--admin-bar);
}
body.admin-bar header nav {
	top: var(--admin-bar);
}
body.navigation {
	padding-top: calc(var(--logo-size) + 2rem - 8px);
}
body.mobile {
	padding: 0;
}

.container {
	margin: auto;
	width: 100%;
	max-width: calc(var(--container) + 1rem);
	padding: 1rem;
}

h1, .h1, h1 *, .h1 *,
h2, .h2, h2 *, .h2 *,
h3, .h3, h3 *, .h3 *,
h4, .h4, h4 *, .h4 *,
h5, .h5, h5 *, .h5 *,
h6, .h6, h6 *, .h6 * {
	color: inherit;
	text-decoration: inherit;
	display: block;
	margin: 0 0 1rem 0;
}
h1, .h1, h1 *, .h1 * {
	font-size: 6rem;
}
h2, .h2, h2 *, .h2 * {
	font-size: 5rem;
}
h3, .h3, h3 *, .h3 * {
	font-size: 4rem;
	margin: 0 0 2rem 0;
}
h4, .h4, h4 *, .h4 * {
	font-size: 3rem;
}
h5, .h5, h5 *, .h5 * {
	font-size: 2rem;
}
address {
	font-style: normal;
}
img {
	max-width: 100%;
	height: auto;
}
p {
	-webkit-hyphens: auto;
	-webkit-hyphenate-limit-chars: auto 3;
	-webkit-hyphenate-limit-lines: 4;
	-ms-hyphens: auto;
	-ms-hyphenate-limit-chars: auto 3;
	-ms-hyphenate-limit-lines: 4;
	-moz-hyphens: auto;
  	hyphens: auto;
	text-align: justify;
}
a {
	text-decoration: none;
}
blockquote:before {
	content: '\f10d';
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 400;
	position: absolute;
	left: 0;
	bottom: 50%;
	font-size: 2em;
}
blockquote:after {
	content: '\f10e';
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 400;
	position: absolute;
	right: 0;
	top: 50%;
	font-size: 2em;
}
blockquote,
blockquote * {
	font-size: 1em;
	margin: 0;
	padding: 0;
}
blockquote p {
	font-size: 2em;
	margin-bottom: 1em;
}
.mobile blockquote p {
	font-size: 1.2em;
	margin-bottom: .6em;
}
blockquote cite {
	font-size: .9em;
}
blockquote {
	display: inline-block;
	position: relative;
	margin: 0 !important;
	padding: 1em 4em !important;
}
figure figcaption {
	text-align: center;
}
figure.alignleft figcaption {
	text-align: left;
}
figure.aligncenter figcaption {
	text-align: center;
}
figure.alignright figcaption {
	text-align: right;
}

.mehr {
	border-radius: 0px !important;
}
.pull-right {
	float: right;
}


/**********************
		Header
***********************/

header.without-nav {
	text-align: center;
}
header.without-nav .custom-logo-link {
	display: inline-block;
	margin: auto;
	padding: 1rem;
}
header.with-nav {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 2;
	background: #fff;
	margin: 0 !important;
	padding: 0 !important;
}
.admin-bar header.with-nav {
	top: var(--admin-bar);
}
header.with-nav nav {
	max-width: calc(var(--container) + 1em);
	margin: auto;
	padding: 0;
	z-index: 3;
	background: #fff;
	display: flex;
	flex-direction: row;
	align-items: center;
	vertical-align: center;
}
header.with-nav .custom-logo-link img {
	margin: 0.5rem 3rem;
	max-height: var(--logo-size);
	width: auto;
	height: auto;
}
header.with-nav nav ul {
	flex-grow: 1;
	margin: 0;
	padding: 0;
	list-style: none;
}
header.with-nav nav ul {
	display: flex;
	flex-direction: row;
}
header.with-nav nav ul#navigation-left {
	justify-content: flex-end;
}
header.with-nav nav ul li a {
	display: inline-block;
	padding: 1em;
	font-size: 1em;
	line-height: 1.2em;
	text-decoration: none;
	text-transform: uppercase;
}
header.with-nav nav ul li a:last-child {
	padding-right: 0;
}

/* Mobile */
header.mobile {
	margin: 0;
	text-align: center;
}
header.mobile .custom-logo-link img {
	margin: 1rem auto 0 auto;
	max-width: 30vw;
	height: auto;
}
header.mobile .fa-bars {
	position: absolute;
	top: 5vw;
	right: 5vw;
	font-size: 10vw;
}
header.mobile nav {
	display: none;
}
header.mobile nav * {
	text-align: left;
	list-style: none;
	text-decoration: none;
}
header.mobile nav ul:first-child {
	margin-bottom: -1em !important;
}

/**********************
		Main
***********************/

main {
	
}

.wp-block-cover {
	margin-bottom: 1rem;
}

.wp_map_canvas {
	height: 100%;
	min-height: 10vh;
	width: 100%;
}
.mobile .wp_map_canvas {
	min-height: 50vh;
}

main iframe {
	width: 100%;
	border: none;
	height: auto;
}
.gap-0 .wp-block-column {
	margin: 0 !important;
}
.gap-0 .odd {
	padding: 1rem;
}
.gap-1 {
	margin-bottom: 1px !important;
}
.gap-1 .blocks-gallery-item {
	margin: 0px !important;
	margin-left: 1px !important;
}
.gap-1 .blocks-gallery-item:first-child {
	margin-left: 0px !important;
}
.has-white-color {
	color: #fff !important;
}

.asp .wp-block-column * {
	margin: 0;
	padding: 0 1rem;
}
.asp .wp-block-column figure,
.asp .wp-block-column img {
	margin: .5rem 0;
	padding: 0;
	width: 100%;
}
.container.wp-block-media-text .wp-block-media-text__content {
	padding: 1rem 0 1rem 1rem;
}
.container.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
	padding: 1rem 1rem 1rem 0;
}
.sitemap {
	list-style: none;
	margin: 0;
	padding: 1rem;
}
.sitemap > li {
	font-size: 1.1rem;
	font-weight: 900;
	text-transform: uppercase;
}
.sitemap ul {
	margin: 1rem;
	padding: 0;
}
.sitemap ul * {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 1rem;
	font-weight: 500;
	text-transform: capitalize;
	text-decoration: none;
}
.home .odd * {
	margin: 0 !important;
}


/**********************
		Social
***********************/

.social {
	padding: 1.5rem;
	text-align: center;
}
.social .fab {
	font-size: 2.5em;
}


/**********************
		Footer
***********************/
footer {
	background: rgb(var(--red));
	color: #fff;
	padding: 1em;
	text-align: center;
}
footer nav ul {
	margin: 0;
	position: absolute;
	right: 0;
	display: flex;
	flex-direction: row;
	align-content: space-between;
	list-style: none;
}
footer nav ul a {
	text-decoration: none;
	padding: 1em;
}
.mobile footer nav ul {
	position: relative;	
	left: 0;
	right: 0;
	flex-direction: column;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid black;
}
.mobile footer nav ul * {
	margin: 0;
	padding: 0;
	display: block;
}
.mobile footer nav ul a {
	padding: .25em;	
}

/**********************
		Forms
***********************/
label {
	display: block;
	font-size: inherit;
	padding-top: 1rem;
}
input,
textarea,
select {
	display: block;
	width: 100%;
	margin: .5rem 0;
	padding: .5rem 1rem;
	border-color: #000;
	border-width: 1px;
}
input[type=checkbox] {
	display: initial;
	width: initial;
}