/*
Theme Name: lot-schuldnerberatung
Theme URI: schuldnerberatung.de
Author: schuldnerberatung.de
Template: twentytwelve
Version: 1.0
Text Domain: lot-schuldnerberatung
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+ */
}

/* merriweather-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: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  src: url('font/merriweather-v30-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('font/merriweather-v30-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* merriweather-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: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  src: url('font/merriweather-v30-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('font/merriweather-v30-latin-700.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: #0D3939;
	--color-primary-2: #00635D;
	--color-primary-3: #0B8476;
	--color-secondary-1: #E0F935;
	--color-secondary-2: #C5DBD3;
	--color-secondary-3: #E4F4EE;
	
	/* Font Family*/
	--font-primary: 'Roboto', "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	--font-secondary: 'Merriweather', Georgia, "Times New Roman", Times, serif;

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

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


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

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

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

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

ol, ul {
	list-style: none;
}

.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-primary-2);
    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: "";
}

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

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

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

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

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

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

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

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

button,
input {
	line-height: normal;
}

input#s {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: var(--text-sm);
	line-height: 1;
	padding: 18px;
	width: 100%;
	background-color: var(--color-secondary-3);
	border: 2px solid var(--color-secondary-2);
	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-secondary-1);
	font-weight:700;
	background-color: var(--color-primary-2);
	border: 2px solid var(--color-primary-2);
	border-radius: 10px;
	padding: 18px 25px;
	text-align: center;
	font-size: var(--text-base);
	cursor: pointer;
}

@media (max-width: 767px) {
	.menu-toggle,
	input[type="submit"],
	input[type="button"],
	input[type="reset"],
	article.post-password-required input[type=submit],
	button,
	a.button,
	.beratung a.clickout,
	.beratung .buttonfeld {
		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-primary-3);
	border: 2px solid var(--color-primary-3);
	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;
}

.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 */
}

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

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

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

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

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

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

}

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

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

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

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

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

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

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

/* 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-secondary-2);
	padding: 50px 20px 0 20px;
}

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

}

@media screen and (max-width: 1200px) {
	
	#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 .share-btns {
	padding: 20px 30px 0 30px;
	margin: 0;
}

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

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

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

.entry-header .entry-title {
	line-height: 1.4;
	font-size: var(--text-xl);
	font-weight: 400;
	color: #fff;
	background-color: var(--color-primary-3);
	padding: 40px var(--side-padding);
	border-radius: 10px 10px 0 0;
}

@media screen and (max-width: 767px) {
	.entry-header .entry-title {
		color: var(--color-primary-2);
		background-color: #fff;
		padding: 25px var(--side-padding) 5px var(--side-padding);
		border-radius: 10px 10px 0 0;
	}

}

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

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

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

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

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

/* Navigation */

.breadcrumb {
	font-weight: 400;
	background-color: var(--color-secondary-3);
	padding: 18px var(--side-padding);
	font-size: var(--text-sm);
	line-height: 1.5;
}

@media (max-width: 767px) {
	.breadcrumb {
		background-color: var(--color-secondary-2);
	}
}	

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

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

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

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

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

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

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

.post-nav {
	padding: 12px var(--side-padding);
}

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

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

.search-result-content-title {
	margin-bottom: 20px;
}

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

.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-primary-3);
	font-size: var(--text-lg);
	text-transform: uppercase;
	letter-spacing: 0.1rem;
}

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

.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.714285714;
	/*margin: 20px 0*/
}

.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: 20px 0 12px 0;
	line-height: 1.7;
	color: var(--color-primary-2);
}

.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.7;
	font-size: var(--text-lg);
}

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

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

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

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

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

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

}

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

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

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

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

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

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

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

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

}

.entry-content blockquote,
.comment-content blockquote {
	display: block;
	width: auto;
	padding: var(--side-padding);
	margin: 30px 0;
	border-radius: 10px;
	border: 2px solid var(--color-secondary-1) !important;
	background-color: #fff;
	color: var(--color-primary-2);
	font-style: italic;
	font-size: var(--text-md);
	font-family: var(--font-secondary);
}

.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-secondary-3) !important;
    --even-text-color: var(--text-color);
    --even-bg-color: #fff;
    --hover-text-color: var(--text-color);
    --hover-bg-color: var(--color-secondary-1) !important;
    --border-color: var(--color-secondary-2) !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 1px var(--color-secondary-2) !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 {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-size: 13px;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #757575;
}

.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.schuldnerberatung.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-secondary-3);
	margin: 30px 0;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

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

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


.reply span {
    display: none;
}

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

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

.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-secondary-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-secondary-3);
	border: 2px solid var(--color-secondary-2);
	border-radius: 10px;
}

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

.required {
	color: red;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media only screen and (max-width: 680px) {
	.visible-desktop {
	    display:none;
	}
	
	.visible-mobile {
	    display:block !important;
		max-width:680px;
	}
	
	.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;
	}

}

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

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

