/*
Theme Name: Pro Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: pro
*/

@font-face {
    font-family: "ClanWebPro-thin";
    src: url("fonts/ClanWebPro-thin.eot?#iefix");
    src: url("fonts/ClanWebPro-thin.eot?#iefix") format("eot"),
    url("fonts/ClanWebPro-thin.woff") format("woff"),
    url("fonts/ClanWebPro-thin.ttf") format("truetype");
}

@font-face {
    font-family: "ClanWebPro-Bold";
    src: url("fonts/ClanWebPro-Bold.eot?#iefix");
    src: url("fonts/ClanWebPro-Bold.eot?#iefix") format("eot"),
    url("fonts/ClanWebPro-Bold.woff") format("woff");
}

@font-face {
    font-family: "ClanWebPro-News";
    src: url("fonts/ClanWebPro-News.eot?#iefix");
    src: url("fonts/ClanWebPro-News.eot?#iefix") format("eot"),
    url("fonts/ClanWebPro-News.woff") format("woff");
}

@font-face {
    font-family: "ClanWebPro-Book";
    src: url("fonts/ClanWebPro-Book.eot?#iefix");
    src: url("fonts/ClanWebPro-Book.eot?#iefix") format("eot"),
    url("fonts/ClanWebPro-Book.woff") format("woff");
}

body,
a,
p,
span {
    font-family: "ClanWebPro-thin"!important;
}

strong {
    font-family: "ClanWebPro-Bold"!important;
    font-weight: normal!important;
}

#x-root,
body {
    overflow: hidden;
    position: relative;
}

.x-text {font-family: "ClanWebPro-Book", sans-serif !important; font-size: 15px !important; line-height:1.4em;}


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

header.masthead.masthead-inline {
    position: absolute;
	margin-top:30px;
    width: 100%;
}




/**************** headings ***********************/

#page-title h1 {
    font-size: 4vw;
}

#title-portfolio h1 {
    font-size: 4.5vw;
}

#title-portfolio h4 {
    font-size: 2.5vw;
    font-family: "ClanWebPro-Book";
}
/*
.single-x-portfolio h2.x-text-content-text-primary {
    font-size: 4.5vw!important;

}*/


#menu-menu.x-menu>li>.x-anchor .x-anchor-text-primary,
#menu-primary.x-menu>li>.x-anchor .x-anchor-text-primary {
    /*  font-family: "ClanWebPro-News"!important; */
    color: #ffffff;
    line-height: 1.1em;
    font-size: 8vw;
}

.folio-title,
h2 {
    font-size: 4vw;
    font-weight: normal!important;
    letter-spacing: 0!important;
}

.folio-title {
    line-height: 1.3;
    font-family: ClanWebPro-Bold!important;
    text-transform: uppercase;
}

.folio-subtitle {
    font-family: ClanWebPro-Bold!important;
    font-size: 1vw;
    line-height: 1.2em;
    margin-bottom: 2%;
    display: block;
}

h1, h2, h3 {
  font-family: "ClanWebPro-thin" !important;
}

h4 {
  font-family: "ClanWebPro-book" !important;
}

strong {
    font-family: "ClanWebPro-bold" !important;
}

/* Headlines Maximum Screensize */
@media only screen and (min-width: 1600px) {
h1 {font-size: 100px !important; line-height: 1.2em !important;}
h2 {font-size: 35px !important; letter-spacing: 0.03em !important; line-height: 1.3em !important;}
h3 {font-size: 60px !important; line-height: 1.2em !important;}
h4 {font-size: 35px !important; letter-spacing: 0.03em !important; line-height: 1.3em !important;}
}

/* Medium Screen Sizes */
@media only screen and (max-width: 1599px) and (min-width: 481px) {
h1 {font-size: 7vw !important; line-height: 1.1em !important;}
h2 {font-size: 3.5vw !important; line-height: 1.3em !important;}
h3 {font-size: 5vw !important; line-height: 1.2em !important;}
h4 {font-size: 3.5vw !important; line-height: 1.3em !important;}
}

