*,::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.5em;
    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;   */
    font-family: "Roboto","Arial",sans-serif;
    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;border-bottom:2px solid #333;}
a.logo-head-a:hover{color:#a7d822;border-bottom:2px solid #a7d822;}
a.logo-head-a-m{background:#a7d822;color:#fff;border-bottom:2px solid #a7d822;}
a.logo-head-a-m:hover{color:#fff;background:#333;border-bottom:2px solid #a7d822;}
.link{color:#a7d822;cursor:pointer;}
.link:hover{text-decoration:underline;color:#a7d822 !important;}

.flex{margin:0 auto;display:flex;flex-direction:row;justify-content:center;align-items:stretch;flex-wrap: wrap;}
.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;}
ul.bull li.neg::before{content:'✘' !important;}
p{margin-bottom:40px;}
a{text-decoration:none;color:#000;}
a:hover{color:#a7d822;}
b{font-weight:600;}
img{display:inline-block;margin:0;}
li{list-style-type:none;}

.hakenprediv{display:grid;margin:0 auto;align-items:center;justify-content:center;}
.hakendiv{display:block;margin:20px;justify-content:center;}
.haken,.img_brd{
    background-color:#a7d822;
    border-radius:10px;
    width:50px;
    height:50px;
    display:inline-block;
    font-size:40px;
    color:#fff;
    line-height:50px;    
    text-align:center; 
    margin-right:20px;   
}
.img_brd{width:200px;height:200px;margin:40px;}

.article{color:#333;margin:30px 0;padding:0px;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:20px;overflow:hidden;}
.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 whitesmoke;
}
.article_load_more:hover{color:#000 !important;border-left:2px solid #a7d822;}
.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;
}

footer{background:#424242;color:#fff;padding:40px;}
footer a{text-decoration:none;color:#fff;padding:4px 15px;}
footer a:hover{text-decoration:none;}
.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,.sqr_btn,.sqr_btn_gray{
    display:inline-block;
    border-radius:50px;
    cursor:pointer;
    text-align:center;
    border:none;
    color:#fff !important;
    width:250px;
    font-size:1.2rem;
    line-height:50px;
    height:52px;
    white-space: nowrap;
    margin:10px 0;
    padding:0 9px;
    background-color:rgba(167,216,34,1) !important;
}
.sqr_btn,.sqr_btn_gray{width:50px;font-size:1.2rem;line-height:50px;height:50px;}
.sqr_btn_gray{background-color:rgba(187, 187, 187, 0.7) !important;color:#333 !important;}
.button:hover,a.button:hover,.sqr_btn:hover,.sqr_btn_gray:hover{background-color:rgba(167,216,34,0.6) !important;text-decoration:none;}
input::placeholder,textarea::placeholder{font-size:15px;color:rgba(0, 0, 0, 0.7);}
.grau{color:#D7D7D7;}

textarea{resize:vertical !important;}
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:focus,textarea:focus,select:focus{background:rgba(0, 0, 0, 0.05) !important;border:1px solid #333;}
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;box-shadow: 0px 3px 2px rgba(0,0,0,0.2);max-width:100% !important;}
.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;}

:root {
  --green: #a7d822;
  --white: #ffffff;
  --gray: #333;
  --akzentrahmen: solid
}
.green{color:#a7d822;}
.white{color:#ffffff;}
.greenback{background-color:#a7d822;}
.grayback{background-color:#333;color:#ffffff;}
.grayback a{color:#fff;}
.bold{font-weight:600;}
.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;}

section{
    display:flex;
    flex-flow:column nowrap;
    align-items:center;
    width:100%;
    color:#333;
}
.content{width:100%;max-width:1200px;margin:0 auto;padding:50px;
}
/*.main_pic img{max-height:90vh;object-fit:cover;object-position:bottom;}*/

.main_pic{
  position:relative;
  background: url('https://www.sonnify.de/pics/main.png');
  min-height:78vh;background-position:0% 50%;background-repeat:no-repeat;background-size:cover;  
}

h1,h2,h3,h4{font-size:2.8vw;margin-bottom:40px;}
.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;}
.padding0{padding:0px !important;}
.padding5{padding:5px !important;}
.padding10{padding:10px !important;}
.padding20{padding:20px !important;}
.marginl20{margin-left: 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;}
.error{display:none;color:#ff0037;font-size:0.8em;padding:10px;}
.pointer{cursor:pointer;}
.setting{
  font-size:45px;
  line-height:40px;
  display:inline;
  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:10px 0;font-size:0.8em;}
.setting-box-top{padding:0 !important;padding-bottom:20px;line-height:50px;}
.setting-box-main a{font-weight:400;line-height:30px;}
.no_smphone{display:inline-block !important;}
.smphone{display:none !important;}
.whiteback{background:#fff;}
.w100p{width:100% !important;;}
.w80p{width:80%;}
.w60p{width:60%;}
.w66p{width:66%;}
.w25p{width:25%;}
.w33p{width:33%;}
.w32p{width:32%;}
.w31p{width:31%;}
.w50p{width:50% !important;}
.w48p{flex:0 0 48%;width:48%;max-width:48%;}
.imgblock{justify-content:center;align-items:center;}
.hideme{opacity:0.2;}

@media only screen and (max-width:1500px){
  .main_pic{background:url('https://www.sonnify.de/pics/main-m.png');background-position:40% 50%;background-size:cover;}
}
@media only screen and (max-width:700px){
    .hakendiv{font-size:20px;}
    .imgblock .left,.imgblock .right{text-align:center;}
    .prenavi.flex{flex-direction:row;}
    .setting{position:absolute;right:0;top:0;margin:10px;}
    .logo{position:absolute;left:0;}
    .no_smphone{display:none !important;}
    .main_pic{min-height:40vh;background:url('https://www.sonnify.de/pics/main-s.png');background-position:50%;}
    .smphone{display:inline-block !important;}
        main{margin:0 auto;padding:10px auto}
        .flex,.a-btn{flex-direction:column;align-items:center}
        .flex-box1{min-width:100%;padding-right:0px;}
         .flex-box2{min-width:100%;max-width:100%;}
         img{display:inline-block;width:100%;}
         p,.w60p,.w50p,.w66p,.w66p,.w33p,.w25p{width:100% !important;}
         table{font-size:0.6em;}
         .setting-box{width:100%;z-index:199;right:-100%;}
         h1,h2,h3,h4,.f50{font-size:5.8vw;}
         .content{padding:5px;}
         .article,.article_inner{border-radius:0px;padding:5px !important;}
         .content{padding:0px;}
         p{padding:10px !important;}
         .blog_main_pic{margin:0 auto !important;}
         .cookies{left:5%;width:90%;padding:10%;font-size:12px;}




}