/*!

Theme Name: Norebro Child

Theme URI: http://norebro.colabr.io/

Author: Colabrio Team

Author URI: http://colabr.io/

Description: Norebro is flexible and high performance multipurpose WordPress Theme for personal and corporate use. It comes with the most popular WordPress page builder Visual Composer. Create gorgeous pages and layouts fast and easy without coding.

Version: 1.0.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Template: norebro

Text Domain: norebro-child

Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-colors, custom-header, custom-menu, featured-images, full-width-template, post-formats, theme-options, translation-readyThis theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.Normalizing styles have been helped along thanks to the fine work ofNicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

*/



/************************************************************************Header************************************************************/

@media only screen and (min-width:1920px){ .gif-desktop, .gif-laptop, .gif-tablet, .logo-home{display:none;}}
@media only screen and (min-width:1600px) and (max-width: 1919px){ .gif-ultra, .gif-laptop, .gif-tablet, .logo-home{display:none;}}
@media only screen and (min-width:1200px)and (max-width: 1599px){ .gif-ultra, .gif-desktop, .gif-tablet, .logo-home{display:none;}}
@media only screen and (min-width:1023px)and (max-width: 1199px){ .gif-ultra, .gif-desktop, .gif-laptop, .logo-home{display:none;}}
@media only screen and (max-width:1022px){ .gif-ultra, .gif-desktop, .gif-laptop, .gif-tablet{display:none;}}




/***********************************************************************Fonts*************************************************************/

/***Navigation***/

.mega-menu-item > a.menu-link > span{

    font-family: "Apercu Regular Pro", sans-serif;

    font-weight:400;

    font-size:36px;

    line-height:60px;

    letter-spacing:2px;

}

.social-icon {
    float: right !important;
    width: auto !important;
	margin: 335px 20px 0 !important;
}

.social-icon .fab {
    font-size: 30px;
}

header.dark-text .right{border-color: transparent;}



.fullscreen-menu-wrap.font-titles #secondary-menu li.mega-menu-item{
    width: 100%;
}

#secondary-menu{
	top:35%;
    /*bottom:27px!important;*/
}



.current-menu-item > .main-menu-link > span
{
    font-family: "Apercu Bold Pro", sans-serif !important;
}




.ion-ios-close-empty:before{

    font-weight:700!important;

    font-size:36px;

}

#fullscreen-menu-close{
    width: 100%;
    height: 100%;
    text-align: right;
}

#masthead,.header-wrap{
	background:#fbfbfb!important;
}

.scroll-top{display: none!important;}

.menu-other{display: none!important;}

.socialbar a{border:none!important;}

.fa.fa-facebook:before{content: "\f168"!important;}

.socialbar.small.outline a span{font-size: 30px!important;}

.socialbar.small.outline{
position: fixed;
    left: 82%;
    bottom: 2%;
    /* margin-top: 14%; */
    width: 100%;}

.facebook, .linkedin, .instagram{margin-left: 2%!important;}

.socialbar.outline a:hover{background:transparent;}


.icon-row .wpb_single_image img{height:86px!important;}


/***Logo***/



.logo-right, .logo-left, .attrpart, .attrpart-mobil, #staticleft, #dynamic{

    float:left;

}

#dynamic{position: absolute;
    /*margin-left: 9%;*/
padding-left: 9%;}

    #staticright{position: absolute;
    margin-left: 27%;}

    #animation{
    	width: 100%;
    	display: flex;
        align-items: center;
    }





.static-right, .static-left{font-family: "MarkOT Light", sans-serif;}



.logo-left{

    font-family: "MarkOT Bold", sans-serif;

    font-size:36px;

    font-weight:700;

    /*padding:10px;

    margin-right:10px;*/

}



.logo-right{

    font-family: "MarkOT Bold", sans-serif;

    font-size:36px;

    font-weight:700;

    /*height: 50px;

    padding:10px;

    margin-left:-13px;*/

    z-index: 99999;

    background-color: #fbfbfb;

    height: 40px;

    line-height: 40px;

    top: -12px;

	padding-left: 10px;
	width: 200px;

}

.noshown {
  visibility: hidden!important;
}


@-prefix-keyframes slide {
  from {visibility: visible;}
  to {visibility: : hidden;}
}


.headeranimation{

    height: 30px;

    position: relative;

}



.attribute, .attribute-mobile{

    font-family: "Apercu Regular Pro", sans-serif;

    font-size:36px;

    letter-spacing:2px;

}



#logo-static, #att-static, #logo-dynamic{

    position:absolute;

}

#logo-static {
	top: 1px;
}

#att-static{

    left:158px;

    top: 1px;

	padding-left: 10px;

}

/*css hack for mac - top headline, needed for SAFARI and Firefox on mac, js code in assets/main-child.js*/
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    body.mac #att-static {
		top: 1px;
	} 
}

/*css hack for CHROME on mac - top headline, needed for CHROME on mac, js code in assets/main-child.js*/
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    body.mac.chrome #att-static {
		top: 5px;
	} 
}

/*maybe not needed - not sure*/
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 
	   #att-static {
		top: 5px;
	} 
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 1300px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 1300px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 1300px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 1300px),
only screen and (                min-resolution: 192dpi) and (min-width: 1300px),
only screen and (                min-resolution: 2dppx)  and (min-width: 1300px) { 

  /* Large screen, retina, stuff to override above media query */
   #att-static {
		top: 5px;
	} 
	
}


#att-static-mobile-first, #att-static-mobile-second{

    display: none;

}



#logo-dynamic-home{

    font-family: "MarkOT Bold", sans-serif;

    font-size:36px;

    font-weight:700;

    margin-right:10px;

    margin-left:10px;

    /*left:40%;*/


}



  .static-right{

    letter-spacing: 1.7px;

    font-size: 20px;

}



.static-left{

    letter-spacing: -0.8px;

    font-size: 20px;

}



.logo-home{

    letter-spacing: 1.45px;

}

/*Logo Datenschutz Impressum*/

.page-id-3 .logo-right {margin-left: -23px!important;}

.page-id-5669917 .logo-right {margin-left: -15px!important;}



/***General Fonts**/



@font-face { font-family: 'Apercu Bold Italic Pro';

             src: url('fonts/apercu-bold-italic-pro.woff2')  format('woff2'),

                  url('fonts/apercu-bold-italic-pro.woff')  format('woff'); }



@font-face { font-family: 'Apercu Bold Pro';

             src: url('fonts/apercu-bold-pro.woff2')  format('woff2'),

                  url('fonts/apercu-bold-pro.woff')  format('woff'); }



@font-face { font-family: 'Apercu Italic Pro';

             src: url('fonts/apercu-italic-pro.woff2')  format('woff2'),

                  url('fonts/apercu-italic-pro.woff')  format('woff'); }



@font-face { font-family: 'Apercu Regular Pro';

             src: url('fonts/apercu-regular-pro.woff2')  format('woff2'),

                  url('fonts/apercu-regular-pro.woff')  format('woff'); }



@font-face { font-family: 'MarkOT Light';

             src: url('fonts/MarkOT-Light.woff')  format('woff'); }



@font-face { font-family: 'MarkOT Bold';

             src: url('fonts/MarkOT-Bold.woff')  format('woff'); }



h1, h2, h3, p, span, body{

    font-family: "Apercu Regular Pro", sans-serif;

}



p, span{

    font-size:16px;

    line-height:16px;

    letter-spacing:0.7px;

    text-align:left;

    color:#000;

}

ul li, ol li {
    
    font-size: 18px;

    line-height:20px;

    letter-spacing:1px;

    color:#000;

    padding: 5px 0 !important;

    list-style-position: outside;
}

ul, li {

    margin-left: 10px;
}




/********* Newsletter Popup *************/


.cp_style_5669930 #cp_heading-1-5669930 .cp-target
{
    font-family: "Apercu Regular Pro", sans-serif !important;
}

.cp_style_5669930 #cp_paragraph-2-5669930 .cp-target
{
    font-family: "Apercu Regular Pro", sans-serif !important;
}

.cp_style_5669930 #cp_checkbox-3-5669930 .cp-target
{
    font-family: "Apercu Regular Pro", sans-serif !important;
}

.cp_style_5669930 #cp_button-2-5669930
{
    font-family: "Apercu Regular Pro", sans-serif !important;
}







/********* Breadcrumbs *************/



.breadcrumbs{

    padding: 10px 23px 0px !important;

    /*margin-top:80px;

    float:left;*/

}

.page-id-5669020 .breadcrumbs{
    display: none!important;
}



.page-id-5669073 .breadcrumbs{

    padding: 8px 8px 0px 8px !important;

}



.breadcrumbs > .page-container .vc_col-sm-12 {  padding: 0;}

ol.breadcrumbs-slug > li > a{

    text-decoration:underline;

}



.breadcrumbs-slug li .active{

    font-weight: 400;

    /*text-decoration: underline;*/

}



.page-container.without-breadcrumbs {

    margin-top: 0;

}

.page-container.bottom-offset {
    margin-bottom: 0;
}





/*Breadcrumbs Projekte*/



.breadcrumbs .full {

    padding: 0;

}



/********Slider***********************/



div.slidercontent{

    text-align: center!important;

    /*margin-left: -100px!important;*/

    line-height: 100px !important;

}



span.slidertext-home{

    /*height: 800px;*/

    color: #000000;

    font-family: "Apercu Regular Pro", sans-serif;

    font-size: 72px;

    letter-spacing: 2.22px;

}



span.slidertext-lila{

    color: #93a1ff;

    font-family: "Apercu Regular Pro", sans-serif;

    font-size: 72px;

    letter-spacing: 2.22px;

    box-sizing: border-box;

    height: 90px;

    width: 578px;

    border: 1px solid #000000;

    transform: rotate(180deg);

    border-radius: 8px;



}









/***Heading 1 Leistungen etc. Filter***/

.category-title{

    font-size:36px;

    line-height:48px;

    letter-spacing:2px;

    color:#000;

}



/***Heading 1 Leistungsdetailseite ***/

.custom-title{

    font-size:36px;

    line-height:44px;

    letter-spacing:2px;

    color:#000;

    font-weight:400;

    margin-top:0px!important;

}



h2.custom-title {

    margin-bottom: 12px;

}