/* Headlines Superslim und Handys*/
@media only screen and (max-width: 480px) {
h1 {font-size: 42px !important; line-height: 1.1em !important;}
h2 {font-size: 1.5em !important; line-height: 1.3em !important;}
h3 {font-size: 32px !important; line-height: 1.2em !important;}
h4 {font-size: 1.5em !important; line-height: 1.3em !important;}
}




/******************* video banner ****************/

#video-banner {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
	margin: auto;
}

#slogan {
    margin-top: 100vh;
}






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

#menu-primary.x-menu>li>.x-anchor .x-anchor-text-primary:hover {
    color: rgba(255, 255, 255, 0.78);
}

.row-folio .x-text a,
.row-folio .x-text a:hover * {
    color: #fff!important;
}

.folio-hover {
    margin-bottom: 15px;
    max-width: 580px;
    display: block;
}

.x-bar-container.menu-box a {
    position: fixed;
    top: 25px;
    right: 8%;
    background-color: transparent!important;
    box-shadow: none!important;
    font-size: 1.5em;
}

.hm7 .x-toggle-burger {
    font-size: 0.2em;
    width: 11em!important;
}

.x-toggle {
    color: #fff!important;
}

.x-toggle>span {
    height: 4px!important;
    border-radius: 1px!important;
}

.hm7 .x-toggle-burger-bun-t {
    transform: translate3d(0, -3.6em, 0)!important;
}

.hm7 .x-toggle-burger-bun-b {
    transform: translate3d(0, 3.6em, 0)!important;
}

.x-off-canvas.x-active .x-off-canvas-close.x-off-canvas-close-right {
    width: 1600px;
    margin: auto;
    right: auto;
    text-align: right;
    position: relative;
}

.entry-title.entry-title-portfolio a {
    font-family: "ClanWebPro-News"!important;
    text-transform: uppercase;
}

.text-on-portfolio,
h2.entry-title.entry-title-portfolio {
    padding: 0;
}





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

.wpml-ls-sidebars-header-2.wpml-ls.wpml-ls-legacy-list-horizontal {
    border: none;
    box-shadow: none;
}

.widget .wpml-ls-sidebars-header-2.wpml-ls.wpml-ls-legacy-list-horizontal ul {
    border: none;
    box-shadow: none;
}

.widget .wpml-ls-sidebars-header-2.wpml-ls.wpml-ls-legacy-list-horizontal ul li,
.widget .wpml-ls-sidebars-header-2.wpml-ls.wpml-ls-legacy-list-horizontal ul li a {
    border-bottom: none;
}

.widget .wpml-ls-sidebars-header-2.wpml-ls.wpml-ls-legacy-list-horizontal ul li:hover {
    background-color: transparent;
}

.widget .wpml-ls-sidebars-header-2.wpml-ls.wpml-ls-legacy-list-horizontal ul li:hover a {
    color: #57d572;
}

.widget {
    text-shadow: none;
}


.wpml-ls-legacy-list-horizontal a {
    font-size: 1.2em;
}



/*********/

header .wpml-ls-legacy-list-horizontal {
  margin: -82px 0 0;
  width: 100px;
    position: relative;
    z-index: 9997;
   left: 8.5%;
}


.x-brand {
    margin: 40px auto;
    width: 500px;
}

.x-btn-widgetbar {
    top: 45px!important;
    right: 9%;
    border: none;
    z-index: 9999;
}

.x-navbar-wrap {
    /*   position: relative; */
    z-index: 1;
}

.x-icon-plus-circle:before {

    font-size: 30px;
    color: rgba(255, 255, 255, 0.8);
}

.x-icon-plus-circle {
    transform: rotate(-45deg);
	margin-top: 30px;
}