.infobox {
	padding: var(--side-padding) var(--side-padding) var(--side-padding) 94px;
	margin: 30px 0;
	border-radius: 10px;
	border: 2px solid var(--color-secondary-1);
    position: relative;
    background-image: url('img/icon-info.svg');
    background-repeat: no-repeat;
    background-position: 30px 30px;
    background-size: 38px 38px;
}

@media screen and (max-width: 767px) {
	.infobox{
		padding: var(--side-padding) var(--side-padding) var(--side-padding) 64px;
		background-position: 20px 20px;
		background-size: 28px 28px;
	}

}

/*.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,
.beratung > *:last-child,
.muster > *:last-child,
.search-result-content .entry-summary > *:last-child,
.page-ratgeber .list-content .page-ratgeber-text > *:last-child,
.rp4wp-related-posts > *:last-child,
.rp4wp-related-posts ul  > *:last-child,
.start > *:last-child > *:last-child,
.table-about table{
    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,
.beratung h1:first-of-type,
.beratung h2:first-of-type,
.beratung h3:first-of-type,
.beratung h4:first-of-type,
.beratung h5:first-of-type,
.beratung h6:first-of-type,
.muster h1:first-of-type,
.muster h2:first-of-type,
.muster h3:first-of-type,
.muster h4:first-of-type,
.muster h5:first-of-type,
.muster h6:first-of-type,
.infobox h1:first-of-type,
.infobox h2:first-of-type,
.infobox h3:first-of-type,
.infobox h4:first-of-type,
.infobox h5:first-of-type,
.infobox h6:first-of-type,
.search-result-content h1:first-of-type,
.search-result-content h2:first-of-type,
.search-result-content h3:first-of-type,
.search-result-content h4:first-of-type,
.search-result-content h5:first-of-type,
.search-result-content h6:first-of-type,
.page-ratgeber .list-content h1:first-of-type,
.page-ratgeber .list-content h2:first-of-type,
.page-ratgeber .list-content h3:first-of-type,
.page-ratgeber .list-content h4:first-of-type,
.page-ratgeber .list-content h5:first-of-type,
.page-ratgeber .list-content h6:first-of-type,
.rp4wp-related-posts h1:first-of-type,
.rp4wp-related-posts h2:first-of-type,
.rp4wp-related-posts h3:first-of-type,
.rp4wp-related-posts h4:first-of-type,
.rp4wp-related-posts h5:first-of-type,
.rp4wp-related-posts h6:first-of-type,
.start h1:first-of-type,
.start h2:first-of-type,
.start h3:first-of-type,
.start h4:first-of-type,
.start h5:first-of-type,
.start h6:first-of-type {
    margin-top: 0;
}

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

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

.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-secondary-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: 20px var(--side-padding) 60px 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;
}

.schuldenanalyse-outer {
	margin: 20px 0;
	width:100%;
	border:4px solid #0c6658;
	clear:both;
	color: #fff;
	padding: 10px;
    box-sizing: border-box;
    position: relative;
    background-color: #0c6658;
    background-image: url(/wp-content/themes/schuldnerberatung.de/img/blatt@3x.png);
    background-repeat: no-repeat;
    background-size: 351px 180px;
    background-position: 100% bottom;
}

.schuldenanalyse-outer:hover {
	cursor: pointer;
}

.schuldenanalyse-inner {
	display:block;
	text-align:left;
	padding:10px;
}

.schuldenanalyse-inner div {
	display: block; 
	margin:0 0 0 0;
}

.schuldenanalyse-inner .schuldenanalyse_headline {
	max-width:100%;
	display:block;
	font-size:22px;
	font-weight:700;
	color: #fff;
	line-height: 1.2; 
}

.schuldenanalyse-inner .schuldenanalyse_description {
	max-width:100%;
	display:block;
	font-size:18px;
	color:#fff;
	padding:15px 0;
	line-height:1.2;
}

.schuldenanalyse-inner .schuldenanalyse_button {
	text-align:center;
	display:block;
	font-size:17px; 
	background-color:#f90; 
	color: #fff; 
	font-weight: 700; 
	width: 250px; 
	padding:10px 0;
}

.schuldenanalyse-inner:hover .schuldenanalyse_button {
	text-decoration: underline;
}

.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-2) !important;
	line-height: 1.5 !important;
	margin-top: 8px;
}

/*SHARE BUTTONS*/

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

/*TABLE ABOUT*/

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

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

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

.table-about .wp-block-column {
	margin-bottom: 30px;
	background-color: var(--color-secondary-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);;
}

.aligncenter>figcaption {display: block !important; text-align: center !important; font-size: 15px !important}

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

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

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

#ez-toc-container p.ez-toc-title {
	font-size: 23px;
	line-height: 1.7;
	font-family: var(--font-secondary);
	color: var(--color-primary-2);
	font-weight: bold;
}

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

#ez-toc-container ul li {
	line-height: 2.4;
}

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

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

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

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

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

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

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

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

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

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

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

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

.beitrag li {
	padding-bottom: 30px;
	clear:both;
}

