/*
Theme Name: Total Child
Theme URI: http://totalwptheme.com
Description: Total WordPress theme example child theme.
Author: AJ Clarke
Author URI: http://totalwptheme.com
Template: Total
Version: 1.1
*/

/* Parent stylesheet should be loaded from functions.php not using @import */
@import url('https://fonts.googleapis.com/css?family=Luckiest+Guy|Lora&display=swap');

h1.page-header-title {
	font-family: 'Luckiest Guy', cursive;
	-moz-text-shadow: 1px 1px 5px #000;
	-ms-text-shadow: 1px 1px 5px #000;
	-o-text-shadow: 1px 1px 5px #000;
	-webkit-text-shadow: 1px 1px 5px #000;
	text-shadow: 1px 1px 5px #000;
}
.page-subheading {
	-moz-text-shadow: 1px 1px 5px #000;
	-ms-text-shadow: 1px 1px 5px #000;
	-o-text-shadow: 1px 1px 5px #000;
	-webkit-text-shadow: 1px 1px 5px #000;
	text-shadow: 1px 1px 5px #000;
}

ul#menu-main-nav li.current_page_item a:hover {
	color: #fff !important;
}

div.leftfloat {
	float: left;
	shape-outside: circle(50% at 50% 50%);
}

div.leftfloat img {
	border-radius: 50%;
	max-width: 190px;
}

a:link {
	text-underline-offset: 2px;
}
a:hover {
	text-decoration: none;
}
.wpex-bordered-list a,
.wpex-bordered-list a:link {
	text-decoration: underline;
}
.wpex-bordered-list a:hover {
	text-decoration: none;
}
/* = Kategoriebild
-------------------------------------------------------------- */
img.topimg {
	float: left;
	display: block;
	position: relative;
	height: auto;
	padding: 0;
	z-index: 1;
	border-radius:50%;
	width: 25%;
	max-width: 150px;
	margin: 10px 20px 20px 0;
	shape-outside: circle(50% at 50% 50%);
}
.showbox {
	display: none;
}
/* = nummerblock NEU
-------------------------------------------------------------- */
.numberbox {
	flex: 1;
	display: flex;
	flex-direction: column;
	width: 100%;
	position: relative;
	grid-gap: 10px;
	z-index: 3;
	margin: 20px 0;
}
.numberbox > div {
	text-align: center;
	position: relative;
	padding: 0;
	border: 0;
}
.numberbox > div .number {
	font-family: 'Lora', 'Times New Roman', Times, serif;
	display: block;
	font-weight: bold;
	font-size: 1.9em;
	margin: 0;
	margin-bottom: -.3em;
	color: #444;
}
.numberbox > div .handy_de {
	display: block;
	margin: 10px 0 -.2em 0;
	font-size: 1.2em;
	line-height: 1.2em;
}
.numberbox > div .handy_de b {
	font-family: 'Lora';
}
.numberbox > div.number_ch .number span {
	font-weight: normal;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: .7em;
	color: #666;
}
.numberbox > div span sup,
.numberbox > div div sup {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 9px !important;
	font-weight: normal !important;
	position: relative;
	line-height: 0;
	margin: 0;
	padding: 0 0 0 2px;
	color: #555;
}
.numberbox > div span sup {
	top: -10px;
}
.numberbox > div div sup {
	top: -5px;
}
.numberbox > div span.flag_de {
	background-image: url('/bilder/flags/flag-de.png');
}
.numberbox > div span.flag_at {
	background-image: url('/bilder/flags/flag-at.png');
}
.numberbox > div span.flag_ch {
	background-image: url('/bilder/flags/flag-ch.png');
}
.numberbox > div span.flag_de,
.numberbox > div span.flag_at,
.numberbox > div span.flag_ch {
	display: inline-block;
	position: relative;
	padding: 0;
	margin: 0 8px 0 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 5;
	width: 38px;
	height: 22px;
	top: 0;
}
.numberbox > div b {
	color: #587F10;
}
.numberbox > div a,
.numberbox > div a:link {
	color: #444;
	text-decoration: underline;
	text-decoration-color: #ab0050;
	text-decoration-style: dashed;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}
.numberbox > div a:hover {
	text-decoration: none;
}

/* = Preisangaben
-------------------------------------------------------------- */
.numerisk1:after,
.numerisk2:after,
.numerisk3:after,
.numerisk4:after 	{
	font-size: 10px;
	font-family: Arial;
	color: #666;
	top: -.5em;
	position: relative;
	font-weight: normal;
	line-height: 0;
	margin: 0 2px;
}
.numerisk1:after 	{ content:"1"; }
.numerisk2:after 	{ content:"2"; }
.numerisk3:after 	{ content:"3"; }
.numerisk4:after 	{ content:"4"; }

