/*
Theme Name: Smart Mag Child
Theme URI: http://theme-sphere.com/
Description: A child theme of SmartMag
Author: ThemeSphere
Author URI: http://theme-sphere.com
Template: smart-mag
Version: 1.12
*/

@import url("../smart-mag/style.css");

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Regular.woff2') format('woff2'),
         url('fonts/Roboto-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Bold.woff2') format('woff2'),
         url('fonts/Roboto-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Italic.woff2') format('woff2'),
         url('fonts/Roboto-Italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-ExtraBold.woff2') format('woff2'),
         url('fonts/Roboto-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

::selection {
	background: #2ab391;
}

.main{
	margin-top: 0;
}
.search .main{
	margin-top: 42px;;
}
iframe{
	width: 100%;
}
.title h1{
	text-indent: -9999px;
	line-height: 0;
}
.home.paged .featured-grid{
	display: none;
}
.galleria-image{
	cursor: pointer;
}
.ngg-trigger.nextgen_pro_lightbox{
	display: none;
}
.shariff{
	padding-bottom: 2px;
}
.single-post .post-title, .author-title{
	margin-top: 20px;
	margin-bottom: -5px;
}
.single-post .author-box {
	border-top: 0;
	padding-top: 0px !important;
	margin-top: 50px;
}
.comments {
	margin-top: 0px;
}
.comments .section-head {
	margin-bottom:5px;
}
.comment-form {
	background: #f5f5f5;
    padding: 16px;
    margin-bottom: 10px;
	border-radius: 2px; 
    
}
.comment-form label {
	display: block;
	padding: 6px 0;
    font-weight: 600;
}
.comment-respond p {
	margin-bottom:5px;	
}
.comment-respond form{
	margin-top:20px;
}

.comments .author {
	float: left;
    width: 48%;
}
.comments .email {
	float: right;
    width: 48%;
}
.comments .url {
	clear: both;
    width: 100%;
}
#author, #email, #comment, #url {
	width: 100%;
    background: #fff;
    border: 2px solid #eee;
   
    display: block;
    max-width: 100%;
    outline: none;
    padding: 7px 8px;
    box-sizing: border-box;
}
.comment-form-cookies-consent label {
	display:inline;
	font-weight:normal;
}
.comments a {
	color:#2ab391;
}.comments a:hover {
	color:#000000;
}
.comment-form-cookies-consent {
	padding: 6px 0;
}
#wp-comment-cookies-consent {
	margin-left:3px;
}
.single-post .author-box .section-head{
	display: block;
}
.single-post .post-content .ShariffHeadline h3.section-head{
	margin-top: 0;
	margin-bottom: 28px;
	font-size: 14px;
	line-height: 36px;
}
.single-post .author-box .section-head .color,
.single-post .comments .section-head .color,
.single-post .post-content .ShariffHeadline h3.section-head .color{
	color: #2ab391;
}
.single-post .heading .comments{
	display: none;
}
.single-post .post-pagination{
	max-width: 50%;
}
.single-post .kksr-stars{
	width: 120px;
	margin-left: 15px;
}
.featured.page {
	margin-top:28px;
}

input.mailpoet_submit {
    color: #000 !important;
    border-color: #c0c0c0 !important;
}
input.mailpoet_submit:hover {
    border-color: #484848 !important;
}
input,
textarea.
select
{
  
    padding: 4px !important;
    font-family: inherit !important;
   
}
.mailpoet_paragraph label {
	display: block  !important;
    font-size: 0.8em  !important;
    color: darkslategrey  !important;  
}

input.mailpoet_submit, .mailpoet_paragraph fieldset {
    margin-top: 10px !important;
}

@media only screen and (min-width: 800px) {
	.main-content .listing-alt .post .content{
		padding-top: 0;
	}
	.main-content .listing-alt .image-link{
		/*padding-top: 5px;*/
		overflow:hidden;
	}
}

@media only screen and (min-width: 800px) and (max-width: 1160px)  {
	.main-head .title{
		max-width: 230px;
	}
}


.related-posts {
	margin-top:50px;
}


/*AAWP Fix mobile*/
@media only screen 
  and (max-device-width: 812px) 
   { 
	.aawp .aawp-product__image-link .aawp-product__image_mobile {
		position:relative;
	}
	.aawp .aawp-product__content_mobile {
		margin-left: 10px !important;
	}
	.aawp .aawp-product__content_mobile img {
		max-width:180px;
		height:auto;
		max-height:200px;
		display:block;
		margin:0 auto;
	}
	
	/* Neu für Einzelbox*/
	.aawp-product__inner {
        display: flex !important;
        align-items: flex-start; /* Ausrichtung der Elemente oben */
    }
    
    .aawp-product__image-link {
        flex-shrink: 0; /* Verhindert, dass das Bild verkleinert wird */
        width: 100px; /* Bild auf 100px begrenzen */
        margin-right: 10px; /* Abstand zwischen Bild und Text */
    }
    
    .aawp-product__image-link img {
        width: 100%; /* Bild füllt den Link-Bereich vollständig aus */
        height: auto; /* Beibehaltung des Seitenverhältnisses */
    }

    .aawp-product__content_mobile {
        flex-grow: 1; /* Nimmt den restlichen Platz ein */
    }

    /* Optional: Anpassung der Preisinformationen und anderen Meta-Daten */
    .aawp-product__meta {
        display: flex;
        flex-direction: column;
        position: relative; /* Für die Positionierung des Prime-Bildes */
    }
	.aawp-product__meta span {
        margin-bottom: 5px; /* Abstand zwischen den Spans */
    }
	 /* Prime-Bild unter dem letzten span positionieren */
    .aawp-product__meta img {
        position: absolute;
        right: 0; /* Ganz nach rechts verschieben */
        bottom: 0; /* Unten neben dem letzten span */
        height: 16px; /* Größe des Prime-Bildes */
        width: auto;
    }: auto;
    }
	.aawp-product .mybutton.mobile {
		height:35px;
	}

}
@media only screen and (max-width: 1128px) {
		.aawp-product__image-link {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.aawp-product__image-link img {
		max-height:300px;
	}
}
/*AAWP Custom Styles*/

.aawp-product__ribbon--bestseller { background-color: #2AB391; }
.aawp .aawp-product--list .aawp-product__image { width: 200px !important; height:100% !important; }
.aawp .aawp-product--list .aawp-product__content { margin-left: 200px !important; }
.aawp .aawp-product__info{
	position:absolute;
	bottom:10px;
	font-size:11px;
	text-align:left;
	
}
@media (min-width: 850px) and (max-width: 1060px) {
	.aawp .aawp-product__info {
		max-width:350px;
	}
}
@media (max-width: 800px) {
	.aawp .aawp-product__info {
		max-width:225px;
	}
	.aawp table.aawp-table td {
		padding: 5px !important;
	}
	.aawp table.aawp-table td.aawp-table__td-thumb, .aawp table.aawp-table td.aawp-table__td-title {
		display: table-cell;
		vertical-align: middle;
	}
	/*Anpassung mobil*/
	.aawp table.aawp-table td img.aawp-product__img {
		max-height: 100px;
		        min-width: 100px;
	}
	.aawp table.aawp-table td.aawp-table__td-title>p {
		font-size: xx-small;
		margin: 0px;
	}
	
	.aawp table.aawp-table td.aawp-table__td-pricing:before {
		width: 79px;
	}
	.aawp table.aawp-table span.aawp-product__price {
		font-weight: bold;
	}
	/*.aawp table.aawp-table td.aawp-table__td-links {
		display: none;
	}*/
	.aawp .aawp_infotext{
		font-size: xx-small;
		margin: 0px;
	}
}


.aawp .aawp-product .aawp-button { margin: 5px; float: right; }
.aawp .aawp-table .aawp-button {float:none;}
.aawp-product--list .mybutton {    text-align: center;
    width: 100%;  bottom:25px; position:relative;  }
.aawp-product--list .mybutton.mobile {position:inherit;margin:10px 0;bottom:0;}
@media (max-width: 480px) {
	/*.aawp .aawp-product__image_mobile img { width:50%;}*/
	.aawp .aawp-button { float: none; }
	.aawp .aawp-product__footer { text-align:center; line-height:14px;}
	.aawp .aawp-product__info {position: relative; bottom: 2px;max-width:100%}
	.aawp .block-with-text {
	/* hide text if it more than N lines  */
	  overflow: hidden;
	  /* for set '...' in absolute position */
	  position: relative; 
	  /* use this value to count block height */
	  line-height: 1.2em;
	  /* max-height = line-height (1.2) * lines max number (3) */
	  max-height: 4em; 
	  
	  /* */
	  margin-right: -1em;
	  padding-right: 1em;
	}
	.block-with-text:before {
	  /* points in the end */
	  content: '...';
	  /* absolute position */
	  position: absolute;
	  /* set position to right bottom corner of block */
	  right: 0;
	  bottom: 0;
	}
	.block-with-text:after {
	  /* points in the end */
	  content: '';
	  /* absolute position */
	  position: absolute;
	  /* set position to right bottom corner of text */
	  right: 0;
	  width: 1em;
	  /* set width and height */
	  height: 1em;
	  margin-top: 0.2em;
	  background: white;
	}
}

.aawp_infotext{
	margin: 10px 0;
	font-size: 11px;
}
/*Ende AAWP Custom Styles*/
.item .wp-post-image,.post-wrap .wp-post-image {
transition: transform .3s ease,opacity .3s;}
.item:hover .wp-post-image, .post-wrap:hover .wp-post-image { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1);transform: scale(1.1);}

/*style für verlinkten beitrag*/
p iframe {
	width:100%;
    overflow: hidden;
    box-shadow: 0 0 3px #CACACA;
    border-radius: 3px;
    /*margin: 25px 0;*/
}
a.finderlink,a.finderlink:visited {
	color: #2ab391;
}
a.finderlink:hover {
	color:#19232d;
}
.finder .sauger-title a:hover {
    color: #19232d;
}
.finder .div2 a, .finder .div2 a:visited{
	color: #5c5b5b;
}
.finder .div2 a:hover {
	color: #2ab391;
}
@media (max-width: 768px)
{
	#npl_button_close {
		top:auto;
		bottom:20px !important;
	}
	i.compare {
		margin-right: 7px;
	}
}
/* Image with 'data' attribute is hidden */
img[data-lazy-src] {
	/* we set the opacity to 0 */
	opacity: 0;
}