.x-icon-plus-circle[data-x-icon-s]:before {
    font-family: "ClanWebPro-thin";
    content: '+';
    font-size: 60px;
}

.x-btn-widgetbar i {

    top: -30px;
}

.collapsed .x-icon-plus-circle {
    transform: rotate(0deg);
    top: -15px;
}


.collapsed .x-icon-plus-circle:before {
    font-family: "FontAwesome";
    color: rgb(255, 255, 255);
    content: '\f0c9';
    font-size: 30px;
}

.x-off-canvas-close span {
    font-size: 3em;
    color: rgba(255, 255, 255, 1);
}

/* Hauptmenü von rechts?*/
.x-off-canvas .x-off-canvas-content {
    max-width: 100%!important;
    background-color: #57d572;
	/*background-color: rgba(87,213,114,0.5) !important;*/
}

.f-s-2vw a {
    font-family: "ClanWebPro-News"!important;
    font-size: 2vw;
}

.fm1.x-bar {
    font-size: 12px!important;
}

#slogan.green-section .x-text {
    font-size: 2vw;
}






/************** portfolio *******************/

body {
    background-color: #000000;
}

.h-landmark,
.x-nav-wrap.desktop {
    display: none;
}

/* Hauptmenü von rechts?*/
.x-widgetbar {
    /*background-color: #57d572 !important;*/
	/* background-color: rgb(118,183,42) !important; */
    background-color: rgba(0, 0, 0, .86) !important;
    height: 100vh;
    padding: calc(1.5em * 2);
    width: 100%;
    transition: all .2s ease-in;
    left: auto;
    right: -100%;
	z-index: 9999;
}

.collapse.in.x-widgetbar {
    right: 0;
}

.collapse.x-widgetbar {
    display: block;
    z-index: 9998;
}




.x-widgetbar .widget ul li a {
    /*   font-family: "ClanWebPro-News"!important; */
    color: #ffffff;
    line-height: 1.1em;
}

#menu-menu-2 li a,
.x-widgetbar .widget ul#menu-primary-2 li a {

    font-size: 7vw;
}

#menu-footer li a {
    font-size: 16px;
    padding: 5px 12px;
}

.x-widgetbar .widget.widget_icl_lang_sel_widget {
    margin-top: 0;
}

.widget.widget_icl_lang_sel_widget ul li a {
    border-bottom: none;
}
.wpml-ls-legacy-list-horizontal {
    border: none;
    padding: 5px 7px;
   }
.wpml-ls-legacy-dropdown:hover a,
.wpml-ls-legacy-dropdown a {
    border: none;
    font-size: 16px;
    background-color: transparent;
}


.wpml-ls-legacy-dropdown a:hover,
.wpml-ls-legacy-dropdown a:focus,
.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a {
    color: #fff;
    background: transparent;
}
.widget .wpml-ls-legacy-list-horizontal a {
    padding: 0 10px 5px 5px;}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
    content: none;
}

.widget ul li:hover {
    background-color: transparent;
}

.x-widgetbar .x-column.x-1-2 {
    width: 100%;
}
 .x-widgetbar .widget ul li a:hover {
    color: rgba(255, 255, 255, 0.8)!important;
}

.widget_nav_menu ul li a {
    padding: 5px 12px;
}

.widget_nav_menu ul li a:before {
    content: none;
}

.widget_nav_menu .current-menu-item>a,
.x-widgetbar .widget ul li a:hover {
    background: transparent;
}

.widget_nav_menu ul li a,
.x-widgetbar .widget ul li,
.x-widgetbar .widget ul,
.x-navbar {
    border: none;
    box-shadow: none;
}

.x-brand {
    text-align: center;
    float: none;
}

.x-brand img {
    max-width: 265px;
}

.x-portfolio-filters-menu.unstyled {
    display: block!important;
    margin: 5em auto 5em auto;
    float: left;
}

.x-portfolio-filters {
    display: none;
}

