@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:ital,wght@0,300;0,700;1,300&display=swap');
@import url('https://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700,800&display=swap');


.margtop-30  {   margin-top: -30px!important;      }
.margtop-40  {   margin-top: -40px!important;      }
.margtop-50  {   margin-top: -50px!important;      }
.margtop-60  {   margin-top: -60px!important;      }
.margtop-70  {   margin-top: -70px!important;      }
.margtop-80  {   margin-top: -80px!important;      }
.margtop-90  {   margin-top: -90px!important;      }
.margtop-100  {   margin-top: -100px!important;      }
.margtop-110  {   margin-top: -110px!important;      }
.margtop-120  {   margin-top: -120px!important;      }
.margtop-130  {   margin-top: -130px!important;      }




/* REFERENZliste */
.page-id-7893 .entry-content-wrapper div li  {   margin-bottom: 40px!important;   }


/* MAIN-NAVI-hover TRANSPARENT */
#header_main {    border-bottom-width: 0px!important;      }

#top .av_header_glassy.av_header_transparency .header_bg {    opacity: 0.3!important;     filter: alpha(opacity=30);   }

.main_menu ul:first-child > li > a {     padding: 0px 18px;    font-weight: 600;
    font-size: 14px;text-transform: uppercase;     letter-spacing: 0.08em;      }

#menu-item-9690 {  background-color: rgba(255,255,255,.36)!important;   }
#top .av_header_transparency .avia-menu-fx {   width: 100%!important;      left: 0!important;     }
#top #header_main > .container .main_menu .av-main-nav > li > a:hover   {     color: #8c785d!important;   }
#top #wrap_all .av_header_transparency .main_menu ul:first-child > li > a:hover   {     color: #c3b091!important;   }
.avia-menu-fx .avia-arrow-wrap .avia-arrow {     top: 8px!important;   }


#page-id-10052 .avia-menu-fx {     opacity: 1!important;     visibility: visible!important;         }
#page-id-10052 .avia-menu-fx .avia-arrow-wrap {  top: 10px!important;     display: block!important;              }

/* MEGA-MENU */
#top #header .avia_mega_div > .sub-menu {    background-color: #094b96!important;    display: table;
    padding: 20px 30px 30px;    border-top-style: solid;    border-top-width: 2px;   }
.sub-menu  {      text-transformmm: uppercase!important;  letter-spacing: 0.1em!important;        }
#top #header .avia_mega_div > .sub-menu > li > ul > li a {     padding: 3px 12px 3px 16px!important;    font-weight: normal;    height: auto;   

  line-height: 23px; }
#header .mega_menu_title {  colorrr: rgba(255,255,255,.0)!important;   display: none!important; 
    margin-bottom: 8px!important;     font-size: 80%!important;   line-height: 1.1em;    font-weight: 600;    display: block;   }
.avia_mega_div .avia-bullet {      left: 5px!important;      }


/* SUBMENU-STYLING */
#top .av_header_transparency .avia-menu-fx {    bottom: -1px!important;       }
#top .av_header_glassy.av_header_transparency #header_main {     border-color: rgba(255,255,255,0.0)!important;    border-size: 0px!

important;    }