.bottompreis {
	text-align: right;
	margin-bottom: 20px;
}
.bottompreis div {
	display: inline-block;
	margin-left: 10px;
}
.rufan {
	position: relative;
	z-index: 2;
}

span.profitipp {
	color: #384450;
}

span.preis1_sub:before 		{ content:"* 1,99 €/Min."; }
span.preis2_sub:before 		{ content:"** 1,99 €/Min."; }

span.handy1:before 		{ content:"Handy: "; }
span.handy2:before 		{ content:"» PIN: "; }
span.handy3-1:before 	{ content:"und geben nach Aufforderung die PIN"; }
span.handy3-2:before 	{ content:"ein."; }

span.preis1:before,
span.preishinweis_de:before,
span.preishinweis_de2:before	{ content:"1,99 €/Min."; }

span.preis2:before,
span.preishinweis_deh:before,
span.preishinweis_deh2:before	{ content:"1,99 €/Min."; }

span.preishinweis_at:before,
span.preishinweis_at2:before 	{ content:"nur 1,80 €/Min."; }

span.preishinweis1_ch:before,
span.preishinweis1_ch2:before		{ content:"1 CHF/Min."; }
span.preishinweis2_ch:before,	
span.preishinweis2_ch2:before		{ content:"1.50 CHF/Min."; }

span.hinweis2:before 	{ content:"Rollenspiel am Telefon durch prof. Telefonisten, kein Real-Treffen."; }
span.hinweis3:before 	{ content:"Bilder, Namen und Texte dienen nur zur Visualisierung der Werbeangebote und zeigen nicht die tatsächliche Person."; }
span.hinweis4:before 	{ content:"Alle gezeigten Darstellerinnen auf TelefonsexPrivat.com waren zum Zeitpunkt der Aufnahme mindestens 18 Jahre alt."; }
span.profitipp:before 	{ content:"Dir hat das Telefonat am Sextelefon gefallen? Speichere dir die Nummer jetzt gleich im Handy als neuen Kontakt ab und rufe nächstes Mal direkt an!"; }

.numberboxtb span.text1:before 		{ content:"❤️ Privater Telefonsex » Jetzt anrufen:"; }
.numberboxtb span.handy1:before 	{ content:"📱 Handynutzer wählen:"; }
.numberboxtb span.handy2:before 	{ content:"» PIN nach Aufforderung:"; }
.numberboxtb span.preishinweis_de3:after 	{ content:"(1,99 €/Min.)"; }
.numberboxtb span.preishinweis_at3:after	{ content:"(1,80 €/Min.)"; }
.numberboxtb span.preishinweis_ch3:after	{ content:"(1 CHF/Min.)"; }
.numberboxtb span.flag_de:before 			{ content:"🇩🇪"; }
.numberboxtb span.flag_at:before 			{ content:"🇦🇹"; }
.numberboxtb span.flag_ch:before 			{ content:"🇨🇭"; }
.numberboxtb span.flag_de,			
.numberboxtb span.flag_at,			
.numberboxtb span.flag_ch 					{ margin: 0 5px 0 5px; }
.numberboxtb span.preishinweis_de3,
.numberboxtb span.preishinweis_at3,
.numberboxtb span.preishinweis_ch3	 		{ margin: 0 5px 0 5px; font-size: 0.6em; opacity: 0.9; }
.numberboxtb span.preishinweis_ch3	 		{ font-size: 0.8em; }

span.hinweis2,
span.hinweis3,
span.hinweis4,
span.preis1_sub,
span.preis2_sub,
span.preishinweis_de,
span.preishinweis_deh,
span.preishinweis_at,
span.preishinweis_de2,
span.preishinweis_deh2,
span.preishinweis_at2,
span.preishinweis1_ch,
span.preishinweis2_ch,
span.preishinweis1_ch2,
span.preishinweis2_ch2 {
	font-size: 0.85em;
	color: #777;
}
span.preishinweis1_ch,
span.preishinweis2_ch,
span.preishinweis1_ch2,
span.preishinweis2_ch2 {
	font-size: 1em;
}
a.callbutton2 {
	font-weight: bold !important;
	background-color: #3b7f0e !important;
}
a.callbutton2:hover {
	background: #0E8036 !important;
}