.x-portfolio-filter {
    color: #fff!important;
    box-shadow: none;
    margin: 0;
    font-size: 1.2em;

}

.x-portfolio-filters:hover,
.x-portfolio-filter:hover,
.x-portfolio-filters:active,
.x-portfolio-filter:active,
.x-portfolio-filters-menu .selected {
    color: #57d572!important;
    background: transparent;
}

.x-portfolio-filters,
.x-portfolio-filter {
    float: left;
}

.x-portfolio-filters-menu .selected {

    box-shadow: none;
}
.x-iso-container-posts.cols-3 .entry-wrap,
.x-iso-container-portfolio .entry-wrap {
    padding: 30px;
    z-index: 999;
    position: absolute;
    background: transparent;
    box-shadow: none;
    opacity: 0;
    top: 0;
    left: 0;
}
.x-iso-container-posts.cols-3 article:hover .entry-wrap,
.x-iso-container-portfolio article:hover .entry-wrap {
    opacity: 1;
}

.x-iso-container-portfolio article:hover img {
    opacity: 0.15;
}

.has-post-thumbnail .entry-featured {
    border-bottom: none;
}





/*   .entry-thumb img {
    min-width: 102%;
} */

.entry-thumb img {


    max-width: none;
}

.x-iso-container>.hentry {
    padding: 0;
}

.entry-thumb:before {
    content: none;
}


.x-colophon {
    border-top: none;
}

.x-header-landmark.x-container.max.width {
    width: 1600px;
    margin-bottom: 20px;
    margin-top: 100px;
}

h2.entry-title.entry-title-portfolio {
    text-align: left;
}





/* .text-on-portfolio {
    padding-left: 5%;
} */

h2.entry-title.entry-title-portfolio {
    /*   padding: 0 5%; */
    margin: 0 0 15px;
}

.x-container.offset {
    margin: 0 auto;
}






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

#title-portfolio {
    height: 100vh;
}

.single-x-portfolio .entry-content {
    margin-top: 0;
}

.single-x-portfolio .entry-wrap {
    padding: 0;
}

.x-portfolio .entry-info {
    float: none;
    width: 100%;
}

#inspiration .x-container.max,
#title-portfolio .x-container.max {
    max-width: 1600px;
    margin: auto;
}

.gradient-bg {
    background-image: -moz-linear-gradient(180deg, rgb(23, 23, 23) 0%, rgba(28, 50, 71, 0.99) 100%);
    background-image: -webkit-linear-gradient(180deg, rgb(23, 23, 23) 0%, rgba(28, 50, 71, 0.99) 100%);
    background-image: -o-linear-gradient(180deg, rgb(23, 23, 23) 0%, rgba(28, 50, 71, 0.99) 100%);
    background-image: -ms-linear-gradient(180deg, rgb(23, 23, 23) 0%, rgba(28, 50, 71, 0.99) 100%);
    background-image: linear-gradient(180deg, rgb(23, 23, 23) 0%, rgba(28, 50, 71, 0.99) 100%);
}

.gradient-bg .x-flexslider .caption {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px 20px;
    background: rgba(0, 0, 0, .7);
}

.gradient-bg .flex-direction-nav a {
    top: 46%;
    border-radius: 50%;
}

.gradient-bg .flex-direction-nav a.flex-next {
    left: auto;
    right: 15px;
}

#schema .flex-direction-nav a {
    top: auto;
    bottom: -63px;
    border-radius: 50%;
}

#schema .flex-direction-nav a.flex-prev {
    left: 45%;
}

#schema .flex-direction-nav a.flex-next {
    left: 50%;
}

.stretch-img,
.stretch-img img {
    width: 100%;
}

.flex-direction-nav a {
    background-color: rgba(0, 0, 0, 0.6)!important;
}








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

.page-template-default .x-section .x-container.max {
    max-width: 1600px;
}

.entry-wrap {
    padding: 0;
    background-color: transparent;
}