.gap-bottom-0 h2.custom-title {
    margin-bottom: 5px;
}


.custom-title-portfolio{

    font-size:36px;

    line-height:44px;

    letter-spacing:2px;

    color:#000;

    font-weight:400;

    margin-top:8px!important;

}



.custom-subtitle{

    font-family: "Apercu Regular Pro", sans-serif;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 2px;
    color: #000!important;
    font-weight: 400;
    margin-bottom: 5px!important;
    font-weight: 600;

}



.custom-subtitle-bold{

    font-family: "Apercu Regular Pro", sans-serif;

    font-size:16px;

    line-height:18px;

    letter-spacing:2px;

    color:#000!important;

    font-weight:600;

    margin-bottom:5px!important;

    text-transform: uppercase;

}



.custom-subtitle-portfolio{

    font-family: "Apercu Regular Pro", sans-serif;

    font-size:16px;

    line-height:18px;

    letter-spacing:2px;

    color:#000!important;

    font-weight:400;

    margin-bottom:0px!important;

    font-weight:600;

}



.custom-subtitle-center{

    font-family: "Apercu Regular Pro", sans-serif;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 2px;
    color: #000!important;
    font-weight: 400;
    margin-bottom: 30px!important;
    font-weight: 600;

    text-align:center!important;

    text-transform: uppercase;

}



.custom-subtitle-center-white{

    font-family: "Apercu Bold Pro", sans-serif;

    font-size:16px;

    line-height:18px;

    letter-spacing:2px;

    color:#fff!important;

    font-weight:600;

    margin-bottom:5px!important;

    text-align:center!important;

    text-transform: uppercase;

}



.custom-subtitle-white{

    font-family: "Apercu Regular Pro", sans-serif;

    font-size:16px;

    line-height:18px;

    letter-spacing:2px;

    color:#fff!important;

    text-align:center!important;

    font-weight:400;

}



.custom-description{

    font-family: "Apercu Regular Pro", sans-serif;

    font-size:16px;

    line-height:16px;

    letter-spacing:0.44px;

    color:#000!important;

    text-align:left!important;

    font-weight:400;

    /*margin-top: 3px;*/

    margin-left: 12px;

    float: left;

    /*width:300px;*/

}



a.two-colum-desc  .custom-project-title {margin-top: -21px!important;}
a.two-colum-desc  .custom-description {margin-top: -14px!important;}



.custom-paragraph{

    font-size:21px;

    line-height:28px;

    letter-spacing:0.5px;

    color:#000;

    float: left;

}



.custom-paragraph-detailpage,.details-show p {

    font-size:21px;

    line-height:28px;

    letter-spacing:0.7px;

    color:#000;

    float: left;

    margin-bottom:20px;

}



.custom-paragraph-link{

    font-size:21px;

    line-height:28px;

    letter-spacing:0.5px;

    color:#000;

        margin-top: 30px;

    margin-bottom: 15px;

}



.custom-project-title{

    font-size:21px;

    line-height:28px;

    letter-spacing:2px;

    color:#000;

    float:left;

    font-weight:600;

    margin-top: -5px;

}





.custom-project-title a:hover {

    color: #000;

    text-decoration: underline;

}



.custom-paragraph > div > p{

    font-size:21px;

    line-height:28px;

    letter-spacing:0.5px;

    color:#000;

    float: left;

}



.text-teaser{

    font-size: 72px;

    letter-spacing: 1px;

    line-height: 74px;

    text-align: center;

    color:#000;

    text-align:center!important;

    font-weight:400;

    margin-top: 10px;

    margin-bottom:50px;

}


.text-teaser.contact{

    font-size: 80px;

    letter-spacing: 1px;

    line-height: 74px;

    text-align: center;

    color:#000;

    text-align:center!important;

    font-weight:400;

    margin-top: 10px;

    margin-bottom:50px;

}

.text-teaser.pain{    font-family: "Apercu Regular Pro", sans-serif;line-height: 100px!important; font-size: 72px!important;}



.text-teaser-white{

    font-size: 72px;

    letter-spacing: 1px;

    line-height: 74px;

    text-align: center;

    color:#fff;

    text-align:center!important;

    font-weight:400;

    margin-top: 16px;

    margin-bottom: 0px;

}



.text-teaser {

    margin-bottom: 0;

}

.text-teaser.home-text,.text-teaser, .custom-paragraph-post-element-white > div > p {
	padding-left:19%; padding-right:19%;
}

.text-teaser.sliding-fixtext{padding-right:0;}



.text-teaser.team {

    font-size: 72px;

    letter-spacing: 1px;

    line-height: 74px;

    text-align: center;

    color:#000;

    text-align:center!important;

    font-weight:400;

    margin-bottom: 70px;

}



.description-col{

    /*margin-top:-85px;

    margin-bottom: 70px;*/

    margin-bottom: 30px;

}



.project-description{

    padding:0px;

}

.project-description span,.text-element-portfolio span {
    line-height: 1.5em;
}

.home .project-description {
    margin-bottom: 50px;
}

.two-columns-description {
	margin-top: 10px;
	margin-bottom: 90px;
}

.text-teaser-white{

    font-family: "Apercu Regular Pro", sans-serif;

    font-size: 72px;

    letter-spacing: 1px;

    line-height: 74px;

    color:#fff;

    text-align:center!important;

    font-weight:400;

}



.text-teaser-underline{

    font-size: 80px;

    letter-spacing: 5px;

    line-height: 88px;

    color:#000;

    text-align:center!important;

    font-weight:600;

    text-decoration: underline;

    /*line-height: 0.75;

    border-bottom: 3px solid currentColor;*/

}



.text-teaser-underline:hover{color:#000;text-decoration: none;}



.hallo h2 {

    text-decoration: none;

    line-height: 0.75;

    border-bottom: 3px solid currentColor;

}


.bg-yellow h2 {

    text-shadow: 3px 3px #FFF293,3px -3px #FFF293,-3px 3px #FFF293,-3px -3px #FFF293;

}



.bg-pink h2 {

    text-shadow: 3px 3px #FF9393,3px -3px #FF9393,-3px 3px #FF9393,-3px -3px #FF9393;

}



.bg-green .text-teaser-underline {

	text-decoration: none;

    border-bottom: 3px solid currentColor;

    text-shadow: 5px 5px #99EB9F,5px -5px #99EB9F,-5px 5px #99EB9F,-5px -5px #99EB9F;

}

.bg-green.mobil-contact {display:none;}

.zitat > blockquote{

    color: #000000;

    font-family: "Apercu Regular Pro";

    font-size: 36px;

    letter-spacing: 1px;

    line-height: 44px;

    margin-top:34px;

}



.zitaticon{

    font-family: "Apercu Regular Pro";

    float: right;

    font-size: 150px;

    color: #000;
	
	margin-top: 87px;

}



.vc_icon_element{

    margin-bottom: 0px!important;

    margin-left: -15px;

}



.zitat > .title{

    display:none;

}



.zitat > .subtitle{

   font-family: "Apercu Regular Pro", sans-serif;
    font-size: 16px!important;
    line-height: 18px;
    letter-spacing: 2px;
    color: #000!important;
    font-weight: 400;
    margin-bottom: 0px!important;
    font-weight: 600;

}

.zitat{
    margin-bottom: 34px;
}





.zitat-center{

   font-family: "Apercu Regular Pro", sans-serif;

    font-size:16px;

    line-height:18px;

    letter-spacing:2px;

    color:#000!important;

    font-weight:400;

    margin-bottom:5px!important;

    text-transform: uppercase;

    text-align: center;

}



.zitat-center .subtitle {

    font-size: 16px;
    color: #000 !important;
    /*font-weight: 600;*/

}



.number > .counter-box-count > .count{

    color: #000000;

    font-family: "Apercu Regular Pro", sans-serif;

    font-size: 72px;

    letter-spacing: 0.27px;

    line-height: 74px;

    text-align: center;

    font-weight:600;

}



.counter-box{

    display: flex;

    flex-direction: column;

    align-items: center;

}



.number > .title{

    font-family: "Apercu Regular Pro";

    font-size:21px!important;

    line-height:28px;

    letter-spacing:0.5px;

    color:#000;

    float: left;

    margin-bottom:40px;

    width:70%;

    font-weight:400!important;

}

.counter-box h3.title {

	margin-bottom: 0;

}


span.portfolio-grid-heading, .portfolio-grid-heading > div{

    color: #000000!important;

    font-family: "Apercu Bold Pro";

    font-size: 21px!important;

    letter-spacing: 1.17px;

    line-height: 21px;

    font-weight:600;

}



span.post-category-name{

    color: #000000;

    font-family: "Apercu Regular Pro";

    font-size: 16px;

    letter-spacing: 0.44px;

    line-height: 16px;

}



/***Filtermenu***/



.filterlist {

  list-style: none;

  color: #000000!important;

  font-family: "Apercu Regular Pro";

  font-size: 36px!important;

  letter-spacing: 1px!important;

  line-height: 48px!important;

  background-color: transparent!important;

  margin-left: 33px;

}

.filterlist > a:hover {
    color:#000;
    text-decoration:underline;
}

sup {
    top: -0.7em;
    font-size: 18px;
    left: 8px;
    display: inline-block;
}



#menu-wir {

    padding-top: 10px;

}



/**Slider**/



.custom.tparrows{background:transparent!important;}

.custom.tparrows.tp-rightarrow:before{

    content:url(/wp-content/themes/norebro-child/images/rechts.svg)!important;

}

.custom.tparrows.tp-leftarrow:before{

    content:url(/wp-content/themes/norebro-child/images/links.svg)!important;

}



.page-id-2 > .custom.tparrows.tp-leftarrow:before{display:none!important;}



#gw_go_portfolio_3 .gw-gopf-post-col,#gw_go_portfolio_3 .gw-gopf-posts-wrap-inner {

    margin-left: 0 !important;
	margin-top: 0 !important;

}

.gw-gopf-posts.gw-gopf-clearfix.gw-gopf-slider{

    display: grid;

    grid-template-columns: repeat(3, calc(50% - 220px));

    grid-template-rows: minmax(31px, 1fr);

    z-index: auto;

    /*gap: 10px;

	padding: 0px 43px;

	margin-left: 55px!important;

    inset: 0px auto auto -150px!important;*/

    /*inset: 0px auto auto 0px!important;*/
}