menu-item-10039  ul li a:hover   {     border-top: 2px solid #ccebf8!important;     }
.av-main-nav ul li a {     border: 0px solid #8c785d!important;      }
.html_header_top .header_color .main_menu ul:first-child > li > ul {     border-top: 0px solid #8c785d!important;     }

.av-main-nav ul  {    text-transform: uppercase!important;   }
.header_color .main_menu .menu ul li a   {    background-color: #094b96!important;    color: #fff!important;   font-weight: 600!important; 
     padding: 10px 10px 10px 30px!important;     letter-spacing: 0.1em !important;     }
.header_color .main_menu .menu ul li a:hover   {     background-color: #ccebf8!important;      color: #808080 !important;   }
.header_color .av-subnav-menu a:hover  {       color: #808080 !important; }

#top .header_color .main_menu .menu ul .current-menu-item > a {       background-color: #aee2f8!important;        }




/* SUBMENU-ANIMATION */
#avia-menu > li:hover > .sub-menu {   
-webkit-animation: nav-anim 2s;
    -moz-animation: nav-anim 2s;
    animation: nav-anim 2s;
}


@keyframes nav-anim {
    from {
        max-height: 1px;
        overflow: hidden!important;
        clip: rect(0px, 500px, 0px, 0px);
    }
    to {
        overflow: auto;
        max-height: 800px;
        clip: rect(0px, 500px, 900px, 0px);
    }
}
@-webkit-keyframes nav-anim {
    from {
        max-height: 1px;
        overflow: hidden;
        clip: rect(0px, 500px, 0px, 0px);
    }
    to {
        overflow: auto;
        max-height: 800px;
        clip: rect(0px, 500px, 900px, 0px);
    }
}
@-moz-keyframes nav-anim {
    from {
        max-height: 1px;
        overflow: hidden;
        clip: rect(0px, 500px, 0px, 0px);
    }
    to {
        overflow: auto;
        max-height: 800px;
        clip: rect(0px, 500px, 900px, 0px);
    }
}




.avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title, .avia-caption .avia-caption-content p, .avia-caption .avia-

caption-title {
 letter-spacing: 0.08em;    }


.cn-bottom {    color: #fff!important;  background-color: rgba(0,0,0,0.56)!important; }
.cookie-notice-container {      text-align: center!important;     }
#cn-notice-text   {      } 
#cn-more-info,#cn-accept-cookie {   color: rgba(143, 210, 255, 1) !important   } 






/*-- Blog --*/
.entry-content .alignleft {    margin: 2px 5% 3% 0!important;      }
@media only screen and (max-width: 630px) {.entry-content .alignleft {    margin: 2px 50% 5% 0!important;      }      }
.widget_recent_entries li a, .wp-caption-text {     font-style: normal!important;    font-family: "Open Sans",  Helvetica, Arial, sans-serif!

important;    }
.big-preview.single-big {     padding-bottom: 40px!important;  }
#top .av-share-box ul {    width: 38%!important;   }
.html_elegant-blog .post-entry .post-meta-infos .text-sep {    border-left-width: 0px!important;   }
.html_elegant-blog #top .post-entry .post-meta-infos {       border-bottom-width: 1px!important;   margin-left: 33%!important;   width: 

300px!important;  }
.av-share-box {     margin-top: 60px!important;     }
.av-share-box ul {      margin-left: 32.1%!important;     }


/*-- 404 --*/
.error404 h3 {      margin-top: 60px!important;     }
.error404 .widget_tab_recent {	display: none!important; }
.error404 .widget_tab_comments {	display: none!important; }
.error404 .tab_titles {    border-bottom-width: 0px!important;   }

/*-- Navi --*/
@media only screen and (max-width: 767px) {
.responsive #top .avia-post-nav { display: block;}
}

.header_color .avia-menu-fx  {     background-color: #8c785d!important;   border-color: #8c785d!important;    }
.header_color .avia-menu-fx .avia-arrow {     background-color: #8c785d!important;   border-color: #8c785d!important;    }

.avia-menu-fx .avia-arrow-wrap {    visibility: visible!important;    }
.single-portfolio #menu-item-9689 a .avia-menu-fx {     opacity: 1;    visibility: visible!important;     }
.single-portfolio #menu-item-9689 a  {   color: #111!important;     }
.single-portfolio #menu-item-9674 a {     background: none repeat scroll 0% 0% #333!important;    padding-left: 30px!important; font-

weight: bold;  }



/*-- Submenu --*/

#top .av-submenu-container { background-color: #ebe6df!important;  border-bottom-width: 0px!important;     }
#top .av-subnav-menu li a {background-color: rgba(0,0,0,.0)!important;    }
.avia-slide-wrap {     padding-top: 0px!important;   }


/*-- Menu-Icon --*/

.menu-image-title-after.menu-image-title {     padding-left: 5px!important;      }
#menu-menu-footer .menu-image-title-after.menu-image-title {     padding-left: 0px!important;      }
.menu-image   {  margin-top: -3px!important;      }   
.menu-image-hover-wrapper img.hovered-image  {  margin-top: -3px!important;      }   






/*-- BREADCRUMPS --*/


.title_container .breadcrumb { text-transform: uppercase!important; }
.squareLitDemo .title, .squareLitDemo2 .title2, .squareLitDemo2 .title, .squareLitDemo2 .title2_2 {    height: 40px !important;
    font-weight: normal;    line-height: 40px !important;  padding-top: 50px!important;  }


.header_color .sub_menu > ul > li > a, .header_color .sub_menu > div > ul > li > a, .header_color .main_menu ul:first-child > li > a, #top 

.header_color .main_menu .menu ul .current_page_item > a, #top .header_color .main_menu .menu ul .current-menu-item > a, #top 

.header_color .sub_menu li ul a {
    color: #808080!important; }

.footer_color .widget_nav_menu ul:first-child > .current-menu-item, .footer_color .widget_nav_menu ul:first-child > .current_page_item {
    background: none repeat scroll 0% 0% #333!important;    padding-left: 30px!important;   }

#socket .sub_menu_socket li {	display: none!important; }





/*-- Counter--*/
.tptn_counter { left: -42px!important; top: 93%!important; color: #d4d4d4!important; 
position: absolute!important; z-index: 102!important; font-size: 10px!important; }
.page-id-649 .tptn_counter {  left: 20px!important; top: 87%!important; }



.main_color .image-overlay .image-overlay-inside:before {    background-color: #79591a!important;    color: #FFF;    border-color: 

#79591a!important;  }







tr:first-child th, tr:first-child td { background-color: #f4f4f4!important; }


.referenz {font-size: 20px; line-height: 34px;	color: #C0C0C0;	letter-spacing: 1.5px;	list-style-type: disc;	font-

weight:700; list-style-image: url(http://f4studio.de/media/uploads/2014/11/f4-001-bulletpoint.png); 	text-transform: uppercase; }

#mobile-advanced {     background-color: rgba(255, 255, 255, 0.92)!important;     color: rgb(153, 105, 15); }
#mobile-advanced, #mobile-advanced a, #mobile-advanced .mega_menu_title {     color: rgb(30, 30, 30);     border-color: rgb(225, 225, 

225); }


@media only screen and (min-width: 1024px) and (max-width: 1160px) {
#menu-item-9675  {    display: none!important;    }
.av_header_transparency .av-main-nav > li > a  {     padding: 0px 15px!important;     
    font-size: 0.95em!important;         letter-spacing: 0.06em!important;       }
.main_menu ul:first-child > li > a {    padding: 0px 15px!important;     
    font-size: 0.95em!important;         letter-spacing: 0.06em!important;       }
}




#footer {    border-top: 12em solid rgb(206, 192, 167);    z-index: 1;}
#top .avia-button.avia-color-light {    border: 2px solid rgb(255, 255, 255); }
#top .avia-slideshow-arrows a {     display: none!important;}
#js_sort_items a { font-weight: 700!important;  font-size: 14px!important;}



#portfolio-margin2 {margin-left:0px!important;  }


#toprubrik { 	height:100px!important;  }



body { font-size: 14px; letter-spacing: 0.05em!important; }



#masonlisa {	width:80%;    margin-left: 10%;}

.responsive #scroll-top-link {	display: block; } /*iphones etc scroll better by tapping the status bar at the top of the screen*/

.js_active .tab {    font-size: 0.92em!important;           }




/*-- Lightbox --*/

.mfp-zoom-in.mfp-ready.mfp-bg, .mfp-zoom-in.mfp-ready .mfp-preloader {    background: rgba(150,150,150,1)!important;  opacity: 0.97!

important; }
img.mfp-img { box-shadow:0 0 4px 2px rgba(0,0,0,0.2)!important;      padding: 0px 0px!important; margin: 60px!important; }
.mfp-title {  display: none!important;  }
.mfp-counter {    font-size: 16px!important;  color: #fff!important; opacity: 0.8!important;  }
.mfp-close {    padding: 0px 0px 18px 10px;    font-size: 32px!important;   }
div.avia-popup button.mfp-arrow:before {     opacity: 0.8; color: #eee!important; }



.pp_nav p {
    float: left;
    margin: -4px 6px;
    margin-bottom: 8px;
    white-space: nowrap;
}

div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background: rgba

(0,0,0,0.5);}


.avia-button.avia-size-large {     font-size: 14px; } 
body div .avia-button {     font-size: 13px;     line-height: 1.2em;     font-weight: normal;     text-align: center; }

#arrow-animiert   { margin-top: -3px!important;   }