@font-face { font-family: 'futura';
             src: url('fnts/Futura.ttf') format('truetype'); 
}
@font-face { font-family: 'helvetica';
             src: url('fnts/Helvetica-Bold.ttf') format('truetype'); 
}

*{
	margin:0px;
	padding:0px;
}

a{
    color:#000;
    
}

div#preload { display: none; }
.headline{
    text-align: center;
    display: inline-grid;
    width: 100%;
    line-height:normal;
    padding:20px 00px 20px 0px;
      }
   .outer{
	max-width: 670px;
    height: 100%;
    margin: 0px auto;
  
    padding: 0px 50px;
    } 
    
	.h3mobile{
		padding-left:50px;
		margin:0px;
        font-size:2rem;
        font-weight:900;
        padding-bottom:0px;
        font-family:"futura";
	}

.text_left{
text-align:left;

}
textblock p{
	padding:0px;
	margin:0px;
}
.tb_impressum{
	font-size:1em;
}
.zitat{
    text-align: center;
    text-decoration: none;
    font-size: 2.5em;
    height: auto;
    font-family: 'Just Another Hand', cursive;
    margin: 0px auto;
    border-bottom: 0px;
    font-style: italic;
    max-width: 670px;	
    padding-bottom:0px;
}
.zitat2{
text-align: right;
    border-bottom: 0px;
    text-decoration: none;
    padding: 0px;
    font-size: 1.6em;
    height: auto;
    font-family: 'Just Another Hand', cursive;
    margin: 0px auto;
    max-width: 670px;}

/*----------*/
/*  MOBILE  */
/*----------*/
.brillux{
max-width:175px;
max-height:75px;
}

@media (min-width:320px)  {  
input,
textarea,
button,
select,
a,
    li{
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

#kontakt_contact_wrapper{
   
    padding: 20px 50px 25px;


}

.kontakt_contact_outer{
    width:100%;
display:flex;
padding-bottom:30px;
}

.kontakt_contact_image{
float:left;

}

.kontakt_contact_text{
  font-family: "Open Sans";
    font-size:1.2em;
    width:100%;
align-items: center;
margin:20px auto;
line-height:1em;
}

.f_tel:before{
    content: "\f3cd";  /* this is your text. You can also use UTF-8 character codes as I do here */
    display:inline-block;
    font-family: "Font Awesome 5 Free";
  
  
font-size:1.8em;
    font-weight:900;
   width:75px;
   text-align:center;

}

.f_wapp:before{
    content: "\f232";  /* this is your text. You can also use UTF-8 character codes as I do here */
    display:inline-block;
    font-family: "Font Awesome 5 Brands";
  color:#25D366;
  font-size:1.8em;
  
    font-weight:900;
    width:75px;
    text-align:center;

}

.f_mail:before{
    content: "\f1fa";  /* this is your text. You can also use UTF-8 character codes as I do here */
    display:inline-block;
    font-family: "Font Awesome 5 Free";
    font-size:1.8em;
  
  
    font-weight:900;
    width:75px;
    text-align:center;

}

.f_post:before{
    content: "\f0e0";  /* this is your text. You can also use UTF-8 character codes as I do here */
    display:inline-block;
    font-family: "Font Awesome 5 Free";
  height:40px;
 
    font-size:1.8em;
  float:left;
    font-weight:900;
    width:75px;
    text-align:center;

}



    img.mobile{
top:0px;
  position: relative;  
        display: none;
    
}
    img.vorschau{
       height:100px;
        width:150px;
    }
    
html,body {
    font-size:16px;
    margin:0;
    /*background-image: linear-gradient(to right, #202020,#000000,#000000,#202020); */
    background-image: url(img/bg/header_1.png);
  height:100%;
 -webkit-tap-highlight-color: #ffffff;
  -ms-user-select: None;
 -moz-user-select: None;
 -webkit-user-select: None;
 user-select: None;

}
#contactfields_outer {
    position: relative;
    width:0%;
    height:0px;
    background-color: #eee;
    display: none;
}