.gw-gopf-posts.gw-gopf-clearfix.gw-gopf-slider:hover{

    cursor:url('/wp-content/themes/norebro-child/images/rechts.svg'), default !important;

}



.gw-gopf-posts{

    width:100%;

}



#gw_go_portfolio_3{

    margin-top:-80px!important;

}



.gw-gopf-slider-controls.gw-gopf-clearfix{

    width: auto!important;

    float: right!important;

}

.page-id-5669250 .gap-top-180.vc_custom_1607953347061{
	margin-bottom: 2px;

}







/***Footer***/

#menu-footer-menu > .mega-menu-item > a > span, span.text-footer{

    font-size:18px;

    line-height:24px;

    letter-spacing:1.3px;

}



footer .vc_col-md-6.widgets-column > ul > #nav_menu-2{
    float:right;
    margin-right: 117px;
}


/***********Rows & Columns*********/



.site-content {

    padding-top: 85px;

}



.page-container{

    max-width: 100%!important;

}





.page-content,.portfolio-page-custom-content {

    padding: 0;

}



.vc_row {

    margin-left: 0 !important;

    margin-right: 0 !important;

}



.vc_column-inner {

    padding: 0 !important;

}



.custom-row {

    padding-left: 15px !important;

    padding-right: 15px !important;

    margin-bottom: 50px;

}



.custom-row-portfolio {

    margin-bottom: 50px;

}



.custom-row-portfolio-top {

    margin-bottom:30px!important;

}



.custom-row-portfolio-general-top {

    padding-left:30px!important;

    padding-right:30px!important;

    margin-bottom:50px;

}



.custom-row-portfolio-general {

    padding-left:30px!important;

    padding-right:30px!important;

    margin-bottom:50px;

}



.custom-row-portfolio-counter {

    margin-top:100px;

    margin-bottom:100px;

}



.custom-row-top {

    padding-left:30px !important;

    padding-right:30px !important;

    margin-bottom:50px;



}



.gruppe-menu{

    display: none;

}
/* abstand zum header, weil gruppe-menu ausgeblendet */
article#post-5669250 {
    margin-top: 42px;
}


.custom-row-zitat {

    margin-top: 150px;

    margin-bottom: 150px;

}


.gap-top-0 .vc_column-inner {
    padding-top: 0 !important;
}

.gap-120 {
	margin-top: 120px;
	margin-bottom: 120px;
}

.gap-bottom-0 {
    margin-bottom: 0 !important;
}

.gap-bottom-15 {
    margin-bottom: 15px;
}

.gap-top-50 {
	padding-top: 50px !important;
}

.gap-bottom-40 {
	margin-bottom: 40px !important;
}

.gap-top-180 {
	margin-top: 180px;
}

.gap-bottom-180 {
	margin-bottom: 180px !important;
}


.images-two .vc_single_image-wrapper
{
    padding: 8px !important;
}

.images-two .wpb_text_column{
    padding: 8px !important;
}

.images-two .wpb_video_widget
{
    padding: 8px !important;
}

.images-two h1
{
    padding: 8px !important;
}

.images-three .vc_single_image-wrapper{
    padding: 8px !important;
}

.image-fullwidth .vc_col-sm-12
{
    padding: 8px !important;
}

.image-fullwidth-portfolio .vc_col-sm-12
{
    padding: 8px !important;
}

.one-column .vc_col-sm-12
{
    padding: 8px !important;
}

.two-columns .vc_inner .wpb_column
{
    padding: 8px !important;
}

.two-columns-left{
    padding: 8px !important;
}

.two-columns-right
{
    padding: 8px !important;
}

.three-columns .vc_col-sm-4
{
    padding: 8px !important;
}

.images-two rs-module-wrap iframe
{
    padding: 8px !important;
}

.two-columns rs-module-wrap iframe
{
    padding: 8px !important;
}


.two-columns-left .vc_column-inner,.two-columns-right .vc_column-inner {

    padding-right: 100px !important;

}

.two-columns-right .vc_single_image-wrapper,.two-columns-right .wpb_text_column {
	padding: 0 !important;
}

.column-left-text-left .vc_column-inner {
	padding-left: 100px !important;
}

.images-two,.images-three,.image-fullwidth-portfolio {

    margin-bottom: 0;

}

.imges-two{
	padding-left: 5px!important;
	padding-right: 5px!important;
}



.image-fullwidth img,.image-fullwidth-portfolio img,.images-two img,.images-three img,.two-columns img,.three-columns img {

    width: 100%;

}



img.attachment-thumbnail {

    width: auto;

}



.two-columns {

    /*width: 48%!important;

    margin-right: 2%!important;*/

}



.three-columns {

    /*width: 32%!important;

    margin-right: 1%!important;*/

}



.slider-row > .vc_column_container {

    padding: 8px 15px !important;

}



/*.image-row {padding: 8px 48px !important;}

.images-row .vc_col-sm-6,.images-row .vc_col-sm-4 {padding: 8px !important;}

.image-row .vc_column-inner,.images-row .vc_column-inner {padding: 0 !important;}

.images-row .vc_col-sm-12 {padding: 0 40px !important;}

.text-row .vc_col-sm-12 {padding: 0 30px !important; margin-bottom: 50px;}

.padding0-8 .vc_col-sm-12 {padding: 0 8px !important;}

.padding0-15 .vc_col-sm-12 {padding: 0 15px !important;}

.vc_row .vc_column-gap-10 {margin-left: 0 !important; margin-right: 0 !important;}*/



.painservice {
	margin: 50px 0;
	padding: 0 !important;
}



.custom-row-best-of {

    margin-top: 30px;

    margin-bottom: 110px;

    padding-left: 20px!important;

    padding-right:20px!important;

}




.custom-row.image-fullwidth{
	margin-bottom: 0px;
}

.hallo{
	margin-top: 15px!important;
}







/********************************General Styling************************************/


.dynamicpart .logo-right{display:block !important;margin-top: 1px;}
.mobil{display:none !important;}



/***Header***/



#masthead {

    border: none !important;

}



.header-wrap {

    width:100%;

    border-bottom: 1px solid #000000;

    padding: 35px 23px 10px 23px !important;

}

.site-branding {

    width: 80% !important;

}


#masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .menu-link span:before, #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .menu-link span:before {
	content: none;
}



/*#animation{

    display: flex;

    justify-content: center;

    align-items: center;

}*/

/*.staticpartleft{
	margin-left: 26%;
}*/



.right {

    margin-top: -10px;

}



.home .right {

    margin-top: -50px;

}



.header-contact{

    float:left;

    margin-top: -3px;

    position: relative;

    z-index: 9999;

}

.header-contact img{

   width: 32px;

}



.hamburger-menu{

    margin-top:-5px;

}

.hamburger-menu img{

   width: 30px;

}


#masthead.header-fixed .header-wrap
{
    background: #fbfbfb !important;
}





/***Navigation***/


.fullscreen-navigation #secondary-menu > li > a {
    padding: 0;
}

.fullscreen-navigation:after{

    left:auto;

    right:0;

    background:#fff;

    border-left: 1px solid black;
    width: 50%;

}

.fullscreen-navigation .close {
    padding: 28px 23px;
    top: 0;
    right: 0;
}

#secondary-menu{

    position:fixed;

    right:0;

	bottom:0;

    /*margin-top:14%;*/

    width: 50%;

}



.fullscreen-navigation ul.menu{

    /*float:right;

    padding: 100px 0 0 auto;*/

	padding: 0 0 0 20px !important;

}



.menu-link > span{

    /*width:200px;*/

}



.fullscreen-navigation{

    background: rgba(255, 255, 255, 0.61);

}



.details-show > .wpb_wrapper{

    display: flex;

    flex-flow: column;

}

.pressrelease-content {
    margin-top: -30px;
}

.pressrelease-link{

    order:9;

}



.sh-link {

    font-weight: 600;

    text-decoration: underline;

    letter-spacing: 1.3px;      margin-top: 10px;

}.sh-link a span {  font-size: 1.2em !important;}

.sh-link a span:hover {

    color:#000;

    text-decoration: none!important;

}







/***Buttons***/

.general-button-white > .vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-grey{

    border: 1px solid!important;

    border-color:#fff!important;

        padding: 12px 18px!important;

        border-radius: 8px!important;

    margin-top:15px!important;

    background:transparent!important;

    color:#fff;

    font-family: "Apercu Regular Pro", sans-serif;

    font-size: 18px;

    letter-spacing: 1.71px;

    line-height: 24px;

    text-align: center;

    font-weight:600;

}





.general-button-white:hover > .vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-grey{

    border: 1px solid!important;

    border-color:#fff!important;

        padding: 12px 18px!important;

        border-radius: 8px!important;

    margin-top:15px!important;

    background:#fff!important;

    color:#000;

    font-family: "Apercu Regular Pro", sans-serif;

    font-size: 18px;

    letter-spacing: 1.71px;

    line-height: 24px;

    text-align: center;

    font-weight:600;

    /*display: inline-block;

    white-space: nowrap;

    animation: floatText 15s infinite linear;

    padding-left: 100%;*/ /*Initial offset*/

}

.general-button-white:hover > .vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-grey span{
    display: inline-block;

    white-space: nowrap;

    animation: floatText 15s infinite linear;

    padding-left:0%; /*Initial offset*/

}




.general-button{

    margin-top: 4px;

}



@keyframes floatText {

  to {

    transform: translateX(-10%);

  }

}

.cd-headline > span
{
display: none!important;
padding: 16px 0 !important;
}



.general-button > .vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-grey{

    border: 1px solid!important;

    border-color:#000!important;

        padding: 12px 18px!important;

        border-radius: 8px!important;

    margin-top:40px!important;

    background:transparent!important;

    color:#000;

    font-family: "Apercu Regular Pro", sans-serif;

    font-size: 18px;

    letter-spacing: 1.71px;

    line-height: 24px;

    text-align: center;

    font-weight:600;

}

.general-button:hover > .vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-grey{

    border: 1px solid!important;

    border-color:#000!important;

        padding: 12px 18px!important;

        border-radius: 8px!important;

    margin-top:40px!important;

    background:#000!important;

    color:#fff;

    font-family: "Apercu Regular Pro", sans-serif;

    font-size: 18px;

    letter-spacing: 1.71px;

    line-height: 24px;

    text-align: center;

    font-weight:600;

}

