/*
Theme Name:  affshop
Theme URL:   http://affshop.de.dedi7021.your-server.de
Description: Write here theme description.
Author:      rtissler
Author URL:  http://affshop.de.dedi7021.your-server.de
Template:    generatepress
Version:     1.0.0
*/
/* Suche */
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select {
    color:var(--accent)!important;
    background-color: #ffffff;
    border-color: var(--accent)!important;
	margin-top:10px;
	max-width:160px;
	padding:5px 10px 5px 10px;
}

button, html input[type="button"], input[type="reset"], input[type="submit"], a.button, a.wp-block-button__link:not(.has-background) {
    color: var(--base-3);
    padding:6px 12px 5px 12px;
}

/* Anpassung Beitragshintergrund und Abstände */
.gb-container-b641c5da {
	padding-left:0px;
}
#page.site.grid-container.container {
	background-color:#fff;
}


/* Anpassung Kasten Logos Front */
.gb-container-c93d9784 > .gb-inside-container {
    padding: 0px;
}
/* Anpassung  Buttons Mearchants */

.slider {
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    align-items: center;
    width: 100%;
    height: 60px;
    position: relative;
}
.slider .slider-inner {
    display: inline-flex;
    animation: slide 60s linear infinite 2s;
}
.slider .slider-item {
    display: flex;
    justify-content: center;
    min-width: 110px; /* Change width to min-width */
    margin-right: 10px;
}
.slider .slider-item span {
    white-space: nowrap;
}
@keyframes slide {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-50%);
    }
}
.custom_af_logo {
    padding: 3px 5px 3px 5px!important;
	  color: #000!important;
    text-align: center;
    text-shadow: 1.4px 1.4px #eee!important;
	  min-width:50%!important;
	  max-width: 70%!important; 
	  float: right;
    font-style: italic;
    background-color: #fff!important;
	  border:1px solid #bbb;
    border-radius: 3px!important;
}


.custom_af_logo_front {
    padding: 3px 5px 5px 5px;
    color: aaa;
    height: 35px;
    line-height: 30px; 
    text-align: center;
	  min-width:110px;
    font-style: italic;
	text-shadow: 1.4px 1.4px #eee!important;
    background-color: #fff!important;
	  border:1px solid #bbb;
    border-radius: 3px!important;
}


/* Anpassung  Produktdetails */
.custom_af_logo {
	width:100%;
	padding:3px 5px 5px 5px;
	color:white;
	text-align:center;
	text-shadow: 1.2px 1.2px #000000;
	font-style: italic;
  background-color:#aaa;
}


/* menu icons */

.menu-shopicon ::before {
	content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-cart' viewBox='0 0 16 16'%3E%3Cpath d='M0 1.5A.5.5 0 0 1 .5 1H2a.5.5 0 0 1 .485.379L2.89 3H14.5a.5.5 0 0 1 .491.592l-1.5 8A.5.5 0 0 1 13 12H4a.5.5 0 0 1-.491-.408L2.01 3.607 1.61 2H.5a.5.5 0 0 1-.5-.5zM3.102 4l1.313 7h8.17l1.313-7H3.102zM5 12a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-7 1a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm7 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2z'/%3E%3C/svg%3E");
	margin-right:6px;
}


.menu-infoicon ::before {
	content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-info-circle' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='m8.93 6.588-2.29.287-.082.38.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246-.275 0-.375-.193-.304-.533L8.93 6.588zM9 4.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0z'/%3E%3C/svg%3E");
	margin-right:6px;
}


/* Inhaltsverzeichnis style */

#ez-toc-container {
  margin: 10px 0px 0px 0px!important;
  border: none!important;
	box-shadow: none;
	padding:0px;
}
.ez-toc-list  {
   margin: 10px 0px 20px 0px!important;
}
#ez-toc-container ul li{
  margin-bottom: 0.3em;
}
p.ez-toc-title {
	font-size:28px!important;
	letter-spacing:.8px!important;
  color:var(--accent)!important;
	font-weight:500!important;
}
#ez-toc-container ul.ez-toc-list a:before {
  content: "⇾"!important; 
  color:var(--accent)!important;
  font-weight: 600!important;
  width: 1.5em!important; 
}
#ez-toc-container ul.ez-toc-list a {
  text-decoration: none;
}