#imageblock {
    text-align: center;
    position: relative;
    width:0px;
    height:calc(100% - 15px);
    float:left;
    
        padding-top:15px;
    display: none;
   
}

#contacttext {
    float:left;
        padding-top:10px;
    text-align: justify;
    display: none;
}

span {
    display:inline-block;
    padding-left:10px;
    padding-right:1em;
    font-family: "Open Sans";
    color:#ccc;
    font-size:small;
    text-align: justify;
    display: none;
 }

i {
    
    color:#666;
}



.big {
    color:#777;
    font-size:100%;
        padding-left:10px;
    text-decoration: underline;
    font-weight: bolder;
   
}
.flexbox {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border: none;
        }

#three_rows {
    -ms-flex-direction: column;
    flex-direction: column;
background-color: #eee;
    margin:0 auto;
    height:100%;
    box-shadow: 0px 5px 25px black;
}
#header {
    position: relative;
  height:8em;
width:100%;
    background-image: url(img/bg/header_1.png);
     background-position: center top -40px;
    background-size: cover;
    background-repeat: no-repeat;
   
   border-bottom:inset 1px solid #333;
    z-index:2;
    background-origin: border-box;
}
.logofield {
    
    height:120px;
    width:160px;
    background-color: rgba(255,255,255,0.68);
    border-left: 1px solid black;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    margin-left:50px;
    z-index: 2;
    background-image:url(img/logos/logo_trans.png);
    background-size: 120px;
    background-repeat: no-repeat;
    background-position: center top +4px;
   position: relative;
      box-shadow: 3px 3px 12px rgba(20,20,20,0.68);
    }
.logotext {
    position: relative;
    top:5.3em;
   text-align: left block;
    font-family: "Futura";
    font-size: 0.99em;
    width:180px;
    margin-left:1.2em;
    color: #303030;
  
}
    .logotext2 {
        position: relative;
    top:5em;
  text-align: right;
    font-family: "Futura";
    font-size: 1em;
    width:100px;
    margin-left:2.6em;
    color: #303030;
}
    
  
nav_bg {
 display: none;
    
}
    
nav_mobile {
    position: absolute;
    bottom:0;
    
    width:100%;
    background-color:rgba(30,30,30,0.6) ;
    margin:0px;
    padding:0px;
}
nav_mobile li{
        display:inline-block;
        float:right; 
    cursor:pointer;
    }
    #responsive_menu {
    transition: all 0.3s ease;
    left:-100vw;
    height:100%;
width:100vw;
     background-color:rgba(30,30,30,0.9);
  position: fixed;
     font-family: "Open Sans";
     font-size: 120%;
    font-weight: 600;
  z-index:5;

}   
   

    #responsive_menu li{
        background-color:rgba(30,30,30,0.6);
        height:2em;
        font-family: "Open Sans";
        color:#eee;
        line-height: 2em;
        display:block;
        text-align: right;
        padding: 0.5em 1em 0.5em 1em;
        border-bottom:solid 1px black;
        font-size:90%;
    }
    #responsive_menu li a{
         color:#eee;
        text-decoration: none;
        cursor:pointer;
display:block;
            }
     #responsive_menu li:hover{
        background-color:rgba(90,90,90,0.6);
        height:2em;
        font-family: "Open Sans";
        color:#fff;
        line-height: 2em;
        display:block;
        text-align: right;
        padding: 0.5em 1em 0.5em 1em;
        border-bottom:solid 1px black;
    }
     #responsive_menu li.active{
         
        color:#505050;
       
    }
        #responsive_menu li.active:hover{
         
        color:#505050;
          background-color:rgba(30,30,30,0.6);
       
    }
    
    
    
    
    
    
#content {
   line-height: 0px;
    padding:0px;
    margin:0px;
    height:auto;
background-color: #eee;
    }
    .clear { clear: both; }
