/*
Theme Name: lot-anwalt-kuendigung
Theme URI: anwalt-kuendigung
Author: anwalt-kuendigung
Template: twentytwelve
Version: 1.0
Text Domain: lot-anwalt-kuendigung
Version: 1.0
*/

/* =======================================
FONTS
======================================= */

/* roboto-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: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('font/roboto-v30-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('font/roboto-v30-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* roboto-italic - 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: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('font/roboto-v30-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('font/roboto-v30-latin-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* roboto-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: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('font/roboto-v30-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('font/roboto-v30-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* roboto-700italic - 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: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('font/roboto-v30-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('font/roboto-v30-latin-700italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* noto-serif-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: 'Noto Serif';
  font-style: normal;
  font-weight: 400;
  src: url('font/noto-serif-v23-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('font/noto-serif-v23-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* noto-serif-italic - 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: 'Noto Serif';
  font-style: italic;
  font-weight: 400;
  src: url('font/noto-serif-v23-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('font/noto-serif-v23-latin-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* noto-serif-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: 'Noto Serif';
  font-style: normal;
  font-weight: 600;
  src: url('font/noto-serif-v23-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('font/noto-serif-v23-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* noto-serif-600italic - 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: 'Noto Serif';
  font-style: italic;
  font-weight: 600;
  src: url('font/noto-serif-v23-latin-600italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('font/noto-serif-v23-latin-600italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* =======================================
ICONS
======================================= */

@font-face {
  font-family: 'fontello';
  src: url('font/fontello.eot?4404912');
  src: url('font/fontello.eot?4404912#iefix') format('embedded-opentype'),
       url('font/fontello.woff2?4404912') format('woff2'),
       url('font/fontello.woff?4404912') format('woff'),
       url('font/fontello.ttf?4404912') format('truetype'),
       url('font/fontello.svg?4404912#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
	font-display: optional;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

/* =======================================
ROOT STYLES
======================================= */

:root {
	/* Colors: */
	--color-primary-1: #3A3937;
	--color-primary-2: #9D2235;
	--color-primary-3: #BEBEBD;
	--color-primary-4: #EFEFEF;
	--color-primary-5: #F8F8F8;
	--color-white-1: #FFFFFF;

	/* Font Family*/
	--font-primary: 'Roboto', "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	--font-secondary: 'Noto Serif', "Times New Roman", Times, serif;

	/* Font Sizes */
	/* 14px → 14px - VW 600px/1200px */
	--text-xs: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
	
	/* 14px → 16px - VW 600px/1200px */
	--text-sm: clamp(0.875rem, 0.75rem + 0.3333vw, 1rem);
	
	/* 16px → 20px - VW 600px/1200px */
	--text-base: clamp(1rem, 0.75rem + 0.6667vw, 1.25rem);
	
	/* 18px → 22px - VW 600px/1200px */
	--text-md: clamp(1.125rem, 0.875rem + 0.6667vw, 1.375rem);
	
	/* 20px → 25px - VW 600px/1200px */
	--text-lg: clamp(1.25rem, 0.9375rem + 0.8333vw, 1.5625rem);
	
	/* 25px → 40px - VW 600px/1200px */
	/*--text-xl: clamp(1.5625rem, 1.25rem + 0.8333vw, 1.875rem);*/
	--text-xl: clamp(1.5625rem, 0.625rem + 2.5vw, 2.5rem);
	
	/* 16px → 28px - VW 600px/1200px */
	--text-footer: clamp(1rem, 0.875rem + 0.3333vw, 1.125rem);
	
	/* Padding */
	--side-padding: 30px;
	--side-padding-plus10: 40px;
}

@media screen and (max-width: 767px) {
    :root {
        --side-padding: 20px;
		--side-padding-plus10: 30px;
    }
}


/* =======================================
RESET
======================================= */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}

html {
	/* overflow-y: scroll; */
	font-size: 100%;
	 -webkit-text-size-adjust: 100%; 
	 -ms-text-size-adjust: 100%; 
}

body {
	line-height: 1;
	font-size: var(--text-base);
	overflow-x: hidden;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	font-weight: normal;
	text-align: left;
}

a:focus {
    outline: 2px dotted var(--color-primary-2);
    outline-offset: 4px;
	z-index: 9999;
    position: relative;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}

audio, canvas, video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
}

del {
	color: #333;
}

ins {
	text-decoration: none;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin: 24px;
	margin-bottom: 1.714285714rem;
}

sub, sup {
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

small {
	font-size: smaller;
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}

/* Clearing floats */
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
	clear: both;
}

.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
	display: table;
	content: "";
}

#content {
	/*background-color: #fff;*/
}

/* =======================================
HEADINGS AND TITLES
======================================= */

h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-secondary);
	/*text-wrap: balance;*/
	font-weight: 600;
}

.archive-title,
.page-title {
	font-size: var(--text-xl);
	line-height: 1.5;
	font-weight: 400;
	color: var(--color-primary-2);
}

/* =======================================
Repeatable patterns
======================================= */

/* Small headers */
.widget-title,
.entry-content th,
.comment-content th {
	font-size: var(--text-sm);
	line-height: 1.7;
	font-weight: bold;
}

/* Shared Post Format */
article.format-quote footer.entry-meta,
article.format-link footer.entry-meta,
article.format-status footer.entry-meta {
	font-size: var(--text-sm);
	line-height: 1.7;
}

/* =======================================
FORMS
======================================= */

/* Form fields, general styles first */
button,
select,
textarea,
input {
	border: 1px solid #ccc;
	border-radius: 3px;
	font-family: inherit;
	padding: 6px;
}

button,
input {
	line-height: normal;
}

input#s {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: var(--text-sm);
	line-height: 1;
	padding: 18px;
	width: 100%;
	background-color: var(--color-primary-5);
	border: 2px solid var(--color-primary-3);
	border-radius: 10px;
}

textarea {
	/*font-size: 100%;*/
	overflow: auto;
	vertical-align: top;
}

/* Reset non-text input types */
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
	border: 0;
	border-radius: 0;
	padding: 0;
}

/* Buttons */

.button-kreditvergleich {
    padding: 10px;
    min-width: 45%;
    display: inline-block;
    border-radius: 2px;
    background-color: #145146;
	color: #fff !important;
	font-size: 20px;
	font-weight: bold;
    text-align: center;
	margin: 0 5px 10px
}

.button-kreditvergleich a:visited {
	color: #fff !important
}

.beratung a.clickout,
.beratung .buttonfeld,
#content a.clickout,
#content .buttonfeld {
    display: inline-block;
	cursor: pointer;
	/*text-decoration:underline;*/
}

/*Download Button*/

.downloadbutton a {
	text-decoration:none;
	font-weight:600;
	border-radius: 10px;
	padding: 18px 25px;
	text-align: center;
	font-size: var(--text-base);
	cursor: pointer;
	color: var(--color-primary-2);
	background-color: #fff;
	border: 2px solid var(--color-primary-2);
	display: flex;
	align-items: center;
	justify-content: lef;
	margin-bottom: 20px;
}

@media (max-width: 767px) {
	.downloadbutton a {
		padding: 15px 20px;
	}
}

.downloadbutton a:hover {
	text-decoration:none;
	background-color: var(--color-primary-2);
	border: 2px solid var(--color-primary-2);
	color: var(--color-white-1);
	cursor: pointer;
}

.downloadbutton img {
	width: 45px;
	height: auto;
	background-color: #fff;
	padding: 6px;
}

.menu-toggle,
input[type="submit"],
input[type="button"],
input[type="reset"],
article.post-password-required input[type=submit],
button,
a.button,
.beratung a.clickout,
.beratung .buttonfeld,
.kuendigung-templates-list a,
#button .kategorien li a {
	text-decoration:none;
	color: var(--color-white-1);
	font-weight:600;
	background-color: var(--color-primary-2);
	border: 2px solid var(--color-primary-2);
	border-radius: 10px;
	padding: 18px 25px;
	text-align: center;
	font-size: var(--text-base);
	cursor: pointer;
}

@media (max-width: 767px) {
	.menu-toggle,
	input[type="submit"],
	input[type="button"],
	input[type="reset"],
	article.post-password-required input[type=submit],
	button,
	a.button,
	.beratung a.clickout,
	.beratung .buttonfeld,
	.kuendigung-templates-list a,
	#button .kategorien li a {
		padding: 15px 20px;
	}
}	

a.button:visited {
	/*color: var(--color-primary-2);*/
}

.menu-toggle:hover,
button:hover,
a.button:hover,
.beratung a.clickout:hover,
.beratung .buttonfeld:hover,
.kuendigung-templates-list a:hover,
#button .kategorien li a:hover {
	text-decoration:none;
	background-color: var(--color-primary-2);
	border: 2px solid var(--color-primary-2);
	color: var(--color-white-1);
	cursor: pointer;
}

input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
article.post-password-required input[type=submit]:hover{
	text-decoration:none;
	background-color: var(--color-primary-1);
	border: 2px solid var(--color-primary-1);
	color: var(--color-white-1);
	cursor: pointer;
}

.button a {
	color:#fff;
	text-decoration:none;
}

.button a:hover {
	color:#fff;
	text-decoration:none;
}

/* =======================================
Kuendigung Template List
======================================= */

.kuendigung-templates-list ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Erstellt 3 gleich große Spalten */
    gap: 20px; /* Setzt den Abstand zwischen den Spalten und Zeilen */
    padding: 0;
    list-style-type: none; /* Entfernt die Listensymbole */
}

#button .kategorien {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Erstellt 3 gleich große Spalten */
    gap: 20px; /* Setzt den Abstand zwischen den Spalten und Zeilen */
    padding: 0;
    list-style-type: none; /* Entfernt die Listensymbole */
}

.kuendigung-templates-list li,
#button .kategorien li {
	padding: 0 !important;
	margin: 0 !important;
}

.kuendigung-templates-list li::before,
#button .kategorien li::before{
	display: none !important;
}

@media (min-width: 768px) and (max-width: 1023px) {
    .kuendigung-templates-list ul {
        grid-template-columns: repeat(2, 1fr); /* 2 Spalten */
    }
}

@media (max-width: 767px) {
    .kuendigung-templates-list ul,
    #button .kategorien {
        grid-template-columns: 1fr; /* 1 Spalte */
    }
}


/* =======================================
Container Buttons Grid
======================================= */

.container-button{
	display: grid;
	justify-content: space-between;
	margin-bottom: 25px;
	gap: 25px;
}

.container-button .button,
.kuendigung-templates-list a,
#button .kategorien li a {
	color: var(--color-primary-2);
	background-color: #fff;
	border: 2px solid var(--color-primary-2);
	display: flex;
	align-items: center;
	justify-content: center;
	/*margin-bottom: 10px;*/
}

@media screen and (min-width: 600px) {
	.container-button {
		grid-template-columns: 49% 49%;
	}
}

@media screen and (max-width: 600px) {
	.container-button {
		grid-template-columns: 1fr;
	}
}

.main-navigation .menu-toggle {
	margin-left: 10px;
}

.menu-toggle,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	cursor: pointer;
}

button[disabled],
input[disabled] {
	cursor: default;
}

/* Responsive images */
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}

img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

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

.entry-content .twitter-tweet-rendered {
	max-width: 100% !important; /* Override the Twitter embed fixed width */
}

/* Images */
.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
	/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border-radius: 10px !important;
}

.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	padding: 4px;
}

.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	padding: 0 !important;
	font-size: var(--text-xs) !important;
	color: var(--color-primary-2) !important;
	line-height: 1.5 !important;
	margin-top: 4px;
	font-style: italic;
}

img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.entry-content dl.gallery-item {
	margin: 0;
}

.gallery-item a,
.gallery-caption {
	width: 90%;
}

.gallery-item a {
	display: block;
}

.gallery-caption a {
	display: inline;
}

.gallery-columns-1 .gallery-item a {
	max-width: 100%;
	width: auto;
}

.gallery .gallery-icon img {
	height: auto;
	max-width: 90%;
	padding: 5%;
}

.gallery-columns-1 .gallery-icon img {
	padding: 3%;
}

#nav-above {
	padding: 24px 0;
	padding: 1.714285714rem 0;
}

#nav-above {
	display: none;
}

.paged #nav-above {
	display: block;
}

/* =======================================
Vorlagen A-Z
======================================= */

#anbieter-list ul li{
    padding: 0;
	margin: 0;
}

#anbieter-list ul li::before{
    display: none;
}

.vorlagen-az,
#anbieter-list ul {
    position: relative;
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 30px;
	margin-left: -5px;
}

.vorlagen-az a,
#anbieter-list a {
	display: block;
    border: none;
    color: var(--color-white-1);
	font-size: var(--text-md);
	font-weight: 700;
    background-color: var(--color-primary-2);
    line-height: 55px;
    height: 55px;
    width: 55px;
    margin: 5px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
	text-decoration: none;
	border-radius: 6px;
}

.vorlagen-az a:hover,
#anbieter-list a:hover {
    color: var(--color-white-1);
    background-color: var(--color-primary-1);
}

/* =======================================
SITE CONTENT NAV
======================================= */

.site-content .nav-single {
	clear: both;
	line-height: 1.7;
	overflow: hidden;
	display: flex;
	padding: var(--side-padding);
	gap: 30px;
	text-wrap: balance;
	background-color: #fff;
}

.site-content .nav-single a{
	display: inline-block;
}

.site-content .nav-single span  {
	flex: 1;
}

.site-content .nav-single .nav-next,
.site-content .nav-single .next-image {
	text-align: right;
}

@media screen and (max-width: 767px) {
	
	.site-content .nav-single {
		flex-direction: column;
	}
	
	.site-content .nav-single .nav-next,
	.site-content .nav-single .next-image {
		text-align: left;
	}

}

/* =======================================
AUTHOR PROFILES
======================================= */