.home .images-two .general-button > .vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-grey,
.home .images-two .general-button:hover > .vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-grey {
	margin-top: 0 !important;
}

.bg-lila-content-bottom .general-button > .vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-grey,
.bg-lila-content-bottom .general-button:hover > .vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-grey {
    margin-top: 20px !important;
}

.general-button-white {    margin-top: 15px;}
.icon-row .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern:hover {    color: #000 !important;    text-decoration: none;}

.custom-link > .vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-grey{

    color: #000000;

        font-family: "Apercu Regular Pro";

    font-size: 18px;

    letter-spacing: 1.29px;

    line-height: 24px;

    text-decoration:underline;

    background:transparent!important;

    border: none!important;

    border-color:transparent!important;

        padding: 0px!important;

        border-radius: 0px!important;

}



.general-button.filterbutton{



    border: 1px solid!important;

    border-color:#000!important;

        padding: 12px 18px!important;

        border-radius: 8px!important;

    margin-top:15px!important;

    background:transparent!important;

    color:#000;

    font-family: "Apercu Regular Pro", sans-serif;

    font-size: 18px;

    letter-spacing: 1.71px;

    line-height: 24px;

    text-align: center;

    font-weight:600;
    display: flex;

}



.scroll-top{

    bottom:115px;

}





/*****************************************Elemente Page********************************/



.custom-title-link-section{

    font-size:36px;

    line-height:44px;

    letter-spacing:2px;

    color:#000;

    font-weight:400;

    margin-top:0px!important;

    float: left;

  margin-right: 0.8%;

      /*display: contents;*/

}



.custom-title-lila-link-section{

    color: #93a1ff!important;

    font-size:36px;

    line-height:44px;

    letter-spacing:2px;

    color:#000;

    font-weight:400;

    margin-top:0px!important;

    float: left;

  margin-right: 0.8%;

  /*display: contents;*/

}

.arrow-detailpage{
    margin-bottom: -20px!important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	img {
		max-width: 100%;
		height: auto;
		width: auto;
	}
}



.arrow-link{

    margin-left: 30px;

    margin-top: 7px;

}

.arrow-detailpage + .wpb_text_column{
    width: 582px;
}


.arrow-link
{
    left:0;
    transition: transform 1s;
  }


  .link-section-arrow-top:hover > .arrow-link, a .link-section-arrow:hover > .arrow-link
  {
      transform: translate(100vw,0%);

  }


.link-section-arrow-top{

    padding: 16px 26px;

    border-bottom: 1px solid black;

    border-top: 1px solid black;

}



.link-section-arrow {

    padding: 16px 26px;

	border-bottom: 1px solid black;

}





.text-teaser.leistung{

    font-size: 72px;

    letter-spacing: 1px;

    line-height: 74px;

    text-align: center;

    color:#000;

    text-align:center!important;

    font-weight:400;

    margin-top: 16px;

}



.custom-paragraph-post-element > div > p{



    font-size: 21px;

    line-height: 28px;

    letter-spacing: 1px;

    color: #000;

    margin:0px!important;

        text-align:center;

}



.custom-paragraph-post-element-white > div > p{

        /*width:577px;*/

    font-size: 21px;

    line-height: 28px;

    letter-spacing: 1.29px;

    color: #fff;

        text-align:center!important;

        margin-top: 15px;

}

.custom-row.one-column.gap-120 .custom-paragraph-post-element-white > div > p {
	padding-left:17%;
	padding-right:17%;
}

.custom-paragraph-detailpage > a{

    color:#000;

}



.custom-paragraph-detailpage > a:hover{

    color:#000;

}

.icon-leistung{

    margin-bottom:18px!important;

}

.icon-headline {
    padding-top: 50px !important;
    margin-bottom: 0;
}

.icon-row .wpb_single_image .vc_single_image-wrapper{
	height:120px!important;
}

.arrow-row.wpb_single_image img{
    height:30px!important;
}

.icon-row,.counter-row {

    margin-top: 44px;
	margin-bottom: 50px;
	padding-left: 80px !important;
    padding-right: 80px !important;

}

.icon-row .icons-2 {
	margin-top: 50px;
}

.gap-row{

    margin-bottom: 40px;

}

.custom-link-center > .vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-grey{

    color: #000000;

        font-family: "Apercu Regular Pro";

    font-size: 21px;

    letter-spacing: 1.29px;

    line-height: 24px;

    text-decoration:underline;

    background:transparent!important;

    border: none!important;

    border-color:transparent!important;

        padding: 0px!important;

        border-radius: 0px!important;

    text-align:center;

}





.custom-title-gap{

    font-size:36px;

    line-height:44px;

    letter-spacing:2px;

    color:#000;

    font-weight:400;

    margin-top:0px!important;

    float: left;

    margin-right: 2%;

    float:right;

}

.custom-title-gap-line{

    font-size:36px;

    line-height:44px;

    letter-spacing:2px;

    color:#000;

    font-weight:400;

    margin-top:0px!important;

    float: left;

    margin-right: 10px;
    margin-left: 1.5%;

    text-decoration: line-through;

    text-align: left;

}

/*Pain Slider*/
.img1{width: 129px!important;}
.img2{width: 110px!important;}
.img3{width: 155px!important;}
.img4{width: 98px!important;}
.img5{width: 198px!important;}










/*****************************************Kontakt Page********************************/



.phone-center{

    text-align: center;

}

.custom-row.bg-green.mobil{
    display: none!important;
}

.vc_row.wpb_row.vc_inner.vc_row-fluid .contact-block{
	border: 1px solid;
    padding: 29px!important;
    border-radius: 26px;
    /*margin-right: 15px;*/
        margin-bottom: 15px;
    box-shadow: inset 0 -10px 124px -10px #fff;
    float: left;
    max-width: 32.6%;

}

.side-gap{margin-right: 15px; margin-left: 15px;}

.vc_custom_heading.contact-block-heading{
	font-family: "Apercu Regular Pro", sans-serif;
	font-size: 36px;
	line-height: 45px;
	text-transform: uppercase;
	letter-spacing: 1.8px;
	color: #000;
	font-weight: 700;
	margin-bottom: 10px
}
.shadow-white{    box-shadow: 0px -150px 150px -35px #fff inset;
    position: relative;
    margin-top: -150px;
    z-index: 1;}

.contact-text{
	margin-top: 22px!important;
}

.contact-text:before{ box-shadow: 0px -50px 50px -50px #000 inset;
    position:fixed;}

.left-col, .right-col {width: 49%;float:left;}
.cp-popup input[type=text], .cp-popup input[type=text]:focus, .cp-popup input[type=text]:active, .cp-popup textarea, .cp-popup textarea:active, .cp-popup textarea:focus{border:1px solid black;border-radius: 8px;margin-bottom: 15px!important;padding:25px;height: 48px;    font-size: 21px;
    line-height: 28px;
    letter-spacing: 0.7px;
    color: #000;
    }

.wpcf7-list-item-label{font-size: 21px;
    line-height: 28px;
    letter-spacing: 0.7px;
    color: #000;}

.cp-popup textarea{height: 220px!important;}
.wpcf7-form-control-wrap.acceptance-720{float:left;}

.wpcf7-form-control-wrap.Firma .wpcf7-form-control.wpcf7-text, .wpcf7-form-control-wrap.Mail .wpcf7-form-control.wpcf7-text{margin-left: 15px;}

.wpcf7-form-control.wpcf7-submit{height: 48px;
  width: 187px;
  border: 1px solid #000000;
  border-radius: 8px;
  background-color: #99EB9F;
  color: black;
  font-family: "Apercu Regular Pro";

    font-size: 18px;

    letter-spacing: 0.5px;
margin-top: 5%;
    margin-left: -28%;

}

.wpcf7-form-control.wpcf7-submit:hover{color: black;
  font-family: "Apercu Regular Pro";

    font-size: 18px;

    letter-spacing: 0.5px;
  background-color: #fff;}


.plus-contact img{width: 184px;}

.wpcf7-form-control[name="lebenslauf"]{
	border:none!important;
}

.wpcf7-list-item-label.lebenslauf{
	text-align: left!important;
    font-size: 21px!important;
    line-height: 28px!important;
    letter-spacing: 0.7px!important;
    color: #000!important;
}

form.wpcf7-form .wpcf7-response-output{border-color: #fff!important;}



/*****************************************Team Page********************************/

.mega-menu-item.nav-item{

    display: block;

    float:left;

    margin-right: 40px;

}



.current-menu-item > a{

    text-decoration: underline;

}



.left-column-team{

    padding-right:7.5px!important;

}



.right-column-team{

    padding-left:7.5px!important;

}

p.custom-paragraph-post-element{

    /*width:75%;*/

    font-size: 21px;

    line-height: 28px;

    letter-spacing: 0.5px;

    color: #000;

    margin:0px!important;

    padding-right: 100px;

}

.yrm-content p.custom-paragraph-post-element {
    margin-top: -10px !important;
}


.custom-paragraph-post-element-center p {

    /*width:75%;*/

    font-size: 21px;

    line-height: 28px;

    letter-spacing: 0.5px;

    color: #000;

    text-align:center;

	margin: 10px 0 !important;

}



.image-team{

    margin-bottom:20px!important;

}



.pressrelease-link{

    text-decoration:underline;

}

.pressrelease-link:hover{

    text-decoration:none;

}



.sliding-fixtext{

    font-size: 72px;

    letter-spacing: 1px;

    line-height: 74px;

    text-align: center;

    color: #000;

    text-align: center!important;

    font-weight: 400;

    margin-top: 16px;

    float: right;

    margin-right: 20px;

}







.cd-headline > span{

    display:none!important;

}



 span.cd-words-wrapper{

    display:inline-block!important;

    width:auto;

    font-size: 72px;

    letter-spacing: 1px;

    line-height: 74px;

    color: #000;

    text-align: center!important;

    font-weight: 400;

}



span.cd-words-wrapper > .is-visible{

    display:flex!important;

}







/*****************************************Portfolio General Page********************************/



/*.page-id-5669073 .breadcrumbs {

    margin-top: 0;

    padding: 25px 25px 5px 25px !important;

}



.page-id-5669073 .breadcrumbs > .page-container {

    margin-left: 0 !important;

    padding-left: 0 !important;

}*/

.heading-category{
    list-style: none;
    color: #000000!important;
    font-family: "Apercu Regular Pro";
    font-size: 36px!important;
    letter-spacing: 1px!important;
    line-height: 48px!important;
    background-color: transparent!important;
    margin-left: 33px;
    font-weight: 600;
}

.page-id-5669073 .vc_gitem_row .vc_gitem-col {

    padding: 0 8px;

}



.page-id-5669073 .wpb_single_image img {

    width: 100%;

}



/*.page-id-5669073 .vc_gitem-zone-mini {

    margin: 15px 8px 0 8px !important;

}*/



.portfolio {

    padding: 0 27px !important;

}



.grid-element-portfolio{

    width:100%;

    float:left;

	padding: 8px;

    /*margin-bottom:18px;

    margin-right:1%;*/

}

.facetwp-template{
    display: grid;
    grid-template-columns: 1fr 1fr;
    /*grid-gap: 15px;*/

}



.image-element-portfolio{

    margin-bottom:5px;

}



.image-element-portfolio img{

    width:100%!important;

}







/******************************************Portfolio Detailpage*********************************/



#pressrelease-toggle-5669070{

  font-family: "Apercu Bold Pro";

  font-size: 18px;

  letter-spacing: 1.29px;

  line-height: 24px;

  text-decoration: underline;

  font-weight: 600;

}.wpb_single_image .vc_figure,.wpb_single_image .vc_single_image-wrapper,img.vc_single_image-img.attachment-full {    width: 100%;}



.portfolio-comments, .portfolio-page.boxed.content-invert{

    display: none;

}



#filter {

    display: none;

    margin:15px 0px 0px 100px;

}



#row-filter {

    margin-bottom: 0;

    padding: 0 15px !important;

}



/*#filter-row-filter {

    margin-top: 10px;

}*/



.filtermenu {

    padding-top:20px;

}



.portfoliofilter {

    margin-top: 5px;
	margin-bottom: 15px;
    padding-left: 8px;
    padding-right: 8px;
	height: 68px;

}



.filterbutton{

    float:left;

}



.right-column, .left-column{

    float:left;
	margin-bottom: 20px;

}



.right-column{

    margin-left: 100px;
    margin-right: 100px;
}



/*.arrow-row{

    display: none;

}*/



span.filterlist.all_projects{

    /*margin-left: 43px!important;*/

    margin-top: 20px!important;

}



.sub {

    color: #000000;

  font-family: "Apercu Regular Pro";

  font-size: 18px;

  letter-spacing: 0.5px;

  line-height: 20px;

  margin-top:-5px;

  margin-left:5px;

}



.description-col-portfolio {

    margin-top: 10px !important;

    width: 100% !important;

}



.custom-row-portfolio-am-werken{

    margin-bottom:70px;

}



.details-show{

    display:flex;

    flex-direction:column;

}



.ordertop{order:1;}

.ordermiddle{order:2;}

.sh-content{order:3;}

.sh-link{order:4;}



.wpb_video_widget.vc_video-aspect-ratio-34 .wpb_video_wrapper {

    padding-top: 112% !important;

}

.images-two rs-module-wrap, .two-columns rs-module-wrap,
.images-two rs-module, .two-columns rs-module {
    height: 830px !important;
}

.images-two rs-module-wrap iframe, .two-columns rs-module-wrap iframe {
    height: 100% !important;
    top: 0 !important;
}


div#player {
    max-width: 100% !important;
	margin: 3px !important;
}