/*Image without 'data' attribute is (or becomes) visible */
img.lazyloaded {
	/* prepare the future animation */
	-webkit-transition: opacity .5s linear 0.2s;
	   -moz-transition: opacity .5s linear 0.2s;
	        transition: opacity .5s linear 0.2s;

	/* we set the opacity to 1 to do the magic */
	opacity: 1;
}

/*Autor Link*/
.author-info .description a {
	color: #2ab391;
}

/*Featured Kacheln rechts Kategorie oben anzeigen*/
.featured-grid .small-item .cat-title {
	position: absolute;
    /*margin: 5px 0 0 14px;*/
}
/*Featured Kacheln rechts immer anzeigen*/
.featured-grid .caption-small .cat-title {
	opacity:1;
}
/*Afiliate Links markieren*/
.affiliate-marker-disclosure { 
  float:left;
  border: 1px solid #e5e5e5;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
  font-size:0.8em;
  box-shadow: 0 0 3px #cacaca;
}
/*Workaround für AAWP*/
.aawp-product__title {
	white-space: normal !important;
}

.custombutton a, a:visited {
    border-bottom: 1px solid #5FB092;
}

.custombutton {
	display: inline-block;
    color: #fff!important;
    margin: 6px;
    padding: 8px 20px;
    box-shadow: 0 1px 2px #aaa;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 1.2em;
    font-weight: 600;
    cursor: pointer;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    text-decoration: none!important;
    -webkit-appearance: none;
	background: #5FB092 !important;
    background: -moz-linear-gradient(45deg,#5FB092 0,#3C9674 100%)!important;
    background: -webkit-linear-gradient(45deg,#5FB092 0,#3C9674  100%)!important;
    background: linear-gradient(45deg,#5FB092 0,#3C9674 100%)!important; 
}

.custombutton a:hover {
    border-bottom: 1px solid #3C9674;
}
.custombutton:hover {
    color: #fff!important;
    box-shadow: 0 5px 10px #333;
}
div.appdetails a, div.appdetails a:visited {
	color: #2ab391 !important;
}
div.appdetails a:hover {
	color: #000000 !important;
}
div.wpappbox div.appdetails {
	font-size:14px !important;
}
div.wpappbox div.apptitle {
	font-size:16px !important;
}
div.wpappbox div.appbuttons a:hover, div.wpappbox div.appbuttons span:hover, div.wpappbox.error div.buttons a:hover {
    background: #2ab391!important;
    border-bottom: 0!important;
    color: #fff!important;
    transition: background-color .5s ease-in-out;
    -moz-transition: background-color .5s ease-in-out;
    -webkit-transition: background-color .5s ease-in-out;
}


.mobile-head {
	border-top-color:#fff !important;
}

/*Wörter trennen*/
.post-content:not(.aawp-button) {
	-ms-hyphens: auto; /* ab IE10 */
  -moz-hyphens: auto; /* seit Firefox 6 */
  -webkit-hyphens: auto; /* seit Safari 5.1 (OS X), Safari 4.1 (iOS) */
  hyphens: auto;
}
@media (max-width: 480px) {
.post-content table {
	font-size: 80%;
}
}
/*Image Description*/
.post-content .wp-caption {
	position:relative;
}
.post-content .wp-caption-text  {
	position: absolute;
	right: 0;
    top: 0px;
	margin-right: 5px;
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	transform: rotate(-90deg);
   
	-webkit-transform-origin: top right;
	-moz-transform-origin: top right;
	-ms-transform-origin: top right;
	-o-transform-origin: top right;
   transform-origin: top right;
    
}
.post-header .featured .caption, .finder.caption {
	width:auto;
	background:none;
	padding:0;
    font-size: 13px;
    line-height: 1.7;
    color: #9a9a9a;
	font-style: italic;
	text-shadow:none;
	position: absolute;
	right: 0;
    top: 0px;
	margin-right: 0px;
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	transform: rotate(-90deg);
   
	-webkit-transform-origin: top right;
	-moz-transform-origin: top right;
	-ms-transform-origin: top right;
	-o-transform-origin: top right;
   transform-origin: top right;
}
.finder.caption {
margin-right: 18px;	
}
.post-content .gallery-caption {
	position: inherit;
	right: inherit;
    top: inherit;
	margin-right: inherit;
	-webkit-transform:inherit;
	-moz-transform:inherit;
	-ms-transform:inherit;
	-o-transform:inherit;
	transform: inherit;
   
	-webkit-transform-origin: inherit;
	-moz-transform-origin: inherit;
	-ms-transform-origin: inherit;
	-o-transform-origin: inherit;
   transform-origin: inherit;
    
}
/*Youtube embeds*/
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.author-info .avatar {
	border-radius:50%;
}
.post-header .post-meta {
	padding: 7px 0;
	color:#585858;
}
.listing-meta {
	color:#585858 !important;
}
/*.posted-by {
	bottom: 10px;
    position: relative;
    margin-left:5px;
}
.posted-on {
	position: relative;
    bottom: 10px;
}
.post-meta .avatar {
	width: 32px;
    border-radius: 50%;
}
.cats {
	position: relative;
	top:10px;
}*/

@media only screen 
  and (max-device-width: 812px) 
   { 
	.posted-by {
		
		position: inherit;
		margin-left:5px;
	}
	.posted-on {
		position: inherit;
		
	}
	.post-meta .cats {
	   
		/*padding-left: 37px;*/
		padding-left: 5px;
		top: 0px;
		display: block;
		float:unset;
	}
	.post-meta .avatar {
		float:left;
	}
	
	.row .column, .column, .row [class*="col-"] {
		/*margin-bottom: 0px !important;*/
	}
	.main .sidebar {
		margin-top: 0 !important;
	}
	
	/*Sidebar Ads oben nicht anzeigen*/
	#bunyad_ads_widget-19 {
		display: none !important;
	}
	#bunyad_ads_widget-18 {
		margin-top:20px;
	}
	
	/*Freiraum vor Footer*/
	#text-47, .main {
		margin-bottom: 0 !important;
	}
	
}
@media only screen and (max-width: 767px) {
	.row .column, .column, .row [class*="col-"] {
		margin: 5px 0 0 0 !important;
	}
}
.post-592 a:link,
.post-592 a:visited {
  color: #2ab391;
}

