/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/
#catlist {margin-bottom: 40px;display: inline-block;}
.category .bestseller {margin-top:50px;}
.breadcrumb {font-size: 0.9rem;margin-bottom: 50px;}
.search-form {display: flex;}

.search-form>* {border-radius: 50px;}

.header-widget {
    border-radius: 50px;
    background-color: #eee;
    padding: 5px;
}

.nav-float-right .header-widget .widget {padding-bottom: 0;}

.search-form input.search-field {
    border: none;
    background-color: transparent;
    color: #000;
}
.search-form input[type=submit], input[type=search] {
    padding: 2px 15px; 
}
.one-container .site-content {padding: 0px;}
.important {
    background: #fff;
    padding: 20px 40px;
    position: relative;
    overflow: hidden;
}

ol.important, #ratgeber ol {margin: 0 0 1.5em 0;}

.important::after {
    content: "\f05a";
    position: absolute;
    right: 0;
    bottom: -155px;
    font-family: FontAwesome;
    color: #5393a9;
    font-size: 200px;
    transform: rotate(15deg);opacity: 0.2;
}

#ratgeber li {padding:10px 0;}
ol li {
    
    padding-right: 15px;
    list-style: none;
    counter-increment: step-counter;
}

ol li::before {
    font-weight: 900;
    display: inline-block;
    margin-right: 10px;
    content: counter(step-counter) '.';
    text-align: center;
    text-indent: 0;
    color: #5393a9;
    border-radius: 0;
}

div#ratgeber {
    background: #fff;
    padding: 40px;
}
.linkliste {
    display: grid;
}
ul.related {margin: 0 0 1.5em;}
ul.related li {
    display: inline;
    background: white;
    border: 1px solid #ececec;
    padding: 10px 30px 10px 10px;
    margin: 0 10px 10px 0;
    float: left;
    vertical-align: middle;
}
span.linktitle {vertical-align: middle;}
ul.related li img {vertical-align: middle;}

::marker {
    font-weight: bold;
    color: #3f3f3f;
}
.single-post.one-container .site-content {
    padding: 40px 0;
}
h2#bestseller, h2#angebote, #wichtigste h2 {margin-bottom:0px;}
small {font-size: 85%;}
.toc ul {
    list-style-type: none;
    margin: 0;
}

.dropdown {
  position: relative;
	margin-bottom:5px;
}
.dropdown a {
  text-decoration: none;
}
.dropdown [data-toggle="dropdown"] {
    display: block;
    color: white;
    background: #5393a9;
    -moz-box-shadow: 0 1px 0 #d65548 inset, 0 -1px 0 #962d22 inset;
    -webkit-box-shadow: 0 1px 0 #f2f7f9 inset, 0 -1px 0 #5393a9 inset;
    box-shadow: 0 1px 0 #f2f7f9 inset, 0 -1px 0 #5393a9 inset;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 30%);
    padding: 10px;
}
.dropdown [data-toggle="dropdown"]:hover {
  background: #5393a9;;
}
.dropdown [data-toggle="dropdown"]:before {
  position: absolute;
  display: block;
  content: '\25BC';
  font-size: 0.7em;
  color: #fff;
  top: 13px;
  right: 10px;
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -moz-transition: -moz-transform 0.6s;
  -o-transition: -o-transform 0.6s;
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
}
.dropdown > .dropdown-menu {
  max-height: 0;
  overflow: hidden;
  list-style: none;
  padding: 0;
  margin: 0;
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -moz-transition: max-height 0.6s ease-out;
  -o-transition: max-height 0.6s ease-out;
  -webkit-transition: max-height 0.6s ease-out;
  transition: max-height 0.6s ease-out;
  animation: hideAnimation 0.4s ease-out;
  -moz-animation: hideAnimation 0.4s ease-out;
  -webkit-animation: hideAnimation 0.4s ease-out;
}
.dropdown > .dropdown-menu li {
  padding: 0;
}
.dropdown > .dropdown-menu li a {
  display: block;
  color: #6f6f6f;
  background: #EEE;
  -moz-box-shadow: 0 1px 0 white inset, 0 -1px 0 #d5d5d5 inset;
  -webkit-box-shadow: 0 1px 0 white inset, 0 -1px 0 #d5d5d5 inset;
  box-shadow: 0 1px 0 white inset, 0 -1px 0 #d5d5d5 inset;
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3);
  padding: 10px 10px;
}
.dropdown > .dropdown-menu li a:hover {
  background: #f6f6f6;
}
.dropdown > input[type="checkbox"] {
  opacity: 0;
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.dropdown > input[type="checkbox"]:checked ~ .dropdown-menu {
  max-height: 9999px;
  display: block;
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  animation: showAnimation 0.5s ease-in-out;
  -moz-animation: showAnimation 0.5s ease-in-out;
  -webkit-animation: showAnimation 0.5s ease-in-out;
  -moz-transition: max-height 2s ease-in-out;
  -o-transition: max-height 2s ease-in-out;
  -webkit-transition: max-height 2s ease-in-out;
  transition: max-height 2s ease-in-out;
}
.dropdown > input[type="checkbox"]:checked + a[data-toggle="dropdown"]:before {
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -moz-transition: -moz-transform 0.6s;
  -o-transition: -o-transform 0.6s;
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
}

@keyframes showAnimation {
  0% {
    -moz-transform: scaleY(0.1);
    -ms-transform: scaleY(0.1);
    -webkit-transform: scaleY(0.1);
    transform: scaleY(0.1);
  }
  40% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }
  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }
  100% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }
  100% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-moz-keyframes showAnimation {
  0% {
    -moz-transform: scaleY(0.1);
    -ms-transform: scaleY(0.1);
    -webkit-transform: scaleY(0.1);
    transform: scaleY(0.1);
  }
  40% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }
  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }
  100% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }
  100% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes showAnimation {
  0% {
    -moz-transform: scaleY(0.1);
    -ms-transform: scaleY(0.1);
    -webkit-transform: scaleY(0.1);
    transform: scaleY(0.1);
  }
  40% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }
  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }
  100% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }
  100% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes hideAnimation {
  0% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }
  100% {
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}
@-moz-keyframes hideAnimation {
  0% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }
  100% {
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}
@-webkit-keyframes hideAnimation {
  0% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }
  100% {
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}



