/*
Theme Name: Trost-Tropfen Theme
Author: Björn Pollmeyer
Author URI: https://coscreen.net
Description: A theme for Trost-Tropfen.ch
Version: 1.0
Text Domain: trostropfen
*/

@font-face{
    font-family:"NotoSerif";
    src: url('fonts/NotoSerif-Regular.ttf');
    font-weight:bold;
    font-style:normal;
}
@font-face{
    font-family:"NotoSerif";
    src: url('fonts/NotoSerif-Light.ttf');
    font-weight:normal;
    font-style:normal;
}
@font-face{
    font-family:"NotoSerif";
    src: url('fonts/NotoSerif-Italic.ttf');
    font-weight:bold;
    font-style:italic;
}
@font-face{
    font-family:"NotoSerif";
    src: url('fonts/NotoSerif-LightItalic.ttf');
    font-weight:normal;
    font-style:italic;
}
@font-face{
    font-family:"NotoSans";
    src: url('fonts/NotoSans-Bold.ttf');
    font-weight:bold;
    font-style:normal;
}
@font-face{
    font-family:"NotoSans";
    src: url('fonts/NotoSans-Regular.ttf');
    font-weight:normal;
    font-style:noraml;
}
@font-face{
    font-family:"NotoSansCond";
    src: url('fonts/NotoSans_Condensed-Regular.ttf');
    font-weight:normal;
    font-style:normal;
}
@font-face{
    font-family:"NotoSansCond";
    src: url('fonts/NotoSans_Condensed-Bold.ttf');
    font-weight:bold;
    font-style:normal;
}

@-ms-viewport{
  width: device-width;
}

body {
    font-family:"NotoSerif", serif;
    font-weight:normal;
}


:root {
    --highlightcolor:#BF3A40;
    --textcolor: #333;
    --blockonelight: #EEE1CF;
    --blockonedark: #CE9F7A;
    --blocktwolight: #BAABC1;
    --blocktwodark: #8E3C4C;
    --blockthreelight: #E0E5F1;
    --blockthreedark: #5B6396;
}

/* Extra small devices (portrait phones, less than 576px), Standard */

* {
    text-decoration: none;
    list-style-type: none;
}

p, li {
    font-size:1.2rem;
    line-height:1.925rem;
    letter-spacing: .015rem;
}


a {
    color:var(--highlightcolor);
}
p a {
    font-weight:bold;
    transition: all .2s ease;
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;

    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;

    /* Adds a hyphen where the word breaks, if supported (No Blink) */
 /*   -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; */
}

a:hover {
    color:var(--secondcolor);
    transition: all .2s ease;
}

h1,h2,h3,h4,h5,h6 {
    font-family: "NotoSansCond", sans-serif;
    font-weight:bold;
    letter-spacing: .05rem;
}
h1 {
    color:var(--textcolor);

    /* Adds a hyphen where the word breaks, if supported (No Blink) */
   /* -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; */
}
h1, a {
  /*  hyphens: auto; */ 
}

h1, h2 {
    text-transform: uppercase;    
    font-weight: bold;
}
h2,h3,h4,h5,h6 {
    color:var(--blocktwodark);
}

h1 {font-size: 2.5rem; margin-block-start: 0.5rem; margin-block-end: 1.5rem;}
h2 {font-size: 1.75rem; margin-block-start: 0.5rem; margin-block-end: 1.5rem;}
h3 {font-size: 1.4rem; margin-block-start: 0.5rem; margin-block-end: 1.5rem;}
h4 {font-size: 1.3rem;}
h5 {font-size: 1.3rem;}
h6 {font-size: 1.3rem;}

.archive h1 {
    text-align: center;
}

.divider {
    display: block;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
}

small, label, .trotro-top-service-widget p {font-size: 0.85rem;}

button, button[type=submit], input[type=submit], input, a.button, p.button a, a.more-link, p.more-link a {
    font-family: "NotoSansCond", sans-serif;
    border:1px solid var(--highlightcolor);
    background-color: var(--highlightcolor);
    color: #fff;
    padding:.25rem .5rem;
    font-size:1rem;
    transition: all .4s cubic-bezier(.36,3,.45,.26);
    line-height: 1.725rem;
    display:inline-block;
    cursor: pointer;
    font-weight: bold;
    border-radius: 3px;
}
button:hover, button[type=submit]:hover, input[type=submit]:hover, a.button:hover, p.button:hover a, a.more-link:hover, p.more-link:hover a {
    border:1px solid var(--highlightcolor);
    background-color: var(--highlightcolor);
    transition: all .1s ease;
    color: #fff;
    transform: scale(1.025);
}
a.button.checkout, a.button.big-button {
    background-color: var(--highlightcolor);
    border:1px solid var(--highlightcolor);
    font-weight: bold;
    text-transform: uppercase;
}
a.button.checkout:hover, a.button.big-button:hover {
    background-color: #fff;
    border:1px solid var(--blockthreedark);
}
a.button.big-button {
    font-size: 1.5rem;
    padding: .5rem;
    font-weight: normal;
}
label {
    display: block;
    font-size: .8rem;
}
.required {
    color:var(--highlightcolor);
}  
ul {
    padding:0;
}

.wp-block-columns {
    margin-top: 4rem;
}
.wp-block-column:first-of-type {
    margin-bottom: 3rem;
}

.wp-block-image img {
    height: auto;
}

.trotro-top-service-widget {
    width:100%;
    display:table;
    color:var(--textcolor);
    background-color:#fff;
    height:auto;
    text-align: center;
    border-bottom: 1px dotted var(--textcolor);
}
.trotro-top-service-widget .textwidget {
    padding:0 1rem;
}
.trotro-top-service-widget p {
    font-family: "NotoSansCond",sans-serif;
    width:100%;
    margin:0;
    position:relative;
    font-size: .6rem;
    letter-spacing: .03rem;
}
.trotro-top-service-widget p:first-of-type {
    margin-left:-1.7rem;
}
.trotro-top-service-widget p:first-of-type:before {
    display:inline-block;
    content:url(images/package.svg);
    height:1.2rem;
    width:1.7rem;
    padding-right:0rem;
    padding-top:.2rem;
    vertical-align: text-bottom;
}
.trotro-top-service-widget p:first-of-type:hover:before {
    content:url(images/package_heart.svg);
}
.trotro-top-service-widget p:last-of-type {
    text-align:right;
    display:none;
}

.site-header {
    line-height: 0;
    position: sticky;
    top: 0;
    background-color: rgba(255,255,255,0.95);
    z-index: 5;
    padding:0 1rem;
    margin-bottom: .5rem;
}

.site-header, .site-content, footer {
    padding:0 1rem;
    width:100%;
}
footer {
    clear:both;
}

header {
    position:relative;
    display:table;
    margin:0;
    width:100%;
} 
header .logo {
    height:50px;
    width:auto;
    position:relative;
    margin-bottom:25px;
    top:1rem;
    left:0%;
}

header .shopicons {
    padding:1.4rem 0 1.4rem;
    float:right;
}
header .shopicons a {
    padding-left:15px;
    display: inline-block;
    line-height: 0;
    position: relative;
}
header .shopicons svg{
    height:1.3rem;
    width:1.3rem;
    fill:var(--blocktwodark);
    transition:all .3s;
}
header .shopicons .account svg path.smile {
    opacity: 0;
    transition:all .3s;
}
header .shopicons .account svg:hover path.smile {
    opacity: 1;
    transition:all .3s;
}
header .shopicons svg:hover{
    fill:var(--highlightcolor);
}
header .shopicons .wishlist svg:hover{
    fill:#c51c22;
}
header .shopicons .search svg path.pageleft {
    opacity: 0;
    fill:var(--blocktwodark);
    transition:all .3s;
}
header .shopicons .search svg path.pageright {
    opacity: 0;
    fill:var(--blockthreedark);
    transition:all .3s;
}
header .shopicons .search svg:hover path.pageleft, header .shopicons .search svg:hover path.pageright {
    opacity: 1;
    transition:all .3s;
}
header .shopicons .trotro-product-count{
    position:absolute;
    top:-5px;
    left:6px;
    color:#fff;
    background-color: var(--highlightcolor);
    height:1.2rem;
    width:1.2rem;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    transition:all .3s;
    font-family:"NotoSans",sans-serif;
    font-size:.65rem;
    font-weight: bold;
    padding-top:.525rem;
    border: 1px dotted #fff;
}

.search .page-title span {
    font-weight: bold;
} 

