*,::before,::after{
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
}
*{      margin: 0 0;
        padding: 0;
        outline: none;
        outline:0;
        font-smoothing:subpixel-antialiased;
}
body{
    font-size:1.2em;
    font-weight:400;
    font-family: system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;   
    color:#000;
    background:whitesmoke;
    text-rendering:optimizeLegibility;
    margin:0 auto;
    direction:ltr;
}
.logo img{margin:5px 20px 5px 0;}
.logo_pic{border:1px solid #e5e5e5;}
.logo-head-a{line-height:45px;padding:20px;font-size:16px;}
a.logo-head-a{text-decoration:none;color:#000;border-bottom:2px solid #000;}
a.logo-head-a:hover{color:#a7d822;border-bottom:2px solid #a7d822;}
.flex{margin:0 auto;display:flex;flex-direction:row;justify-content:center;max-width:1200px;align-items:flex-start;}
.flex-box-main{flex-grow:1;min-width:100%;}
.flex-box1{flex-grow:1;min-width:300px;padding-right:30px;}
.flex-box2{flex-grow:0;min-width:300px;max-width:380px;}
.liste li{margin-top:20px;}
ul.bull li::before{content: '✓';padding-right:10px;}
ul.bull li{padding:10px;font-weight:600;}
ul.bull li.neg::before{content: '✘' !important;}

.breadcrumb{color:#333;padding:10px;margin-top:30px;font-size:15px;box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);background-color:#fff;border-radius:10px;}
.breadcrumb a{padding:0 30px;}

.article_max{width:100%;color:#333;overflow:hidden;margin:30px 0;padding:30px;box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);background-color:#fff;}
.article_section{color:#333;overflow:hidden;margin:60px 0;padding:0px;background-color:transparent;}
article{border:2px solid transparent;}
article:hover{border-color:#a7d822;}
.article{color:#333;overflow:hidden;margin:30px 0;padding:0px;background-color:#fff;border-radius:2px;box-shadow:0 6px 30px rgba(0,0,0,.1);}
.article:hover{box-shadow: 0 6px 20px rgba(0,0,0,.06);}
.article_pre{display:inline-block;margin:0;padding:10px;}
.article_inner{padding:30px;}
.article_img{display:block;background: url('https://www.solardach-angebot.de/pics/main.jpg');
        background-position:50% 50%;
        background-repeat:no-repeat;
        background-size:cover;
        width:100%;
        height:220px;
}
.article_load_more{
       padding:10px 5px;
       margin:5px 0;
       font-size:14px;
       display:-webkit-box;
       -webkit-line-clamp:2;
       -webkit-box-orient:vertical;
       overflow:hidden;
       overflow-wrap:normal;
       border-left:2px solid transparent;
}
.article_load_more:hover{color:#000 !important;border-left:2px solid #a7d822;}
.orange-box{background-color:#a7d822;color:#fff;font-size:60px;padding:30px;width:300px;display:inline-block;}
.orange{background-color:#a7d822;}
.orange_txt{color:#a7d822;}
.orange_back{background-color:#a7d822;padding:5px;color:#fff;}
.orange_border{border:1px solid #a7d822;border-bottom:2px solid #a7d822;}
.n_article{margin:30px 0;padding:20px;}
p{margin-bottom:20px;}
a{text-decoration:none;color:#000;}
a:hover{color:#a7d822;}
.article_inner a:hover{color:#000;}
b{font-weight:600;}
img{display:inline-block;margin:0 20px 5px 0;}
ul.bull li::before{content: '✓';padding-right:10px;}
ul.bull li{padding:10px;}

li{list-style-type:none;}
.pointer{cursor:pointer;}
.pointer:hover{transform: scale(0.95);}
footer a{text-decoration:none;color:#333;padding:4px 15px;}
footer a:hover{text-decoration:none;color:#000;}
.error{display:none;color:#ff0037;font-size:0.8em;padding:10px;}
.nodisplay{display:none !important;}

.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-animation: autofill 0s forwards;
    animation: autofill 0s forwards;
}
@keyframes autofill{100% {background:transparent;}}
@-webkit-keyframes autofill{100% {background:transparent;}}
.button, a.button, input.button{
    display:inline-block;
    border-radius:50px;
    cursor:pointer;
    text-align:center;
    border:none;
    color:#fff !important;
    width:200px;
    font-size:1rem;
    line-height:40px;
    height:42px;
    white-space: nowrap;
    margin:10px 0;
    padding:0 4px;
    background-color:rgba(167,216,34,1) !important;
}
.button:hover, a.button:hover{background-color:rgba(167,216,34,0.6) !important;text-decoration:none;}
.sqr_btn{height:200px !important;line-height:200px !important;border-radius:0px !important;margin:20px !important;font-size:1.2em !important;}
.btnn{
  display:inline-block;
  position:relative;
  padding:0px;
  width:120px;
  height:160px;
  margin:0 auto;
  text-align:center;
  margin:10px;
  box-sizing:border-box;
  opacity:0.8;
}
.btnn:hover{opacity:1;}
.btnn a{position:relative;display:block;width:100%;}
.btnn a:hover{text-decoration:none !important;}
.btnn a p{line-height:20px;font-size:14px;margin:5px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.btnn_img{
  position:relative;
  border-radius:20px;
  width:100px;height:100px;
  margin:10px;  
  box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.13);
}
.btnn_img img{position:relative;width:100%;height:100%;border-radius:20px;}

.a-btn{display:flex;flex-direction:row;}
.a-btn a{flex-grow:1;background:rgba(255,104,0,.2);padding:10px;color:#000;text-align:center;margin:1px;}
.a-btn a:hover{background:#FF6800;color:#fff;}

option:disabled{
  font-size:20px;
  color:rgba(0, 0, 0, 0.2);
}
input::placeholder,textarea::placeholder{
  font-size:15px;
  color:rgba(0, 0, 0, 0.7);
}
input, textarea, select, button{
    font-weight:300;
    font-family: system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    color:#2A2A2A;
    background-color:#fff;
    border:1px solid #D7D7D7;
    border-radius:3px;
    margin-bottom:9px;
    padding:10px 20px;
    cursor:pointer;
    height:auto;
    line-height:normal;
    vertical-align:baseline;
    min-width:200px;
    width:100%;
    font-size:1rem;
}
/*input:hover,textarea:hover,select:hover{background:rgba(0, 0, 0, 0.05) !important;border: 1px solid #333;}*/
input:focus,textarea:focus,select:focus{background:rgba(0, 0, 0, 0.05) !important;border:1px solid #333;}
.w100p{width:100%;}
.w80p{width:80%;}
.w60p{width:60%;}
.w66p{width:66%;}
.w25p{width:25%;}
.w33p{width:33%;}
.w32p{width:32%;}
.w31p{width:31%;}
.w50p{width:50%;}
.w48p{width:48%;}
.vtop{vertical-align:top;}

.setting{
         font-size:45px;
         line-height:40px;
         display:inline-flex;
         position:relative;
         margin:5px 10px;
         vertical-align:-20%;
         cursor:pointer;
         text-align:right;
}
.setting-back,.back{
         font-size:40px;
         display:inline-flex;
         position:relative;
         vertical-align:middle;
         float:right;
         position:relative;
         right:0px;
         cursor:pointer;
  }
.setting-box{
         position:fixed;
         right:-300px;
         top:0px;
         width:300px;
         height:100%;
         background:#fff;
         border-left:1px solid #D7D7D7;
         padding:5px 20px 20px 20px;
         box-sizing:border-box;
         text-align:left;
         z-index:199;
}
.setting-box-top,.setting-box-main ul{position:relative;display:block;border-bottom:2px solid #000;margin:0;}
.setting-box-main ul li a{position:relative;display:block;margin:0;padding:20px 0;}
.setting-box-top{padding:0 !important;padding-bottom:20px;line-height:50px;}
.setting-box-main a{font-weight:400;line-height:30px;}

h1,h2,h3,h4{font-size:1.8rem;margin-bottom:15px;color:#000;}
.h-margin{margin:40px 0;}

.floatl{float:left;}
.floatr{float:right;}
.clear{clear:both;}
.inline{display:inline-block;}
.block{display:block;}
.f60{font-size:60px;}
.f50{font-size:50px;}
.f40{font-size:40px;}
.f45{font-size:45px;}
.f60{font-size:60px;}
.f35{font-size:35px;}
.f30{font-size:30px !important;}
.f25{font-size:25px;}
.f24{font-size:24px;}
.f23{font-size:23px;}
.f22{font-size:22px;}
.f21{font-size:21px;}
.f20{font-size:20px;}
.f19{font-size:19px;}
.f18{font-size:18px;}
.f17{font-size:17px;}
.f16{font-size:16px;}
.f15{font-size:15px;}
.f14{font-size:14px !important;}
.f13{font-size:13px;}
.f12{font-size:12px !important;}
.f10{font-size:10px;}
.f9{font-size:9px;}
.padding5{padding:5px !important;}
.padding10{padding:10px !important;}
.padding20{padding:20px !important;}
.margintop10{margin-top:10px !important;}
.margintop20{margin-top:20px !important;}
.margintop50{margin-top:50px !important;}
.margin10{margin:10px !important;}
.margin5{margin:5px !important;}
.margin1{margin:1px !important;}
.margin0{margin:0px !important;}
.marginl10{margin-left:10px !important;}
.marginl20{margin-left:20px !important;}
.marginl30{margin-left:30px !important;}
.padding0{padding:0px !important;}
.grayback{background:#efefef;}
.gray{color:#959595;}
.green{color:#a7d822;}
.greenbg{background:#a7d822 !important;color:#fff !important;}
.paddingtop20{padding-top:20px !important;}
.link{color:#a7d822;cursor:pointer;}
.link:hover{text-decoration:underline;color:#a7d822 !important;}
.border{border:1px solid #D7D7D7;}
.border-top{border-top:1px solid #D7D7D7;}
.interest{font-size:12px;text-align:center;line-height:28px;margin-bottom:0;}

.box{display:block;
  margin:10px auto;
  padding:30px 20px;
  max-width:320px;
  text-align:center;
  color:#333;
  border-radius:10px;
  box-shadow:0 3px 12px rgba(0,0,0,0.2);
  font-size:1.1rem;
  background-color:#fff;
}
.boximg{display:inline-block;
  width:90px;
  height:90px;
  line-height:90px;
  border-radius:50%;
  text-align:center;
  background-color:#fff;
  color:#a7d822;
  box-shadow:2px 4px rgba(0,0,0,0.2);  
  background-position:50% 50%;
  background-repeat:no-repeat;
  background-size:cover;
  margin-bottom:2rem;
}

.loading{
  display:inline-block;
  width:15px;
  height:15px;
  border-radius:50%;
  border:3px solid;
  border-color:#D7D7D7;
  border-right-color: #00ffb4;
  animation: loading-rotate 1s infinite linear;
}
@keyframes loading-rotate{to{transform: rotate(1turn);}}

.progressBarhalf {
   width:100px;
   height:10px;
   position:relative;
   vertical-align:-5px;
   margin-bottom:5px;
}
.progressBarhalf span {
   position:absolute;
   display:block;
   width:100px;
   height:10px;
   background-color:#E3007A;
   top:0px;
   left:0px;
   overflow:hidden;
   text-indent:-8000px;
}
.progressBarhalf em {
   position:absolute;
   display:block;
   width:100px;
   height:10px;
   background-color:white;
   top:0;
   border-left:1px solid #E3007A;
}
footer{
   display:block;
   width:100%;
   margin:0 auto;
   margin-top:10px;
   padding:15px;
   background-color:#fff;
}

nav{display:block;width:100%;padding:10px;text-align:center;background:#fff;padding-top:0px !important;height:60px !important;}
.prenavi{text-align:center;font-size:0.6em;padding:5px;background:#fff;position:fixed;width:100%;height:60px !important;z-index:10;}
.prenavi span{line-height:50px;display:inline-block;height:100%;}
.prenavi span a,.prenavi span span{margin:0 20px;font-size:1.5em;}
.prenavi span span{border-radius:50px;height:50px;width:50px;display:inline-block;line-height:45px;font-size:40px;background-position:50% 50%;
                  background-repeat:no-repeat;background-size:cover !important;}
.prenavi span span:hover{color:#fff;transform:scale(0.95);}
.prenavi span a.b{border:1px solid #333;padding:5px;}
.prenavi span a.b:hover{background:#000;text-decoration:none;color:#fff;}
.prenavi_1,.prenavi_2{width:33%;}
.cover{background-position:50% 50% !important;background-repeat:no-repeat !important;background-size:cover !important;}
.cookies{
         position:fixed;
         bottom:10px;
         left:20%;
         width:60%;
         height:100%;
         top:10px;
         padding:20% 10%;
         background-color:rgba(0,0,0,.95) !important;
         color:white;
         font-size:14px;
         z-index:999;
}
      .div_table{display:table;border-spacing:1px;margin:0 auto;}
      .div_table-row{display:table-row;}
      .div_table-cell{display:table-cell;padding:10px !important;min-width:60px;}
      .div_table-cell:nth-child(1){padding:2px 5px !important;}
      .div_table-cell.overflow{min-width:170px;max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hidden{display:none;}

.mid-div h1{color:#fff !important;}
.white{color:#fff;}
.pinc{color:#00ffb4;}
.black{color:#333;}
.prenavi img{height:40px;}
.bold{font-weight:600;}
.no_smphone{display:inline-block !important;}
.smphone{display:none !important;}

@media only screen and (max-width:700px){
    .a-btn a{width:100%;margin:5px;}
        .no_smphone{display:none !important;}
        .smphone{display:block !important;}
        main{margin:0 auto;padding:10px auto}
        .flex,.a-btn{flex-direction:column;}
        .flex-box1{min-width:100%;padding-right:0px;}
         .flex-box2{min-width:100%;max-width:100%;}
         .article{border-radius:0px;width:100%;padding:20px 10px;max-width:100% !important;}
         img{display:inline-block;width:100%;margin:0 20px 5px 0;}
         p,.w60p,.w50p,.w66p,.w66p,.w33p,.w25p{width:100% !important;}
         .prenavi a{width:33%;text-align:left;}
         .logo img{width:auto;height:30px;margin:10px 10px 5px 0;padding-right:10%;}
         .prenavi .logo_span{line-height:20px;}
         .prenavi span span{border-radius:40px;height:40px;width:40px;line-height:35px;font-size:30px;margin:5px 5px;}
         .prenavi_1{width:25%;}
         .prenavi_2{width:50%;}
         table{font-size:0.6em;}
         .setting-box{width:100%;z-index:199;right:-100%;}
         .breadcrumb{margin:30px auto 0 auto;}
         .prenavi{height:auto !important;z-index:100;}
         

}