/*

  bluemner-holzbau 2025

*/

* {
  font-family: verdana,arial,sans-serif;
  font-size: 14pt
}
* {
  color: #000;
  line-height: 1.3em
}

/*

  custom icon font subset base64 encoded
  
*/


@font-face {
  font-family: customicons2018;
  src: url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff");
  font-weight: 400;
  font-style: normal
}
:root {
  --bg-light2: #E4CEBE;
  --bg-light: #ebdace;
  --bg-dark: #885226;
  --bg-vdark: #351700
}

.cf_text,
.cf:after,
.cf:before,
P.quicklinks A:before,
li A:after,
ul > li::before {
  font-family: customicons2018,arial,sans-serif;
}

DIV,
IMG,
P {
  margin: 0;
  padding: 0
}





body {
  margin: 0;
  padding: 0;
  background-color: #fff;
  background: url("../img/banner_bg.jpg"),url("../img/banner_bg.jpg"),linear-gradient(var(--bg-dark),var(--bg-light) 145px,var(--bg-light) 175px,var(--bg-light));
  background-position: 0 -155px,0 100%;
  background-repeat: repeat-x,repeat-x
}


#maincont {
  margin: 0 auto;
  padding: 0;
  width: 890px;
  min-height:100vh;
  text-align: left;
  overflow: hidden;
  border: 0px 1px 0px 1px solid var(--bg-light);
  position: relative;
  box-shadow: 0 0 30px #e4cebe;
}

/* Logo banner */

#logocont {
  display: block;
  height: 200px;
  margin: 0 0 .4em 0;
  padding-top:3em;
  background: url("../img/banner2025.jpg") no-repeat 0px 0px;  
  position:relative;
}

#logocont A {
  text-decoration: none
}

#title {
  margin: 0;
  display: block;
  padding: 0em .4em 0 4em
}
#title A {
  font-size: 32pt;
  color: #351700;
  text-shadow: 2px 0 3px #fff,0 -2px 3px #fff,0 2px 3px #fff,-2px 0 3px #fff;
  font-variant: small-caps;
  font-family: serif
}

#logolist A,
#logolist DIV {
  font-family: serif;
  font-size: 1em;
  color: #351700;
  text-shadow: 0 0 2px #fff
}
#logolist {
  margin: 10px 5px 0 5px;
  padding: 0;
  font-size: 1em;
  color: #351700
}

#logolist {
  float:right;
  text-align: left;
  margin: 10px 200px  0 2em;
  
  font-size: 1em
}

#logolist A:hover, #logolist A:active {
  text-decoration: underline
}
#logolist > DIV::before {
  content: "\25B6 "
}

#point1 {
  margin-left: 0
}
#point2 {
  margin-left: 1.5em
}
#point3 {
  margin-left: 3em
}
#point4 {
  margin-left: 4.5em
}
#point5 {
  margin-left: 6em
}


#timmycont {
  display: block;
  padding: 5px;
  margin: 0;
  overflow: visible;
  width: 100px;
  top: 50px !important;
  right: 10px !important;
  position: absolute!important;
}

/* Layout */

#contfloater {
  margin: 0;
  width: 100%;
  padding:0;
}

/* Footer */


#footer {
  display: block;
  clear: both;
  background-color: #e4cebe;
  background: url("../img/banner_bg.jpg") bottom left repeat-x,linear-gradient(var(--bg-light),var(--bg-light) 120px,var(--bg-light2) 140px);
  width: 100%;
  margin-top:100px;
  padding-top: 10px;
  position:relative;
  bottom:0px;
}


.footer_element {
  padding: .7em;
  line-height: 1.5em;
  float: right;
  margin-top: 0
}
.footer_element,
.footer_element A {
  color: #fff;
  text-decoration: none;
  font-size: 1em
}
.footer_element A:hover, .footer_element A:active {
  text-decoration: underline
}
.box DIV,
.box P,
.box UL {
  line-height: 1.7em;
  margin: 0 0 1.5em 0
}
.box > FORM,
.box > P,
.box > SPAN
{
  margin: 0em 0 2em 0;
  padding: 2em 3rem;
}