.author .archive-header {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.author-info {
	border-top: 1px solid #ededed;
	margin: 24px 0;
	margin: 1.714285714rem 0;
	padding-top: 24px;
	padding-top: 1.714285714rem;
	overflow: hidden;
}
.author-description p {
	color: #757575;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
.author.archive .author-info {
	border-top: 0;
	margin: 0 0 48px;
	margin: 0 0 3.428571429rem;
}
.author.archive .author-avatar {
	margin-top: 0;
}

/* =======================================
BASICS STRUCTURE
======================================= */

body {
	font-family: var(--font-primary);
	color: var(--color-primary-1);
}

body.custom-font-enabled {
	font-family: var(--font-primary);
}

a {
	outline: none;
	color: var(--color-primary-2);
}

a:hover {
	color: var(--color-primary-1);
}

/* Assistive text */

.assistive-text,
.site .screen-reader-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
	overflow: hidden;
	height: 1px;
	width: 1px;
}

.main-navigation .assistive-text:focus,
.site .screen-reader-text:hover,
.site .screen-reader-text:active,
.site .screen-reader-text:focus {
	background: #fff;
	border: 2px solid #333;
	border-radius: 3px;
	clip: auto !important;
	color: #000;
	display: block;
	font-size: 12px;
	height: auto;
	padding: 12px;
	position: absolute;
	top: 5px;
	left: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/* Page structure */

#main.wrapper {
	background-color: var(--color-primary-5);
	padding: 40px 20px 0 20px;
}

@media screen and (max-width: 767px) {
	
	#main.wrapper {
		background-color: #fff;
		padding: 0;
	}

}

@media screen and (max-width: 767px) {
	
	#primary {
		margin-top: 60px !important;
	}

}

.site {
	background-color: #fff;
}

.site-content {
	max-width: 1080px;
	margin: 0 auto;
	/*background-color: #fff;*/
	border-radius: 10px 10px 0 0;
}

.entry-content {
	background-color: #fff;
	padding: 30px var(--side-padding);
}

/* =======================================
ENTRY HEADER
======================================= */

.entry-header{
	background-color: var(--color-primary-5);
}

.entry-header .share-btns {
	padding: 20px 30px 0 30px;
	margin: 0;
}

.title-and-breadcrumb {
    display: flex;
    flex-direction: column;
}

@media (max-width: 767px) {
	
    .title-and-breadcrumb {
        display: flex;
        flex-direction: column;
    }

    .title-and-breadcrumb .breadcrumb {
        order: -1;
    }
	
}

.entry-header .entry-title {
	line-height: 1.4;
	font-size: var(--text-xl);
	font-weight: 400;
	color: var(--color-primary-1);
	background-color: var(--color-primary-5);
	padding: 20px 0 40px 0;
	/*border-radius: 10px 10px 0 0;*/
}

@media screen and (max-width: 1100px) {
	.entry-header .entry-title {
		padding: 60px 0 40px 0;
	}
}

@media screen and (max-width: 767px) {
	.entry-header .entry-title {
		/*color: var(--color-primary-2);*/
		background-color: var(--color-white-1);
		padding: 25px var(--side-padding) 5px var(--side-padding);
	}

}

.entry-header .entry-title a {
	text-decoration: none;
}

/* POST INFO */

.post-info {
    display: flex;
    align-items: center;
	font-size: var(--text-sm);
	column-gap: 30px;
	row-gap: 12px;
	flex-wrap: wrap;
	line-height: 1.3;
	padding: 20px var(--side-padding);
	background-color: var(--color-white-1);
	/*border-radius: 10px 10px 0 0;*/
}

.post-info > div {
    display: flex;
    align-items: center;
}

.post-info img {
    margin-right: 8px;
}

@media (max-width: 767px) {
	.post-info img {
	    width: 18px;
	}
}	

/* =======================================
BREADCRUMB
======================================= */

/* Navigation */

.breadcrumb {
	font-weight: 400;
	background-color: var(--color-primary-4);
	padding: 18px var(--side-padding);
	font-size: var(--text-sm);
	line-height: 1.5;
	border-radius: 10px 10px 0 0;
}

@media (max-width: 767px) {
	.breadcrumb {
		background-color: var(--color-primary-4);
		border-radius: 0;
	}
}	

.breadcrumb a{
	color: var(--color-primary-1);
	text-decoration: none;
}

.breadcrumb a:hover{
	color: var(--color-primary-3);
	text-decoration: underline;
}

.breadcrumb a,
.breadcrumb li.current::before {
	margin-right: 5px;
}

/*Plugin Style Override*/
.breadcrumb li:before {
	content: "";
	display: inline-block;
	height: 8px;
	width: 9px;
	background-image: url('img/icon-breadcrumb-arrow-right.svg');
	background-size: contain;
	background-repeat: no-repeat;
	margin: 0 8px;
}

.breadcrumb li:first-child:before {
	content: none !important;
	display: none;
	margin: 0;
}

/*Yoast Breadcrumb in content.php for news*/
.breadcrumb .breadcrumb_last {
	font-weight: 700;
}

/* =======================================
POST NAV
======================================= */

.post-nav {
	
	padding: 12px var(--side-padding);
	background-color: var(--color-white-1);
}

/* =======================================
Search Results
======================================= */

.search-result-content {
	padding: var(--side-padding);
	background-color: var(--color-primary-5);
	margin-bottom: var(--side-padding);
	margin-top: 0px;
	border-radius: 10px;
}

.search-result-content-title h1{
	margin-bottom: 15px !important;
}

.search-result-content-title a{
	display: block;
	color: var(--color-primary-2);
	text-decoration: none;
	line-height: 1.7;
	font-size: var(--text-md);
}

.search-result-content mark {
	background-color: var(--color-primary-2);
	padding: 2px 0;
	border-radius: 4px;
}


/* =======================================
Main content and comment content
======================================= */

.entry-meta .edit-link {
	padding: var(--side-padding);
}

.entry-meta .edit-link a {
	font-weight: 700;
	color: var(--color-primary-2);
	font-size: var(--text-lg);
	text-transform: uppercase;
	letter-spacing: 0.1rem;
}

.entry-meta .edit-link a:hover {
	color: var(--color-primary-2);
}

.entry-meta {
	clear: both;
}

.entry-header img.wp-post-image {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

.entry-header .entry-format {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-weight: normal;
}

.entry-header .comments-link {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #757575;
}

.comments-link a,
.entry-meta a {
	color: #757575;
}

.comments-link a:hover,
.entry-meta a:hover {
	color: #21759b;
}

article.sticky .featured-post {
	border-top: 4px double #ededed;
	border-bottom: 4px double #ededed;
	color: #757575;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 3.692307692;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
	text-align: center;
}

.entry-content,
.entry-summary,
.mu_register,
.comments-area{
	line-height: 1.7;
}

.comments-area{
	line-height: 1.7;
	background-color: #fff !important;
}

.entry-content h2,
.comment-content h2,
.entry-content h3,
.comment-content h3,
.entry-content h4,
.comment-content h4,
.entry-content h5,
.comment-content h5,
.entry-content h6,
.comment-content h6 {
	margin: 40px 0 12px 0;
	line-height: 1.5;
	color: var(--color-primary-1);
}

.entry-content h1,
.comment-content h1 {
	font-size: 21px;
	font-size: 1.5rem;
	line-height: 1.5;
	margin: 24px 0;
	margin: 1.714285714rem 0;
}

.entry-content h2,
.comment-content h2,
.mu_register h2 {
	line-height: 1.5;
	font-size: var(--text-lg);
}

.entry-content h3,
.comment-content h3 {
	font-size: var(--text-lg);
	line-height: 1.5;
}

.entry-content h4,
.comment-content h4 {
	font-size: var(--text-base);
	line-height: 1.7;
}

.entry-content h5,
.comment-content h5 {
	font-size: var(--text-base);
	line-height: 1.7;
}

.entry-content h6,
.comment-content h6 {
	font-size: var(--text-base);
	line-height: 1.7;
}

.entry-content p,
.entry-summary p,
.comment-content p,
.mu_register p {
	margin: 0 0 25px;
	line-height: 1.7;
}

@media screen and (max-width: 767px) {
	
	.entry-content p,
	.entry-summary p,
	.comment-content p,
	.mu_register p {
		margin: 0 0 20px;
	}

}

.entry-content .more-link {
	white-space: nowrap;
}

.entry-content ol,
.comment-content ol,
.entry-content ul,
.comment-content ul,
.mu_register ul {
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	line-height: 1.714285714;
}

.entry-content ul ul,
.comment-content ul ul,
.entry-content ol ol,
.comment-content ol ol,
.entry-content ul ol,
.comment-content ul ol,
.entry-content ol ul,
.comment-content ol ul {
	margin-bottom: 0;
}

.entry-content ul,
.comment-content ul,
.mu_register ul {
	list-style: disc outside;
}

.entry-content ol,
.comment-content ol {
    list-style: none;
    counter-reset: custom-counter;
    padding-left: 0;
}

.entry-content ol li,
.comment-content ol li {
    counter-increment: custom-counter;
    position: relative;
    padding-left: 45px;
	margin-left: 0;
    margin-bottom: 16px;
    line-height: 1.7;
}

.entry-content ol li::before,
.comment-content ol li::before {
    content: counter(custom-counter);
    position: absolute;
    left: 0;
    top: 1px;
    background-color: var(--color-primary-2);
    width: 28px;
    height: 28px;
    border-radius: 50%;
    text-align: center;
    line-height: 28px;
    font-size: 16px;
    font-weight: bold;
    color: var(--color-white-1);
}

.comment-content li,
.mu_register li {
	margin: 0 0 7px 36px;
}

/*ARROW LIST*/

.entry-content ul {
    list-style: none;
    padding-left: 0;
}

.entry-content ul li {
    position: relative;
    padding-left: 25px;
	margin-bottom: 16px;
	line-height: 1.7;
}

.entry-content ul li::before {
    content: '';
    display: block;
    width: 12px;
    height: 11px;
    background-image: url('img/icon-arrow-list.svg');
    background-size: 12px 11px;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0.6rem;
}

.entry-content .infobox ul li::before {
    background-image: url('img/icon-arrow-list-secondary.svg');
}

#ez-toc-container ul li::before {
	background-image: none;
}

@media screen and (max-width: 767px) {
	.entry-content ul li {
		margin-bottom: 10px;
	}

	.entry-content ul li::before {
	    top: 0.4rem;
	}

}

/*BLOCKQUOTE*/

.entry-content blockquote,
.comment-content blockquote {
    position: relative;
    margin: 30px 0 30px 100px;
    background-color: var(--color-primary-4);
    border-radius: 10px;
    padding: var(--side-padding) !important;
}

.entry-content blockquote p,
.comment-content blockquote p {
	margin-top: 0;
	font-style: italic;
}

.entry-content blockquote cite,
.comment-content blockquote cite {
	margin-top: 0;
	font-style: normal;
	font-weight: normal;
	font-size: var(--text-sm);
}