@media (max-width: 768px) {
div#ez-toc-container {
    display:none; 
}
}
/* Tabellenstyle */
.tabelle table th {
	background-color: var(--accent);
	color:#fff;
	border:1px solid var(--base);
}
.tabelle table td {
	border:1px solid var(--base);
	font-size:.9em;
	color:#000!important;
}
.tabelle {
	margin:20px 0px 20px 0px;
}
/* Anpassung read more Buttons */
p.read-more-container a{
	color:#fff;
}
p.read-more-container a:hover{
	color:#fff!important
}

/* Abstand Hs */
h2, h3, h4 {
	margin-top:.7em;
}

/* Vorteile */
ul.vorteile {
  list-style: none;
}
ul.vorteile li::before {
  content: "\002B"!important; 
  color:green;
  font-weight: 700;
  display: inline-block; 
  width: 1.5em; 
  margin-left: -2em; 
}
/* Nachteile */
ul.nachteile {
  list-style: none;
}
ul.nachteile li::before {
  content: "\2717"!important; 
  color:red;
  font-weight: 700;
  display: inline-block; 
  width: 1.5em; 
  margin-left: -2em; 
}


/* Kasten */
.kasten {
	border-left:4px solid var(--accent);
	background-color: var(--base);
	margin-bottom:30px;
}
/* Kasten */
.kasten-gruen {
	border-left:4px solid #537C00);
	background-color: var(--base);
	margin-bottom:30px;
}
/* plus */
ul.plus {
  list-style: none;
}
ul.plus li::before {
  content: "\002B"!important; 
  color:var(--accent);
  font-weight: 600;
  display: inline-block; 
  width: 1.5em; 
  margin-left: -2em; 
}
/* Minus */
ul.minus {
  list-style: none;
}
ul.minus li::before {
  content: "\002D"!important; 
  color:var(--accent);
  font-weight: 600;
  display: inline-block; 
  width: 1.5em; 
  margin-left: -2em; 
}
/* Check */
ul.check {
  list-style: none;
	
}
ul.check li::before {
  content: "✓"; 
  color:var(--accent);
  font-weight: 600;
  display: inline-block; 
  width: 1.5em; 
  margin-left: -1.5em; 
}
ul.check li {
  margin-bottom: .2em; 
}


/* Abstände in der Seitenleiste */
#block-28 p {
	display:none;
}



/* Caption Anpassung */
.wp-caption .wp-caption-text {
    font-size: 85%;
    padding-top: 17px;
    opacity: .8;
	  max-width: 300px;
	  line-height:1.5em
}
@media (max-width: 600px) {
	.wp-caption .wp-caption-text {
		margin:0 auto 0 auto;
	}
}


/* Menükuchen */

.menu-toggle .gp-icon+.mobile-menu, .gp-icon {
	color:#000!important;
	font-size:17px;
}

/* Header Farbe */
.gb-container-934e3460 {
    background-color: var(--base-3);
}


/* Read More Schriftkorrektur */
.read-more-container {
	 margin-top:10px!important;
}
a.wp-block-button__link:not(.has-background) {
    color: #fff!important;
    background-color: var(--accent);
}


/* Complianz */
#cmplz-document {
    font-size: 17px;
    min-width: 100%;
}


/* Filter */
.viwcpf_wrap_filter-content {
    padding: 10px;
    border-bottom: 0px;
}
.custom_style .viwcpf_wrap_filter-content .viwcpf_filter-items .viwcpf_filter-item.viwcpf_label .viwcpf_term-label {
   line-height: 1.4;
	 font-size:14px;
	color:var(--contrast-2)!important;
}
.viwcpf_wrap_filter-content .viwcpf_filter-title {
    margin-bottom: 10px;
    padding: 0px 10px 0px 4px;
    font-size: 15px;
    font-weight: 600;
	  color:var(--accent);
}

/* Generatepress Fehler ausbügeln*/
html,
body {
    overflow-x: hidden;
}

/* Move Up Button Customization*/
.generate-back-to-top {
    bottom: 10px;
    right: 10px;
    line-height: 30px;
    width: 30px;
}
/* Responsive Sidebar Customization*/
#responsive-sidebar-btn {
    bottom: 40px;
    right: 40px;
    width: 50px;
    height: 50px;
    box-shadow: 1px 1px 10px 0 #b4b4b4;
    background-color: #ffffff;
}

	
	
	/* Linke Spalte minimum Weite*/
.is-left-sidebar {
	min-width:180px!important;
}



/* Hintergrund überschreiben auf Pages/Posts/Hauptseite */
body.home, body.page-template-default, body.page {
   background-color: #fff!important;
}

#page.site.grid-container.container {
	background-color:#fff;
	max-width:none!important;
}