/*Best of Button*/



span.best-of-button,span.lab-button {

    display: none;



}

span.best-of-button{

    float: right!important;

    border: 2px solid #D4AF37!important;

    border-radius: 50%;

    padding: 12px;

}



span.best-of-button > a{

    color:#D4AF37!important;

    font-family: "Apercu Regular Pro";

    font-size: 18px;

    letter-spacing: 0.5px;

}



span.lab-button{

    float: right;

    margin-right: 25px;

    margin-top: 5px;

}

/*****************************Making Off**************************/
.slideContent, .splide__slide{width: 577px!important;
    height: 462px;}

    .splide__slide{margin-right: 12px!important;}

 .slideContent img{width: 577px;}


 .splide__arrow.splide__arrow--next:after{content:url("/wp-content/uploads/2021/02/icon_arrow_right.svg");    width: 30px;
    height: 30px;
    position: absolute;}
.splide__arrow.splide__arrow--prev:after{content:url("/wp-content/uploads/2021/02/icon_arrow_left.svg");    width: 30px;
    height: 30px;
    position: absolute;}

.splide__arrow.splide__arrow--next svg, .splide__arrow.splide__arrow--prev svg{display: none;}

.splide__arrow{background:none!important; top:-9%!important;opacity: 1!important;}
.splide__arrow:hover{opacity: .7!important;}

.splide__arrow--prev{left: auto!important;
    right: 5em!important;}

/*.splide__arrow.splide__arrow--prev, .splide__arrow.splide__arrow--next{margin-top: -12%;}*/

/*.splide__list{transform: translateX(0px)!important;}*/








/****************************Portfolio Grid**************************/







/***Footer***/



footer {

    border-top:1px solid #000;

}



.page-container.full {

    padding: 0;

}



footer .widgets {

    padding: 15px 14px 12px !important;

}

footer .vc_col-md-6 {

	padding: 8px;
}

footer #nav_menu-2 {

    float: left;

    max-width: 100% !important;

}

#menu-footer-menu {

    width: 200%;

}

#menu-footer-menu > li.mega-menu-item {

    display: block;

    float: left;

    padding: 6px 20px 6px 0 !important;

    margin: 0;

}

#menu-footer-menu > li.mega-menu-item.newsletter-footer{

    border: 1px solid;

    border-color:#000 !important;

        padding: 12px 18px !important;

        border-radius: 8px;

    margin-top:-6px;

}

.newsletter-footer a span {margin-left:8px;}


/*.widget_nav_menu > ul > li:first-child {

    padding-top:6px!important;

}*/





/******************* Startseite ********************/



.bg-darkgrey {

    background-color:#000;

    height:457px!important;

    padding-left:30px;

    padding-right:30px;

    padding-top:100px;

}



.bg-lila-content-top {

    background-color:#93A1FF;

    /*padding-left:30px!important;

    padding-right:30px!important;

    padding-top:50px;*/

	padding: 110px 0 20px;

}



.bg-lila-content-bottom {

    background-color:#93A1FF;

    padding-left:30px!important;

    padding-right:30px!important;

    padding-bottom:90px;

}



.bg-lila-content {

    background-color:#93A1FF;

    padding-left:30px!important;

    padding-right:30px!important;

    padding-top:20px;

    padding-bottom:10px;

}



.custom-row-lila .vc_col-sm-12 {

    padding:8px;


}

/*.portfolio-overview > .wpb_column{
    margin-bottom: -80px!important;
}*/



.home .images-two .vc_single_image-wrapper {
    padding-bottom: 0 !important;
}

.home .images-two .project-description {
    margin-bottom: 20px;
    padding-top: 0 !important;
}


.home .vc_btn3-container.general-button {
    margin-top: 50px;
}





/************* Sag Hallo ************/



.hallo {

    margin-bottom: 0;

    padding: 200px;

}



.hallo > div > div {

    display: flex;

    justify-content: center;

}



.bg-yellow {

    background-color:#FFF293;

    /*height:457px;*/

    display:flex!important;

    justify-content:center!important;

    align-items:center!important;

    border-top:1px solid #000;

}



.bg-pink {

    background-color:#FF9393;

    /*height:457px;

    padding-top:50px;*/

    display:flex!important;

    justify-content:center!important;

    align-items:center!important;

    border-top:1px solid #000;

    border-bottom:1px solid #000;

}

.bg-pink.gap-bottom-0 {
    border-bottom: 0;
}

.bg-pink-bottom {

    background-color:#FF9393;

    height:457px;

    display:flex!important;

    justify-content:center!important;

    align-items:center!important;

    border-top:1px solid #000;

    border-bottom:1px solid #000;

    padding-top:50px;

}



.bg-green {

    background-color:#99EB9F;

    height:457px;

    /*margin-bottom:-82px;*/

    display:flex!important;

    justify-content:center!important;

    align-items:center!important;

    border-top:1px solid #000;

    border-bottom:1px solid #000;

    /*padding-top:50px;*/

}

.bg-space-bottom {

    margin-bottom: 50px;
}

.bg-overlay .vc_col-sm-12 {
	padding: 8px;
}

.bg-overlay-image {

    height:779px;

    /*margin-bottom:50px;*/

    display:flex!important;

    justify-content:center!important;

    align-items:center!important;

    padding-top:50px;

    background-blend-mode: overlay;

	background-size: 100% !important;

}









/***************************************************************************/

/****************************** MEDIA QUERIES ******************************/

/***************************************************************************/


/*Social Media Position
@media only screen and (min-width:1600px) and (max-width: 1919px){ .social-icon{
		margin: 200px 20px 0 !important;
	}}
@media only screen and (min-width:1200px)and (max-width: 1599px){ .social-icon{
		margin: 200px 20px 0 !important;
	}}*/

    @media only screen and (min-width:1500px) and (max-width: 2048px){
.socialbar.small.outline{
position: fixed;
    left: 82%;
    bottom: 2%;
    /* margin-top: 14%; */
    width: 100%;}
    }


     @media only screen and (min-width:1024px) and (max-width: 1499px){
.socialbar.small.outline{
position: fixed;
    left: 78%;
    bottom: 2%;
    /* margin-top: 14%; */
    width: 100%;}
    }



/*Tablet groß*/



