/*
Theme Name: VX-CASH THEME 2.0 Child
Theme URI: https://www.vxcash.net/webmaster/DE/Werbemittel.html?scope=webcams&type=wordpress_theme
Template: vxcash2
Author: VX-CASH Team
Author URI: https://www.vxcash.net
Description: With the VX-CASH WordPress Theme your WordPress blog can now automatically be fitted with VISIT-X and BeiAnrufSex content. Create your niche websites or landing pages according to your own ideas and needs.
Version: 1.5.2.1609860371
Updated: 2021-01-05 15:26:11

*/
html {
	scroll-behavior: smooth; 
}
#content {
    background-color: transparent !important;
}
.container {padding-top: 5px;}
.cta {width: 100% !important}
.red {color: red}
.tm-video-container {
  height: 600px;
}
#menu-item-8994 a::before {
  font-family: "Font Awesome 6 Free"; 
  content: "\f625"; /* Unicode für arrow-circle-right */
  font-weight: 900;
  margin-right: 0.1em;
}
.navbar-nav li.menu-item {
  font-family: "Caveat", cursive !important;
  font-optical-sizing: auto;
  font-size: 2em !important;
  font-style: normal;
}

#pages {
  max-width: 300px;
  margin: 20px auto;
  text-align: left;
  border: 1px solid #333;
  border-radius: 6px;
  background: #111;
  box-shadow: 0 0 10px rgba(255, 0, 0, 0.2);
}

#pages .widget-title {
  font-size: 1.2em;
  margin: 0;
  padding: 10px 15px;
  background: #b30000;
  color: #fff;
  text-transform: uppercase;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

#pages ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#pages li.page_item {
  border-top: 1px solid #333;
}

#pages li.page_item:first-child {
  border-top: none;
}

#pages li.page_item a {
  display: block;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  padding: 10px 15px;
  transition: background 0.2s, color 0.2s;
}

#pages li.page_item a::before {
  content: "\f061"; /* Font Awesome 'arrow-right' */
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-right: 10px;
  color: #ff3b3b;
}

#pages li.page_item a:hover {
  background: #b30000;
  color: #fff;
}

