/************ Allgemeine Responsive definitionen *******************************/
TABLE,TD,INPUT,TEXTAREA,IFRAME {box-sizing: border-box;  max-width:100%;}
IMG{height: auto; max-width:100%;}
video {max-width:100%;}

@media screen and (max-width:800px) { .NichtUnter800{display:none;} }
@media screen and (max-width:400px) { .NichtUnter400{display:none;} }
@media screen and (max-width:800px) { .desktop{display:none;} }
@media screen and (min-width:801px) { .mobil{display:none !important;} }

/*******************************************************************************/
/*Für alle Bildschirmgrößen bis 450 kein Bild-float mehr*/
@media screen and (max-width:450px) {

  div.Float_Rechts, div.Float_Links {
    float:none;margin:auto;text-align:center;
  }
  div.Float_Rechts IMG:not(.no100),
  div.Float_Links IMG:not(.no100) {
    width:95%;
    max-width:95%;
    margin-top:7px;
  }
  .gallery{display:inline-block; position:relative;}
  .Bild_Untertitel{width:100%;}
}



/********************      Template-Klasssen     ********************************************/
#bg1,#bg2{position:fixed;background-color:#f0f;top:0;bottom:0;left:0;right:0}

#page{
  position:relative;
  box-sizing: border-box;
  background-image:url("../images/bg/bg1.jpg");
		background-repeat: no-repeat;
		background-position: center top;
		background-attachment:fixed;
		background-size: cover;
}

#page-width {
  z-index:0;
  position:relative;
		margin:auto;
  width:100%;
  max-width:1200px;
}

#page-head {
  height:200px;
  background-color:#04234866;
  /*
  background-image:url('../images/bg/bg3.jpg');
  background-size:cover;
  background-position:50% 30%;
  */
  margin-bottom:0px;
  z-index: 1;
  position: relative;
  box-shadow:0 0 4px rgba(0,0,0,0.5);
}
#page-head>DIV {
  z-index:10;
  position:relative;
		margin:auto;
  width:100%;
  height:100%;
  max-width:1200px;
/*  background-image:url('../images/design/Kerzen-150.png'), url('../images/bg/bg3.jpg');*/
  background-image:url('../images/design/Titel.png?1'), url('../images/design/Kerzen-150.png');
  background-position:top 30px right 50px,top 1px left;
  background-size:600px,338px 150px;
  background-repeat:no-repeat,no-repeat;
}
#page-head>DIV>A{position:absolute; top:0;left:0; right:0;bottom:0;}

#page-content:not(.Kapitel){
  background-color:#fff;
  box-shadow:0 0 10px rgba(0,0,0,0.5);
  position:relative;
  z-index:1;
}

#page-content.Kapitel #content, #shop {
  float:none;
  background-color:#fff;
  background-image:url("../images/design/blatt.png"),url("../images/design/hg.png");
  margin:auto;
  margin-top:40px;
  max-width:750px;
  padding-top:40px;
  padding-left:3%;
  padding-right:3%;
  line-height:1.8;
  box-shadow:0 0 3px #f17e14,0 0 20px #000F;
}


.fontsize110{font-size:110%;}
.fontsize125{font-size:130%;}
.fontsize135{font-size:145%;}

#page-content.Kapitel #content p{text-indent:20px}

#page-content.Kapitel #content p:empty {
  min-height: 0;
}

pstart{display: inline-block; width: 20px;}
pend{display:block;margin-bottom: 10px;}


#contentHeader{background-color:#faf6c5; font-size:90%; line-height:1.25;
  box-shadow:0 0px 3px #f17e14,0 3px 10px #000a;
  padding:10px; hyphens:auto;
  column-count: 4; column-gap:2em;column-width: 270px;
  column-rule-style:dotted; column-rule-width:1px; column-rule-color:silver;
}
#contentHeader .gelesen{color:#444;}
#contentHeader .gelesen:visited{color:#444;}
#contentHeader .ungelesen{}
#contentHeader .avoidBreak{
  page-break-inside: avoid;                 // Firefox
  column-break-inside: avoid;               // Chrome, Opera, Safari
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}

#shop{box-sizing: border-box;
 margin-top:10px; padding:10px 10px;
 font-size:100%;line-height:1.1;
}
#shop>.PP{
  /*width: 170px;*/
  /*border-right: 1px solid #ccc;*/
  padding:0 5px;
  text-align: center;
  font-size: 80%;
  line-height: 1.2;
  float: left;
}
#shop>.PP>DIV{padding:5px 0;}


#backnext{float:left;font-size:14px;padding-top:0px;padding-bottom:20px;padding-right:20px;}
#pagenr{font-size:16px;letter-spacing:-1.4px;clear:both; text-align:center}
#pagenr a:visited, #contentHeader a:visited{color:#888;}