.post-592 a:hover,
.post-592 a:visited:hover {
  color: #19232d;
}
span.anzeige {
    right: 0;
    top: 0;
    margin-right: 6px;
    margin-bottom: 6px;
    margin-top: 0px;
    margin-left: 6px;
    padding: 0 8px;
    border-radius: 2px;
    font-family: Roboto, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0.035em;
    position: absolute;
    z-index: 21;
    display: block;
    background: #f3f6f4;
}
.first span.anzeige, .post-wrap span.anzeige {
	margin-top: 6px;
}
#post-59892 .featured img, #post-60744 .featured img,  #post-60744 .featured .caption {
	display:none;
}
.featured-grid .meta-item.author a, .featured-grid .meta-item.author a:hover, .featured-grid .meta-item.author a:visited {
    color: #d3dbdf;
}
#menu-item-2746 a {
    background: url(https://www.smarthomeassistent.de/wp-content/uploads/2025/09/SmarthomeAssistent-Banner-Startseite-Retina.png) no-repeat;
    color: transparent;
    background-size: contain;
    display: inline-block;
    max-width: 145px;
	width:60px;
    margin: 0px 0 5px 0;
	text-indent: -9999px; /* Text ausblenden */
    overflow: hidden;
}
.tech {display:none;}
#newsticker { padding: 10px;}
.has-nav-light-b .main-featured { padding-top:10px !important; margin: 10px 0 12px 0;}
#bunyad_ads_widget-18 .a-widget br { display:none;}

/* Bildecken rund */
a.image-link, .wp-post-image, .gallery-item img, [class*="wp-image-"], .produkt img {
    border-radius: 5px;
}
/*Gallerien kein Rahmen - Inlinestyle überschreiben*/
[id^=gallery-] img {
	border:none !important;
}
dt.gallery-icon {
    padding: 2px;
}

.featured-grid .image-link {
	background:transparent;
}
/* Ende Bildecken rund */
/* Update Info Deals Boxen*/

.SABox {
	border-radius: 7px;
	margin: 20px 0;
	font-family: Roboto, Helvetica, sans-serif;
   /* font-size: 15px;*/
}
.SABox > div.SABoxHeader {
    position: absolute;
    height: 23px;
    margin-top: -1px;
    padding: 0px 10px 6px 10px;
    margin-left: -1px;
	font-size:0.9em;
	border-radius: 0 0 10px 0;
}
.SABox_Content {
    margin-top: 40px;
    margin-left: 20px;
	margin-right: 20px;
    padding: 0 10px;
}
.SABox.Update {
	border: 3px solid #2ab391;
	background: #f1fefb;
}
.SABox.Update > div {
	background: #2ab391;
	border: 3px solid #2ab391;	color:#fff;
}
.SABox.Info {
	border: 3px solid #5c5b5b;
	background: #f4f4f4;
}
.SABox.Info > div {
	background: #5c5b5b;
	border: 3px solid #5c5b5b;	color:#fff;
}
.SABox.Deal {
	border: 3px solid #fb9862 ;/*#ff9022;*/
	background: #ffd29e;

}
.SABox.Deal > div {
	background: #fb9862 ;/*#ff9022;*/
	border: 3px solid #fb9862 ;/*#ff9022;*/
	color:#fff;
}
.SABox.Wichtig {
	border: 3px solid #fb9862 ;/*#ff9022;*/
	background: #F4F4F4;

}
.SABox.Wichtig > div {
	background: #fb9862 ;/*#ff9022;*/
	border: 3px solid #fb9862 ;/*#ff9022;*/
	color:#fff;
}
.post-container .shortdescription { 
margin-bottom:20px;
}
.post-container .fullproductdesc {
margin-top:20px;
}
/* Ende Update Info Deals Boxen*/

/*#ad_header_top {
	margin-top:10px;
	min-height:280px;
}*/
#kaufberatung{
	text-align:center;
	font-size:24px;
}
.grid_kaufberatung
{
	display: grid;
	/*grid-column-gap: 2%;
    grid-row-gap: 10px;*/
	grid-template-columns: repeat(3, 1fr);
}
.grid_kaufberatung img {height:100%} 
.grid_kaufberatung .mywp-post-image_overlay {height:auto;} 
/*.post-content .grid_kaufberatung { height: 150px; }*/
.grid_kaufberatung .myitem {
    border-radius: 20px;
    overflow: hidden;
}
.grid_kaufberatung .myitem img {
    border-radius: 20px; /* optional, falls Bild selbst abgerundet sein muss */
}
.grid_kaufberatung .myitem span a {color:#fff}
.post-kaufberatung .kaufberatungtitle {
    margin-top: 0px;
	margin-bottom: 0px;
}

.c1, .c4, .c7 {
grid-column: 1;
}
.c2, .c5, .c8 {
grid-column: 2;
}
.c3, .c6, .c9 {
grid-column: 3;
}

.grid_kaufberatung .small-item span.cat-title {
    position: absolute;
}
.myitem:hover .mywp-post-image {
    /*-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
	transition: transform .3s ease,opacity .3s;*/
	border-radius:20px; 
}
.mywp-post-image:hover {
    opacity: 0.85;
}
.myitem .image-link {
	min-width:100%
}
.mywp-post-image_overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
	width: 100%;
}
.listing-alt img.mywp-post-image, .listing-alt img.mywp-post-image_overlay {
	margin:0;
	width: 100%;
	max-width:100%;
}

@media only screen and (max-width:800px)
{
	.grid_kaufberatung {
		/*grid-template-rows: 100px 100px;*/
		grid-template-columns: repeat(2, 1fr);
	
		width: 100%;
		box-sizing: border-box;
		
	}

	.c1 {
	grid-column: 1;
	grid-row:1;
	}
	.c2 {
	grid-column: 2;
	grid-row:1;
	}
	.c3 {
	grid-column: 1;
	grid-row:2;
	}
	.c4 {
	grid-column: 2;
	grid-row:2;
	}
	.c5 {
	grid-column: 1;
	grid-row:3;
	}
	.c6 {
	grid-column: 2;
	grid-row:3;
	}
	.c7 {
	grid-column: 1;
	grid-row:4;
	}
	.c8 {
	grid-column: 2;
	grid-row:4;
	}
	.c9 {
	grid-column: 1;
	grid-row:5;
	}
	
	/*#ad_header_top {
		min-height:300px;
	}*/
	.listing-alt img.mywp-post-image {
		width:100% !important;
	}
	
	
}
/*@media only screen and (max-width: 1128px) {
.post-content .grid_kaufberatung img {
		height: 100%;
}
}*/

/*Finder Detailseiten */
.more_posts {margin-top:20px;font-size:1.1em;}
.left, .right {display:inline;}
.right {float:right;}
p.right + h3 {
  clear: both;
}
.produkt:has(.row-flex) + script + p {
  clear: both;
}
.right::after {
	content: "";
	clear: both;	
}
.produkt {
	line-height: 1.4;
}
.post-header {
	margin-bottom:21px;
}
.image img {
	width:100%;
}
.row-flex {
	display: flex;
	flex-direction: row;
	max-height:300px;
	column-gap: 0.875rem;
	margin-top:30px;
}
.featured-img, .featured-vid {
	flex: 50%;
	/*overflow: hidden;*/
    justify-content: center;
	align-items: center;
	border-radius:5px;
	position:relative;
}
.produkt .row-flex {
    max-height: max-content;
	margin-top:0;
}
.post-content h4 {
	margin-top:17px;
}
.details-left, .details-right {
	 flex: 50%;
	 overflow: hidden;
    justify-content: center;
	align-items: center;
	border-radius:5px;
}
.saugroboter.details-left {
	flex:55%;
}
.saugroboter.details-right {
	flex:45%;
}
@media only screen and (max-width: 800px){
  .row-flex {   
     flex-direction: column;
	 max-height: unset;
  }
}
.featured-imgfull {
	 flex: 100%;
	 overflow: hidden;
    justify-content: center;
	align-items: center;
	border-radius:5px;
	display:inline-flex;
	position:relative;
}
.featured-img img,.featured-imgfull img  {
	max-height: 100%;
    max-width: 100%;
	object-fit: contain;
}
.featured-imgfull img {
	width: auto;
}
.shop {
	grid-column: 2 /span 1;
    grid-row: 2 / span 1;
}

.details .region {
	/*margin-bottom: 15px;*/
	padding: 10px;
}

.produkt .row {
  display: flex;
}
.produkt .row:before,
.produkt .row:after {
	display:none;
}
.produkt .column {
  flex: 50%;
}