#search {
    position: absolute;
    float: none;
    width: calc(100% + 1rem);
    left: -1rem;
    top: 5.5rem;
}
#search input[type=search] {    
    font-family:"NotoSansCond", sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 1rem;
    letter-spacing: .05rem;
    background-color:unset;
    border: 0px;
    margin-right: 2rem;
    width: 85%;
    color:var(--blocktwodark);
}
#search button {
    background-color:unset;
    border: 0px;
    position: absolute;
    top:.3rem;
    right: 0;
}
#searchform, .woocommerce-product-search {
    position: relative;
    border-radius: 5px;
    background-color: var(--blockonelight);
    margin-top: -.55rem;
    margin-left: 1rem;
    padding: .25rem 0;
}

#search input::placeholder {
    color:var(--blocktwodark);
    font-family:"NotoSansCond", sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 1rem;
    letter-spacing: .05rem;
}

.site-content {
    margin: 3.5rem auto 0 auto;
    box-sizing: border-box;
    padding: 0 1rem;
}

.site-content li {
    margin-bottom:0.5rem;
}

.home h1 {
    display: none;
}

.home .teaser h2 {
    color: var(--highlightcolor);
    font-size: 1.4rem;
}
.home .teaser p {
    font-size: 1.2rem;
}
.trenner {
    border-top: 1px dotted var(--highlightcolor);
    padding-top: 2rem;
}


/* Navigation Menu */
.burger-button {
    z-index:100;
}
.burger-button svg {
    height:1.7rem;
    width:1.7rem;
    display:block;
    float:left;
    margin:1.2rem 1.25rem .8rem 0;
}
.burger-button.close svg {
    float:none;
    margin:2.925rem 1.25rem .8rem 1rem;
}
.burger-button svg rect {
    fill:var(--blockonedark);
    transition:all .3s ease;
}
.burger-button.close svg path {
    fill:#fff;
    transition:all .3s ease;
}
.burger-button:hover svg rect, .burger-button.close:hover svg path {
    fill:var(--blockonedark);
}
.navigation-menu {
    position:fixed;
    left:-100vw;
    top:0;
    background-color: var(--blockonedark);
    width:100vw;
    z-index:50;
    transition: all .3s ease;
    height:0;
    overflow-y:scroll;
    overflow-x:hidden;
}
.navigation-menu ul {
    padding:1rem;    
    overflow-y:scroll;
    overflow-x:hidden;
}
.navigation-menu li {
    font-family: "NotoSansCond", sans-serif;
    font-size: 2rem;
    line-height: 3rem;
    letter-spacing: .05rem;
}
.navigation-menu li li {
    font-size: 1.5rem;
    line-height: 2.5rem;
}
.navigation-menu li a {
    color: #fff;
    text-transform: uppercase;
}
.navigation-menu li a:hover {
    color: var(--highlightcolor);
}
body:target .navigation-menu {
    left:0;
    transition: all .3s ease;
    height:105vh;
}
.site-content, .site-footer {
    transition: all .3s ease;
    visibility: visible;
}
body:target .site-content, body:target .site-footer {
    transition: all .3s ease;
    visibility: hidden;
}

.ueberlappend {
    margin-top: -15rem !important;
}
.ueberlappend .stoerer {
    position: absolute;
    top:-2rem;
    left:2rem;
    margin: 0;
}
.ueberlappend .wp-block-column, .ueberlappend-buch .wp-block-column {
    margin-bottom: 0;
}
.ueberlappend p.zitat {
    margin-top: 0;
}

.ueberlappend-buch {
    margin-top: -12rem !important;
}

/* Archive & Single */
.archive article {
    border-top:2px solid #000;
    margin-bottom: 4rem;
}
.archive article:last-child {
    margin-bottom: 2rem;
}
.single-post article {
    margin-bottom: 4rem;
}
.single-post article h1, .single-post article h2, .single-post article h3 {
    margin-top:2.5rem;
}
.archive article img, .single-post article img {
    width: 100%;
    height: auto;
    margin-bottom:2rem;
}
.archive article a h2, .single-post article a h2 {
    color: var(--blockonedark);
    transition: all .3s;
    font-size: 2rem;
    padding-top: 1.5rem;
    border-top: 1px dotted var(--highlightcolor);
}
.archive article a h2:hover, .single-post article a h2:hover {
    color: var(--blocktwodark);
    transition: all .5s;
}

.archive article a h2, 
.single-post article a h2,
.archive article h2, 
.single-post article h2, 
.archive article h3, 
.single-post article h3, 
.archive article p.more-link, 
.single-post article .button, 
.archive article .button, 
.single-post article .meta,
.archive article .meta{
    text-align: center;
}
.blog-content, .archive article a h2, .single-post article a h2 {
    margin-left: 0;
}
.blogdate {
    position: relative;
    width:4rem;
    float: none;
    margin:auto;
    padding-top:1rem;
}
.blogdate svg {
    fill: var(--highlightcolor);
    width: 100%;
    height: auto;
}
.blogdate p {
    font-family: "NotoSansCond", sans-serif;
    position: absolute;
    font-size: 1.1rem;
    line-height: 1rem;
    top: 1.5rem;
    color: #fff;
    width: 100%;
    text-align: center;
}
.blogdate p span.year {
    font-size: .75rem;
}
.meta {
    font-family: "NotoSans", sans-serif;
    letter-spacing: 0.05rem;
    padding: 0;
    margin:0 0 2rem 0;
}
.meta p,
.meta a,
.meta span {
    font-size: .8rem;
    margin:0;
}
.meta span {
    font-weight: bold;
}

a.more-link, p.more-link a {
    background-color: unset;
    color: var(--highlightcolor);
}
a.more-link:hover, p.more-link:hover a {
    background-color: unset;
    color: var(--highlightcolor);
}

/* Sidebar */

.sidebar {
    width:100%;
    border-radius:5px;
    background-color:var(--blockonelight);
    padding:.5rem 1rem;
    margin-top:2rem;
    margin-bottom:1rem;
    text-align: center;
}
.sidebar p, .sidebar li {
    font-size: 1rem;
    line-height:1.2rem;
    font-family: "NotoSansCond", sans-serif;
}
.sidebar li {
    list-style-type: disc;
    list-style-position: inside;
}
.sidebar h3 {
    font-size: 1.25rem;
    font-family:"NotoSansCond", sans-serif;
    text-transform: uppercase;
    border-top: 1px solid var(--blocktwodark);
    padding-top:1rem;
    margin-top:2rem;
}
.sidebar div:first-of-type h3 {
    border-top: none;
    padding-top:.5rem;
    margin-top:unset;
}

/* Page */

.top-img img {
    margin-top:3.5rem;
    width: 100%;
    height: 20rem;
    background-size: cover;
}

.site {
    overflow-x: clip;
}
.wp-block-column {
    position: relative;
}

.ueberlappend {
}