.myButton[disabled], .myButton.is-disabled {
  opacity: .5;
  pointer-events: none;
  filter: grayscale(1);
  cursor: not-allowed;
}
.voucher-count {Color: #f20000}
.voucher-text {color: #fff !important;}


/* FSK 18 STOPPSCHILD */
/* Grundstruktur */
a.videoLink.responsiveImageHolder {
    position: relative;
    display: block;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

/* Unscharfer Layer NUR wenn fsk=18 */
a.videoLink.responsiveImageHolder[style*="fsk=18"]::before {
    content: "";
    position: absolute;
    inset: 0;

    background-image: inherit;
    background-size: inherit;
    background-position: inherit;

    filter: blur(6px);
    transform: scale(1.05); /* gegen harte Blur-Kanten */
    z-index: 1;
}

/* Playbutton bleibt scharf */
a.videoLink.responsiveImageHolder .playbutton {
    position: relative;
    z-index: 3;
}

/* Stoppschild (quadratisch, achteckiger Clip-Path) */
a.videoLink.responsiveImageHolder[style*="fsk=18"]::after {
    content: "ab 18";
    width: 48px;
    height: 48px;
    line-height: 48px;

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    background: #d80000;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-align: center;

    clip-path: polygon(
        30% 0%,   70% 0%,
        100% 30%, 100% 70%,
        70% 100%, 30% 100%,
        0% 70%,   0% 30%
    );

    z-index: 2;
    pointer-events: none;
}

/* fsk=16 → KEIN Overlay, KEIN Blur */
a.videoLink.responsiveImageHolder[style*="fsk=16"]::before,
a.videoLink.responsiveImageHolder[style*="fsk=16"]::after {
    content: none;
}

/* Bild unscharf */
a.bigVideoLink img[src*="fsk=18"] {
    filter: blur(20px);
    display: block;
}

/* Container vorbereiten */
a.bigVideoLink {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

/* Großes Stoppschild in Achteck-Form */
a.bigVideoLink:has(img[src*="fsk=18"])::after {
    content: "AB 18";
    width: 80px;
    height: 80px;

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    background: #d80000;
    color: #fff;
    font-size: 20px;
    font-weight: 800;
    text-align: center;

    display: flex;
    justify-content: center;
    align-items: center;

    clip-path: polygon(
        30% 0%,   70% 0%,
        100% 30%, 100% 70%,
        70% 100%, 30% 100%,
        0% 70%,   0% 30%
    );

    z-index: 5;
    pointer-events: none;
}

/* FSK 18 STOPPSCHILD */


.link-img {width: 300px; height: 300px;}

.navbar-header {
	background-image: url("img/logos.png"); 
	background-repeat: no-repeat; 
	width: 270px; 
	height: 74px; 
}
.navbar-brand { width: 270px; height: 74px; }
.cool-tag-cloud {text-align: center;}
.entry-content { 
	font-family: 'Cabin', sans-serif; 
	font-size: 13pt; 
	line-height: 1.5; 
	background-color: #3C3C38; 
	padding: 10px; 
	font-size: 13pt; 
	border-radius: 5px; 
	color: #fff; 
	padding: 10px; 
	line-height: 1.5; 
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active {
    background-color: #000 !important;
}

.navbar-default .navbar-nav>li>a:hover {
        background-color: #db572a !important;
	}

.tsw-heading {
    color: #fff;
    font-size: 20px;
    margin-bottom: 10px;
}

.tsw-tag-list {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.tsw-tag-button {
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 10px 14px;
    text-decoration: none;
    border: none;
    border-radius: 0;
    font-size: 16px; font-weight: bold;
    transition: background-color 0.2s, text-decoration 0.2s;
}

.tsw-tag-button:hover {
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    text-decoration: none;
}

.tsw-tag-button i {
    margin-right: 8px;
    font-size: 16px;
}
.white{color: #fff;}


.htop {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin: 10px;
    text-align: center;
    justify-content: space-around;
}
.htop img {
    height: 130px;
    width: 178px;
    border: 2px solid #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    box-shadow: 0 1px 2px rgba(0,0,0,0.3);
    filter: grayscale(1);
    transition: 0.2s ease-in-out;
}
.htop img:hover {filter: grayscale(0);
  transition: 0.2s ease-in-out;}
.htop2 {
    padding: 7px 7px 0 7px;
    flex-wrap: wrap;
    margin: 0 auto;
    text-align: center;
    justify-content: space-around;
}
.
.entry-content p {}
.helper {
    display: inline-block;
    vertical-align: middle;
}
.fuckwp {background-color: #363631; padding: 7px; border-radius: 4px; margin: 15px 0 15px 0;  }
.vxbas-Pagination {text-align: center;}
.vxbas-Pagination a {color: #fff !important;}
.vxbas-number a {color: #0bff00 !important ;}
.vxbas-hostName {border-radius: 0 !important;}
.nobg {background-color: transparent !important; color: #f15b6c; }
.nobg:before {content: url('img/fire.png'); margin-right: 5px;}
.nobg:after {content: url('img/fire.png'); margin-left: 5px;}
#main nav {
    text-align: center !important;
}
.entry-content h2,h3,h4,h5 {color: #DAB317 !important; text-align: center; font-size: 17pt !important;}
.entry-content h2 {margin-bottom: 15px;}

.entry-title {
	color: #41f303 !important; 
	text-align: center;
	display: block; 
	padding: 2px;
    background-color: rgba(0, 0, 0, 0.3);
    background: rgba(0, 0, 0, 0.3);
    color: rgba(0, 0, 0, 0.3);
}
.imgcenter {margin: 0 auto; text-align: center;}
.imgwidth {width: 100%;}
.green {color: #41f303 !important; }

.telefonzugang {background-color: #dab317;}
.gratis-test {background-color: #14a85c;}

.text-right {
    text-align: center !important;
}
#footer-button a {color:  #fff !important;}
.flexboxxx {display: flex; flex-wrap: wrap; justify-content: space-evenly; margin: 15px 0 15px 0;  }
#checkliste { 
	text-align: left;
}
.erste {margin-top: 30px;}
.zweite {margin-top: 5px;}
.ueber-liste {color: #14A85C; font-weight: bold; clear: both; text-align: center; font-size: 15pt;}
.ueber-liste:before {content: url('img/heart.png'); margin-right: 5px;}
.ueber-liste:after {content: url('img/heart.png'); margin-left: 5px;}
.checkliste-image img {border-radius: 4px; 
    width: 100%; 
    vertical-align: middle; 
    max-height:  320px;}
ul.koeder {
	list-style-image: url("img/checkbox.png");
	color: #fff; 
	padding: 10px 0 0 25px; 
	font-weight: bold; 
	display: inline-block; 
	text-align: left; 
	max-width: 500px;
}
ul.koeder li {border-bottom: 1px dashed #545452; margin-bottom: 4px;}
.coupon {margin: 10px;}
.myButton a { color: #fff !important; }
.myButton a:hover { color: #fff !important; text-decoration: none; }
.myButton {
	display: flex; flex-wrap: nowrap; align-items: center; justify-content: center;
	background-color:#77b55a;
	border-radius:6px;
	border:1px solid #4b8f29;
	height: 70px;
	cursor:pointer;
	font-family:Trebuchet MS;
	font-size:17pt;
	font-weight:bold;
	text-decoration:none;
	text-shadow:0px 1px 0px #5b8a3c;
	text-align: center;
	margin: 0 auto;
}
.myButton:hover {
	background-color:#73c54a;
}
.myButton:active {
	position:relative;
	top:1px;
}

#vxcashBlocker #vxcashPositioner {
  background-color: #232323 !important; border-radius: 5px;
}
#vxcashBlocker #vxcashPositioner h1 {
  color: #ffcc00;
}
#vxcashBlocker #vxcashPositioner form {background-color: #232323 !important; font-weight: bold !important;}

.single-livecams a.cta, .single-livecams .basCallBtn {
    float: none !important;
    margin: 0 0 10px 0;
}

.navbar-default, .navbar-nav > li > .dropdown-menu {
    background: #000 !important;
}

.interne-seiten { margin: 10px 0 10px 0; background-color: #363631; padding: 6px; border-radius: 4px;}
.wbold { color: #ccc; text-align: center; display: block; width: 100%;}
.kataloge {padding: 7px 7px 0 7px; display: flex; flex-wrap: wrap; margin:0 auto; text-align: center; justify-content: space-around;}

a.ext-link {color: #fff !important; text-decoration: none; border-bottom: 1px dashed #fff;}
a.ext-link:hover {border-bottom: none; text-decoration: none;}

a.int-link {color: #fe9492 !important;text-decoration: none; border-bottom: 1px dashed #fff; margin: 5px;}
a.int-link:hover {border-bottom: 1px dashed #333; text-decoration: none;}
.int-link:after {content:url("img/intern-link.png");margin-left: 5px;}

a.kat-link {color: #9A9A84 !important; text-decoration: none; border-bottom: 1px dashed #fff; margin:  6px;}
a.kat-link:hover {border-bottom: none; text-decoration: none;}
.kat-link:after {content:url("img/exit.png");margin-left: 5px;}

.kat-link:nth-child(3n) {
  page-break-after: always; /* CSS 2.1 syntax */
  break-after: always; /* New syntax */
}

.toplisten {padding: 9px 0 0 0; display: flex; flex-wrap: wrap; margin:0 auto; text-align: center; justify-content: space-around; width: 100%;}
.toplisten img {margin-bottom: 7px; width: 95px; height: 95px; filter: grayscale(1); transition: 0.2s ease-in-out;}
.toplisten img:hover {filter: grayscale(0); transition: 0.2s ease-in-out;}

.question {font-weight: bold; margin: 4px 0 0 0;}
.question:before {content: url('img/question.png'); margin-right: 5px;}

ul.faq {
	list-style-image: url("img/bulb.png");
	list-style-position: inside;
	display: inline-block; 
	text-align: left; 
	padding-left: 0px !important;
}
ul.faq li {margin: 0 0 30px 0; background-color: #363631; padding: 6px; border-radius: 4px;}

@media only screen and (max-width: 599px) {
	.likeH1 {font-size: 1.5em;}
}
@media only screen and (max-width: 765px) {
	.navbar-header {width: 100%;}
}

@media only screen and (max-width: 530px) {
	.ueber-liste:after {display: none;}
	.ueber-liste {margin-top: 5px;}
	.myButton {font-size: 13pt;}
}

@media only screen and (max-width: 420px) {
	.coupon {display: none;}
}

@media (max-width: 1199px) {
    .tm-video-container {
        max-width: 932px;
        max-height: 466px;
    }
}