/*
 Theme Name:   Soledad Child Theme
 Theme URI:    http://pencidesign.com/
 Description:  Soledad Child Theme - Made by PenciDesign
 Author:       Pencidesign
 Version:      1.0
 Author URI:   http://pencidesign.com/
 Template:     soledad
 Text Domain:  soledad
*/

/* = Theme customization go here
-------------------------------------------------------------- */
@keyframes fade {
	from { opacity: 1.0; }
	50% { opacity: 0.5; }
	to { opacity: 1.0; }
}                                                                                                                                                                                                                                  

@-webkit-keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.5; }
    to { opacity: 1.0; }
}
html {
	scroll-behavior: smooth;
	scroll-padding-top: 100px;
}
* {
font-display: swap;
}
.penci-block_content p a,
.penci-block_content p a:link,
.post-entry p a,
.post-entry p a:link,
.elementor-widget-container p a,
.elementor-widget-container p a:link,
ul li a,
ul li a:link,
ol li a,
ol li a:link,
td a,
td a:link {
	text-decoration: underline;
	text-underline-offset: 2px;
	color: #0066ff;
}
a.wpg-linkify,
a.wpg-linkify:link,
td a.wpg-linkify,
td a.wpg-linkify:link {
	text-decoration-style: dashed !important;
}
.penci-block_content p a:hover,
.post-entry p a:hover,
.elementor-widget-container p a:hover,
ul li a:hover,
ol li a:hover,
td a:hover,
td a.wpg-linkify:hover,
ul.footer-menu li a,
ul.footer-menu li a:link,
h2.grid-title a,
h2.grid-title a:link,
.side-title-post a,
.side-title-post a:link,
.menu-item a,
.menu-item a:link {
	text-decoration: none !important;
}
h3,h4,h5,h6 {
	font-family: var(--pcbody-font);
}
.post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5, .post-entry h6 {
	margin-top: 1.5em;
}
.hstyle1 {
	text-align: center;
}
.hstyle2 {
	color: #fff !important;
}
.textstyle1 {
	font-family: var(--pchead-font);
	font-weight: bold;
}
.post-entry hr {
  border-bottom: 1px solid #eeeeee;
}
ul.skill_list2 {
	display: flex;
	flex-direction: row;
	gap: 10px;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
}
ul.skill_list2 li {
	flex: auto;
	list-style: none;
	position: relative;
	padding: 5px 10px;
	margin: 0;
	text-align: center;
	background-color: #f9f9f9;
	border: 1px solid #A7D99C;
}
mark {
	margin: 0 -0.4em;
	padding: 0.1em 0.4em;
	border-radius: 0.8em 0.3em;
	background: transparent;
	background-image: linear-gradient(
		to right,
		rgba(255, 225, 0, 0.1),
		rgba(255, 225, 0, 0.4) 4%,
		rgba(255, 225, 0, 0.2)
	);
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}
.post-image {
	overflow: visible;
}
img.imgstyle1,
img.imgstyle2,
img.imgstyle3,
img.imgstylebuch,
.post-image img,
picture.imgstyle1 img,
picture.imgstyle2 img,
picture.imgstyle3 img,
picture.imgstylebuch img,
.post-image picture img {
	background-color: #fff !important;
	padding: 0;
	border: 1px solid #fff !important;
	-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2) !important;
	-moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2) !important;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2) !important;
}
img.imgstylebuch,
picture.imgstylebuch img {
	margin-top: 1.2em !important;
}
img.imgstyle2,
img.imgstyle3,
img.imgstyle_r1,
img.imgstyle_r1_s,
img.imgstyle_r2,
img.imgstyle_r3,
img.imgstyle_r4,
picture.imgstyle2 img,
picture.imgstyle3 img,
picture.imgstyle_r1 img,
picture.imgstyle_r1_s img,
picture.imgstyle_r2 img,
picture.imgstyle_r3 img,
picture.imgstyle_r4 img {
	display: block;
	position: relative;
	height: auto;
	z-index: 1;
}
img.imgstyle2,
img.imgstyle3,
picture.imgstyle2 img,
picture.imgstyle3 img {
	width: 40%;
	max-width: 400px;
}
img.imgstyle_r1,
img.imgstyle_r1_s,
img.imgstyle_r2,
img.imgstyle_r3,
picture.imgstyle_r1 img,
picture.imgstyle_r1_s img,
picture.imgstyle_r2 img,
picture.imgstyle_r3 img {
	padding: 0;
	border-radius: 50% !important;
	width: 50%;
	max-width: 300px !important;
	shape-outside: circle(50% at 50% 50%) !important;
}
img.imgstyle_r1_s,
picture.imgstyle_r1_s img{
	padding: 0;
	border-radius:50%;
	width: 25%;
	max-width: 150px;
}
img.imgstyle_r4,
picture.imgstyle_r4 img {
	padding: 0;
	border-radius:50%;
	width: 50%;
	max-width: 150px;
}
img.imgstyle_r1,
img.imgstyle_r1_s,
img.imgstyle_r2,
img.imgstyle_r4,
picture.imgstyle_r1 img,
picture.imgstyle_r1_s img,
picture.imgstyle_r2 img,
picture.imgstyle_r4 img {
	border: 1px solid #fff !important;
	-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2) !important;
	-moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2) !important;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2) !important;
}
img.imgstyle2,
img.imgstyle_r1_s,
img.imgstyle_r1,
img.imgstyle_r4,
picture.imgstyle2 img,
picture.imgstyle_r1 img,
picture.imgstyle_r1_s img,
picture.imgstyle_r4 img {
	float: left;
	margin: 0 15px 0 0 !important;
}
img.imgstyle_r1_s,
img.imgstyle_r4,
picture.imgstyle_r1_s img,
picture.imgstyle_r4 img {
	margin: 0 15px 15px 0 !important;
}
img.imgstyle3,
img.imgstyle_r2,
img.imgstyle_r3,
picture.imgstyle3 img,
picture.imgstyle_r2 img,
picture.imgstyle_r3 img {
	float: right;
	margin: 0 0 0 15px !important;
}
div.thumbnail .penci-image-holder,
div.item-related-inner .penci-image-holder {
	border: 1px solid #fff;
	-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
}
span.citnum {
	display: block;
	margin: 0;
	padding: 0;
	text-align: center;
	font-weight: bold;
	font-family: var(--pchead-font);
	font-size: 1.4em;
}
.mb5	{ margin-bottom: 5px !important; }
.mb10 	{ margin-bottom: 10px !important; }
.mt20 	{ margin-top: 20px !important; }
.clear {
	clear: both;
}
.lwrp-title {
	font-weight: bold;
	font-size: 1.3em;
	margin-bottom: 20px;
}
.lwrp-list-container ul li {
	list-style-type: "📄 ";
}
/* = Supreme Shortcodes Anpassungen
-------------------------------------------------------------- */
.ss-unordered-list ul li,
.ss-ordered-list ol li {
	list-style: none;
}
.ss-ordered-list ol li {
	margin-bottom: 10px;
}
.lstyle1 ul,
.lstyle1 ol {
	margin-left: 20px;
}
.ss-divider.divider_shadow {
  background-image: linear-gradient(90deg,transparent,rgba(85,85,85,.5),transparent);
}
.post-entry blockquote, .post-entry blockquote p {
  color: #555;
}
/* = Button Lexikon & Termin
-------------------------------------------------------------- */
.wpg-back-link,
.buttontermin {
	text-align: center;
}
.wpg-back-link {
	padding: 40px 0 20px;
	text-transform: uppercase;
}
.buttontermin {
	padding: 0;
}
.wpg-back-link a,
.wpg-back-link a:link,
.buttontermin a,
.buttontermin a:link {
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 10px 20px;
	text-decoration: none !important;
	font-family: "DM Sans", Sans-serif;
	font-size: 20px;
	font-weight: 700;
	color: #fff !important;
	line-height: 1.3;
	transition: all .3s;
	background-color: #4C145A;
	box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.3);
}
.wpg-back-link a:hover,
.buttontermin a:hover {
	background-color: #61CE66;
}
.wpg-back-link a:active,
.buttontermin a:active {
	transform: scaleX(.98);
}
/* = Text Termin
-------------------------------------------------------------- */
.buttontermintitle {
	text-align: center;
	font-weight: bold;
	font-size: 1.2em !important;
	padding: 40px 0 0 0;
	border-top: 1px solid #ccc;
}
/* = Standardwerte Nummerbox
-------------------------------------------------------------- */
.numberbox .number span.flag,
.numberbox2 .number span.flag {
	background-image: url('/bilder/flag-de.png');
}
.numberbox .number_at span.flag,
.numberbox2 .number_at span.flag {
	background-image: url('/bilder/flag-at.png');
}
.numberbox .number_ch span.flag,
.numberbox2 .number_ch span.flag {
	background-image: url('/bilder/flag-ch.png');
}
.numberbox .number span.flag,
.numberbox .number_at span.flag,
.numberbox .number_ch span.flag,
.numberbox2 .number span.flag,
.numberbox2 .number_at span.flag,
.numberbox2 .number_ch span.flag {
	display: inline-block;
	position: relative;
	padding: 0;
	line-height: 1em;
	vertical-align: middle;
	border-radius:50%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
.numberbox .number_ch span.pin:before,
.numberbox2 .number_ch span.pin:before {
	content: "PIN: ";
	font-family: 'DM Sans';
	font-weight: normal;
	color: #fff;
}
/* = Nummerbox
-------------------------------------------------------------- */
.numberbox {
	display: block;
	position: relative;
	margin: 30px 0;
	padding: 30px 20px 10px 20px;
	text-align: center;
	background-color: #4c145a;
	background: linear-gradient(rgba(76, 20, 90, .5) 60%, rgba(45, 9, 54, .8));
	-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
	border: 5px solid #A7D99C;
	color: #fff;
	border-radius: 10px;
}
.numberbox:before {
	content: ' ';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(/bilder/nummer-bg.jpg) center top;
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: cover;
	z-index: -1;
}
.numberbox span.text1,
.numberbox span.text1_2 {
	display: block;
	font-weight: bold;
	font-size: 1.8em;
	line-height: 1.2em;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8);
	color: #A7D99C;
	font-family: var(--pchead-font);
}
.numberbox span.text2 {
	display: block;
	margin: 10px 0 0 0;
}
.numberbox .number,
.numberbox .number_at,
.numberbox .number_ch {
	display: block;
	position: relative;
	font-weight: bold;
	font-size: 2.5em;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8);
}
.numberbox .number_at,
.numberbox .number_ch {
	/* border-top: 1px dotted #6f4d78; */
}
.numberbox .number span.flag,
.numberbox .number_at span.flag,
.numberbox .number_ch span.flag {
	margin: 0 10px 0 0;
	width: 40px;
	height: 40px;
}
.numberbox .berater:before {
	font-style: italic;
	display: block;
	margin-bottom: 5px;
}
.numberbox .number a,
.numberbox .number a:link,
.numberbox .number_at a,
.numberbox .number_at a:link,
.numberbox .number_ch a,
.numberbox .number_ch a:link,
.numberbox .handy a,
.numberbox .handy a:link {
	color: #A7D99C;
	font-family: var(--pchead-font);
	text-decoration: underline;
	text-decoration-color: #a87cb3;
	text-decoration-style: dashed;
	text-decoration-thickness: 1px;
	text-underline-offset: .2em;
}
.numberbox .number a:hover,
.numberbox .number_at a:hover,
.numberbox .number_ch a:hover,
.numberbox .handy a:hover {
	text-decoration: none !important;
}
.numberbox .handy {
	display: block;
	position: relative;
	width: auto;
	padding: 0;
	font-size: 1.2em;
}
.numberbox .number_ch span.pin:before {
	font-size: 0.6em;
}
.numberbox .handy b,
.numberbox .number_ch .pin {
	color: #A7D99C;
	font-family: var(--pchead-font);
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8);
}
.numberbox span.preishinweis,
.numberbox span.preishinweis_at,
.numberbox span.preishinweis_ch,
.numberbox span.preishinweis2 {
	display: block;
	font-size: 0.65em;
	opacity: 0.6;
	position: relative;
}
.numberbox span.preishinweis {
	margin: -10px 0 5px 0;
}
.numberbox span.preishinweis2 {
	margin: -4px 0 10px 0;
}
.numberbox span.preishinweis_at,
.numberbox span.preishinweis_ch {
	margin: -10px 0 10px 0;
}
/* = Nummerbox klein (Sidebar)
-------------------------------------------------------------- */
.numberbox2 {
	display: block;
	position: relative;
	margin: 0;
	padding: 15px 10px 5px 10px;
	text-align: center;
	background-color: #4c145a;
	background: linear-gradient(rgba(76, 20, 90, .5) 60%, rgba(45, 9, 54, .8));
	-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
	border: 5px solid #A7D99C;
	color: #fff;
	border-radius: 10px;
}
.numberbox2:before {
	content: ' ';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(/bilder/nummer-bg.jpg) center top;
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: cover;
	z-index: -1;
}
.numberbox2 span.text1 {
	display: block;
	font-weight: bold;
	font-size: 1.4em;
	line-height: 1.2em;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8);
	color: #A7D99C;
	font-family: var(--pchead-font);
}
.numberbox2 span.text2,
.numberbox2 .berater:before {
	font-size: 0.8em;
	line-height: 1.2em;
}
.numberbox2 span.text2 {
	display: block;
	margin: 15px 0 10px 0;
}
.numberbox2 .number,
.numberbox2 .number_at,
.numberbox2 .number_ch {
	display: block;
	position: relative;
	font-weight: bold;
	font-size: 1.2em;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8);
}
.numberbox2 .number_at,
.numberbox2 .number_ch {
	/* border-top: 1px dotted #6f4d78; */
}
.numberbox2 .number span.flag,
.numberbox2 .number_at span.flag,
.numberbox2 .number_ch span.flag {
	margin: 0 6px 0 0;
	width: 18px;
	height: 18px;
}
.numberbox2 .berater {
	margin-bottom: 0;
}
.numberbox2 .berater:before {
	font-style: italic;
	display: block;
	margin-bottom: 5px;
}
.numberbox2 .number a,
.numberbox2 .number a:link,
.numberbox2 .number_at a,
.numberbox2 .number_at a:link,
.numberbox2 .number_ch a,
.numberbox2 .number_ch a:link,
.numberbox2 .handy a,
.numberbox2 .handy a:link {
	color: #A7D99C;
	font-family: var(--pchead-font);
	text-decoration: underline;
	text-decoration-color: #a87cb3;
	text-decoration-style: dashed;
	text-decoration-thickness: 1px;
	text-underline-offset: .2em;
}
.numberbox2 .number a:hover,
.numberbox2 .number_at a:hover,
.numberbox2 .number_ch a:hover,
.numberbox2 .handy a:hover {
	text-decoration: none !important;
}
.numberbox2 .handy {
	display: block;
	position: relative;
	width: auto;
	padding: 0;
}
.numberbox2 .handy b {
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8);
}
.numberbox2 .number_ch span.pin:before {
	font-size: 0.7em;
}
.numberbox2 .handy b,
.numberbox2 .number_ch .pin {
	color: #A7D99C;
	font-family: var(--pchead-font);
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8);
}
.numberbox2 span.preishinweis,
.numberbox2 span.preishinweis_at,
.numberbox2 span.preishinweis_ch,
.numberbox2 span.preishinweis2 {
	display: block;
	font-size: 0.65em;
	opacity: 0.6;
	position: relative;
}
.numberbox2 span.preishinweis {
	margin: -8px 0 0 0;
}
.numberbox2 span.preishinweis2,
.numberbox2 span.preishinweis_at,
.numberbox2 span.preishinweis_ch {
	margin: -8px 0 10px 0;
}
/* = Nummerbox Top Bar
-------------------------------------------------------------- */
.penci-top-bar {
	border: 0;
	border-bottom: 1px solid #2d1c31;
	-webkit-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.3);
	box-shadow: inset 1px 1px 5px rgba(0, 0, 0, 0.3);
}
.numberbox3 {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 1.4em;
}
.numberbox3 > *,
.numberbox3 > * > * {
	display: inline-block;
}
.numberbox3 span.text1 {
	font-weight: bold;
	font-family: var(--pchead-font);
	font-size: .8em;
}
.numberbox3 a,
.numberbox3 a:link {
	font-weight: bold;
	font-family: var(--pchead-font);
	color: #A7D99C;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8);
}
/* = Nummerbox Texte
-------------------------------------------------------------- */
.numberbox span.text1:before 				{ content:"Sie wünschen eine persönliche Telefonberatung?"; }
.numberbox2 span.text1:before 				{ content:"Spirituelle Telefonberatung"; }
.numberbox3 span.text1:before 				{ content:"Ein Gespräch, das Klarheit bringt – jetzt anrufen:"; white-space: pre-wrap; }
.numberbox span.text2:before 				{ content:"Ohne Anmeldung & völlig anonym"; }
.numberbox2 span.text2:before 				{ content:"Ohne Anmeldung & völlig anonym"; }
.numberbox .berater:before 					{ content: "Unsere feinfühligen Berater freuen sich auf Ihren Anruf."; }
.numberbox .berater1:before 				{ content: "ℹ️ Gerade niemand verfügbar? Ihr Gespräch hat trotzdem Platz. \A Rufen Sie an – wir planen gemeinsam Ihre persönliche Beratungszeit."; white-space: pre-wrap; }
.numberbox .berater1						{ display: block; font-size: .8em; font-weight: bold; line-height: 1.2em; margin-bottom: 10px;}
.numberbox2 .berater:before 				{ content: "Unsere Berater freuen sich auf Ihren Anruf."; }
.numberbox span.handy1:before,
.numberbox2 span.handy1:before				{ content:"Handy:"; }
.numberbox3 span.handy1:before 				{ content:"📱 Handynutzer wählen:"; }
.numberbox span.handy2:before,
.numberbox2 span.handy2:before				{ content:"» PIN:"; }
.numberbox3 span.handy2:before 				{ content:"» PIN nach Aufforderung:"; }
.numberbox span.preishinweis:before,
.numberbox2 span.preishinweis:after 		{ content:"1,99 €/Min."; }
.numberbox3 span.preishinweis_de:after 		{ content:"(1,99 €/Min.)"; }
.numberbox span.preishinweis_at:before,
.numberbox2 span.preishinweis_at:before 	{ content:"1,80 €/Min."; }
.numberbox3 span.preishinweis_at:after	 	{ content:"(1,80 €/Min.)"; }
.numberbox span.preishinweis_ch:before,
.numberbox2 span.preishinweis_ch:before 	{ content:"CHF 3,13/Min."; }
.numberbox span.preishinweis2:before,
.numberbox2 span.preishinweis2:after 		{ content:"1,99 €/Min."; }
span.preis1_sub:before 						{ content:"* 1,99 €/Min."; }
span.preis2_sub:before 						{ content:"** 1,99 €/Min."; }
.numberbox3 span.flag_de:before 			{ content:"🇩🇪"; }
.numberbox3 span.flag_at:before 			{ content:"🇦🇹"; }
.numberbox3 span.flag_de,			
.numberbox3 span.flag_at 					{ margin: 0 5px 0 5px; }
.numberbox3 span.preishinweis_de,
.numberbox3 span.preishinweis_at	 		{ margin: 0 5px 0 5px; font-size: 0.6em; opacity: 0.9; }
/* = Berater Liste
-------------------------------------------------------------- */
.beraterwrapper {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: masonry;
	grid-gap: 20px;
	margin-bottom: 30px;
}
.beraterwrapper > div {
	display: grid;
	grid-template-rows: 1fr auto;
	padding: 0 15px 15px 15px;
	background-color: #f9f9f9;
}
.beraterwrapper > div.online {
	border: 1px solid #A7D99C;
}
.beraterwrapper > div.call {
	border: 1px solid #fdcd66;
}
.beraterwrapper > div.offline {
	border: 1px solid #ddd;
}
.beraterwrapper .beraterbox img.profilepic {
	display: inline-block;
	position: relative;
	width: 150px;
	max-width: 200px !important;
	border-radius: 50%;
	bottom: -20px;
	z-index: 1;
}
.beraterwrapper .beraterbox img.offline {
	-webkit-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.3);
}
.beraterwrapper .beraterbox img.online {
	-webkit-box-shadow: 1px 1px 15px rgba(85, 145, 0, 0.9);
	-moz-box-shadow: 1px 1px 15px rgba(85, 145, 0, 0.9);
	box-shadow: 1px 1px 15px rgba(85, 145, 0, 0.9);
	animation: pulse1 2.4s infinite;
}
.beraterwrapper .beraterbox img.call {
	-webkit-box-shadow: 1px 1px 15px rgba(235, 173, 41, 0.8);
	-moz-box-shadow: 1px 1px 15px rgba(235, 173, 41, 0.8);
	box-shadow: 1px 1px 15px rgba(235, 173, 41, 0.8);
}
.beraterwrapper .beraterbox .name {
	display: inline-block;
	position: relative;
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
	bottom: -8px;
	z-index: 2;
	background-color: #f9f9f9;
}
.beraterwrapper .beraterbox .status_offline,
.beraterwrapper .beraterbox .status_online,
.beraterwrapper .beraterbox .status_call {
	display: inline-block;
	position: relative;
	width: 100%;
	font-size: 0.8em;
	z-index: 3;
	font-weight: bold;
	background-color: #f9f9f9;
}
.beraterwrapper .beraterbox .status_offline:before {
	content: "Abwesend";
	color: #888;
	text-transform: uppercase;
}
.beraterwrapper .beraterbox .status_online:before {
	content: "Frei";
	color: #559100;
	text-transform: uppercase; 
	animation:fade 1000ms infinite;
	-webkit-animation:fade 1000ms infinite;
}
.beraterwrapper .beraterbox .status_call:before {
	content: "Im Gespräch";
	color: #ebad29;
}
.beraterwrapper .beraterbox p {
	padding: 0;
	margin: 0;
}
.beraterwrapper .beraterbox {
	text-align: center;
}
.beraterwrapper .beraterbox p.text_info {
	text-align: center;
}
.beraterwrapper .beraterbox p.text_info {
	padding: 0 10px 20px 10px;
	font-style: italic;
}
.beraterwrapper .beraterbox p.text_info:before {
	content: "„";
}
.beraterwrapper .beraterbox p.text_info:after {
	content: "“";
}
.beraterwrapper .beraterbox ul.skill_list {
	display: flex;
	flex-direction: row;
	gap: 8px;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
}
.beraterwrapper .beraterbox ul.skill_list li {
	flex: auto;
	list-style: none;
	position: relative;
	padding: 2px 5px;
	margin: 0;
	border: 1px solid #ddd;
	font-size: 0.8em;
}
.beraterwrapper .beraterbox .skills:before {
	content: "Ich berate Sie gern in:";
	display: block;
	font-weight: bold;
	font-size: 0.85em;
	margin-bottom: 10px;
}
@keyframes pulse1 {
	0% {
		-webkit-box-shadow: 1px 1px 10px rgba(85, 145, 0, 0.8);
		-moz-box-shadow: 1px 1px 10px rgba(85, 145, 0, 0.8);
		box-shadow: 1px 1px 10px rgba(85, 145, 0, 0.8);
	}
	50% {
		-webkit-box-shadow: 1px 1px 20px rgba(154, 225, 0, 1);
		-moz-box-shadow: 1px 1px 20px rgba(154, 225, 0, 1);
		box-shadow: 1px 1px 20px rgba(154, 225, 0, 1);
	}
	100% {
		-webkit-box-shadow: 1px 1px 10px rgba(85, 145, 0, 0.8);
		-moz-box-shadow: 1px 1px 10px rgba(85, 145, 0, 0.8);
		box-shadow: 1px 1px 10px rgba(85, 145, 0, 0.8);
	}
}
/* = Berater Liste klein
-------------------------------------------------------------- */
.beraterwrapper2,
.beraterwrapper2_2 {
	display: grid;
	grid-template-rows: masonry;
	margin-bottom: 10px;
	color: #313131;
}
.beraterwrapper2 {
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 10px;
}
.beraterwrapper2_2 {
	grid-template-columns: repeat(2, 1fr) !important;
	grid-gap: 5px;
	margin-bottom: 5px;
}
.beraterwrapper2 > div,
.beraterwrapper2_2 > div {
	text-align: left;
	padding: 5px;
	-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
	background-color: #fff;
	border-radius: 5px;
	overflow: hidden;
    white-space: nowrap;
}
.beraterwrapper2_2 > div {
	padding: 5px 5px 2px 5px;
}
.beraterwrapper2 .beraterbox img.profilepic,
.beraterwrapper2_2 .beraterbox img.profilepic {
	display: block;
	float: left;
	position: relative;
	width: 50px;
	max-width: 50px !important;
	border-radius: 50%;
	padding: 0;
	margin: 0;
	margin-right: 10px;
}
.beraterwrapper2_2 .beraterbox img.profilepic {
	width: 40px;
	max-width: 40px !important;
	margin-right: 5px;
}
.beraterwrapper2 .beraterbox img.offline,
.beraterwrapper2_2 .beraterbox img.offline {
}
.beraterwrapper2 .beraterbox img.online, 
.beraterwrapper2_2 .beraterbox img.online {
	border: 3px solid #559100;
	animation: pulse2 2.4s infinite;
}
.beraterwrapper2 .beraterbox img.call,
.beraterwrapper2_2 .beraterbox img.call {
	border: 3px solid #ebad29;
	-webkit-box-shadow: 1px 1px 5px rgba(235, 173, 41, 0.8);
	-moz-box-shadow: 1px 1px 5px rgba(235, 173, 41, 0.8);
	box-shadow: 1px 1px 5px rgba(235, 173, 41, 0.8);
} 
.beraterwrapper2_2 .beraterbox img.online,
.beraterwrapper2_2 .beraterbox img.call {
	border-width: 2px;
}
.beraterwrapper2 .beraterbox .name,
.beraterwrapper2_2 .beraterbox .name {
	display: block;
	position: relative;
	padding: 0;
	width: 100%;
	font-weight: bold;
	font-size: 1em;
	bottom: -6px;
}
.beraterwrapper2_2 .beraterbox .name {
	font-size: 0.8em;
	bottom: -2px;
}
.beraterwrapper2 .beraterbox .status_offline,
.beraterwrapper2 .beraterbox .status_online,
.beraterwrapper2 .beraterbox .status_call,
.beraterwrapper2_2 .beraterbox .status_offline,
.beraterwrapper2_2 .beraterbox .status_online,
.beraterwrapper2_2 .beraterbox .status_call {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	font-size: 0.65em;
}
.beraterwrapper2_2 .beraterbox .status_offline,
.beraterwrapper2_2 .beraterbox .status_online,
.beraterwrapper2_2 .beraterbox .status_call {
	top: -5px;
	font-size: 0.6em;
}
.beraterwrapper2 .beraterbox .status_offline:before,
.beraterwrapper2_2 .beraterbox .status_offline:before {
	content: "Abwesend";
	color: #888;
	text-transform: uppercase;
}
.beraterwrapper2 .beraterbox .status_online:before,
.beraterwrapper2_2 .beraterbox .status_online:before {
	content: "Frei";
	color: #559100;
	text-transform: uppercase;
	font-weight: bold;
	animation:fade 1000ms infinite;
	-webkit-animation:fade 1000ms infinite;
}
.beraterwrapper2 .beraterbox .status_call:before,
.beraterwrapper2_2 .beraterbox .status_call:before {
	content: "Im Gespräch";
	color: #ebad29;
	font-weight: bold;
}
@keyframes pulse2 {
	0% {
		-webkit-box-shadow: 1px 1px 5px rgba(85, 145, 0, 0.8);
		-moz-box-shadow: 1px 1px 5px rgba(85, 145, 0, 0.8);
		box-shadow: 1px 1px 5px rgba(85, 145, 0, 0.8);
	}
	50% {
		-webkit-box-shadow: 1px 1px 8px rgba(85, 145, 0, 1);
		-moz-box-shadow: 1px 1px 8px rgba(85, 145, 0, 1);
		box-shadow: 1px 1px 8px rgba(85, 145, 0, 1);
	}
	100% {
		-webkit-box-shadow: 1px 1px 5px rgba(85, 145, 0, 0.8);
		-moz-box-shadow: 1px 1px 5px rgba(85, 145, 0, 0.8);
		box-shadow: 1px 1px 5px rgba(85, 145, 0, 0.8);
	}
}
/* = Content Liste
-------------------------------------------------------------- */
ul.contentlist {
	margin: 0;
	padding: 0;
}
ul.contentlist li {
	list-style: none;
	display: block;
	position: relative;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	border: 0;
	border-bottom: 1px solid #ddd;
	clear: both;
}
ul.contentlist li a.link {
	display: inline-block;
	position: relative;
	font-size: 1.2em;
	font-weight: bold;
	font-family: 'Roboto Serif';
	color: #313131;
}
ul.contentlist li img {
	float: left;
	position: relative;
	margin: 10px 20px 0 0;
	border-radius: 0;
	width: 30%;
	max-width: 150px;
	border: 1px solid #fff;
	-webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
	z-index: 10;
	opacity: 1;
	transition: all 0.2s ease-in-out;
}
ul.contentlist li img:hover {
	opacity: 0.9;
}
ul.contentlist li span {
	display: block;
	position: relative;
	font-weight: bold;
	padding: 0;
	margin: 0;
	font-size: 0.9em;
	text-align: left;
	z-index: 2;
}
ul.contentlist li p {
	text-align: justify;
}
/* = Top Benefits Liste
-------------------------------------------------------------- */
ul.topbenefits {
	margin: 0 0 0 50px;
	padding: 0;
	color: #fff;
	text-align: left;
	font-size: 0.8em;
	display: block;
}
ul.topbenefits li {
	display: block;
	position: relative;
	padding: 0;
	margin: 0;
	border: 0;
	font-style: italic;
}
ul.topbenefits li:before {
	content: "⭐️";
	margin-right: 5px;
	font-style: normal;
}
/* = Tag-Cloud
-------------------------------------------------------------- */
div.tagcloud a.tag-cloud-link {
	color: #555;
}
/* = Footer Navi
-------------------------------------------------------------- */
ul.footer-menu li.current-menu-item a {
	color: #fff !important;
	font-weight: bold;
}
/* = Tabellen
-------------------------------------------------------------- */
.tablestyle1 table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    word-break:normal;
	border: 0;
}
.tablestyle1 tr {
	background-color: #fafafa;
	transition: all .3s;
}
.tablestyle1 tr:nth-of-type(odd) {
	background-color: #fff;
}
.tablestyle1 tr:hover {
	background-color: #e3ffdd;
	color: #000;
}
.tablestyle1 td {
    padding: .8em;
    vertical-align: top;
	border: 0;
	border-top: 1px solid #e0e0e0;
}
.tablestyle1 th {
    padding: .8em;
    text-align: left;
    font-weight: bold;
    background: #4C145A;
	color: #fff;
}
.tablestyle1 {
	width: 100%;
	overflow: clip;
    margin: 2em 0;
	border-radius: 5px 5px 0 0;
	border: 1px solid #4C145A;
}
.tablestyle1::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 14px;
	height: 14px;
}
.tablestyle1::-webkit-scrollbar-thumb {
	border-radius: 8px;
	border: 3px solid #fff;
	background-color: rgba(0, 0, 0, .3);
}
@media only screen and (max-width: 1169px) {
	.beraterwrapper {
		grid-template-columns: repeat(2, 1fr);
	}
	.beraterwrapper2 {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media only screen and (max-width: 960px) {
	.header-banner {
		display: none !important;
	}
	.beraterwrapper2_2 {
		grid-template-columns: repeat(3, 1fr) !important;
	}
	.numberbox2 span.text1 {
		font-size: 1.8em;
	}
	.numberbox2 .number,
	.numberbox2 .number_at,
	.numberbox2 .number_ch {
		font-size: 2.5em;
	}
	.numberbox2 .number span.flag,
	.numberbox2 .number_at span.flag,
	.numberbox2 .number_ch span.flag {
		width: 40px;
		height: 40px;
	}
	.numberbox2 span.text2,
	.numberbox2 .berater:before  {
		font-size: 1em;
	}
	.numberbox2 .handy  {
		font-size: 1.2em;
	}
	.numberbox3 span.text1 {
		display: block;
	}
	ul.footer-menu li {
		padding: 10px !important;
	}
	div.tagcloud a.tag-cloud-link {
		font-size: 0.9em !important;
		margin-right: 8px;
		margin-bottom: 12px;
	}
}
@media only screen and (max-width: 767px) {
	.beraterwrapper {
		grid-template-columns: repeat(1, 1fr);
		grid-auto-rows: unset;
	}
	.beraterwrapper2,
	.beraterwrapper2_2 {
		grid-template-columns: repeat(2, 1fr) !important;
	}
	.numberbox span.text1:before,
	.numberbox span.text1_2,
	.numberbox2 span.text1_2 {
		font-size: 1.4em;
	}
	.numberbox .number,
	.numberbox .number_at,
	.numberbox .number_ch {
		font-size: 2.2em;
		margin-bottom: 5px;
	}
	.numberbox2 .number,
	.numberbox2 .number_at,
	.numberbox2 .number_ch {
		font-size: 1.8em;
	}
	.numberbox2 .number span.flag,
	.numberbox2 .number_at span.flag,
	.numberbox2 .number_ch span.flag {
		width: 25px;
		height: 25px;
	}
	.numberbox .berater1:before { content: "ℹ️ Gerade niemand verfügbar? Ihr Gespräch hat trotzdem Platz. Rufen Sie an – wir planen gemeinsam Ihre persönliche Beratungszeit."; }
	img.imgstyle1,
	img.imgstyle2,
	img.imgstyle3,
	picture.imgstyle1 img,
	picture.imgstyle2 img,
	picture.imgstyle3 img {
		float: none;
		width: 100%;
		max-width: 100%;
		margin: 0 auto !important;
		margin-bottom: 20px !important;
	}
	img.imgstyle_r1,
	img.imgstyle_r2,
	img.imgstyle_r3,
	img.imgstyle_r4,
	picture.imgstyle_r1 img,
	picture.imgstyle_r2 img,
	picture.imgstyle_r3 img,
	picture.imgstyle_r4 img {
		float: none;
		width: 100%;
		margin: 0 auto !important;
		margin-bottom: 20px !important;
		max-width: 280px;
	}
	img.imgstyle_r1_s,
	picture.imgstyle_r1_s img {
		width: 40%;
		max-width: 200px;
		margin-bottom: 20px !important;
	}
	.wpg-back-link a,
	.wpg-back-link a:link,
	.linkbuttontermin a,
	.linkbuttontermin a:link: {
		font-size: 13px;
	}
}
@media only screen and (max-width: 480px) {
	.numberbox span.text1:before {
		font-size: 1.1em;
	}
	.numberbox .number,
	.numberbox .number_at,
	.numberbox .number_ch,
	.numberbox2 .number,
	.numberbox2 .number_at,
	.numberbox2 .number_ch {
		font-size: 1.6em;
	}
	.numberbox .number span.flag,
	.numberbox .number_at span.flag,
	.numberbox .number_ch span.flag {
		width: 25px;
		height: 25px;
	}
	.numberbox {
		padding: 15px 10px 10px 10px;
	}
	.numberbox3 {
		margin: -6px auto;
	}
	.numberbox3 .number_de,
	.numberbox3 .number_at {
		display: block;
	}
	.numberbox3 .number_de,
	.numberbox3 .number_at {
		margin: 5px 0 5px 0;
	}
	/*.numberbox3 span.text1:before 	{ content:"~ Astro Hotline ~"; }*/
	.numberbox3 span.text1:before 		{ content:"~ Ein Gespräch, das Klarheit bringt ~\AJetzt anrufen:"; white-space: pre-wrap; }
	.numberbox3 span.preishinweis_de,
	.numberbox3 span.preishinweis_at	{font-size: 0.7em; }
	.beraterwrapper2,
	.beraterwrapper2_2 {
		margin-bottom: 0;
	}
	ul.contentlist li img {
		width: 30%;
	}
}
@media only screen and (max-width: 320px) {
}