.zitat {
    text-align: center;
    font-size: 1.5rem;
    line-height: 2.5rem;
    color:var(--blocktwodark);
}
p + .zitat {
    padding: 2rem 0 0 0;    
}
.zitierter {
    text-align: center;
    padding: 0 0 4rem 0;
}
.stoerer {
    font-family: "NotoSansCond", sans-serif !important;
    background-color:var(--highlightcolor);
    color:#fff;
    font-size:1.2rem;
    line-height: 1.5rem;
    text-transform: uppercase;
    position: relative;
    border-radius: 50%;
    text-align: center;
    height:9rem;
    width:9rem;
    transform: rotate(-5deg);
    padding: 1.5rem;
    transition:all .3s;
    display: table;
    vertical-align: middle;
    margin: 2rem auto;
    box-shadow: 1px 1px 10px #333;
}
.stoerer:hover {
    transform: rotate(-7deg);
}
.stoerer a {
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    word-break: keep-all;
    hyphens:none;
}
.stoerer.rechts {
    right:unset;
}
.stoerer.rechts-aussen {
    right:unset;
}
.stoerer.links {
    left:unset;
}
.stoerer.gross {
    height:11rem;
    width:11rem;
}
.buch {
    -webkit-filter: drop-shadow(5px 5px 10px #555555);
    filter: drop-shadow(5px 5px 10px #555555);
    margin: 0 auto;
    width: 60%;
}
.neutral {
    padding: 2rem 0;
    position: relative;
}
.blocktwo {
    padding: 2rem 0;
    position: relative;
}
.blocktwo p.stoerer a {
    color:#fff;
    font-weight: normal;
}
.blocktwo-hell {
    margin: 0 -600rem;
    background:  var(--blocktwolight);
    border-left: 600rem solid var(--blocktwolight);
    border-right: 600rem solid var(--blocktwolight);
}
.blocktwo-info {
    margin: 0 -600rem;
    background:  var(--blocktwodark);
    border-left: 600rem solid var(--blocktwodark);
    border-right: 600rem solid var(--blocktwodark);
}
.blocktwo-info h2, .blocktwo-info h3 {
    font-weight: bold;
    color: #fff !important;
}
.blocktwo-info p, .blocktwo-info li {
    color: #fff !important;
}
.blocktwo-info h2 {
    font-size: 2rem;
}
.blocktwo-info p.button a {
    border: 1px solid #fff;
    color:#fff !important;
}
.blocktwo.foto, .blocktwo.foto-rechts {
    padding-top: 6rem;
}
.blocktwo.foto:before {
    content: "";
    background: url("https://nuwelis.de/wp-content/themes/nuwelis/images/beate.png");
    background-size: contain;
    position: absolute;
    border-radius: 50%;
    height:10rem;
    width:10rem;
    padding: 0;
    top: -5rem;
    left: 50%;
    transform: translateX(-5rem);
    box-shadow: 1px 1px 10px #333;
}
.blocktwo.foto-rechts:before {
    content: "";
    background: url("https://nuwelis.de/wp-content/themes/nuwelis/images/beate.png");
    background-size: contain;
    position: absolute;
    border-radius: 50%;
    height:10rem;
    width:10rem;
    padding: 0;
    top: -5rem;
    right: 0;
    box-shadow: 1px 1px 10px #333;
}
.blocktwo h1, .blocktwo h2, .blocktwo h3 {
    color:var(--blocktwodark);
}
.blocktwo h4 {
    color:var(--blocktwodark);
    font-weight: bold;
}
.home .blocktwo h2, .blocktwo h1 {
    font-size: 2.5rem;
    font-weight: bold;
}
.blocktwo p a {
    color:var(--blocktwodark);
    font-weight: bold;
}

.icon {
    padding-left: 3.25rem;
    position: relative;
}
.icon:before {
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    height: 2.5rem;
    width: 2.5rem;
    position: absolute;
    left: 0;
    top: -.25rem;
}
.icon.coaching:before {
    background-image: url(https://nuwelis.de/wp-content/themes/nuwelis/images/beateCoaching.svg);
}
.icon.akasha:before {
    background-image: url(https://nuwelis.de/wp-content/themes/nuwelis/images/beateAkasha.svg);
    top: -.5rem;
}
.icon.buecher:before {
    background-image: url(https://nuwelis.de/wp-content/themes/nuwelis/images/beateBuch.svg);
    top: -.5rem;
}
.icon.online:before {
    background-image: url(https://nuwelis.de/wp-content/themes/nuwelis/images/beateOnline.svg);
}

.blockone, .search article:nth-child(odd), .search article:nth-child(even) {
    padding: 2rem 0;
    position: relative;
}
.blockone p.stoerer a {
    color:#fff;
    font-weight: normal;
}
.blockone-hell, .search article:nth-child(even) {
    margin: 0 -600rem;
    background: var(--blockonelight);
    border-left: 600rem solid var(--blockonelight);
    border-right: 600rem solid var(--blockonelight);
}
.blockone-info {
    margin: 0 -600rem;
    background: var(--blockonedark);
    border-left: 600rem solid var(--blockonedark);
    border-right: 600rem solid var(--blockonedark);
}
.blockone-info h2, .blockone-info h3 {
    font-weight: bold;
    color: #fff !important;
}
.blockone-info p, .blockone-info li {
    color: #fff !important;
}
.blockone-info h2 {
    font-size: 2rem;
}
.blockone-info p.button a {
    border: 1px solid #fff;
    color:#fff !important;
}
.blockone.foto, .blockone.foto-rechts {
    padding-top: 6rem;
}
.blockone.foto:before {
    content: "";
    background: url("https://trost-tropfen.ch/wp-content/themes/trosttropfen/images/LaurentCarrel.jpg");
    background-size: contain;
    position: absolute;
    border-radius: 50%;
    height:10rem;
    width:10rem;
    padding: 0;
    top: -5rem;
    left: 50%;
    transform: translateX(-5rem);
    box-shadow: 1px 1px 10px #333;
}
.blockone.foto-rechts:before {
    content: "";
    background: url("https://trost-tropfen.ch/wp-content/themes/trosttropfen/images/LaurentCarrel.jpg");
    background-size: contain;
    position: absolute;
    border-radius: 50%;
    height:10rem;
    width:10rem;
    padding: 0;
    top: -5rem;
    right: 0;
    box-shadow: 1px 1px 10px #333;
}
.blockone h1, .blockone h2, .blockone h3 {
    color:var(--blockonedark);
}
.blockone.blockone-hell h1, .blockone.blockone-hell h2, .blockone.blockone-hell h3 {
    color:var(--blocktwodark);
}
.blocktwo h1, .blocktwo h2, .blocktwo h3 {
    color:var(--blocktwodark);
}
.blockthree h1, .blockthree h2, .blockthree h3 {
    color:var(--blockthreedark);
}
.home .blockone h2, .blockone h1 {
    font-size: 2.5rem;
    font-weight: bold;
}

.blockthree {
    padding: 2rem 0;
    position: relative;
}
.blockthree p.stoerer a {
    color:#fff;
    font-weight: normal;
}
.blockthree-hell {
    margin: 0 -600rem;
    background: var(--blockthreelight);
    border-left: 600rem solid var(--blockthreelight);
    border-right: 600rem solid var(--blockthreelight);
}
.blockthree-info {
    margin: 0 -600rem;
    background: var(--blockthreedark);
    border-left: 600rem solid var(--blockthreedark);
    border-right: 600rem solid var(--blockthreedark);
}
.blockthree-info h2, .blockthree-info h3 {
    font-weight: bold;
    color: #fff !important;
}
.blockthree-info p, .blockthree-info li {
    color: #fff !important;
}
.blockthree-info h2 {
    font-size: 2rem;
}
.blockthree-info p.button a {
    border: 1px solid #fff;
    color:#fff !important;
}
.blockthree.foto, .blockthree.foto-rechts {
    padding-top: 6rem;
}
.blockthree.foto:before {
    content: "";
    background: url("https://trost-tropfen.ch/wp-content/themes/trosttropfen/images/LaurentCarrel.jpg");
    background-size: contain;
    position: absolute;
    border-radius: 50%;
    height:10rem;
    width:10rem;
    padding: 0;
    top: -5rem;
    left: 50%;
    transform: translateX(-5rem);
    box-shadow: 1px 1px 10px #333;
}
.blockthree.foto-rechts:before {
    content: "";
    background: url("https://trost-tropfen.ch/wp-content/themes/trosttropfen/images/LaurentCarrel.jpg");
    background-size: contain;
    position: absolute;
    border-radius: 50%;
    height:10rem;
    width:10rem;
    padding: 0;
    top: -5rem;
    right:0;
    box-shadow: 1px 1px 10px #333;
}
.home .blockthree h2, .blockthree h1 {
    font-size: 2.5rem;
    font-weight: bold;
}
.blockthree p.stoerer a {
    color:#fff;
    font-weight: normal;
}

.newsletter {
    padding: 6rem 0 2rem 0;
    position: relative;
    margin: 0 -600rem;
    background: var(--highlightcolor);
    border-left: 600rem solid var(--highlightcolor);
    border-right: 600rem solid var(--highlightcolor);
}
.newsletter:before {
    content: "";
    background: url("https://trost-tropfen.ch/wp-content/themes/trosttropfen/images/newsletter-icon.png");
    background-size: contain;
    position: absolute;
    border-radius: 50%;
    height:10rem;
    width:10rem;
    padding: 0;
    top: -5rem;
    left: 50%;
    transform: translateX(-5rem);
    box-shadow: 1px 1px 10px #333;
}
.newsletter .button[type="submit"], .newsletter .input {
    display: inline-block;
    border: 1px solid #fff;
    padding: .5rem 1rem;
    color:var(--highlightcolor) !important;
    background-color: #fff;
    font-weight: bold;
}
.newsletter .input {
    margin-top:1rem;
    width:30rem;
}
.newsletter .button[type="submit"]:hover {
    transform: scale(1.025);
}
.newsletter h1, .newsletter h2, .newsletter h3, .newsletter a, .newsletter p {
    color:#fff;
}
.home .newsletter h2, .newsletter h1 {
    font-size: 2rem;
    font-weight: bold;
}
.newsletter .haet-cleverreach {
    text-align: center;
}
.newsletter .haet-cleverreach .message-success, .newsletter .haet-cleverreach .message-error {
    color: #fff;
    font-weight: bold;
    font-size: 1.5rem;
}

.newsletter #haet-cleverreach-cleverreach_email {
    width: 100%;
    margin: 1rem 0;
    padding: .5rem 1rem;
}
.newsletter #haet-cleverreach-GLOBAL_firstname {
    width: 100%;
    margin: 1rem 0;
    padding: .5rem 1rem;
}

.wp-block-group ul, .single-post article ul {
    padding-left: 1.25rem;
}
.wp-block-group ol, .single-post article ol {
    padding-left: 2.25rem;
}

.wp-block-group ul li, .single-post article ul li {
    list-style-type: disc;
    list-style-position: outside;
    padding-left: 1rem;
}
.wp-block-group ul li ul li, .single-post article ul li ul li {
    list-style-type: circle;
}
.wp-block-group ol li, .single-post article ol li {
    list-style-type: decimal;
    list-style-position: outside;
    padding-left: 0;
}
.wp-block-group ol li::marker, .single-post article ol li::marker {
    font-weight: bold;
}
.foto-gross {
    position: absolute;
    height:15rem;
    width:15rem;
    padding: 0;
    top: -7.5rem;
    left: 50%;
    transform: translateX(-7.5rem);
}
.foto-gross img {
    border-radius: 50%;
    box-shadow: 1px 1px 10px #333;
}

.foto-gross-eckig {
    position: absolute;
    height:15rem;
    width:28rem;
    padding: 0;
    left: 50%;
    top: -7.5rem;
    transform: translateX(-14rem);
}
.foto-gross-eckig img {
    box-shadow: 1px 1px 10px #333;
}

.abstand-unten {
    padding-bottom: 8rem;
}
.abstand-unten-gross {
    padding-bottom: 10rem;
}
.abstand-oben-gross {
    padding-top: 10rem;
}
.kein-abstand {
    padding-top: 0rem;
    padding-bottom: 0rem;
}
.wp-block-image {
    margin-bottom: 0;
    line-height: 0;
}

ul.angebote {
    padding-left: 0;
}
ul.angebote + ul.angebote {
    margin-top: -1rem;
}
ul.angebote li {
    list-style-type: none;
    list-style-position: inside;
    padding-left: 0;
}
ul.angebote li a {
    display: block;
    padding: .5rem 0 .5rem 3.5rem;
    border-bottom: 1px dotted var(--textcolor);
    position: relative;
}
ul.angebote.angebote-beate li a {
    color: var(--highlightcolor);
}
ul.angebote.angebote-beate li a:before {
    content: "";
    background: url("https://nuwelis.de/wp-content/themes/nuwelis/images/beateminiicon.png");
    background-size: contain;
    background-repeat: no-repeat;
    height: 1.5rem;
    width: 3rem;
    position: absolute;
    left: 0;
    top: .7rem;
    transition: all .3s;
}
ul.angebote.angebote-beate li:hover a:before {
    height: 2rem;
    width: 4rem;
    top: .45rem;
    left: -.25rem;
}
ul.angebote.angebote-gerhard li a:before {
    content: "";
    background: url("https://nuwelis.de/wp-content/themes/nuwelis/images/gerhardminiicon.png");
    background-size: contain;
    background-repeat: no-repeat;
    height: 1.5rem;
    width: 3rem;
    position: absolute;
    left: 0;
    top: .7rem;
    transition: all .3s;
}
ul.angebote.angebote-gerhard li:hover a:before {
    height: 2rem;
    width: 4rem;
    top: .45rem;
    left: -.25rem;
}
ul.angebote.angebote-gerhard li a {
    color: var(--blockonedark);
}
ul.angebote.angebote-beide li a {
    color: var(--blocktwodark);
}
ul.angebote.angebote-beide li a:before {
    content: "";
    background: url("https://nuwelis.de/wp-content/themes/nuwelis/images/beideminiicon.png");
    background-size: contain;
    background-repeat: no-repeat;
    height: 1.5rem;
    width: 3rem;
    position: absolute;
    left: 0;
    top: .7rem;
    transition: all .3s;
}
ul.angebote.angebote-beide li:hover a:before {
    height: 2rem;
    width: 4rem;
    top: .45rem;
    left: -.5rem;
}
ul.angebote li:first-child a {
    border-top: 1px dotted var(--textcolor);
}
ul.angebote + ul.angebote li:first-child a {
    border-top: 0;
}
ul.angebote + h2 {
    margin-top: 3rem;
}
ul.angebote li a:hover {
    color: var(--highlightcolor);
}

/* Single product page */

.single-product .product {
    position: relative;
    display: table;
    width: 100%;
    margin-bottom: 3rem;
}

.single-product .woocommerce-product-gallery {
    width:100%;
    float:none;
    padding-right: 0rem;
}
.single-product .woocommerce-product-gallery div {
    width:30%;
    margin-right: 5%;
    margin-bottom: 1rem;
    float: left;
    padding-bottom: 30%;
    position: relative;
}
.single-product .woocommerce-product-gallery div:first-of-type {
    width:100%;
    padding-bottom: 100%;
}
.single-product .woocommerce-product-gallery div:nth-of-type(3n+1) {
    margin-right: 0;
}
.single-product .woocommerce-product-gallery div:nth-of-type(5) {
    clear: both;
}
.single-product .woocommerce-product-gallery figure {
    margin: 0;
}
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image a {
    position: absolute;
    width: 100%;
    height: 100%;
}
.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image img {
    position: absolute;
    width: 100%;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    box-shadow: 1px 1px 7px #999;
}
.single-product .woocommerce-product-gallery div:first-of-type img, .single-product .woocommerce-product-gallery div:nth-of-type(2) img {
    box-shadow: none;
}
.single-product article > h1 {
    display: none;
}
.single-product .summary {
    width:100%;
    float:none;
    clear: both;
}
h1 {
    margin-bottom: 0;
}
.summary h2 {
    margin-top: 0;
}
.summary p {
}
.summary small {
    line-height: 1rem;
}
.urheber:after {
    content: ",";
}
.urheber:last-child:after {
    content: "";
}
.book-meta {
    font-size: .8rem;
    font-weight: bold;
    line-height: 1.25rem;
    border-top: 1px dotted var(--highlightcolor);
    border-bottom: 1px dotted var(--highlightcolor);
    display: inline-block;
    padding: .5rem 0;
}
.book-excerpt {
    font-size: .8rem;
    line-height: 1.25rem;
    display: none;
}
.summary .price {
    font-size: 2rem;
    color: var(--blockonedark);
}
.woocommerce_de_versandkosten, .woocommerce-de_price_taxrate, .shipping_de span {
    font-size: .8rem;
    line-height: 1.25rem;
}
.summary input, .summary button {
    padding: .5rem 1rem;
    float: left;
    line-height: 1.5rem;
}
.summary input {
    width: 4rem;
    margin-right: 1rem;
}
.single-product form.cart::after {
    content: "";
    height: 5rem !important;
    display: block;
}
.single-product .product-description {
    clear: both;
    padding-top: 2rem;
    border-top: 1px dotted var(--highlightcolor);
}
.single-product .product-description ul li {
    list-style-type: disc;
    list-style-position: outside;
    padding-left: 1rem;
}
.single-product .product-description ul + h2, .single-product .product-description p + h2 {
    margin-top: 3rem;
}
.single-product .product-description p, .page article p {
    font-family: "NotoSerif",serif;
}
.single-product .autorbio, .single-product .leseprobe {
    padding-top: 2rem;
    margin-top: 2rem;
    border-top: 1px dotted var(--highlightcolor);
}

/* CF7 forms */

.wpcf7-form label {
    font-size: 1.2rem;
}
.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form select, .wpcf7-form textarea {
    width: 100%;
}
.wpcf7-form .big-button {
    font-size: 1.5rem;
    padding: .5rem;
    font-weight: normal;
    background-color: var(--blocktwodark);
    border-color: var(--blocktwodark);
    color: #fff;
}
.wpcf7-form .big-button:hover {
    background-color: var(--blockonedark);
    border-color: var(--blockonedark);
    color: #fff;
}
.wpcf7-list-item {
    margin: 0rem;
}
.wpcf7-list-item label {
    font-size: .85rem;
}


/* Catalogue */

p.price {
    font-family: "NotoSans",sans-serif !important;
}

.added_to_cart.wc-forward {
    display: none !important;
}

.woocommerce {
    width:100%;
}
.archive.woocommerce-shop .page-layout {
    display:flex;
    flex-direction: column;    
}
.archive.woocommerce-shop article a h2 {
    margin-left: 0;
}
.woocommerce ul.products {
    width:100%;
}
.woocommerce ul.products li.product h2 {
    min-height: 2.5rem;
    font-size: 1.2rem;
    text-transform: unset;
    margin-top:1rem;
    line-height:1.25rem;
    font-weight: normal;
}
.woocommerce ul.products li.product h2 small {
    font-size: 1rem;
}
.woocommerce ul.products li.product a {
    position: relative;
}
.woocommerce ul.products li.product a img {
    transition: all .2s ease;
    width:100%;
    height:auto;
    border-radius: 5px;
    background-color: #e9dbd6;
}
.woocommerce ul.products li.product:hover a img {
    transition: all .2s ease;
    background-color:var(--blockonelight);
}
.woocommerce ul.products li.product {
    width:50%;
    float:left;
    text-align: left;
    padding-bottom:3rem;
    position: relative;
}
.woocommerce ul.products li.product p.price {
    margin:0rem 0 .5rem;
}
.woocommerce ul.products li.product:nth-of-type(even) {
    padding-left:2%;
}
.woocommerce ul.products li.product:nth-of-type(odd) {
    padding-right:2%;
    clear:both;
}
.woocommerce ul.products li.product .button {
    position: absolute;
    bottom: 3rem;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 0;
    text-align: center;
    background-color: unset;
    border-color: unset;
}
.woocommerce ul.products li.product .button:hover {
    background-color: unset;
    border-color: unset;
}
.woocommerce ul.products li.product:nth-of-type(even) .button {
    right: 0;
}
.woocommerce ul.products li.product:nth-of-type(odd) .button {
    right: 4%;
}
.woocommerce ul.products li.product .button svg {
    height: 2.5rem;
    width: 4rem;
    fill: var(--highlightcolor);
    padding: .35rem .25rem 0;
}
.woocommerce ul.products li.product .button:hover svg {
    fill: var(--blockonedark);
}
.woocommerce ul.products li.product.featured a.woocommerce-LoopProduct-link:before {
    content: "NEU";
    position: absolute;
    top: -1.5rem;
    right: 1rem;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    background-color: var(--blockonedark);
    width: 3rem;
    height: 3rem;
    font-size: 1rem;
    line-height: 1rem;
    font-weight: bold;
    padding-top: .9rem;
    text-transform: uppercase;
    color: #fff;
    transform: rotate(-5deg);
    border: 2px dotted #fff;
    transition: all .5s;
    z-index: 1;
}


/* Catalogue pagination */

.woocommerce-pagination {
    width:100%;
    display:block;
    text-align: center;
    border-top:1px dotted var(--highlightcolor);
    clear:both;
}
.woocommerce-pagination .page-numbers li {
    display:inline-block;
    margin-top:1rem;
    line-height:unset;
}
.woocommerce-pagination .page-numbers li a {
    color:var(--highlightcolor);
    border:1px solid var(--highlightcolor);
    display:inline-block;
    padding:5px;
    border-radius: 4px;
    width:1.8rem;
    height:1.8rem;
    transition: all .3s ease;
}
.woocommerce-pagination .page-numbers li a:hover {
    color:var(--blocktwodark);
    border:1px solid var(--blocktwodark);
    transition: all .3s ease;
}
.woocommerce-pagination .page-numbers li span.current {
    color:#fff;
    background-color:var(--blocktwodark);
    border:1px solid var(--blocktwodark);
    display:inline-block;
    padding:5px;
    border-radius: 4px;
    width:1.8rem;
    height:1.8rem;
}

/* Account page */
#customer_login .col-1 {
    margin: 0;
    margin-bottom:2rem;
    width: 100%;
}
#customer_login .col-2 {
    border:1px solid var(--blocktwodark);
    border-radius: 4px;
    padding:1rem;
    margin: 0;
    width: 100%;
}
#customer_login input {
    width: 100%;
}
#customer_login input[type="checkbox"] {
    display: inline-block;
    margin-right: .5rem;
    width: auto;
}
#customer_login button[type="submit"] {
    margin-top: .725rem;
}