.mainpage {
    height:auto;

    }
    
    #galerypreview{
        
      padding:0px 50px 0px 50px;
     text-align: center;
    
    }

    .fa-bars{
         color: #fff;
        padding-right:0.5em;
        padding-top:0.2em;
        padding-bottom:0.2em;
        padding-left:0.5em;
    }  
    
    h1 {
    color:white;
    background-color: #303030;
    font-family: "Helvetica";
    font-weight: 100;
    padding-left:1em;
    width:8em;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
        font-size:110%;
}

h3 {
    color:#222;
    font-family: "Open Sans";

     padding-right:1em;
    font-size:120%;
    margin:0px 0px 0px 0px;
  padding-bottom:20px;
   
}

/*p {
 text-align:left;
    margin:0px;
    color:#222;
float: left;
     padding-right:20px;
font-family: "Open Sans";
    font-size:100%;
    font-weight: 500;
    line-height: 16pt;
  margin:0px 0px 20px 20px;
 
    }*/
    
    #imagebox {
        position: relative;
    width:100%;
    width:100%;
    height:25vh!important;
        margin:25px 0px 25px 0px;
   display:inline-flex;
       
}
        a, a:visited {
text-decoration: none;
       
}

.img_reno {
        background-size: 250px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(img/bg/IMG-20181026-WA0007.jpeg);
}

/*Mobile*/
#image_text_box {
   
    position:absolute;                  /* added */
   bottom:0;                           /* added */
   left:0;   
    height:30px;
    width:100%;
    background-color: rgba(0,0,0,0.7);
    
  
}

#image_text {
      color:white;
    line-height: 30px;
    margin-left:8px;
    font-family: "futura";
    font-size:100%;
}

.current {
    color:#202020;
}

.prelast {
    border:none;
}

.img_trockenbau {
    background-size: 250px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(img/gallerie/trockenbau2.jpg);
}


.img_treppe {
    background-size: 250px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(img/gallerie/treppe_after.jpg);
}

.img_bad {
    background-size: 250px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(img/gallerie/bad_after.jpg);
}

.img_flur {
    background-size: 250px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(img/gallerie/flur_after.jpg);
}
.img_terrasse {
    background-size: 250px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(img/gallerie/terrasse_after.jpg);
}
.img_wohnraum {
    background-size: 250px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(img/gallerie/wohnraum_after.jpg);
}
.img_terrassenplatten {
    background-size: 250px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(img/gallerie/terrassenplatten_after.jpg);
}
.img_garage {
    background-size: 250px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(img/gallerie/garage_after.jpg);
}

.img_kitchen {
    background-size: 250px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(img/gallerie/kitchen_after.jpg);
}
.img_decke {
    background-size: 250px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(img/gallerie/decke_after.jpg);
}

.img_decke2 {
    background-size: 250px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(img/gallerie/decke2_after.jpg);
}

