/*
Theme Name: lot-bussgeldkataloge
Theme URI: bussgeldkataloge
Author: bussgeldkataloge
Template: twentytwelve
Version: 1.0
Text Domain: lot-bussgeldkataloge
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-sans-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 Sans';
  font-style: normal;
  font-weight: 400;
  src: url('font/noto-sans-v36-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('font/noto-sans-v36-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* noto-sans-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: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: url('font/noto-sans-v36-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('font/noto-sans-v36-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* noto-sans-800 - 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 Sans';
  font-style: normal;
  font-weight: 800;
  src: url('font/noto-sans-v36-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('font/noto-sans-v36-latin-800.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* noto-sans-800italic - 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 Sans';
  font-style: italic;
  font-weight: 800;
  src: url('font/noto-sans-v36-latin-800italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('font/noto-sans-v36-latin-800italic.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: #333333;
	--color-primary-2: #C9C9C9;
	--color-primary-3: #F5F5F5;

	/* --color-secondary-1: #DD0000; */
	--color-secondary-1: #CC0000;
	--color-secondary-2: #F7E4E4;
	--color-secondary-3: #5B93BC;

	--color-white-1: #FFFFFF;


	/* Font Family*/
	--font-primary: 'Roboto', "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	--font-secondary: 'Noto Sans', 'Roboto', "Helvetica Neue", Arial, Helvetica, Geneva, sans-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: 1.20rem;
	overflow-x: hidden;
}

ol, ul {
	list-style: none;
}

.entry-content blockquote p {
	margin-top: 0;
}

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

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

a:focus {
    outline: 2px dotted var(--color-secondary-3);
    outline-offset: 4px;
}

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);
	font-weight: 800;
	/*text-wrap: balance;*/
}

.archive-title,
.page-title {
	font-size: var(--text-xl);
	line-height: 1.5;
	font-weight: 800;
	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-3);
	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;*/
}



.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 {
	text-decoration:none;
	color: var(--color-white-1);
	font-weight:700;
	background-color: var(--color-secondary-1);
	border: 2px solid var(--color-secondary-1);
	border-radius: 10px;
	padding: 18px 25px;
	text-align: center;
	font-size: 1.20rem;
	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 {
		padding: 15px 20px;
	}
}	

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

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

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

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

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

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

.container-button .button {
	color: var(--color-primary-1);
	background-color: #fff;
	border: 2px solid var(--color-primary-3);
	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 */
	height: auto;
}

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;
}

/* =======================================
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-secondary-1);
	text-decoration: none;
}

a:hover {
	color: var(--color-secondary-1);
	text-decoration: underline;
}

/* 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-3);
	padding: 35px 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-3);
}

.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: 800;
	color: var(--color-primary-1);
	background-color: var(--color-primary-3);
	padding: 0 0 30px 0;
	/*border-radius: 10px 10px 0 0;*/
}

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

@media screen and (max-width: 767px) {
	.entry-header .entry-title {
		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;
	}
}	

.post-info-author a {
    color: var(--color-primary-1);
	text-decoration: underline;
}

.post-info-author a:hover {
    color: var(--color-secondary-1);
	text-decoration: underline;
}

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

/* Navigation */

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

.breadcrumb ul{
	border-bottom: 1px solid var(--color-primary-2);
	padding-bottom: 18px;
}

@media (max-width: 767px) {
	.breadcrumb {
		background-color: var(--color-white-1);
		border-radius: 0;
		border-bottom: 1px solid var(--color-primary-2);
		padding-bottom: 18px;
	}
	.breadcrumb ul{
		border-bottom: 0;
		padding-bottom: 0;
	}
}	

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

.breadcrumb a:hover{
	color: var(--color-secondary-1);
	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-3);
	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-secondary-1);
	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-secondary-1);
	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 15px 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: 1.20rem;
	line-height: 1.7;
}

.entry-content h5,
.comment-content h5 {
	font-size: 1.20rem;
	line-height: 1.7;
}

.entry-content h6,
.comment-content h6 {
	font-size: 1.20rem;
	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-1);
    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: 20px 0 20px 100px;
    background-color: var(--color-primary-3);
    border-radius: 10px;
    padding: var(--side-padding) !important;
}