.box > A
{
  padding-left:  3em;
}

.box H1,
.box H2,
.box H3,
.box DIV,
.box TABLE {
  margin: 0;
  padding: 1em 3rem
}

.smalltitle {
  font-size:1.2rem;
  padding-left:0em;
}


#contfloater H1, .box > .smalltitle {
  font-size: 1.7em;
  margin: 2rem 0rem 2rem;
  line-height: 1.3em;
  font-weight: 400;
  text-shadow: 3px 3px 0 #eee;
  
}


.box {
  margin: 0;
  display: block;
  position: relative;
  overflow: hidden;
}



.hide {
  display:none;
}

IMG#eu_funding {
  width:15em;
  margin:10px 10px 0px;
  padding:10px;
  background:#fff;
  border-radius:5px;
  float:left;
}



/* Skip-Link */
#skip-link { 
	position: absolute; 
	left: 0; top: 0; background: black; 
	color: white; padding: 0.25em; 
	transform: translateY(-100%);
	transition: 0.2s transform; 
	z-index: 1001; 
} 
#skip-link:focus { 
	transform: translateY(0); 
}	



/*

  New navigation
  
  
*/
#navfloater {
  position: fixed;
  display:block;
  width:890px;
  top: 0px;
  margin: 0;
  padding: 0;
  z-index: 99;
}
#navfloater #navbase {
  transition: .5s;
  overflow: hidden;
  background:#fff;
  box-shadow: 0px 0px 10px #fff;
  position:relative;
  opacity:1;
  height:auto;
}

.nav_open {
  padding: .7em;
  margin: 0;
  background: #fff;
  opacity: .9;
  display:block;
  text-align:right;
  cursor:pointer;
}

.nav_open::before {
  content: "\002261";
  font-size:1.5em;
  padding: 0.5em;
  margin: 0.5em;
}

#navfloater details[open] > .nav_open::before { 
	content: "x";
}


#navfloater details  {
  transition: all 0.3s;
}

#navfloater details[open]  {
  opacity:1;
 
}

#navfloater details:not([open])  {
  opacity:0.8;
 
}


#burgerHome {
  display:none;
}


#navbase A {
  display: inline-block;
  margin: 0.5em;
  padding: .3em .7em;
  width:25%;
  background-color: var(--bg-light);
  text-decoration: none;
  color: #351700;
  font-size: 1em;
  -webkit-transition: all .2s;
  transition: all .2s;
  border-left: 3px solid #82562f;
  opacity: 1;
}
 
#navbase A.selected,
#navbase A:hover , #navbase A:active {
  background: #555;
  color: #fff;
 }

#navbase A.selected:before {
  content: "\25B6 ";
  margin-left: -.5em;
  margin-right: 0.5em;
  color: #d5b9a5;
   font-family: customicons2018,arial,sans-serif;
}

#navbase A.selected {
  margin-right: 0.75em;
}



 
 
 
/*

  Photo gallery imagearea

*/


#imagearea {
  text-align: center;
  padding: 2em 5%;
}


.seiten {
  display: block;
  background-color: #82562f;
  font-size: .9em;
  padding: .4em;
  color: #fff;
  font-style: italic;
  clear: both
}
.seiten span {
  padding: .3em .3em;
  background-color: #fff;
  color: #000
}
.seiten a {
  color: #fff;
  margin: 0;
  padding: .3em .3em;
  text-decoration: none
}
.seiten a:hover {
  background-color: #fff;
  color: #000
}
.seiten:before {
  content: "Seiten: "
}
#img_timmy {
  padding: 0;
  margin: 0;
  -webkit-filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.3));
  filter: drop-shadow(2px 2px 2px rgba(0,0,0,.3));
  width: 100px
}
#contfloater .fright {
  float: right;
  margin: 0;
  width: auto;
  padding: 1.5 3rem 1.5em 2em
}
#contfloater  .fleft {
  float: left;
  margin: 0;
  padding: 1.5 2em 1.5em 3rem;
  width: 35%;
  min-width:15em;
}
.fleft EM,
.fright EM {
  background: #fcfaf9;
  border: 1px solid #aaa;
  display: block;
  max-width: 15em;
  padding: .5em
}
.clearer {
  clear: both;
  display: block;
  height:0;
  padding:0;
  margin:0;
}
.failed {
  border-left: .5em solid #e44;
  padding-left: .5em
}
.success {
  border-left: .5em solid #4c4;
  padding-left: .5em
}
 
 
.floater {
  display: inline-block;
  min-width: 260px;
  width: 16em;
  height: 14em;
  padding:  2% 0 0 0;
  margin: 1em 1em;
  text-decoration: none;
  background: #fcfaf9;
  background: var(--bg-light);
  position: relative;
  overflow:hidden;
}