.img_treppe1 {
    background-size: 250px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(img/gallerie/treppe1_after.jpg);
}










}
@media (min-width:481px)  { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
@media (min-width:641px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
@media (min-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }



/*---------*/
/* DESKTOP */
/*---------*/

@media (min-width:1024px) { /*768*/
        img.mobile{
top:0px;
  position: relative;  
        display:block;
    
}
      img.vorschau{
       height:148px;
        width:347px;
    }
    html,body {
    margin:0;
   /*background-image: linear-gradient(to right, #202020,#000000,#000000,#202020); */
    background-image: url(img/bg/bg_blur.png);
        background-repeat: no-repeat;
        background-position: center ;
        background-size:cover;
        background-attachment: fixed;
  height:100%;
        background-attachment: fixed;
 
}
body{
   overflow-y:scroll; 
   background-attachment: fixed;
}
    body::after{
    position:absolute; width:0; height:0; overflow:hidden; z-index:-1;
    content:url(img/bg/header_1.png) url(img/bg/header_1.png) url(img/bg/IMG-20181026-WA0007.jpeg) url(img/gallerie/trockenbau2.jpg) url(img/gallerie/maler2.jpg) url(img/gallerie/bodenbelaege2.jpg) url(img/gallerie/montage2.jpg);
        height:100%;
}

.flexbox {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border: none;
    min-width: 768px;
    height:100%;
    }

#three_rows {
    -ms-flex-direction: column;
    flex-direction: column;
    max-width:1200px;
    min-width: 768px;
    margin:0 auto;
    height:100%;
    position: relative;
}
#header {
    position: relative;
    max-width:100%;
    min-height:400px;
    min-width: 768px;
    background-image: url(img/bg/header_1.png);
    background-position: center top;
    background-size:cover;
    background-repeat: no-repeat;
    border-bottom:inset 1px solid #333;
    /*box-shadow: 0px 0px 25px black;*/
    z-index:2;
    background-origin: border-box;
}

.logofield {
    height:180px;
    width:220px;
  
    background-color: rgba(255,255,255,0.68);
    border-left: 0px solid black;
    border-bottom: 0px solid black;
    border-right: 0px solid black;
    margin-left:50px;
    z-index: 2;
    background-image:url(img/logos/Zeichnung.svg);
    
    background-size: 180px;
    background-repeat: no-repeat;
    background-position: center top +12px;
   position: relative;
      box-shadow: 3px 3px 12px rgba(20,20,20,0.68);
    }
nav_mobile     {
 display: none;
    
}
nav_bg {
    width:100%;
    height:34px;
display: block;
    top:95px;
    position:absolute;
  z-index:1;
    
}
nav_bg nav{
    z-index:1;


}

nav ul {

  margin: 0;
  padding: 0;
}



nav ul li:first-child{
min-width:200px;
    max-width:100%;
    height:34px;
    background-color: rgba(20,20,20,0.6);
width:42%;
 float:left;
  /*
    border-top-right-radius:6px;
    border-bottom-right-radius: 6px;*/
    cursor:default;
z-index:2;
    flex: 1;
}
nav ul li:last-child{

    height:34px;
      width:20px;
   background-color: rgba(20,20,20,0.6);
  
   
 
     /* border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;*/
cursor:default;
}
    nav ul li active{
        color:#303030;
    }
nav ul li { display: inline-block;
    float:left;
       line-height: 34px;
    color:#303030;
    font-family: "Open Sans";
    font-size: 120%;
    font-weight: 100;
    padding: 0px 5px 0px 5px;
    margin:0px;
    border-right: 1px solid rgba(0,0,0,0.5);
    cursor: pointer;
      -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    letter-spacing: 2px;
    
}
nav ul li:hover{
    font-weight: 100;
    color:#ffffff;
      -webkit-transition: all 0.0s ease-in-out;
    -moz-transition: all 0.0s ease-in-out;
    -ms-transition: all 0.0s ease-in-out;
    -o-transition: all 0.0s ease-in-out;
    transition: all 0.0s ease-in-out;

}


.logotext {
    position: relative;
    top:130px;
   text-align: left block;
    font-family: "Futura";
    font-size: 17.70pt;
    width:180px;
    margin-left:20px;
    color: #555555;
  
}

.content {
    min-height:calc(100vh - 11em);
height:auto;
    background-color: #eee;
  position: relative;
  min-width:768px;
    max-width:1200px;
}

.infobox {
    bottom:0px;
}


/*DESKTOP*/
#imagebox {
    position: relative;
    width:100%;
    height:50vh!important;
        margin:25px 0px 25px 0px;
    background-position: center center;
    float:left;
   
   
}
  

.img_reno {
        background-size: 250px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(img/bg/IMG-20181026-WA0007.jpeg);
}

/*DESKTOP*/
#image_text_box {
    position:absolute;                  /* added */
    bottom:0;                           /* added */
    left:0; 
    height:50px;
    width:100%;
    background-color: rgba(0,0,0,0.7);
   
  
}

#image_text {
   
    font-weight:300;
      color:white;
    line-height: 50px;
    margin-left:8px;
    font-family: "Roboto";
    font-size:1.3em;
}

.current {
    color:#202020;
}

.prelast {
    border:none;
}
    .prelast.active {
    border:none;
    color:#505050;
}