#Kommentare{max-width:1000px;margin:auto;margin-top:30px;background-color: #fff;background-image: url("../images/design/blatt.png"),url("../images/design/hg.png");
   padding:15px;
  font-size:90%; line-height:1.25;
  box-shadow:0 0px 3px #f17e14,0 3px 10px #000a;
}

#readProgress{position:fixed;top:0;left:0;height:1px; background-color:#fff;z-index:100; width:calc(100% * var(--scrollPosY));}

/********* Suchbox ********************/
#search{position:absolute; width:100%; top:15px;z-index:101;}
#search>LABEL:nth-child(1){position:relative;display:block; max-width:1200px; margin:auto;}
#search>LABEL>FORM{display:block; position:absolute; right:27px; }
#search INPUT{box-shadow:none;background:transparent; border:none;width:200px;}
#search INPUT[type="text"]{border-bottom:1px solid #BEBEBE;height: 30px; color:#fff;opacity:0.7;padding-right:35px;}
#search INPUT[type="text"]:focus{opacity:1; background-color:#fffc;color:#333;}
#search INPUT[type="submit"],label[for="searchbutton"]{background-image:url("data:image/svg+xml,%3Csvg style='stroke:rgb(150,150,150);fill:rgb(150,150,150);' xmlns='http://www.w3.org/2000/svg' height='48' width='48'%3E%3Cpath d='M39.8 41.95 26.65 28.8q-1.5 1.3-3.5 2.025-2 .725-4.25.725-5.4 0-9.15-3.75T6 18.75q0-5.3 3.75-9.05 3.75-3.75 9.1-3.75 5.3 0 9.025 3.75 3.725 3.75 3.725 9.05 0 2.15-.7 4.15-.7 2-2.1 3.75L42 39.75zm-20.95-13.4q4.05 0 6.9-2.875Q28.6 22.8 28.6 18.75t-2.85-6.925Q22.9 8.95 18.85 8.95q-4.1 0-6.975 2.875T9 18.75q0 4.05 2.875 6.925t6.975 2.875z'/%3E%3C/svg%3E"); background-size:25px; background-position:center center; background-repeat:no-repeat;}
#search INPUT[type="submit"]{animation:none;width:30px;position:absolute;margin-left:-45px;margin-top:-5px;z-index:1000;}
#searchbutton{display:none;}

.eac-head{display:inline-block;z-index:101; width:200px !important}
.eac-head LI, .eac-square LI{margin:0; line-height:1.1; }
.eac-head .eac-item{padding-top:5px;padding-bottom:5px;}
.eac-head .easy-autocomplete-container{left:initial;right:0;width:300px; z-index:101; position:absolute}

@media (max-width: 800px) {
  #search>LABEL:nth-of-type(2){width:30px;height:30px;position:absolute; cursor:pointer;z-index:20;top:3px;right:70px;background-size:contain;}
  #searchbutton + LABEL {display:none;cursor:pointer;padding-top:95px; position: fixed; right:0;left:0;top:0;bottom:0;text-align:center;background:rgba(255,255,255,0.9);}
  #search>LABEL>FORM{position: relative;right:0}
  #searchbutton:checked + LABEL{display:block;}
  #search INPUT{width:80vw}
  #search INPUT[type="text"]{opacity: 1;background:#fff;color:#333;box-shadow:1px 1px 3px rgba(0,0,0,0.3); padding:20px;}
  #search INPUT[type="submit"]{opacity:1;margin-left: -48px;margin-top: 2px;}
  .eac-head {left:0;right:initial;width:80vw !important;}
}

/********* Suchbox Ende *************/

@media (max-width: 800px) {
  #page-head>DIV{
    background-image:url('../images/design/Titel-m.png'), url('../images/design/Kerzen-150.png');

    background-position:top 20px center, bottom left -20px; background-size:300px, contain;

  }
  #page-head { height:100px;background-image:none; }

}

@media (max-width: 500px) {
  /*#page-head>DIV{background-size: 80%,bottom left -20px; }*/
}


#page-footer{
  position:relative;
}



#headerMask {
}

#contentzeile{width:100%;}