.entry-content blockquote::before,
.comment-content blockquote::before {
    content: '';
    position: absolute;
    left: -38px;
    top: 15%;
    transform: translate(-100%, -15%);
    width: 63px;
    height: 49px;
    background-image: url('img/icon-quote.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

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

	.entry-content blockquote,
	.comment-content blockquote {
	    margin: 20px 0 20px 60px;
	}
	
	.entry-content blockquote::before,
	.comment-content blockquote::before {
	    content: '';
	    position: absolute;
	    left: -21px;
	    top: 15%;
	    transform: translate(-100%, -15%);
	    width: 38px;
	    height: 30px;
	}

}

.entry-content blockquote p:last-child,
.comment-content blockquote p:last-child {
	margin-bottom: 0;
}

/*Code*/

.entry-content code,
.comment-content code {
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
}

.entry-content pre,
.comment-content pre {
	border: 1px solid #ededed;
	color: #666;
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.714285714;
	margin: 24px 0;
	margin: 1.714285714rem 0;
	overflow: auto;
	padding: 24px;
	padding: 1.714285714rem;
}

.entry-content pre code,
.comment-content pre code {
	display: block;
}

.entry-content abbr,
.comment-content abbr,
.entry-content dfn,
.comment-content dfn,
.entry-content acronym,
.comment-content acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

.entry-content address,
.comment-content address {
	display: block;
	line-height: 1.714285714;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}

img.alignleft,
.wp-caption.alignleft {
	margin: 1px 20px 1px 0;
}

img.alignright,
.wp-caption.alignright {
	margin: 1px 0 1px 20px;
}

img.aligncenter,
.wp-caption.aligncenter {
	clear: both;
	margin-top: 12px;
	margin-top: 0.857142857rem;
	margin-bottom: 12px;
	margin-bottom: 0.857142857rem;
}

.entry-content embed,
.entry-content iframe,
.entry-content object,
.entry-content video {
	margin-bottom: 30px;
}

.entry-content dl,
.comment-content dl {
	margin: 0 24px;
	margin: 0 1.714285714rem;
}

.entry-content dt,
.comment-content dt {
	font-weight: bold;
	line-height: 1.714285714;
}

.entry-content dd,
.comment-content dd {
	line-height: 1.714285714;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

.entry-content table,
.comment-content table {
	border-bottom: 1px solid #ededed;
	color: #757575;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	width: 100%;
}

.entry-content table caption,
.comment-content table caption {
	font-size: 16px;
	font-size: 1.142857143rem;
	margin: 24px 0;
	margin: 1.714285714rem 0;
}

.entry-content td,
.comment-content td {
	border-top: 1px solid #ededed;
	padding: 6px 10px 6px 0;
}

/* =======================================
TABLEPRESS
======================================= */

.tablepress {
    --text-color: var(--color-primary-1) !important;
    --head-text-color: var(--text-color);
    --head-bg-color: var(--color-primary-5) !important;
    --odd-text-color: var(--text-color);
    --odd-bg-color: var(--color-white-1) !important;
    --even-text-color: var(--text-color);
    --even-bg-color: #fff;
    --hover-text-color: var(--text-color);
    --hover-bg-color: var(--color-white-1) !important;
    --border-color: var(--color-primary-4) !important;
    --padding: 0.6rem !important;
}



.tablepress, .tablepress tr, 
.tablepress tbody td, 
.tablepress thead th, 
.tablepress tfoot th {
    font-size: var(--text-sm) !important;
    color: var(--color-primary-1) !important;
    border: solid 2px var(--color-primary-4) !important;
}

.tablepress thead th, 
.tablepress tfoot th {
    background-color: var(--color-primary-4) !important;
	border-right: solid 2px var(--color-white-1) !important;
}

.tablepress thead th:last-child, 
.tablepress tfoot th:last-child {
    border-right: none !important;
}

.site-content article {
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

.page-links {
	clear: both;
	line-height: 1.714285714;
}

footer.entry-meta {
	padding: 5px 0;
	font-size: var(--text-sm);
	line-height: 1.7;
	background-color: #fff;
}

.single-author .entry-meta .by-author {
	display: none;
}

.mu_register h2 {
	color: #757575;
	font-weight: normal;
}

/* =======================================
SITE HEADER
======================================= */

.site-header h1,
.site-header h2 {
	text-align: center;
}

.site-header h1 a,
.site-header h2 a {
	color: #515151;
	display: inline-block;
	text-decoration: none;
}

.site-header h1 a:hover,
.site-header h2 a:hover {
	color: #21759b;
}

.site-header h1 {
	font-size: 24px;
	font-size: 1.714285714rem;
	line-height: 1.285714286;
	margin-bottom: 14px;
	margin-bottom: 1rem;
}

.site-header h2 {
	font-weight: normal;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #757575;
}

.header-image {
	margin-top: 24px;
	margin-top: 1.714285714rem;
}

/* =======================================
BANNER
======================================= */

section[role="banner"] {
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
}

/* =======================================
SIDEBAR
======================================= */

.widget-area .widget {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
}

.widget-area .widget h3,
h3.widget-title,
p.nav-title-u3 {
	padding: 20px 0;
	padding: 1.429rem 0;
	text-align: center;
	color: #105151;
	font-size: 18px;
	font-family: 'Times New Roman', serif;
	font-weight: bold;
}

.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {
	font-size: 15px;
	line-height: 1.7;
}

.widget-area li {
	border-top: solid 1px #e6e6e6;
}

.widget-area .widget a {
	color: #8a8487;
	text-decoration: none;
}

.widget-area .widget a:hover {
	color: #105151;
	text-decoration: underline;
}

.widget-area .widget p {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

.widget-area .textwidget ul,
.widget-area .textwidget ol {
	list-style: disc outside;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}

.widget-area .textwidget li > ul,
.widget-area .textwidget li > ol {
	margin-bottom: 0;
}

.widget-area .textwidget ol {
	list-style: decimal;
}

.widget-area .textwidget li {
	margin-left: 36px;
	margin-left: 2.571428571rem;
}

.widget-area #s {
	width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */
}

/* =======================================
ARCHIVES
======================================= */

.archive-header,
.page-header {
	padding: var(--side-padding);
}

.archive-meta {
	color: #757575;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	margin-top: 22px;
	margin-top: 1.571428571rem;
}

/* =======================================
Single audio/video attachment view
======================================= */

.attachment .entry-content .mejs-audio {
	max-width: 400px;
}

.attachment .entry-content .mejs-container {
	margin-bottom: 24px;
}

/* =======================================
Single image attachment view
======================================= */

.article.attachment {
	overflow: hidden;
}

.image-attachment div.attachment {
	text-align: center;
}

.image-attachment div.attachment p {
	text-align: center;
}

.image-attachment div.attachment img {
	display: block;
	height: auto;
	margin: 0 auto;
	max-width: 100%;
}

.image-attachment .entry-caption {
	margin-top: 8px;
	margin-top: 0.571428571rem;
}

/* =======================================
POST FORMANTS
======================================= */

/*aside posts*/

article.format-aside h1 {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

article.format-aside h1 a {
	text-decoration: none;
	color: #4d525a;
}

article.format-aside h1 a:hover {
	color: #2e3542;
}

article.format-aside .aside {
	padding: 24px 24px 0;
	padding: 1.714285714rem;
	background: #d2e0f9;
	border-left: 22px solid #a8bfe8;
}

article.format-aside p {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #4a5466;
}

article.format-aside blockquote:last-child,
article.format-aside p:last-child {
	margin-bottom: 0;
}

/* Image posts */

article.format-image footer h1 {
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	font-weight: normal;
}

article.format-image footer h2 {
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
}

article.format-image footer a h2 {
	font-weight: normal;
}

/* Link posts */

article.format-link header {
	padding: 0 10px;
	padding: 0 0.714285714rem;
	float: right;
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
	font-weight: bold;
	font-style: italic;
	text-transform: uppercase;
	color: #848484;
	background-color: #ebebeb;
	border-radius: 3px;
}

article.format-link .entry-content {
	max-width: 80%;
	float: left;
}

article.format-link .entry-content a {
	font-size: 22px;
	font-size: 1.571428571rem;
	line-height: 1.090909091;
	text-decoration: none;
}

/* Quote posts */

article.format-quote .entry-content p {
	margin: 0;
	padding-bottom: 24px;
	padding-bottom: 1.714285714rem;
}

article.format-quote .entry-content blockquote {
	display: block;
	padding: 20px 20px 0;
	padding: 1.429rem 1.429rem 0;
	font-size: 15px;
	font-size: 1.071428571rem;
	line-height: 1.7;
	font-style: normal;
	color: #6a6a6a;
	background: #efefef;
}

/* Status posts */

.format-status .entry-header {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

.format-status .entry-header header {
	display: inline-block;
}

.format-status .entry-header h1 {
	font-size: 15px;
	font-size: 1.071428571rem;
	font-weight: normal;
	line-height: 1.7;
	margin: 0;
}

.format-status .entry-header h2 {
	font-size: 12px;
	font-size: 0.857142857rem;
	font-weight: normal;
	line-height: 2;
	margin: 0;
}

.format-status .entry-header header a {
	color: #757575;
}

.format-status .entry-header header a:hover {
	color: #21759b;
}

.format-status .entry-header img {
	float: left;
	margin-right: 21px;
	margin-right: 1.5rem;
}

/* =======================================
COMMENTS
======================================= */

.comments-title {
	margin-bottom: 20px;
	margin-bottom: 1.429rem;
	font-size: 16px;
	font-size: 1.142857143rem;
	line-height: 1.5;
	font-weight: normal;
	font-size: 19px;
    font-size: 1.357rem;
	border-bottom: solid 1px #c7c7c7
}

.comments-area article {
	background-color: var(--color-primary-4);
	margin: 30px 0;
	border-radius: 10px;
	border-radius: 10px;
}

.comment-content.comment {
	padding: 0 var(--side-padding);
}

.comment .reply{
	padding: 25px var(--side-padding);
	background-color: var(--color-primary-5);
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	line-height: 1;
}


.reply span {
    display: none;
}

.reply .comment-reply-link {
	color: var(--color-primary-1);
}

.reply .comment-reply-link:hover {
	color: var(--color-primary-2);
}

.reply .comment-reply-link::after {
    content: url('img/icon-arrow-list.svg');
    display: inline-block;
    width: 11px;
    height: 12px;
    margin-left: 15px;
	transform: rotate(90deg);
	top: 0.3rem;
	position: relative;
}

.comments-area article header {
	padding: var(--side-padding);
	padding-bottom: 0;
	margin: 0 0 20px;
	margin: 0 0 1.429rem;
	overflow: hidden;
	position: relative;
	color: var(--color-primary-1);
}

.comments-area article header img {
	float: left;
	padding: 0;
	line-height: 0;
}

.comments-area article header cite,
.comments-area article header time {
	display: block;
}

.comments-area article header cite {
	font-style: normal;
}

.comments-area article header time {
	text-decoration: none;
	font-size: var(--text-sm);
	color: var(--color-primary-1);
}

.comments-area article header a {
	text-decoration: none;
	color: #5e5e5e;
}

.comments-area article header a:hover {
	color: #21759b;
}

.comments-area article header cite a {
	color: #444;
}

.comments-area article header cite a:hover {
	text-decoration: underline;
}

.comments-area article header h4 {
	position: absolute;
	top: 0;
	right: 0;
	padding: 6px 12px;
	padding: 0.428571429rem 0.857142857rem;
	font-size: 12px;
	font-size: 0.857142857rem;
	font-weight: normal;
	color: #fff;
	background-color: #0088d0;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #009cee, #0088d0);
	background-image: -ms-linear-gradient(top, #009cee, #0088d0);
	background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
	background-image: -o-linear-gradient(top, #009cee, #0088d0);
	background-image: linear-gradient(top, #009cee, #0088d0);
	border-radius: 3px;
	border: 1px solid #007cbd;
}

.bypostauthor cite span {
	color: #fff;
	background-color: var(--color-primary-3);
	background-image: none;
	border-radius: 100px;
	position: absolute;
	padding: 1px 12px;
	margin-left: 15px;
	margin-top: 4px;
	font-size: var(--text-xs);
}

.commentlist .pingback {
	line-height: 1.714285714;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

/* Comment form */

#respond {
	margin-top: 48px;
}

#respond h3#reply-title {
	font-size: 16px;
	font-size: 1.142857143rem;
	line-height: 1.5;
}

#respond h3#reply-title #cancel-comment-reply-link {
	margin-left: 10px;
	margin-left: 0.714285714rem;
	font-weight: normal;
	font-size: 12px;
	font-size: 0.857142857rem;
}

#respond form {
	margin-top: 30px;
	padding: var(--side-padding);
	border-radius: 10px;
	border: 3px solid var(--color-primary-4);
}

#respond form p {
	margin: 25px 0px;
}

#respond form p.logged-in-as {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}

#respond form label {
	display: block;
	margin-bottom: 5px;
}

#respond form input[type="text"],
#respond form textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: var(--text-sm);
	line-height: 1.7;
	padding: 15px;
	width: 100%;
	background-color: var(--color-primary-5);
	border: 2px solid var(--color-primary-3);
	border-radius: 10px;
}

#respond form p.form-allowed-tags {
	margin: 0;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #5e5e5e;
}

.required {
	color: red;
}

/* =======================================
Front page template
======================================= */

.entry-page-image {
	margin-bottom: 14px;
	margin-bottom: 1rem;
}

.template-front-page .site-content article {
	border: 0;
	margin-bottom: 0;
}

.template-front-page .widget-area {
	clear: both;
	float: none;
	width: auto;
	padding-top: 24px;
	padding-top: 1.714285714rem;
	border-top: 1px solid #ededed;
}

.template-front-page .widget-area .widget li {
	margin: 8px 0 0;
	margin: 0.571428571rem 0 0;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.714285714;
	list-style-type: square;
	list-style-position: inside;
}

.template-front-page .widget-area .widget li a {
	color: #757575;
}

.template-front-page .widget-area .widget li a:hover {
	color: #21759b;
}

.template-front-page .widget-area .widget_text img {
	float: left;
	margin: 8px 24px 8px 0;
	margin: 0.571428571rem 1.714285714rem 0.571428571rem 0;
}

/* =======================================
WIDGETS
======================================= */

.widget-area .widget ul ul {
	margin-left: 12px;
	margin-left: 0.857142857rem;
}

.widget_rss li {
	margin: 12px 0;
	margin: 0.857142857rem 0;
}

.widget_recent_entries .post-date,
.widget_rss .rss-date {
	color: #aaa;
	font-size: 11px;
	font-size: 0.785714286rem;
	margin-left: 12px;
	margin-left: 0.857142857rem;
}

#wp-calendar {
	margin: 0;
	width: 100%;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #686868;
}

#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
	text-align: left;
}

#wp-calendar #next {
	padding-right: 24px;
	padding-right: 1.714285714rem;
	text-align: right;
}

.widget_search label {
	display: block;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}

.widget_twitter li {
	list-style-type: none;
}

.widget_twitter .timesince {
	display: block;
	text-align: right;
}

/* =======================================
PLUGINS
======================================= */

img#wpstats {
	display: block;
	margin: 0 auto 24px;
	margin: 0 auto 1.714285714rem;
}

/* =======================================
MEDIA QUERIES
======================================= */

@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}

@media screen and (min-width: 941px) {
	.button {
/*		min-width: 45.38%;
		display:inline-block;*/
	}
}

@media screen and (max-width: 940px) and (min-width: 600px) {
	.button {
/*		min-width: 45.2%;
		display: inline-block;*/
	}
}

@media screen and (max-width: 900px) {
	.schuldenanalyse-outer {
		background-image: none;
	}
}

@media only screen and (max-width: 680px) {
	.visible-desktop {
	    display:none;
	}
	
	.visible-mobile {
	    display:block !important;
		max-width:680px;
	}
	
}

@media screen and (max-width: 600px) {
	.widget-area li {
		border: none;
		padding: 20px 0 0 0;
	}

	p.nav-title-u3 {
		display: none;
	}
}

@media screen and (min-width: 601px) {
	.widget-area {
		width: 28.041667%;
		border-bottom: solid 1px #e6e6e6;
		border-right: solid 1px #e6e6e6;
	}
}