.entry-content blockquote::before,
.comment-content blockquote::before {
    content: '';
    position: absolute;
    left: -38px;
    top: 50%;
    transform: translate(-100%, -50%);
    width: 61px;
    height: 59px;
    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: 50%;
	    transform: translate(-100%, -50%);
	    width: 36px;
	    height: 38px;
	}

}

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

.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-secondary-2) !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-3) !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-3) !important;
}

.tablepress thead th, 
.tablepress tfoot th {
    background-color: var(--color-primary-3) !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 */
}

@media screen and (min-width: 930px) {
	#nav_menu-6 > h3:before {
		/* content: url(https://www.yourdomain.de/wp-content/uploads/info.svg); */
		width: 29.6px;
		display: table-cell;
		position: relative;
		top: 52.555555px;
		left: 62px;
	}

	#nav_menu-6 > h3 {
		margin-top: -50px;
	}
}

/* =======================================
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-3);
	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-2);
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	line-height: 1;
}

.reply span {
    display: none;
}

.reply a.comment-reply-link {
	text-decoration: underline;
	color: var(--color-primary-1);
}

.reply a.comment-reply-link:hover {
	color: var(--color-secondary-1);
}

.reply .comment-reply-link::after {
    content: url('img/icon-arrow-nav-dark.svg');
    display: inline-block;
    width: 11px;
    height: 12px;
    margin-left: 15px;
	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-3);
}

#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-3);
	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: var(--color-secondary-1);
}

/* =======================================
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;
	}
	
	.list {
		margin-left: 0!important;
	}
}

@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;
	}

}

/* =======================================
START
======================================= */

.start {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 20px;
	margin-top: 20px;
}

.start a {
	align-items: center;
	display: flex;
	flex-grow: 1;
    flex-basis: calc(50% - 10px);
	background-color: var(--color-secondary-1);
	border: 2px solid var(--color-secondary-1);
	color: var(--color-white-1);
	text-decoration: none;
	text-align: center;
	box-sizing: border-box;
	border-radius: 10px;
	padding: 18px 18px 18px 110px;
	font-weight: 700;
	position: relative;
}

.start a:hover {
	text-decoration:none;
	background-color: var(--color-secondary-2);
	border: 2px solid var(--color-secondary-1);
	color: var(--color-secondary-1) !important;
}

.start a:before {
	content: '';
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	/*left: 10px;*/
	left: 0;
	top: 0;
	bottom: 0;
	width: 95px;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	
	background-color: var(--color-secondary-1);
	border-radius: 5px 0 0 5px;
}


@media screen and (max-width: 767px) {
  
	.start {
		gap: 12px;
	}
	
	.start a:before {
		width: 80px;
	}

  .start a {
    flex-basis: 100%;
		padding: 15px 15px 15px 100px !important;
  }
}

/*Custom Buttons*/