.img_trockenbau {
    background-size: 250px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(img/gallerie/trockenbau2.jpg);
}

.img_maler {
     background-size: 250px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(img/gallerie/maler2.jpg);
}

.img_montage {
        background-size: 250px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(img/gallerie/montage2.jpg);
}

.img_bodenbelaege {
          background-size: 250px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(img/gallerie/bodenbelaege2.jpg);
}

.logotext2 {
        position: relative;
    top:125px;
  text-align: right;
    font-family: "Futura";
    font-size: 15pt;
    width:180px;
    margin-left:20px;
    color: #555555;
}



h1 {
    color:white;
    background-color: #222;
    font-family: "Helvetica";
    font-size:150%;
    font-weight: 100;
    padding-left:50px;
    width:300px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

h3 {
    color:#222;
    font-family: "Open Sans";
    margin-left:25px;
    font-size:160%;
    text-decoration: none;
       font-weight: normal;
    font-style: normal;
    line-height: normal;
     padding-bottom:50px;
  
}

p {
    position: relative;
    margin:0px 25px 25px 25px;
    color:#222;
 padding-left:200px;
     padding-right:50px;
font-family: 'Open Sans', sans-serif;;
    font-size:100%;
    font-weight: 500;
    letter-spacing: 1px;
 padding:0px 0px 20px 0px;
    border-bottom: 1px solid #ccc;
}

nav ul li a{
    color:#eee;
    text-decoration: none;
         -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -ms-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}
    nav ul li a:hover{
    color:#606060;
    text-decoration: none;
         -webkit-transition: color 0.0s ease-in-out;
    -moz-transition: color 0.0s ease-in-out;
    -ms-transition: color 0.0s ease-in-out;
    -o-transition: color 0.0s ease-in-out;
    transition: color 0.0s ease-in-out;
}
nav ul li a.active{
    color:#202020;
}
nav ul li a.active:hover {
    color:#202020;
      -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}




nav ul li.seperate_first {
    background-color:#303030;
    width:100px;
    height:34px;
}

.container {
         display: flex;
}
    #responsive_menu{
        display:none;
    }
    #contact_whatsapp_icon {
    color:#777;
}

#contact-phone {
    color:#eee;
    font-size:100%;
    line-height: 1em;
}

#toggle {
    
}
    #content_left {
        margin:0; 
        padding:0;
        line-height: 0px;
    width:calc(100% - 300px);
   float:left;
    
        
    
}

#content_right {
    width:300px;
 margin-left:calc(100% - 300px);
 margin-top:0px;
    padding-top:0px;
    line-height: 0px;
    height:calc(100vh - 400px);
   
 
}

#contact_panel {
    width:calc(100% - 1px);
    background-color: #eee;
    height:auto;
    border-left:1px;
    border-top:0px;
    border-right:0px;
    border-bottom:0px;
    border-style: solid;
border-image:linear-gradient(#ccc, transparent) 1;
    line-height: normal;
    
}

contact_text_top {
    float:left;
     text-align:left;
   display: inline-block;
    color:#ccc;
margin:20px 0px 20px 20px;
   width:90%;
font-family: "Open Sans";
    font-size:120%;
    font-weight: 500;
    line-height: 16pt;
left:0px;
}



contact_text {
         text-align:right;
   display: inline-block;
    color:#ccc;
padding-left:1em;
  
   width:85%;
font-family: "Open Sans";
    font-size:100%;
    font-weight: 500;
    line-height: 16pt;
}

contact_panel_inside {
    border:5px;
}

#cont_block_outer {
    width:calc(100% - 1px);
    height:100px;
    padding-bottom:25px;
   
   
    
}
#contaktfield_wrapper {
    background-color: #303030;
    padding:20px 50px 20px 50px;
  
   
}

#contactfield_left {
   color:#eee;
    font-family: "Quicksand";
    font-size: 90%;  
    float:left;
    width:33%;
}
#contactfield_center {
   color:#eee;
    font-family: "Quicksand";
    font-size: 90%; 
    width:33%;
    margin-left: 12em;