#four-block .x-text a {
    display: block;
    width: 100%;
    height: 300px;
    padding: 20px;
}

#four-block .x-text a:hover {
    background: rgba(0, 0, 0, 0.43);
}






/**************** join us  **************/

.address strong {
    font-family: ClanWebPro-News;

    font-size: 2vw;
    line-height: 2.3vw;
}

footer a {
    text-transform: uppercase;
}

footer .x-icon.x-graphic-icon.x-graphic-primary {
    font-size: 2em;
}






/* [data-x-particle].x-active[data-x-particle*="scale"][data-x-particle*="overlap"], [data-x-particle].x-active[data-x-particle*="scale"][data-x-particle*="inside"][data-x-particle*="c_c"] {
    transform: none;
} */


/**************** kontakt  **************/

form.wpcf7-form>p>label {
    width: 100%;
}

form.wpcf7-form>div>label {
    width: 48%;
    display: inline-block;
}

form.wpcf7-form>div>label:first-child {
    margin-right: 4%;
}

form.wpcf7-form label {
    font-size: 2vw;
    line-height: 2.2;
}


input[type="text"],
input[type="email"],
input[type="tel"]{
    border-radius: 0;
    height: 64px;
    margin-bottom: 45px;
    font-size: 25px;
}

select{
    border-radius: 0;
    height: 64px;
    margin-bottom: 45px;
    font-size: 25px;
	width: 100%;
	max-width: 640px;
}

textarea {
    border-radius: 0;
    height: 500px;
    margin-bottom: 85px;
    font-size: 25px;
}


form.wpcf7-form [type="submit"] {
    text-shadow: none;
    font-size: 30px;
}

form.wpcf7-form [type="submit"]:hover {
    color: #000000;
    background: #fff;
}

.wpcf7-not-valid-tip {
    position: absolute;
    bottom: -24px;
    left: 8px;
    color: #ff0000;
    font-size: 14px;
}

span.wpcf7-form-control-wrap {
    position: relative;
}





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

@media only screen and (max-width: 1600px) {
    .x-header-landmark.x-container.max.width {
        width: 95%;
    }
    .x-portfolio-filter {
        font-size: 1em;
    }
    .page-template-default .x-section .x-container.max,
    #inspiration .x-container.max,
    #title-portfolio .x-container.max {
        max-width: 95%;
    }
    .wpml-ls-legacy-list-horizontal {

        left: 2.5%;
    }
    .x-btn-widgetbar {

        right: 4%;
    }
}


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

    .row-folio .x-text a {
        height: 450px!important;
    }

    #title-portfolio {
        height: auto;
    }
    .folio-hover {
        max-width: 75%;
    }
    .masthead-inline .x-btn-navbar {
        display: none;
    }
}

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

    .x-widgetbar {
        left: 0!important;
        right: -100%!important;
/*change*/    position: fixed;
		
    }
    .collapse.in.x-widgetbar {
        right: 0!important;
    }
}

@media only screen and (max-width: 768px) {
    .masthead-inline .x-btn-navbar {
        display: none;
    }
    .folio-hover {
        max-width: 90%;
    }

	/*
    #video-banner {
        position: relative;
        height: auto;
    }
	*/

    #slogan {
        margin-top: 0;
    }

    textarea,
    input[type="text"],
    input[type="email"],
    input[type="tel"] {
        margin-bottom: 15px;
    }
    form.wpcf7-form [type="submit"] {
        font-size: 4vw;
    }

    textarea {
        height: auto;
    }
}

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

    #slogan.x-section {
        padding: 20px 0px;
    }

    #slogan.green-section .x-text {
        font-size: 3vw;
        margin: 0 0 5% 0;
    }
    .folio-hover {
        max-width: 95%;
    }

    .folio-subtitle {
        font-size: 2vw;
    }
    .folio-title,
    h2 {
        font-size: 5vw;
    }

    .row-folio .x-text a {
        height: auto!important;
    }

    .f-s-2vw a {
        font-size: 4vw;
    }

    .row-folio .x-text a .folio-hover:last-child {
        margin-bottom: 0;
    }

    #slogan .x-image img {
        max-width: 70%;
        margin: auto;
    }

    /*    #slogan h2 {
     text-align: center;
 }
  */
    form.wpcf7-form>div>label {
        width: 100%;
    }
    form.wpcf7-form label {
        font-size: 16px;
    }
    .address strong {
        font-size: 18px;
    }
}