.Breadcrumb {background-color:#fff;}
.Breadcrumb a{color:#888;}
.Breadcrumb a:hover{color:#678;text-decoration:underline;}
.Breadcrumb{ font-size:85%;color:#aaa; padding:5px;padding-left:15px;}
.content-mit-menu .Breadcrumb,.content-mit-menu-mit-SpalteRechts .Breadcrumb{padding-left:15px;}

#content {
  box-sizing: border-box;
  position:relative;
  float:right;
  width:100%;
  text-align:justify;
  -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto;  hyphens: auto;
  padding-top:10px;
  padding-right:5%;
  padding-left:5%;
  padding-bottom:20px;
  min-height:500px;
}

.content-mit-menu #content{
  width: calc(100% - 235px);
  padding-left: 15px;
}
.content-mit-SpalteRechts #content{
  width: calc(100%  - 232px);
  padding-right:50px;
  padding-left:20px;
}
.content-mit-menu-mit-SpalteRechts #content{
  width: calc(100% - 235px - 232px);
  padding-right:10px;
  padding-left: 15px;
}

#SpalteLinks{float: left; box-sizing: border-box; padding-left:1px;padding-top:10px; padding-bottom:50px; width:220px;/*border:1px solid;*/}
#SpalteRechts {float: right; box-sizing: border-box; margin-bottom:100px; width:232px;  /*border:1px solid;  min-height:200px;*/}

@media (max-width: 800px) {
  #SpalteRechts, #SpalteLinks {display:none;}
  .content-mit-menu #content,.content-mit-SpalteRechts #content,.content-mit-menu-mit-SpalteRechts #content{width:100%;padding-right:15px;padding-left: 15px;}
}

/*************************************/


.druck{clear:both;padding-top:10px;padding-bottom:30px;text-align:center;}



/*.content-footer-logo {
  position:absolute;
  right:25px;
  bottom:-25px;
  background-image:url('../images/design/content-ur.png');
  width:293px; height:103px;
}
*/

@media (max-width: 858px) {
  .content-footer-logo,.druck {display:none;}
  .fontsize110{font-size:125%;}
  .fontsize125{font-size:145%;}
  .fontsize135{font-size:160%;}
}

@media (max-width: 500px) {
.fontsize110{font-size:110%;}
.fontsize125{font-size:125%;}
.fontsize135{font-size:145%;}
}


.CONTENT_MENUSPALTE{padding-left:10px;padding-right:10px;margin-top:50px;font-size:85%; line-height:130%}

#content-footer{/*height:50px;*/}

.footer-menu {
  /*right:50px; */
  max-width:1200px;
  padding-top: 70px;
  padding-bottom:26px;
  padding-left:40px;
  text-align:left;
  max-width:1200px; margin:auto;
  color:#aaa;
}
.footer-menu A{display:inline-block;padding:0;padding-left:10px; padding-right:5px; border-left:1px solid #ccc;}
.footer-menu A:first-of-type{padding-left:0;border:none;}
.footer-menu A,
.footer-menu A:visited,
.footer-menu A:active {color:#999;}
.footer-menu A:hover {color:#666;text-decoration:underline;}





#prefooter{height:0px; margin-top:-60px}
#footer{
		z-index:0;
  box-sizing: border-box;
  min-height:350px;
  padding-bottom:50px;
  background-color:#005d;
}

#footer UL{
  list-style-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAASBAMAAACgFUNZAAAAKlBMVEUAAAD///////////////////////////////////////////////////+Gu8ovAAAADXRSTlMA8TfYnnhFHRbOzKtsQx7PYQAAADhJREFUCNdjIBIUwBiiMMZdMxjj7nYY42IAlHH3cgKUcVcIyrjSAGHcVICouXgAqssDas4i7DYDAIaOGQj1UO7jAAAAAElFTkSuQmCC");
  }


#footer_inner{
  box-sizing: border-box;
		margin:auto;
  width:100%;
  max-width:1200px;
  padding-top:0px;
		line-height:130%;
  color:#fff;
  font-size:92%
}
#footer_inner>DIV{box-sizing:border-box;padding-left:20px;padding-right:20px;padding-bottom:20px; /*border-right:1px solid;*/}
#footer_inner>DIV .icons IMG {filter: brightness(10%); opacity:0.7;}
#footer_inner > DIV::before {
    display: inline-block;
    background-color: #fff;
    height: 2px;
    width: 30px;
    content: "";
    margin-bottom: 10px;
}

#footer_inner A{color: #b7b7b7;}
#footer_inner A:hover{text-decoration:underline}
#footer .titel{display:block; color:#fff;font-size:125%;line-height:110%; text-transform: none;font-weight:500; margin-bottom:10px;}

#footer2{background-color:#666666;color:#fff;font-size:80%;}
#footer2>DIV{box-sizing: border-box;margin:auto;width:100%;max-width:1200px;padding:20px;padding-top:10px;padding-bottom:20px;}

@media (max-width: 800px) {
  #footer_inner .box4er:nth-child(3) {clear:left;}
}

/**************************************************************/