margin-right: 12em;

}
#contactfield_right {
   color:#eee;
    font-family: "Quicksand";
    font-size: 150%;  
    width:33%;
    float:right;
  
}


.container2 {
    display:flex;
}

.collapse {
    color: #333
}

.panel-group {
padding-left:50px;
    padding-right:50px;

}


#bottom_contact {
    position: absolute;
    z-index: 0;
    width:100%;
    height:95px;

    top:0px;
    right:0px;
}

#bottom_contact2 {
        position: absolute;
    z-index: 0;
    width:100%;
    height:271px;

    bottom:0px;
    right:0px;
}

#jssor_1 {
    
       display:inline-flex; 
    margin:0 auto; 
    top:0px; 
    left:0px; 
     width:100%;
height:8em;
    overflow:hidden; 
    visibility:hidden;
    
}

#contactfields_outer {
    position: relative;
    width:100%;
    height:80px;
    background-color: #eee;
    display: block;
}




#imageblock {
    text-align: center;
    position: relative;
    width:60px;
    height:calc(100% - 15px);
    float:left;
    
        padding-top:15px;
   display: block;
}

#contacttext {
    float:left;
        padding-top:10px;
    text-align: justify;
    display: block;
}

span {
    display:inline-block;
    padding-left:10px;
    padding-right:1em;
    font-family: "Open Sans";
    color:#888;
    font-size:smaller;
    font-weight: lighter;
    text-align: justify;
   
 }

.contact_texte{
font-size:1rem;

}



.big {
    padding-bottom:5px;
    color:#444;
    font-size:1.1rem;
    padding-left:10px;
    text-decoration: underline;
    font-weight:bold;
    font-family:"Roboto";

}

 }












image_box {
  
    background-color: #333;
    width:200px;
    height:200px;
}



#aufzaehlung {
 background-color: aliceblue; 
    display: inline-block;
    font-family:"open sans";
        font-size:120%;
}

aufzaehlung ul li{
    line-height: normal;
    font-size: 110%;
        font-family: "Open Sans";
            margin-left:40px;
}

p ul li{
    font-size: 120%;
}

textblock {
    height:auto;
    text-align:justify;
    word-wrap: break-word;
    color:#222;
    float: left;
   
    font-family: "Open Sans";
    font-size:1.2em;
    font-weight: normal;
    line-height: normal;
    padding:20px 50px 20px 50px;
	width: -webkit-fill-available;
   
}

content_footer {
      text-align: center;
    float:right;
    height:auto;
    text-align:left;
    word-wrap: break-word;
    color:#222;
    
    
    font-family: "Open Sans";
    font-size:normal;
    font-weight:bolder;
    line-height: normal;
    padding:20px 0px 20px 0px;
    
  }
  
  textblock  > ul > li.einzug{
	padding-left:10px;
	list-item:none;
}
  textblock  > ul.aufzaehlung{
 list-style:none;
}
  textblock > ul.aufzaehlung > li > details >  p{
  margin:0px;
  padding:15px;
  background-color:rgba(255,255,255,0.4);
}

textblock > ul.aufzaehlung > li > details > summary:focus {
 outline: -webkit-focus-ring-color auto 0px;
}








details summary {
    font-family:"Roboto";
    font-size:1.3em;

font-weight:400;
  color:rgb(122, 122, 122);
  padding:20px 0px;
  border-bottom:1px black solid;
 
}

details summary::before {
 
  transition: transform 0.1s linear;
}



summary:hover {
  color: #000000;
}

summary:focus {
  outline: none;
}

details[open] summary:before {
  transform: rotate(90deg);
}

details > summary::marker {
  display:none;
}

details[open] > summary {
  color: #000000;
  
}

details[open] > summary ~ * {
	padding:50px 15px 50px;
  animation: open 0.5s ease;
  font-size:1.1rem;
  text-align:left;
  color:#000;
  font-family:"Roboto";
}


p.source {
  padding-top: 50px;
  font-size: 0.75em;
  text-align: center;
}

@keyframes open {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}