@media only screen and (max-width: 767px) and (min-width: 479px) {

.x-widgetbar-inner {
    padding: 0;
}
.x-widgetbar .widget {
    margin-top: 1em;
}
}

@media only screen and (max-width: 479px) {
   header .wpml-ls-legacy-list-horizontal {
        margin: -32px 0 0;
        padding: 0;
    }
    .hm1.x-bar-content {
        height: 5em!important;
    }


    .x-bar-container.menu-box a {
        position: relative;
        top: 0;
        right: 0;
    }
    .x-navbar-inner {
        min-height: auto!important;
    }
    .x-brand {
        margin: 20px 0 0;
        width: 100%;
        /*    text-align: left; */
    }
    .x-brand img {
        max-width: 200px;
    }
    .x-btn-widgetbar i {
        top: -30px;
        right: 0;
    }

    .x-btn-widgetbar {
        /*   top: 29px !important; */
        right: 5px;
    }

    #title-portfolio.el1.x-section {
        padding: 95px 0px 3% 0px!important;
    }

	/*
    .page-template-default .x-text {
        font-size: 2em !important;
    }
	*/

    footer .fm1.x-bar-content {
        flex-direction: column;
    }
    #page-title h1 {
        font-size: 7vw;
    }
    #page-title {
        padding: 100px 0px 2% 0px;
    }
}



@media only screen and (min-width: 1900px) {
    .f-s-2vw a,
    .address strong,
    form.wpcf7-form label,
    #title-portfolio h4 {
        font-size: 27px;
    }

    .single-x-portfolio h2.x-text-content-text-primary,
    #page-title h1,
    #title-portfolio h1,
    .folio-title,
    h2 {
        font-size: 76px;
    }

    #slogan.green-section .x-text {
        font-size: 38px;
    }
}

div[data-x-toggle-collapse] {
	left: 0%;
	transition: all .5s ease-in;
}
.x-collapsed {
	left: 100%!important;
	display: block;
}



/* .collapsed .x-icon-plus-circle:before {
	    content: '\f0c9'!important;
	    font-size: 30px;	
} */

.ohne-pagination .x-pagination {display: none;}    

.footermain span{
  font-size: 16px !important;
}

/* Hauptmenü von rechts angepasst mit Icons */

.menu-fb a{
  font-size: 0px !important;
}

.menueMainEnd::after{
  content: "";
  width: 30vw;
  border-bottom: 2px solid white;
  margin-top: 0.6em;
	margin-bottom: 0.6em;
  display: block;
}


.menu-fb a::after{
  content: "";
  background: url('http://www.braunwagner.de/wp-content/uploads/2019/03/Braunwagner_facebook_outline02.svg');
  background-size: cover;
  width: 60px;
  height: 60px;
  display: flex;
  color: white;
  opacity: 1;
}

.menu-insta a{
  font-size: 0px !important;
}
.menu-insta a::after{
  content: "";
  background: url('http://www.braunwagner.de/wp-content/uploads/2019/03/Braunwagner_instagram_outline04.svg');
  background-size: cover;
  width: 60px;
  height: 60px;
  display: flex;
  color: white;
  opacity: 1;
}