@media screen and (min-width: 600px) {
	.author-avatar {
		float: left;
		margin-top: 8px;
		margin-top: 0.571428571rem;
	}
	
	.author-description {
		float: right;
		width: 80%;
	}
	
	.site-header h1,
	.site-header h2 {
		text-align: left;
	}
	
	.site-header h1 {
		font-size: 25px;
	    font-size: 1.786rem;
		line-height: 1.846153846;
		margin-bottom: 0;
	}

	#respond form input[type="text"] {
		width: 46.333333333%;
	}
	
	#respond form textarea.blog-textarea {
		width: 79.666666667%;
	}
	
	.template-front-page .site-content,
	.template-front-page article {
		overflow: hidden;
	}
	
	.template-front-page.has-post-thumbnail article {
		float: left;
		width: 47.916666667%;
	}
	
	.entry-page-image {
		float: right;
		margin-bottom: 0;
		width: 47.916666667%;
	}
	
	.template-front-page .widget-area .widget,
	.template-front-page.two-sidebars .widget-area .front-widgets {
		float: left;
		width: 51.875%;
		margin-bottom: 24px;
		margin-bottom: 1.714285714rem;
	}
	
	.template-front-page .widget-area .widget:nth-child(odd) {
		clear: right;
	}
	
	.template-front-page .widget-area .widget:nth-child(even),
	.template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
		float: right;
		width: 39.0625%;
		margin: 0 0 24px;
		margin: 0 0 1.714285714rem;
	}
	
	.template-front-page.two-sidebars .widget,
	.template-front-page.two-sidebars .widget:nth-child(even) {
		float: none;
		width: auto;
	}
	
	.commentlist .children {
		margin-left: 48px;
		margin-left: 3.428571429rem;
	}
}

@media screen and (max-width: 767px) {
	body .site {
		padding:0!important;
		margin-bottom: 40px;
	}

	.at-share-btn-elements {
		margin-left:0px!important;
	}

	.alignright,
	.alignleft {
		float: none;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	img.alignright,
	.wp-caption.alignright,
	img.alignleft,
	.wp-caption.alignleft,
	.wp-block-image figure.alignright,
	.wp-block-image figure.alignleft {
		margin: auto!important;
		float: none;
	}

}

/* =======================================
LATEST POSTS
======================================= */

.wp-block-latest-posts.wp-block-latest-posts__list {
    margin-left: 0;
	
}

.wp-block-latest-posts.wp-block-latest-posts__list li {
    background-color: var(--color-primary-4);
    padding: var(--side-padding);
    margin: 30px 0;
	border-radius: 10px;
}

.wp-block-latest-posts.wp-block-latest-posts__list li::before {
    display: none;
}

.wp-block-latest-posts.wp-block-latest-posts__list a {
    font-weight: 600 !important;
	font-size: var(--text-lg) !important;
	font-family: var(--font-secondary);
	color: var(--color-primary-1);
	margin-bottom: 8px !important;
	display: inline-block;
	text-decoration: none;
}

.wp-block-latest-posts.wp-block-latest-posts__list a:hover {
	color: var(--color-primary-1);
	text-decoration: underline;
}

.wp-block-latest-posts__post-excerpt {
    margin-bottom: 0;
}

/* =======================================
ADDITIONAL CSS
======================================= */

.start,
.rp4wp-related-posts {
	padding: var(--side-padding);
	background-color: var(--color-primary-4);
	margin: 30px 0;
	border-radius: 10px;
}


/*Infobox*/

.infobox,
.box {
	padding: var(--side-padding);
	margin: 30px 0;
	border-radius: 10px;
	border-left: 15px solid var(--color-primary-3);
	background-color: var(--color-primary-4);
}

ol.box {
	padding: var(--side-padding);
}

.infobox h1,
.infobox h2,
.infobox h3,
.infobox h4,
.infobox h5,
.infobox h6,
.box h1,
.box h2,
.box h3,
.box h4,
.box h5,
.box h6 {
	color: var(--color-primary-1);
}

@media screen and (max-width: 767px) {
	.infobox,
	.box{
		border-left: 10px solid var(--color-primary-3);
	}

}

.infobox ul,
.box ul {
	margin-top: 10px;
	margin-bottom: 0;
}

/*In Kürze*/

.inkuerze {
	padding: var(--side-padding);
	margin: 30px 0;
	border-radius: 10px;
	border-left: 15px solid var(--color-primary-2);
	background-color: var(--color-primary-4);
}

.inkuerze h1,
.inkuerze h2,
.inkuerze h3,
.inkuerze h4,
.inkuerze h5,
.inkuerze h6{
	color: var(--color-primary-2);
}

@media screen and (max-width: 767px) {
	.inkuerze{
		border-left: 10px solid var(--color-primary-2);
	}

}

.inkuerze ul {
	margin-top: 10px;
	margin-bottom: 0;
}


/*Margins / Paddings */

.infobox > *:last-child,
.schnell > *:last-child,
.lesebox > *:last-child,
.beratung > *:last-child,
.muster > *:last-child,
.search-result-content .entry-summary > *:last-child,
.page-ratgeber .list-content .page-ratgeber-text > *:last-child,
.rp4wp-related-posts > *:last-child,
.rp4wp-related-posts ul  > *:last-child,
.start > *:last-child > *:last-child,
.table-about table,
.box > *:last-child,,
.inkuerze > *:last-child{
    margin-bottom: 0;
}

.schema-faq-section:last-of-type p{
	margin-bottom: 0;
}

.schnell h1:first-of-type,
.schnell h2:first-of-type,
.schnell h3:first-of-type,
.schnell h4:first-of-type,
.schnell h5:first-of-type,
.schnell h6:first-of-type,
.lesebox h1:first-of-type,
.lesebox h2:first-of-type,
.lesebox h3:first-of-type,
.lesebox h4:first-of-type,
.lesebox h5:first-of-type,
.lesebox h6:first-of-type,
.beratung h1:first-of-type,
.beratung h2:first-of-type,
.beratung h3:first-of-type,
.beratung h4:first-of-type,
.beratung h5:first-of-type,
.beratung h6:first-of-type,
.muster h1:first-of-type,
.muster h2:first-of-type,
.muster h3:first-of-type,
.muster h4:first-of-type,
.muster h5:first-of-type,
.muster h6:first-of-type,
.infobox h1:first-of-type,
.infobox h2:first-of-type,
.infobox h3:first-of-type,
.infobox h4:first-of-type,
.infobox h5:first-of-type,
.infobox h6:first-of-type,
.search-result-content h1:first-of-type,
.search-result-content h2:first-of-type,
.search-result-content h3:first-of-type,
.search-result-content h4:first-of-type,
.search-result-content h5:first-of-type,
.search-result-content h6:first-of-type,
.page-ratgeber .list-content h1:first-of-type,
.page-ratgeber .list-content h2:first-of-type,
.page-ratgeber .list-content h3:first-of-type,
.page-ratgeber .list-content h4:first-of-type,
.page-ratgeber .list-content h5:first-of-type,
.page-ratgeber .list-content h6:first-of-type,
.rp4wp-related-posts h1:first-of-type,
.rp4wp-related-posts h2:first-of-type,
.rp4wp-related-posts h3:first-of-type,
.rp4wp-related-posts h4:first-of-type,
.rp4wp-related-posts h5:first-of-type,
.rp4wp-related-posts h6:first-of-type,
.start h1:first-of-type,
.start h2:first-of-type,
.start h3:first-of-type,
.start h4:first-of-type,
.start h5:first-of-type,
.start h6:first-of-type,
.box h1:first-of-type,
.box h2:first-of-type,
.box h3:first-of-type,
.box h4:first-of-type,
.box h5:first-of-type,
.box h6:first-of-type,
.inkuerze h1:first-of-type,
.inkuerze h2:first-of-type,
.inkuerze h3:first-of-type,
.inkuerze h4:first-of-type,
.inkuerze h5:first-of-type,
.inkuerze h6:first-of-type {
    margin-top: 0;
}

.schnell .wp-block-image,
.lesebox .wp-block-image,
.beratung .wp-block-image,
.muster .wp-block-image,
.search-result-content .wp-block-image,
.page-ratgeber .list-content .wp-block-image,
.rp4wp-related-posts .wp-block-image,
.start .wp-block-image {
    margin: 0;
}

.schnell {
	padding: var(--side-padding);
	margin: 30px 0;
	border-radius: 10px;
	/*border: 2px solid var(--color-primary-2);*/
	background-color: var(--color-primary-4);
}


.lesebox,
.beratung,
.muster {
	padding: var(--side-padding);
	margin: 30px 0;
	border-radius: 10px;
	border: 2px solid var(--color-primary-2);
}


.download,
.box-startseite,
.fallbox,
.beliebt {
	background-color: var(--color-primary-5);
	border-radius: 10px;
	margin-bottom: 2em !important;
	padding: var(--side-padding);
}

.download{
	padding-bottom: 15px;
}

.box-startseite p{
	margin: 0;
}


@media (max-width: 767px) {
	.box-startseite:first-child {
		margin-bottom: 0 !important;
	}
}

.box-startseite img {
    width: 100vw !important;
    max-width: 100% !important;
    height: auto !important;
}

.box-startseite .wp-block-image figcaption {
	padding: 0 !important;
	font-weight: 700 !important;
	font-size: var(--text-m) !important;
	color: var(--color-primary-1) !important;
	line-height: 1.5 !important;
	margin: 30px 0 0 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}

.box-startseite .wp-block-image figcaption a{
	/*text-decoration: none;*/
}

.box-startseite .wp-block-image figcaption a:hover{
	text-decoration: underline;
}


.laender {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
}

.laender img.alignleft,
.laender .wp-caption.alignleft {
	margin: 0;
	padding-top: 9px;
	text-align:center;
	border-radius: 10px;
	background-color: var(--color-primary-5);
}

.laender .wp-caption .wp-caption-text {
	font-size: var(--text-sm);
}

.laender img.alignleft:hover, 
.wp-caption.alignleft:hover {
	background-color: var(--color-primary-2);
}

.date {
	margin: 20px 0;
	font-style: italic;
}

.comments-area {
	padding: var(--side-padding);
}

ul#columnlist {
	-moz-column-count: 4;
	-moz-column-gap: 10px;
	-webkit-column-count: 4;
	-webkit-column-gap: 10px;
	column-count: 4;
	column-gap: 10px;
	margin-top:10px;
}

.at-share-btn-elements {
	margin-left:18px;
	margin-top: 10px;
}

.visible-mobile {
    display:none;
}

.about {
	margin: 20px 0;
	line-height: 1.33;
}

.wp-block-image figcaption {
	padding: 0 !important;
	font-size: var(--text-xs) !important;
	color: var(--color-primary-1) !important;
	line-height: 1.5 !important;
	margin-top: 8px;
}

/*SHARE BUTTONS*/

.share-btns {
	text-align: center;
}
.share-btn {
	margin: 3px !important;
	border-radius: 10px;
	font-size: var(--text-sm);
	padding: 15px 20px;
	
}

/*TABLE ABOUT*/

.table-about .wp-block-columns {
	margin-bottom: 0;
	justify-content: center;
	column-gap: 30px;
	align-items: stretch;
	display: flex;
}

@media screen and (min-width: 600px) {
	.table-about .wp-block-columns {
		flex-wrap: nowrap;
	}
}

@media screen and (max-width: 600px) {
	.table-about .wp-block-columns {
		flex-wrap: wrap;
	}
}

.table-about .wp-block-column {
	margin-bottom: 30px;
	background-color: var(--color-primary-5);
	border-radius: 10px;
	border: 0;
	padding: 20px;
}

.wp-block-column:not(:first-child) {
	margin-left: 0;
}

.table-about table {
	border: none;
	font-size: var(--text-s);
	line-height: 1.7;
	color: var(--color-primary-1);;
}

.table-about .wp-block-image figcaption {
    text-align: center;
	font-size: var(--text-base) !important;
	font-style: italic;
	margin-top: 15px;
}

.table-about .wp-block-image figcaption b{
	display: inline-block;
    font-family: var(--font-secondary);
	margin-bottom: 10px;
	font-weight: 700;
	font-style: normal;
	font-size: var(--text-md) !important;
}

.table-about .wp-block-image {
	margin-bottom: 15px;
	text-align: center;
	border-bottom: 1px solid var(--color-primary-5);;;
}

.table-about figure.aligncenter {
	width: 100%;
	
}

.table-about td {
	padding:5px;
	border: 0;
}

.table-about .wp-block-column {
	flex-grow: 0;
	flex-basis: 33%;
}



/* =======================================
CATEGORY BUTTONS
======================================= */

/* Begin anwalt grid buttons */

#wpbdp-categories ul{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    padding: 0;
    list-style-type: none;
    justify-content: center;
	
}

#wpbdp-categories li,
.wpbdp-categories li{
    width: 100%;
	margin-bottom: 0;
	font-size: var(--text-sm);
}

#wpbdp-categories li::before,
.wpbdp-categories li::before {
	display: none !important;
}

#wpbdp-categories li a.category-label,
.wpbdp-categories li a.category-label {
    display: block;
	text-decoration:none;
	color: var(--color-primary-2) !important;
	font-weight:600;
	font-size: var(--text-base) !important;
	background-color: var(--color-white-1);
	border: 2px solid var(--color-primary-2);
	border-radius: 10px;
	padding: 18px 40px;
	text-align: center;
	width: auto !important;
}

#wpbdp-categories li a.category-label:hover,
.wpbdp-categories li a.category-label:hover {
	text-decoration:none;
	background-color: var(--color-primary-2) !important;
	border: 2px solid var(--color-primary-2) !important;
	color: var(--color-white-1) !important;
}

#wpbdp-categories ul::before,
ul.wpbdp-categories::before {
    content: none;
}

/* =======================================
TABLE OF CONTENT
======================================= */

#ez-toc-container {
	display: block;
	width: auto;
	padding: var(--side-padding);
	margin: 30px 0;
	border-radius: 10px;
	border: 2px solid var(--color-primary-3) !important;
	background-color: var(--color-white-1) !important;
	color: var(--color-primary-1);
}

#ez-toc-container p.ez-toc-title {
	font-weight: 600 !important;
	line-height: 1.7 !important;
	font-family: var(--font-secondary);
	color: var(--color-primary-1) !important;
	font-size: var(--text-md) !important;
}

.ez-toc-title-container {
	margin-bottom: 20px;
}