ul, ol { margin: 0 0 1.5em 1em;}
ol li {padding: 5px;}
.empfehlung {margin-bottom:50px;}
.empfehlung h2 {margin-bottom:5px;text-decoration: underline #5393a9;}
.empfehlung p {margin-bottom:1em;}
.shortcode-toc {
    
    background: #5393a912;
    padding: 20px;
}

.wp-show-posts-image.wpsp-image-center {background: white;border: 4px solid #fbfbfb;}

.shortcode-toc ul {list-style-type: none;}

.shortcode-toc > ul {margin: 0;}
.kategorien span {
    margin-bottom: 10px;
    display: block;
}
.author-avatar img {
    width: 40px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    margin-right: 5px;
}
.aawp-product--horizontal .aawp-head {
    margin-bottom: 20px;
}
.top-three{margin-top:20px;}
div#generate-section-3 {
    margin: 100px 0;
}
.productbox {
    -webkit-box-shadow: 0 4px 8px 0 rgba(108,127,135,.1), 0 1px 4px 0 rgba(108,127,135,.36);
    box-shadow: 0 4px 8px 0 rgba(108,127,135,.1), 0 1px 4px 0 rgba(108,127,135,.36);
    border-radius: .125rem; padding:25px;position:relative;margin-bottom:20px;background-color:#fff;display:inline-block; margin-top:50px;
}
.label {
    font-size: 1.15rem;
    line-height: 1.15rem;
    font-weight: 500;
	display:inline-block;
    position: absolute;
    top: 25px;
    left: 20px;
    margin: 0;
    padding: 9px 16px 8px 14px;
    color: #fff;
    background-color: #5393a9;
}
.left {
    float: left;
    width: 30%;
}.right {
    float: left;
    width: 70%;
}
.productbox h3 {
    font-size: 26px;
    margin-bottom: 5px;
    color: #000;
}
.productbox h2 {
    font-size: 20px;
    color: #5393a9;
}

.productbox h3:hover {
    text-decoration:underline;
}
.product-image {margin:0 auto;width: 200px;}
.buy-button {
        background-color: #f69926;
    padding: 5px;
    color: #fff;
    font-weight: 700;
    border-radius: 0.2em;
    text-align: center;
    margin: 20px 0;
    text-transform: uppercase;
}
.buy-button a{color:#fff;}
.separate-containers .inside-article>[class*=page-header-], .one-container .inside-article>[class*=page-header-] {
    margin-bottom: 2em;
    margin-top: 0;
    text-align: center;
}

.bestseller .aawp {
    margin-top: 20px;
}
.archive time.entry-date.published {
    padding: 0px;
    margin: 0px;
    font-size: 0.875rem;
    border: none;
}
.kaufberater {
    background: #f3f3f3;
    margin: 0px -80px 50px;
    padding: 40px;
    border: 2px solid white;
}
.kaufberater h2 {color: #3a3a3a;}
.kaufberater li {
    padding: 10px;
    border: 2px solid #eceeed;
    display: inline-block;
    margin: 5px;
    background: white;
}

.aawp-table {background: white;}
.entry-title {margin-bottom: 0;text-align: center;}
.su-spoiler-title {
    position: relative;
    cursor: pointer;
    min-height: 20px;
    line-height: 20px;
    padding: 10px;
    font-weight: bold;
    background: #dcdad761;
    font-size: 18px;
}
.su-box {
    margin: 0!important;
    border-width: 0!important;
    display: inline-table!important;
    width: 49.5%!important;
}
.su-box ul {
    list-style-type: none!important;
    margin: 0px;
}
.rmp-main.rmp-rated {margin: 40px 0;}
.wp-show-posts-inner {
    background: #fbfbfb;
}
header.wp-show-posts-entry-header {
    padding: 0px 20px 20px 20px;
}
.icon-check li:before {
    content: "\f00c";
    color: #7ab317;
    font-family: FontAwesome;
    padding-right: 10px;
}
ul.icon-check, ul.icon-cross {
    list-style-type: none;
}

.icon-cross li:before {
    content: "\f05e";
    color: #ab0000;
    font-family: FontAwesome;
    padding-right: 10px;
}
span.best {
    background: #ff3064;
    color: white;
    font-weight: bold;
    padding: 5px;
}



.entry-content ol li {
    margin-bottom: 15px;
    padding-right: 15px;
    list-style: none;
    counter-increment: step-counter;
    text-indent: -40px;
}

.entry-content ol li::before {
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    content: counter(step-counter) '.';
    text-align: center;
    text-indent: 0;
    color: white;
    border-radius: 0;
	background-color: #017978;}

.entry-meta {margin-bottom: 10px;}
.archive .site-content {padding: 40px 20px;background: #f7f7f7;}

.archive .inside-article, .home .inside-article {-webkit-box-shadow: 0 4px 8px 0 rgba(108,127,135,.1), 0 1px 4px 0 rgba(108,127,135,.36);
    box-shadow: 0 4px 8px 0 rgba(108,127,135,.1), 0 1px 4px 0 rgba(108,127,135,.36); padding: 15px!important; background: white;}

.archive h2.entry-title, .home h2.entry-title  {
    font-size: 18px;
    font-weight: 500;
    text-align: center;
 
    font-family: montserrat;
}

.page-hero h1 {
    color: white;
	text-decoration: underline;
    text-decoration-color: #5393a9;
	word-wrap: break-word;
}



.important h2, .important ol {color:#fff;}


.kategorie {font-size: 1rem;
    text-transform: uppercase;
    color: darkgrey;    font-family: inherit;font-weight:bold;}
.page-hero-gravatar img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: relative;
    vertical-align: middle;
    margin: 0 10px 0 0;
}

.author, .page-hero-gravatar {
    display: inline-block;
}

.blog-meta {margin-bottom:10px;}

h2.wp-show-posts-entry-title {
    font-family: inherit;
    font-size: 22px;
    line-height: 22px;
}
h2.wp-show-posts-entry-title a {   color: #474747;}
.informationen, .empfehlungen {
    margin-top: 80px;
}

.aawp .aawp-product--horizontal {
    background: #ffffff!important;
    
}
.aawp .aawp-product--horizontal .aawp-product__title {
    display: block;
    margin: 0 0 15px 0;
    font-size: 18px;
    font-weight: normal;
}

.aawp .aawp-product--horizontal .aawp-product__description>ul {
    margin: 0 0 5px;
    padding: 0 0 0 0px!important;
    list-style-type: none!important;
    
}
.inside-article.related-posts {display: inline-block;}
.related-posts .grid-container, .related-posts .grid-container .thumbnail, .related-posts .post-date, .related-posts .post-meta {
    padding: 5px;
    
}

.related-posts .grid-container {margin-bottom: 10px;background: white;width: 45%;float: left; margin-right: 5px;}
.related-posts .content {padding:5px;}
h3.post-title.related-post-title {
    font-weight: normal;
    font-size: 1rem;
    font-family: inherit;
    
}
h2.related-post-heading {
    font-family: inherit;
    font-size: 20px;
    color: #3f3f3f;
}
.rmp-main {
    margin: 40px 0;
}

.rmp-main-title {
    margin: 5px;
    color: #2f2f2f;
}
.sidebar .widget, .footer-widgets .widget {font-size: 14px;}
.widget-title {margin-bottom: 10px;}
.site-info {
      display: none;
}
blockquote {
    border-left: 5px solid rgb(30, 115, 190);
    padding: 20px;
    font-size: 1.2em;
    font-style: italic;
    margin: 1.5em;
    position: relative;
    background: #f0f8ff40;
}



@media( max-width: 768px ) {
   .archive .post.mobile-grid-100 {width: 50%}
.breadcrumb {font-size: 0.8rem;margin-bottom: 25px;}
	#catlist {display:inline;}	
	div#ratgeber {
    background: #fff;
    padding: 40px 10px;
}  
	.single-post.one-container .site-content {padding: 20px 10px;}
	ul.related {white-space: nowrap;
    overflow-x: scroll;
    display: block;}	
	
	ul.related li {display: inline-block; float:none;}
	
	.su-box {width:100%!important;}
	div#generate-section-3 {margin: 50px 0px;}
	
	.wp-show-posts-columns .wp-show-posts-single {
        display: block;
        width: 50%;
    }

    .wp-show-posts-columns {margin-left: -2em !important;    }

    .wp-show-posts-inner {margin-left: 2em !important;    }
}