.menu-linkedin a{
  font-size: 0px !important;
}
.menu-linkedin a::after{
  content: "";
  background: url('http://www.braunwagner.de/wp-content/uploads/2019/03/Braunwagner_linkedIn_outline06.svg');
  background-size: cover;
  width: 60px;
  height: 60px;
  display: flex;
  color: white;
  opacity: 1;
}

.menu-xing a{
  font-size: 0px !important;
}
.menu-xing a::after{
  content: "";
  background: url('http://www.braunwagner.de/wp-content/uploads/2019/03/Braunwagner_xing_outline08.svg');
  background-size: cover;
  width: 60px;
  height: 60px;
  display: flex;
  color: white;
  opacity: 1;
}

#menu-footer li {
  float: left;
}


@media only screen and (max-width: 700px){
  #menu-footer li {
    float: none;
  }
 #menu-menu-2 li a, .x-widgetbar .widget ul#menu-primary-2 li a {
    font-size: 60px !important;
  }
 .menu-contact::after{
    width: 50vw;
  }		
}

/* ANPASSUNG TO TOP Button*/

.x-scroll-top {
    width: 40px;
    height: 40px;
    font-size: 30px;
    color: #ccc;
	border: 1px solid #ccc;
}


/* Parallax Columns */
.pc {
	height: 500px;
}