.geschwbuttons:before {
	background-image: url(https://www.bussgeldkataloge.de/wp-content/uploads/geschwindigkeit-icon.svg);
	background-size: 61px auto;	
}

.abstandbuttons:before {
	background-image: url(https://www.bussgeldkataloge.de/wp-content/uploads/abstand-icon.svg);	
	background-size: 39px auto;	
}

.ampelbuttons:before {
	background-image: url(https://www.bussgeldkataloge.de/wp-content/uploads/ampel-icon.svg);
	background-size: 29px auto;	
	
}

.alkoholbuttons:before {
	background-image: url(https://www.bussgeldkataloge.de/wp-content/uploads/alkohol-icon.svg);
	background-size: 31px auto;	
}

.haltenbuttons:before {
	background-image: url(https://www.bussgeldkataloge.de/wp-content/uploads/halten-icon.svg);
	background-size: 32px auto;	
}

.handybuttons:before {
	background-image: url(https://www.bussgeldkataloge.de/wp-content/uploads/handy-icon.svg);
	background-size: 39px auto;	
}

.tuevbuttons:before {
	background-image: url(https://www.bussgeldkataloge.de/wp-content/uploads/tuev-icon.svg);
	background-size: 35px auto;	
}

.ladungbuttons:before {
	background-image: url(https://www.bussgeldkataloge.de/wp-content/uploads/ladung-icon.svg);
	background-size: 59px auto;	
}

.parkenbuttons:before {
	background-image: url(https://www.bussgeldkataloge.de/wp-content/uploads/parken-icon.svg);
	background-size: 32px auto;	
}

.ueberladungbuttons:before {
	background-image: url(https://www.bussgeldkataloge.de/wp-content/uploads/ueberladung-icon.svg);
	background-size: 51px auto;	
}

.unfallbuttons:before {
	background-image: url(https://www.bussgeldkataloge.de/wp-content/uploads/unfall-icon.svg);
	background-size: 38px auto;	
}

.vorfahrtbuttons:before {
	background-image: url(https://www.bussgeldkataloge.de/wp-content/uploads/vorfahrt-icon.svg);
	background-size: 35px auto;	
}

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

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

.rp4wp-related-posts a{
	/*text-decoration: underline;*/
}

.rp4wp-related-posts a:hover{
	/*color: var(--color-primary-1);;*/
}

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

.faq {
	border-left: 15px solid var(--color-secondary-1);
}

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

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

}

/*.infobox h1, .infobox h2, .infobox h3, .infobox h4, .infobox h5, .infobox h6,
.schnell h1, .schnell h2, .schnell h3, .schnell h4, .schnell h5, .schnell h6, 
.beratung h1, .beratung h2, .beratung h3, .beratung h4, .beratung h5, .beratung h6, 
.muster h1, .muster h2, .muster h3, .muster h4, .muster h5, .muster h6,
.start h1, .start h2, .start h3, .start h4, .start h5, .start h6 {
	margin-top: 0;
}*/

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

.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,
.table-about table{
    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,
.faq h1:first-of-type,
.faq h2:first-of-type,
.faq h3:first-of-type,
.faq h4:first-of-type,
.faq h5:first-of-type,
.faq 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{
    margin-top: 0;
}

.schnell li:last-of-type,
.schnell ol:last-of-type,
.faq li:last-of-type,
.faq ul:last-of-type,
.faq .schema-faq-section:last-of-type p  {
	margin-bottom: 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,{
    margin: 0;
}

.schnell,
.lesebox,
.beratung,
.muster {
	background-color: var(--color-primary-3);
	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-3);
	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;
}

.list {
	margin-top: 30px;
}

.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-3);
}

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

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

.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;
	text-align: left !important;
}

/*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-3);
	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-secondary-2);;;
}

.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 {
    width: 100%;
	margin-bottom: 0;
}

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

#wpbdp-categories li a {
    display: block;
	text-decoration:none;
	color: var(--color-primary-2) !important;
	font-weight:700;
	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: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 {
    content: none;
}

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

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

#ez-toc-container p.ez-toc-title {
	font-weight: 700 !important;
	font-size: 23px;
	line-height: 1.7;
	font-family: var(--font-secondary);
	color: var(--color-primary-1);
	font-size: var(--text-lg) !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-1);
	font-weight: 400;
	font-size: 1.20rem;
	text-decoration: underline;
}

#ez-toc-container a:hover {
	color: var(--color-secondary-1);
}

#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
======================================= */

/*PAGE NEWS*/

.page-news-intro-image {
	text-align: center;
	margin-bottom: 30px;
}

/*POSTS*/

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

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

.beitrag h2 {
	font-size: var(--text-md);
	line-height: 1.5;
	margin: 10px 0;
}

.beitrag h2 a {
	color: var(--color-secondary-1);
	text-decoration: none;
	display: block;
}

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

.beitrag li {
	padding-left: 0 !important;
	clear:both;
	margin-bottom: 50px !important;
}

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


@media (max-width: 767px) {
	
	.beitrag li {
		margin-bottom: 40px !important;
	}

	.beitrag img {
		margin: 0 0 15px 0 !important;
		width: 100% !important;
		height: auto;
	}
}

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

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

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

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

/* =======================================
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-3);
	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: 700;
}

a.l1-authorbox-name {
	text-decoration: underline;
	color: var(--color-primary-1);
}

a.l1-authorbox-name:hover {
	color: var(--color-primary-1);
	color: var(--color-secondary-1);
}

.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;
	}
}

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

.post-ratings {
	display: block;
	width: auto;
	padding: 10px;
	background-color: white;
	margin:0px;
	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-1);
	padding: 15px;
	margin: 0 3px;
	border-radius: 10px;
	font-weight: 700;
	text-decoration: none;
	background-color: #fff;
	color: var(--color-primary-1);
}

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

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

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

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

/* =======================================
HEADER AD
======================================= */

.header-ad {
	background-color: var(--color-secondary-1);
	color: var(--color-white-1);
	border-radius: 10px;
	padding: 9px 15px;
	font-size: var(--text-sm);
	border: 2px solid var(--color-secondary-1);
}

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

.header-ad a{
	color: var(--color-white-1);
	text-decoration: none;
}

.header-ad .header-ad-heading{
	margin-bottom: 6px;
	font-weight: 700;
}

.header-ad .header-ad-copy{
	display: flex;
	justify-content: space-between;
}

.header-ad .header-ad-copy-2{
	opacity: 0.4;
}

.header-ad:hover {
	background-color: var(--color-secondary-2);
	color: var(--color-secondary-1);
}

.header-ad:hover a{
	background-color: var(--color-secondary-2);
	color: var(--color-secondary-1);
}

/* =======================================
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: flex-end;
	padding: 18px 20px 35px 20px;
}

#masthead hgroup .logo{
	height: 69px;
	width: auto;
}

.header-elements {
	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-secondary-1);
}

/*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-secondary-1);
}

/* =======================================
HEADER
MOBILE MAIN
======================================= */

#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 {
	padding-top: 10px;
	display: block;
}

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

	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-3);*/
		max-height: 60px; 
	}
	
	header#masthead.site-header .logo {
		display: block;
		min-width: auto;
		width: auto;
		max-height: 40px; 
		/*padding-top: 3px;*/
		/*padding-bottom: 17px;*/
	}
	
	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-3);
	}
	
}

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

.search-form {
	z-index: 1;
	background-color: var(--color-white-1);
	border-radius: 5px;
	border: solid 2px var(--color-white-1);
	max-width: 350px;
	/*position: relative;*/
	padding: 3px;
	margin-right: 10px;
	margin-bottom: 2px;
}

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

.search-form .search-submit {
	position: relative;
	background-color: var(--color-white-1);
    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 {
	margin-top: -64px;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(51, 51, 51, 0.7);
    z-index: 1;
    transition: opacity 0.28s ease;
    pointer-events: none;
}

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

.topnav-main-container-outer {
	display: flex;
	justify-content: center; /* Horizontale Zentrierung */
	align-items: center; /* Vertikale Zentrierung, falls notwendig */
	border-top: 2px solid var(--color-primary-1);
	background-color: var(--color-primary-3);
}

@media screen and (max-width: 900px) {
	.topnav-main-container-outer {
		width: 0;
		height: 0;
	}
}

.topnav-main-container {
	display: flex;
	width: 1080px;
	background-color: var(--color-primary-1);
	justify-content: space-between;
	border-radius: 0 0 10px 10px;
	margin: 0 20px;
}

.main-navigation {
	
}

.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-3);
}

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

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

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


.menu-container .nav-menu > li > .sub-menu {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    width: 625px;
    background-color: var(--color-white-1);
    border-radius: 0 0 10px 10px;
    position: absolute;
    z-index: 200;
    padding: 0;
	border: 10px solid var(--color-white-1);
}

.menu-container .nav-menu .sub-menu li {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid-column;
	width: 100%;
	box-sizing: border-box;
    /*padding: 5px;*/
    display: inline-block; 
    border-bottom: none;
}

.menu-container .nav-menu li:hover > .sub-menu {
    display: block;
}

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

/* Style for links within submenu items */
.menu-container .nav-menu .sub-menu li a {
    color: var(--color-primary-1);
    padding: 6px 20px;
    text-decoration: none;
    display: block;
    background-color: var(--color-white-1);
	border-radius: 10px;
	line-height: 1.5;
}

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

/* 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-1);
}

/* 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-secondary-2);*/
}

