@import url("font.css");
@import url("colors.css");
@import url("header.css");
@import url("footer.css");
@import url("grid.css");
@import url("blog.css");
@import url("erweiterungen.css");
@import url("aos.css");
@import url("button.css");
@import url("icons.css");
@import url("images.css");
@import url("pagination.css");

*, :before, :after {
  box-sizing: border-box;}


  :root {
    scroll-behavior: smooth; }

html {
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
         }
ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
    unicode-bidi: isolate;
}
body {
    font-family: 'standard';
    color: var(--text);
    background: var(--body-bg);
    font-size: 1.1em;
    line-height: 1.5;    }


/*@media screen and (min-width: 800px){
body {
    background-image: url(../images/Michael-Graefe-Back.jpg);
    background-repeat: no-repeat;
    background-position: center center;}}

@media screen and (min-width: 600px) and (max-width: 800px){
body {
         background-image: url(../images/Michael-Graefe-Back-mobil.jpg);
         background-size : 400px;
         background-position: bottom;
         background-attachtment: fixed;
         background-repeat: no-repeat; }}

@media screen and (max-width: 600px){
body {
         background-image: url(../images/Michael-Graefe-Back-mobil.jpg);
         background-size : contain;
         background-position: bottom;
         background-attachtment: fixed;
         background-repeat: no-repeat; }}   */


.startseite .com-content-article__body img {
         max-width       : 600px;
         width           : 100%;
         height          : auto;}

.startseite .com-content-article__body h1 {
         text-align              : center;
         font-size               : 1.15em;
}

.startseite h1{
         hyphens: none;}

main {
         hyphens: auto;
         -webkit-hyphens: auto;
         -webkit-hyphenate-limit-chars:2;
         -webkit-hyphenate-limit-lines: 2;
         -ms-hyphens: auto;
         -ms-hyphenate-limit-chars: 2;
         -ms-hyphenate-limit-lines: 2;}





p {
    display: block;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
}
.unseen {
         position        : absolute;
         height          : 1px;
         width           : 1px;
         overflow        : hidden;
         clip            : rect(0 0 0 0);
         clip-path       : inset(100%);
         white-space     : nowrap;
}

@media screen and (max-width: 700px) {
body {
    font-size            : 1.5em;
    line-height          : 1.3;}}

main p {
         margin-bottom   : 1em;
         text-align      : justify}


h1, h2, h3, h4, h5, h6 {
    font-family          : 'logo-schrift';}


main h1 {
         font-size       : 200%;
         margin          : 0 0 0.6em 0;
         letter-spacing  : 2px}
main h2,
.textblock h2 {
         font-size       : 160%;
         margin          : 0.5em 0;
         letter-spacing  : 1px}
main h3 {
         font-size     : 140%;
         margin-bottom : 0.5em;}
main h4 {
         font-size     : 130%;
         margin-bottom : 0.5em;}
main h5 {
         font-size     : 120%;
         margin-bottom : 0.5em;}
main h6 {
         font-size     : 120%;
         margin-bottom : 0.5em;}

main a,
article a,
.textblock a {
         color           : var(--link);
         text-decoration : none;
         font-weight     : bold}

main a:hover,
article a:hover,
.textblock a:hover {
         color           : var(--link-hover);
         text-decoration : underline}

@media only screen and ( min-width: 800px ) {
main img {
         max-width : 800px;
         width   : 100%;
         height  : auto}
         }

@media only screen and ( max-width: 800px ) {
main img {
         max-width : 600px;
         width   : 100%;
         height: auto}
         }


@media only screen and ( max-width: 850px ) {
    .umbruch::before {
        content: "\A";
        white-space: pre;}
}

@media only screen and ( max-width: 500px ) {
    .umbruch::before {
        content: "\A";
        white-space: pre;}
    .umbruch2::before {
        content: "\A";
        white-space: pre;}}


.textblock {
         margin-bottom   : 2em}
/* SHOP - Ueberblick */


.shop .item-content p {
         margin-bottom   : 0.25em}


/* SHOP - DETAIL */
.shop-details {
         display         : flex;
         flex-wrap       : wrap;}


@media screen and (min-width: 1000px) {
.shop-cd-cover {
         width           : 50%;}
.shop-cd-cover img {
         max-width       : 600px;
         width           : 90%;
         height          : auto;}
.shop-cd-liste {
         width           : 50%;}
.shop-cd-info {
         width           : 100%;}}

@media screen and (max-width: 1000px) {

.shop-cd-cover {
         width           : 100%;}
.shop-cd-cover img {
         max-width       : 600px;
         width           : 100%;
         height          : auto;}
.shop-cd-liste {
         width           : 100%;}
.shop-cd-info {
         width           : 100%;}}


.shop-cd-info ul {
         margin-left     : 1em;
         padding-bottom  : 1em;}


/* TABULATUREN E-Docman */
.edocmandocuments a {
         color           : white;
         text-decoration : none;}

.download-box    {
         display         : flex;
         flex-wrap       : wrap;
         justify-content : space-between;}

.download-document {
         width           : 100%;
         display         : flex;
         flex-wrap       : wrap;
         margin-bottom   : 1em;
         padding         : 0.75em 1.3em;
         border-bottom   : 1px solid #6F6F6F}

#edocman-category {
         display: none;}

.download-document > div p {
         margin-bottom   : 0}
.download-buttons {
         font-size: 1.5em;}

@media screen and (min-width: 1200px) {
.download-heading {
         width   : 40%;}
.download-document-desc{
         width   : 40%;}

.download-buttons ul li:first-child {
         margin-right     : 2em;
         }
         }

@media screen and (min-width:900px) and (max-width: 1200px) {
.download-heading {
         width   : 40%;}
.download-document-desc{
         width   : 40%;}
.download-buttons ul li:first-child {
         margin-right     : 1em;
         }

         }

@media screen and (min-width:700px) and (max-width: 900px) {
.download-heading {
         width   : 100%;}
.download-document-desc{
         width   : 60%;}
.download-buttons {
         font-size: 1.5em;}
.download-buttons ul li:first-child {
         margin-right     : 0.5em;
         }
         }

@media screen and (max-width: 700px) {
.download-document {
         padding         : 0!important;}
.download-heading {
         width   : 100%;}
.download-document-desc{
         width   : 100%;
         margin-top:1em;}
.download-buttons {
         font-size: 1.5em;
         margin:0.5em 0;}
.download-buttons ul li:first-child {
         margin-right     : 0.5em;
         }}


.download-document-desc{
         display: flex;
         align-self:center;}

.download-document-desc-details {
         display: flex;
         align-self:center;}

.download-document-desc-details p {
         margin-right: 1em}


.download-document > div img {
         width           : 30px;
         height          : 30px;
}

.download-document .download-heading h3 {
         color           : white;}
.download-document .download-heading h3  a{
         color           : white;}

.download-buttons{
         display         : flex;
         list-style      : none;
         justify-content     :flex-start
         }

.download-buttons ul {
         display         : flex;
         list-style      : none;
         justify-content  :flex-start
         }



.item-page ul {
         margin-left     : 2em;
         margin-bottom   : 2em}