/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

.margintop25 {
	margin-top: 25px;
}

.marginbottom25 {
	margin-bottom: 25px;
}

.margintop20 {
	margin-top: 20px;
}

.marginbottom20 {
	margin-bottom: 20px;
}

.margintop15 {
	margin-top: 15px;
}

a.outgoingButton {
    background-color: #24700f;
	border: 1px solid #000000;
	border-radius:5px;
	padding: 10px;
	color: #ffffff;
	font-weight: 600;
}

a.outgoingButton:hover {
	background-color:#329d15;
	color: #ffffff;
}

a.testberichtButton {
    background-color: #ffffff;
	border: 1px dotted #aa1db7;
	border-radius:5px;
	padding:10px;
	color: #aa1db7;
}

a.preisButton /* für den Kostenvergleich */ {
	display: inline-block;
	background-color: #24700f;
    border: 1px solid #000000;
    border-radius: 5px;
    padding: 5px;
	width: 200px;
    color: #ffffff;
    font-weight: 400;
    text-align: center;
}

a.preisButton:hover {
	background-color:#329d15;
	color: #ffffff;
}

a.preisButton:clicked {
	background-color:#329d15;
	color: #ffffff;
}

.bestens /* für den Kostenvergleich */ {
	font-weight: 600;
	color: #24700f;
	text-align: center;
}

.gut /* für den Kostenvergleich */ {
	font-weight: 600;
	color: #99cc00;
	text-align: center;
}

.mittel /* für den Kostenvergleich */ {
	font-weight: 600;
	color: #ff6600;
	text-align: center;
}

.schlecht /* für den Kostenvergleich */ {
	font-weight: 600;
	color: #ff0000;
	text-align: center;
}

.center {
	text-align: center !important;
}

@media (min-width: 600px) {
	.mobile /* Smartphone Hinweis für den Kostenvergleich */ {
	display: none;
}
}

img.logo {
	border:1px dotted #aa1db7; 
	width:180px; 
	height:75px;
	min-width:180px; 
	min-height:75px;
	text-align: center;
	margin: 10px;
}

ul.list-inclusive {
	margin: auto 0px 25px 45px !important;
}

.list-inclusive li {
	 list-style-image: url('/wp-content/themes/astra-child/bull_check.png');
	 margin: 5px;
}

li.regio /*für Orte */ {
	margin-bottom: -12px !important;
}

.breadcrumb {
    margin: -10px 0 10px 0;
    padding: 0;
    font-size: 12px;
    width: 100%;
    text-align: left;
	list-style: none;
}

ol.breadcrumb {
    margin: -10px 0 10px 0;
    padding: 0;
    font-size: 12px;
    width: 100%;
    text-align: left;
	list-style: none;
}

@media (max-width: 768px) {
ol.breadcrumb {
	margin-top: -15px;
  }
}

.breadcrumb li {
	display: inline-block;
    margin: 0;
    padding: 0;
}

hr.trennlinie {
	height: 1px;
	color: #e2a9f3;
	width: 98%;
	text-align:center;
	margin-bottom: 10px;
    margin-top: 0px;
	}

@media (max-width: 768px) {
hr.trennlinie {
	display: none;
  }
}

@media (max-width: 768px) {
.nurdesktop {
	display: none;
  }
}

.wolke /* für Orte */ {
    border: 1px solid;
    border-radius: 5px;
    padding: 10px;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);
    border-color: #E2A9F3;
	background-color: #ffffff;
	text-align: center;
	margin: 20px 0px;
	width: 100%;
}

@media (min-width: 768px) {
.wolke { width: 31%; margin: 10px 1% 10px 1%; float: left;}
}

.wolkeButton /* z.B. für Orte */ {
	display:inline-block;
	width: 100%;
}

.nutzerzahl /* Für Orte */ {
	color: #329d15; 
	font-size: 22px; 
	font-weight: 600;
}

.wolkeB /* für Beiträge */ {
    border: 1px solid;
    border-radius: 5px;
    padding: 10px;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);
    border-color: #E2A9F3;
	background-color: #ffffff;
	text-align: center;
	margin: 20px 0px 30px 0px;
	width: 100%;
	height: auto;
	font-size: 18px;
}

.wolkeB img {
	height: auto;
	max-width: 100%;
	border: 1px solid #e2a9f3;
}

@media (min-width: 905px) {
.wolkeB { width: 31%; margin: 20px 1% 20px 1%; float: left; min-height: 270px;}
.wolkeB img { height: 150px; max-width: 100%; }
}

.wolkeSP /* für spezielle Partnersuche */ {
    border: 1px solid;
    border-radius: 5px;
    padding: 10px;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);
    border-color: #E2A9F3;
	background-color: #ffffff;
	text-align: center;
	margin: 20px 0px 30px 0px;
	width: 100%;
	height: auto;
}

.wolkeSP img {
	height: auto;
	max-width: 100%;
	border: 1px solid #e2a9f3;
}

@media (min-width: 768px) {
.wolkeSP { width: 46%; margin: 0px 1% 20px 1%; float: left; height: 350px;}
.wolkeSP img { height: 180px; max-width: 100%; }
}

.wolkeSP h3 {
	font-size: 20px !important;
}

/* Für die Anbietertabelle in den Testberichten */

.anbietertab {display:block; width:100%; margin: 0px auto 10px auto;}

.spaltentitel { 
    font-size: 18px;
    font-weight: 500;
	padding: 0px 10px 0px 10px;
    background-color: #F3ECF3;
}