@media only screen and (min-width:1024px) and (max-width:1366px) {




	/*Social Media
	.social-icon{
		margin: 200px 20px 0 !important;
	}*/





    /*****************Fonts***********/


.custom-title-link-section, .custom-title-lila-link-section {
	font-size: 28px;
	line-height: 30px;
}

.text-teaser.leistung, .text-teaser-white.leistung{font-size: 50px!important;line-height: 44px;}

.custom-paragraph-post-element-center.leistung p, .general-button-white > .vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-grey{font-size: 18px!important;}

.custom-paragraph-post-element-white > div > p{font-size: 18px!important;}

.custom-link-center.inspo > .vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-grey{font-size: 18px!important;}

.custom-title-gap, .custom-title-gap-line{font-size: 28px!important;}

.two-colum-desc{display:flex;}

a.two-colum-desc .custom-description{
	margin-top: -19px!important;
}

     .custom-subtitle-portfolio{

    font-size:16px;

    line-height: 16px;

   }



   .custom-title-portfolio, .custom-title{

    font-size: 28px;

    line-height: 30px;

   }



   .custom-project-title,.custom-paragraph-detailpage, .number > .title{

    font-size:18px!important;

    line-height: 21px;

   }

.page-id-5669250 p.custom-paragraph-post-element{padding-left:0px;}



   .zitat > blockquote{

    font-size:28px;

    line-height: 30px;

   }



   .zitaticon{

    font-size: 100px;

    color: #000;

    margin-top: 60px;

    float: right;

   }

   .custom-project-title{
   	/*margin-bottom: 3px;*/
   	margin-right: 3px;
   }

	.custom-description {
		margin-top: -3px;
		margin-left: 0;
}


   .number > .counter-box-count > .count{

    font-size:50px;

    line-height: 44px;

   }

   .text-teaser,.text-teaser-underline, .span.cd-words-wrapper, .text-teaser.contact, .text-teaser.pain{

       font-size:50px;
       line-height: 44px;

   }



   .text-teaser {line-height:50px;}

   span.cd-words-wrapper{font-size: 50px;margin-top:-12px;}

   /*.splide__arrow.splide__arrow--prev, .splide__arrow.splide__arrow--next{margin-top: -26%;}*/


/*** Rows and Columns ***/

.custom-row.one-column.gap-120 .custom-paragraph-post-element-white > div > p {
	padding-left:7%;
	padding-right:7%;
}

.custom-row-lila div div.vc_column-inner{
    background-color: #93A1FF;
}


   /********Footer*********/

.vc_col-md-6.widgets-column{
    width:44%;
}



.text-teaser.sliding-fixtext{padding-right:0;}


.vc_row.wpb_row.vc_inner.vc_row-fluid .contact-block {
    border: 1px solid;
    padding: 29px!important;
    border-radius: 26px;
    /* margin-right: 15px; */
    margin-bottom: 15px;
    box-shadow: inset 0 -10px 124px -10px #fff;
    float: left;
    max-width: 32.3%;
}

.phone-center{display: flex;
    flex-direction: column;
    align-items: center;}

.bg-green .text-teaser-underline{border-bottom: 4px solid currentColor;}

.text-teaser.pain{font-size: 50px!important; line-height: 65px!important;}
.img1, .img2, .img3, .img4{width: 15%!important;}
.img5{width: 24%!important;}



}



/*Tablet klein*/


@media only screen and (min-width:769px) and (max-width:1023px) {



.page-id-5669073 .breadcrumbs {
    padding: 8px 25px 0 25px !important;
}
	
.custom-description {margin-top: -3px;}

	.socialbar.small.outline {
    position: fixed;
    right: -36%;
    bottom: 2%;
     margin-top: 14%; 
    width: 50%;
    z-index: 999;
}

.fullscreen-navigation.open {
    opacity: 1;
    visibility: visible;
}

.fullscreen-navigation {
    background: rgba(255, 255, 255, 0.61);
}
	

/**********************Fonts**************/

.custom-title-link-section, .custom-title-lila-link-section {
	font-size: 24px;
	line-height: 28px;
}

.fullscreen-navigation{display:inline-block!important;}

.custom-paragraph-post-element-center.leistung p{font-size: 16px!important;}

.custom-paragraph-post-element-white > div > p, .general-button-white > .vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-grey{font-size: 16px!important;}

	.custom-subtitle, .custom-subtitle-center, .custom-subtitle-center-white
	 {
		font-size: 14px;
	}

	




	.custom-title-gap, .custom-title-gap-line{font-size: 24px!important;}
    .custom-subtitle-portfolio, .custom-subtitle-center, .zitat > .subtitle {

    font-size:14px;

    line-height: 16px;

   }



   .custom-title-portfolio, .custom-title{

    font-size: 24px;

    line-height: 28px;

   }



   .custom-paragraph-detailpage, .number > .title,
   .general-button > .vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-grey {

    font-size:16px!important;

    line-height: 21px;

   }

.page-id-5669250 p.custom-paragraph-post-element{padding-left:0px;}


   .zitat > blockquote{

    font-size:24px;

    line-height: 30px;

   }



   .zitaticon{

    font-size: 100px;

    color: #000;

    margin-top: 65px;

    float: right;

   }



   .number > .counter-box-count > .count{

    font-size:48px;

    line-height: 44px;

   }

.counter-box h3.title {
    margin-bottom: 0;
}


   .text-teaser,.text-teaser-underline {
       font-size:48px;
   }

   .text-teaser.contact{
       font-size: 36px!important;
   }
.text-teaser.pain{font-size: 27px!important; line-height: 38px!important;}
.img1, .img2, .img3, .img4{width: 12%!important;}
.img5{width: 24%!important;}

   .text-teaser.sliding-fixtext{padding-right:0;}

   .text-teaser {line-height:50px;}

   .text-teaser.home-text,.text-teaser, .custom-paragraph-post-element-white > div > p {
    padding-left: 8%;
    padding-right: 8%;
}

    span.cd-words-wrapper{font-size: 50px;margin-top:-12px;}



     /*******************Header*******************************/

     /*.gif-data img{
     	max-width: 80%!important;
     }*/


.logo-home{
	display: block;
	margin-top: -15px;
}


  .header-wrap{

    margin-top: 0px!important;

    border-bottom: 1px solid black!important;

  }

  .header-contact{
    display:block!important;
    margin-top: -14px!important;
}



  #contactbttn, .breadcrumbs{

        display:block;

        float:left;

   }

    .hamburger-menu{

        /*margin-top:-20px;*/

    }





   #att-static{

        display:none;

    }

	#dynamic {
   padding-left: 150px;
}



    #att-static-mobile-first, #att-static-mobile-second {

    display: block;

    font-size:24px;



}

 #att-static-mobile-first{

    margin-left: 152px;

    margin-top: 5px

 }



  #att-static-mobile-second{

      margin-left:5px;

      margin-top: 5px

  }



   .logo-left, .logo-right, .attribute{

    font-size: 36px;

    width: auto;

   }



   #logo-dynamic{

    width: 300px;

    left: 378px!important;

    left:auto!important;

    margin-left:10px;

   }



   .header-contact{

       display:none!important;

   }



   .headeranimation{

       /*margin-left:-11px;*/

   }

.portfoliofilter {
	margin-bottom: 0;
    padding-left: 23px;
    padding-right: 23px;
}

/*.splide__arrow.splide__arrow--prev, .splide__arrow.splide__arrow--next{margin-top: -34%;}*/




/*** Navigation **/

#masthead #site-navigation.main-nav.active {
    background: white;
    /*white:50%;*/
    margin-left: 50%;
    border-left: 1px solid black;
    position: fixed;
}
#secondary-menu {
    /*width: 100%;
    margin-top: 50%;*/
}
/*#masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item.social-icon{
    width: 6%!important;
    float:left!important;
    margin-top:40%!important;
}*/

.close img {
	float: right;
}
.close {
	/*width: 55%;
	margin-top: 20px;*/
}


#masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu, #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu
{
    position: relative !important;
}



   /*****************Container***********/

    .portfolio{

        padding:0px!important;

    }



    #row-filter{

        padding: 10px 0px 10px 0px!important;

    }



    .page-container{

        padding:0px!important;

    }



    .vc_row .vc_column_container > .vc_column-inner .vc_column-inner{

       padding-left:0px!important;

       padding-right:0px!important;

   }



   .custom-row{

        /*padding-left: 25px !important;

        padding-right: 25px !important;*/

   }

    .hallo {
    padding: 100px;
}

  .gap-120 {
    margin-top: 60px;
    margin-bottom: 80px;
}

.custom-row.one-column.gap-120 .custom-paragraph-post-element-white > div > p {
    padding-left:7%;
    padding-right:7%;
}



    /****************Projekte Page*******************/

    .right-column{

        margin-left:0px;

    }

    .filterlist{

        font-size:24px!important;

    }

    .custom-project-title{

        font-size:16px!important;

    }



    .custom-description{

        font-size:14px;

        margin-left:6px;

    }



    span.filterlist.all_projects{

        margin-left:10px;

    }

    .facetwp-template{
    display: grid;
    grid-template-columns: 1fr 1fr;
    /*grid-gap: 25px;*/

}

.page-id-5669250 p.custom-paragraph-post-element{
    padding-right: 0px!important;

}

.vc_custom_heading.text-teaser.contact .text-teaser.contact, .text-teaser.pain{    
	font-size: 36px;
    line-height: 30px;
}

.phone-center{display: flex;
    flex-direction: column;
    align-items: center;}

.bg-green .text-teaser-underline{border-bottom: 4px solid currentColor;}








/*******************Footer*******************************/

.widgets{

    display: flex;

    flex-direction: column-reverse;

   justify-content: center;

    align-items: center;

   }






}







/*Handy*/



@media only screen and (min-width:280px) and (max-width:768px) {


	
/*******************Header*******************************/

    .site-content {
    padding-top: 73px;
}

   .header-wrap {

    margin-top: 20px;
    padding: 0 12px !important;

   }

   .breadcrumbs{

        display:block;

        float:left;

        padding: 18px 0 0 !important;

    }

    .page-id-5669073 .breadcrumbs{

         padding: 0 !important;

    }

/*#logo-dynamic-home {
    margin-left: 0;
    margin-right: 0;
}*/

   .logo-left, .logo-right, .attribute-mobile{

    font-size: 24px;

   }



   .logo-right{

    background:transparent;

   }



   #att-static-mobile-first, #att-static-mobile-second{

    display: block;

    width:160px;

   }


   #att-static-mobile-first{

    margin-left: 107px;
    margin-top: -3px;

   }

   #logo-static{
    margin-bottom:25px!important;
   }



  #att-static-mobile-second{

    left: 1px!important;

    width: auto;

    margin-top: 15px;

   }



  #logo-dynamic{

    width: 200px;

    margin-top: 19px;

    float: left;

    left: 115px!important;

   }



    .staticpartleft, .staticpartright, .staticpart {

        display:none !important;

    }