/* Hide/customize Steuer/Versand in shop-view */

.woocommerce ul.products li.product .wgm-info {
  font-size: .6rem;
  line-height: .8rem;
  color: #aaa;
}
.woocommerce ul.products li.product .wgm-info a {
  color: #aaa;
}
.woocommerce ul.products li.product .wgm-info.shipping_de {
  display: none;
}

/* Sidecart */

#trotro_sidecart {
    position:fixed;
    width:300px;
    height:100vh;
    top:0;
    right:-310px;
    padding:0 1rem 1rem 1rem;
    background-color:#fff;
    transition: right .5s;
    box-shadow: 0 0 5px #333;
    z-index:20;
    overflow-y:scroll;
    overflow-x:hidden;
}
#trotro_sidecart.show-sidecart {
    right:0 !important;
    transition: right .5s;
}
.sidecart-overlay {
    position:absolute;
    width:calc(100% - 300px);
    height:100%;
    visibility:hidden;
    transition: visibility .5s;
    top:0;
}
.sidecart-overlay-button {
    position:fixed;
    width:300px;
    height:3.75rem;
    top:0;
    right:0;
    visibility:hidden;
    transition: visibility .5s;
    z-index:30;
}
.sidecart-overlay-button.active {
    visibility:visible;
    transition: visibility .5s;
}
.sidecart-overlay {
    position:absolute;
    width:calc(100% - 300px);
    height:100%;
    visibility:hidden;
    transition: visibility .5s;
}
.sidecart-overlay.active {
    visibility:visible;
    transition: visibility .5s;
}
.sidecart-content {
    position: relative;
}
.sidecart-content p, .sidecart-content .woocommerce-mini-cart-item {
    line-height:1rem;
}
.sidecart-content .woocommerce-mini-cart-item a:nth-of-type(2), .woocommerce-cart .product-name a {
    color:var(--textcolor);
    font-weight: bold;
    font-size: .9rem;
}
.sidecart-content .woocommerce-mini-cart-item {
    border-top:1px dotted var(--blockonedark);
    padding:1rem 0;   
    position: relative;
}
a.remove {
    position: absolute;
    top:1rem;
    left:0;
    color:#fff;
    background-color:var(--highlightcolor);
    border-radius: 50%;
    width:16px;
    height:16px;
    text-align: center;
    font-size: 1rem;
    line-height: .9rem;
}
a.remove:hover {
    background-color:var(--blocktwodark);
}
.sidecart-content .woocommerce-mini-cart-item:first-of-type a.remove {
    top:0;
}
.sidecart-content .woocommerce-mini-cart-item:first-of-type {
    border-top:unset;
    padding-top:0;
}
.sidecart-content li a img {
    float:left;
    width:75px;
    height:auto;
    margin-left:-10px;
}
.sidecart-content .quantity {
    display: block;
}
.sidecart-content .variation, .sidecart-content .quantity, .sidecart-content .wgm-info {
    margin-left:65px;
}
.sidecart-content .variation dt, .sidecart-content .variation dd p, .woocommerce-cart .variation dt, .woocommerce-cart .variation dd p {
    font-size:.7rem;
}
.sidecart-content .total {
    border-top:2px dotted var(--blockonedark);
    margin-top:0;
    padding-top: 1rem;
}
.sidecart-content .woocommerce-de_price_taxrate, .sidecart-content .jde_hint {
    font-size: .7rem;
    line-height: 1.25rem;
}
.sidecart-content .variation dt, .woocommerce-cart .variation dt {
    float:left;
    margin-right:.25rem;
}
.sidecart-buttons {
    position:sticky;
    z-index:30;
    top:0;
    padding-top:1rem;
    background-color: #fff;
}
.sidecart-buttons a.button, .sidecart-buttons button {
}
.sidecart-content a.button, .sidecart-content button {
    width:100%;
    text-align:center;
    margin-bottom:.5rem;
    line-height: 1.725rem;
}
.sidecart-content button.back-to-shop {
    color: var(--blockonedark) !important;
    background-color:#fff;
    border:2px solid var(--blockonedark);
    z-index:30;
}
.sidecart-content button.back-to-shop:hover {
    color: var(--blocktwodark) !important;
    background-color:#fff;
    border:2px solid var(--blocktwodark);
}