/* 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-3);*/
}

/* 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-secondary-2);*/
}

/* 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: 900px) {

	.menu-container .nav-menu > li > .sub-menu {
	    -webkit-column-count: 1;
	    -moz-column-count: 1;
	    column-count: 1;
		border: 0;
	}
	
	.menu-container .nav-menu .sub-menu li a {
	    border-radius: 0 !important;
	}

	.menu-container .nav-menu > li > a {
		display: block;
	    text-decoration: none;
	    color: var(--color-white-1);
	    padding: 24px 20px;
		background-color: var(--color-primary-1);
	}
	
	/* 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-1);
	    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: 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-white-1);
		padding: 15px 20px;
		border-bottom: 1px solid var(--color-primary-2);
	}
	
	.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-secondary-2);*/
	}
	
	/* 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-secondary-1);*/
	}
	
}

/* =======================================
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: 900px) {
	.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(51, 51, 51, 0.7);
	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: 900px) {
  
	.main-navigation {
		transform: translateX(-100%);
		width: 100%;
		background: var(--color-primary-1);
		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-secondary-2);
	}
	
	.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(51, 51, 51, 0.7);
	transform: translateX(0vw);
	transition: transform 0s ease 0s,background-color .3s ease 0s; 
}
	
/* =======================================
HEADER
MOBILE SEARCH
======================================= */