#imagearea .floater IMG {
  max-width:100%;
  height:auto;
  margin: 0em auto 1em;
  border: 0px solid #aaa;
  display: block;
}



.floater:hover IMG, .floater:active IMG {
  transition: all .2s;
  transform-origin: 50% 50%;
  transform: scale(1.1) !important;
}


.floater em {
  position: absolute;
  display: block;
  top: 60%;
  width:90%;
  height: 40%;
  padding: 10% 5% 2% 5%;
  font-size: 1em;
  text-align: center;
  background: #fcfaf9;
  border-radius: 0px;
  overflow-x: hidden;
  overflow-y: auto;
  opacity:0.8;
}

.floater A {
  outline: 0
}

.floater  A:after {
  content:"" !important;
}

.editfloater {
  height: 17em
}
.editfloater em {
  height: 8em
}

.floater, .fright, .fleft {
  animation-duration: 1s;
  animation-name: floater-fade;
  animation-delay: .3s;
  animation-fill-mode: backwards
}

@keyframes floater-fade {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}


#lazyindicator:hover,
#lazyindicator:active,
.btnhover:hover:before,
.btnhover:active:before {
  transition: all 0.2s;
  background: #555;
  color: #fff;
  cursor:pointer;
}

#gotop {
  position: fixed;
  bottom:6%;
  right: 5%;
  background: #fff;
  opacity: .7;
  font-size: 2rem;
  line-height: 1.5rem;
  padding:0.5rem;
  color: #82562f;
  z-index:10;
  border:0px !important;
}

#gotop:before {
  content: "\25B4";
}

#gotop:hover,
#gotop:active {
  opacity:1;
  bottom:7%;
  transition: all 1s;
}
  

#lazyindicator {
  background-color: #fcfaf9;
  border-radius: 1px;
  border: 0px solid #d5b9a5;
  color: #351700;
  padding: .5em;
  margin: 0.5em auto;
  width: 50%;
  display: block;
}
 

#login A {
  font-size: .9em;
  position: fixed;
  top: .5em;
  left: .5em;
  z-index:999;
  background: var(--bg-light2);
  padding:1em;
  border: 1px solid var(--bg-dark);
}



#contfloater img {
  margin: 0 auto 0;
  max-width: 100%;
  border: 1px solid #aaa
}

#contfloater P:nth-of-type(even){
  background-color: var(--bg-light2);
}

LI .panocont {
  padding:0;
}

/*Reserve space 10:4 aspect ratio*/
LI .panocont, .panocont{
  width: 100%; 
  padding-top: 40% !important;
  position: relative;
}

/*Place into reserved aspect ratio space*/
.panocont img {
  width: 100%;
  height:auto;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}


.panocont img {
  animation-duration: 1s;
  animation-name: swipe-fade;
  animation-delay: .3s;
  animation-fill-mode: backwards
}

@keyframes swipe-fade {
  0% {
    opacity: 0;
    left:100%;
  }
  100% {
    opacity: 1;
    left:0%;
  }
}



#contfloater #emailimg {
  margin: .5em 0 0 1em;
  border: 0
}
#contfloater #captcha_img {
  margin: 1em
}
ul {
  padding: 0;
  list-style-type: none
}
ul > li {
 padding: 1em 5% 1em 10%;
  line-height: 2em
}
ul > li:nth-of-type(even) {
  background: var(--bg-light);
}

