*,::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-smooth:subpixel-antialiased;
}
body{
    font-size:1.2rem;
    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:#898798;*/
    font-family:"Work Sans", sans-serif;
    line-height: 1.5;
    color: #2D2B3A;
    background:#fff;
    text-rendering:optimizeLegibility;
    margin:0 auto;
    direction:ltr;
}

nav{display:block;width:100%;text-align:center;background:#fff;padding-top:0px !important;height:80px !important;display:flex;justify-content:flex-start;}
.prenavi{text-align:center;font-size:0.6em;padding:5px;background:#fff;position:fixed;width:100%;height:80px !important;z-index:10;flex-wrap:nowrap;}

.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:flex;line-height:45px;font-size:40px;background-position:50% 50%;background-repeat:no-repeat;background-size:cover !important;}
.logo_pic{border: 1px solid #43C6AC;}

.navcontent{display:flex !important;-ms-flex-preferred-size:auto;flex-basis:auto;flex-grow:1;-ms-flex-align:center;align-items:center;justify-content:flex-end;padding-right:5%;}
.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-main ul li a:hover{color:#43C6AC;}
.setting-box-top{padding:0 !important;padding-bottom:20px;line-height:50px;}
.setting-box-main a{font-weight:400;line-height:30px;}

.logo img{margin:5px 20px 5px 0;}
.logo-head-a{line-height:45px;padding:10px 30px;font-size:1.2rem;}
a.logo-head-a{text-decoration:none;color:rgba(185, 185, 192, 0.75);transition:all .2s ease;}
a.logo-head-a:hover{color:#43C6AC;}
.flex{margin:0 auto;display:flex;flex-direction:row;justify-content:center;align-items:stretch;padding:70px;padding-bottom:70px;padding-top:0px;flex-wrap:wrap;}
.fleximga{display:flex;}
.color{color:#191650 !important;}
.backcolor{background-color:rgba(25,22,80,.1) !important;}

.flexi{margin:0 auto;justify-content:center;align-items:flex-start;
    background: url('https://www.seogram.de/pics/main_seo_2560.jpg');
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-size:cover;
    height:60vh;background-attachment:fixed;
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,.65);
  -moz-box-shadow: 0 0 8px rgba(0,0,0,.65);
  box-shadow: 0 0 8px rgba(0,0,0,.65);
}
.flexi-w{background:rgba(255,255,255,.1);margin:0 auto;display:flex;flex-direction:row;justify-content:center;align-items:flex-start;background-position:50% 50%;
  background-repeat:no-repeat;
  background-size:cover;
  height:70vh;background-attachment:fixed;}
.flexi-tr{display:block;margin:15% auto;background:transparent;min-height:calc(70vh - 115px);text-align:center;}
.flexi-tr span{color:rgba(255,255,255,1);}
.flexi-tr h1,.flexi-tr p{background-color:#191650;color:white;mix-blend-mode:multiply;padding:20px;width:auto;}
.clients
{
  float: left;
  width: 100%;
  background-color: #fff;
  -webkit-box-shadow: 1px 3px 7px rgba(0,0,0,.2);
  -moz-box-shadow: 1px 3px 7px rgba(0,0,0,.2);
  box-shadow: 1px 3px 7px rgba(0,0,0,.2);
  position: relative;
  z-index: 1;
  text-align: center;}
.clients ul
{
  margin-bottom: 0;
  width: 100%;
  height: 91px;
  display: table;
  text-align: center;
  position: relative;
  padding-left: 0;}
.clients ul li
{
  vertical-align: middle;
  display: table-cell;
  padding: 0 2%;}

.button, a.button, input.button{
  display:inline-block;
  cursor:pointer;
  text-align:center;
  border:none;
  color:#fff !important;
  width:200px;
  font-size:1rem;
  line-height:1.5;
  border-radius:0.2rem;
  white-space:nowrap;
  margin:10px 0;
  padding:4px;
  background-color:#43C6AC;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.button:hover, a.button:hover{background-color:#01A081;text-decoration:none;}
.bluebutton{background-color:#191650 !important;}
.bluebutton:hover{background-color:#01A081 !important;text-decoration:none;}
.smbtn{width:35px !important;font-size:0.7rem !important;line-height:1 !important;margin:5px !important;padding:4px !important;}
.smbtngr{width:35px !important;font-size:0.7rem !important;line-height:1 !important;margin:5px !important;padding:4px !important;background:#efefef !important;}
#besucher{display:inline-block;width:100%;text-align:center;}
.blue{color:#191650 !important;}
.green{color:#01A081 !important;}
.green-underline{border-bottom:2px solid #43C6AC !important;padding:10px 20px;}
.article{position:relative;overflow:hidden;margin:20px 0;padding:0px;box-shadow: 0 4px 6px -1px rgba(25,22,80,.1),0 2px 4px -1px rgba(25,22,80,.06);background-color:rgba(25,22,80,.1);border-radius:25px;}
.article:hover{box-shadow: 0 4px 6px -1px rgba(0,0,0,.16),0 2px 4px -1px rgba(0,0,0,.1);}
.article_pic{position:relative;overflow:hidden;margin:0 !important;padding:0px;border-radius:25px;object-fit:cover;}
.article_pic img{margin:40% 0;border-radius:25px;}
.article_pre{display:inline-block;margin:0;padding:10px;}
.article_inner{padding:30px;}
.article_img{display:block;background: url('https://www.famecontent.com/pics/main.jpg');
        background-position:50% 50%;
        background-repeat:no-repeat;
        background-size:cover;
        width:100%;
        height:220px;
}
.art_left{padding:2rem;padding-left:3%;}
.art_right{padding:2rem;padding-right:3%;}

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-size:1.2em;
    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;}
textarea{resize:vertical;}
.w100p{flex:0 0 100%;max-width:100%;}
.w80p{width:80%;}
.w60p{width:60%;}
.w66p{flex: 0 0 66%;width:66%;}
.w46p{flex: 0 0 46%;width:46%;}
.w33p{flex:0 0 33%;max-width:33.3333%;}
.w32p{width:32%;}
.w31p{width:31%;}
.w20p{width:20%;}
.w50p{flex:0 0 50%;max-width:50%;}
.paddingl100{padding-left:100px !important;}
.padding5{padding:5px !important;}
.padding10{padding:10px !important;}
.padding20{padding:20px !important;}
.padding9p{padding:9% !important;}
.padding7p{padding:7% !important;}

.margintop10{margin-top:10px !important;}
.margintop20{margin-top:20px !important;}
.margintop50{margin-top:50px !important;}
.marginbtm2r{margin-bottom:2rem !important;}
.marginbtm3r{margin-bottom:3rem !important;}
.margin10{margin:10px !important;}
.margin5{margin:5px !important;}
.margin1{margin:1px !important;}
.margin2{margin:2px !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;}
.paddingtop20{padding-top:20px !important;}
.link{color:#43C6AC;cursor:pointer;}
.link:hover{background-color:#01a0805b;color:#fff;}

.floatl{float:left;}
.floatr{float:right;}
.clear{clear:both;}
.inline{display:inline-block !important;}

.box{display:block;
  position: relative;
  margin:clamp(5px,0.5vw,30px);
  padding:30px 20px;
  max-width:310px;
  min-width:260px;
  text-align:center;
  color:#898798;
  border-radius:10px;
  box-shadow:0 3px 12px rgba(90,90,120,0.2);
  font-size:1.1rem;  
}
.boximg{display:inline-block;
  width:90px;
  height:90px;
  line-height:90px;
  border-radius:50%;
  text-align:center;
  background-color:#fff;
  color:#191650;
  box-shadow:2px 4px rgba(90,90,120,0.2);  
  background-position:50% 50%;
  background-repeat:no-repeat;
  background-size:cover;
  margin-bottom:2rem;
}
.nowrap{text-overflow:ellipsis;white-space:nowrap;}
.user_pre{position:relative;display:inline-block;width:100%;overflow:hidden;}
.user_pre p,.user_pre h5{max-width:100%;margin-top:20px;}
.blog_main_pic{
  background:url('/pics/seogram_sqr.png');
  background-size:auto auto;
  background-size:cover;
  display:block;
  position:relative;
  width:180px;
  height:180px;
  margin:0 auto;
  overflow:hidden;
  background-color:#fff;
  border-radius:50%;
  z-index:1;
  background-color:rgba(0,0,0,0.04); 
  border:1px solid #333; 
  box-shadow:2px 3px #333; 
}
.feature{display:block;
  margin:15px auto;
  padding:30px 20px;
  max-width:300px;
  min-width:300px;
  text-align:center;
  color:#333;
  border-radius:10px;
}
.feature_pic{
  display:inline-block;
  width:70px;
  height:70px;
  line-height:70px;
  border-radius:50%;
  text-align:center;
  background-color:#fff;
  color:#191650;
  box-shadow:2px 4px rgba(90,90,120,0.2);
  margin-bottom:1rem;
}
.seo_check{
  position:relative;  
  padding:80px 0;
  background-image:radial-gradient(circle, #191650 20%, #43C6AC);
  color:#fff;text-align:left !important;justify-content:center !important;
  margin:20px 0;
}
.seo_check_inner{margin:0 auto;width:50%;min-width:300px;}
.input_input{width:100%;position:relative;}

#urlcheck:focus{background:#fff !important;}
.input_btn{position:absolute;top:5px;right:6px;margin:0 !important;width:100px !important;min-width:100px !important;}
.blue_back{background-color:#191650;}
.orange-box{background-color:#191650;color:#fff;font-size:60px;padding:30px;width:300px;display:inline-block;}
.orange{background-color:#191650;}
.orange_txt{color:#191650;}
.fff_back{background-color:#fff;color:#333;}
.orange_back{background-color:#191650;padding:5px;color:#fff;line-height: 80px;}
.orange_border{border:1px solid #191650;border-bottom:2px solid #191650;}
.n_article{margin:30px 0;padding:20px;}
p{margin-bottom:1rem;}
a{text-decoration:none;color:#000;position:relative;}
a:hover{color:#191650;}
a[title]:hover:after{
  background:#fff;
  border:1px solid #191650;
  padding:10px 20px;
  font-size:14px;
  color:#333;
  content:attr(title);
  position:absolute;
  top:30px;
  left:0;
}
h1,h2,h3,h4{font-size:1.8rem;color:#000;margin-bottom:0.5rem;font-weight:500;line-height:1.2;}
h1{text-transform:uppercase;color:#43C6AC;font-size:350%;line-height:1;font-weight:600;}
h5{font-size:1.3rem;color:#191650;font-weight:400;margin-bottom:0.5rem;line-height:1.2;}
b{font-weight:600;}
img{display:inline-block;margin:0;width:100%;object-fit:cover;} /*height:100%;*/

ul.bull li::before{content:'✓';padding-right:10px;}
ul.bull li{padding:10px;}
ul.bull li.neg::before{content:'✘' !important;}
ul.list li::before{content:'•';padding-right:10px;}
li{list-style-type:none;}
.liste li{margin-top:20px;}
.liste li::before{content:'»';color:#43C6AC;font-size:30px;padding-right:10px;}
.number_circle{background-color:#191650;border-radius:50%;color:#fff;text-align:center;line-height:40px;height:40px;width:40px;display:inline-block;}
.hiddenli{
  display:flex;width:100%;
  height:100px;overflow:hidden;border-radius:10px;
  box-shadow: 0 3px 12px rgba(90,90,120,0.2);
}
.hiddenlibtn{width:100%;min-width:100%;height:30px;line-height:25px;position:absolute;margin:0;margin-top:10px;bottom:0px;}

.pointer{cursor:pointer;}
.pointer:hover{transform: scale(0.95);}
footer a{text-decoration:none;color:rgba(255,255,255,.5);padding:4px 15px;}
footer a:hover{text-decoration:none;color:#fff;}
.error{display:none;color:#ff0037;font-size:0.8em;padding:10px;}
.error_show{color:#ff0037;font-size:0.8em;padding:10px;}
.nodisplay{display:none !important;}
.white{color:#fff !important;}
.whiteback{background-color:#fff !important;}
.black{color:#333;}
.prenavi img{height:60px;}

.article_load_more{
  border-left:3px solid #191650;
  padding:10px 5px;
  margin:5px 0;
  font-size:14px;
  font-weight:300;
  display:-webkit-box;
  -webkit-line-clamp:4;
  -webkit-box-orient:vertical;
  overflow:hidden;
  overflow-wrap:normal;
}
.article_load_more:hover{border-left:3px solid #43C6AC;}
.overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.block{display:block;}
.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;}

.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;}
figcaption{font-size:15px;padding:10p;}
.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:#F6F5FC;}
.article_section{color:#333;overflow:hidden;margin:60px 0;padding:0px;background-color:transparent;}
.article_inner a:hover{color:#000;}

.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;}}

.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;}
.vtop{vertical-align:top;}
.vmiddle{vertical-align:middle;}
.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,.dash-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;}
.h-margin{margin:40px 0;}
.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 !important;}
.f19{font-size:19px;}
.f18{font-size:18px;}
.f17{font-size:17px;}
.f16{font-size:16px;}
.f15{font-size:15px;}
.f14{font-size:14px;}
.f13{font-size:13px;}
.f12{font-size:12px;}
.f10{font-size:10px;}
.f9{font-size:9px;}
.border{border: 1px solid #D7D7D7;}
.interest{font-size:12px;text-align:center;line-height:28px;margin-bottom:0;}
.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;
   padding:3rem;
   margin-top:10px;   
   background-color:#333;
   color:#fff !important;
}
.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;margin-top:20px;border-bottom:1px solid #ebe8e8}
.div_table-cell{display:table-cell;padding:0 !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;}
.bold{font-weight:600;}
.thin{font-weight:300;}
.no_smphone{display:flex !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,.article_inner{flex-direction:row;padding:10px;}
        .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 0 0;}
         p,.w60p,.w50p,.w46p,.w66p,.w66p,.w33p,.w32p,.w31p,.w20p,.w80p,.box{width:100% !important;max-width:100% !important;min-width:100% !important;}
         .box{margin:20px !important;box-sizing:border-box;}         
         
         .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{margin:15px 10px;font-size:50px !important;}
         .setting-box,.dash-box{width:100%;z-index:199;right:-100%;}
         .breadcrumb{margin:30px auto 0 auto;}
         .prenavi{height:auto !important;z-index:100;}
         .navcontent{padding-right:0;}
         .cookies{left:5%;width:90%;}
         .paddingl100{padding-left:20px !important;}
         h1,h2,h3,h4{font-size:1em;}
         h1,.f50,.f40,.f45,.f60{font-size:150%;}

         .flexi{background:url('https://www.seogram.de/pics/main_seo_700.jpg');height:60vh;background-position:50%;}
         

}