@media (max-width: 900px) {
  .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-3);
	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-1);
}

.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: 900px) {
	
	.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-secondary-1);
	    z-index: 88888;
	}
	
	.mobile-menu--open #reading-progress-bar{
	    display: none !important;
	}
	
}

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

.page-template-page-wihtout-comments .list{
	margin-top: 0;
}

.page-template-page-wihtout-comments .list a{
	color: var(--color-primary-1);
	background-color: var(--color-primary-3);
	border-radius: 10px;
	padding: var(--side-padding);
}

.page-template-page-wihtout-comments .list a:hover {
    background-color: var(--color-secondary-2);
	color: var(--color-primary-1) !important;
	text-decoration: none;
}

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


.page-template-page-wihtout-comments .list h3{
	margin: 0 0 15px 0;
	color: var(--color-secondary-1);
	text-decoration: none;
	display: block;
}


.page-template-page-wihtout-comments .list div {
    display: flex;
    gap: 30px;
    align-items: flex-start;
	margin-bottom: 30px;
	
}

.page-template-page-wihtout-comments .list .wp-post-image {
    flex: 0 0 180px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-template-page-wihtout-comments .list img {
    width: 150px;
    height: auto;
}

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

@media (max-width: 767px) {
	
	.page-ratgeber .list-content {
	    background-color: var(--color-primary-3);
		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-3);
	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: 800;
}

.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-2);
    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,
.links a,
a.anews {
	display: block;
	text-decoration:none;
	color: var(--color-white-1) !important;
	font-weight:700;
	font-size: var(--text-base) !important;
	background-color: var(--color-secondary-1);
	border: 2px solid var(--color-secondary-1);
	border-radius: 10px;
	padding: 18px 40px;
	text-align: center;
	width: auto !important;
}

a.buttons,
.links a.buttons { 
	display: block;
	text-decoration: none;
	color: var(--color-secondary-1) !important;
	font-weight: 700;
	font-size: var(--text-base) !important;
	background-color: var(--color-white-1) !important; 
	border: 2px solid var(--color-secondary-1);
	border-radius: 10px;
	padding: 18px 40px;
	text-align: center;
	width: auto !important;
}

a.buttons:hover,
.links a.buttons:hover {
	color: var(--color-white-1) !important;
	background-color: var(--color-secondary-1) !important; 
}

.page-news center{
	display: block;
	clear: both;
}

a.anews {
	margin: 40px 0;
	display: inline-block;
}


#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 {
	border: 0;
}