ul > li:nth-of-type(odd) {
  background: var(--bg-light2);
}

 
 

ul > li::before {
  float: left;
  margin-left: -2em;
  content: "\25B6";
  color: var(--bg-dark);
}
P.quicklinks A:before,
li A:after, #contfloater .box  A:after {
  content: "  \0021D2  ";
  color: #351700
}
#contfloater A {
  text-decoration: none;
  font-style: normal;
  border-bottom: 0.1em solid var(--bg-dark);
}
#contfloater A:hover, #contfloater A:active{
  border-bottom: 0;
}

#contfloater .quicklinks,
#contfloater .quicklinks A {
  line-height: 2.4em;
  font-size: .9rem
}
FORM li {
  border: 0
}





.hrline,
ul > li {
  border-bottom: 1px dotted #d5b9a5
}
.hrline + .hrline,
ul + .hrline,
.hrline {
  display: none
}


/* 

  Form styles

*/

.cmform * {
  margin: 0;
  padding: 0;
  font-weight: 400
}
.cmform fieldset {
  border: 1px solid #d5b9a5;
  max-width: 100%;
  padding: .8em
}
.cmform label {
  color: #222;
  display: inline-block;
  line-height: 1.8em;
  vertical-align: top;
  width: 25%;
  min-width:15em;
}

 
.cmform ol {
  list-style: none
}
.cmform li {
  list-style: none;
  padding-bottom: .8em
}
.cmform span span {
  display: inline-block;
  width: 100%
}

.cmform span {
  display: inline-block;
  width: 75%;
}

.cmform label + span {
  display: block;
}

.cmform label + span {
  display: block;
}


.cmform em {
  font-weight: 700;
  font-style: normal;
  color: #82562f
}
.cmform input,
.cmform textarea {
  padding: .3em
}

.cmform input[type=checkbox] {
  width: 70px;
  height: 30px;
}

#contfloater #inline-form INPUT[type=submit] {
}

#contfloater #inline-form ~ P , #contfloater #inline-form {
  margin: 0;
  
}



#inline-form OL {
  display:inline;
  padding-right: 2em;
}

#inline-form LI {
  display: inherit;
}




/*
  Telephone call button
  
*/

.contact_button, #contact_tel A {
  text-decoration: none;
  background-color: #32cd32;
  background: linear-gradient(LightGreen,#32cd32);
  border-radius: 5px;
  border: 1px solid #32cd32;
  color: Green;
  text-shadow: 1px 1px 0 #32cd32;
  padding: .4em;
}
 
#top_contact {
  font-size: smaller;
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 99;
  opacity: 0.7;
  transition: opacity 0.5s;
}

#top_contact:hover, #top_contact:active {
  opacity:1.0;
}

#root_p1_kontakt #top_contact {
  display:none;
}


#email_css_double {
  display: none
}

#contact_email A {
  text-decoration: none;
  background-color: #0089b6;
  background: linear-gradient(#0089b6,#00f);
  border-radius: 5px;
  border: 1px solid #00008b;
  color: #add8e6;
  text-shadow: 1px 1px 0 #fff;
  padding: .4em;
}

#contact_email A:after, #contact_tel A:after {
  content: "" !important;
}
#contact_tel A:before {
  content: "\2706";
  padding-right:0.5em;
}
 

.cf_text {
  font-size:2rem;  
  padding-right: 1rem;
}

.cf_text ~ SPAN {
  padding-right: 1rem;
}

label[for=trigger_map] {
  cursor: pointer
}
#trigger_map ~ IMG {
  display: block;
  background: #fff;
  border-radius: 10px;
  transform: scale(0);
  transition: transform .5s;
  height: 0;
  font-size: 12pt
}
#trigger_map:checked ~ IMG {
  transform: scale(1);
  height: auto
}
#trigger_map ~ SPAN:before {
  content: "\25B6  "
}
#trigger_map:checked ~ SPAN:before {
  content: "x  "
}