.line {
	border:1px solid #d9d9d9; border-left:0px;border-right:0px;border-bottom:0px; margin-top:20px;
}
.line-bottom {
	border:1px solid #d9d9d9; border-left:0px;border-right:0px;border-top:0px; margin-bottom:20px;
}
.listing-alt .content .post-title {
	font-size:24px !important;
}
.single-saugroboter .post-title, .single-akkusauger .post-title, .single-wischsauger .post-title {
	margin-top:25px
}
.button.kaufen {
	background: linear-gradient(to bottom, #fafafa, #d9d9d9) repeat scroll 0 0 #fff0;
    color: #111 !important;
}
.button {
  padding-left: 32px;
  position: relative;
}
.button.kaufen:before  {   
	background-image: url(/wp-content/themes/smart-mag-child/images/web.svg);
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: 14px 14px;
    background-position: 9px center;
}
.button.kaufen:hover {
	background: linear-gradient(to bottom, #d9d9d9, #fafafa) repeat scroll 0 0 #fff0;
}

.button-testbericht:before {
    background-image: url(//www.smarthomeassistent.de/wp-content/themes/smart-mag-child/images/post.png);
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
	background-size: 24px 24px;
    background-position: 5px center;
}

.button-back, .button-testbericht {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-smoothing: antialiased;
    vertical-align: baseline;
    font-family: inherit;
    transition: all .25s ease-in-out;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    padding: 7px 12px 6px;
    border: 1px solid transparent !important;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    text-align: center;
    text-decoration: none !important;
    border-color: #1a1919 #1f1e1e #2e2c2c !important;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgb(255 255 255 / 40%) inset;
    background: linear-gradient(to bottom,#e6e6e6,#b3b3b3) repeat scroll 0 0 rgba(0,0,0,0);
    color: #111 !important;
    position: relative;
}

.button-testbericht {
	padding-left: 32px;
}

.button-back:hover, .button-testbericht:hover {
	background: linear-gradient(to bottom,#d9d9d9,#b3b3b3) repeat scroll 0 0 rgba(0,0,0,0);
}

.bold {
	font-weight:bold;
}
/* .caption {
    width: auto;
    background: none;
    padding: 0;
    font-size: 13px;
    line-height: 1.7;
    color: #9a9a9a;
    font-style: italic;
    text-shadow: none;
    position: absolute;
    right: 20px;
    xtop: 0px;
    margin-right: 0px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: top right;
    -moz-transform-origin: top right;
    -ms-transform-origin: top right;
    -o-transform-origin: top right;
    transform-origin: top right;
}*/
.sauger-preis {
	font-size:18px;
	font-weight:600;	
	grid-column: 2;
    grid-row: 1;
	padding-left: 15px;
}
.grid_preis {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.grid_buy {
	margin-top: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-column-gap: 2px;
}
.grid_buy1 {
    grid-column: 1;
}
.grid_buy2 {
    grid-column: 2;
}
.grid_buy3 {
    grid-column: 3;
}
.grid_buy4 {
    grid-column: 4;
}
.grid_buy5 {
    grid-column: 5;
}
.grid_buy6 {
    grid-column: 6;
}
.grid_buy7 {
    grid-column: 1;
	grid-row:2;
	margin-top:3px;
}
.grid_buy8 {
    grid-column: 2;
	grid-row:2;
	margin-top:3px;
}
.myaawpbtn {
	grid-column: 1;
    grid-row: 1;
	width:145px;
}
.aawp-check-prime {
	background-repeat: no-repeat;
    grid-column: 2;
	margin-left: 15px;
}
.small {
	font-size:10px;
	grid-row: 3;
	grid-column: span 2;
	padding-top: 15px;
	display: block;
	width: 100%;
	text-align: right;
}
.center {
	text-align:center;
}
.buybutton {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: antialiased;
    vertical-align: baseline;
   
    transition: all .25s ease-in-out;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    padding: 4px 12px 4px 12px;
    border: 1px solid transparent !important;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    text-align: center;
    text-decoration: none !important;
    border-radius: 3px;
    position: relative;
    padding-left: 32px;
    box-shadow: 0 1px 0 rgb(255 255 255 / 40%) inset;
   border-color: #1a1919 #1f1e1e #2e2c2c !important;
}
.button.buybutton {
    font-size: 14px;
	height: 28px;
	width: 157px;
}
.buybutton.ebay:before, .buybutton.saturn:before, .buybutton.mediamarkt:before, .buybutton.gearbest:before, 
.buybutton.geekmaxi:before, .buybutton.geekbuying:before,.buybutton.aliexpress:before, .buybutton.tink:before,
.buybutton.hornbach:before , .buybutton.bauhaus:before, .buybutton.obi:before{
	font-family: 'FontAwesome';
    position: absolute;
    content: '\f07a';
    left: 0;
    padding-left:12px;
	color:#000;
}
.buybutton.srdeals:before {
	background-image: url(/wp-content/themes/smart-mag-child/images/roboterdeals.png);
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 10px center;
}
a.button.buybutton {
    white-space: nowrap;
}
/*Roboterdeals*/
.buybutton.srdeals {
	background: linear-gradient(to bottom, #fafafa, #d9d9d9) repeat scroll 0 0 rgba(0,0,0,0);
    color: #111 !important;
}
.buybutton.srdeals:hover {
	 background: linear-gradient(to bottom, #d9d9d9, #fafafa) repeat scroll 0 0 rgba(0,0,0,0);
}
/*Ebay*/
.buybutton.ebay {
	background: linear-gradient(to bottom, #fafafa, #d9d9d9) repeat scroll 0 0 rgba(0,0,0,0);
    color: #111 !important;
}
.buybutton.ebay:hover {
	 background: linear-gradient(to bottom, #d9d9d9, #fafafa) repeat scroll 0 0 rgba(0,0,0,0);
}
.ebay {
	letter-spacing:-1px;
}
/*Saturn*/
.buybutton.saturn {
   background: linear-gradient(to bottom, #fafafa, #d9d9d9) repeat scroll 0 0 rgba(0,0,0,0);
    color: #111 !important;
}
.buybutton.saturn:hover {
   background: linear-gradient(to bottom, #d9d9d9, #fafafa) repeat scroll 0 0 rgba(0,0,0,0);
}
/*Mediamarkt*/
.buybutton.mediamarkt {
  background: linear-gradient(to bottom, #fafafa, #d9d9d9) repeat scroll 0 0 rgba(0,0,0,0);
    color: #111 !important;
	/*color: #CB0000 !important;*/
}
.buybutton.mediamarkt:hover {
   background: linear-gradient(to bottom, #d9d9d9, #fafafa) repeat scroll 0 0 rgba(0,0,0,0);
}
/*Gearbest*/
.buybutton.gearbest {
  background: linear-gradient(to bottom, #fafafa, #d9d9d9) repeat scroll 0 0 rgba(0,0,0,0);
    color: #111 !important;
	/*color: #CB0000 !important;*/
}
.buybutton.gearbest:hover {
   background: linear-gradient(to bottom, #d9d9d9, #fafafa) repeat scroll 0 0 rgba(0,0,0,0);
}
/*Geekmaxi*/
.buybutton.geekmaxi {
  background: linear-gradient(to bottom, #fafafa, #d9d9d9) repeat scroll 0 0 rgba(0,0,0,0);
    color: #111 !important;
	/*color: #CB0000 !important;*/
}
.buybutton.geekmaxi:hover {
   background: linear-gradient(to bottom, #d9d9d9, #fafafa) repeat scroll 0 0 rgba(0,0,0,0);
}
/*Geekbuying*/
.buybutton.geekbuying {
  background: linear-gradient(to bottom, #fafafa, #d9d9d9) repeat scroll 0 0 rgba(0,0,0,0);
    color: #111 !important;
	/*color: #CB0000 !important;*/
}
.buybutton.geekbuying:hover {
   background: linear-gradient(to bottom, #d9d9d9, #fafafa) repeat scroll 0 0 rgba(0,0,0,0);
}
/*Geekbuying*/
.buybutton.aliexpress {
  background: linear-gradient(to bottom, #fafafa, #d9d9d9) repeat scroll 0 0 rgba(0,0,0,0);
    color: #111 !important;
	/*color: #CB0000 !important;*/
}
.buybutton.aliexpress:hover {
   background: linear-gradient(to bottom, #d9d9d9, #fafafa) repeat scroll 0 0 rgba(0,0,0,0);
}
/*tink*/
.buybutton.tink {
	background:linear-gradient(to bottom, #1998fa, #42adff) repeat scroll 0 0 rgba(0,0,0,0);
    color: #fff !important;
}
.buybutton.tink:hover {
	 background:linear-gradient(to bottom, #42adff, #1998fa) repeat scroll 0 0 rgba(0,0,0,0);
}
/*Hornbach*/
.buybutton.hornbach {
	background:linear-gradient(to bottom, #f99d27, #fdad46) repeat scroll 0 0 rgba(0,0,0,0);
    color: #fff !important;
}
.buybutton.hornbach:hover {
	 background:linear-gradient(to bottom, #fdad46, #f99d27) repeat scroll 0 0 rgba(0,0,0,0);
}
/*Obi*/
.buybutton.obi {
	background:linear-gradient(to bottom, #ff7e21, #ff903f) repeat scroll 0 0 rgba(0,0,0,0);
    color: #fff !important;
}
.buybutton.obi:hover {
	 background:linear-gradient(to bottom, #ff903f, #ff7e21) repeat scroll 0 0 rgba(0,0,0,0);
}
/*Bauhaus*/
.buybutton.bauhaus {
	background:linear-gradient(to bottom, #ee1f26, #f62d2d) repeat scroll 0 0 rgba(0,0,0,0);
    color: #fff !important;
}
.buybutton.bauhaus:hover {
	 background:linear-gradient(to bottom, #f62d2d, #ee1f26) repeat scroll 0 0 rgba(0,0,0,0);
}


@media (max-width: 867px)
{
	h1 {
		margin-top:10px !important;
	}
	h3 {
		margin-bottom:15px;
	}
	.produkt {
		grid-template-columns: 1fr;
	}
	.wischsauger.image {
		width:98%;
		clear:both;
	}
	.wischsauger.details {
		width:98%;
		clear:both;
		xmargin-top: 20px;
	}
	.val {
		text-align:right;
	}
	.image {
    	grid-column: 1 /span 1;
    	grid-row: 2 / span 1;
	}
	.details {
		grid-column: 1 /span 1;
		grid-row: 1 / span 1;
	}
	.shop {
		grid-column: 1 /span 1;
		grid-row: 4 / span 1;
	}
	.video {
		grid-column: 1 /span 1;
		grid-row: 3 / span 1;	
	}
	.row .column, .column {
		margin-bottom: 15px;
	}
	.grid_buy {
		grid-template-columns: 1fr 1fr 1fr auto;
		grid-template-rows: 1fr auto auto;
	}
	.grid_buy4 {
		margin-top: 3px;
		grid-column:1;
		grid-row:2;
	}
	.grid_buy5 {
		margin-top: 3px;
		grid-column:2;
		grid-row:2;
	}
	.grid_buy6 {
		margin-top: 3px;
		grid-column:3;
		grid-row:2;
	}
	.grid_buy7 {
		margin-top: 3px;
		grid-column:1;
		grid-row:3;
	}
	.button-back {
		margin-top: 20px;
	}
	
}
.mybuttons .aawp-button--buy {
	
	max-height:28px;
	padding: 4px 12px 4px;
}
.aawp-product--list .mybutton {
	bottom:0;
}
.fa-check {
	color:green;
	font-size:1.4em;
}
.post-share {
	border-top: unset;
	padding:15px;
	margin-top:unset;
}
.post-share .share-links a {
width:50px;
}
.share-links a.fa {
	color:#fff;
}

@media only screen and (max-width: 510px){
  .produkt .column {
	 flex: 45%;/*60*/   
  }
  .produkt .column.val {
	 flex: 50%; /*40*/ 
  }
  .Saugroboter .produkt .column {
	 flex: 62%;   
  }
  .Saugroboter .produkt .column.val {
	 flex: 38%; 
  }
  .grid_buy {
		grid-template-columns: 1fr 1fr auto;
		grid-template-rows: 1fr auto auto auto;
	}
	.grid_buy3 {
		margin-top: 3px;
		grid-column:1;
		grid-row:2;
	}
	.grid_buy4 {
		margin-top: 3px;
		grid-column:2;
		grid-row:2;
	}
	.grid_buy5 {
		margin-top: 3px;
		grid-column:1;
		grid-row:3;
	}
	.grid_buy6 {
		margin-top: 3px;
		grid-column:2;
		grid-row:3;
	}
	.grid_buy7 {
		margin-top: 3px;
		grid-column:1;
		grid-row:4;
	}
}
.saugroboter span>i.fa.fa-info-circle, .wischsauger span>i.fa.fa-info-circle, .akkusauger span>i.fa.fa-info-circle, .thermostate span>i.fa.fa-info-circle, .maehroboter span>i.fa.fa-info-circle, .ueberwachungskamera span>i.fa.fa-info-circle, .smartlock span>i.fa.fa-info-circle, .kaffeevollautomaten span>i.fa.fa-info-circle {
	text-indent: 0.5em;
}
.tooltip
{   position: absolute; 
    z-index: 1030; 
    display: block; 
    visibility: visible; 
    padding: 5px; 
    opacity: 0; 
    line-height: 1.5; 
	filter: alpha(opacity=0);
    pointer-events: none;
	background-color:#fff;
	border: 1px solid #2ab391;
	border-radius: 5px;
	font-size: smaller;
	padding:4px;
	max-width: 300px;
	white-space:break-spaces;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	
}
@media (min-width:900px)
{
	.tooltip
	{
		max-width:600px;
	}
}
.row-flex .banner-container { grid-area: 1 / 1 / 4 / 2;width: 150px;height: 150px;overflow: hidden;position: absolute;/*top: -5px;left: -5px;*/z-index: 1; }
.row-flex .banner {width: 225px;font-size: 16px;line-height:20px;padding:3px;background-color:#f4f4f4;color:#5c5b5b;text-align: center;transform: rotate(-45deg) translate(-28%, -35%);box-shadow: 0px 5px 5px rgb(0 0 0 / 40%);text-transform: uppercase;font-weight: 600;}
.b1 {display:block;font-size:0.8rem}
.b2 {font-size:1.1rem}

 

/*Pro Contra*/
.mt20 {
    margin-top: 20px !important;
}
.flowhidden {
    overflow: hidden;
}
.wpsm-one-half {
    position: relative;
    margin-right: 4%;
    margin-bottom: 5px;
    float: left;
	width: 48%;
}
.wpsm-column-last, .wpsm-one-half:last-of-type {
    margin-right: 0!important;
    clear: right;
}
.wpsm_pros, .wpsm_cons {
	border-radius: 7px;
}
.wpsm_pros {
	border: 3px solid #2ab391;
	background: #f1fefb;
}
.wpsm_cons {
	border: 3px solid #f24f4f;
	background: #fce0e0;
}

.wpsm_cons .title_cons, .wpsm_pros .title_pros {
	color: #fff;
    position: absolute;
    height: 20px;
    margin-top: -1px;
    margin-left: -1px;
    padding: 0px 10px 10px 10px;
    font-size: 0.9em;
    border-radius: 0 0 10px 0;
}

.wpsm_pros .title_pros {
	background: #2ab391;
    border: 3px solid #2ab391;
}
.wpsm_cons .title_cons {
  
	background: #f24f4f;
    border: 3px solid #f24f4f;
}
.wpsm_pros ul, .wpsm_cons ul {
    margin: 40px 10px 15px 0;
	list-style: none;
	padding-left: 20px;

	}

.wpsm_pros ul li, .wpsm_cons ul li {
    list-style: none !important;
    margin: 0 0 10px 0;
}
.wpsm_pros ul li:before {
    color: #2ab391;
    content: "\f05d"; /* FontAwesome Unicode */
	font-family: FontAwesome;
	display: inline-block;
	margin-left: -1.3em; /* same as padding-left set on li */
	width: 1.3em; /* same as padding-left set on li */
}
.wpsm_cons ul li:before {
    color: #f24f4f;
    content: "\f05c"; /* FontAwesome Unicode */
	font-family: FontAwesome;
	display: inline-block;
	margin-left: -1.3em; /* same as padding-left set on li */
	width: 1.3em; /* same as padding-left set on li */
}
@media (max-width: 567px) {
	.wpsm-one-half {
    width: 100%;
    float: none;
    margin-right: 0;
    margin-bottom: 20px;
	}
}
/*Ende Pro Contra*/


/*Newsletter Startseite*/
.posts-list .affcoups .affcoups-coupons-grid .affcoups-coupon, .posts-list .affcoups .affcoups-coupons-list .affcoups-coupon, .posts-list .affcoups .affcoups-standard .affcoups-coupon, .posts-list .affcoups .affcoups-widget .affcoups-coupon {
    -webkit-box-shadow: unset;
    box-shadow: unset;
}
.posts-list .affcoups .affcoups-coupons-list .affcoups-coupon {
	margin:0;
	padding:0;
}
/*Ende Newsletter Startseite*/
.adslot_header {
    margin: 10px auto 0 auto;
    min-height: 280px;
}

@media (max-width: 767px) {
    .adslot_header {
        min-height: 390px; /*375*/
    }
}
.search .grid-overlay .overlay {
	
	border-radius:5px;
}
.search .grid-overlay img {
display:block;	
}
.search .wp-post-image:hover {
    transform: scale(1.1);
}
/*Fix Mobil ads über menü*/
@media only screen and (max-width: 799px) {
.mobile-menu-container {
    z-index: 99999;
}
}
/*Newsletter Abo mobil*/
@media only screen and (max-width: 480px) {
	.affcoups img.affcoups-coupon__image {
	display:inline;
	}
	.affcoups .affcoups-coupons-list .affcoups-coupon__thumbnail, .affcoups .affcoups-coupons-list .affcoups-coupon__title {
	text-align:center;	
	}
}
/*Ende Newsletter Abo*/

@media only screen and (max-width: 480px) {
.aawp-table__td-title p{
	display:none;
}
}


	ul ul ul.sub-menu {
		overflow-y: auto !important;
		max-height: 350px;
	}


.saugroboter .region, .akkusauger .region, .wischsauger .region, .smartwatch .region, .thermostat .region, .maehroboter .region,.ueberwachungskamera .region,.smart_lock, .region, .kaffeevollautomaten .region {
	margin-top:10px;
}

.saugroboter .region.techdaten, .akkusauger .region.techdaten, .wischsauger .region.techdaten, .smartwatch .region.techdaten, .thermostat .region.techdaten, .maehroboter .region.techdaten,.ueberwachungskamera .region.techdaten,.smart_lock .region.techdaten, .kaffeevollautomaten .region.techdaten {
    padding: 40px 10px 20px 10px;
	border-radius: 7px;
	border: 3px solid #5c5b5b;
	background-color: #f4f4f4;
}
.saugroboter .region.techdaten h4, .akkusauger .region.techdaten h4, .wischsauger .region.techdaten h4, .smartwatch .region.techdaten h4, .thermostat .region.techdaten h4, .maehroboter .region.techdaten h4, .ueberwachungskamera .region.techdaten h4, .smart_lock .region.techdaten h4, .kaffeevollautomaten .region.techdaten h4{
	margin-top: -41px;
	margin-left: -10px;
	font-weight:normal;
}
.wpsm_pros2 .title_pros2 {
	background: #2ab391;
    border: 3px solid #2ab391;
	color: #fff;
    position: absolute;
    height: 15px;
    margin-top: -1px;
    margin-left: -1px;
    padding: 0px 10px 10px 10px;
    font-size: 0.9em;
    border-radius: 0 0 10px 0;
}
.techdaten {
	padding: 40px 10px 20px 10px;
	border-radius: 7px;
	border: 3px solid #5c5b5b;
}

.techdaten .title{
	background: #5c5b5b;
    border: 3px solid #5c5b5b;
	color: #fff;
    position: absolute;
    height: 15px;
    margin-top: -1px;
    margin-left: -1px;
    padding: 0px 10px 10px 10px;
    font-size: 0.9em;
    border-radius: 0 0 10px 0;
}

.toggleSwitch {
	height: 18px;
    position: relative;
    overflow: visible;
    padding: 0;
    cursor: pointer;
    width: 200px;
    background-color: #fafafa;
    border: 1px solid #ccc;
    border-radius: 5px;
    height: 34px;
    user-select: none;
}
.toggleSwitch input {
    position: absolute;
    opacity: 0;
    z-index: 5;
}
.toggleSwitch a {
    position: absolute;
    right: 50%;
    z-index: 4;
    display: block;
    top: 3px;
    bottom: 3px;
    padding: 0;
    left: 3px;
    width: 50%;
    background-color: #666;
    border-radius: 4px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out;
    box-shadow: 0 1px 2px rgba(0,0,0,5%);
}
.toggleSwitch>span {
    position: absolute;
    left: 0;
    width: calc(100% - 6px);
    margin: 0;
    text-align: left;
    white-space: nowrap;
    margin: 0 3px;
}
.toggleSwitch>span:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: -2px;
    border-radius: 30px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
.toggleSwitch>span span:first-of-type {
    color: #fff;
    opacity: 1;
    left: 0;
    margin: 0;
    width: 50%;
}
.toggleSwitch>span span:last-of-type {
    left: auto;
    right: 0;
    color: #999;
    margin: 0;
    width: 50%;
}
div#ez-toc-container {
	width:auto;
	display:block;
}


.mb20 {
	margin-bottom:20px;
}
.mb40 {
	margin-bottom:20px;
}
.clear:after {
	clear:both;
}

/*Kategorie mobil*/
@media only screen and (max-width: 550px) {
	.cat-title {
       font-size: 14px !important;
	}
}

.finder_anbieter_list {
	-webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
	width:100%;
	margin-top: -15px;
}
.finderitem {
	display: grid;
    gap: 1rem;
	grid-template-columns: 1fr 2fr;
	position: relative; /* Wichtig für die Positionierung des Buttons */
}
table + section.finder_anbieter_list {
  margin-top: 2rem; /* dein gewünschter Wert */
}
@media only screen and (max-width: 550px) {
	.finderitem {	
		grid-template-columns: 1fr;
	}
}
@media only screen and (min-width: 551px) {
	.finderitem {	
		align-items: center;
		justify-content: center;
	}
}
.finderitem_headline {
	grid-column: 1/span 2;
    grid-row: 1;
}
.finderitem img:not(.finderitem_prime img) {
	grid-column: 1;
    grid-row: 2;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    top: 0;
    /*width: 100%;
	height: 100%;*/
}
.finderitem_links {
	-ms-flex-item-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-self: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.5rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1rem;
	
	grid-column: 2;
	grid-row: 2;
}
@media only screen and (max-width: 550px) {
	.finderitem_links {
		grid-column: 1;
		grid-row: 3;
	}
	.affiliate-marker-disclosure {
		margin-bottom:20px;
	}
}
@media only screen and (min-width: 551px) {
	.finderitem_links {
		border-left: 1px solid #c0c0c0;
		padding-left: 30px;
	}
}
.finderitem_preis {
	font-weight:bold;
	display:inline-block;
	margin-left:15px;
	white-space: nowrap;
	height:100%;
}
.finderitem_preis span{
	vertical-align:middle;
}
.mybuttons {
	display:grid;
	grid-template-columns:2fr 1fr 1fr;
	grid-column-gap:10px;
}
.finderimageoverlay{display:flex;align-items:center;justify-content:center;font-size:small;position:relative;bottom:20px;left:0;width:80%;margin:auto;border-radius:3px;padding:4px;line-height: normal;text-wrap:nowrap;}
.erscheinungsjahr0,
.erscheinungsjahr-1,
.erscheinungsjahr1, 
.erscheinungsjahr2,
.erscheinungsjahr3 {color: #5c5b5b;
background: rgb(255,255,255,0.8);
font-weight: bold;}
.parent2 .finderimageoverlay span {
    border: 1px solid;
    border-radius: 5px;
    padding: 5px;
    background: rgb(255, 255, 255, 0.8);
    color: #5c5b5b;
}
.importmodell{color:#fff;background:#589ae9;background-image:linear-gradient(to right,#589ae9,#589ae9);margin-top:3px;}
.featured-img .finderimageoverlay {width:auto;bottom:35px;left:5px;}
.featured-img .erscheinungsjahr0,.featured-img .erscheinungsjahr-1,.featured-img .erscheinungsjahr1,.featured-img .erscheinungsjahr2,.featured-img .erscheinungsjahr3 {float:left;}
.featured-img .importmodell {float:left;margin-top:0px;margin-left:3px;}
.table-responsive .finderimageoverlay{width:auto;bottom:5px;left:5px;}
.table-responsive .erscheinungsjahr0,.table-responsive .erscheinungsjahr-1,.table-responsive .erscheinungsjahr1,.table-responsive .erscheinungsjahr2,.table-responsive .erscheinungsjahr3 {float:left;}
.table-responsive .importmodell {float:left;margin-top:0px;margin-left:3px;}
.table-responsive:after {clear:both;}
.table-responsive .finder_compare_img {position:relative;vertical-align:bottom;}
.mybutton.mycoupon:before{
	font-family:'FontAwesome';
	position:absolute;
	content:'\f07a';
	left:0;
	padding-left:12px;
	color:#000;
}
.mybutton.mycoupon {
    background: linear-gradient(to bottom, #fd9f6c, #fb9862); /* Rotverlauf */
	color: #000 !important;
}

.mybutton.mycoupon:hover {
    background: linear-gradient(to bottom, #fb9862, #fd9f6c); /* Umgekehrter Verlauf */
    color: #000;
}
.rabatt-popup-overlay {
  display: none;
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1000;
}

.rabatt-popup {
  position: absolute; /* NICHT fixed! */
  left: 50%;
  transform: translateX(-50%);
  top: 0; /* initial, wird per JS gesetzt */
  background: white;
  width: 90%;
  max-width: 420px;
  padding: 20px;
  border-radius: 14px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.3);
  z-index: 1001;
  display: none;
  max-height: 80vh;
  overflow-y: auto;
  box-sizing: border-box;
}

.rabatt-popup-inner {
  position: relative;
}
.rabatt-popup-header {
  position: relative;
  height: 30px; /* Höhe des Headers */
  margin-bottom: 10px;
}
.rabatt-popup-close {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 20px;
  cursor: pointer;
  color: #666;
  padding: 0 5px;
}
.rabatt-text {
  margin-bottom: 15px;
  font-size: 16px;
}
.rabatt-code-section {
  display: flex;
  gap: 10px;
  align-items: center;
}
.rabatt-code-section input {
  flex: 1;
  padding: 8px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 6px;
}
.rabatt-code-section button {
  padding: 8px 12px;
  background: linear-gradient(to bottom, #fafafa, #d9d9d9) repeat scroll 0 0 #fff0;
  color: #111 !important;
  border: solid 1px #b7b7b7;
  border-radius: 6px;
  cursor: pointer;
}
.rabatt-code-section button:hover {
  background: linear-gradient(to bottom, #d9d9d9, #fafafa) repeat scroll 0 0 #fff0;
}

.rabatt-popup.show,
.rabatt-popup-overlay.show {
  display: block;
}
.rabatt-popup a,
.rabatt-popup a:visited {
  color: #2ab391;
  text-decoration: underline;
  transition: color 0.2s ease;
}

.rabatt-popup a:hover {
  color: #000;
}

.rabatt-code-section {
  display: flex;
  flex-wrap: wrap;     /* erlaubt Umbruch */
  align-items: center;
  gap: 8px;
}

.rabatt-code-section input {
  flex: 1;             /* Input nimmt verfügbare Breite */
  min-width: 120px;
}
.rabatt-code-section button {
  flex-shrink: 0;      /* Button behält seine Größe */
}
.rabatt-copy-note {
  flex-basis: 100%;    /* ganze Zeile belegen */
  font-size: 13px;
  color: #28a745;
  opacity: 0;
  transition: opacity .2s;
}
.rabatt-copy-note.show { opacity: 1; }


@media (max-width: 600px) {
  .rabatt-popup {
    width: 95%;
  }
}

/*Akkordion auf Finder Seite */
.SABox .sc-accordions {
	padding: 0 10px;
}

.Deal .sc-accordion-title, .Deal .sc-accordion-pane {
	border:0px;
}

/*Akkordion auf Mediadaten Seite */
.sc-accordion-title a, .sc-toggle-title a {
    color: #3C3C3C !important; 
}
.sc-accordion-title a:after, .sc-toggle-title a:after {
	top:1.7em;
}
.sc-accordion-title a:before,
.sc-toggle-title a:before {
	background-color:transparent;	
}
.sc-accordion-title a:after,
.sc-toggle-title a:after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("/wp-content/themes/smart-mag-child/images/arrow-down-sign-to-navigate.svg");
    background-size: contain;
    background-repeat: no-repeat;
   
    position: absolute;
    top: 1.4em;
    left: 21px;
    z-index: 1;
    filter: invert(21%) sepia(0%) saturate(0%) hue-rotate(180deg) brightness(94%) contrast(90%);
}

/* Wenn das Akkordeon aktiv ist */
.sc-toggle-title.active a:after,
.sc-accordion-title.active a:after {
	content:"";
    transform: rotate(180deg); /* nach oben drehen */
	transition: transform 0.3s ease;
	transform-origin: 40% 50%; /* X/Y-Prozentwerte anpassen bis es sitzt */
}
.SABox .sc-accordions,.SABox .sc-accordion-title,.SABox .sc-accordion-pane {
	border:0px;
}
/*Ende Akkordion*/

.featured-grid .image-link:after {
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 40%, rgba(0, 0, 0, 0.85) 50%, rgba(0, 0, 0, 0.95) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 40%, rgba(0, 0, 0, 0.85) 50%, rgba(0, 0, 0, 0.95) 100%);
}
.main-featured .featured-grid .the-date {
    display: none;
}
.featured-grid .caption {
    padding: 10px 21px 0 21px;
}
.featured-grid .caption-small {
    padding: 20px 14px 0 14px;
}
@media (max-width: 799px) {
	.featured-grid .caption-small {
	    padding: 14px 14px 0 14px;
	}
	.col-6 h3 {
		margin-bottom: 0px;
	}
}
.preis img, .finderitem-preis img {
	padding-left:10px;
}


/* Newsletter Affiliate Coupons Style */
.newsletter-coupon-fullwidth {
  width: 100%;
  display: flex;
  align-items: center;
  background-color: #C7DFD6;
  /*margin: 2rem 0;*/
  border-radius: 12px;
  overflow: hidden;
  padding: 0 1rem;
  box-sizing: border-box;
  height: 200px;               /* fixe Höhe */
}

/* Linke Grafik */
.newsletter-coupon-fullwidth .newsletter-coupon-graphic {
  flex: 0 0 200px;
  height: 100%;
  overflow-y: hidden;
  margin-right: 10px;
}
.newsletter-coupon-fullwidth .newsletter-coupon-graphic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;

}

/* Rechte Spalte */
.newsletter-coupon-fullwidth .newsletter-coupon-inner {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  font-family: 'Roboto', sans-serif;
  color: #3C3C3C;
}

/* Überschrift */
.newsletter-coupon-fullwidth h2.newsletter-heading {
	color: #3C3C3C;
	font-size: 36px;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: 700;
}
.newsletter-coupon-fullwidth h2.newsletter-heading--community {
	font-size: 35px;
}
.newsletter-coupon-fullwidth p.newsletter-text {
	color: #3C3C3C;
}

/* Fließtext */
.newsletter-coupon-fullwidth .newsletter-text {
  font-weight: 400;
  font-size: 24px;
  margin-bottom: 1.5rem !important;
  line-height: 1.3;
}
.newsletter-coupon-fullwidth .newsletter-text--community {
  margin-bottom: 1.5rem !important;
  margin-top: 1rem !important;
}
/* Letzte Zeile: Text + Button */
.newsletter-coupon-fullwidth .newsletter-bottom-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;       /* Button orientiert sich an Text-Baseline */
  gap: 1rem;
}
.newsletter-coupon-fullwidth .newsletter-highlight {
  font-size: 20px;
  font-weight: 800;
  margin: 0;
  line-height: 1.3;
}
.newsletter-coupon-fullwidth .newsletter-coupon-graphic--community {
  /* gleiche Breite/Flex-Basis wie normal */
  flex: 0 0 250px;

  /* höher als der 200px hohe Wrapper */
  height: 250px;          /* z.B. +20px */

  /* in der Mitte der Karte „aufhängen“ */
  margin-top: -10px;      /* ragt 10px nach oben raus */
  margin-bottom: -10px;   /* ragt 10px nach unten raus */
}

/* Bild in der Community-Variante: weiterhin normal skalieren,
   keine Verzerrung, keine Extra-Transformation nötig */
.newsletter-coupon-fullwidth .newsletter-coupon-graphic--community img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Button */
.newsletter-coupon-fullwidth .newsletter-button {
  display: inline-block;
  padding: 7px;
  background-color: #fff;
  color: #000 !important;
  text-decoration: none;
  font-weight: 700;
  font-size: 17px;
  border-radius: 6px;
  white-space: nowrap;
  text-transform:uppercase;         /* Großbuchstaben erzwingen */
  box-shadow: 0 2px 4px rgba(0,0,0,0.2); /* Schatten links/rechts/unten */
  transition: all 0.15s ease-in-out;
  position: relative;
  top: -12px;
}
.newsletter-coupon-fullwidth .newsletter-button--community {
	top: -4px;
}
/* Hover-Effekt */
.newsletter-coupon-fullwidth .newsletter-button:hover {  
	color: #C7DFD6 !important;
	transform: translateY(2px);
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

/* Klick-Effekt (eingedrückt) */
.newsletter-coupon-fullwidth .newsletter-button:active {
  top: -10px;                                    /* leicht nach unten gedrückt */
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.25); /* innerer Schatten oben */
  color: #C7DFD6 !important;                               /* gleiche Farbe wie Hintergrund */
}
.newsletter-coupon-fullwidth .newsletter-button--community:active {
	top: -2px;  
}
/* Tablet: unter 1110px */
@media (max-width: 1110px) {
  .newsletter-coupon-fullwidth {
    flex-direction: column;   /* Bild oben, Text darunter */
    height: auto;             /* Höhe wächst mit Inhalt */
    padding: 1rem;
  }

  .newsletter-coupon-fullwidth .newsletter-coupon-graphic {
    flex: none;
    width: 100%;
    height: 220px;            /* feste Höhe fürs Bild */
    overflow: hidden;         /* nicht nur Y, sondern komplett */
    margin: 0 0 1rem 0;
  }

  .newsletter-coupon-fullwidth .newsletter-coupon-graphic img {
	height: 100% !important;
    object-fit: fill;
  }

  .newsletter-coupon-fullwidth .newsletter-bottom-row {
    justify-content: space-between;
    align-items: center;
  }
}

/* Mobile: unter 600px */
@media (max-width: 600px) {
  .newsletter-coupon-fullwidth .newsletter-coupon-graphic {
    height: 160px;            /* kleinere feste Höhe */
  }

  .newsletter-coupon-fullwidth .newsletter-bottom-row {
    flex-direction: column;   /* Text über Button */
    align-items: flex-start;
    gap: 0.5rem;
  }

  .newsletter-coupon-fullwidth .newsletter-button {
	margin-top: 25px;
    width: 100%;              /* voller Button */
    text-align: center;
  }
  .newsletter-coupon-fullwidth .newsletter-coupon-graphic img {
    width: 100%;
    height: 100% !important;
    object-fit: fill;
  }
  .newsletter-coupon-fullwidth h2.newsletter-heading--community {
    font-size: 1.8rem;
}
}

/*Ende Newsletter Afiliate Coupons Style*/

/*Easy Table of Contents Klapp Icon ersetzen*/
.ez-toc-icon-toggle-span svg {
  display: none;
}

/* Eigenes Icon als Hintergrundbild */
.ez-toc-icon-toggle-span {
	position: absolute;
    top: -8px;
	left: -8px;
	display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("/wp-content/themes/smart-mag-child/images/arrow-down-sign-to-navigate_grey.svg");
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
    filter: invert(21%) sepia(0%) saturate(0%) hue-rotate(180deg) brightness(94%) contrast(90%);
}

.ez-toc-close-icon {
	margin-right: 30px;
}
#ez-toc-container .ez-toc-icon-toggle-span:focus,
#ez-toc-container .ez-toc-icon-toggle-span:focus-visible {
    outline: none;
	box-shadow: none;
	border:none;
}

/* Standardzustand (TOC eingeklappt, Pfeil nach unten) */
#ez-toc-container .ez-toc-icon-toggle-span {
  transform: rotate(0deg);
  transition: transform 0.3s ease;
}

/* Wenn TOC aufgeklappt ist (Klasse toc_close vorhanden → Pfeil zeigt nach oben) */
#ez-toc-container.toc_close .ez-toc-icon-toggle-span {
  transform: rotate(180deg);
}
#ez-toc-container .ez-toc-js-icon-con {
border:0px;
}
#ez-toc-container .ez-toc-title-container {
	width: calc(100% + 10px);
}
.ez-toc-counter nav ul li a::before {
    content: "• ";         /* ersetzt Zahl durch Punkt */
    counter-increment: none;  /* kein Hochzählen mehr */
    margin-right: .4em;    /* Abstand zum Text */
    color: #333;           /* Punktfarbe */
    font-weight: bold;     /* optional dicker Punkt */
}
.ez-toc-link {
	padding-left:10px;	
}
.listing-alt .post-kaufberatung .affcoups {
	padding: 24px 0 0 0;
}
.blog .post-kaufberatung {
	margin-top: 21px;
}
.socialgroup.tight {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 5px;        /* etwas weniger Abstand nach oben */
  gap: 0;
}

/* Drei gleich große Segmente nebeneinander */
.socialgroup.tight .sicon {
  flex: 0 0 33.33%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 28px;           /* minimal kleiner für gleiche optische Höhe */
  font-size: 15px;
  color: #111;
  background: linear-gradient(to bottom, #fafafa, #d9d9d9);
  border-top: 1px solid #1f1e1e !important;
  border-bottom: 1px solid #1f1e1e !important;
  border-right: none !important;
  border-left: none !important;
  box-shadow: 0 1px 0 rgb(255 255 255 / 40%) inset;
  transition: all 0.25s ease-in-out;
  border-radius: 0;
  line-height: 1;          /* verhindert vertikales „Springen“ */
  margin: 0;
  padding: 0;
}

/* Runde Ecken und Trennlinien */
.socialgroup.tight .sicon:first-child {
  border-left: 1px solid #1f1e1e !important;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.socialgroup.tight .sicon:last-child {
  border-right: 1px solid #1f1e1e !important;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.socialgroup.tight .sicon:not(:first-child) {
  border-left: 1px solid #bbb !important;
}

/* Hover-Effekt */
.socialgroup.tight .sicon:hover {
  background: linear-gradient(to bottom, #d9d9d9, #fafafa);
}

/* Kein Warenkorb-Icon */
.socialgroup.tight .sicon:before {
  content: none !important;
}

/* Plattformfarben */
.sicon.tt .tiktok-icon { color: #000; font-weight: bold; display: inline-block; transform: translateY(-1px); }
.sicon.tt svg {
  width: 16px;
  height: 16px;
  fill: #000;              /* Schwarz wie TikTok-Logo */
  vertical-align: middle;  /* sorgt für perfekte Zentrierung */
}
.sicon.ig i { color: #d93175; }
@media (max-width: 530px) {
  .col-sm-6.video .socialgroup.tight {
    margin-top: 1px !important; /* reduziert den doppelten Abstand */
  }
}
@media (min-width: 768px) and (max-width: 900px) {
  .col-sm-6.video .socialgroup.tight {
    margin-top: 0 !important;
  }
}
.finderitem_textheadline{
  grid-column: 1 / -1;   /* über beide Spalten */
  grid-row: 1;           /* in die erste Zeile */
  font-weight: 700;
  font-size: 1.6rem;
  margin: 0 0 .75rem 0;
}
.table-sauger ul li {
    list-style: inside;
	margin-left: 10px;
}
.x-small{
	font-size:10px;
}
@media only screen and (max-width: 799px) {
	.main-wrap {
        transform: none !important;
        will-change: auto !important;
    }
	
    .mobile-head {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 9999 !important;
        background-color: #fff !important;
        border-bottom: 1px solid #eee !important;
        text-align: center !important;
        margin: 0 !important;
        padding: 10px 0 !important;    
        min-height: 60px !important;   
    }
	.admin-bar .mobile-head {
        top: 46px !important; 
    }
	
	
   
    .mobile-head .title,
    .mobile-head .menu-icon,
    .mobile-head .search-overlay {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    
    .mobile-head .title a,
    .mobile-head .title img {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
        max-width: 200px !important;
        height: auto !important;
    }

	
	.ez-toc-open-icon
    {
        top: 120px !important;
    }
    .admin-bar .ez-toc-open-icon
    {
        top: 165px !important;
    }
	
	.off-canvas-active .ez-toc-open-icon
    {
        display: none !important;
    }
	
    body {
        padding-top: 65px !important;
    }
	
	/* Statt auf .page-content oder .main.wrap.cf → auf .main-content */
.main-content {
    padding-left: 48px !important; /* einheitlicher Wert für alle Seitentypen */
    padding-right: 3px !important;
}
.main-featured {
    padding-left: 45px !important; /* einheitlicher Wert für alle Seitentypen */
    padding-right: 0 !important;
}
.main-footer .widgets {
	padding-left:40px !important;
}
}
/* X (Twitter) Icon ersetzt veraltetes fa-twitter */
.fa-x-twitter:before {
    content: "\1D54F" !important;
    font-family: Georgia, serif !important;
    font-style: normal !important;
    font-weight: bold;
}
.share-links .fa-x-twitter { background: #000000; }
.social-icons .fa-x-twitter { background: #000000; }