.sidecart-content .woocommerce-mini-cart__buttons {
    margin-bottom: 0;
}

/* Cart */
.woocommerce-cart .shop_table {
    width: 100%;
    max-width: 100%;
    overflow-wrap: break-word;
}
.woocommerce-cart .product-remove {
    position: relative;
    width: 0;

}
.woocommerce-cart .product-remove a.remove {
    top: 10px;
}
.woocommerce-cart .product-thumbnail img {
    width:50px;
    height:auto;
}
.woocommerce-cart .shop_table th {
    border-bottom:1px solid var(--blockonedark);
    padding: .5rem 0 .5rem .5rem;
    font-weight: normal;
    font-size: .8rem;
    text-transform: uppercase;
    text-align: right;
}
.woocommerce-cart .shop_table th.product-subtotal {
    -ms-hyphens: manual;
    -moz-hyphens: manual;
    -webkit-hyphens: manual;
    hyphens: manual;
}
.woocommerce-cart .cart_item td {
    border-bottom:1px dotted var(--blockonedark);
    padding: .5rem 0 .5rem .5rem;
    text-align: right;
}
.woocommerce-cart tr {
    vertical-align: top;
}
.woocommerce-cart .cart_item td.product-thumbnail {
    text-align: center;
}
.woocommerce-cart .shop_table th.product-name, .woocommerce-cart .cart_item td.product-name {
    text-align: left;
}
.woocommerce-cart .variation {
    margin: 0;
}
.woocommerce-cart .variation dt, .woocommerce-cart .variation dd {
    margin: 0;
    display: inline-block;
    float: unset;
}
.woocommerce-cart .variation dt, .woocommerce-cart .variation dd p {
    line-height: 0rem;
    white-space: nowrap;
}
.woocommerce-cart input[type="number"] {
    width: 3rem;
}
.woocommerce-cart .cart_item .product-name a, .woocommerce-cart .cart_item .product-price, .woocommerce-cart .cart_item .product-quantity, .woocommerce-cart .cart_item .product-subtotal, .woocommerce-cart .cart_item .product-tax {
    font-size: .8rem;
}
.woocommerce-cart .product-tax {
    display: none;
}
.woocommerce-cart button[name="update_cart"], .woocommerce-cart .cart_totals h2, .woocommerce-cart div.coupon:not(.above-proceed) { 
    display: none;
}
.woocommerce-cart .checkout-button {
    width: 100%;
    font-size: 1.5rem;
    margin-top: 1rem;
    padding: 1rem;
    text-align: center;
    text-transform: uppercase;
} 
.woocommerce-cart .cart-collaterals {
    width: 100%;
    float: right;
    overflow-wrap: break-word;
    margin-top: .25rem;
} 
.woocommerce-cart .cart_totals th {
    font-size: 1rem;
    padding-right: .5rem;
    width: 30%;
} 
.woocommerce-cart .cart_totals .order-total th {
    font-weight: bold;
} 
.woocommerce-cart .cart_totals td {
    text-align: right;
    padding: .5rem 0rem .5rem .5rem;
    width: 70%;
    border-bottom:1px solid var(--blockonedark);
}
.woocommerce-cart .cart_totals .woocommerce-shipping-methods label {
    font-size: 1rem !important;
}
.woocommerce-cart .cart_totals ul.woocommerce-shipping-methods {
    margin-top: 0;
    margin-bottom: 0;
}
.woocommerce-cart .cart_totals .woocommerce-shipping-methods .product-tax, .woocommerce-cart .cart_totals .wgm-tax {
    font-size: .8rem;
    display: block;
    font-style: italic;
    line-height: 1.5rem;
}
.woocommerce-cart .cart_totals .woocommerce-shipping-destination, .woocommerce-cart .cart_totals .shipping-calculator-button {
    font-size: .8rem;
    line-height: 1rem;
}
.woocommerce-cart .cart_totals .wc-cart-shipping-notice {
    text-align: right;
    line-height: 1rem;
}
.woocommerce-cart details {
    text-align: right;
    margin-top: 1rem;
}
.woocommerce-cart summary {
    color: var(--highlightcolor);
}
.woocommerce-cart .woocommerce-coupon-form {
    width: 100%;
    margin-top: 1rem;
}
.woocommerce-cart .wc-apa-button-separator {
    display: none !important;
}
.woocommerce-cart #pay_with_amazon {
    width: 100% !important;
    margin-top: 2rem;
}