#ez-toc-container ul li {
	line-height: 1.7;
	margin-bottom: 5px;
}

#ez-toc-container a {
	color: var(--color-primary-2);
	font-weight: 400;
	font-size: var(--text-base);
	text-decoration: underline;
}

#ez-toc-container a:hover {
	color: var(--color-primary-3);
}

#ez-toc-container a::before {
    text-decoration: none !important;
}

.ez-toc-counter nav ul li a::before {
	font-weight: 700;
	text-decoration: none !important; 
}

#ez-toc-container a.ez-toc-link::before {
    text-decoration: none !important;
}

/* =======================================
NEWS
======================================= */

.beitrag {
	vertical-align: baseline;
	clear:both;
	line-height: 1.7;
}

.beitrag li {
    display: grid;
    grid-template-columns: auto 1fr; /* Definiere die Spaltenbreite entsprechend der Bildgröße und dem verbleibenden Raum */
    align-items: start; /* Ausrichtung der Elemente am Anfang */
    /*gap: 10px; /* Abstand zwischen Bild und Text *!/*/
	clear:both;
	border-bottom: 1px solid var(--color-primary-3);
    padding: 30px 0;
	padding-left: 0 !important;
}

.beitrag li:before {
	display: none !important;
}

.beitrag-meta {
	margin-bottom: 10px !important;
	text-decoration: none;
	font-size: var(--text-sm);
	color: var(--color-primary-1);
}

.beitrag a:first-of-type {
    grid-column: 1;
    grid-row: 1 / span 4; /* Bild über drei Zeilen, um neben dem gesamten Text zu sein */
}

.beitrag img {
    width: 190px;
    height: auto;
	margin-right: 30px;
	margin-bottom: 30px;
}

.beitrag h2 {
    grid-column: 2;
    font-size: var(--text-lg);
	line-height: 1.5;
	margin: 0 0 16px 0;
}


.beitrag h2 a {
	color: var(--color-primary-1);
	text-decoration: none;
	display: block;
	width: 100% !important;
}

.beitrag h2 a:hover {
	color: var(--color-primary-1);
	text-decoration: underline;
}

.beitrag .beitrag-meta, .beitrag p {
    grid-column: 2;
}

.beitrag p {
    margin: 0;
}




@media (max-width: 768px) {
	
	.beitrag li {
	    display: block;
		background-color: var(--color-primary-4);
		border-radius: 10px;
		padding: var(--side-padding) !important;
		margin-bottom: 30px !important;
		border-bottom: 0;
	}
	
	.beitrag img {
	    width: 100%;
		margin-right: 0;
		margin-bottom: 20px !important;
	}
	
	

}

.nav-news {
	margin: 80px 0 30px 0;
	/*padding: 30px 0;*/
}

h2.hnews {
	margin-bottom: 40px;
}

@media (max-width: 767px) {
	
	h2.hnews {
		margin-bottom: 20px;
	}
	
}

.news-entry-image {
	text-align: center;
}

.news-entry-image img{
	width: 850px;
	height: auto;
}


/* =======================================
AUTHOR BOX
======================================= */

/*plugins/l1-authors/css/style.css*/

.l1-authorbox-avatar {
	float: none;
	padding: 0;
	margin-right: 35px;
}

.l1-authorbox-avatar img{
	float: none;
	max-width: inherit;
	padding: 0;
	margin: 0;
}

.l1-authorbox-intro {
	border-bottom: 0;
}

.l1-authorbox-inner {
	display: flex;
	border: 0;
	padding: var(--side-padding);
	background-color: var(--color-primary-4);
	margin: 30px 0;
	border-radius: 10px;
}

@media (max-width: 767px) {
	
	.l1-authorbox-inner {
		display: block;
	}
	
	.l1-authorbox-avatar {
		float: none;
		text-align: center;
		margin: 0 0 15px 0;
	}
	
	.l1-authorbox-avatar img{
		margin: 0 auto;
	}
	
	.l1-authorbox-name {
		text-align: center;
	}
	
}	

.l1-authorbox {
	margin: 5% 0;
}

div.entry-content div.l1-authorbox div.l1-authorbox-inner div.l1-authorbox-personal-info p.l1-authorbox-description {
	font-size: inherit;
	text-align: inherit
}

div.entry-content div.l1-authorbox div.l1-authorbox-inner div.l1-authorbox-personal-info p.l1-authorbox-description {
	margin-bottom: 0px !important
}

.l1-authorbox-name {
	display: block;
	font-family: var(--font-secondary);
	margin-bottom: 10px;
	font-size: 22px;
	font-weight: 600;
	color: var(--color-primary-1);
	text-decoration: none;
}
.l1-authorbox-name:hover {
	color: var(--color-primary-1);
	text-decoration: underline;
}

.l1-authorbox-description {
	-moz-hyphens: auto !important;
	-ms-hyphens: auto !important;
	-webkit-hyphens: manual !important;
	hyphens: auto !important;
	margin-bottom: 5px;
}

#wpadminbar {
 	z-index: 99; 
}

.u2,
.u3 {
	font-size: var(--text-lg);
	line-height: 1.7;
	font-family: var(--font-secondary);
	color: var(--color-primary-1);
	font-weight: 700;
}

@media (max-width: 600px) {  
	#masthead { 
		max-height: 70px !important;
	} 
	
	.logo { 
		/*max-height: 60px !important;*/
	} 
	
	.main-navigation {
		transform: translateX(-100%); 
	}
}

#post-ratings-34937 {
	padding-top: 20px;
	display: block 
}

/* =======================================
Container Gallery Flex
======================================= */

.gallery-front-page {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 20px;
}

.gallery-front-page a {
	background-color: #DEF970;
	border-radius: 5px;
	text-decoration: none;
}

.gallery-item-front-page {
	text-align: center;
}

.gallery-item-front-page:hover {
	-webkit-transform: scale(1.01);
  transform: scale(1.01);
	background-color: #DEF970;
	border-radius: 5px;
  box-shadow: 0 0 20px rgba(0, 93, 168, 0.18);
}

.gallery-item-front-page img {
	box-shadow: none;
	width: 70%;
	position: relative;
}

.gallery-item-front-page figcaption {
	background-color: #105151;
	color: #fff;
	padding: 10px;
	font-size: 16px;
	font-family: var(--font-secondary);
}

.gallery-front-page > a:nth-child(1) > figure > img {
	top: 20px;
}

.gallery-front-page > a:nth-child(2) > figure > img,
.gallery-front-page > a:nth-child(3) > figure > img {
	top: 5px;
}

@media screen and (min-width: 600px) {
	.gallery-front-page a {
		flex-basis: 32%;
	}
}

@media screen and (max-width: 600px) {
	.gallery-front-page a {
		flex-basis: 100%;
		margin-bottom: 10px;
	}
}


/* =======================================
WP BLOCK GALLERY
======================================= */

.wp-block-gallery ul li{
	padding: 0 ;
}

.wp-block-gallery ul li::before {
    display: none;
}

.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption, 
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption, 
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption, 
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption {
	background: none;
	padding: 0;
	height: 100%;
}

.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption a, 
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption a, 
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption a, 
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption a{
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--font-secondary);
	font-weight: 600;
	font-style: normal;
	color: var(--color-white-1);
	text-decoration: none;
	height: 100%;
	border-radius: 10px;
	background-color: rgba(58, 57, 54, 0.6);
	font-size: 20px;
}

.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption a:hover, 
.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption a:hover, 
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption a:hover, 
.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption a:hover{
	color: var(--color-white-1);
	text-decoration: underline;
	background-color: rgba(58, 57, 54, 0.4);
	/*background-color: rgba(157, 34, 53, 0.5);*/
}

@media (max-width: 1120px) {
	.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption a, 
	.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption a, 
	.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption a, 
	.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption a {
		font-size: 16px;
	}
}


/* =======================================
RATINGS
======================================= */

.post-ratings {
	display: block;
	width: auto;
	padding: var(--side-padding);
	background-color: var(--color-primary-4);
	margin: 30px 0;
	border-radius: 10px;
	text-align: center;
	font-size: var(--text-sm);
	line-height: 2;
}

.post-ratings em{
	font-weight: normal;
	font-style: normal;
}

.post-ratings img{
	margin: 0 2px -5px 2px;
	width: 26px;
	height: 27px;
}

@media (max-width: 767px) {
	.post-ratings{
		text-align: left;
	}
}

.post-ratings img:last-of-type{
	margin-right: 10px;
}

/* =======================================
Youtube-Playbutton
======================================= */

.yt-video {
	position: relative !important;
	width: 100% !important;
	height: 100% !important;
	overflow: hidden;
}

.yt-video figure::before {
	content: "";
	display: block;
	width: 12%;
	height: 0;
	padding-top: 12%;
	background-image: url("img/video-play-button.svg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 46%;
	left: 50%;
	transform: translate(-50%, -50%);
	pointer-events: none;
}

/* General Fix for CMP */

.cmplazypreviewiframe[style*="inline-block"] {
	width: 100%!important;
}

#nav-below {
	margin-bottom: 25px
}

@media screen and (min-width: 834px) {
	.search-results .nav-previous {
		margin-left: 0px !important
	}
}

html body.search.search-no-results.wp-embed-responsive.full-width.custom-font-enabled div#page.hfeed.site div#main.wrapper section#primary.site-content div#content article#post-0.post.no-results.not-found div.entry-content div.search-404 form#searchform.searchform div input#s, html body.error404.wp-embed-responsive.full-width.custom-font-enabled div#page.hfeed.site div#main.wrapper div#primary.site-content div#content article#post-0.post.error404.no-results.not-found div.entry-content form#searchform.searchform div input#s {
	width: 275px
}

@media screen and (max-width: 634px) {
	html body.search.search-no-results.wp-embed-responsive.full-width.custom-font-enabled div#page.hfeed.site div#main.wrapper section#primary.site-content div#content article#post-0.post.no-results.not-found div.entry-content div.search-404 form#searchform.searchform div input#searchsubmit, html body.error404.wp-embed-responsive.full-width.custom-font-enabled div#page.hfeed.site div#main.wrapper div#primary.site-content div#content article#post-0.post.error404.no-results.not-found div.entry-content form#searchform.searchform div input#searchsubmit {
	margin: 20px 0px
	}
}

header > cite > b {
	font-weight: bold !important
}

.page-id-1813 .share-btns {
	display: none
}

/* =======================================
PAGINATION
======================================= */

.pagination {
	display: block;
	text-align: center;
	padding: 50px 0;
}

.page-numbers {
	border: 2px solid var(--color-primary-2);
	padding: 15px;
	margin: 0 3px;
	border-radius: 10px;
	font-weight: 700;
	text-decoration: none;
	background-color: #fff;
	color: var(--color-primary-2);
}

@media (max-width: 767px) {
	.page-numbers {
		padding: 15px 8px;
		margin: 0 2px;
	}
}

.page-numbers:hover {
	border: 2px solid var(--color-primary-2);
	background-color: var(--color-primary-2);
	color: var(--color-white-1);
}

.page-numbers.current,
.page-numbers.current:hover,
.page-numbers.dots,
.page-numbers.dots:hover {
	border: 2px solid var(--color-primary-4);
	margin: 0 3px;
	border-radius: 10px;
	background-color: #fff;
	color: var(--color-primary-4);
}

.mh-comments-pagination {
	display: flex;
  justify-content: center;
	gap: 10px; 
	margin: 30px 0px;
}

/* =======================================
HEADER
DESKTOP MAIN
======================================= */

header#masthead.site-header {
	min-height: 60px; 
	overflow: hidden;
}

#masthead hgroup {
	max-width: 1080px;
	display: flex;
	margin: 0 auto;
	justify-content: space-between;
	align-items: center;
	padding: 22px 20px 14px 20px;
}

#masthead hgroup .logo{
	height: 79px;
	width: auto;
	padding-bottom: 18px;
}

.header-elements {
	padding-bottom: 10px;
	display: flex;
	align-items: center;
}

.social-links {
	padding-left: 32px;
	display: flex;
	align-items: center;
	gap: 16px;
}

@media screen and (max-width: 900px) {
	.social-links {
		display: none;
	}
}

/*Facebook-Icon*/

.social-links .facebook-link {
	text-decoration: none;
}

.social-links .facebook-icon {
    height: 38px;
}

.social-links .facebook-icon path:first-child {
    fill: var(--color-primary-2);
}

.social-links .facebook-icon path:last-child {
    fill: #fff;
}

.social-links .facebook-icon:hover path:first-child {
    fill: var(--color-primary-2);
}

/*Youtube-Icon*/

.social-links .youtube-link {
	text-decoration: none;
}

.social-links .youtube-icon {
    height: 32px;
}

.social-links .youtube-icon path {
    fill: var(--color-primary-2);
}

.social-links .youtube-icon polygon {
    fill: #fff;
}

.social-links .youtube-icon:hover path {
    fill: var(--color-primary-2);
}

/* =======================================
HEADER
MOBILE MAIN
======================================= */
/* verhindert das horizontale Verschwinden des Buttons, der die mobile Suche schließt, wenn man das Suchfeld auswählt */

#masthead > form > div.mobile-search-form__body > div.mobile-search-form__field > input[type=search] {
	font-size: 16px;
}		

header#masthead.site-header .logo.logo-desktop {
	display: block;
}