.spalte-links {display:inline-block; width:98%; text-align:left; margin: 10px 1% 15px 1%;}
.spalte-rechts {display:inline-block; width:96%; text-align:left; margin: 0 2% 0 2%;}

@media (min-width: 768px) {
.spalte-links {float:left; width:30%; padding-right:2%; margin-bottom: 10px; }
.spalte-rechts {float:right; width:65%; margin: 10px 0 10px 0;}
}

/* Für FAQs */
.faqtitel { 
    font-size: 20px;
    font-weight: 500;
	padding: 0px 0px 0px 10px;
    background-color: #F3ECF3;
	margin: 25px 10px 10px 10px;
}

.faqantwort {
	margin: 15px 15px 20px 15px;
}

 /* Für Tabellen ANFANG --------------------------------------------------------------------------- */

.sbctab-border {border:2px solid #e2a9f3;} /* rosa rahmen */
.sbctab-bg {background-color:#F3ECF3;} /* hintergrund oben/unten */
.sbctab-innen {padding:10px;} /*innenabstand der 3 reihen */
.sbctab-clear {clear:both;}

.sbctab {display:block; width:100%; margin:25px auto 30px auto;}
.sbctab-oben {display: block;width:100%; margin: 0px auto 10px auto;}
.sbctab-mitte {display: block;width:100%; margin: 0px auto 0px auto;}
.sbctab-unten {display: block;width:100%; text-align:center;}

.sbctab-oben-logo {display:inline-block; width:100%; text-align:center; margin:0 auto 10px auto;}
.sbctab-oben-logo img {border:1px dotted #aa1db7; width:180px; height:75px; max-width:180px; max-height:75px;}
.sbctab-oben-bewertung {display:inline-block; width:100%; text-align:center; margin: 0 auto 10px auto;}
.sbctab-oben-bewertung img {width:144px; height:25px; max-width:144px; max-height:25px;}
.sbctab-oben-regionutzer /* für Orte */ {display:inline-block; width:100%; text-align:center; line-height: 1.4; margin: 0;}
.sbctab-oben-kosten {display:inline-block; width:100%; text-align:center; margin: 0 auto 10px auto;}
.sbctab-mitte-links {display:inline-block; width:98%; text-align:left; margin: 2% 1% 0 1%;}
.sbctab-mitte-rechts {display:inline-block; width:98%; text-align:left; margin: 0 1% 0 1%;}
.sbctab-mitte-normal {width:100%; padding: 0 20px 10px 20px;}
@media (min-width: 768px) {
	.sbctab-oben {margin-bottom: 0px;}
    .sbctab-oben-logo {float: left;width:33%; text-align:left; margin: 0 auto 10px auto;}
    .sbctab-oben-bewertung {float: left; width:33%; margin: 10px auto 10px auto;}
    .sbctab-oben-kosten {float:right; width:33%; margin: 10px auto 10px auto;}
	.sbctab-oben-regionutzer /* für Orte */ {float:right; width:60%; margin: 10px auto 10px auto;}
    .sbctab-mitte-links {float:left; width:45%; margin-bottom: 1%; }
    .sbctab-mitte-rechts {float:right; width:50%; border-left: 1px solid #e2a9f3; padding-left: 3%; margin: 2% 0 1% 0;}
}

.sbctab-titel {font-size:18px; font-weight:600; margin: 0 0 5px 0;}
.sbctab-beschreibungstext {font-size: 18px; line-height: inherit; position: relative;}
.sbctab-text {font-size: 18px;}


.sbctab-button {display:inline-block; width:90%; margin:10px auto 10px auto;}
.sbctab-button a {display:inline-block; width:100%;}
@media (min-width: 768px) {
    .sbctab-button { width:40%; margin:10px 4% 10px 4%;}
}

 /* Für Tabellen ENDE --------------------------------------------------------------------------- */

/******************************** Störer *******************************************/

.bannertext {
	color: #FFFFFF;
	font-size: 23px;
	text-shadow: 1px 1px 15px black, 1px -1px 15px black, -1px 1px 15px black, -1px -1px 15px black;
	font-weight: 600;
}

.bannerbutton {
    background-color: #24700f;
	border: 2px solid #ffffff;
	border-radius:3px;
	display:inline-block;
	padding: 10px 20px;
	color: #ffffff;
	font-weight: 600;
	line-height: 1.2;
}

.bannerbutton:hover {
	background-color:#329d15;
	color: #ffffff;
}

.erotikbanner {
    margin: 25px 0px 25px 0px;
	background-image: url(https://www.singleboersencheck.de/wp-content/uploads/seitensprung-portale.jpg);
    background-position: center center;
    background-size: cover;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #E2A9F3;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);
	text-align: center;
}

.listebanner {
    margin: 25px 0px 25px 0px;
	background-image: url(https://www.singleboersencheck.de/wp-content/uploads/dating-seiten-liste-.jpg);
    background-position: center center;
    background-size: cover;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #E2A9F3;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);
	text-align: center;
}

.pvbanner {
    margin: 25px 0px 25px 0px;
	background-image: url(https://www.singleboersencheck.de/wp-content/uploads/partnervermittlung.jpg);
    background-position: center center;
    background-size: cover;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: #E2A9F3;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);
	text-align: center;
}


.overlay {
	background-color: rgba(16, 14, 16, 0.5);
	padding: 40px 35px 30px 35px;
}

/************************* Störer Ende ********************************/

table.myTable {
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
table.myTable td, table.myTable th {
  border: 1px solid #EFBDEE;
  padding: 5px 5px;
}
table.myTable tbody td {
  font-size: 16px;
}
table.myTable thead {
  background: #EFCFED;
}