/* Checkout-pages */

body.woocommerce-checkout #wpmc-back-to-cart,
body.woocommerce-checkout footer .payment-info,
body.woocommerce-checkout footer div.footer-widgets div.footer-widget-column:first-of-type,
body.woocommerce-checkout .burger-button,
body.woocommerce-checkout .navigation-menu,
body.woocommerce-checkout .search,
body.woocommerce-checkout .trotro-top-service-widget {
    display: none;
}
body.woocommerce-checkout {
    padding: 1rem;
    max-width: 500px;
    margin: auto;
    background-repeat:no-repeat;
    background: linear-gradient(45deg, #D4EFFC 0%, #fff 150%) fixed;
}
body.woocommerce-checkout .site {
    background:#fff;
}
body.woocommerce-checkout .site-header {
    position: relative;
    margin-bottom: 0;
}
body.woocommerce-checkout header #search {
    display: none;
}
body.woocommerce-checkout .woocommerce-billing-fields, body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper {
    border-bottom:1px dotted var(--blockonedark);
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}
body.woocommerce-checkout #billing_email_field {
    border-bottom:1px dotted var(--blockonedark);
    margin-bottom: 0;
    padding-bottom: 2rem;
}
body.woocommerce-checkout .woocommerce-account-fields {
    border-bottom:1px dotted var(--blockonedark);
    margin-bottom: 1rem;
}
body.woocommerce-checkout input[type="email"], body.woocommerce-checkout input[type="text"], body.woocommerce-checkout input[type="password"] {
    width: 100%;
    padding-top: .5rem;
    padding-bottom: .5rem;
}
body.woocommerce-checkout input[type="checkbox"] {
    margin-right: .5rem;
}
body.woocommerce-checkout p#billing_first_name_field, body.woocommerce-checkout p#shipping_first_name_field, body.woocommerce-checkout p#billing_last_name_field, body.woocommerce-checkout p#shipping_last_name_field {
    width: 48%;
    display: inline-block;
}
body.woocommerce-checkout p#billing_first_name_field, body.woocommerce-checkout p#shipping_first_name_field {
    margin-right: 4%;
}
body.woocommerce-checkout p#billing_postcode_field, body.woocommerce-checkout p#shipping_postcode_field {
    margin-right: 4%;
    width: 28%;
    display: inline-block;
}
body.woocommerce-checkout p#billing_city_field, body.woocommerce-checkout p#shipping_city_field {
    width: 68%;
    display: inline-block;
}
body.woocommerce-checkout p#billing_first_name_field, body.woocommerce-checkout p#shipping_first_name_field {
    margin-right: 4%;
}
body.woocommerce-checkout label.checkbox span {
    font-size: 1rem;
}
body.woocommerce-checkout button {
    padding: .75rem;
    width: 30%;
    font-size: 1.25rem;
}
body.woocommerce-checkout .wpmc-nav-wrapper button#wpmc-prev.current, body.woocommerce-checkout .wpmc-nav-wrapper button#wpmc-prev.current:hover {
    color: var(--highlightcolor) !important;
    border-color:#fff;
    background-color: #fff;
}
body.woocommerce-checkout .woocommerce-checkout-payment label {
    display: inline;
    font-size: 1rem;
}
body.woocommerce-checkout li.wc_payment_method {
    padding: .5rem 0;
}
body.woocommerce-checkout li.wc_payment_method label img {
    vertical-align: sub;
}
body.woocommerce-checkout .shop_table {
    width: 100%;
    max-width: 100%;
    overflow-wrap: break-word;
    -webkit-border-horizontal-spacing: 0;
    -webkit-border-vertical-spacing: 0;
    border-horizontal-spacing: 0;
    border-vertical-spacing: 0;
}
body.woocommerce-checkout .shop_table th {
    border-bottom: 1px solid var(--blockonedark);
    padding: .5rem 0 .5rem .5rem;
    font-weight: normal;
    font-size: .8rem;
    text-transform: uppercase;
    text-align: right;
}
body.woocommerce-checkout .shop_table th.product-name, body.woocommerce-checkout .shop_table td.product-name {
    text-align: left;
    padding-left: 0;
    line-height: 1.25rem;
}
body.woocommerce-checkout .shop_table td.product-name img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    width: 75px;
    height: auto;
}
body.woocommerce-checkout button[name="woocommerce_checkout_place_order"] {
    width: 100%;
    font-size: 1.5rem;
    margin-top: 1rem;
    padding: 1rem;
    text-align: center;
    text-transform: uppercase;
} 
body.woocommerce-checkout .shop_table tfoot {
    width: 100%;
    overflow-wrap: break-word;
    margin-top: 1rem;
} 
body.woocommerce-checkout .shop_table tfoot th {
    font-size: 1rem;
    padding: 0rem;
    width: 30%;
} 
body.woocommerce-checkout tfoot .order-total th {
    font-weight: bold;
    font-size: 1rem;
} 
body.woocommerce-checkout td {
    text-align: right;
    padding: .5rem 0rem .5rem .5rem;
    width: 70%;
    border-bottom:1px solid var(--blockonedark);
}
body.woocommerce-checkout tr {
    vertical-align: text-top;
}
body.woocommerce-checkout .woocommerce-shipping-totals label {
    font-size: 1rem !important;
}
body.woocommerce-checkout .woocommerce-shipping-totals .product-tax, body.woocommerce-checkout .product-tax {
    font-size: .8rem;
    display: block;
    font-style: italic;
    line-height: 1.5rem;
}
body.woocommerce-checkout dl.variation {
    margin: 0;
    font-size: .8rem;
    display: inline-block !important;
}
body.woocommerce-checkout .variation dt, body.woocommerce-checkout .variation dd {
    margin: 0;
    float: unset;
}
body.woocommerce-checkout .variation dt, body.woocommerce-checkout .variation dd p {
    line-height: 0rem;
    white-space: nowrap;
    font-size: .8rem;
}
body.woocommerce-checkout .woocommerce-shipping-totals ul {
    margin-top: 0;
    margin-bottom: 0;
}
body.woocommerce-checkout .order-total .woocommerce-Price-amount.amount {
    font-size: 1.25rem;
}
body.woocommerce-checkout .order-total .includes_tax, body.woocommerce-checkout .order-total .includes_tax .woocommerce-Price-amount.amount {
    font-size: .8rem;
    font-style: italic;
}
body.woocommerce-checkout label.checkbox span.woocommerce-terms-and-conditions-checkbox-text, body.woocommerce-checkout label.checkbox span.shipping-service-provider-checkbox-text, body.woocommerce-checkout .woocommerce-privacy-policy-text p, body.woocommerce-checkout .woocommerce-form__label-for-checkbox, body.woocommerce-checkout label.checkbox span.widerruf-digital-acknowledgement-checkbox-text {
    font-size: .8rem;
    line-height: 1rem !important;
}
body.woocommerce-checkout .woocommerce-form-login__rememberme {
    margin-bottom: 2rem;
}
body.woocommerce-checkout h3#ship-to-different-address {
    text-transform: unset;
}
body.woocommerce-checkout .wgm-digital-checkout-notice {
    color: var(--highlightcolor) !important;
}
body.woocommerce-checkout .wpmc-tabs-wrapper {
    margin: 2rem auto;
}
body.woocommerce-checkout .woocommerce-error li {
    color: var(--highlightcolor);
}
body.woocommerce-checkout #pay_with_amazon {
    width: 100% !important;
}
body.woocommerce-checkout .payment_method_paypal img {
    display: block;
}