.dynamicpart .logo-right {display:none !important;}
.mobil{display:block !important;}


.logo-home, .logo-subpages{
    display: block!important;
    font-size: 24px!important;
    margin-top: -5px;
}

.logo-subpages{margin-top:11px!important;}

.mobil{ width:300px; }


#dynamic{
    padding-left: 0%!important;
}

.socialbar.small.outline{display: none;}

.main-nav.hidden.slide-right.active	.socialbar.small.outline {
    position: fixed;
    display: block;
    left: 72%;
    bottom: 2%;
    margin-top: 14%;
    width: 100%;
    z-index: 999;
}


    /*.logo-home{

        font-size:24px!important;

        margin-top: 10px!important;

        /*margin-left: -116px!important;

    }*/



   #contactbttn, #att-static{

    display:none;

   }



   .norebro_portfolio-template-default .page-container{

    margin-top: 100px;

   }



   .header-wrap{

    border-bottom: 1px solid black!important;

   }


    .postid-5669070 .logo-right {

        margin-left: 90px!important;

    }

    .text-teaser.sliding-fixtext{padding-right:0;padding-left:0;}




/*******************************Navigation**************************/



/*Dominik Menu Anpassung*/

.mega-menu-item > a.menu-link > span{
    font-size: 24px;
    letter-spacing: 0.75px!important;
    line-height: 19.2px!important;
    font-family: "Apercu Regular Pro", sans-serif;
    padding-left: 15px;
}

#menu-footer-menu .mega-menu-item > a.menu-link > span{
    padding-left: 0px;
}

.newsletter-footer a{
    height: 18px;
}

.newsletter-footer{
    margin-bottom: 20px;
}


#masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item > a.menu-link, #masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item a.menu-link.open, #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item > a.menu-link, #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item a.menu-link.open
{
    padding: 0px;
    margin-top: 15px;
}

#mega-menu-wrap {
    background: rgba(255, 255, 255, 0.9);
    width: 100%;
    height: 100%;
    float: right;
    border-left: 1px solid #000;
}

#masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu {
    margin-top:50%;
}
	
#masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    position: relative;
}

#masthead #site-navigation.main-nav #mega-menu-wrap #primary-menu .mega-menu-item, #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item
{
    width: 100% !important;
}

/* #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu .mega-menu-item.social-icon{
    width: 6%!important;
    float:left!important;
    margin-top: 145%!important;
	float: right !important;
    position: relative;
}*/

/*Dominik Menu Anpassung Ende*/

	
.custom-paragraph-post-element-center.leistung p, .custom-link-center > .vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-grey{font-size: 16px!important;}

.custom-paragraph-post-element-white > div > p, .general-button-white > .vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-grey{font-size: 16px!important;}

    .custom-subtitle, .custom-subtitle-center, .custom-subtitle-center-white
     {
        font-size: 14px;
    }

.custom-title-link-section, .custom-title-lila-link-section{font-size: 24px;line-height: 22px;}

.text-teaser.leistung, .text-teaser-white.leistung{font-size: 36px;line-height: 44px;}


    .custom-title-gap, .custom-title-gap-line{font-size: 24px!important;float: left;}
    .custom-subtitle-portfolio, .custom-subtitle-center, .zitat > .subtitle {

    font-size:14px;

    line-height: 16px;

   }

   .link-section-arrow, .link-section-arrow-top{min-height: 150px!important;
    padding-top: 10%;
    padding-bottom: 10%;}




#masthead #site-navigation.main-nav{

        background: rgba(255,255,255,0.97)!important;

        border-left:2px solid black;

    }



    #mega-menu-primary{

        background:#fff!important;

        margin-top:22%!important;

        width: 65% !important;

    }

  #mega-menu-wrap-primary{
    display: flex;
    margin-top: 30%;
   }


  .social-icon {
    /*left:0;
    margin-top:5%!important;
    width:auto!important;
    float:right!important;
    display: inline-block;*/
}

/*.social-icon .fab {
    font-size: 25px;
}*/

.instagram{
    /*margin-left:2%!important;*/
	margin-right: 50px !important;
}



    .mega-menu-link{

        color:#000!important;

    }



   #masthead #site-navigation.main-nav.active {
    border-left: none;
    background: rgba(255, 255, 255, 0.61) !important;
	z-index: 5;
}

#masthead #site-navigation.main-nav .close {
    z-index: 12;
    position: absolute;
    width: 100%;
}
	
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{

        font-size: 24px!important;

        letter-spacing: 0.75px!important;

        line-height: 19.2px!important;

        font-family: "Apercu Regular Pro", sans-serif;

    }



    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link{

        background:transparent;

    }
	
	/*.menu-other {
    display: block!important;
    z-index: 10;
    position: relative !important;
    bottom: 0 !important;
    float: right !important;
}*/



    #mega-menu-item-5669706{

        margin-top:10%!important;

    }



    #mega-menu-item-5669706, #mega-menu-item-5669695, #mega-menu-item-5669707, #mega-menu-item-5669708{

        margin-left:40%!important;

    }


    #mega-menu-item-5669707
    {
        margin-left:0px !important;
    }





/***************************Fonts*******************************/



   .custom-subtitle,.custom-subtitle-portfolio, .custom-subtitle-center, .zitat > .subtitle, .custom-subtitle{

    font-size:14px;

    line-height: 16px;

   }

	.custom-description{
    font-size:14px;
    margin-top: 0;
    margin-left: 6px;}
	
	.custom-project-title {font-size:15px;}

   .custom-title-portfolio, .custom-title{

    font-size: 24px;

    line-height: 30px;

   }



   .custom-paragraph-detailpage, .number > .title,
   .general-button > .vc_btn3-shape-rounded.vc_btn3-style-modern.vc_btn3-color-grey {

    font-size:16px!important;

    line-height: 21px;

   }



   .zitat > blockquote{

    font-size:24px;

    line-height: 30px;

   }



   .zitaticon{

    font-size: 100px;

    color: #000;

    margin-top: -35px;

    float: left;

   }



   .number > .counter-box-count > .count{

    font-size:36px;

    line-height: 44px;

   }



     .text-teaser,.text-teaser-underline, span.cd-words-wrapper {

       font-size:36px;

       line-height:38px;

   }

   .zitat-center .subtitle{

   font-family: "Apercu Regular Pro", sans-serif;

    font-size:14px;

    line-height:0.5px;

    letter-spacing:2px;

    color:#000!important;

    font-weight:400;

    margin-bottom:5px!important;

    text-transform: uppercase;

    text-align: center;

}

.text-teaser.home-text,.text-teaser{padding-left:2%; padding-right:2%;}
.custom-paragraph-post-element-white > div > p {padding-left:0%; padding-right:0%;width: 300px!important;}




   .custom-project-title {margin-top: -1px !important;}
   /*.custom-description {margin-top: -3px!important;}*/

   a.two-colum-desc .custom-project-title{ margin-top:-25px!important; }
   a.two-colum-desc .custom-description{margin-top: -18px!important;}




/*****************************Rows******************************/

   .custom-row {
    padding-left: 5px !important;
    padding-right: 5px !important;
   }

   .home .custom-row {
    padding-left: 5px !important;
    padding-right: 5px !important;
   }

.home .project-description {
    margin-bottom: 0;
}

   .norebro_portfolio-template-default .page-container{

    margin-top:25px;

   }



.custom-row-portfolio-top > div > div > div > rs-fullwidth-wrap > rs-module-wrap{

    padding-left: 12px !important;

    padding-right: 12px !important;



}


/*.images-two .vc_single_image-wrapper, .images-two .wpb_text_column, .image-fullwidth .vc_col-sm-12, .grid-element-portfolio{
    padding-left: 0px!important;
    padding-right: 0px!important;
}*/

.portfolio-page-custom-content {
    margin: 0 !important;
}



.vc_row .vc_column_container > .vc_column-inner .vc_column-inner{

    padding-left: 0px !important;

    padding-right: 0px !important;

}

.custom-paragraph-post-element-white > div > p {
    width:auto;

}

.custom-row.one-column.gap-120 .custom-paragraph-post-element-white > div > p {
    padding-left:2%;
    padding-right:2%;
}


p.custom-paragraph-post-element, .right-column-team p, .left-column-team p {
    padding-right: 0px;
}


.custom-row-portfolio-counter {

    margin-top: 35px;

    margin-bottom: 35px;

}


.wpb_video_widget.vc_video-aspect-ratio-34 .wpb_video_wrapper {
    padding-top: 112% !important;
}
#logo-dynamic-home {
    margin-left: 0 !important;
}

.three-columns .custom-description{
    margin-top: -1px;
}
	

.arrow-row {

    display: none;

}


 .gap-120 {
    margin-top: 60px;
    margin-bottom: 80px;
}


.gap-top-180.vc_custom_1607953347061 {
    margin-bottom: 0 !important;
}

 .hallo {
    padding: 100px;
}

footer > .page-container{

    margin-top: 0px!important;

}

.text-teaser.pain{font-size: 36px!important; line-height: 55px!important;}
.img1, .img2, .img3, .img4{width: 15%!important;}
.img5{width: 24%!important;}

/*** Gruppe ***/

.sliding-fixtext {
    margin-right:0;
}

.cd-words-wrapper {
    width: 100% !important;
}

.entry-content .custom-row-portfolio-general-top,.entry-content .custom-row-portfolio-general{
    padding-left:10px!important;
    padding-right:10px!important;
}
.left-column-team{
    padding-right:0px;
    margin-bottom:50px;
}
.right-column-team{
    padding-left:0px!important;
}
.page-id-5669250 #att-static-mobile-first{
    margin-left:110px;
}
.page-id-5669250 #logo-dynamic{
    left:83px!important;
}
.postid-5669779 #logo-dynamic{ left:165px!important;}
/*.page-id-5669250 p.custom-paragraph-post-element{
    padding-right:0px;
}*/
/*.page-id-5669250 .custom-row-zitat .wpb_wrapper{
    display: flex;
    justify-content: center;
}*/


.page-id-5669013 .custom-row.hallo{
    margin-bottom: 0px!important;
}

.page-id-5669013 .images-two .general-button{
    margin-top: 40px;
}

