@font-face {
    font-family: SourceSansPro;
    font-style: normal;
    font-weight: 400;
    src: url(../../../../../../../../../themes/wordpress-theme-atomion/assets/fonts/source-sans-pro-v11-latin/source-sans-pro-v11-latin-regular.eot);
    src: local('SourceSansProRegular'),local('SourceSansPro-Regular'),url(../../../../../../../../../themes/wordpress-theme-atomion/assets/fonts/source-sans-pro-v11-latin/source-sans-pro-v11-latin-regular.eot?#iefix) format('embedded-opentype'),url(../../../../../../../../../themes/wordpress-theme-atomion/assets/fonts/source-sans-pro-v11-latin/source-sans-pro-v11-latin-regular.woff2) format('woff2'),url(../../../../../../../../../themes/wordpress-theme-atomion/assets/fonts/source-sans-pro-v11-latin/source-sans-pro-v11-latin-regular.woff) format('woff'),url(../../../../../../../../../themes/wordpress-theme-atomion/assets/fonts/source-sans-pro-v11-latin/source-sans-pro-v11-latin-regular.ttf) format('truetype'),url(../../../../../../../../../themes/wordpress-theme-atomion/assets/fonts/source-sans-pro-v11-latin/source-sans-pro-v11-latin-regular.svg#SourceSansPro) format('svg');
    font-display: swap
}

@font-face {
    font-family: SourceSansPro;
    font-style: normal;
    font-weight: 600;
    src: url(../../../../../../../../../themes/wordpress-theme-atomion/assets/fonts/source-sans-pro-v11-latin/source-sans-pro-v11-latin-600.eot);
    src: local('SourceSansProSemiBold'),local('SourceSansPro-SemiBold'),url(../../../../../../../../../themes/wordpress-theme-atomion/assets/fonts/source-sans-pro-v11-latin/source-sans-pro-v11-latin-600.eot?#iefix) format('embedded-opentype'),url(../../../../../../../../../themes/wordpress-theme-atomion/assets/fonts/source-sans-pro-v11-latin/source-sans-pro-v11-latin-600.woff2) format('woff2'),url(../../../../../../../../../themes/wordpress-theme-atomion/assets/fonts/source-sans-pro-v11-latin/source-sans-pro-v11-latin-600.woff) format('woff'),url(../../../../../../../../../themes/wordpress-theme-atomion/assets/fonts/source-sans-pro-v11-latin/source-sans-pro-v11-latin-600.ttf) format('truetype'),url(../../../../../../../../../themes/wordpress-theme-atomion/assets/fonts/source-sans-pro-v11-latin/source-sans-pro-v11-latin-600.svg#SourceSansPro) format('svg');
    font-display: swap
}

@font-face {
    font-family: SourceSansPro;
    font-style: normal;
    font-weight: 700;
    src: url(../../../../../../../../../themes/wordpress-theme-atomion/assets/fonts/source-sans-pro-v11-latin/source-sans-pro-v11-latin-700.eot);
    src: local('SourceSansProBold'),local('SourceSansPro-Bold'),url(../../../../../../../../../themes/wordpress-theme-atomion/assets/fonts/source-sans-pro-v11-latin/source-sans-pro-v11-latin-700.eot?#iefix) format('embedded-opentype'),url(../../../../../../../../../themes/wordpress-theme-atomion/assets/fonts/source-sans-pro-v11-latin/source-sans-pro-v11-latin-700.woff2) format('woff2'),url(../../../../../../../../../themes/wordpress-theme-atomion/assets/fonts/source-sans-pro-v11-latin/source-sans-pro-v11-latin-700.woff) format('woff'),url(../../../../../../../../../themes/wordpress-theme-atomion/assets/fonts/source-sans-pro-v11-latin/source-sans-pro-v11-latin-700.ttf) format('truetype'),url(../../../../../../../../../themes/wordpress-theme-atomion/assets/fonts/source-sans-pro-v11-latin/source-sans-pro-v11-latin-700.svg#SourceSansPro) format('svg');
    font-display: swap
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 300;
    src: url(../../../../../../../../../themes/wordpress-theme-atomion/assets/fonts/poppins-v5-latin/poppins-v5-latin-300.eot);
    src: local('Poppins Light'),local('Poppins-Light'),url(../../../../../../../../../themes/wordpress-theme-atomion/assets/fonts/poppins-v5-latin/poppins-v5-latin-300.eot?#iefix) format('embedded-opentype'),url(../../../../../../../../../themes/wordpress-theme-atomion/assets/fonts/poppins-v5-latin/poppins-v5-latin-300.woff2) format('woff2'),url(../../../../../../../../../themes/wordpress-theme-atomion/assets/fonts/poppins-v5-latin/poppins-v5-latin-300.woff) format('woff'),url(../../../../../../../../../themes/wordpress-theme-atomion/assets/fonts/poppins-v5-latin/poppins-v5-latin-300.ttf) format('truetype'),url(../../../../../../../../../themes/wordpress-theme-atomion/assets/fonts/poppins-v5-latin/poppins-v5-latin-300.svg#Poppins) format('svg');
    font-display: swap
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    src: url(../../../../../../../../../themes/wordpress-theme-atomion/assets/fonts/poppins-v5-latin/poppins-v5-latin-regular.eot);
    src: local('Poppins Regular'),local('Poppins-Regular'),url(../../../../../../../../../themes/wordpress-theme-atomion/assets/fonts/poppins-v5-latin/poppins-v5-latin-regular.eot?#iefix) format('embedded-opentype'),url(../../../../../../../../../themes/wordpress-theme-atomion/assets/fonts/poppins-v5-latin/poppins-v5-latin-regular.woff2) format('woff2'),url(../../../../../../../../../themes/wordpress-theme-atomion/assets/fonts/poppins-v5-latin/poppins-v5-latin-regular.woff) format('woff'),url(../../../../../../../../../themes/wordpress-theme-atomion/assets/fonts/poppins-v5-latin/poppins-v5-latin-regular.ttf) format('truetype'),url(../../../../../../../../../themes/wordpress-theme-atomion/assets/fonts/poppins-v5-latin/poppins-v5-latin-regular.svg#Poppins) format('svg');
    font-display: swap
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    src: url(../../../../../../../../../themes/wordpress-theme-atomion/assets/fonts/poppins-v5-latin/poppins-v5-latin-500.eot);
    src: local('Poppins Medium'),local('Poppins-Medium'),url(../../../../../../../../../themes/wordpress-theme-atomion/assets/fonts/poppins-v5-latin/poppins-v5-latin-500.eot?#iefix) format('embedded-opentype'),url(../../../../../../../../../themes/wordpress-theme-atomion/assets/fonts/poppins-v5-latin/poppins-v5-latin-500.woff2) format('woff2'),url(../../../../../../../../../themes/wordpress-theme-atomion/assets/fonts/poppins-v5-latin/poppins-v5-latin-500.woff) format('woff'),url(../../../../../../../../../themes/wordpress-theme-atomion/assets/fonts/poppins-v5-latin/poppins-v5-latin-500.ttf) format('truetype'),url(../../../../../../../../../themes/wordpress-theme-atomion/assets/fonts/poppins-v5-latin/poppins-v5-latin-500.svg#Poppins) format('svg');
    font-display: swap
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 700;
    src: url(../../../../../../../../../themes/wordpress-theme-atomion/assets/fonts/poppins-v5-latin/poppins-v5-latin-700.eot);
    src: local('Poppins Bold'),local('Poppins-Bold'),url(../../../../../../../../../themes/wordpress-theme-atomion/assets/fonts/poppins-v5-latin/poppins-v5-latin-700.eot?#iefix) format('embedded-opentype'),url(../../../../../../../../../themes/wordpress-theme-atomion/assets/fonts/poppins-v5-latin/poppins-v5-latin-700.woff2) format('woff2'),url(../../../../../../../../../themes/wordpress-theme-atomion/assets/fonts/poppins-v5-latin/poppins-v5-latin-700.woff) format('woff'),url(../../../../../../../../../themes/wordpress-theme-atomion/assets/fonts/poppins-v5-latin/poppins-v5-latin-700.ttf) format('truetype'),url(../../../../../../../../../themes/wordpress-theme-atomion/assets/fonts/poppins-v5-latin/poppins-v5-latin-700.svg#Poppins) format('svg');
    font-display: swap
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 800;
    src: url(../../../../../../../../../themes/wordpress-theme-atomion/assets/fonts/poppins-v5-latin/poppins-v5-latin-800.eot);
    src: local('Poppins ExtraBold'),local('Poppins-ExtraBold'),url(../../../../../../../../../themes/wordpress-theme-atomion/assets/fonts/poppins-v5-latin/poppins-v5-latin-800.eot?#iefix) format('embedded-opentype'),url(../../../../../../../../../themes/wordpress-theme-atomion/assets/fonts/poppins-v5-latin/poppins-v5-latin-800.woff2) format('woff2'),url(../../../../../../../../../themes/wordpress-theme-atomion/assets/fonts/poppins-v5-latin/poppins-v5-latin-800.woff) format('woff'),url(../../../../../../../../../themes/wordpress-theme-atomion/assets/fonts/poppins-v5-latin/poppins-v5-latin-800.ttf) format('truetype'),url(../../../../../../../../../themes/wordpress-theme-atomion/assets/fonts/poppins-v5-latin/poppins-v5-latin-800.svg#Poppins) format('svg');
    font-display: swap
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0;
    -webkit-tap-highlight-color: transparent
}

article,aside,details,figcaption,figure,footer,header,main,menu,nav,section {
    display: block
}

footer,main {
    float: left;
    width: 100%
}

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],template {
    display: none
}

a {
    background-color: transparent;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in
}

#atomion-breadcrumbs a,#footer-action-bar a,.atomion-dark-link a,.comment-metadata a,.product_meta .posted_in a,.vcard a,.widget .wgm-info a:hover,.widget a,.woocommerce table.shop_table a,.woocommerce-product-rating a,.wp-block-file a,.wp-block-latest-comments a,.wp-block-latest-posts a,[class^=wc-block] .wc-block-grid__product .wc-block-grid__product-title a,[class^=wc-block] .wc-block-review-list-item__product a,[class^=wc-block] li.wc-block-grid__product a.wc-block-grid__product-link,[class^=wc-block].is-list li a,a.atomion-dark-link {
    color: #404040
}

a:active,a:hover {
    outline: 0;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in
}

abbr[title] {
    border-bottom: 1px dotted
}

b,strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: 0 0
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

select option {
    text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner,input:focus {
    border: 0;
    padding: 0
}

:focus {
    outline: 0
}

input {
    line-height: normal
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 0;
    font-size: 1em;
    width: 100%
}

select {
    width: 100%;
    border: 3px solid #ddd;
    padding: .55em 2em .7em 1em;
    background-color: #fff;
    background-size: 14px;
    background-position: calc(100% - 15px);
    background-repeat: no-repeat;
    font-weight: 900;
    text-transform: uppercase
}

select:hover {
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1)
}

option {
    border-top: 1px solid #444;
    padding: .3em 1em .3em 1em
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

input::placeholder,textarea::placeholder {
    font-weight: 800
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,th {
    padding: 0
}

hr.full-width {
    width: 100%;
    max-width: none;
    border-bottom: 0 solid #cbcbcb!important;
    margin: 70px 0
}

hr.full-width:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #cbcbcb;
    left: 0
}

@media (max-width: 480px) {
    hr.full-width {
        margin:3em 0
    }
}

.clear:after,.clear:before,.comment-content:after,.comment-content:before,.entry-content:after,.entry-content:before,.site-content:after,.site-content:before,.site-footer:after,.site-footer:before,.site-header:after,.site-header:before {
    content: "";
    display: table;
    table-layout: fixed
}

.clear:after,.comment-content:after,.entry-content:after,.site-content:after,.site-footer:after,.site-header:after {
    clear: both
}

body,button,optgroup,select,textarea {
    color: #404040;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
    overflow-x: hidden
}

h1,h2,h3,h4,h5,h6 {
    clear: both
}

h1.entry-title,h2.entry-title,h3.entry-title,h4.entry-title,h5.entry-title,h6.entry-title {
    font-weight: 600
}

h1:not([class^=uagb]):after,h2:not([class^=uagb]):after {
    content: '';
    display: block;
    width: 40px;
    height: 3px;
    margin-top: 18px
}

h1.has-text-align-center::after,h1[style="text-align:center"]::after,h2.has-text-align-center::after,h2[style="text-align:center"]::after,h3.has-text-align-center::after,h3[style="text-align:center"]::after,h4.has-text-align-center::after,h4[style="text-align:center"]::after {
    margin-left: auto;
    margin-right: auto
}

h1.has-text-align-right::after,h1[style="text-align:right"]::after,h2.has-text-align-right::after,h2[style="text-align:right"]::after,h3.has-text-align-right::after,h3[style="text-align:right"]::after,h4.has-text-align-right::after,h4[style="text-align:right"]::after {
    margin-left: auto;
    margin-right: 0
}

.h2:after,.no-underlined-title .entry-title::after,.no-underlined-title .page-title::after,.woocommerce-cart.no-underlined-title h2::after {
    display: none
}

.h2 {
    line-height: 1.3;
    margin-top: 10px;
    font-weight: 800
}

[class^=wp-block-atomion-block-content-box] h1,main h1 {
    font-size: 28px
}

[class^=wp-block-atomion-block-content-box] h2,main h2 {
    font-size: 24px
}

[class^=wp-block-atomion-block-content-box] h3,main h3 {
    font-size: 20px
}

[class^=wp-block-atomion-block-content-box] h4,main h4 {
    font-size: 18px
}

[class^=wp-block-atomion-block-content-box] h5,main h5 {
    font-size: 16px
}

p {
    margin-bottom: 1.5em;
    font-size: 1em
}

p.smaller {
    max-width: 80%;
    margin: 0 auto
}

.pre-headline {
    font-weight: 900;
    letter-spacing: .02em;
    display: block;
    margin-top: 20px
}

cite,dfn,em,i {
    font-style: italic
}

blockquote {
    margin: 1.5em;
    border-left: 0!important
}

blockquote:after,blockquote:before {
    content: '';
    display: block;
    height: 3px;
    width: 100%;
    max-width: 235px;
    margin: 0 auto
}

blockquote p {
    margin: 1em 0;
    font-size: 2em;
    color: #999
}

address {
    margin: 0 0 1.5em
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch",Courier,monospace;
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em
}

code,kbd,tt,var {
    font-family: Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;
    font-size: 15px;
    font-size: .9375rem
}

abbr,acronym {
    border-bottom: 1px dotted #666;
    cursor: help
}

ins,mark {
    text-decoration: none
}

big {
    font-size: 125%
}

@media (max-width: 480px) {
    body,button,optgroup {
        font-size:.875rem
    }

    select:focus,textarea {
        font-size: 16px;
        font-size: 1rem
    }

    p.smaller {
        max-width: 100%
    }

    [class^=wp-block-atomion-block-content-box] h1,main h1 {
        font-size: 28px
    }

    [class^=wp-block-atomion-block-content-box] h2,main h2 {
        font-size: 24px
    }

    [class^=wp-block-atomion-block-content-box] h3,main h3 {
        font-size: 20px
    }

    [class^=wp-block-atomion-block-content-box] h4,main h4 {
        font-size: 18px
    }

    [class^=wp-block-atomion-block-content-box] h5,main h5 {
        font-size: 16px
    }
}

html {
    box-sizing: border-box
}

*,:after,:before {
    box-sizing: inherit
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em
}

ol,ul {
    margin: 0;
    padding: 0
}

ul:not([class]) li:not([class]) {
    list-style-type: none
}

ul {
    list-style: disc
}

ol {
    list-style: decimal;
    margin-left: 1em;
    line-height: 2
}

ol li {
    padding-left: .5em
}

li>ol,li>ul {
    margin-bottom: 0;
    margin-left: 1.5em
}

dt {
    font-weight: 700
}

dd {
    margin: 0 1.5em 1.5em
}

img {
    height: auto;
    max-width: 100%
}

figure {
    margin: 1em 0
}

table {
    margin: 0 0 1.5em;
    width: 100%
}

.row.divider {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
    margin-bottom: 20px
}

.no-scroll {
    overflow: hidden
}

.wp-block-archives-list,.wp-block-categories-list {
    list-style-type: none
}

#atomion-summary-wrapper .woocommerce-product-details__short-description ul,.entry-content ul {
    margin-bottom: 1em
}

#atomion-summary-wrapper .woocommerce-product-details__short-description ul li,.entry-content ul:not([class])>li:not([class]),.wp-block-archives-list li,.wp-block-categories-list li {
    position: relative;
    padding-left: 1.5em;
    margin: 1em 0
}

#atomion-summary-wrapper .woocommerce-product-details__short-description ul li:before,.entry-content ul:not([class])>li:not([class]):before,.wp-block-archives-list li:before,.wp-block-categories-list li:before {
    content: "\f105";
    font-size: 18px;
    font-weight: 900;
    font-family: Font Awesome\ 5 Free;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    position: relative;
    top: 2px;
    line-height: 1.3;
    position: absolute;
    top: 0;
    left: 0
}

body.customize-partial-edit-shortcuts-shown .customize-partial-edit-shortcut button {
    overflow: hidden
}

.flex {
    -js-display: flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.row {
    width: 100%;
    -js-display: flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.col-1-6 {
    width: 16%;
    flex-basis: 16%
}

.col-1-3 {
    width: 33%;
    flex-basis: 33%
}

.col-1-2 {
    width: 50%;
    flex-basis: 50%
}

.col-1-4 {
    width: 25%;
    flex-basis: 25%
}

.col-2-4 {
    width: 50%;
    flex-basis: 50%
}

.col-2-3 {
    width: 66%;
    flex-basis: 66%
}

.col-3-4 {
    width: 75%;
    flex-basis: 75%
}

.col-4-4 {
    width: 100%;
    flex-basis: 100%
}

.large-6 {
    max-width: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

@media (min-width: 768px) and (max-width:979px) {
    .col-1-6 {
        width:25%;
        flex-basis: 25%
    }
}

@media (max-width: 768px) {
    .col-1-6 {
        width:33%;
        flex-basis: 33%
    }

    .col-1-3 {
        width: 50%;
        flex-basis: 50%
    }

    .tab-4-4 {
        width: 100%;
        flex-basis: 100%
    }
}

@media (max-width: 600px) {
    .mb-12 {
        max-width:100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

@media (max-width: 480px) {
    .col-1-6 {
        width:50%;
        flex-basis: 50%
    }

    .col-1-4 {
        width: 50%;
        flex-basis: 50%
    }

    .col-1-3 {
        width: 100%;
        flex-basis: 100%
    }

    .col-3-4 {
        width: 100%;
        flex-basis: 100%
    }
}

.hero {
    margin-top: 0
}

.page-template-page-blank #content .row {
    margin: 0 auto;
    padding: 5em 15px 0
}

.page-template-page-blank #content .row.center {
    justify-content: center
}

.no-margin {
    margin: 0!important
}

[class^=wp-block-woocommerce] .woocommerce {
    margin: 0 auto
}

.row.white.center.neue-produkte {
    padding-bottom: 7em!important
}

.wp-block-columns.has-2-columns.row.white.tolle-produkte {
    display: grid
}

[class^=wp-block-woocommerce].white.no-margin {
    background: #fff
}

.highlights img {
    width: 100px
}

.wp-block-columns.has-4-columns.highlights {
    padding: 0 15px
}

.wp-block-columns.has-4-columns.highlights figure,.wp-block-columns.has-4-columns.highlights>div {
    padding: 0 25px;
    text-align: center;
    width: 100%;
    margin: 0
}

.highlights h3 {
    font-size: 20px;
    min-height: 59px;
    display: block
}

.highlights figcaption {
    font-size: 16px
}

.cart-item p.jde_hint {
    display: none
}

@media (max-width: 768px) {
    .wp-block-columns .layout-column-1 {
        grid-column:1
    }

    .wp-block-columns .layout-column-2 {
        grid-column: 2
    }

    .wp-block-columns .layout-column-3 {
        grid-column: 1
    }

    .wp-block-columns .layout-column-4 {
        grid-column: 2
    }
}

@media (max-width: 480px) {
    .wp-block-columns.has-2-columns,.wp-block-columns.has-3-columns,.wp-block-columns.has-4-columns {
        grid-auto-columns:100%;
        flex-flow: wrap;
        flex-wrap: wrap
    }

    .wp-block-columns.has-2-columns .wp-block-column,.wp-block-columns.has-3-columns .wp-block-column,.wp-block-columns.has-4-columns .wp-block-column {
        width: 100%
    }

    .wp-block-columns.has-2-columns .wp-block-column,.wp-block-columns.has-3-columns .wp-block-column,.wp-block-columns.has-4-columns .wp-block-column {
        width: 100%
    }

    .wp-block-columns .layout-column-1,.wp-block-columns .layout-column-2,.wp-block-columns .layout-column-3,.wp-block-columns .layout-column-4 {
        grid-column: 1
    }
}

button,input[type=button],input[type=reset],input[type=submit] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    color: rgba(0,0,0,.8);
    font-size: 12px;
    font-size: .75rem;
    line-height: 1;
    padding: .6em 1em .4em;
    width: auto
}

button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover {
    border-color: #ccc #bbb #aaa
}

button:active,button:focus,input[type=button]:active,input[type=button]:focus,input[type=reset]:active,input[type=reset]:focus,input[type=submit]:active,input[type=submit]:focus {
    border-color: #aaa #bbb #bbb
}

input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=range],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],textarea {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 3px
}

input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=range]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,textarea:focus {
    color: #111
}

input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea {
    padding: 12px;
    border: 3px solid #ddd;
    border-radius: 0
}

textarea {
    width: 100%
}

.uppercase {
    text-transform: uppercase
}

a {
    text-decoration: none
}

a:active,a:focus,a:hover {
    color: #404040
}

a:focus {
    outline: 0
}

a:active,a:hover {
    outline: 0
}

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

#content {
    margin: 0 auto
}

#content>p {
    margin-bottom: 1em
}

.flex-right {
    margin-left: auto
}

.flex-left {
    margin-right: auto
}

.left {
    text-align: left
}

.center {
    text-align: center
}

.right {
    text-align: right
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.alignfull,.alignwide {
    margin-bottom: 2em;
    width: 100%
}

@media (max-width: 600px) {
    .alignfull.wp-block-gallery,.alignwide.wp-block-gallery {
        margin-left:-8px;
        margin-right: -8px;
        width: inherit
    }
}

.alignfull img,.alignwide img {
    width: 100%;
    display: block
}

p+.alignfull,p+.alignwide {
    margin-top: 2em
}

@media (min-width: 1000px) {
    .alignwide {
        width:75vw;
        margin-left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.edit-post-visual-editor .alignwide {
    margin-bottom: 0;
    width: 58vw
}

@media only screen and (max-width: 1300px) {
    .edit-post-visual-editor .alignwide {
        width:100%
    }
}

.alignwide.wp-block-gallery {
    width: 91vw
}

.alignfull {
    width: 100vw;
    margin-left: calc(50% - 0px);
    transform: translateX(-50%)
}

.edit-post-visual-editor .alignfull {
    margin-bottom: 0;
    width: 100%
}

@media (max-width: 768px) {
    .alignfull {
        margin-left:calc(50% - 0px)
    }

    #content {
        margin: initial
    }
}

span.atomion-checkbox-style {
    cursor: pointer;
    display: inline-block;
    width: 18px;
    height: 18px;
    position: relative;
    top: 4px;
    border: 3px solid #ddd;
    background: #fff;
    visibility: visible;
    margin-right: 10px
}

span.atomion-checkbox-style input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    background: 0 0;
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    float: left;
    border: none;
    opacity: 0
}

span.atomion-checkbox-style:hover {
    background: #ddd
}

span.atomion-checkbox-style.style-checkmark.checked {
    background-color: transparent!important;
    border-color: #ddd!important
}

span.atomion-checkbox-style.style-checkmark.checked:before {
    content: '\f00c';
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 24px!important;
    line-height: 12px;
    position: absolute;
    left: -5px;
    top: -3px;
    width: 12px;
    height: 12px
}

.atomion-radio-style:checked,.atomion-radio-style:not(:checked) {
    background: 0 0;
    position: relative;
    visibility: hidden;
    margin: 0;
    padding: 0;
    display: block
}

.atomion-radio-style+label,.atomion-radio-style+span {
    cursor: pointer;
    padding-left: 2.4rem;
    position: relative
}

.atomion-radio-style:checked+label::before,.atomion-radio-style:checked+span::before,.atomion-radio-style:not(:checked)+label::before,.atomion-radio-style:not(:checked)+span::before {
    content: ' ';
    display: inline-block;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 0;
    border: 3px solid #ddd;
    border-radius: 30px;
    background: #fff;
    margin-right: 0
}

.atomion-radio-style:hover+label::before,.atomion-radio-style:hover+span::before {
    background: #ddd
}

.atomion-spinner {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    z-index: 9999!important
}

.atomion-spinner.style-1>div {
    height: 40px;
    width: 6px;
    margin-right: 4px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out
}

.atomion-spinner.style-1 .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.atomion-spinner.style-1 .rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.atomion-spinner.style-1 .rect4 {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.atomion-spinner.style-1 .rect5 {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

@-webkit-keyframes sk-stretchdelay {
    0%,100%,40% {
        -webkit-transform: scaleY(.4)
    }

    20% {
        -webkit-transform: scaleY(1)
    }
}

@keyframes sk-stretchdelay {
    0%,100%,40% {
        transform: scaleY(.4);
        -webkit-transform: scaleY(.4)
    }

    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1)
    }
}

.atomion-spinner {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    z-index: 9999!important
}

.atomion-spinner.style-2 .spinner {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    width: 50px;
    height: 50px
}

.atomion-spinner.style-2 .spinner .path {
    stroke-linecap: round;
    -webkit-animation: dash 1.5s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1,150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -35
    }

    100% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -124
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1,150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -35
    }

    100% {
        stroke-dasharray: 90,150;
        stroke-dashoffset: -124
    }
}

.atomion-spinner {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    z-index: 9999!important
}

.atomion-spinner.style-3 * {
    box-sizing: unset
}

.atomion-spinner.style-3 .spinner {
    width: 100px;
    height: 102px;
    border-radius: 100%;
    position: absolute;
    top: 45%;
    left: calc(50% - 50px)
}

.atomion-spinner.style-3 .circle {
    width: 100%;
    height: 100%;
    position: absolute
}

.atomion-spinner.style-3 .circle .inner {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border-right: none;
    border-top: none;
    background-clip: padding
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.atomion-spinner.style-3 .circle:nth-of-type(0) {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.atomion-spinner.style-3 .circle:nth-of-type(0) .inner {
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear
}

.atomion-spinner.style-3 .circle:nth-of-type(1) {
    -webkit-transform: rotate(70deg);
    transform: rotate(70deg)
}

.atomion-spinner.style-3 .circle:nth-of-type(1) .inner {
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear
}

.atomion-spinner.style-3 .circle:nth-of-type(2) {
    -webkit-transform: rotate(140deg);
    transform: rotate(140deg)
}

.atomion-spinner.style-3 .circle:nth-of-type(2) .inner {
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear
}

.atomion-spinner.style-3 .spinner {
    -webkit-animation: spin 5s infinite linear;
    animation: spin 5s infinite linear
}

.atomion-spinner {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    z-index: 9999!important
}

.atomion-spinner.style-4 .spinner {
    position: absolute;
    top: calc(50% - 32px);
    left: calc(50% - 32px);
    width: 64px;
    height: 64px;
    border-radius: 50%;
    perspective: 800px
}

.atomion-spinner.style-4 .inner {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.atomion-spinner.style-4 .inner.one {
    left: 0;
    top: 0;
    animation: rotate-one 1s linear infinite
}

.atomion-spinner.style-4 .inner.two {
    right: 0;
    top: 0;
    animation: rotate-two 1s linear infinite
}

.atomion-spinner.style-4 .inner.three {
    right: 0;
    bottom: 0;
    animation: rotate-three 1s linear infinite
}

@keyframes rotate-one {
    0% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(0)
    }

    100% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg)
    }
}

@keyframes rotate-two {
    0% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(0)
    }

    100% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg)
    }
}

@keyframes rotate-three {
    0% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(0)
    }

    100% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg)
    }
}

#top-bar {
    float: left;
    width: 100%
}

#top-bar.full-width {
    padding: 0
}

#top-bar.content-width {
    padding: 0 5%
}

#top-bar .inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    float: left;
    padding: .2em 1em
}

#top-bar.content-width .inner {
    max-width: 1200px;
    margin: 0 auto;
    float: none;
    padding: .2em 0
}

#top-bar.content-width .inner .top-bar-content:first-child {
    padding-left: 0
}

#top-bar.content-width .inner .top-bar-content:last-child {
    padding-right: 0
}

#top-bar .inner>* {
    margin: .2em 0
}

#top-bar .inner p {
    margin: 0;
    font-size: 85%
}

#top-bar .inner .html-marquee {
    max-width: 100vw;
    white-space: nowrap;
    overflow: hidden
}

#top-bar .inner .html-marquee .marquee {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 10s linear infinite
}

#top-bar .inner .html-marquee .marquee:hover {
    animation-play-state: paused
}

@keyframes marquee {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(calc(-100% + -2em))
    }
}

#top-bar .top-bar-content {
    float: left;
    padding: 0 1em
}

#top-bar .inner .left .social-media-icons {
    justify-content: flex-start
}

#top-bar .inner .center .social-media-icons {
    justify-content: center
}

#top-bar .inner .right .social-media-icons {
    justify-content: flex-end
}

#top-bar .inner .social-media-icon {
    display: inline-block;
    margin: 0 .3em;
    padding: 0 .5em
}

#top-bar .inner .social-media-icon.order-1 {
    order: 1
}

#top-bar .inner .social-media-icon.order-2 {
    order: 2
}

#top-bar .inner .social-media-icon.order-3 {
    order: 3
}

#top-bar .inner .social-media-icon.order-4 {
    order: 4
}

#top-bar .inner .social-media-icon.order-5 {
    order: 5
}

#top-bar .inner .social-media-icon.order-6 {
    order: 6
}

#top-bar .inner .social-media-icon.order-7 {
    order: 7
}

#top-bar .inner .social-media-icon.order-8 {
    order: 8
}

#top-bar .menu-item {
    display: inline-block;
    padding: 0 .4em
}

#top-bar button.toggle {
    background: 0 0;
    border: 0;
    padding: 2px 0 2px 4px;
    vertical-align: text-top;
    margin-left: -3px
}

#top-bar .menu-item .sub-menu {
    display: none
}

#top-bar .inner .custom-html a,#top-bar .menu>.menu-item>a {
    text-decoration: underline;
    text-underline-position: under
}

#top-bar .menu-item .sub-menu li {
    width: 100%;
    display: block;
    margin: 0
}

#top-bar .menu-item .sub-menu li:hover {
    background: rgba(0,0,0,.1)
}

#top-bar .menu-item .sub-menu li a {
    width: 100%;
    display: block;
    padding: 10px 15px
}

@media screen and (min-width: 769px) {
    #top-bar .menu-item-has-children:hover .sub-menu-wrap,#top-bar .menu-item-has-children:hover .sub-menu-wrap .sub-menu {
        display:block
    }

    #top-bar .menu-item-has-children:hover .sub-menu-wrap .sub-menu {
        position: absolute;
        margin: 0;
        transform: translateX(-15px);
        padding-top: 8px;
        max-width: 200px;
        width: 100%;
        z-index: 9
    }

    #top-bar .menu-item-has-children:hover .sub-menu-wrap .sub-menu .sub-menu {
        display: none
    }
}

@media screen and (max-width: 768px) {
    #top-bar .inner .top-bar-content.tab-4-4 {
        padding-left:0;
        padding-right: 0;
        text-align: center
    }

    #top-bar .menu-item-has-children .sub-menu-wrap {
        display: none;
        float: left;
        width: 100%
    }

    #top-bar .menu-item-has-children .sub-menu-wrap .sub-menu {
        position: absolute;
        left: 0;
        margin: 0;
        transform: unset;
        padding-top: 8px;
        max-width: 100%;
        width: 100%;
        z-index: 9
    }

    #top-bar button.toggle {
        font-size: 140%;
        padding: 5px 10px 5px 11px;
        line-height: 0;
        margin-top: -8px
    }

    #top-bar .menu-item-has-children .sub-menu-wrap .sub-menu li {
        background: rgba(0,0,0,.1)
    }
}

@media screen and (max-width: 480px) {
    #top-bar .top-bar-content {
        text-align:center
    }

    #top-bar.content-width .inner .top-bar-content {
        padding-left: 0;
        padding-right: 0
    }

    #top-bar .col-2-4 {
        width: 100%;
        flex-basis: 100%
    }

    #top-bar .inner .social-media-icon {
        margin: 0 .2em;
        padding: 0 .4em;
        font-size: 1.3em
    }
}

header {
    position: relative
}

#header,.stuck {
    z-index: 999
}

#header #masthead.has-shadow {
    box-shadow: 0 1px 10px rgba(0,0,0,.1)
}

.transparent-header #header {
    position: absolute;
    width: 100%
}

.transparent-header #header #masthead:not(.stuck) {
    transition: background .9s ease-in-out;
    -moz-transition: background .9s ease-in-out;
    -webkit-transition: background .9s ease-in-out
}

.transparent-header.mobile-nav-is-open #header #masthead:not(.stuck) {
    transition: background .55s ease-in-out;
    -moz-transition: background .55s ease-in-out;
    -webkit-transition: background .55s ease-in-out
}

.transparent-header:not(.has-post-thumbnail) .entry-content figure:first-child {
    margin-top: 0
}

.main-navigation {
    clear: both;
    display: flex;
    float: left;
    width: 100%
}

.main-navigation .default-wrapper {
    display: flex
}

.main-navigation ul {
    display: block;
    list-style: none;
    margin: 0;
    padding-left: 0
}

.main-navigation ul ul {
    float: left;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 99999
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0
}

.main-navigation ul ul li.focus>ul,.main-navigation ul ul li:hover>ul {
    left: 100%
}

.main-navigation ul ul a {
    width: 200px
}

.main-navigation ul li.focus>ul,.main-navigation ul li:hover>ul {
    left: auto
}

.main-navigation li {
    float: left
}

#masthead {
    width: 100%
}

#masthead.content-width {
    padding: 0 5%
}

#masthead.content-width #desktop-navigation {
    max-width: 1200px;
    margin: 0 auto
}

#header #masthead #desktop-navigation .main-nav-item [id*=primary-menu] {
    display: flex;
    align-items: center;
    height: 100%
}

#masthead.content-width #mobile-navigation button.menu-toggle {
    padding-left: 0
}

#masthead .main-navigation [id*=primary-menu]>li>a {
    display: flex;
    align-items: center;
    height: 100%;
    font-weight: 500
}

#masthead.stuck .main-navigation [id*=primary-menu]>li>a {
    margin-top: 0;
    margin-bottom: 0
}

.main-navigation a {
    font-size: 14px;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    position: relative
}

[id*=primary-menu].menu>li,[id*=primary-menu].nav-menu>li {
    display: flex;
    align-items: center;
    list-style: none;
    padding: 0 .6em;
    transition: background-color .3s
}

.nav-spacing-small [id*=primary-menu].menu>li,.nav-spacing-small [id*=primary-menu].nav-menu>li {
    margin: 0
}

.nav-spacing-medium [id*=primary-menu].menu>li,.nav-spacing-medium [id*=primary-menu].nav-menu>li {
    margin: 0 .5em
}

.nav-spacing-large [id*=primary-menu].menu>li,.nav-spacing-large [id*=primary-menu].nav-menu>li {
    margin: 0 1em
}

.nav-hover-1 [id*=primary-menu].menu>li>a:after,.nav-hover-1 [id*=primary-menu].nav-menu>li>a:after,nav.woocommerce-MyAccount-navigation ul li a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity .3s,-webkit-transform .3s;
    -moz-transition: opacity .3s,-moz-transform .3s;
    transition: opacity .3s,transform .3s;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    transform: translateX(-100px);
    pointer-events: none
}

.nav-hover-1 #desktop-navigation [id*=primary-menu].menu>li:hover>a:after,.nav-hover-1 #desktop-navigation [id*=primary-menu].nav-menu>li:hover>a:after,nav.woocommerce-MyAccount-navigation ul li:hover a:after {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0)
}

#desktop-navigation [id*=primary-menu].menu>li.has-2-children>.sub-menu-wrap>ul.sub-menu,#desktop-navigation [id*=primary-menu].nav-menu>li.has-2-children>.sub-menu-wrap>ul.sub-menu {
    justify-content: flex-start
}

#desktop-navigation [id*=primary-menu].menu>li.has-2-children>.sub-menu-wrap>ul.sub-menu>li,#desktop-navigation [id*=primary-menu].nav-menu>li.has-2-children>.sub-menu-wrap>ul.sub-menu>li {
    margin-right: 4em
}

#desktop-navigation [id*=primary-menu]>li {
    position: relative
}

#header li.current-menu-item>a,[id*=primary-menu] li.current-menu-ancestor {
    font-weight: 700
}

#header .nav-hover-1 li.current-menu-item>a:after,.nav-hover-1 [id*=primary-menu] li.current-menu-ancestor a:after,.woocommerce-view-order nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:after,nav.woocommerce-MyAccount-navigation ul li.is-active a:after {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0)
}

#masthead #desktop-navigation [id*=primary-menu].menu>li:last-child,#masthead #desktop-navigation [id*=primary-menu].nav-menu>li:last-child {
    margin-right: 1.7em
}

#masthead .header-inner {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

#masthead #desktop-navigation .header-element {
    float: left;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in
}

.header-main #desktop-navigation .main-nav-item {
    margin-top: 0
}

#masthead .logo-item.header-element,#masthead .main-nav-item.header-element {
    border-left: 0
}

#masthead #desktop-navigation>:first-child {
    padding-left: 2em
}

#masthead.content-width #desktop-navigation>:first-child {
    padding-left: 0
}

#header #masthead .logo-item {
    box-sizing: unset;
    max-height: 100%
}

#masthead.header-main .logo-item a {
    display: flex;
    align-items: center
}

#masthead.header-main .logo-item a:after {
    display: none
}

#masthead .social-item {
    display: flex;
    align-items: center;
    position: relative;
    padding: 0 2em
}

#masthead #desktop-navigation .account-item,#masthead #desktop-navigation .social-item {
    border-right: 1px solid #ddd
}

#masthead .account-item a,#masthead .cart-item a.header-cart-link,#masthead .search-item a,#masthead .wishlist-item a {
    padding: 0 2em;
    display: flex;
    align-items: center;
    text-decoration: none
}

#masthead #desktop-navigation .search-item {
    cursor: pointer
}

#masthead .search-item.search-lightbox {
    position: unset;
    padding: 0
}

#masthead .social-item .social-media-icon {
    float: left;
    width: 2.3em;
    text-align: center;
    margin: 0 5px
}

#masthead .social-item a {
    font-size: 1em
}

#masthead .social-item i {
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in
}

#masthead .social-item ul.social-media-icons {
    float: left;
    margin: 0 -5px;
    padding: 0;
    display: flex
}

#masthead .social-item li {
    list-style-type: none
}

#masthead .social-item li.order-1 {
    order: 1
}

#masthead .social-item li.order-2 {
    order: 2
}

#masthead .social-item li.order-3 {
    order: 3
}

#masthead .social-item li.order-4 {
    order: 4
}

#masthead .social-item li.order-5 {
    order: 5
}

#masthead .social-item li.order-6 {
    order: 6
}

#masthead .social-item li.order-7 {
    order: 7
}

#masthead .social-item li.order-8 {
    order: 8
}

#header #masthead.logo-center-nav #desktop-navigation .main-nav-item {
    width: 100%
}

#header #masthead.full-width.logo-center-nav #desktop-navigation .main-nav-item {
    width: 100%;
    padding: 0 2em
}

#header #masthead.logo-center-nav #desktop-navigation .logo-center-nav-wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between
}

#header #masthead.logo-center-nav #desktop-navigation [id*=primary-menu].menu>li:last-child,#header #masthead.logo-center-nav #desktop-navigation [id*=primary-menu].nav-menu>li:last-child {
    margin-right: .5em
}

#header #masthead.logo-center-nav #desktop-navigation .logo-center-nav-left,#header #masthead.logo-center-nav #desktop-navigation .logo-center-nav-right {
    width: 25%
}

#header #masthead.logo-center-nav #desktop-navigation .logo-center-nav-right {
    display: flex;
    justify-content: flex-end
}

#header #masthead.logo-center-nav #desktop-navigation .account-item,#header #masthead.logo-center-nav #desktop-navigation .cart-item,#header #masthead.logo-center-nav #desktop-navigation .social-item,#header #masthead.logo-center-nav #desktop-navigation .wishlist-item {
    border: none
}

#header #masthead.logo-center-nav #desktop-navigation .account-item>a,#header #masthead.logo-center-nav #desktop-navigation .cart-item>a.header-cart-link,#header #masthead.logo-center-nav #desktop-navigation .search-item>a,#header #masthead.logo-center-nav #desktop-navigation .wishlist-item>a,#header #masthead.logo-center-nav .search-item.search-lightbox>a {
    padding: 0 1em
}

#header #masthead.logo-center-nav #desktop-navigation .social-item {
    padding: 0
}

#header #masthead.logo-center-nav #desktop-navigation .social-item .social-media-icon {
    width: 1.7em
}

#header #masthead.logo-center-nav.full-width #desktop-navigation .social-item .social-media-icon:first-child {
    margin-left: 5px
}

#header #masthead.logo-center-nav.stuck #desktop-navigation .social-item .social-media-icon a {
    justify-content: center
}

#header #masthead.logo-top-nav #desktop-navigation .logo-item {
    width: 100%;
    padding: 0
}

#header #masthead.logo-top-nav #desktop-navigation .logo-item a {
    justify-content: center
}

#header #masthead.logo-top-nav #desktop-navigation .main-nav-item {
    width: 100%
}

#header #masthead.full-width.logo-top-nav #desktop-navigation .main-nav-item {
    width: 100%;
    padding: 0 2em
}

#header #masthead.logo-top-nav #desktop-navigation .logo-top-nav-wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between
}

#header #masthead.logo-top-nav #desktop-navigation [id*=primary-menu].menu>li:last-child,#header #masthead.logo-top-nav #desktop-navigation [id*=primary-menu].nav-menu>li:last-child {
    margin-right: .5em
}

#header #masthead.logo-top-nav #desktop-navigation .logo-top-nav-left,#header #masthead.logo-top-nav #desktop-navigation .logo-top-nav-right {
    width: 25%
}

#header #masthead.logo-top-nav #desktop-navigation .logo-top-nav-right {
    display: flex;
    justify-content: flex-end
}

#header #masthead.logo-top-nav #desktop-navigation .account-item,#header #masthead.logo-top-nav #desktop-navigation .cart-item,#header #masthead.logo-top-nav #desktop-navigation .social-item,#header #masthead.logo-top-nav #desktop-navigation .wishlist-item {
    border: none
}

#header #masthead.logo-top-nav #desktop-navigation .account-item>a,#header #masthead.logo-top-nav #desktop-navigation .cart-item>a.header-cart-link,#header #masthead.logo-top-nav #desktop-navigation .search-item>a,#header #masthead.logo-top-nav #desktop-navigation .wishlist-item>a,#header #masthead.logo-top-nav .search-item.search-lightbox>a {
    padding: 0 1em
}

#header #masthead.logo-top-nav #desktop-navigation .social-item {
    padding: 0
}

#header #masthead.logo-top-nav #desktop-navigation .social-item .social-media-icon {
    width: 1.7em
}

#header #masthead.logo-top-nav.full-width #desktop-navigation .social-item .social-media-icon:first-child {
    margin-left: 5px
}

#header #masthead.logo-top-nav.stuck #desktop-navigation .social-item .social-media-icon a {
    justify-content: center
}

.main-navigation .logo-right-nav-wrapper {
    display: flex
}

#header #masthead.logo-right-nav #desktop-navigation .main-nav-item {
    padding-left: 0
}

#header #masthead.logo-right-nav #desktop-navigation .logo-item {
    padding-right: 2em
}

#header #masthead.logo-right-nav #desktop-navigation .account-item-menu {
    left: 0
}

#header #masthead.logo-right-nav #desktop-navigation .main-nav-item .header-element:first-child {
    border-left: 0!important
}

#header #masthead.logo-right-nav #desktop-navigation .main-nav-item .header-element:not(.desktop-cart) {
    border-left: 1px solid #ddd;
    border-right: 0
}

#header #masthead.logo-right-nav.content-width #desktop-navigation .main-nav-item {
    margin-left: -1.8em
}

#header #masthead.logo-right-nav.content-width #desktop-navigation .logo-item {
    padding-right: 0
}

#header #masthead.logo-right-nav #desktop-navigation .cart-item .atomion-mini-cart-widget,#header #masthead.logo-right-nav #desktop-navigation .search-dropdown.wrapper {
    right: unset
}

#desktop-navigation button.toggle {
    display: none
}

#desktop-navigation [id*=primary-menu] li:hover .sub-menu-wrap {
    display: block
}

.stuck #desktop-navigation [id*=primary-menu] li:hover .sub-menu-wrap.menu-level-0 {
    z-index: 9!important
}

#desktop-navigation [id*=primary-menu] li:hover .sub-menu-wrap.menu-level-0 {
    box-shadow: 0 8px 11px rgba(0,0,0,.1)
}

#desktop-navigation [id*=primary-menu] li:hover>.sub-menu-wrap.menu-level-0>ul {
    max-width: 1295px
}

#desktop-navigation [id*=primary-menu] li:hover .sub-menu-wrap ul {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    position: relative;
    float: none;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    margin: 0 auto;
    padding: 3em 3em 4em
}

#masthead .sub-menu-wrap.menu-level-0 {
    display: none;
    width: calc(100vw - 80px);
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: auto;
    z-index: -1
}

#masthead .sub-menu li {
    margin: .3em 0;
    font-weight: 400
}

#masthead .sub-menu li a {
    text-transform: none
}

#masthead .sub-menu-wrap.menu-level-0>.sub-menu>li.menu-item-has-children>a,#masthead .sub-menu-wrap.menu-level-0>.sub-menu>li>.menu-image-hovered,#masthead .sub-menu-wrap.menu-level-0>.sub-menu>li>.menu-image-not-hovered {
    font-size: 1em;
    text-transform: uppercase;
    font-weight: 700
}

#masthead .sub-menu-wrap.menu-level-0>.sub-menu>li.menu-item-has-children:not(.atomion-megamenu-img-element)>a {
    font-size: 1em
}

.atomion-img-megamenu-title .megamenu-thumbnail {
    width: 100%;
    display: block;
    margin-bottom: 25px;
    background-position: center!important
}

#masthead .atomion-megamenu-img-element>a:after,#masthead .sub-menu-wrap.menu-level-0>.sub-menu>li.menu-item-has-children>a:after,#masthead .sub-menu-wrap.menu-level-0>.sub-menu>li>.menu-image-title-above.menu-image-hovered span.menu-image-title:after,#masthead .sub-menu-wrap.menu-level-0>.sub-menu>li>.menu-image-title-above.menu-image-not-hovered span.menu-image-title:after {
    content: '';
    display: block;
    width: 20px;
    height: 3px;
    margin-top: .4em
}

#masthead .sub-menu-wrap.menu-level-0>.sub-menu>li>.menu-image-title-above.menu-image-hovered:after,#masthead .sub-menu-wrap.menu-level-0>.sub-menu>li>.menu-image-title-above.menu-image-not-hovered:after {
    display: none!important
}

#masthead .sub-menu-wrap.menu-level-1 li.menu-item-has-children>.sub-menu-wrap {
    padding-left: 1em;
    margin-top: 5px
}

#masthead .sub-menu-wrap.menu-level-1 li.menu-item-has-children>a:after {
    content: '';
    display: block!important;
    width: 100%;
    height: 1px;
    margin-top: 5px
}

#masthead .menu-item a img {
    border: none;
    box-shadow: none;
    vertical-align: middle;
    width: auto;
    display: inline
}

#masthead .menu-item a.menu-image-hovered img.hovered-image,#masthead .menu-item a.menu-image-hovered:hover img.menu-image {
    opacity: 0;
    transition: opacity .25s ease-in-out 0s;
    width: 0;
    height: 0
}

#masthead .menu-item a.menu-image-hovered:hover img.hovered-image {
    opacity: 1;
    width: auto;
    height: auto
}

#masthead .menu-item a.menu-image-hovered.menu-image-title-after .menu-image-hover-wrapper,#masthead .menu-item a.menu-image-title-after.menu-image-not-hovered img {
    padding-right: 10px
}

#masthead .menu-item a.menu-image-hovered.menu-image-title-before .menu-image-hover-wrapper,#masthead .menu-item a.menu-image-title-before.menu-image-not-hovered img {
    padding-left: 10px
}

#masthead .menu-item a.menu-image-hovered.menu-image-title-above .menu-image-hover-wrapper,#masthead .menu-item a.menu-image-title-above.menu-image-not-hovered img {
    display: block;
    padding-top: 10px;
    margin: 0 auto!important
}

#masthead .menu-item a.menu-image-hovered.menu-image-title-below .menu-image-hover-wrapper,#masthead .menu-item a.menu-image-title-below.menu-image-not-hovered img {
    display: block;
    padding-bottom: 10px;
    margin: 0 auto!important
}

#masthead .menu-item a.menu-image-title-hide .menu-image-title {
    display: none
}

#masthead .menu-item a.menu-image-title-below.menu-image-not-hovered img {
    padding-bottom: 25px
}

[id*=primary-menu] li .menu-level-0 li a:after {
    width: 20px
}

[id*=primary-menu] li .menu-level-1 li a:after {
    display: none
}

#masthead .menu-level-1 ul.sub-menu {
    flex-flow: column!important;
    position: relative;
    padding: 0!important
}

#desktop-navigation .sub-menu .menu-level-1 {
    margin-top: 15px
}

.atomion-fallback-nav-list li {
    float: left;
    width: 40%;
    text-align: left;
    margin: 0 40px
}

#desktop-navigation .search-item.search-dropdown form {
    float: right;
    width: 100%
}

#desktop-navigation [id*=primary-menu] li:hover .atomion-simple-menu {
    max-width: 300px;
    margin-top: 0
}

#desktop-navigation [id*=primary-menu] li:hover .atomion-simple-menu ul {
    flex-direction: column;
    margin-left: 0;
    padding: 1.5em 0 1.5em
}

#desktop-navigation [id*=primary-menu] .atomion-simple-menu li .menu-level-1,#desktop-navigation [id*=primary-menu] .atomion-simple-menu li a:after {
    display: none
}

#desktop-navigation [id*=primary-menu] .atomion-simple-menu .menu-item {
    margin: 0;
    width: 100%
}

#desktop-navigation [id*=primary-menu] .atomion-simple-menu .menu-item-has-children,#mobile-navigation [id*=primary-menu] .atomion-simple-menu .menu-item-has-children {
    position: relative
}

#header #desktop-navigation [id*=primary-menu] .atomion-simple-menu .menu-item-has-children>a:after {
    content: '\f105';
    position: absolute;
    height: auto;
    width: auto;
    background: 0 0;
    right: 1rem;
    top: 11px;
    margin-top: 0;
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1
}

#header #desktop-navigation [id*=primary-menu] .atomion-simple-menu li a {
    width: 100%;
    font-size: .9em;
    font-weight: 400;
    text-transform: none;
    padding: .5em 2.5em .5em 2em
}

#header #desktop-navigation [id*=primary-menu] .atomion-simple-menu li:hover .menu-level-1 {
    display: block;
    position: absolute;
    top: -.5em;
    width: 250px;
    left: 100%;
    margin-top: 0;
    padding: .5em 0;
    box-shadow: 0 8px 11px rgba(0,0,0,.1)
}

#desktop-navigation [id*=primary-menu] .atomion-simple-menu .sub-menu-wrap.menu-level-1 li.menu-item-has-children>a:after {
    width: auto;
    transform: rotate(90deg)
}

#mobile-navigation [id*=primary-menu] .atomion-simple-menu {
    display: none
}

#mobile-navigation .main-nav-item [id*=primary-menu] .atomion-simple-menu.menu-level-0 li,#mobile-navigation .main-nav-item [id*=primary-menu] .atomion-simple-menu.menu-level-0 li.menu-item-has-children {
    margin-bottom: 0;
    margin: .3rem 0
}

#mobile-navigation .main-nav-item [id*=primary-menu] .atomion-simple-menu.menu-level-1 .sub-menu {
    margin-top: .5rem
}

#mobile-navigation .main-nav-item [id*=primary-menu] .atomion-simple-menu.menu-level-0 li.menu-item-has-children>.sub-menu-wrap {
    padding-left: 1em;
    margin-top: 0
}

#mobile-navigation [id*=primary-menu] .atomion-simple-menu li a {
    width: 100%;
    font-weight: 400;
    text-transform: none
}

#mobile-navigation [id*=primary-menu].atomion-simple-menu-wrapper button.toggle {
    top: -5px
}

#mobile-navigation [id*=primary-menu] .atomion-simple-menu button.toggle {
    right: -2rem
}

#mobile-navigation [id*=primary-menu] .atomion-simple-menu.menu-level-0 li a::after {
    display: none!important
}

.logged-in #masthead .account-item.show-check-icon>a i:after {
    content: '\f00c';
    font-weight: 900;
    position: absolute;
    transform: translateY(-4px);
    font-size: 10px
}

#desktop-navigation .account-item-dropdown,#mobile-navigation .account-item-dropdown {
    display: none;
    position: relative
}

#desktop-navigation .account-item-menu {
    max-width: 200px;
    min-width: 180px;
    position: absolute;
    right: 0;
    box-shadow: 0 8px 11px rgba(0,0,0,.1);
    z-index: -1
}

#desktop-navigation .account-item-dropdown:hover,#desktop-navigation .account-item>a:hover+.account-item-dropdown {
    display: block
}

#desktop-navigation .account-item-menu .customer-approach {
    padding: .5em 2em;
    font-weight: 700
}

#desktop-navigation .account-item-menu .sub-menu {
    position: unset
}

#desktop-navigation .account-item-menu .sub-menu li {
    margin: 0
}

#desktop-navigation .account-item-menu .atomion-simple-menu {
    padding: .5em 0 .5em;
    float: left
}

#desktop-navigation .account-item-menu .atomion-simple-menu li a {
    width: 100%;
    font-size: .9em;
    font-weight: 400;
    text-transform: none;
    padding: .3em 3em .3em 2.5em
}

#masthead #desktop-navigation .account-item-menu a.logout {
    padding: .6em 2.5em;
    text-transform: none
}

#masthead #desktop-navigation .account-item-menu a.logout i {
    margin-right: 5px;
    color: #e84948
}

#header .sticky-logo {
    display: none
}

.stuck {
    position: fixed;
    opacity: 1;
    width: 100%;
    z-index: 99
}

#header .stuck .main-navigation .nav-menu>li>a,#header .stuck .main-navigation [id*=primary-menu].menu>li {
    height: 100%;
    display: flex;
    align-items: center
}

#header .stuck li a:after {
    bottom: 0
}

#header .stuck .logo-item .site-title {
    margin: 0
}

#header .logo-item .site-title:after {
    display: none
}

#header .stuck .logo-item img {
    display: none
}

#header .stuck .logo-item img.sticky-logo {
    display: block
}

.main-navigation.toggled ul,.menu-toggle {
    display: block
}

@media (hover: hover) and (pointer:fine),(min-width:1001px) {
    #desktop-navigation {
        display:flex
    }
}

@media (hover: none) and (pointer:coarse) and (max-width:1000px) {
    #desktop-navigation {
        display:none
    }

    #masthead {
        padding: 0 5%
    }
}

@media (max-width: 1000px) {
    #desktop-navigation {
        display:none
    }
}

@media screen and (max-width: 768px) {
    #masthead .menu-item a img.megamenu-thumbnail,#masthead .menu-item a.menu-image-hovered.menu-image-title-below .menu-image-hover-wrapper,#masthead .menu-item a.menu-image-title-below.menu-image-not-hovered img.menu-image {
        display:none
    }
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    #mobile-navigation {
        display: none
    }
}

@media (hover: hover) and (pointer:fine),(min-width:1001px) {
    #mobile-navigation {
        display:none
    }
}

@media (hover: none) and (pointer:coarse) and (max-width:1000px) {
    #mobile-navigation {
        display:flex
    }

    #masthead {
        padding: 0 5%
    }
}

@media (max-width: 1000px) {
    #mobile-navigation {
        display:flex
    }

    #masthead {
        padding: 0 5%
    }
}

#mobile-navigation.header-inner {
    position: relative;
    padding: 0
}

#mobile-navigation button.menu-toggle {
    background: 0 0;
    border: 0;
    padding-left: 0;
    padding-right: 0;
    width: 20%;
    max-width: 90px;
    text-align: left;
    overflow: hidden
}

#mobile-navigation.style-revert button.menu-toggle {
    text-align: right
}

#mobile-navigation .site-title {
    max-width: 100px;
    font-size: 130%
}

#mobile-navigation button.menu-toggle i {
    font-size: 2em;
    float: left
}

#mobile-navigation .ham {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: transform .4s;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#mobile-navigation .hamRotate.active {
    transform: rotate(45deg)
}

#mobile-navigation .hamRotate180.active {
    transform: rotate(180deg)
}

#mobile-navigation .line {
    fill: none;
    transition: stroke-dasharray .4s,stroke-dashoffset .4s;
    stroke: #000;
    stroke-width: 5.5;
    stroke-linecap: round
}

#mobile-navigation .ham1 .top {
    stroke-dasharray: 40 139
}

#mobile-navigation .ham1 .bottom {
    stroke-dasharray: 40 180
}

#mobile-navigation .ham1.active .top {
    stroke-dashoffset: -98px
}

#mobile-navigation .ham1.active .bottom {
    stroke-dashoffset: -138px
}

#mobile-navigation #mobile-nav-action-bar {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    padding: 0 1em
}

#mobile-navigation #mobile-nav-action-bar .header-element>a {
    height: 40px
}

#mobile-navigation .header-element.account-item {
    order: 2
}

#mobile-navigation .header-element.wishlist-item {
    order: 3
}

#mobile-navigation .header-element.search-item {
    order: 1
}

#mobile-navigation .main-nav-item {
    display: none;
    width: 100vw;
    margin-left: -5.5%;
    position: absolute;
    overflow-y: scroll;
    padding: 2em 0;
    left: 0;
    background: #fff;
    z-index: -1;
    box-shadow: 0 14px 20px 0 rgba(128,128,128,.5)
}

#masthead #mobile-navigation .search-item.search-lightbox a {
    padding: 0 1em
}

#mobile-navigation #mobile-site-navigation {
    margin-bottom: 2em
}

#mobile-navigation hr {
    margin-bottom: 1em;
    float: left;
    width: 100%
}

#mobile-navigation .main-nav-item .menu-main-menu-container {
    width: 100%
}

#mobile-navigation .cart-item a.header-cart-link {
    padding: 0;
    justify-content: flex-end
}

#mobile-navigation.style-revert .cart-item a.header-cart-link {
    justify-content: flex-start
}

#mobile-navigation .main-nav-item [id*=primary-menu] {
    display: block;
    width: 100vw
}

#header #mobile-navigation .main-nav-item [id*=primary-menu]>li {
    width: auto;
    display: none;
    flex-wrap: wrap;
    justify-content: left;
    position: relative;
    font-size: 1.5em;
    padding: 0;
    float: none;
    border-color: transparent;
    margin: 1em 0
}

#mobile-navigation .sub-menu li {
    margin: .1em 0
}

#header #mobile-navigation .main-nav-item [id*=primary-menu]>li>a {
    margin-left: 2em;
    font-size: .65em;
    width: max-content;
    width: -moz-max-content;
    height: auto
}

#mobile-navigation .main-nav-item [id*=primary-menu] li .menu-level-0 li a::after {
    display: none
}

.nav-hover-1 #mobile-navigation .main-nav-item [id*=primary-menu].menu>li>a:after {
    bottom: -10px;
    height: 3px
}

#mobile-navigation .atomion-img-megamenu-title,#mobile-navigation .sub-menu-wrap.menu-level-0>.sub-menu>li.menu-item-has-children:not(.atomion-megamenu-img-element)>a {
    font-size: .65em
}

#mobile-navigation .atomion-simple-menu.sub-menu-wrap.menu-level-0>.sub-menu>li.menu-item-has-children:not(.atomion-megamenu-img-element)>a {
    font-size: 14px
}

#mobile-navigation button.toggle {
    transform: rotate(0);
    transition: .5s all ease;
    border: 0;
    background: 0 0;
    padding: 6px 1em;
    font-size: .8em;
    position: absolute;
    right: 0;
    top: 0
}

#mobile-navigation button.toggle.open {
    transform: rotate(135deg);
    transition: .5s all ease
}

#mobile-navigation .main-nav-item .sub-menu-wrap.menu-level-0 {
    position: relative;
    top: unset;
    width: 100%;
    box-shadow: none;
    padding: 0 1.5em;
    margin-top: 1em;
    z-index: 99
}

#mobile-navigation .main-nav-item .sub-menu-wrap.menu-level-0.open {
    display: flex;
    box-shadow: inset 0 1px 10px rgba(0,0,0,.1)
}

#mobile-navigation [id*=primary-menu] li .sub-menu-wrap ul {
    display: flex;
    flex-flow: wrap;
    justify-content: space-around;
    position: relative;
    float: none;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    margin: 0 auto;
    padding: 3em 0 4em;
    justify-content: space-between;
    padding: 1em 0
}

#mobile-navigation [id*=primary-menu].menu>li.has-2-children>.sub-menu-wrap>ul.sub-menu,#mobile-navigation [id*=primary-menu].nav-menu>li.has-2-children>.sub-menu-wrap>ul.sub-menu {
    justify-content: flex-start
}

#mobile-navigation [id*=primary-menu] li .atomion-simple-menu.sub-menu-wrap ul li {
    width: 100%
}

#mobile-navigation .header-element {
    float: left
}

#mobile-navigation .logo-item {
    max-width: 55%;
    width: 100%
}

#masthead #mobile-navigation .logo-item img {
    width: auto;
    margin: 0 auto;
    box-sizing: border-box
}

#mobile-navigation .cart-item {
    width: 20%;
    max-width: 90px
}

#mobile-navigation .cart-item>a {
    width: 100%;
    justify-content: center
}

#masthead #mobile-navigation .cart-item .atomion-mini-cart-widget {
    width: 100vw;
    display: none;
    height: 100vh
}

#masthead #mobile-navigation .cart-item .filled+.atomion-mini-cart-widget {
    height: 100vh;
    min-height: unset;
    max-height: 100vh
}

#masthead.stuck #mobile-navigation .cart-item .atomion-mini-cart-widget {
    height: 100vh;
    min-height: unset;
    max-height: 100vh
}

#masthead.stuck #mobile-navigation .cart-item .filled+.atomion-mini-cart-widget {
    height: 100vh;
    min-height: unset;
    max-height: 100vh
}

#mobile-navigation .atomion-mini-cart-widget:after {
    content: '';
    display: block;
    width: 100%
}

#mobile-navigation .woocommerce-mini-cart__buttons {
    display: none
}

#mobile-navigation .social-item {
    padding: 0;
    margin: 1em 0 1.5em;
    width: 100%;
    justify-content: center
}

#mobile-navigation .search-item.search-dropdown {
    display: flex;
    justify-content: center;
    max-width: 100%;
    flex-basis: 100%
}

#mobile-navigation .search-item.search-dropdown a.search-link {
    display: none
}

#mobile-navigation .search-dropdown.wrapper {
    display: block;
    position: relative;
    max-width: 100%;
    float: left;
    margin: 1em 0;
    padding: 0 1.8em
}

#mobile-navigation .search-dropdown.wrapper>form>div {
    position: relative
}

#mobile-navigation .main-nav-item [id*=primary-menu] li.menu-item-has-children {
    margin-bottom: 1em
}

@media (max-width: 1000px) {
    .atomion-mini-cart-widget .buttons:not(#ppc-button-minicart) {
        position:fixed;
        bottom: 0
    }
}

@media (max-width: 480px) {
    #mobile-navigation .sub-menu li {
        flex-basis:100%
    }

    #mobile-navigation .sub-menu li a {
        width: 100%
    }
}

#masthead[class*=nav-hover]:not(.nav-hover-1) #desktop-navigation [id*=primary-menu]>li {
    height: 100%
}

#masthead[class*=nav-hover]:not(.nav-hover-1) #desktop-navigation [id*=primary-menu]>li>a {
    height: auto
}

#masthead.nav-hover-6 [id*=primary-menu]>li.wpml-ls-item>a::after,#masthead.nav-hover-6 [id*=primary-menu]>li.wpml-ls-item>a:hover::after,#masthead.nav-hover-8 [id*=primary-menu]>li.wpml-ls-item>a::after,#masthead.nav-hover-8 [id*=primary-menu]>li.wpml-ls-item>a:hover::after {
    content: ''!important
}

#masthead.nav-hover-2 [id*=primary-menu] :not(.sub-menu-wrap) {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .35s ease;
    transition: all .35s ease
}

#masthead.nav-hover-2 [id*=primary-menu]>li.menu-item>a {
    padding: .5em 0;
    position: relative;
    text-decoration: none;
    display: inline-block;
    height: auto
}

#masthead.nav-hover-2 [id*=primary-menu]>li.menu-item>a:after,#masthead.nav-hover-2 [id*=primary-menu]>li.menu-item>a:before {
    height: 5px;
    position: absolute;
    content: '';
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    width: 0
}

#masthead.nav-hover-2 [id*=primary-menu]>li.menu-item>a:before {
    top: 0;
    left: 0
}

#masthead.nav-hover-2 [id*=primary-menu]>li.menu-item>a:after {
    bottom: 0;
    right: 0
}

#masthead.nav-hover-2 [id*=primary-menu]>li.current-menu-item>a:after,#masthead.nav-hover-2 [id*=primary-menu]>li.current-menu-item>a:before,#masthead.nav-hover-2 [id*=primary-menu]>li.menu-item>a:hover:after,#masthead.nav-hover-2 [id*=primary-menu]>li.menu-item>a:hover:before {
    width: 100%
}

#masthead.nav-hover-3 [id*=primary-menu] :not(.sub-menu-wrap) {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .35s ease;
    transition: all .35s ease
}

#masthead.nav-hover-3 [id*=primary-menu]>li.menu-item>a {
    padding: .6em 0;
    position: relative;
    text-decoration: none
}

#masthead.nav-hover-3 [id*=primary-menu]>li.menu-item>a:before {
    position: absolute;
    content: '';
    border-top: 5px solid;
    border-bottom: 5px solid;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    opacity: 0;
    top: 25%;
    bottom: 25%;
    left: 0;
    right: 0
}

#masthead.nav-hover-3 [id*=primary-menu]>li.current-menu-item>a:before,#masthead.nav-hover-3 [id*=primary-menu]>li.menu-item>a:hover:before {
    opacity: 1;
    top: 0;
    bottom: 0
}

#masthead.nav-hover-4 [id*=primary-menu] :not(.sub-menu-wrap) {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .35s ease;
    transition: all .35s ease
}

#masthead.nav-hover-4 [id*=primary-menu]>li.menu-item>a {
    padding: 0 .9em;
    position: relative;
    text-decoration: none;
    display: inline-block
}

#masthead.nav-hover-4 [id*=primary-menu]>li.menu-item>a:before {
    position: absolute;
    content: "";
    border-left: 5px solid;
    border-right: 5px solid;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    opacity: 0;
    left: 15%;
    right: 15%;
    top: 0;
    bottom: 0
}

#masthead.nav-hover-4 [id*=primary-menu]>li.current-menu-item>a:before,#masthead.nav-hover-4 [id*=primary-menu]>li.menu-item>a:hover:before {
    opacity: 1;
    left: 0;
    right: 0
}

#masthead.nav-hover-5 [id*=primary-menu] :not(.sub-menu-wrap) {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .35s ease;
    transition: all .35s ease
}

#masthead.nav-hover-5 [id*=primary-menu]>li.menu-item {
    padding: 0
}

#masthead.nav-hover-5 [id*=primary-menu]>li.menu-item>a {
    padding: .5em .8em;
    margin: .2em 0;
    display: block;
    position: relative;
    text-decoration: none
}

#masthead.nav-hover-5 [id*=primary-menu]>li.menu-item>a:after,#masthead.nav-hover-5 [id*=primary-menu]>li.menu-item>a:before {
    height: 14px;
    width: 14px;
    position: absolute;
    content: '';
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    opacity: 0
}

#masthead.nav-hover-5 [id*=primary-menu]>li.menu-item>a:before {
    border-left: 5px solid;
    border-top: 5px solid;
    left: 0;
    top: 0;
    -webkit-transform: translate(100%,50%);
    transform: translate(100%,50%)
}

#masthead.nav-hover-5 [id*=primary-menu]>li.menu-item>a:after {
    border-right: 5px solid;
    border-bottom: 5px solid;
    right: 0;
    bottom: 0;
    -webkit-transform: translate(-100%,-50%);
    transform: translate(-100%,-50%)
}

#masthead.nav-hover-5 [id*=primary-menu]>li.current-menu-item>a:after,#masthead.nav-hover-5 [id*=primary-menu]>li.current-menu-item>a:before,#masthead.nav-hover-5 [id*=primary-menu]>li.menu-item>a:hover:after,#masthead.nav-hover-5 [id*=primary-menu]>li.menu-item>a:hover:before {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    opacity: 1
}

#masthead.nav-hover-6 [id*=primary-menu] * {
    box-sizing: border-box
}

#masthead.nav-hover-6 [id*=primary-menu]>li.menu-item>a {
    padding: .5em 0;
    position: relative;
    text-decoration: none
}

#masthead.nav-hover-6 [id*=primary-menu]>li.menu-item>a:after,#masthead.nav-hover-6 [id*=primary-menu]>li.menu-item>a:before {
    position: absolute;
    -webkit-transition: all .35s ease;
    transition: all .35s ease
}

#masthead.nav-hover-6 [id*=primary-menu]>li.menu-item>a:before {
    top: 0;
    display: block;
    height: 5px;
    width: 0%;
    content: ""
}

#masthead.nav-hover-6 [id*=primary-menu]>li.menu-item>a:after {
    left: 0;
    top: 0;
    padding: .5em 0;
    position: absolute;
    content: attr(data-hover);
    white-space: nowrap;
    max-width: 0%;
    overflow: hidden
}

#masthead.nav-hover-6 [id*=primary-menu]>li.current-menu-item>a:before,#masthead.nav-hover-6 [id*=primary-menu]>li.menu-item>a:hover:before {
    opacity: 1;
    width: 100%
}

#masthead.nav-hover-6 [id*=primary-menu]>li.current-menu-item>a:after,#masthead.nav-hover-6 [id*=primary-menu]>li.menu-item>a:hover:after {
    max-width: 100%
}

#masthead.nav-hover-7 [id*=primary-menu] :not(.sub-menu-wrap) {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .35s ease;
    transition: all .35s ease
}

#masthead.nav-hover-7 [id*=primary-menu]>li.menu-item {
    padding: 0
}

#masthead.nav-hover-7 [id*=primary-menu]>li.menu-item>a {
    display: inline-block;
    padding: .5em 20px;
    position: relative;
    text-decoration: none
}

#masthead.nav-hover-7 [id*=primary-menu]>li.menu-item>a:before {
    left: 20%;
    right: 20%;
    top: 50%;
    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 5px;
    opacity: 0;
    position: absolute;
    -webkit-transition: all .35s ease;
    transition: all .35s ease
}

#masthead.nav-hover-7 [id*=primary-menu]>li.current-menu-item>a:before,#masthead.nav-hover-7 [id*=primary-menu]>li.menu-item>a:hover:before {
    left: 0;
    right: 0;
    opacity: 1
}

#masthead.nav-hover-8 [id*=primary-menu] * {
    box-sizing: border-box
}

#masthead.nav-hover-8 [id*=primary-menu]>li.menu-item>a {
    padding: .7em 0;
    position: relative;
    text-decoration: none
}

#masthead.nav-hover-8 [id*=primary-menu]>li.menu-item>a:after,#masthead.nav-hover-8 [id*=primary-menu]>li.menu-item>a:before {
    position: absolute;
    -webkit-transition: all .35s ease;
    transition: all .35s ease
}

#masthead.nav-hover-8 [id*=primary-menu]>li.menu-item>a:before {
    bottom: 0;
    display: block;
    height: 5px;
    width: 0%;
    content: ""
}

#masthead.nav-hover-8 [id*=primary-menu]>li.menu-item>a:after {
    left: 0;
    top: 0;
    padding: .7em 0;
    position: absolute;
    content: attr(data-hover);
    white-space: nowrap;
    max-width: 0%;
    overflow: hidden
}

#masthead.nav-hover-8 [id*=primary-menu]>li.current-menu-item>a:before,#masthead.nav-hover-8 [id*=primary-menu]>li.menu-item>a:hover:before {
    opacity: 1;
    width: 100%
}

#masthead.nav-hover-8 [id*=primary-menu]>li.current-menu-item>a:after,#masthead.nav-hover-8 [id*=primary-menu]>li.menu-item>a:hover:after {
    max-width: 100%
}

@media (hover: none) and (pointer:coarse) and (max-width:1000px) {
    #masthead:not(.nav-hover-1) #mobile-navigation .main-nav-item [id*=primary-menu]>li {
        margin:.5em 0
    }

    #masthead:not(.nav-hover-1) #mobile-navigation .main-nav-item [id*=primary-menu] li.menu-item-has-children {
        margin-bottom: .5em
    }

    #masthead.nav-hover-2 [id*=primary-menu]>li.menu-item>a:after,#masthead.nav-hover-2 [id*=primary-menu]>li.menu-item>a:before,#masthead.nav-hover-6 [id*=primary-menu]>li.menu-item>a:before,#masthead.nav-hover-7 [id*=primary-menu]>li.menu-item>a:before,#masthead.nav-hover-8 [id*=primary-menu]>li.menu-item>a:before {
        height: 3px
    }

    #masthead.nav-hover-3 [id*=primary-menu] li.menu-item a:before {
        border-top: 3px solid;
        border-bottom: 3px solid
    }

    #masthead.nav-hover-4 [id*=primary-menu] li.menu-item a:before {
        border-left: 3px solid;
        border-right: 3px solid
    }

    #masthead.nav-hover-5 [id*=primary-menu] li.menu-item a:before {
        border-left: 3px solid;
        border-top: 3px solid
    }

    #masthead.nav-hover-5 [id*=primary-menu] li.menu-item a:after {
        border-right: 3px solid;
        border-bottom: 3px solid
    }

    #masthead.nav-hover-7 [id*=primary-menu]>li.menu-item>a {
        padding: 0 20px
    }
}

header #mobile-navigation .main-nav-item,header #mobile-navigation .mobile-cart .atomion-mini-cart-widget {
    z-index: 9999999
}

header #desktop-navigation .atomion-mega-menu.sub-menu-wrap,header #desktop-navigation .atomion-simple-menu.sub-menu-wrap,header #desktop-navigation .desktop-cart .atomion-mini-cart-widget {
    z-index: 9999999!important
}

.site-main .comment-navigation,.site-main .post-navigation,.site-main .posts-navigation {
    margin: 0 0 1.5em;
    overflow: hidden
}

.comment-navigation .nav-previous,.post-navigation .nav-previous,.posts-navigation .nav-previous {
    float: left;
    width: 50%
}

.comment-navigation .nav-next,.post-navigation .nav-next,.posts-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%
}

.screen-reader-text {
    border: 0;
    clip: rect(1px,1px,1px,1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute!important;
    width: 1px;
    word-wrap: normal!important
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
    clip: auto!important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

#content[tabindex="-1"]:focus {
    outline: 0
}

.wp-block-columns {
    display: flex!important
}

@media screen and (min-width: 600px) {
    .wp-block-columns {
        flex-wrap:nowrap
    }

    .wp-block-columns.has-2-columns .wp-block-column {
        flex-basis: 50%
    }

    .wp-block-columns.has-3-columns .wp-block-column {
        flex-basis: 33%
    }

    .wp-block-columns.has-4-columns .wp-block-column {
        flex-basis: 25%
    }

    .wp-block-column:nth-child(odd) {
        margin-right: .5em
    }

    .wp-block-column:not(:first-child) {
        margin-left: .5em
    }

    .wp-block-column:not(:last-child) {
        margin-right: .5em
    }
}

#atomion-breadcrumbs {
    list-style: none;
    overflow: hidden
}

#atomion-breadcrumbs.breadcrumb-size-small {
    font-size: 80%;
    margin: 1.5rem auto
}

#atomion-breadcrumbs.breadcrumb-size-medium {
    margin: 3rem auto
}

#atomion-breadcrumbs.breadcrumb-size-large {
    margin: 3rem auto;
    font-size: 120%
}

#atomion-breadcrumbs li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px
}

#atomion-breadcrumbs li a {
    font-weight: 700;
    text-decoration: none
}

#atomion-breadcrumbs li a i {
    font-size: 120%;
    position: relative;
    top: 1px
}

#atomion-breadcrumbs .bread-current {
    font-weight: 400
}

#atomion-breadcrumbs .separator {
    font-size: 1.4em;
    line-height: 1;
    font-weight: 100;
    color: #404040
}

#atomion-breadcrumbs .separator .fa-arrow-right {
    font-size: 1rem;
    position: relative;
    top: -1.5px
}

.single-post #atomion-breadcrumbs.breadcrumb-size-small+article .entry-header {
    margin-top: 1.5rem
}

.archive.woocommerce #atomion-breadcrumbs.breadcrumb-size-small {
    margin-bottom: 0
}

.archive.woocommerce #atomion-breadcrumbs.breadcrumb-size-large,.archive.woocommerce #atomion-breadcrumbs.breadcrumb-size-medium {
    margin-bottom: 1.3rem
}

body:not(.page-template-page-blank-full-width-content):not(.page-template-page-blank):not(.transparent-header) #content.no-breadcrumb {
    margin-top: 4rem
}

body.archive:not(.page-template-page-blank-full-width-content):not(.page-template-page-blank):not(.transparent-header) #content.no-breadcrumb,body.page:not(.page-template-page-blank-full-width-content):not(.page-template-page-blank):not(.transparent-header) #content.no-breadcrumb {
    margin-top: 2rem
}

#content.no-breadcrumb #atomion-category-hero {
    margin-top: -2rem
}

.single-post #content.no-breadcrumb .entry-header {
    margin-top: 0
}

@media (max-width: 480px) {
    #atomion-breadcrumbs.breadcrumb-size-medium {
        margin:1.5rem auto
    }

    #atomion-breadcrumbs.breadcrumb-size-large {
        margin: 2rem auto
    }

    .single-post #atomion-breadcrumbs.breadcrumb-size-medium+article .entry-header {
        margin-top: 1.5rem
    }

    .single-post #atomion-breadcrumbs.breadcrumb-size-large+article .entry-header {
        margin-top: 2rem
    }

    .archive.woocommerce #atomion-breadcrumbs.breadcrumb-size-large,.archive.woocommerce #atomion-breadcrumbs.breadcrumb-size-medium {
        margin-bottom: 0
    }
}

.widget {
    margin: 0 0 1.5em
}

.widget select {
    max-width: 100%
}

footer .widget-title:after {
    content: '';
    display: block;
    width: 20px;
    height: 3px;
    margin-top: 9px
}

.sidebar .widget-title:after {
    content: '';
    display: block;
    width: 20px;
    height: 3px;
    margin-top: 10px
}

.atomion-trust .element-1-3 {
    float: left;
    width: 30%;
    margin: 4px
}

.atomion-trust .element-1-2 {
    float: left;
    width: 47%;
    margin: 4px
}

.sidebar .social-media-icon {
    display: inline-block;
    margin-right: 1.5rem
}

.sidebar .social-media-icon:last-child {
    margin-right: 0
}

#content {
    max-width: calc(1200px + 10%);
    padding: 0 5%
}

.sticky {
    display: block;
    opacity: 1
}

.hentry {
    margin: 0 0 1.5em
}

.updated:not(.published) {
    display: none
}

.entry-content,.entry-summary,.page-content {
    margin: 1.5em 0 0
}

.page-template-page-blank .entry-content {
    margin: 0
}

.page-links {
    clear: both;
    margin: 0 0 1.5em
}

.error404 #content {
    margin-bottom: 13em
}

.page-template-page-full-width-image .post-thumbnail.alignfull {
    width: 100vw
}

.page-template-page-blank-full-width-content #content {
    max-width: 100%;
    padding: 0
}

.page-template-page-blank-full-width-content .entry-content,.page-template-page-blank-full-width-content .hentry {
    margin-top: 0;
    margin-bottom: 0
}

.page-template-page-blank-full-width-content footer.site-footer {
    padding-top: 0
}

@media screen and (max-width: 600px) {
    .admin-bar .sticky {
        top:0
    }
}

#comments {
    margin-bottom: 8em
}

span.says {
    display: none
}

.comment-content a {
    word-wrap: break-word
}

.bypostauthor {
    display: block
}

#comments ol.commentlist {
    margin: 0;
    width: 100%;
    background: 0 0;
    list-style: none
}

#comments ol.commentlist li {
    position: relative;
    background: 0;
    float: left;
    width: 100%
}

#comments ol.commentlist li article {
    padding: 0 0 3em;
    margin: 0 0 3em;
    border-bottom: 1px solid #cbcbcb
}

#comments ol.children {
    max-width: 1000px;
    margin: 0 auto;
    list-style: none
}

#comments footer {
    float: left;
    width: 100%;
    margin-bottom: 2em
}

#comments footer a {
    text-decoration: none
}

#comments .comment-author img {
    width: 75px;
    position: relative;
    float: left;
    border: 0;
    padding: 0;
    margin-right: 20px
}

#comments .comment-author b.fn {
    font-size: 1.25em
}

#comments .comment-metadata {
    font-size: .9em
}

#comments .reply a {
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700
}

.comment-content {
    line-height: 1.5
}

.checkout-focus-label {
    transform: translate3d(0,100%,0);
    position: absolute;
    margin: -42px 0 0 15px;
    padding: 0!important;
    font-size: .8rem
}

#commentform {
    float: left;
    width: 100%
}

.comment-form-author,.comment-form-email {
    float: left;
    width: calc(50% - 1rem);
    max-width: 350px
}

.comment-form-author {
    margin-right: 2rem!important
}

.comment-form-author input,.comment-form-email input {
    width: 100%;
    max-width: 100%!important
}

.comment-form-comment {
    clear: both
}

#author::-webkit-input-placeholder,#comment::-webkit-input-placeholder,#email::-webkit-input-placeholder {
    text-transform: uppercase
}

#author::-moz-placeholder,#comment::-moz-placeholder,#email::-moz-placeholder {
    text-transform: uppercase
}

#author:-ms-input-placeholder,#comment:-ms-input-placeholder,#email:-ms-input-placeholder {
    text-transform: uppercase
}

#author:-moz-placeholder,#comment:-moz-placeholder,#email:-moz-placeholder {
    text-transform: uppercase
}

@media screen and (max-width: 600px) {
    .comment-form-author,.comment-form-email {
        width:100%;
        max-width: 100%;
        margin-right: 0!important;
        float: none
    }
}

.comment-content .wp-smiley,.entry-content .wp-smiley,.page-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

embed,iframe,object {
    max-width: 100%
}

.custom-logo-link {
    display: inline-block
}

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%
}

.wp-caption img[class*=wp-image-] {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption .wp-caption-text {
    margin: .8075em 0
}

.wp-caption-text {
    text-align: center
}

.gallery {
    margin: 0 0 -5px 0;
    float: left;
    width: 100%
}

.gallery .gallery-item {
    float: left;
    margin-top: 0;
    text-align: center;
    width: 33.33333333%;
    margin: 0
}

.gallery-columns-2 .gallery-item {
    width: 50%
}

.gallery-columns-4 .gallery-item {
    width: 25%
}

.gallery img:hover {
    background: #fff
}

.gallery-columns-2 .attachment-medium,.gallery-columns-3 .attachment-medium {
    max-width: 100%;
    padding: 5px;
    height: auto
}

.gallery-columns-4 .attachment-thumbnail {
    max-width: 100%;
    padding: 5px;
    height: auto
}

.gallery .gallery-caption {
    color: #888;
    font-size: 12px;
    margin: 0 0 12px
}

.gallery dl,.gallery dt {
    margin: 0
}

.gallery br+br {
    display: none
}

#atomion-sticky-post {
    margin-bottom: 5em
}

#atomion-sticky-post-mobile h3 {
    margin-top: 0
}

#atomion-sticky-post-mobile .atomion-post-category {
    margin-top: 1.5em
}

#atomion-sticky-post-mobile img {
    width: 100%
}

#atomion-sticky-post-mobile .slick-dots {
    bottom: 0
}

#atomion-sticky-post-content {
    padding: 0 3em
}

#atomion-sticky-post-content h2 {
    font-size: 2em;
    font-weight: 800;
    margin-top: 0
}

#atomion-sticky-post-content h2:after {
    display: none
}

#atomion-sticky-post-content h2 a,#atomion-three-sticky-posts h3 a {
    text-decoration: none
}

#atomion-three-sticky-posts {
    justify-content: space-between;
    margin: 0 -.5em;
    width: calc(100% + 1em)
}

#atomion-three-sticky-posts .atomion-post-category {
    margin-top: 2em;
    padding: 0 1.2em;
    float: left
}

#atomion-three-sticky-posts h3 {
    font-size: 1.25em;
    padding: 0 1em
}

#atomion-three-sticky-posts .post {
    padding: .5em
}

#atomion-three-sticky-posts .post>a {
    overflow: hidden;
    position: relative;
    float: left;
    line-height: 0
}

#atomion-more-latest-posts,#blog-sidebar {
    float: left;
    margin-top: 3em
}

.archive #atomion-more-latest-posts,.archive #blog-sidebar,.search #atomion-more-latest-posts,.search #blog-sidebar {
    margin-top: 1.5em
}

#atomion-more-latest-posts.center {
    margin: 6em auto 0;
    float: none
}

#atomion-more-latest-posts h3 {
    font-size: 1em;
    margin: 0 0 1.5em;
    line-height: 1
}

#atomion-more-latest-posts h3:after {
    content: '';
    display: block;
    width: 20px;
    height: 3px;
    margin-top: 14px
}

#blog-sidebar .atomion-searchform input:hover {
    box-shadow: none
}

#blog-sidebar.sidebar-right,#blog-sidebar.sidebar-right .sidebar-content {
    float: right
}

#atomion-more-latest-posts article,.archive article,.search article {
    margin-bottom: 6.7em
}

#atomion-more-latest-posts article .post-thumbnail,.archive article .post-thumbnail,.search article .post-thumbnail {
    margin-bottom: 2em;
    display: block;
    line-height: 0;
    overflow: hidden
}

#atomion-blog-article-content-wrapper {
    width: 100%;
    padding: 0 3em
}

#atomion-more-latest-posts article h2,.archive article h2,.search article h2 {
    font-size: 2em;
    font-weight: 800;
    margin: 0
}

#atomion-more-latest-posts article .entry-content,.archive article .entry-content,.search article .entry-content {
    margin: .5em 0
}

#atomion-more-latest-posts article h2:after,.archive article h2:after,.search article h2:after {
    display: none
}

#atomion-more-latest-posts article h2 a,.archive article h2 a,.search article h2 a {
    text-decoration: none
}

.archive article footer.entry-footer,.blog #atomion-latest-posts footer.entry-footer,.blog article footer.entry-footer,.search article footer.entry-footer {
    text-transform: uppercase;
    margin-top: .8em
}

#atomion-latest-posts {
    margin-bottom: 3em
}

.search .no-results #atomion-searchform input {
    margin-bottom: 3em
}

.atomion-post-category {
    text-transform: uppercase;
    font-weight: 600
}

.archive #atomion-sticky-post-thumbnail,.archive #atomion-three-sticky-posts .post,.archive .post-thumbnail,.blog #atomion-sticky-post-thumbnail,.blog #atomion-three-sticky-posts .post,.blog .post-thumbnail {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.archive #atomion-sticky-post-thumbnail:before,.archive #atomion-three-sticky-posts .post:before,.archive .post-thumbnail:before,.blog #atomion-sticky-post-thumbnail:before,.blog #atomion-three-sticky-posts .post:before,.blog .post-thumbnail:before {
    content: '';
    display: block;
    visibility: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0;
    transition: all .3s ease-in-out
}

.archive #atomion-sticky-post-thumbnail:hover:before,.archive #atomion-three-sticky-posts .post:hover:before,.archive .post-thumbnail:hover:before,.blog #atomion-sticky-post-thumbnail:hover:before,.blog #atomion-three-sticky-posts .post:hover:before,.blog .post-thumbnail:hover:before {
    opacity: 1;
    visibility: visible;
    height: auto
}

.archive #atomion-sticky-post-thumbnail img,.archive #atomion-three-sticky-posts .post img,.archive .post-thumbnail img,.blog #atomion-sticky-post-thumbnail img,.blog #atomion-three-sticky-posts .post img,.blog .post-thumbnail img {
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,transform .35s;
    -webkit-transform: scale(1);
    transform: scale(1);
    overflow: hidden
}

.archive #atomion-sticky-post-thumbnail:hover img,.archive #atomion-three-sticky-posts .post:hover img,.archive .post-thumbnail:hover img,.blog #atomion-sticky-post-thumbnail:hover img,.blog #atomion-three-sticky-posts .post:hover img,.blog .post-thumbnail:hover img {
    opacity: .3;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    overflow: hidden
}

.archive #atomion-sticky-post-thumbnail:hover span,.archive #atomion-three-sticky-posts .post:hover span,.archive .post-thumbnail:hover span,.blog #atomion-sticky-post-thumbnail:hover span,.blog #atomion-three-sticky-posts .post:hover span,.blog .post-thumbnail:hover span {
    visibility: visible
}

.atomion-blog-lupe {
    z-index: 9999;
    position: absolute;
    margin: 0 auto;
    display: block;
    width: 50px;
    height: 50px;
    visibility: hidden
}

.post-thumbnail .atomion-blog-lupe {
    top: 0;
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center
}

#atomion-sticky-post-thumbnail a {
    line-height: 0;
    float: left
}

#atomion-sticky-post-thumbnail a .atomion-blog-lupe {
    top: 0;
    display: flex;
    position: absolute;
    align-items: center;
    height: 100%;
    width: 100%;
    justify-content: center
}

#atomion-three-sticky-posts .atomion-blog-lupe {
    top: 0;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    animation: atomionFadeIn .5s
}

#atomion-sticky-post-thumbnail:hover .atomion-blog-lupe i,#atomion-three-sticky-posts .post>a:hover .atomion-blog-lupe i {
    animation: atomionFadeIn .5s
}

.atomion-blog-lupe i {
    color: #000;
    font-size: 3em
}

#atomion-mobile-sidebar-button,#atomion-mobile-sidebar-prefix {
    display: none
}

@media (max-width: 768px) {
    #atomion-sticky-post-thumbnail {
        margin-bottom:1.5em
    }

    #atomion-mobile-sidebar-prefix {
        display: inline-block;
        padding: .64rem 0;
        font-weight: 600;
        width: calc(100% - 40px);
        text-align: right
    }

    #atomion-mobile-sidebar-button {
        display: block;
        width: 30px;
        text-align: right;
        float: right;
        font-size: 1.5em;
        overflow-x: hidden;
        padding: 0;
        background: 0 0;
        border: unset;
        line-height: 1.5
    }

    #blog-sidebar>.sidebar-content {
        display: none;
        width: 100%
    }

    #blog-sidebar,.archive #blog-sidebar,.search #blog-sidebar {
        margin-top: 0
    }

    #atomion-more-latest-posts {
        margin-top: 1em
    }

    #blog-sidebar .atomion-searchfield {
        max-width: 100%
    }

    #atomion-more-latest-posts h3 {
        margin-bottom: 2em
    }
}

@media (max-width: 480px) {
    #atomion-blog-article-content-wrapper,#atomion-sticky-post-content {
        padding:0 1em
    }

    #atomion-more-latest-posts article,.archive article,.search article {
        margin-bottom: 3.7em
    }

    #atomion-sticky-post-mobile .slick-slide {
        margin: 0 0 35px
    }

    #atomion-more-latest-posts article h2,.archive article h2,.search article h2 {
        font-size: 1.5em
    }
}

.single-post .entry-header {
    margin: 3em 0 3.7em
}

.single-post .entry-content {
    max-width: calc(1200px - 200px);
    margin: 0 auto
}

.single-post .post-thumbnail {
    margin-bottom: 2em
}

.single-post .atomion-post-category {
    text-align: center;
    margin-bottom: .8em
}

.single-post .entry-title {
    font-size: 2.5em;
    text-align: center;
    margin: 0 0 .3em
}

.single-post .entry-title:after {
    visibility: hidden
}

.single-post .entry-meta {
    text-align: center;
    text-transform: uppercase;
    font-weight: 700
}

.single .entry-meta {
    text-transform: uppercase
}

.single .entry-meta>* {
    display: inline-block
}

.single-attachment .entry-meta a,.single-post .entry-meta a {
    text-decoration: none
}

.single-post .alignwide {
    max-width: 1200px;
    width: 100vw
}

.single-post .sep {
    margin: 0 .5em
}

.single-post .entry-content h2:after {
    display: none
}

.single-post #meta-footer {
    margin-top: 3em
}

[class^=wc-block] li:not(.wc-block-product-categories-list-item) {
    padding-left: 0
}

[class^=wc-block] h1::after,[class^=wc-block] h2::after,[class^=wc-block] li:not(.wc-block-product-categories-list-item):before {
    display: none!important
}

[class^=wc-block] select {
    width: auto
}

[class^=wc-block] a.wp-block-button__link {
    color: #fff
}

#shipping_method li:before,.slick-dots li:before {
    content: ""!important
}

.single-post h2.section-headding {
    text-align: center;
    font-size: 2.5em;
    margin: 2.3em 0
}

.single-post h2.section-headding:after {
    width: 100%;
    position: absolute;
    left: 0;
    margin-top: 1em;
    background: #ddd;
    height: 1px
}

.single-post #meta-footer a {
    text-decoration: none
}

.single-post #meta-footer table {
    margin: 0
}

.single-post #meta-footer .atomion-shariff-table {
    margin-bottom: .6em
}

@media (max-width: 1200px) {
    .single-post .alignwide {
        width:90vw!important
    }
}

@media (max-width: 480px) {
    .single-post #meta-footer td {
        width:100%;
        display: block
    }

    .single-post h2.section-headding {
        font-size: 1.8em
    }
}

#atomion-reading-progress {
    position: fixed;
    top: 0;
    width: 100%;
    height: 3px;
    margin: 0;
    left: 0;
    z-index: 99999
}

#atomion-reading-progress .bar {
    height: 3px;
    position: fixed
}

.admin-bar #atomion-reading-progress {
    top: 32px
}

@media screen and (max-width: 782px) {
    .admin-bar #atomion-reading-progress {
        top:46px
    }
}

@media screen and (max-width: 600px) {
    .admin-bar #atomion-reading-progress {
        top:0
    }
}

.archive #footer-action-bar .inner,.blog #footer-action-bar .inner,.search #footer-action-bar .inner,.woocommerce #footer-action-bar .inner {
    justify-content: center
}

ul.page-numbers {
    display: inline-block
}

ul.page-numbers li {
    font-size: 1.25rem;
    padding: .6rem;
    min-width: 1em;
    display: inline-block;
    text-align: center
}

ul.page-numbers li span.current,ul.page-numbers li:hover {
    font-weight: 900;
    color: #3d464f;
    background: 0 0
}

ul.page-numbers li span.current:after {
    content: '';
    display: block;
    position: relative;
    width: 16px;
    height: 1px;
    background: #3d454f;
    margin-top: 8px
}

ul.page-numbers li a {
    color: #404040
}

.search-item {
    position: relative;
    z-index: 99
}

.search-dropdown.wrapper {
    display: none;
    position: absolute;
    right: 0
}

.atomion-searchform input {
    float: left;
    height: 50px
}

.widget .atomion-searchform .atomion-searchfield {
    width: calc(100% - 50px);
    max-width: 100%
}

.atomion-searchfield::placeholder {
    text-transform: uppercase;
    font-weight: 300
}

.atomion-searchfield:-ms-input-placeholder {
    text-transform: uppercase;
    font-weight: 300
}

.atomion-searchfield::-ms-input-placeholder {
    text-transform: uppercase;
    font-weight: 300
}

.atomion-searchform .atomion-searchfield {
    border-right: 0
}

#mobile-navigation .atomion-searchfield {
    width: calc(100% - 50px)
}

.atomion-searchform .atomion-searchicon {
    position: relative;
    width: 50px;
    height: 50px;
    float: left;
    text-align: center;
    padding: 14px;
    font-size: 1rem;
    color: #fff;
    border: 3px solid;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in
}

.atomion-searchform .atomion-searchsubmit {
    position: absolute;
    width: 50px;
    height: 50px;
    top: -3px;
    right: -3px;
    background: 0 0;
    border: 0!important
}

.error404 .atomion-searchfield {
    width: calc(100% - 50px)
}

#search-results-wrapper {
    margin: 1.5em auto
}

.search .woocommerce.sidebar-active ul.products {
    width: 80%;
    float: left;
    padding-right: 4.5em
}

.search-results .sidebar-active #search-results-wrapper {
    float: right
}

.search-results article.product {
    width: 100%;
    display: flex;
    align-items: center
}

.search-results article.product .post-thumbnail {
    flex-basis: 50%;
    margin-bottom: 0
}

.search-results article.product .price {
    font-size: 1.3em;
    line-height: 1;
    font-weight: 900;
    color: #333;
    margin: 0 0 10px
}

.search-results article.product .price del {
    color: inherit;
    opacity: .5;
    display: inline-block
}

.search-results article.product .price ins,.search-results article.product p.price ins {
    color: #e84948;
    background: 0 0
}

@media (max-width: 768px) {
    #search-results-wrapper {
        display:flex;
        flex-flow: column
    }

    .search .woocommerce.sidebar-active ul.products {
        width: 100%;
        padding-right: 0;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap
    }

    .search .woocommerce.sidebar-active ul.products:before {
        display: none
    }

    .search .woocommerce.sidebar-active ul.products li {
        flex-basis: 48%;
        float: left;
        position: relative;
        clear: both;
        margin: 0 0 2.992em!important
    }

    .woocommerce.sidebar-active #shop-sidebar:before {
        line-height: 1.5
    }

    .search #shop-sidebar {
        top: -10px
    }
}

.sidebar section {
    float: left;
    padding-bottom: 2em;
    border-bottom: 1px solid #cbcbcb
}

.sidebar .widget-title {
    text-transform: uppercase;
    font-weight: 700;
    font-size: .88em;
    letter-spacing: .05em;
    margin-bottom: 1.3em
}

.sidebar .ham {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: transform .4s;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.sidebar .hamRotate.active {
    transform: rotate(45deg)
}

.sidebar .hamRotate180.active {
    transform: rotate(180deg)
}

.sidebar .line {
    fill: none;
    transition: stroke-dasharray .4s,stroke-dashoffset .4s;
    stroke: #000;
    stroke-width: 5.5;
    stroke-linecap: round
}

.sidebar .ham1 .top {
    stroke-dasharray: 40 139
}

.sidebar .ham1 .bottom {
    stroke-dasharray: 40 180
}

.sidebar .ham1.active .top {
    stroke-dashoffset: -98px
}

.sidebar .ham1.active .bottom {
    stroke-dashoffset: -138px
}

#blog-sidebar .widget-title:first-child {
    margin-top: 0
}

.widget_search form.search-form {
    position: relative
}

.widget_search .search-submit {
    position: absolute;
    right: 0;
    top: 0;
    width: 70px;
    height: 54px;
    padding: 0;
    border: 0;
    background: #38bae3;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    border-radius: 0
}

.sidebar-content .widget_block {
    width: 100%
}

.widget_categories ul,.woocommerce.widget_product_categories ul,.wp-block-woocommerce-product-categories ul.wc-block-product-categories-list {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.widget_categories ul.children,.woocommerce.widget_product_categories ul.children,.wp-block-woocommerce-product-categories ul.wc-block-product-categories-list:not(.wc-block-product-categories-list--depth-0) {
    margin-left: 1em
}

.widget_categories ul li,.woocommerce.widget_product_categories ul li,.wp-block-woocommerce-product-categories ul.wc-block-product-categories-list li {
    margin: 3px 0;
    padding-right: 25px;
    position: relative
}

.widget_categories ul li a,.woocommerce.widget_product_categories ul li a,.wp-block-woocommerce-product-categories ul.wc-block-product-categories-list li a {
    font-size: .87em;
    text-decoration: none;
    text-transform: uppercase
}

.widget_categories ul li a:after,.woocommerce.widget_product_categories ul li a:after,.wp-block-woocommerce-product-categories ul.wc-block-product-categories-list li a:after {
    content: "\f105"!important;
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 700;
    float: right;
    font-size: 1.3em;
    transition: .2s all ease;
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
    display: flex;
    align-items: flex-start
}

.widget_categories ul li a:hover:after,.woocommerce.widget_product_categories ul li a:hover:after,.wp-block-woocommerce-product-categories ul.wc-block-product-categories-list li a:hover:after {
    margin-right: .5em;
    transition: .2s all ease
}

.widget_categories ul li a::after,.woocommerce.widget_product_categories ul li.cat-parent a::after {
    align-items: flex-start;
    height: auto
}

.widget_categories ul.children li a::after,.wp-block-woocommerce-product-categories ul.wc-block-product-categories-list:not(.wc-block-product-categories-list--depth-0) li a::after {
    align-items: center;
    height: 100%
}

.widget_categories ul.children,.woocommerce.widget_product_categories ul.children,.wp-block-woocommerce-product-categories ul.wc-block-product-categories-list:not(.wc-block-product-categories-list--depth-0) {
    margin-left: 0!important;
    padding-left: 1em!important;
    width: calc(100% + 25px)
}

.wp-block-woocommerce-product-categories ul.wc-block-product-categories-list--has-images {
    padding-left: 60px
}

.wp-block-woocommerce-product-categories .wc-block-product-categories__dropdown {
    max-width: calc(100% - 50px);
    width: 100%
}

.wp-block-woocommerce-product-categories .wc-block-product-categories__dropdown select {
    border-right: 0;
    margin: 0;
    width: 100%
}

.wp-block-woocommerce-product-categories .wc-block-product-categories__button {
    border-radius: 0;
    color: #fff;
    transition: .3s all ease;
    width: 50px;
    justify-content: center
}

.widget .tagcloud a {
    display: inline-block;
    font-size: 11px!important;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
    margin-bottom: 5px;
    padding: 8px;
    border: 1px solid #cbcbcb;
    border-radius: 6px
}

#content .widget .tagcloud a:hover {
    color: #fff;
    transition: .3s all ease
}

.sidebar-content #wp-calendar tbody td {
    text-align: center
}

.sidebar-content #wp-calendar #today {
    font-weight: 700
}

.atomion-bg-grey {
    background: #f5f5f5
}

.atomion-bg-grey.atomion-product-carousel ul.products .slick-list li,.atomion-has-bg-color.atomion-product-carousel ul.products .slick-list li {
    transform: scale(.98);
    transition: .2s all ease-in-out
}

.atomion-bg-grey.atomion-product-carousel ul.products .slick-list li:hover,.atomion-has-bg-color.atomion-product-carousel ul.products .slick-list li:hover {
    transform: scale(1);
    box-shadow: 0 5px 40px rgba(204,204,204,.75);
    transition: .2s all ease-in-out
}

.atomion-offset:not(.gutenberg-block):not(.atomion-block),.atomion-offset>ul.products {
    margin-top: -13em!important
}

.atomion-block.no-description .product-excerpt,[class^=wp-block-woocommerce] .no-description .product-excerpt {
    display: none
}

.atomion-block .atomion-woocommerce-product-category a,[class^=wp-block-woocommerce] .atomion-woocommerce-product-category a {
    color: #404040
}

.atomion-block.atomion-product-carousel .woocommerce ul.products li.last,.atomion-block.atomion-product-carousel .woocommerce-page ul.products li.first,.atomion-block.atomion-product-carousel .woocommerce-page ul.products li.last,.atomion-block.atomion-product-carousel ul.products li.first,.atomion-product-carousel .woocommerce ul.products li.last,.atomion-product-carousel .woocommerce-page ul.products li.first,.atomion-product-carousel .woocommerce-page ul.products li.last,[class^=wp-block-woocommerce] .atomion-product-carousel ul.products li.first {
    clear: unset
}

.atomion-block.atomion-has-bg-color,[class^=wp-block-woocommerce] .atomion-bg-grey {
    padding: 4em 0;
    margin-left: calc(50% - 0px)
}

.atomion-block.atomion-offset,[class^=wp-block-woocommerce] .atomion-offset {
    margin-top: 6em
}

.atomion-block.atomion-offset.atomion-product-carousel,[class^=wp-block-woocommerce] .atomion-offset.atomion-product-carousel {
    margin-top: 8em
}

.atomion-block.atomion-has-bg-color .slick-dots,[class^=wp-block-woocommerce] .atomion-bg-grey .slick-dots {
    bottom: -20px
}

.atomion-block.atomion-product-carousel ul.products li,[class^=wp-block-woocommerce] .atomion-product-carousel ul.products li {
    margin-top: 0!important
}

.atomion-block.atomion-offset .woocommerce ul.products .slick-list li,.atomion-offset .woocommerce ul.products .slick-list li {
    margin-bottom: 4em
}

.atomion-block.atomion-offset .woocommerce ul.products .slick-dots,.atomion-offset .woocommerce ul.products .slick-dots {
    bottom: 5px
}

.atomion-block.atomion-product-carousel ul.products .slick-dots li,[class^=wp-block-woocommerce] .atomion-product-carousel ul.products .slick-dots li {
    width: auto!important;
    margin: 0;
    padding: 0
}

.atomion-block.atomion-product-carousel ul.products .slick-next,[class^=wp-block-woocommerce] .atomion-product-carousel ul.products .slick-next {
    right: -55px;
    overflow-y: hidden
}

.atomion-block.atomion-product-carousel ul.products .slick-prev,[class^=wp-block-woocommerce] .atomion-product-carousel ul.products .slick-prev {
    left: -55px;
    overflow-y: hidden
}

.atomion-block.woocommerce ul.products,[class^=wp-block-woocommerce]>.woocommerce ul.products {
    max-width: 1200px;
    margin: 0 auto
}

.atomion-angel-right a:after {
    content: "\f105";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 700;
    font-size: 1.4em;
    position: relative;
    left: .7em;
    top: 3px
}

[class^=wp-block-woocommerce].atomion-text-align-center .site-product-meta .atomion-woocommerce-product-category,[class^=wp-block-woocommerce].atomion-text-align-center .site-product-meta .go-to-product,[class^=wp-block-woocommerce].atomion-text-align-center .site-product-meta .price,[class^=wp-block-woocommerce].atomion-text-align-center .site-product-meta .product-excerpt,[class^=wp-block-woocommerce].atomion-text-align-center .site-product-meta .wgm-info,[class^=wp-block-woocommerce].atomion-text-align-center .site-product-meta h2 {
    text-align: center!important
}

[class^=wp-block-woocommerce].atomion-text-align-center .site-product-meta h2:after {
    margin: 1em auto 0
}

#content .atomion-big-headline {
    font-size: 2.5em;
    margin-bottom: .5em
}

#content .atomion-big-headline:after {
    display: none
}

@media (min-width: 768px) and (max-width:1460px) {
    .atomion-block.atomion-product-carousel ul.products .slick-next,.atomion-block.atomion-product-carousel ul.products .slick-prev,[class^=wp-block-woocommerce] .atomion-product-carousel ul.products .slick-next,[class^=wp-block-woocommerce] .atomion-product-carousel ul.products .slick-prev {
        display:none!important
    }
}

@media (max-width: 480px) {
    .atomion-block.atomion-product-carousel ul.products .slick-next,.atomion-block.atomion-product-carousel ul.products .slick-prev,[class^=wp-block-woocommerce] .atomion-product-carousel ul.products .slick-next,[class^=wp-block-woocommerce] .atomion-product-carousel ul.products .slick-prev {
        width:40px;
        height: 40px
    }

    .atomion-block.atomion-product-carousel ul.products .slick-next,[class^=wp-block-woocommerce] .atomion-product-carousel ul.products .slick-next {
        right: 0
    }

    .atomion-block.atomion-product-carousel ul.products .slick-prev,[class^=wp-block-woocommerce] .atomion-product-carousel ul.products .slick-prev {
        left: 0
    }

    #content .atomion-big-headline {
        font-size: 1.8em
    }
}

#footer-action-bar .inner,#footer-top .inner,#main-footer .inner,.page-template-page-blank #content .row {
    max-width: calc(1200px + 10%)
}

footer.site-footer {
    padding-top: 4em
}

#footer-action-bar {
    height: 100px;
    background: #ededed;
    border-top: 1px solid #cbcbcb;
    border-bottom: 1px solid #cbcbcb
}

#footer-action-bar .inner {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    padding-left: 5%;
    padding-right: 5%
}

#footer-action-bar .inner>div {
    flex-basis: 33%;
    max-width: 33%;
    text-transform: uppercase;
    font-weight: 900
}

#footer-action-bar .inner>div:first-child.back-to-top {
    max-width: 100%;
    flex-basis: 100%
}

#footer-action-bar .inner a {
    text-decoration: none
}

#footer-action-bar .prev {
    order: 1;
    text-align: left
}

#footer-action-bar .back-to-top {
    order: 2;
    text-align: center;
    cursor: pointer
}

#footer-action-bar .back-to-top i {
    display: block;
    margin-bottom: 15px;
    font-size: 18px
}

#footer-action-bar .back-to-top i.fa-angle-double-up {
    animation: fadeUpInOut 3s infinite;
    -webkit-animation: fadeUpInOut 3s infinite;
    -moz-animation: fadeUpInOut 3s infinite;
    -o-animation: fadeUpInOut 3s infinite
}

@keyframes fadeUpInOut {
    0% {
        opacity: 0;
        transform: translateY(10px)
    }

    10% {
        opacity: .5
    }

    20% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    90% {
        opacity: 5
    }

    100% {
        opacity: 0;
        transform: translateY(-10px)
    }
}

#footer-action-bar .next {
    order: 3;
    text-align: right
}

#footer-action-bar .next i,#footer-action-bar .prev i {
    font-size: 1.2em;
    position: relative;
    top: 2px
}

#footer-action-bar .prev i {
    margin-right: 1em
}

#footer-action-bar .next i {
    margin-left: 1em
}

footer .widget-title {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1em;
    margin: 1em 0
}

footer .social-media-icon {
    width: 35px;
    height: 35px;
    float: left;
    margin-right: 10px;
    border-radius: 50%
}

footer .social-media-icon a {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    font-size: 1.2em
}

footer .social-media-icon:hover,footer .social-media-icon:hover i {
    transition: .3s all ease-in-out
}

#main-footer .inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 auto;
    padding: 4em 5%
}

#footer-top ul {
    list-style: none
}

#footer-top .inner {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 1em 5% 0 5%
}

#main-footer ul {
    margin: 0;
    padding: 0
}

#main-footer ul li {
    list-style: none;
    margin-bottom: .5em
}

#main-footer ul li a {
    text-decoration: none
}

#footer-bottom {
    width: 100%;
    float: left;
    padding: 1.3em 2.5em
}

#footer-bottom .inner {
    width: 100%;
    column-gap: normal;
    -js-display: flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

#footer-bottom.content-width .inner {
    max-width: 1200px;
    margin: 0 auto
}

#footer-bottom.has-logo .inner .pull-right {
    padding-left: 3em
}

#main-footer .inner>* {
    padding: 0 10px
}

#footer-bottom .footer-logo,#footer-bottom .logo {
    max-width: 150px;
    width: 100%
}

#footer-bottom .sep {
    display: block;
    margin-left: 10px
}

#footer-bottom ul li {
    list-style-type: none;
    display: inline-block;
    margin-left: 10px
}

#footer-bottom span,#footer-bottom ul li a {
    font-size: .85em;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 2
}

#footer-bottom ul#footer-bottom-menu {
    margin: 0;
    padding: 0
}

@media screen and (max-width: 1000px) {
    #footer-bottom.has-logo .inner .pull-right {
        padding-left:0;
        margin-top: 1em
    }
}

@media (max-width: 768px) {
    #footer-action-bar .inner a span,.single-product #footer-action-bar .next,.single-product #footer-action-bar .prev {
        display:none
    }

    #footer-action-bar .inner .page-numbers a {
        display: inherit
    }

    #footer-action-bar .next,#footer-action-bar .prev {
        display: flex;
        align-items: center
    }

    #footer-action-bar .prev {
        justify-content: flex-start
    }

    #footer-action-bar .next {
        justify-content: flex-end
    }

    #footer-action-bar .back-to-top i {
        margin-bottom: 5px;
        font-size: 23px
    }

    #footer-action-bar .prev i {
        margin-right: .5em
    }

    #footer-action-bar .next i {
        margin-left: .5em
    }
}

@media (max-width: 480px) {
    footer section {
        width:100%;
        flex-basis: 100%
    }

    #main-footer ul li {
        hyphens: auto
    }
}

@media (max-width: 350px) {
    #footer-action-bar .inner {
        font-size:.9em
    }
}

.atomion-newsletter {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-wrap: wrap
}

.atomion-newsletter h3 {
    font-weight: 700;
    text-transform: normal
}

.atomion-newsletter h3:after {
    content: none
}

.atomion-newsletter section.col-news-1 {
    width: 10%;
    flex-basis: 10%
}

.atomion-newsletter section.col-news-1 img {
    padding: 20px
}

.atomion-newsletter section.col-news-8 {
    width: 60%;
    flex-basis: 60%
}

.atomion-newsletter section.col-news-3 {
    width: 30%;
    flex-basis: 30%
}

@media (max-width: 999px) {
    .atomion-newsletter {
        flex-flow:column;
        width: 50%;
        margin-left: auto;
        margin-right: auto
    }

    .atomion-newsletter section.col-news-1 {
        width: 30%;
        flex-basis: 30%
    }

    .atomion-newsletter section.col-news-3,.atomion-newsletter section.col-news-8 {
        width: 100%;
        flex-basis: 100%
    }
}

@media (max-width: 768px) {
    .atomion-newsletter {
        width:100%
    }
}

@media (max-width: 1000px) {
    #footer-bottom .inner,#footer-bottom .inner .col.pull-right {
        flex-wrap:wrap
    }

    #footer-bottom .inner .col,#footer-bottom .inner .col.pull-right .credits {
        width: 100%
    }

    #footer-bottom .inner .col.pull-right .sep {
        display: none
    }

    #footer-bottom .inner .col.pull-left .logo,#footer-bottom .inner .col.pull-right .credits {
        margin-left: 10px
    }
}

@media (max-width: 480px) {
    #footer-bottom .inner {
        flex-wrap:wrap;
        justify-content: center
    }

    #footer-top .inner>* {
        width: 100%;
        flex-basis: 100%
    }

    #footer-bottom .inner * {
        justify-content: center;
        flex-wrap: wrap;
        text-align: center
    }
}

.atomion-lightbox-search {
    position: relative;
    text-align: center
}

.atomion-lightbox-search {
    position: fixed;
    z-index: 100000;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100vh
}

.atomion-lightbox-search::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: rgba(0,0,0,.3)
}

.search__inner {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50%;
    background: #f0f0f0
}

.search__inner--up {
    color: #dce6e6;
    background: #fff
}

.search__inner--down {
    top: 50%;
    color: #dce6e6
}

.btn--search-close {
    font-size: 2em;
    position: absolute;
    z-index: 100;
    top: 1.25em;
    right: 1.25em;
    display: none;
    border: 0!important;
    background: 0 0
}

.search--open .btn--search-close:hover {
    transform: rotate(90deg);
    transition: .2s all ease
}

.btn--search-close {
    display: block
}

.atomion-lightbox-search .atomion-searchform {
    width: 100%;
    max-width: 900px;
    margin: 0 auto
}

.atomion-lightbox-search .lightbox-searchfield-wrapper {
    width: 85%;
    max-width: 900px
}

.atomion-lightbox-search .atomion-searchfield {
    font-family: inherit;
    font-size: 7vw;
    line-height: 1;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    padding: 0 0 .1em 0;
    color: inherit;
    background: 0 0;
    border: 0;
    border-bottom: 4px solid;
    max-width: unset;
    height: auto
}

.atomion-lightbox-search .atomion-searchicon {
    display: none
}

.atomion-lightbox-search .atomion-searchfield::-webkit-input-placeholder {
    opacity: .1;
    color: #2d3535
}

.atomion-lightbox-search .atomion-searchfield::-moz-placeholder {
    opacity: .1;
    color: #2d3535
}

.atomion-lightbox-search .atomion-searchfield:-ms-input-placeholder {
    opacity: .1;
    color: #2d3535
}

.atomion-lightbox-search .atomion-searchfield::-webkit-search-cancel-button,.atomion-lightbox-search .atomion-searchfield::-webkit-search-decoration {
    -webkit-appearance: none
}

.atomion-lightbox-search .atomion-searchfield::-ms-clear {
    display: none
}

.search__info {
    font-size: 90%;
    font-weight: 700;
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: .85em 0;
    text-align: right;
    float: left
}

.search__related {
    display: flex;
    width: 85%;
    max-width: 900px;
    pointer-events: none
}

.search__suggestion {
    width: 50%;
    padding: 0 1em 0 0;
    text-align: left
}

.search__suggestion:last-child {
    padding: 0 0 0 1em
}

.search__suggestion h1,.search__suggestion h2,.search__suggestion h3,.search__suggestion h4 {
    color: #fff
}

.search__suggestion h3 {
    font-size: 1.35em;
    margin: 0
}

.search__suggestion p {
    font-size: 1.15em;
    color: #fff;
    line-height: 1.4;
    margin: .75em 0 0 0
}

.atomion-lightbox-search {
    pointer-events: none
}

.search--open {
    pointer-events: auto
}

.atomion-lightbox-search::before {
    opacity: 0;
    transition: opacity .6s;
    transition-timing-function: cubic-bezier(.2,1,.3,1)
}

.search--open::before {
    opacity: 1
}

.btn--search {
    transition: opacity 0s
}

.btn--search-close {
    opacity: 0;
    transform: scale3d(.8,.8,1);
    transition: opacity .6s,transform .6s;
    transition-timing-function: cubic-bezier(.2,1,.3,1)
}

.search--open .btn--search-close {
    opacity: 1;
    transform: scale3d(1,1,1);
    background: 0 0;
    border: 0
}

.search__inner {
    transition: transform .6s;
    transition-timing-function: cubic-bezier(.2,1,.3,1)
}

.search__inner--up {
    transform: translate3d(0,-100%,0)
}

.search__inner--down {
    transform: translate3d(0,100%,0)
}

.search--open .search__inner {
    transform: translate3d(0,0,0)
}

.search__suggestion {
    transform: translate3d(0,150px,0);
    transition: transform 1s;
    transition-timing-function: cubic-bezier(.2,1,.3,1)
}

.search--open .search__suggestion {
    transform: translate3d(0,0,0);
    transition-delay: 50ms
}

.search--open .search__suggestion:last-child {
    transition-delay: .1s
}

@media screen and (max-width: 40em) {
    .btn--search-close {
        font-size:1.25em
    }

    .search__suggestion {
        width: 100%
    }

    .search__suggestion:last-child {
        display: none
    }
}

.shariff:after,.shariff:before {
    content: " ";
    display: table
}

.shariff:after {
    clear: both
}

.shariff ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.shariff li {
    overflow: hidden
}

.shariff li,.shariff li a {
    height: 35px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.entry-content .shariff ul li a,.shariff li a {
    color: #666;
    position: relative;
    display: block;
    text-decoration: none
}

.shariff li .share_count,.shariff li .share_text {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    vertical-align: middle;
    line-height: 35px
}

.shariff li .fab,.shariff li .far,.shariff li .fas {
    width: 35px;
    line-height: 35px;
    text-align: center;
    vertical-align: middle
}

.shariff li .share_count {
    padding: 0 8px;
    height: 33px;
    position: absolute;
    top: 1px;
    right: 1px
}

.shariff-button a:hover span {
    transition: .3s all ease-in-out
}

.shariff .orientation-horizontal li {
    -webkit-box-flex: 1
}

.shariff .orientation-horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap
}

.shariff .orientation-horizontal li {
    float: left;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 35px;
    margin-right: 2%;
    margin-bottom: 10px;
    padding-left: 0
}

.shariff .orientation-horizontal li:last-child {
    margin-right: 0
}

.shariff .orientation-horizontal li .share_text {
    display: block;
    text-indent: -9999px;
    padding-left: 3px
}

.shariff .orientation-horizontal li .share_count {
    display: none
}

.shariff .orientation-vertical.button-style-icon {
    min-width: 35px
}

.shariff .orientation-vertical.button-style-icon-count {
    min-width: 80px
}

.shariff .orientation-vertical.button-style-standard {
    min-width: 110px
}

.shariff .orientation-vertical li {
    display: block;
    width: 100%;
    margin: 5px 0
}

.shariff .orientation-vertical.button-style-icon-count li .share_count,.shariff .orientation-vertical.button-style-standard li .share_count {
    width: 24px;
    text-align: right
}

@media only screen and (min-width: 360px) {
    .shariff .orientation-horizontal.button-style-icon-count li,.shariff .orientation-horizontal.button-style-standard li {
        min-width:80px
    }

    .shariff .orientation-horizontal.button-style-icon-count li .share_count,.shariff .orientation-horizontal.button-style-standard li .share_count {
        display: block
    }

    .shariff .orientation-horizontal.button-style-standard li {
        width: auto;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }

    .shariff .orientation-horizontal.button-style-standard.shariff-col-1 li,.shariff .orientation-horizontal.button-style-standard.shariff-col-2 li {
        min-width: 110px;
        max-width: 160px
    }

    .shariff .orientation-horizontal.button-style-standard.shariff-col-1 li .share_text,.shariff .orientation-horizontal.button-style-standard.shariff-col-2 li .share_text {
        text-indent: 0;
        display: inline
    }

    .shariff .orientation-horizontal.button-style-standard.shariff-col-5 li,.shariff .orientation-horizontal.button-style-standard.shariff-col-6 li {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }
}

@media only screen and (min-width: 640px) {
    .shariff .orientation-horizontal.button-style-standard.shariff-col-3 li {
        min-width:110px;
        max-width: 160px
    }

    .shariff .orientation-horizontal.button-style-standard.shariff-col-3 li .share_text {
        text-indent: 0;
        display: inline
    }
}

@media only screen and (min-width: 769px) {
    .shariff .orientation-horizontal.button-style-standard li {
        min-width:110px;
        max-width: 160px
    }

    .shariff .orientation-horizontal.button-style-standard li .share_text {
        text-indent: 0;
        display: inline
    }

    .shariff .orientation-horizontal.button-style-standard.shariff-col-5 li,.shariff .orientation-horizontal.button-style-standard.shariff-col-6 li {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }
}

@media only screen and (min-width: 1024px) {
    .shariff li,.shariff li a {
        height:30px
    }

    .shariff li .fab,.shariff li .far,.shariff li .fas {
        width: 30px;
        line-height: 30px
    }

    .shariff li .share_count,.shariff li .share_text {
        line-height: 30px
    }

    .shariff li .share_count {
        height: 28px
    }
}

@media only screen and (min-width: 600px) {
    .shariff .facebook .fa-facebook-f,.shariff .googleplus .fa-google-plus-g,.shariff .linkedin .fa-linkedin-in,.shariff .mail .fa-envelope,.shariff .pinterest .fa-pinterest-p,.shariff .tumblr .fa-tumblr,.shariff .twitter .fa-twitter,.shariff .whatsapp .fa-whatsapp,.shariff .xing .fa-xing {
        font-size:1em;
        top: -1px;
        position: relative
    }
}

@media only screen and (max-width: 480px) {
    .shariff .orientation-horizontal li {
        margin-bottom:0;
        margin-top: 0
    }

    .shariff .orientation-horizontal li {
        margin-right: 0
    }
}

.slick-slide {
    margin: 20px
}

.slick-dots li {
    width: auto!important;
    margin: 0 3px;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in
}

.slick-dots li:hover {
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in
}

li.slick-active button,li.slick-active button:before {
    width: 25px;
    height: 15px;
    padding: 0
}

.slick-dots li button:before {
    font-size: 40px;
    color: #494f57!important;
    opacity: .25;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in
}

.slick-dots li.slick-active button:before {
    font-size: 75px;
    opacity: .5;
    line-height: 27px;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in
}

[class^=wp-block-woocommerce] ul.products .slick-dots li {
    background: unset
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,.slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-next,.slick-prev {
    font-size: 40px;
    line-height: 0;
    z-index: 1;
    position: absolute;
    top: 50%;
    display: block;
    padding: 0;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    cursor: pointer;
    opacity: .4;
    color: #404040;
    border: none;
    outline: 0;
    background: 0 0;
    transition: .3s all ease-in-out
}

.slick-next:hover,.slick-prev:hover {
    outline: 0;
    background: 0 0;
    opacity: .8;
    transition: .3s all ease-in-out
}

.slick-arrow {
    overflow: hidden
}

.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-prev {
    left: 65px
}

[dir=rtl] .slick-prev {
    right: 65px;
    left: auto
}

.slick-next {
    right: 65px
}

[dir=rtl] .slick-next {
    right: auto;
    left: 65px
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 26px;
    height: 26px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0
}

.slick-dots li button:focus,.slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:focus:before,.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    font-family: slick;
    font-size: 55px;
    line-height: 20px;
    position: absolute;
    top: 4px;
    left: 0;
    width: 26px;
    height: 26px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    top: 2px;
    opacity: .75;
    color: #000
}

@media only screen and (max-width: 768px) {
    .slick-slide {
        margin:10px
    }
}

@media only screen and (max-width: 480px) {
    .slick-slide {
        margin:30px
    }
}

[class^=wp-block-atomion-block-content-box] {
    display: flex;
    align-items: stretch;
    margin: 2em 0
}

[class^=wp-block-atomion-block-content-box] span.pre-headline {
    font-weight: 900;
    font-size: 1.2em
}

[class^=wp-block-atomion-block-content-box] h1,[class^=wp-block-atomion-block-content-box] h2,[class^=wp-block-atomion-block-content-box] h3,[class^=wp-block-atomion-block-content-box] h4 {
    line-height: 1.2;
    margin: .5em 0 .8em;
    font-weight: 800
}

[class^=wp-block-atomion-block-content-box] h1 {
    font-size: 28px
}

[class^=wp-block-atomion-block-content-box] h2 {
    font-size: 24px
}

[class^=wp-block-atomion-block-content-box] h3 {
    font-size: 20px
}

[class^=wp-block-atomion-block-content-box] h4 {
    font-size: 18px
}

[class^=wp-block-atomion-block-content-box] h1:after,[class^=wp-block-atomion-block-content-box] h2:after,[class^=wp-block-atomion-block-content-box] h3:after,[class^=wp-block-atomion-block-content-box] h4:after {
    display: none
}

[class^=wp-block-atomion-block-content-box] .content-box-content {
    width: 100%
}

#content .content-box-content a.button {
    font-size: .9rem;
    padding: .8em;
    font-weight: 600;
    line-height: 1;
    cursor: pointer
}

#content .content-box-content a.outline {
    text-decoration: none;
    border: 3px solid #404040;
    color: #404040;
    transition: .3s all ease;
    text-transform: uppercase
}

.content-box-content .button {
    display: inline-block;
    margin-top: .2em
}

#content [class^=wp-block-atomion-block-content-box].atomion-big-headline {
    font-size: unset;
    font-family: unset;
    margin: 2em 0
}

#content [class^=wp-block-atomion-block-content-box].atomion-big-headline {
    font-size: unset;
    font-family: unset;
    margin: 2em 0
}

#content [class^=wp-block-atomion-block-content-box].atomion-big-headline .content-box-content h1,#content [class^=wp-block-atomion-block-content-box].atomion-big-headline .content-box-content h2,#content [class^=wp-block-atomion-block-content-box].atomion-big-headline .content-box-content h3,#content [class^=wp-block-atomion-block-content-box].atomion-big-headline .content-box-content h4,#content [class^=wp-block-atomion-block-content-box].atomion-big-headline .content-box-content h5 {
    font-size: 2.5em;
    margin-bottom: .5em
}

.wp-block-atomion-block-content-box span.pre-heading {
    font-weight: 900;
    font-size: 1.2em
}

.wp-block-atomion-block-hero-slider-wrapper {
    margin: 0 -45px
}

.hero-slider-content {
    position: absolute;
    top: 0;
    width: 100%
}

#content .wp-block-atomion-block-hero-slider {
    background-size: contain;
    background-repeat: no-repeat;
    height: auto;
    padding-top: 0;
    position: relative
}

#content .wp-block-atomion-block-hero-slider .slick-slide {
    margin: 0
}

#content .wp-block-atomion-block-hero-slider .slick-slide>div {
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center
}

#content .wp-block-atomion-block-hero-slider .slick-slide>div>img {
    visibility: hidden
}

#content .hero-slider-content-wrapper {
    position: absolute;
    display: flex!important;
    align-items: center;
    top: 0;
    width: 100%;
    max-width: 1200px;
    height: 100%;
    left: 0;
    right: 0;
    margin: 0 auto
}

#content .hero-slider-content {
    width: -webkit-fill-available;
    width: 100%;
    text-transform: uppercase;
    display: flex!important;
    flex-flow: initial;
    height: 100%;
    align-items: center;
    padding: 0 5%
}

#content .hero-slider-content span {
    font-size: 18px
}

#content .hero-slider-content h3 {
    font-size: 4em;
    font-weight: 900;
    letter-spacing: -2px;
    line-height: 1.1;
    margin: .1em 0 1em
}

#content .hero-slider-content a {
    display: inline-block
}

#content .hero-slider-content a.outline {
    box-shadow: inset 0 0 0 4px #404040;
    color: #404040;
    transition: color .25s 83.3333333ms;
    position: relative
}

#content .hero-slider-content a.outline::after,#content .hero-slider-content a.outline::before {
    border: 0 solid transparent;
    box-sizing: border-box;
    content: ''!important;
    pointer-events: none;
    position: absolute;
    width: 0;
    height: 0;
    bottom: 0;
    right: 0
}

#content .hero-slider-content a.outline::before {
    border-bottom-width: 4px;
    border-left-width: 4px
}

#content .hero-slider-content a.outline::after {
    border-top-width: 4px;
    border-right-width: 4px
}

#content .hero-slider-content a.outline:hover::after,#content .hero-slider-content a.outline:hover::before {
    border-color: #ffe593;
    transition: border-color 0s,width .25s,height .25s;
    width: 100%;
    height: 100%
}

#content .hero-slider-content a.outline::before {
    transition-delay: 0s,0s,.25s!important
}

#content .hero-slider-content a.outline::after {
    transition-delay: 0s,.25s,0s!important
}

#content .hero-slider-content a.button {
    background: 0 0;
    border: none;
    cursor: pointer;
    line-height: 1.5;
    padding: 1em 2em;
    font-weight: 700
}

#content .wp-block-atomion-block-hero-slider .slick-dots {
    width: 300px;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 1.5em
}

#content .wp-block-atomion-block-hero-slider .slick-dots li {
    height: 1px;
    width: 75px!important;
    background: rgba(51,51,51,.25);
    margin: 0
}

#content .wp-block-atomion-block-hero-slider .slick-dots li.slick-active {
    border-top: 2px solid;
    height: 3px
}

#content .wp-block-atomion-block-hero-slider .slick-dots li button {
    width: 100%;
    margin-top: -10px
}

#content .wp-block-atomion-block-hero-slider .slick-dots li button:before {
    display: none
}

@media screen and (max-width: 768px) {
    #content .wp-block-atomion-block-hero-slider .slide-1-hero-image,#content .wp-block-atomion-block-hero-slider .slide-2-hero-image,#content .wp-block-atomion-block-hero-slider .slide-3-hero-image {
        background-size:cover;
        background-position: center;
        height: 60vh
    }

    #content .wp-block-atomion-block-hero-slider .slide-1-hero-image img,#content .wp-block-atomion-block-hero-slider .slide-2-hero-image img,#content .wp-block-atomion-block-hero-slider .slide-3-hero-image img {
        display: none
    }
}

.wp-block-atomion-block-hero-slider[data-slide-effect=fade-zoom] .slick-track {
    transition: all 1s cubic-bezier(.7,0,.3,1)
}

.wp-block-atomion-block-hero-slider[data-slide-effect=fade-zoom] .slick-track .slick-slide>div>div>div img {
    width: 100%;
    transition: all 1s cubic-bezier(.7,0,.3,1);
    transform: scale(1.3)
}

.wp-block-atomion-block-hero-slider[data-slide-effect=fade-zoom] .slick-track .slick-slide.slick-active>div>div>div img {
    -webkit-transform: scale(1);
    transform: scale(1)
}

@media (min-width: 980px) and (max-width:1300px) {
    .wp-block-atomion-block-hero-slider .slick-prev {
        left:calc(2.5% - 10px)
    }

    .wp-block-atomion-block-hero-slider .slick-next {
        right: calc(2.5% - 10px)
    }
}

@media (min-width: 768px) and (max-width:979px) {
    #content .hero-slider-content {
        padding:0 10%
    }

    #content .hero-slider-content h3 {
        font-size: 3em;
        margin: .1em 0 1em
    }

    .wp-block-atomion-block-hero-slider .slick-prev {
        left: calc(5% - 10px)
    }

    .wp-block-atomion-block-hero-slider .slick-next {
        right: calc(5% - 10px)
    }
}

@media (max-width: 768px) {
    #content .hero-slider-content {
        padding:0 10%;
        top: -1em
    }

    #content .hero-slider-content h3 {
        font-size: 2.5em;
        margin: .1em 0 1em
    }

    #content .hero-slider-content a.outline {
        font-size: 1em;
        padding: .7em
    }

    #content .slick-next,#content .slick-prev {
        font-size: 25px
    }
}

@media (max-width: 480px) {
    #content .hero-slider-content {
        padding:0 15%
    }

    #content .hero-slider-content span {
        font-size: 16px
    }

    #content .hero-slider-content h3 {
        font-size: 2em;
        margin: .1em 0 1em
    }

    #content .hero-slider-content span {
        font-size: 14px
    }

    #content .hero-slider-content a.outline {
        margin-top: 2em
    }

    #content .wp-block-atomion-block-hero-slider .slick-dots {
        bottom: .8em
    }
}

.fa-icon-setting .components-range-control__slider+.dashicon {
    width: 30px;
    height: 30px
}

.wp-block-atomion-block-icon-box {
    padding: 2em
}

.wp-block-atomion-block-icon-box .icon {
    display: block;
    margin-bottom: .5em
}

div:not(.has-text-color)>.wp-block-atomion-block-icon-box span {
    color: #6c7781
}

div.has-text-color>.wp-block-atomion-block-icon-box h3,div.has-text-color>.wp-block-atomion-block-icon-box p {
    color: inherit
}

.wp-block-columns.has-text-color .icon-box .pre-headding,.wp-block-columns.has-text-color .icon-box h3,.wp-block-columns.has-text-color .icon-box p {
    color: inherit
}

@media screen and (min-width: 600px) and (max-width:900px) {
    .wp-block-columns.has-4-columns .wp-block-column .wp-block-atomion-block-icon-box {
        padding:0
    }
}

@media screen and (max-width: 600px) {
    .wp-block-atomion-block-icon-box {
        padding:0 2em
    }
}

@media (max-width: 480px) {
    .wp-block-atomion-block-icon-box {
        padding:1em 2em
    }

    .wp-block-atomion-block-icon-box .icon {
        margin-bottom: .3em
    }
}

.wp-block-columns {
    margin-left: -10px;
    margin-right: -10px
}

.wp-block-columns.alignfull,.wp-block-columns.alignwide {
    margin-left: calc(50% - 0px);
    margin-right: unset
}

.wp-block-columns>* {
    padding: 10px
}

@media screen and (min-width: 769px) and (max-width:999px) {
    .wp-block-columns.alignfull,.wp-block-columns.alignwide {
        -webkit-transform:translateX(-50%);
        transform: translateX(-50%)
    }
}

@media (max-width: 768px) {
    .wp-block-columns.alignfull {
        margin-left:calc(50% - 0px)
    }

    .wp-block-columns.alignwide {
        margin-left: 0
    }
}

@media (max-width: 480px) {
    .wp-block-columns {
        margin-left:0;
        margin-right: 0
    }

    .wp-block-columns>* {
        padding: 0
    }
}

h1.is-style-not-underlined:after,h2.is-style-not-underlined:after {
    display: none
}

@media (min-width: 1000px) {
    .wp-block-image.alignwide {
        margin-left:50%
    }
}

.wp-block-image.alignfull {
    margin-left: calc(50% - 0px);
    max-width: none
}

.wp-block-image figcaption {
    margin-top: -8px;
    background: #000;
    text-align: left;
    padding: 1em 2em;
    font-weight: 200;
    color: #fff
}

.wp-block-gallery .blocks-gallery-image figure,.wp-block-gallery .blocks-gallery-item figure {
    position: relative
}

.wp-block-gallery .blocks-gallery-image,.wp-block-gallery .blocks-gallery-item {
    padding-left: 0
}

.gallery-no-subtitle .wp-block-gallery figcaption {
    display: none
}

.wp-block-separator {
    border-top: 0!important;
    border-bottom: 0!important;
    background: #ddd
}

.wp-block-separator.alignfull {
    max-width: 99.2vw!important;
    margin-left: calc(50% - 0px)
}

.wp-block-separator.alignwide {
    max-width: 75vw
}

.wp-block-separator.has-text-color:not(.is-style-dots) {
    border-top: 1px solid currentColor!important;
    height: 0
}

.wp-block-separator.is-style-wide {
    border-bottom: 2px solid #ddd!important
}

.wp-block-separator.is-style-wide.has-text-color {
    border-bottom: 2px solid currentColor!important
}

.wp-block-separator.is-style-dots::before {
    content: ''!important;
    border-top: 4px dotted #ddd;
    display: block
}

.wp-block-separator.has-text-color.is-style-dots::before {
    border-top: 4px dotted currentColor
}

.wp-block-button__link {
    font-size: .9rem;
    padding: .8em;
    font-weight: 600;
    line-height: 1
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link {
    border: 3px solid transparent
}

.wp-block-button.is-style-default .wp-block-button__link {
    border: 3px solid transparent
}

.wp-block-button.is-style-squared .wp-block-button__link {
    text-transform: uppercase;
    border-radius: 0;
    border: 3px solid transparent;
    font-weight: 600;
    -webkit-font-smoothing: unset;
    transition: .3s all ease;
    text-decoration: none
}

.wp-block-button .wp-block-button__link.has-background:hover {
    background: 0 0!important
}

.wp-block-button.is-style-default .wp-block-button__link:hover,.wp-block-button.is-style-squared .wp-block-button__link:hover {
    background-color: transparent!important
}

.wp-block-button.is-style-outline .wp-block-button__link,.wp-block-button.is-style-outline .wp-block-button__link:hover {
    border: 3px solid currentcolor
}

.wp-block-cover.has-parallax.alignfull {
    transform: unset;
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    max-width: 100vw
}

.wp-block-cover.has-parallax.alignwide {
    transform: unset;
    margin-left: -125px;
    margin-right: -125px;
    max-width: 75vw
}

@media screen and (max-width: 1000px) {
    .wp-block-cover.has-parallax.alignwide {
        transform:unset;
        margin-left: -25px;
        margin-right: -25px;
        max-width: 100vw;
        width: 100vw
    }
}

.wp-block-embed {
    width: max-content
}

.wp-block-embed__wrapper {
    position: relative
}

.wp-block-embed-youtube {
    width: auto
}

.wp-block-embed-youtube.alignfull {
    width: 100vw
}

.wp-block-embed-youtube .wp-block-embed__wrapper::before {
    content: "";
    display: block;
    padding-top: 50%
}

.wp-block-embed-youtube .wp-block-embed__wrapper iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.wp-block-embed.alignfull {
    margin-left: calc(50% - 0px)
}

.aligncenter.wp-block-embed {
    margin: 0 auto 1em
}

.aligncenter.wp-block-embed iframe {
    margin: 0 auto 12px!important
}

.wp-block-embed.alignleft {
    margin-right: 2rem;
    clear: none
}

.wp-block-embed.alignright {
    margin-left: 2rem;
    clear: none
}

.wp-block-embed-instagram .wp-block-embed__wrapper blockquote:after,.wp-block-embed-instagram .wp-block-embed__wrapper blockquote:before {
    display: none
}

.wp-block-embed-instagram .wp-block-embed__wrapper p {
    font-size: 1em
}

@media screen and (max-width: 999px) {
    .wp-block-embed {
        max-width:100%
    }

    .wp-block-embed.alignwide {
        margin-left: 0
    }
}

@media screen and (max-width: 550px) {
    .wp-block-embed.alignleft,.wp-block-embed.alignright {
        width:100%;
        max-width: 100%;
        margin-right: 0;
        margin-left: 0
    }
}

html .wp-block-search.aligncenter,html .wp-block-search.alignleft,html .wp-block-search.alignright {
    display: flex
}

html .wp-block-search .wp-block-search__label {
    margin-bottom: .3em
}

html .wp-block-search .wp-block-search__input {
    border: 3px solid #ddd;
    border-radius: 0;
    padding: 14px
}

html .wp-block-search .wp-block-search__button {
    margin-left: -3px;
    border-radius: 0;
    border: 3px solid;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    box-shadow: none;
    padding: .6em 1em .6em;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in
}

html .wp-block-search .wp-block-search__button:hover {
    background-color: transparent
}

@media screen and (max-width: 550px) {
    html .wp-block-search.alignleft,html .wp-block-search.alignright {
        width:100%;
        max-width: 100%;
        margin-bottom: 1.5rem
    }
}

html .wp-block-calendar table caption {
    padding: 0 0 1em 0
}

.wp-block-calendar th,html .wp-block-calendar tbody td {
    border-right: 0;
    border-left: 0
}

.wp-block-calendar th,html .wp-block-calendar tbody td {
    padding: 6px
}

html .wp-block-calendar tfoot a {
    text-decoration: none
}

html .wp-block-calendar tfoot td {
    padding: 1em 0 0
}

html .wp-block-calendar #today {
    font-weight: 800
}

.wp-block-group .wp-block-group:not(.alignfull) .wp-block-group__inner-container,.wp-block-group>.wp-block-group__inner-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 1em
}

.entry-content ul.wp-block-social-links {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: calc(1em - 8px)
}

.entry-content li.wp-social-link {
    padding: 0;
    margin-right: 8px;
    margin-bottom: 8px
}

.woocommerce-error li {
    margin: 0!important
}

.woocommerce-error li:before {
    content: none!important
}

.woocommerce-info {
    float: left;
    width: 100%
}

.woocommerce-error::before,.woocommerce-info::before,.woocommerce-message::before {
    content: '\e016'
}

.woocommerce .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cart_totals {
    width: 100%
}

.single-product .wp-block-columns.has-2-columns .layout-column-2 {
    padding-left: 25px
}

.single-product .wp-block-columns.has-2-columns .layout-column-1 {
    padding-right: 25px
}

.single-product span.price {
    display: block;
    width: 100%
}

.woocommerce div.product p.price,.woocommerce div.product span.price {
    color: #404040;
    font-size: 2.05em;
    margin-bottom: 5px;
    margin-top: 0
}

h2.desciption {
    font-size: 40px;
    font-weight: 900;
    line-height: 1;
    margin-top: 25px
}

#shop-description,.term-description {
    width: 100%;
    float: left
}

@media screen and (max-width: 768px) {
    #shop-description {
        order:1
    }
}

@media (max-width: 480px) {
    .single-product .wp-block-columns.has-2-columns .layout-column-2 {
        padding-left:0
    }

    .single-product .wp-block-columns.has-2-columns .layout-column-1 {
        padding-right: 0
    }
}

.woocommerce div.product {
    position: unset
}

#content .woocommerce .button,.atomion-account .button,.atomion-button-filled,.cc_content_blocker .button,.woocommerce #review_form #respond .form-submit input,.woocommerce .button,.woocommerce .wc-proceed-to-checkout a.checkout-button,.woocommerce .woocommerce-widget-layered-nav-dropdown__submit,.woocommerce a.button,.woocommerce a.button:disabled,.woocommerce button.button,.woocommerce button.button.disabled,.woocommerce button.button:disabled,.woocommerce button.button:disabled[disabled],.woocommerce input.button,.woocommerce-MyAccount-content button.button,a.atomion-edit-address-button,input.mailpoet_submit,input[type=submit] {
    color: #fff;
    text-transform: uppercase;
    border-radius: 0;
    font-size: .9em;
    font-weight: 600;
    padding: .8em;
    -webkit-font-smoothing: unset;
    transition: .3s all ease;
    text-decoration: none
}

#content .woocommerce .button:hover,#content a.atomion-edit-address-button:hover,.atomion-account .button:hover,.atomion-button-filled:hover,.atomion-mini-cart-widget a.button:hover,.cc_content_blocker .button:hover,.woocommerce #review_form #respond .form-submit input:hover,.woocommerce .button:hover,.woocommerce .wc-proceed-to-checkout a.checkout-button:hover,.woocommerce .widget_product_search button:hover,.woocommerce a.button:disabled:hover,.woocommerce a.button:hover,.woocommerce button.button:disabled:hover,.woocommerce button.button:disabled[disabled]:hover,.woocommerce button.button:hover,.woocommerce div.product form.cart .button:hover,.woocommerce input.button:hover,.woocommerce-MyAccount-content button.button:hover,a.atomion-edit-address-button:hover,input[type=submit]:hover {
    background: 0 0;
    transition: .3s all ease
}

.woocommerce #respond input#submit.loading::after,.woocommerce a.button.loading::after,.woocommerce button.button.loading::after,.woocommerce input.button.loading::after {
    top: .8em
}

.woocommerce span.onsale {
    border-radius: 0;
    padding: 11px 10px;
    line-height: 1;
    min-height: 0;
    margin: 1.5em 0 0 1.5em;
    text-transform: uppercase
}

.woocommerce-cart #content .woocommerce a.remove:hover {
    background: #ccc;
    border: 2px solid #ccc
}

.woocommerce-cart #content .woocommerce a.remove:hover i {
    color: #fff
}

.woocommerce a.remove:hover {
    background: 0 0;
    border: none
}

.woocommerce a.remove:hover i {
    color: #fff
}

.woocommerce .quantity .qty {
    width: 100%;
    max-width: 90px;
    height: 44px
}

.woocommerce li.product .product-image-wrapper a.added_to_cart.wc-forward {
    font-size: .9em;
    z-index: 99;
    animation: atomionButtonSlideUp .5s
}

.woocommerce li.product .product-image-wrapper a.added_to_cart.wc-forward:hover {
    color: #fff!important
}

@media (max-width: 768px) {
    .archive.woocommerce #primary {
        display:flex;
        flex-flow: column
    }

    .woocommerce .quantity .qty {
        max-width: 50px
    }
}

@media (max-width: 480px) {
    .woocommerce .quantity .qty {
        height:39px
    }
}

@supports (-moz-appearance: none) and (background-attachment:local) and (not (-moz-osx-font-smoothing:auto)) {
    .woocommerce-grouped-product-list.group_table .quantity .qty {
        text-align:left
    }
}

.woocommerce .woocommerce-breadcrumb {
    margin: 1.5em 0;
    color: #3d464f;
    text-transform: uppercase
}

.woocommerce .woocommerce-breadcrumb a {
    font-weight: 900;
    color: #3d464f;
    text-decoration: none
}

.woocommerce-notices-wrapper {
    width: 100%
}

.archive .woocommerce-notices-wrapper {
    float: left
}

@media (max-width: 768px) {
    .archive .woocommerce-notices-wrapper {
        order:1
    }

    .archive .woocommerce-notices-wrapper .woocommerce-message {
        margin-bottom: 0
    }

    .woocommerce-message {
        display: flex;
        flex-flow: wrap
    }

    .woocommerce-message a.wc-forward {
        width: 100%;
        text-align: center;
        margin-top: 1em;
        order: 2
    }
}

.atomion-mailpoet-info {
    padding-right: 50px
}

.mailpoet_form_widget {
    margin-top: 50px;
    position: relative
}

#masthead #desktop-navigation .cart-item {
    display: flex;
    align-items: center;
    position: relative;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd
}

#masthead #desktop-navigation .cart-item .atomion-mini-cart-widget,#masthead #desktop-navigation .cart-item .atomion-mini-cart-widget a,#masthead #desktop-navigation .cart-item .atomion-mini-cart-widget p {
    transition: all .2s ease-in;
    -o-transition: all .2s ease-in
}

#masthead .cart-item .cart-status {
    display: none
}

#masthead .cart-item p.woocommerce-mini-cart__empty-message {
    padding: .8em 1.9em
}

#masthead .cart-item .atomion-mini-cart-widget {
    display: none;
    z-index: -1;
    position: absolute;
    overflow: auto;
    right: 0;
    width: 455px;
    max-height: 85vh;
    box-shadow: 0 1px 2px 1px rgba(0,0,0,.1803921568627451)
}

#masthead #mobile-navigation .cart-item .atomion-mini-cart-widget {
    right: -5.5%
}

#masthead .cart-item:hover .atomion-mini-cart-widget {
    display: block
}

#masthead #desktop-navigation .cart-item:hover .atomion-mini-cart-widget ul.woocommerce-mini-cart {
    margin: 0;
    padding: 15px 40px
}

#masthead #mobile-navigation .cart-item .atomion-mini-cart-widget ul.woocommerce-mini-cart {
    margin: 0;
    padding: 15px 2em
}

#masthead #desktop-navigation .atomion-mini-cart-widget.atomion-mini-cart-img-enabled li,#masthead #mobile-navigation .atomion-mini-cart-widget.atomion-mini-cart-img-enabled li {
    padding-right: 1.5rem;
    padding-bottom: 40px
}

.gm-active #masthead #desktop-navigation .atomion-mini-cart-widget.atomion-mini-cart-img-enabled li,.gm-active #masthead #mobile-navigation .atomion-mini-cart-widget.atomion-mini-cart-img-enabled li {
    padding-right: 1.5rem;
    padding-bottom: 25px
}

#masthead #desktop-navigation .atomion-mini-cart-widget.atomion-mini-cart-img-enabled li>:not(.remove),#masthead #mobile-navigation .atomion-mini-cart-widget.atomion-mini-cart-img-enabled li>:not(.remove) {
    padding-left: 4.375rem
}

#masthead #desktop-navigation .atomion-mini-cart-widget li img,#masthead #mobile-navigation .atomion-mini-cart-widget li img {
    position: absolute;
    left: 0
}

#masthead #mobile-navigation .mini_cart_item>a:first-child {
    display: block
}

.header-cart-link .cart-icon {
    margin-right: 10px
}

#header .atomion-mini-cart-widget li {
    list-style: none;
    width: 100%;
    position: relative;
    padding: 25px 0;
    line-height: 1
}

.woocommerce .atomion-mini-cart-widget ul.product_list_widget li .woocommerce-Price-amount {
    font-size: 14px
}

.atomion-mini-cart-widget li a {
    text-transform: none;
    line-height: 1.3
}

.atomion-mini-cart-widget li img {
    float: left;
    margin-right: 20px;
    max-width: 50px
}

.atomion-mini-cart-widget li>span.quantity {
    display: block;
    font-size: 14px;
    line-height: 1
}

.atomion-mini-cart-widget li>span.wgm-info {
    display: block;
    font-size: .8em;
    line-height: 1.3
}

.atomion-mini-cart-widget.no-tax-rate .wgm-info.woocommerce-de_price_taxrate {
    display: none!important
}

.atomion-mini-cart-widget li span.quantity .woocommerce-Price-amount.amount {
    font-weight: 900
}

.atomion-mini-cart-widget li a.remove_from_cart_button {
    position: absolute;
    right: 0;
    top: 25%
}

.atomion-mini-cart-widget p.woocommerce-mini-cart__total {
    float: left;
    width: 100%;
    padding: 20px 40px;
    text-align: right;
    line-height: 1;
    margin: 0
}

.atomion-mini-cart-widget a.remove {
    font-size: 1em
}

#header .atomion-mini-cart-widget .buttons {
    width: 100%;
    float: left;
    margin: 1.25em 0 0
}

#header .atomion-mini-cart-widget .button {
    width: 50%;
    display: block;
    float: left;
    text-align: center;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 1;
    padding: 18px 10px 20px;
    border: 0
}

#header .cart-item .atomion-mini-cart-widget .button.wc-forward {
    color: #fff;
    background: #222;
    position: relative;
    overflow: hidden;
    z-index: 1;
    cursor: pointer;
    transition: 80ms ease-in;
    -o-transition: 80ms ease-in;
    -ms-transition: 80ms ease-in;
    -moz-transition: 80ms ease-in;
    -webkit-transition: 80ms ease-in
}

#header #mobile-navigation .cart-item .atomion-mini-cart-widget .button.wc-forward {
    color: #fff;
    font-size: 1em
}

#header .cart-item .atomion-mini-cart-widget .button.wc-forward:before {
    content: "";
    position: absolute;
    margin-right: 0;
    opacity: .5;
    bottom: 0;
    left: 0;
    right: 100%;
    top: 0;
    z-index: -1;
    transition: right 90ms ease-in;
    -webkit-transition: right 90ms ease-in
}

#header .cart-item .atomion-mini-cart-widget .button.checkout.wc-forward:before {
    background: #000
}

#header .cart-item .atomion-mini-cart-widget .button.wc-forward:hover:before {
    right: 0
}

.atomion-mini-cart-widget .button.wc-forward:before {
    content: "\f07a";
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 700;
    margin-right: 10px
}

.atomion-mini-cart-widget .button.checkout:before {
    content: "\f0a9"
}

@media screen and (max-width: 1000px) {
    .atomion-mini-cart-widget p.woocommerce-mini-cart__total {
        margin-bottom:17px
    }

    .admin-bar .atomion-mini-cart-widget p.woocommerce-mini-cart__total {
        margin-bottom: 49px
    }
}

@media screen and (max-width: 782px) {
    .admin-bar .atomion-mini-cart-widget p.woocommerce-mini-cart__total {
        margin-bottom:63px
    }
}

.woocommerce table.shop_table {
    border: 0
}

.woocommerce table.shop_table td {
    padding: 3.4em .75em
}

.woocommerce table.shop_table td .product-tax,.woocommerce table.shop_table td.product-subtotal,.woocommerce table.shop_table td:last-child,.woocommerce table.shop_table th.product-total {
    text-align: right
}

.woocommerce table.shop_table td.product-name {
    width: 50%;
    font-weight: 900
}

.woocommerce table.shop_table td.product-name .german-market-product-image.checkout~small,.woocommerce table.shop_table td.product-name .german-market-product-image.order~small {
    display: inherit
}

.woocommerce table.shop_table .product-name ul {
    margin-top: 1em
}

.woocommerce table.shop_table .product-name ul li {
    margin: 0
}

.woocommerce table.shop_table td.product-quantity {
    width: 5%
}

.woocommerce table.shop_table td a {
    text-decoration: none;
    font-weight: 900
}

.woocommerce-order-received table.shop_table td.product-name {
    width: 60%;
    font-weight: 400;
    font-size: .8em
}

.woocommerce-order-received table.shop_table td.product-name .product-desc {
    display: inherit
}

.woocommerce-order-received table.shop_table td a {
    text-decoration: none;
    font-weight: 900;
    font-size: 1.2em;
    width: 100%;
    display: block
}

.woocommerce table.shop_table td.product-remove a {
    width: 1.6em;
    height: 1.6em
}

.woocommerce table.shop_table td i {
    color: #ccc
}

.woocommerce-account .woocommerce-order-downloads {
    border-bottom: 1px solid #ddd;
    padding-bottom: 2rem
}

.woocommerce-account h2.woocommerce-order-downloads__title {
    font-size: 20px;
    font-family: SourceSansPro,sans-serif;
    font-weight: 400;
    margin-top: .5rem
}

.woocommerce-account h2.woocommerce-order-downloads__title:after {
    display: none
}

.woocommerce .woocommerce-table--order-downloads {
    border: 0!important
}

.woocommerce .woocommerce-table--order-downloads thead th {
    padding-left: 0!important;
    padding-right: 0!important
}

.woocommerce .woocommerce-table--order-downloads tbody td {
    padding: .3em 0!important
}

.woocommerce .woocommerce-table--order-downloads .download-product a {
    font-size: inherit
}

.woocommerce-account .woocommerce-table--order-downloads .download-file a {
    display: block;
    margin: .5rem 0;
    text-align: center
}

.woocommerce-account .woocommerce-table--order-downloads .woocommerce-MyAccount-downloads-file {
    display: inline-block!important;
    width: 100%
}

@media (max-width: 768px) {
    .woocommerce table.shop_table_responsive tr,.woocommerce-page table.shop_table_responsive tr {
        margin-bottom:2em;
        position: relative
    }

    .woocommerce table.shop_table td {
        padding: .3em 0;
        border: 0
    }

    .woocommerce table.shop_table td.product-thumbnail {
        padding-top: 1em;
        display: block!important
    }

    .woocommerce table.shop_table_responsive tr td.product-thumbnail::before,.woocommerce-page table.shop_table_responsive tr td.product-thumbnail::before {
        display: none
    }

    .woocommerce table.shop_table td.product-name {
        width: 100%
    }

    .woocommerce table.shop_table td.product-subtotal {
        padding-bottom: 1em
    }

    .woocommerce table.shop_table td small {
        display: none
    }

    .woocommerce table.shop_table td.product-remove {
        position: absolute;
        background: 0 0!important;
        bottom: 10px;
        left: -5px
    }

    body:not(.gm-active) .woocommerce table.shop_table td.product-remove {
        bottom: -25px
    }

    .woocommerce table.shop_table td.actions {
        background: #fff!important
    }

    .woocommerce table.shop_table tr.jde_hint {
        border-top: 1px solid #ddd;
        padding: 2em 0 1em
    }

    .woocommerce-order-received .woocommerce-table--order-downloads tbody {
        display: block
    }
}

.woocommerce form .form-row {
    padding: 3px 0;
    margin: 0 0 17px
}

.woocommerce form .form-row .select2-container {
    height: 50px
}

.select2-container--default .select2-selection--single {
    position: relative;
    border: 3px solid #ddd;
    border-radius: 0;
    height: 50px;
    padding: 9px 5px
}

.sidebar-content .select2-container--default .select2-selection--multiple,.sidebar-content .select2-container--default .select2-selection--single {
    padding: 0
}

.sidebar-content .select2-container--default .select2-selection--single {
    position: relative;
    border: 3px solid #ddd;
    border-radius: 0;
    height: 50px;
    padding: 9px 5px
}

.sidebar-content .select2-container--default .select2-selection--multiple,.sidebar-content .select2-container--default.select2-container--focus .select2-selection--multiple {
    position: relative;
    border: 3px solid #ddd;
    border-radius: 0;
    min-height: 50px;
    padding: 4px 5px
}

.sidebar-content .woocommerce-widget-layered-nav-dropdown__submit {
    width: 100%
}

.sidebar-content .select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-weight: 700
}

.sidebar-content .select2-container--default .select2-selection--single .select2-selection__placeholder {
    font-weight: 700
}

.sidebar-content .select2-container--default .select2-selection--multiple .select2-search__field::placeholder {
    opacity: 1
}

.select2-container--default .select2-selection--single .select2-selection__arrow,.sidebar-content .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 8px;
    right: 7px
}

span.select2-dropdown.select2-dropdown--below {
    border: 3px solid #ddd;
    border-top: 0
}

.woocommerce-page form .form-row-first,.woocommerce-page form .form-row-last {
    width: 100%
}

.woocommerce form .form-row textarea {
    height: 7em;
    box-shadow: none;
    -webkit-appearance: none
}

.woocommerce .product-image-wrapper {
    position: relative;
    text-align: center;
    line-height: 0
}

.woocommerce .product-image-wrapper:before {
    content: '';
    display: block;
    visibility: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0;
    transition: all .3s ease-in-out
}

#content .woocommerce ul.products li.product .product-image-wrapper:hover:before,.woocommerce ul.products li.product .product-image-wrapper:hover:before {
    opacity: 1;
    visibility: visible
}

.product-image-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%
}

.product-image-wrapper .woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    float: left;
    z-index: 10
}

.product-image-wrapper img {
    -webkit-transition: opacity .35s,transform .35s;
    transition: opacity .35s,transform .35s;
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    opacity: 1
}

.button.product_type_external,.button.product_type_grouped,.button.product_type_simple.add_to_cart_button.ajax_add_to_cart,.button.product_type_variable.add_to_cart_button {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px 0;
    background: #000;
    color: #fff;
    font-weight: 900;
    line-height: 1.5;
    border: none;
    text-transform: uppercase;
    z-index: 10
}

.product-image-wrapper .atomion-product-lupe {
    bottom: 40%!important;
    max-width: 30%;
    z-index: 10;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    color: #000!important;
    background: 0 0!important;
    font-size: 1.6em
}

.product-image-wrapper .atomion-product-lupe i {
    color: #000;
    font-size: 2em
}

.product-image-wrapper:hover img {
    opacity: .3;
    -webkit-transform: scale(1);
    transform: scale(1)
}

#content .woocommerce ul.products li.product .product-image-wrapper:hover a,.woocommerce ul.products li.product .product-image-wrapper:hover a {
    display: block;
    margin-bottom: 0
}

#content .woocommerce ul.products li.product .product-image-wrapper a.add_to_cart_button,.woocommerce ul.products li.product .product-image-wrapper a.add_to_cart_button,.woocommerce ul.products li.product .product-image-wrapper a.product_type_external {
    overflow: hidden;
    z-index: 99;
    cursor: pointer;
    transition: .2s ease-in;
    -o-transition: .2s ease-in;
    -ms-transition: .2s ease-in;
    -moz-transition: .2s ease-in;
    -webkit-transition: .2s ease-in;
    animation: atomionButtonSlideUp .5s
}

#content .woocommerce ul.products li.product .product-image-wrapper a.add_to_cart_button:before,.woocommerce ul.products li.product .product-image-wrapper a.add_to_cart_button:before,.woocommerce ul.products li.product .product-image-wrapper a.product_type_external:before {
    content: ""!important;
    position: absolute;
    background: #fff;
    margin-right: 0;
    opacity: .2;
    bottom: 0;
    left: 0;
    right: 100%;
    top: 0;
    z-index: -1;
    transition: right .2s ease-in;
    -webkit-transition: right .2s ease-in
}

#content .woocommerce ul.products li.product .product-image-wrapper a.add_to_cart_button:hover:before,.woocommerce ul.products li.product .product-image-wrapper a.add_to_cart_button:hover:before,.woocommerce ul.products li.product .product-image-wrapper a.product_type_external:hover:before {
    right: 0
}

#content .woocommerce ul.products li.product .product-image-wrapper:hover a.atomion-product-lupe,.woocommerce ul.products li.product .product-image-wrapper:hover a.atomion-product-lupe {
    animation: atomionFadeIn .5s
}

@keyframes atomionButtonSlideUp {
    0% {
        bottom: -45px
    }

    100% {
        bottom: 0
    }
}

@keyframes atomionFadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

#content .woocommerce ul.products li.product .product-image-wrapper a:hover,.woocommerce ul.products li.product .product-image-wrapper a:hover {
    background: #000;
    color: #fff;
    box-shadow: none
}

#content .woocommerce li.product .product-image-wrapper a.woocommerce-LoopProduct-link,.woocommerce li.product .product-image-wrapper a.woocommerce-LoopProduct-link {
    height: 100%;
    background: 0 0
}

#content .woocommerce ul.products li.product .product-image-wrapper a,.woocommerce ul.products li.product .product-image-wrapper a {
    display: none;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px 0;
    background: #000;
    color: #fff;
    font-weight: 900;
    line-height: 1.5;
    border: none;
    text-transform: uppercase
}

.woocommerce ul.products li.product .product-image-wrapper a.woocommerce-loop-product__link {
    background: 0 0!important
}

.woocommerce li.product .site-product-meta {
    text-align: center
}

.woocommerce .related-slider {
    position: relative
}

.woocommerce>.related h2 {
    padding: 50px 0 15px;
    text-align: center;
    border-top: 1px solid #cbcbcb
}

.woocommerce .related.products h2 {
    font-size: 2em;
    font-weight: 800;
    text-align: center;
    margin: 2em 0 1.5em
}

.woocommerce .related-slider .slick-dots {
    bottom: 10px
}

.woocommerce .cross-sells ul.products h2.woocommerce-loop-product__title,.woocommerce .related ul.products h2.woocommerce-loop-product__title,.woocommerce .up-sells ul.products h2.woocommerce-loop-product__title {
    font-size: 1.2em
}

.woocommerce .related-slider ul.products .slick-list li.product {
    clear: unset!important
}

.woocommerce .cross-sells .product img,.woocommerce .related .product img,.woocommerce .up-sells .product img,[class^=wp-block-woocommerce] .woocommerce .product img {
    width: 100%
}

.woocommerce li.product .site-product-meta h2 {
    text-align: center;
    hyphens: auto
}

.woocommerce li.product .site-product-meta h2:after {
    display: none
}

.woocommerce li.product .site-product-meta a img {
    margin: 0 0 1em
}

.woocommerce ul.products li.product .price {
    font-size: 1em;
    line-height: 1;
    font-weight: 900;
    color: #333;
    margin: 0 0 10px
}

.woocommerce div.product p.price ins,.woocommerce ul.products li.product .price ins {
    color: #e84948
}

.woocommerce ul.products li.product .onsale {
    border-radius: 0;
    padding: 11px 10px;
    line-height: 1;
    min-height: 0;
    margin: 1em 1em 0 0;
    text-transform: uppercase
}

.woocommerce .cart-collaterals .cross-sells,.woocommerce-page .cart-collaterals .cross-sells {
    width: 100%
}

.woocommerce .cart-collaterals .cross-sells .slick-slider li {
    padding-left: 0
}

.has-revert-scale .product-image-wrapper img {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.has-revert-scale .product-image-wrapper:hover img {
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
}

.has-no-scale .product-image-wrapper img {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.has-no-scale .product-image-wrapper:hover img {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.has-no-scale .product-image-wrapper:hover a.atomion-product-lupe i {
    display: none
}

#content .woocommerce ul.products li.has-no-add-to-cart .product-image-wrapper:hover a.add_to_cart_button,#content .woocommerce ul.products li.has-no-add-to-cart .product-image-wrapper:hover a.product_type_external,#content .woocommerce ul.products li.has-no-add-to-cart .product-image-wrapper:hover a.product_type_grouped,.woocommerce ul.products li.has-no-add-to-cart .product-image-wrapper:hover a.add_to_cart_button,.woocommerce ul.products li.has-no-add-to-cart .product-image-wrapper:hover a.product_type_external,.woocommerce ul.products li.has-no-add-to-cart .product-image-wrapper:hover a.product_type_grouped {
    display: none
}

@media screen and (min-width: 769px) {
    .woocommerce .cross-sells.grid>ul,.woocommerce .related-grid>ul,.woocommerce .up-sells-grid>ul {
        display:flex;
        justify-content: center;
        flex-wrap: wrap
    }

    .woocommerce ul.products.columns-1 li.product,.woocommerce-page ul.products.columns-1 li.product {
        width: 100%;
        margin-right: 0
    }

    .woocommerce ul.products.columns-3 li.product,.woocommerce-page ul.products.columns-3 li.product {
        width: 30.75%
    }

    .woocommerce ul.products.columns-4 li.product,.woocommerce-page ul.products li.product {
        width: 22.05%
    }

    .woocommerce ul.products.columns-5 li.product,.woocommerce-page ul.products.columns-5 li.product {
        width: 16.95%
    }
}

@media screen and (max-width: 768px) {
    .woocommerce ul.products.columns-1 li.product,.woocommerce-page ul.products.columns-1 li.product {
        width:100%
    }
}

@media (max-width: 480px) {
    #content .woocommerce ul.products:not(.slick-slider) li.product {
        margin-bottom:1em
    }
}

@media (hover: none) and (pointer:coarse) and (max-width:1000px) {
    .woocommerce ul.products li.product .product-image-wrapper:hover a.atomion-product-lupe,.woocommerce ul.products li.product .product-image-wrapper:hover a.button {
        display:none
    }

    .woocommerce ul.products li.product .product-image-wrapper a.woocommerce-LoopProduct-link {
        display: block
    }
}

.woocommerce .woocommerce-Reviews {
    width: 100%;
    float: left;
    margin-top: 1em
}

.woocommerce #reviews #comments,.woocommerce #reviews #review_form_wrapper {
    max-width: 700px;
    width: 100%
}

.woocommerce #reviews #comments {
    margin-bottom: 3em;
    float: left;
    width: 58%;
    margin-right: 2em
}

.woocommerce #reviews #review_form_wrapper {
    float: left
}

#reviews .woocommerce-verification-required {
    width: 100%;
    float: left
}

.comment-form-rating,.woocommerce #reviews span#reply-title {
    text-transform: uppercase;
    font-weight: 900;
    display: block;
    margin-bottom: 30px
}

.woocommerce #reviews #comments .woocommerce-Reviews-title {
    color: #333;
    font-weight: 700;
    font-size: 1em;
    margin: 0 0 3em;
    display: block
}

.related h2:after,.woocommerce #reviews #comments .woocommerce-Reviews-title:after {
    display: none
}

.woocommerce div.product .woocommerce-product-rating {
    margin-bottom: 0
}

.woocommerce #reviews #comments ol.commentlist {
    padding-left: 0
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
    width: 75px;
    position: relative;
    float: left;
    border: 0;
    padding: 0
}

.woocommerce #reviews #comments ol.commentlist li .meta {
    float: left;
    margin-left: 1.7em;
    margin-top: 5px
}

.woocommerce #reviews #comments ol.commentlist li .meta time {
    display: block;
    font-size: 1.2em;
    line-height: 1.3
}

.woocommerce #reviews #comments ol.commentlist li .meta .woocommerce-review__author {
    font-size: 1.65em
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
    display: inline-flex;
    width: 100%;
    margin-left: 0;
    border: 0;
    padding: 0
}

.woocommerce #reviews #comment {
    height: 200px
}

.woocommerce #review_form #respond p {
    margin: 0 0 1.4em
}

.woocommerce #review_form #respond p #email-notes {
    display: block
}

.woocommerce #review_form #respond p.comment-notes {
    margin: 0 0 45px
}

.woocommerce #review_form #respond p.stars {
    margin-top: 15px
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p {
    line-height: 1.5
}

@media (max-width: 1000px) {
    .woocommerce .woocommerce-Reviews {
        display:flex;
        flex-flow: column wrap
    }

    .woocommerce #reviews #comments {
        order: 2;
        width: 100%;
        max-width: 100%
    }

    .woocommerce #reviews #review_form_wrapper {
        order: 3
    }
}

.product_meta a,.product_meta span {
    text-transform: uppercase;
    text-decoration: none
}

.product_meta>span {
    display: block
}

.product_meta>span .meta-topic {
    font-weight: 600
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    background: #fff;
    box-shadow: 0 0 10px 1px rgba(0,0,0,.25)
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    background-color: #ededed
}

.woocommerce .widget_price_filter .price_slider_amount .button {
    font-size: 1em
}

.sidebar-content .woocommerce .wgm-info,footer .widget.woocommerce .wgm-info {
    display: block!important;
    padding-left: 70px
}

.sidebar-content .woocommerce .wgm-info a,footer .widget.woocommerce .wgm-info a {
    display: inline!important
}

.sidebar-content .woocommerce li>.wgm-sale-label,footer .widget.woocommerce li>.wgm-sale-label {
    display: block;
    font-size: 14px;
    font-size: .87em
}

.woocommerce .widget_product_search form.woocommerce-product-search {
    position: relative
}

.woocommerce .widget_product_search button {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    padding: 0;
    border: 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    border-radius: 0
}

.sidebar .search-field {
    width: 100%
}

.woocommerce ul.product_list_widget li {
    padding: 7px 0;
    line-height: 1
}

.woocommerce ul.product_list_widget li a {
    font-size: inherit;
    font-weight: 400;
    text-decoration: none;
    line-height: 1.3
}

.woocommerce ul.product_list_widget li img {
    float: left;
    margin: 0 20px 0 0;
    width: 50px
}

.woocommerce ul.product_list_widget li .star-rating {
    font-size: .7em;
    margin: 3px 0 1px
}

.woocommerce ul.product_list_widget li ins {
    background: 0 0
}

.woocommerce ul.product_list_widget li .woocommerce-Price-amount,.woocommerce ul.product_list_widget li del span,.woocommerce ul.product_list_widget li ins span {
    font-size: .87em;
    font-weight: 900
}

.woocommerce nav.woocommerce-pagination {
    width: 100%
}

.woocommerce nav.woocommerce-pagination ul {
    border: 0
}

.woocommerce nav.woocommerce-pagination ul li {
    border: 0
}

.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span {
    font-size: 1.25rem
}

.woocommerce nav.woocommerce-pagination ul li a:focus,.woocommerce nav.woocommerce-pagination ul li a:hover,.woocommerce nav.woocommerce-pagination ul li span.current {
    font-weight: 900;
    color: #3d464f;
    background: 0 0
}

.woocommerce nav.woocommerce-pagination ul li span.current:after {
    content: '';
    display: block;
    position: relative;
    width: 16px;
    height: 1px;
    background: #3d454f;
    margin-top: 8px
}

.woocommerce nav.woocommerce-pagination a.prev.page-numbers {
    margin-right: 10px!important
}

.woocommerce nav.woocommerce-pagination a.next.page-numbers {
    margin-left: 10px!important
}

.woocommerce #atomion-shariff {
    border-top: 1px solid #ddd;
    margin-top: 1em;
    padding-top: 1em;
    padding-bottom: 1em
}

.woocommerce span.wc-shariff {
    font-weight: 600;
    text-transform: uppercase
}

.woocommerce .shariff {
    display: inline-block
}

.woocommerce .shariff .orientation-horizontal {
    flex-wrap: nowrap
}

.atomion-block ul.products li.product,[class^=wp-block-woocommerce] ul.products li.product {
    background: #fff
}

.atomion-block ul.products li.product,[class^=wp-block-woocommerce] ul.products li.product {
    margin-top: 3.8%
}

.atomion-block .site-product-meta,[class^=wp-block-woocommerce] .site-product-meta {
    display: flex;
    flex-flow: column
}

[class^=wp-block-woocommerce] .site-product-meta {
    margin-top: 2em
}

.atomion-block ul.products li .atomion-woocommerce-product-category,[class^=wp-block-woocommerce] ul.products li .atomion-woocommerce-product-category {
    font-weight: 300
}

.atomion-block ul.products li.product .woocommerce-loop-product__title,[class^=wp-block-woocommerce] .woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 1.1em;
    font-weight: 900
}

.atomion-block ul.products li.product .price,[class^=wp-block-woocommerce] .woocommerce ul.products li.product .price {
    order: 3;
    font-size: 1.2em
}

.atomion-block .site-product-meta .wgm-info,[class^=wp-block-woocommerce] .site-product-meta .wgm-info {
    order: 4
}

.atomion-block .site-product-meta .woocommerce-de_price_taxrate,[class^=wp-block-woocommerce] .site-product-meta .woocommerce-de_price_taxrate {
    margin-top: 1em
}

.atomion-block .site-product-meta .woocommerce_de_versandkosten,[class^=wp-block-woocommerce] .site-product-meta .woocommerce_de_versandkosten {
    margin-bottom: .5em
}

.atomion-block .site-product-meta .go-to-product,[class^=wp-block-woocommerce] .site-product-meta .go-to-product {
    order: 5
}

.atomion-block .site-product-meta p,[class^=wp-block-woocommerce] .site-product-meta p {
    order: 9
}

.atomion-block .site-product-meta h2.woocommerce-loop-product__title:after,[class^=wp-block-woocommerce] .site-product-meta h2.woocommerce-loop-product__title:after {
    content: '';
    display: block!important;
    width: 40px;
    height: 1px;
    margin: 1em 0
}

.atomion-block ul.products li .atomion-woocommerce-product-category,.atomion-block ul.products li .go-to-product,.atomion-block ul.products li .price,.atomion-block ul.products li .product-excerpt,.atomion-block ul.products li .wgm-info,.atomion-block ul.products li h2,[class^=wp-block-woocommerce] ul.products li .atomion-woocommerce-product-category,[class^=wp-block-woocommerce] ul.products li .go-to-product,[class^=wp-block-woocommerce] ul.products li .price,[class^=wp-block-woocommerce] ul.products li .product-excerpt,[class^=wp-block-woocommerce] ul.products li .wgm-info,[class^=wp-block-woocommerce] ul.products li h2 {
    padding: 0 40px!important;
    text-align: left!important
}

.atomion-block ul.products li .star-rating,[class^=wp-block-woocommerce] ul.products li .star-rating {
    margin-left: 40px;
    padding-bottom: 1rem
}

.atomion-block ul.products li .button,.woocommerce .cross-sells ul.products li.product .button:not(.add_to_cart_button):not(.product_type_external),.woocommerce .related ul.products li.product .button:not(.add_to_cart_button):not(.product_type_external),.woocommerce .up-sells ul.products li.product .button:not(.add_to_cart_button):not(.product_type_external),[class^=wp-block-woocommerce] ul.products li .button {
    margin: 2em 0
}

.atomion-block ul.products li.product .product-excerpt strong,[class^=wp-block-woocommerce] ul.products li.product .product-excerpt strong {
    display: inline
}

.wc-block-featured-product__title:after {
    margin-left: auto;
    margin-right: auto
}

.wc-block-featured-product.has-left-content .wc-block-featured-product__title:after {
    margin-left: 0
}

.wc-block-featured-product.has-right-content .wc-block-featured-product__title:after {
    margin-right: 0
}

.wc-block-featured-product .wc-block-featured-product__description p {
    color: #fff
}

.wc-block-featured-product .wc-block-featured-product__description ul li {
    padding-left: 0
}

.wc-block-featured-product .wc-block-featured-product__description ul li:before {
    position: relative!important;
    margin-right: .8em
}

.wc-block-featured-product.has-right-content .wc-block-featured-product__description ul li {
    margin-right: 0
}

.wc-block-featured-product .wc-block-featured-product__price {
    font-size: 125%
}

@media (max-width: 768px) {
    [class^=wp-block-woocommerce] ul.products li .atomion-woocommerce-product-category,[class^=wp-block-woocommerce] ul.products li .go-to-product,[class^=wp-block-woocommerce] ul.products li .price,[class^=wp-block-woocommerce] ul.products li .product-excerpt,[class^=wp-block-woocommerce] ul.products li .wgm-info,[class^=wp-block-woocommerce] ul.products li h2 {
        padding:0 5%!important
    }

    [class^=wp-block-woocommerce] ul.products li .star-rating {
        margin-left: 5%
    }
}

.atomion_quick_view.button {
    margin-top: 0!important;
    padding: .5rem!important;
    font-weight: 400!important;
    width: 100%
}

.atomion_quick_view.filled-hover-brighten,.atomion_quick_view.filled-hover-darken {
    z-index: 9
}

.atomion_quick_view.filled-hover-brighten:before,.atomion_quick_view.filled-hover-darken:before {
    content: '';
    width: calc(100% + 6px);
    opacity: 0;
    position: absolute;
    height: calc(100% + 6px);
    z-index: -1;
    left: -3px;
    top: -3px;
    transition: all .2s ease-in!important
}

.atomion_quick_view.filled-hover-darken:hover:before {
    opacity: .15;
    transition: opacity .2s ease-in!important;
    background: #000
}

.atomion_quick_view.filled-hover-brighten:hover:before {
    opacity: .15;
    transition: opacity .2s ease-in!important;
    background: #fff
}

.atomion_quick_view.button-outline.outline-hover-coloring {
    border: 0!important;
    transition: color .25s .083s;
    line-height: calc(100% + 6px)
}

.atomion_quick_view.button-outline.outline-hover-coloring:after,.atomion_quick_view.button-outline.outline-hover-coloring:before {
    border: 0 solid transparent;
    box-sizing: border-box;
    content: ''!important;
    pointer-events: none;
    position: absolute;
    width: 0;
    height: 0;
    bottom: 0;
    right: 0
}

.atomion_quick_view.button-outline.outline-hover-coloring:before {
    transition-delay: 0s,0s,.25s!important;
    border-bottom-width: 3px;
    border-left-width: 3px
}

.atomion_quick_view.button-outline.outline-hover-coloring:after {
    transition-delay: 0s,.25s,0s!important;
    border-top-width: 3px;
    border-right-width: 3px
}

.atomion_quick_view.button-outline.outline-hover-coloring:hover:after,.atomion_quick_view.button-outline.outline-hover-coloring:hover:before {
    transition: border-color 0s,width .25s,height .25s;
    width: 100%;
    height: 100%
}

.atomion_quick_view.button i {
    position: relative;
    font-size: .8rem;
    top: .01rem;
    margin-right: .3rem
}

.cross-sells .site-product-meta .atomion_quick_view,.related .site-product-meta .atomion_quick_view,.up-sells .site-product-meta .atomion_quick_view,[class^=wp-block-woocommerce] .site-product-meta .atomion_quick_view {
    margin-top: -2rem!important
}

#atomion-quick-view-modal .close {
    background: 0 0;
    border: 0;
    font-size: 1.2rem;
    overflow: hidden;
    position: absolute;
    right: 1rem;
    top: 1rem;
    z-index: 9
}

#atomion-quick-view-content-wrapper {
    display: flex;
    align-items: center;
    max-width: 950px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative
}

#atomion-quick-view-modal #atomion-quick-view-content {
    position: relative;
    width: 100%
}

#atomion-quick-view-content .woocommerce-product-gallery__trigger {
    display: none!important
}

#atomion-quick-view-modal .atomion-spinner {
    position: absolute;
    top: 0
}

#atomion-quick-view-content .product-content {
    padding: 2rem;
    background: #fff;
    position: relative;
    overflow: auto;
    height: 100%;
    max-height: 650px
}

#atomion-quick-view-content .product a.wishlist-add {
    float: left;
    line-height: 1.2
}

.atomion_qv_next_data,.atomion_qv_prev_data {
    position: absolute;
    background: #000;
    opacity: .8;
    display: flex;
    align-items: center;
    padding: .5rem .8rem;
    color: #fff;
    top: 50%;
    width: 240px;
    z-index: -1;
    cursor: pointer
}

.atomion_qv_prev_data {
    left: -35px;
    transition: left ease-in-out .5s
}

.atomion_qv_prev_data img {
    margin-right: 1rem
}

.atomion_qv_prev_data i {
    margin-right: .8rem
}

.atomion_qv_prev_data:hover {
    left: -240px;
    transition: left ease-in-out .5s
}

.atomion_qv_next_data {
    right: -35px;
    transition: right ease-in-out .5s;
    justify-content: flex-end
}

.atomion_qv_next_data img {
    margin-left: 1rem
}

.atomion_qv_next_data i {
    margin-left: .8rem
}

.atomion_qv_next_data:hover {
    right: -240px;
    transition: right ease-in-out .5s
}

.atomion_qv_next_data img,.atomion_qv_prev_data img {
    width: 40px
}

.atomion_qv_prev_next_wrapper.prev-next-3>div {
    padding: .8rem .8rem;
    height: 56px
}

.prev-next-3 .atomion_qv_prev_data:hover {
    left: -40px
}

.prev-next-3 .atomion_qv_next_data:hover {
    right: -40px
}

@media screen and (max-width: 1250px) {
    #atomion-quick-view-content-wrapper {
        max-width:calc(100% - 480px)
    }

    #atomion-quick-view-content .product-content {
        max-height: 500px
    }
}

@media screen and (max-width: 1070px) {
    #atomion-quick-view-content-wrapper {
        max-width:70%
    }

    #atomion-quick-view-content .product-content {
        max-height: 500px
    }

    .atomion_qv_next_data:hover {
        right: -35px
    }

    .atomion_qv_prev_data:hover {
        left: -35px
    }
}

@media screen and (max-width: 1050px) {
    #atomion-quick-view-content-wrapper {
        max-width:calc(100% - 75px)
    }
}

@media screen and (max-width: 480px) {
    #atomion-quick-view-content .product-content {
        padding:2rem 3.5rem
    }

    #atomion-quick-view-content-wrapper {
        max-width: 100%
    }

    .atomion_qv_prev_next_wrapper.prev-next-3>div {
        height: 39px
    }

    .atomion_qv_next_data,.atomion_qv_prev_data {
        width: 40px;
        padding: .8rem;
        opacity: .5;
        background: #000;
        z-index: 1
    }

    .atomion_qv_next_data {
        right: 0
    }

    .atomion_qv_prev_data {
        left: 0
    }
}

.woocommerce-de_price_taxrate,.woocommerce_de_versandkosten {
    display: inline-block!important
}

.woocommerce ul.products li.product .wgm-info {
    display: block!important
}

.woocommerce table.shop_table td .product-tax,.woocommerce-cart .wgm-tax,.woocommerce-checkout .wgm-tax {
    white-space: pre-wrap;
    max-width: 100px;
    margin-right: 0;
    margin-left: auto;
    display: block;
    line-height: 1.5
}

label.german-market-privacy-declaration-product-review {
    margin-left: 7px
}

.gm-fic-nutritional-values {
    border-bottom: 1px solid #ddd
}

.gm_fic_nutritional_values_remark {
    font-weight: 700;
    display: block;
    padding: 10px 5px;
    text-align: right
}

.gm-fic-nutritional-values-tr {
    border: 1px solid #ddd
}

.gm-fic-nutritional-values-tr td {
    padding: 10px
}

.gm-fic-nutritional-values-tr td:last-child {
    text-align: right
}

.gm-fic-nutritional-values [class*=nut-sub] {
    border-top: none;
    border-bottom: none;
    opacity: .85
}

.gm-fic-nutritional-values [class*=nut-sub]:first-child {
    padding-left: 20px
}

.atomion-block span.german-market-legal-information-for-product-reviews.after-star-rating,[class^=wp-block-woocommerce] span.german-market-legal-information-for-product-reviews.after-star-rating {
    margin: 1em 40px;
    width: calc(100% - 80px);
    text-align: left
}

.atomion-block span.german-market-legal-information-for-product-reviews.short-after-star-rating,[class^=wp-block-woocommerce] span.german-market-legal-information-for-product-reviews.short-after-star-rating {
    padding: 0 40px;
    text-align: left
}

.woocommerce-products-header,.woocommerce-result-count {
    display: inline-block;
    width: 100%
}

.post-type-archive-product #atomion-breadcrumbs {
    margin: 3em auto 1em
}

.woocommerce .woocommerce-ordering,.woocommerce .woocommerce-result-count,h1.woocommerce-products-header__title.page-title {
    float: left;
    display: block
}

h1.woocommerce-products-header__title.page-title {
    width: auto;
    padding-right: 1em
}

.woocommerce .woocommerce-result-count {
    margin: 2em 0 3.1em 0;
    width: auto
}

.woocommerce .woocommerce-ordering {
    margin: 1.5em 0 2.3em;
    width: 20%;
    float: right
}

.woocommerce form.atomion-select-ppp {
    margin: 2.3em 0 3.1em 0;
    padding-right: 4.5em;
    width: auto
}

.select.wppp-select {
    display: none
}

.atomion-select-ppp a.text-option {
    margin: 6px 5px;
    cursor: pointer
}

.atomion-select-ppp a.text-option:last-child {
    margin: 6px 0 6px 5px
}

.orderby option {
    background: #fff
}

.woocommerce-products-header .page-description {
    order: 5;
    width: 100%;
    display: block;
    clear: both
}

.woocommerce-products-header .term-description {
    float: left;
    order: 1
}

@media (max-width: 768px) {
    .woocommerce-products-header {
        order:1;
        margin: 0
    }

    .woocommerce .woocommerce-ordering,.woocommerce .woocommerce-result-count,h1.woocommerce-products-header__title.page-title {
        width: auto
    }

    .woocommerce-products-header {
        display: flex;
        flex-flow: wrap;
        position: relative;
        justify-content: space-between
    }

    h1.woocommerce-products-header__title.page-title {
        order: 1;
        width: auto
    }

    .woocommerce .woocommerce-ordering {
        position: relative;
        order: 2;
        right: 0
    }

    .woocommerce .woocommerce-ordering:not(.atomion-select-ppp),h1.woocommerce-products-header__title.page-title {
        margin-bottom: .5em
    }

    .woocommerce form.atomion-select-ppp {
        position: relative;
        order: 3;
        top: unset;
        height: auto;
        width: 100%;
        text-align: right;
        margin: 0;
        padding-right: 0
    }

    .woocommerce .woocommerce-result-count {
        order: 3;
        width: 100%;
        margin: 1em 0
    }
}

@media (max-width: 480px) {
    .post-type-archive-product #atomion-breadcrumbs {
        margin:1.5em auto 0
    }

    .woocommerce .woocommerce-ordering:not(.atomion-select-ppp),h1.woocommerce-products-header__title.page-title {
        width: 100%
    }
}

.woocommerce .sidebar-active div>ul.products {
    width: 80%;
    float: left;
    padding-right: 4.5em
}

.woocommerce .sidebar-active .sidebar-left>ul.products {
    float: right;
    padding-left: 4.5em;
    padding-right: 0
}

.woocommerce main>ul.products {
    margin-top: 1em
}

.woocommerce main>ul.products li {
    text-align: center
}

.archive ul.products .star-rating,.cross-sells .products .star-rating,.page ul.products .star-rating,.related .products .star-rating,.single ul.products .star-rating,.up-sells .products .star-rating {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 1rem
}

.archive ul.products .star-rating span::before,.archive ul.products .star-rating::before,.cross-sells ul.products .star-rating span::before,.cross-sells ul.products .star-rating::before,.related ul.products .star-rating span::before,.related ul.products .star-rating::before,.up-sells ul.products .star-rating span::before,.up-sells ul.products .star-rating::before,[class^=wp-block-woocommerce] ul.products li .star-rating span::before,[class^=wp-block-woocommerce] ul.products li .star-rating::before {
    padding-top: 2px
}

@media (max-width: 768px) {
    .woocommerce div>ul.products {
        order:5
    }

    .woocommerce .sidebar-active div>ul.products {
        width: 100%;
        padding-right: 0!important;
        padding-left: 0!important;
        margin-top: 0
    }

    .woocommerce ul.products[class*=columns-].tab-4-4 li.product {
        width: 100%
    }
}

#shop-sidebar {
    width: 20%;
    float: left
}

@media (max-width: 768px) {
    .sidebar-active #primary main {
        position:relative
    }

    .woocommerce .sidebar-active p.woocommerce-result-count {
        width: 85%
    }

    #shop-sidebar {
        width: auto;
        order: 4;
        right: 0;
        position: relative
    }

    #shop-sidebar>.sidebar-content {
        display: none;
        width: 100%;
        float: left;
        margin-top: 1em
    }

    #shop-sidebar>:last-child {
        margin-bottom: 0
    }
}

@media (max-width: 480px) {
    .woocommerce .sidebar-active p.woocommerce-result-count {
        width:100%
    }
}

.woocommerce div.product div.summary {
    margin-top: -5px
}

#atomion-summary-wrapper {
    position: relative
}

#atomion-summary-wrapper .summary .wgm-info.fic-alcohol {
    font-size: .8em;
    display: block
}

.product-type-grouped #atomion-summary-wrapper .wgm-info {
    display: block!important
}

.woocommerce div.product .product_title {
    font-size: 2em;
    font-weight: 600;
    margin-bottom: 5px;
    line-height: 1
}

.product-page-sections {
    display: block;
    float: left;
    width: 100%
}

.product-page-sections .entry-content,.product-page-sections .headline-wrapper {
    width: 100%
}

.product-page-sections .headline-wrapper:after {
    content: '';
    display: block!important;
    position: absolute;
    left: 0;
    margin-top: -1px;
    width: 100%;
    height: 1px;
    background: #ddd;
    z-index: -1
}

.product-page-sections .section-headding,.woocommerce div.product .product-page-tabs .woocommerce-tabs ul.tabs li a {
    display: inline-block;
    margin: 0;
    font-size: 1em;
    letter-spacing: .05em;
    text-transform: uppercase;
    font-weight: 600
}

.product-page-sections .section-headding:after {
    content: '';
    width: 100%;
    height: 3px;
    margin-top: 14px
}

.product-page-sections .row .entry-content {
    margin: 3.5em 0;
    position: relative
}

@media (max-width: 480px) {
    .product-page-sections .row .entry-content {
        margin:1.5em 0;
        position: relative
    }
}

.woocommerce div.product .product-page-tabs .woocommerce-tabs>hr {
    margin-top: -1px
}

.woocommerce div.product .product-page-tabs .woocommerce-tabs ul.tabs {
    margin-bottom: 0;
    padding-left: 0
}

.woocommerce div.product .product-page-tabs .woocommerce-tabs ul.tabs:before {
    display: none!important
}

.woocommerce div.product .product-page-tabs .woocommerce-tabs ul.tabs li {
    border: 0;
    margin-right: 2rem;
    background: 0 0
}

.woocommerce div.product .product-page-tabs .woocommerce-tabs ul.tabs li::after,.woocommerce div.product .product-page-tabs .woocommerce-tabs ul.tabs li::before {
    display: none
}

.woocommerce div.product .product-page-tabs .woocommerce-tabs ul.tabs li:last-child {
    margin-right: 0
}

.woocommerce div.product .product-page-tabs .woocommerce-tabs ul.tabs li a {
    padding: 1em 0
}

.woocommerce div.product .product-page-tabs .woocommerce-tabs ul.tabs li a:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity .3s,-webkit-transform .3s;
    -moz-transition: opacity .3s,-moz-transform .3s;
    transition: opacity .3s,transform .3s;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    transform: translateX(-100px);
    pointer-events: none
}

.woocommerce div.product .product-page-tabs .woocommerce-tabs ul.tabs li.active a:after,.woocommerce div.product .product-page-tabs .woocommerce-tabs ul.tabs li:hover a:after {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0)
}

.woocommerce div.product .product-page-tabs .woocommerce-tabs .panel {
    margin: 3em 0 3em
}

@media screen and (max-width: 768px) {
    .woocommerce div.product .product-page-tabs .woocommerce-tabs ul.tabs li {
        margin-right:1rem
    }
}

.product-page-tabs div[role=tabpanel] {
    position: relative
}

.woocommerce div.product .product-page-tabs.centered .woocommerce-tabs ul.tabs {
    margin-bottom: 0;
    text-align: center
}

.product-page-sections {
    display: block;
    float: left;
    width: 100%
}

.product-page-accordion {
    clear: both;
    float: left;
    margin: 2rem 0 6rem;
    width: 100%
}

.product-page-accordion .headline-wrapper {
    width: 100%;
    cursor: pointer;
    border-bottom: 1px solid #ddd
}

.product-page-accordion .headline-wrapper i {
    margin-right: 2rem;
    font-size: 1.4rem;
    position: relative;
    top: 3px;
    transform: rotate(180deg);
    transition: .5s all ease
}

.product-page-accordion .headline-wrapper.open i {
    transform: rotate(0);
    transition: .5s all ease
}

.product-page-accordion .content-wrapper {
    display: none;
    padding: 0 3rem
}

.product-page-accordion .section-headding {
    display: inline-block;
    margin: 0;
    padding: 14px 0;
    font-size: 1em;
    letter-spacing: .05em;
    text-transform: uppercase;
    font-weight: 600;
    position: relative
}

.product-page-accordion .section-headding:after {
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 3px;
    content: '';
    opacity: 0;
    margin-top: 0;
    -webkit-transition: opacity .3s,-webkit-transform .3s;
    -moz-transition: opacity .3s,-moz-transform .3s;
    transition: opacity .3s,transform .3s;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    transform: translateX(-100px);
    pointer-events: none;
    z-index: 9
}

.product-page-accordion .headline-wrapper:hover .section-headding:after,.product-page-accordion .open .section-headding:after {
    content: '';
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0)
}

.product-page-accordion .row .entry-content {
    margin: 3.5em 0;
    position: relative
}

@media (max-width: 768px) {
    .product-page-accordion {
        margin:0 0 4rem
    }

    .product-page-accordion .content-wrapper {
        padding: 0
    }
}

@media (max-width: 480px) {
    .product-page-accordion .row .entry-content {
        margin:1.5em 0;
        position: relative
    }
}

#atomion-product-features {
    font-size: 1em
}

#atomion-attributes-list {
    display: flex;
    flex-flow: column
}

.atomion-attribute {
    display: flex;
    align-items: baseline;
    line-height: 2em
}

.atomion-attribute-label {
    max-width: 25%;
    width: 100%;
    font-weight: 900;
    text-transform: uppercase
}

.atomion-attribute-data {
    max-width: calc(100% - 120px);
    padding-left: 1em
}

.atomion-attribute p {
    margin: 0
}

@media (max-width: 480px) {
    .atomion-attribute {
        flex-wrap:wrap
    }

    .atomion-attribute-label {
        max-width: 100%
    }

    .atomion-attribute-data {
        max-width: 100%;
        padding-left: 0
    }
}

.woocommerce div.product form.cart .variations select {
    margin-bottom: .5em
}

a.wishlist-add,a.wishlist-remove {
    display: table-cell;
    padding: 10px;
    line-height: 1;
    font-size: 20px
}

.wishlist .far.fa-heart:hover {
    font-weight: 900;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in
}

.wishlist .fas.fa-heart:hover {
    font-weight: 400;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in
}

span.atomion-tooltip {
    position: relative;
    display: none;
    top: -2px
}

ol.flex-control-nav.flex-control-thumbs {
    margin: 0 -5px 0 -5px!important
}

ol.flex-control-nav.flex-control-thumbs li {
    padding: 10px 5px 0 5px
}

.product_meta {
    border-top: 1px solid #ddd;
    margin-top: 1em;
    padding-top: 1em;
    padding-bottom: 1em
}

.woocommerce .star-rating {
    width: 5.6em
}

.woocommerce p.stars a {
    width: 1.1em
}

.woocommerce .star-rating::before {
    content: '\f005\f005\f005\f005\f005';
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 400
}

.woocommerce .star-rating span::before {
    content: '\f005\f005\f005\f005\f005';
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 700;
    top: 0;
    position: absolute;
    left: 0
}

.woocommerce p.stars a::before {
    font-family: 'Font Awesome\ 5 Free';
    content: '\f005';
    font-weight: 400;
    text-indent: 0
}

.woocommerce p.stars.selected a.active::before {
    font-family: 'Font Awesome\ 5 Free';
    content: '\f005';
    font-weight: 700
}

.woocommerce p.stars.selected a:not(.active)::before,.woocommerce p.stars:hover a::before {
    font-family: 'Font Awesome\ 5 Free';
    content: '\f005';
    font-weight: 700
}

.woocommerce p.stars.selected a.active~a::before {
    font-family: 'Font Awesome\ 5 Free';
    content: '\f005';
    font-weight: 400
}

.woocommerce p.stars a:hover~a::before {
    font-family: 'Font Awesome\ 5 Free';
    content: '\f005';
    font-weight: 400
}

.atomion-review-count {
    position: absolute;
    font-size: 1.1em;
    right: 3px;
    top: 20px;
    font-weight: 700
}

.woocommerce #reviews #comments ol.commentlist li {
    border-bottom: 1px solid #ddd;
    padding-bottom: 2em;
    margin-bottom: 3em
}

#atomion-review-overview {
    float: left;
    max-width: 500px;
    width: 38%
}

#atomion-review-overview .container {
    width: 100%;
    margin: 0 auto;
    margin-top: 3em;
    padding: 4px 4px 3em 2em;
    float: right;
    border-left: 1px solid #ddd
}

#atomion-review-overview .container.fixed {
    position: fixed;
    top: 2em;
    transform: translateX(4.5em)
}

#atomion-review-overview .inner {
    padding: 1em;
    background-color: #fff;
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

#atomion-review-overview .rating {
    float: left;
    width: 40%;
    margin-right: 3%;
    text-align: center;
    margin-bottom: 2em
}

#atomion-review-overview .rating-num {
    color: #333;
    font-size: 4.5em;
    font-weight: 100;
    line-height: 1em
}

#atomion-review-overview .rating-stars {
    font-size: 20px;
    color: #e3e3e3;
    margin-bottom: .3em
}

#atomion-review-overview .rating-users {
    font-size: 14px;
    letter-spacing: 1.5px
}

#atomion-review-overview .rating-users>span {
    font-weight: 700
}

#atomion-review-overview .histo {
    float: left;
    width: 50%;
    font-size: 13px;
    text-align: center;
    margin-top: .8em
}

#atomion-review-overview .histo-star {
    float: left;
    padding: 3px
}

#atomion-review-overview .histo-rate {
    width: 100%;
    display: block;
    clear: both;
    float: left;
    margin-bottom: .5em
}

#atomion-review-overview .histo-rate .total-star {
    float: right;
    display: block;
    margin-left: 0;
    width: 10%;
    text-align: right;
    font-weight: 700
}

#atomion-review-overview .bar-block {
    margin-left: 0;
    color: #000;
    display: block;
    float: right;
    width: 40%;
    position: relative;
    height: 30px
}

#atomion-review-overview .bar {
    display: block;
    height: 27px
}

#atomion-review-overview #bar-five,#atomion-review-overview #bar-four,#atomion-review-overview #bar-one,#atomion-review-overview #bar-three,#atomion-review-overview #bar-two {
    width: 0
}

@media (max-width: 1000px) {
    #atomion-review-overview {
        order:1;
        width: 100%
    }

    #atomion-review-overview .container {
        margin-top: 0;
        float: left;
        padding-left: 0;
        border: 0
    }

    #atomion-review-overview .inner {
        padding: 0
    }
}

@media (max-width: 480px) {
    .cross-sells.slider .slick-prev,.related-slider .slick-prev,.up-sells-slider .slick-prev {
        left:0
    }

    .cross-sells.slider .slick-next,.related-slider .slick-next,.up-sells-slider .slick-next {
        right: 0
    }
}

section.up-sells {
    clear: both
}

section.related:before,section.up-sells:before {
    content: '';
    width: 100%;
    height: 1px;
    background: #ccc;
    display: block;
    width: 100vw;
    margin-top: -1px;
    margin-left: calc(50% - 0px);
    transform: translateX(-50%)
}

.cross-sells>h2,section.up-sells h2 {
    font-size: 2em;
    font-weight: 800;
    text-align: center;
    margin: 2em 0 1.5em
}

.cross-sells>h2:after,section.up-sells h2:after {
    display: none
}

section.related {
    clear: both;
    position: relative
}

.cross-sells .site-product-meta,.related .site-product-meta,.up-sells .site-product-meta {
    margin-top: 2em;
    display: flex;
    flex-flow: column
}

.cross-sells .woocommerce-loop-product__title::after,.related .woocommerce-loop-product__title::after,.up-sells .woocommerce-loop-product__title::after {
    content: '';
    display: block!important;
    width: 40px;
    height: 1px;
    margin: 1em auto
}

.cross-sells.slider .slick-prev,.related-slider .slick-prev,.up-sells-slider .slick-prev {
    left: -4%
}

.cross-sells.slider .slick-next,.related-slider .slick-next,.up-sells-slider .slick-next {
    right: -4%
}

.cart_totals h2 {
    font-weight: 400;
    text-transform: uppercase
}

.woocommerce .wc-proceed-to-checkout a.checkout-button {
    float: right
}

p.wc-cart-shipping-notice {
    float: left;
    max-width: 50%;
    margin: 0
}

.order-total td,.order-total th {
    border-bottom: solid 1px #ebe9eb!important
}

.woocommerce-cart a.remove {
    font-size: 1.25em;
    line-height: 1.5
}

td.product-remove a.remove {
    color: transparent!important
}

.woocommerce .cart button[name=apply_coupon] {
    display: inherit;
    width: auto
}

input[type=text]#coupon_code::-webkit-input-placeholder {
    color: #d3ced2;
    text-transform: uppercase
}

input[type=text]#coupon_code::-moz-placeholder {
    color: #d3ced2;
    text-transform: uppercase
}

input[type=text]#coupon_code:-ms-input-placeholder {
    color: #d3ced2;
    text-transform: uppercase
}

input[type=text]#coupon_code:-moz-placeholder {
    color: #d3ced2;
    text-transform: uppercase
}

@media (max-width: 480px) {
    p.wc-cart-shipping-notice {
        max-width:100%;
        margin-bottom: 2em
    }
}

.woocommerce-cart table.cart th {
    text-transform: uppercase
}

.woocommerce-cart table.cart th:last-child {
    text-align: right
}

.woocommerce-cart table.cart img {
    width: 75px
}

.woocommerce-page #content table.cart td.actions .coupon {
    width: 100%;
    max-width: 450px
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
    width: 100%!important;
    height: 43px;
    margin-right: 0;
    max-width: 320px;
    text-align: center;
    padding: 0 .53em;
    border-radius: 0;
    border-width: 3px;
    border-right: 0
}

.woocommerce-cart td.product-thumbnail {
    min-width: 100px!important
}

.cart_totals table.shop_table td {
    padding: 1em .75em
}

.woocommerce-cart .woocommerce-cart-form .quantity {
    border: 3px solid #ddd;
    border-radius: 0;
    padding: 0 2px
}

.woocommerce-cart .woocommerce-cart-form .quantity .qty {
    padding: 0;
    border: 0;
    text-align: right
}

@media (max-width: 768px) {
    .woocommerce-page #content table.cart td.actions .coupon {
        max-width:100%;
        margin-bottom: 1em
    }

    .woocommerce-cart table.cart td.actions .coupon .input-text {
        width: 100%!important;
        max-width: none;
        text-align: left;
        padding: 0 25% 0 15px
    }

    .woocommerce-cart table.cart td.actions .coupon button[name=apply_coupon] {
        width: auto!important;
        position: absolute;
        right: 0
    }

    .woocommerce table.shop_table td.product-quantity,.woocommerce-cart table.cart img {
        width: 100%
    }

    .woocommerce table.shop_table_responsive tr:nth-child(2n) td,.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
        background: 0 0
    }

    .woocommerce-cart .woocommerce-cart-form .quantity {
        border: 0;
        padding: 0
    }

    .woocommerce-cart .woocommerce-cart-form .quantity .qty {
        border: 3px solid #ddd;
        padding: 5px;
        text-align: center
    }
}

@media (max-width: 480px) {
    .woocommerce-cart table.cart td.actions .coupon .input-text {
        padding:0 30% 0 10px;
        height: 38px
    }

    .woocommerce-cart .shipping td:before {
        width: 100%;
        text-align: left;
        margin-bottom: 1em
    }

    .woocommerce-cart table.shop_table .shipping td .wgm-tax {
        text-align: left;
        display: inline;
        padding-left: 1.5em;
        max-width: 100%
    }

    .woocommerce-cart ul#shipping_method li {
        padding-left: 1em
    }
}

li.woocommerce-mini-cart-item.mini_cart_item small {
    display: none
}

.shipping-calculator-form #select2-calc_shipping_country-container,.shipping-calculator-form #select2-calc_shipping_state-container,ul#shipping_method {
    text-align: left
}

@media screen and (min-width: 600px) {
    .shipping-calculator-form>p {
        max-width:320px;
        margin-left: auto!important
    }
}

form.checkout.woocommerce-checkout {
    float: left;
    width: 100%
}

.woocommerce-checkout main h3 {
    font-weight: 300;
    font-size: 1.25em;
    text-transform: uppercase;
    margin-bottom: 37px
}

h3#order_review_heading {
    border-top: 1px solid rgba(0,0,0,.1);
    text-align: left;
    width: 100%;
    padding-top: 35px;
    margin-top: 35px
}

.woocommerce-checkout .woocommerce-form-coupon-toggle+.woocommerce-error,.woocommerce-checkout .woocommerce-form-coupon-toggle+.woocommerce-message,.woocommerce-checkout .woocommerce-notices-wrapper+.woocommerce-message {
    float: left;
    width: 100%;
    margin: 2em 0 0
}

.woocommerce-checkout h3#ship-to-different-address {
    font-size: 1.1em;
    text-transform: none
}

.shipping_address {
    padding-top: 7px
}

#order_comments_field label,.woocommerce-billing-fields label,.woocommerce-shipping-fields label {
    display: none!important
}

.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox {
    display: block!important
}

.woocommerce-shipping-fields label.woocommerce-form__label-for-checkbox input:before {
    top: 5px
}

.woocommerce-checkout table.shop_table {
    border-bottom: 1px solid #e5e5e5;
    border-radius: 0
}

.woocommerce-checkout table.shop_table td {
    padding: 35px 12px
}

table.shop_table td dl.variation dt {
    font-weight: 900;
    font-size: 14px;
    line-height: 1.5em
}

table.shop_table small {
    font-size: 14px
}

table.shop_table ul.wc-item-meta {
    font-size: 14px
}

table.shop_table ul.wc-item-meta p {
    margin: 0;
    font-weight: 400
}

table.shop_table ul.wc-item-meta strong {
    font-weight: 900
}

table.shop_table ul.wc-item-meta li {
    padding-left: 0
}

table.shop_table ul.wc-item-meta li:before {
    display: none!important
}

.woocommerce-checkout table.shop_table td,.woocommerce-checkout table.shop_table th {
    padding-left: 0;
    padding-right: 0
}

.woocommerce table.shop_table tfoot th {
    text-transform: uppercase;
    color: #495057
}

.woocommerce table.shop_table tfoot td,.woocommerce table.shop_table tfoot td span {
    font-weight: 400!important
}

tr.order-total span.woocommerce-Price-amount.amount {
    font-size: 1.3rem;
    font-weight: 700!important
}

span.wgm-tax.includes_tax span.woocommerce-Price-amount.amount {
    font-weight: 400!important;
    font-size: inherit
}

dl.variation dd p {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5em;
    margin: 0
}

dl.variation dd.variation-Lieferzeit p {
    margin: 0
}

div.atomion-mini-cart-widget dl.variation {
    display: none
}

.woocommerce ul#shipping_method li {
    text-align: right
}

.woocommerce form .form-row #createaccount {
    margin: -2px 0 0 0
}

@media (max-width: 768px) {
    .woocommerce-checkout table.shop_table {
        display:block
    }

    .woocommerce-checkout table.shop_table tfoot {
        display: block
    }

    .woocommerce table.shop_table tfoot th {
        width: 100%;
        display: block;
        padding: 20px 0
    }

    .woocommerce-checkout table.shop_table .order-total>* {
        min-width: unset!important
    }

    .woocommerce-checkout table.shop_table tfoot tr {
        width: 100%;
        display: flex
    }

    .woocommerce-checkout table.shop_table tr.shipping {
        display: block
    }

    .woocommerce-checkout table.shop_table tr.shipping td {
        width: 100%;
        text-align: right;
        display: block;
        border-top: 0
    }

    .woocommerce-checkout tr .wgm-tax {
        margin-left: 0!important;
        max-width: 100%!important;
        white-space: nowrap
    }

    .woocommerce-checkout table.shop_table tr.shipping td:nth-child(2) {
        display: none
    }

    .woocommerce-checkout table.shop_table tr.shipping td:last-child {
        padding: 10px 0 35px
    }

    .woocommerce table.shop_table th.product-quantity {
        padding-left: 3em!important;
        padding-right: 3em!important
    }

    .woocommerce table.shop_table td.product-quantity {
        text-align: center
    }

    .woocommerce-checkout table.shop_table>thead>tr>th {
        border-bottom: 1px solid #e5e5e5!important
    }
}

@media (max-width: 480px) {
    .woocommerce-checkout table.shop_table :not(.german-market-product-image) {
        min-width:0;
        width: 100%
    }

    .woocommerce-checkout tr:not(.order-total) .wgm-tax {
        margin-left: 0!important;
        max-width: 100%!important;
        white-space: nowrap;
        text-align: right!important;
        white-space: pre-wrap
    }

    .woocommerce-checkout table.shop_table tr.shipping .wgm-tax {
        text-align: right!important
    }
}

#add_payment_method #payment,.woocommerce-cart #payment,.woocommerce-checkout #payment {
    background: 0 0
}

#add_payment_method #payment div.payment_box::before,.woocommerce-cart #payment div.payment_box::before,.woocommerce-checkout #payment div.payment_box::before {
    display: none
}

#add_payment_method #payment div.payment_box,.woocommerce-cart #payment div.payment_box,.woocommerce-checkout #payment div.payment_box {
    font-size: 1em;
    background: #f5f5f5;
    color: #666;
    border-radius: 5px
}

.woocommerce-checkout #payment li.wc_payment_method label {
    font-size: 1.13em
}

#add_payment_method #payment div.payment_box p:last-child,.woocommerce-cart #payment div.payment_box p:last-child,.woocommerce-checkout #payment div.payment_box p:last-child {
    margin: 0
}

#add_payment_method #payment div.form-row,.woocommerce-cart #payment div.form-row,.woocommerce-checkout #payment div.form-row {
    padding: 1em 0
}

.payment_method_stripe input#wc-stripe-new-payment-method {
    width: 100%!important
}

.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info {
    margin: 0
}

.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
    margin: 2em 0 0
}

.woocommerce-checkout form.checkout_coupon.woocommerce-form-coupon,.woocommerce-checkout form.woocommerce-form-login {
    float: left;
    width: 100%;
    margin: 0
}

.woocommerce-checkout form.checkout_coupon.woocommerce-form-coupon p.form-row.form-row-first {
    float: left;
    width: 350px
}

.woocommerce-checkout form.checkout_coupon.woocommerce-form-coupon p.form-row.form-row-last {
    float: left;
    width: auto;
    margin-left: -3px
}

.woocommerce-checkout .woocommerce form.checkout_coupon,.woocommerce-checkout .woocommerce form.login,.woocommerce-checkout .woocommerce form.register {
    border: 1px solid #f5f5f5;
    border-radius: 5px;
    background: #f5f5f5;
    color: #666
}

.woocommerce-checkout .woocommerce form.checkout_coupon button {
    height: 50px
}

.woocommerce-checkout #payment ul.payment_methods li.woocommerce-notice {
    line-height: 1.5
}

@media (max-width: 768px) {
    .woocommerce-checkout form.checkout_coupon.woocommerce-form-coupon p.form-row.form-row-first {
        float:left;
        width: 50%
    }

    .woocommerce-checkout #payment ul.payment_methods {
        padding-left: 0;
        padding-right: 0
    }

    .woocommerce-checkout #payment ul.payment_methods li.wc_payment_method {
        padding-left: 0
    }
}

@media (max-width: 480px) {
    .woocommerce-checkout form.checkout_coupon.woocommerce-form-coupon p.form-row.form-row-last,.woocommerce-checkout form.checkout_coupon.woocommerce-form-coupon p.form-row.form-row-last button {
        width:100%;
        margin-left: 0
    }

    .woocommerce-checkout form.checkout_coupon.woocommerce-form-coupon p.form-row.form-row-first {
        width: 100%;
        margin-bottom: 0
    }
}

.checkout-login {
    display: none
}

.checkout-login p.form-row.form-row-first {
    float: left;
    width: 40%;
    margin-right: 15px
}

.checkout-login p.form-row.form-row-last {
    float: left;
    width: 40%
}

.checkout-login p.form-row.form-row-last input#password {
    padding: 12px;
    border: 3px solid #ddd;
    border-radius: 0
}

.woocommerce-checkout #page form.woocommerce-form.woocommerce-form-login.login {
    padding: 1rem 1.3rem 3rem
}

.checkout-login button.button {
    top: 3px;
    right: -20px
}

.checkout-login .atomion-lost-password,.checkout-login .atomion-remind-me {
    float: left;
    width: 20%;
    text-align: left
}

.checkout-login .atomion-lost-password a {
    color: #404040
}

.checkout-login input[type=password]::-webkit-input-placeholder,.checkout-login input[type=text]::-webkit-input-placeholder {
    padding-left: 20px;
    text-transform: uppercase
}

.checkout-login input[type=password]::-moz-placeholder,.checkout-login input[type=text]::-moz-placeholder {
    padding-left: 20px;
    text-transform: uppercase
}

.checkout-login input[type=password]:-ms-input-placeholder,.checkout-login input[type=text]:-ms-input-placeholder {
    padding-left: 20px;
    text-transform: uppercase
}

.checkout-login input[type=password]:-moz-placeholder,.checkout-login input[type=text]:-moz-placeholder {
    padding-left: 20px;
    text-transform: uppercase
}

.checkout-login input#password,.checkout-login input#username {
    padding-left: 40px!important
}

form.checkout_coupon.woocommerce-form-coupon+div+form,form.woocommerce-form-login+div+form {
    margin-top: 1em
}

.woocommerce-NoticeGroup-checkout {
    margin-top: 2em
}

#content .woocommerce #place_order {
    float: right;
    margin-bottom: .5em
}

#content .woocommerce .button.atomion-go-back-button {
    float: left;
    width: auto;
    padding: 1.05em 2em;
    color: #404040;
    margin-bottom: .5em;
    color: #515151;
    background-color: #ebe9eb;
    border: none
}

#content .woocommerce .button.atomion-go-back-button:hover {
    color: #fff
}

@media screen and (max-width: 480px) {
    #content .woocommerce #place_order,#content .woocommerce .button.atomion-go-back-button {
        width:100%
    }
}

.wgm-second-checkout .woocommerce-info::before {
    top: 2em
}

.wgm-second-checkout div#customer_details {
    border-bottom: 1px solid rgba(0,0,0,.1)
}

.wgm-second-checkout input#place_order_back {
    float: left;
    width: auto;
    padding: 1.05em 2em;
    color: #404040
}

.wgm-second-checkout input#place_order_back:hover {
    color: #fff
}

.wgm-second-checkout input#place_order {
    float: right;
    width: auto;
    font-weight: 900;
    padding: .9em
}

.wgm-second-checkout .atomion-place-order {
    float: left;
    width: 100%;
    padding: 35px 0
}

.wgm-second-checkout label::before {
    margin-right: .7em!important
}

.form-row.place-order.wgm-place-order p {
    margin-bottom: 0
}

@media (max-width: 480px) {
    .wgm-second-checkout input#place_order {
        float:right;
        width: auto;
        font-weight: 900;
        padding: 1.05em 2em;
        margin-top: .5em;
        width: 100%
    }

    .wgm-second-checkout input#place_order_back {
        width: 100%
    }

    .wgm-second-checkout .woocommerce td.product-quantity {
        min-width: unset
    }
}

.woocommerce-notice.woocommerce-thankyou-order-received {
    color: #fff;
    text-align: center;
    padding: 1.45em;
    border-radius: 5px
}

.woocommerce-order-received ul.wc-bacs-bank-details.order_details.bacs_details li {
    margin: 0;
    padding: 0
}

.woocommerce-order-received table.shop_table td.product-name .wc-item-meta li:before,.woocommerce-order-received ul.wc-bacs-bank-details.order_details.bacs_details li:before {
    display: none!important
}

.woocommerce-order-received table.shop_table td.product-name .wc-item-meta li {
    padding-left: 0
}

.woocommerce-order-received table.shop_table td.product-name .wc-item-meta li>* {
    margin-top: 0
}

.woocommerce-order-received .woocommerce-order-downloads {
    width: 100%;
    margin-bottom: 0
}

.woocommerce-order-received #content .button {
    text-align: center
}

.woocommerce-order-received .order-details tr td,.woocommerce-order-received .payment-details tr td {
    vertical-align: top;
    width: 50%
}

.woocommerce-order-received .order-details tr td:nth-child(2),.woocommerce-order-received .payment-details tr td:nth-child(2) {
    padding: 0 .5rem
}

.woocommerce-order-received .woocommerce-table--order-downloads .woocommerce-MyAccount-downloads-file {
    display: inline-block;
    margin: .5rem 0
}

@media screen and (max-width: 768px) {
    .woocommerce-account .atomion-single-order-header tr td {
        width:50%
    }

    .woocommerce-account .atomion-single-order-header tr td:nth-child(2) {
        padding: 0 .5rem
    }
}

.woocommerce-order-received main h2,.woocommerce-order-received main h3 {
    text-transform: none;
    margin-bottom: .5em;
    font-weight: 300;
    font-size: 1.25em;
    color: #495057
}

.woocommerce-order-received h2:after {
    display: none
}

.woocommerce-order-received h3#order_review_heading {
    border-top: 1px solid rgba(0,0,0,.1);
    border-bottom: 1px solid rgba(0,0,0,.1);
    text-align: left;
    width: 100%;
    padding: 35px 0;
    margin-top: 35px;
    order: 1
}

.woocommerce-order-received .woocommerce-order-details {
    width: 100%;
    order: 2
}

.woocommerce-order-received .woocommerce-order-details .woocommerce-order-details__title {
    visibility: hidden;
    height: 0
}

.woocommerce ul.order_details {
    -js-display: flex;
    display: -ms-flexbox;
    display: flex;
    flex-flow: column;
    padding: 0;
    margin-bottom: 0
}

.woocommerce ul.order_details li {
    display: inline-flex;
    line-height: 2;
    font-size: 1em;
    font-weight: 900;
    text-transform: none;
    border: 0
}

.woocommerce ul.order_details li strong {
    font-size: 1em;
    text-transform: none;
    font-weight: 400;
    line-height: 2
}

.woocommerce-order .flex p {
    order: 2
}

.woocommerce-order-received table.shop_table.order_details tfoot tr:last-child td>span.woocommerce-Price-amount.amount {
    font-weight: 700!important
}

.woocommerce-order-received .order-customer-details-wrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.woocommerce-order-received .atomion-customer-details {
    width: 100%;
    order: 3
}

.woocommerce-order-received .woocommerce-customer-details {
    width: 100%;
    order: 4
}

.woocommerce-order-received .woocommerce-customer-details address {
    border: 0;
    padding-left: 0
}

.woocommerce p.woocommerce-thankyou-order-received {
    position: relative
}

.woocommerce p.woocommerce-thankyou-order-received {
    position: relative
}

.woocommerce p.woocommerce-thankyou-order-received .atomion-thank-you-icon {
    position: absolute;
    top: 1px;
    transform: translateX(-130%)
}

.atomion-thank-you-icon .checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #7ac142;
    fill: none
}

.atomion-thank-you-icon.check-animation .checkmark__circle {
    animation: stroke .6s cubic-bezier(.65,0,.45,1) forwards
}

.atomion-thank-you-icon .checkmark {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    margin: 10% auto;
    box-shadow: inset 0 0 0 #7ac142
}

.atomion-thank-you-icon.check-animation .checkmark {
    animation: fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both
}

.atomion-thank-you-icon .checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48
}

.atomion-thank-you-icon.check-animation .checkmark__check {
    animation: stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0
    }
}

@keyframes scale {
    0%,100% {
        transform: none
    }

    50% {
        transform: scale3d(1.1,1.1,1)
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0 0 0 30px #7ac142
    }
}

@media (max-width: 768px) {
    .atomion-thank-you-icon .checkmark {
        width:40px;
        height: 40px;
        margin: 35% auto
    }
}

@media (max-width: 480px) {
    .woocommerce p.woocommerce-thankyou-order-received .atomion-thank-you-icon {
        position:absolute;
        top: 0;
        transform: translateX(0);
        transform: translatey(-65%);
        left: 0;
        right: 0
    }

    .atomion-thank-you-icon .checkmark {
        width: 40px;
        height: 40px;
        margin: 25% auto
    }
}

.woocommerce-account #atomion-breadcrumbs {
    margin-bottom: 2.3em
}

.woocommerce-account #atomion-breadcrumbs:after {
    content: '';
    width: 100%;
    height: 1px;
    background: #ddd;
    display: block;
    margin-top: 3em
}

.woocommerce-account .woocommerce {
    position: relative
}

.woocommerce-account .woocommerce .customer-approach {
    position: absolute;
    right: 0;
    top: -105px;
    font-weight: 600;
    text-transform: uppercase
}

#atomion-account-modal .atomion-account {
    box-shadow: none;
    padding: 0
}

#atomion-account-modal .modal-content {
    display: flex;
    flex-wrap: wrap;
    max-width: 600px
}

#atomion-account-modal .modal-content .woocommerce-notices-wrapper {
    float: left
}

#atomion-account-modal .modal-content .woocommerce-error {
    width: 100%;
    margin: 20px 0
}

#atomion-account-modal .atomion-account-logo {
    margin: 0 auto 2.5em
}

.account-item #atomion-account-modal a {
    height: auto;
    text-transform: none
}

#atomion-account-modal p.woocommerce-form-row {
    clear: both;
    float: left;
    width: 100%;
    margin: .5em 0;
    padding: 3px 0
}

#atomion-account-modal .woocommerce-form__label-for-checkbox {
    line-height: 1.5
}

#atomion-account-modal input {
    width: 100%
}

.atomion-account-page .b2b-container input {
    padding: 1em 1em 1em 1em
}

.atomion-account-open {
    cursor: pointer
}

.atomion-account-open.fa-user-circle {
    font-size: 16px
}

.modal {
    display: none;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0,0,0,.4)
}

.modal.is-open {
    display: block
}

.modal-content {
    background-color: #fefefe;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    max-height: 95vh;
    overflow: auto
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: 700;
    padding: 0 5px
}

.close:focus,.close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer
}

@media screen and (max-width: 480px) {
    .modal-content {
        width:100%;
        max-height: 100vh;
        padding: 15px;
        height: 100%;
        border: 0
    }

    #atomion-account-modal .modal-content .woocommerce-error {
        margin: 15px 0
    }

    .modal-content .atomion-account-page #atomion-login-account,.modal-content .atomion-account-page #atomion-new-account {
        padding: 0 1rem
    }
}

.woocommerce-account .entry-header {
    margin-bottom: 3.5em
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 100%
}

.woocommerce-account hr {
    width: 100%;
    max-width: none;
    border-bottom: 0 solid #cbcbcb!important;
    margin: 0;
    float: left
}

.atomion-account-order hr {
    margin-top: 1.5em;
    margin-bottom: 8px;
    float: left
}

.atomion-account-order:last-child hr {
    display: none
}

nav.woocommerce-MyAccount-navigation ul {
    float: left;
    width: 92%;
    margin: 0;
    padding: 0
}

nav.woocommerce-MyAccount-navigation ul li {
    list-style: none;
    float: left;
    padding: 10px .5em 10px;
    position: relative;
    margin: 0 1em 0 0
}

nav.woocommerce-MyAccount-navigation ul li a:after {
    height: 3px;
    bottom: -13px
}

nav.woocommerce-MyAccount-navigation span.logout a,nav.woocommerce-MyAccount-navigation ul li a {
    color: #404040;
    text-decoration: none;
    font-size: 1em;
    text-transform: uppercase;
    line-height: 1.2;
    position: relative
}

.woocommerce-view-order nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a,nav.woocommerce-MyAccount-navigation ul li.is-active a {
    font-weight: 600;
    position: relative
}

nav.woocommerce-MyAccount-navigation span.logout {
    position: absolute;
    top: 10px;
    right: 0;
    text-align: right;
    min-width: 80px
}

nav.woocommerce-MyAccount-navigation span.logout a:active,nav.woocommerce-MyAccount-navigation span.logout a:hover {
    color: #e84948
}

nav.woocommerce-MyAccount-navigation span.logout i {
    color: #e84948;
    padding-right: 5px
}

@media (max-width: 768px) {
    nav.woocommerce-MyAccount-navigation span.logout {
        position:absolute;
        top: -30px
    }

    nav.woocommerce-MyAccount-navigation ul {
        width: 100%
    }
}

@media (max-width: 480px) {
    .woocommerce-account .woocommerce .customer-approach {
        top:-55px
    }

    nav.woocommerce-MyAccount-navigation ul li {
        width: 50%;
        padding: 10px 0;
        margin-right: 0
    }
}

.woocommerce-account #primary {
    margin-bottom: 9em
}

.woocommerce-account .woocommerce-MyAccount-content {
    float: left;
    width: 100%;
    margin-top: 2em
}

.woocommerce-MyAccount-content {
    display: flex;
    flex-flow: column
}

.woocommerce-account.woocommerce-edit-account .woocommerce-MyAccount-content form {
    max-width: 600px;
    order: 2
}

.woocommerce-MyAccount-content .woocommerce-notices-wrapper li {
    margin: 0
}

.atomion-account-order-wrapper {
    float: left;
    width: 100%;
    padding-bottom: 1.5em
}

.atomion-account-order h3 {
    font-size: 1em;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.2;
    margin-bottom: 0
}

.atomion-account-orders-left {
    float: left;
    width: 70%;
    padding: 5px 3em 15px 0
}

.atomion-account-orders-left tr {
    border-bottom: solid 1px #cbcbcb
}

.atomion-account-orders-left tr td {
    padding: 20px 0 20px 0
}

.atomion-account-orders-left tr td:nth-child(2) {
    padding-left: 2em
}

.woocommerce-orders .atomion-account-order td:last-child {
    text-align: right
}

.atomion-account-order td>span.woocommerce-Price-amount.amount {
    font-size: 1.2em;
    text-align: right
}

.atomion-account-order td>span.product-tax,.atomion-account-order td>span.woocommerce-Price-amount.amount {
    display: block
}

.atomion-account-order td>span.product-tax {
    font-size: smaller
}

.atomion-account-orders-left span.atomion-product-image {
    max-width: 100px;
    float: left
}

.atomion-account-orders-left .atomion-order-meta-left {
    float: left;
    width: 50%
}

.atomion-account-orders-left .atomion-order-meta-right {
    float: right;
    width: 50%;
    text-align: right
}

.atomion-account-orders-right {
    float: left;
    width: 30%;
    padding: 1.2em 0 15px 0
}

.atomion-account-orders-right p {
    margin-top: 0
}

.atomion-account-orders-right h3 {
    margin: 0;
    text-transform: uppercase;
    font-size: 1em
}

.atomion-account-orders-right a.atomion-order-link {
    text-decoration: none;
    font-size: 1em;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.2;
    margin-right: .75rem
}

.atomion-account-orders-right a.atomion-order-link:last-child {
    margin-right: 0
}

tr.downloads {
    border-bottom: none
}

.woocommerce-account .payment-details tr td {
    vertical-align: top
}

.woocommerce-account .payment-details tr td:nth-child(2) {
    padding: 0 .5rem
}

.woocommerce-MyAccount-content .woocommerce-pagination a.woocommerce-Button--previous {
    margin-right: 1em
}

@media (max-width: 768px) {
    .atomion-account-orders-left {
        width:100%;
        padding: 5px 0 15px 0
    }

    .atomion-account-orders-right {
        width: 100%;
        display: flex;
        flex-wrap: wrap
    }

    .atomion-account-orders-right>div {
        flex-basis: 50%;
        padding-right: .8em
    }

    .atomion-account-orders-right .atomion-button-actions {
        display: inherit;
        flex-basis: 100%;
        flex-wrap: wrap
    }

    .atomion-account-orders-right .atomion-button-actions>p {
        margin-right: 1em;
        margin-bottom: .8em
    }

    .atomion-account-orders-right a.atomion-order-link {
        line-height: 2.6;
        padding: 0 .8em;
        display: block
    }

    .atomion-account-orders-right p.download-invoice-pdf a {
        margin: 0!important
    }

    .woocommerce-MyAccount-content .woocommerce-pagination a {
        margin-bottom: .8em
    }

    .woocommerce-MyAccount-content .woocommerce-pagination a.woocommerce-Button--previous {
        margin-right: 0
    }
}

h3.atomion-account-headline {
    color: #404040;
    font-weight: 300;
    font-size: 1.4em
}

.woocommerce-Address {
    margin-bottom: 1rem;
    float: left!important
}

.woocommerce-Address b {
    font-weight: 600
}

.col-1.woocommerce-Address {
    margin-right: 4%
}

.woocommerce-MyAccount-content button.button,a.atomion-edit-address-button {
    display: block;
    float: left
}

.u-columns.woocommerce-Addresses.col2-set.addresses label {
    display: none
}

.atomion-account-data {
    display: flex;
    margin-bottom: 5px
}

.atomion-account-data-label {
    margin-right: 3px
}

.woocommerce-edit-address #billing_city_field,.woocommerce-edit-address #billing_postcode_field,.woocommerce-edit-address #shipping_city_field,.woocommerce-edit-address #shipping_postcode_field {
    width: 100%;
    display: inline-block;
    clear: none
}

.woocommerce-edit-address #billing_postcode_field,.woocommerce-edit-address #shipping_postcode_field {
    max-width: 150px;
    margin-right: 30px
}

.woocommerce-edit-address #billing_city_field,.woocommerce-edit-address #shipping_city_field {
    max-width: 346px;
    max-width: calc(100% - 180px)
}

@media (max-width: 768px) {
    .col-1.woocommerce-Address {
        margin-right:0
    }

    .atomion-edit-adress-container {
        padding-right: 0
    }
}

.atomion-account {
    padding: 25px 50px;
    box-shadow: 0 0 40px 5px #2b2b2b;
    float: left;
    width: 100%
}

.atomion-account .button {
    display: block;
    margin: 20px auto
}

#atomion-new-account {
    display: none
}

.atomion-account h2,.atomion-account-page h2 {
    text-align: center;
    text-transform: uppercase;
    font-weight: 400
}

.atomion-account h2:after,.atomion-account-page h2:after {
    display: none
}

.atomion-account-logo {
    max-width: 280px;
    margin: 3.5em auto 2.5em
}

.atomion-account input,.atomion-account-page input {
    padding: 1em 1em 1em 3em;
    text-align: left
}

.atomion-account-page input[type=file] {
    padding-left: 0
}

.atomion-account-page input[type=date] {
    padding-left: .5em
}

.atomion-account form,.atomion-account-page form {
    border: 0!important;
    margin: 2em 0;
    text-align: left;
    border-radius: 0
}

#atomion-login-account input::placeholder,#atomion-new-account input::placeholder {
    text-transform: uppercase
}

#atomion-login-account input::-webkit-input-placeholder,#atomion-new-account input::-webkit-input-placeholder {
    text-transform: uppercase
}

#atomion-login-account input::-moz-placeholder,#atomion-new-account input::-moz-placeholder {
    text-transform: uppercase
}

#atomion-login-account input:-ms-input-placeholder,#atomion-new-account input:-ms-input-placeholder {
    text-transform: uppercase
}

#atomion-login-account input:-moz-placeholder,#atomion-new-account input:-moz-placeholder {
    text-transform: uppercase
}

#masthead .account-item .atomion-account a {
    height: auto;
    display: inline-block;
    padding: 0
}

.atomion-lost-password {
    float: left;
    width: 50%;
    display: block;
    margin: 0;
    max-height: 30px
}

.atomion-lost-password a {
    text-transform: uppercase;
    font-size: .8em
}

.atomion-remind-me {
    float: right;
    width: 50%;
    display: block;
    text-align: right;
    text-transform: uppercase;
    font-size: .8em;
    margin: 0
}

.woocommerce form.login,.woocommerce form.register {
    padding: 0
}

#atomion-register-account,#atomion-register-toggle {
    text-align: center;
    display: block!important;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 600;
    padding: 0;
    font-weight: 700
}

.fa-wrapper-account {
    position: relative
}

.fa-wrapper-account:before {
    font-family: 'Font Awesome\ 5 Free';
    content: "\f007";
    position: absolute;
    left: 13px;
    bottom: calc(-20%);
    font-size: 1.2em;
    color: #bbb;
    font-weight: 900
}

.fa-wrapper-lock {
    position: relative;
    display: block
}

.fa-wrapper-lock .show-password-input {
    top: 1.15em!important
}

.fa-wrapper-lock:before {
    font-family: 'Font Awesome\ 5 Free';
    content: "\f023";
    position: absolute;
    left: 13px;
    top: .75em;
    font-size: 1.2em;
    color: #bbb;
    font-weight: 900;
    z-index: 1
}

.atomion-account-action {
    float: left;
    width: 100%
}

.atomion-account-page {
    padding: 25px 50px;
    float: left;
    width: 100%
}

.atomion-account-page form {
    margin: 0!important
}

.atomion-account-page .button {
    display: block!important;
    margin: 20px auto!important
}

.atomion-account-page #atomion-login-account,.atomion-account-page #atomion-new-account {
    padding: 0 25px 25px;
    max-width: 555px;
    margin: 0 auto
}

.atomion-account-page .button.woocommerce-form-login__submit {
    float: unset
}

.atomion-account-page button.woocommerce-Button.button.disabled {
    padding: 1.05em!important
}

.atomion-account-page .atomion-account-action {
    float: left;
    width: 100%
}

.atomion-account-page .inner-form {
    float: left;
    width: 100%;
    min-height: 195px
}

.woocommerce .atomion-account-page form .form-row {
    margin: 0 0 .5em
}

.woocommerce-Input--text {
    border: 3px solid #ddd
}

#masthead .account-item .atomion-account a.wgm-privacy {
    text-decoration: underline
}

.atomion-account-page form a.wgm-privacy {
    text-decoration: underline
}

#atomion-account-modal label.checkbox input:before,#atomion-account-modal label.woocommerce-form__label-for-checkbox input:before {
    top: 4px
}

@media (max-width: 1000px) {
    .atomion-account-page {
        padding:0
    }
}

@media (max-width: 600px) {
    .atomion-account-page #atomion-login-account,.atomion-account-page #atomion-new-account {
        width:100%;
        margin-bottom: 2em;
        min-height: 0!important
    }
}

.atomion-single-order-header {
    float: left;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background: #f6f6f6;
    border-bottom: 1px solid #ddd;
    padding: 20px 20px 30px 20px;
    margin-bottom: 2em
}

.atomion-single-order-header h3 {
    margin: 10px 0 20px;
    font-weight: 400
}

.atomion-three tr {
    line-height: 1.8
}

.atomion-single-order-headline {
    font-weight: 400
}

.atomion-account-single-table {
    border-bottom: solid 1px #ddd
}

table.shop_table.order_details.single-account-order {
    border-bottom: solid 1px #ddd;
    border-radius: 0
}

.woocommerce .product-purchase-note td {
    padding: 0 .75em!important;
    text-align: left!important;
    border: 0!important
}

.woocommerce .product-purchase-note td p {
    margin-top: 0
}

#atomion-order-progress {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem
}

#atomion-order-progress .progress-step {
    text-transform: uppercase;
    font-weight: 800;
    padding: .5rem 1rem
}

.progress-style-1 .progress-step {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 80px;
    width: 100%;
    margin-right: 3px;
    background: #f8f6f7;
    border-bottom: 4px solid transparent
}

.progress-style-1 .progress-step,.progress-style-1 .progress-step>a {
    color: #ccc
}

.progress-style-1 .current,.progress-style-1 .current>a,.progress-style-1 .progress-step>a:hover {
    color: initial
}

@media screen and (max-width: 600px) {
    #atomion-order-progress.progress-style-1 {
        flex-wrap:wrap;
        justify-content: space-around
    }

    #atomion-order-progress.has-4-steps {
        flex-wrap: wrap;
        justify-content: space-around
    }

    #atomion-order-progress .progress-step {
        padding: .5rem .5rem;
        font-size: 80%;
        width: 49%
    }

    .progress-style-1 .progress-step {
        height: 65px;
        margin-right: 3px;
        margin-bottom: 6px
    }
}

@media screen and (max-width: 480px) {
    .progress-style-1 .progress-step {
        margin-right:0
    }
}

#atomion-order-progress {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem
}

#atomion-order-progress .progress-step {
    text-transform: uppercase;
    font-weight: 800;
    padding: .5rem 1rem
}

#atomion-order-progress.progress-style-2 {
    padding: 1.2rem 3rem;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}

.progress-style-2 .progress-step,.progress-style-2 .progress-step>a {
    color: #ccc
}

.progress-style-2 .current,.progress-style-2 .current>a,.progress-style-2 .progress-step>a:hover {
    color: initial
}

.progress-style-2 .progress-step span {
    display: inline-block;
    width: 35px;
    height: 35px;
    font-size: 1.2rem;
    line-height: 32px;
    text-align: center;
    color: #fff;
    background: #ccc;
    margin-right: .5rem;
    border-radius: 50%;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in
}

@media screen and (max-width: 950px) {
    #atomion-order-progress.progress-style-2 {
        padding:1.2rem 0
    }

    .progress-style-2 .progress-step {
        text-align: center
    }

    .progress-style-2 .progress-step span {
        display: block;
        margin: 0 auto
    }
}

@media screen and (max-width: 600px) {
    #atomion-order-progress.has-4-steps {
        flex-wrap:wrap;
        justify-content: space-around
    }

    #atomion-order-progress .progress-step {
        padding: .5rem .5rem;
        font-size: 80%;
        width: 49%
    }

    .progress-style-2 .progress-step span {
        width: 25px;
        height: 25px;
        font-size: 1rem;
        line-height: 25px;
        margin-bottom: 7px
    }
}

@media screen and (max-width: 480px) {
    #atomion-order-progress.progress-style-2 {
        align-items:unset
    }
}

#atomion-order-progress {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem
}

#atomion-order-progress .progress-step {
    text-transform: uppercase;
    font-weight: 800;
    padding: .5rem 1rem
}

.progress-style-3 .progress-step {
    color: #ccc;
    text-align: center;
    width: 100%;
    border-right: 1px solid #ccc
}

.progress-style-3 .progress-step>a {
    color: #ccc
}

.progress-style-3 .progress-step:last-child {
    border-right: none
}

.progress-style-3 .current,.progress-style-3 .current>a,.progress-style-3 .progress-step>a:hover {
    color: initial
}

.progress-style-3 .progress-step span {
    display: block;
    font-size: 1.6rem;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in
}

@media screen and (max-width: 600px) {
    #atomion-order-progress.has-4-steps {
        flex-wrap:wrap;
        justify-content: space-around
    }

    #atomion-order-progress .progress-step {
        padding: .5rem .5rem;
        font-size: 80%;
        width: 49%
    }

    #atomion-order-progress.progress-style-3 .progress-step {
        width: 50%
    }

    .progress-style-3.has-4-steps .progress-step {
        border: 0
    }

    .progress-style-3.has-4-steps .progress-step:first-child,.progress-style-3.has-4-steps .progress-step:nth-child(2) {
        border-bottom: 1px solid #ccc
    }

    .progress-style-3 .progress-step span {
        font-size: 1rem
    }
}

#masthead #desktop-navigation .wishlist-item {
    border-right: 1px solid #ddd
}

.atomion-wishlist-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2rem 0
}

.atomion-wishlist-item .atomion-account-wishlist-left {
    display: flex;
    align-items: center;
    width: 70%
}

.atomion-wishlist-item .atomion-wishlist-product-image {
    max-width: 150px;
    margin-right: 2em
}

.atomion-wishlist-item .atomion-account-wishlist-right {
    float: left;
    padding: 1.2em 0 15px 0;
    text-align: right
}

.atomion-wishlist-item .atomion-account-wishlist-right p {
    margin: 0
}

.atomion-wishlist-item .atomion-wishlist-link.add-to-cart {
    font-size: 1em;
    font-weight: 600;
    text-transform: uppercase
}

.atomion-wishlist-item .atomion-remove-link.wishlist-remove {
    font-size: .9em;
    font-weight: 600;
    text-transform: uppercase
}

@media (max-width: 950px) {
    .atomion-wishlist-item .atomion-account-wishlist-left {
        width:65%
    }
}

@media (max-width: 768px) {
    .atomion-wishlist-item {
        flex-wrap:wrap
    }

    .atomion-wishlist-item .atomion-account-wishlist-left {
        width: 100%
    }

    .atomion-wishlist-item .atomion-account-wishlist-right {
        text-align: unset;
        display: flex;
        justify-content: space-between;
        width: 100%
    }

    .atomion-wishlist-item .atomion-wishlist-product-image {
        width: 30%
    }

    .wishlist hr {
        margin-bottom: 1em
    }

    .wishlist .woocommerce>hr {
        margin-bottom: 0
    }
}

@media (max-width: 480px) {
    .atomion-wishlist-item {
        padding:1rem 0
    }
}

.woocommerce small.b2b-rrp {
    display: inline-block;
    font-size: .9rem;
    font-weight: 600;
    padding: .3rem .5rem
}

.archive.woocommerce small.b2b-rrp {
    margin-bottom: .5rem
}

.atomion-block small.b2b-rrp,.cross-sells small.b2b-rrp,.related small.b2b-rrp,.up-sells small.b2b-rrp,[class^=wp-block-woocommerce] small.b2b-rrp {
    margin-bottom: 1rem
}

.b2b-single-price del~span {
    color: #e84948;
    font-weight: 700
}

.b2b-single-price del {
    color: #333!important
}

.single-product .b2b-single-price del {
    font-weight: initial
}

#b2b_company_registration_number_field .woocommerce-input-wrapper,#b2b_uid_field .woocommerce-input-wrapper {
    position: relative
}

#b2b_company_registration_number_field .woocommerce-input-wrapper:before,#b2b_uid_field .woocommerce-input-wrapper:before {
    font-family: 'Font Awesome\ 5 Free';
    position: absolute;
    left: 13px;
    bottom: calc(-25%);
    font-size: 1.2em;
    color: #bbb;
    font-weight: 900
}

body:not(.woocommerce-checkout) #b2b_uid_field .woocommerce-input-wrapper:before {
    content: "\f2c2"
}

body:not(.woocommerce-checkout) #b2b_company_registration_number_field .woocommerce-input-wrapper:before {
    content: "\f187"
}

[id^=b2b_] input::-webkit-input-placeholder,[id^=b2b_] input::placeholder {
    text-transform: uppercase
}

[id^=b2b_] input:-moz-placeholder {
    text-transform: uppercase
}

[id^=b2b_] input::-moz-placeholder {
    text-transform: uppercase
}

[id^=b2b_] input:-ms-input-placeholder {
    text-transform: uppercase
}

table.bm-bulk-table {
    text-align: center;
    border: 1px solid #ddd
}

table.bm-bulk-table thead {
    border-bottom: 1px solid #ddd
}

table.bm-bulk-table td {
    padding: .3em .6em
}

table.bm-bulk-table thead td {
    text-transform: uppercase;
    font-weight: 700
}

input.cc_checkbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: none
}

input.cc_checkbox:checked+label::before,input.cc_checkbox:not(:checked)+label::before {
    content: ' '
}

input.cc_checkbox:checked+label::before,input.cc_checkbox:not(:checked)+label::before {
    cursor: pointer;
    display: inline-block;
    width: 18px;
    height: 18px;
    position: relative;
    top: 4px;
    border: 3px solid #ddd;
    background: #fff;
    visibility: visible;
    margin-right: 10px
}

input.cc_checkbox:not(:checked):hover+label::before {
    background: #ddd
}

.wp-block-embed .cookimize-alternate-text {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.18);
    box-shadow: 0 0 15px 5px rgba(0,0,0,.25);
    padding: 2rem;
    line-height: 0
}

.wp-block-embed.wp-block-embed-youtube .cookimize-alternate-text {
    position: absolute
}

.woocommerce-order-received .woocommerce table.shop_table .product-name .marketpress-salesman-refer-shariff ul {
    width: 100%;
    top: 18px;
    position: relative
}

.woocommerce-order-received .woocommerce table.shop_table .product-name .marketpress-salesman-refer-shariff li {
    margin-right: .5rem;
    margin-bottom: .5rem;
    width: 35px
}

.woocommerce-account form#save_billing_vat_form {
    margin-top: 10px;
    max-width: 50%
}

@media screen and (max-width: 768px) {
    .woocommerce-account form#save_billing_vat_form {
        max-width:100%
    }
}

@media screen and (max-width: 767px) {
    .prdctfltr_wc.prdctfltr_woocommerce.pf_select .prdctfltr_woocommerce_ordering {
        top:0!important
    }
}

.cart-item .atomion-mini-cart-widget .wc-gzd-total-mini-cart {
    float: left;
    width: 100%;
    padding: 0 40px;
    text-align: right;
    line-height: 1;
    margin: 0
}

.cart-item .atomion-mini-cart-widget .wc-gzd-total-mini-cart a {
    display: inline
}

.dgwt-wcas-pd-addtc-form .button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    position: relative;
    padding: 10px
}

.single-product .summary .woo-paypalplus-checkout-button {
    float: left;
    width: 100%
}

.woocommerce-cart .woo-paypalplus-checkout-button {
    clear: both;
    float: right
}

.woocommerce-cart .paypal-button-size-responsive {
    width: 147px!important
}

#mobile-navigation .woo-paypalplus-checkout-button {
    display: none
}

@media screen and (max-width: 480px) {
    .woocommerce-cart .paypal-button-size-responsive {
        width:130px!important
    }
}

.infinite-scroll .posts-navigation,.infinite-scroll.neverending .site-footer {
    display: none
}

.infinity-end.neverending .site-footer {
    display: block
}

div[class^=ugb]>ul>li:before {
    content: ''!important;
    position: relative!important
}

.ups_table_main input {
    visibility: visible!important;
    -webkit-appearance: radio;
    -moz-appearance: radio;
    appearance: radio
}

input.mailpoet_submit {
    text-transform: uppercase;
    border-radius: 0;
    font-size: 1em;
    font-weight: 600;
    padding: 1.05em;
    -webkit-font-smoothing: unset
}

input.mailpoet_text {
    width: 100%!important;
    border: none
}

p.mailpoet_paragraph {
    margin: 0 0 10px 0
}

form.mailpoet_form.mailpoet_form_widget {
    padding: 0 20px 0 0
}


 /* -------------------------------------------------------------------------------BISHIERHER*/

 .dsg-module .module-title {
	display:none;
}

/*------------------
 *
 *   GROUPS
 *
---------------------- */



.dsg-element-group-grid  { /* 30px gap https://grid.layoutit.com/?id=iiYe5e6 */
    display: grid;
    grid-template-rows: 12px 70px 13px;
    grid-template-columns: 105px 1fr 80px;
    width: 100%;
    margin: 45px 0 0 0;
    cursor: pointer;
    overflow: auto;
	position:relative;
}


.dsg-element-group-grid .group-element {
background-color: var(--dsg-color-blue-j-light);
}


.dsg-element-group-grid .group-image {
    grid-area: 1 / 1/ 4 / 2;
	background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Datenschutz.svg);
	background-size: 90%;
    background-repeat: no-repeat;
    background-position: center;
	webkit-transition: background-image 0.5s;
}

.cntrc-de .dsg-element-group-grid.dsg-group-flag .group-image {
	background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Flagge-DACH.svg) !important;
}
.cntrc-ch .dsg-element-group-grid.dsg-group-flag .group-image {
	background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-172.svg) !important
}
.cntrc-at .dsg-element-group-grid.dsg-group-flag .group-image {
	background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon173.svg) !important;
}
.cntrc-eu .dsg-element-group-grid.dsg-group-flag .group-image {
	background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-174.svg) !important;
}

.dsg-element-group-grid.dsg-group-flat .group-image { /* Für Flat Icons*/
	background-size: 77%;
}

.dsg-element-group-grid .group-title {
    display: flex;
    grid-area: 2 / 2 / 3 /3;
    align-items: center;
    padding-left: 20px;
    margin-left: 20px;
    font-weight: 200;
    font-size: 20px;
}


.dsg-element-group-grid .group-title.group-title.indicate {
	background-color: var(--dsg-color-green-j-normal);
}





.dsg-element-group-grid .group-flap {
    display: flex;
    grid-area: 2 / 3 / 3 /4;
    align-items: center;
    justify-content: center;
    color: white;
    margin-left: 10px;
    font-weight: 900;
	font-size: 60px;
    width: 70px;
    padding: 0;
    height: 100%;
	/* border-radius: 50px ;*/
}

.dsg-element-group-grid .group-flap.active,
.dsg-element-group-grid.active .group-flap,
.dsg-element-group-grid.hover .group-flap {
background-color: var(--dsg-color-green-j-normal);
}

.dsg-element-group-grid .group-flap:before {
	content:'+';
}

.dsg-element-group-grid.active .group-flap:before {
	content:'-';
    margin-top: -11px;
}


.group-wrap {
	display:none;
    margin: 10px 0 30px 125px;
}

@media all and (max-width: 700px) and (min-width: 50px) {
	.dsg-element-group-grid  {grid-template-columns: 0 1fr 40px;overflow: unset;margin-top: 0px;}
	.dsg-element-group-grid .group-image { display:none}
	.dsg-element-group-grid .group-title { margin-left:0}
	.dsg-element-group-grid .group-flap { width:40px; margin-left: 0px; font-size:43px}
}


  /*------------------
 *
 *   First STeps Anleitung im Generator
 *
---------------------- */


#dsg-firststeps {
}

.dsg-firststeps {

}

.dsg-first-steps-start {
	cursor: pointer;
}

.dsg-first-steps-start {
    margin-bottom: 33px;
    display: block;
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-109.svg);
    background-repeat: no-repeat;
    padding-right: 29px;
    background-position: right;
    width: max-content;
}

#dsg-project-info-head-wrap .dsg-first-steps-start {
    margin-bottom: 0;
    display: block;
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-109.svg);
    background-repeat: no-repeat;
    padding-right: 25px;
    background-position: right;
    width: max-content;
color: var(--dsg-color-blue-j-normal);
    cursor: pointer;
}

#dsg-project-info-head-wrap .dsg-first-steps-start:hover,
.dsg-first-steps-start:hover {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-108.svg);
}

  /*------------------
 *
 *   Webapp
 *
---------------------- */

 .dsg-generator-webapp .dsg-group-premium,
 .dsg-generator-webapp .dsg-generate-domain-entry {
	display:none;
  }

  /*------------------
 *
 *   Modules
 *
---------------------- */



/*Grid 2nd Gen verwendet bei Premium und Generator-Modulen*/
.dsg-element-module-grid,
.dsg-generator-module-grid  {
    display: grid;
    grid-template-rows:
	minmax(min-content, max-content)
	minmax(min-content, max-content)
	minmax(min-content, max-content)
	minmax(0px, max-content)
	minmax(0px, max-content)
	minmax(0px, max-content);
    grid-template-columns: 100%;
    /* grid-gap: 30px; */
    width: 100%;
    /* min-height: 250px; */
    margin-bottom: 25px;
    background-color: var(--dsg-color-grey2);
    border-radius: 0px;
padding: 20px 20px 30px;
position:relative;
}

.dsg-app-out-modules .dsg-generator-module-grid p,
.dsg-app-out-modules .dsg-generator-module-grid {
    font-size: 14px;
}
.dsg-element-module-grid.dsg-element-license-load {
	grid-template-rows: repeat(6, minmax(min-content, max-content));
}

.dsg-element-module-grid.dsg-element-seals {
	grid-template-rows: repeat(4, minmax(min-content, max-content));
}

.dsg-element-module-grid.dsg-element-languages {
	grid-template-rows: repeat(4, minmax(min-content, max-content));
}

.dsg-element-module-grid.dsg-project-admin {
	grid-template-rows: repeat(8, minmax(min-content, max-content));
}

.dsg-element-module-grid.dsg-module-presets {
	grid-template-rows: repeat(4, minmax(min-content, max-content));
}


.dsg-generator-module-grid .module-question,
.dsg-element-module-grid .module-question {
    display: flex;
    grid-area: 1 / 1 / 2 / 2;
    align-items: flex-start;
    font-weight: 600;
    width: 95%;
	padding-right:30px
}


.dsg-generator-module-grid .module-question,
.dsg-element-module-grid .module-question {
    display: flex;
    grid-area: 1 / 1 / 2 / 2;
    align-items: flex-start;
    font-weight: 600;
    width: 100%;
	padding-right:50px
}


.dsg-generator-module-grid .module-info-show,
.dsg-element-module-grid .module-info-show {
		grid-area: 2 / 1 / 3 / 2;
}

.dsg-usmo-search .module-list-show,
.dsg-generator-module-grid .module-info-show,
.dsg-element-module-grid .module-info-show {
	color: var(--dsg-color-blue-j-normal);
	cursor:pointer;
    width: max-content;
    padding: 1px 1px;
}

.dsg-usmo-search .module-list-show {
display: flex;
    grid-area: 1 / 2/ 2 / 3;
    align-items: center;
}

.dsg-generator-module-grid .module-info:hover,
.dsg-element-module-grid .module-info:hover {
    background-color: var(--dsg-color-blue-j-normal);
    color: white;
}

.dsg-element-module-grid .module-description {
    grid-area: 3 / 1 / 4 / 2;
    margin-top: 7px;
}


.dsg-element-module-grid #dsg-output-message-lc {
    grid-area: 4 / 1 / 5 / 1;
	position: relative;
}


.dsg-generator-module-grid .module-yesno-button {
    width: 150px;
    height: 44px;
    margin: 24px 0 0;
    position: relative;
	text-indent:-9999px !Important;
	background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/dsg-icon-NEIN.svg);
background-position: center;
    background-size: 114%;
    background-repeat: no-repeat;
	color: transparent;
	font-size: 0;
}



.dsg-generator-module-grid .module-yesno-button.hover.active:hover,
.dsg-generator-module-grid .module-yesno-button.active ,
.dsg-generator-module-grid .module-yesno-button:hover {
	background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/dsg-icon-JA.svg);
}

.dsg-generator-module-grid .module-yesno-button.hover:hover,
.dsg-generator-module-grid .module-yesno-button.hover.active,
.dsg-generator-module-grid .module-yesno-button.active:hover {
	background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/dsg-icon-NEIN.svg);

}

.dsg-generator-module-grid .module-yesno-button.hidden {
	display:none;
}

/*das no überdecken - für letztes Radio */
.dsg-generator-module-grid .module-yesno-button.yes-only:before {
content: " ";
    width: 76px;
    height: 44px;
    position: relative;
    top: 0;
    left: 64px;
    text-indent: -9999px;
    background-color: #c6c6c6;
	cursor:default;
}




.dsg-generator-module-grid .module-text,
.dsg-element-module-grid .module-text {
	background-color: pink;
}



.dsg-element-module-grid .module-options {
    grid-area: 5 / 1 / 6 / 1;
	position: relative;
}


.dsg-element-module-grid .dsg-settings-licensecheck.module-options {
    grid-area: 5 / 1 / 6 / 1;
}

.dsg-element-module-grid #dsg-seal-boxes.module-options {
    grid-area: 4 / 1 / 5 / 3;
    margin-top: -18px;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}

.dsg-element-module-grid .module-options {
    grid-area: 5 / 1 / 6 / 1;

}

.dsg-element-module-grid.dsg-element-languages .module-options {
	grid-area: 4 / 1 / 5 / 2;
    height: 131px;
	padding-left: 10px;
}

.dsg-generator-module-grid .module-options {

	grid-area: 4 / 1 / 5 / 1;
	position: relative;
	margin: 0 0 0px 0;
}

.dsg-module-parent .module-options {
	display:none;
}

.dsg-module-parent .module-options.active {
	display:block;
}

.dsg-generator-module-grid .module-options {
	margin: 0px 0 0px 0;
    font-weight: 350;
}

.dsg-generator-module-grid .module-options .text {
    margin: 30px 0 0px 0;
}

.dsg-module.dsg-element-options-separator {
    margin: 24px 0 30px 0;
    width: 100%;
}

.dsg-module.dsg-element-options-separator.options-options {
    margin: 10px 0 25px 0;
    width: 100%;
}

.dsg-module.dsg-element-options-separator.nothing-options {
    margin: 0 0 29px 0;
}

.dsg-module.dsg-element-options-separator.dsg-usmo-separator {
	margin-bottom:0;
}


.dsg-generator-module-grid .module-free-entry {
    grid-area: 5 / 1 / 6 / 1;
	display:none;
    padding: 0 0 0px;
}
.dsg-generator-module-grid .module-free-entry.active {
	display:block;
}

.dsg-generator-module-grid .module-free-entry-button,
.dsg-generator-module-grid .module-free-entry-button {
	display: inline-block;
    margin: 31px 0 0px;
	min-width: 250px;
}



.dsg-generator-module-grid .module-free-entry textarea {
    margin-top: 23px;
	margin-bottom: -5px;
    min-height: 200px;
    width: 90%;
    border: 2px solid #ddd;
}

.dsg-element-module-grid .module-infopreview-buttons {
    display: flex;
    grid-area: 5 / 1 / 6 / 2;
    align-items: center;
}

.dsg-generator-module-grid .module-infopreview-buttons {
    display: flex;
    grid-area: 6 / 1 / 7 / 1;
    align-items: flex-end;
}

.dsg-element-module-grid .module-infopreview-buttons .dsg-button {
margin: 15px 45px 0 0;
position:relative;
}

.dsg-generator-module-grid .module-infopreview-buttons .dsg-button {
    margin: 30px 30px 0 0px;
position:relative;
}

/* Premiumhinweise  */
/* 14.01.2022
.dsg-generator-module-grid .module-yesno-button .premium-icon,
.dsg-generator-module-grid .dsg-element-option .premium-icon,
.dsg-seal-box .premium-icon,
.dsg-language .premium-icon,
.generate-heading-image.premium .premium-icon,
.dsg-module .preview-button .premium-icon,
.dsg-file-download .premium-icon,
.dsg-search-result .premium-icon,
.dsgusmo-wrap .dsgusmo-button.no-premium-show:before,
.dsg-search-result-usmo.no-premium-show:before,
.dsg-dialog-moduleslist .dsg-search-result-usmo.no-premium-show:hover:before
 {
    position: absolute;
    top: -23px;
    right: -17px;
    color: #d9d928;
    text-indent: -9999px;
    background-image:url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Premium-Inhalte-gesperrt.svg);
	height: 50px;
    width: 50px;
    background-repeat: no-repeat;
    background-size: 105%;
}
*/

.dsgusmo-wrap .dsgusmo-button.no-premium-show:before {
    content: ' ';
    position: absolute;
    right: -29px;
    background-size: 79%;
    top: -17px;
    z-index: 2;
}



.dsgusmo-wrap .dsg-search-result-usmo.no-premium-show:before,
.dsg-dialog-moduleslist .dsg-search-result-usmo.no-premium-show:hover:before {
content: ' ';
    position: absolute;
    right: -35px;
    background-size: 57%;
    top: -13px;
    z-index: 2;
}

.dsg-element-module-grid .dsg-element-option .premium-icon {

}

.dsg-language .premium-icon {
	right: -14px;
}

.dsg-seal-box .premium-icon {

}

 #dsg-module-innerwrap-fileupload form{
	display:flex;
}


.dsg-module #dsg-module-innerwrap-fileupload input[type="file"].premium-input {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/images/dsg-icons/dsg-icons-Premium-Inhalte-gesperrt.png);
    background-size: 10%;
    background-repeat: no-repeat;
    background-position: right 3px center;
    border: 2px solid #ddd;
    display: inline-block;
    padding: 20px 58px 20px 7px !important;
}

.generate-heading-image.premium .premium-icon {
	top: -8px;
    right: -25px;
	    z-index: 2;
}

.dsg-module .preview-button .premium-icon {
    right: -32px;
}

.dsg-generator-module-grid .module-yesno-button .premium-icon {
    right: -32px;
}

.dsg-out-generate-output-wrap .generate-heading-image.premium .premium-icon {
	display: none;
}


  /*------------------
 *
 *   Help Contact Form
 *
---------------------- */

.dsg-module .dsg-help-form-link {
    height: 50px;
    font-size: 41px;
    position: absolute;
    right: 16px;
    top: 17px;
    /* font-weight: 600; */
    opacity: 1;
    cursor: pointer;
    color: var(--dsg-color-grey1);
    display: block;
	width: 42px;
    height: 42px;
}



.dsg-module .dsg-help-form-link:hover {
    color: var(--dsg-color-red-j-normal);
}

.dsg-help-form .elementor-widget-text-editor {
    background-color: var(--dsg-color-lightyellow);
    padding: 17px 10px 0;
    font-size: 14px !important;
    margin-bottom: 25px !important;
}

.dsg-help-form .elementor-widget-text-editor .elementor-widget-container p{
    margin: 0 0 15px !important;
}



.dsg-help-form input[type=email],
.dsg-help-form input[type=text],
.dsg-help-form textarea {
padding: 12px !important;
    border: 3px solid #ddd !important;
    border-radius: 0 !important;
    border: 2px solid #ddd !in;
    height: auto;
    width: 100%;
	font-family: "SourceSansPro", sans-serif !important;
}

.dsg-help-form button[type=submit].elementor-button {
	background-color: var(--dsg-color-green-grey) !important;
    cursor: pointer !important;
    display: flex !important;
    padding: 10px !important;
    text-align: center !important;
    align-items: center !important;
    border-radius: 0px !important;
    border: 0 !important;
    font-weight: 400 !important;
	font-family: "SourceSansPro", sans-serif !important;
	padding: 10px 25px !important;
}

.dsg-help-form button[type=submit].elementor-button:hover {
-webkit-box-shadow: 0 4px 10px rgb(0 0 0 / 16%), inset 0 0 5px 2px transparent;
    box-shadow: 0 4px 10px rgb(0 0 0 / 16%), inset 0 0 5px 2px transparent;
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
	background-color: var(--dsg-color-green-j-normal) !important;
	color:white !important;
}

.dsg-help-form button[type=submit].elementor-button .elementor-button-text {
	font-size:16px;
	font-family: "SourceSansPro", sans-serif !important;
	text-transition:none;
	text-align:center;
}


.dsg-help-form .dsg-help-form-close {
    right: 20px !important;
    top: 0 !important;

}


.dsg-help-form .dsg-help-form-close .elementor-icon {
    background-color: transparent !important;
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Zonk.svg);

}

.dsg-help-form .dsg-help-form-close .elementor-icon:hover {

}

.dsg-help-form  .elementor-message {
    min-height: 40px;
    line-height: 40px !important;
    height: 53px;
    margin-top: 19px !important;
    padding-left: 10px !important;
}


  /*------------------
 *
 *   Options
 *
---------------------- */

.dsg-element-option-wrap-buttons {
display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 22px;
}

.dsg-element-option-wrap-buttons p {
    margin: 30px 0 30px 0;
}


.options-sort-wrap {
	display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    /* margin-top: 22px;*/
}

.dsg-module-textarea-inner + .options-sort-wrap {
    margin-top: 22px;
}


.dsg-element-options-separator + .options-sort-wrap,
.dsg-element-options-separator + .op-list-el + .options-sort-wrap {
    margin-top: 22px;
}


.dsg-element-option {
    display: flex !important;
    align-items: center;
    justify-content: center;
	width: 150px;
    height: 150px;
    margin: 0px 20px 24px 0;
    min-width: 50px;
    min-height: 50px;
    background: var(--dsg-color-grey8);
    position: relative;
    font-weight: 380;
    font-size: 15px;

overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}


.dsg-element-option:hover,
.dsg-element-option.active {
	font-weight: 350;
}

.dsg-element-option.hidden {
	display:none;
}

/*für dsgf_toggleshow */
.dsg-element-option .toggleshow-option-inner {
	height:100%;
	width:100%;
	display:flex;
    align-items: center;
    justify-content: center;
}


.dsg-element-option.national-dp-law-austria,
.dsg-element-option.national-dp-law-germany,
.dsg-element-option.national-dp-law-switzerland {
    background-position: center;
    background-size: contain;
    border-radius: 83px;
	opacity: 0.5;

}

.dsg-element-option.national-dp-law-austria:hover,
.dsg-element-option.national-dp-law-germany:hover,
.dsg-element-option.national-dp-law-switzerland:hover,
.dsg-element-option.national-dp-law-austria.active,
.dsg-element-option.national-dp-law-germany.active,
.dsg-element-option.national-dp-law-switzerland.active {
opacity: 1;

}

.dsg-element-option.national-dp-law-austria {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/images/dsg-icons/dsg-icons-Flagge-Oesterreich.png);
}

.dsg-element-option.national-dp-law-germany {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/images/dsg-icons/dsg-icons-Flagge-Schweiz.png);
}


.dsg-element-option.national-dp-law-switzerland {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/images/dsg-icons/dsg-icons-Flagge-Deutschland.png);
}


 /*------------------
 *
 *   Selects
 *
---------------------- */

.dsg-module-select {
    background: var(--dsg-color-green);
    -webkit-appearance: menulist-button;
}


.dsg-module-select.active {
	background-color: var(--dsg-color-green-j-normal);
    color: #fff;
}


/*------------------
 *
 *   Textareas und Textinputs
 *
---------------------- */


 #dslc-theme-content-inner textarea {
    min-height: 175px;
 }


 .dsg-module .dsg-module-textinput-inner p.text-content-label {
    margin: 30px 0 15px 0;
 }

 .text-content-label {
display: block;
margin-top: 30px;
    margin-bottom: 15px !important;
 }


  .text-content-label.hidden {

	  display:none;

  }

.mandatory-asterisk {
font-size: 20px;
    display: inline-block;
    line-height: 1;
    color: var(--dsg-color-red-j-dark);
    cursor: default;
    padding: 0 2px;
 }

.dsgoto .mandatory-asterisk {
	display:none;
}

   /*------------------
 *
 *   Free Entry
 *
---------------------- */


 .dsg-module-free-entry {
	margin-top:30px;
	/*display:none;*/
 }

 .free-entry-inputarea {
	display:none;
 }

  .free-entry-inputarea .text {
    margin:  20px 0 0px;
 }

  .free-entry-inputarea .text2 {
     margin: 30px 0 0;
 }


 /*Ergänzungstextbereich öffnen, wenn ja/nein-Button nicht angezeigt wird und das Modul schon auf ist*/
.show-button-yesno-hidden .dsg-module-free-entry {
	  display:block;
  }

  .dsg-module-free-entry p {
	  margin:15px 0;
  }

  .dsg-module .dsg-module-free-entry-inner {
	 display:none;
 }

   .dsg-module .dsg-module-free-entry-inner textarea {
    max-width: 700px;
    min-height: 215px;
 }

.dsg-module-free_entry .dsg-module-switch-button {
	margin-top:30px;
}


 /*------------------
 *
 *   Info/Preview // Generator-Ausgabe ------------
 *
---------------------- */

.not(.dsg6) .dsg-module-preview,
.dsg-out-generate-text-main,
.dsg-out-generate-html-main {
    background-color: #fff;
    padding: 60px 10% 90px;
    margin: 30px auto 60px;
    max-width: 800px;
    border: 1px solid #d4d4d4;
	text-align: justify;
	/*padding-right: 16%;*/
	position: relative;
}

.not(.dsg6) .dsg-out-preview-inner,
#dsg-generated-dialog-current .dsg-out-generate-html-main {
    margin: 0;
    border: none;
    overflow: auto;
    max-height: initial;
    padding: 60px 45px 90px 44px;
    background-color: #f9f9f9;
    font-size: 0.9em;

	background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    margin: 10px auto 0;
    padding: 13% 13%;
    position: relative;
}

@media all and (max-width: 650px) and (min-width: 5px) {

	.not(.dsg6) .dsg-out-preview-inner,
	#dsg-generated-dialog-current .dsg-out-generate-html-main {
		padding: 13% 20px;
	}

}

#dsg-generated-dialog-current .dsg-out-preview-inner {
	margin: 45px auto 45px !important;
	max-height: 100%;
}

.not(.dsg6) .dsg-dialog .dsg-module-preview.active {
	display:block;
}


.entry-content .dsg-module-preview li,
.entry-content .dsg-out-generate-text-main li {
	line-height: 1.5;
}

.dsg-module-info-close {
    cursor: pointer;
    color: var(--dsg-color-blue-j-normal);
    padding: 0;
    margin: 30px auto 30px;
    max-width: 565px;
}

.ui-dialog .dsg-module-info-close {
	max-width: 100%;
}

.dsg-module-preview .dsg-module-info-close.bottom {
    position: relative;
    right: 0;
    top: 0;
    margin-top: 30px
}

.dsg-module-preview .dsg-module-info-close:hover {
	background-color: var(--dsg-color-blue-j-normal);
    color: white;
}

.dsg-module-preview.dsg-option-preview {
    padding: 0;
    margin: 0;
    max-width: 100%;
    border: none;
}

.dsg-module-preview {
	display:none;
}

.ui-dialog .dsg-module-preview.active {
	display:block;
}

.dsg-module-info-block a,
.dsg-module-info-block a:active,
.dsg-module-info-block a:hover {
color: var(--dsg-color-blue-j-normal);
}

/*
.dsg-module-info-show,
.dsg-option-info  {
    max-width: 565px;
    margin: 0 auto;

}
*/


.dsg-dialog-info .dsg-option-info {
margin:0;
}

.dsg-dialog-info .dsg-module-info-close {
margin:30px 0 30px;
}


.dsg-app-out-document .dsg-module-preview-wrap .dsg-module-preview {
	display:none;
}

.dsg-app-out-document .dsg-module-preview-wrap .dsg-module-preview.active {
	display:block;
}

.dsg-module-preview-wrap.active .dsg-module-preview-generate.active {
	display:block;
}

/*Speziell Infotexte */
.dsg-module-info-show  h2,
.dsg-dialog-info  h2,
.ui-dialog.dsg-dialog-info-preview .dsg-firststeps h2  {
background-color: var(--dsg-color-green-j-normal);
    padding: 10px;
    color: white;
    text-align: left;
    border-radius: 2px;
    font-weight: 300;
}


/*
.ui-dialog .dsg-module-info-block h3 {
	background-color: var(--dsg-color-blue-j-normal);
	color:white !important;
	font-weight:normal;
    padding: 10px;
}
*/

.dsg-module-info-block h3 {
    background-color: var(--dsg-color-grey5);
    color: white;
    font-weight: normal;
    padding: 10px;
    border-radius: 2px;
    font-size: 16px;
    margin: 60px 0 45px;

}

.dsg-module-info-block ol,
.dsg-module-info-block ul {
	margin: 24px 0px 30px 0px !important;
    padding-left: 24px !important;
    background-color: var(--dsg-color-grey2);
    padding: 10px;
    font-size: 14px;
}

.dsg-module-info-block ol br,
.dsg-module-info-block ol + br,
.dsg-module-info-block ul br,
.dsg-module-info-block ul + br,
.dsg-module-info-block blockquote + br {
	display:none;
}

.dsg-module-info-block ul li {
margin: 15px 0 !important;
    padding-left: 33px !important;
    position: relative;
}


.dsg-module-info-block ul li:before {
content: "\f105";
    font-size: 18px;
    font-family: Font Awesome\ 5 Free;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: -4px;
    left: 0;
    font-weight: 600;
    color: #2e87c9;
    margin-right: 15px;
}

.dsg-module-info-block  blockquote {
	font-style:italic;
	padding:5px 0;
	text-align: center;
}

.dsg-module-info-block  blockquote,
.dsg-module-info-block  blockquote p {
	font-size: 1em;
}

.dsg-module-info-block blockquote:after,
.dsg-module-info-block blockquote:before {
    margin: 10px auto 10px;
}

/*Infotextergänzung bei Audruf mit &help*/
.info-dsginfo {
    margin: 40px 0 40px;
    display: flex;
    padding: 30px 15px 30px 15px;
    font-size: 14px;
    background-color: var(--dsg-color-grey9);
    overflow: auto;
    flex-wrap: wrap;
}
.info-dsginfo .logo {
background-image: url(https://datenschutz-generator.de/wp-content/uploads/2020/02/Datenschutzgenerator-Logo_02-01.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9999px;
    height: auto;
    width: 26%;
}
.info-dsginfo .text {
height: 100%;
    width: 74%;
    padding-left: 15px;
    margin: 0;
}

@media all and (max-width: 675px) and (min-width: 50px) {
	.info-dsginfo .logo { width: 100%; height: 48px; margin-bottom: 30px; }
	.info-dsginfo .text { width: 100%; }
}

/*
Infoangaben im generierten Dokument

*/
.dsg-generated-info-moduletext {
	background-color: #f2f2f2;color: blue;padding: 10px 15px;font-size: 14px;margin-bottom:30px;
}
.dsg-generated-info-moduleinfo {
	background-color: #f2f2f2;color: pink;padding: 10px 15px;font-size: 14px;margin-left:30px
}


/*
.dsg-module-preview,
.dsg-module-preview.active.hidden-de,
.dsg-module-preview.active.hidden-en {
	display:none;
}

*/

.dsg-out-generate-text-main .dsg-tab {
	padding-left:30px;
}

.ui-dialog.dsg-dialog-info-preview .seal img,
.dsg-module-preview .seal img,
.dsg-out-generate-text-main .seal img{

	width:200px;
	height:200px;

}


.ui-dialog.dsg-dialog-info-preview h1,
.dsg-module-preview h1,
.dsg-out-generate-text-main h1 {
    margin: 30px 0 60px;
    font-weight: 300;
	text-align: left;
}

.ui-dialog.dsg-dialog-info-preview .dsg-out-preview-inner h3,
.ui-dialog.dsg-dialog-info-preview h2,
.dsg-module-preview h2,
.dsg-out-generate-text-main h2 {
    margin: 0 0 36px;
	text-align: left;
	position:relative;
	font-size: 1.17em;
}

#dsg-generated-dialog-current .dsg-out-generate-text-main h1 {

}

#dsg-generated-dialog-current .dsg-out-generate-text-main h2 {
	font-size: 18px;
	margin: 45px 0 30px;
}

#dsg-generated-dialog-current .dsg-out-generate-text-main h3 {
	font-size: 16px;
    margin: 30 0 20px;
}


#dsg-generated-dialog-current .dsg-out-generate-text-main h3 {

}


.ui-dialog.dsg-dialog-preview h3:before,
.ui-dialog.dsg-dialog-preview h2:before {
    content: " ";
    position: absolute;
    bottom: -10px;
    border-bottom: 3px solid var(--dsg-color-blue-j-light);
    width: 10%;
}


/*.dsg-module-preview h3,*/
.dsg-out-generate-text-main h3{
    color: var(--dsg-color-font);
    margin: 0;
	margin: 1.5em 0 1.3em;
	text-align: left;
}

.ui-dialog.dsg-dialog-info-preview ul,
.dsg-module-preview ul,
.dsg-out-generate-text-main ul{
	list-style: outside;
	margin: 0 !important;
}


.dsg-module-preview ul,
.dsg-out-generate-text-main ul,
.dsg-out-generate-text-main ol{
    margin: 0 0 0 19px;
}

.ui-dialog .dsg-out-preview-inner ul {
    margin: 2em !important;

}
.ui-dialog .dsg-out-preview-inner ul.dsg-premiumbenefits {
    margin: 2em 30px !important;
}


/*CTA in Vorschau*/
.dsg-premiumbenefits-wrap .dsg-premiumbenefits-button {
    margin: 21px 30px 4px;
}

@media all and (max-width: 650px) and (min-width: 5px) {

	.ui-dialog .dsg-out-preview-inner ul.dsg-premiumbenefits,
	.dsg-premiumbenefits-wrap .dsg-premiumbenefits-button {
margin-left: 0 !important;
    margin-right: 0 !important;
	}


}

.dsg-out-preview-inner .ui-dialog.dsg-dialog-info-preview ul {
        margin: 30px 0 30px !important;

}

.ui-dialog .dsg-out-preview-inner ul li {
list-style-type: none;
    position: relative;
    padding-left: 1.5em;
margin: 0 0 1.5em 0 !important;
}



.dsg-out-preview-inner ul li {

}

.dsg-out-preview-inner ul li:marker {
	content:'';
}

.dsg-out-preview-inner ol[type="a"],
.dsg-out-preview-inner ol[type="a"] > li {
    list-style: lower-alpha !important;
}

.dsg-out-preview-inner ol[type="a"] li {
    margin: 1em 0;
	padding-left: 19px;
}

.dsg-out-generate-text-main .index a {
	cursor:default;
}

.ui-dialog.dsg-dialog-info-preview ul li:before,
.dsg-out-preview-inner ul li:before,
ul.checkliste li:before {
content: "\f105";
    font-size: 18px;
    font-weight: 900;
    font-family: Font Awesome\ 5 Free;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    position: relative;
    top: 2px;
    line-height: 1.3;
    position: absolute;
    top: 0;
    left: 0;
	color: #2e87c9;
	}

/*
.ui-dialog ..dsg-out-preview-inner ul li spann {
    font-weight: 400;
}
*/


.dsg-out-generate-html-main,
.dsg-out-generate-text-main {
max-height: 800px;
    overflow: auto;
    margin: 0 0 0 125px;
}



.dsg-out-generate-text h1 {
    margin-bottom: 0px;
    font-weight: 400;
    color: var(--dsg-color-font);
}

 .ui-dialog.dsg-dialog-info-preview h2.infopreview-top-heading,
 .dsg-module-preview h2.infopreview-top-heading {
	margin: 15px auto;
    max-width: 900px;
    max-width: 900px;
  }



h2.dsg-out-generated-element {
text-align: center;
    display: block;
    margin: 90px auto 60px;
}

#dsg-out-generate-textarea-wrap {
	margin: 0 0 0 125px;
}


.dsg-dialog-generated #dsg-out-generate-textarea-wrap {
	margin: 0;
}

.dsg-out-generate-html {
background: none repeat scroll 0 0 #F2F2F2;
    font-size: 15px;
    height: 500px;
    padding: 25px;
    max-height: 800px;
    overflow: auto;
    margin: 30px auto;
max-width: 800px!important;
    display: block;
}

.dsg-dialog-generated .dsg-out-generate-html {
	font-size: 13px;
	max-height: none;
	max-width: 100%t;
}

@media all and (max-width: 1000px) and (min-width: 50px) {

	.ui-dialog.dsg-dialog-info-preview,
	.dsg-module-preview,
	.dsg-out-generate-text-main {
	max-width: 100% !important;

	}

	.dsg-out-generate-html {
		max-width: 100% !important;
	}

}

 /*------------------
 *
 *   Save your Entries
 *
---------------------- */
.dsg-entries-save-form-container {
    margin: 30px 15px 36px;
    display: grid;
    grid-template-columns: 150px auto;
    gap: 10px;
    max-width: 650px;
    justify-items: stretch;
}

.dsg-entries-save-form-container-label {
    display: flex;
	align-items:center;
}

.dsg-entries-save-form-input input,
.dsg-entries-save-form-submit input {
    width: 100%;
    padding: 1em;
}



#dsg-entries-save-form-email {
width:100%;
}

input[type=submit].dsg-testercode-submit-transfer,
input[type=submit].dsg-testercode-submit,
input[type=submit].dsg-entries-save-submit {
    text-transform: none;
    border: 0;
	color:white;
	transition:none !important;
}

input[type=submit].dsg-testercode-submit-transfer:hover,
input[type=submit].dsg-testercode-submit-transfer.active,
input[type=submit].dsg-testercode-submit:hover,
input[type=submit].dsg-testercode-submit.active,
input[type=submit].dsg-entries-save-submit:hover,
input[type=submit].dsg-entries-save-submit.active {
    font-weight: 600;
    text-transform: none;
    border: 0;
    background-color: var(--dsg-color-blue-active);
	color:white;
}

input[type=submit].dsg-testercode-submit-transfer.active,
input[type=submit].dsg-testercode-submit.active,
input[type=submit].dsg-entries-save-submit.active {
    background-position: calc(100% - 5px) center;
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-animated-gear-white.svg);
    background-size: 12%;
    background-repeat: no-repeat;
    padding-right: 36px;
}


input[type=submit].dsg-testercode-submit.active {
	background-size: 25%;
}

input[type=submit].dsg-testercode-submit-transfer {
	padding: 5px;
}
input[type=submit].dsg-testercode-submit-transfer.active {
	padding-right: 36px;
}

.dsg-entries-save-form-container-submit {
	grid-column: 2;
}

.ui-dialog .ui-dialog-buttonpane .dsg-entries-save-form-norepeat {
background-color: transparent !important;
    font-size: 13px !important;
    height: fit-content;
    margin: 0;
    padding: 3px;
}

.ui-dialog .ui-dialog-buttonpane .dsg-entries-save-form-norepeat:hover {
background-color: transparent !important;
    color: var(--dsg-color-red);
    text-decoration: underline;
    box-shadow: none;
	}

.dsg-entries-save-form-info {

    margin: 30px 15px 22px;
}

.dsg-entries-save-form-postinfo {
	margin-top:18px;
}

.dsg-entries-save-form-postinfo img {
    height: 14px;
    margin: 0 5px 0 2px;
    width: 14px;
    filter: grayscale(1);
    opacity: 0.7;
}

.dsg-entries-save-form-info:empty {
    width: 100%;
	margin: 0;
}


.dsg-entries-save-form-info.error {
    color: var(--dsg-color-red);
}

.dsg-entries-save-form-info.validated {
    color: var(--dsg-color-green-j-normal);
}


@media screen and (max-width: 650px) {
    .dsg-entries-save-form-container {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr;
    }

	.dsg-entries-save-form-container-label {
		grid-area: 1 / 1 / 2 /2;
	}

	.dsg-entries-save-form-container-submit {
		grid-area: 2 / 1 / 3 /1;
	}

	.dsg-entries-save-form-container-submit {
		grid-area: 3 / 1 / 4 /1;
	}
}

 /*------------------
 *
 *   TesterCode
 *
---------------------- */

.dsg-testercode-wrap {


}

body.loaded-from-cookie .dsg-testercode-wrap {
	display:none;
}

.dsg-testercode-slider-content {
	display:none;
    padding: 10px 15px;
    background-color: var(--dsg-color-grey2);
    border-radius: 2px;
}

.dsg-testercode-info {
    padding: 10px;
    background-color: white;
}

.dsg-testercode-info:empty {
    padding: 0;
}

.dsg-testercode-a {
	cursor:pointer;
}


.dsg-testercode-form .dsg-slider-button{
	cursor:pointer;
}

.dsg-testercode-form {
	display: flex;
    align-items: center;
    justify-content: left;
    flex-wrap: wrap;
}

.dsg-testercode-input-wrap{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}


.dsg-testercode-text {
font-weight: 600;
    margin-right: 10px;
    padding: 10px 0px;
}

.dsg-testercode-input {
    padding: 2px 8px;
    border: 3px solid #ddd;
    border-radius: 0;
    font-size: 23px;
    width: 140px;
    text-align: center;
    margin: 10px 15px 10px 0;

}


.dsg-testercode-submit {

}


.dsg-entries-save-form-postinfo,
.dsg-entries-save-form-postinfo a,
.dsg-testercode-postinfo,
.dsg-testercode-postinfo a {
    font-size: 13px;
    color: var(--dsg-color-grey3);
}



.dsg-testercode-trans-wrap {
display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: start;
    color: var(--dsg-color-font) !important;
}


.dsg-testercode-trans-intro {
	margin-right: 10px;
}


.dsg-testercode-trans-submit {

}


.dsg-testercode-submit-transfer {

}


@media all and (max-width: 680px) and (min-width: 51px) {

	.dsg-testercode-form {
	font-weight: 600;
		margin-right: 10px;
	}
}


 /*------------------
 *
 *   Legal Bases
 *
---------------------- */

.admin-bar .dsg-modtxt-legal-base {
background-color: #dbf5db;
}

.admin-bar .dsg-modtxt-terms {
background-color: #fff6c6;
}


 /*------------------
 *
 *    Haftungshinweis
 *
---------------------- */


#dsg-out-generate-info-post-button {
	display:none;
}

#dsg-out-generate-updates-main,
#dsg-out-generate-haftung-main {
    display: grid;
    grid-template-columns: 125px 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: ". .";
    margin: 0px 0 60px 0;
}


#dsg-out-generate-haftung-main {
    grid-template-columns: 0px 1fr;
    max-width: 100%;
    margin: 0 auto 60px;
}


#dsg-out-generate-updates-main {
    background: #63b861;
    border-color: #66ab64;
}

#dsg-out-generate-haftung-main {

}


#dsg-out-generate-haftung-main .image {
    grid-area: 1 / 1 / 3 /2;
    display: flex;
    height: 100%;
    width: 100%;
    background-size: 91%;
    background-position: top left;
    background-repeat: no-repeat;
background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-155.svg);
}

#dsg-out-generate-haftung-main .text {
grid-area: 1 / 2 / 2 / 3;
    background-color: var(--dsg-color-lightpink);
    border-radius: 0px;
    /* color: white; */
    font-size: 14px;
    padding: 20px;
}

#dsg-out-generate-haftung-main .text.text-2 {
    grid-area: 2 / 2 / 3 / 3;
    color: #444;
    background-color: var(--dsg-color-lightyellow);
}

#dsg-out-generate-haftung-main.premium span.free {
	display:none;

}


 /*------------------
 *
 *   Fehlermedlungen
 *
---------------------- */


#dsg-out-generate-do-information,
.dsg-out-generate-error-messages {
    display: grid;
    grid-template-columns: 125px 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: ". .";
    margin: 0px 0 60px 0;
    display: none;
}

#dsg-out-generate-do-information,
.dsg-out-generate-error-messages {
	grid-template-columns: 81px 1fr;
    max-width: 698px;
    margin: 0 auto 60px;

}

#dsg-out-generate-do-information {
    grid-template-columns: 111px 1fr;
    max-width: 680px;
    grid-gap: 0 20px;
    margin: 0 auto 60px;
}

@media all and (max-width: 680px) and (min-width: 51px) {

	#dsg-out-generate-do-information { grid-template-columns: 0 1fr;grid-gap: 0; }
}


.dsg-out-generate-error-messages.no-errors {
    margin: 0px auto 60px 0px;
}

.dsg-out-generate-error-messages.no-errors {
    margin: 0px auto 37px;
}


.dsg-out-generate-error-messages-img-1 {
grid-area: 1 / 1 / 3 /2;
    display: flex;
    height: 100%;
    width: 100%;
    background-size: 91%;
    background-position: top left;
    background-repeat: no-repeat;
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-156.svg);

}

.dsg-out-generate-error-messages.no-errors .dsg-out-generate-error-messages-img-1 {
	background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Einwilligung.svg);
	background-size: 87%;
}

#dsg-out-generate-do-information .text,
.dsg-out-generate-error-messages .text {
    grid-area: 1 / 2 / 2 / 3;
    border-radius: 0px;
    /* color: white; */
    font-weight: 400;
    color: var(--dsg-color-red);
    font-size: 15px;
    padding: 0 20px;
    background-color: var(--dsg-color-lightpink);
}

#dsg-out-generate-do-information.no-errors .text,
.dsg-out-generate-error-messages.no-errors .text {
    color: var(--dsg-color-green-j-normal);
	background-color: transparent;
}


.dsg-out-generate-error-messages .text.text-1 {
    grid-area: 1 / 2 / 2 / 3;
    padding-bottom: 0px;

}

.dsg-out-generate-error-messages .text.text-2 {
	grid-area: 2 / 2 / 3 / 3;

}

.dsg-out-generate-error-messages.no-errors .text.text-1,
.dsg-out-generate-error-messages.no-errors .text.text-2 {

	display:none

}

.dsg-out-generate-error-messages .text.text-3 {
    grid-area: 1 / 2 / 2 / 3;
	display:none;
}

.dsg-out-generate-error-messages.no-errors .text.text-3 {
	display: flex;
    align-items: center;
    min-height: 118px;
}

.dsg-out-generate-error-messages.no-errors p {
		margin: 0;
}


#dsg-out-generate-do-information ul,
.dsg-out-generate-error-messages-errorlist ul {
padding: 0 0 0 10px;
}


#dsg-out-generate-do-information ul.errorslist li,
.dsg-out-generate-error-messages-errorlist ul.errorslist li {
margin: 15px 0;
    list-style: none;
    position: relative;
    padding-left: 25px;
}

#dsg-out-generate-do-information ul.errorslist li:before,
.dsg-out-generate-error-messages-errorlist ul.errorslist li:before {
    color: var(--dsg-color-red);
    font-family: Font Awesome\ 5 Free;
    content: "\f06a";
    font-weight: 600;
    /* margin-right: 10px; */
    opacity: 0.9;
    left: 0;
    display: inline-block;
    position: absolute;
}

#dsg-out-generate-do-information ul.errorslist li.error-warning:before,
.dsg-out-generate-error-messages-errorlist ul.errorslist li.error-warning:before {
	content: "\f071";
	color: var(--dsg-color-orange-dark);
}

#dsg-out-generate-do-information li span,
.dsg-out-generate-error-messages-errorlist li span {
color: var(--dsg-color-red);
padding: 4px 4px 4px 0;
	cursor:pointer;
}


.dsg-out-generate-error-messages-errorlist li.error-premium span {
	cursor:default;
	border-bottom: 0;
}

.dsg-out-generate-error-messages-errorlist li span:active,
.dsg-out-generate-error-messages-errorlist li span:hover {
background-color: var(--dsg-color-red);
color: #fff !important;
}

.dsg-out-generate-error-messages-errorlist li.error-premium span:active,
.dsg-out-generate-error-messages-errorlist li.error-premium span:hover {
background-color: inherit;
color: inherit !important;
}


#dsg-out-generate-do-information.error,
.dsg-module-text-content.error {

	background-color:var(--dsg-color-lightpink);

}

.module-element .error-jumpback {
	display: block;
    cursor: pointer;
	width: max-content;
}


.dsg-out-generate-error-messages-shoplink {
	grid-area: 3 / 2 / 4 / 3;
}
@media (max-width: 809px) and (min-width: 51px) {
	.dsg-out-generate-error-messages-shoplink {
		grid-area: 4 / 1 / 5 / 2;
	}
}
 /*------------------
 *
 *   Donwload/Email-Popup
 *
---------------------- */

.dsg-dialog-generated.download .email-show,
.dsg-dialog-generated.download.email .download-show {
	display:none;
}

.dsg-dialog-generated.download .download-show,
.dsg-dialog-generated.email .email-show {
	display:block;
}

.dsg-dialog .premium_info {
	display:none;
}

.ui-dialog.premium_on .premium_info  {
	display:block;
}


.ui-dialog.premium_on .inner_content  {
	display:none;
}

 /*------------------
 *
 *   Clipboard-buttons
 *
---------------------- */


.dsg-out-generate-clipboard-wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;

}

.dsg-dialog-info-generate .dsg-out-generate-clipboard-wrap {
	display:none;
}

.dsg-out-generate-clipboard-wrap.bottom {
	    margin-top: 45px;
}

.dsg-out-generate-clipboard-button {
     display: block;
    width: 360px;
	    margin-left: 125px;
}

.dsg-dialog-info-generate .dsg-out-generate-clipboard-button {
    font-size: 14px;
   /* max-height: 45px;*/
    line-height: 1.3;
    margin-bottom: 10px;
    margin: 0 auto 0;
}



#dsg-generated-dialog-current .clipboard-source-confirm {
	animation: clipboard_source_confirm 1.0s 1;
}

/* Rotierender Preloader (damit er nicht wg js stehen bleibt) */
@keyframes clipboard_source_confirm {

	 0%   { background-color: inherit; }
	 33%   { 	background-color: var(--dsg-color-green-j-normal); }
	 66%   { background-color: inherit; }

}

	@media (max-width: 450px) and (min-width: 51px) {
		.dsg-dialog-info-generate .dsg-out-generate-clipboard-button { max-width: 75%;font-size: 13px;}

	}

 /*------------------
 *
*  Download und HTML Areas
 *
---------------------- */



.dsg-out-generate-download-wrap,
.dsg-out-generate-email-wrap {
		display:none;
}
#dsg-out-generate-download {
	margin:auto;
}

#dsg-out-generate-download {
    margin-left: 125px;
}



.dsg-out-generate-download-button {
    margin: 75px auto 60px;
    display: block;
    width: 500px;

}

#dsg-out-generate-output-wrap {
	display:none;
    margin-top: 62px;
}


.dsg-generate-heading-button {
    display: grid;
    grid-template-columns: 125px 1fr;
    grid-template-rows: 12px 70px 13px;
    grid-template-areas: ". .";
    margin: 0px 0 60px 0;
	cursor:pointer;
}

.generate-heading-image {
    grid-area: 1 / 1 / 4 /2;
    display: flex;
    height: 100%;
    width: 100%;
	background-size: contain;
    background-position: center left;
    background-repeat: no-repeat;
	position: relative;
}

.dsg-generate-heading-button[data-slider-id="download"] .generate-heading-image {
	background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-ZIP.svg);
}
.dsg-generate-heading-button[data-slider-id="email"] .generate-heading-image {
	background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Kontakt.svg);
}
.dsg-generate-heading-button[data-slider-id="text-de"] .generate-heading-image {
		background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Text-D.svg);
}
.dsg-generate-heading-button[data-slider-id="text-en"] .generate-heading-image {
	background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Text-E.svg);
}
.dsg-generate-heading-button[data-slider-id="html-de"] .generate-heading-image {
	background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Code-D.svg);
}
.dsg-generate-heading-button[data-slider-id="html-en"] .generate-heading-image {
	background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-code-E.svg);
}

.generate-heading-title {
	grid-area: 2 / 2 / 3 /3;
    display: flex;
    min-height: 60px;
    padding: 0 0 0 0;
    height: 70px;
    margin: 0;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    font-weight: 200;
    font-size: 20px;
}

.generate-heading-title {
    grid-area: 1 / 2 / 3 /3;
}

.dsg-generate-heading-button:hover .generate-heading-title,
.dsg-generate-heading-button.active .generate-heading-title {
	background-color: var(--dsg-color-green-j-normal);
	color:#fff;
}

/* Bereich der Klickbaren Generated-Buttons*/
#dsg-out-generate-buttons-wrap	{
    margin: 0 auto;
	    display: grid;
    grid-template-columns: 0 1fr;
    grid-template-rows: minmax(min-content, min-content);
    grid-template-areas: ". .";
    margin: 0;
}

@media (max-width: 809px) and (min-width: 51px) {

	#dsg-out-generate-buttons-wrap	{
	grid-template-columns: 100% !important;
	}

	#dsg-out-generate-buttons-wrap #inner {
		grid-area: 1 / 1 / 1 / 2 !important;
	}
}


#dsg-out-generate-buttons-wrap #inner {
	    grid-area: 1 / 2 / 1 / 3;
		margin: 0 auto;
		width: 100%;
}

.dsg-out-generate-output-wrap .dsg-generate-heading-button,
.dsg-generate-heading-button.dsg-generate-thankyou-heading {
    grid-template-columns: 81px 1fr;
    grid-template-rows: 6px 45px 6px;
    margin: 0px auto 30px;
    max-width: 100%;
    width: 696px;
	display:grid;
}

.dsg-out-generate-output-wrap .dsg-generate-heading-button .generate-heading-title,
.dsg-generate-heading-button.dsg-generate-thankyou-heading .generate-heading-title  {
    margin: 0;
    position: relative;
    background-color: var(--dsg-color-blue);
    color: inherit;
    cursor: pointer;
    display: flex;
    padding: 10px 25px;
    text-align: left;
    border-radius: 0px;
    justify-content: center;
    font-weight: 400;
    height: inherit;
    min-height: 45px;
    font-size: inherit;
	max-width: 660px;
}

@media (max-width: 809px) and (min-width: 51px) {
	.dsg-out-generate-output-wrap .dsg-generate-heading-button .generate-heading-title,
	.dsg-generate-heading-button.dsg-generate-thankyou-heading .generate-heading-title  {
	margin:0 !important;
	}

	.dsg-out-generate-output-wrap .dsg-generate-heading-button,
	.dsg-generate-heading-button.dsg-generate-thankyou-heading {
	grid-gap: 0 10px;
	}

}

.dsg-out-generate-output-wrap .dsg-generate-heading-button .generate-heading-title:hover,
.dsg-generate-heading-button.dsg-generate-thankyou-heading .generate-heading-title:hover  {
	background-color: var(--dsg-color-blue-j-light);
    color: white;
}

.ui-dialog.dsg-dialog-info-preview.dsg-dialog-info-generate h3 {
    margin: 0px 0 35px;
    text-align: left;
}

.dsg-out-generate-buttons-info {
    grid-template-columns: 81px 1fr;
    grid-template-rows: min-content;
    margin: 0px auto 30px;
    max-width: 100%;
    color: var(--dsg-color-grey6);
    width: 696px;
    display: grid;
}

.dsg-out-generate-buttons-info.button {
    grid-template-columns: 111px 1fr;
    grid-template-rows: minmax(59px, min-content) 1fr;
    grid-gap: 0px 20px;

    margin: 15px auto 56px !important;
	width:100%;
    max-width: 680px;
    opacity: 1;
    /* margin-top: 30px; */
}

.dsg-out-generate-buttons-info .text {
    grid-area: 1 / 2 / 2 /3;
	font-size: 14px;
}


@media all and (max-width: 680px) and (min-width: 51px) {
	.dsg-out-generate-buttons-info.button {
		 grid-template-columns: 0 1fr;
		 grid-gap:0;
	}
	.dsg-out-generate-buttons-info .text {
    grid-template-columns: 64px 1fr;
	}

}
 /*------------------
 *
*  Domainentries
 *
---------------------- */

.dsg-generate-domain-entry {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
    margin-left: 380px;
    /* min-height: 330px; */
    margin-top: 63px;
    margin-bottom: 64px;
    max-width: 600px;
}



.dsg-premium-premium .dsg-generate-domain-entry {
	display:none;
}


.dsg-generate-domain-entry.opacity {
opacity: 0.3;
    margin-left: 125px;
    max-width: 100%;
    margin-bottom: 58px;
    margin-top: 60px;
}
.dsg-generate-domain-entry.opacity:hover {
	opacity:1;
}


.dsg-generate-domain-entry,
.dsg-generate-domain-entry.opacity  {
    grid-template-columns: 111px 1fr;
    grid-template-rows: minmax(59px, min-content) 1fr;
    grid-gap: 0px 20px;
    max-width: 680px;
    margin: 0 auto 56px !important;
    max-width: 680px;
    opacity: 1;
}


.dsg-generate-domain-entry.opacity {
    grid-template-columns: 61px 1fr;
    max-width: 698px;
}

@media all and (max-width: 680px) and (min-width: 51px) {

	.dsg-generate-domain-entry.opacity,
	.dsg-generate-domain-entry{
    grid-template-columns: 0 1fr;
    grid-gap: 10px 0;
    margin-top: 48px !important;
	}

}


.dsg-generate-domain-entry .image {
	display:none;
}

.dsg-generate-domain-entry .image {
	grid-area: 1 / 1 / 3 / 2;
    display: block;
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-168b.svg);
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: center top;
}

.dsg-generate-domain-entry.opacity.inactive image{
	background-size: 113%;
}

.dsg-generate-domain-entry label {
grid-area: 1 / 2 / 1 / 1;
margin-bottom: 20px;
}

.dsg-generate-domain-entry label {
	grid-area: 1 / 2 / 1 / 3;
	margin-bottom: 0px;
}

.dsg-generate-domain-entry label.error {
    color: var(--dsg-color-red);
}



.dsg-generate-domain-entry .input {
    grid-area: 2 / 2 / 3 / 3;
}



.dsg-generate-domain-entry .input input {
	width: 100%;

}

.dsg-generate-domain-entry .input input.dsg-default-active {
	color: var(--dsg-color-grey1);

}

.dsg-generate-domain-entry .input input.error {
    background-color: var(--dsg-color-pink);
    color: white;
    border-color: var(--dsg-color-pink);
}



 /*------------------
 *
*  Downloadlinks
 *
---------------------- */

.dsg-file-download {
	position:relative;

}

#download-folded {
	display:none;
}


.dsg-generate-download-links-wrap {
    margin: 43px 0 0 34px;
    max-width: 800px;
}

.folded .dsg-generate-download-links-wrap {
    margin: 45px 0 0 0px;
}

#dsg-out-generate-download p {
max-width: 800px;
}

#dsg-out-generate-download-links {
		margin-top:45px;
}



.dsg-file-download  a:hover,
.dsg-file-download a {
    min-height: 45px;
    display: flex;
    align-items: center;
}


.dsg-generate-download-links-wrap a:hover {


}



.dsg-file-download a .image {
background-repeat: no-repeat;
    background-size: 90%;
    display: inline-block;
    height: 50px;
    width: 60px;
	cursor:pointer;
	position:relative;
}
.dsg-file-download a .image,
.dsg-file-download a .image:hover,
.dsg-file-download a .image:active {
	background-color:#fff;
}


.dsg-file-download a .text {
	padding: 10px;
    display: inline-block;
	cursor:pointer;
	border-radius: 0px;
}
.dsg-file-download a .text:hover {
	color: #fff;
    background-color: var(--dsg-color-blue-hover);
}




.dsg-file-download.text.de a .image {
background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Text-D.svg);
}

.dsg-file-download.text.en a .image {
background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Text-E.svg);
}

.dsg-file-download.doc.de a .image {
background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-DOC-D.svg);
}

.dsg-file-download.doc.en a .image {
background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-DOC-E.svg);
}

.dsg-file-download.pdf.de a .image {
background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-PDF-D.svg);
}

.dsg-file-download.pdf.en a .image {
background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-PDF-E.svg);
}


.dsg-file-download.html.de a .image {
background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Code-D.svg);
}

.dsg-file-download.html.en a .image {
background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-code-E.svg);
}

.dsg-file-download.save a .image {
	background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons//dsg-icon-Speichern.svg);
}

.dsg-file-download.zip a .image {
background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-ZIP.svg);
}

.dsg-file-download.folded a .image,
.dsg-file-download.folded a.active:hover .image {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/angle-arrow-down.svg);
background-size: 70%;
    background-position: center;
    filter: opacity(0.6);
margin: 0 10px 0 8px;
    width: 42px;
}

.dsg-file-download.folded a.active .image {
    transform: rotate(180deg);
}



.dsg-file-download.save  {
	display:none;
}

.admin-bar .dsg-file-download.save  {
display:block;
}

#dsg-out-generate-download p.delete-info {
    margin: 45px 0 60px;
}

#dsg-out-generate-download .delete {
    cursor: pointer;
    padding: 1px 5px;
    display: inline-block;
    background-color: var(--dsg-color-lightpink);
    border-radius: 0px;
}

#dsg-out-generate-download .delete:hover {
    background-color: var(--dsg-color-pink);
    color: white;

}


.dsg-file-download a.premium {
	color: var(--dsg-color-grey7);
    color: var(--dsg-color-font);
}

.dsg-file-download a.premium .image,
.dsg-file-download a.premium .text {
		cursor:default;
}

.dsg-file-download a.premium .image:hover,
.dsg-file-download a.premium .text:hover {
	background-color: transparent !important;
    color: var(--dsg-color-font);
}


/* E-Mail-Versand*/

#email-dispatch {
    margin: 45px 0 0 45px;
	max-width:800px;
}

#email-dispatch .email-dispatch-info {
    min-height: 45px;
    display: flex;
    align-items: center;
}


#email-dispatch .email-dispatch-info .image{
background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/images/dsg-icons/dsg-icons-Download-email.png);
    width: 50px;
    height: 50px;
    display: inline-block;
    background-size: 57%;
    background-repeat: no-repeat;
    height: 45px;
    width: 115px;
    background-position: left center;

}

#email-dispatch .email-dispatch-info .text {

}

#email-dispatch .email-dispatch-input {
    width: 70%;
    border: 2px solid #ddd;
    float: left;
    margin-right: 15px;
}

#email-dispatch.email-dispatch-inactive .email-dispatch-input {

}


#email-dispatch .email-dispatch-submit {
    margin-top: 15px;
    background: var(--dsg-color-green-grey);
    cursor: pointer;
    display: flex;
    padding: 10px;
    text-align: center;
    margin-lelft: 15px;
    align-items: center;
    border-radius: 0px;
    font-weight: 400;
    width: 130px;
	height: 62px;
    justify-content: space-around;
}

#email-dispatch.email-dispatch-inactive .email-dispatch-submit:hover,
#email-dispatch.email-dispatch-inactive .email-dispatch-submit:active,
#email-dispatch.email-dispatch-inactive .email-dispatch-submit{
    background-color: var(--dsg-color-grey2) !important;
    color: var(--dsg-color-font) !important;
	cursor:default;
}


#dsg-file-download-folded {
display:none;
}

/* Inaktive*/

#dsg-out-generate-download .download-premium-info {
	font-weight:400;
	    color: var(--dsg-color-red);
margin: 46px 0 20px 0;
}


#dsg-out-generate-download .download-premium-info.positive {
color: var(--dsg-color-font)
}



.dsg-generate-download-links-wrap .dsg-file-download a.inactive:hover .text,
.dsg-generate-download-links-wrap .dsg-file-download a.inactive:active .text:active,
.dsg-generate-download-links-wrap .dsg-file-download a.inactive .text {

	color: var(--dsg-color-font);
	background-color: inherit;
	cursor:default;
}

#email-dispatch.email-dispatch-inactive .email-dispatch-info .image,
.dsg-generate-download-links-wrap .dsg-file-download a.inactive:hover .image,
.dsg-generate-download-links-wrap .dsg-file-download a.inactive:active .image:active,
.dsg-generate-download-links-wrap .dsg-file-download a.inactive .image {

	  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
	  filter: gray; /* IE6-9 */
	  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */

}

#dsg-out-generate-download .delete-inactive {
    background-color: var(--dsg-color-grey2);
    padding: 1px 5px;

}


 /*------------------
 *
 *    Generate-Thankyou
 *
---------------------- */
.dsg-generate-heading-button.dsg-generate-thankyou-heading {
    margin-top: 40px;
    margin-bottom: 105px;
    display: none;
}

.dsg-generate-heading-button.dsg-generate-thankyou-heading {
    margin-top: 0px;
    margin-bottom: 31px;
    display: none;
}


.dsg-generate-heading-button.dsg-generate-thankyou-heading .generate-heading-image {
	background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Streitschlichtung-B.svg);
}



.dsg-generate-thankyou-heading p {
	background-color: var(--dsg-color-blue);
}

.dsg-generate-thankyou-heading:hover .generate-heading-title,
.dsg-generate-thankyou-heading.active .generate-heading-title {
	background-color: var(--dsg-color-blue-j-normal);
	color:#fff;
}


.dsg-generate-thankyou-content {
    margin: 60px 0 0 125px;
}

.dsg-generate-thankyou-content p {
		    max-width: 600px;
}
.dsg-generate-thankyou-content.active {
    display: flex !important;
    flex-direction: column;
    align-items: center;

}

.ui-dialog.dsg-dialog-info-preview .ui-dialog-content.dsg-dialog-generated-thankyou p {

	margin: 0 0 39px 0;
}

.ui-dialog.dsg-dialog-info-preview .ui-dialog-content.dsg-dialog-generated-thankyou a.dsg-generate-google-rating {
	background-color: var(--dsg-color-lightpink-border);
    padding: 2px 5px;
}



/*------------------
 *
 *    Generate-Social
 *
---------------------- */
.dsg-generate-heading-button.dsg-generate-social {
	margin-top: 37px;
	grid-template-columns: 125px 130px 1fr;
	display:none;
}
.dsg-generate-heading-button.dsg-generate-social.active {
	display:grid;
}

.dsg-generate-social .generate-heading-title,
.dsg-generate-social .generate-heading-title.hover,
.dsg-generate-social .generate-heading-title:hover {
display: flex;
    background-color: inherit !important;
    font-size: 17px;
    color: var(--dsg-color-font);
    justify-content: space-between;
    grid-area: 1 / 2 / 2 / 3;
    align-items: center;
    margin-top: 0;
	cursor:default;
    color: var(--dsg-color-font) !important;
}


.dsg-generate-social .generate-heading-list {
display: flex;
    background-color: inherit;
    font-size: 17px;
    color: var(--dsg-color-font);
    justify-content: space-between;
    grid-area: 1 / 3 / 2 / 4;
    margin-top: 0;
    align-items: center;
}


.dsg-generate-heading-button.dsg-generate-social a {
	text-indent:-9999px;
    width: 50px;
    height: 50px;
    background-size: 90%;
    background-repeat: no-repeat;
	opacity:0.5;
}

.dsg-generate-heading-button.dsg-generate-social a:hover {
	opacity:1;
}

.dsg-generate-heading-button.dsg-generate-social a.facebook {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/images/icons-social/facebook.png);
}

.dsg-generate-heading-button.dsg-generate-social a.twitter {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/images/icons-social/twitter.png);
}

.dsg-generate-heading-button.dsg-generate-social a.instagram {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/images/icons-social/instagram.png);
}


.dsg-generate-heading-button.dsg-generate-social a.spotify {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/images/icons-social/spotify.png);
}


.dsg-generate-heading-button.dsg-generate-social a.itunes {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/images/icons-social/itunes.png);
}


.dsg-generate-heading-button.dsg-generate-social a.linkedin {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/images/icons-social/linkedin.png);
}

.dsg-generate-heading-button.dsg-generate-social a.xing {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/images/icons-social/xing.png);
}

.dsg-generate-heading-button.dsg-generate-social a.slideshare {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/images/icons-social/slideshare.png);
}

.dsg-generate-heading-button.dsg-generate-social a.website {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/images/icons-social/website.png);
}





  /*------------------
 *
 *   Presets (uses Module-Grid ! )
 *		und
 *	 Categorienübersicht
 *
---------------------- */


#dsg-presets {
}

#dsg-presets #dsg-presets-boxes {
grid-area: 4 / 1 / 5 / 2;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
margin-top: -8px;
}

.dsg-flag-boxes,
#dsg-seal-boxes,
#dsg-presets-boxes {
	/*display: flex;
    justify-content: space-evenly;
	*/
	text-align : center;
}



.dsg-flag-box,
.dsg-seal-box,
.dsg-preset-box {
    width: 225px;
    float: left;
    background: #fff;
    height: 225px;
    vertical-align: middle;
	margin: 30px 30px 0 0;
    text-align: center;
    border-radius: 0px;
    cursor: pointer;
    position: relative;
    display: block;
}

.dsg-preset-box .image .icon {
    background-repeat: no-repeat;
    background-position: center 45px;
}




.dsg-flag-box {
	padding:0;
    width: 150px;
    height: 150px;
}

.dsg-seal-box {
	padding:0;
}

.dsg-seal-box[data-type="none"] .image {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-110.svg);
    background-size: 50%;
    opacity: 0.5;
	background-position: center 39px;
}

.dsg-preset-box {
		width: 210px;
	    height: 210px;
		margin: 20px 20px 0px 0;

}

/* Presets Overlays (x oder check) */

.dsg-preset-box.dsgf-preset-overlay-play:before,
.dsg-preset-box.dsgf-preset-overlay-staff:before,
.dsg-preset-box.dsgf-preset-overlay-thumb:before,
.dsg-preset-box.dsgf-preset-overlay-cross:before,
.dsg-preset-box.dsgf-preset-overlay-check:before,
.dsg-preset-box.dsgf-preset-overlay-lock:before,
.dsg-preset-box.dsgf-preset-overlay-update:before {
content: 'o';
text-indent: -9999px;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: red;
    background-color: transparent;
    background-size: 39%;
    display: block;
    position: absolute;
background-position: center -19px;
    background-repeat: no-repeat;
}

.dsg-preset-box.dsgf-preset-overlay-cross:before {
	background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Zonk.svg);
}
.dsg-preset-box.dsgf-preset-overlay-check:before {
	background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Check.svg);
}
.dsg-preset-box.dsgf-preset-overlay-lock:before {
	background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-90.svg);
}
.dsg-preset-box.dsgf-preset-overlay-thumb:before {
	background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Daumen-hoch.svg);
}
.dsg-preset-box.dsgf-preset-overlay-staff:before {
	background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Verantwortliche.svg);
}
.dsg-preset-box.dsgf-preset-overlay-play:before {
	background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-107.svg);
}
.dsg-preset-box.dsgf-preset-overlay-update:before {
	background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-99.svg);
}

.dsg-preset-box.dsgf-preset-overlay-copyright:before,
.dsg-preset-box.dsgf-preset-overlay-toolbox:before {
	background-position: 97px 52px;
}


.dsg-preset-box.dsgf-preset-overlay-mobile:before {
	    background-position: 110px 52px;
}

.dsg-preset-box.dsgf-preset-overlay-house:before {
	background-position: 118px 52px;
}
.dsg-preset-box.dsgf-preset-overlay-cowork:before {
    background-position: 119px 52px;
}
.dsg-preset-box.dsgf-preset-overlay-assis:before {
background-position: 80px 24px;
}
.dsg-preset-box.dsgf-preset-overlay-email:before {
    background-position: 25px 63px;
    background-size: 33%;
}
.dsg-preset-box.dsgf-preset-overlay-printer:before {
    background-position: 25px 63px;
    background-size: 33%;

}
.dsg-preset-box.dsgf-preset-overlay-byodhouse:before {
background-position: 16px 28px;
}
.dsg-preset-box.dsgf-preset-overlay-fotominor:before {
    background-position: 111px 23px;
}

.dsg-preset-box.dsgf-preset-overlay-ndaconfiemployee:before {
    background-position: 103px 60px;
}

.dsg-preset-box.dsgf-preset-overlay-ndanoextra:before {
background-position: 103px 67px;
    background-size: 33%;
}
.dsg-preset-box.dsgf-preset-overlay-ndaendagreement:before {
    background-position: 106px 76px;
    background-size: 33%;
}

.dsg-preset-box.dsgf-preset-overlay-dutycontinue:before {
background-position: 110px 75px;
    background-size: 33%;
}

.dsg-preset-box.dsgf-preset-overlay-magnicheck:before {
    background-position: 37px 5px;
    background-size: 61%;
}

.dsg-preset-box.dsgf-preset-overlay-tomupdate:before {
    background-position: 107px 81px;
    background-size: 31%;
}

.dsg-preset-box.dsgf-preset-overlay-housecross:before {
    background-position: 31px 59px;
}

.dsg-preset-box.dsgf-preset-overlay-subcheck:before {
    background-position: 11px 89px;
    background-size: 45px;
}

.dsg-preset-box.dsgf-preset-overlay-worldthumb:before {
    background-position: 10px 76px;
    background-size: 61px;
}

.dsg-preset-box.dsgf-preset-overlay-playcontract:before {
    background-position: 11px 89px;
    background-size: 45px;
}






/* Ende */

.dsg-preset-box.hover:hover,
.dsg-preset-box {
	  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
	  filter: gray; /* IE6-9 */
	  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */

}


.dsg-preset-box.active,
.dsg-preset-box.active:hover,
.dsg-preset-box.active.hover:hover {
	filter:none;
	-webkit-filter:none;
}



.dsg-flag-box:hover,
.dsg-flag-box.active,
.dsg-seal-box:hover,
.dsg-seal-box.active,
.dsg-preset-box:hover,
.dsg-preset-box.active {
  filter: none;
  -webkit-filter: grayscale(0%);
}



.dsg-flag-box:active .text,
.dsg-preset-box.active .text {
	color: var(--dsg-color-blue-j-light);

}


.dsg-flag-box .image,
.dsg-seal-box .image,
.dsg-preset-box .image {
	display: block;
    background-size: 100%;
    width: 100%;
    height: 70%;
    background-repeat: no-repeat;
    background-position: center -7px;
	position:relative;


}

.dsg-seal-box .image,
.dsg-flag-box .image {
	  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
	  filter: gray; /* IE6-9 */
	  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

.dsg-flag-box.active .image,
.dsg-seal-box.active .image,
.dsg-preset-box.active .image,
.dsg-flag-box:hover .image,
.dsg-seal-box:hover .image,
.dsg-preset-box:hover .image {
  filter: none;
  -webkit-filter: grayscale(0%);
}

.dsg-flag-box .image,
.dsg-seal-box .image {
    display: flex;
    align-items: center;
    background-size: 83%;
	padding: 5px;
}


#dsg-seal-boxes .dsg-seal-box[data-type="premium"]:hover .image,
#dsg-seal-boxes .dsg-seal-box[data-type="premium"].active .image {
background-color: white;
    border-radius: 0px;
}


.dsg-flag-box .image {
    background-size: 110%;
	height: 100%;
	justify-content: center;
}

.dsg-preset-box .image {
	/* background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/images/dsg-icons/dsg-icons-Template-blank.png);*/
	/* background-size: 100%;*/
    opacity: 0.7;
}

.dsg-preset-box .image .icon {
    background-repeat: no-repeat;
    background-position: center 45px;
    position: relative;
    width: 100%;
    height: 100%;
background-size: 56%;
    background-position: center center;
	display:flex;
	justify-content:center;
	align-items:center;

}

.dsg-preset-box.active .image,
.dsg-preset-box:hover .image {
	opacity: 1;
}


.dsg-preset-content {
	display:none;
}



.dsg-preset-box .text {
    height: 30%;
    vertical-align: middle;
    line-height: 1.3;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
	margin: 0;

}


.dsg-element-module-grid .module-options .dsg-preset-box  .text {
	margin:0;
	padding: 5px;
	background-color: var(--dsg-color-green-grey);
}

.dsg-element-module-grid .module-options .dsg-preset-box.active {
	box-shadow:none;

}

.dsg-element-module-grid .module-options .dsg-preset-box:hover  .text,
.dsg-element-module-grid .module-options .dsg-preset-box:active  .text,
.dsg-element-module-grid .module-options .dsg-preset-box.active .text {
    background-color: var(--dsg-color-green-j-normal);
    color: white;
}

.dsg-flag-box .text,
.dsg-seal-box .text {
height: 30%;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.dsg-flag-box .text {
	display:none;
}



  /*------------------
 *
 *   Premium - Languages Switches
 *
---------------------- */

  /*------------------
 *
 *   Premium - Languages (uses Module-Grid ! )
 *
---------------------- */

.dsg-language {
    cursor: pointer;
	opacity:0.4;
    border-radius: 75px;
	position:relative;
}

.dsg-language.active,
.dsg-language:hover {
	opacity:1;
}

#dsg-settings-languages .de.dsg-language {
    /*background-position: 0px 264px*/

}


#dsg-settings-languages .en.dsg-language {
	/*background-position: 0px 164px;*/
}

  /*------------------
 *
 *  Languages Toggle-Slider
 *
---------------------- */


.dsg-btn-switch  {
    position: relative;
    display: inline-block;
    width: 188px;
    height: 98px;
    margin: 18px 45px 3px 0;
}

/*6.0*/
.dsg-app-out-modules .dsg-btn-switch {
	    width: 100px;
    height: 50px;

}


.dsg-btn-switch span.button {
  opacity: 0;
  visibility: hidden;

  width: 0;
  height: 0;

  cursor: pointer;
  background: 0 0;
  position: inherit;
  margin: 0;
  padding: 0;
  width: inherit;
  height: inherit;
  float: none;
  border: none;
}

.dsg-btn-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.dsg-btn-slider:before {
position: absolute;
    content: "";
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Flagge-Deutschland.svg);
    background-repeat: no-repeat;
    background-size: 132%;
    background-position: center;
    height: 90px;
    width: 90px;
    left: 4px;
    top: 4px;
    background-color: transparent;
    -webkit-transition: .4s;
    transition: .4s;

    -webkit-box-shadow: 0 4px 10px rgb(0 0 0 / 16%), inset 0 0 5px 2px transparent;
    box-shadow: 0 4px 10px rgb(0 0 0 / 16%), inset 0 0 5px 2px transparent;
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
}

/*6.0*/
.dsg-app-out-modules .dsg-btn-slider:before {
    height: 50px;
    width: 50px;
    left: 0;
    top: 0;
}

.dsg-btn-switch[data-language="en"] .dsg-btn-slider:before {
	background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Flagge-UK.svg);
}

.dsg-btn-switch.active .dsg-btn-slider {
   background-color: var(--dsg-color-green-j-normal);
}

input:focus + .dsg-btn-slider {
  box-shadow: 0 0 1px var(--dsg-color-green-j-normal);
}

.dsg-btn-switch.active .dsg-btn-slider:before {
  -webkit-transform: translateX(90px);
  -ms-transform: translateX(90px);
  transform: translateX(90px);

}
/*6.0*/
.dsg-app-out-modules .dsg-btn-switch.active .dsg-btn-slider:before {
  -webkit-transform: translateX(50px);
  -ms-transform: translateX(50px);
  transform: translateX(50px);

}


/* Rounded dsg-btn-sliders */
.dsg-btn-slider.round {
  border-radius: 60px;
}

.dsg-btn-slider.round:before {
  border-radius: 50%;
}

@media all and (max-width: 599px) and (min-width: 50px) {

	.dsg-language .premium-icon {
		right: -5px;
	}

	.dsg-element-module-grid.dsg-element-languages .module-options {
	height: 100px;
	padding:0;
	}

	.dsg-btn-switch  {
		width: 112px;
		height: 68px;
		margin: 13px 20px 0px 0;
	}


	.dsg-btn-slider:before {
		background-size: 132%;
		height: 60px;
		width: 60px;
		left: 4px;
		top: 4px;

	}

	.dsg-btn-switch.active .dsg-btn-slider:before {
	  -webkit-transform: translateX(45px);
	  -ms-transform: translateX(45px);
	  transform: translateX(45px);
	}

}


 /*------------------
 *
 *   Premium - Lizenz Code laden
 *
---------------------- */

#dsg-settings-licensecheck {
display: flex;
   }

 #dsg-settings-licensecheck input {
min-width: 300px;
    width: 80%;
    margin-right: 20px;
    margin-bottom: 0 !important;
 }

 #dsg-settings-licensecheck .dsg-button {

  }

.dsg-output-message-lc {
	margin-bottom: 30px;
    margin-top: 0;
    padding: 10px;
    background: var(--dsg-color-lightgreen-font-active);
    display: none;
    border: 2px;
    border-radius: 0px;
	width: 100%;
	max-width: 100%;
}

.dsg-output-message-lc.active {
    display: inline-block !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;

}

.dsg-output-message-lc.active.preload {
    padding-right: 60px;
    /*background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/images/icon-preloader-1-transparent.apng) !important; */
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-animated-gear-green.svg) !important ;
}

.dsg-output-message-lc.active.error {
    padding-right: 60px;
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Widerspruch-A.svg);
}

.dsg-output-message-lc.active.affirmative {
    padding-right: 60px;
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/images/dsg-icons/dsg-icons-affirmative.png);
}



.dsg-license-content-info-shop.dsg-lc-missing2 .dsg-output-message-lc.active.affirmative,
.dsg-license-content-info-shop.dsg-lc-missing2 .dsg-output-message-lc.active.error {
	 padding-right: 80px;
}


 /*------------------
 *
 *   Messages
 *
---------------------- */

.dsg-output-message {
	background-color: #fff;
    display: none;
    padding: 8px;
	display:none;
	opacity:0.8;
	border-radius:2px;
	width: 90%;
}
@media (max-width: 809px) and (min-width: 51px) {
	.dsg-output-message {
		width: 100% !important;
		min-width:inherit !important;
	}
}

#dsg-module-innerwrap-fileupload .dsg-output-message {
	margin-bottom: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
}

#dsg-module-innerwrap-fileupload .dsg-output-message.preload {
    padding-right: 60px;
   /* background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/images/icon-preloader-1-transparent.apng) !important;*/
	    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-animated-gear-yellow.svg) !important;

}

#dsg-module-innerwrap-fileupload .dsg-output-message.affirmative {
    padding-right: 60px;
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/images/dsg-icons/dsg-icons-affirmative.png);
}



.dsg-output-message.active {
	display:inline-block;
}

.dsg-font-red {
	color: #af000e;
}

.dsg-font-green {
color: #307c2e;
}

.dsg-error-bg-red {
	background-color: var(--dsg-color-lightpink) !important;
    color: var(--dsg-color-grey6) !important;
}

#dsg-settings-licensecheck-output {
    grid-area: 6 / 1 / 7 / 2;
padding-top: 15px;
display:none;
}


.dsg-lc-label {
    padding: 10px 15px;
    width: 100%;
    display: inline-block;
margin: 15px 0;
}

.dsg-lc-label .dsg-lc-label-name span {
	font-weight:400;
}

.dsg-lc-label.expired {
	background: var(--dsg-color-lightpink);
	border: 1px solid var(--dsg-color-lightpink-border);
}


.dsg-lc-label .lckeyinfo {
    margin: 11px 0px;
    display: inline-block;
}

.dsg-lc-label .lckeyinfo span {
	background-color: var(--dsg-color-grey2);
    padding: 0 4px;
    margin: 0px 10px 0px 0px;
    display: inline-block;
    font-size: 13px;
}

  /*------------------
 *
 *   Premium - License-Content
 *
---------------------- */


.dsg-license-content-info-shop {
    display: block;
    border-radius: 3px;
    margin: 30px 0 48px;
    /* text-align: left; */
    padding: 25px 25px;
    background: var(--dsg-color-lightpink);
    height: auto;
    font-size: 14px;
    line-height: 1.3;
	overflow: auto;
}

.shop_table .dsg-license-content-info-shop {
	background: transparent;
    margin: 0;
	padding: 0;
}


.dsg-license-content-info-shop .title {
	font-weight: 400;
}

.dsg-license-content-info-shop p {
margin: 15px 0 0px 0;
}



.dsg-license-content-blurred .dsg-license-content-info-shop .title,
.dsg-license-content-blurred .dsg-license-content-info-shop,
.dsg-license-content-blurred .dsg-license-content-info-shop p,
.dsg-license-content-blurred .dsg-license-content-info-shop a {
    width: 70%;
    float: left;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: self-end;
}

.dsg-license-content-info-shop-link:hover {
	text-decoration:underline;

}

.dsg-license-content-info-shop-left {
    width: 76%;
    float: left;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.dsg-license-content-info-shop-right {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Premium-Inhalte-gesperrt.svg);
    background-size: contain;
    min-height: 100px;
    width: 19%;
    margin-left: 5%;
    float: right;
    background-repeat: no-repeat;
}


/* UPDATE DES LIZENZHINWEISES 10/2020 */

.dsg-license-content-info-shop-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}




.dsg-license-content-info-shop.dsg-lc-missing2 {
	position:relative;
    display: grid;
	 grid-template-rows: repeat (4, minmax(min-content, min-content) );
    grid-template-columns: minmax(min-content, 158px) 1fr;
	grid-gap: 0 10px;
    border-radius: 3px;
    margin: 30px auto 48px;
    /* text-align: left; */
	padding: 25px 38px 25px 25px;
	/*    background: var(--dsg-color-lightpink);*/
	background-color: var(--dsg-color-grey2);
    height: auto;
    font-size: 14px;
    line-height: 1.3;
    overflow: initial;
	text-align: justify;

    max-width: 500px;
}


.dsg-dialog-info-generate:not(.download,.email) .dsg-lc-missing-box,
.dsg-dialog-preview-3 .dsg-lc-missing, /*DSE Anbieter*/
.dsg-dialog-preview-716 .dsg-lc-missing, /*DSE Preambel*/
.dsg-dialog-preview-46 .dsg-lc-missing /*Imp Anbieter*/
{
	display:none !important;
}

.ui-dialog.dsg-dialog-info-preview .dsg-license-content-info-shop.dsg-lc-missing2 {
    margin: 50px auto 10px;
}

.dsg-usmo-dialog-modal-premium .dsg-license-content-info-shop.dsg-lc-missing2 {

}



.dsg-out-generate-error-messages .dsg-lc-missing2 {
    margin: 75px auto 0;
	max-width: 500px;
}

.dsg-lc-missing2.unlocked {
	grid-gap: 0px 10px;
	background-color: var(--dsg-color-grey2);
}


.dsg-lc-missing2.unlocked:before {
	display:none;
}

.dsg-license-content-info-shop.dsg-lc-missing2 .title {
	grid-area: 1 / 1 / 2 / 3;
}

.dsg-license-content-info-shop.dsg-lc-missing2 .title {
	grid-area: 1 / 1 / 2 / 3;
}


.dsg-license-content-info-shop.dsg-lc-missing2 .title .shop-missing-image {
display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 20px 30px 20px 19px;
    position: absolute;
    top: -52px;
    right: -65px;
}

.dsg-usmo-dialog-modal-premium .dsg-license-content-info-shop.dsg-lc-missing2 .title .shop-missing-image {
	top: -52px;
}

.dsg-license-content-info-shop.dsg-lc-missing2 .title .shop-missing-image img {
    max-width: 130px;
    max-height: 130px;
    border-radius: 80px;
}

.dsg-license-content-info-shop.dsg-lc-missing2 .title .shop-missing-text {
    padding: 0 81px 0 29px;
    display: inline-block;
    line-height: 1.5;
}

.dsg-usmo-dialog-modal-premium .dsg-license-content-info-shop.dsg-lc-missing2 .title .shop-missing-text {
    padding: 0 88px 0 29px;
    display: inline-block;
    line-height: 1.5;
}


.dsg-license-content-info-shop.dsg-lc-missing2 .title .shop-missing-text:before {
    content: '”';
    font-size: 45px;
    font-weight: 900;
    position: absolute;
    color: var(--dsg-color-grey1);
    top: 5px;
    left: 24px;

}


.dsg-license-content-info-shop.dsg-lc-missing2 .inwk-button-wrap {
    display: flex;
    align-items: center;
	margin-bottom:15px;
}


.dsg-license-content-info-shop.dsg-lc-missing2 .inwk-button-wrap .lang:before {
    content: " ";
    background-size: contain;
    background-repeat: no-repeat;
    /* padding: 15px 15px 15px 82px; */
    width: 20px;
    height: 30px;
    background-position: left center;
    display: inline-block;
    position: absolute;
    left: 0;
	opacity: 0.9;
}

.dsg-license-content-info-shop.dsg-lc-missing2 .inwk-button-wrap.infos-shop-inwk-label-de .lang:before {
	background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Flagge-Deutschland.svg)
}
.dsg-license-content-info-shop.dsg-lc-missing2 .inwk-button-wrap.infos-shop-inwk-label-en .lang:before {
	background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Flagge-UK.svg);
}

.dsg-license-content-info-shop.dsg-lc-missing2 .inwk-button-wrap.infos-shop-inwk-label-deen .lang:before {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Flagge-D+UK-2.svg);
    height: 38px;
    width: 38px;
    background-position: -10px center;
}


.dsg-generator-running .dsg-license-content-info-shop .button.add_to_cart_button:hover:before {
	content: "\f54e";
}

.dsg-license-content-info-shop .button.add_to_cart_button.loading:hover:before,
.dsg-license-content-info-shop .button.add_to_cart_button.added:hover:before {
	display:none;
}



.dsg-license-content-info-shop .woocommerce-Price-amount.amount {
    min-width: 80px;
    display: inline-block;
    text-align: left;
    line-height: 2.3em;

}



@keyframes dsg-button-shine {
  50% {
	 color: var(--dsg-color-red) !important;
  }
  62.50% {
	 color: var(--dsg-color-red) !important;
  }
  87.50% {
	 color: var(--dsg-color-red) !important;
  }
  100% {
	 color: var(--dsg-color-red) !important;
  }
}



.dsg-license-content-info-shop.dsg-lc-missing2 .info-shop-inwkbuttons {
    grid-area: 2 / 1 / 3 / 3;
    text-align: left;
    margin: 25px 0 19px;
    padding-left: 25px;
}
.dsg-license-content-info-shop.dsg-lc-missing2 .subscription-details {
	display:none;
}

.dsg-license-content-info-shop.dsg-lc-missing2 .info-shop-inwkbuttons .lang {
min-width: 100px;
    width: 135px;
    padding-right: 10px;
    font-weight: 600;
    text-align: left;
    padding-left: 28px;
    display: flex;
    align-items: center;
	position: relative;
}

.dsg-license-content-info-shop.dsg-lc-missing2 .info-shop-inwkbuttons .inwk-button {
	width: 100%;
}


.dsg-license-content-info-shop.dsg-lc-missing2 .woocommerce-Price-amount.amount bdi {
	width:30px;
}
.dsg-license-content-info-shop.dsg-lc-missing2 .woocommerce-Price-amount.amount bdi:before {
	content:"für ";
}
.dsg-license-content-info-shop.dsg-lc-missing2 .woocommerce-Price-amount.amount bdi:after {
	content:"*";
}



.dsg-license-content-info-shop .button.add_to_cart_button {
    position: relative !important;
    max-width: max-content !important;
    background-color: #2e87c9 !important;
    font-size: 13px;
    padding: 5px 10px !important;
	margin-left: 0;
    color: white !important;
    border: none !important;
    position: relative !important;
	margin-left: 10px;
	display: inline-block;
}

body .dsg-license-content-info-shop .button.add_to_cart_button.loading,
body .dsg-license-content-info-shop .button.add_to_cart_button:hover {
	padding-right: 36px !important;
}

.dsg-license-content-info-shop .button.add_to_cart_button.loading:after,
.dsg-license-content-info-shop .button.add_to_cart_button:hover:before {
    font-family: Font Awesome\ 5 Free;
    font-size: 18px;
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 2px;
    right: 9px;
}

.dsg-license-content-info-shop .button.add_to_cart_button:hover:before:not(.loading) {
	content: "\f217";
}


.dsg-license-content-info-shop .button.add_to_cart_button.loading:after {
	content: "\f017" !important;
}

.dsg-license-content-info-shop .product.woocommerce.add_to_cart_inline  {
	margin: 0;
}


.dsg-license-content-info-shop a.added_to_cart {
margin: 2px 0 0;
    color: #2e87c9 !important;
    font-weight: normal !important;
    display: block;
}

.dsg-myaccount-licenses .dsg-license-content-info-shop a.added_to_cart {
	display:block;
}



.dsg-license-content-info-shop.dsg-lc-missing2 .info-shop-extrainfo {
    grid-area: 3 / 1 / 4 / 3;
    font-style: italic;
    margin-bottom: 21px;
    font-size: 12px;
    color: var(--dsg-color-grey6);
}

.dsg-dialog  .dsg-license-content-info-shop.dsg-lc-missing2 .info-shop-extrainfo a:not(.dsg-license-content-blurred,.button) {
	color: #4386b7 !Important;
}

.dsg-license-content-info-shop.dsg-lc-missing2 .info-shop-lctrue {
	grid-area: 4 / 1 / 5 / 3;
}





@media (max-width: 650px) and (min-width: 51px) {


	.dsg-license-content-info-shop.dsg-lc-missing2 .title {
        padding: 0;
	}

	.dsg-license-content-info-shop.dsg-lc-missing2 .title .shop-missing-image{
		width: 100%;
		left: 0;

	}

	.dsg-license-content-info-shop.dsg-lc-missing2 .title .shop-missing-text {
		padding: 0 !important;
		position:relative;
		margin-top: 97px;
	}


	.dsg-license-content-info-shop.dsg-lc-missing2 .title .shop-missing-text:before {
    top: -38px;
    left: -9px;

	}

	.dsg-license-content-info-shop.dsg-lc-missing2 .info-shop-inwkbuttons {
		padding-left: 0;
	}

	.dsg-license-content-info-shop.dsg-lc-missing2 .inwk-button-wrap .lang {
    min-width: 100px;
    width: 101px;
    margin-bottom: 10px;
	}


	.dsg-license-content-info-shop.dsg-lc-missing2 .button.add_to_cart_button {
	    margin-left: 0;
	}

	.dsg-license-content-info-shop .woocommerce-Price-amount.amount {
		width: 100%;
	}
}


@media (max-width: 501px) and (min-width: 51px) {

	.dsg-license-content-info-shop.dsg-lc-missing2 .inwk-button-wrap .lang {
	margin-bottom: 0;
		width: 100%;
		padding-left: 0;
	}

	.dsg-license-content-info-shop.dsg-lc-missing2 .inwk-button-wrap .lang a:before {
		content:"Sprache: ";
	}
	.dsg-license-content-info-shop.dsg-lc-missing2 .inwk-button-wrap {
    flex-wrap: wrap;
    margin-bottom: 10px;
	}

	.dsg-license-content-info-shop.dsg-lc-missing2 .info-shop-inwkbuttons .inwk-button {
		display: none;
	}

	.dsg-license-content-info-shop.dsg-lc-missing2 .inwk-button-wrap .lang:before {
		display: none;
	}
}



/**/

.dsg-license-content-info-shop-inwk-de {

}

.dsg-license-content-info-shop-inwk-en {

}

.dsg-license-content-info-shop.dsg-lc-missing .product.woocommerce.add_to_cart_inline del span bdi {
	text-decoration: line-through;
}



/*  -----------  */

@media all and (max-width: 809px) and (min-width: 1px) {

	.dsg-license-content-info-shop.dsg-lc-missing2 {
    margin-top: 60px;
    padding-right: 25px;
    text-align: left;
	}

	.dsg-license-content-info-shop.dsg-lc-missing2:before {
		right: -7px;
	}


}

@media all and (max-width: 510px) and (min-width: 1px) {


	.dsg-license-content-info-shop.dsg-lc-missing2:before {
		display:none;
	}

}


/*---------------*/

.dsg-license-content-blurred,
.dsg-license-content-blurred::selection,
.dsg-license-content-blurred p,
.dsg-license-content-blurred p::selection {
	color: transparent;
	text-shadow: 0 0 10px rgba(0,0,0,0.5);
	cursor: not-allowed;

}
.dsg-license-content-blurred a,
.dsg-license-content-blurred a:hover {
	color: transparent;
	cursor: not-allowed;
	text-shadow: 0 0 10px rgb(42, 160, 238);
}

.dsg-module-preview-wrap.dsg-text-left li,
.entry-content li .dsg-license-content-blurred,
.entry-content li.dsg-license-content-blurred {
    text-align: left;
}

.dsg-module-preview-wrap .dsg-preview-copyright-info,
.ui-dialog .dsg-preview-copyright-info {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Copyright.svg);
	background-size: 12%;
    background-color: var(--dsg-color-lightpink);
    background-repeat: no-repeat;
    padding: 15px 15px 15px 82px;
    font-size: 14px;
	margin-top:30px;
}

.dsg-preview-copyright-info ~ .dsg-preview-copyright-info {
    display: none;
}

@media all and (max-width: 600px) and (min-width: 5px) {

	.dsg-module-preview-wrap .dsg-preview-copyright-info {
		background-image: none;
		padding-left: 15px;
	}
}

 /*------------------
 *
 *   Premium - Projektverwaltung
 *
---------------------- */



#dsg-settings-project-title {
	grid-area:  4 / 1 / 5 / 2;
}

#dsg-settings-project-wrap {
	grid-area:  5 / 1 / 6 / 2;
}

#dsg-settings-project-title {
    font-weight: 600;
}

#dsg-settings-project-wrap .text {

}

#dsg-settings-project-wrap input {
    min-width: 300px;
    background-image: none;
    width: 80%;
    padding: 20px 15px 20px 15px;
}

#dsg-settings-project-loadingdashboard-title {
	grid-area: 6 / 1 / 7 / 2;
	font-weight: 400;
	margin-top: 15px;
}

#dsg-settings-project-loadingdashboard-message {
	grid-area: 8 / 1 / 8 / 2;
}

#dsg-cookie-options {
	grid-area: 9 / 1 / 10 / 3;
	margin: 15px 0;
}



 /*------------------
 *
 *   Premium - Projektverwaltung - Loading Dashboard // LC-Dashboard
 *
---------------------- */

#dsg-settings-project-loadingdashboard {
	grid-area: 4 / 1 / 5 / 2;

}

#dsg-module-innerwrap-contents-loadingdashboard p.dashboard-message {
	    height: 65px;
}

#dsg-module-innerwrap-contents-loadingdashboard ul {


}

#dsg-module-innerwrap-contents-loadingdashboard li {
    list-style-type: none;
    margin: 30px 30px 15px 0;

}



.dsg-module #dsg-module-innerwrap-contents-loadingdashboard .dsg-load-button-loadingdashboard-name span {
	font-weight:400;
}

.dsg-button-delete {


}

.dsg-module #dsg-module-innerwrap-contents-loadingdashboard .dsg-delete-project-button {
    padding: 4px 9px 5px;
    font-weight: 500;
    line-height: 1.0;
    font-size: 21px;
	margin-left: 3%;
	cursor: pointer;
}


.dsg-module #dsg-module-innerwrap-fileupload {
margin: 0px 30px 0px 0;
	position:relative;

}

.dsg-module #dsg-module-innerwrap-fileupload input[type="file"] {
	background-color:#fff;
    padding: 15px;
    width: 100%;
    max-width: 502px;
	margin-right:15px;


}

#dsg-module-innerwrap-fileupload  input[type="file"].preload {
	/*background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/images/icon-preloader-1-transparent.apng) !important;*/
	    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-animated-gear-green.svg) !important;
    background-repeat: no-repeat;
    background-position: center;
	background-size:contain;
	background-position:right;
    padding-right: 45px;
}

.dsg-module #dsg-module-innerwrap-fileupload input[type="button"] {
    border: 0;
    font-size: inherit;
    background: var(--dsg-color-green-grey);
    cursor: pointer;
    display: inline-block;
    padding: 15px 10px;
    text-align: center;
    /* align-items: center; */
    border-radius: 0px;
    font-weight: 400;
    /* padding: inherit; */
    /* margin-top: 30px; */
    /*height: 68px;*/
}

.dsg-module #dsg-module-innerwrap-fileupload input[type="button"]:hover {
    background-color: var(--dsg-color-green-j-normal) !important;

}

 /*------------------
 *
 *  Dropload - Dropzone
 *
---------------------- */

#dsg-drpld {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 995;
}

body:not(.dsg-generator-visible) #dsg-drpld {
	display:none;
}

#dsg-drpld .dropzone {
    /*height: 70%;
    max-height: 800px;*/
	height: min-content;
    width: 70%;
    max-width: 800px;
    background: white;
    margin: 0 auto;
    display: flex;
    z-index: 100;
    align-items: center;
    justify-content: center;
    padding: 50px;
    border: 10px dashed var(--dsg-color-grey1);
	flex-wrap: wrap;
    position: relative;
}
#dsg-drpld.dsg-projects-load-info .dropzone {
	border:0;
	border-radius: 4px;
	padding: 0;
}



#dsg-drpld.dropped:not(.dsg-projects-load-info) .dropzone,
#dsg-drpld:not(.dsg-projects-load-info) .dropzone:hover {
	border-color: var(--dsg-color-green-active);
}

#dsg-drpld.error:not(.dsg-projects-load-info) .dropzone {
	 border: 10px dashed var(--dsg-color-red-j-normal);
}

#dsg-drpld .icon {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-ZIP.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 200px;
    height: 200px;
    padding: 0;
    margin: 0 auto;
}

#dsg-drpld.dsg-drpld-trans .icon {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/images/dsg-icon-project-big.png);
	width:100%;
}


#dsg-drpld.dsg-projects-load-info .icon {
	height:150px;
	width:100%;
}


#dsg-drpld.dropped .icon {
	background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-animated-gear-green.svg);
}

#dsg-drpld.dropped.dsg-projects-load-info .icon {
	background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-animated-dots-green.svg);
}

#dsg-drpld.dropped.affirmative .icon {
	background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Daumen-hoch.svg);
}

#dsg-drpld.dropped.cookiemodal .icon {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Vertrag-03.svg);
	background-size: 21%;
}

#dsg-drpld.dropped.error .icon {
	background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Widerspruch-B.svg);
}

#dsg-drpld.dropped.newload .icon {
	background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-93.svg);
}

#dsg-drpld  .infowrap {
    min-height: 223px;
    display: flex;
    flex-wrap: wrap;
	justify-content:center;
	width: 100%;
}

#dsg-drpld.dsg-projects-load-info  .infowrap {
    justify-content: left;
    min-height: max-content;
}

#dsg-drpld .info {
	color: var(--dsg-color-font);
    font-size: 18px;
    max-width: 600px;
    font-weight: 600;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;

}
#dsg-drpld.dsg-projects-load-info .info {
    max-width: initial;
    font-weight: normal;
    justify-content: left;
    padding: 30px 50px 50px 50px;
    font-size: inherit;
}

#dsg-drpld.dsg-projects-load-info .info h4 {
    width: 100%;
	margin: 14px 0 10px 0;
}


#dsg-drpld.dsg-projects-load-info  .button-area {
    margin: 30px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: right;
    width: 100%;
    min-height: 60px;
}

#dsg-drpld  .button {
    background: var(--dsg-color-green-grey);
	display:none;
    margin: 0 auto;
    padding: 15px 20px;
    font-size: 20px;
}
#dsg-drpld.dsg-projects-load-info  .button {
    padding: 18px 25px;
    font-size: 16px;
	cursor:pointer;
}
#dsg-drpld.dsg-projects-load-info  .button:hover {
    color:white;
	background-color: var(--dsg-color-green-j-normal);
}


#dsg-drpld.cookiemodal .button.button-cookie-copy,
#dsg-drpld.newload .button-yes,
#dsg-drpld.newload .button-no,
#dsg-drpld.affirmative.dropped .button-close,
#dsg-drpld.error.dropped .button-close {
display:flex;
}

.loaded-from-cookie #dsg-drpld.cookiemodal .button.button-cookie-copy{
	display:none;
}


#dsg-drpld  .button:hover {

}

#dsg-drpld  .close {
    position: absolute;
    right: 9px;
    top: 10px;
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Zonk.svg) !important;
    width: 40px;
    /* margin: -27px 0 0 0; */
    padding: 1px;
    height: 40px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
	cursor: pointer;
	text-indent:-9999px;
}


 @media (max-width: 550px) and (min-width: 51px) {
	#dsg-drpld  .info {	font-size: 16px; }
	#dsg-drpld  .button {	font-size: 16px; }
}

 /*------------------
 *
 *  Premium - Projektspeicherung - Header-Info
 *
---------------------- */

.stuck #dsg-project-info-head-wrap,
#dsg-project-info-head-wrap {
	font-size: 13px;
}



#dsg-project-info-head-wrap p{
    margin: 0;
    padding: 0 10px 0 0;
}

#dsg-project-info-head-wrap p .prjilabel{
    width: max-content;
    margin-right: 7px;
    display: inline-block;
	font-weight:600;
}
#dsg-project-info-head-wrap p .prjicontent{

}




 /*------------------
 *
 *  Premium - Projektspeicherung - Save-Indicator (PostRappel)
 *
---------------------- */
#dsg-project-save-indicator {
	width:30px;
	height:30px
}

#dsg-project-save-indicator .save-indicator {
    position: relative;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#dsg-project-save-indicator .save-indicator:before {
	content:"";
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-104-01.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	width:25px;
	height:25px;
    display: inline-block;
    /* text-indent: -9999px; */
    background-color: transparent;
    position: relative;
    text-align: left;
    padding: 0;
}


 /*------------------
 *
 *  Premium - Projektverwaltung - Cookie Header <---since 04.07.2020
 *
---------------------- */


#dsg-cookie-header-wrap {
	position:relative;
    z-index: 2;
}

.dsg-generator-not-visible #dsg-cookie-header-wrap-li {
	display:none !important;
}


.dsg-generator-not-visible #cookie-header-infobox {
	display:none !important;
}



#header .stuck .main-navigation #primary-menu.menu>li#dsg-cookie-header-wrap-li,
#header .stuck .main-navigation #primary-menu.menu>li#dsg-admin_functions-wrap-li {
height:59px;
}

#dsg-cookie-header {
	/*text-indent: -9999px;*/
background-color: transparent;
    position: relative;
    text-align: left;
    width: 26px;
    height: 26px;
    padding: 0;
}


@media all and (max-width: 51px) and (min-width: 1px) {

	#mobile-navigation #dsg-cookie-header-wrap {
		left: 0;
	}

}

@media all and (max-width:525px) and (min-width: 1px) {

	#dsg-cookie-header-wrap {
		display: none;
	}

}



.stuck #dsg-cookie-header {

}


#dsg-cookie-header #dsg-cookie-header-icon.status-deactivated:before {
content: '';
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Zonk.svg);
    background-size: 81%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 3.5px;
    width: 20px;
    left: 3.2px;
    height: 30px;
}

#dsg-cookie-header-icon{
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-104-01.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    display: inline-block;
    cursor: pointer;
    /* text-indent: -9999px; */
    background-color: transparent;
    position: relative;
    text-align: left;
    padding: 0;

}


#dsg-cookie-header-infobox-wrap {
position: absolute;
top: 69px;
    left: -213px;
    z-index: 993;
   	display:none;
	width: fit-content;
}

#header .stuck #dsg-cookie-header-infobox-wrap {
    top: 64px;
}

#mobile-navigation #dsg-cookie-header-infobox-wrap {
    top: 81px;
}



#dsg-cookie-header-infobox {
width: max-content;
    max-width: 500px;
    font-size: 14px;
    color: var(--dsg-color-font);
    background: var(--dsg-color-lightyellow);
    display: block;
    align-items: center;
	padding:20px;
    justify-content: center;
	/*border-bottom-right-radius: 60px 5px;*/
	max-height: 80vh;
    overflow: hidden;
    scroll-behavior: revert;
    overflow-y: auto;
}



	/* customize scrollbar css */
	/* customize scrollbar css */
	#dsg-cookie-header-infobox::-webkit-scrollbar{
		width:12px;
		background-color:#fffab1;
	}
	#dsg-cookie-header-infobox::-webkit-scrollbar:horizontal{
		height:12px;
	}
	#dsg-cookie-header-infobox::-webkit-scrollbar-track{
		border:1px #fffab1 solid;
		border-radius:10px;
		-webkit-box-shadow:0 0 6px #fffab1 inset;
	}
	#dsg-cookie-header-infobox::-webkit-scrollbar-thumb{
		background-color:#c8c8c8;
		border:1px solid #c8c8c8;
		border-radius:1px;
	}
	#dsg-cookie-header-infobox::-webkit-scrollbar-thumb:hover{
		background-color:#c8c8c8;
		border:1px solid #c8c8c8;
	}
	#dsg-cookie-header-infobox::-webkit-scrollbar-thumb:active{
		background-color:#c8c8c8;
		border:1px solid #fffab1;
	}


#dsg-cookie-header-infobox-title,
.dsg-cookie-header-infobox-title {

    font-size: 18px;
    font-weight: 600;
    margin-bottom: 9px;
}



.dsg-cookie-header-infobox-title .text,
#dsg-cookie-header-infobox-title .text{
	display:inline-block;
}

#dsg-cookie-header-infobox-title .inner {
    position: absolute;
    display: inline-block;

    top: -22px;
    left: -15px;


    cursor: pointer;
    padding: 9px 19px;

}

#dsg-cookie-header-infobox-title .inner:hover {

	background-color: var(--dsg-color-red);
	color:white;
}

#dsg-cookie-header-infobox-close {
    position: relative;
    display: inline-block;
    width: 10px;
    float: right;
	cursor:pointer;
}


#dsg-cookie-header-infobox-intro {
    font-size: 14px;
    margin-bottom: 20px;
}

#dsg-cookie-header-infobox-call-testercode,
#dsg-cookie-header-infobox-status {
    display: grid;
	margin-bottom: 20px;
    font-weight: 600;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr minmax(min-content, 127px);
    grid-gap: 10px;
	min-height: 63px;
}


#dsg-cookie-header-infobox-call-testercode-text,
#dsg-cookie-header-infobox-status-text {
    margin-right: 10px;
    grid-area: 1 / 1 / 2 / 2;
	display:flex;
	align-items:center;
}

#dsg-cookie-header-infobox-status-text.status-nosave {
	grid-area: 1 / 1 / 2 / 3;
}


#dsg-cookie-header-infobox-call-testercode-link,
#dsg-cookie-header-infobox-status-load {
	display: inline-block;
    grid-area: 1 / 2 / 2 / 3;
	display:flex;
	align-items:center;
	justify-content: center;
}

#dsg-cookie-header-infobox-status-load .button{

}




#dsg-cookie-header-infobox-status-load .button.status-deactivated {
background-color: var(--dsg-color-red);
color:white;
}



#dsg-cookie-header-infobox-status-info {
	margin-bottom: 25px;
}

#dsg-cookie-header-infobox-status-info .text-load {
	padding-right: 25px;
}


#dsg-cookie-header-infobox-status-info.preload {
background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-animated-gear-green.svg) !important;
    background-size: 34px;
    background-repeat: no-repeat;
    background-position: center;
	min-height:50px;
}

#dsg-cookie-header-infobox-status-info.preload {
    background-position: right center;
    padding-right: 40px;
}

#dsg-cookie-header-infobox-status-json{
	display: none;
}

#dsg-cookie-header-infobox-privacy-button {
font-size: 12px;
    cursor: pointer;
    color: var(--dsg-color-blue-border);
}

#dsg-cookie-header-infobox #dsg-cookie-header-infobox-privacy-info.info-row  {
    font-size: 12px;
	display: none;
	padding-top: 12px;
}
#dsg-cookie-header-infobox-privacyinfo-text {
    margin-bottom: 18px;
}

.main-navigation #dsg-cookie-header-infobox-privacyinfo-text a {
    font-size: inherit;
    font-family: inherit;
    display: inline-block;
    text-transform: none;

}

#dsg-cookie-header-infobox-optout {
    font-size: 12px;
    margin-bottom: 23px;
    text-align: center;
    margin-top: 29px;
    display: flex;
    justify-content: center;
	background-color: var(--dsg-color-green-j-normal);
	color:white;
}

#dsg-cookie-header-infobox-status-load div.button.status-nosave,
#dsg-cookie-header-infobox-optout.opt-out-active {
	background-color: var(--dsg-color-red);
	color:white;
}

#dsg-cookie-header-infobox-optout.opt-out-doublecheck {
background-color: var(--dsg-color-orange);
color:inherit;
}


#dsg-cookie-header-minibox-wrap {
position: absolute;
    font-size: 14px;
    left: -81px;
    top: 47px;
    width: max-content;

}

.dsg-file-load-dropped #dsg-cookie-header-minibox-wrap {
	display:none;
}

#dsg-cookie-header-minibox-inner {
	box-shadow: 0 4px 10px rgba(0,0,0,.99), inset 0 0 5px 2px transparent;
}

#dsg-cookie-header-minibox-load,
#dsg-cookie-header-minibox-close {
cursor: pointer;
    display: inline-block;
    background: var(--dsg-color-lightyellow);
	color: inherit;
	text-align: center;
}

#dsg-cookie-header-minibox-load {
width: 156px;
    padding: 10px 4px 10px 11px;
}

#dsg-cookie-header-minibox-load:hover {
	background-color: var(--dsg-color-green-j-normal);
    color: white;

}
#dsg-cookie-header-minibox-close {
    padding: 10px 15px;
}

#dsg-cookie-header-minibox-close:hover {
	background-color: var(--dsg-color-red);
    color: white;
}



#dsg-cookie-header-minibox-inner {
    position: relative;
    z-index: 0;
	    display: flex;
}

#dsg-cookie-header-infobox-arrow,
#dsg-cookie-header-minibox-inner:after {
content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: var(--dsg-color-lightyellow);
    transform: rotate(45deg);
    top: -5px;
    left: 77px;
    box-shadow: 0 4px 10px rgba(0,0,0,.99), inset 0 0 5px 2px transparent;
    z-index: -1;
}

#dsg-cookie-header-infobox-arrow {
    top: -5px;
    left: 210px;
}

#dsg-cookie-header-minibox-inner.hover:after {
	background-color: var(--dsg-color-green-j-normal);
}

/*
#dsg-cookie-header-infobox-optout.dsg-button.hover.active:hover,
#dsg-cookie-header-infobox-optout.dsg-button.active, .dsg-button:hover {


}
*/

/* Rotieren */
@keyframes rotate_cookie {

	 0%   { transform: rotate(0deg); }
	 12.5%   { transform: rotate(40deg); }
	 25%   { transform: rotate(80deg); }
	 37.5%   { transform: rotate(120deg); }
	 50%   { transform: rotate(160deg); }
	 62.5%   { transform: rotate(200deg); }
	 75%   { transform: rotate(240deg); }
	 87.5%   { transform: rotate(280deg); }
	 100%   { transform: rotate(320deg); }

}

/* Herz-Pulsieren */
@keyframes heart-pulse {
  50% {
    transform: scale(0.40);
  }
  62.50% {
    transform: scale(0.65);
  }
  87.50% {
    transform: scale(0.40);
  }
  100% {
    transform: scale(0.40);
  }
}



#dsg-cookie-header #dsg-cookie-header-icon.indicate  {
  animation: heart-pulse 1.0s 1;
}

@keyframes arrowInOut {
 0%,100% {opacity: 0.5;}
 30%, 80% {opacity: 1;}
 }



@keyframes pulse_cookie {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}


#dsg-cookie-header #dsg-cookie-header-icon.indicate-save,
#dsg-project-save-indicator .save-indicator.indicate-save {
	  animation: rotation 1.0s infinite;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/*
#dsg-cookie-header #dsg-cookie-header-icon.indicate-save:before {
	content: '';
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-animated-gear-green.svg);
        background-size: 70%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 3.2px;
    width: 20px;
    left: 3.2px;
    height: 30px;

}
*/

 /*------------------
 *
 *  Header -Adminbutton
 *
---------------------- */

.dsg-admin_functions-wrap {
	position:relative;
    margin-top: 16px;
    margin-left: 15px;
}
	#header .stuck .main-navigation #primary-menu.menu>li.dsg-admin_functions-wrap ,
	#header .stuck .main-navigation #primary-menu.menu>li.dsg-admin_functions-wrap  {
	height:59px;
	}

#mobile-navigation .dsg-admin_functions-wrap {
    margin-top: 5px;
    margin-left: 10px;
}


.dsg-admin_functions {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-tools.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 26px;
    height: 26px;
    display: inline-block;
	cursor: pointer;
	text-indent: -9999px;
	background-color: transparent;
	position: relative;

	 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
	  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
	  filter: gray; /* IE6-9 */
}


.dsg-admin_functions:hover {
	background-color:transparent;
}

.dsg-admin_functions.active,
.dsg-admin_functions.active:hover {
	filter:none;
	-webkit-filter:none;
	opacity:1;
	background-color:transparent;
}

.stuck #dsg-admin_functions {

}


.dsg-generator-adminview #header #masthead {
    background-color: var(--dsg-color-pink);
}



 /*------------------
 *
 *  Premium - Projektverwaltung - Cookie Options <---old ones
 *
---------------------- */
#dsg-cookie-options {
	padding: 69px 15px 47px 45px;
    background: #fff;
    border-radius: 0px;
	position:relative;
	display:none;
}

#dsg-cookie-options-image {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/images/cookie-cookie-stages.png);
    height: 215px;
    width: 250px;
    width: 20%;
    min-width: 250px;
    max-width: 250px;
    background-repeat: no-repeat;
    display: inline-block;
}

#dsg-cookie-options-content {
	width: 65%;
    display: inline-block;
    vertical-align: top;
}


#dsg-cookie-options p {
    line-height: 2.1;
    margin-top: 0;
    background: #f2f2f2;
    min-height: 75px;
    padding: 14px;
}

#dsg-cookie-options p.optout-switch {
     margin-bottom: 45px !important;
}

#dsg-cookie-options p .input-element {
    padding: 0;
    display: inline-block;
    width: 15%;
    vertical-align: top;
	text-align: center;
	min-width:100px;
	margin-right: 15px;
}

#dsg-cookie-options  p.optout-switch .input-element {
	    margin-top: 20px;
}


#dsg-cookie-options .text {
    display: inline-block;
    width: 80%;
}



#dsg-cookie-options-button {
	cursor:pointer;
}


#dsg-cookie-options #dsg-cookie-save-period {
    display: inline-block;
    width: 15%;
    min-width: 100px;
    background: var(--dsg-color-blue-j-light);
    color: #fff;
    padding: 3px;
    padding-left: 13px;
    padding-right: 0 !important;
    line-height: 2;
    text-align: center;
}

#dsg-cookie-options #dsg-cookie-save-period.inactive {
	background:#ccc;
}

#dsg-cookie-options #dsg-cookie-options-image.fear {
    background-position: 0px -410px !important;
}


#dsg-cookie-options #dsg-cookie-options-image.sleep {
background-position: 0px -207px;
}


#dsg-cookie-options-button-close {
	position: absolute;
	right: 30px;
    top: 30px;
}

/*File Upload*/
.dsg-load-button-file:active {
	color: blue;
}

#dsg-settings-project-fileupload-title {
	grid-area: 6 / 1 / 7 / 2;
	font-weight: 600;
    margin: 30px 0 20px;
}


#dsg-settings-project-fileupload-message {
	grid-area:7 / 1 / 8 / 2;
}

#dsg-settings-project-fileupload-message p {
	margin-top:0;
}

#dsg-output-message-fileupload {
    grid-area: 8 / 1 / 9 / 2;
    margin: 0 0 30px 0;
    width: 100%;
    max-width: 100%;
}

#dsg-output-message-fileupload.active {
	display: inline-block !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top right;
}

#dsg-output-message-fileupload.active.preload {
    padding-right: 72px;
    /*background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/images/icon-preloader-1-transparent.apng) !important;*/
	    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-animated-gear-green.svg) !important;
}

#dsg-output-message-fileupload.active.affirmative {
    padding-right: 72px;
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/images/dsg-icons/dsg-icons-affirmative.png);
}


#dsg-output-message-fileupload.active.dsg-fileload-error {
    padding-right: 72px;
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-156.svg);
}

 @media (max-width: 650px) and (min-width: 51px) {
	#dsg-output-message-fileupload.active {
		background-image: none;
		padding-right: 0;
	}
}


#dsg-module-innerwrap-fileupload {
	grid-area: 10 / 1 / 11 / 2;
}


 /*------------------
 *
 *   Generator - Check Terms
 *
---------------------- */
#dsg-out-generate-check-terms {
    display: grid;
    grid-template-columns: 100px 1fr;
    grid-template-rows: 60px 1fr 60px 1fr;
    grid-template-areas: ". .";
    /* width: 80%; */
        margin: 0 0 36px 0px;
    border-radius: 0px;
}



#dsg-out-generate-check-terms{
    grid-template-columns: 130px 1fr;
	grid-template-rows: minmax(35px, min-content) 1fr;
    max-width: 680px;
    margin: 0 auto 52px;
    grid-template-areas: ". .";
	line-height: 1.4;
    border-radius: 0px;
	}


.dsg-premium-premium #dsg-out-generate-check-terms{
	display:none;
}

@media all and (max-width: 680px) and (min-width: 51px) {

	#dsg-out-generate-check-terms{
    grid-template-columns: 0 1fr;
    margin: 50px 0 0 !important;
	grid-gap: 10px 0;
	}

	#dsg-out-generate-check-terms #check-terms-free{
		grid-gap: 10px 0;
		padding-left: 75px;
	}

	#dsg-out-generate-check-terms #check-terms-free:before{
		content: "\f14a";
		color: var(--dsg-color-grey4);
		font-family: Font Awesome\ 5 Free;
		font-size: 34px;
		font-weight: 900;
		opacity: 0.3;
		width: 100%;
		font-style: normal;
		font-weight: 800;
		top: 2px;
		left: 20px;
		position: absolute;
		height: 100%;
		display: flex;
		align-items: center;
	}

	#check-terms-free.active:before{
		color:white;
	}

}


/*
#dsg-out-generate-check-terms.inactive {
    opacity: 0.3;
    transition: opacity 3s;
	cursor: default;
}
*/

#dsg-out-generate-check-terms .title {
    grid-area: 1 / 1 / 1 /3;
}

#dsg-out-generate-check-terms .title {
    grid-area: 1 / 2 / 1 /3;
}

#dsg-out-generate-check-terms.error .title {
    color: var(--dsg-color-red);
}

#dsg-out-generate-check-terms .checkbox {
	grid-area: 2 / 1 / 3 /1;
    display: flex;
    height: 100%;
    width: 100%;
    /* justify-content: left; */
    background-size: contain;
    background-position: center left;
    background-repeat: no-repeat;
    align-items: center;
    background-color: transparent;
	cursor: pointer;
}

#dsg-out-generate-check-terms .checkbox {
	justify-content: right;
    padding-right: 39px;
}

#dsg-out-generate-check-terms.inactive {
	display:none;
}


#dsg-out-generate-check-terms .checkbox.paid {
	grid-area: 4 / 1 / 5 /1;
}



#dsg-out-generate-check-terms .checkbox span {
    background-color: var(--dsg-color-grey1);
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/images/dsg-icons/icon-check.png);
    text-indent: -9999px;
    height: 70px;
    width: 70px;
    background-size: contain;
    /* max-width: 65px; */
    /* max-height: 65px; */
    color: #ffffff;
    border-radius: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: center;
}

#dsg-out-generate-check-terms .checkbox:hover span,
#dsg-out-generate-check-terms .checkbox.hover span {
    background-color: var(--dsg-color-green-j-normal);
    box-shadow:none;
	opacity:1;
}

#dsg-out-generate-check-terms .checkbox.active span {
    background-color: var(--dsg-color-green-j-normal);
	opacity: 1;
    box-shadow:none;
}


#dsg-out-generate-check-terms .checkbox.inactive span{
	background-color: var(--dsg-color-grey4);
    color: var(--dsg-color-grey5);
}


#dsg-out-generate-check-terms.error .checkbox span {
        background-color: var(--dsg-color-pink);

}

#dsg-out-generate-check-terms.error .checkbox span {
    background-color: var(--dsg-color-grey1);

}

#dsg-out-generate-check-terms.error:hover .checkbox span {
	    background-color: var(--dsg-color-lightpink);
}

/*
#dsg-out-generate-check-terms.inactive .checkbox span {
	background-color: var(--dsg-color-grey4) !Important;
	color:white;
}
*/

#dsg-out-generate-check-terms .separator {
grid-area: 3 / 1 / 4 /3;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}


#dsg-out-generate-check-terms .text {
    grid-area: 2 / 2 / 3 /2;
    display: flex;
    /* min-height: 60px; */
    /* padding: 20px 30px 20px 30px; */
    /* font-weight: 400; */
    color: white;
    background-color: var(--dsg-color-grey3);
    cursor: pointer;
    height: 70px;
    align-items: center;
    padding: 0 20px;
    line-height: 1;
    flex-wrap: wrap;
	position: relative;
}

#dsg-out-generate-check-terms .text {
	line-height: inherit;
	height: min-content;
	padding: 10px 20px;
}

#dsg-out-generate-check-terms .text.inactive {
	background-color: var(--dsg-color-grey4);
	color: var(--dsg-color-grey5);
}



#dsg-out-generate-check-terms .text.paid {
    grid-area: 4 / 2 / 5 /2;
}


#dsg-out-generate-check-terms .separator,
#dsg-out-generate-check-terms .checkbox.paid,
#dsg-out-generate-check-terms .text.paid {
	display:none
}



#dsg-out-generate-check-terms strong {
	font-weight:400;
}

#dsg-out-generate-check-terms.inactive .text strong {
	font-weight:300;
}


#dsg-out-generate-check-terms a {
	font-weight:400;
	color: #111;
}

#dsg-out-generate-check-terms a:hover {
	font-weight:400;
	text-decoration: underline;
}


#dsg-out-generate-check-terms .text:hover,
#dsg-out-generate-check-terms .text.hover,
#dsg-out-generate-check-terms .text.active  {
	background-color: var( --dsg-color-green-active );
	color:white;
}
#dsg-out-generate-check-terms .text:hover a,
#dsg-out-generate-check-terms .text.active a {
	color:white;
}

#dsg-out-generate-check-terms.error .text {
    background-color: var(--dsg-color-pink);
	color:white;
}

#dsg-out-generate-check-terms.error .text .error {
display:none;
font-weight:400;
}
/*
#dsg-out-generate-check-terms.inactive .text {
	background-color: var(--dsg-color-grey4) !Important;
	color:white;
}
*/


#dsg-out-generate-check-terms.error .title a {
	color: var( --dsg-color-red-j-dark );
}



 /*------------------
 *
 *   Generator - Button NEW - NACH DSGUSMO
 *
---------------------- */

.dsg-out-generate-do-wrap {
	display:grid;
	grid-template-rows: 1fr;
   grid-template-columns: 111px 1fr;
    grid-gap: 20px;
    max-width: 680px;
    margin: 0 auto;
}


body:not(.dsg-premium-free) .dsg-out-generate-do-wrap {
	margin-top:57px;
}



@media all and (max-width: 680px) and (min-width: 51px) {

	.dsg-out-generate-do-wrap {
		grid-template-columns: 0 1fr;
		grid-gap: 0;
	}

}



#dsg-out-generate-do-wrap.generatearea-premium {
	margin-top:62px !important;

}


#dsg-out-generate-do-image {
    grid-area: 1 / 1 / 2 / 2;

}

#dsg-out-generate-do-button-wrap {
    grid-area: 1 / 2 / 2 / 3;
    display: flex;
    justify-content: center;
	align-items:center;
}

#dsg-out-generate-do-button {
    background-color: var(--dsg-color-green-j-normal);
    color: #fff;
    box-shadow: none;
    padding: 20px 20px;
    font-size: 20px;
    justify-content: center;
    display: flex;
    width: 100%;
    align-items: center;
}

#dsg-out-generate-do-button.error:hover,
#dsg-out-generate-do-button.error {
	background-color: var(--dsg-color-grey3);
	cursor:none;
}

#dsg-out-generate-do-button:hover {
	background-color: var(--dsg-color-orange-dark);

}


#dsg-out-generate-do-information.dsg-out-generate-error-messages {
	grid-template-columns: 111px 1fr;
	grid-gap:20px;
	max-width: 680px;
    margin: 0 auto 0;
}

#dsg-out-generate-do-information.dsg-out-generate-error-messages.active {
	margin: 0 auto 60px;
}

#dsg-out-generate-do-information.dsg-out-generate-error-messages .image {

}



#dsg-out-generate-do-information.dsg-out-generate-error-messages .text {
    grid-area: 1 / 2 / 2 /3;
}

#dsg-out-generate-do-information.dsg-out-generate-error-messages .text strong {
    font-weight:600;
}


 /*------------------
 *
 *   Generator - Button - VOR DSGUSMO
 *
---------------------- */

.dsg-out-generate-button-wrap {
    display: grid;
    grid-template-columns: 260px 1fr;
    grid-template-rows: 1fr;
    margin-left: 120px;
    min-height: 330px;
margin-top: 0px;
}



#dsg-out-generate-button-image {
    grid-area: 1 / 1 / 1 / 2;
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/images/dsg-genies/Datenschutzgenerator-Genie-Generate.png);
    background-size: 70%;
    background-position: 38px;
    background-repeat: no-repeat;
}




#dsg-out-generate-button-main{
    grid-area: 1 / 2 / 1 / 3;
}


.dsg-out-generate-button {
    display: flex;
    background-color: var(--dsg-color-grey3);
    font-weight: 300;
    padding: 10px;
    cursor: default;
    text-align: center;
    height: intrinsic;
    height: -moz-max-content;
    height: -webkit-max-content;
    height: max-content;
    max-width: 600px;
    align-items: center;
    min-height: 230px;
}


.dsg-out-generate-button p.notready.check-terms,
.dsg-out-generate-button p.notready.empty,
.dsg-out-generate-button .ready {
		display:none;
		color:#fff;
}


.dsg-out-generate-button p.notready.empty.active,
.dsg-out-generate-button p.notready.check-terms.active,
.dsg-out-generate-button.active .ready {
		display:block;
}

.dsg-out-generate-button.active .notready.empty,
.dsg-out-generate-button.active .notready {
		display:none;
}



.dsg-out-generate-button .notready {
	color: #fff;
}
.dsg-out-generate-button p {
margin-bottom: 0;
    padding: 0;
    width: 100%;
    margin: 0;
}

.dsg-out-generate-button p.big {
font-weight: 600;
font-size:25px;
letter-spacing: 1px;
margin-bottom: 15px;
}

.dsg-out-generate-button p.bold {
    font-weight: 500;
    margin-bottom: 45px;
}


.dsg-out-generate-button a {
	color:#fff;
}
#dsg-out-generate-button-wrap .dsg-out-generate-button a:hover {
	text-decoration:underline;
	color:#fff;
}

#dsg-out-generate-button-wrap .dsg-out-generate-button:hover {
        background-color: var(--dsg-color-pink);
	color: white;
	box-shadow: none;

}

#dsg-out-generate-button-wrap .dsg-out-generate-button.active {
	background-color: var(--dsg-color-green-j-normal);
	color: white;
	cursor:pointer;
}

#dsg-out-generate-button-wrap .dsg-out-generate-button.active:hover {
	background-color: var(--dsg-color-green-j-normal);
	color:white;
}
#dsg-out-generate-button-wrap .dsg-out-generate-button.active:hover p {
	color:white;
}


#dsg-out-generate-do-button .preloader-wrap,
.dsg-out-generate-button-heading.ready.big .preloader-wrap  {
margin-bottom: -4px;
    margin-left: 8px;
    display: inline-block;
    height: 30px;
    overflow: hidden;
    width: 30px;
}


/* Rotierender Preloader (damit er nicht wg js stehen bleibt) */
@keyframes rotate {

 transform:rotate(360deg);


}

#dsg-out-generate-do-button .preloader,
.dsg-out-generate-button-heading.ready.big .preloader  {
  animation: rotate 1.0s infinite;
}

#dsg-out-generate-do-button .preloader,
.dsg-out-generate-button-heading.ready.big .preloader {
background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-gear-white.svg); /*Not animated - css animates*/
    height: 30px;
    width: 30px;
    display: inline-block;
    /* float: right; */
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center 0;
}



 /*------------------
 *
 *   UI-DIalog connection errors
 *
---------------------- */

.dsg-dialog.ui-dialog-content p.dsg-connection-checker {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 2.3em 0 2.9em 1em;
}

.dsg-dialog.ui-dialog-content p .dsg-connection-checker-button {
padding: 17px;
    margin: 0 20px 0 0;
    border: 0;
}
.dsg-dialog .dsg-connection-checker-button:hover {
    box-shadow: none;

}

.dsg-dialog-save-failstate .dsg-slider-button {
	font-weight: 600;
	cursor:pointer;
}

.dsg-dialog .dsg-connection-checker-info {
	width:max-content;
	padding: 8px;
}

.dsg-dialog-save-failstate .dsg-slider {
    background-color: var(--dsg-color-grey9);
    padding: 20px;
    font-size: 14px;
    margin-left: 1em;
}

.dsg-dialog-save-failstate .dsg-slider ol {
	margin: 1em 0 0 2em ;
}


.dsg-dialog-save-failstate .dsg-slider ol li{
	margin-top: 1em;
}

.dsg-dialog .dsg-connection-checker-info.loading {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-animated-gear-green.svg) !important;
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    background-position: right;
    padding-right: 55px;
}


 /*------------------
 *
 *   UI-DIalog Info-Preview
 *
---------------------- */

.ui-dialog.dsg-dialog-info-preview {
    padding: 24px 24px 20px !important;
	overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    overflow: hidden;
}

.ui-dialog.dsg-dialog-info-preview:not(.dsg-dialog-generated) .seal a:not(a.copyright-info) {
	display:none;
}

.ui-dialog.dsg-dialog-info-preview.dsg-dialog-info-generate[data-opener-type="text-de"],
.ui-dialog.dsg-dialog-info-preview.dsg-dialog-info-generate[data-opener-type="text-en"] {
    background: #f9f9f9;
}

 @media (max-width: 600px) and (min-width: 451px) {
	.ui-dialog.dsg-dialog-info-preview {padding:20px 9px 20px 3px !important}

 }

  @media (max-width: 450px) and (min-width: 51px) {
	.ui-dialog.dsg-dialog-info-preview {padding:20px 4px 20px 0px !important}
	.dsg-module-preview, .dsg-out-generate-text-main {  padding: 0 15px 0 !important; }
}


 /*------------------
 *
 *   Date-Picker
 *
---------------------- */

.dsg-module-text-content.is_date {
	max-width: 250px;
}

img.ui-datepicker-trigger {
    padding-top: 0px;
    float: left;
    padding-right: 15px;
	max-width: 70px;
}

input.one_language.is_date img.ui-datepicker-trigger {
	display:none;
}


 /*------------------
 *
 *   Cookie Dashboard
 *
---------------------- */

#dsg-cookiedashboard {
	overflow: auto;
    display: block;
    padding: 5px 0;
}

 /*------------------
 *
 *   Cookie Loading preview
 *
---------------------- */


#dsg-cookie-exists-info {
	margin: 145px 0 60px;
    min-height: 150px;
}


#dsg-cookie-exists-info-img {
    max-width: 20%;
    min-width: 175px;
    height: 230px;
    min-height: 175px;
    width: 183px;
	background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/images/dsg-icons/dsg-icons-Speichern.png);
    display: inline-block;
    margin-right: 40px;
    vertical-align: bottom;
    text-align: center;
    background-size: 57%;
    background-repeat: no-repeat;
    background-position: top center;
}

#dsg-cookie-exists-info-img img {
	max-height: 143px;
    max-width: 143px;
}

.dsg-cookie-exists-info-inner {
    display: inline-block;
	vertical-align: top;
	max-width:75%;
}
#dsg-cookiedashboard .dsg-cookie-exists-info-inner {
	max-width:100%;
}

.dsg-cookie-exists-info-inner p {
	font-size:18px;
	background: var(--dsg-color-lightpink);
    padding: 15px;
    border-radius: 0px;
	margin-bottom: 0;
}

.dsg-cookie-exists-info-inner p .notice {
	margin-top: 15px;
	display:block;

}

#dsg-settings-project-wrap .dsg-cookie-exists-info-inner p {
	font-size:17px;
}

#dsg-cookie-exists-info-img.fade,
.dsg-cookie-exists-info-inner p.fade {
    opacity: 0.3;
    transition:opacity 3s;
}

.dsg-cookie-exists-info-inner .dsg-cookie-exists-button {
    border-radius: 4px;
    background-clip: padding-box;
    cursor: pointer;
    color: #333;
	font-size:17px;
    display: inline-block;
    overflow: visible;
    padding: 6px 14px 8px;
    vertical-align: middle;
    min-height: 2.4em;
    width: auto;
	font-weight: 400;
	margin-top: 30px;
	}

.dsg-cookie-exists-info-inner .dsg-cookie-exists-button.active {
	color:#fff;
}

.dsg-cookie-exists-button-yes{
	margin-right:30px;
}


.dsg-cookie-exists-message {
    display: inline-block;
    padding: 8px 30px;
}


 /*------------------
 *
 *	Texteingabefelder
 *
---------------------- */

.dsg-module .dsg-module-textinput-inner,
.dsg-module-textarea-inner {
    width: 100%;
	margin: 0 0 0 0;
}

.dsg-module .dsg-module-textinput-inner p {
	margin-bottom: 0px;

 }


.dsg-module .dsg-module-textarea-content {
	width: 90%;
	min-height: 150px;
	border: 2px solid #ddd;
 }

.dsg-module .dsg-module-textinput-content {
	width: 90%;
	border: 2px solid #ddd;
 }

 @media (max-width: 809px) and (min-width: 51px) {
	.dsg-module .dsg-module-textarea-content,
	.dsg-module .dsg-module-textinput-content {
		width: 100% ;
	}
}

/*nur für Text-Conten (inputs & textareas)*/
.dsg-module-text-content.dsgf-max-width-75 {	max-width: 75px }
.dsg-module-text-content.dsgf-max-width-100 {	max-width: 100px }
.dsg-module-text-content.dsgf-max-width-125 {	max-width: 125px }
.dsg-module-text-content.dsgf-max-width-150 {	max-width: 150px }
.dsg-module-text-content.dsgf-max-width-200 {	max-width: 200px }
.dsg-module-text-content.dsgf-max-width-250 {	max-width: 250px }

.dsg-module .dsg-module-text-content.dsgf-height-100 {    min-height: 100px;height: 100px }
.dsg-module .dsg-module-text-content.dsgf-height-150 {    min-height: 150px;height: 150px }
.dsg-module .dsg-module-text-content.dsgf-height-200 {    min-height: 200px;height: 200px }

.dsg-module #dsg-module-textinput-content-textinput-dpo.dsg-module-textinput-content {
	min-height: 100px;
 }

/*Input nach einer Option*/
div.dsg-element-option + div p.text-content-label {
margin-top: 15px !important;
}


 /*------------------
 *
 *   Eingabe eigener Imputs
 *
---------------------- */

.entry-content ul.dsgf-mltinpt-wrap
 {
    margin: 0px 0 18px 0;
	padding:0;
}

.dsgf-mltinpt-wrap.dsgf-mltinpt-button-slider {
	margin:0;
}

.dsgf-mltinpt-value-only .dsgf-mltinpt-wrap,
.dsgf-mltinpt-descr-only .dsgf-mltinpt-wrap {
	width: 90%;
}


.dsg-module-textarea-content.dsgf-mltinpt {
	opacity:0.2;
	height:200px;
	display:none;
}

.dsgf-mltinpt-button {
display: inline-block;
    margin: 10px 0 27px;
    min-width: 250px;

}

.dsgf-mltinpt-button.dsg-slider-button {
margin-top: 35px;
    margin-bottom: 14px;
}

.dsgf-mltinpt-set {
    padding: 10px 0 10px 0;
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 15px minmax(min-content, 1fr) minmax(min-content, 10px);
    width: 98%;
    margin-bottom: 20px;
    grid-gap: 0 15px;
}

.dsgf-mltinpt-wrap.dsg-free-entry .dsgf-mltinpt-set,
.dsgf-mltinpt-wrap .dsgf-mltinpt-set.single {
	grid-template-columns: 0 minmax(min-content, 1fr) minmax(min-content, 10px);
	margin-left:-15px;
}


.dsg-free-entry .dsgf-mltinpt-set {
	margin-bottom:3px;
}

.dsgf-mltinpt-value-only .dsg-mltinpt-set ,
.dsgf-mltinpt-descr-only .dsg-mltinpt-set {

	grid-gap: 0 0;
}


.dsgf-mltinpt-set-handle {
    grid-area: 1 / 1/ 3 / 2;
    /*background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-arrows-up-down.svg);*/
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-up-down.svg);
    background-repeat: no-repeat;
    background-size: 128%;
    background-position: center 27px;
    opacity: 0.1;
}
.dsgf-mltinpt-set-handle.active {
	cursor:grab;
	opacity:0.4;
}

.dsgf-mltinpt-wrap.dsg-free-entry .dsgf-mltinpt-set-handle {
	display:none;
}

.dsgf-mltinpt-set-sort-placeholder {
height: 55px;
line-height: 1.2em;
border: 2px dashed #ddd;
width:90%;
margin-left:30px;
/*background-color:white;*/
list-style-type:none;
}





.dsg-mltinpt-set-inner {
	grid-area: 1 / 2/ 2 / 3;
	padding: 0;
    display: grid;
    grid-template-rows: minmax(max-content, 0) minmax(max-content, 10px) minmax(max-content, 0);
    grid-template-columns: minmax(min-content, 33%) minmax(min-content, 61%);
    width: 98%;
    margin: 0 0 3px;
    grid-gap: 0 15px;
    /* overflow: auto; */
    opacity: 1;
    transition: opacity .3s;
}

.dsgf-mltinpt-value-only .dsg-mltinpt-set-inner ,
.dsgf-mltinpt-descr-only .dsg-mltinpt-set-inner {

}

.dsgf-free-entry.dsgf-mltinpt-descr-only .dsg-mltinpt-set-inner textarea {
	margin:0;
}


.dsgf-mltinpt-wrap-info {
	grid-area:1 /1/ 2 / 5;
	margin-bottom: 20px;
}
.dsg-mltinpt-set-inner[data-language="en"] .dsgf-mltinpt-wrap-info {
    margin-top: 20px;
}

.dsg-mltinpt-set-inner[data-language="en"] {
 grid-area: 2 / 2/ 3 / 3;
}

body .dsgf-mltinpt-set input[type=text],
body .dsgf-mltinpt-set textarea {
	width: 100%;
	border: 2px solid #ddd;
 }

body .dsg-module-sub.dsg-module-text-content.dsg-default-active,
body .dsgf-mltinpt-set .dsg-mltinpt-input.dsg-default-active {
	color: var(--dsg-color-grey1);
}

body .dsgf-mltinpt-set input[type=text].flag,
body .dsgf-mltinpt-set textarea.flag {
background-position: right 8px center;
    background-repeat: no-repeat;
    background-size: 31px;
    padding-right: 45px !Important;
 }

body .dsg-free-entry .dsgf-mltinpt-set textarea.flag {
    background-position: right 4px top 4px;
    background-repeat: no-repeat;
    background-size: 30px 30ps;
    padding-right: 55px !Important;
 }



.dsgf-mltinpt-set input.dsg-mltinpt-main{
 grid-area: 1 / 1/ 2 / 2;
	min-width:250px;
    margin-right: 20px;
 }

 .dsgf-mltinpt-wrap.dsgf-mltinpt-value-only input.dsg-mltinpt-main{
	grid-area: 1 / 1/ 2 / 4;
 }

  .dsgf-mltinpt-wrap.dsgf-mltinpt-value-only textarea.dsg-mltinpt-descr {
	display: none;
 }


  .dsgf-mltinpt-set input.dsg-mltinpt-main[data-language="en"]{
	grid-area: 2 /1/ 3 / 2;
 }
  .dsgf-mltinpt-wrap.dsgf-mltinpt-value-only input.dsg-mltinpt-main[data-language="en"]{
	grid-area: 2 /1/ 3 / 4;
 }

 .dsgf-mltinpt-wrap.dsgf-mltinpt-value-only textarea.dsg-mltinpt-descr[data-language="en"]{
	display: none;
 }




 .dsgf-mltinpt-set textarea.dsg-mltinpt-descr{
grid-area: 1 / 2/ 2 / 3;
 }

.dsgf-mltinpt-wrap.dsgf-mltinpt-descr-only textarea.dsg-mltinpt-descr {
	grid-area:2 /1/ 3 / 4;
	width:98%;
	min-height: 150px;
 }

 .dsgf-mltinpt-wrap.dsgf-mltinpt-descr-only textarea.dsg-mltinpt-descr[data-id="1"] {
	margin-bottom: 10px;
 }

.dsg-free-entry.dsgf-mltinpt-wrap.dsgf-mltinpt-descr-only textarea.dsg-mltinpt-descr {
	min-height:150px;
	margin: 0;
}

 .dsgf-mltinpt-wrap.dsgf-mltinpt-descr-only input.dsg-mltinpt-descr {
	display: none;
 }

 .dsgf-mltinpt-set textarea.dsg-mltinpt-descr[data-language="en"]{
	grid-area:2 / 2/ 3 / 3;
}
.dsgf-mltinpt-wrap.dsgf-mltinpt-descr-only textarea.dsg-mltinpt-descr[data-language="en"]{
	grid-area: 2 /1/ 3 / 4;
 }

.dsgf-mltinpt-wrap.dsgf-mltinpt-descr-only input.dsg-mltinpt-descr[data-language="en"] {
	display: none;
 }


 .dsgf-mltinpt-remove {
grid-area: 1 / 3/ 3 / 4;
    width: 30px;
    height: 100%;
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Zonk.svg);
    background-size: 90%;
    background-repeat: no-repeat;
background-position: center 25px;
    text-indent: -9999px;
	cursor:pointer;
	opacity:0.5;
 }

  .dsgf-mltinpt-remove:hover {
	opacity:1;
 }


 /*------------------
 *
 *   Eingabe USMOs
 *
---------------------- */


.dsgusmo-wrap {
	width: 100%;
	margin-top: 30px;
}


.dsgusmo-wrap .dsgusmo-button {
    display: block;
    margin: 10px 0 0px;
    width: max-content;
    min-width: 250px;
}

.ui-dialog .dsgusmo-wrap .dsgusmo-button {
display: block;
    margin: 0;
    width: max-content;
    min-width: 226px;
    padding: 8px 30px 8px 0;
    font-size: 15px;
}



.dsgusmo-wrap .dsgusmo-button-openform {
position: relative;
    padding-right: 27px;
}


.dsgusmo-wrap .dsgusmo-button-openform.dsgusmo-button-openform-edit {
}



.dsgusmo-wrap .dsgusmo-button-openform:after {
    font-family: Font Awesome\ 5 Free;
    content: "\f067";
    width: 30px;
    height: 30px;
    position: absolute;
    right: 6px;
    top: 9px;
    text-indent: 0;
    font-weight: 600;
    font-size: 19px;
    color: var(--dsg-color-grey6);
}


.ui-dialog .dsgusmo-wrap .dsgusmo-button-openform:after {
    top: 5px;
}

.dsgusmo-wrap .dsgusmo-button-openform:hover,
.dsgusmo-wrap .dsgusmo-button-openform:hover:after {
	background-color: var(--dsg-color-green-j-normal);
	color:white;
}



.dsgusmo-wrap .dsgusmo-button-openform.active:after,
.ui-dialog .dsgusmo-button-openform.active:after {
content: "\f00d";
}


.dsgusmo-wrap .dsgusmo-button.notconfirmed,
.ui-dialog .dsgusmo-wrap .dsgusmo-button.notconfirmed {
	background-color: var(--dsg-color-red-j-normal);
    color: white;
}

.dsgusmo-form.dsg-search-form  {
	display: block;
    padding: 0px 20px 0px 0;
}

.dsgusmo-form {width:100%;}


.dsgusmo-form .label-wrap {
padding: 0 0px;
    display: grid;
    grid-template-rows: minmax(0,max-content) minmax(0,max-content) minmax(0,max-content) minmax(0,max-content);
    grid-template-columns: minmax(105px, 165px) 1fr;
    overflow: auto;
    margin-bottom: 15px;
    grid-row-gap: 0px;
}



.dsgusmo-form .label-wrap.label-wrap-others {
	margin-bottom: 0;
}

.dsgusmo-form .label-wrap span.labeltext {
    font-size: 15px;
    position: relative;
    display: inline-block;
    margin: 0 0 5px 0;
}

.dsgusmo-form .label-wrap span.labeltext-de {
	grid-area: 1 / 1 / 2 / 3;
}

.dsgusmo-form .label-wrap span.labeltext-en {
    grid-area: 1 / 2 / 2 / 3;
}


.dsgusmo-form .copyde2en {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/images/de-to-en.png);
    background-size: contain;
    text-indent: -9999px;
    background-repeat: no-repeat;
    width: 77px;
    height: 20px;
    position: absolute;
    /* top: 72px; */
    /* left: 29px; */
    opacity: 0.2;
    cursor: pointer;
	display:none;
}


.dsgusmo-form .labeltext-en .label-inside-text { display:none;}




.dsgusmo-wrap .active {
    display:block;

}

.dsgusmo-form .copyde2en:hover {
    opacity: 1;

}


.dsgusmo-form .label-wrap label[data-language="de"] {
	grid-area: 2 / 1 / 3 / 3;
}
.dsgusmo-form .label-wrap label[data-language="en"] {
	grid-area: 3 / 1 / 4 / 3;
}

.dsgusmo-form .label-wrap .dsgusmo-textentry-element {
    padding: 9px 15px !important;
    border: 0px solid #ddd;
    border-radius: 2px;
    width: 100%;
    font-size: 13px;
    height: 40px;
    background-color: var(--dsg-color-grey2);
}

.dsgusmo-form .label-wrap .dsgusmo-textentry-element.inactive {
	opacity:0.5;
	cursor:default;
}

.dsgusmo-form .label-wrap .dsgusmo-textentry-element.flag {
	margin-bottom:10px;

}

.dsgusmo-form .label-wrap .dsgusmo-textentry-element[data-name="text"],
.dsgusmo-form .label-wrap .dsgusmo-textentry-element[data-name="service_provider"],
.dsgusmo-form .label-wrap .dsgusmo-textentry-element[data-name="service_provider_en"],
.dsgusmo-form .label-wrap .dsgusmo-textentry-element[data-name="text_en"] {
		height:110px;
		max-width: 100%;
}

.dsgusmo-form .label-wrap label {
    display: block;
	margin-top: 0px;
	line-height: 1;
}

.dsgusmo-form .label-wrap label.dsgusmo-form-label-others {
    width: 100%;
    grid-area: 1 / 1 / 1 / 3;
}

.dsgusmo-form .label-wrap .dsgusmo-textentry-element.dsg-default-active {
    color: var(--dsg-color-grey6);
}


.dsgusmo-form .dsgusmo-form-mssg {
	width: 100%;
    margin-bottom: 20px;
	font-size: 14px;
}

.dsgusmo-form .dsgusmo-form-mssg.dsg-font-red {
background-color: var(--dsg-color-lightpink);
}

.dsgusmo-form .dsgusmo-form-mssg.dsg-font-green {
background-color: var(--dsg-color-green);
    color: var(--dsg-color-font);
}

.dsgusmo-form .dsgusmo-form-mssg ul {
    padding: 0 0 0 5px;
    margin: 0;
}
.dsgusmo-form .dsgusmo-form-mssg ul li {
	padding-left: 0px !important;
    font-size: 14px !important;
    margin: 5px 0 !important;
}
.dsgusmo-form .dsgusmo-form-mssg ul li:before {
	content:'' !important;
}

.dsgusmo-buttons-wrap {
    display: flex;
    justify-content: space-between;
}



.dsgusmo-form.dsgusmo-form-popup {
	background-color: white;
    padding: 0 20px;
	margin-bottom: 45px;
}

/*depri 04.08.21 da nun popup
@media all and (max-width: 1200px) and (min-width: 1101px) {
	.dsgusmo-form {width:90%;}
}

@media all and (max-width: 1100px) and (min-width: 901px) {
	.dsgusmo-form {width:100%;}
}

@media all and (max-width: 900px) and (min-width: 5px) {
	.dsgusmo-form {width:100%;}
	.dsgusmo-form .label-wrap {grid-template-rows: 1fr 1fr;grid-template-columns: minmax(105px, 165px) 1fr;margin-bottom: 0;}
	.dsgusmo-wrap .label-wrap span.textelements {grid-area: 2 / 1 / 3 / 3;	}
	.dsgusmo-form .label-wrap span.labeltext { grid-area: 1 / 1 / 2 / 2; margin-top: 0;	}
	.dsgusmo-form .dsgusmo-button.dsgusmo-button-submit { margin-top: 30px;	}
	.dsgusmo-form .dsgusmo-form-mssg  {  margin-bottom: 20px;	}
}
*/

.dsg-dialog.ui-dialog-content p.usmo-form-intro {
    margin: 0 0 20px;
    font-size: 15px;
    padding: 10px;
    background-color: var(--dsg-color-lightyellow);
}

.dsg-dialog.ui-dialog-content p.dsg-font-red {
    background-color: var(--dsg-color-lightpink);
    color: var(--dsg-color-font);
    margin: 0 0 20px;
    font-size: 15px;
    padding: 10px;
}

.dsg-dialog.ui-dialog-content p.usmo-form-intro.dsg-font-green {
    background-color: var(--dsg-color-green);
    color: var(--dsg-color-font);
}

.ui-dialog.usmo-form-intro.dsg-dialog-info-preview p {
    margin: 1em 0;
}

  /*------------------
 *
 * USMOs bearbeiten und löschen
 *
---------------------- */

.dsg-element-option .dsg-usmo-edit,
.dsg-element-option .dsg-usmo-delete {
    width: 40px;
    text-indent: -9999px;
    height: 40px;
    cursor: pointer;
    /* top: 0; */
    /* left: 0; */
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: 0.3;
    color: var(--dsg-color-grey6);
}

.dsg-element-option .dsg-usmo-delete {
bottom: -4px;
    left: -5px;
}
.dsg-element-option .dsg-usmo-delete.confirmation {
    text-indent: 0;
    width: 140px;
    padding: 7px 33px 7px 0px;
	color: var(--dsg-color-red-j-dark);
	font-style: italic;
}

.dsg-element-option.active .dsg-usmo-edit,
.dsg-element-option.active .dsg-usmo-delete {
    color: white;
}

.dsg-element-option .dsg-usmo-edit:hover,
.dsg-element-option .dsg-usmo-edit.active,
.dsg-element-option .dsg-usmo-delete:hover {
	opacity:1;
}

.dsg-element-option .dsg-usmo-edit:after,
.dsg-element-option .dsg-usmo-delete:after  {
font-family: Font Awesome\ 5 Free;
    content: "\f044";
    width: 30px;
    height: 30px;
    position: absolute;
    left: 9px;
    top: 9px;
    text-indent: 0;
    font-size: 17px;
}
.dsg-element-option .dsg-usmo-delete:after {
    content: "\f2ed";
	top: 6px;
}

.dsg-element-option .dsg-usmo-delete.confirmation:after {
	left: 109px;
	animation: dsg-pulse-flashs-simple  0.8s infinite;
	    font-style: normal;
}


.dsg-element-option.dsgusmo-subp-dontshow .dsg-usmo-edit {
display:none;
}


  /*------------------
 *
 * USMOs Kennzeichnung Usermodul
 *
---------------------- */

.dsg-usmo-generated.dsg-element-option[data-type="usmo-user"]:after {
	font-family: Font Awesome\ 5 Free;
    content: "\f4fe";
    width: 30px;
    height: 30px;
    position: absolute;
    left: 6px;
    top: 8px;
    text-indent: 0;
    font-size: 15px;
    font-weight: bold;
    opacity: 0.6;
    cursor: default;
}


    /*------------------
 *
 *  Pulse Icon
 *
---------------------- */

/* Pulsierende Optionen */
@keyframes dsg-pulse-flashs-simple {

	 0%   {	opacity:0.4;  }
	 10%   { opacity:0.6 }
	 20%  { opacity:0.9 }
	 30%   { opacity:0.95 }
	 40%   { opacity:1; }
	 50%   { opacity:1; }
	 60%   { opacity:1; }
	 70%   { opacity:0.95;}
	 80%   { opacity:0.9;}
	 90%   { opacity:0.6;}
	 100%   { opacity:0.4;;}
}




/*------------------
 *
 * USMSO Ausgabe
 *
---------------------- */

.dsg-usmo-generated.dsg-element-option {
cursor: pointer;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    /*overflow: hidden;*/
}

.dsg-usmo-generated.dsg-element-option.invisible {
	opacity:0;
}

/*------------------
 *
 * Flaggen, wenn mehrere Sprachen*
 *
---------------------- */

.dsg-module-text-content.flag,
.dsgf-mltinpt-set input.flag,
.dsgusmo-form .dsgusmo-textentry-element.flag {
	 background-position: right 17px center;
	 background-repeat:no-repeat;
	 background-size:30px 30px;
	 padding-right: 55px !Important;
 }


.dsg-module-textarea-content.dsg-module-text-content.flag,
.dsgf-mltinpt-set input.flag,
.dsgusmo-form .dsgusmo-textentry-element.flag {
 background-position: right 18px top 6px;
}

 .dsg-module-text-content.flag[data-language="de"],
 .dsgf-mltinpt-set .dsg-mltinpt-input.flag[data-language="de"],
 .dsgusmo-form .dsgusmo-textentry-element.flag[data-language="de"] {
	background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Flagge-D-transparent.svg);
 }

 .dsg-module-text-content.flag[data-language="en"],
 .dsgf-mltinpt-set .dsg-mltinpt-input.flag[data-language="en"],
 .dsgusmo-form .dsgusmo-textentry-element.flag[data-language="en"] {
	background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Flagge-UK-transparent.svg);
 }




   .dsg-module-text-content.flag[data-language="de"]:hover,
  .dsg-module-text-content.flag[data-language="de"]:focus,
.dsgf-mltinpt-set input.flag[data-language="de"]:hover,
.dsgf-mltinpt-set input.flag[data-language="de"]:focus,
.dsgusmo-form .dsgusmo-textentry-element.flag[data-language="de"]:hover,
.dsgusmo-form .dsgusmo-textentry-element.flag[data-language="de"]:focus {
	background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Flagge-Deutschland.svg);
 }
  .dsg-module-text-content.flag[data-language="en"]:hover,
  .dsg-module-text-content.flag[data-language="en"]:focus,
.dsgf-mltinpt-set input.flag[data-language="en"]:hover,
.dsgf-mltinpt-set input.flag[data-language="en"]:focus,
.dsgusmo-form .dsgusmo-textentry-element.flag[data-language="en"]:hover,
.dsgusmo-form .dsgusmo-textentry-element.flag[data-language="en"]:focus {
	background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Flagge-UK.svg);
 }



#dsg-settings-project-wrap input.dsg-module-text-content.flag {
	background-image: none;

}


  /*------------------
 *
 *   Select Input
 *
---------------------- */

.select-options {
margin: 0 0;
    padding: 45px 0;
    overflow: auto;
    clear: both;
}

.select-options-label {

}




 /*------------------
 *
 *   Backend -Proofreading
 *
---------------------- */


.dsg-proofreading {
    padding: 20px;
    background-color: #fff;
    max-width: 950px;
}

.dsg-proofreading h2 {
	font-size:30px;
	margin-bottom:60px;
}

.dsg-proofreading ol {
    margin: 0 0 0 0;
    list-style-type: none;
}

.dsg-proofreading ol li {
	margin-bottom: 30px;
}

.dsg-proofreading ol li .row {
    background: var(--dsg-color-grey4);
    margin-bottom: 60px;
    padding: 15px 10px;
}

.dsg-proofreading ol ol {

}

.dsg-proofreading ol ol ol {

}

.dsg-proofreading ol h3 {

    color: var(--dsg-admin-color-blue);
}

.dsg-proofreading ol ol h3 {
    font-size: 17px;

    color: var(--dsg-admin-color-green);
}

.dsg-proofreading ol ol ol h3 {
    font-size: 17px;
    color: var(--dsg-admin-color-reddish);
}


.dsg-proofreading ol textarea {
    display: inline-block;
    width: 97%;
    padding: 15px;
}


.dsg-proofreading ol .info {
    margin-bottom: 30px;
    /* margin-left: 10%; */
    margin: 0px 15px 0px 0;
	text-align: right;
	padding: 15px 0 10px;
	width: 100%;
}

.dsg-proofreading ol .info input[type="button"] {
	opacity:0.5;
	margin:10px 10px 10px 0px
}

.dsg-proofreading ol .info input[type="button"]:hover,
.dsg-proofreading ol .info input[type="button"].active {
	opacity:1;
}

.dsg-proofreading ol .info input[type="button"].alert,
.dsg-proofreading ol .info input[type="button"].alert.savemessage,
.dsg-proofreading ol .info input[type="button"].alert.save {
    background-color: var(--dsg-color-pink);
    color: #fff;
}

.dsg-proofreading ol .info input[type="button"].save,
.dsg-proofread-button-bulk {
	background-color: var(--dsg-color-green-grey);
}
.dsg-proofreading ol .info input[type="button"].save:hover,
.dsg-proofreading ol .info input[type="button"].save.active,
.dsg-proofread-button-bulk:hover {
    background-color: var(--dsg-color-green-j-normal);
    color: #fff;
}
.dsg-proofreading ol .info input[type="button"].ready {
	margin-right: 25px;
	background-color: var(--dsg-color-green-grey);

}
.dsg-proofreading ol .info input[type="button"].ready:hover,
.dsg-proofreading ol .info input[type="button"].ready.active {

    background-color: var(--dsg-color-green-j-normal);
    color: #fff;

}
.dsg-proofreading ol .info .unready {

	background-color: var(--dsg-color-green-grey);
}

.dsg-proofreading ol .info .unready:hover,
.dsg-proofreading ol .info .unready.active {
    background-color: var(--dsg-color-pink);
    color: #fff;
}

.dsg-proofreading ol .info .pending:hover,
.dsg-proofreading ol .info .pending.active {
    background-color: var(--dsg-color-grey3);
    color: #fff;
}


.dsg-proofreading ol .info input[type="button"].writemessage  {
background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/images/dsg-icons/dsg-icons-message-bubble.png);
    background-repeat: no-repeat;
    padding: 0;
    border: none;
    background-size: contain;
    width: 48px;
    background-position: center;
    background-color: var(--dsg-color-grey4);
    margin: 0 10px -8px 0;
    height: 25px;
    padding-bottom: 27px;
 }

.dsg-proofreading ol .info input[type="button"].writemessage:hover,
.dsg-proofreading ol .info input[type="button"].writemessage.active  {
	opacity: 0.5;
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/images/dsg-icons/dsg-icons-message-bubble_active.png);
}


.dsg-proofreading .dsg-proofread-message {

	margin: 30px 0;
    /* max-width: 50%; */
	display:none;
    /* float: right; */
    width: 77%;
    background: var(--dsg-color-lightyellow);
    margin-right: 1%;
    margin-left: 22%;
}

.dsg-proofreading .dsg-proofread-message-save {
	display:none;
}

.dsg-proofreading .dsg-proofread-message.open,
.dsg-proofreading .dsg-proofread-message-save.open {
	display: inline;
}

.dsg-proofreading .dsg-proofread-message-save:hover,
.dsg-proofreading .dsg-proofread-message-save.active {
    background-color: var(--dsg-color-green-j-normal);
    color: #fff;
}

.dsg-proofreading .info input[type="button"].dsg-proofread-message-delete {
margin-right: 40px;
}

.dsg-proofreading .info input[type="button"].dsg-proofread-message-delete:hover {
	background-color:var(--dsg-color-pink);
	color:#fff;
}

 .dsg-proofreading ol .infotext {
    font-size: 13px;
    opacity: 0.6;
    /* text-align: right; */
    /* float: right; */
    height: 41px;
    padding-left: 2px;
    /* display: flex; */
    margin-right: 11px;
    text-align: right;
    line-height: 1.3;
    word-wrap: break-word;
    justify-content: right;
    align-items: center;
}

.dsg-proofreading ol .infotext br {
    line-height: 2;
	display:block;
}

 .dsg-proofreading ol .info .message {
	color:var(--dsg-color-green-j-normal);
	margin: 10px 0;
 }

  .dsg-proofreading ol .info .message.error {
	color:var(--dsg-color-pink);
 }

  .dsg-proofreading .dsg-proofreading-state {
	 	margin-bottom:90px;
  }

 .dsg-proofreading .bargraph {
    background-color: var(--dsg-color-grey2);
    position: relative;
    height: 50px;
    overflow: initial;
    display: flex;
    border-radius: 5px;
    align-items: center;
 }

 .dsg-proofreading .bargraph .bar {
    background-color: var(--dsg-color-green);
    height: 50px;
    position: absolute;
    display: block;
    z-index: 2;
 }

 .dsg-proofreading .bargraph .text {
	padding: 10px;
    z-index: 3;
    top: 0;
    /* height: 50px; */
    left: 0;
    /* display: block; */
    width: 100%;

 }

 .dsg-proofreading .bargraph.de {

 }

 .dsg-proofreading .bargraph.en {

 }

 .dsg-proofreading .dsg-proofreading-language {

 }

 .dsg-proofreading .dsg-proofreading-language a {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 150px;
    opacity: 0.2;
    height: 150px;
    text-indent: -9999px;
    box-shadow: none;
    background-color: transparent;
 }
 .dsg-proofreading .dsg-proofreading-language a:hover,
 .dsg-proofreading .dsg-proofreading-language a.active {
    opacity: 1;
 }


 .dsg-proofreading .dsg-proofreading-language a.german {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/images/dsg-icons/dsg-icons-Flagge-Deutschland.png);
 }

  .dsg-proofreading .dsg-proofreading-language a.english {
	background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/images/dsg-icons/dsg-icons-Flagge-USA.png);
 }

 h2.divider-heading.proofread {
margin: 30px 0;
    font-size: 23px;
    font-weight: 400;
 }


 #dsg-proofreading-menue{
    background: #fff;
    float: left;
    padding: 2px;
    width: 10%;
    position: fixed;
    overflow: scroll;
    right: 0;
    z-index: 100;
    top: 0;
    height: 100%;
    padding-top: 75px;
 }

 #dsg-proofreading-menue a.dsg-proofread-menue-box {
    width: 20px;
    height: 20px;
    float: left;
    margin: 2px;
    text-indent: -9999px;
	 top: 50px;
    background-color: #fff;

 }

  #dsg-proofreading-menue a.dsg-proofread-menue-box:hover {
  }

 #dsg-proofreading-menue a[data-correction-status="0"] {
	 background-color: var(--dsg-color-pink);
 }

 #dsg-proofreading-menue a[data-correction-status="1"] {
	background-color:var(--dsg-color-green-j-normal);
 }

 #dsg-proofreading-menue a[data-correction-status="2"] {
	background-color: var(--dsg-color-grey3);
 }
 #dsg-proofreading-menue a[data-correction-status="3"] {
	background-color: var(--dsg-color-yellow);
 }


  #dsg-proofreading-menue a.alert {
  background-color: var(--dsg-color-pink)!important;
  animation-name: color-alarm;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

@keyframes color-alarm {
  0% {
    background-color: var(--dsg-color-pink);
  }
  50% {
    background-color: white;
  }
  100 {
    background-color: var(--dsg-color-pink);
  }
}



#dsg_admin_proofread_menue_legende {
	font-size: 10px;
}

.dsg-proofread-bulk-message {
	display: none;
    margin: 15px 0;
}

.dsg-proofread-bulk-message.active {
	display:block;
}


 /*------------------
 *
 *   FAQ
 *
---------------------- */





.dsg-faq-element {
}

.dsg-faq-element.group {
    margin: 30px 0;
}

.dsg-faq-element.parent {
padding: 0 0px;
    display: grid;
    grid-template-rows: 70px;
    grid-template-columns: 1fr 80px;
    width: 100%;
margin: 15px 80px 35px 0;
    cursor: pointer;
    overflow: auto;

}

.dsg-faq-element-wrap {
	position:relative;
}

.dsg-faq-element.group-wrap {
    margin: 30px 0px 0 125px;
}


.dsg-faq-element.group .title {
	font-size: 23px;
    padding: 20px;
    background: var(--dsg-color-grey2);
    font-weight: 400;

}

.dsg-faq-element.parent .question {
    margin: 0 0x 15px 0;
    cursor: pointer;
    background-color: var(--dsg-color-grey2);
    height: 70px;
    display: flex;
    align-items: center;
    padding: 0 10px 0 20px;
    grid-area: 1/ 1 / 1 / 2;
	font-weight: 600;
}


.dsg-faq-element-answer.dsg-slider {
    padding: 0 30px 30px 30px;
    margin-right: 80px;
	display:none;
}

.group-flap.group-element.faq {
    width: 70px;
    height: 69.5px;
    grid-area: 1/ 2 / 1 / 3;
    background-color: var(--dsg-color-grey2);
    margin-left: 10px;
    font-weight: 900;
    font-size: 47px;
    display: flex;
    padding: 0;
    color: var(--dsg-color-grey3);
    align-items: center;
    justify-content: center;
}

.dsg-faq-element.parent .group-flap.group-element.faq:before {
    content: '+';
}

.dsg-faq-element.parent:hover .group-flap.group-element.faq:before,
.dsg-faq-element.parent.active .group-flap.group-element.faq:before {
    content: '-';
	margin-top: -11px;
}



  /*------------------
 *
 *   PRESSE - PRE USMO
 *
---------------------- */


.dsg-testimonials {
    display: flex;
    height: 40px;
    margin: 55px 0 -24px 0;
    justify-content: space-between;
}

.dsg-testimonials .dsg-ref {
	background-size: contain;
    width: 200px;
    height: 100%;
    background-repeat: no-repeat;
	background-position: center;
    margin: 0 15px;

}

.dsg-testimonials .dsg-ref:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
}

.dsg-testimonials .dsg-ref.intro {
    width: 220px;
    display: flex;
    align-items: center;
    margin: 0 15px 0 0;
	font-size: 14px;
}

.dsg-testimonials .dsg-ref.spon {
	background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/images/dsg-others/dsg-other-spn.png);
width: 124px;
}

.dsg-testimonials .dsg-ref.zon {
	background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/images/dsg-others/dsg-other-zon.png);
	width: 124px;
}

.dsg-testimonials .dsg-ref.hon {
	background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/images/dsg-others/dsg-other-hon.png);
	width: 124px;
}

.dsg-testimonials .dsg-ref.fas {

	background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/images/dsg-others/dsg-other-fs.png);
}

.dsg-testimonials .dsg-ref.frb {
	background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/images/dsg-others/dsg-other-frb.png);
    width: 124px;
}

.dsg-testimonials .dsg-ref.cbi {
	background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/images/dsg-others/dsg-other-cbi.png);
    width: 124px;
}

.dsg-testimonials .dsg-ref.c_t {
	background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/images/dsg-others/dsg-other-ct.png);
    width: 124px;
}




 /*------------------
 *
 *   Suche  Search
 *
---------------------- */

#dsg-out-group-search .group-image {
background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Kontrolle.svg);
background-size: 67%;
}

.dsg-out-group-search-main-all {

}

#dsg-search-wrap {
    grid-template-rows: minmax(min-content, max-content) minmax(min-content, max-content) minmax(min-content, max-content) minmax(0px, max-content) minmax(0px, max-content);
padding: 0px 0px 15px;
    background-color: white;
}

.dsg-search-form {
    padding: 17px 20px 17px;
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr minmax(min-content, 100px);
    width: 100%;
    /* margin: 58px 0 70px 0; */
    overflow: auto;
    gap: 0 20px;
}

.dsgusmo-wrap .dsg-search-form {
    grid-template-columns: minmax(min-content, 500px) minmax(min-content, min-content);
    grid-template-rows: minmax(min-content, min-content) minmax(min-content, min-content);
    padding:0;
	margin: 5px 0 20px 0;
    overflow: auto;
    gap: 0 20px;
}

.dsgusmo-wrap .free .dsg-search-form {
	margin-bottom:0;
}

@media all and (max-width: 720px) and (min-width: 51px) {

	.dsgusmo-wrap .dsg-search-form {
	grid-template-columns: minmax(min-content, 90%) minmax(min-content, min-content);
	}

	.dsgusmo-wrap .dsg-search-input-wrap {
	grid-area: 1 / 1/ 2 / 3 !important;
    margin-bottom: 16px;

	}

	.dsg-usmo-search .module-list-show {
		grid-area: 2 / 1/ 3 / 3;
	}

}



#dsg-out-group-search {
display: grid;
    grid-template-rows: 12px 77px 13px;
    grid-template-columns: 125px 1fr 80px;
    width: 100%;
    margin: 58px 0 70px 0;
    overflow: auto;
}

@media all and (max-width: 700px) and (min-width: 50px) {

	#dsg-out-group-search {
	    margin: 0px 0 0px 0;
	}

	.dsg-search {
		grid-area: 1 / 1/ 4 / 4 !important;
	}

	#dsg-search-output-wrap-main {
	margin-top: 30px;
	}

}


.dsg-premium-free #dsg-out-group-search,
.dsg-premium-free #dsg-search-output-wrap-main.dsg-search-output-wrap {
display:none;
}

.dsg-search {
grid-area: 1 / 2/ 4 / 4;
    background-color: var(--dsg-color-grey2);
}


.dsg-search-input-wrap {
	position: relative;
}


.dsgusmo-wrap .dsg-search-input-wrap {
    grid-area: 1 / 1/ 2 / 2;
    width: 100%;
}




.dsg-search-input {
	width: 100%;
    /* margin-right: 25px; */
    border: 2px solid #ddd;
    display: inline-block;
    padding: 20px 58px 20px 7px !important;
    grid-area: 1 / 1/ 1 / 2;
	height: 64px;

}

.dsgusmo-wrap input.dsg-search-input[type=text] {
padding: 12px !important;
    border: 3px solid #ddd;
    border-radius: 0;
    border: 2px solid #ddd;
    height: auto;
	width: 100%;
}

.dsg-search-input-wrap .dsg-reset {
	display:none;
    width: 54px;
    height: 100%;
    z-index: 2;
    /* background-color: red; */
    /* background-color: transparent; */
    background-size: contain;
    right: 7px;
    position: absolute;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Zonk.svg);
}

.dsg-search-input-wrap .dsg-reset.active {
	display:block;
}
.dsg-search-input-wrap .dsg-reset.active.temp-off {
	display:none;
}

.dsgusmo-wrap .dsg-search-input-wrap .dsg-reset {
	width: 35px;
    height: 38px;
    top: 6px;
	cursor:pointer;
}


.dsg-search-input.preload,
.dsgusmo-wrap .dsg-search-input.preload,
.dsgusmo-wrap .dsg-search-input.active.preload {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-animated-gear-green.svg) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-position: right;
    padding-right: 45px;
}

.dsgusmo-wrap .dsg-search-input {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Kontrolle.svg) !important;
    background-position: 99% center;
    background-size: 7%;
    background-repeat: no-repeat;
}


.dsgusmo-wrap .dsg-search-input.active {
	    background-image: none !important;
}




/*
.dsgusmo-wrap .dsg-search-input.preload {
	animation: dsg-search-flash 1.5s infinite;
}

@keyframes dsg-search-flash {

	 0%   {	background-size: 4%;  }
	 12.5%   {	background-size: 4.5%;  }
	 25%   {	background-size: 5%;  }
	 37.5%   {	background-size: 6%;  }
	 50%   {	background-size: 7%;  }
	 62.5%   {	background-size: 6%;  }
	 75%   {	background-size: 5%;  }
	 87.5%   {	background-size: 4.25%;  }
	 100%   {	background-size: 4%;  }

}
*/



.dsg-search input[type=button] {
border: 0;
    font-size: inherit;
    background: var(--dsg-color-green-grey);
    cursor: pointer;
    display: inline-block;
padding: 15px 15px;
    text-align: center;
    border-radius: 0px;
    font-weight: 400;
    height: 63px;
    width: 100%;
    min-width: 60px;
    grid-area: 1 / 2/ 1 / 3;
}

.dsg-search input[type=button]:hover {
	    background-color: var(--dsg-color-green-j-normal) !important;
}



@media all and (max-width: 520px) and (min-width: 51px) {

#dsg-out-group-search {
    grid-template-columns: 61px 1fr 80px !important;

}

	.dsg-search-form {
		grid-template-columns: 1fr minmax(min-content, 60px);

		gap: 0 9px;
	}


	.dsg-search-input  {
				padding: 5px !important;
	}

	.dsg-search input[type=button] {
		padding: 15px 5px !important;

	}

	.dsg-search-input-wrap .dsg-reset {
		display:none !important;
	}

	#dsg-search-email-form {
	grid-template-rows: minmax(min-content, 0px) 45px 80px 45px !important;
    margin: 0 0 45px 0 !important;
	}

	#dsg-search-email-address {
	    grid-area: 2 / 1/ 3 / 3 !important;
	}
	#dsg-search-email-message {
		grid-area: 3 / 1/ 4 / 3 !important;
	}
	#dsg-search-email-submit {
		grid-area: 4 / 1/ 5 / 3 !important;
	}
	#dsg-search-email-privacy-button {
		grid-area: 5 / 1/ 6 / 3 !important;
	}
	#dsg-search-email-privacy-info {
		grid-area: 6 / 1/ 7 / 3 !important;
	}

}



.dsg-search-output-wrap {
	margin-left: 125px;
display:none;
    margin-top: -27px;
}

#dsg-search-output-wrap-main {
display:none;
}


#dsg-search-output-wrap-main.dsg-search-output-wrap {
display:block;
}



.dsgusmo-wrap .dsg-search-output-wrap {
	margin-left: 0px;
	margin-top: 10px;
    grid-area: 2 / 1 / 3 / 3 !important;
}




@media all and (max-width: 809px) and (min-width: 51px) {

	.dsg-search-output-wrap  {
		margin-left: 0 !Important;
	}
}


.dsgusmo-wrap .dsg-search input[type=button].dsg-search-submit {
	display:none;
}


.dsg-search-results-close-button {
    position: absolute;
    right: 9px;
    top: 10px;
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Zonk.svg) !important;
    width: 40px;
    /* margin: -27px 0 0 0; */
    padding: 1px;
    height: 40px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
	cursor: pointer;
	text-indent:-9999px;
}



.dsg-search-message{
    padding: 0 20px 0;
}

.dsgusmo-wrap .dsg-search-message{
    margin: 0 0 20px;
background-color: var(--dsg-color-green);
    padding: 14px 20px 10px;
}

.dsgusmo-wrap .dsg-search-message p.no-premium-show {
	    margin: 5px 0px 9px;
}

.dsg-search-message .subinfo{
display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 40%;
    width: 100%;
    margin: 45px 0 0 0;
    /* cursor: pointer; */
    overflow: auto;
}

.dsg-search-message .subinfo.onerow {
    display: block;
    width: 100%;
    margin: 5px 0 0 0;
    /* cursor: pointer; */
    overflow: auto;
}


.dsg-search-message .subinfo .subinfo-text {
	grid-area: 1 / 1 / 2 / 2;
}

.dsg-search-message .subinfo .subinfo-text .arrow {
	display:inline-block;
	height:20px;
	width:20px;
	position:relative;
}

.dsg-search-message .subinfo .subinfo-text .arrow:before {
content: "\f063";
    padding-top: 2px;
    font-family: Font Awesome\ 5 Free;
    font-size: 18px;
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1.3;
    position: absolute;
    top: 0px;
    left: 3px;
}



.dsg-search-message .subinfo .subinfo-genie {
background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/images/dsg-genies/dsg-genies-info.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    min-height: 300px;
    word-break: break-word;
    text-align: left;
    grid-area: 1/ 2/ 2 / 3;
}



.dsg-search-message .subinfo,
.dsg-search-message .subinfo p {
    color: var(--dsg-color-grey6);
    margin: 15px 0;
}

@media all and (max-width: 700px) and (min-width: 51px) {

	.dsg-search-message .subinfo .subinfo-text {

			grid-area: 1 / 1 / 2 / 3;
	}

	.dsg-search-message .subinfo .subinfo-genie {
		display:none;
	}


}



.dsg-out-search-close-bottom {
    position: absolute;
    right: 9px;
    top: 10px;
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Zonk.svg) !important;
    width: 40px;
    /* margin: -27px 0 0 0; */
    padding: 1px;
    height: 40px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
	cursor:pointer
}


#dsg-out-group-search-close-bottom {
display:none;
}

#dsg-out-group-search-close-bottom.active {
    display: block;
    margin-bottom: 64px;
}


.dsgusmo-wrap .dsg-out-search-close-bottom {
	right: 0px;
    top: -5px;
	width: 30px;
}


.dsg-search-output {
	margin-top: 3px;
    font-size: 15px;
    background: white;
	overflow:auto;
    padding: 18px 20px 0 20px;
	position: relative;
	/* max-height: 500px;*/
}

.dsgusmo-wrap .dsg-search-output {
margin: 0px 0 26px 0;

padding: 20px 48px 5px 20px;
}
}

.dsgusmo-wrap .dsg-search-output.suchergebnis_leer {
background: transparent;
    padding: 0;
}

#dsg-search-results-wrap {
	margin-top: 15px;
}

.dsgusmo-wrap #dsg-search-results-wrap {
	margin-top: 0px;
	overflow: auto;
}

.dsg-search-output .dsg-search-result,
.dsg-search-output .dsg-search-result-usmo {
    background: var(--dsg-color-grey8);
    border: none !important;
    cursor: pointer;
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: minmax(max-content, 1fr) 30px;
    width: max-content;
	max-width: 100%;
    margin: 0 30px 30px 0;
    float: left;
    line-height: 27px;
	position:relative;
}



.dsg-dialog-moduleslist .dsg-search-result-usmo {
    border: none !important;
    cursor: pointer;
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: minmax(max-content, 1fr) 24px;
    width: max-content;
	    max-width: 100%;
    margin: 0 0px 5px 0;
    	float: none;
    line-height: 27px;
    padding: 5px 10px;
    position: relative;
}

.dsg-search-output .dsg-search-result.inactive,
.dsg-search-output .dsg-search-result-usmo.inactive,
.dsg-dialog-moduleslist  .dsg-search-result-usmo.inactive {
	cursor: default;
}

.ui-dialog.dsg-dialog-info-preview.dsg-dialog-moduleslist h2 {
	    margin: 0 0 25px;
}

.ui-dialog.dsg-dialog-moduleslist ol {
	    margin: 30px 0 50px 21px;
    display: flex;
    flex-wrap: wrap;
}

.ui-dialog.dsg-dialog-moduleslist li {
	margin-bottom: 15px;
    width: 100%;
}

.ui-dialog.dsg-dialog-moduleslist li .replaced {
    padding: 5px 10px;
    background-color: var(--dsg-color-grey2);
    display: inline-block;
    opacity: 0.5;
}

.dsg-dialog-moduleslist .dsg-dialog-moduleslist-info {
    background-color: var(--dsg-color-lightyellow);
    padding: 10px;
    font-size: 14px;
    margin-bottom: 17px;
}

.ui-dialog.dsg-dialog-info-preview.dsg-dialog-moduleslist .dsg-dialog-moduleslist-info p {
	    margin: 10px 0;
}

.dsg-dialog-moduleslist .dsg-preload-small {
	height: 80px;
    width: 100%;
	background-position:center;
}

.dsg-search-output .dsg-search-result-usmo {
display: block;
    padding-right: 20px;
    margin: 0 20px 20px 0;
}

.dsg-dialog-moduleslist .dsg-search-result-usmo:after,
.dsg-search-output .dsg-search-result-usmo:after {
content: "\f067";
    padding-top: 0px;
    font-family: Font Awesome\ 5 Free;
    font-size: 16px;
    font-weight: 600;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1.3;
    position: absolute;
    top: 9px;
    right: 7px;
	color:white;
	color: var(--dsg-color-grey6);
}

.dsg-dialog-moduleslist .dsg-search-result-usmo:after {
    top: 12px;
    font-size: 12px;
    right: 13px;
    color: var(--dsg-color-grey3);
}

/*Ausblenden alle bei Ländern*/
#dsg-moduleslist-dialog-current[data-parent_mid="2427"] .dsg-dialog-moduleslist-all-wrap {
	display:none;
}


.dsg-search-output .dsg-search-result:hover,
.dsg-search-output .dsg-search-result.active,
.dsg-search-output .dsg-search-result-usmo:hover,
.dsg-search-output .dsg-search-result-usmo:hover:after,
.dsg-search-output .dsg-search-result-usmo.active,
.dsg-search-output .dsg-search-result-usmo.active:after,
.search_result_element-remove {
    background-color: var(--dsg-color-green-j-normal);
	color:white;
}

.dsg-dialog-moduleslist  .dsg-search-result:hover,
.dsg-dialog-moduleslist  .dsg-search-result.active,
.dsg-dialog-moduleslist  .dsg-search-result-usmo:hover,
.dsg-dialog-moduleslist  .dsg-search-result-usmo:hover:after,
.dsg-dialog-moduleslist .dsg-search-result-usmo.active,
.dsg-dialog-moduleslist  .dsg-search-result-usmo.active:after,
.search_result_element-remove {
    background-color: var(--dsg-color-green-j-normal);
	color:white;
}

.dsg-search-output .dsg-search-result .text,
.dsg-search-output .dsg-search-result-usmo .text,
.search_result_element-remove .text {
    grid-area: 1 / 1 / 1 / 2;
    padding: 0 15px 0 15px;
    width: max-content;
    display: flex;
    height: 50px;
    align-items: center;
}

.dsg-search-output .dsg-search-result-usmo .text,
.search_result_element-remove .text{
height: auto;
    padding: 5px 10px;
    margin-top: 0;
    justify-content: center;
    text-align: center;
max-width: 100%;
}

.dsg-search-output .dsg-search-result .flap {
grid-area: 1 / 2 / 1 / 3;
    position: relative;
    color: white;
}


.dsg-search-output .dsg-search-result .link {
grid-area: 1 / 3 / 1 / 4;
    position: relative;
    color: white;
    width: 64px;
    background: var(--dsg-color-grey1);
    display: flex;
    align-items: center;
    justify-content: center;
	text-indent:-9999px;
}

.dsg-search-output .dsg-search-result .flap:before,
.dsg-search-output .dsg-search-result .link:before {
content: "\f063";
    padding-top: 2px;
    font-family: Font Awesome\ 5 Free;
    font-size: 18px;
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1.3;
    position: absolute;
    top: 12px;
    left: 6px;
	text-indent:0;
}

.dsg-search-output .dsg-search-result .link:before {
    content: "\f0c1";
    left: 21px;
}

.dsg-search-output .dsg-search-result .link.dsg_goto_linkcopy.copied {
	color: var(--dsg-color-font);
    background: var(--dsg-color-yellow);
	text-indent:0;
}

.dsg-search-output .dsg-search-result .link.dsg_goto_linkcopy.copied:before  {
content: "";

}

.dsg-search-output .dsg-search-result .flap:hover,
.dsg-search-output .dsg-search-result .link:hover {
	color: var(--dsg-color-green-j-normal);
	background-color:white;
}

.dsg-search-output .dsg-search-result .premium-icon {
    background-size: 80%;
    right: -30px;
}


.dsg-search-result-group {

}

.dsg-search-result-group .header {
display: grid;
    grid-template-rows: 10px 30px 10px;
    grid-template-columns: 90px 1fr 80px;
    width: 100%;
    margin: 14px 0 20px 0;
    overflow: auto;
    background: var(--dsg-color-grey2);
}



.dsg-search-result-group .image {
    grid-area: 1 / 1/ 4 / 2;
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Datenschutz.svg);
    background-size: 65%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: white;
}

.dsg-search-result-group .title {
    display: flex;
    grid-area: 2 / 2 / 3 /3;
    align-items: center;
    /* padding-left: 20px; */
    margin-left: 20px;
    font-weight: 200;

}



.dsg-search-result-group .flap {
display: flex;
    grid-area: 2 / 3 / 3 /4;
    align-items: center;
    padding-left: 20px;
    font-size: 12px;
    text-align: center;
    font-weight: 200;
    color: var(--dsg-color-blue-j-normal);
    color: #aaa;
	    cursor: pointer;
}


.dsg-search-result-group .inner {
	padding-left: 90px;
overflow: auto;
}

/* 05.07.2021 - nicht benötigt, artefakt---------------

.icon:after {
  content: "";
  position: absolute;
  top: -110%;
  left: -210%;
  width: 200%;
  height: 200%;
  opacity: 0;
  transform: rotate(30deg);

  background: rgba(255, 255, 255, 0.13);
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0.13) 0%,
    rgba(255, 255, 255, 0.13) 77%,
    rgba(255, 255, 255, 0.5) 92%,
    rgba(255, 255, 255, 0.0) 100%
  );
}

/* Hover state - trigger effect */
/*
.icon:hover:after {
  opacity: 1;
  top: -30%;
  left: -30%;
  transition-property: left, top, opacity;
  transition-duration: 0.7s, 0.7s, 0.15s;
  transition-timing-function: ease;
}

/* Active state */
/*
.icon:active:after {
  opacity: 0;
}
*/

/* -----------------------
Pulsierende Optionen
-----------------------*/


@keyframes pulse-highlight {

	 0%   {
			-webkit-box-shadow: 0px 0px 0px 6px var(--dsg-color-blue-j-light);
			-moz-box-shadow: 0px 0px 0px 6px var(--dsg-color-blue-j-light);
			box-shadow: 0px 0px 0px 6px var(--dsg-color-blue-j-light);}

	 20%   {
			-webkit-box-shadow: 0px 0px 0px 5px var(--dsg-color-blue-j-light);
			-moz-box-shadow: 0px 0px 0px 5px var(--dsg-color-blue-j-light);
			box-shadow: 0px 0px 0px 5px var(--dsg-color-blue-j-light);}

	 40%  {
			-webkit-box-shadow: 0px 0px 0px 4px var(--dsg-color-blue-j-light);
			-moz-box-shadow: 0px 0px 0px 4px var(--dsg-color-blue-j-light);
			box-shadow: 0px 0px 0px 3.5px var(--dsg-color-blue-j-light);}

	 60%   {
			-webkit-box-shadow: 0px 0px 0px 2px var(--dsg-color-blue-j-light);
			-moz-box-shadow: 0px 0px 0px 2px var(--dsg-color-blue-j-light);
			box-shadow: 0px 0px 0px 2px var(--dsg-color-blue-j-light);}


	 80%   {
			-webkit-box-shadow: 0px 0px 0px 1px var(--dsg-color-blue-j-light);
			-moz-box-shadow: 0px 0px 0px 1px var(--dsg-color-blue-j-light);
			box-shadow: 0px 0px 0px 1.5px var(--dsg-color-blue-j-light);}

	  100% {
			-webkit-box-shadow: 0px 0px 0px -200px var(--dsg-color-blue-j-light);
			-moz-box-shadow: 0px 0px 0px -200px var(--dsg-color-blue-j-light);
			box-shadow: 0px 0px 0px -4px var(--dsg-color-blue-j-light);}
}

.module-yesno-button.dsg-format-highlight,
.dsg-element-option.dsg-format-highlight {
  animation: pulse-highlight 1.0s infinite;
}

/*

Shiny New Optionen

*/


/* Hover state - trigger effect */


/* Active state */

.dsg-format-shiny :active:after {
  opacity: 0;
}

@keyframes shine{
  10% {
    opacity: 1;
    top: -30%;
    left: -30%;
    transition-property: left, top, opacity;
    transition-duration: 0.7s, 0.7s, 0.15s;
    transition-timing-function: ease;
  }
  100% {
    opacity: 0;
    top: -30%;
    left: -30%;
    transition-property: left, top, opacity;
  }
}



 /*------------------
 *
 *   Suche - E-Mailanfrage
 *
---------------------- */

#dsg-search-email {

}

#dsg-search-email-form {
display: grid;
    grid-template-rows: minmax(min-content, 0px) 45px 80px;
    grid-template-columns: 1fr minmax(min-content, 80px);
    width: 100%;
    overflow: auto;
    margin: 0 0 30px 0;
    gap: 20px 20px;
}


#dsg-search-email-info {
    grid-area: 1 / 1/ 2 / 3;
    /* margin-top: 19px; */
    font-size: 14px;
    cursor: pointer;
    align-items: center;
}

#dsg-search-email-privacy-info.active + #dsg-search-email-info {
	margin: 34px 0 10px;
}

#dsg-search-email-info.error {
	color: var(--dsg-color-red);

}

#dsg-search-email-info.validated {
color: var(--dsg-color-green-j-normal);
}

#dsg-search-email-address {
    border: 2px solid #ddd;
    display: inline-block;
    padding: 10px 58px 10px 7px !important;
    max-height: 60px;
    font-size: 14px;
    /* margin-right: 12px; */
    grid-area: 2 / 1/ 3 / 2;
}

#dsg-search-email-address.preload {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-animated-gear-green.svg) !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right center;
}

#dsg-search-email-message {
border: 2px solid #ddd;
    display: inline-block;
    padding: 10px 58px 10px 7px !important;
    /* max-height: 60px; */
    font-size: 14px;
    /* margin-right: 12px; */
    grid-area: 3 / 1/ 4 / 2;
}

#dsg-search-email-submit {
    border: 0;
    font-size: inherit;
    background: var(--dsg-color-green-grey);
    cursor: pointer;
    display: inline-block;
    padding: 15px 15px;
    text-align: center;
    border-radius: 0px;
    font-weight: 400;
    width: 100%;
    min-width: 60px;
    grid-area: 2 / 2/ 3 / 3;
}

#dsg-search-email-submit:hover {
	background-color: var(--dsg-color-green-j-normal) !important;
}


#dsg-search-email-privacy-button {
display: flex;
    width: 100%;
    align-items: center;
    margin-top: 12px;
}


#subinfo-text-necessity {
    cursor: pointer;
    display: block;
	margin: 10px 0 21px 0;
}


#dsg-search-email-privacy-info,
#subinfo-text-necessity-content,
#dsg-download-email-privacy-info,
.dsg-search-email-info-wrap {
font-size: 14px;
    background: var(--dsg-color-grey2);
    padding: 5px 20px;
	display:none;
	margin: 0px 0 26px 0;
}

.dsg-search-email-info-button {
	display:block;
    margin: 10px 0 28px 0;
	    cursor: pointer;
}

#subinfo-text-necessity-content {
	margin-top:30px;
}


 /*------------------
 *
 *   Download - E-Mailanfrage
 *
---------------------- */



#dsg-download-email {
    overflow: auto;
}

.dsg-dialog-generated-download #dsg-download-email {
	display:none;
}

.dsg-dialog-generated.email .dsg-dialog-generated-download #dsg-download-email {
	display:block;
}

.dsg-dialog-generated.email #dsg-out-generate-download-links .download_files_dsg,
.dsg-dialog-generated.email .dsg-generate-download-links-wrap,
.dsg-dialog-generated.email .dsg-generate-download-links-wrap folded {
	display:none !important;
}


#dsg-download-email .download-email-premium-info {
margin-bottom: 24px;
    font-weight: 400;
    margin-top: 15px;
}
#dsg-download-email .download-email-premium-info.negative {

	color: var(--dsg-color-red);

}

#dsg-download-email-form {
    display: grid;
    grid-template-rows: minmax(min-content, 0px) minmax(min-content, 37px) 1fr;
    grid-template-columns: minmax(min-content, 450px) minmax(min-content, 80px);
    width: 100%;
    overflow: auto;
    gap: 20px 20px;
margin-bottom: 60px;
}

.dsg-dialog-generated #dsg-download-email-form {
margin-bottom: 0;
}

#dsg-download-email-form.disabled {
	  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
	  filter: gray; /* IE6-9 */
	  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

#dsg-download-email-info {
    grid-area: 1 / 1/ 2 / 3;
    /* margin-top: 19px; */
    font-size: 14px;
    cursor: pointer;
    align-items: center;
}

.dsg-dialog-generated #dsg-download-email-info.error,
.dsg-dialog-generated #dsg-download-email-info.validated {
	font-size: 15px;
    padding: 16px 0 0;
}

#dsg-download-email-info.error {
	color: var(--dsg-color-red);
}

#dsg-download-email-info.validated {
color: var(--dsg-color-green-j-normal);
}

#dsg-download-email-address-label {

}

#dsg-download-email-address {
    border: 2px solid #ddd;
    display: inline-block;
    padding: 10px 58px 10px 7px !important;
    max-height: 60px;
    font-size: 14px;
    /* margin-right: 12px; */
    width: 100%;
    /* max-width: 450px; */
    grid-area: 2 / 1/ 3 / 2;
}

#dsg-download-email-address.preload {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-animated-gear-green.svg) !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right center;
}


#dsg-download-email-disabledsubmit,
#dsg-download-email-submit {
    border: 0;
    font-size: 14px;
    background: var(--dsg-color-green-grey);
    cursor: pointer;
    display: inline-block;
    padding: 15px 15px;
    text-align: center;
    border-radius: 0px;
    font-weight: 400;
    width: 100%;
    min-width: 60px;
    grid-area: 2 / 2/ 3 / 3;
}

#dsg-download-email-disabledsubmit:hover,
#dsg-download-email-submit:hover,
#dsg-download-email-submit.active {
	background-color: var(--dsg-color-green-j-normal) !important;
	color:#fff;
}


#dsg-download-email-privacy-button {
display: flex;
    width: 100%;
    grid-area: 3 / 1/ 4 / 3;
    align-items: center;
    margin: 11px 0 15px 0;
}

#dsg-download-email-privacy-button .text {
    cursor: pointer;
	display:inline-block;
}


#dsg-download-email-privacy-info {
grid-area: 4 / 1/ 5 / 3;
	display:none;
}

@media (max-width: 520px) and (min-width: 51px) {

	#dsg-download-email-form {
		    grid-template-rows: minmax(min-content, 0px) minmax(min-content, 37px) minmax(min-content, 37px) 1fr;
	}

	#dsg-download-email-address {
		grid-area: 2 / 1/ 3 / 3;
	}

	#dsg-download-email-disabledsubmit,
	#dsg-download-email-submit {
    grid-area: 3 / 1 / 4 / 3;
	}

	#dsg-download-email-privacy-button {
		grid-area: 4 / 1/ 5 / 3;
	}

	#dsg-download-email-privacy-info {
    grid-area: 5 / 1/ 6 / 3;
	display:none;
	}

}



 /*------------------
 *
 *   DSGTO Links
 *
---------------------- */

.dsg_goto_linkinfobox {
    width: 60px;
    font-size: 14px;
    color: var(--dsg-color-font);
    height: 60px;
    background: var(--dsg-color-lightyellow);
    display: FLEX;
    align-items: center;
    justify-content: center;
    position: absolute;
    -webkit-box-shadow: 0 4px 10px rgba(0,0,0,.16), inset 0 0 5px 2px transparent;
    box-shadow: 0 4px 10px rgba(0,0,0,.28), inset 0 0 5px 2px transparent;
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    top: 0;
    left: 0;
    cursor: copy;
    min-width: 90px;
    flex-wrap: wrap;
    min-height: min-content;
    height: auto;
	opacity:0.6;
}

.dsg_goto_linkinfobox.dsg_goto_linkinfobox_multinp {
	left: -125px;
    background-color: var(--dsg-color-violett);
}

.dsg_goto_linkinfobox:hover {
	opacity:1;
}

.dsg_goto_linkinfobox .dsg_goto_linkcopy:hover {

}

.dsg_goto_linkinfobox .dsg_goto_linkcopy.copied {
	background-color: var(--dsg-color-lightgreen-border-hover);
}


.dsg-greeting.greeting-doi-activation .image{
    background-size: contain;
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/genies/Datenschutzgenerator-Genie-04-b.svg);
    background-repeat: no-repeat;
}

.dsg_goto_linkinfobox .dsg_goto_linkcopy {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 19px 10px;
}

.dsg_goto_linkinfobox .dsg_goto_linkcopy:hover {
	color:white;
	background-color: var(--dsg-color-green-j-normal);
}

.dsg_goto_linkinfobox .dsg_goto_edit {
    width: 100%;
    display: flex;
    justify-content: center;
    cursor: copy;
    padding: 2px;
    background-color: var(--dsg-color-lightorange);
    padding: 3px 10px 3px;
}

.dsg_goto_linkinfobox .dsg_goto_edit:hover {
	background-color: var(--dsg-color-orange2);
	color:white;
}

 /*------------------
 *
 *   Footer Quicklinks
 *
---------------------- */

.dsg-dialog-shop-coupon {
	    max-width: 500px !important;

}


.dsg-dialog-shop-coupon .ui-dialog-content {
	line-height: 1.8;

}



.dsg-dialog-shop-coupon .cocp-code {
    border: 0;
    padding: 4px;
    background-color: var(--dsg-color-lightorange);
    border-radius: 2px;
    /* width: min-content; */
    display: inline;
    max-width: 120px;
    width: min-content;
    text-align: center;

}


.dsg-dialog-shop-coupon .cocp-amountoff {

	font-weight: 600;
}


.dsg-dialog-shop-coupon .cocp-expire {
	font-weight: 600;

}

.dsg-dialog-shop-coupon .ui-dialog-buttonpane  {
    width: min-content;
    margin: auto;

}

.dsg-dialog-shop-coupon .ui-dialog-buttonpane .ui-dialog-buttonset  {
	    display: flex;
    justify-content: center;

}

.dsg-dialog-shop-coupon .ui-dialog-buttonpane .ui-button.bg-button-red {

    margin: 12px 0 0 0 !important;
    height: fit-content;
    padding: 0;
    background-color: transparent !important;
    color: var(--dsg-color-blue-j-normal);

}

.dsg-dialog-shop-coupon .ui-dialog-buttonpane .ui-button.bg-button-red:hover {
	box-shadow: none;
}

.dsg-dialog-shop-coupon .ui-dialog-buttonpane .ui-button.bg-button-green {
background-color: var(--dsg-color-green-j-normal) !important;
    color: white;
    opacity: 0.9;

}

.dsg-dialog-shop-coupon .ui-dialog-buttonpane .ui-button.bg-button-green:hover {
	opacity: 1;
}

.dsg-dialog-shop-coupon .ui-dialog-titlebar-close{
	display:none;

}


.dsg-dialog-shop-coupon #counter_clock {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2em;
  font-family: monospace;
  color: black;
  background-color: white;
  padding: 10px;
}

.dsg-dialog-shop-coupon .digit {
    margin: 0 10px;
    width: 55px;
    /* height: 55px; */
    background-color: white;
    /* border: 2px solid var(--dsg-color-grey8); */
    display: inline-block;
    text-align: center;
    line-height: 50px;
    transition: transform 0.5s;
    border-radius: 2px;
    background: var(--dsg-color-grey2);
    font-size: 1.em;
    padding: 10px 5px;
}

.dsg-dialog-shop-coupon .digit.separator {
    background-color: white;
    width: max-content;
}
}

.dsg-dialog-shop-coupon .digit.flipped {
  transform: rotateX(180deg);
}

.dsg-coupon-reminder {
	display: block;

}
.dsg-coupon-reminder .cocp-code {
    padding: 2px 5px;
    background-color: white;
    width: max-content;
    margin-top: 10px;
    border-radius: 2px;
}


.dsg-coupon-reminder #counter_clock{

}

 /*------------------
 *
 *   Footer Quicklinks
 *
---------------------- */

#dsg-footer-quicklinks {
    position: fixed;
    font-size: 14px;
	width:max-content;
    max-width: 100%;
    /* opacity: 0.9; */
    position: fixed;
    color: black;
    bottom: 0;
    right: 0;
    text-transform: uppercase;
    font-weight: 900;
    background-color: #ffffff2e;
	padding: 1px;
	text-align: right;
    -webkit-box-shadow:  0 8px 11px rgba(0,0,0,.1);
    box-shadow: 0 8px 11px rgba(0,0,0,.1);
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
}

.dsg-generator-landing #dsg-footer-quicklinks {
		display:none !important;
}


.footer-quicklink {
    cursor: pointer;
    padding: 20px 37px 20px 20px;
    border-top: 1px solid #cbcbcb;
    border-left: 1px solid #cbcbcb;
	border-color:  #cbcbcb;
	position:relative;
    background-color: #ededed;
	display:inline-block;
}

.footer-quicklink:hover {
	background-color: var(--dsg-color-green-j-normal);
    color: white;
	border-color: var(--dsg-color-green-j-normal);
}


#dsg-footer-quicklinks-generate:before {
content: "\f013";
    top: 0;
    right: 0;
}


#dsg-footer-quicklinks-generate {
}


#dsg-footer-quicklinks-top:before {
content: "\f102";
    top: 0;
    right: 0;
}


#dsg-footer-quicklinks-top {
	float:right;
}

#dsg-footer-quicklinks-search {
}
#dsg-footer-quicklinks-search:before {
content: "\f102";
    top: 0;
    right: 0;
}

#dsg-footer-quicklinks-close {
}


#dsg-footer-quicklinks-close:before {
	content: "\f00d";
    top: 0;
    right: 0;
}



#dsg-footer-quicklinks-generate:before,
#dsg-footer-quicklinks-top:before,
#dsg-footer-quicklinks-search:before,
#dsg-footer-quicklinks-close:before {
    padding-top: 2px;
    font-family: Font Awesome\ 5 Free;
    font-size: 18px;
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1.3;
    position: absolute;
    top: 16px;
    right: 12px;

}


@media (max-width: 809px) and (min-width: 51px) {
	.footer-quicklink {
		cursor: pointer;
		padding: 10px; !important;
	}

	.footer-quicklink:before {
		content: "" !important;
	}
}





 /*------------------
 *
 *   UD Dashboard
 *
---------------------- */

#dsg-ud-navigation {

}

#dsg-ud-navigation-domains {
    display: grid;
    grid-template-columns: 1fr minmax(min-content,220px);
    grid-template-rows: 1fr;
    gap: 10px 10px;
}

#dsg-ud-domainlinks {
    grid-area: 1 / 1 / 2 / 2;

}

#dsg-ud-domainlinks-search-icon {
opacity: 0.5;
    display: inline-block;
    padding: 0px 12px 0px 0;
    cursor: pointer;
    font-size: 21px;
}

#dsg-ud-domainlinks-search-icon:hover {
	opacity: 1;
}


#dsg-ud-domainlinks-search-close {
    opacity: 0.5;
    display: inline-block;
    padding: 0px 12px 0px 0;
    cursor: pointer;
    font-size: 21px;
    color: var(--dsg-color-red);
    font-weight: bold;
	display:none;
}

#dsg-ud-domainlinks-search-close:hover {
	opacity: 1;
}

#dsg-ud-domainlinks-search-close.active {
	display:inline-block;
}

#dsg-ud-domainlinks-search-input {
    height: 38px;
    padding: 6px;
    margin: 0px 12px 5px 0;
    border: 2px solid #ddd;
    border-radius: 0;
    width: 375px;
	display:none;
}
#dsg-ud-domainlinks-search-input.active {
	display:inline-block;
}

#dsg-ud-dbnavi {
    grid-area: 1 / 2 / 2 / 3;
}

#dsg-ud-domainlinks-search-info {
    display: inline-block;
    font-size: 14px;
    color: var(--dsg-color-grey3);
}

#dsg-ud-domainlinks-navi-previous,
#dsg-ud-domainlinks-navi-next {
    display: inline-block;
	opacity:0.3;
	cursor:pointer;
	height: 30px;
    width: 30px;
	position: relative;
}

#dsg-ud-domainlinks-navi-previous:before,
#dsg-ud-domainlinks-navi-next:before {
font-family: Font Awesome\ 5 Free;
    font-size: 28px;
    font-weight: 600;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1.3;
    position: absolute;
    top: 7px;
}

#dsg-ud-domainlinks-navi-previous:hover,
#dsg-ud-domainlinks-navi-next:hover{
	opacity:1;
}

#dsg-ud-domainlinks-navi-previous:before {
    content: "\f053";
}

#dsg-ud-domainlinks-navi-next:before {
    content: "\f054";
}

.dsg-ud-navigation-domain-link-wrap {
	display:inline-block;
	margin: 5px 7px 5px 0;
}

a.dsg-ud-navigation-domain-link,
a.dsg-ud-navigation-domain-link-direct {
    display: inline-block;
    margin: 0 10px 0 0;
    background-color: var(--dsg-color-lightorange);
    cursor: pointer;
    padding: 10px 8px 10px 8px;
    margin: 0 0 0 0;
    font-size: 13px;
    position: relative;
	color: var(--dsg-color-font);
}


a.dsg-ud-navigation-domain-link:hover,
a.dsg-ud-navigation-domain-link.active,
a.dsg-ud-navigation-domain-link-direct:hover {
    background-color: var(--dsg-color-orange);
	color:white;
}
a.dsg-ud-navigation-domain-link:hover:before,
a.dsg-ud-navigation-domain-link.active:before {
	color:white;
}

a.dsg-ud-navigation-domain-link-direct {
	padding: 10px 10px 10px 18px;
	margin: 0px 10px 0px -5px;
}

a.dsg-ud-navigation-domain-link-direct.copied {
color: var(--dsg-color-font);
    background: var(--dsg-color-yellow)
}

a.dsg-ud-navigation-domain-link-direct:hover {

}

a.dsg-ud-navigation-domain-link-direct:before {
    content: "\f35d";
    font-family: Font Awesome\ 5 Free;
    font-size: 11px;
    font-weight: 600;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1.3;
    position: absolute;
    top: 13px;
    left: 10px;
}

a.dsg-ud-navigation-domain-link-direct.noping:before {
	content: "\f0c5";
}

#dsg-ud-navigation-domain-input {
    display: none;
    width: 250px;
    max-width: 250px;
    background-color: var(--dsg-color-grey9);
    padding: 14px 15px;
    margin: 15px 15px 15px 0;
    height: 50px;
    float: left;
    border: 0;
    font-size: 13px;
}

#dsg-ud-buttons {
margin-top: 7px;
    display: grid;
    grid-template-columns: 1fr minmax(min-content,220px);
    grid-template-rows: 1fr;
    gap: 10px 10px;
}

#dsg-ud-buttons-inner {
	grid-area: 1 / 1 / 2 / 2;
	display: flex;
    justify-content: stretch;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
}

#dsg-ud-buttons-shopdomain {
	grid-area: 1 / 2 / 2 /3;
}



.dsg-ud-nav-button  {
padding: 10px 25px 10px 54px;
    margin: 7px 15px 7px 0px;
    height: 50px;
    display: inline-block;
    cursor: pointer;
    font-size: 20px;
    position: relative;
    background-color: var(--dsg-color-grey2);

	  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
	  filter: gray; /* IE6-9 */
	  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */

}



.dsg-ud-nav-button:before,
#dsg-ud-navigation #dsg-ud-shopdomain:before  {
color: var(--dsg-color-green-j-normal);
    padding-top: 2px;
    /* font-family: SourceSansPro,sans-serif; */
    font-family: Font Awesome\ 5 Free;
    font-size: 18px;
    font-weight: 900;
    font-family: Font Awesome\ 5 Free;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1.3;
    position: absolute;
    top: 13px;
    left: 20px;

}

#dsg-ud-navigation #dsg-ud-option-done.dsg-ud-option:before {
    content: "\f00c";
}

#dsg-ud-navigation #dsg-ud-option-watch.dsg-ud-option:before {
    content: "\f08d";
}

#dsg-ud-navigation #dsg-ud-option-laterpaid.dsg-ud-option:before {
    content: "\f788";
}

#dsg-ud-navigation #dsg-ud-option-angry.dsg-ud-option {
    padding: 10px 25px 10px 32px;

}
#dsg-ud-navigation #dsg-ud-option-angry.dsg-ud-option:hover,
#dsg-ud-navigation #dsg-ud-option-angry.dsg-ud-option[data-option_value="0"] {
    background-color: var(--dsg-color-red);

}
#dsg-ud-navigation #dsg-ud-option-angry.dsg-ud-option:before {
    content: "\f556";
    font-size: 24px;
    top: 9px;
    left: 17px;
}

#dsg-ud-navigation #dsg-ud-option-wait.dsg-ud-option:before {
    content: "\f783";
}

#dsg-ud-navigation #dsg-ud-note:before {
    content: "\f249";
}


#dsg-ud-navigation #dsg-ud-email:before {
    content: "\f0e0";
}

.dsg-ud-nav-button:hover,
.dsg-ud-nav-button.active,
#dsg-ud-navigation .dsg-ud-option[data-option_value="0"],
#dsg-ud-email.sent {
	filter:none;
	-webkit-filter:none;
background-color: var(--dsg-color-green-j-normal);
    color: white;
}

.dsg-ud-nav-button:hover:before,
.dsg-ud-nav-button.active:before,
#dsg-ud-email.dsg-ud-nav-button.sent:before,
#dsg-ud-navigation .dsg-ud-option[data-option_value="0"]:before {
	color:white;
}

#dsg-ud-navigation #dsg-ud-shopdomain {
position: relative;
    padding-left: 0px;
    height: 100%;
    display: flex;
    align-items: center;
	max-width: 220px;
	word-break: break-all;
}

#dsg-ud-navigation #dsg-ud-shopdomain:before {
content: "\f218";
    top: 0;
    left: 0;
	margin-right: 10px;
    position: relative;
    color: var(--dsg-color-grey1);
}
#dsg-ud-navigation #dsg-ud-shopdomain.red,
#dsg-ud-navigation #dsg-ud-shopdomain.red #ud_search_input,
#dsg-ud-navigation #dsg-ud-shopdomain.red:before {
color: var(--dsg-color-red);

}

#dsg-ud-navigation #dsg-ud-shopdomain.green,
#dsg-ud-navigation #dsg-ud-shopdomain.green #ud_search_input,
#dsg-ud-navigation #dsg-ud-shopdomain.green:before {
color: var(--dsg-color-green-j-normal);
}

#dsg-ud-navigation #dsg-ud-shopdomain #ud_search_input.preload {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-animated-gear-green.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
    padding-right: 40px;
}


#dsg-ud-navigation #dsg-ud-shopdomain input#ud_search_input {
    border: 1 px solid var(--dsg-color-grey4) !important;
    padding: 0;
    /* font-size: 13px; */
    font-size: 14px;
    color: var(--dsg-color-grey3);
    margin-left: 7px;
    max-width: 170px;
    width: 170px;
	height: 20px;
}
#dsg-ud-navigation #dsg-ud-shopdomain span {

}

#dsg-ud-iframe-wrap {
	margin: 45px 0 0 0px;
	position:relative;
	border: 3px solid var(--dsg-color-grey8);
}
#dsg-ud-iframe-wrap .preloader {
    margin: 20px 0 0 0px;
    position: absolute;
    height: 300px;
    top: 100px;
    left: 0;
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-animated-gear-green.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    background-position: center;
	display:none;
}

#dsg-ud-iframe-wrap .preloader.active {
	display:block;
}


#dsg-ud-iframe {
    height: 100%;
    background-color: var(--dsg-color-grey2);
    min-height: 800px;
}

#dsg-ud-iframe.preload {


}

/* Datenbank Navi */

#dsg-ud-dbnavi {
    width: 220px;
    display: flex;
    min-width: 122px;
    flex-wrap: wrap;
    min-width: 220px;
}

#dsg-ud-dbnavi .dsg-ud-dbnavi-option {
    width: 37px;
    height: 34px;
    display: flex;
    float: left;
    position: relative;
    cursor: pointer;
    color: var(--dsg-color-grey1);
    align-items: center;
    justify-content: left;
}

#dsg-ud-dbnavi .dsg-ud-dbnavi-option:hover,
#dsg-ud-dbnavi .dsg-ud-dbnavi-option.active:before {
color: var(--dsg-color-green-j-normal);
}


#dsg-ud-dbnavi .dsg-ud-dbnavi-option:before {
    padding-top: 2px;
    /* font-family: SourceSansPro,sans-serif; */
    font-family: Font Awesome\ 5 Free;
    font-size: 24px;
    font-weight: 900;
    font-family: Font Awesome\ 5 Free;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1.3;
    text-align: center;
}

#dsg-ud-dbnavi #dsg-ud-dbnavi-option-noping:before {
    content: "\f127";
}

#dsg-ud-dbnavi #dsg-ud-dbnavi-option-reset:hover {
    color: var(--dsg-color-red);
}
#dsg-ud-dbnavi #dsg-ud-dbnavi-option-reset:before {
    content: "\f00d";
}

#dsg-ud-dbnavi #dsg-ud-dbnavi-option-done:before {
    content: "\f00c";
}
#dsg-ud-dbnavi #dsg-ud-dbnavi-option-wait:before {
    content: "\f783";

}

#dsg-ud-dbnavi #dsg-ud-dbnavi-option-watch:before {
    content: "\f08d";
}

#dsg-ud-dbnavi #dsg-ud-dbnavi-option-laterpaid:before {
    content: "\f788";
}

#dsg-ud-dbnavi #dsg-ud-dbnavi-option-angry:before {
    content: "\f556";
}

#dsg-ud-dbnavi #dsg-ud-dbnavi-option-mailed:before {
    content: "\f0e0";
}

#dsg-ud-dbnavi #dsg-ud-dbnavi-option-free:before {
    content: "\f4be";
}
#dsg-ud-dbnavi #dsg-ud-dbnavi-option-paid:before {
    content: "\f153";
}

#dsg-ud-dbnavi #dsg-ud-dbnavi-option-desc:before {
    content: "\f062";
}
#dsg-ud-dbnavi #dsg-ud-dbnavi-option-alltime:before {
    content: "\f254";
}

#dsg-ud-dbnavi #dsg-ud-dbnavi-option-desc[data-dboption_value="1"]:before {
    content: "\f063";
}

#dsg-ud-dbnavi #dsg-ud-dbnavi-option-text {
    display: flex;
    margin-right: 22px;
    font-size: 14px;
    height: 35px;
    /* width: 67px; */
    align-items: center;
    float: left;
    color: var(--dsg-color-grey3);
}

#dsg-ud-dbnavi #dsg-ud-dbnavi-option-text:before {
    content: "";
}



#dsg-ud-navigation-domains-cout-all {
display: inline-block;
    margin-top: 5px;
    /* width: 160px; */
    font-size: 14px;
    color: var(--dsg-color-grey3);
}


/* Datenbank Email
 *  Userdomains
 */
#dsg-ud-mailform {
    border: none !important;
    display: none;
    grid-template-rows: minmax(max-content, 1px) minmax(max-content, 45px) minmax(max-content, 45px) minmax(max-content, 45px) minmax(min-content, 1fr) minmax(min-content, 30px)  minmax(min-content, 0px);
    grid-template-columns: 110px 1fr;
    gap: 10px 10px;
    /* width: 100%; */
margin: 20px 0px 10px 0;
    position: relative;
    text-align: left;
    background: var(--dsg-admin-color-grey2);
    padding: 18px;
}

#dsg-ud-mailform.active {
	display: grid !important;
}

#dsg-ud-mailform .label {
    display: flex;
    align-items: center;
}


#dsg-ud-mailform .email_info {
grid-area: 1 / 2 / 2 / 3;
    padding: 10px 0px;
    font-weight: 600;
}

#dsg-ud-mailform .email_address_label {
    grid-area: 2 / 1 / 3 / 2;
}
#dsg-ud-mailform .email_address {
    grid-area: 2 / 2 / 3 / 3;
}

#dsg-ud-mailform .email_bcc_label {
    grid-area: 3 / 1 / 4 / 2;
}

#dsg-ud-mailform .email_bcc {
    grid-area: 3 / 2 / 4 / 3;
}


#dsg-ud-mailform .subject_label {
    grid-area: 4 / 1 / 5 / 2;
}

#dsg-ud-mailform .subject {
    grid-area: 4 / 2 / 5 / 3;
}

#dsg-ud-mailform .message_label {
    grid-area: 5/ 1 / 6 / 2;
	display: block;
}
#dsg-ud-mailform .message_label a {
display: block;
    font-size: 14px;
    margin-top: 5px;
}

#dsg-ud-mailform .message {
    grid-area: 5/ 2 / 6 / 3;
}

#dsg-ud-mailform .evidence_label {
    grid-area: 6/ 1 / 7 / 2;
    align-items: normal;
}
#dsg-ud-mailform .evidence {
    grid-area: 6 / 2 / 7 / 3;
    display: grid;
    grid-template-columns: 1fr minmax(max-content, 70px);
    grid-template-rows: 1fr minmax(max-content, 1px);
    gap: 10px 10px;
}

#dsg-ud-mailform .evidence textarea {
	grid-area: 1/ 1 / 1 / 2;
	padding-right:50px;
}
#dsg-ud-mailform .evidence textarea.preloader {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-animated-gear-green.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right center;
}

/* Rotierender Preloader (damit er nicht wg js stehen bleibt) */
@keyframes evidence_empty_indicate {

	 0%   { background-color: inherit; }
	 33%   { 	background-color: var(--dsg-color-red); }
	 66%   { background-color: inherit; }

}

#dsg-ud-mailform .evidence textarea.empty_indicate {
	animation: evidence_empty_indicate 1.0s 1;
}


#dsg-ud-mailform .evidence textarea.waiting {
	color: var(--dsg-color-orange-dark);
}

#dsg-ud-mailform .evidence_process {
	grid-area: 1/ 2 / 1 / 3;
    display: flex;
    width: 122px;
    height: 100%;
    padding: 8px;
    float: right;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: var(--dsg-color-grey2);
    margin-left: 3%;
    min-width: 69px;
	cursor:pointer;
	font-size: 14px;
}
#dsg-ud-mailform .evidence_process:hover {
    background-color: var(--dsg-color-green-j-normal);
    color: #fff;
}
#dsg-ud-mailform .evidence_process.waiting,
#dsg-ud-mailform .evidence_process.waiting:hover {
background-color: var(--dsg-color-orange);
    color: #fff;
}

#dsg-ud-mailform .evidence_preview {
	display:none;
    grid-area: 2/ 1 / 3 / 2;
    background-color: var(--dsg-color-grey2);
    padding: 15px 15px 10px 15px;
    font-size: 14px;
}

#dsg-ud-mailform .evidence_preview .evidence_remove {
	margin-left: 15px;
    color: var(--dsg-color-red);
    font-weight: 800;
    font-size: 16px;
	cursor:pointer;
}


#dsg-ud-mailform .send {
    grid-area: 7/ 2 / 8 / 3;
    display: grid;
    grid-template-columns: 1fr minmax(min-content,121px) minmax(min-content,121px);
    grid-template-rows: 1fr;
    gap: 10px 15px;
    margin-bottom: 30px;
}

#dsg-ud-mailform .send #submit-info-email {
    grid-area: 1/ 1 / 2 / 2;
    display: flex;
    align-items: center;
}



#dsg-ud-mailform .send .preview-email{
    grid-area: 1/ 2 / 2 / 3;
}
#dsg-ud-mailform .send .submit-email {
    grid-area: 1/ 3 / 2 / 4;
}
#dsg-ud-mailform .send .submit-email.error,
#dsg-ud-mailform .send .submit-email.error:hover {
	background-color: var(--dsg-color-red);
	color:#fff;
}
#dsg-ud-mailform .send .submit-email.warning,
#dsg-ud-mailform .send .submit-email.warning:hover {
	background-color: var(--dsg-color-orange);
	color:#fff;
}

#dsg-ud-mailform .send .submit-email.sent,
#dsg-ud-mailform .send .submit-email.already_sent,
#dsg-ud-mailform .send .submit-email.sent:hover,
#dsg-ud-mailform .send .submit-email.already_sent:hover {
    background-color: var(--dsg-color-green-j-normal);
    color: #fff;
}


#dsg-ud-mailform .send .preview-email,
#dsg-ud-mailform .send .submit-email {
padding: 15px 19px 15px;
    margin: 7px 0px 7px 0px;
    border: 0;
    width: 100%;
    border-radius: 0;
    height: 50px;
    display: inline-block;
    cursor: pointer;
    font-size: 20px;
    position: relative;
    background-color: var(--dsg-color-grey2);
}

#dsg-ud-mailform .send .preview-email:hover,
#dsg-ud-mailform .send .preview-email.active,
#dsg-ud-mailform .send .submit-email:hover,
#dsg-ud-mailform .send .submit-email.active {
	background-color: var(--dsg-color-green-active);
    color: #fff;
}

#dsg-ud-mailform .send .preview-email {
	margin-right: 15px;
}

#dsg-ud-mailform .email_address input,
#dsg-ud-mailform .email_bcc input,
#dsg-ud-mailform .email_from input,
#dsg-ud-mailform .subject input {
	width: 100%;
}

#dsg-ud-mailform .message textarea,
#dsg-ud-mailform .evidence textarea {
	width: 100%;
}

#dsg-ud-mailform .message textarea {
	width: 100%;
	height: 500px;
}

#dsg-ud-mailform-preview {
	grid-area: 8/ 1 / 9 / 3;
    display: none;
    margin: 0px auto;
    padding: 20px 60px;
    background-color: var(--dsg-color-grey2);
    font-size: 14px;
    border: 1px dashed;
    border-color: var(--dsg-color-grey5);
    max-width: 650px;
}

#dsg-ud-mailform .error-single {
	color: red;
    font-size: 14px;
    padding: 5px 0;
    display: block;
}


/*
ELEMENTOR
*/

body .elementor-widget-form .elementor-message {
    margin: 10px 0 -11px;
    font-size: 11px;
    line-height: 1.1;
   background-color: var(--dsg-color-lightyellow);
    padding: 2px;
}



/*awesome-bar *depricated 02.06.2020*

#dsg-ud-awesome-bar {
    display: grid;
    grid-template-columns: 1fr minmax(min-content,150px) minmax(min-content,150px);
    grid-template-rows: 1fr;
    gap: 10px 10px;
    margin: 30px 0;
}

#dsg-ud-awesome-bar #awesomebar-input {
    grid-area: 1/ 1 / 2 / 2;
    border-radius: 13px;
    font-size: 14px;
    background: var(--dsg-color-grey9);
    border-color: var(--dsg-color-grey8);
}

#dsg-ud-awesome-bar #awesomebar-search {
	grid-area: 1/ 2 / 2 / 3;
}

#dsg-ud-awesome-bar #awesomebar-evidence {
	grid-area: 1/ 3 / 2 / 4;
}

#dsg-ud-awesome-bar #awesomebar-search,
#dsg-ud-awesome-bar #awesomebar-evidence {
    border: 0;
    width: 100%;
    border-radius: 0;
    padding: 10px 15px;
    display: flex;
    cursor: pointer;
    font-size: 20px;
    position: relative;
    background-color: var(--dsg-color-grey2);
    font-size: 14px;
    align-items: center;
    text-align: center;
	cursor:pointer;
}

#dsg-ud-awesome-bar #awesomebar-search:hover,
#dsg-ud-awesome-bar #awesomebar-evidence:hover {
	background-color: var(--dsg-color-green-active);
    color: #fff;
}

*/

/* ======================================================================================================================================================================*/

/*------------------- START PRE 03 2019 ------------ */

/* ======================================================================================================================================================================*/


 /*------------------
 *
 *   Styling
 *
---------------------- */


 /*Formen generell*/
 /*
 #dslc-theme-content-inner input[type="text"] {
	padding:25px 15px;
	margin-bottom: 15px;
 }
*/

/* Font Farben */




/*Box Shadows */
.dsg-module-boxshadow {
	box-shadow: 5px 5px 0px 0px var(--dsg-color-grey1);
}

.dsg-module-boxshadow:hover,
.dsg-module-boxshadow.active {
	box-shadow: 0px 0px 0px 0px var(--dsg-color-grey1);
}


/*Kreisrunde elemente*/
   .dsg-element .dsg-bg-round {
    border-radius: 40px;
    text-align: center;
	color:#fff;
	display: inline-block;
   }

 /* Rote Elemente */
   .dsg-element .dsg-bg-red {
	background: #e59aa0;
    border-color: #d32331;
   }

  .dsg-element .dsg-bg-red:hover {
	  color:#fff;
    background: #d32331;
	border-color: #b0e4af;

   }


 /* Buttons Hell-Grün*/

.dsg-bg-lightgreen {
	background: var(--dsg-color-lightgreen) !Important;
    border-color: var(--dsg-color-lightgreen) !Important;
   }



.dsg-bg-lightgreen:hover {
    background: var(--dsg-color-lightgreen-hover) !Important;
	border-color: var(--dsg-color-lightgreen-hover) !Important;
   }


.dsg-bg-lightgreen.active {
    color: var(--dsg-color-lightgreen-font-active);
    background: var(--dsg-color-lightgreen-active) !Important;
	border-color: var(--dsg-color-lightgreen-active) !Important;
 }

  /* Buttons Grün*/

   .dsg-element .dsg-bg-green {
	background: var(--dsg-color-green);
    border: var(--dsg-color-green);
    border-radius: 2px !important;
    min-height: 47px;
   }



  .dsg-element .dsg-bg-green:hover {
    border-color: var(--dsg-color-green-j-normal) !important;

   }


 .dsg-element .dsg-bg-green.active {
    color: var(--dsg-color-green-font-active);
    background: var(--dsg-color-green-j-normal);
	border-color: var(--dsg-color-green-j-normal);
 }



 /* Buttons Blau */

.dsg-element .dsg-bg-blue {
    background: var(--dsg-color-blue);
    border-color: var(--dsg-color-blue);
    border-radius: 2px !important;
}

.dsg-element .dsg-bg-blue:hover {
    background: var(--dsg-color-blue-hover);
	border-color: var(--dsg-color-blue-hover);
	color:#fff;
}

.dsg-element .dsg-bg-blue.active {
    background: var(--dsg-color-blue-hover);
	border-color: var(--dsg-color-blue-hover);
	color:#fff;
}


 /* Buttons Grau */

.dsg-element .dsg-bg-grey {
    background: #eee;
    border-color: #ddd;
}

.dsg-element .dsg-bg-grey:hover {
    background: #e2dddd;
	border-color: #ddd;
}

.dsg-element .dsg-bg-grey.active {
background: #717171;
    border-color: #656565;
    color: #fff;
}







 /*------------------
 *
 *   Close - Button
 *
---------------------- */

.dsg-button-close-round {
    background: var(--dsg-color-lightpink);
    border-radius: 50px;
    height: 45px;
    width: 45px;
    line-height: 45px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    font-size: 35px;
    color: #fff;
}

.dsg-button-close-round:hover,
.dsg-button-close-round:active
 {
    background: var(--dsg-color-pink);
	color:#fff;
}

 /*------------------
 *
 *   Slider - Button
 *
---------------------- */
.dsg-button-slide {
	cursor:pointer;
}

  /*------------------
 *
 *   Output - Generator - Headings
 *
---------------------- */

 h3.dsg-generator-h3 {
	margin-top: 200px;
    margin-bottom: -30px;
 }



/*Ausklappfunktion Gruppen*/
.dsg-group-heading-flap-startoff,
.dsg-group-heading-wrap.active .dsg-group-heading-text h2:hover .dsg-group-heading-flap-startoff,
.dsg-group-heading-wrap.active .dsg-group-heading-flap-startoff:hover {
	background: var(--dsg-color-blue);
	width:50px;
	height:70px;
	display:inline-block;
	position:absolute;
	top:15px;
	right:-50px;
	border-radius:0 50px 50px 0;
	text-align:center;
	font-size:50px;
	font-weight:bold;
	padding:15px 10px 0px 0px;
	cursor:pointer;
}
.dsg-group-heading-flap-startoff:hover,
.dsg-group-heading-flap-startoff.active,
.dsg-group-heading-text h2:hover .dsg-group-heading-flap-startoff,
.dsg-group-heading-wrap.active .dsg-group-heading-flap-startoff {
	background: var(--dsg-color-green);
	width:72px;
	right:-72px;
	padding-left:16px;
}

.dsg-group-heading-flap-startoff:hover {
		background: #4090d6;
}

.dsg-group-wrap-fold-hidden {
	display:none;
}



 .dsg-group-heading-wrap {
	height: 250px;
    margin-top: 45px;
	margin-bottom: 30px;
	cursor:pointer;
	clear: both;
 }

 .dsg-group-heading-text {
height: 250px;
    position: relative;
    min-width: 250px;
    width: 100%;
    max-width: 76%;
    float: left;
    display: inline-block;
 }

.dsg-group-heading-text h2,
.dsg-group-heading-wrap.active h2:hover {
    margin: 0px;
    padding: 30px !important;
    background: #4090d6;
    color: #fff;
    font-size: 20px;
    display: block;
    position: absolute;
    width: 100%;
    bottom: 0;
	border-radius:3px !important;
}

.dsg-group-heading-text h2:hover,
.dsg-group-heading-wrap.active h2 {
	background: var(--dsg-color-green-j-normal);

}



 .dsg-group-heading-logo {
float: left;
    width: 175px;
    max-width: 20%;
    height: 250px;
    display: block;
    position: relative;
	    margin-right: 40px;
}

 .dsg-group-heading-logo img {
    max-width: 100%;
    height: auto;
    position: absolute;
    bottom: 0;
 }


 /*------------------
 *
 *   Output - Generator - Caches
 *
---------------------- */

.dsg-out-cache {

display:none;
background:#fff;
}

.dsg-out-cache-content-lc.dsg-out-cache {
	/*display:block;*/
}

 /*------------------
 *
 *   Output - Generator - Styling & Hauptdesign
 *
---------------------- */
.dsg-out-h2 {

	margin: 15px 0 45px;

}

.dsg-out-generated-slide {
	display:none;
}

.dsg-out-generated-slide.dsg-generated-text.active {
    display: flex !important;
    flex-direction: column;
    align-items: center;

	}

 /*------------------
 *
 *   Output - Generator - HTML
 *
---------------------- */

 /*------------------
 *
 *   Output - Genertor - Text (und Preview)
 *
---------------------- */

/*
.dsg-module-infopreview-block {

}


.dsg-module-preview .dsg-module-infopreview-block {
	display: none;
}

.dsg-module-preview .dsg-module-infopreview-block.active {
	display: block;
}

.dsg-module-preview:before {
	content: "Sie haben das Modul noch nicht ausgewählt, daher ist die Vorschau leer.";
}
.dsg-module-preview.active:before {
	content: "";
}




.dsg-module-infopreview-block,
.dsg-out-generate-text-main .dsg-module-infopreview-block {
    background-color: #fff;
    padding: 90px 150px;
    margin: 30px auto;
    max-width: 1000px;
    box-shadow: 10px 10px 0px var(--dsg-color-grey1);
    border: 1px solid #d4d4d4;
 }

 .dsg-out-generate-text-main .dsg-module-infopreview-block {
    overflow: auto;
    margin: 0 auto;
    width: 100%;
    border: 1px solid #555;
	max-height: 1000px;
 }

    */



 /*------------------
 *
 *  Sidenav
 *
---------------------- */


/* The side navigation menu */
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    /* left: 0; */
    background-color: #4090d6;
    overflow-x: hidden;
    padding-top: 60px;
    transition: 0.5s;
    border-left: #d1e9ff 2px solid;
    right: 0;
}

/*Opening sidenav*/
.sidenav-open {
	width:250px !important;
}
.content-sidenav-open {
margin-right:250px;
}

.dsg-sidebar-group.active {
	background-color: var(--dsg-color-green);
}

#mysidenav-open {
    background: red;
    padding: 5px 50px;
    margin-top: 50px;
    display: inline-block;
    color: #fff;
    cursor: pointer;
    position: fixed;
    right: -91px;
    top: 200px;
    transform: rotate(270deg);
    border-radius: 4px 4px 0px 0px;
}

a.sidenav-close  {
	  background-color: var(--dsg-color-dunkelrosa);
}

/* The navigation menu links */
.sidenav a {
    padding: 8px 8px 8px 20px;
    text-decoration: none;
    font-size: 15px;
    color: #fff;
    display: block;
    transition: 0.3s;
}

.sidenav a.active {
	color: var(--dsg-color-green);
}


.sidenav a.module {
    color: #fff;
    font-size: 13px;
    padding-left: 30px;
    margin-left: 25px;

}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: #f1f1f1;
   text-decoration: underline;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
/*
#main {
  transition: margin-left .5s;
  padding: 20px;
}
*/
/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
/*
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
*/
*
 /*------------------
 *
 *   Die fixe Footer-Navigation [DEPRICATED 05.02.2019]
 *
---------------------- */




 /*------------------
 *
 *   Die fixe Footer-Navigation
 *
---------------------- */
.dsg-navigation-shadow-top {
	box-shadow: 0px -7px 15px 0px rgba(0,0,0,0.32);
}

#dsg-navigation {
    position: fixed;
    bottom: 0;
    left: 0px;
    right: 0;
    color: #fff;
	border-style:solid;
	border-weight:2px;
	z-index: 9999;
	max-width: width: 1200px;
	min-height:100px;
	padding:0;
	opacity: 0.97;
    background: #61a0b8;
	border-color: #5895ab;
	margin: 0 auto;
}

#dsg-navigation #dsg-navigation-inner {
	 max-width: 1200px;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
	padding:15px;
}


#dsg-navigation .dsg-navigation-button {
    display: inline-block;
    padding: 16px;
    border-radius: 3px;
	margin-right: 25px;
}

/*Speicherbereich in der Footer-Navigation */

#dsg-navigation-save {
	display:none;
    position: absolute;
    bottom: 147px;
    left: 0px;
    right: 0;
    color: #000;
    border-style: solid;
    border-weight: 2px;
    z-index: 9999;
    min-height: 120px;
    padding: 15px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    width: 100%;
    background: #f9f9f9;
    border-color: #f1f1f1;
	margin: 0 auto;
}

#dsg-navigation-save #dsg-navigation-save-inner {
	 max-width: 1200px;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;

}

#dsg-navigation-save  .dsg-navigation-save-button {
	    margin-right: 25px;
		margin-bottom: 15px;
}


#dsg-navigation-save-textarea {
    width: 80%;
    height: 250px;
}

/* Sprungmarkeneinstellung in der Footer-Navigation */

#dsg-navigation-jump {

	    display: inline-block;
		    float: right;
}

#dsg-navigation-jump a {
	color: #fff;
	    margin-right: 30px;
}


/* Soundeinstellung in der Footer-Navigation */
#dsg-navigation-sound {
	display:inline-block;
}


#dsg-settings-sound-navigation {
width: 53px;
    height: 47px;
    color: #000;
    border-radius: 40px;
    text-align: center;
    font-size: 44px;
    line-height: 1;
	cursor:pointer;
}

#dsg-settings-sound-navigation.active {
	color:#fff;
}




 /*------------------
 *
 *   Output - Auswahl Sprachen
 *
---------------------- */

.dsg-settings-languages-button {

    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-muster/images/flags_icon.png);

    display: inline-block;

	width:150px;
	height:100px;
	cursor:pointer;
	margin-top:30px;
}
.dsg-settings-languages-button p {
	display:none;
}

#dsg-settings-languages-button-de {

	background-position: 150px 265px;
	margin-right:30px;
}

#dsg-settings-languages-button-de.active {
	background-position:0px 265px;
}

#dsg-settings-languages-button-en {

	background-position: 150px 164px;

}

#dsg-settings-languages-button-en.active {
	background-position: 0px 164px;
}

 /*------------------
 *
 *   Output - Eingabe Domain
 *
---------------------- */

input.dsg-settings-project {

	max-width:700px;

}


 /*------------------
 *
 *   Checkbox to Switch-Button
 *
---------------------- */

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color:  var(--dsg-color-blue-j-light);
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}




 /*------------------
 *
 *   Presets
 *
---------------------- */



 /*------------------
 *
 *   Inhalt des Elements
 *
---------------------- */


/*inner wrap */
 .dsg-element .dsg-module-innerwrap {
    background: none repeat scroll 0 0 #F2F2F2;
    color: #444444;
    display: block;
    font-size: 17px;
    margin-top: 90px;
    overflow: auto;

    padding: 25px 25px 25px 25px;
	position:relative;
}



 .dsg-element .dsg-module-innerwrap h3 {
    font-size: 18px;
	font-family: Tahoma,Georgia,Arial,Helvetica,Verdana,sans-serif;
 }



 /* Platzierung von Elementen */

  .dsg-element .dsg-module-innerwrap-top {

  }


 .dsg-module-innerwrap-top-left {
	display: inline-block;
    width: 80%;
	overflow: auto;
 }

  #dsg-settings-languages .dsg-module-innerwrap-top-left,
  #dsg-settings-project-wrap .dsg-module-innerwrap-top-left {

	width: 100%;

 }



  .dsg-module-innerwrap-top-right {

	padding: 0 5px 5px 0;
	float: right;
	overflow: auto;

  }


  /* Ja-Button */
   .dsg-element .dsg-module-button-yesno {
    width: 130px;
    height: 130px;
    font-size: 35px;
    font-weight: normal;
    color: #555;
	border-radius: 3px;
}

  /* Öffnen-von-Optionen-Button unter dem Ja-Button*/
   .dsg-element .dsg-module-button-show-options {
	 margin-top:15px;
	 font-size:15px;
	text-align: center;
	cursor: pointer;
	width: 129px;
   }










  /* Optionen */
 .dsg-module .dsg-module-innerwrap-options {
	cursor: pointer;
    display: none;
	overflow: auto;
	margin: 30px 0;
	width: 80%;
}
 .dsg-module .dsg-module-innerwrap-options.active {
    display: block !important;
}

 .dsg-module .dsg-module-innerwrap-options-info {

     margin-bottom: 45px;
 }


 .dsg-module .dsg-module-option {
    margin: 0px 30px 30px 0;
    padding: 15px 0;
    display: inline-block;
	font-size:15px;
	height: 150px;
    width: 150px;
	text-align:center;
	word-wrap: break-word;
	float:left;
	font-weight: 300;
display: flex;
    justify-content: center;
    align-items: center;
 }

  /* Buttons im Footer */
 .dsg-module .dsg-module-innerwrap-buttons {
	position: absolute;
    bottom: 15px;

 }

 .dsg-module .dsg-module-innerwrap-buttons input {
	margin: 30px 30px 15px 0;
  	border-width: 2px;
	border-style: solid;
	border-radius: 5px;
	color: #000;
	cursor: pointer;
    float: left;
 }


/* Inhaltsbereich im Modul*/

  .dsg-module .dsg-module-innerwrap-contents {

	     padding-bottom: 90px;
 }



 /* Slider */

 .dsg-module .dsg-module-slider {
	display:none;
	/* background: none repeat scroll 0 0 #d5ecf4;*/
    /* border: 1px solid #DDDDDD; */
    margin-top: 10px;
    padding: 45px;
    /*padding-right: 30%;*/

 }










/* ====================================================================*/


/*------------------- END PRE 03 2019 ------------ */

/* ====================================================================*/





 /*------------------
 *
 *   Le Responisveness
 *
---------------------- */

@media all and (max-width: 1300px) and (min-width: 1325px) {
	#greeting #canvas {
		width: 100% !important;
	}
}



@media all and (max-width: 1324px) and (min-width: 1200px) {
	#greeting #canvas {
width: 79% !important;
    height: 45% !important;
    top: 16% !important;
	}

	.dsg-testimonials .dsg-ref.intro {
		line-height: 1.3;
		font-size:11px;
	}


	#greeting .genie {
		background-position: center -74px !important;
		background-size: 164% !important;
	}


}

@media all and (max-width: 1199px) and (min-width: 1000px) {

	#greeting #canvas {
width: 90% !important;
    height: 35% !important;
    top: 21% !important;
    margin-left: 2px !important;
	}


	#greeting .genie {
		background-position: center -36px !important;
		background-size: 205% !important;
	}


	.dsg-element-group-grid .group-title {
    font-size: 16px!important;
	line-height: 1.3!important;
	}

	.dsg-testimonials .dsg-ref.intro {
		line-height: 1.3;
		font-size:11px;
	}

}


@media all and (max-width: 999px) and (min-width: 900px) {
	#greeting #canvas {
width: 123% !important;
    height: 42% !important;
    top: 9% !important;
	}

	.dsg-testimonials .dsg-ref.intro {
		line-height: 1.2;
		font-size:11px;
	}

	#greeting #infotext {
		font-size:13px;
	}

	#greeting #infotext {
		padding-left: 0;
		background-image: none;
		margin-bottom: 0s;
	}

	#greeting .genie {
		background-position: center -36px !important;
		background-size: 203% !important;
	}


	.dsg-element-group-grid .group-title {
    font-size: 16px!important;
	line-height: 1.3!important;
	}

}

@media all and (max-width: 899px) and (min-width: 810px) {
	#greeting {
		grid-gap: 10px;
	}

	#greeting #canvas {
	width: 107% !important;
    height: 36% !important;
    top: 11% !important;
	}

	#greeting .genie {
		background-position: center -36px !important;
		background-size: 205% !important;
	}

	.dsg-testimonials .dsg-ref.intro {
		line-height: 1.2;
		font-size:11px;
	}

	#greeting #infotext {
		padding-left: 0;
		background-image: none;
		margin-bottom: 0s;
	}


	.post-166 .entry-content, .post-169 .entry-content, .post-2389 .entry-content, .post-3882 .entry-content {	padding-right: 0 !important;	background-image:none !important; }

	#greeting #infotext {
		font-size:12px;
	}

	.dsg-element-group-grid .group-title {
    font-size: 16px!important;
	line-height: 1.3!important;
	}

	.dsg-out-generate-button-wrap {
		grid-template-columns: 100px 1fr !important;
		margin: 0 !important;
    margin-top: 42px !important;
	}
	.dsg-out-generate-button-wrap #dsg-out-generate-button-image {
		display:none;
	}

	.dsg-out-generate-button-wrap #dsg-out-generate-button-main {
		width:100%;
	}

	.dsg-generate-domain-entry {
		max-width: 100% !important;
		margin-left:100px !important;
	}


	.dsg-generate-domain-entry input {
		width: 100% !important;
	}

}

@media all and (max-width: 809px) and (min-width: 51px) {

	#main {    padding: 20px 15px !important; }

	#content {
    padding: 0 0% !important;
	}

	.single-post #content{
    padding: 0 5%;
	}

	#greeting .genie {
		background-size: contain !important;
	}
	#greeting #canvas {
    width: 43% !important;
    height: 69% !important;
    top: 9% !important;
    opacity: 0.5 !important;
    max-width: 174px!important;
    min-width: 159px !important;
    margin-left: 5px;
	}

	#greeting {
		display: grid;
		    grid-template-rows: 250px minmax(min-content, max-content) !Important;
			    grid-template-columns: 100%!important;
		grid-gap: 4px !important;
		width: 100% !important;
		margin-top:-25px !important;
    min-height: 100% !important;
    margin-bottom: 24px !important;
		    margin-left: 0 !important;
	}

	#greeting .text {
		grid-area: 2 / 1 / 3 / 1 !important;
		/*max-width: 400px;*/
	}

	#greeting .text h1 {
		margin-bottom: 16px !important;
	}

	#greeting .text li {
		margin: 15px 0 !important;
	}

	#greeting .image {

		grid-area: 1 / 1 / 1 /1 !important;
		/*max-width: 400px;*/
	}

	#greeting .genie {
background-position: center -21px !important;
    background-size: contain !important;
	}

	#greeting .text .dsg-shop-welcome-signature {
		margin: 24px 0 0!important;
	}

	#greeting .text .dsg-shop-welcome-signature em{
		margin: 10px 0 0!important;
	}

	#greeting #infotext {
		padding-left: 0;
		background-image: none;
		margin: 0 0 0 0;
	}

	#greeting #infotext {
		margin: 42px 0 32px 0;
	}


	.dsg-testimonials {
display: block !important;
    margin: 0px 0 0px 0!important;
    min-height: 81px!important;
	height: max-content!important;
	}

.dsg-testimonials .dsg-ref.intro {
		width: 100% !important;
	}

	.dsg-testimonials .dsg-ref {
		background-size: contain !important;
		width: 54px !important;
		height: 32px !important;
		margin: 0px 5px !important;
		display: inline-block !important;
	}

	h2.divider-heading.divider-first,
	h2.divider-heading {
margin: 27px 0 0 0 !important;
    padding: 0 10px !important;
	font-size: 19px !important;
	min-height: min-content;
	}



	#dsg-categories-boxes-wrap {
margin: 39px 0 0 0 !important;
	}




	.content-block-main-hinweis-small {
    margin-left: 0px;
	}


	.content-block {
    grid-template-rows: 175px 1fr !important;
    grid-template-columns: 1fr !important;
    grid-gap: 0 !important;

	}


	.content-block .image {
    grid-area: 1 / 1 / 2 / 1 !important;
	 background-size: contain !important;
	}

	.content-block .text {
        grid-area: 2 / 1 / 3 /1 !important;
	}



	.dsg-element-group-grid .group-title {
    padding-left: 10px!important;
    font-size: 14px!important;
	line-height: 1.2!important;
	}

	.group-wrap {
	margin: 10px 0 60px 0 !important;
	}

	.dsg-generator-module-grid .module-question, .dsg-element-module-grid .module-question {
	font-weight: normal !important;;
    width: 100%!important;
	margin-bottom: 10px !important;
	}


	.dsg-module .dsg-module-textarea-content {
		width:100% !important;
	}

	#dsg-settings-licensecheck {
	    display: block!important;
	}

	.dsg-module #dsg-module-innerwrap-fileupload input[type="file"].premium-input,
	#dsg-settings-licensecheck input,
	#dsg-settings-project	{
    min-width: 100% !important;
    width: 100% !important;
	margin-right: 0 !important;
	}

	#dsg-module-innerwrap-fileupload {
		margin-right:0 !important;
	}


	#dsg-settings-licensecheck .dsg-button {

		    margin-top: 15px;
	}


	.dsg-module #dsg-module-innerwrap-fileupload input[type="button"],
	#dsg-settings-licensecheck .dsg-button {
    margin-top: 15px !important;
    width: 100% !important;
    /* text-align: center; */
    display: flex;
    justify-content: center;
    align-items: center;
	}


	#dsg-module-innerwrap-fileupload form {
    display: block;
}

	.dsg-element-option {
		width: 130px !important;
		height: 130px !important;
		line-height: 1.4 !important;
		font-size: 14px;
	}

	.dsg-module-preview, .dsg-out-generate-text-main {
		padding: 0 35px 0 !important;
	}

	.dsg-module-info-block {
		background-image: none !important;

	}

	.dsg-module-info-show {
		padding-right: 0 !important;

	}



	#dsg-out-generate-check-terms {
	min-height: 100% !important;
    margin: 30px 0 45px 0px !important;
	}


	.dsg-out-generate-button-wrap {
		grid-template-columns: 1fr !important;
		margin: 0 !important;
    margin-top: 42px !important;
	}
	.dsg-out-generate-button-wrap #dsg-out-generate-button-image {
		display:none;
	}

	.dsg-out-generate-button-wrap #dsg-out-generate-button-main {
		width:100%;
	}


	#dsg-out-generate-button-main {
		grid-area: 1 / 2 / 1 / 1 !important;
	}
	.dsg-out-generate-button {
		max-width:100% !important;
	}

	.dsg-generate-domain-entry {
		    max-width: 100% !important;
		margin-left:0px !important;
		margin-bottom: 55px !important;
	}
	.dsg-generate-domain-entry input {
		width: 100% !important;
	}

	#dsg-out-generate-button-image{
		    background-position: center 9% !important;
	}

	#dsg-out-generate-button-main {

	}

	#dsg-out-generate-haftung-main {
display: grid !important;
    grid-template-columns: 100% !important;
    grid-template-rows: 125px minmax(max-content) minmax(max-content) !important;
    grid-template-areas: ". ." !important;
margin: 0px 0 45px 0 !important;
	}

	#dsg-out-generate-haftung-main-img-1 {
	    grid-area: 1 / 1 / 2 /2 !important;
		background-position: center center !important;
	}

	#dsg-out-generate-haftung-main-text-1 {
	    grid-area: 2 / 1 / 3 /2 !important;
	}

	#dsg-out-generate-haftung-main-text-2 {
	    grid-area:3 / 1 / 4 /1 !important
	}


	#dsg-out-generate-output-wrap {
		margin-top: 45px !important;

	}

	.dsg-out-generate-error-messages	{
grid-template-columns: 100% !important;
    grid-template-rows: 0 minmax(min-content, min-content) minmax(min-content, min-content) !important;
	}


	.dsg-out-generate-error-messages.no-errors{
		margin: 0 !important;
	}

.dsg-out-generate-error-messages.no-errors p {
    margin: 0 !important;
}

	.dsg-out-generate-error-messages-img-1 {
grid-area: 1 / 1 / 2 /2 !important;
    background-size: contain !important;
    background-position: center !important;
	}

	.dsg-out-generate-error-messages .text.text-1 {
		    grid-area: 2 / 1 / 3 / 2 !important;
	}
	.dsg-out-generate-error-messages .text.text-2 {
		    grid-area: 3 / 1 / 4 / 2 !important;
	}
	.dsg-out-generate-error-messages .text.text-3 {
		grid-area: 2 / 1 / 3 / 2 !important;
	}
	.dsg-out-generate-error-messages .text.text-3 {
	min-height: auto !important;
    justify-content: center !important;

	}

	.dsg-generate-heading-button {
	 margin: 0px 0 22px 0px !important;
	 grid-template-columns: 55px 1fr !important;
	 }

	.generate-heading-title {
		margin: 10px 0 0 10px !important;
	    font-size: 14px !important;
    text-align: left !important;
    padding: 10px 10px !important;

	 }



#dsg-out-generate-download {
    margin-left: 0 !important;
}

#dsg-out-generate-download p.delete-info {
    margin: 30px 0 30px !important;
}

#dsg-out-generate-download p.delete-info strong {
    font-weight:400px;
}


.dsg-out-generate-text-main {
margin: 0 0 0 0 !important;
}


.dsg-out-generate-clipboard-wrap.bottom {
    margin-top: 45px !important;
    width: 100% !important;
}


.dsg-element .dsg-out-generate-clipboard-button {
	    width: 100% !important;
    margin-left: 0px !important;

}


.dsg-generate-thankyou-content {
	    margin: 0 !important;

}

.dsg-generate-heading-button.dsg-generate-social {
margin: 10px 0 45px !important;
    grid-template-columns: 100% !important;


}

.dsg-generate-social .generate-heading-image {
	display: none !important;

}

.dsg-generate-social .generate-heading-title {
 grid-area: 1 / 1 / 2 / 2 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
}

.dsg-generate-social .generate-heading-list {
	grid-area: 2 / 1 / 3 / 2 !important;
}


.dsg-generate-heading-button.dsg-generate-social a {
	    width: 35px !important;
    height: 35px !important;
}



/*---*/

.post-166 .entry-content, .post-169 .entry-content, .post-2389 .entry-content, .post-3882 .entry-content {	padding-right: 0 !important;	background-image:none !important; }


.page-id-4106 .entry-content, /* DSE */
.page-id-4069 .entry-content, /* Impressum*/
.woocommerce-page .product .entry-content {
    background-image: none!important;
    padding-right: 0!important;
}



} /*Media ende*/



/*
Newsletter
*/



#dsg-generate-newsletter { /*Regulär im Generator, unsichtbar */
    display: none;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: ". .";
    /* width: 80%; */
    margin: 60px 0 0 125px;
    border-radius: 0px;
    background-size: contain;
    min-height: 316px;
    background-repeat: no-repeat;
}


#dsg-generate-newsletter.active {
	display: grid;
}

#dsg-generate-newsletter-left {
    grid-area: 1 / 1 / 1 /1;
    /* display: flex; */
    min-height: 60px;
    margin: 0;
    padding-right: 30px;
    justify-content: center;
    align-items: center;
    grid-column-gap: 58px;
    font-size: 15px;
}
#dsg-generate-newsletter-left .title {
    font-weight: 400;
}

#dsg-generate-newsletter-left input {
	    min-width: 275px;

}

#dsg-generate-newsletter-left .submit-wrap input {
	background-color: #2e87c9;
    border: 3px solid #2e87c9;
	color: #fff;
    border-radius: 0;
    font-size: 16px;
    font-weight: 600;
    padding: .8em;
    -webkit-font-smoothing: unset;
    transition: .3s all ease;
    text-decoration: none;
}

#dsg-generate-newsletter-right {
	grid-area: 1 / 2 / 1 /3;
	background-image:url(https://datenschutz-generator.de/wp-content/uploads/2021/09/datenschutz-generator-nl-logo_website_2021_09_10_800.jpg);
	background-repeat:no-repeat;
	background-size: contain;
background-position: center 1em;
}


@media all and (max-width: 950px) and (min-width: 5px) {

	#dsg-generate-newsletter-left {
    grid-area: 2 / 1 / 3 / 3;
	}


	#dsg-generate-newsletter-right {
		grid-area: 1 / 1 / 2 /3;
		height: 207px;
		margin: 10px auto 26px;
max-width: 500px;
    width: 100%;
	}

	.dsg-generator-visible #dsg-generate-newsletter {
    margin: 54px auto;
    padding: 0 15px;
	}
}

@media all and (max-width: 500px) and (min-width: 5px) {

	#dsg-generate-newsletter-right {
		height: 163px;
	}
}

:root {
    --dsg-color-lightblue: #d9f4ff;
    --dsg-color-blue: #c5dee8;
    --dsg-color-blue-hover: #4090d6;
    --dsg-color-blue-active: #4090d6;
    --dsg-color-blue-border: #4090d6;
    --dsg-color-blue-border-hover: #4090d6;
    --dsg-color-blue-j-dark: #196694;
    --dsg-color-blue-j-normal: #0f70b7;
    --dsg-color-blue-j-light: #2e87c9;
    --dsg-color-green-j-dark: #1a6594;
    --dsg-color-green-j-normal: #64b762;
    --dsg-color-green-j-light: #b1dbb0;
    --dsg-color-yellow-j-dark: #d8c30c;
    --dsg-color-yellow-j-normal: #e7cf08;
    --dsg-color-yellow-j-light: #ffed00;
    --dsg-color-green: #c5e8c7;
    --dsg-color-green-hover: #afe0b2;
    --dsg-color-green-grey: #cfdccf;
    --dsg-color-green-grey-hover: #b0e4af;
    --dsg-color-green-active: #63b861;
    --dsg-color-green-j-normal: #66ab64;
    --dsg-color-green-font-active: #fff;
    --dsg-color-lightgreen: #e2ece2;
    --dsg-color-lightgreen-hover: #b6e7b5;
    --dsg-color-lightgreen-border: #dee4de;
    --dsg-color-lightgreen-border-hover: #b0e4af;
    --dsg-color-lightgreen-active: #63b861;
    --dsg-color-lightgreen-border-active: #66ab64;
    --dsg-color-lightgreen-font-active: #fff;
    --dsg-color-red-j-light: #ec8258;
    --dsg-color-red-j-normal: #d57048;
    --dsg-color-red-j-dark: #bc6441;
    --dsg-color-red: #d64f48;
    --dsg-color-pink: #f3a2aa;
    --dsg-color-lightpink: #fde9eb;
    --dsg-color-lightpink-border: #ffeaec;
    --dsg-color-yellow: #ffee02;
    --dsg-color-lightyellow: #fffab1;
    --dsg-color-lightyellow2: #fffdde;
    --dsg-color-orange: #ffee02;
    --dsg-color-lightorange: #ffa129;
    --dsg-color-orange-dark: #ff9300;
    --dsg-color-orange-dark2: #f28028;
    --dsg-color-strongyellow: #d8c30c;
    --dsg-color-orange: #ffb802;
    --dsg-color-orange2: #f77b58d9;
    --dsg-color-lightorange: #f5d88d;
    --dsg-color-grey1: #bbb;
    --dsg-color-grey2: #f2f2f2;
    --dsg-color-grey3: #9e9e9e;
    --dsg-color-grey4: #f9f9f9;
    --dsg-color-grey5: #aaa;
    --dsg-color-grey6: #8c8c8c;
    --dsg-color-grey7: #444;
    --dsg-color-grey7: #949494;
    --dsg-color-grey8: #dadada;
    --dsg-color-grey9: #F5F5F5;
    --dsg-color-violett: #d4b1ff;
    --dsg-color-cyan-dark: #0fa5a5;
    --dsg-color-font: #41484d
}

.debug {
    display: none
}

body:not(".admin-bar") .dsg_bwurlchk_form_wrap {
    display: none
}

body:not(".admin-bar") #dsg-settings-urlscan-admin {
    display: none
}

#dsg-out-generate-download p.pdf-help {
    display: none
}

.admin-bar #dsg-out-generate-download p.pdf-help {
    display: block
}

.atomion-button-actions pre {
    display: none
}

.dsg-godark:before {
    position: relative
}

.dsg-godark:before {
    content: '.';
    width: 0;
    height: 0;
    z-index: 100;
    display: :block;
    position: absolute;
    background-color: #000;
    top: 0;
    left: 0;
    animation: dsg-godark 5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards
}

@keyframes dsg-godark {
    99% {
        width: 0;
        height: 0
    }

    100% {
        width: 100%;
        height: 100%
    }
}

.dsg-out-group-search-main-all {
    display: none
}

.admin-bar .dsg-out-group-search-main-all22222222222 {
    display: block
}

.woocommerce-account li.header-menu-myaccount a {
    text-decoration: none
}

.nav-hover-1 [id*=primary-menu].menu>li.header-menu-myaccount>a:after,.nav-hover-1 [id*=primary-menu].menu>li.header-menu-myaccount:hover>a:after {
    display: none!important
}

.dsg4 .dsgf-mltinpt-wrap,.dsg4 .dsgf-mltinpt-button {
    display: none
}

.dsg4 .dsg-module.dsgusmo-dontshow {
    display: none
}

div.ui-tooltip {
    background: var(--dsg-color-lightyellow);
    padding: 10px 20px;
    font-size: 13px !Important;
    width: max-content;
    min-width: 200px;
    max-width: 500px;
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 996
}

body #header,body .stuck {
    z-index: 98
}

body.woocommerce-checkout {
    background: #fff
}

#preloader,#dsg-drpld .cover,.dsg-drpld-cover {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    color: #fff;
    opacity: .8;
    z-index: 99
}

#dsg-drpld-area-wrap {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center
}

#dsg-drpld-area-wrap div {
    width: 45%;
    padding: 38px;
    font-size: 16px;
    display: flex;
    min-height: 200px;
    font-weight: 600;
    background-color: var(--dsg-color-grey2);
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #666
}

#dsg-drpld-area-wrap div.active,#dsg-drpld-area-wrap div:hover {
    background-color: var(--dsg-color-green-grey-hover);
    color: var(--dsg-color-font)
}

#dsg-drpld.dsg-drpld-trans h4 {
    text-align: center;
    margin: -41px 0 2px 0;
    width: 100%;
    font-size: 21px
}

#dsg-drpld.dsg-drpld-trans p {
    text-align: center;
    width: 100%
}

#preloader .status {
    width: 90%;
    min-width: 100px;
    max-width: 200px;
    height: 400px;
    position: relative;
    top: 30%;
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-animated-gear-yellow.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 36%;
    margin: 0 auto;
    text-align: center;
    padding: 300px 10px 0 10px;
    font-size: 25px;
    color: #fcee30;
    width: 100%;
    max-width: 500px
}

#dsg-prg-redirform {
    display: none
}

.dsg-prg-link {
    cursor: pointer
}

body.dsg-generator-webapp:not(.dsg6) #content {
    opacity: .6;
    filter: gray;
    -webkit-filter: grayscale(100%)
}

body.dsg-generator-webapp #masthead li.menu-item,body.dsg-generator-webapp #masthead div.cart-item {
    display: none!important;
    opacity: 0
}

body.dsg-generator-webapp .dsg-lazy-load-wrap {
    opacity: 0
}

body.dsg-generator-visible.dsg-generator-webapp #content,body.dsg-generator-visible.dsg-generator-webapp .dsg-lazy-load-wrap {
    opacity: 1;
    filter: none;
    -webkit-filter: grayscale(0%)
}

.dsg-generator .entry-content {
    margin: 0
}

#dsg-lazy-load-wrap-1 {
    margin-top: 0
}

#dsg-projects-loading-lp {
    display: flex;
    height: 100%;
    width: 100%;
    min-height: 3s00px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 50px
}

#dsg-projects-loading-lp .loading-icon {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-104-01.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 100px;
    width: 100%;
    margin-top: 21px
}

#dsg-projects-loading-lp.reloading .loading-icon {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-99.svg)
}

@media all and (max-width: 800px) and (min-width:651px) {
    #dsg-lazy-load-wrap-1 {
        margin-top:70px
    }
}

@media all and (max-width: 500px) and (min-width:1px) {
    body:not(.dsg-generator-visible) p {
        font-size:1.4em
    }
}

@media all and (max-width: 500px) and (min-width:1px) {
    .woocommerce-product-details__short-description p {
        font-size:inherit!important
    }
}

.dsg-butons-start-box {
    display: grid;
    grid-template-rows: repeat(4,minmax(min-content,max-content));
    grid-gap: 10px 50px;
    margin: 65px auto 65px;
    width: 100%;
    max-width: 935px;
    foont-size: 14px
}

.dsg-butons-start-box.one-col {
    grid-template-columns: 1fr
}

.dsg-butons-start-box.two-col {
    grid-template-columns: repeat(2,minmax(min-content,50%))
}

.dsg-butons-start-box.two-col .col1.title {
    grid-area: 1 / 1 / 2 / 2
}

.dsg-butons-start-box.two-col .col2.title {
    grid-area: 1 / 2 / 2 / 3
}

.dsg-butons-start-box.one-col .col2.title {
    grid-area: 1 / 1 / 2 / 3
}

.dsg-butons-start-box .title {
    padding: 10px 20px;
    background-color: var(--dsg-color-green-j-normal);
    color: #fff;
    font-size: 19px;
    font-weight: 100;
    border-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    position: relative;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

.dsg-butons-start-box .col2.title {
    background-color: var(--dsg-color-orange-dark2);
    padding-right: 75px
}

.dsg-butons-start-box .col2.title .price {
    display: inline-block;
    margin-left: 5px
}

.dsg-butons-start-box .col2.title .price a {
    color: #fff
}

.dsg-butons-start-box .col2.title .price a:hover {
    text-decoration: underline
}

.dsg-butons-start-box .col2.title .seal {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/seals/dsg-icons-Siegel-Formular-D-weiss.svg);
    width: 120px;
    height: 120px;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    margin: 0;
    top: -45px;
    right: -34px
}

.dsg-butons-start-box .col2.title .seal.dse {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/seals/dsg-icons-Siegel-D-weiss.svg)
}

.dsg-butons-start-box.two-col .col1.intro {
    grid-area: 2 / 1 / 3 / 2
}

.dsg-butons-start-box.two-col .col2.intro {
    grid-area: 2 / 2 / 3 / 3
}

.dsg-butons-start-box.one-col .col2.intro {
    grid-area: 2 / 1 / 3 / 3
}

.dsg-butons-start-box .intro {
    padding: 0 20px;
    display: flex;
    align-items: center;
    font-size: 14px
}

.dsg-butons-start-box.two-col .col1.list {
    grid-area: 3 / 1 / 4 / 2
}

.dsg-butons-start-box.two-col .col2.list {
    grid-area: 3 / 2 / 4 / 3
}

.dsg-butons-start-box.one-col .col2.list {
    grid-area: 3 / 1 / 4 / 3
}

.dsg-butons-start-box .list div {
    font-size: 14px;
    position: relative;
    padding: 9px 15px 9px 55px;
    font-weight: 600
}

.dsg-butons-start-box .list div:nth-child(odd) {
    background-color: var(--dsg-color-grey2)
}

.dsg-butons-start-box .list div:before {
    content: "\f00c";
    color: var(--dsg-color-green-j-normal);
    padding-top: 11px;
    padding-left: 22px;
    font-family: Font Awesome\ 5 Free;
    font-size: 17px;
    font-weight: 900;
    font-family: Font Awesome\ 5 Free;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1.3;
    position: absolute;
    top: 0;
    left: 0
}

.dsg-butons-start-box.two-col .col1.button {
    grid-area: 4 / 1 / 5 / 2;
    background-color: var(--dsg-color-grey2)
}

.dsg-butons-start-box.two-col .col2.button {
    grid-area: 4 / 2 / 5 / 3;
    background-color: var(--dsg-color-grey2)
}

.dsg-butons-start-box.one-col .col2.button {
    grid-area: 4 / 1 / 5 / 3;
    background-color: var(--dsg-color-grey2)
}

.dsg-butons-start-box .button {
    padding: 20px 20px;
    background-color: var(--dsg-color-grey2)
}

@media all and (max-width: 650px) and (min-width:1px) {
    .dsg-butons-start-box.two-col {
        grid-template-rows:repeat(8,minmax(min-content,max-content));
        grid-template-columns: repeat(1,minmax(min-content,max-content))
    }

    .dsg-butons-start-box.two-col .col2.title {
        grid-area: 5 / 1 / 6 / 2;
        margin-top: 70px;
        padding-right: 85px
    }

    .dsg-butons-start-box.two-col .col2.title .seal {
        top: -24px;
        right: -6px;
        width: 90px;
        height: 90px
    }

    .dsg-butons-start-box.two-col .col2.intro {
        grid-area: 6 / 1 / 7 / 2
    }

    .dsg-butons-start-box.two-col .col2.list {
        grid-area: 7 / 1 / 8 / 2
    }

    .dsg-butons-start-box.two-col .col2.button {
        grid-area: 8 / 1 / 9 / 2
    }
}

@media all and (max-width: 700px) and (min-width:1px) {
    .dsg-butons-start-box .col2.title {
        padding-right:85px
    }

    .dsg-butons-start-box .col2.title .seal {
        top: -32px;
        right: 1px;
        width: 90px;
        height: 90px
    }
}

.dsg-button.dsg-lazy-load-button {
    background-color: var(--dsg-color-green-j-normal);
    color: #fff;
    box-shadow: none;
    padding: 20px 20px;
    font-size: 20px;
    text-align: center;
    display: flex;
    justify-content: center;
    min-height: 100%
}

.dsg-button.dsg-lazy-load-button.inactive {
    background-color: var(--dsg-color-grey5);
    cursor: default
}

.dsg-button.dsg-lazy-load-button.loading,.dsg-button.dsg-lazy-load-button.ready:hover {
    background-color: var(--dsg-color-orange-dark)
}

.dsg-lazy-load-button.free {
    grid-area: 1 / 1 / 1 / 2;
    background: rgb(100,150,99);
    background: linear-gradient(0deg,rgba(97,152,96,1) 0%,rgba(102,171,100,1) 50%,rgba(97,152,96,1) 100%)
}

.dsg-lazy-load-button.premium {
    grid-area: 1 / 2 / 1 / 3;
    background: rgb(224,122,43);
    background: linear-gradient(0deg,rgba(224,122,43,1) 0%,rgba(242,128,40,1) 50%,rgba(224,122,43,1) 100%)
}

#dsg-lazy-load-wrap-content {
    display: none
}

#dsg-lazy-load-button.dsg-out-generate-button-wrap {
    cursor: pointer
}

#dsg-lazy-load-button #dsg-lazy-load-main:hover,#dsg-lazy-load-button.loading #dsg-lazy-load-main {
    color: #fff;
    background: var(--dsg-color-green-j-normal);
    cursor: pointer
}

.dsg-lazy-load-button.loading .preloader {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-animated-gear-white.svg);
    height: 30px;
    width: 30px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    margin-left: 10px
}

@media print {
    #comments.comments-area,#colophon.site-footer,.BorlabsCookie {
        display: none
    }

    .stuck {
        position: absolute
    }
}

.entry-content .img-border-grey {
    display: block;
    border: 1px solid #ccc
}

.logged-in #dslc-module-7c4ed69b6ba .dslc-image {
    background: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/images/logo-dsg-logo.png);
    background-repeat: no-repeat;
    background-size: background-size:90%
}

#dslc-module-7c4ed69b6ba .dslc-image img {
    opacity: 0
}

#dslc-module-d9298a99edb {
    margin-top: 14px
}

.logged-in.admin-bar #dsg-out-generate-download .dsg-file-download.doc.debug {
    display: block!important
}

.logged-in.admin-bar #dsg-out-generate-download .dsg-file-download.doc.debug {
    display: block!important
}

.dslc-code-empty-title {
    display: none
}

:focus {
    outline: 0
}

h1,h2,h3,h4,h5,h6,.h2,.highlights figcaption,.wp-block-atomion-block-icon-box span,#content .atomion-big-headline,[class^="wp-block-woocommerce"] ul.products li .atomion-woocommerce-product-category,.blog .entry-title,.post-title {
    font-family: sans-serif!important
}

h2.divider-heading {
    clear: both;
    background: var(--dsg-color-yellow-j-normal);
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    height: 70px;
    margin: 58px 0 57px 0;
    display: flex;
    border-radius: 0;
    align-items: center;
    padding: 0 20px;
    line-height: 1.3
}

.dsg-premium-premium #dsg-search-output-wrap-main+h2.divider-heading {
    margin-top: 6px
}

.dsg4.dsg-premium-free h2.divider-heading#schnellauswahlarea {
    margin: 0 0 57px 0
}

@media all and (max-width: 680px) and (min-width:51px) {
    .dsg4 h2.divider-heading.divider-first,.dsg4 h2.divider-heading {
        margin:14px 0 15px 0!important
    }

    .dsg4 h2.divider-heading#generatearea {
        margin: 50px 0 50px!important
    }
}

.dsg-generator-running h2#premiumarea.divider-heading {
    margin-top: 0
}

h2.divider-heading.divider-first {
    margin-top: 75px
}

.post .entry-content .dsgf-h2boxcyan:is(h2,h3),.post .entry-content .dsgf-h2boxred:is(h2,h3),.post .entry-content .dsgf-h2boxblue:is(h2,h3),.post .entry-content .dsgf-h2boxgrey:is(h2,h3),.post .entry-content .dsgf-h2boxgreen:is(h2,h3) {
    color: #fff;
    padding: 90px 15px 15px 15px;
    border-radius: 2px;
    font-size: 22px!important;
    margin-top: 10px;
    line-height: 1.3!important
}

.post .entry-content h3:is(.dsgf-h2boxblue,.dsgf-h2boxred):after {
    display: none!important
}

.post .entry-content .dsgf-h2boxcyan:is(h2,h3),.post .entry-content .dsgf-h2boxcyan:is(h2,h3) a,.post .entry-content .dsgf-h2boxblue:is(h2,h3),.post .entry-content .dsgf-h2boxblue:is(h2,h3) a,.post .entry-content .dsgf-h2boxred:is(h2,h3),.post .entry-content .dsgf-h2boxred:is(h2,h3) a,.post .entry-content .dsgf-h2boxgrey:is(h2,h3),.post .entry-content .dsgf-h2boxgrey:is(h2,h3) a,.post .entry-content .dsgf-h2boxgreen:is(h2,h3),.post .entry-content .dsgf-h2boxgreen:is(h2,h3) a {
    color: #fff
}

.post .entry-content .dsgf-h2boxcyan:is(h2,h3) {
    background-color: var(--dsg-color-cyan-dark)
}

.post .entry-content .dsgf-h2boxblue:is(h2,h3) {
    background-color: #2e87c9
}

.post .entry-content .dsgf-h2boxred:is(h2,h3) {
    background-color: var(--dsg-color-red)
}

.post .entry-content .dsgf-h2boxgreen:is(h2,h3) {
    background-color: var(--dsg-color-green-j-normal)
}

.post .entry-content .dsgf-h2boxgrey:is(h2,h3) {
    background-color: var(--dsg-color-grey6)
}

body b,body strong {
    font-weight: 600
}

.hidden {
    display: none
}

.hidden-important,.hidden-premium,.dsg-element-option.hidden-important,.dsg-element-option.hidden-premium {
    display: none!important
}

.dsg-module-parent.dsgf-module-hidden,.dsg-element-option.dsgf-module-hidden {
    display: none!important
}

.dsgf-module-hidden-inactive:not(.active) {
    display: none!important
}

body:not(.dsg6) .dsg-group.group-hidden {
    display: none!important
}

body.admin-bar:not(.dsg6) .dsg-group.group-hidden {
    display: grid!important
}

.clear {
    clear: both
}

.block {
    display: block!important
}

.dsg-boxshadow {
    box-shadow: 5px 5px 0 0 var(--dsg-color-grey1)
}

.dsg-bg-hover-yellow:hover {
    background-color: var(--dsg-color-lightyellow2)
}

.green,.green p {
    color: var(--dsg-color-green-j-normal)
}

.red,.red p {
    color: var(--dsg-color-red)
}

.orange,.orange p {
    color: var(--dsg-color-orange-dark)
}

.dsg-grey,.dsg-grey p {
    color: var(--dsg-color-grey3)
}

.dsg-silver-bg {
    background: rgb(224,224,224);
    background: linear-gradient(90deg,rgba(224,224,224,1) 0%,rgba(253,253,253,1) 50%,rgba(224,224,224,1) 100%);
    background-repeat: no-repeat;
    background-size: contain!important
}

.dsg-highlight-red {
    background-color: #ffe1e4;
    padding: 2px
}

.dsg-highlight-red {
    background-color: var(--dsg-color-lightpink);
    padding: 0 3px
}

.dsg-highlight-yellow {
    background-color: var(--dsg-color-lightyellow);
    padding: 0 2px
}

.entry-content a {
    color: #2e87c9
}

.entry-content blockquote,.entry-content blockquote>p,#comments blockquote,#comments blockquote>p {
    font-size: 1em;
    font-style: italic
}

@media all and (max-width: 500px) and (min-width:1px) {
    .entry-content blockquote,.entry-content blockquote>p,#comments blockquote,#comments blockquote>p {
        font-size:1.2em;
        padding: 30px 0;
        margin: 0
    }
}

.entry-content .dsg-blog-info,.entry-content .dsg-blog-checklist {
    background: #f9f9f9;
    padding: 15px 35px
}

.dsg-text-left {
    text-align: left !Important
}

.dsg-max-width-50 {
    max-width: 50px!important
}

.dsg-max-width-75 {
    max-width: 75px!important
}

.dsg-max-width-100 {
    max-width: 100px!important
}

.dsg-max-width-150 {
    max-width: 150px!important
}

.dsg-max-width-200 {
    max-width: 200px!important
}

.dsg-max-width-250 {
    max-width: 250px!important
}

.dsg-max-width-500 {
    max-width: 250px!important
}

.dsg-max-width-max-content {
    max-width: max-content;
    !important}

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

.dsg-margin-right-15 {
    margin-right: 15px!important
}

.dsg-margin-left-15 {
    margin-left: 15px!important
}

.margin-top-15 {
    margin-top: 15px!important
}

.margin-top-30 {
    margin-top: 30px!important
}

.margin-bottom-15 {
    margin-bottom: 15px!important
}

.margin-bottom-30 {
    margin-bottom: 30px!important
}

#header .main-navigation .sub-menu li.menu-item.current_page_item a,#header .main-navigation .sub-menu li.menu-item.current-menu-item a {
    background-color: #2e87c9;
    color: #fff!important
}

.dsg-projects-message-main {
    width: max-content;
    width: 100%;
    max-width: 900px;
    padding: 30px;
    background-color: #fff;
    margin: 20px auto;
    background-color: khaki;
    display: flex;
    justify-content: center;
    align-items: center
}

.dsg-projects-message-main .inner {
    background-color: #fff;
    padding: 30px;
    width: 100%
}

.dsg-projects-message-main.message-error .inner {
    padding-left: 214px;
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Widerspruch-B.svg);
    background-size: 171px;
    background-repeat: no-repeat;
    background-position: 21px 34px
}

@media all and (max-width: 830px) and (min-width:51px) {
    .dsg-projects-message-main.message-error .inner {
        padding-left:30px;
        background-image: none
    }
}

.entry-content .dsg-projects-message-main ul {
    padding-left: 0
}

#masthead #desktop-navigation ul[id*=primary-menu].menu li.header-menu-myaccount>a,ul[id*=primary-menu].menu li.header-menu-myaccount>a {
    background-color: var(--dsg-color-grey2);
    height: max-content;
    width: max-content;
    padding: 10px;
    border-radius: 2px
}

ul.menu li.header-menu-dokumente a:before {
    content: "📂";
    margin-right: 5px
}

#masthead #desktop-navigation ul[id*=primary-menu].menu li.header-menu-myaccount>a:before {
    content: "\f007";
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    top: 0;
    padding-right: 10px;
    font-size: 14px
}

.dsg-customer-dashboard {
    padding-top: 20px;
    max-width: 900px
}

.single-post .entry-title.post-title {
    font-size: 25px;
    text-align: center;
    margin: 34px 0 37px
}

.page .entry-title {
    font-size: 28px;
    margin: 30px auto 30px!important
}

.page h1.entry-title .h1-flag-icon,.banner-flag-icon {
    width: 28px;
    height: 28px;
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Flagge-EU.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: none;
    background-position: center 3px
}

.page h1.entry-title.cntrc-de .h1-flag-icon {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Flagge-Deutschland.svg);
    display: inline-block
}

.page h1.entry-title.cntrc-at .h1-flag-icon {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Flagge-Oesterreich.svg);
    display: inline-block
}

.page h1.entry-title.cntrc-ch .h1-flag-icon {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Flagge-A.svg);
    display: inline-block
}

.banner-flag-icon-ch {
    display: inline-block;
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Flagge-A.svg);
    width: 25px;
    height: 25px;
    margin-right: 3px
}

.banner-flag-icon-achtung {
    display: inline-block;
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-118.svg);
    width: 26px;
    height: 23px;
    margin-right: 3px;
    background-position: left 3px;
    background-repeat: no-repeat
}

.page .entry-content h2,.post .entry-content h2 {
    margin-top: 45px;
    margin-bottom: 35px;
    font-size: 22px
}

.dsg-element h3 {
    color: #fff;
    margin: 0
}

.dsg-generator:not(.woocommerce-account) h1.entry-title {
    margin: 40px auto 15px;
    max-width: 930px
}

.dsg-generator-visible h1.entry-title {
    max-width: 100%!important
}

@media all and (max-width: 730px) and (min-width:51px) {
    .dsg-generator h1.entry-title {
        margin:0 auto 0
    }
}

.dsg-generator h1.entry-title.generator-active {
    margin: 25px auto 0;
    max-width: 100%
}

@media all and (max-width: 400px) and (min-width:50px) {
    .dsg-generator h1.entry-title {
        font-size:24px
    }

    .dsg-generator h1.entry-title span {
        margin-top: 7px
    }
}

@media all and (max-width: 599px) and (min-width:50px) {
    .single-post .entry-title.post-title {
        font-size:30px
    }

    .dsg-element h3 {
        font-size: 14px
    }

    .dsg-element-group-grid .group-image {
        background-position: 0 98px
    }
}

.dsg-element h4 {
    margin: 0;
    font-weight: 400
}

@media all and (max-width: 599px) and (min-width:50px) {
    .dsg-element h4 {
        font-size:14px
    }
}

@keyframes dsg-pulse-flash {
    0% {
        opacity: .8
    }

    10% {
        opacity: 0.8.5
    }

    20% {
        opacity: .9
    }

    30% {
        opacity: .95
    }

    40% {
        opacity: 1 background-color:var(--dsg-color-green-j-normal);
        color: #fff
    }

    50% {
        opacity: 1 background-color:var(--dsg-color-green-j-normal);
        color: #fff
    }

    60% {
        opacity: 1 background-color:var(--dsg-color-green-j-normal);
        color: #fff
    }

    70% {
        opacity: .95 background-color:var(--dsg-color-green-j-normal);
        color: #fff
    }

    80% {
        opacity: .9 background-color:var(--dsg-color-green-j-normal);
        color: #fff
    }

    90% {
        opacity: .85 background-color:var(--dsg-color-green-j-normal);
        color: #fff
    }

    100% {
        opacity: .8;
        background-color: var(--dsg-color-green-j-normal);
        color: #fff
    }
}

.dsg-pulse-flash {
    animation: dsg-pulse-flash 0.4s infinite
}

.dsg-pulse-flash-slow {
    animation: dsg-pulse-flash 0.8s infinite
}

.dsg-blink-50 {
    animation: blinker 1s linear infinite
}

@keyframes blinker {
    50% {
        opacity: .5
    }
}

.dsg-icon-check {
    display: inline-block;
    width: 25px;
    color: transparent!important;
    position: relative
}

.dsg-icon-check:before {
    content: "\f00c";
    color: var(--dsg-color-green-j-normal);
    padding-top: 2px;
    font-family: Font Awesome\ 5 Free;
    font-size: 18px;
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1.3;
    position: absolute;
    top: -3px;
    left: 4px
}

.entry-content ul {
    padding: 8px 20px 10px
}

.entry-content ul.checkliste,.entry-content ol.checkliste {
    background-color: var(--dsg-color-grey2);
    padding: 10px 40px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 45px;
    margin-top: 45px;
    margin-left: 0
}

.entry-content .checkliste.checkliste-check {
    background-color: transparent;
    margin: 0;
    padding: 5px 60px
}

.dsg-generator-landing .entry-content .checkliste.checkliste-check {
    margin-top: 30px
}

@media all and (max-width: 500px) and (min-width:1px) {
    .entry-content ul.checkliste,.entry-content ol.checkliste {
        font-size:1.2em;
        padding: 10px 16px
    }

    .entry-content .checkliste.checkliste-check {
        padding: 5px 0
    }
}

.entry-content .checkliste li {
    margin: 20px 0;
    position: relative;
    padding-left: 25px;
    counter-increment: dsg-checkliste-counter
}

.checkliste.checkliste-check li {
    background-color: var(--dsg-color-grey2);
    padding: 15px 45px 15px 60px!important;
    margin: 0 0 20px 0!important
}

.dsg-lc-missing .checkliste.checkliste-check li {
    background-color: #fff
}

.entry-content ul.checkliste li {
    list-style: none
}

.entry-content ul.checkliste.checkliste-check>li.agb {
    background-color: transparent;
    padding-left: 0!important;
    font-size: 14px;
    opacity: .7
}

.entry-content ol.checkliste li {
    position: relative;
    list-style: none
}

.entry-content .checkliste-bold-head>li {
    font-weight: 600
}

.entry-content ol.checkliste>li li {
    font-weight: 400
}

.entry-content ol.checkliste>li:before {
    content: counter(dsg-checkliste-counter) ".";
    color: var(--dsg-color-blue-active);
    font-size: 16px;
    font-weight: 700;
    position: absolute;
    --size: 32px;
    left: calc(-1 * var(--size) - -19px);
    line-height: var(--size);
    width: var(--size);
    height: var(--size);
    top: -3px;
    background: var(--dsg-color-grey2);
    text-align: center
}

.dsg-app-out-document-inner ul>li:before,.dsg-dialog.ui-dialog-content ul>li:before,.entry-content ul.checkliste>li:before,.entry-content ol.checkliste>li>ul>li:before {
    content: "\f105"!important;
    font-size: 18px!important;
    font-weight: 900!important;
    font-family: Font Awesome\ 5 Free!important;
    -moz-osx-font-smoothing: grayscale!important;
    -webkit-font-smoothing: antialiased!important;
    display: inline-block!important;
    font-style: normal!important;
    font-variant: normal!important;
    text-rendering: auto!important;
    position: relative!important;
    line-height: 1.3!important;
    position: absolute!important;
    top: 0!important;
    left: 0!important;
    color: #2e87c9!important
}

ul.checkliste.checkliste-check>li:before {
    content: "\f00c"!important;
    color: var(--dsg-color-green-j-normal)!important;
    top: 15px!important;
    left: 21px!important
}

.entry-content ul.checkliste.checkliste-check>li.agb:before {
    display: none!important
}

.entry-content ol.checkliste>li>ul>li {
    list-style: none;
    padding-left: 14px!important
}

.entry-content ol.checkliste>li>ul>li:before {
    top: 4px!important;
    left: -14px!important
}

.entry-content .checkliste li strong {
    width: 100%;
    display: inline-block;
    margin-bottom: 10px
}

.entry-content .checkliste li.dsgf-nobullet {
    list-style: none;
    margin-left: -15px
}

.entry-content .checkliste li ul {
    margin-bottom: 0;
    padding-left: 0;
    margin-left: 0;
    padding-bottom: 0
}

.entry-content .checkliste li ul li {
    margin-left: 15px!important;
    list-style: disc;
    padding-left: 0!important
}

.entry-content .checkliste li ul li:before {
    content: ''!important
}

.entry-content ul+ul.checkliste {
    margin-top: 0
}

.entry-content ul ul.checkliste li {
    list-style-type: inherit
}

.entry-content h3+.checkliste {
    margin-top: 15px
}

.entry-content ol[type="a"] li {
    list-style: lower-latin;
    margin-bottom: 1em
}

@media all and (max-width: 650px) and (min-width:5px) {
    .checkliste.checkliste-check.dsg-premiumbenefits li {
        padding:15px 30px 15px 45px!important
    }

    ul.checkliste.checkliste-check.dsg-premiumbenefits>li:before {
        left: 12px!important
    }
}

.entry-content ul.dsg-sort-options {
    list-style: none;
    padding: 0;
    display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 0
}

.options-sort-placeholder {
    width: 150px;
    height: 150px;
    margin: 0 20px 24px 0;
    line-height: 1.2em;
    border: 2px dashed #ccc;
    list-style-type: none
}

.dsg-element-option:hover .options-sort-handle {
    opacity: .5
}

table.dsgf-content-table {
    border: 0 solid #FFF;
    width: 100%;
    text-align: center;
    border-collapse: collapse
}

table.dsgf-content-table td,table.dsgf-content-table th {
    border: 1px solid #FFF;
    padding: 3px 4px
}

table.dsgf-content-table tbody td {
    font-size: 13px
}

table.dsgf-content-table tr:nth-child(even) {
    background: #EBEBEB
}

table.dsgf-content-table thead {
    background: #FFF;
    border-bottom: 4px solid #333
}

table.dsgf-content-table thead th {
    font-size: 15px;
    font-weight: 700;
    color: #333;
    text-align: center;
    border-left: 2px solid #333
}

table.dsgf-content-table thead th:first-child {
    border-left: none
}

table.dsgf-content-table tfoot td {
    font-size: 14px
}

.dsgf-content-two-row-checklist li {
    font-size: 14px;
    border-bottom: 1px solid var(--dsg-color-grey8);
    padding: 10px 0 10px 0;
    list-style: none;
    display: flex
}

.dsgf-content-two-row-checklist li:last-child {
    border-bottom: 0
}

.dsgf-content-two-row-checklist li strong {
    display: inline-block;
    width: 20%;
    min-width: 111px;
    margin-right: 15px;
    flex: 0 0 130px
}

.dsgf-content-two-row-checklist li em {
    display: inline-block;
    width: auto;
    overflow: auto
}

.dsgf-content-info,.dsgf-content-update {
    padding: 15px 15px;
    background: var(--dsg-color-grey2);
    display: block;
    font-size: 14px;
    font-style: normal
}

.dsgf-content-update {
    background-color: var(--dsg-color-lightpink)
}

@media all and (max-width: 500px) and (min-width:1px) {
    .dsgf-content-info,.dsgf-content-update {
        font-size:1.2em
    }
}

.dsgf-content-letter {
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    margin: 45px auto 45px;
    max-width: 550px;
    min-height: 300px;
    padding: 24px;
    position: relative;
    width: 90%;
    font-size: 14px
}

.dsgf-content-paper {
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.3);
    margin: 90px auto 90px;
    padding: 45px;
    position: relative
}

.dsgf-content-letter:before,.dsgf-content-letter:after {
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: -1
}

.dsgf-content-letter:before {
    background: #fafafa;
    box-shadow: 0 0 8px rgba(0,0,0,.2);
    left: 2px;
    top: 4px;
    transform: rotate(-0.5deg)
}

.dsgf-content-letter:after {
    background: #f6f6f6;
    box-shadow: 0 0 3px rgba(0,0,0,.2);
    right: -2px;
    top: -10px;
    transform: rotate(0.6deg)
}

@media all and (max-width: 500px) and (min-width:5px) {
    .dsgf-content-paper {
        box-shadow:unset !Important;
        padding: 15px 0 !Important
    }
}

#dsg-infobox-bg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    color: #fff;
    opacity: .8;
    z-index: 92
}

.dsg-button,.dsg-button.input[type="reset"],.dsg-button.input[type="submit"],html .dsg-button.input[type="button"] {
    background: var(--dsg-color-grey8);
    cursor: pointer;
    display: flex;
    padding: 10px;
    text-align: center;
    align-items: center;
    border-radius: 0;
    font-weight: 400
}

.dsg4 .dsg-button {
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
    border-radius: 0;
    -webkit-box-shadow: 0 4px 10px rgba(0,0,0,.16),inset 0 0 5px 2px transparent;
    box-shadow: 0 4px 10px rgba(0,0,0,.16),inset 0 0 5px 2px transparent
}

html .dsg-button.input[type="button"] {
    background: var(--dsg-color-green-grey) !Important
}

.dsg-button.hover.active:hover,.dsg-button.active,.dsg-button:hover,.dsg-button.input[type="reset"].active,.dsg-button.input[type="reset"]:hover,.dsg-button.input[type="submit"].active,.dsg-button.input[type="submit"]:hover,html .dsg-button.input[type="button"].active,html .dsg-button.input[type="button"]:hover {
    background-color: var(--dsg-color-green-j-normal);
    color: #fff;
    box-shadow: none
}

.dsg-button.hover:hover,.dsg-button.hover.active,.dsg-button.active:hover {
    background-color: var(--dsg-color-grey8);
    color: inherit
}

.dsg-button:hover,.ui-dialog-buttonpane .ui-button:hover {
    -webkit-box-shadow: 0 4px 10px rgba(0,0,0,.16),inset 0 0 5px 2px transparent;
    box-shadow: 0 4px 10px rgba(0,0,0,.16),inset 0 0 5px 2px transparent;
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px)
}

.dsg4 .dsg-button:hover,.dsg4 .ui-dialog-buttonpane .ui-button:hover {
    transform: translateY(0)
}

.dsg-button.dsg-button-seal.active:hover {
    background-color: var(--dsg-color-green-j-normal);
    color: #fff;
    box-shadow: none
}

.dsg-button.active:hover,.dsg-button.module-yesno-button {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.dsg-button.blue.hover.active:hover,.dsg-button.blue.hover:hover,.dsg-button.blue.active,.dsg-button.blue:hover {
    background-color: var(--dsg-color-blue-j-light);
    color: #fff
}

.dsg-button.blue,.dsg-button.blue.hover.active,.dsg-button.blue.active:hover {
    background-color: var(--dsg-color-blue);
    color: inherit
}

.dsg-message-yellow,.dsg-message-green {
    background: var(--dsg-color-green);
    border: none!important;
    border-width: 1px;
    border-style: solid;
    border-radius: 0;
    min-height: 47px;
    padding: 10px 15px
}

.dsg-message-yellow {
    background: var(--dsg-color-lightyellow)
}

.dsg-preload-small,.dsg-output-preload-small {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-animated-gear-green.svg);
    background-size: contain;
    background-repeat: no-repeat
}

.dsg-preload-small {
    background-position: right;
    width: 30px;
    height: 30px
}

.dsg-preset-box .dsg-preload-small,.dsg-flag-box .dsg-preload-small {
    background-position: center center;
    width: 100px;
    height: 100px;
    display: none;
    padding: 15px;
    border-radius: 50px;
    font-size: 15px;
    text-shadow: 2px 2px 2px var(--dsg-color-grey7);
    color: #fff;
    background-size: auto
}

.dsg-premium-free .dsgf-preset-premium.dsg-preset-box {
    display: none
}

.dsg-preset-box .dsg-preload-small {
    margin-top: 0
}

.dsg-preset-box .dsg-preload-small.active,.dsg-flag-box .dsg-preload-small.active {
    display: block
}

.dsg-output-preload-small {
    display: none;
    width: 50px;
    height: 50px
}

.dsg-output-preload-small.active {
    display: block
}

.dsg-out-generate-download .dsg-output-preload-small,.dsg-out-generate-email .dsg-output-preload-small {
    width: 80px;
    height: 80px
}

.dsg-preset-box.dsg-preset-klarna .image .icon {
    background-size: 40%;
    background-position: center 50px
}

.dsg-preset-box.dsg-preset-sofort .image .icon {
    background-position: center center
}

.dsg-preset-box.dsg-preset-giropay .image .icon {
    background-size: 40%;
    background-position: center center
}

.dsg-preset-box.dsg-preset-35 .image .icon {
    background-size: 35%;
    background-position: top 34px center
}

.dsg-preset-box.dsg-preset-40 .image .icon {
    background-size: 40%;
    background-position: top 34px center
}

.dsg-preset-box.dsg-preset-45 .image .icon {
    background-size: 45%;
    background-position: top 34px center
}

.dsg-preset-box.dsg-preset-some .image .icon {
    background-size: 43%;
    background-position: top 34px center
}

.dsg-preset-box.dsg-preset-matomo .image .icon {
    background-size: 76%;
    background-position: top 64px center
}

.dsg-preset-box.dsg-preset-flat .image .icon {
    background-size: 43%;
    background-position: center center
}

.dsg-out-group-bottom-close-bottom {
    cursor: pointer;
    text-align: center;
    display: inline-block;
    padding: 15px;
    margin-top: 30px;
    background-color: var(--dsg-color-blue-j-light);
    color: #fff
}

.dsg-search-output-wrap .dsg-out-group-bottom-close-bottom {
    margin-left: 20px
}

.hidden-de,.hidden-en {
    display: none!important
}

.seal {
    margin-top: 45px
}

#dsg-welcome {
    display: grid;
    grid-template-rows: minmax(min-content,max-content) minmax(min-content,max-content);
    grid-template-columns: minmax(450px,60%) minmax(200px,39%);
    width: 100%;
    max-width: 930px;
    grid-gap: 33px 50px;
    margin: 0 auto
}

.woocommerce-shop #dsg-welcome {
    max-width: 100%
}

h2.dsg-wlc-h2 {
    font-size: 16px;
    color: var(--dsg-color-font);
    font-weight: 400;
    margin: 0 auto 30px;
    max-width: 930px
}

#dsg-welcome p:empty {
    display: none
}

#dsg-welcome .left {
    grid-area: 1 / 1 / 2 / 2;
    padding-top: 15px
}

#dsg-welcome .left ul {
    margin-bottom: 40px;
    padding: 0
}

#dsg-welcome .left ul li {
    position: relative;
    margin: 1em 0;
    padding-left: 41px;
    line-height: 1.5;
    list-style-type: none
}

#dsg-welcome .left ul li:before {
    content: "\f00c";
    color: var(--dsg-color-green-j-normal);
    padding-top: 2px;
    font-family: Font Awesome\ 5 Free;
    font-size: 18px;
    font-weight: 900;
    font-family: Font Awesome\ 5 Free;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1.3;
    position: absolute;
    top: 0;
    left: 0
}

#dsg-welcome .left ul li strong {
    font-weight: 600;
    font-size: 18px;
    color: var(--dsg-color-blue-j-normal)
}

#dsg-welcome .right {
    grid-area: 1 / 2 / 1 / 2;
    position: relative;
    display: flex;
    align-items: center
}

#dsg-welcome .right #canvas {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    margin: 0 auto;
    padding: 20px;
    opacity: .5;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    height: 100%;
    width: auto
}

.page-id-2621 #dsg-welcome .right #canvas {
    display: none
}

@media all and (max-width: 950px) and (min-width:51px) {
    #dsg-welcome .right #canvas {
        padding:0;
        height: 89%
    }
}

#dsg-welcome .right .image {
    width: 100%;
    height: 100%;
    min-height: 240px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative
}

#dsg-welcome .right .caption {
    text-align: left
}

#dsg-welcome .right .caption a {
    color: var(--dsg-color-grey3);
    font-size: 13px;
    max-width: 500px;
    display: block;
    margin: 5px auto 0
}

.left .dsg-shop-welcome-signature {
    margin-top: 21px
}

.page-id-2765 #dsg-welcome {
    grid-template-columns: 60% 40%
}

.page-id-2765 #dsg-welcome .right {
    align-items: start
}

.page-id-2765 #dsg-welcome .right .image {
    grid-template-columns: 50% 50%;
    height: auto;
    height: 500px;
    top: 83px
}

.page-id-2765 #dsg-welcome .right .image #canvas {
    display: none
}

.page-id-2765 .entry-title {
    display: none
}

@media all and (max-width: 730px) and (min-width:1px) {
    #dsg-welcome {
        grid-template-columns:100%;
        column-gap: 0
    }

    #dsg-welcome .left {
        grid-area: 1 / 1 / 2 / 2
    }

    #dsg-welcome .right {
        display: none
    }

    .page-id-2765 #dsg-welcome {
        grid-template-columns: 100%;
        grid-template-rows: minmax(min-content,max-content) minmax(min-content,max-content) minmax(min-content,max-content);
        column-gap: 0
    }

    .page-id-2765 #dsg-welcome .left {
        grid-area: 2 / 1 / 3 / 2
    }

    .page-id-2765 #dsg-welcome .right {
        display: flex;
        grid-area: 1 / 1 / 2 / 2
    }

    .page-id-2765 #dsg-welcome .dsg-presse-wrap {
        grid-area: 3 / 1 / 4 / 2
    }

    .page-id-2765 #dsg-welcome .right .image {
        height: 400px;
        top: 0
    }
}

.dsg-presse-wrap {
    grid-area: 2 / 1 / 3 / 3;
    display: grid;
    grid-template-rows: minmax(min-content,max-content) minmax(min-content,max-content);
    grid-template-columns: 1fr;
    width: 100%;
    grid-gap: 0 50px;
    margin: 0 auto 0;
    max-width: 930px;
    text-align: center
}

.page-id-2765 .dsg-presse-wrap {
    max-width: 100%
}

.dsg-presse-wrap .presse-intro {
    grid-area: 1 / 1 / 2 / 2;
    font-size: 14px;
    padding: 0 0 15px 0;
    color: var(--dsg-color-grey7);
    text-align: left
}

.dsg-presse-wrap #dsg-presse {
    grid-area: 2 / 1 / 3 / 2
}

.dsg-presse-wrap #dsg-presse {
    display: flex;
    height: 35px;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto
}

.dsg-presse-wrap #dsg-presse .dsg-ref {
    background-size: contain;
    min-width: 59px;
    max-width: 80px;
    height: 100%;
    width: 12%;
    background-repeat: no-repeat;
    background-position: left center;
    margin: 0 10px 0 0
}

.dsg-presse-wrap #dsg-presse .dsg-ref:hover {
    filter: none;
    -webkit-filter: grayscale(0%)
}

#dsg-presse .dsg-ref.spon {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/images/dsg-others/dsg-other-spn.png);
    width: 15%;
    min-width: 110px
}

#dsg-presse .dsg-ref.zon {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/images/dsg-others/dsg-other-zon.png)
}

#dsg-presse .dsg-ref.hon {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/images/dsg-others/dsg-other-hon.png)
}

#dsg-presse .dsg-ref.fas {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/images/dsg-others/dsg-other-fs.png);
    min-width: 128px;
    width: 15%
}

#dsg-presse .dsg-ref.frb {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/images/dsg-others/dsg-other-frb.png)
}

#dsg-presse .dsg-ref.cbi {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/images/dsg-others/dsg-other-cbi.png)
}

#dsg-presse .dsg-ref.c_t {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/images/dsg-others/dsg-other-ct.png)
}

@media all and (max-width: 1045px) and (min-width:701px) {
    #dsg-welcome .dsg-presse-wrap {
        grid-area:2 / 1 / 3 / 3
    }

    #dsg-welcome #dsg-presse .dsg-ref {
        margin-bottom: 10px;
        width: 100%
    }
}

@media all and (max-width: 700px) and (min-width:1px) {
    #dsg-welcome .dsg-presse-wrap {
        margin-bottom:35px
    }

    #dsg-welcome #dsg-presse .dsg-ref {
        margin-bottom: 10px
    }
}

#dsg-testimonial-wrap {
    display: grid;
    grid-template-rows: minmax(min-content,max-content) minmax(min-content,max-content);
    grid-template-columns: 1fr 50px;
    margin: 0 auto;
    text-align: center;
    padding: 0;
    width: 100%;
    min-width: 100%;
    padding: 0 0 7px 15px;
    overflow: visible;
    background: rgb(46,135,201);
    background: linear-gradient(192deg,rgba(46,135,201,1) 58%,rgba(25,102,148,1) 100%);
    font-size: 20px
}

#dsg-testimonial-wrap .arrow-right {
    grid-area: 1/ 2 / 3 / 3;
    cursor: pointer;
    width: 100%;
    display: flex;
    align-items: center;
    position: relative
}

#dsg-testimonial-wrap .arrow-right:before {
    color: #fff;
    font-family: Font Awesome\ 5 Free;
    font-size: 34px;
    font-weight: 900;
    opacity: .3;
    width: 100%;
    font-style: normal
}

#dsg-testimonial-wrap .arrow-right:before {
    content: "\f054"
}

#dsg-testimonial-wrap:hover .arrow-right:before {
    opacity: 1
}

#dsg-testimonial-wrap .content {
    grid-area: 1/ 1 / 2 / 2;
    position: relative;
    padding: 10px 25px 10px 10px;
    display: block;
    margin: 0 0 0;
    cursor: pointer;
    height: 65px;
    border-radius: 5px;
    background-position: center;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: left;
    min-height: max-content
}

.dsg4 #dsg-testimonial-wrap .content {
    align-items: center;
    justify-content: left;
    width: 100%;
    display: flex;
    padding: 0 5px;
    align-items: center
}

#dsg-testimonial-wrap .content .testitext {
    font-size: 20px;
    font-weight: 500;
    width: 100%;
    display: block;
    color: #fff;
    font-style: italic
}

#dsg-testimonial-wrap.tworows .content {
    height: 110px
}

#dsg-testimonial-wrap.threerows .content {
    height: 130px
}

#dsg-testimonial-wrap .meta {
    grid-area: 2/ 1 / 3 / 2;
    text-align: left;
    display: block
}

#dsg-testimonial-wrap .intro {
    font-weight: 600;
    display: block;
    width: 100%
}

.dsg4 #dsg-testimonial-wrap .source {
    display: block;
    font-size: 14px;
    color: #fff
}

#dsg-testimonial-wrap .disclosure {
    display: block;
    font-size: 10px;
    color: #cacaca
}

@media all and (max-width: 500px) and (min-width:1px) {
    #dsg-testimonial-wrap .content .testitext {
        font-size:13px
    }
}

.dsg-generator-not-visible .dsg-lp-col-one.dsg-testimonial-box,.dsg-generator-not-visible .dsg-lp-col-one.dsg-lp-banner-faq,.dsg-generator-not-visible .dsg-butons-start-box.one-col {
    max-width: 620px
}

#lp_google_review {
    max-width: 930px;
    padding: 0;
    overflow: hidden
}

@media all and (max-width: 500px) and (min-width:1px) {
    #lp_google_review .grw-slider-content {
        display:none
    }
}

.dsg-lp-banner-faq {
    display: grid;
    grid-template-rows: minmax(min-content,max-content) minmax(min-content,max-content);
    grid-template-columns: minmax(min-content,50%) 50%;
    grid-gap: 10px 50px;
    margin: 0 auto;
    width: 100%;
    margin: 60px auto 60px;
    max-width: 930px
}

.dsg-license-text .dsg-lp-banner-faq,.dsg-firststeps .dsg-lp-banner-faq {
    margin: 0
}

.single-product .dsg-license-text:not(.dsg-license-text-image-easy) {
    margin-bottom: 45px
}

.single-product .dsg-license-text.dsg-license-text-image-easy p {
    margin: 30px 0 0 0
}

.single-product #license-short,.single-product #license-short ul {
    margin-bottom: 0
}

boddy:not(.single-product) .dsg-license-text.license-medium {
    margin-bottom: 80px
}

.woocommerce .dsg-license-text-image-easy img {
    max-width: 500px;
    width: 100%
}

.ui-dialog.dsg-dialog-info-preview .dsg-firststeps h2 {
    margin: 40px auto 0
}

.ui-dialog.dsg-dialog-info-preview .dsg-firststeps .intro {
    margin-right: auto;
    margin-left: auto
}

.ui-dialog.dsg-dialog-info-preview .dsg-firststeps h3 {
    margin: 40px 0 0;
    background-color: var(--dsg-color-grey2);
    padding: 10px;
    width: 100%
}

.ui-dialog.dsg-dialog-info-preview .dsg-firststeps h4 {
    margin: 30px 0 0
}

.dsg-dialog .dsg-lp-banner-faq {
    margin: 0 auto;
    padding: 0!important
}

.dsg-lp-banner-faq .left {
    grid-area: 1 / 1 / 1 / 2;
    display: flex;
    align-items: baseline
}

.dsg-lp-banner-faq h2 {
    display: block;
    width: 100%;
    text-align: left;
    margin: 0;
    font-size: 20px
}

.dsg-lp-banner-faq .right h2 {
    margin: 60px 0 10px
}

.dsg-lp-banner-faq .right h2:nth-child(1) {
    margin-top: 0
}

.dsg-lp-banner-faq h2:after {
    display: none!important
}

.dsg-lp-banner-faq .right {
    grid-area: 1 / 2 / 1 / 3;
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: justify
}

.dsg-lp-banner-faq .right p {
    margin: 0 0 10px
}

.dsg-lp-banner-faq .right .update {
    background: var(--dsg-color-grey2);
    padding: 10px 20px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    width: max-content;
    margin: 20px 0 27px
}

.dsg-lp-col-one.dsg-lp-banner-faq {
    padding: 0 10px
}

.dsg-lp-col-one.dsg-lp-banner-faq .left {
    grid-area: 1 / 1 / 1 / 3
}

.dsg-lp-col-one.dsg-lp-banner-faq .right {
    grid-area: 2 / 1 / 3 / 3
}

.dsg-lp-banner-faq .dsg-readon .readon-button {
    padding: 0 0 0 0;
    display: block;
    width: max-content;
    cursor: pointer
}

.dsg-lp-banner-faq[data-banner-id="dsg-lp-ban-faq-all_categories"] .readon-button {
    margin-top: 10px
}

.dsg-lp-banner-faq p+.dsg-readon .readon-button {
    color: #2e87c9
}

.dsg-lp-banner-faq .dsg-readon .readon-button.active {
    display: block;
    margin-top: 20px;
    padding: 5px;
    background-color: var(--dsg-color-grey2)
}

.ui-dialog.dsg-dialog-info-preview .dsg-lp-banner-faq .dsg-readon .readon-button.active {
    margin-bottom: 75px
}

.dsg-lp-banner-faq .dsg-readon .readon-button.active:hover {
    background-color: var(--dsg-color-blue)
}

.dsg-lp-banner-faq .dsg-readon .content {
    display: none
}

.dsg-lp-banner-faq .dsg-readon .content img {
    margin: 15px auto 15px
}

.dsg-dialog .dsg-lp-banner-faq .dsg-readon .content img {
    max-width: 100%
}

.dsg-lp-banner-faq .dsg-readon .content .wp-caption {
    max-width: 620px
}

.dsg-lp-banner-faq .dsg-readon .content h3+img {
    margin: 5px auto 15px
}

.dsg-lp-banner-faq .dsg-readon .content h3 {
    font-size: 16px;
    margin-top: 30px
}

.dsglpdrs {
    display: grid;
    grid-template-rows: minmax(min-content,max-content);
    grid-template-columns: minmax(min-content,70%) 30%;
    width: 100%;
    margin: 60px auto 60px;
    max-width: 620px;
    background-color: var(--dsg-color-grey2)
}

.dsglpdrs .text {
    grid-area: 1 / 1 / 2 / 2;
    display: grid;
    grid-template-rows: minmax(min-content,max-content) minmax(min-content,max-content) minmax(min-content,max-content);
    grid-template-columns: 1fr;
    grid-gap: 0;
    width: 100%;
    padding: 18px 4px 14px 17px
}

.dsglpdrs .text .slogan {
    grid-area: 1 / 1 / 2 / 1;
    margin: 0 0 20px 20px;
    font-size: 20px;
    position: relative
}

.woocommerce-checkout .dsglpdrs .text .slogan {
    font-size: inherit
}

.dsglpdrs .text .slogan:before {
    content: open-quote;
    font-size: 45px;
    font-weight: 900;
    position: absolute;
    color: var(--dsg-color-grey1);
    top: -40px;
    left: -25px
}

.dsglpdrs .text .signature {
    grid-area: 2 / 1 / 3 / 1;
    margin: 0 0 0 20px;
    margin-bottom: 4px;
    font-size: 14px
}

.dsglpdrs .text .subsignature {
    grid-area: 3 / 1 / 4 / 1;
    margin: 0 0 0 20px;
    font-size: 14px;
    font-style: italic;
    margin-bottom: 5px
}

.dsglpdrs .image {
    grid-area: 1 / 2 / 1 / 3;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 20px 30px 20px 19px
}

.dsglpdrs .image img {
    max-width: 130px;
    max-height: 130px;
    border-radius: 80px
}

@media (max-width: 500px) and (min-width:51px) {
    .dsglpdrs {
        grid-template-rows:minmax(min-content,max-content) minmax(min-content,max-content);
        grid-template-columns: 1fr
    }

    .dsglpdrs .text {
        grid-area: 2 / 1 / 3 / 2
    }

    .dsglpdrs .image {
        grid-area: 1 / 1 / 2 / 2
    }

    .dsglpdrs .text .slogan {
        margin-bottom: 10px
    }
}

.dsg-lp-banner-faq[data-banner-id="dsg-lp-ban-faq-all_bundles"] .right a {
    height: 227px;
    background-position: 0;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    display: block;
    position: relative;
    margin-top: 9px;
    text-align: center
}

.dsg-lp-banner-faq[data-banner-id="dsg-lp-ban-faq-all_bundles"] .right a img {
    width: 100%;
    height: auto;
    max-width: 350px
}

.dsg-lp-banner-faq[data-banner-id="dsg-lp-ban-faq-all_bundles"] .right a .dsg-discount-flag {
    content: 'Bundle';
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-164a.svg);
    position: absolute;
    top: 0;
    height: 100px;
    font-weight: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100px;
    left: 74%
}

.dsg-lp-banner-faq[data-banner-id="dsg-lp-ban-faq-all_bundles"] .right a .dsg-discount-flag span {
    display: block;
    background-color: #d9706e;
    border-radius: 2px;
    margin-top: 77px;
    color: #fff;
    width: fit-content;
    font-size: 13px;
    line-height: 1;
    padding: 3px 6px;
    margin-left: -1px
}

.dsg-lp-quiz {
    display: grid;
    grid-template-rows: repeat(3,minmax(min-content,max-content));
    grid-template-columns: 1fr;
    grid-gap: 0 0;
    margin: 0 auto;
    width: 100%;
    margin: 10px auto 0;
    max-width: 930px
}

.dsg-lp-quiz .intro {
    grid-area: 1 / 1 / 2 / 2;
    padding-bottom: 15px
}

.dsg-lp-quiz .questions {
    grid-area: 2 / 1 / 3 / 2;
    margin: 0;
    padding: 0;
    list-style: none
}

.dsg-lp-quiz .question {
    margin: 10px 0 10px 0;
    padding: 15px 10px 15px 70px;
    list-style: none;
    position: relative;
    background: var(--dsg-color-grey2);
    display: flex;
    align-items: center
}

.dsg-lp-quiz .question:hover,.dsg-lp-quiz .question.active {
    background-color: var(--dsg-color-green-j-normal);
    color: #fff
}

.dsg-lp-quiz .question:before {
    content: "\f0c8";
    color: var(--dsg-color-font);
    font-family: Font Awesome\ 5 Free;
    font-size: 34px;
    font-weight: 900;
    opacity: .3;
    width: 100%;
    font-style: normal;
    font-weight: 800;
    top: 2px;
    left: 20px;
    position: absolute;
    height: 100%;
    display: flex;
    align-items: center
}

.dsg-lp-quiz .question.active:before {
    content: "\f14a"
}

.dsg-lp-quiz .question:hover:before,.dsg-lp-quiz .question.active:before {
    color: #fff;
    opacity: .8
}

.dsg-lp-quiz .output {
    grid-area: 3 / 1 / 4 / 2;
    background-color: var(--dsg-color-lightpink);
    height: max-content
}

.dsg-lp-quiz .output {
    padding: 20px 20px;
    display: none
}

.dsg-lp-quiz .output.bg-light-green {
    background-color: var(--dsg-color-lightgreen)
}

.dsg-lp-quiz .answer {
    display: none
}

.dsg-landing-allmodules {
    display: grid;
    grid-template-rows: minmax(min-content,max-content) minmax(min-content,max-content) minmax(min-content,max-content);
    grid-template-columns: 1fr;
    width: 100%;
    grid-gap: 0;
    margin: 0 auto 0
}

.dsg-landing-allmodules .intro {
    grid-area: 1 / 1 / 2 / 2;
    margin: 0 auto 0;
    width: 100%
}

.dsg-landing-allmodules .intro.intro2 {
    grid-area: 2 / 1 / 3 / 2
}

.dsg-landing-allmodules .intro p {
    margin: 0 0 10px
}

.dsg-landing-allmodules ul.list {
    grid-area: 4/ 1 / 4 / 2;
    overflow-y: auto;
    max-height: 400px;
    display: flex;
    flex-wrap: wrap;
    margin: 30px auto;
    padding: 0;
    justify-content: flex-start;
    width: 100%
}

.dsg-landing-allmodules .list li,.dsg-landing-allmodules span.example {
    padding: 5px 10px;
    margin: 15px 20px 0 0;
    background-color: var(--dsg-color-grey2);
    border-radius: 2px;
    font-size: 14px;
    width: max-content;
    list-style: none;
    cursor: default
}

.dsg-landing-allmodules span.example {
    margin: 0 0 3px 0;
    padding: 1px 8px;
    display: inline-block
}

.dsg-landing-allmodules span.example.highlight {
    display: inline;
    background-color: var(--dsg-color-lightpink-border)
}

.dsg-landing-allupdates .list {
    overflow-y: auto;
    max-height: 400px;
    display: flex;
    flex-wrap: wrap;
    padding: 0 10px 0 0;
    margin-top: 20px;
    justify-content: flex-start;
    width: 100%;
    max-width: 100%;
    background-color: #fff
}

.dsg-allupdates-wrap {
    width: 100%;
    max-width: 100%
}

.dsg-allupdates-row {
    font-size: 14px;
    background-color: var(--dsg-color-grey2);
    padding: 5px;
    display: grid;
    grid-template-rows: min-content;
    grid-template-columns: minmax(min-content,100px) 150px minmax(min-content,1fr);
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.dsg-allupdates-row.header {
    font-weight: 600
}

.dsg-allupdates-row div {
    padding: 10px;
    align-items: flex-start;
    text-align: left;
    verflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto
}

.dsg-allupdates-row div.date {
    grid-area: 1/ 1 /2 /2
}

.dsg-allupdates-row div.title {
    grid-area: 1/ 2 /2 /3
}

.dsg-allupdates-row div.descr {
    grid-area: 1/ 3 /2 /4
}

@media (max-width: 500px) and (min-width:51px) {
    .dsg-allupdates-row {
        grid-template-rows:min-content min-content;
        grid-template-columns: minmax(0,86px) minmax(0,1fr)
    }

    .dsg-allupdates-row.header div.descr {
        display: none
    }

    .dsg-allupdates-row div.descr {
        grid-area: 2/ 2 /3 /3
    }
}

.dsg-greeting-check {
    margin-bottom: 45px;
    padding: 0 0 0 18px
}

#dsg-testimonial-presse-wrap {
    display: grid;
    grid-template-rows: 100%;
    grid-template-columns: 52.4% 47.6%;
    grid-gap: 45px;
    width: 100%;
    margin-top: 88px;
    position: absolute
}

.page-id-13916 .entry-content {
    position: relative
}

.page-id-13916 .entry-title {
    margin-top: 60px
}

.dsg-generators-menu {
    width: 100%;
    overflow: hidden;
    padding: 0 50px 0 0;
    font-size: 19px;
    margin: 15px 0 25px 0;
    display: grid;
    grid-template-rows: 100%;
    grid-template-columns: 1fr 50px;
    width: 97%;
    position: absolute
}

.dsg-generators-menu:after {
    content: "\f105";
    font-size: 25px;
    font-weight: 900;
    font-family: Font Awesome\ 5 Free;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    position: relative;
    top: 2px;
    line-height: 1.3;
    position: absolute;
    top: 2px;
    right: 0;
    padding-right: 2px;
    width: 30px;
    color: #2e87c9;
    background-color: #fff;
    text-align: right
}

.dsg-generators-menu nav {
    grid-area: 1 / 1 / 1 /2;
    display: flex;
    flex-direction: row
}

.dsg-generators-menu .dsg-generators-arrow-right {
    grid-area: 1 / 2 / 1 /3
}

.dsg-generators-menu nav a {
    margin-right: 20px;
    min-width: fit-content;
    padding: 0 5px;
    color: var(--dsg-color-font)
}

.dsg-generators-menu nav a.show-all {
    background-color: var(--dsg-color-grey4);
    */ border-radius: 2px;
    background: #e7cf0842;
    cursor: pointer
}

.dsg-generators-menu nav a:hover {
    color: #2e87c9
}

.dsg-generators-all {
    min-height: 300px;
    background-color: var(--dsg-color-grey4);
    width: 180%;
    padding: 30px;
    margin-top: 75px
}

.yasr-visitor-votes {
    display: none;
    text-align: center;
    margin: 39px auto 0;
    padding-right: 145px;
    padding-left: 125px;
    min-height: 152px;
    max-width: 610px;
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/genies/Datenschutzgenerator-Genie-04-b.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right
}

.page-id-3855 .yasr-visitor-votes,.page-id-9282 .yasr-visitor-votes,.yasr-visitor-votes.active,.testrating .yasr-visitor-votes,#main-footer .yasr-visitor-votes {
    display: block
}

.yasr-rater-stars-visitor-votes.yasr-star-rating {
    margin: 10px 0 0 0
}

.yasr-visitor-votes-after-stars-class {
    font-size: 12px;
    color: var(--dsg-color-grey3);
    display: block;
    margin-top: 13px
}

.yasr-already-voted-text {
    margin-top: 10px;
    display: block;
    color: var(--dsg-color-grey3);
    font-weight: 400
}

@media (max-width: 809px) and (min-width:51px) {
    .yasr-visitor-votes {
        margin:69px auto 40px!important;
        padding-left: 0!important
    }
}

.content-block {
    display: grid;
    grid-template-rows: 100%;
    grid-template-columns: minmax(180px,10%) 1fr;
    grid-gap: 45px;
    margin: 0 auto 30px;
    min-height: 175px
}

.content-block .text {
    grid-area: 1 / 2 / 1 /2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 20px;
    background-color: var(--dsg-color-grey2)
}

.content-block .text p {
    margin: 10px 0;
    text-align: justify
}

.content-block h1 {
    font-family: 'Roboto',Helvetica,Arial,'DejaVu Sans','Liberation Sans',Freesans,sans-serif;
    font-size: 29px;
    line-height: 38px;
    font-weight: 300;
    margin-bottom: 20px;
    color: rgb(39,40,43);
    color: rgb(39,40,43);
    margin-bottom: 45px
}

.content-block h2 {
    margin-bottom: 45px
}

.content-block .image {
    grid-area: 1 / 1 / 1 / 1;
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat;
    background-position: center
}

#content-block-main-premium .image {
    background-size: 70%
}

.content-block-main-hinweis-small {
    margin-left: 230px
}

.content-block-main-hinweis-small.first {
    margin-top: 75px
}

.content-block-main-hinweis-small small,.content-block-main-hinweis-small small a {
    color: var(--dsg-color-grey3)
}

.dsg-navigation.categories {
    margin: 30px 0 45px
}

.dsg-navigation.categories li {
    display: inline-block;
    margin-right: 10px
}

.dsg-navigation.categoriesli a {
    background: #fff786;
    width: 100%;
    height: 100%;
    padding: 30px 30px;
    display: block;
    color: #000;
    border: 1px solid #faf174;
    border-radius: 5px
}

.dsg-navigation.categories li a:hover,.dsg-navigation.categories li a.active {
    background: #f1dc0f
}

#dsg-categories-boxes {
    text-align: center
}

.dsg-lp-banner-faq #dsg-categories-boxes-wrap {
    display: block;
    margin: 0
}

.dsg-categories-boxes {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%
}

.dsg-lp-banner-faq .dsg-categories-boxes {
    background: var(--dsg-color-grey2);
    justify-content: space-around;
    padding: 0 5px 6px
}

.dsg-lp-banner-faq .dsg-categories-boxes.last {
    padding-bottom: 26px
}

.dsg-category-box {
    height: 160px;
    color: #000;
    width: 150px;
    float: none;
    display: block;
    margin: 0 30px 0 0;
    background-size: 491%;
    background-repeat: no-repeat;
    cursor: pointer
}

.dsg-category-box.active {
    cursor: default
}

.dsg-lp-banner-faq .dsg-category-box {
    width: 124px;
    background: background:var(--dsg-color-grey2);
    background: var(--dsg-color-grey2);
    padding: 0 0;
    margin: 24px 0 0
}

.dsg4 .dsg-lp-banner-faq .dsg-category-box {
    margin: 24px 5px 0
}

.dsg-lp-banner-faq .dsg-category-box.active {
    display: none
}

.dsg-category-box .text {
    margin-bottom: 10px!important
}

.dsg-category-box:hover,.dsg-category-box.active {
    filter: none;
    -webkit-filter: grayscale(0%)
}

.dsg-category-box:active .text {
    color: var(--dsg-color-blue-j-light)
}

.dsg-category-box .image {
    display: block;
    background-size: 100%;
    width: 100%;
    height: 70%;
    background-repeat: no-repeat;
    background-position: center -7px;
    position: relative
}

.dsg-category-box.active .image,.dsg-category-box:hover .image {
    filter: none;
    -webkit-filter: grayscale(0%)
}

#dsg-categories-boxes-wrap .dsg-category-box .image {
    width: 65px;
    height: 65px;
    margin: 5px auto 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 110%
}

#dsg-categories-boxes-wrap .dsg-category-box.active .image,#dsg-categories-boxes-wrap .dsg-category-box:hover .image {
    opacity: 1
}

#dsg-categories-boxes-wrap .dsg-category-box .image {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/categories/dsg-icon-generator-02.svg)
}

#dsg-categories-boxes-wrap .dsg-category-box.active .image,#dsg-categories-boxes-wrap .dsg-category-box:hover .image {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/categories/dsg-icon-generator-01.svg)
}

#dsg-group-categories .group-image {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/categories/dsg-generatoren-01.svg);
    background-size: 74%
}

.group-wrap .category-title {
    background-color: var(--dsg-color-grey2);
    height: 70px;
    display: flex;
    align-items: center;
    padding: 0 10px 0 20px;
    font-weight: 600;
    margin: 30px 0
}

.dsg-lp-banner-faq .group-wrap .category-title {
    margin: 0;
    height: max-content;
    padding: 0 10px 10px 15px
}

.dsg-lp-banner-faq .group-wrap .category-title.first {
    display: none
}

#dsg-categories-boxes-wrap .dsg-category-box.cid13 .image {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/categories/dsg-icon-generator-02.svg)
}

#dsg-categories-boxes-wrap .dsg-category-box.cid13.active .image,#dsg-categories-boxes-wrap .dsg-category-box.cid13:hover .image {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/categories/dsg-icon-generator-01.svg)
}

#dsg-categories-boxes-wrap .dsg-category-box.cid273 .image {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/categories/dsg-icon-impressum-generator-02.svg)
}

#dsg-categories-boxes-wrap .dsg-category-box.cid273.active .image,#dsg-categories-boxes-wrap .dsg-category-box.cid273:hover .image {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/categories/dsg-icon-impressum-generator-01.svg)
}

#dsg-categories-boxes-wrap .dsg-category-box.cid14 .image {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/categories/dsg-icon-teilnahmeb-generator-02.svg)
}

#dsg-categories-boxes-wrap .dsg-category-box.cid14.active .image,#dsg-categories-boxes-wrap .dsg-category-box.cid14:hover .image {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/categories/dsg-icon-teilnahmeb-generator-01.svg)
}

#dsg-categories-boxes-wrap .dsg-category-box.cid4072 .image {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/categories/dsg-icon-Aufnahmen-02.svg)
}

#dsg-categories-boxes-wrap .dsg-category-box.cid4072.active .image,#dsg-categories-boxes-wrap .dsg-category-box.cid4072:hover .image {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/categories/dsg-icon-Aufnahmen-01.svg)
}

#dsg-categories-boxes-wrap .dsg-category-box.cid4904 .image {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/categories/dsg-icon-Einwilligung-Bildaufnahmen-02.svg)
}

#dsg-categories-boxes-wrap .dsg-category-box.cid4904.active .image,#dsg-categories-boxes-wrap .dsg-category-box.cid4904:hover .image {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/categories/dsg-icon-Einwilligung-Bildaufnahmen-01.svg)
}

#dsg-categories-boxes-wrap .dsg-category-box.cid4599 .image {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/categories/dsg-icon-Verpflichtung-auf-Verschwiegenheit-Mitarbeiter-02.svg)
}

#dsg-categories-boxes-wrap .dsg-category-box.cid4599.active .image,#dsg-categories-boxes-wrap .dsg-category-box.cid4599:hover .image {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/categories/dsg-icon-Verpflichtung-auf-Verschwiegenheit-Mitarbeiter-01.svg)
}

#dsg-categories-boxes-wrap .dsg-category-box.cid4903 .image {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/categories/dsg-icon-Homeoffice-Mitarbeiter-02.svg)
}

#dsg-categories-boxes-wrap .dsg-category-box.cid4903.active .image,#dsg-categories-boxes-wrap .dsg-category-box.cid4903:hover .image {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/categories/dsg-icon-Homeoffice-Mitarbeiter-01.svg)
}

#dsg-categories-boxes-wrap .dsg-category-box.cid4902 .image {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/categories/dsg-icon-BYOD-02.svg)
}

#dsg-categories-boxes-wrap .dsg-category-box.cid4902.active .image,#dsg-categories-boxes-wrap .dsg-category-box.cid4902:hover .image {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/categories/dsg-icon-BYOD-01.svg)
}

#dsg-categories-boxes-wrap .dsg-category-box.cid8410 .image {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/categories/dsg-icon-Pandemie-02.svg)
}

#dsg-categories-boxes-wrap .dsg-category-box.cid8410.active .image,#dsg-categories-boxes-wrap .dsg-category-box.cid8410:hover .image {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/categories/dsg-icon-Pandemie-01.svg)
}

#dsg-categories-boxes-wrap .dsg-category-box.cid4796 .image {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/categories/Schutz-Geschaeftsgeheimnisse-02.svg)
}

#dsg-categories-boxes-wrap .dsg-category-box.cid4796.active .image,#dsg-categories-boxes-wrap .dsg-category-box.cid4796:hover .image {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/categories/Schutz-Geschaeftsgeheimnisse-01.svg)
}

#dsg-categories-boxes-wrap .dsg-category-box.cid5209 .image {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/categories/dsg-icon-Verpflichtung-auf-Verschwiegenheit-02.svg)
}

#dsg-categories-boxes-wrap .dsg-category-box.cid5209.active .image,#dsg-categories-boxes-wrap .dsg-category-box.cid5209:hover .image {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/categories/dsg-icon-Verpflichtung-auf-Verschwiegenheit-01.svg)
}

#dsg-categories-boxes-wrap .dsg-category-box.cid7832 .image {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/categories/Auftragsverarbeitung-01.svg)
}

#dsg-categories-boxes-wrap .dsg-category-box.cid7832.active .image,#dsg-categories-boxes-wrap .dsg-category-box.cid7832:hover .image {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/categories/Auftragsverarbeitung-02.svg)
}

#dsg-categories-boxes-wrap .dsg-category-box.cid11799.active .image,#dsg-categories-boxes-wrap .dsg-category-box.cid11799:hover .image {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/categories/dsg-Influencervertraege-01.svg)
}

#dsg-categories-boxes-wrap .dsg-category-box.cid11799 .image {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/categories/dsg-Influencervertraege-02.svg)
}

#dsg-categories-boxes-wrap .dsg-category-box.cid13372.active .image,#dsg-categories-boxes-wrap .dsg-category-box.cid13372:hover .image {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/categories/dsg-Influencervertraege-01.svg)
}

#dsg-categories-boxes-wrap .dsg-category-box.cid13372 .image {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/categories/dsg-icon-shop-02.svg)
}

#dsg-categories-boxes-wrap .dsg-category-box.cid13372.active .image,#dsg-categories-boxes-wrap .dsg-category-box.cid13372:hover .image {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/categories/dsg-icon-shop-01.svg)
}

#dsg-categories-boxes-wrap .dsg-category-box.cid14666.active .image,#dsg-categories-boxes-wrap .dsg-category-box.cid14666:hover .image {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/categories/dsg-icon-widerruf-01.svg)
}

#dsg-categories-boxes-wrap .dsg-category-box.cid14666 .image {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/categories/dsg-icon-widerruf-02.svg)
}

#dsg-categories-boxes-wrap .dsg-category-box.cid14666.active .image,#dsg-categories-boxes-wrap .dsg-category-box.cid14666:hover .image {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/categories/dsg-icon-widerruf-01.svg)
}

.dsg-category-box .text {
    height: 30%;
    vertical-align: middle;
    line-height: 1.3;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0
}

.dsg-group-categories .dsg-category-box .text {
    height: 85px;
    line-height: 1.3;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 60px;
    justify-content: center;
    font-weight: 600;
    letter-spacing: .3px;
    font-size: 13px;
    color: var(--dsg-color-grey6)
}

.dsg-lp-banner-faq .dsg-group-categories .dsg-category-box .text {
    color: var(--dsg-color-grey6)
}

.dsg-category-box .text span {
    display: block
}

.dsg-category-box.active .text,.dsg-category-box:hover .text {
    color: var(--dsg-color-blue-j-dark)
}

.dsg-catego-label {
    display: flex;
    width: 100%;
    justify-content: center;
    flex-direction: row;
    margin-top: 5px;
    opacity: .5
}

.dsg-catego-label:hover {
    opacity: 1
}

.dsg-catego-label div {
    background: var(--dsg-color-grey1);
    color: #fff;
    padding: 1px 2px;
    border-radius: 2px;
    font-size: 12px;
    font-weight: 400
}

.dsg-lp-banner-faq .dsg-catego-label div {
    background: var(--dsg-color-grey7)
}

.dsg-lp-banner-faq .dsg-catego-label div:hover {
    background: var(--dsg-color-font)
}

.dsg-catego-label-free {
    margin-right: 5px
}

#lp_all_counter .right {
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 50% 50%;
    grid-gap: 0;
    width: 100%;
    max-width: 620px;
    background: rgb(46,135,201);
    background: linear-gradient(192deg,rgba(46,135,201,1) 58%,rgba(25,102,148,1) 100%);
    color: #fff
}

.dsg-lp-counter {
    padding: 20px;
    display: flex;
    align-content: center;
    justify-content: center;
    font-size: 20px
}

.dsg-lp-counter[data-type="modules"] {
    grid-area: 1/ 1 / 2 / 2
}

.dsg-lp-counter[data-type="users"] {
    grid-area: 1/ 2/ 2 / 3
}

@media all and (max-width: 630px) and (min-width:1px) {
    #lp_all_counter .right {
        display:grid;
        grid-template-columns: 1fr;
        grid-template-rows: 50% 50%
    }

    .dsg-lp-counter[data-type="modules"] {
        grid-area: 1/ 1 / 2 / 2
    }

    .dsg-lp-counter[data-type="users"] {
        grid-area: 2/ 1/ 3 / 2
    }
}

@media all and (max-width: 630px) and (min-width:1px) {
    .dsg-lp-counter {
        font-size:16px;
        text-align: left
    }
}

@media all and (max-width: 1152px) and (min-width:1000px) {
    #desktop-navigation #logo img {
        width:133px!important
    }

    #primary-menu.menu>li,#primary-menu.nav-menu>li {
        margin: 0 .4em!important;
        padding: 0 0.2em!important
    }
}

#atomion-breadcrumbs222 {
    display: none
}

h1:after,h2:after {
    content: none
}

.page .post-thumbnail,.page-id-2765 h1.entry-title,.page-id-22713 h1.entry-title,.page-id-11446 h1.entry-title,.page-id-7226 h1.entry-title,.page-id-8898 h1.entry-title,.page-id-9144 h1.entry-title,.page-id-12158 h1.entry-title,.page-id-3630 .entry-header h1.entry-title {
    display: none
}

.product_list_widget {
    list-style: none
}

.product_list_widget li {
    list-style: none;
    margin: 0 0 15px 0;
    font-size: 14px
}

.woocommerce-page .product {
    margin-top: 45px
}

.woocommerce-page h1.entry-title {
    display: block
}

.woocommerce-shop .woocommerce-products-header {
    display: block;
    max-width: 930px;
    margin: 0 auto 62px
}

.dsg-bulk-info-product {
    background-color: var(--dsg-color-grey2);
    padding: 2px 15px;
    font-size: 14px;
    list-style: none
}

.dsg-bulk-info-product p {
    margin: 15px 0
}

.woo_discount_rules_table td {
    display: none
}

body:not(.single-product) #dsg-info-b2bonly {
    margin: 9px auto 61px
}

#dsg-info-b2bonly-content,#dsg-info-b2bonly-title {
    background-color: var(--dsg-color-lightpink);
    padding: 15px 15px;
    cursor: pointer
}

#dsg-info-b2bonly.active #dsg-info-b2bonly-title,#dsg-info-b2bonly-title:hover,#dsg-info-b2bonly.active #dsg-info-b2bonly-title span,#dsg-info-b2bonly.active #dsg-info-b2bonly-title strong,#dsg-info-b2bonly:hover #dsg-info-b2bonly-title span,#dsg-info-b2bonly:hover #dsg-info-b2bonly-title strong {
    color: #fff
}

.woocommerce-page .related img {
    max-width: 225px;
    height: auto
}

.dsg-info-b2bonly-content {
    display: none
}

.dsg-b2bonly-link-red a:hover {
    text-decoration: underline;
    background-color: var(--dsg-color-pink)!important;
    color: white!important
}

#masthead .menu-item a img {
    display: block!important
}

#atomion-breadcrumbs,.woocommerce-result-count,.woocommerce-ordering,.woocommerce ul.products li.product .wgm-info.woocommerce_de_versandkosten,#content .wgm-info.woocommerce_de_versandkosten {
    display: none!important
}

h1:after,h2:after {
    content: none!important
}

.page .post-thumbnail,.single-product .post-thumbnail,.post-type-archive-product h1 {
    display: none
}

#content #atomion-more-latest-posts article,.archive article,.search article {
    margin-bottom: 130px
}

.bundle_form .bundled_product_title_link,.bundle_form .bundled_product_excerpt.product_excerpt {
    display: none
}

.bundle_form .attribute_options.attribute_value_static {
    display: flex;
    align-items: center
}

.woocommerce.single-product div.product .bundle_form h4 {
    font-size: 20px
}

.woocommerce.single-product div.product .bundle_form table.variations td.value {
    padding: 0
}

.woocommerce.single-product .single_variation_wrap.bundled_item_wrap .bundled_item_cart_details .price,.bundle_form .bundle_price p.price,.single-product .bundle_form .bundle_price p.price {
    font-size: 16px
}

.woocommerce.single-product .bundle_wrap .bundled_subscriptions_price_html {
    font-size: 16px
}

.dsg-single-post-wrap #atomion-more-latest-posts,.dsg-single-post-wrap #blog-sidebar {
    float: left;
    margin-top: 0
}

.dsg-single-post-wrap #atomion-more-latest-posts {
    max-width: 612px
}

.dsg-post-single-header {
    margin-bottom: 60px
}

#blog-sidebar .sidebar-content.col-2-3 {
    width: 75%;
    flex-basis: 75%
}

#blog-sidebar div#ez-toc-container ul li {
    margin: 10px 5px;
    font-size: 14px;
    counter-increment: dsg-toc-counter;
    list-style: none
}

#blog-sidebar div#ez-toc-container ul li a {
    display: flex;
    justify-content: left;
    align-items: baseline
}

#blog-sidebar div#ez-toc-container ul li a:before {
    content: counters(item,".",decimal) ". ";
    color: var(--dsg-color-blue-active);
    font-size: 16px;
    flex: 0 0 23px
}

#blog-sidebar #ez-toc-container.ez-toc-white {
    background: #fff;
    border: 0;
    background-color: var(--dsg-color-grey2)
}

#dsg_blog_side_nl {
    margin: 45px 0;
    display: block;
    padding: 10px;
    overflow: auto;
    border: 10px solid;
    border-color: var(--dsg-color-grey2)
}

#dsg_blog_side_nl .dsg_blog_side_nl_txt {
    display: block;
    text-align: center;
    font-size: 14px;
    padding: 10px 5px;
    background-color: var(--dsg-color-grey2);
    background-color: #fff
}

#dsg_blog_side_nl span span {
    color: #2e87c9
}

#dsg_blog_side_nl span span:hover {
    text-decoration: underline;
    color: #2e87c9
}

.wp-caption .wp-caption-text {
    font-size: 13px;
    font-style: italic;
    color: var(--dsg-color-font);
    text-align: left
}

.page-id-2015 .entry-content,.page-id-4106 .entry-content,.page-id-4069 .entry-content,.page-id-6695 .entry-content,.woocommerce-page .product .entry-content {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/images/dsg-genies/dsg-genies-info.png);
    background-repeat: no-repeat;
    background-size: 22%;
    background-position: right 29px top 30px;
    text-align: justify;
    min-height: 500px;
    text-align: left;
    padding-right: 35%
}

.single-post h1.entry-title,.page-id-2015 h1.entry-title,.page-id-4069 h1.entry-title,.page-id-4106 h1.entry-title,.page-id-6695 h1.entry-title,.woocommerce-page h1.entry-title {
    margin: 45px 0 41px
}

@media all and (max-width: 800px) and (min-width:5px) {
    .page-id-2015 .entry-content,.page-id-4106 .entry-content,.page-id-4069 .entry-content,.page-id-6695 .entry-content,.woocommerce-page .product .entry-content {
        background-image:none;
        padding-right: 0;
        min-height: 0
    }
}

.single-post .entry-meta {
    font-size: 15px
}

.posted-on .entry-date.published {
    display: inline-block
}

.posted-on .updated:not(.published) {
    display: none
}

.posted-on .entry-date.published:before {
    content: "Letztes Update: "
}

#comments .comment.depth-2,#comments .comment.depth-3,#comments .comment.depth-4,#comments .comment.depth-5 {
    background-color: var(--dsg-color-grey2)
}

#ez-toc-container li:before {
    display: none
}

.post-type-archive-product .page-description {
    margin-bottom: 45px
}

.dsg-bulk-info-product {
    background-color: var(--dsg-color-grey2);
    padding: 2px 15px;
    font-size: 14px
}

.dsg-bulk-info-product p {
    margin: 15px 0
}

.prd_singl_chs_lng {
    display: none
}

@media all and (min-width: 550px) {
    .prd_singl_chs_lng {
        display:flex;
        align-items: center;
        margin: 0 0 10px
    }

    .prd_singl_chs_lng span {
        height: 20px;
        width: 25px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center 2px;
        display: inline-block;
        margin-right: 5px
    }

    .prd_singl_chs_lng_flg_de {
        background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Flagge-rectangle-D.svg)
    }

    .prd_singl_chs_lng_flg_en {
        background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Flagge-rectangle-GB.svg)
    }
}

.product.product_tag-bundle {
    border: 20px
}

.dsg-prj-coupon-wrap .dsg-discount-flag,.product.product_tag-bundle .dsg-discount-flag {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-164a.svg);
    position: absolute;
    top: -3px;
    height: 50px;
    font-weight: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    width: 49px;
    left: 39px
}

@media all and (max-width: 1330px) and (min-width:1001px) {
    .dsg-prj-coupon-wrap .dsg-discount-flag,.product.product_tag-bundle .dsg-discount-flag {
        left:15px
    }
}

@media all and (max-width: 1000px) and (min-width:5px) {
    .dsg-prj-coupon-wrap .dsg-discount-flag,,.product.product_tag-bundle .dsg-discount-flag {
        left:4px
    }
}

.dsg-prj-coupon-wrap .dsg-discount-flag span,.product.product_tag-bundle .dsg-discount-flag span {
    display: block;
    background-color: #d9706e;
    border-radius: 2px;
    margin-top: 37px;
    color: #fff;
    width: fit-content;
    font-size: 13px;
    line-height: 1;
    padding: 3px 6px;
    margin-left: -1px
}

.product.product_tag-bundle .dsg-discount-info {
    background-color: var(--dsg-color-lightpink);
    font-size: 14px;
    padding: 4px 7px;
    border-radius: 2px;
    display: block;
    margin: 5px 0;
    margin: 8px auto -1px;
    width: fit-content;
    font-weight: 600
}

.product.product_tag-bundle .dsg-discount-bundle-title {
    background-color: var(--dsg-color-lightpink);
    font-size: 13px;
    padding: 2px 5px;
    border-radius: 2px;
    margin: 3px 0
}

.single-product .product.product_tag-bundle .dsg-discount-info {
    margin: 8px 0 9px;
    font-size: 16px
}

.product h2 .dsg-product-flag-wrap {
    display: block;
    margin-top: 9px
}

.product.product_tag-bundle h2 .dsg-product-flag-wrap {
    display: inline-block;
    margin-left: 5px;
    margin-top: 0
}

.product h2 .dsg-product-flag-wrap .lang {
    display: block;
    margin-top: 9px
}

.woocommerce ul.products li.product .price .asterisk {
    font-weight: normal!important
}

.woocommerce ul.products li.product .wgm-info.woocommerce-de_price_taxrate {
    display: none!important
}

.woocommerce .dsg-prdcts-ust {
    font-size: 14px;
    font-size: 14px;
    color: var(--dsg-color-grey6)
}

.tax-product_cat .dsg-prdcts-ust {
    margin-top: 30px
}

.dsg-product-flag-wrap .dsg-product-flag-de,.dsg-product-flag-wrap .dsg-product-flag-en {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Flagge-rectangle-D.svg);
    height: 20px;
    width: 25px;
    text-indent: -9999px;
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: -9999px;
    background-position: center 2px;
    display: inline-block
}

.dsg-product-flag-wrap .dsg-product-flag-en {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Flagge-rectangle-GB.svg)
}

.woocommerce-cart-form .cart_item .product-name small,body .woocommerce table.shop_table.woocommerce-checkout-review-order-table .cart_item td.product-name small,.woocommerce-checkout .dsg-bulk-info-product,.woocommerce-checkout .dsg-bulk-info-product {
    display: none
}

.product .reset_variations {
    display: none!important
}

.woo_discount_rules_table td {
    display: none
}

#dsg-info-b2bonly-content,#dsg-info-b2bonly-title {
    background-color: var(--dsg-color-lightpink);
    padding: 15px 15px;
    cursor: pointer;
    font-size: 14px
}

#greeting .dsg-info-b2bonly {
    margin: 30px 0
}

#greeting .dsg-info-b2bonly p {
    margin: 0 0 15px
}

#dsg-info-b2bonly.active #dsg-info-b2bonly-title,#dsg-info-b2bonly-title:hover {
    background-color: var(--dsg-color-pink);
    color: #fff
}

.cart_item .dsg-b2bonly-link-red,.woocommerce-checkout .dsg-b2bonly-link-red {
    display: none
}

.dsg-b2bonly-link-red a {
    background-color: var(--dsg-color-lightpink)!important;
    color: var(--dsg-color-font)!important;
    padding: 10px;
    margin: 0 0 -13px 0!important;
    display: inline-block
}

.dsg-info-b2bonly-content {
    display: none
}

.dsg-b2bonly-link-red a:hover {
    text-decoration: underline;
    background-color: var(--dsg-color-pink)!important;
    color: white!important
}

.product_meta .sku_wrapper {
    display: none
}

.woocommerce .woocommerce-billing-fields .checkout-focus-label {
    display: none!important
}

.atomion-checkbox-style.style-filled.checked {
    position: relative
}

.atomion-checkbox-style.style-filled.checked:before {
    content: "✓";
    position: absolute;
    top: 0;
    left: 1px;
    height: 20px;
    line-height: 1;
    color: var(--dsg-color-green-active);
    font-weight: 600;
    font-size: 90%
}

#primary-menu .fontawesome-text {
    display: none
}

.create-account.woocommerce-validated {
    background-color: var(--dsg-color-lightyellow);
    padding: 10px!important;
    margin-top: 30px!important
}

.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--payment-methods,.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads,.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--wishlist,.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--ppcp-paypal-payment-tokens {
    display: none
}

.admin-bar .woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--subscriptions {
    display: block
}

.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--view-license-keys {
    display: none!important
}

.woocommerce-license-keys-table.account-license-keys-table a.woocommerce-button.button.extend,.woocommerce-table.shop_table.license-key-details-table a.woocommerce-button.button.extend {
    text-indent: -9999px;
    visibility: hidden;
    padding: 0!important
}

.woocommerce-license-keys-table.account-license-keys-table a.woocommerce-button.button.extend:after,.woocommerce-table.shop_table.license-key-details-table a.woocommerce-button.button.extend:after {
    content: 'Lizenz verlängern';
    display: inline-block;
    padding: 10px;
    top: 2px;
    visibility: visible;
    background-color: var(--dsg-color-green-j-normal);
    border: 3px solid var(--dsg-color-green-j-normal);
    margin-left: 8px;
    width: 135px;
    margin-right: 0
}

.woocommerce-table.shop_table.license-key-details-table a.woocommerce-button.button.extend:after {
    width: 157px
}

.woocommerce-table.shop_table.license-key-details-table a.woocommerce-button.button.extend:hover:after,.woocommerce-license-keys-table.account-license-keys-table a.woocommerce-button.button.extend:hover:after {
    background-color: #fff;
    color: var(--dsg-color-green-j-normal)
}

.woocommerce-table.shop_table.activations thead tr th:nth-child(4),.woocommerce-table.shop_table.activations tbody tr td:nth-child(4),.woocommerce-table.shop_table.activations a.woocommerce-button.button.deactivate {
    display: none
}

.woocommerce .u-columns.woocommerce-Addresses.col2-set.addresses label {
    display: block
}

.woocommerce-MyAccount-navigation-link--user-switching-switch-back a,#user_switching_switch_on a {
    background-color: var(--dsg-color-red)!important;
    color: white!important;
    padding: 10px 20px!important;
    font-size: 18px!important
}

.woocommerce-account .my_account_subscriptions.my_account_orders.woocommerce-orders-table.woocommerce-MyAccount-subscriptions tr td:nth-child(2) .dsg-sub-lang-wrap {
    display: flex;
    justify-content: left;
    margin: 8px 0
}

.woocommerce-account .my_account_subscriptions.my_account_orders.woocommerce-orders-table.woocommerce-MyAccount-subscriptions tr td:nth-child(2) .dsg-sub-lang-wrap .lang {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Flagge-rectangle-D.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 0;
    text-indent: -9999px;
    width: 31px;
    height: 22px
}

.woocommerce-account .my_account_subscriptions.my_account_orders.woocommerce-orders-table.woocommerce-MyAccount-subscriptions tr td:nth-child(2) .dsg-sub-lang-wrap div:first-child {
    margin-right: 10px
}

.woocommerce-account .my_account_subscriptions.my_account_orders.woocommerce-orders-table.woocommerce-MyAccount-subscriptions tr td:nth-child(2) .dsg-sub-lang-wrap .en.lang {
    0 background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Flagge-rectangle-GB.svg)
}

.woocommerce-account table.my_account_orders.dsg-myaccount-licenses tr td:nth-child(2) {
    display: none
}

.woocommerce-account table.my_account_orders tr th.activation {
    display: none
}

.woocommerce-account table.my_account_orders.dsg-myaccount-licenses tr th.license-key,.woocommerce-account table.my_account_orders.dsg-myaccount-licenses tr td:nth-child(1) {
    width: 40%
}

.woocommerce-account table.my_account_orders.dsg-myaccount-licenses tr th.valid-until,.woocommerce-account table.my_account_orders.dsg-myaccount-licenses tr td:nth-child(2) {
    width: 20%
}

.woocommerce-account table.my_account_orders.dsg-myaccount-licenses tr th.reorder {
    text-align: right
}

.woocommerce-account h3.product-name {
    margin: 45px 0
}

.woocommerce-account table.my_account_orders.dsg-myaccount-licenses tr td:nth-child(1) .dsg-lc-link-out.active a {
    background-color: var(--dsg-color-green)
}

.woocommerce-account table.my_account_orders.dsg-myaccount-licenses tr td:nth-child(1) .lmfwc-myaccount-license-key,.woocommerce-account table.my_account_orders.dsg-myaccount-licenses tr td:nth-child(1) .dsg-lc-link-out a {
    font-family: inherit;
    font-size: 14px;
    background-color: var(--dsg-color-grey2);
    padding: 7px 13px 7px 37px;
    position: relative;
    border-radius: 1px;
    display: inline-block;
    cursor: pointer;
    margin-right: 15px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    font-weight: normal!important;
    transition: none!important;
    width: 100%
}

.woocommerce-account table.my_account_orders.dsg-myaccount-licenses tr td:nth-child(1) .dsg-lc-link-out .hidden {
    display: none!important
}

.woocommerce-account table.my_account_orders.dsg-myaccount-licenses tr td:nth-child(1) .lmfwc-myaccount-license-key {
    color: var(--dsg-color-font)!important;
    width: 100%;
    display: block
}

.woocommerce-account table.my_account_orders.dsg-myaccount-licenses .dsg-myaccount-licenses-row td {
    vertical-align: top
}

.woocommerce-account table.my_account_orders.dsg-myaccount-licenses tr td:nth-child(1) .lmfwc-myaccount-license-key:hover,.woocommerce-account table.my_account_orders.dsg-myaccount-licenses tr td:nth-child(1) .dsg-lc-link-out a:not(.lc-transferred):hover {
    background-color: silver;
    color: white!important
}

.woocommerce-account table.my_account_orders.dsg-myaccount-licenses tr td:nth-child(1) .dsg-lc-link-out a:before,.woocommerce-account table.my_account_orders.dsg-myaccount-licenses tr td:nth-child(1) .lmfwc-myaccount-license-key:before {
    font-family: 'dashicons',sans-serif;
    content: "\f112";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    padding-top: 5px;
    width: 26px;
    background-color: silver;
    color: #fff;
    line-height: 25px;
    text-align: center;
    font-size: 14px
}

.woocommerce-account table.my_account_orders.dsg-myaccount-licenses tr td:nth-child(1) .lmfwc-myaccount-license-key:hover::before,.woocommerce-account table.my_account_orders.dsg-myaccount-licenses tr td:nth-child(1) .dsg-lc-link-out a:not(.lc-transferred):hover::before {
    background-color: var(--dsg-color-grey2);
    color: #888;
    font-family: Font Awesome\ 5 Free;
    content: "\f0c5"
}

.woocommerce-account table.my_account_orders.dsg-myaccount-licenses tr td:nth-child(1) .dsg-lc-link-out.edit.active a::before {
    content: "\f044"
}

.woocommerce-account table.my_account_orders.dsg-myaccount-licenses tr td:nth-child(1) .dsg-lc-link-out a {
    margin: 0 0 0 0
}

.woocommerce-account table.my_account_orders.dsg-myaccount-licenses tr td:nth-child(1) .dsg-lc-link-out a:before {
    font-family: "Font Awesome 5 Free";
    content: "\f044";
    color: #fff;
    font-weight: 600
}

.woocommerce-account table.my_account_orders.dsg-myaccount-licenses tr td:nth-child(1) .dsg-lc-link-out.dsg-lc-link-trans a:before,.woocommerce-account table.my_account_orders.dsg-myaccount-licenses tr td:nth-child(1) .dsg-lc-link-out.dsg-lc-link-trans a:hover:before {
    content: "\f04b"
}

.woocommerce-account table.my_account_orders.dsg-myaccount-licenses tr td:nth-child(1) .dsg-lc-link-out.dsg-lc-link-trans a.lc-transferred:before,.woocommerce-account table.my_account_orders.dsg-myaccount-licenses tr td:nth-child(1) .dsg-lc-link-out.dsg-lc-link-trans a.lc-transferred:hover:before {
    content: "\f164"
}

.woocommerce-account table.my_account_orders.dsg-myaccount-licenses tr td:nth-child(1) .dsg-lc-link-out.preloader a.primary:before {
    content: "";
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-animated-gear-white.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 26px;
    background-position: center 6px
}

.woocommerce-account table.my_account_orders.dsg-myaccount-licenses tr td:nth-child(1) .dsg-lc-link-out a:hover::before {
    content: "\f35d";
    left: 0
}

.woocommerce-account table.my_account_orders.dsg-myaccount-licenses tr td:nth-child(1) .dsg-lc-link-out a .primary {
    margin-bottom: 5px;
    display: block
}

.woocommerce-account table.my_account_orders.dsg-myaccount-licenses tr td:nth-child(1) .dsg-lc-link-out a:hover .primary {
    background-color: silver
}

.woocommerce-account table.my_account_orders.dsg-myaccount-licenses tr td:nth-child(1) .dsg-lc-link-out a .secondary.small {
    display: block;
    font-size: 13px;
    margin-right: 30px
}

.woocommerce-account table.my_account_orders.dsg-myaccount-licenses tr td:nth-child(1) .dsg-lc-link-out a:hover .secondary {
    color: #fff
}

.woocommerce-account table.my_account_orders.dsg-myaccount-licenses tr td:nth-child(1) .dsg-lc-link-out .buttontext.secondary {
    margin: 10px 0 8px;
    display: block;
    color: var(--dsg-color-blue-j-light)
}

.woocommerce-account table.my_account_orders.dsg-myaccount-licenses tr td:nth-child(1) .dsg-lc-link-out.edit .new,.woocommerce-account table.my_account_orders.dsg-myaccount-licenses tr td:nth-child(1) .dsg-lc-link-out.new .edit {
    display: none
}

.woocommerce-account table.my_account_orders.dsg-myaccount-licenses tr td .dsg-lc-link-out-delete {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 33px;
    height: 31px;
    text-indent: -9999px;
    text-align: center;
    color: #fff;
    cursor: pointer
}

.woocommerce-account table.my_account_orders.dsg-myaccount-licenses tr td .dsg-lc-link-out-wrap.mouseover .dsg-lc-link-out-delete,.woocommerce-account table.my_account_orders.dsg-myaccount-licenses tr td .dsg-lc-link-out-delete:hover {
    display: block
}

.woocommerce-account table.my_account_orders.dsg-myaccount-licenses tr td .dsg-lc-link-out-delete:hover {
    color: var(--dsg-color-red)
}

.dsg-lc-link-out-wrap {
    position: relative;
    margin-top: 20px
}

.woocommerce-account table.my_account_orders.dsg-myaccount-licenses tr td .dsg-lc-link-out-delete:before {
    font-family: Font Awesome\ 5 Free;
    content: "\f2ed";
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 10px;
    text-indent: 0;
    font-size: 17px
}

.woocommerce-account table.my_account_orders.dsg-myaccount-licenses tr td:nth-child(1) .dsg-lc-link-out a {
    margin: 0 0 0 0
}

.woocommerce-account table.my_account_orders.dsg-myaccount-licenses tr td:nth-child(1) .dsg-lc-link-out.dsg-lc-link-trans a:not(.lc-transferred) {
    background-color: khaki
}

.woocommerce-account table.my_account_orders.dsg-myaccount-licenses tr td:nth-child(1) .dsg-lc-link-out.dsg-lc-link-trans a:not(.lc-transferred):hover {
    background-color: var(--dsg-color-yellow-j-normal)
}

.woocommerce-account table.my_account_orders.dsg-myaccount-licenses tr td:nth-child(1) .dsg-lc-link-out.dsg-lc-link-trans a.lc-transferred:hover {
    color: inherit
}

@media all and (max-width: 767px) and (min-width:5px) {
    .woocommerce-account table.my_account_orders.dsg-myaccount-licenses tr th.license-key,.woocommerce-account table.my_account_orders.dsg-myaccount-licenses tr td:nth-child(1) {
        width:100%
    }

    .woocommerce-account table.my_account_orders.dsg-myaccount-licenses tr td:nth-child(1) .dsg-lc-link-out a,.woocommerce-account table.my_account_orders.dsg-myaccount-licenses tr td:nth-child(1) .lmfwc-myaccount-license-key {
        font-size: 14px;
        width: 100%;
        text-align: center;
        margin: 0 0 8px 0
    }

    .woocommerce-account table.my_account_orders.dsg-myaccount-licenses tr td:nth-child(1) .lmfwc-myaccount-license-key {
        margin-top: 35px
    }

    .woocommerce-account table.my_account_orders.dsg-myaccount-licenses tr td.expires_at b {
        font-weight: 400;
        font-size: 14px
    }

    .woocommerce-account table.my_account_orders.dsg-myaccount-licenses tr td.expires_at b:before {
        content: "Läuft ab am: "
    }

    .woocommerce-account table.my_account_orders.dsg-myaccount-licenses tr td.reorder {
        width: 100%
    }

    .dsg-license-content-info-shop .woocommerce-Price-amount.amount,.dsg-license-content-info-shop .woocommerce-Price-amount.amount {
        min-width: 147px
    }

    .woocommerce-account table.my_account_orders tr td.reorder .dsg-license-content-info-shop .product.add_to_cart_inline .woocommerce-Price-amount.amount:before {
        content: "Nachbestellen: "
    }

    .woocommerce table.shop_table_responsive.dsg-myaccount-licenses tr td::before,.woocommerce-page table.shop_table_responsive.dsg-myaccount-licenses tr td::before {
        display: none
    }

    .woocommerce-account .dsg-myaccount-licenses-expired-button {
        margin-top: 15px;
        display: block;
        width: 100%;
        margin: 10px 10px
    }
}

.woocommerce-account table.my_account_orders tr.dsg-myaccount-licenses-expired {
    opacity: .5
}

.woocommerce-account table.my_account_orders tr.dsg-myaccount-licenses-expired:hover {
    opacity: 1
}

.woocommerce-account table.my_account_orders tr.dsg-myaccount-licenses-expired .lmfwc-myaccount-license-key,.woocommerce-account table.my_account_orders tr.dsg-myaccount-licenses-expired .expires_at {
    color: var(--dsg-color-red-j-normal)
}

.woocommerce-account .dsg-myaccount-licenses-expired-button-wrap {
    width: 100%
}

.woocommerce-account .dsg-myaccount-licenses-expired-button {
    float: right;
    font-size: 14px
}

.acc-act-pwinfo {
    background-color: var(--dsg-color-lightgreen);
    padding: 10px 20px;
    max-width: 800px;
    margin: 38px 0 30px 0;
    font-size: 13px
}

.woocommerce-ResetPassword {
    max-width: 800px
}

.woocommerce-ResetPassword .g-recaptcha {
    margin-bottom: 20px
}

.dsg-acc-l-fdwn {
    margin-top: 12px
}

.woocommerce-account table.my_account_orders tr td:nth-child(1) .dsg-acc-l-fdwn a {
    display: flex;
    font-weight: normal!important;
    padding: 0;
    align-items: center;
    margin-bottom: 5px;
    color: var(--dsg-color-blue-j-light)!important
}

.woocommerce-account table.my_account_orders tr td:nth-child(1) .dsg-acc-l-fdwn a {
    background-color: transparent!important;
    color: var(--dsg-color-blue-j-light)
}

.woocommerce-account table.my_account_orders tr td:nth-child(1) .dsg-acc-l-fdwn a:hover {
    background-color: var(--dsg-color-blue-j-light)!important;
    color: white!important
}

.woocommerce-account table.my_account_orders tr td:nth-child(1) .dsg-acc-l-fdwn a:hover:before,.woocommerce-account table.my_account_orders tr td:nth-child(1) .dsg-acc-l-fdwn a:before,.dsg-acc-l-fdwn-mssg:before {
    content: "";
    background-position: -6px 0;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 35px;
    width: 37px;
    cursor: pointer;
    position: relative;
    padding: 0;
    margin: 0;
    background-color: transparent
}

.dsg-acc-l-fdwn a.docx.de:before {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-DOC-D.svg)
}

.dsg-acc-l-fdwn a.docx.en:before {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-DOC-E.svg)
}

.dsg-acc-l-fdwn a.pdf.de:before {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-PDF-D.svg)
}

.dsg-acc-l-fdwn a.pdf.en:before {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-PDF-E.svg)
}

.dsg-acc-l-fdwn a.html.de:before {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Code-D.svg)
}

.dsg-acc-l-fdwn a.html.en:before {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-code-E.svg)
}

.dsg-acc-l-fdwn-mssg {
    padding-left: 35px;
    font-size: 13px;
    margin-top: 20px;
    color: var(--dsg-color-red)
}

.dsg-acc-l-fdwn-mssg:before {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons//dsg-icon-Widerspruch-A.svg);
    left: 0;
    position: absolute;
    background-position: -5px center
}

.woocommerce ul.products li.product.product-category a img {
    width: auto!important;
    max-width: 150px;
    max-height: 150px
}

.woocommerce ul.products li.product a img {
    display: inline-block!important;
    margin: 0!important
}

.woocommerce ul.products li.product {
    text-align: center
}

.woocommerce ul.products li.product mark.count {
    display: none
}

.woocommerce ul.products li.product .woocommerce-loop-category__title,.woocommerce ul.products li.product .woocommerce-loop-product__title,.woocommerce ul.products li.product h3 {
    font-size: 14px!important;
    margin: 4px 0!important;
    font-weight: 500
}

.woocommerce-mini-cart-item .subscription-details,.woocommerce table.cart .product-price .subscription-details,.woocommerce table.cart .product-subtotal .subscription-details,.woocommerce .checkout .product-total .subscription-details,.product .product_meta,.product-section.license_key_details,.product-section.additional_information,.product .site-product-meta .price .from,.product .site-product-meta .price .subscription-details {
    display: none
}

.product .variations_form.cart .price .subscription-details {
    visibility: hidden
}

.product .variations_form.cart .price .amount {
    font-size: 25px
}

.product .variations_form.cart .price .subscription-details:before {
    content: "(zzgl. USt)";
    visibility: visible;
    font-size: 13px;
    margin-left: 6px
}

.dsg-product-fullinfo,.dsg-product-description,.dsg-product-discount,.dsg-product-20,.dsg-product-b2b {
    padding-left: 30px;
    display: block;
    position: relative;
    margin-bottom: 15px
}

.dsg-product-fullinfo:before,.dsg-product-description:before,.dsg-product-discount:before,.dsg-product-20:before,.dsg-product-b2b:before {
    font-size: 18px;
    font-weight: 900;
    font-family: Font Awesome\ 5 Free;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    position: relative;
    top: 2px;
    line-height: 1.3;
    position: absolute;
    top: 0;
    left: 0;
    color: #2e87c9
}

.dsg-product-discount a,.dsg-product-discount:before {
    color: var(--dsg-color-red)!important
}

.dsg-product-b2b:before {
    content: "\f19c"
}

.dsg-product-b2b a {
    color: var(--dsg-color-red)!important;
    background-color: var(--dsg-color-lightpink)!important;
    padding: 3px 6px;
    margin-bottom: 15px;
    display: inline-block
}

.dsg-product-discount:before {
    content: "\f295"
}

.dsg-product-fullinfo:before {
    content: "\f05a"
}

.dsg-product-description:before {
    content: "\f15c"
}

.dsg-product-20:before {
    content: "20"
}

.woocommerce div.product form.cart .button {
    font-size: 30px;
    padding: 5px 15px;
    height: 43px;
    width: fit-content;
    display: inline-block
}

@media all and (max-width: 930px) and (min-width:5px) {
    .woocommerce div.product form.cart .button {
        font-size:25px
    }
}

.woocommerce button.button.loading {
    padding-right: 70px!important
}

.woocommerce button.button.loading::after {
    top: 0.1em!important;
    right: 0.5em!important
}

.woocommerce li.product .product-image-wrapper a.add_to_cart_button,.woocommerce li.product .product-image-wrapper a.add_to_cart_button:hover {
    background: var(--dsg-color-blue-j-normal)!important
}

.woocommerce.single-product div.product form.cart .variations label {
    display: flex;
    align-items: center;
    height: 49px
}

.woocommerce.single-product div.product form.cart .variations label:after {
    content: ':'
}

.woocommerce div.product:not(.product-type-bundle) form.cart .variations td.label {
    padding-right: 0;
    max-width: 49px
}

.shop_table.discounts-for-subscriptions-table thead,.shop_table.discounts-for-subscriptions-table tbody tr:first-child {
    display: none
}

.shop_table.discounts-for-subscriptions-table tbody tr td {
    padding: 5px
}

.shop_table.discounts-for-subscriptions-table tbody tr:nth-child(2) td:first-child span {
    opacity: 0
}

.shop_table.discounts-for-subscriptions-table thead tr:nth-child(1) td:first-child:before {
    content: "Kosten "
}

.shop_table.discounts-for-subscriptions-table tbody tr:nth-child(2) td:first-child:before {
    content: "Generierte Dokumente sind ohne zeitliches Limit nutzbar; Änderungen und Updates im Generator sind für ein Jahr inklusive und können auf Wunsch (kein Abo) verlängert werden für:";
    font-size: 13px;
    padding-right: 20px
}

.woocommerce-grouped-product-list-item__quantity .button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    position: relative
}

.woocommerce-grouped-product-list.group_table tr td:nth-child(2),.woocommerce-grouped-product-list.group_table tr td:nth-child(3) {
    display: none
}

.woocommerce-view-subscription .woocommerce-MyAccount-content h2,.woocommerce-view-subscription .shop_table.order_details,.woocommerce-view-subscription .shop_table.subscription_details tr:nth-child(5),.woocommerce-view-subscription .shop_table.subscription_details tr:nth-child(6) {
    display: none
}

.woocommerce-view-subscription .woocommerce-MyAccount-content header h2 {
    display: block
}

.woocommerce-cart .woocommerce table.shop_table td.product-name img,.woocommerce-cart .woocommerce table.shop_table td.product-name .dsg-product-fullinfo,.woocommerce-checkout .woocommerce table.shop_table td.product-name .dsg-product-fullinfo,.woocommerce-cart .woocommerce table.shop_table td.product-name .dsg-product-b2b,.woocommerce-checkout .woocommerce table.shop_table td.product-name .dsg-product-b2b,.woocommerce-checkout .woocommerce table.shop_table td.product-name .dsg-product-20,.woocommerce-cart .woocommerce table.shop_table td.product-name .dsg-product-discount,.woocommerce-checkout .woocommerce table.shop_table td.product-name .dsg-product-discount {
    display: none
}

.woocommerce-checkout .entry-content .xlwcty_wrap .xlwcty_info {
    display: none!important
}

div.woocommerce-message~.woocommerce-message {
    display: none
}

.woocommerce-cart .coupon label {
    display: none
}

.woocommerce-checkout #billing_email_field .description {
    margin-top: 5px;
    display: block;
    font-size: 13px;
    font-style: italic;
    color: #888
}

.dsg-shop-checkout-small-info {
    margin-top: 5px;
    display: block;
    font-size: 13px;
    font-style: italic;
    color: #888
}

.ppc-button-wrapper {
    display: flex;
    width: 100%;
    justify-content: right
}

.ppc-button-wrapper #ppc-button-ppcp-gateway {
    width: 400px;
    max-width: 100%
}

span.checkout-focus-label paypal-button-number-2,span.checkout-focus-label paypal-button-number-3,span.checkout-focus-label paypal-button-number-4 {
    display: none
}

#masthead #desktop-navigation .atomion-mini-cart-widget li.mini_cart_item>img {
    padding-left: 0!important;
    position: relative!important
}

.product .woocommerce-de_price_taxrate {
    display: none!important
}

.woocommerce-additional-fields #billing_vat_field {
    margin-top: 87px
}

@media all and (max-width: 769px) and (min-width:5px) {
    .woocommerce-additional-fields #billing_vat_field {
        margin-top:0
    }
}

.woocommerce-additional-fields #billing_vat_field label {
    display: none
}

.billing-licensedetails-title {
    margin-bottom: 18px
}

.billing-licensedetails-subtitle {
    margin: 0 0 15px
}

#billing_licensedetails_domains_field .description {
    line-height: inherit;
    font-size: 14px;
    margin: 15px 0 0;
    font-style: italic;
    display: block;
    color: var(--dsg-color-grey5)
}

#billing_licensedetails_domains_field,.billing-licensedetails-title,.billing-licensedetails-subtitle {
    max-width: 577px
}

@media all and (max-width: 769px) and (min-width:5px) {
    #billing_licensedetails_domains_field,.billing-licensedetails-title,.billing-licensedetails-subtitle {
        max-width:100%
    }
}

.woocommerce-checkout .woocommerce-error {
    padding-left: 54px!important
}

.xlwcty_subscription {
    display: none!important
}

.xlwcty_Box {
    background-color: yellow
}

#main-footer h3.widget-title:after {
    display: none
}

#content .sidebar section {
    border-bottom: 0;
    margin-bottom: 30px
}

#content .sidebar section small {
    color: var(--dsg-color-grey6)
}

#affwp-affiliate-dashboard-tabs li:before {
    display: none
}

.page-id-2621 .nf-form-wrap.ninja-forms-form-wrap {
    margin-left: 125px
}

.page-id-2621 .nf-field-container,.page-id-2621 .field-wrap {
    width: 100%!important;
    max-width: 800px;
    float: none!important;
    margin-left: 0!important
}

.page-id-2621 .nf-form-wrap.ninja-forms-form-wrap .checkbox-wrap {
    display: block
}

.page-id-2621 .nf-form-wrap.ninja-forms-form-wrap .checkbox-wrap .nf-field-label {
    padding-left: 45px
}

.page-id-2621 .nf-form-wrap.ninja-forms-form-wrap .checkbox-wrap .nf-field-description {
    padding-left: 45px
}

.page-id-2621 .nf-form-wrap.ninja-forms-form-wrap .checkbox-wrap .nf-field-element {
    float: left
}

.page-id-2621 .nf-form-wrap.ninja-forms-form-wrap input[type="checkbox"] {
    width: 30px;
    height: 30px;
    padding: 10px
}

.page-id-2621 .nf-form-wrap.ninja-forms-form-wrap .submit-container input {
    background-color: #2e87c9;
    border: 3px solid #2e87c9;
    color: #fff;
    border-radius: 0;
    font-size: 16px;
    font-weight: 600;
    padding: .8em;
    -webkit-font-smoothing: unset;
    transition: .3s all ease;
    text-decoration: none
}

.nf-form-wrap.ninja-forms-form-wrap .nf-form-fields-required {
    margin-bottom: 30px
}

.dsg-faq-element-answer.dsg-slider {
    margin-right: 0!important;
    padding: 0 80px 30px 20px!important;
    max-width: 800px;
    text-align: justify
}

.page-id-12158 .entry-title {
    display: none
}

.page-id-12158 #dsg-generate-newsletter {
    display: grid!important;
    margin: 0
}

.page-id-12158 #dsg-generate-newsletter-left {
    padding-right: 80px
}

.post-2389 .entry-content,.post-3882 .entry-content,.post-7266 .entry-content,.post-7746 .entry-content,.post-7759 .entry-content,.post-11305 .entry-content,.post-8657 .entry-content,.post-13761 .entry-content,.post-10236 .entry-content,.post-8341 .entry-content,.post-11446 .entry-content,.post-22713 .entry-content,.post-9225 .entry-content,.post-7226 .entry-content {
    margin: 0 auto 0;
    max-width: 560px
}

.page-id-19177.dsg-generator .entry-content,.page-id-19177.dsg-generator h1.entry-title,.page-id-19179.dsg-generator .entry-content,.page-id-19179.dsg-generator h1.entry-title {
    margin: 0 auto 0;
    max-width: 560px
}

#dsg-ud-mailform {
    display: none
}

.ts-newsletter-form {
    display: flex;
    flex-wrap: wrap
}

.ts-newsletter-form p:first-child {
    margin-right: 10px
}

.ts-newsletter-form p:first-child input {
    padding: 8px;
    width: 260px
}

small.ts-newsletter-legal {
    color: var(--dsg-color-grey6)!important
}

#lp_google_review .wp-google-time {
    display: none
}

.ui-dialog {
    /* width: 800px!important; */
    /* max-width: 90%!important; */
    /* padding: 25px 27px 24px 17px!important */
}

.ui-widget-content.dsg-dialog-info-generate[data-opener-type="text-de"],.ui-widget-content.dsg-dialog-info-generate[data-opener-type="text-en"] {
    background-color: #f9f9f9
}

.ui-dialog.dsg-dialog-info-generate-text {
    width: 1000px!important
}

.ui-dialog .ui-resizable-se {
    display: none!important
}

.ui-dialog.dsg-dialog-info .ui-dialog.dsg-dialog-preview {
    position: fixed!important;
    top: 30px!important;
    max-height: calc(100vh - 60px);
    overflow-y: auto
}

.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-handle {
    display: none!important
}

.dsg-dialog.ui-dialog-content {
    font-size: 16px!important;
    font-family: "SourceSansPro",sans-serif!important;
    font-weight: 400;
    width: 100%!important;
    padding: 14px 1em!important;
    background-size: 65%;
    background-position: top left;
    background-position-x: left;
    background-position-y: top;
    background-repeat: no-repeat;
    background-size: 25%
}

.ui-dialog.dsg-dialog-info .ui-dialog-content,.ui-dialog.dsg-dialog-preview .ui-dialog-content {
    padding-bottom: 60px!important
}

.ui-dialog.dsg-dialog-info-preview .ui-dialog-content,.ui-dialog.dsg-dialog-info-preview .dsg-out-generate-text-main.ui-dialog-content {
    padding: 0 45px 10px 35px!important;
    margin: 0 0 50px!important
}

.ui-dialog.dsg-dialog-info-preview .dsg-out-generate-text-main.ui-dialog-content {
    margin: 20px 0 50px!important
}

@media all and (max-width: 650px) and (min-width:5px) {
    .ui-dialog.dsg-dialog-info-preview .ui-dialog-content,.ui-dialog.dsg-dialog-info-preview .dsg-out-generate-text-main.ui-dialog-content {
        padding:0 19px 10px 5px!important
    }
}

.ui-dialog.dsg-dialog-info-old .ui-dialog-content {
    padding: 0 60px 10px 60px!important
}

.ui-dialog.dsg-usmo-dialog-modal-premium .ui-dialog-content {
    padding: 0 40px 10px 34px!important;
    margin: 20px 0 26px!important
}

.ui-dialog.dsg-dialog-info .ui-dialog-content.dsg-dialog-usmo {
    padding: 0 4%!important
}

.ui-dialog.dsg-usmo-dialog-modal-delete .ui-dialog-content {
    padding: 1em 31px!important
}

.ui-dialog.dsg-dialog-info-preview {
    padding: 0 45px 20px!important
}

.dsg-dialog.ui-dialog-content ol,.dsg-dialog.ui-dialog-content ul,.dsg-dialog.ui-dialog-content p {
    margin: 1em
}

.dsg-dialog.ui-dialog-content ul {
    margin-top: 2em
}

.dsg-dialog.ui-dialog-content ul li {
    padding: 0 0 0 1em;
    position: relative;
    margin: 1em 0 0 0
}

.dsg-dialog.ui-dialog-content ol li {
    list-style-type: auto
}

.ui-dialog.dsg-usmo-dialog-modal-premium .ui-dialog-content p,.ui-dialog.dsg-dialog-info-preview .ui-dialog-content p {
    margin: 1em 0 1em
}

.dsg-dialog.ui-dialog-content a:not(.dsg-license-content-blurred,.button,.filelink):not(.dsg-entries-save-form-postinfo a) {
    color: var(--dsg-color-blue-j-normal) !Important
}

.ui-dialog-titlebar {
    background: #fff!important;
    border: 0!important;
    height: 36px;
    font-size: 18px;
    border: 0!important;
    font-weight: 600;
    line-height: 2;
    padding: 0 36px 0 16px
}

.dsg-dialog-generated.html-de .ui-dialog-titlebar,.dsg-dialog-generated.html-en .ui-dialog-titlebar,.dsg-dialog-generated.text-de .ui-dialog-titlebar,.dsg-dialog-generated.text-en .ui-dialog-titlebar {
    height: 52px;
    padding: 5px 0 10px
}

.ui-widget-content.dsg-dialog-info-generate[data-opener-type="text-de"] .ui-dialog-titlebar.ui-widget-header,.ui-widget-content.dsg-dialog-info-generate[data-opener-type="text-en"] .ui-dialog-titlebar.ui-widget-header {
    background-color: #f9f9f9!important
}

.dsg-usmo-dialog-modal .ui-dialog-titlebar,.dsg-usmo-dialog-modal-premium .ui-dialog-titlebar {
    margin-top: 15px
}

.ui-dialog .ui-dialog-title {
    padding-left: 15px
}

.ui-dialog-buttonpane {
    border-radius: 0 0 2px 2px
}

.ui-button.ui-dialog-titlebar-close {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Zonk.svg)!important;
    background-repeat: no-repeat!important;
    background-size: contain!important;
    color: #fff!important;
    min-height: 32px!important;
    border: 0!important;
    max-height: 38px!important;
    height: 50px!important;
    line-height: 1!important;
    background-color: transparent!important;
    color: transparent!important;
    text-indent: -9999px;
    width: 39px!important;
    top: 0!important;
    right: -13px!important
}

.dsg-dialog-no-close .ui-button.ui-dialog-titlebar-close {
    display: none
}

.ui-button.ui-dialog-titlebar-close:focus {
    border: 0!important;
    box-shadow: none!important;
    outline: 0!important
}

.ui-button.ui-dialog-titlebar-close span {
    display: none!important
}

.dsg-usmo-dialog-modal .ui-button.ui-dialog-titlebar-close {
    display: none
}

.ui-dialog.dsg-dialog-info-preview .ui-dialog-titlebar-close {
    right: -10px;
    top: 6px
}

.ui-dialog .ui-dialog-buttonset {
    width: 100%;
    display: flex;
    justify-content: end;
    align-items: center;
    flex-wrap: wrap
}

.ui-dialog-buttonpane .ui-button {
    height: 30px;
    border-radius: 0;
    font-weight: 400;
    font-family: inherit;
    font-size: 16px!important;
    border: var(--dsg-color-green);
    background: var(--dsg-color-green-grey)!important;
    font-family: "SourceSansPro",sans-serif;
    padding: 30px 25px;
    border: 0;
    box-shadow: none;
    line-height: 1;
    color: var(--dsg-color-font);
    display: flex!important;
    align-items: center;
    margin-right: 0!important;
    justify-content: center
}

.ui-dialog-buttonpane .ui-button.hidden {
    display: none!important
}

.ui-dialog-buttonset .ui-button:nth-child(2) {
    margin-left: 20px!important
}

.ui-dialog-buttonpane .ui-button:hover,.ui-dialog-buttonpane .ui-button:active {
    color: #fff;
    background: var(--dsg-color-green-j-normal)!important
}

#dsg-drpld .button-area .button-cookie-copy.bg-button-red,.ui-dialog-buttonpane .ui-button.bg-button-red {
    background-color: var(--dsg-color-pink)!important
}

#dsg-drpld .button-area .button-cookie-copy.bg-button-red:hover,.ui-dialog-buttonpane .ui-button.bg-button-red:hover {
    background-color: var(--dsg-color-red)!important
}

.ui-dialog-buttonpane .ui-button:focus {
    border: 0;
    box-shadow: inherit
}

.ui-button-text {
    line-height: 1!important
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: right;
    border: 0
}

dsg-dialog ui-dialog-content ui-widget-content {
    width: 100%
}

.ui-widget-overlay {
    background: #000!important;
    opacity: 0.80!important;
    filter: Alpha(Opacity=80)!important;
    position: fixed!important
}

.ui-widget-overlay.dark-overlay {
    opacity: 0.85!important;
    filter: Alpha(Opacity=80)!important
}

.ui-widget-overlay.verydark-overlay {
    opacity: 0.90!important;
    filter: Alpha(Opacity=90)!important
}

.dsg-katjaaktion-modal {
    position: fixed!important;
    top: 50%!important;
    left: 50%!important;
    transform: translate(-50%,-50%)
}

.dsg-katjaaktion-modal .text-wrap {
    padding: 10px;
    background-color: var(--dsg-color-grey2);
    margin: 0 10px
}

.dsg-katjaaktion-modal .coupon-code {
    position: relative;
    padding: 2px 13px;
    background-color: var(--dsg-color-lightpink);
    border-radius: 2px;
    margin-left: 6px;
    display: inline-block;
    cursor: pointer;
    min-width: 130px;
    text-align: center
}

.dsg-katjaaktion-modal .coupon-code.copied {
    background-color: var(--dsg-color-green)
}

.dsg-katjaaktion-modal .coupon-code:after {
    font-family: Font Awesome\ 5 Free;
    content: "\f0c5";
    width: 30px;
    height: 30px;
    right: 0;
    top: 50%;
    text-indent: 0;
    margin-left: 10px;
    font-weight: 600;
    font-size: 15px;
    color: var(--dsg-color-grey6)
}

.dsg-katjaaktion-modal .coupon-code.copied:after {
    display: none
}

@media (max-width: 600px) and (min-width:451px) {
    .ui-dialog.dsg-dialog-info-preview .ui-dialog-content {
        padding:0 0 10px 0px!important
    }

    .ui-dialog.dsg-dialog-info-preview .dsg-dialog-generated-text-de.ui-dialog-content,.ui-dialog.dsg-dialog-info-preview .dsg-dialog-generated-text-en.ui-dialog-content {
        padding: 0 13px 10px 0px!important
    }

    .dsg-dialog-info-generate .dsg-out-generate-clipboard-button {
        max-width: 75%;
        margin-right: 35px;
        display: flex;
        padding: 26px 10px
    }
}

@media (max-width: 450px) and (min-width:51px) {
    .ui-dialog.dsg-dialog-info-preview {
        padding:0 35px 0!important
    }

    .ui-dialog.dsg-dialog-info-preview .dsg-dialog-generated-text-de.ui-dialog-content,.ui-dialog.dsg-dialog-info-preview .dsg-dialog-generated-text-en.ui-dialog-content {
        padding: 0 13px 10px 0px!important
    }

    .ui-dialog.dsg-dialog-info-preview ul {
        margin: 0!important
    }
}

.dsg_bwurlchk_form_wrap {
    max-width: 600px
}

.dsg_bwurlchk_form {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.dsg_bwurlchk_label {
    display: flex;
    flex-wrap: wrap
}

.dsg_bwurlchk_label_text {
    width: 100%
}

.dsg_bwurlchk_input {
    width: 100%;
    border: 2px solid #ddd;
    border-radius: 2px;
    display: inline-block;
    padding: 20px 58px 20px 7px!important;
    grid-area: 1 / 1/ 1 / 2;
    height: 64px;
    margin: 30px 0;
    font-size: 20px
}

.dsg_bwurlchk_submit {
    font-size: 16px
}

.dsg_bwurlchk_submit.loading,.dsg_bwurlchk_submit.loading:hover {
    cursor: wait!important
}

.dsg-bwurlchk-info:not(:empty) {
    margin: 0 0 30px;
    display: block;
    width: 100%
}

.dsg-bwurlchk-info .bw-info-title:not(:empty) {
    display: flex;
    margin: 10px 0;
    border-radius: 2px;
    background-color: var(--dsg-color-grey2);
    padding: 10px 15px;
    width: 100%
}

.dsg-bwurlchk-info .bw-info-title,.dsg-bwurlchk-info .bw-info-text {
    display: block
}

.dsg_bwurlchk_form_wrap.success .bw-info-title {
    color: var(--dsg-color-green-j-normal);
    background-color: var(--dsg-color-lightgreen)
}

.dsg_bwurlchk_form_wrap.error .bw-info-title {
    color: var(--dsg-color-red);
    background-color: var(--dsg-color-lightpink-border)
}

.dsg-bwurlchk-info .bw-info-title:not(:empty),.dsg-bwurlchk-info .bw-info-text:not(:empty),.dsg_bwurlchk_output:not(:empty) {
    margin-top: 30px
}

.dsg_bwurlchk_output {
    display: block;
    position: relative
}

.dsg_bwurlchk_form_wrap .dsg_bwurlchk_output {
    height: 200px;
    margin-top: 30px;
    position: relative
}

.dsg_bwurlchk_form_wrap .dsg_bwurlchk_output {
    display: flex;
    flex-wrap: wrap;
    overflow: auto;
    height: 100%
}

.dsg_bwurlchk_form_wrap .bw-info-percent {
    width: 30%;
    height: 200px;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center
}

.dsg_bwurlchk_form_wrap .bw-info-percent div {
    text-size-adjust: auto;
    font-size: 40px;
    color: var(--dsg-color-grey6)
}

.dsg_bwurlchk_form_wrap .bw-info-illu {
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-80);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-size: 100%;
    width: 40%;
    height: 200px;
    position: relative
}

.dsg_bwurlchk_form_wrap.loading .bw-info-illu:after {
    content: " ";
    width: 40%;
    height: 56%;
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-animated-maginfying-blue.svg);
    background-repeat: no-repeat;
    background-position: center 2px;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.dsg_bwurlchk_form_wrap.success .bw-info-illu:after {
    content: " ";
    width: 40%;
    transform: scaleX(-1);
    height: 56%;
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Daumen-hoch.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    top: 17%;
    left: 28%
}

.dsg_bwurlchk_form_wrap.error .bw-info-illu:after {
    content: " ";
    width: 40%;
    transform: scaleX(-1);
    height: 56%;
    background-image: url(https://datenschutz-generator.de/wp-content/plugins/ts-dsg/svg/icons/dsg-icon-Zonk.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: absolute;
    top: 18%;
    left: 30.4%
}

.dsg_bwurlchk_form_wrap .bw-info-tools {
    width: 30%;
    height: 200px;
    position: relative;
    display: flex;
    align-items: center;
    padding: 10px;
    justify-content: center;
    text-align: center;
    font-size: inherit;
    margin-bottom: 30px
}

ol {
    display: flex;
    flex-wrap: wrap;
    margin: 0
}

.dsg_bwurlchk_output li {
    background-color: var(--dsg-color-grey2);
    padding: 5px 10px;
    margin: 15px 20px 0 0;
    border-radius: 2px;
    font-size: 14px;
    width: max-content;
    list-style: none;
    cursor: default
}

.dsg_bwurlchk_output li.active {
    background-color: var(--dsg-color-green-j-normal);
    color: #fff
}

.dsg_bwurlchk_output .dsg-lazy-load-button {
    margin-top: 30px
}

.dsg-bwurlchk-output-suffix {
    margin: 45px 0!important;
    display: none
}

.dsg_bwurlchk_output .dsg-lazy-load-button {
    display: none
}

.bw-info-elements {
    width: 100%;
    display: block
}

.bw-info-elements ol {
    margin: 0
}