.pcfv {
	height: 500px;
	background: linear-gradient(135deg, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 13%,rgba(0,0,0,0) 35%,rgba(0,0,0,0) 40%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

@media only screen and (max-width: 1024px) {
    .pc, .pcfv, .pcfv2, .pcfv3 {
        height: calc(100vw / 3.2);
    }
}

/* KATEGORIEN BAND */
.katband {
  font-family: "ClanWebPro-thin";
  font-weight: 100;
  font-size: 2em;
  margin: 0;
  width:100%;
  max-width: 90vw;
  height: 10px;
}

.katp {
  margin: 3em 0;
	font-weight: 100 !important;
}

.kat1, .kat2, .kat3, .kat4, .kat5, .katgrau {
  width: 20%;
  height: 100%;
  border-right: 5px solid black;
  margin: 0;
  padding: 0;
  float: left;
  font-size: 0px;
}

.kat1 {
  background-color: rgb(0,163,166);
  border-right: 5px solid black;
}
.kat2 {
  background-color: rgb(0,168,112);
}
.kat3 {
  background-color: rgb(118,183,42);
}
.kat4 {
  background-color: rgb(175,202,11);
}
.kat5 {
  background-color: rgb(222,221,38);
}
.katgrau {
  background-color: rgb(60,60,60);
}

.kat1::after {
  content: "Spatial & Interior Design";
}
.kat2::after {
  content: "Kommunikationsdesign";
}
.kat3::after {
  content: "Digital & Media Design";
}
.kat4::after {
  content: "Produkt Design";
}
.kat5::after {
  content: "Design Consulting & Services";
}

/*FULL WIDTH IMAGES in den Kategorien*/

.fullwidthimage {
	height: 500px;
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
}

.fullwidthimage H2 {
	width:90%;
	max-width: 1600px;
	margin: auto;
	text-transform: uppercase;
	padding: 1em 0;
}

.fullwidthimage p {
	font-size: 16px;
	width:90%;
	max-width: 1600px;
	margin: auto;
}

@media only screen and (max-width: 1024px) {
    .fullwidthimage {
        height: calc(100vw / 3.2);
    }
	.fullwidthimage p, .fullwidthimage H2, .slider-headlines p, .slider-headlines H2, .pc H2, .pc p, .pc span, .pcfv p, .pcfv span, .pcfv2 p, .pcfv2 span, .pcfv3 p, .pcfv3 span {
		display: none;
	}
}

/* KATEGORIEN SLIDER EINSTELLUNGEN */

.tp-parallax-wrap {
  width: 100% !important;
  left: 0 !important;
}
.tp-loop-wrap {
  width: 100% !important;
    margin: auto !important;
}
.tp-mask-wrap {
  width: 100% !important;
  margin: auto !important;
}
.tp-caption {
  width: 90% !important;
  margin: auto !important;

}
.slider-headlines {
  width: 100% !important;
  max-width: 1600px !important;
  margin: auto !important;
}

.slider-headlines H2 {
  margin: 1em 0 1em 0 !important;
}

.slider-headlines p {
  font-size: 16px !important;
  margin-top: 0 !important;
}

/*Zurück Button Mobil*/

@media only screen and (max-width: 1024px) {
    .zurueckButtonColumn {
        text-align: center;
    }
}

/*Header-Korrektur*/

.firstSectionVideo {
	margin-top: 160px !important;
}

.firstSection {
        margin-top: 250px !important;
    }

@media only screen and (max-width: 1024px) {
    .firstSection {
        margin-top: 160px !important;
    }
	.collapsed .x-icon-plus-circle {
    right: 15px;
}
}

/*KORREKTUR MODAL CLOSE BUTTON*/

@media only screen and (max-width: 1024px) {
.x-modal-close {
  width: 100% !important;
  background-color: rgba(0,0,0,0.8) !important;
}
	.kattop {
		margin-top: 3em;
	}
}


/*KORREKTUREN FOOTER*/

.footermain .x-anchor .x-anchor-text {
    margin: 0 !important;
}

.footermain .x-anchor {
    border-bottom: 1px solid black;
}

.footermain .x-anchor:hover {
    border-bottom: 1px solid #aaa;
}

.footermain .x-anchor .x-anchor-content {
    padding: 0!important;
}

.footermain li:not(:first-child)::before {
    content: '|';
    padding: 0 1em;
    font-size: 16px;
    color: #ccc;
}

.footer-social img {
    transition: all .25s ease-in-out;
}

.footer-social img:hover {
    transform: scale(1.2);
    transition: all .1s ease-in-out;
}

/*KORREKTUREN OFF CANVAS MENU*/

.x-btn-widgetbar i {
    right: 10px;
}

.x-widgetbar-inner {
    background: black;
    position: absolute;
    right: 0;
    top: 0;
    padding: 150px 10vw 10vw 10vw;

}

.x-widgetbar .widget ul li a {
    color:#ddd !important;
    border-left: 5px solid black;
    padding-left: 0.5em;
    font-size: 3vw;
}

.x-widgetbar .widget ul li a:hover {
    color:#fff !important;
    /* border-left: 5px solid rgb(34, 34, 34); */
}

.off-canvas-social .arrow img {
    height: 100px;
}

.off-canvas-social .arrow {
    margin-right: 30px;
}

.off-canvas-social .icon a img {
    height: 50px;
}

.off-canvas-social .icon {
    margin-right: 15px; 
    display: flex;
    align-items: center;
}

.off-canvas-social {
    display: flex;
    height: 100px;
    padding-left: calc(5px + 0.5em);
}

.x-widgetbar .widget {
    margin-top: 100px;
}

.off-canvas-social .icon img {
    transition: all .25s ease-in-out;
}

.off-canvas-social .icon img:hover {
    transform: scale(1.2);
    transition: all .1s ease-in-out;
}

#menu-off-canvas-main, #menu-off-canvas-main-en {
    text-transform: uppercase;
    text-decoration: none;
}

#menu-off-canvas-main a:hover {
    text-transform: uppercase;
    text-decoration: underline;
    text-decoration-thickness: 0.05em;
    text-underline-offset: 0.1em;
}

#menu-off-canvas-main-en a:hover {
    text-transform: uppercase;
    text-decoration: underline;
    text-decoration-thickness: 0.05em;
    text-underline-offset: 0.1em;
}

@media only screen and (max-width: 767px) {
    .x-widgetbar .x-widgetbar-inner {
        background: black;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        padding: 100px 30px 30px 30px;
        font-size: 30px;
    }
    .off-canvas-social .arrow {
        display: none;
    }
}