@media (max-width: 767px) {
	
	.beitrag li {
	    background-color: var(--color-secondary-3);
		border-radius: 10px;
		padding: var(--side-padding);
		margin-bottom: 20px;
	}

	.beitrag img {
		margin: 0 0 20px 0 !important;
	}
}

.beitrag-meta {
	margin-bottom: 5px;
	text-decoration: none;
	font-size: var(--text-sm);
	color: var(--color-primary-3);
}

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

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

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

.l1-authorbox-avatar img{
	max-width: inherit;
}

@media (max-width:600px) {
	.l1-authorbox-avatar {
		float: none;
	}
}	

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

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

@media (max-width: 767px) {
	
	.l1-authorbox-inner {
		display: block;
	}
	
	.l1-authorbox-avatar {
		text-align: center;
		margin: 0 0 15px 0;
	}
	
	.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;
}

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

.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-2);
	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: var(--side-padding);
	background-color: var(--color-secondary-3);
	margin: 30px 0;
	border-radius: 10px;
	text-align: center;
	font-size: var(--text-sm);
	line-height: 2;
}

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

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

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

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

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

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

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

/* General Fix for CMP */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.header-elements {
	padding-top: 20px;
	display: flex;
	align-items: center;
}

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

@media screen and (max-width: 1200px) {
	.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
======================================= */
  
@media (max-width: 1200px) {

	header#masthead.site-header {
		display: flex;
		justify-content: space-between;
		width: 100%; overflow: visible; z-index: 9999; position: fixed;
		background-color: var(--color-secondary-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 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 (max-width: 767px) {
  #reading-progress-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    height: 5px;
    background-color: var(--color-primary-2);
    z-index: 88888;
  }
}

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

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

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

.search-form .search-submit {
	position: relative;
	background-color: var(--color-secondary-3);
    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-2);
}

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

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

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

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

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

#main {
    position: relative;
}

/*VERSION OHNE ANIMATION - SIEHE JS*/

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

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

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

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

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

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

/* General style for the navigation menu */
.menu-container .nav-menu {
    display: flex;
    justify-content: center;
    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 {
    display: block;
    text-decoration: none;
    color: var(--color-primary-1);
    padding: 16px 23px;
}

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

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

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

/* Hover effect for submenu links */
.menu-container .nav-menu .sub-menu li a:hover {
    background-color: var(--color-secondary-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-secondary-2);
    color: var(--color-primary-2);
}

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

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

/* Rotate arrow icon when parent menu item is hovered */
.menu-container .nav-menu > li.menu-item-has-children:hover > a::after {
    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-secondary-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: 1200px) {

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

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

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

}

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

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

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

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

@media (max-width: 1200px) {
  
	.main-navigation {
		transform: translateX(-100%);
		width: 100%;
		background: var(--color-secondary-2);
		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(22, 22, 22, 0.7);
	transform: translateX(0vw);
	transition: transform 0s ease 0s,background-color .3s ease 0s; 
}

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

@media (max-width: 1200px) {
  .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);
	right: 100%;
	height: 100%;
	top: 0;
	background: var(--color-secondary-3);
	align-items: center; 
}
  
.mobile-search-form__body input {
	background: #fff;
	border: 2px solid #fff;
	flex: 1;
	width: 100%; 
	border-radius: 10px;
	font-size: var(--text-xs);
	color: var(--color-primary-2);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 767px) {
	
	.page-ratgeber .list-content {
	    background-color: var(--color-secondary-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: #fff;
	padding: 30px 30px 30px 115px;
	position: relative;
	margin-bottom: 70px;
}

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

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

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

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

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

.azk-native-top {
	margin-bottom: 20px;
	/*overflow-x: hidden;*/
	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;
}

.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.2;
	font-weight: 400 !important;
}

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

@media (max-width: 767px) {
	
	.azk-native-inner .azk-native-button {
		padding: 15px !important;
	}
	
}	

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

.azk-native-button:hover {
	text-decoration:none;
	background-color: var(--color-primary-3) !important;
	border: 2px solid var(--color-primary-3) !important;
	color: var(--color-secondary-1);
}

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

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

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

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

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

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

.footer .link-list a {
	position: relative;
	display: inline-block;
	color: var(--color-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-footer);
	text-align: center;
	color: var(--color-secondary-2);
	background-color: var(--color-primary-1);
	padding: var(--side-padding);
}

footer[role="contentinfo"] .footer-content{
	border-top: 2px solid var(--color-primary-2);
	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-secondary-2);
	text-decoration: none;
}

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

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

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

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

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

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

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

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

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

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

}

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

/* =======================================
MISCELLANEOUS STYLES
======================================= */

@media only screen and (max-width: 600px) {
:target::before {
  content: "";
  display: block;
  height: 75px;
  margin-top: -50px; }
}

#masthead > hgroup > span > div > a.facebook-link > svg > path:nth-child(1) {
    fill: #1877F2;
}

#masthead > hgroup > span > div > a.youtube-link > svg > path { fill: #FF0000}