body{font-family: 'Manrope', sans-serif;margin:0px;padding:0px;overflow-x:hidden;}

a{transition: all 0.2s ease 0s;}
header{}
header .menu_color { padding: 15px 0px; background-color: #fff; box-shadow: 0px 5px 7px 0px rgb(0 0 0 / 9%); position: absolute; left: 0; right: 0; z-index: 1; }
header .menu_color:before { content: ""; display: block; clear: both; height: 100%; background-color: #fff; width: 50%; position: absolute; left: -50%; top: 0px; box-shadow: -2px 5px 7px 0px rgb(0 0 0 / 9%); }
header .logo{}
header .logo img{width: 150px;}
header .menu{display: flex;padding: 15px 0px;}
header .nav_menu{}
header .nav_menu ul{margin: 0px; padding: 0px;}
header .nav_menu ul li{float:left;list-style:none;color:#7480a4;padding:0px 15px;}
header .nav_menu ul li a{color: #7480a4; font-weight: 500;}
header .nav_menu ul li a:hover{text-decoration:none;color: #394a7e;}
header .hdr_btn{}
header .hdr_btn a{background-color: #38766b; color: #fff; position: relative; padding: 40px 52px;}
.banner{background-image: url('../images/Background-Image.webp'); background-repeat: no-repeat; background-position: right;height: 700px;}
.banner .tgline { margin-top: 200px; background-color: #ebf1f0; display: inline-block; font-size: 14px; color: #38766b; font-weight: 700;padding: 7px 22px 7px 0px;position:relative; }
.banner .tgline:before { background-color: #ebf1f0; display: block; content: ""; clear: both; width: 100%; position: absolute; left: -99%; height: 100%; top: 0px; }
.banner h1{color: #394a7e; font-size: 40px; font-family: 'Merriweather', serif; font-weight: 800;width: 74%;padding-top: 55px; padding-bottom: 30px;}
.banner .custom_btn{}
.banner .custom_btn a { background-color: #38766b; color: #fff; padding: 10px 30px; font-size: 14px; text-decoration: none; border-radius: 5px; display: inline-block;}
.banner .custom_btn a:hover{    background-color: #394a7e;}
.top_contnt {background-color: #fff; position: relative; top: -90px; border-top-right-radius: 10px; padding-top: 65px; }
.top_contnt h2{color: #394a7e;     font-size: 36px;     font-family: 'Merriweather', serif;font-weight: 700;}
.top_contnt p { font-size: 15px; font-weight: 700; color: #394a7e; padding-top: 20px; }
.top_contnt p .fa{float: right; margin-right: 20px;}
.agentur_list h2{color: #394a7e; font-size: 36px; font-family: 'Merriweather', serif; font-weight: 700;    padding-bottom: 50px;}
.agentur_1 {padding-left: 90px;}
.agentur_1 h4 {color: #38766b;font-weight: bold;font-size: 28px;padding-bottom:20px;}
.agentur_1 h4:before {content: "";display: block;clear: both;border: 2px solid;width: 80px;position: absolute;left: 0px;top: 16px;}
.agentur_1 ul {margin: 0px;padding: 0px;padding-right: 70px;}
.agentur_1 li {font-size: 15px;font-weight: 700;color: #394a7e;padding-bottom: 15px;}
.tabs_area { padding-bottom: 100px; }
.agentur_img_contnt {padding: 40px 60px 0px;}
.agentur_img_contnt .cntnt{    padding: 0px 40px 0px 60px;}
.agentur_img_contnt .img{position:relative;}
.agentur_img_contnt .img img{position:relative;z-index:1;}
.agentur_img_contnt .img .dots {position: absolute; bottom: -35px; right: -12px; z-index: 0; }
.agentur_img_contnt .img .dots img{    width: 150%; }
.agentur_img_contnt h4{color: #394a7e; font-size: 25px; font-weight: bold;}
.agentur_img_contnt p{color: rgb(57 74 126 / 0.75); font-size: 14px;}
.green_block{background-image: url(../images/bg-green.jpg); background-repeat: no-repeat; color: #fff; padding: 80px 184px 60px 45px; border-radius: 7px;background-position: right;    margin-top: 100px; }
.green_block h3{font-size: 34px; font-family: 'Merriweather', serif; font-weight: 700;padding-bottom: 20px;}
.green_block p{font-size: 15px; color: rgb(255 255 255 / 0.70);font-weight: 500;}
.green_block a { background-color: #e7ded5; color: #38766b; font-weight: bold; font-size: 15px; padding: 12px 35px; display: inline-block; text-decoration: none; border-radius: 7px; margin-top: 20px; }
.port_slide{position: relative;}
.port_slide .port_item{float:left; outline: none;cursor:pointer;    padding-bottom: 20px;}
.port_slide .first_img{}
.portfolio .text { padding-top: 8px; font-size: 18px; color: rgb(57 74 126 / 0.50); font-weight: 700; }
.portfolio .text span { color: #38766b; }
.port_slide .logo_img { text-align: center; box-shadow: 0px 2px 20px 0px #dededebf; margin: 0px 20px; padding: 10px 15px; border-radius: 5px; }
.portfolio { overflow: hidden; position: relative; padding-top: 80px; }
.portfolio h3 { width: 60%; color: #394a7e; font-size: 36px; font-family: 'Merriweather', serif; font-weight: 700; }
.portfolio .slick-prev, .portfolio .slick-next{top: -35px; right: 13px; position: absolute; left: auto;    }
.portfolio .slick-prev:before,.portfolio  .slick-next:before{line-height: revert; font-size: 14px; color: #38766b !important;background: #f5f8f7; padding: 10px;}
.logo_img img { width: 80%; }
.portfolio .slick-prev{    right: 24px;}
.portfolio .slick-prev:before { position: relative; left: -28px; }
.tabs_area .nav-pills .nav-link p{color: #394a7e;font-weight: bold;}
.tabs_area .nav-pills .nav-link.active p{color: #fff;}
.tabs_area .nav-pills .nav-link.active, .nav-pills .show>.nav-link{color: #fff; background-color: #394a7e; padding: 30px 30px 1px 30px; border-radius: 15px; font-weight: bold;}
.tabs_area .nav-pills .nav-link span{color: #cdd2df; font-size: 22px;}
.tabs_area .nav-pills .nav-link{padding: 30px 30px 1px 30px;}
.pkages {    padding-top: 70px;}
.pkages .tagline { font-size: 18px; color: rgb(57 74 126 / 0.50); font-weight: 700; padding-bottom: 40px; }
.pkages h3 { color: #394a7e; font-size: 36px; font-family: 'Merriweather', serif; font-weight: 700; width: 45%; }
.pkages p.highlgth { color: #394a7e; font-weight: 700; }
.pckgs_main{padding: 40px 0px;}
.pckgs_list { border: 2px solid rgb(163 171 195 / 12%); border-radius: 12px; padding: 20px 18px 50px 18px; position: relative;height: 100%; }
.pckgs_list .name { color: #394a7e; font-weight: bold; font-size: 18px; } 
.pckgs_list .price { color: #394a7e; font-size: 31px; font-family: 'Merriweather', serif; font-weight: 700; } 
.pckgs_list .price span { font-size: 10px; color: rgb(57 74 126 / 0.50); font-weight: 800; } 
.pckgs_list .price:after { clear: both; content: ""; display: block; border: 1px solid rgb(163 171 195 / 12%); width: 100%; position: absolute; left: 0px; margin: 10px 0px; } 
.pckgs_list .detail { padding-top: 30px; font-size: 14px; color: #394a7e; } 
.pckgs_list .detail strong { margin-bottom: 13px; display: inline-block; } 
.pckgs_list .detail p { font-weight: 500; margin-bottom: 13px; } 
.pckgs_list .detail p strong{margin-bottom: 0px;}
.pckgs_list .detail a { background-color: #38766b; color: #fff; padding: 10px 30px; font-size: 14px; text-decoration: none; border-radius: 5px; display: inline-block; width: 85%; text-align: center; text-transform: capitalize; font-weight: bold;    position: absolute;    bottom: 12px;left: 18px; } 
.pckgs_list .detail a:hover{background-color: #ebf1f0;    color: #38766b;}

.faqs .panel-group .panel {box-shadow: none; border-color: #EEEEEE; border-radius: 15px; color: #212121; background-color: #f5f6f8;padding: 22px 20px;margin-bottom: 18px; } 
.faqs .panel-default > .panel-heading {padding: 0; } 
.faqs .panel-title { font-size: 14px; } 
.faqs .panel-title > a {display: block;  text-decoration: none; color: #394a7e; font-weight: bold; font-size: 1rem;} 
.faqs .more-less { float: right; color: #394a7e; } 
.faqs .panel-default > .panel-heading + .panel-collapse > .panel-body { font-weight: bold; color: rgb(57 74 126 / 0.50); }
.faqs h3{color: #394a7e; font-size: 36px; font-family: 'Merriweather', serif; font-weight: 700;    padding: 50px 0px;}

.form_main{background-image: url(../images/Contact-Image.webp); background-repeat: no-repeat; background-position: right;background-size: 43%;padding: 160px 0px;margin: 70px 0px;}
.form_main .bg-whte { background-color: #fff; border-radius: 30px;    box-shadow: 0px 20px 20px 0px rgb(0 0 0 / 9%); }
.form_main .form{padding-top: 40px;padding-left: 30px;}
.form_main .form h3{color: #394a7e; font-size: 36px; font-family: 'Merriweather', serif; font-weight: 700;}
.form_main .form p{font-size: 18px; color: rgb(57 74 126 / 0.50); font-weight: 600; line-height: 44px;}
.form_main .form a.phne{background-color: #38766b; color: #fff; padding: 10px 30px; font-size: 14px; text-decoration: none; border-radius: 5px; display: inline-block; text-align: center; text-transform: capitalize; font-weight: 500;}
.form_main .form a.phne:hover{ background-color: #ebf1f0; color: #38766b;}
.form_main .form a.phne .fa,.form_main .form a.calendly .fa{ font-size: 14px;margin-right:10px}
.form_main .form a.calendly{color: #656972; border: 1px solid #eef0f4; padding: 9px 30px; border-radius: 10px; text-decoration: none; font-weight: 500; margin-left: 14px;}
.form_main .form a.calendly:hover { background-color: #ebf1f0; color: #38766b; }
.form_main .order{padding: 40px 0px 18px; color: #394a7e; font-weight: 600; font-size: 14px;}
.form_main .order:after{content: ""; display: block; clear: both; border: 1px solid #d3d4d8; width: 90%; float: right; position: relative; top: 10px;}
.form_main  .btn:hover {    background-color: #ebf1f0;    color: #38766b;}
.form_main  .btn{background-color: #394a7e; color: #fff; padding: 10px 30px; font-size: 14px; text-decoration: none; border-radius: 5px; display: inline-block; text-align: center; text-transform: capitalize; font-weight: 500; border: 0px; width: 170px; position: relative; top: 18px;}
.form .form-control { font-size: 14px; padding: 0.650rem 1rem; border-radius: .35rem; }
.footer{background-color: #394a7e; color: #fff; padding: 30px 0px;}
.footer .ftr_logo{margin-top: 15px;}
.footer .ftr_nav{}
.footer .ftr_nav ul{margin:0px;padding:0px;}
.footer .ftr_nav li{list-style:none;    padding-bottom: 8px;}
.footer .ftr_nav li a{color: rgb(255 255 255 / 0.75); font-size: 14px; text-decoration: none;}
.footer .ftr_nav li a:hover{color: #fff; }
.footer .social_media{}
.footer .social_media ul{}
.footer .social_media li{list-style: none; float: left; padding: 8px 15px;}
.footer .social_media li a{color: rgb(255 255 255 / 0.50);}
.footer .social_media li a:hover{color: #fff;}
.footer .social_media li a .fa{}
.copy_right { background: #2e3b64; padding: 15px 0px; color: rgb(255 255 255 / 0.65); font-size: 12px; }
.copy_right .lnk{text-align:right; }
.copy_right .lnk a{color: rgb(255 255 255 / 0.65);padding-left:20px; }
.copy_right .lnk a:hover{color: #fff; }
section.fragen { padding-bottom: 80px; }
section.Insgesamt { clear: both; position: relative; padding-bottom: 125px; overflow: hidden;} 
section.Insgesamt .lft { background: #394a7e; float: left;  color: #fff; border-radius: 20px; }
section.Insgesamt .lft:before { content: ""; background: #394a7e; height: 100%; position: absolute; left: 0; z-index: -1; } 
section.Insgesamt .rgt { float: right;  height: 100%; color: #394a7e; } 
.rgt_back { position: relative; left: -189px; top: 161px; width: 200%; background: #e7ded5; padding: 45px 15px 35px 45px;border-bottom-left-radius: 20px; border-top-left-radius: 20px; }

.lft_box_main2 { background: #394a7e; color: #fff; position: relative; border-top-right-radius: 15px; border-bottom-right-radius: 15px;    padding-bottom: 30px; }
.lft_box_main2:before { content: ""; display: block; background: #394a7e; height: 100%; position: absolute; left: -99%; width: 100%; }
.lft_box2 { float: left; width: 35%;padding: 25px 0px 0px; }
.lft_box2 h4 { font-size: 18px; color: rgb(255 255 255 / 50%); font-weight: 600; }
.lft_box2 h2 { font-weight: 600; margin-bottom: 2px; }
.lft_box2 p { font-weight: 500; font-size: 15px; }
.rgt_back2 { background: #e7ded5; padding: 40px 0px 25px 60px; position: relative; top: 160px; left: -96px; border-radius: 15px; }
.rgt_box2 h4 { font-size: 21px; font-weight: 700;color: #394a7e; }
.rgt_box2 p { color: rgb(57 74 126 / 0.75); font-size: 15px; font-weight: 500; }
.rgt_back2:before { content: ""; display: block; background: #e7ded5; height: 100%; position: absolute; right: -96%; width: 100%; top: 0px;    z-index: -1; }


section.Insgesamt .rgt_back:before { content: ""; display: block; background: #e7ded5; position: absolute; width: 100%; height: 100%; right: -99%; top: 0px; z-index: -1; }
section.Insgesamt:after { content: ""; display: block; clear: both; }
section.Insgesamt h3 { font-size: 36px; font-family: 'Merriweather', serif; font-weight: 700; padding-top: 60px; }
.lft_box_main { width: 61%; padding-bottom: 50px;}
.lft_box_main:after {    display: block;    clear: both;    content: "";}
.lft_box { float: left; width: 50%; padding: 25px 0px 0px; }
.lft_box h4 { font-size: 18px; color: rgb(255 255 255 / 50%); font-weight: 600; }
.lft_box h2 { font-weight: 600; margin-bottom: 2px; }
.lft_box p { font-weight: 500; font-size: 15px; }
.rgt_box {}
.rgt_box h4 { font-size: 21px; font-weight: 700; }
.rgt_box p { color: rgb(57 74 126 / 0.75); font-size: 15px; font-weight: 500; }
.sidenav { float: right; display:none; } 
.sidenav a#pull { position: relative; top: 6px; display: block; z-index: 99; cursor: pointer; } 
.dash { display: block; background-color: #394a7e; width: 35px; height: 3px; margin: 5px 0; transition: .4s; } 
.sld_mnu { position: fixed; width: 45%; right: -103%; background-color: #fff; top: 0; z-index: 9; min-height: auto; height: auto; padding: 50px 30px 10px; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; margin: 0; bottom: 0; overflow-y: auto; } 
.sld_mnu li:first-child { padding-top: 80px; } 
.sld_mnu li { display: block; font-size: 16px; font-weight: bold; padding: 15px 15px 15px 0px; border-bottom: 1px solid rgba(51,51,51,.12); } 
.sld_mnu li a{ color: #333; } 
.sld_mnu li a:hover{ color: #9e0404; } 
.act .dash3 { -webkit-transform: rotate(45deg) translate(-7px,-7px); transform: rotate(45deg) translate(-7px,-7px); background-color: #394a7e; } 
.act .dash2 { opacity: 0; } 
.act .dash1 { -webkit-transform: rotate(-45deg) translate(-5px,4px); transform: rotate(-45deg) translate(-5px,4px); background-color: #394a7e; }
.shw {    right: 10px;    opacity: 1;    z-index: 109;}
.sld_mnu.acc { right: 0; }
.sld_mnu { position: fixed; width: 45%; right: -103%; background-color: #fff; top: 0; z-index: 9; min-height: auto; height: auto; padding: 50px 30px 10px; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; margin: 0; bottom: 0; overflow-y: auto; }
.slide_tab_item{float:left; outline:none;padding: 10px;}
.slide_tab_item .img{margin-bottom:15px;}
.slide_tab_item .img img{ width:100%; }
.slide_tab_item .contnt {color: #fff; background-color: #394a7e; padding: 30px 30px 1px 30px; border-radius: 15px; font-weight: bold;}
.slide_tab_item .contnt span{color: #cdd2df; font-size: 22px;}
.slide_tab_item .contnt p{color: #fff;    font-weight: bold;}
.slide_tab{overflow:hidden;margin-bottom: 10px !important;}
.mobile_tabs_area{display:none;}
::selection { background: #38766b; color: #fff; text-shadow: none } 
::-webkit-scrollbar { width: 8px; height: 10px } 
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment { display: none } 
::-webkit-scrollbar-track-piece { background-color: #ecedf1; -webkit-border-radius: 0; border-left: 0 solid #888 } 
::-webkit-scrollbar-thumb:vertical { -webkit-border-radius: 0; background: #38766b }
.gototop { display: none; position: fixed; overflow: hidden; text-align: center; z-index: 999; background-color: rgb(56 118 107 / 0.80); color: #fff !important; width: 45px; line-height: 45px; right: 25px; bottom: 20px; border-radius: 5px; cursor: pointer; }
a.gototop:hover{background:#38766b;}
.form_main .form label { font-size: 14px; color: rgb(57 74 126 / 0.50); font-weight: 600; }

.cookie-banner { position: fixed; bottom: 40px; left: 10%; right: 10%; width: 80%; padding: 5px 14px; display: flex; align-items: center; justify-content: space-between; background-color: #eee; border-radius: 5px; box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2); } 
.close { height: 20px; background-color: #777; border: none; color: white; border-radius: 2px; cursor: pointer; }

.page_banner{background-color: #e7ded5;    padding-top: 150px;    padding-bottom: 80px;}
.seo-finden section.page_banner{background-image:url(../images/bg-image.jpg);background-repeat: no-repeat; background-size: cover;}
.seo-finden section.page_banner .breadcrumb li{color: rgb(255 255 255 / 70%);}
.seo-finden section.page_banner .breadcrumb-item+.breadcrumb-item::before{color: rgb(255 255 255 / 70%);}
.seo-finden section.page_banner .breadcrumb li a{color: rgb(255 255 255 / 70%);}
.seo-finden section.page_banner h1{color: #fff;}
.seo-finden section.page_banner p{color: #fff;}
.page_banner .bradcumbs-main{}
.page_banner .breadcrumb{    background-color: transparent;    padding-left: 0px;}
.page_banner .breadcrumb li{    font-weight: 600;    color: rgb(57 74 126 / .70);}
.page_banner .breadcrumb li a{font-weight: 600;    color: rgb(57 74 126 / .70);}
.page_banner h1{color: #394a7e;    font-size: 45px;    font-family: 'Merriweather', serif;    font-weight: 800;}
.page_banner p{    font-family: 'Merriweather', serif;    color: #394a7e;    font-weight: 600;}
body.page { background-color: #f5f6f9; }
.top_box { position: relative; top: -68px; }
.top_box .addres_box{background-color: #fff; padding: 35px 40px; border-radius: 15px;box-shadow: 0px 8px 11px 0px rgb(0 0 0 / 6%);}
.top_box .addres_box h2 { color: #38766b; font-family: 'Merriweather', serif; font-weight: 800;margin-bottom: 0px; }
.top_box .addres_box p{color: #38766b; font-weight: 500;}
.top_box .addres_box ul{margin: 0px;    padding: 0px;    padding-top: 20px;}
.top_box .addres_box ul li{    list-style: none;    padding: 0px;    margin: 0px;    padding-bottom: 18px;}
.top_box .addres_box ul li a{    color: #394a7e;    font-weight: 600;}
.top_box .addres_box ul li .fa{margin-right: 12px;}
.top_box .moore { background-color: #fff; margin-top: 16px;  border-radius: 15px;}
.top_box .gape {  padding: 35px 50px;}
.top_box .moore strong{font-weight: 800;color: #38766b;}
.top_box .moore h4{color: #394a7e; font-size: 25px; font-family: 'Merriweather', serif; font-weight: 800;}
section.text_container { position: relative; top: -40px; }
.sperator { background-color: #38766b; height: 2px; width: 100%; margin: 40px 0px; }
.content_list p{color: #394a7e; font-weight: 500; font-size: 15px;    line-height: 25px;}
.content_list .bold p{font-weight: 800; }
.content_list h3{color: #394a7e; font-size: 28px; font-family: 'Merriweather', serif; font-weight: 600;}
.content_list h4{color: #38766b; font-size: 28px; font-weight: 800; margin: 25px 0px 15px;}
.content_list strong{font-size: 22px; color: #394a7e; padding: 20px 0px 10px; display: block;}
.content_list span{color: #38766b;    font-size: 24px;    font-weight: 600;}
.fxd_sticky{position: -webkit-sticky; position: sticky; top: 15px;}
.cookie-overlay { position: fixed; bottom: 0px; left: 0px; background: #fff; z-index: 2051; line-height: 20px; font-size: 14px; border-radius: 0; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); width: 100%;}
.close-cookies { cursor: pointer; } 
@include media-breakpoint-down(md) { bottom: 0; left: 0; right: 0; border-radius: 0;  }
.cookie-overlay .btn	{background-color: #38766b;border:0px;}
.top_box .addres_box ul li i.fa.fa-whatsapp {    color: #38766b;    font-size: 20px;    margin-left: 10px;}
.langueg {}
.langueg>ul { list-style: none;    margin: 0px;    width: 62px;    position: relative;    padding: 0px 10px; }

.langueg ul li.active { display: block;  top: 0px;     cursor: pointer;    float: left;}
.langueg>ul:hover ul { display: block;  }
.langueg ul li ul{list-style: none; margin: 0px; padding: 0; display: none; position: absolute; top: 7px; bottom: 0px; left: 10px; padding-top: 25px; }
.langueg ul li img { width: 22px; border-radius: 50%; }
.langueg ul .fa { text-align: right; float: right; position: relative; top: 7px; font-size: 13px; }
.phne_class{background-color: #38766b; color: #fff; padding: 10px 30px; font-size: 14px; text-decoration: none; border-radius: 5px; display: inline-block; text-align: center; text-transform: capitalize; font-weight: 500;}
.phne_class .fa{font-size: 14px;    margin-right: 10px;}
.faqs strong { color: #394a7e; }
.faqs.addres_box .panel-default > .panel-heading + .panel-collapse > .panel-body{font-weight: 400; color: rgb(57 74 126); font-size: 15px;padding-top: 10px;}
.faqs.addres_box #accordion{margin-top:45px;}
.phne_class:hover { background-color: #ebf1f0; color: #38766b;text-decoration:none; }

.funktioniert{padding: 40px 15px 0px 15px;}
.funktioniert .seo_content{padding: 15px 0px;}
.funktioniert .seo_content_highlite{background-color:#394a7e;padding: 45px 35px;border-radius: 8px;}
.funktioniert .seo_content_highlite p{ font-family: 'Merriweather', serif; font-weight: 700;font-size:23px;color:#fff;}
.funktioniert h3{color: #394a7e; font-size: 34px; font-family: 'Merriweather', serif; font-weight: 700;margin-bottom:14px;}
.funktioniert h5{color: #38766b; font-size: 25px; font-family: 'Merriweather', serif; font-weight: 700;margin-bottom:14px;}
.funktioniert p{    color: #394a7e;}


.wie_newsletter .{}
.wie_newsletter .newletter{    background-color: #e7ded5;padding: 70px 30px 25px;border-radius:5px;}
.wie_newsletter .newletter strong{ color: #394a7e;}
.wie_newsletter .newletter .social{}
.wie_newsletter .newletter .social ul{list-style: none;    padding: 0px;    margin-top: 26px;}
.wie_newsletter .newletter .social ul li{    float: left;    margin-right: 35px;}
.wie_newsletter .newletter .social ul li a {}
.wie_newsletter .newletter .social ul li a .fa{color: #38766b;font-size: 22px;}
.wie_newsletter .unseren{    padding-top: 18px;}
.wie_newsletter .unseren #email_sub { background-color: #dbd3ca; font-size: 14px; height: 40px; }
.wie_newsletter .unseren button.btn.btn-primary {background-color: #394a7e; border: 0px; }

.faqs.addres_box.anfanger p{font-family: 'Merriweather', serif;font-size:20px;line-height: 34px;}

.seo_content pre[class*=language-]{background: #282828;}
.seo_content .code-box-copy pre[class*=language-] {    border-radius: 14px;}
.seo_content code[class*=language-] {  text-shadow:none;color:#fff;}
.seo_content .code-box-copy strong { color: rgb(255 255 255 / 50%); text-shadow: none; border: 0px solid;}
.seo_content .token.boolean, .seo_content .token.constant, .seo_content .token.deleted, .seo_content .token.number, .seo_content .token.property, .seo_content.token.symbol, .seo_content .token.tag { color: #e1723e; }
.seo_content .token.attr-name, .seo_content .token.builtin, .seo_content .token.char, .seo_content .token.inserted, .seo_content .token.selector, .seo_content.token.string{color: #fbc36f;}
.seo_content .token.atrule, .seo_content .token.attr-value, .seo_content .token.keyword{color:#fff;}
.seo_content .token.punctuation { color: #e1723e; }
.funktioniert .seo_content .highlighted {background-color: #e7ded5; padding: 16px 15px; border-radius: 8px; color: #282828; font-size: 14px; font-weight: 600;margin-bottom: 14px;}
.funktioniert .seo_content .highlighted span{ display: inline-block; background-color: #38766b; padding: 5px 10px; color: #fff; border-radius: 8px; font-size: 14px;margin-right: 10px; }
.funktioniert .seo_content .highlighted span .fa{ font-size: 8px; position: relative; top: -2px; margin-right: 5px; }
.funktioniert .seo_content .hr{background-color: #38766b; height: 2px; width: 140px; margin: 50px 0px 30px 0px;}

.faktoren_box{color:#fff;background-color:#38766b;padding: 40px 30px; border-radius: 8px; margin-bottom: 15px;}
.faktoren_box h3{color:#fff;}
.faktoren_box p{color:#fff;}
.faktoren_box .faktoren_item{background-color: #326a60; padding: 15px 16px; border-radius: 5px; font-weight: bold;margin: 10px 0px;}
.faktoren_box .faktoren_list{margin-bottom: 20px ;}

.seo-finden h4{color: #394a7e; font-size: 28px; font-family: 'Merriweather', serif; font-weight: 700; padding: 10px 0px 20px;}
.seo-finden .top_box{position: relative;    top: -78px;}
.seo-finden_addres_box {    background-color: #fff;    padding: 25px;    border-radius: 15px;}
.seo-finden .social_media_box{background-color: rgb(0 0 0 / 0.10); padding: 15px 25px; border-radius: 15px; color: #fff; margin-bottom: 18px;}
.seo-finden .social_media_box ul{list-style:none;padding: 0px;}
.seo-finden .social_media_box li{float: left; margin-right: 18px;}
.seo-finden .social_media_box .fa{    color: rgb(255 255 255 / 0.80);}
.seo-finden .top_box .addres_box span{  color: rgb(0 0 0 / 50%); padding-top: 10px; display: block;}
.seo-finden .top_box .addres_box span .fa{  margin-right:10px;}
.seo-finden .eine_gute{   padding-bottom: 40px;  }
.seo-finden .eine_gute_box{   padding: 35px 40px;  border-radius: 15px;    box-shadow: 0px 8px 11px 0px rgb(0 0 0 / 6%);   color: #394a7e;}
.seo-finden .eine_gute h3{color: #394a7e; font-size: 34px; font-family: 'Merriweather', serif; font-weight: 700; margin-bottom: 14px;}
.seo-finden .eine_gute ol { padding-left: 20px; padding-top: 15px; }
.seo-finden .eine_gute ol li{padding-bottom:25px;}

.kosten{padding-bottom: 40px;} 
.kosten .Kosten_box{background-color: #394a7e; color: #fff; padding: 35px 40px; border-radius: 15px;}
.kosten .Kosten_box h4{color: #fff;}
.kosten .Kosten_box p{}
.kosten .agenturkosten{    background-color: #e7ded5;    padding: 35px 40px;    border-radius: 15px;}
.kosten .agenturkosten h3{    font-size: 28px;    font-family: 'Merriweather', serif;    font-weight: 700;    padding: 10px 0px 20px;    color: #394a7e;}
.kosten .agenturkosten p{    color: #394a7e;}
.kosten .agenturkosten a{}

.unsere{padding-bottom: 40px;}
.unsere .unsere_box{background-color: #38766b; color: #fff; padding: 35px 40px; border-radius: 15px;position: relative;}
.unsere .unsere_box h3{font-size: 30px; font-family: 'Merriweather', serif; font-weight: 700; padding: 10px 0px 20px;}
.unsere .unsere_slide{overflow: hidden;}
.unsere .unsere_item{outline: none;cursor:pointer;background-color: #ffffff; padding: 20px 30px; border-radius: 10px;float: left;margin: 0px 20px;}
.unsere .unsere_item p{color: #38766b; font-weight: 500;}
.unsere .unsere_item p:before{}
.unsere .unsere_item strong{color: #394a7e;}
.unsere .slick-prev, .unsere .slick-next{top: 60px; right: 30px; position: absolute; left: auto;    }
.unsere .slick-prev:before,.unsere  .slick-next:before{border-radius: 6px;line-height: revert; font-size: 14px; color: #38766b !important;background: #f5f8f7; padding: 10px;}

.unsere .slick-prev{    right: 24px;}
.unsere .slick-prev:before { position: relative; left: -45px; }

.unsere .funktioniert {    padding: 10px 15px 0px 15px;}

.Kosten_box ul{padding: 0px; padding-left: 8px;}
.Kosten_box ul li{list-style: none;    padding-bottom: 14px;}
.Kosten_box ul li .fa{margin-right: 10px;}

.kostenlose{padding-bottom: 40px;}
.kostenlose img{}
.kostenlose h4{padding: 10px 0px 10px;}
.kostenlose h5{    color: #38766b;    font-size: 23px;    font-family: 'Merriweather', serif;padding-bottom: 10px;line-height: 34px;}
section.datenschut{top: 40px;}
.form_main{    background-color: #fff;}
.pckgs_list mark{background-color: yellow;    color: #394a7e;}
.price_postion{position: absolute; bottom: 49px;}
@media (min-width:1200px){
}

@media (min-width: 992px) and (max-width: 1199.98px) {
}

@media (min-width: 768px) and (max-width: 991.98px) {
	header .web-nav{display:none;}
	.sidenav { display: block; margin-top: 8px;}
	header .menu_color{position: relative;box-shadow: none;}
	header .menu_color:before{display:none;}
	header .nav_menu ul li { float: none; border: 0px; padding-bottom: 30px; }
	.sld_mnu li:first-child{    padding-top: 50px;}
	header .hdr_btn a { padding: 25px 52px; display: inline-block; margin-top: 20px; margin-left: 12px; }
	header { box-shadow: -2px 5px 7px 0px rgb(0 0 0 / 9%); position: relative; }
	.banner .tgline{margin-top: 100px;}
	.banner{height: 600px;}
	.lft_box{width: 80%;}
	.agentur_1 ul{padding-right: 30px;}
	.agentur_img_contnt .cntnt { padding: 0px 0px 0px 40px; }
	.agentur_img_contnt { padding: 40px 30px 0px; }
	.green_block{padding: 50px 30px;margin-top: 50px;}
	.portfolio h3{    width: 80%;}
	section.fragen{    padding-bottom: 40px;}
	.pkages { padding-top: 30px; }
	.pkages h3{width: 100%;}
	.lft_box2{width: 50%;}
	.rgt_back2 { left: 0px; top: -20px; padding: 50px 0px 40px 60px; }
	section.Insgesamt{padding-bottom: 75px;}
	.lft_box_main2{padding-bottom: 60px;z-index: -1;}
	.pckgs_list{margin-bottom: 15px;}
	.faqs h3{padding: 30px 0px;}
	.form_main { padding: 100px 0px; margin-top: 0px; }
	.form_main .form { padding-top: 40px; padding-left: 15px; }
	.footer .social_media li{    padding: 3px 6px;}
	.footer .social_media ul {margin: 0px; padding: 0px; }
	.langueg { position: relative; right: 80px; top: 6px; }
	.kosten .agenturkosten{padding: 35px 25px;}
	.wie_newsletter .newletter{    padding: 30px 30px 25px;}
	.wie_newsletter .newletter .social ul { display: table; margin: 0px auto; margin-top: 15px; }
	.newsletter_form{    margin-top: 20px;}
	.wie_newsletter .newletter .social { text-align: center; }
	.page_banner{    padding-top: 80px;}
	.top_box .addres_box img { text-align: center; display: block; margin: 0 auto; }
	.price_postion{position: initial;    bottom: 0px;}
}

@media (max-width: 767.98px) {
	header .menu_color { position: fixed; box-shadow: none; padding: 15px;    top: 0px; }
	header .menu_color:before{display:none;}
	header .web-nav{display:none;}
	.sidenav { display: block; margin-top: 8px;}
	.banner .tgline{margin-top: 100px;}
	.banner{height: 600px;margin-top: 20px;}
	.top_contnt{    border-radius: 10px;padding-top: 40px;}
	.agentur_1 ul{padding-left:20px;}
	.banner h1{font-size: 35px;}
	.agentur_list h2{font-size:30px;}
	.green_block h3{font-size:30px;}
	.agentur_img_contnt { padding: 40px 10px 0px; }
	.agentur_img_contnt .cntnt { padding: 0px; }
	.agentur_img_contnt .img{    margin-bottom: 35px;}
	.green_block{    margin-top: 30px;    padding: 40px 25px 60px 20px;}
	.portfolio h3{width:100%}
	.portfolio .slick-prev, .portfolio .slick-next{left: 32px; top: -28px;   }
	.portfolio:before{content:"";clear:both;display:block;}
	.portfolio{padding:50px 0px;}
	.pkages { padding-top:30px; }
	.pkages h3{width:100%;}
	.pckgs_list{    margin-bottom: 15px;}
	.faqs h3{padding: 30px 0px;}
	section.fragen{padding-bottom: 40px;}
	.mobile_tabs_area{display:block;position: relative;    margin-bottom: 80px;}
	.mobile_tabs_area .slick-dots li{background-color: #a3abc3;    border-radius: 50%;width: 10px;    height: 10px;}
	.mobile_tabs_area .slick-dots li.slick-active{background-color: #38766b;    }
	.mobile_tabs_area .slick-dots li.:hover{background-color: #38766b;    }
	.mobile_tabs_area .slick-dots { text-align: left; left: 8px; border: 1px solid; padding: 10px 10px; width: 97%; margin: -9px auto; border-radius: 15px; }
	.tabs_area{display:none;}
	.port_slide{top: 50px;}
	header .nav_menu ul li { float: none; border: 0px; padding-bottom: 30px; }
	.sld_mnu li:first-child{    padding-top: 50px;}
	header .hdr_btn a { padding: 25px 52px; display: inline-block; margin-top: 20px; margin-left: 12px; }
	header { box-shadow: -2px 5px 7px 0px rgb(0 0 0 / 9%); position: relative; }
	.lft_box2{width:100%;}
	.rgt_back2 { left: 0px; top: -20px; padding: 50px 0px 40px 60px; }
	.lft_box_main2{padding-bottom: 60px;z-index: -1;}
	.pckgs_list{margin-bottom: 15px;}
	.faqs h3{padding: 30px 0px;}
	.form_main { padding: 100px 0px; margin-top: 0px; }
	.form_main .form { padding-top: 40px; padding-left: 15px; }
	.footer .social_media li{    padding: 3px 6px;}
	.footer .social_media ul {margin: 0px; padding: 0px; }
	section.Insgesamt{padding-bottom: 75px;}
	.footer .ftr_logo { text-align: center; margin-bottom: 25px; }
	.footer .social_media ul { display: table; margin: 18px auto 0px !important; text-align: center; }
	.copy_right{text-align:center;}
	.copy_right .lnk { text-align: center; padding-top: 10px; }
	section.form_main { background-position: top; background-size: 322px; padding-top: 458px;    margin-top: 50px;margin-bottom: 0px; }
	.sld_mnu { z-index: -1; top: 93px; }
	.sld_mnu li:first-child { padding-top: 0px; }
	.agentur_img_contnt .img{    z-index: 0;}
	header .menu_color:before{content: ""; display: block; clear: both; height: 100%; background-color: #fff; width: 50%; position: absolute; left: -49%; top: 0px; box-shadow: none;}
	header .menu_color:after{content: ""; display: block; clear: both; height: 100%; background-color: #fff; width: 50%; position: absolute; right: -49%; top: 0px; box-shadow: none;}
	.langueg { position: relative; right: 80px; top: 6px; }
	.top_box .addres_box{    padding: 20px 25px;margin-bottom: 15px;}
	.seo-finden h4{    font-size: 25px;}
	.seo-finden .social_media_box{background-color: rgb(56 118 107 / 99%);}
	.kosten .Kosten_box{margin-bottom: 15px;}
	.unsere .slick-prev, .unsere .slick-next{    top: 30px;}
	.unsere .unsere_item{margin: 0px;}
	section.kostenlose img, .unsere img,.faqs.addres_box img,.funktioniert .seo_content img,.top_box .addres_box img { text-align: center; display: block; margin: 0 auto; }
	.wie_newsletter .newletter{    padding: 30px 30px 25px;}
	.wie_newsletter .newletter .social ul { display: table; margin: 0px auto; margin-top: 15px; }
	.newsletter_form{    margin-top: 20px;}
	.wie_newsletter .newletter .social { text-align: center; }
	.page_banner h1{font-size: 36px;}
	.funktioniert .seo_content_highlite{padding: 25px 20px;    font-size: 18px;}
	.price_postion{position: initial;    bottom: 0px;}
}

@media (max-width: 767.98px) and (orientation: landscape) { 
}

@media (max-width: 575.98px) {
	.footer .ftr_nav ul{text-align: center; margin-bottom: 15px;}
	.mble_nne{display:none;}
}

@media (max-width:480px) {
	.sld_mnu{    width: 75%;}
	.banner{background-position: bottom; background-size: 100%; height: 610px;position: relative; top: 100px;}
	.banner .tgline { margin-top: 30px; }
	.banner h1{    width: 100%;padding-top: 30px;}
	.top_contnt { top: 0px; }
	.top_contnt p .fa { margin-right: 0px; font-size: 20px; position: relative; top: -10px; color: #38766b; }
	header .menu_color{position: fixed; box-shadow: 0px 5px 7px 0px rgb(0 0 0 / 9%);padding: 15px;}
	
	.sld_mnu li:first-child { padding-top: 0px; }
	.agentur_img_contnt .img{    z-index: 0;}
	.seo-finden .eine_gute h3{    font-size: 28px;}
	.funktioniert h3{    font-size: 28px;}
	.form_main .form a.phne{width: 100%;}
	.form_main .form a.calendly{display: block;margin-top: 10px;width: 100%;margin-left: 0; text-align: center;}
}

@media (min-width: 361px) and (max-width: 479px) {
}

@media (max-width: 360px) {
	section.form_main{background-size: 280px;}
	.green_block h3 {    font-size: 26px;}
	.agentur_1 { padding-left: 40px; }
	.agentur_1 h4:before{    left: -38px;}
	.agentur_1 ul{    padding-right: 15px;}
	.portfolio h3{font-size: 30px;}
	section.Insgesamt {    padding-bottom: 35px;}
	.form_main .form p{line-height: 30px;}
}

@media (max-width:320px) {
}