header#masthead.site-header .logo.logo-mobile {
	display: none;
}
	
  
@media (max-width: 1100px) {

	header#masthead.site-header {
		display: flex;
		justify-content: space-between;
		width: 100%; overflow: visible; z-index: 9999; position: fixed;
		background-color: var(--color-white-1);
		/*background-color: var(--color-primary-4);*/
		max-height: 60px; 
	}
	
	header#masthead.site-header .logo {
		display: block;
		min-width: auto;
		width: auto;
		max-height: 35px; 
		padding-top: 4px;
		/*padding-bottom: 30px;*/
	}
	
	header#masthead.site-header .logo.logo-desktop {
		display: none;
	}
	
	header#masthead.site-header .logo.logo-mobile {
		display: block;
	}
	
	header#masthead.site-header .logo img {
		width: 100%; 
	}
	
	header#masthead.site-header .mobile-menu-toggle {
		order: 1; 
	}
	
	header#masthead.site-header hgroup {
		order: 2;
		padding: 0 10px;
		display: flex;
		align-items: center;
		justify-content: center; 
	}
	
	header#masthead.site-header .mobile-search-form {
		order: 3; 
	} 

}

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

	header#masthead.site-header {
		background-color: var(--color-primary-4);
	}
	
}

/* =======================================
HEADER
DESKTOP SEARCH
======================================= */

.search-form {
	background-color:var(--color-primary-5);
	border-radius: 10px;
	border: solid 2px var(--color-primary-3);
	max-width: 350px;
	/*position: relative;*/
	padding: 3px;
}

input.search-field {
	border-radius: 3px;
	border: none;
	height:35px;
	background-color: var(--color-primary-5);
	width: 280px;
	font-size: 16px;
}

.search-form .search-submit {
	position: relative;
	background-color: var(--color-primary-5);
    background-image: url('img/icon-search.svg');
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
	border-radius: 0;
    cursor: pointer;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
	top: -5px;
	margin-bottom: -6px;
}

.search-form .search-field::-webkit-input-placeholder {
    color: var(--color-primary-1);
}

.search-form .search-field::-moz-placeholder {
    color: var(--color-primary-1);
    opacity: 1;
}

.search-form .search-field:-ms-input-placeholder {
    color: var(--color-primary-1);
}

.search-form .search-field::-ms-input-placeholder {
    color: var(--color-primary-1);
}

.search-form .search-field::placeholder {
    color: var(--color-primary-1);
}

/* =======================================
HEADER
DESKTOP NAVIGATION
======================================= */

#main {
    position: relative;
}

/*VERSION OHNE ANIMATION - SIEHE JS*/

/*#main .overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 100
}*/

#main .overlay {
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(58, 57, 54, 0.7);
    z-index: 100;
    transition: opacity 0.28s ease;
    pointer-events: none;
}

#main .overlay.visible {
    opacity: 1;
    pointer-events: auto;
}

.main-navigation .sub-menu {
    position: relative;
    z-index: 200;
}

.main-navigation__header {
	display: none;
	justify-content: flex-end;
	/*padding: 15px; */
	background-color: var(--color-primary-5);
}

/* Main container style  */
.menu-container {
    background-color: var(--color-primary-2);
}

/* General style for the navigation menu */
.menu-container .nav-menu {
    display: flex;
    /*justify-content: center;*/
    align-items: center;
    list-style-type: none;
    padding: 0 20px;
    margin: 0 auto;
    font-size: 16px;
	max-width: 1180px;
}

/* Style for links in the main menu items */
.menu-container .nav-menu > li > a {
    display: block;
    text-decoration: none;
    color: var(--color-white-1);
    padding: 16px 30px;
}

/* Style for direct submenu positioning */
.menu-container .nav-menu > li > .sub-menu {
    display: none;
    position: absolute;
}

/* Positioning for submenu list items */
.menu-container .nav-menu .sub-menu li {
    position: relative;
}

/* Style for links within submenu items */
.menu-container .nav-menu .sub-menu li a {
    color: var(--color-primary-1);
    padding: 13px 30px;
    text-decoration: none;
    display: block;
    background-color: var(--color-white-1);
}

/* Hover effect for submenu links */
.menu-container .nav-menu .sub-menu li a:hover {
    background-color: var(--color-primary-4);
}

/* Displaying the submenu on hover over a parent item */
.menu-container .nav-menu li:hover > .sub-menu {
    display: block;
}

/* Rounded corners for the last item in the first level submenu */
.menu-container .nav-menu > li > .sub-menu li:last-child > a {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

/* Adjustments for sub-submenu last item, if necessary */
.menu-container .nav-menu .sub-menu .sub-menu li:last-child > a {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

/* Hover background color for main menu items */
.menu-container .nav-menu > li:hover > a,
.menu-container .nav-menu > li:focus > a,
.menu-container .nav-menu > li:active > a {
    background-color: var(--color-white-1);
    color: var(--color-primary-2);
}

/* Style for menu items that have children */
.menu-container .nav-menu > li.menu-item-has-children > a {
    position: relative;
    padding-right: 38px;
}

/* Arrow icon for menu items with a submenu */
.menu-container .nav-menu > li.menu-item-has-children > a::after {
    content: "";
    position: absolute;
    margin-left: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 11px;
    background-image: url('img/icon-arrow-nav.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

/* Rotate arrow icon when parent menu item is hovered */
.menu-container .nav-menu > li.menu-item-has-children:hover > a::after {
	background-image: url('img/icon-arrow-nav-dark.svg');
    transform: translateY(-50%) rotate(180deg); 
}

/* Highlighting style for the active link */
.menu-container .nav-menu .current-menu-item > a {
    /*background-color: var(--color-primary-5);*/
}

/* Highlighting style for the active link in submenu */
.menu-container .nav-menu .sub-menu .current-menu-item > a,
.menu-container .nav-menu .sub-menu .sub-menu .current-menu-item > a {
    /*background-color: var(--color-primary-5);*/
}

/* Highlighting style for the top-level parent item of the current page or subpage */
.menu-container .nav-menu > li.current-menu-ancestor > a,
.menu-container .nav-menu > li.current-page-ancestor > a {
    /*background-color: var(--color-primary-5);*/
}

/* Style for links in sub-submenu */
.menu-container .nav-menu .sub-menu .sub-menu a {
    padding-left: 48px;
    position: relative;
}

/* Arrow icon for sub-submenu items */
.menu-container .nav-menu .sub-menu .sub-menu a::before {
    content: "";
    position: absolute;
    left: 28px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    width: 11px;
    height: 12px;
    background-image: url('img/icon-arrow-nav.svg');
    background-size: contain;
    background-repeat: no-repeat;
}


/* =======================================
HEADER
MOBILE NAVIGATION 1
======================================= */

@media (max-width: 1100px) {

	.menu-container .nav-menu > li > a {
		display: block;
	    text-decoration: none;
	    color: var(--color-white-1);
	    padding: 24px 20px;
		background-color: var(--color-primary-2);
	}
	
	/* Hover background color for main menu items */
	.menu-container .nav-menu > li:hover > a,
	.menu-container .nav-menu > li:focus > a,
	.menu-container .nav-menu > li:active > a {
	    background-color: var(--color-primary-2);
	    color: var(--color-white-1);
	}
	
	/* Rotate arrow icon when parent menu item is hovered */
	.menu-container .nav-menu > li.menu-item-has-children:hover > a::after {
		background-image: url('img/icon-arrow-nav.svg');
	}
  
	.menu-container .nav-menu > li > .sub-menu {
		display: block;
		position: inherit;
	}
	
	.main-navigation ul.nav-menu {
	  display: block;
	  padding: 0;
	  /* padding: 10px 20px 45px;  */
	}
	
	.main-navigation ul.nav-menu > li:first-child {
	   margin-top: 0 !important; 
	}

	.menu-container .nav-menu .sub-menu li > a {
		background-color: var(--color-primary-5);
		padding: 15px 20px;
		border-bottom: 1px solid var(--color-primary-3);
	}
	
	.menu-container .nav-menu > li > .sub-menu li:last-child > a {
	    border-bottom-left-radius: 0;
	    border-bottom-right-radius: 0;
	}
	
	.menu-container .nav-menu > li.menu-item-has-children:hover > a::after {
		transform: translateY(-50%);
	}
	
	.menu-container .nav-menu .sub-menu .sub-menu a {
	    padding-left: 42px;
	}

	.menu-container .nav-menu .sub-menu .sub-menu a::before {
	    left: 22px;
	}
	
	
	/* Highlighting style for the active link */
	.menu-container .nav-menu .current-menu-item > a {
	    /*background-color: var(--color-primary-5);*/
	}
	
	/* Highlighting style for the active link in submenu */
	.menu-container .nav-menu .sub-menu .current-menu-item > a,
	.menu-container .nav-menu .sub-menu .sub-menu .current-menu-item > a {
	    /*background-color: var(--color-primary-2);*/
	}
	
}

/* =======================================
HEADER
MOBILE NAVIGATION 2
======================================= */

/*Toggle*/

.mobile-menu-toggle {
	width: 58px;
	display: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	touch-action: manipulation;
	font-size: 24px;
	color: #444;
	cursor: pointer;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	flex-shrink: 0; 
}
  
@media (max-width: 1100px) {
	.mobile-menu-toggle {
		display: flex; 
	} 
}

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

	.main-navigation ul.nav-menu.toggled-on,
	.menu-toggle {
		display: inline-block;
		padding: 8.3px 10px;
		margin-top: 1px;
		background-color: #e8e8e8;
		position:absolute;
	}

}

.mobile-menu--open .icon-menu:before {
	content: "\00d7";
	font-weight: bold;
	font-size: 42px !important; 
}

.mobile-menu--open .dashicons.dashicons-menu::before,
.mobile-search-form._open .mobile-search-form__toggle .dashicons.dashicons-search:before {
	content: "\f158";
}

.mobile-search-form__button > button {
	display: flex;
	justify-content: center;
	align-items: center;
}

.overlay-background {
	background-color: rgba(22, 22, 22, 0);
	opacity: 1;
	position: fixed;
	left: 0;
	top: 0;
	height: 100vh;
	width: 100vw;
	transform: translateX(-100vw);
	transition: transform 0s ease .3s,background-color .3s ease 0s;
	z-index: 100; 
}
  
@media (min-width: 601px) {
	.overlay-background {
		display: none; 
	} 
}

@media (max-width: 1100px) {
  
	.main-navigation {
		transform: translateX(-100%);
		width: 100%;
		background: var(--color-primary-5);
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		z-index: 101; 
	}
  
	.main-navigation__close {
	  user-select: none;
	  -webkit-tap-highlight-color: transparent;
	  touch-action: manipulation;
	  font-size: 24px;
	  color: #444;
	  cursor: pointer; 
	  padding: 18px 20px;
	  background: var(--color-primary-5);
	}
	
	.main-navigation__header {
	  display: none; 
	  justify-content: flex-start;
	  
	}
	
	.main-navigation__wrap {
	  max-height: calc(100% - 60px);
	  overflow: auto; 
	}
	
}

body.mobile-menu--open {
	overflow: hidden;
	height: 100%; 
}

body.mobile-menu--open .main-navigation {
	transform: translateX(0%);
	top: 60px;
}

body.mobile-menu--open .overlay-background {
	background-color: rgba(22, 22, 22, 0.7);
	transform: translateX(0vw);
	transition: transform 0s ease 0s,background-color .3s ease 0s; 
}

/* =======================================
HEADER
MOBILE SEARCH
======================================= */

@media (max-width: 1100px) {
  .search-form {
    display: none; 
  } 
}

.mobile-search-form {
	display: none;
	position: relative;
}

.mobile-search-form__body {
	display: none;
	flex: 1;
	position: absolute;
	/*width: calc(100vw - 70px);*/
	width: calc(100vw - 58px);
	right: 100%;
	height: 100%;
	top: 0;
	background: var(--color-primary-4);
	align-items: center; 
}
  
.mobile-search-form__body input {
	background: #fff;
	border: 2px solid #fff;
	flex: 1;
	width: 95%; 
	border-radius: 10px;
	font-size: var(--text-xs);
	color: var(--color-primary-2);
}

.mobile-search-form__body input::placeholder {
    color: var(--color-primary-2);
}

.mobile-search-form__body button {
	border: 0;
	background: transparent;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	touch-action: manipulation;
	font-size: 24px;
	color: #444;
	width: 50px;
	text-align: center; 
}

.mobile-search-form__field {
	flex: 1; 
}

.mobile-search-form__toggle {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 58px;
	cursor: pointer; 
}

.mobile-search-form__toggle i {
	font-size: 24px;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	touch-action: manipulation; 
}

.mobile-search-form__toggle i:last-child {
	display: none; 
}
  
.mobile-search-form._open .mobile-search-form__toggle i:last-child {
	display: inline-block; 
}

.mobile-search-form._open .mobile-search-form__toggle i:first-child {
	display: none; 
}

.mobile-search-form._open .mobile-search-form__body {
	display: flex;
	flex-direction: row-reverse;
}

.icon-cancel:before { 
    content: "" !important;
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url('img/icon-search-cancel.svg');
    background-size: cover;
    background-repeat: no-repeat;
}

.icon-search:before { 
	content: '\e801'; 
}
.icon-down-open:before { 
	content: '\e802'; 
}

.icon-down-dir:before { 
	content: '\e803'; 
}

.icon-menu:before { 
	content: '\2630'; 
}

/* Überschreibt das Such-Icon */
.dashicons-search:before {
    content: "" !important;
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url('img/icon-search.svg');
    background-size: cover;
    background-repeat: no-repeat;
}

/* Überschreibt das Menü-Icon (oder das Schließen-Icon, wenn das Menü offen ist) */
.mobile-menu--open .dashicons.dashicons-menu::before,
.mobile-search-form._open .mobile-search-form__toggle .dashicons.dashicons-search:before {
    content: "" !important;
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url('img/icon-search-cancel.svg');
    background-size: cover;
    background-repeat: no-repeat;
}

/* Überschreibt das Such-Icon */
.dashicons-menu:before {
    content: "" !important;
    display: inline-block;
    width: 20px;
    height: 17px;
    background-image: url('img/icon-burger.svg');
    background-size: cover;
    background-repeat: no-repeat;
}

@media (max-width: 1100px) {
	
	.mobile-search-form {
		display: flex; 
	} 
	
	.mobile-search-form__field > input:nth-child(1){
		margin-left: 20px;
	}
	
	.icon-search{ 
		margin: 0rem 1rem;
	} 
	
}

/* =======================================
READING PROGRESS BAR
======================================= */

@media (max-width: 767px) {
	
	#reading-progress-bar {
	    position: fixed;
	    top: 0;
	    left: 0;
	    width: 0%;
	    height: 5px;
	    background-color: var(--color-primary-2);
	    z-index: 88888;
	}
	
	.mobile-menu--open #reading-progress-bar{
	    display: none !important;
	}
	
}

/* =======================================
PAGE RATGEBER
======================================= */

.post-2636 .post-info{
	display: none;
}


.page-template-default .list .alignleft {
    float: none;
    width: 100%;
}

.page-template-default .list div {
    display: grid;
    grid-template-columns: 1fr; /* Eine Spalte für schmale Ansichten */
    grid-template-rows: auto auto 1fr; /* Drei Zeilen: h3, Bild, Text */
    /*gap: 15px; /* Raum zwischen den Elementen *!/*/
	background-color: var(--color-primary-4);
	border-radius: 10px;
	padding: var(--side-padding);
	margin-bottom: 30px;
}

.page-template-default .list h3 {
    grid-column: 1; /* Setzt h3 in die erste Spalte für schmale Ansichten */
	margin: 0 0 16px 0;
}

.page-template-default .list h3 a {
    color: var(--color-primary-1);
    text-decoration: none;
    display: block;
    margin: 0 !important;
}

.page-template-default .list h3 a:hover {
    color: var(--color-primary-1);
    text-decoration: underline;
}

.page-template-default .list img {
	margin-bottom: 30px !important;
}

.page-template-default .list a:first-of-type {
    grid-column: 1; /* Erste Spalte für das Bild */
    grid-row: 1 / span 2; /* Bild erstreckt sich über zwei Zeilen */
}




@media (min-width: 767px) {
    .page-template-default .list div {
        grid-template-columns: auto 1fr; /* Erste Spalte auto für das Bild, zweite Spalte 1fr für Text */
        grid-template-rows: auto; /* Eine Zeile, da alles in einer Reihe sein soll */
        border-bottom: 1px solid var(--color-primary-3);
        padding: 30px 0;
		border-radius: 0;
		background-color: inherit;
		margin: 0;
    }

    .page-template-default .list a:first-of-type {
        grid-column: 1; /* Erste Spalte für das Bild */
		grid-row: 1 / span 3; /* Bild erstreckt sich über zwei Zeilen */
        /*grid-row: 1 / span 2; /* Bild erstreckt sich über zwei Zeilen *!/*/
    }
	
	.page-template-default .list a {
		margin-right: 30px;
	}

    .page-template-default .list h3, .list p {
        grid-column: 2; /* Beide, h3 und p, in der zweiten Spalte */
		
    }
	
	.page-template-default .list img {
	    width: 190px !important;
	    height: auto;
		margin: 0 !important;
	}

}


/*NOT USED*/

.page-ratgeber-text {
    flex: 1;
}

.page-ratgeber h3{
	margin-top: 5px;
}

.page-ratgeber h3 a{
	color: var(--color-primary-2);
	text-decoration: none;
	display: block;
}

.page-ratgeber h3 a:hover {
	color: var(--color-primary-3);
	text-decoration: underline;
}

.page-ratgeber .list-content {
    display: flex;
    gap: 30px;
    align-items: flex-start;
	margin-bottom: 20px;
}

.page-ratgeber-image {
    flex: 0 0 180px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-ratgeber-image img {
    width: 180px;
    height: auto;
}

.page-ratgeber-text {
    flex: 1;
}

@media (max-width: 767px) {
	
	.page-ratgeber .list-content {
	    background-color: var(--color-primary-5);
		border-radius: 10px;
		padding: var(--side-padding);
	}

	.page-ratgeber .list-content {
	    display: block;
	}
	.page-ratgeber-image {
	    display: block;
		margin-bottom: 15px;
	}
}

/* =======================================
FACHLICH GEPRUEFTE TEXTE
======================================= */

.fachlich-gepruefte-texte {
	background-color: var(--color-primary-4);
	border-radius: 10px;
	color: var(--color-primary-1);
	padding: 30px 30px 30px 115px;
	position: relative;
	margin-bottom: 70px;
}

.fachlich-gepruefte-texte > span:first-child {
	font-family: var(--font-secondary);
	font-weight: 700;
}

.fachlich-gepruefte-texte > span:first-child::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(22px, -30%);
    width: 70px;
    height: 109px;
    background-image: url('img/icon-badge-checked.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

@media (max-width: 767px) {
	
	.fachlich-gepruefte-texte {
		padding: 20px 20px 20px 105px;
		display: flex;
        flex-direction: column;
    }
	
	.fachlich-gepruefte-texte > span:first-child {
		font-size: 18px;
		margin-bottom: 4px;
	}
    
    .fachlich-gepruefte-texte > span:first-child::before {
		top: 0;
		transform: translate(16px, 10px);
        margin: auto;
        display: block;
    }
	
}

/* =======================================
ANZEIGE
======================================= */

.azk-native-top::before, .azk-native-bottom::before, .azk-native-content::before {
    content: "- Anzeige -";
    text-align: right;
    display: block;
    color: var(--color-primary-3);
    font-size: var(--text-sm);
}

.azk-native-top {
	margin-bottom: 20px;
	/* overflow-x: hidden; */
	overflow: hidden !important;
}

.azk-native-top iframe {
	overflow: hidden !important;
}


.azk-native-inner {
	display: block;
	text-align: left;
	margin: 0;
	padding: 0;
	padding-bottom: var(--side-padding);
}

.azk-native-inner .azk-native-headline {
	display: block;
	font-size: var(--text-lg) !important;
	font-family: var(--font-secondary);
	line-height: 1.2;
	font-weight: 700 !important;
	color: var(--color-primary-1) !important;
}

.azk-native-inner .azk-native-description {
	display: block;
	font-size: var(--text-lg) !important;
	/* font-family: var(--font-secondary); */
	padding: 15px 0 30px 0;
	line-height: 1.5;
	font-weight: 400 !important;
	color: var(--color-primary-1) !important;
}

.frontbutton,
.azk-native-inner .azk-native-button,
.listing-button,
#nav-below a {
	display: block;
	text-decoration:none;
	color: var(--color-white-1) !important;
	font-weight:700;
	font-size: var(--text-base) !important;
	background-color: var(--color-primary-2);
	border: 2px solid var(--color-primary-2);
	border-radius: 10px;
	padding: 18px 40px;
	text-align: center;
	width: auto !important;
}

.frontbutton {
	color: var(--color-primary-2) !important;
	background-color: var(--color-white-1) !important;
}

a.anews,
#nav-below a {
	display: inline-block;
	margin-bottom: 30px;
}

@media (max-width: 767px) {
	
	.frontbutton,
	.azk-native-inner .azk-native-button,
	.listing-button,
	#nav-below a {
		padding: 15px !important;
	}
	
}	