/* Site-Footer */

.site-footer {
    width:100%;
    color:var(--textcolor);
    background-color: #d5cac3;
    text-transform: uppercase;
    letter-spacing: .1rem;
}
.footer-widgets {
    padding-top:1rem;
    text-align: center;
    font-family: "NotoSansCond", sans-serif;
}
.footer-widget-column {
    width: 100%;
    padding-right: 0em;
    padding-bottom:1rem;
    box-sizing: border-box;
}
.footer-widget-column:last-of-type {
    padding-right: 0;
}
.footer-widget-column h3 {
    font-size:1.2rem;
    line-height: 1.475rem;
    color:var(--textcolor);
    margin-bottom: 0;
    font-weight: bold;
    text-transform: uppercase;
}
.footer-widget-column h3 + div p:first-of-type {
    margin-top: 1.6rem;
}
.footer-widget-column p, .footer-widget-column li a {
    font-size: 0.75rem;
}
.footer-widget-column:first-of-type p, .footer-widget-column:first-of-type li a {
    font-size: 0.75rem;
}
.footer-widget-column li a {
    color:var(--textcolor);
}
.footer-widget-column li a:hover {
    color:var(--highlightcolor);
}

a.social-footer {
    margin:.4rem 1rem 0 0;
    display: inline-block;
}
a.social-footer:last-child {
    margin-right:0;
}

a.social-footer svg {
    fill:var(--textcolor);
    height:1.5rem;
    width:auto;
    transition: all .3s ease;
    vertical-align: middle;
}
a.social-footer svg:hover {
    fill:var(--highlightcolor);
    transition: all .3s ease;
}