.custom-row.one-column.custom-row-zitat.sliding .vc_column-inner, .cd-words-wrapper{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.icon-row .custom-paragraph-post-element-center{
    margin-bottom: 20px;
}


.icon-row .vc_col-sm-4 {margin-top: 30px;}

.page-id-5669250 .gap-bottom-180.images-three{
    margin-bottom: 90px!important;
}

.page-id-5669020 #logo-dynamic{
    left: 133px!important;
}
.postid-5670045 #logo-dynamic{left: 64px!important;}

/*.custom-row.bg-green {
    display: none!important;
}

.custom-row.bg-green.mobil {
    display: flex!important;
}*/


.page-id-5669020 .text-teaser-underline { line-height: 45px;  }

.page-id-5669073 .custom-row.portfolio-overview{ padding-left: 5px!important; padding-right: 5px!important; }



/*****************************Projektübersicht*********************************/

 .grid-element-portfolio{width:100%; }

span.filterlist.all_projects{
margin-left:10px;
text-decoration:underline;
}

.filterlist{ font-size:24px!important;}

.mobil_projects #filterportfolio .all_projects {
    /*padding-left: 55px;*/
}

.mobil_projects_after #filterportfolio .all_projects{

    /*padding-left: 3px;*/
}

.mobil_projects a #filterbuttontext{
    margin-right:0px!important;

}

.mobil_projects_after a #filterbuttontext{
    margin-right:-33px!important;

}

.close-menu {height: auto !important;}

.close {
    width: 68%;
    padding: 25px 10px 5px !important;
}
	
.close img {float:right;}


 .page-id-5669073 .custom-description{margin-top: -1px;}


.page-id-5669073 #att-static-mobile-first {
    margin-left: 110px;
}

.page-id-5669073 #logo-dynamic{
    width: 200px;
    margin-top: 19px!important;
    float: left;
    left: 98px!important;
}

.facetwp-template {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 0px;
}

.portfoliofilter{

    /*display: flex;

    flex-direction: row-reverse;

    justify-content: space-around;*/

    padding: 0 !important;

    margin: 0 !important;

    position: relative;

    height: 50px;

}

#filterportfolio{
    height: 100%;
    /*background: #fff;*/
    /*position: relative;*/
    z-index: 99;

}


.filterbutton img{
    max-width: fit-content!important;
}

#filter {
    background: #fff;
    height: 287.5vw;
    width: 100%;
    margin: 15px 0 0;
    /*border-bottom: 1px solid black;*/
}

.right-column{
    margin-left: 0px;
    margin-right: 0px;
}

.filtermenuportfolio li {
    margin-left: 0;
}

.heading-category {
    font-size: 24px!important;
}

.portfolio, .page-container{ padding:0px!important;}


#row-filter{ padding: 12px!important;}


    .filtermenu{
    margin: 0;
    left: 0;
    padding-top: 0;
    /*position: absolute !important;*/
}

    span.filterlist.all_projects {
    margin-left: 0;
}

.portfoliofilter a.icon {
    width: 75px;
    right: 0;
    position: absolute;
}

.portfoliofilter.mobil_projects a.icon {
    width: 47px;
}

.general-button.filterbutton {
    padding: 8px 12px!important;
    margin-top: 0!important;
	float: right !important;
    margin-right: 0 !important;
}

   /*.filterbutton{ margin-right:-37px;}*/

 .all_projects .mobil_projects{
    margin-left:63px!important;
  }

  .phone-center{display: flex;
    flex-direction: column;
    align-items: center;}

.bg-green .text-teaser-underline{border-bottom: 4px solid currentColor;}





/*****************************Projektdetailpage******************************/

.norebro_portfolio-template-default .breadcrumbs {
	padding: 0 15px !important;
	float: none;
}
	

.arrow-row-top {

    display: none;

    margin-top: -13px;

    margin-bottom: 0px;

}
	
.arrow-row-top figure a {

    padding-left: 12px;

}

.image-arrow-back > figure > a >.img.vc_single_image-img.attachment-full{width:45%;}

.norebro_portfolio-template-default .bottom-offset {margin-top: 0;}
	
.custom-row-portfolio.images-row img{display: none;}

.custom-row.one-column{
    margin-top: 50px;
    margin-bottom: 50px;
}







/*****************************Footer******************************/


footer .widgets {
    padding: 15px 12px 12px !important;
}

   .widget{
    padding: 8px 0!important;
   }

   .widgets, #menu-footer-menu{

    display: flex;

    flex-direction: column-reverse;

    justify-content: left;

    align-items: start;

   }


   .site-footer .widgets .widgets-column{
    margin-top: 10px!important;
   }



    #nav-menu-item-5669023-5fc0b1501c71d{order:5;}

    #nav-menu-item-5669024-5fc0b1501c7ac{order:4;}

    #nav-menu-item-5669025-5fc0b1501c82e{order:3;}

    #nav-menu-item-5669026-5fc0b1501c8a8{order:2;}

    #nav-menu-item-5669027-5fc0b1501c920{order:6;}



    #menu-footer-menu > li.mega-menu-item{

        width:180px;

    }

    #menu-footer-menu > li.newsletter-footer{
        width: 140px!important;
        display: flex;
        justify-content: center;
    }

    .scroll-top {
    bottom: 36px;
    right: 20px;
}

.custom-row-zitat{
    margin-top: 50px;
    margin-bottom: 50px;

}

.bg-overlay-image {

    height:500px;

    /*margin-bottom:50px;*/

    display:flex!important;

    justify-content:center!important;

    align-items:center!important;

    padding-top:20px;

    background-blend-mode: overlay;

    background-size: 100% !important;

}

.custom-row.bg-green{display: none!important;}

.phone-center{display: block;}

.phone-center .text-teaser-underline{line-height: 60px;}

}

@media only screen and (max-width:1023px) {
.vc_row.wpb_row.vc_inner.vc_row-fluid .contact-block {
    border: 1px solid;
    padding: 29px!important;
    border-radius: 26px;
    /* margin-right: 15px; */
    margin-bottom: 15px;
    box-shadow: inset 0 -10px 124px -10px #fff;
    float: left;
    max-width: 48%;
    margin-left: 10px;
    margin-right: 1px;
}

.custom-row.bg-green{display: flex!important;}

.contact-block.wpb_column.vc_column_container.vc_col-sm-4{width: 48%;}

.text-teaser.contact, .text-teaser.pain{font-size: 36px;line-height: 44px;}

.page-id-5670495 .bg-green.mobil-contact{display: none!important;}
}


@media only screen and (min-width:320px) and (max-width:667px) {
.logo-home, .logo-subpages{
    display: block!important;
    font-size: 24px!important;
    margin-top: 42px;
}

.main-nav.hidden.slide-right.active .socialbar.small.outline {
    position: fixed;
    display: block;
    left: 53%;
    bottom: 2%;
    margin-top: 14%;
    width: 100%;
    z-index: 999;
}

.vc_row.wpb_row.vc_inner.vc_row-fluid .contact-block{
	max-width: 95%;
	/* float: none; */
	/* margin-left:8px;margin-right:8px; */
}

.side-gap{margin-left:0px;margin-right:0px;}

.text-teaser.contact, .text-teaser.pain{font-size: 36px;line-height: 44px;margin-bottom: 0px;}

.socialbar.small.outline a span{font-size: 24px!important;}

.text-teaser.pain{font-size: 27px!important; line-height: 38px!important;}
.img1, .img2, .img3, .img4{width: 12%!important;}
.img5{width: 24%!important;}


}




/*Abfrage ob Safari - Anpassung Auto Text im Logo */

@media not all and (min-resolution:.001dpcm) {
    @media {
    #att-static
    {
        margin-top: 4px;
		top: 1px;
    }
		ul li, ol li {	
			list-style-position: inside;
		}
    }
}


@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
    @media {
    #att-static
    {
        margin-top: 4px;
		top: 1px;
    }
		ul li, ol li {	
			list-style-position: inside;
		}
    }
}

@keyframes smiley-rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.mail-content-hidden {
    display: none;
}
.nav-footer {
    margin: 0;
    list-style-type: none;
    position: fixed;
    right: 40px;
    bottom: 100px;
    z-index: 1;
}
.nav-footer.rotate {
    animation-name: smiley-rotate;
    animation-duration: 800ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.nav-footer .mega-menu-item.nav-item {
    margin: 0;
    padding: 0 !important;
    line-height: 1;
}
.nav-footer a {
    display: block;
    width: 160px;
    height: 160px;
    text-indent: -10000px;
    background: url(images/GAP-smiley.svg) no-repeat;
}
.scroll-top {
    transform: translateX(-70px);
}
@media only screen and (min-width: 280px) and (max-width: 768px) {
    .nav-footer {
        right: 12px;
        bottom: 20px;
    }
	.nav-footer a {
    width: 90px;
    height: 90px;
    
}
}
@media screen and (min-width: 769px) {
    .nav-footer {
        right: 24px;
        bottom: 34px;
    }	
}
.project-arrow {
	max-width:33px; 
}

.grecaptcha-badge { 
	visibility: hidden; 
}

.percent .count::after {
    content: " %";
}

#page-preloader {
    display: none;
}

@media screen and (max-width: 412px) {

    #masthead.header-fixed.showed{
        display: flex!important;
        transition-duration: none!important;
    }

    .right #site-navigation.active #mega-menu-wrap{
        position: fixed!important;
        height: 100vh;
    }

    #masthead #site-navigation.main-nav #mega-menu-wrap #secondary-menu{
        height: 1000vh;
    }

    .header-fixed.showed .main-nav.hidden.slide-right.active .socialbar.small.outline{
        bottom:-750px!important;
    }

}

#site-navigation .main-menu-link span:focus-visible, #site-navigation .mega-menu-item:focus-visible {
    /* outline: -webkit-focus-ring-color auto 1px; */
    outline: none;
}

#site-navigation .menu-link.main-menu-link.item-title:active{
    background-color: white!important;
}

#site-navigation .mega-menu-item.nav-item.menu-item-depth-0:active{
    background-color: white!important;
}

@media screen and (max-width: 768px){
    body:has(#site-navigation.active) {
        height: 100vh;
        overflow: hidden;
    }

    #masthead #site-navigation.main-nav.active{
        overflow: hidden;
    }
};