/* = Footer Navi
-------------------------------------------------------------- */
ul#menu-footer-nav li.current-menu-item a {
	color: #fff !important;
	font-weight: bold;
}
/* = BAS header style
-------------------------------------------------------------- */
.vxbas-header .vxbas-infosection {
	background-color: #fafafa;
}
.vxbas-header .vxbas-infosection:nth-child(even) {
  background-color: #efefef;
}
.vxbas-infosection strong {
	font-size: 1.2em;
}
.vxbas-infosection small {
	display: inline-block;
	margin: 5px 0;
	font-size: 0.9em;
}
.vxbas-stepnumber div {
	line-height: 1.2em !important;
	font-weight: bold;
	color: #1D6501;
	border: 2px solid #1D6501 !important;	
}
.vxbas-callnumber {
	display: inline-block;
	margin: 5px 0;
	font-size: 1.2em;
	font-weight: bold;
}
.vxbas-callnumber .ddi,
.vxbas-callnumber .vxbas-ddi {
	font-weight: bold;
	color: #1D6501;
}
#vxbas-numberSelection .vxbas-numberline .vxbas-button {
	width: 2em;
	height: 2em;
	line-height: 2em;
}
.vxbas-codetext {
	font-weight: bold;
	margin-bottom: 2px;
}
input.vxbas-numberinput {
	background-color: #fff;
	border: 1px solid #dedede !important;
	margin-left: -0.1em !important;
}
.vxbas-info-line {
	padding: 5px !important;
	line-height: normal;
	background-color: transparent;
}
.vxbas-submit-button,
.vxbas-start-button,
.vxbas-leftarrow,
.vxbas-rightarrow {
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	-webkit-transition: all .2s;
	transition: all .2s;
}
/* = BAS host style
-------------------------------------------------------------- */
.vxbas-holder .vxbas-singleBasHost,
.vxbas-holder .vxbas-singleBasHost:hover {
	background-color: #fff;
	-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);
}
.vxbas-holder .incoming,
.vxbas-holder .connected,
.vxbas-holder .videochat,
.vxbas-holder .offline,
.vxbas-holder .incoming:hover,
.vxbas-holder .connected:hover,
.vxbas-holder .videochat:hover,
.vxbas-holder .offline:hover {
	background-color: #efefef;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	opacity: 0.7;
	-moz-transition: opacity .5s;
	-ms-transition: opacity .5s;
	-o-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
}
.vxbas-holder .incoming:hover,
.vxbas-holder .connected:hover,
.vxbas-holder .videochat:hover,
.vxbas-holder .offline:hover {
	opacity: 0.9;
}
.vxbas-holder .videochat,
.vxbas-holder .videochat:hover {
	opacity: 1;
}
.vxbas-cta svg,
.vxbas-number .ddi {
	color: #1D6501;
}
.vxbas-holder .incoming .vxbas-cta svg,
.vxbas-holder .connected .vxbas-cta svg {
	color: #444;
}
.vxbas-holder .offline .vxbas-cta svg,
.offline #vxbas-modal .vxbas-right .vxbas-cta svg {
	color: #aaa;
}
.vxbas-holder .videochat .vxbas-cta svg,
.videochat #vxbas-modal .vxbas-right .vxbas-cta svg {
	color: #ab0050;
}
/* = BAS pagination style
-------------------------------------------------------------- */
.vxbas-Pagination {
	text-align: center;
}
.vxbas-Pagination .vxbas-btn {
	width: 2em;
	height: 2em;
	line-height: 2em;
	font-weight: bold;
	font-size: 1.2em;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	-webkit-transition: all .2s;
	transition: all .2s;
}
.vxbas-Pagination .vxbas-btn:hover:not(.disabled) {
	background-color: #a1034d;
}
.vxbas-Pagination .disabled {
	background-color: #efefef !important;
	color: #666;
}
/* = BAS modal style
-------------------------------------------------------------- */
#vxbas-modal {
	-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);
}
#vxbas-modal .vxbas-body {
	background-color: #fff;
}
#vxbas-overlay #vxbas-modal .vxbas-right .vxbas-cta {
  font-size: 18px;
}
#vxbas-overlay #vxbas-modal .vxbas-right small {
	display: inline-block;
	margin: 15px 0;
}
.connected #vxbas-modal .vxbas-right small {
	font-weight: bold;
	font-size: 1em;
	color: #1D6501;	
}
.connected #vxbas-modal .vxbas-right small:after {
	content: "! 💋";
}
.videochat #vxbas-modal .vxbas-right small a:link,
.videochat #vxbas-modal .vxbas-right small a:visited {
	color: #ab0050;
	font-weight: bold;
	font-size: 1.2em;
}
.videochat #vxbas-modal .vxbas-right small a:hover {
	text-decoration: underline;
}
.videochat #vxbas-modal .vxbas-right small a:before {
	content: "» ";
}
.videochat #vxbas-modal .vxbas-right small a:after {
	content: "!";
}
.videochat #vxbas-modal .vxbas-right small:after {
	content: " 💬";
}
#vxbas-overlay #vxbas-modal .vxbas-right .vxbas-price {
	font-size: 0.8em;
}
#vxbas-overlay #vxbas-modal .vxbas-right .vxbas-codeentry {
	margin-bottom: 0.5rem !important;
	font-weight: bold;
}
.vxbas-infos .vxbas-infocontent {
	font-size: 1.2em;
}
/* = Nummerbox Top Bar
-------------------------------------------------------------- */
.numberboxtb {
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 0;
}
.numberboxtb > *,
.numberboxtb > * > * {
	display: inline-block;
}
.numberboxtb span.text1 {
	font-weight: bold;
}
.numberboxtb .number {
	font-weight: bold;
}
.numberboxtb a,
.numberboxtb a:link {
	font-weight: bold;
	color: #ab0050;
}
.numberboxtb a:hover {
	text-decoration: underline;
	text-underline-offset: 2px;
}
/* = CountryCall
-------------------------------------------------------------- */
.flags:before { content: "Du rufst an aus: "; }
.flags { display:flex; gap:.3rem; align-items:center; margin: 0; padding: 0 0 10px 0; }
.flags button {
  padding: .4rem .6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s, border-color 0.2s, transform 0.2s;
  will-change: transform;
  opacity: .5;
}
.flags button:hover {
  transform: scale(1.1);
}
.flag-btn {
	width:29px; height:26px;
	border: 0;
	border-radius:.1rem;
	background:none center/cover no-repeat;
	padding: 0;
	cursor:pointer;
}
.flag-btn:hover { background-color: rgba(0, 0, 0, 0); opacity: 1; }
.flag-btn[aria-pressed="true"] { opacity: 1; }
.flag-de { background-image:url("/bilder/flags/flag-de.png"); }
.flag-at { background-image:url("/bilder/flags/flag-at.png"); }
.flag-ch { background-image:url("/bilder/flags/flag-ch.png"); }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.hidden { display:none !important; }
.no-js { display:block; }
@media only screen and (max-width: 1169px) {
	.vxbas-holder .vxbas-singleBasHost .vxbas-number a {
		font-size: 18px;
	}
}
@media only screen and (max-width: 960px) {
	.vxbas-holder .vxbas-singleBasHost .vxbas-number a {
		font-size: 16px;
	}
	.numberbox > div .number {
		font-size: 1.6em;
	}
	.numberbox > div span.flag_de,
	.numberbox > div span.flag_at,
	.numberbox > div span.flag_ch {
		width: 31px;
		height: 18px;
	}
}
@media only screen and (max-width: 767px) {
	.vxbas-holder .vxbas-singleBasHost .vxbas-number a {
		font-size: 23px;
	}
	ul#menu-footer-nav li {
		padding: 15px !important;
	}
	.morelist ul li a,
	ul.morelist li a {
		display: inline-block !important;
		margin-bottom: 15px !important;
	}
	.morelist ul li:last-child a,
	ul.morelist li:last-child a {
		margin-bottom: 0 !important;
	}
	img.topimg	{
		width: 50%;
		max-width: 200px;
	}
}
@media only screen and (max-width: 480px) {
	img.topimg	{
		float: none;
		width: 100%;
		margin: 0 auto;
		max-width: 250px;
	}
	.showbox {
		display: block;
		z-index: 10;
		position: relative;
		margin-top: -50px;
		margin-bottom: 10px !important;
		background-color: #fff;
		padding: 0 5px 5px 5px !important;
		font-size: 1.5em;
		font-weight: bold;
		text-align: center;
		text-transform: uppercase;
		text-underline-offset: 5px;
	}
	.numberboxtb {
		display: block;
		font-size: 1.1em !important;
		margin: 5px auto;
	}
	.numberboxtb > *,
	.numberboxtb > * > * {
		display: block;
	}
	.numberboxtb .number:before 		{ content:"☎️ "; }
	.numberboxtb span.text1:before 		{ content:"Lust auf privaten Telefonsex? Ruf an!"; }
	.numberboxtb span.handy1:before 	{ content:"Handynutzer wählen: 📱 "; }
	.numberboxtb span.handy2:before 	{ content:"PIN nach Aufforderung:"; }
	
	.numberboxtb .handy a,
	.numberboxtb .handy a:link {
		text-decoration: underline;
		text-underline-offset: 2px;
	}
	.numberboxtb .handy a:hover {
		text-decoration: none;
	}
}