.payment-info {
    clear:both;
    width:100%;
    text-align: center;
    padding:1rem 0;
    margin:0;
    border-top: 1px dotted var(--textcolor);
}
.payment-info p {
    font-size: .8rem;
}
.payment-info ul {
    margin:.5 0;
}
.payment-info li {
    display:inline-block;
    margin:.25rem;
}
.payment-icon {
    fill:var(--textcolor);
    height:1.75rem;
    width:auto;
    margin:0 1rem;
}
p.copyright-info {
    font-family: "NotoSansCond",san-serif;
    font-size: .8rem;
    width:100%;
    text-align: center;
    padding:1rem 0;
    margin:0;
    border-top: 1px dotted #fff;
    color: #fff;
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    
    .wp-block-column {
        margin-top: unset;
    }
    .wp-block-column:first-of-type {
        margin-bottom: unset;
    }

    /* Account page */
    #customer_login .col-1 {
        float: left;
        padding-right: 1rem;
        width: 50%;
    }
    #customer_login .col-2 {
        width: 50%;
        float: right;
    }

    /* Cart page */
    

    /* Checkout page */
    body.woocommerce-checkout button {
        width: 100%;
    }
    body.woocommerce-checkout tfoot .order-total th, body.woocommerce-checkout .order-total .woocommerce-Price-amount.amount {
        font-size: 1.25rem;
    } 
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .trotro-top-service-widget .textwidget {
        padding: 0 2.5rem;
    }
    .trotro-top-service-widget p {
        text-align:left;
        float:left;
        width:50%;
    }
    .trotro-top-service-widget p:last-of-type {
        display:block;
        float:right;
    }  
    header .logo {
        position:relative;
        height: 50px;
        left:0rem;
        transform: unset;
        margin-bottom: 25px;
    }    
    header .shopicons {
        padding:1.4rem 0 1.4rem;
    }
    header .shopicons svg, header #search svg {
        height:1.1rem;
        width:1.1rem;
    }

    #search {
        position: relative;
        float: left;
        width: auto;
        top: unset;
    }
    #search input[type=search] {
        background-color:unset;
        border: 0px;
        margin-right: 2rem;
        padding-left:1rem;
        width: 10.5rem;
    }
    #search button {
        background-color:unset;
        border: 0px;
        position: absolute;
        top:.3rem;
        right: 0;
    }
    #search input::placeholder {
        font-size: 1rem;
    }
    #searchform, .woocommerce-product-search {
        position: relative;
        border-radius: 5px;
        background-color: var(--blockonelight);
        margin-top: 0.1rem;
        margin-left: 5px;
        padding: .25rem 0 .1rem;
    }
    .search .excerpt_part strong {
        color:var(--highlightcolor);
    }

    .burger-button {
        display:none
    }
    .navigation-menu {
        position:relative;
        float: right;
        top:unset;
        left:unset;
        background-color: unset;
        width:auto;
        margin-left:0rem;
        margin-right:0rem;
        height:auto;
        overflow: unset;
    }
    .navigation-menu .menu {
        margin:.75rem;
        padding: 1rem 0 0;
        line-height:1.2rem;
        border-top:unset;
        overflow-x: unset;
        overflow-y: unset;
    }
    .navigation-menu .menu li {
        display: inline-block;
        padding-right:15px;
        padding-top: .15rem;
        font-size: 1rem;
        text-transform: uppercase;
        line-height: 1.725rem;
        position: relative;
    }
    .navigation-menu .menu li.menu-item-has-children a:after {
        content: "\2193";
        color: var(--highlightcolor);
        padding-left: .25rem;
        transition: all .3s;
    }
    .navigation-menu .menu li.menu-item-has-children:hover a:after {
        color:var(--highlightcolor);
    }
    .navigation-menu .menu li:last-child {
    }
    .navigation-menu .menu li a {
        color:var(--blocktwodark);
        transition:all .3s;
    }
    .navigation-menu .menu li a:hover {
        color:var(--highlightcolor);
    }
    .navigation-menu .sub-menu {
        display:none;
    }
    .navigation-menu .menu li:hover .sub-menu {
        display:block;
        position: absolute;
        left: 0;
        background-color: var(--highlightcolor);
    }
    .navigation-menu .menu li:hover .sub-menu li, .navigation-menu .menu li:hover .sub-menu li:last-child {
        display: block;
        white-space: nowrap;
        padding-right:0;
        padding-top: .5rem;
        font-size: 1rem;
        text-transform: uppercase;
        line-height: 1.725rem;
        position: relative;
        border: 0px;
    }
    .navigation-menu .menu .sub-menu li a {
        color: #fff;
    }
    .navigation-menu .menu .sub-menu li a:hover {
        color:var(--blockonelight);
    }
    .navigation-menu .menu li:hover .sub-menu li a:after {
        content: "";
        padding: 0;
    }

    .site-content {
        position:relative;
        display:table;
    }

    /* Page */

    .top-img img {
        margin-top:0rem;
    }

    .ueberlappend {
        margin-top: -20rem !important;
    }
    .ueberlappend .wp-block-column {
        margin-bottom: 4rem;
    }
    .ueberlappend p.zitat {
        margin-top: 2rem;
    }

    .ueberlappend-buch {
        margin-top: -15rem !important;
    }
    .ueberlappend-buch .wp-block-column {
        margin-bottom: 2rem;
    }

    .buch {
        margin: 0 auto;
        width: 100%;
    }

    .zitat {
        font-size: 1.75rem;
        line-height: 2.75rem;
    }
    .home .zitat, .home .zitierter {
        text-align: left;
        padding-top: 4rem;
    }
    .stoerer, .ueberlappend .stoerer {
        position: absolute;
        top:2rem;
        left:unset;
        margin: 0;
    }
    .stoerer.up {
        position: absolute;
        top:-7rem;
        margin: 0;
    }
    .stoerer.rechts {
        right:5rem;
    }
    .stoerer.links {
        left:5rem;
    }
    .stoerer.gross.rechts {
        right:2rem;
    }
    .stoerer.gross.links {
        left:2rem;
    }
    .stoerer.rechts-aussen {
        right:-3.5rem;
    }

    .newsletter #haet-cleverreach-cleverreach_email {
        width: 66%;
    }
    .newsletter #haet-cleverreach-GLOBAL_firstname {
        width: 33%;
    }

    .page article h1,
    .page article h2,
    .page article h3,
    .page article h4,
    .page article p:not(.zitat),
    .page article ul,
    .search article h1,
    .search article h2,
    .search article p {
        max-width: 850px;
        margin-left: auto;
        margin-right: auto;
    }

    .wp-singular article h1 span {
        display: block;
        font-size: 1.75rem;
    }

    /* archive & single */
    
    .archive article {
        border-top:none;
    }

    .blog-main {
        width:calc(100% - 15rem);
        float:left;
        postion:relative;
    }

    .sidebar {
        width:12.5rem;
        float:right;
        position: sticky;
        top:7rem;
        margin-right:1rem;
        text-align: left;
    }

    .blog-content, .archive article a h2, .single-post article a h2 {
        margin-left: 8rem;
    }

    .archive article a h2, 
    .single-post article a h2,
    .archive article h2, 
    .single-post article h2, 
    .archive article h3, 
    .single-post article h3, 
    .archive article p.more-link, 
    .single-post .blog-main article .button, 
    .archive .blog-main article .button, 
    .single-post article .meta,
    .archive article .meta{
        text-align: left;
    }
    .archive article:first-of-type a h2, .single-post article:first-of-type a h2 {
        border-top: 0px;
    }

    .blogdate {
        float: left;
        margin:unset;
    }


    /* single product */
    .single-product .woocommerce-product-gallery {
        width:calc(50% - 3rem);
        float:left;
    }
    .single-product .summary {
        width:50%;
        float:right;
        clear: unset;
    }

    /* Catalogue */
    
    .woocommerce ul.products li.product {
        width:33.33333%;
    }
    .woocommerce ul.products li.product:nth-of-type(even) {
        padding-left:0%;
    }
    .woocommerce ul.products li.product:nth-of-type(odd) {
        padding-right:0%;
        clear:unset;
    }
    .woocommerce ul.products li.product:nth-of-type(3n+1) {
        padding-right:1%;
        clear:both;
    }
    .woocommerce ul.products li.product:nth-of-type(3n+2) {
        padding-right:.5%;
        padding-left:.5%;
    }
    .woocommerce ul.products li.product:nth-of-type(3n+3) {
        padding-left:1%;
    }
    .woocommerce ul.products li.product:nth-of-type(even) .button {
        right: 0;
    }
    .woocommerce ul.products li.product:nth-of-type(odd) .button {
        right: 0;
    }
    .woocommerce ul.products li.product:nth-of-type(3n+1) .button {
        right: 3%;
    }
    .woocommerce ul.products li.product:nth-of-type(3n+2) .button {
        right: 1.5%;
    }
    .woocommerce ul.products li.product:nth-of-type(3n+3) .button {
        right: 0;
    }

    /* Cart */
    .woocommerce-cart .product-thumbnail img {
        width:100px;
    }
    .woocommerce-cart input[type="number"] {
        width: 3.5rem;
    }
    .woocommerce-cart .cart_item .product-name a, .woocommerce-cart .cart_item .product-price, .woocommerce-cart .cart_item .product-quantity, .woocommerce-cart .cart_item .product-subtotal, .woocommerce-cart .cart_item .product-tax {
        font-size: 1rem;
    }
    .woocommerce-cart .product-tax {
        display: table-cell;
    }
    .woocommerce-cart .cart-collaterals {
        width: 50%;
    } 


    /* Footer */  
    .payment-info li {
        margin:.5rem;
    }
    .payment-icon {
        height:2.5rem;
    }
    body.woocommerce-checkout footer div.footer-widgets {
        display: block;
        text-align: center;
    }
    body.woocommerce-checkout footer div.footer-widgets div.footer-widget-column {
        width: 100%;
        padding-right: 0em;
        float: unset;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    header, .trotro-top-service-widget .textwidget, .inner-footer {
        max-width: 1000px;
        margin:auto;
    }
    .site-content {
        margin-top:0rem;
        max-width: calc( 1000px + 2rem);
    }
    /* page */
    .newsletter #haet-cleverreach-cleverreach_email {
        width: 50%;
    }
    /* single product */
    .book-excerpt {
        display: block;
    }
    /* CF7 forms */
    .wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form select, .wpcf7-form textarea {
        width: 66%;
    }

    /* Catalogue */
    .woocommerce ul.products li.product {
        width:25%;
    }
    .woocommerce ul.products li.product:nth-of-type(even) {
        padding-left:0%;
    }
    .woocommerce ul.products li.product:nth-of-type(odd) {
        padding-right:0%;
    }
    .woocommerce ul.products li.product:nth-of-type(3n+1) {
        padding-right:0%;
        clear:unset;
    }
    .woocommerce ul.products li.product:nth-of-type(3n+2) {
        padding-right:0%;
        padding-left:0%;
    }
    .woocommerce ul.products li.product:nth-of-type(3n+3) {
        padding-left:0%;
    }
    .woocommerce ul.products li.product:nth-of-type(4n+1) {
        padding-right:1.5%;
        clear:both;
    }
    .woocommerce ul.products li.product:nth-of-type(4n+2) {
        padding-left:.5%;
        padding-right:1%;
    }
    .woocommerce ul.products li.product:nth-of-type(4n+3) {
        padding-left:1%;
        padding-right:.5%;
    }
    .woocommerce ul.products li.product:nth-of-type(4n+4) {
        padding-left:1.5%;
    }

    .woocommerce ul.products li.product:nth-of-type(even) .button {
        right: 0;
    }
    .woocommerce ul.products li.product:nth-of-type(odd) .button {
        right: 0;
    }
    .woocommerce ul.products li.product:nth-of-type(3n+1) .button {
        right: 0;
    }
    .woocommerce ul.products li.product:nth-of-type(3n+2) .button {
        right: 0;
    }
    .woocommerce ul.products li.product:nth-of-type(3n+3) .button {
        right: 0;
    }
    .woocommerce ul.products li.product:nth-of-type(4n+1) .button {
        right: 6%;
    }
    .woocommerce ul.products li.product:nth-of-type(4n+2) .button {
        right: 4%;
    }
    .woocommerce ul.products li.product:nth-of-type(4n+3) .button {
        right: 2%;
    }
    .woocommerce ul.products li.product:nth-of-type(4n+4) .button {
        right: 0;
    }

    /* Cart page */    
    .woocommerce-cart #wc-stripe-payment-request-wrapper {
        width: 50% !important;
        float: right;
    }
    .woocommerce-cart #pay_with_amazon {
        width: 50% !important;
        float: right;
    }

    /* Account page */
    #customer_login input {
        width: 50%;
    }

    /* Footer */       
   
}

/* Extra large devices (large desktops, 1000px and up) */
@media (min-width: 1000px) {
    
}