.azk-native-outer:hover .azk-native-inner .azk-native-button span {
	cursor: pointer;	
}

.frontbutton:hover,
.azk-native-button:hover,
.listing-button:hover,
#nav-below a:hover {
	text-decoration:none;
	background-color: var(--color-primary-1) !important;
	border: 2px solid var(--color-primary-1) !important;
	color: var(--color-white-1);
}

/* .frontbutton:hover {
	background-color: var(--color-primary-2) !important;
	border: 2px solid var(--color-primary-3) !important;
	color: var(--color-white-1) !important;
}  */


/* =======================================
FOOTER
======================================= */

.footer {
	padding: var(--side-padding);
	background-color: var(--color-primary-1);
}

.footer__wrap {
	max-width: 1080px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	gap: 30px
}

.footer__col {
	box-sizing: border-box;
	position: relative;
	/*padding: 0 10px;*/
	flex: 1;
}

.footer .link-list {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.footer .link-list > li {
	position: relative;
	line-height: 1.7;
	font-size: var(--text-footer);
	/*margin-bottom: 3px;*/
	box-sizing: border-box;
}

.footer .link-list a {
	position: relative;
	display: inline-block;
	color: var(--color-white-1);
	text-decoration: none;
	padding: 6px 0;
}

@media (max-width: 767px) {
	
	.footer .link-list a {
		padding: 10px 0;
	}
	
}

.footer .link-list a:hover {
	text-decoration: underline;
}


@media (min-width: 768px) {
	
	.collapsed-box__body {
		display: block!important;
	}
	
	.collapsed-box__header {
		cursor: default !important;
	}
}

.collapsed-box__header {
	color: var(--color-primary-3);
	position: relative;
	/*display: none;*/
	padding: 30px 0;
	cursor: pointer;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	touch-action: manipulation;
	font-family: var(--font-secondary);
	font-weight: 600;
	font-size: var(--text-md);
	border-bottom: 2px solid var(--color-primary-3);
	margin-bottom: 30px;
}

@media (max-width: 767px) {
		
	.collapsed-box__header:after {
		content: "";
	    position: absolute;
	    margin-left: 8px;
		right: 0;
	    top: 50%;
	    transform: translateY(-50%);
	    width: 12px;
	    height: 11px;
	    background-image: url('img/icon-arrow-nav-footer.svg');
	    background-size: contain;
	    background-repeat: no-repeat;
	    transform-origin: center;
	}

	.collapsed-box__header._open:after {
		transform: translateY(-50%) rotate(180deg);
	}
	
}

@media (max-width: 767px) {
	.collapsed-box__header {
		display: block;
		margin: 0;
		border-bottom: 0;
		border-top: 2px solid var(--color-primary-3);
	}
	
	.footer__col:first-of-type .collapsed-box__header {
		border-top: 0;
	}

	.collapsed-box._no-collapse .collapsed-box__body {
	  display: block;
	}

	.collapsed-box__body {
		padding-bottom: 15px;
		display: none;
	}

	.link-list {
		display: block !important;
	}

	.link-list > li {
		width: auto !important
	}

	.footer__wrap {
		display: block;

	}

}

.social-links-footer {
	padding: 0 var(--side-padding);
	background-color: var(--color-primary-1);
}

.social-links-footer-inside {
	max-width: 1080px;
	display: flex;
	margin: 0 auto;
	align-items: center;
	gap: 16px;
	justify-content: flex-end;
}

@media (max-width: 767px) {
	
	.social-links-footer-inside {
		justify-content: center;
	}
	
}

/*Facebook-Icon*/
.social-links-footer .facebook-link {
	text-decoration: none;
}

.social-links-footer .facebook-icon {
    height: 38px;
}

.social-links-footer .facebook-icon path:first-child {
    fill: var(--color-secondary-2);
}

.social-links-footer .facebook-icon path:last-child {
    fill: var(--color-primary-1);
}

.social-links-footer .facebook-icon:hover path:first-child {
    fill: var(--color-secondary-1);
}

/*Youtube-Icon*/
.social-links-footer .youtube-link {
	text-decoration: none;
}

.social-links-footer .youtube-icon {
    height: 32px;
}

.social-links-footer .youtube-icon path {
    fill: var(--color-secondary-2);
}

.social-links-footer .youtube-icon polygon {
    fill: var(--color-primary-1);
}

.social-links-footer .youtube-icon:hover path {
    fill: var(--color-secondary-1);
}

footer[role="contentinfo"] {
	/*clear: both;*/
	font-size: var(--text-footer);
	text-align: center;
	color: var(--color-secondary-2);
	background-color: var(--color-primary-1);
	padding: var(--side-padding);
}

footer[role="contentinfo"] .footer-content{
	border-top: 2px solid var(--color-primary-3);
	max-width: 1080px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 20px 0;
	color: var(--color-white-1);
}

@media (max-width: 767px) {
	
	footer[role="contentinfo"] .footer-content{
		display: block;
	}
	
}

footer[role="contentinfo"] a {
	color: var(--color-secondary-2);
	text-decoration: none;
}

footer[role="contentinfo"] a:hover {
	color: var(--color-secondary-2);
	text-decoration: underline;
}

footer[role="contentinfo"] .mandatory-link-list{
	display: flex;
	line-height: 1.7;
}

footer[role="contentinfo"] .mandatory-link-list li{
	margin-right: 30px;
}

footer[role="contentinfo"] .mandatory-link-list a{
	display: inline-block;
	padding: 10px 0;
}

footer[role="contentinfo"] .site-info{
	padding: 10px 0;
	line-height: 1.7;
}

@media (max-width: 767px) {
	
	footer[role="contentinfo"] .mandatory-link-list{
		display: block;
		text-align: center;
	}
	
	footer[role="contentinfo"] .mandatory-link-list li{
		margin-right: 0;
	}
	
}

/* =======================================
ADS
======================================= */

#bkat-afs {
    box-sizing: border-box;
    /*padding: 0 var(--side-padding);*/
}

/* =======================================
PAGE STYLES
======================================= */

/*Ueber uns*/

/*.page-id-1849 .infobox {
	padding: var(--side-padding);
    background-image: none;
}

@media screen and (max-width: 767px) {
	.page-id-1849 .infobox{
		padding: var(--side-padding);
	}

}*/

/*Round Corners Top*/

.page-id-7 .post-info,
.archive.author .entry-content,
.search-results .entry-content,
.search-no-results .entry-content,
.category-page .entry-content,
.error404 .entry-content {
	border-radius: 10px 10px 0 0 !important;
}

/* =======================================
ANWALT KANZLEI
======================================= */

ul.wpbdp-categories {
	margin-top: 10px !important;
	margin-left: 0 !important;
}

ul.wpbdp-categories li {
	text-indent: 0;
}

ul.wpbdp-categories li:before {
	content: "";
}

.wpbdp-listing-excerpt {

}

.wpbdp-main-box {
	display: none !important;
}

.wpbdp-listing .address-info {
	margin-bottom: 25px;
}