.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,
.links a:hover,
a.anews:hover {
	text-decoration:none;
	background-color: var(--color-secondary-2) !important;
	border: 2px solid var(--color-secondary-1) !important;
	color: var(--color-secondary-1) !important;
}

/* =======================================
LINKS GRID
======================================= */

.links {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    justify-content: center;
		margin-bottom: 50px;
}

@media (max-width: 767px) {
    .links {
        grid-template-columns: 1fr;
		gap: 12px;
    }
}

/* =======================================
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-logo {
	padding: 40px 0 50px 0;
}

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

@media (max-width: 767px) {
	
	.footer-logo img {
		max-width: 80%;
	}
	
}

.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-secondary-1);
	text-decoration: none;
	padding: 10px 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: #fff;
	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: 700;
	font-size: var(--text-lg);
	border-bottom: 2px solid var(--color-primary-2);
	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-2);
	}
	
	.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-sm);
	text-align: center;
	color: var(--color-white-1);
	background-color: var(--color-primary-1);
	padding: 0 var(--side-padding) var(--side-padding) var(--side-padding);
}

footer[role="contentinfo"] .footer-content{
	border-top: 1px solid #707070;
	max-width: 1080px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	/*padding: 20px 0;*/
}

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

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

footer[role="contentinfo"] a:hover {
	text-decoration: underline;
}

footer[role="contentinfo"] .mandatory-links{
	width: 100%;
}

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

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

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

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

@media (max-width: 767px) {
	
	footer[role="contentinfo"] .mandatory-link-list{
		display: block;
		text-align: center;
		padding: 40px 0 20px 0;
	}
	
	footer[role="contentinfo"] .mandatory-link-list li{
		margin-right: 0;
	}
	
	footer[role="contentinfo"] .mandatory-link-list a{
		display: inline-block;
		padding: 8px 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-71 .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
	}
}

/* =======================================
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 a: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: 1px solid var(--color-primary-2);
	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-3);
	margin-bottom: 30px;
	border-radius: 10px;
}

.search-results article mark{
	background-color: #ACCCE3;
}

.search-results .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-primary-3);
	padding: 0;
	margin: 0 0 20px 0;
	/*border-radius: 10px 10px 0 0;*/
}

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

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

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

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

.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: 2px solid var(--color-primary-3);
	margin-bottom: 30px;
}

.archive.author h3.entry-title a {
	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-3);
}

/*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;
	background-color: var(--color-primary-3) !important;
}

/* =======================================
BACKEND CUSTOM CSS
======================================= */

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

.cmpwelcomeprpstxt {line-height: 1.5;}

@media only screen and (min-width: 961px) {
.menu-item > a:nth-child(1) {color: #555; !important}
}

/* Gebühren-Checkbox tooltip */

.price-calc-container {hyphens: auto}

@media screen and (min-width:545px) and (max-width: 919px) {
    .i-tooltip-info {
        left: -211px !important;
    }
}

@media screen and (min-width:507px) and (max-width: 544px) {
    .i-tooltip-info {
        left: -261px !important;
    }
}

@media screen and (min-width:396px) and (max-width: 506px) {
    .i-tooltip-info {
        left: 0px !important;
    }
}

@media screen and (min-width:0) and (max-width: 395px) {
    .i-tooltip-info {
        left: -100px !important;
    }
}

a > time {
	font-style: italic
}

div.header-search form#searchform input#s.field {
	font-size: 16px
}

div.entry-content div.l1-authorbox div.l1-authorbox-inner div.l1-authorbox-personal-info p.l1-authorbox-description {
	clear:none !important;
}

/* Avatare in Kommentaren ausblenden */

.comment .avatar {
	display: none;
}

figcaption {
	text-align: center !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;
	}
}

figure.wp-block-image.aligncenter.size-large.yt-video:before {
	content: url(https://www.bussgeldkataloge.de/wp-content/themes/bussgeldkataloge.de-neu/images/playbutton.png);
	top: 40% !important;
	left: 50% !important;
	margin: -50px 0 0 -50px !important;
	position: absolute !important;
	pointer-events: none; 
}

.page-id-215 .l1-authorbox {
	display: none;
}

.l1-authorbox-description {
	margin-bottom: 0px !important;
}