/*
  Mobile devices styles
  responsive layout
  
*/


@media only screen and (max-width:900px) {
  #contfloater,
  #logocont,
  #maincont {
    display: block!important;
    margin: 0!important;
    width: auto!important;
    float: none!important;
    clear: both!important;
    padding: 0!important;
    border: 0
  }
  #gallerydescr {
    overflow: hidden
  }
  .box,
  .box > IMG
  {
    float: none!important;
    clear: both!important;
    max-width: 100%;
    border: 0;
    padding: 0;
    margin: 0
  }
  
  #title {
    padding: 1rem 0 0 2%!important;
    margin: 0!important;
    display: none;
  }
  #logocont {
    height:150px;
  }
  #logolist {
    display: none!important
  }
  
  #navfloater {
    position: fixed;
    display: block;
    top: 0;
    width: 100vw !important;
  }
  #navfloater #navbase A {
    margin: 0!important;
    padding: .5em!important;
    width: 100vw;
  }
  
  #footer {
    padding-bottom: 2em
  }

  #burgerHome {
    float: left;
    padding-right: 2em;
    font-size: 16pt;
    color: #351700;
    text-shadow: 2px 0 3px #fff,0 -2px 3px #fff,0 2px 3px #fff,-2px 0 3px #fff;
    font-variant: small-caps;
    font-family: serif;
    display:block;
    text-decoration:none;
    width:auto;
  }
  
  IMG#eu_funding {
    display:block;
    float:none;
  }
 

  .footer_element {
    display: block;
    float: none;
    text-align: left;
    margin: 0 1em;
  }
  .footer_element:last-of-type {
    color: #fff;
    font-size: smaller
  }
  

  
}
@media only screen and (max-width:540px) {
  
  #img_timmy,
  #timmycont {
    width: 90px!important;
    animation: none!important
  }
  
  .nav_open:after {
    font-size: 14pt;
  }

 
  .woodpart {
    display: none!important
  }
  
  #contfloater .fleft,
  #contfloater .fright
 {
    float: none!important;
    clear: both!important;
    max-width: 90%;
    border: 0;
    padding: 1em;
    margin: 0;
    width:100%;
    display:block;
  }
  
  #contfloater .fleft > IMG,
  #contfloater .fright > IMG {
    max-width: 100%;
    margin: 0;
    width:100%;
    display:block;
  }
  
  .box > FORM,
  .box > P,
  .box > SPAN
  {
    margin: 0em 0 2em 0;
    padding: 2em 1rem;
  }
  
}

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

  .nav_open:after {
    display:none;
  }
  
}


/*
 P1 styles
 
*/
 
#willkommen {
  position: absolute;
  background: #fff;
  border: 1px solid #000;
  opacity: .8;
  border-radius: 0.5em;
  padding: 1em 1em 1em 1em;
  width: 15em;
  max-width: 50%;
  z-index: 9;
  top: 0px;
  right: 10%;
  text-align: left;
  display: none;
}

#p1_aktuell #willkommen  {
  display: block;
}

#willkommen,
.woodparts {
  display: none
}



#willkommen {
  top: 20px;
  right: 10%
}

  #p1_aktuell {
  padding-top: 200px 
}
  
  


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

  #willkommen {
    position:absolute;
    width:90%;
    max-width:90%;
    padding:5%;
    margin:0 auto;
    right:0px !important;
    
  }
  
  #p1_aktuell {
    padding-top: 160px 
  }
}

#willkommen strong:after {
  content: "Herzlich Willkommen!"
}
#willkommen em:after {
  content: "Erhalten Sie einen Einblick in unser Leistungsangebot. Gerne beantworten wir Ihre Anfragen."
}


#gallerydescr:first-letter,
#p1_ueberuns p:first-of-type:first-letter {
  font-size: 1.5em
}
#gallerydescr,
#p1_ueberuns p:first-of-type {
  text-indent: 1em
}



#p1_aktuell #gallerydescr {
  display:none;
}