.wpbdp-listing .listing-title {
	border-bottom: none !important;
	padding-bottom: 5px;
	font-size: var(--text-lg) !important;
	color: var(--color-primary-2);
}

.field-label::after {
	content: "\003A"
}

.wpbdp-field-display {
    margin: 0 0 8px 0 !important;
}


.wpbdp-field-display::before {
    content: '';
    display: inline-block; /* Oder block, abhängig von deinem Layout */
    width: 12px; /* Breite deines SVG-Pfeils */
    height: 11px; /* Höhe deines SVG-Pfeils */
    background-image: url('img/icon-arrow-list.svg'); /* Pfad zu deinem SVG-Pfeil */
    background-size: 12px 11px;
    background-repeat: no-repeat;
    margin-right: 3px; /* Ersetzt padding-right für Abstand */
    position: relative; /* Ändern, falls eine absolute Positionierung benötigt wird */
    top: 0; /* Anpassen, basierend auf der Ausrichtung */
    left: 0; /* Anpassen, basierend auf der Ausrichtung */
	padding-right: 10px;
}


.wpbdp-listing .address-info .address-label {
	padding-right: 5px
}

.address-label {
	display: inline !important
}

.wpbdp-listing > div.excerpt-content.wpbdp-hide-title > div > div.address-info.wpbdp-field-display.wpbdp-field.wpbdp-field-value > div {
	display: inline !important
}

.address-label {
	margin-left: -3px
}


.wpbdp-listing {
	padding: var(--side-padding) !important;
	margin: 0 0 20px 0;
	border-radius: 10px;
	border: 2px solid var(--color-primary-2);
}


.wpbdp-listing .listing-details {
	margin: 0 !important;
}

.wpbdp-listing .container-buttons {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	margin-top: 30px;
}

.info-text ul li::before {
	content: "" !important
}

@media screen and (min-width: 681px) {
	body > div.page.container > section > div.info-text > div.category-description > div.wp-block-image > figure > img {
		margin-right: 10px
	}
}

/*Hide lists on main pages*/

.wpbdp-categories ~ #wpbdp-listings-list {
	display: none;
}		






	
	

/* =======================================
Page Tipps
======================================= */

.uebersicht  {
    display: block !important;
	clear: both;
	margin-bottom: 40px;
}

.uebersicht img {
    width: 300px;
    height: 200px;
    margin-right: 30px;
	margin-bottom: 30px;
    object-fit: cover;
}


@media (max-width: 767px) {
	
	.uebersicht img {
		margin: 0 0 15px 0 !important;
		width: 100% !important;
		height: auto;
	}
	
	.uebersicht {
		margin-bottom: 40px !important;
	}
}



.uebersicht h3 a {
	color: var(--color-primary-2);
	text-decoration: none;
	display: block;
	font-size: var(--text-md);
}

.uebersicht h3 a:hover {
	color: var(--color-primary-3);
	text-decoration: underline;

}


/* =======================================
ARCHIVE
======================================= */


.category-page .entry-content .entry-title {
	line-height: 1.4;
	font-size: var(--text-lg);
	font-weight: 700 !important;
	color: var(--color-primary-2);
	background-color: var(--color-white-1);
	padding: 0;
	margin: 0 0 20px 0;
	/*border-radius: 10px 10px 0 0;*/
}


.category-page .entry-content .entry-title:hover {
	text-decoration: underline;
}

.category-page .entry-content .title-and-breadcrumb {
	background-color: var(--color-white-1);
}

.category-page .entry-content .breadcrumb {
	display: none;
}

.category-page .entry-content .post-info {
	padding: 0;
	margin-bottom: 20px;
}

.category-page .entry-content .entry-summary {
	padding-bottom: 15px;
	border-bottom: 2px solid var(--color-primary-3);
	margin-bottom: 30px;
}

.category-page .entry-content img {
	border-radius: 0px !important;
}




/* =======================================
SEARCH RESULTS
======================================= */

.search-results article {
	padding: var(--side-padding);
	background-color: var(--color-primary-4);
	margin-bottom: 30px;
	border-radius: 10px;
}

.search-results article mark{
	background-color: var(--color-primary-3);
}

.search-results .entry-content .entry-title {
	line-height: 1.5;
	font-size: var(--text-lg);
	font-weight: 700 !important;
	color: var(--color-primary-2);
	background-color: var(--color-primary-4);
	padding: 0;
	margin: 0 0 20px 0;
	/*border-radius: 10px 10px 0 0;*/
}

.search-results .entry-content .entry-title a{
	color: var(--color-primary-1);
}

.search-results .entry-content .entry-title:hover {
	text-decoration: underline;
}

.search-results .entry-content .title-and-breadcrumb {
	background-color: var(--color-primary-4);
}

.search-results .entry-content .breadcrumb {
	display: none;
}

.search-results .entry-content .post-info {
	padding: 0;
	margin-bottom: 20px;
	background-color:var(--color-primary-4);
}

.search-results .entry-content img {
	border-radius: 0px !important;
}

#bkat-afs:not(:empty):before {
    content: "Anzeigen von Google";
   	margin: 10px 4px;
    font-size: 18px;
    font-weight: 700;
    display: block;
	clear: both;	
}

/* =======================================
AUTHOR ARCHIVE
======================================= */

.archive.author .entry-excerpt {
	padding-bottom: 30px;
	border-bottom: 1px solid var(--color-primary-3);
	margin-bottom: 30px;
}

.archive.author h3.entry-title a {
	color: var(--color-primary-1);
	text-decoration: none;
}

.archive.author h3.entry-title a:hover {
	text-decoration: underline;
}

.archive.author .l1-authorbox-inner {
	margin-top: 0 !important;
}

.archive.author .l1-authorbox {
	margin-top: 0 !important;
}

.archive.author .l1-authorbox .l1-authorbox-name{
	margin-top: 0 !important;
	margin-bottom: 10px !important;
}

.archive.author .post-info {
	padding: 0;
	margin-bottom: 20px;
}

.archive.author .post-info img {
	border-radius: 0px !important;
}

/* =======================================
PRINT STYLES
======================================= */

@media print {
	
	body {
		background: none !important;
		color: #000;
		font-size: 10pt;
	}
	
	footer a[rel=bookmark]:link:after,
	footer a[rel=bookmark]:visited:after {
		content: " [" attr(href) "] "; /* Show URLs */
	}
	
	a {
		text-decoration: none;
	}
	
	.entry-content img,
	.comment-content img,
	.author-avatar img,
	img.wp-post-image {
		border-radius: 0;
		box-shadow: none;
	}
	
	.site {
		clear: both !important;
		display: block !important;
		float: none !important;
		max-width: 100%;
		position: relative !important;
	}
	
	.site-header {
		margin-bottom: 72px;
		margin-bottom: 5.142857143rem;
		text-align: left;
	}
	
	.site-header h1 {
		font-size: 21pt;
		line-height: 1;
		text-align: left;
	}
	
	.site-header h2 {
		color: #000;
		font-size: 10pt;
		text-align: left;
	}
	
	.site-header h1 a,
	.site-header h2 a {
		color: #000;
	}
	
	.author-avatar,
	#colophon,
	#respond,
	.commentlist .comment-edit-link,
	.commentlist .reply,
	.entry-header .comments-link,
	.entry-meta .edit-link a,
	.page-link,
	.site-content nav,
	.widget-area,
	img.header-image,
	.main-navigation {
		display: none;
	}
	
	.wrapper {
		border-top: none;
		box-shadow: none;
	}
	
	.site-content {
		margin: 0;
		width: auto;
	}

	.entry-header .entry-title,
	.entry-title {
		font-size: 21pt;
	}
	
	footer.entry-meta,
	footer.entry-meta a {
		color: #444;
		font-size: 10pt;
	}
	
	.author-description {
		float: none;
		width: auto;
	}

	/* Comments */
	
	.commentlist > li.comment {
		background: none;
		position: relative;
		width: auto;
	}
	
	.commentlist .avatar {
		height: 39px;
		left: 2.2em;
		top: 2.2em;
		width: 39px;
	}
	
	.comments-area article header cite,
	.comments-area article header time {
		margin-left: 50px;
		margin-left: 3.57142857rem;
	}
}

/*clickout buttons*/

.custom-button {
  display: inline-block;
  padding: 10px 20px;
  background-color: var(--color-primary-2);
  color: white;
  text-decoration: none;
  border-radius: 5px;
  font-weight: bold;
  text-align: center;
  transition: background-color 0.3s ease;
}

.custom-button:hover {
  background-color: var(--color-primary-4);
}

/*404-page search form*/
.search-submit-404 {padding: 8px !important}

@media (max-width: 857px) {
.search-submit-404 {margin: 10px 0px;}
}	

.search-field-404 {height: 45px !important}












/* ADDITIONAL CSS FROM BACKEND */

/*.box li {
	margin-left: 10px;
}

@media screen and (min-width: 600px) {
	.breadcrumb>ul:nth-child(1)>li:nth-child(1):before {
 	   display:none;
	}
}

.breadcrumb b {
	font-weight:300;
	color: #8a8487;
	}

.breadcrumb {
	font-size:12px;
}

.breadcrumb li:before {
	font-weight:300;
	color: #8a8487;
}

.home nav.breadcrumb { display:none; }

#breadcrumbs {
	font-weight:300;
	color: #8a8487;
	font-size:12px;
}

.grecaptcha-badge {display: none !important}

#columnlist2 > li:nth-child(7) > a {overflow-wrap: initial}

.table--clickout::after {
    content: "** Anzeige";
    font-size: 12px;
    color: rgba(0,0,0,0.25);
	padding-left: 5px;
}

/* Bitte .button-amazon hier nicht entfernen *!/

.button-amazon {
	background-color: #9f2137;
}

.table--clickout::after {
    content: "** Anzeige";
    font-size: 12px;
    color: rgba(0,0,0,0.25);
	padding-left: 5px;
}

.entry-content table {
	border-bottom: solid 1px #000;
}

#bkat-afs {
	width: 95% !important; 
	padding: 0px 2.5%;
}

.link-list._type-1 > li, .link-list._type-2 > li, .link-list._type-3 > li {font-size: 1rem}

.cmpboxwelcomeprps {line-height: 1.5}

@media (max-width: 835px) {
	html {
		margin-top: 40px !important;
	} }

.container-button {
    display: grid;
    justify-content: space-between;
    margin-bottom: 13px;
}

.container-button .button {
    padding: 7px;
    border-radius: 2px;
    background-color: #efefef;
    text-align: center;
    margin-bottom: 7px; 
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
}

@media screen and (min-width: 600px) {
    .container-button {
        grid-template-columns: 49.5% 49.5%;
    }
}

@media screen and (max-width: 600px) {
    .container-button {
        grid-template-columns: 1fr;
    }
}

.search-results div.pagination {
    margin-bottom: 40px !important;
		text-align: center;
}

/*  Haupt-CSS *!/

.l1-authorbox-avatar {float: left; padding: 10px 15px}

.l1-authorbox-intro {border-bottom: solid 1px #ddd;}

.l1-authorbox-inner {background-color: #f6f6f6; padding: 0px 0px 5px; border: 1px solid lightgray; padding: 10px 15px}

.l1-authorbox {margin: 5% 0; }

div.entry-content div.l1-authorbox div.l1-authorbox-inner div.l1-authorbox-personal-info p.l1-authorbox-description {font-size: 16px; text-align: inherit}

div.entry-content div.l1-authorbox div.l1-authorbox-inner div.l1-authorbox-personal-info p.l1-authorbox-description {margin-bottom: 0px !important}

@media (max-width:600px) {
.l1-authorbox-name {text-align: left}
}	

/*  Domain-abhängiger CSS *!/

@media (max-width:600px) {
.l1-authorbox-avatar > img {display: block; margin: 0 auto} }
@media (max-width:600px) {
.l1-authorbox-name {display: block; margin: 5px 0;} }
@media (max-width:600px) {
div.entry-content div.l1-authorbox div.l1-authorbox-inner div.l1-authorbox-personal-info p.l1-authorbox-description {clear: none !important;}
}
	
@media screen and (max-width: 768px) {
:target::before {
  content: "";
  display: block;
  height: 65px;
  margin-top: -65px;}
}
@media screen and (max-width: 768px) {
.top-nav {box-shadow: 0 4px 6px -6px #222}
}	

@media screen and (max-width: 768px) {
	div.header-search form#searchform input#s.field {font-size: 16px !important}
}	

div.entry-content div.list div p {clear: none !important}

@media only screen and (max-width: 768px) {
figure.wp-block-image.aligncenter.size-large.yt-video a img {
    width: auto !important;
    height: auto !important;}
}

.home .reading-time, .home .page-ide-10 {
    display: none;
}

@media screen and (max-width: 680px) {
    #progressBar {
        display: block;
        position: fixed;
        height: 5px;
        background: #9d2235;
        width: 0%;
        top: 58px;
        left: 0;
        z-index: 99;
    }
}

/* Anpassung Schriftkontrast Menü *!/

.widget-area .widget a {
    font-weight: bold;
}
/* archive author pagination begin *!/
.pagination .page-numbers {
    padding: 8px 16px;
    color: white;
    font-weight: bold;
    background-color: #9d2235;
    border: none;
    border-radius: 4px;
    font-size: 1rem;
    transition: background-color 0.3s, color 0.3s, 	
		border-color 0.3s;
    text-decoration: none;
		text-align: center;}

.archive-pagination {text-align: center; margin: 10px 0px 30px}

.pagination .page-numbers:hover,
.pagination .page-numbers:focus {
    background-color: #fff;
    color: #9d2235;
    border: 1px solid #9d2235;
}

.pagination .current {
    background-color: #fff;
    color: #9d2235;
    border: 1px solid #9d2235;
}
/* archive author pagination ende *!/

.about, .span-reading-time {font-size: 14px}
.home .reading-time {
    display: none !important;
}*/