#fl{position:absolute; left:10px; bottom:3px;  width:99px; height:24px; overflow:hidden;z-index:1;}
#fr{position:absolute; right:10px;bottom:3px;width:50px; height:18px; overflow:hidden;z-index:1;}
/*
#fl, #fr{box-sizing: border-box; position:absolute; left:10px; bottom:0px;  width:99px; height:5px; padding-top:5px; overflow:hidden;z-index:1; transition:all 1s;}
#fr{right:10px;left:auto;text-align:right;}

#fl:hover{height:32px;}
#fr:hover{height:25px;}
*/

#top-link {opacity:.8;position:fixed;z-index:9999;right:5px;bottom:25px;width:60px;height:60px;display:block;
  background:conic-gradient(#ff7420 calc(100% * var(--scrollPosY)), #fff0 0);
  border-radius:50%;
}
#top-link::before{content:' ';position:absolute;display:block;width:calc(100% - 4px);height:calc(100% - 4px);
  top:2px;left:2px;border-radius:50%;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAt1BMVEUAAACXl5ejo6Ofn5+bm5unp6e6urr+/v7y8vKrq6vi4uLm5ub5+fnIyMiZmZmtra3Ly8vX19f8/PywsLDZ2dnf39/09PSzs7O2tra+vr7Dw8PU1NTc3Nzu7u74+PjPz8/6+vqysrLBwcHr6+vS0tLz8/P29vbGxsaTk5P///+QkJClpaWurq6fn5+YmJj6+vrOzs7z8/O2trb39/ft7e3n5+fV1dXh4eHc3NzCwsK9vb3Hx8enp6fWMPp1AAAAKHRSTlMA99zl7dKjBCLJRjwPg/HDe2EJvFtNG7Stm5BnVCsTcw23lTJsHhiHdx+pzgAAA3JJREFUaN612Qd24kAQBNAa5QQSOWeHFjaw9kaH+59reca7YwyYbmn4B3C9GZXV/QSY/HZcq3iN0LW2XDftzietUQJz/KA5dx06oOxZFpsJCq4aVTrN6kVlc8bNrkPnuLcLFHedWcSiOi0fhbQrNvE1WpCbXtkk04khFIUkpvpjCCR9RUW4gjtbpFSQqtTBU3OouFkAhnqfSrEjxr9fl0qq1nBGO6XS1NWZjJBMyL68q5TMGOCkaYcMUU2c4HtkTPVUxypkkD3CMUMyKkxwaGSTWT0cqDfItMOHPyHj7Pbny3KIa70iJg/7usS1fPy2JB613+OW4of82bCPktah1UN+xt0mf1oSUw1ak9iW3/L8x5qY3GmRg9D6Ic/zxwJHaQkO8pxv/WGHhHXs+B3i+5lvbV7ZKRF2RoJq3edv2C0mT/72Xf7ahTywW1wNdo/d5Wesvuc7z+yj7AZ+LLitl/zdT+Jq+MLbWv/I/7lfSu7LT4n/2sp3dIuZb/ygSmy/dcjmjpvS01NX0F9hi11fPxJef7WHteChdMT9lbY4QuKyQ55yTdLiCRa2tL/iFs/RUsL+ar+YIR1MSNhf7fuKl+Jizj3I6yb/7IUXYqHLH7ufsMewjQbxrB7yQ49LXkgo76/2mzgcuIKxq+kW80Kkry15ix2EzLUx16QtdjDjro1HsZZJG560v/IWW6hwMta6vwVa7KLJWxs1eYtTxI60vxpzmfQQWAX6KxvDFSAVjl2Nu0w2gZ5s7MpbrBbAgLs2arIxbCdArERjV/4CmwGYWpKxq7GXyQxbnmTsatxlUsXYqkn6K2+xNcVW2ynSX/Yy2cebbpH+spfJmPGha32n3e+501Z0klvHm+TLfi0ZvtxR32V0Mc413l07dClz/NenC6mOdEhQ7CjC75C3dBFOgA9uLLqECvbU6AKsMfb4MzJvCOnnVDkPBwZkmHVT8jcH4fdabeySSRMctbDJnJ6P4yKHTOnWccpQkRmNBKfVzKSEN8ClU8JrfK1ZLX9XbZwTle2Yl+C8UUolqMwHx7SvqCgrAtfQpmK6bfAFHhVgD3yIDF0SUr0AUsnEIolOjCJuMnaM6kQoajxg1dnuxSjDj/tnjlOdDdoobRpVQoeOUrY3CGCIH7QyL7Qc9eHPu43+IE5gmB/Ew6ts7nnebVZrLcZg+wv4R8FVGFld9gAAAABJRU5ErkJggg==');
  background-size:cover; box-shadow:2px 2px 5px #000a;
}

#ZP{position:fixed;}

/**************************************************************/