#p1_zimmerei #gallerydescr + P:before {
  clear: both;
  margin: 2em 0 0 0;
  display: block;
  content: url("../img/zimmerei_abbund.png");
  max-width: 620px;
  height: auto;
  width: 100%;
}




#p1_denkmalpflege .floater:first-of-type,
#p1_holzhandel .floater:first-of-type,
#p1_muehlenbau .floater:first-of-type,
#p1_zimmerei .floater:first-of-type {
  position: absolute;
  top: 6em;
  right: .5em;
}

#p1_denkmalpflege #gallerydescr,
#p1_holzhandel #gallerydescr,
#p1_muehlenbau #gallerydescr,
#p1_zimmerei #gallerydescr {
  padding-top:17em;
}

  
@media only screen and (min-width:541px) {
  #p1_denkmalpflege #gallerydescr,
  #p1_holzhandel #gallerydescr,
  #p1_muehlenbau #gallerydescr,
  #p1_zimmerei #gallerydescr {
    margin-right: 16em;
    min-height: 14em;
    padding-top:2em;
  }
  
  #p1_denkmalpflege .floater:first-of-type,
  #p1_holzhandel .floater:first-of-type,
  #p1_muehlenbau .floater:first-of-type,
  #p1_zimmerei .floater:first-of-type {
    position: absolute;
    top: 6em;
    right: .5em
  }
  

  
  #p1_aktuell .floater:first-of-type {
    width: 25.3em;
    padding: 0em;
    height: 27em;
    max-width: 80%;
    margin: 1em 0
  }
  #p1_aktuell .floater:first-of-type A {
    display: inline-block;
    width:100%;
    height: 22em;
    background-position: center center;
    background-size:contain;
    background-repeat:no-repeat;
    border: inherit;
    transition: all 0.2s;
  }
  #p1_aktuell .floater:first-of-type A:hover,
  #p1_aktuell .floater:first-of-type A:active {
    width:120%;
    height: 27em;
    margin: 0px auto;
  }
  #p1_aktuell .floater:first-of-type IMG {
    display: none
  }
  #p1_aktuell .floater:first-of-type em {
    top: 75%;
  }
  #p1_treppenbau #gallerydescr:before {
    float: right;
    margin-bottom: 1em;
    content: url("../img/treppe_holzarten.png");
    width: 329px;
    height: 510px;
    max-width: 100%;
  }

  

}


A.pbutton {
  text-decoration: none;
  background-color: #0089b6;
  background: linear-gradient(#0089b6,#00f);
  border-radius: 5px;
  border: 1px solid #00008b;
  color: #add8e6;
  text-shadow: 1px 1px 0 #fff;
  padding: .2em;
  
}
A:active.pbutton {
  text-decoration: none;
  background: #00008b;
  text-shadow: none
}
#p1_treppenbau .pbutton {
  position: absolute;
  right: 1em;
  top: 7em;
  width: 9em;
}
 

@media only screen {
  #p1_datenschutz a ~ SPAN {
    overflow: hidden;
    height: 0;
    display: block;
    opacity: 0;
    transition: opacity 1s
  }
  #p1_datenschutz a:target ~ SPAN {
    height: auto;
    opacity: 1;
    padding: 1.7em 0
  }
}
#p1_datenschutz A {
  font-size: 1.3rem;
  font-family: serif
}
#p1_datenschutz EM {
  font-style: normal;
  padding-left: 2em
}
#p1_datenschutz SPAN {
  line-height: 1.7em;
  display: block
}



/*

  Media Print styles
  
*/