/* Tag Styles */
.tags a {
	color:var(--contrast-2);
	background-color:#fff;
	padding:5px 9px 5px 9px;
	margin:0px 5px 0px 0px!important;
	line-height: 2.6;
	border-radius:3px;
	font-size:14px;
}
.tags a:hover {
	color:#ffffff;
	background-color:var(--accent)!important;
}
.tagsvorn a {
	color:var(--contrast-2);
	background-color:#fff;
	padding:0px 9px 0px 9px!important;
	margin:0px 5px 8px 0px!important;
	line-height: 2.6;
	border-radius:4px;
	font-size:14px;
}

.tagsvorn a:hover {
	color:#ffffff;
	background-color:var(--accent)!important;
}

/* Allgemeine Einstellunegn */
p {
    margin-bottom: .7em;
}


/* Linie ums Menu */
.main-navigation, .main-navigation ul ul {
	border-top:1px solid var(--base);
	border-bottom:1px solid var(--base);
}

.schreibschrift {
	font-family: Kalam, handwriting;
    font-weight: 500!important;
	  text-shadow: 1px 1px 4px rgb(0 0 0 / 30%);
	letter-spacing:2px;
}

.is-form-style.is-form-style-3 label {
    width: calc(100% - 60px)!important;
	max-width:350px!important;
}

/* arrow before List */

.doublearrow ul li {
  position: relative;
	padding-bottom: 10px;
}
.doublearrow ul {
  list-style: none;
}
.doublearrow ul li:before{
   content: '';
   position: absolute;
   border-right:2px solid var(--contrast-2);
   border-bottom:2px solid var(--contrast-2);
   width:10px;
   height:10px;
   top: calc(50% - 5px);
   left: -45px;
   transform: translateY(-50%) rotate(-45deg);
}
.doublearrow .wc-block-product-categories-list-item a{
	color:var(--contrast-2);
}
.doublearrow .wc-block-product-categories-list-item a:hover{
	color:var(--global-color-9);
}
/* Breadcrumb anpassen */
#breadcrumbs {
	font-size: 12px; 
	color: var(--contrast-2)!important;
	margin-bottom:40px!important;
}
#breadcrumbs a {
	color: var(contrast-2)!important;
}


/* Button für Produkte */
.button {
  	font-size: 14px!important;
    padding: 5px 15px 5px 15px!important;
    margin-top: 7px!important;
    border-radius: 3px!important;
    -moz-border-radius: 3px!important;
    visibility: visible;
}


@media only screen and (max-width: 768px) {
.site-content {
    max-width: 1800px;
    margin: auto;
	padding:0px 10px 20px 10px!important;
}
}
.site-content {
    max-width: 1800px;
    margin: auto;
	padding: 0px 50px 20px 40px;
}

/* Produkt Image */
.products li img {
    max-width: 100%;
    max-height: 190px;
	  margin-bottom:5px!important;
    width: auto;
    align-self: center!important;
    cursor: pointer;
}
/* Produktkasten */
.products li {
    position: relative;
	/* overflow:hidden; wieder reinnehmen */
    padding: 10px!important;
    background-color: #fff;
    border-bottom: 1px solid var(--base);
}
.products li:hover {
    box-shadow: 3px 4px 20px 4px var(--base);

}

/* Second description */
.term-description {
	line-height:1.5; 
	color:var(--contrast-2);
	margin:30px 0px 30px 0px; 
	padding: 5px; 
	font-size:14px; 
	-webkit-column-count: 2; 
	-moz-column-count: 2; 
	column-count: 2; 
	-webkit-column-gap: 40px; 
	-moz-column-gap: 40px; 
	column-gap: 40px; 
	-webkit-column-rule: 1px solid var(--base);
	-moz-column-rule: 1px solid var(--base);
	column-rule: 1px solid var(--base);
}

@media (max-width: 600px) {
.term-description {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
	}

}

/* Sidebar Fomatieren */
.widget {
	margin-bottom: 0px !important;
}
.inside-left-sidebar {
	padding-top: 0px !important;
}
.widget-area .widget {
    padding: 0px 0px 0px 0px !important;
}

.inside-left-sidebar h3 {
	padding: 12px 0px 12px 20px !important;
	background-color:var(--accent);
	color:#fff;
}


/* Linkcolor Sidebar */
.widget_wp_categories_widget ul li a, .widget_wpcategorieswidget ul a{
	color:var(--contrast-3)!important;
}
.sidebar .widget a {
    color: var(--contrast-3);
}