@media print {
  @page {
    size: A4;
    margin: 2cm 2.5cm 2cm 2.5cm
  }
  
  * {
    color: #000!important;
    line-height: 1.5em!important;
    text-decoration: none!important;
    border: 0 #000 !important;
    box-shadow: none!important;
    font-size: 11pt;
    text-shadow: none!important;
  }
  
  #contfloater,
  #footer,
  #logocont,
  #maincont,
  .box,
  .hrline,
  .seiten,
  FORM,
  H1,
  H2,
  H3,
  P,
  body,
  li {
    margin: 0!important;
    padding: 0!important;
    float: none!important;
    width: auto!important
  }

  
  .noprint {
    display: none!important
  }
  
  #footer A,
  #login,
  #navfloater,
  #willkommen,
  .seiten:first-of-type,
  .woodparts,
  A[href="#top"],
  FORM {
    display: none!important
  }
  
  
  .seiten {
    font-size: .8em!important
  }
  
  
  #logocont {

    height: 12em;
    margin: 0;
    border-bottom: 1px solid #000 !important;
  }
  
  #logocont * {
    border:0px solid blue !important;
  }
 
  
  #title {
    width:8cm;
    position:absolute;
    top:0cm;
    left:0cm;
    display:block;
    margin:0;
    padding:0;
  }
  
  #title A { 
    font-size: 26pt!important;
  }
  
  

  
  #logolist {
    float:left !important;
    position:absolute;
    top:0cm;
    left:7cm;
  }
  
  #img_timmy, #timmycont {
    display:block !important; 
    opacity: 1 !important;
    animation:none !important;
    z-index:10 !important;
    position:absolute !important;
    top:0cm !important;
    right:0cm !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
  }
  
  
  
  H1, .smalltitle {
    padding: 1.5em!important;
    font-size: 14pt!important;
    line-height: 1.5em!important;
    font-size: 18pt!important;
  }
  
  .smalltitle { 
    font-size: 14pt!important;
  }
  
  
  .hrline {
    border-bottom: 1px solid #000
  }

}

/*

  Viewlarge styles
  
*/


#vlBox {
  position: fixed;
  top: 0;
  left: 0;
  width: 50%;
  height: 50%;
  background-color: #fdfdfd;
  display: none;
  z-index: 998;
  -webkit-transition: width .8s,height .8s,top .8s,left .8s;
  transition: width .8s,height .8s,top .8s,left .8s
}
#vlBox * {
  font-size: 1em;
  overflow: hidden
}
#vlBox :before {
  font-family: customicons2018,arial,sans-serif
}
#vlBox IMG {
  max-width: 100%;
  max-height: 100%;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#vlDescr,
#vlTitle {
  position: absolute;
  left: 0;
  width: 96%;
  padding: .2em 2%;
  background: #fff
}
#vlTitle {
  bottom: 3em;
  height: 1.5em;
  opacity: .8;
  cursor: pointer;
  border-top: 1px solid #ccc
}
#vlDescr {
  bottom: 0;
  height: 3em;
  font-style: italic;
  color: #ccc
}
.vlTitleActive {
  bottom: 9em!important;
  height: 3em!important
}
.vlTitleActive + #vlDescr {
  height: 7em!important;
  overflow-y: auto;
  padding-bottom: 2em;
  color: #555
}




#vlClose:before,
#vlNext:before,
#vlPrev:before {
  position: absolute;
  background: #eee;
  padding: 1em;
  cursor: pointer;
  z-index: 999;
  border: 1px solid #555;
  border-radius:5px;
}
#vlClose:before {
  top: 2%;
  right: 2%;
  content: "x Zur\0000FCck"
}
#vlNext:before {
  top: 50%;
  right: 10%;
  content: "\25B6"
}
#vlPrev:before {
  top: 50%;
  left: 10%;
  content: "\25C0"
}

@media only screen and (max-width:540px) {
  #vlNext:before {
    top: 70%;
    right: 10%;
  }
  #vlPrev:before {
    top: 70%;
    left: 10%;
  }
}


#vlLoader:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: " ";
  border: 8px solid #f3f3f3;  
  border-top: 8px solid #333;  
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 3s linear infinite;
}

#vlLoader:after {
  position: absolute;
  content: "Bild wird geladen...";
  width: 20em;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
 
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


#vlClose:hover:before  ,
#vlNext:hover:before  ,
#vlPrev:hover:before ,
#vlClose:active:before  ,
#vlNext:active:before  ,
#vlPrev:active:before {
  transition: all 0.2s;
  background: #333;
  color: #fff;
}